@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{ 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"; }
/**/


h2{ text-align: center; padding-top: 89px; color: #fff; font-size: 38px; padding-bottom: 45px;}
h2 i{ display: block; line-height: 100%; padding-bottom: 13px;}
h2 span{ display: block; line-height: 100%;font-weight: normal; font-size: 18px;background:url(../images/zj_h.png) no-repeat center 8px; }
/**/
.spi{ height: 91px; border-bottom: 1px solid #ebebeb; overflow: hidden;}
.spi h3{ float: left; line-height: 91px; color: #626262; font-size: 24px; font-weight: normal; letter-spacing: 3px; width: 367px; border-right: 1px solid #eee;}
.spi h3 span{ color: #1b1b1b; font-size: 24px; font-weight: bold;}
.spi p{ padding-top: 37px; height: 24px; line-height: 24px; color: #707070; font-size: 15px; overflow: hidden;}
.spi p a{  color: #707070; display: inline-block; padding: 0 5px;}.spi p a:hover{color: #000;}
.spi p i{ display: inline-block; float: left;}
.spi p em{ display: inline-block; float: right;}
.spi p em input{ display: inline-block; float: left; height: 24px; line-height: 24px; border: none; border-left: 2px solid #e5e5e5;border-right: 2px solid #e5e5e5; padding-left: 14px; width: 239px; color: #b5b5b5; font-size: 16px; margin-right: 9px; outline: none;}
.spi p em button{ display: inline-block; width: 22px; height: 22px;background:url(../images/seach.jpg) no-repeat; border: navajowhite;cursor:pointer; outline: none;}
    /**/

/**/
.about{ margin: 0 auto 79px; position: relative; width: 1200px; background: #f6f6f6; height: 226px;}
.about i{ display: inline-block; float: right; width: 300px; height: 226px; overflow: hidden;}
.about i img{ width: 300px; height: 226px;}
.about h3{ position: absolute; left: 0; top: -21px; left: 0; height: 45px; background: #ff8400; color: #fff; font-size: 20px; line-height: 45px; padding: 0 23px;}
.about p{ display: block; padding:67px 0 0 64px; width: 723px; font-size: 14px; color: #000; line-height: 30px;}
/**/

/**/
.cpi h2{ color: #333; padding-bottom:42px; padding-top:75px;}
.cpi h2 span{background:url(../images/lc_h2.png) no-repeat center 8px;}
.cpi ul{ overflow: hidden; padding-bottom: 44px; margin:0 -3.7%;width:100%;}
.cpi ul li{ float: left; width: 22.5%; font-size: 0; margin-left: 0.4%;}.cpi ul li img{ display: inline-block; width: 100%;}
.cpi ul li em{ display: block; margin-bottom:1.5%; position: relative;}
.cpi ul li em i{ display: block; text-align: center; position: absolute; left: 0; width: 100%; top:2rem; color: #434343; font-size:1rem;}
.cpi ul li em i strong{color: #313131; font-size: 1.5rem; display: block; padding-bottom: 0.2rem;}
.cpi ul li em i span{ color: #0059b4; display: block; padding-top: 0.2rem;}
.cpi ul li:nth-child(2){ width: 49.5%;}
.cpi h3{ margin: 0 auto 29px; width: 1200px; padding-bottom: 10px; line-height: 100%; height: 23px; border-bottom: 1px solid #bfbfbf;}
.cpi h3 span{ display: inline-block; float: right; padding-right: 34px;background:url(../images/h_m.png) no-repeat right 0; line-height: 23px;}
.cpi h3 span a{font-weight: normal; color: #626262;}
.cpi h3 i{ display: inline-block; float: left; padding-left: 33px;background:url(../images/h_hot.png) no-repeat; line-height:22px;}
.cpi h3 i a{ color: #313131; font-size: 18px;}
.cpi p{margin: 0 auto; width: 1200px; height: 172px;}
.cpi p a{ display: inline-block; color: #434343; font-size: 16px; margin-bottom: 18px; padding-left: 18px;background:url(../images/h_ico.jpg) no-repeat 0 7px; width: 265px; margin-right:19px;}
.cpi p a:nth-child(4n){ margin-right: 0;}.cpi p a:hover{ color: #0059b4;}
/**/
.ry{ height: 293px;background:url(../images/ry.jpg) no-repeat center 0;}
.ry h2{ padding-top: 59px;}
.ry p{ text-align: center; color: #fff; font-size: 16px; line-height: 30px; height: 139px;}
.ry p span{ display: block;}
.ry ul li{ font-size: 0; width: 287px; float: left; margin-right: 17px;}
.ry ul li img{border: 1px solid #b9b9b9; width: 285px; height: 406px;}
.ry ul li:last-child{ margin-right: 0;}
    /**/
.pp{ height: 984px;}
.pp h2{ color: #333; padding-bottom:37px; padding-top:93px;}
.pp h2 span{background:url(../images/lc_h2.png) no-repeat center 8px;}
.pp ul{ overflow: hidden;background:url(../images/pp.jpg) no-repeat; height: 762px;}
.pp ul li{ float: left; overflow: hidden; height: 376px; margin-bottom: 10px; width: 595px; position: relative;}
.pp ul li img{ width: 282px; display: inline-block; float: left;}
.pp ul li:nth-child(2n){ float: right;}
.pp ul li:nth-child(2n) img{ display: inline-block; float: right;}
.pp ul li em{ display: inline-block; float: left; width: 230px; padding-left: 39px; padding-top: 63px;}
.pp ul li em span{ display: block; color: #e9eaeb; font-family: Impact; font-size: 100px; line-height: 100%;}
.pp ul li em i{ display: block; height: 40px; line-height: 40px; background: #f4f4f4; margin-top: -33px; color: #202020; font-size: 26px; position: relative; margin-bottom: 39px;}
.pp ul li em strong{ display: block; font-weight: normal; font-size: 16px; color: #666; line-height: 28px;}

    /**/
.fw{background:url(../images/bgh.jpg) no-repeat center 0; height: 585px; overflow: hidden;}
.fw h2{ color: #333; padding-bottom:50px; padding-top: 82px;}
.fw h2 span{background:url(../images/lc_h2.png) no-repeat center 8px;}
.fw h3{background:url(../images/fw_tel.png) no-repeat; width: 360px; position: relative; margin: 0 auto; height: 50px;}
.fw h3 i{ display: inline-block; padding-left: 63px; line-height: 50px; color: #0059b4; font-size: 24px;}
.fw h3 a{ display: inline-block; float: right; width: 111px; text-align: center; line-height: 50px; font-size: 18px; font-weight: normal; color: #fff;}
.fw ul{ height: 248px; margin-bottom: -25px;background:url(../images/fw.png) no-repeat 51px 53px; width: 1200px;display:flex;justify-content: center;}
.fw ul li{ float: left; width: 116px; height: 140px;background:url(../images/fw1a.png) no-repeat; margin-right: 60px; text-align: center; color: #1b1b1b; font-size: 16px;}
/*.fw ul li:nth-child(2){ margin-right: 42px;}.fw ul li:nth-child(8){ margin-right: 0;}*/
/*.fw ul li:nth-child(3){ margin-right: 40px;}.fw ul li:nth-child(4){ margin-right: 40px;}*/
/*.fw ul li:nth-child(5){ margin-right: 40px;}.fw ul li:nth-child(6){ margin-right: 40px;}*/
/*.fw ul li:nth-child(7){ margin-right:35px;}*/
.fw ul li:nth-child(7){
    margin-right: 0;
}
.fw ul li span{ display: block; height: 43px; line-height: 43px; font-weight: bold; margin-bottom: 13px; color: #535353; font-size: 22px; }
.fw ul li:hover span{color: #fff;}.fw ul li:hover{background:url(../images/fw_c.png) no-repeat;}
    /**/
.news{ overflow: hidden;}
.news h2{ color: #333; padding-bottom: 32px;}
.news h2 span{background:url(../images/n_h.png) no-repeat center 8px;}
.n_li{ overflow: hidden; height: 76px;}
.n_li ul{ overflow: hidden; margin-left: 422px;}
.n_li ul li{ float: left; width: 173px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #e5e5e5; font-size: 18px; color: #626262;}
.n_li ul li.cur{ background: #0059b4; color: #fff;border: 1px solid #0059b4; }
.n_on{ overflow: hidden;}
.n_on ul{ overflow: hidden; padding-bottom: 80px;}
.n_on ul li{ float: left; width: 588px; height: 130px; border: 1px solid #e5e5e5; margin-bottom: 19px;}
.n_on ul li:nth-child(2n){ float: right;}
.n_on ul li i{ display: inline-block; float: left; margin-top: 21px; width: 130px; text-align: center; height: 88px; border-right: 1px solid #ebebeb; line-height: 88px; font-size: 30px; color: #333333; font-family: Arial;}
.n_on ul li em{ display: inline-block; float: right; width: 399px; padding-right: 30px;}
.n_on ul li em a{ display: block; margin-top: 23px; line-height: 24px; font-weight: bold; font-size: 16px; font-weight: bold;}
.n_on ul li em span{ display: inline-block; color: #888888; font-size: 14px; line-height: 25px; padding-top: 9px;}
.n_on ul li:hover a,.n_on ul li:hover i,.n_on ul li:hover span{ color: #0059b4;}
    /**/
.zj{position: relative;background:url(../images/zj.jpg) no-repeat center 0; height: 587px; overflow: hidden;}
.zj p{ text-align: center; color: #fff; font-size: 16px; line-height: 30px; padding-bottom: 62px;}
.zj p span{ display: block;}
.zj ul{ margin-left: 171px;}
.zj ul li{ float: left; width: 81px; text-align: center; font-size: 18px; font-weight: bold; color: #fff; margin-right: 123px;}.zj ul li a{ color: #fff;}
.zj ul li span{ display: block; padding-top: 8px;}
/**/
.product{height:938px;}
.product h2{ color: #333; padding-bottom:60px; padding-top: 75px;}
.product h2 span{background:url(../images/h_io.png) no-repeat center 8px;}
.product h4{ text-align: center;}
.product h4 a{ display: inline-block; text-align: center; width: 279px; height: 48px; line-height: 48px; border-radius: 48px; border: 1px solid #0059b4;font-weight: normal; color: #0059b4; font-size: 16px;}
.product h4 a:hover{ background: #0059b4; color: #fff;}
.pro .dian{position: relative; margin-bottom: 71px;}
.pro .dian_list{height: 600px;}
.pro .dian_list li img{display:block;width:800px;height: 600px;}
.pro .dian_list li span{position: absolute;width: 775px;height: 66px;line-height: 66px;padding-left:25px;font-size:16px;color: #fff;background:url(../images/yy.png) repeat;left: 200px;bottom: 0;z-index: 100;opacity: 0; }
.pro .dian .prev{position: absolute;width:81px;top:619px;left:514px;z-index: 10;}
.pro .dian .next{position: absolute;width: 81px;top:619px;right:514px;z-index: 10;}