@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; background:#f7f7f7; padding:15px; margin-top:45px; width:600px;}
.fl1 { float:left; background:#f7f7f7; padding:15px 15px 2px 15px;  width:440px;}

.fr { float:right; text-align:left}
.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:1250px; margin:0 auto;font-family: "Microsoft Yahei";;}
/**/
.seach{ height: 110px; border-bottom: 1px solid #ececec; margin-bottom: 79px; overflow: hidden;}
.seach h3{ float: left; padding-top: 30px; width: 333px; border-right: 1px solid #ececec; height: 110px; margin-right: 67px;font-weight: normal; line-height: 100%; font-size: 20px; color: #666;}
.seach h3 i{ display: block; color: #004ea1; font-size: 20px; font-weight: bold; padding-top: 9px; line-height: 100%;}
.seach p{ width: 433px; float: left; border-right: 1px solid #eaeaea;height: 110px; padding-top: 46px; font-size: 14px; color: #444;}
.seach p a{ color: #919191; font-size: 14px; display: inline-block; padding-right: 13px;}
.seach p a:hover{ color: #333;}
.sec{ padding-top: 35px; overflow: hidden; float:right; width: 276px;}
.sec em{ display: block; overflow: hidden; height: 39px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.sec em input{ display: inline-block; float: left; height: 39px; line-height: 39px; padding-left: 15px; width: 230px; border: none; background: none; outline: none; color: #c8c8c8; text-transform: uppercase;}
.sec em button{ display: inline-block; float: right;background:url(../images/s_s.jpg) no-repeat; width: 30px; height: 39px; cursor: pointer; border: none;outline: none;}
/**/
.pro{ height: 1823px; overflow: hidden;}
h2{ text-align: center; line-height: 100%; font-weight: normal;}
h2 i{ display: block; font-size: 35px; font-weight: bold; color: #333333; line-height: 100%;background:url(../images/h21.png) no-repeat center 10px;}
h2 span{ display: block; line-height: 100%; font-size: 18px; color: #444; padding-top: 12px; padding-bottom: 30px;}
.pro1{background:url(../images/pbg1.jpg) no-repeat; margin-bottom: 54px; position: relative;}

.pro1 ul{ clear:both;}
.pro1 ul li{ float: left; width: 200px; position:relative;height: 406px;    background: url(../images/bgp.jpg) no-repeat;
    text-align: center;
    position: relative;}
.pro1 ul li h4{ display: none;}
.pro1 ul li.cur h4{width: 154px; height:32px;background:url(../images/p_br.jpg) no-repeat;box-shadow: 0 0 3px #d3d3d3; font-size: 16px; color: #000;font-style: normal; text-align: center; padding-top: 78px; position: absolute; left: 17px; top:-30px; z-index:99; display: block;}
.pro1 ul li em{ display: block; position: absolute; left: 0; width: 100%; top: 33px; font-size: 16px; color: #000; text-align: center;    box-sizing: border-box;    padding: 0 7%;}
.pro1 ul li em span{ display: block; font-size: 14px; padding-top: 11px; line-height: 100%;}
.pro1 ul li p{ display: none;}
.pro1 ul li b .bb{ display: inline-block; position: absolute;    bottom: 41px;    left: 0; }
.pro1 ul li b .aa{ display: none;}
.pro1 ul li.cur{background:url(../images/pbg1.jpg) no-repeat; width: 800px; height: 406px;}
.pro1 ul li.cur em{ display: none;}
.pro1 ul li.cur b .aa{ display: inline-block; position: absolute;    top: 41px;    right: 35px; display: block;}
.pro1 ul li.cur b .bb{ display: none;}
.pro1 ul li.cur p{ color: #fff; position: absolute; text-align: left; top: 125px; left: 48px;width: 100%; display: block;}
.pro1 ul li.cur p i{ display: block; font-size: 20px; font-weight: bold; padding-bottom: 16px; color: #fff; text-align: left;}
.pro1 ul li.cur p em{ display: block; line-height: 30px; font-size: 14px; padding-bottom: 29px;color: #fff; text-align: left;}
.pro1 ul li.cur p em span{ display: block;}
.pro1 ul li.cur p em b{ display: block; padding-left: 10px;font-weight: normal;background:url(../images/poo.png) no-repeat 0 11px;}
.pro1 ul li.cur p strong{ display: block; width: 128px; height: 39px; border-radius: 39px; border: 1px solid #6dccc3; text-align: center; line-height: 39px;font-weight: normal; font-size: 14px;    position: absolute;    left: 0;    top: 178px;}
.pro1 ul li.cur p strong:hover{ background: #fff; color: #333;}

.pro2{ margin-bottom: 54px;}
.pro2 ul{ clear:both;}
.pro2 ul li{ float: left; width: 200px; position:relative;height: 406px;    background: url(../images/bgp.jpg) no-repeat;
    text-align: center;
    position: relative;}
.pro2 ul li h4{ display: none;}
.pro2 ul li.cur2 h4{width: 154px; height:32px;background:url(../images/p_br.jpg) no-repeat;box-shadow: 0 0 3px #d3d3d3; font-size: 16px; color: #000;font-style: normal; text-align: center; padding-top: 78px; position: absolute; left: 17px; top:-30px; z-index:99; display: block;}
.pro2 ul li em{ display: block; position: absolute; left: 0; width: 100%; top: 33px; font-size: 16px; color: #000; text-align: center;    box-sizing: border-box;
    padding: 0 7%;}
.pro2 ul li em span{ display: block; font-size: 14px; padding-top: 11px; line-height: 100%;}
.pro2 ul li p{ display: none;}
.pro2 ul li b .bb{ display: inline-block; position: absolute;    bottom: 41px;    left: 0; }
.pro2 ul li b .aa{ display: none;}
.pro2 ul li.cur2{background:url(../images/pbg1.jpg) no-repeat; width: 800px; height: 406px;}
.pro2 ul li.cur2 em{ display: none;}
.pro2 ul li.cur2 b .aa{ display: inline-block; position: absolute;    top: 41px;     right: 35px;display: block;}
.pro2 ul li.cur2 b .bb{ display: none;}
.pro2 ul li.cur2 p{ color: #fff; position: absolute; text-align: left; top: 125px; left: 48px;width: 100%; display: block;}
.pro2 ul li.cur2 p i{ display: block; font-size: 20px; font-weight: bold; padding-bottom: 16px; color: #fff; text-align: left;}
.pro2 ul li.cur2 p em{ display: block; line-height: 30px; font-size: 14px; padding-bottom: 29px;color: #fff; text-align: left;}
.pro2 ul li.cur2 p em span{ display: block;}
.pro2 ul li.cur2 p em b{ display: block; padding-left: 10px;font-weight: normal;background:url(../images/poo.png) no-repeat 0 11px;}
.pro2 ul li.cur2 p strong{ display: block; width: 128px; height: 39px; border-radius: 39px; border: 1px solid #6dccc3; text-align: center; line-height: 39px;font-weight: normal; font-size: 14px;    position: absolute;    left: 0;    top: 178px;}
.pro2 ul li.cur2 p strong:hover{ background: #fff; color: #333;}

.pro3{ padding-bottom: 35px;}
.pro3 ul{ clear:both;}
.pro3 ul li{ float: left; width: 200px; position:relative;height: 406px;    background: url(../images/bgp.jpg) no-repeat;
    text-align: center;
    position: relative;}
.pro3 ul li h4{ display: none;}
.pro3 ul li.cur3 h4{width: 154px; height:32px;background:url(../images/p_br.jpg) no-repeat;box-shadow: 0 0 3px #d3d3d3; font-size: 16px; color: #000;font-style: normal; text-align: center; padding-top: 78px; position: absolute; left: 17px; top:-30px; z-index:99; display: block;}
.pro3 ul li em{ display: block; position: absolute; left: 0; width: 100%; top: 33px; font-size: 16px; color: #000; text-align: center;    box-sizing: border-box;
    padding: 0 7%;}
.pro3 ul li em span{ display: block; font-size: 14px; padding-top: 11px; line-height: 100%;}
.pro3 ul li p{ display: none;}
.pro3 ul li b .bb{ display: inline-block; position: absolute;    bottom: 41px;    left: 0; }
.pro3 ul li b .aa{ display: none;}
.pro3 ul li.cur3{background:url(../images/pbg1.jpg) no-repeat; width: 800px; height: 406px;}
.pro3 ul li.cur3 em{ display: none;}
.pro3 ul li.cur3 b .aa{ display: inline-block; position: absolute;    top: 41px;    right: 35px; display: block;}
.pro3 ul li.cur3 b .bb{ display: none;}
.pro3 ul li.cur3 p{ color: #fff; position: absolute; text-align: left; top: 125px; left: 48px;width: 100%; display: block;}
.pro3 ul li.cur3 p i{ display: block; font-size: 20px; font-weight: bold; padding-bottom: 16px; color: #fff; text-align: left;}
.pro3 ul li.cur3 p em{ display: block; line-height: 30px; font-size: 14px; padding-bottom: 29px;color: #fff; text-align: left;}
.pro3 ul li.cur3 p em span{ display: block;}
.pro3 ul li.cur3 p em b{ display: block; padding-left: 10px;font-weight: normal;background:url(../images/poo.png) no-repeat 0 11px;}
.pro3 ul li.cur3 p strong{ display: block; width: 128px; height: 39px; border-radius: 39px; border: 1px solid #6dccc3; text-align: center; line-height: 39px;font-weight: normal; font-size: 14px;    position: absolute;    left: 0;    top: 178px;}
.pro3 ul li.cur3 p strong:hover{ background: #fff; color: #333;}

.p_om ul{overflow: hidden; padding-bottom: 80px;}
.p_om ul li{ float: left; width: 385px; margin-right: 22px; height: 290px; overflow: hidden; position: relative;}
.p_om ul li:last-child{ margin-right: 0;}
.p_om ul li i{ display: block; width: 100%; height: 45px; line-height: 45px;background:url(../images/spm.png) repeat; position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; font-size: 16px; color: #fff;}
/**/
.shil1{background:url(../images/ys1.jpg) no-repeat center 0; height: 450px; overflow: hidden;}
.shb{ margin-left: 655px; padding-top: 32px;}
.shb h3{ overflow: hidden; padding-bottom: 41px;}
.shb h3 i{ display: inline-block; float: left; padding-right: 33px; padding-top: 9px;}
.shb h3 em{ display: inline-block; float: left; font-size: 26px; color: #000; font-weight: bold; line-height: 100%;}
.shb h3 em strong{ display: block; padding-top: 7px;}
.shb h3 em span{ display: inline-block; height: 48px; line-height: 48px; color: #fff; font-size: 26px; padding: 0 30px; background: #004ea1;}
.shb p{ color: #666; font-size: 16px; line-height: 30px; padding-bottom: 24px;}
.shb ul li{ float: left; padding-right: 12px;}
.shil2{background:url(../images/ys2.jpg) no-repeat center 0; height: 450px;}
.shil2 .shb{ margin-left: 0; width: 553px; padding-top: 48px;}
.shil3{background:url(../images/ys3.jpg) no-repeat center 0; height: 450px;}
.shil3 .shb{ padding-top: 48px;}
.shil3 .shb h3{ padding-bottom: 43px;}
.shil3 .shb p{ padding-bottom: 31px;}
.shil4{background:url(../images/ys4.jpg) no-repeat center 0; height: 450px; margin-bottom: 40px;}
.shil4  .shb{ margin-left: 0; width: 553px; padding-top: 48px;}
.shil4  .shb p{padding-bottom:42px;}
    /**/
.fw{background:url(../images/fw.jpg) no-repeat center 0; height:635px; padding-top: 78px; overflow: hidden;}
.fw h2 span{padding-bottom: 32px;}
.fw ul li{ width: 400px; text-align: center; font-size: 16px; color: #666; line-height: 26px; padding-top: 30px; height: 212px; float: left;}
.fw ul li i{ display: block; font-weight: bold; font-size: 24px; color: #000; padding: 21px 0;}




/*工程案例*/
.jiz{ overflow: hidden; padding-top: 50px; height: 724px;}
.jiz h2 i{background: url(../images/ji_h.png) no-repeat center 10px;}
.ji_nav{ height: 63px; overflow: hidden;}
.ji_nav ul li{ float: left; box-sizing: border-box; height: 50px; line-height: 50px; background: #f5f5f5; box-sizing: border-box; width:207px; text-align: center; border-right: 1px solid #e5e5e5;}
.ji_nav ul li:last-child{border-right: 1px solid #fff;}
.ji_nav ul li a{ display: block; font-size: 16px; color: #000;}
.ji_nav ul li.cur{ background: #004ea1;}
.ji_nav ul li.cur a{ color: #fff; display: block;}
.ji_om{ padding: 25px 0; background: #fff;}
.ji_om dl{ overflow: hidden;}
.ji_om dl dt{ float: right; width:700px; height: 470px;}
.ji_om dl dt img{ display: inline-block;width: 700px;}
.ji_om dl dd{ float: left; width:400px; padding:75px; background:#f5f5f5; height:320px; text-align:left;}
.ji_om dl dd h3 a{ font-size: 20px; color: #000; font-weight: normal; display: block; margin-bottom: 19px;}
.ji_om dl dd h3 i{ display: block; font-weight: bold; font-size: 24px; padding-bottom:11px;}
.ji_om dl dd p{ font-size: 14px; color: #666; line-height: 30px; padding-bottom: 30px; text-align:left}
.ji_om dl dd em{ display: block;}
.ji_om dl dd em a{ display: inline-block; height: 39px; line-height: 39px; text-align: center; padding: 0 27px; margin-right: 13px; border: 1px solid #d3d3d3; border-radius: 39px; font-size: 14px; color: #666;}
.ji_om dl dd em a:last-of-type{ background: #004ea1; color: #fff; border: 1px solid #004ea1;}






/*news*/
.juj{ height:693px; overflow: hidden;}
.juj h2 span{ padding-bottom: 39px;}
.juj h3{ line-height: 100%; height:38px; font-weight: normal; overflow: hidden;}
.juj h3 span{ display: inline-block; float: right; font-size: 14px; text-transform: uppercase; padding-top: 6px;}
.juj h3 span a{ color:#adadad;}
.juj h3 i{ display: inline-block; float: left;font-size:20px;color: #000;}

.j_l{ width:564px;}
.j_l h4{ height: 282px; overflow: hidden; padding-bottom: 16px;}

.j_r{ width: 600px; margin:50px 0 0 0;}
.j_r ul li{ overflow: hidden; height: 110px; border: 1px  solid #fff; margin-bottom: 18px; background:#fff;}
.j_r ul li i{ display: inline-block; float: left; width:115px; margin-top: 7px; height: 96px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_r ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 25px; padding-bottom: 6px;}
.j_r ul li:hover i span{color: #fff; }
.j_r ul li:hover i {color: #fff; }
.j_r ul li em{ display: inline-block; float: right; width: 446px; padding-right: 13px;}
.j_r ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_r ul li em span{ font-size: 14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_r ul li:hover em a{ color: #fff;}
.j_r ul li:hover em span{ color: #fff; }
.j_r ul li:hover{ border: 1px solid #004ea1; background:#004ea1}



.j_left{ width: 600px; margin:20px 0 0 0;}
.j_left ul li{ overflow: hidden; height: 110px; border: 1px  solid #fff; margin-bottom: 18px; background:#fff; text-align: left}
.j_left ul li i{ display: inline-block; float: left; width:115px; margin-top: 7px; height: 96px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_left ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 25px; padding-bottom: 6px; text-align: center}
.j_left ul li:hover  i span{ color: #fff;}
.j_left ul li:hover  i { color: #fff;}

.j_left ul li em{ display: inline-block; float: right; width: 440px; padding-right: 13px;}
.j_left ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_left ul li em span{ font-size: 14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_left ul li:hover em a{ color: #fff;}
.j_left ul li:hover em span{ color: #fff;}
.j_left ul li:hover{ border: 1px solid #004ea1; background:#004ea1}



.j_r-c1{ width: 440px; margin:25px 0 0 0;}
.j_r-c1 ul li{ overflow: hidden; height: 110px; border: 1px  solid #f7f7f7; margin-bottom: 18px; background:#f7f7f7;}
.j_r-c1 ul li i{ display: inline-block; float: left; width:115px; margin-top: 7px; height: 96px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_r-c1 ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 25px; padding-bottom: 6px;}
.j_r-c1 ul li em{ display: inline-block; float: right; width: 290px; padding-right: 13px;}
.j_r-c1 ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_r-c1 ul li em span{ font-size: 14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_r-c1 ul li:hover em a{ color: #004ea1;}
.j_r-c1 ul li:hover{ border: 1px solid #004ea1;}


.j_r-c{ width: 750px; margin:0;}
.j_r-c ul li{ overflow: hidden; height: 110px; border: 1px  solid #f7f7f7; margin-bottom: 28px; background:#f7f7f7;}
.j_r-c ul li i{ display: inline-block; float: left; width:115px; margin-top: 7px; height: 96px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_r-c ul li i span{ display: block; font-size: 22px; color: #666; padding-top: 25px; padding-bottom: 6px;}
.j_r-c ul li em{ display: inline-block; float: right; width: 600px; padding-right: 13px;}
.j_r-c ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_r-c ul li em span{ font-size: 14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_r-c ul li:hover em a{ color: #004ea1;}
.j_r-c ul li:hover{ border: 1px solid #004ea1;}




.j_r-cc{ width: 1240px; margin:0;}
.j_r-cc ul li{ overflow: hidden; height: 60px; border: 1px  solid #f7f7f7; margin-bottom: 28px; background:#f7f7f7;}
.j_r-cc ul li i{ display: inline-block; float: left; width:150px; margin-top: 7px; height:60px; text-align: center; color: #aeaeae; border-right: 1px solid #e0e0e0;}
.j_r-cc ul li i span{ display: block; font-size: 18px; color: #298264; padding-top: 10px;}
.j_r-cc ul li em{ display: inline-block; float: right; width: 1060px; padding-right: 13px;}
.j_r-cc ul li em a{ display: block; font-size: 17px; color: #000000; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-top: 17px;}
.j_r-cc ul li em span{ font-size: 14px; color: #666; line-height:25px; padding-top:6px; display: block;}
.j_r-cc ul li:hover em a{ color: #004ea1;}
.j_r-cc ul li:hover{ border: 1px solid #004ea1;}






.j_l ul li{overflow: hidden; border-bottom: 1px dashed #d4d4d4; line-height: 39px;}
.j_l  ul li:last-of-type{ border-bottom: none;}
.j_l ul li span{ display: inline-block; float: right; color: #666666; font-size: 14px;}
.j_l ul li a{ display: inline-block; float: left; padding-left:27px;background:url(../images/n_ico.jpg) no-repeat 0 17px; font-size: 15px; color: #000000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;   width: 425px; height: 39px; line-height: 39px;}
.j_l  ul li a:hover{ color: #004ea1;}