@charset "utf-8";
/* CSS Document */
*{padding: 0;margin: 0;}
 body{font-family:'微软雅黑,黑体';}
ul,li,a{ list-style:none;}
a{text-decoration: none;}
input,textarea,select{padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
textarea::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
select::-moz-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-webkit-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
::-ms-input-placeholder{color:inherit;opacity:0.5;font-size:inherit;}
.clear{ clear:both;}
.banner{ width:100%; height:347.99px; background: url("banner_01.jpg") no-repeat  center;}
.banner1{ width:100%; height:347.99px; background: url("banner_02.jpg") no-repeat center; clear:both;}
.banner2{ width:100%; height:347.99px; background: url("banner_03.jpg") no-repeat center;clear:both;}

.contit1{ width: 1086px; height:110px; margin: 0px auto;}
.contit2{width: 1082px; height:54px; margin: 0px auto;}
.contit2 p{ width:100%; line-height: 54px; text-align: center; color: #fff;font-size:36px;}
.contitbj1{background: url("contitbj.png") no-repeat top center;}
.contitbj2{background: url("contitbj1.png") no-repeat top center;}

.pp1{ width: 1200px; margin: 0px auto;line-height:40px;color:#303030;font-size:20px; text-indent: 2em; margin-top: 40px; }
.bzxx{width: 1200px; margin: 0px auto; margin-top:20px;}
.bzxx li{ width:286px; height: 248px; float:left;background: #f0f0f0;border-radius:10px; margin-right:18px; margin-top: 20px;}
.bzxx li:nth-child(4n){ float:right; margin-right: 0;}
.bzxx li i{ width: 106px;height: 106px; display: block; margin: 0px auto;border-radius: 100%; margin-top:40px;}
.bzxx li p{ font-size:24px; text-align: center; color:#303030; margin-top: 28px;}
.bzxx li:hover{background: #5e7abb;}
.bzxx li:hover p{ color:#fff;}
.bzxx .list1 i{ background:#bebebe url("bztp1.png") no-repeat center center;}
.bzxx .list2 i{ background:#bebebe url("bztp2.png") no-repeat center center;}
.bzxx .list3 i{ background:#bebebe url("bztp3.png") no-repeat center center;}
.bzxx .list4 i{ background:#bebebe url("bztp4.png") no-repeat center center;}
.bzxx .list5 i{ background:#bebebe url("bztp5.png") no-repeat center center;}
.bzxx .list6 i{ background:#bebebe url("bztp6.png") no-repeat center center;}
.bzxx .list7 i{ background:#bebebe url("bztp7.png") no-repeat center center;}
.bzxx .list8 i{ background:#bebebe url("bztp8.png") no-repeat center center;}
.bzxx .list9 i{ background:#bebebe url("bztp9.png") no-repeat center center;}
.bzxx .list10 i{ background:#bebebe url("bztp10.png") no-repeat center center;}
.bzxx .list11 i{ background:#bebebe url("bztp11.png") no-repeat center center;}
.bzxx .list12 i{ background:#bebebe url("bztp12.png") no-repeat center center;}
.bzxx .list1:hover i{ background:#fefaf9 url("bztp1-1.png") no-repeat center center;}
.bzxx .list2:hover i{ background:#fefaf9 url("bztp2-1.png") no-repeat center center;}
.bzxx .list3:hover i{ background:#fefaf9 url("bztp3-1.png") no-repeat center center;}
.bzxx .list4:hover i{ background:#fefaf9 url("bztp4-1.png") no-repeat center center;}
.bzxx .list5:hover i{ background:#fefaf9 url("bztp5-1.png") no-repeat center center;}
.bzxx .list6:hover i{ background:#fefaf9 url("bztp6-1.png") no-repeat center center;}
.bzxx .list7:hover i{ background:#fefaf9 url("bztp7-1.png") no-repeat center center;}
.bzxx .list8:hover i{ background:#fefaf9 url("bztp8-1.png") no-repeat center center;}
.bzxx .list9:hover i{ background:#fefaf9 url("bztp9-1.png") no-repeat center center;}
.bzxx .list10:hover i{ background:#fefaf9 url("bztp10-1.png") no-repeat center center;}
.bzxx .list11:hover i{ background:#fefaf9 url("bztp11-1.png") no-repeat center center;}
.bzxx .list12:hover i{ background:#fefaf9 url("bztp12-1.png") no-repeat center center;}

.tsmz{ width:100%;background:#cedff3; margin-top: 40px;}
.tsmz:before{content:""; width: 100%; height:100px; background:url("bjtop.jpg") no-repeat top center; display: block;}
.tsmz:after{content:""; width: 100%; height:80px; background:url("bjbottom.jpg") no-repeat bottom center; display: block;}

.zjtd1{ width: 1352px;margin:0px auto;margin-top:40px; position: relative;}
.zjtd1 .bd{ width:1200px; margin: 0px auto;}
.zjtd1 li{width:340px; height:530px; float: left;margin-left:30px; margin-right:30px;}
.zjtd1 li img{ width:100%; }
.zjtd1 li p{ width: 100%; line-height:30px;text-align: center; font-size:18px; color:#303030; margin-top: 10px; }
.zjtd1 li i{display: block;width:65px;height:3px;background:#94aad6; margin: 0px auto;}
.zjtd1 li strong{display: block; font-size: 24px; color: #303030; text-align: center; line-height:46px;}
.zjtd1 .next{width:28px; height:56px;background:url("left.png") no-repeat center center; position: absolute;left: 0; top:180px;}
.zjtd1 .prev{width:28px; height:56px;background:url("right.png") no-repeat center center;position: absolute; right: 0;top:180px;}

.zlsb{ width:1340px; margin: 0px auto;}
.zlsb li{ width: 662px; height: 342px; float: left; background:#5e7abb url("sbbj.jpg") no-repeat top right; margin-top:20px; border-radius:16px;}
.zlsb li img{ width:256px;height: 306px; float:left; margin:16px 30px auto 20px;}
.zlsb li:nth-child(2n){ float:right;}
.zlsb li .pp{ width: 314px; float:left; color: #ffffff}
.zlsb li .pp .p1{font-size:36px; margin-top: 60px; line-height: 36px;}
.zlsb li .pp .p2{font-size:28px; margin-top:20px; height: 80px;line-height:36px;}
.zlsb li .pp a{ width: 210px; height: 58px; background:#f4b200; line-height: 58px; text-align: center;font-size: 28px; color: #fff;display: block;border-radius:40px; margin-top: 20px;}

.tszlsb{ width: 1230px; margin: 0px auto; }
.tszlsb li{ margin-top: 40px;}
.tszlsb li{ width:298px;float:left; margin-right:12.5px; margin-bottom:22px;position: relative;}

.tszlsb li:nth-child(4n){ float: right; margin-right: 0px;}
.tszlsb li:hover .text {height:392px; background: url("sbbj_03.png");}
.tszlsb li:hover .text .tit {color: #fff; font-weight: bold;padding-top:90px; }
.tszlsb li:hover .text .hx { width: 72px; height: 1px; background: #fff; margin: 0px auto;}
.tszlsb li:hover .text .tit1 {color: #fff;font-size:24px;width:90%; margin: 0px auto;line-height:40px;color: #fff;margin-top:15px; margin-bottom: 15px; display: block;}
.tszlsb li:hover .text  a{ width: 164px; height:44px; background:#f4b200; line-height:44px; text-align: center;font-size:24px; color: #fff;display: block;border-radius:40px; margin: 0px auto;margin-top: 20px;}


.tszlsb li .img1 { overflow: hidden;height:392px;}
.tszlsb li .img1 img{ width:100%;}
.tszlsb li .text {width:298px;height:94px;background: url("sbbj_03.png");position: absolute;bottom:0px;left:0;right: 0;overflow: hidden;}
.tszlsb li .text .tit {font-size:24px; text-align: center; width:100%;height:54px; line-height:54px;padding-top:20px; margin: 0px auto; color: #ffffff;}
.tszlsb li .text .tit1 { display: none;}
.tszlsb li .text a { display: none;}

.etss{width: 1340px;margin: 0px auto; margin-top: 40px;}
.etss li{ width: 658px; height: 526px; float: left; position:relative; margin-bottom:25px;}
.etss li:nth-child(2n){ float:right;}
.etss li img{ width: 658px; height: 526px; position: absolute;left: 0; top: 0;}
.etss li p{ width: 658px; height: 86px; position: absolute;left: 0; bottom: 0; font-size: 30px; text-align: center;color: #fff; line-height: 86px;background: url("sbbj_03.png"); }

.zsff{ width:100%;background:#cedff3 url("fwbj.png") no-repeat bottom right; margin-top: 40px;}
.zsff:before{content:""; width: 100%; height:100px; background:url("bjtop.jpg") no-repeat top center; display: block;}

/* 焦点图效果 */
	.zsff1{ width:1200px; height:640px; margin: 0px auto; margin-top: 40px; position:relative;  overflow:hidden;  zoom:1;   }
	.zsff1 .hd{ width:386px;  height:550px; position:absolute; right:5px; overflow:hidden; }
	.zsff1 .hd ul li{ width:386px; height: 70px; text-align:center; margin-bottom:10px; }
	.zsff1 .hd ul li p{ width:370px; height:70px; line-height: 70px; background: #fff; margin-left: 18px; font-size: 28px;}
	.zsff1 .hd ul li.on{ background:url("sjx.png") no-repeat left center; }
	.zsff1 .hd ul li.on p{ background: #5e7abb;margin-left: 18px; color: #ffffff }
	.zsff1 .bd{ width:800px;  height:550px; position:relative;  }
	.zsff1 .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.zsff1 .bd li .pic{ position:relative; z-index:0;  }
	.zsff1 .bd li .pic img{ width:800px;  height:550px; vertical-align:bottom; }

	#demo1,#demo2{ margin-bottom:20px;  }


