@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }


.bannerbg{position: relative; height: 625px;}
.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:625px; overflow:hidden;}


/*fw_bg*/
.fw_bg{ margin-bottom: 70px; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.fw_bg .tit{padding-top: 70px; margin-bottom: 45px;}
.fw_bg ul{width: 100%;}
.fw_bg li{position: relative; float:left; margin-right:0.2%; margin-bottom: 6px;overflow:hidden; line-height: 0px;}
.fw_bg li img{ width:100%; height: 100%;}
.fw_bg li span{position: absolute;left: 0px;bottom: 0%;  color: #fff; width: 100%; padding-top:41px;height:50px; text-align: center;  line-height:50px; font-size: 18px; background:url(Img/Index/span.png) repeat-x left bottom;}
.fw_bg li span{}
.fw_bg li.fw_i1{width: 21.35%;}
.fw_bg li.fw_i2{width: 18.75%;}
.fw_bg li.fw_i3{width: 42.45%;}
.fw_bg li.fw_i4{width: 16.61%;}
.fw_bg li.fw_i5{width: 40.36%;}
.fw_bg li.fw_i6{width: 25%;}
.fw_bg li.fw_i7{width: 17.19%;}
.fw_bg li.fw_i8{width: 16.61%;}

.fw_bg li.fw_i4,.fw_bg li.fw_i8{margin-right: 0px;}

.fw span{ margin-top: 55px; margin-left: 400px;display: block; float: left; color: #f66100; line-height: 50px; font-size: 16px; padding-left: 45px;  background:url(Img/Index/fw_ip.gif) no-repeat left center;}
.fw span b{display: inline-block; padding-left: 15px; font-size: 20px;}
.fw p{ margin-top: 64px; width: 145px; height: 34px; font-size: 16px; line-height: 34px; float: right; overflow: hidden; text-align: center; background:url(Img/Index/fw_ip2.png) no-repeat left top;}
.fw p a{color: #fff; display: inline-block;}

.fw{ height: 158px;overflow:hidden;}

/*pro*/
.pro_bg{ font-family:"Microsoft Yahei"; background:#f2f2f2; height:860px; overflow:hidden;} 
.pro h2{ margin:0 auto; padding-top: 64px; height:72px; overflow:hidden; text-align:center; font:bold 38px/72px "Microsoft Yahei"; }
.pro h2 a{ color:#232323;}
.pro h2 a:hover{text-decoration: none;}

.pro_t ul{padding: 34px 0 30px 0; width: 1200px; overflow: hidden;}
.pro_t ul li{float: left; margin-right: 30px; padding: 20px 10px 20px 28px; height:100px; width: 342px; background: #fff; overflow:hidden;}
.pro_t ul li img{float: left; display: block; width:170px; height: 100px;}
.pro_t ul li p{float: right; padding-top: 18px; width: 160px;color: #035fb6; font-weight: bold; line-height: 30px; font-size: 18px;}
.pro_t ul li p i{display: block; line-height: 20px; font-size: 14px; font-weight: normal;font-style:normal;}
.pro_t ul li a:hover{text-decoration: none;}
.pro_t ul li.nones{margin-right: 0px;}

.pro_c{width: 1200px; height: 430px;}
.pro_qh{padding: 57px 75px 0; width: 1050px; background: #fff; height: 375px; }
.pro_qh dl{}
.pro_qh dt {float: left; width:525px; height:309px; overflow:hidden;}
.pro_qh dt img{width:525px; height:309px;}
.pro_qh dd{float: right; margin-top: 33px; width:425px; overflow:hidden;}
.pro_qh dd h3{line-height: 70px; font-size: 30px; font-weight: bold;}
.pro_qh dd h3 a{ display: inline-block; color: #222;}
.pro_qh dd i{display: block;font-style:normal; width: 125px; padding-left: 15px; height:30px; line-height: 30px; font-size: 14px; font-weight: normal; color: #fff; background:#f76102 url(Img/Index/al_ip.jpg) no-repeat right top;}
.pro_qh dd p{float: left;width: 212px; font:14px/40px "Microsoft Yahei"; color: #666;}
.pro_qh dd p b{color: #363636;}

/*anli*/
.anli_bg{ font-family:"Microsoft Yahei";height:856px; overflow:hidden;background:url(Img/Index/anli_bg.jpg) no-repeat center top;} 
.anli .tit{ margin:0 auto 56px; padding-top: 65px; color: #fff;}
.anli .tit i{color: #ababab;}

.anli_t ul{ width: 1200px; height: 68px; overflow: hidden;}
.anli_t ul li{position: relative; float: left;width: 200px;text-align: center; line-height: 56px; font-size: 16px; }
.anli_t ul li a{display:inline-block; color: #979797; width:200px; height: 68px;background:url(Img/Index/anli_t3.png) no-repeat left top;}
.anli_t ul li a:hover,.anli_t ul li.cur a{text-decoration: none; color: #fff;background:url(Img/Index/anli_t2.png) no-repeat left top;}
.anli_t ul li i{position:absolute;right: 0px; top:0px; width: 2px; height: 56px; background:url(Img/Index/anli_t1.gif) no-repeat right top;}
.anli_t ul li.nones{margin-right: 0px; background: none;}

.anli_c{width: 1200px; height:567px;/*height:430px;*/}
.anli_qh{width:1200px;}
.anli_qh dl{}
.anli_qh dt {float: right; overflow:hidden;}
.anli_qh dd{float: left; width: 440px;margin-top:145px;}
.anli_qh dt img{width:730px; height:567px;}
.anli_qh dd h3{ line-height: 38px; font-size: 16px; font-weight: normal; color: #fff;}
.anli_qh dd h3 i{display: block; color: #fff; line-height: 45px; font-size: 24px;font-style:normal;}
.anli_qh dd p{padding: 20px 0 66px 0; font:14px/30px "Microsoft Yahei"; color: #8b8b8b;}
.anli_qh dd span{color: #363636; float: left; margin-right: 26px; text-align: center; width: 84px;display: block;}
.anli_qh dd span img{width: 78px; height: 52px;}
.anli_qh dd span em{display: block;color:#dfdfdf;}


/*list*/
.tit{ margin:0 auto; width: 1200px; height:100px;  text-transform: uppercase; overflow:hidden; text-align:center; color:#252525;font:bold 30px/60px "Microsoft Yahei"; }
.tit a{ color:#252525;}
.tit i{display: block; line-height: 40px; color: #666; font-size: 16px; font-weight: normal;font-style:normal;}
.tit a:hover{text-decoration: none;}

.list_bg{padding-top: 70px; height: 810px;}
.list_bg .tit{margin-bottom: 39px;}
.list ul{width: 1200px; overflow:hidden;}
.list li{position:relative; float:left; margin:0 30px 30px 0;  width:380px; height:280px; overflow:hidden;  text-align: center; line-height: 0px;}
.list li img{ width:380px; height:280px; }
.list li span{ position:absolute; left:0px; bottom:0px;display:block; padding-top: 31px; line-height: 30px; font-size: 18px; color: #fff; width:100%; height:60px;overflow:hidden;background:url(Img/Index/span.png) repeat-x left top;} 
.list li span em{display: block; color: #aaa9ae; line-height: 22px; font-size: 16px;}

.list li p{position:absolute; left:0px; top:0px;display:none; padding:0 50px; line-height: 30px; font-size: 18px; color: #fff; width:280px; height:100%;overflow:hidden;background:url(Img/Index/span2.png) repeat left top;}
.list li p b{padding-bottom: 20px; display: block; padding-top: 60px; line-height: 36px; font-size:22px; font-weight: bold;}
.list li p b em{ display: block; font-weight:normal; font-size: 18px; }
.list li p i{display: block; line-height: 24px; font-size: 14px;font-style:normal;}
.list li:hover p{display: block;}
.list li:hover span{display: none;} 
.list .nones{ margin-right:0;}



/*about_bg*/
.about_bg{ height:1067px; overflow:hidden;} 
.about_bg .tit{margin-bottom: 38px;}
.about dl{position: relative; width: 1200px; height:406px; overflow: hidden;}
.about dt img{ width: 1200px; height:406px;}
.about dd{text-align: center; z-index: 10; position:absolute;left: 225px; top:92px; width:750px; height: 238px;overflow:hidden; background:url(Img/Index/span3.png) repeat left top;}
.about dd h3{margin-bottom: 10px; padding-top:40px; overflow:hidden; font:22px/48px "Microsoft Yahei";}
.about dd h3 a{ color:#222325;}
.about dd h3 a:hover{ text-decoration:none;}
.about dd p{padding: 0 40px; font:14px/25px "Microsoft Yahei"; color:#646466;}

.about ul{height: 445px;}
.about li{position:relative; float:left; padding:23px 45px 0 28px;  width:525px; height:125px; overflow:hidden; line-height: 0px; border: 1px solid #f1f1f1; border-top: 0px;}
.about li img{float: left; padding-top: 8px; width:86px; height:86px; }
.about li p{ float: right; width: 415px; line-height: 24px; font-size: 14px;} 
.about li p i{display: block; color: #212121; line-height: 45px; font-size: 16px;font-style:normal;}


/*link*/
.link_bg{ background:#f5f5f5; height:100px;overflow:hidden;} 
.link h2{float: left; height:100px; width:200px; overflow:hidden; line-height: 100px; font-size: 16px; }
.link h2 a{ color:#1f1f1f;}
.link h2 i{color: #868686; font-weight: normal;}
.link span{float: right; display:block;font:14px/100px "Microsoft Yahei"; }
.link span a{ display:inline-block; color:#565656;}
.link p{float: left; height:100px; width: 845px; overflow:hidden; font:14px/100px "Microsoft Yahei";}
.link p a{ color:#888; padding:0 25px 0 0; display:inline-block;}