@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei"; }


/*banner*/
.banner{height: 559px;overflow: hidden;}
.banner .bd li{height: 559px;background: url(../img/banner01.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 559px;}
/*product*/
.pro{padding: 80px 0;}
.pro_l{float: left;width: 305px;height: 650px;background-color: #272727;}
.pro_l h4{height: 92px;line-height: 92px;text-align: center;font-size: 34px;background: url(../img/center_ic.png) no-repeat 34px center #f46f22;}
.pro_l h4 a{color: #fff;}
.pro_l ul{margin-top: 20px;}
.pro_l ul li{height: 130px;color: #fff;position:relative;}
.pro_l ul li.nobor span{border: 0;}
.pro_l ul li b{display: block;height:40px;line-height:40px;padding-left:30px;margin:7px 0;}
.pro_l ul li b>a{color: #fff;font-size: 18px;}
.pro_l ul li b:hover{background-color:#f46f22;}
.pro_l ul li span{display:block;font-size: 14px;line-height: 24px;margin: 0 30px;border-bottom: 1px solid #666;padding-bottom: 27px;}
.pro_l ul li p{display:none;position:absolute;width:170px;left:305px;top:0;z-index:200;}
.pro_l ul li p a{display:block;height:40px;line-height:40px;background:rgba(0,0,0,0.5);color:#fff;padding-left:15px;margin-bottom:1px;font-weight:normal;}
.pro_l ul li p a:hover{color:#f46f22;}
.pro_r{float: right;width: 875px;}
.pro_r h4{height: 48px;margin-bottom: 9px;}
.pro_r h4 span a{display: inline-block;width: 168px;height: 44px;line-height: 44px;text-align: center;border: 2px solid #272727;font-size: 18px;color: #272727;margin-right: 2px;}
.pro_r h4 span a:hover,.pro_r h4 span a.cur{background-color: #f46f22;color: #fff;border-color: #f46f22;}
.pro_r h4 .more{float: right;line-height: 48px;padding-right: 38px;font-size: 14px;color: #666;background: url(../img/more1.jpg) no-repeat right center;}
.pro_con{height: 593px;box-shadow: 5px 5px 20px #ccc,-10px -10px 20px #f2f2f2;padding-left: 13px;}
.pro_con dl{height: 375px;padding-top: 25px;margin-bottom: 21px;}
.pro_con dl dt{float: left;width: 500px;height: 375px;}
.pro_con dl dt img{display: block;width: 500px;height: 375px;}
.pro_con dl dd{float:left;margin-left: 25px;width: 320px;height:375px;position:relative;}
.pro_con dl dd h5{font-size: 24px;padding: 8px 0 20px;}
.pro_con dl dd h5 a{color: #f46f22;}
.pro_con dl dd b{font-size: 16px;color: #666;}
.pro_con dl dd p{padding-bottom: 20px;}
.pro_con dl dd span{display: block;font-size: 14px;color: #666;line-height: 20px;}
.pro_con dl dd em{position:absolute;bottom:15px;height:48px;width:100%;}
.pro_con dl dd em a{display: inline-block;width: 147px;height: 44px;text-align: center;line-height: 44px;border: 2px solid #f46f22;font-size: 14px;color: #f46f22;}
.pro_con dl dd em a.zx{float: right;background-color: #f46f22;border-color: #f46f22;color: #fff;}
.pro_con ul li{float: left;width: 204px;height: 153px;position: relative;margin-right: 10px;}
.pro_con ul li img{display: block;width: 204px;height: 153px;}
.pro_con ul li em{position: absolute;width: 100%;left: 0;bottom: 18px;text-align: center;font-size: 14px;color: #333;}
/*adva*/
.adva{padding: 70px 0 0;box-shadow:0 20px 20px #efefef inset,0 -20px 20px #efefef inset;}
.adva h3{text-align: center;padding-bottom: 35px;font-weight: normal;}
.adva h3 b{font-size: 36px;color: #333;position: relative;padding: 0 48px;}
.adva h3 b:before{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";left: 0;top: 22px;}
.adva h3 b:after{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";right: 0;top: 22px;}
.adva h3 em{color: #f46f22;}
.adva h3 i{display: block;font-size: 18px;color: #666;padding-top: 8px;}
.adva dl{margin-bottom: 50px;}
.adva dl dd{padding-left: 34px;width: 430px;padding-top: 38px;}
.adva dl dd h4{font-size: 36px;color: #f46f22;font-weight: normal;}
.adva dl dd h4 img{display: block;margin-bottom: 15px;}
.adva dl dd em{display: block;padding: 28px 0 24px;font-size: 20px;line-height: 28px;color: #333;border-bottom: 1px solid #e6e6e6;}
.adva dl dd p{padding-top: 28px;}
.adva dl dd p span{display: block;padding-left: 18px;line-height: 22px;font-size: 14px;color: #666;background: url(../img/san.png) no-repeat left 6px;padding-bottom: 14px;}
.adva .adva04{margin-bottom: 0;}
/*service*/
.ser{padding: 50px 0;}
.ser h3{text-align: center;padding-bottom: 35px;font-weight: normal;}
.ser h3 b{font-size: 36px;color: #333;position: relative;padding: 0 48px;}
.ser h3 b:before{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";left: 0;top: 22px;}
.ser h3 b:after{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";right: 0;top: 22px;}
.ser h3 em{color: #f46f22;}
.ser h3 i{display: block;font-size: 18px;color: #666;padding-top: 8px;}
.ser ul li{float: left;width: 382px;height: 328px;background-color: #ededed;margin-right: 27px;}
.ser ul li.nomar{margin-right: 0;}
.ser ul li i{display: block;width: 131px;height: 131px;margin: 34px auto 0;}
.ser ul li .i1{background: url(../img/ser1.png) no-repeat;}
.ser ul li .i2{background: url(../img/ser2.png) no-repeat;}
.ser ul li .i3{background: url(../img/ser3.png) no-repeat;}
.ser ul li:hover .i1{background: url(../img/ser_1.png) no-repeat;}
.ser ul li:hover .i2{background: url(../img/ser_2.png) no-repeat;}
.ser ul li:hover .i3{background: url(../img/ser_3.png) no-repeat;}
.ser ul li em{display: block;font-size: 24px;color: #333;text-align: center;height: 54px;line-height: 44px;position: relative;}
.ser ul li em:after{width: 6%;position: absolute;height: 2px;background-color: #f46f22;left: 47%;bottom: 0;content: "";}
.ser ul li p{font-size: 16px;color: #4c4c4c;text-align: center;line-height: 24px;padding-top: 10px;}
.ser .tel{text-align: center;margin-top: 28px;}
.ser .tel span{display: inline-block;width: 302px;height: 47px;line-height: 47px;border: 1px solid #d9d9d9;font-size: 14px;color: #666;border-right: 0;}
.ser .tel span img{vertical-align: middle;margin-right: 7px;}
.ser .tel span i{font-size: 26px;font-family: Arial;color: #333;}
.ser .tel a{display: inline-block;padding:0 42px;height: 49px;line-height: 49px;color: #fff;font-size: 14px;background-color: #f46f22;vertical-align: top;}
/*case*/
.case{padding: 70px 0;background-color: #272727;}
.case h3{text-align: center;padding-bottom: 35px;font-weight: normal;}
.case h3 b{font-size: 36px;color: #fff;position: relative;padding: 0 48px;}
.case h3 b:before{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";left: 0;top: 22px;}
.case h3 b:after{position: absolute;width: 29px;height: 2px;background-color: #7b7f8c;content: "";right: 0;top: 22px;}
.case h3 em{color: #f46f22;}
.case h3 i{display: block;font-size: 18px;color: #fff;padding-top: 8px;}
.case_l{float: left;width: 282px;background-color: #fff;}
.case_l ul li,.case_l p{height: 90px;border-bottom: 1px solid #e3e3e3;position: relative;z-index: 100;}
.case_l ul li i,.case_l p i{float: left;width: 44px;height: 47px;margin-left: 47px;margin-top: 21px;}
.case_l ul li span,.case_l p span{float: left;padding-left: 14px;margin-top: 26px;width: 176px;}
.case_l ul li span b,.case_l p span b{display: block;font-size: 18px;color: #3a3a3a;}
.case_l ul li span em,.case_l p span em{display: block;line-height: 20px;font-size: 12px;color: #666;font-family: Arial;}
.case_l ul .li01 i{background: url(../img/case1.png);}
.case_l ul .li02 i{background: url(../img/case2.png);}
.case_l ul .li03 i{background: url(../img/case3.png);}
.case_l ul .li04 i{background: url(../img/case4.png);}
.case_l ul .li05 i{background: url(../img/case5.png);}
.case_l p i{background: url(../img/case6.png);}
.case_l ul .li01:hover i,.case_l ul .li01.cur i{background: url(../img/case_1.png);}
.case_l ul .li02:hover i,.case_l ul .li02.cur i{background: url(../img/case_2.png);}
.case_l ul .li03:hover i,.case_l ul .li03.cur i{background: url(../img/case_3.png);}
.case_l ul .li04:hover i,.case_l ul .li04.cur i{background: url(../img/case_4.png);}
.case_l ul .li05:hover i,.case_l ul .li05.cur i{background: url(../img/case_5.png);}
.case_l ul li:hover,.case_l ul li.cur{width: 384px;background:url(../img/circle.png) no-repeat 318px center #f46f22;border-color: #f46f22;}
.case_l ul li:hover b,.case_l ul li.cur b{color: #fff;}
.case_l ul li:hover em,.case_l ul li.cur em{color: #f9b69c;}
.case_l ul li:hover span,.case_l ul li.cur span{border-right: 1px solid #f79a65;}
.case_r{float: right;width: 894px;height: 550px;position: relative;}
.case_r .bd a img{display: block;width: 894px;height: 550px;}
.case_r .text{position: absolute;width: 100%;height: 125px;background: url(../img/tm.png) repeat;left: 0;bottom: 0;}
.case_r .text img{float: left;margin-left: 72px;margin-top: -55px;}
.case_r .text p{float: left;color: #fff;margin-left: 15px;width: 470px;}
.case_r .text p b{display: block;font-size: 16px;padding: 20px 0 18px;}
.case_r .text p span{display: block;font-size: 14px;line-height: 22px;}
.case_r .text .more{float: right;width: 70px;height: 58px;padding-top: 12px;background: url(../img/more2.png) no-repeat;color: #fff;font-size: 14px;text-align: center;margin: 27px 60px 0 0;line-height: 24px;}
/*about*/
.about{padding:70px 0;}
.about dl{height: 323px;margin-bottom: 40px;}
.about dl dt{width:608px;height:323px;}
.about dl dd{float: left;width: 520px;}
.about dl dd h4{font-size: 36px;font-weight: bold;color: #333;padding:10px 0 30px;background: url(../img/line.jpg) no-repeat left bottom;margin-bottom: 35px;}
.about dl dd h4 i{display: block;font-size: 24px;line-height: 40px;}
.about dl dd .p1{font-size: 14px;color: #666;line-height: 24px;}
.about dl dd .p1 a{color: #f46f22;}
.about dl dd .p2{padding-top: 35px;height: 40px;}
.about dl dd .p2 a{float: left;width: 128px;height: 40px;line-height: 40px;text-align: center;font-size:16px;color: #333;}
.about dl dd .p2 a.cur{background: url(../img/tuo.png) no-repeat;}
.about ul li{float: left;width: 289px;height: 216px;border: 1px solid #e6e6e6;margin-right: 10px;position: relative;}
.about ul li.nomar{margin-right: 0;}
.about ul li img{display: block;width: 275px;height: 193px;margin: 10px auto 0;}
.about ul li em{display: none;position: absolute;width: 100%;height: 216px;left: 0;top: 0;background: url(../img/honor_bg.png) no-repeat;color: #fff;font-size: 14px;text-align: center;line-height: 216px;}
.about ul li:hover em{display: block;}
/*news*/
.news{background-color: #f0f0f0;padding: 50px 0 40px;}
.new_l{float: left;width: 532px;}
.news h4{font-size: 24px;font-weight: normal;line-height: 40px;margin-bottom: 25px;}
.news h4 .more{float: right;font-size: 14px;}
.news ul li{height: 42px;line-height: 42px;font-size: 14px;}
.news ul li a{color: #666;}
.news ul li a:hover{color: #f46f22;}
.news ul li i{float: right;font-family: "Arial";}
.new_r{float: right;width: 532px;}