﻿@charset "utf-8";
/*end  overflow-x:hidden;*/
body{height:9260px;}


.product{height:0;}
.pro{position: relative;}
.prsm{width:1197px;height:188px;box-shadow:0px 6px 11px 2px rgba(0, 0, 0, 0.11);
    border-radius:6px;position:absolute;top:-122px;background:#FFF; z-index:100;padding-top:22px; box-sizing: border-box;}
.prsm ul li{float:left;width:399px;height:141px;border-left:1px solid #d4d4d4;padding-left:24px; box-sizing: border-box;}
.prsm ul li:hover span b{color:#d70c19;}
.prsm ul li:first-child{border-left:0;padding-left:7px;}
.prsm ul li em{display: block;width:143px; height:143px;float:left;}
.prsm ul li em img{width:143px; height:143px;}
.prsm ul li span{display: block;float:left;margin-left: 16px; padding-top:26px;}
.prsm ul li span b{display: block; font-size: 22px; line-height: 22px; font-weight: bold; color:#3D3D3D;margin-bottom: 21px;}
.prsm ul li span p{font-size: 16px; color:#6F6F6F;}
.prsm ul li:first-child span{margin-left: 9px;}
/**/
.project{height:734px;background:url(../images/projbj.jpg) no-repeat center;}
.proj{padding-top:159px;}
.proj .tit{text-align: center;margin-bottom: 26px;}
.proj .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.proj .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt.png) no-repeat center;}
.proj ul li{width:196px; height:225px; float:left; background:url(../images/kk.png) no-repeat center;margin-left: 14px;    margin-bottom: -38px;transition: .5s;}
.proj ul li a{display:block;height:225px;padding-top:48px; box-sizing: border-box; }
.proj ul li.proj1{margin-left: 163px;}
.proj ul li.proj5{margin-left: 56px;}
.proj ul li span{display: block;width:45px;height:43px; margin:0 auto 14px; position: relative;}
.proj ul li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.proj ul li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.proj ul li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.proj ul li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.proj ul li strong{display: block; font-size: 24px; line-height: 24px; color:#333333; text-align: center;margin-bottom: 6px;}
.proj ul li strong i{font-weight: normal;}
.proj ul li b{display: block;width:115px; height:1px; background:#4B4B4B; opacity: 0.18;margin:0 auto 5px;}
.proj ul li em{display: block; font-size: 16px; color:#666666; line-height: 16px; text-align: center;}
.proj ul li:hover{background:url(../images/kk_h.png) no-repeat center;}
.proj ul li:hover strong{color:#FFF;}
.proj ul li:hover strong i{color:#FFF;font-weight: bold;}
.proj ul li:hover em{color:#FFF;}
.proj ul li:hover b{background:rgba(255,255,255,0.25);}

/**/
.casebj{height:956px; background:url(../images/casebj.jpg) no-repeat center;}
.case1{padding-top:90px;}
.case1 .tit{text-align: center; margin-bottom: 45px;}
.case1 .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.case1 .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt.png) no-repeat center;}
.case1{padding-top:90px;}
.case1 .tit{text-align: center; margin-bottom: 45px;}
.case1 .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.case1 .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt.png) no-repeat center;}

.casebj .case1 .mso li { float: left; position: relative; margin-right: 30px;width:380px; height:283px; margin-bottom: 31px; overflow:hidden;}
.casebj .case1 .mso li img { width:380px; height:283px;}
.casebj .case1 .mso li .msp1 { position: absolute; left: 0; bottom: 0; width: 100%; height: 67px; background: rgba(0,0,0,0.6); font-size: 18px; color: #ffffff; text-align: center; line-height: 67px;}
.casebj .case1 .mso li .msp2 { position: absolute; top:290px; left:40px;background: rgba(0,0,0,0.6); width: 380px; height: 270px; color: #ffffff; line-height: 25px; text-align: center; padding-top: 45px; font-size: 18px; transition:0.5s;}
.casebj .case1 .mso li .msp2 i { display: block; width: 300px; margin: 0 auto;}
.casebj .case1 .mso li .msp2 span { display: block; width: 300px; margin: 0 auto; font-size: 14px; margin-top: 10px;}
.casebj .case1 .mso li.ca3{ margin-right: 0;}
.casebj .case1 .mso li:hover .msp1{display: none;}
.casebj .case1 .mso li:hover .msp2{position:absolute; top:20px;left:20px;}
.casebj .btn{color:#b9b9b9; width: 310px; height:58px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; font-size: 18px; text-align:center; text-indent:0px; line-height:58px;margin:0 auto;position:relative;}
.casebj .btn::after{content: "";display: block;width: 278px;height: 50px;border: 1px solid #157ccb;position: absolute;bottom: 4px;z-index: 2;margin-left: 20px;transition: all 0.2s ease 0s;}
.casebj .btn a{display: block;font-size: 22px; color:#157ccb;height:54px; transition:.5s;z-index:100;position:relative;}
.casebj .btn a i{display: block;background:url(../images/jt2.jpg) no-repeat center;width:26px;height:30px;position: absolute;top: 14px;left: 216px;opacity:0; transition:.5s;}
.casebj .btn:hover::after{transform: scale(1.1,1.1);border: 1px solid #157ccb;}
.casebj .btn:hover a{text-indent: -20px;}
.casebj .btn:hover a i{opacity:1;position: absolute;left:250px;}





/**/
.product2{height:934px;}
.pro2{padding-top:75px;}
.pro2 .tit{text-align: center; margin-bottom: 40px;}
.pro2 .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.pro2 .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt2.png) no-repeat center;}
.pro2 ul{height:695px;}
.pro2 ul li{float:left;margin-bottom: 16px; margin-left: 20px;position:relative;}
.pro2 ul li.pr1,.pro2 ul li.pr5{margin-left: 0;}
.pro2 ul li.pr1{background:url(../images/fl1.jpg) no-repeat center;width:456px;height:454px; }
.pro2 ul li.pr2{background:url(../images/fl2.jpg) no-repeat center;width:251px;height:454px; }
.pro2 ul li.pr3{background:url(../images/fl3.jpg) no-repeat center;width:451px;height:218px; }
.pro2 ul li.pr4{background:url(../images/fl6.jpg) no-repeat center; width:451px;height:456px;float:right;}
.pro2 ul li.pr5{background:url(../images/fl4.jpg) no-repeat center;width:457px;height:224px; }
.pro2 ul li.pr6{background:url(../images/fl5.jpg) no-repeat center;width:251px;height:226px;}
.pro2 ul li span{display: block;}
.pro2 ul li span em{display: block;font-size: 22px; line-height: 22px; color:#1B1B1B;}
.pro2 ul li span p{font-size: 14px; color:#7D7D7D; line-height: 14px; margin-top: 8px;}
.pro2 ul li strong{display:block;width:123px;height:25px;text-align:center;line-height:25px;font-size:14px; color:#157ccb;font-weight:normal;border:1px solid #157ccb;z-index:100;display:none;}
.pro2 ul li.pr1 span{padding-top:86px; padding-left:41px;}
.pro2 ul li.pr2 span{padding-top:82px; padding-left:23px;}
.pro2 ul li.pr3 span{padding-top:51px; padding-left:23px;}
.pro2 ul li.pr4 span{padding-top:47px; padding-left:25px;}
.pro2 ul li.pr5 span{padding-top:53px; padding-left:41px;width:174px; float:left; box-sizing: border-box;}
.pro2 ul li.pr6 span{padding-top:50px; padding-left:22px;}

.pro2 ul li.pr1 strong{position:absolute;top:140px;left:42px;}
.pro2 ul li.pr2 strong{position:absolute;top:135px;left:23px;}
.pro2 ul li.pr3 strong{position:absolute;top:105px;left:22px;}
.pro2 ul li.pr4 strong{position:absolute;top:104px;left:27px;}
.pro2 ul li.pr5 strong{position:absolute;top:110px;left:42px;}
.pro2 ul li.pr6 strong{position:absolute;top:100px;left:20px;}
.pro2 ul li:hover strong{display:block;}
.pro2 ul li b{display: block; overflow: hidden;}
.pro2 ul li b img{width:100%; height:100%;transition: .5s;}
.pro2 ul li.pr1 b{width:456px;height:316px;}
.pro2 ul li.pr2 b{width:251px;height:316px;}
.pro2 ul li.pr3 b{width:451px;height:122px;}
.pro2 ul li.pr4 b{width:451px;height:366px;}
.pro2 ul li.pr5 b{width:283px;height:224px; float:right;}
.pro2 ul li.pr6 b{width:251px;height:128px;}
.pro2 ul li:hover b img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

/**/
.fwbj{height:1218px;background:url(../images/fwbj.jpg) no-repeat center;}
.fw{padding-top:125px;}
.fw .tit{text-align: center; margin-bottom: 32px;}
.fw .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.fw .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt3.png) no-repeat center;}
.fw .fwlc{height:274px;}
.fw .fwlc i{display: block;width:1121px; border-bottom:1px dashed #999999; margin:0 auto 3px;}
.fw .fwlc ul{width:1245px; margin-left: -23px;height:211px;}
.fw .fwlc ul li{width:120px; float:left; margin-left: 20.5px; }
.fw .fwlc ul li:first-child{margin-left: 0;}
.fw .fwlc ul li em{display: block;width:20px; height:77px; margin:0 auto 6px; background:url(../images/ft.png) no-repeat center; }
.fw .fwlc ul li span{display: block;width:120px; height:128px;background:url(../images/wzbj.png) no-repeat center;padding-top:35px; box-sizing: border-box; transition:.5s;}
.fw .fwlc ul li span b{display: block;width:44px; height:44px; overflow:hidden; margin:0 auto;}
.fw .fwlc ul li span img{transition: all 0.3s linear;}
.fw .fwlc ul li span p{margin-top: 11px;font-size: 16px; color:#1b1b1b; line-height: 16px; text-align: center;transition:.5s;}
.fw .fwlc ul li:hover em{background:url(../images/ft_h.png) no-repeat center;}
.fw .fwlc ul li:hover span{;background:url(../images/wzbj_h.png) no-repeat center;}
.fw .fwlc ul li:hover b img{transform:translateY(-44px);}
.fw .fwlc ul li:hover p{color:#FFF;}
.fw .yf{position: relative;}
.fw .fwt{height:532px;position: relative;}
.fw .fwt span{height:532px;}
.fw .fwt span img{width:1200px;height:532px;}
.fw .fwt .dz{width:816px; height:98px;background:url(../images/wzbj2.png) no-repeat center; position: absolute;left:190px; bottom:35px;}
.fw .fwt .dz strong{display: block;width:208px; height:98px;font-size: 28px; color:#FFF;float:left; text-align: center; line-height: 98px;}
.fw .fwt .dz p{float:left;width:560px;padding-top:22px; padding-left: 46px; font-size: 15px; color:#333333;height:73px;box-sizing: border-box;}
.fw .hdfw{height:60px;position: relative;margin-top: 27px;}
.fw .hdfw li{float:left;height:60px; padding-top:40px;background:url(../images/yj.png) no-repeat top center;margin-left: 144px; font-size: 20px; color:#333333;font-weight: bold;position: relative;z-index:100; box-sizing: border-box;}
.fw .hdfw li:first-child{margin-left: 113px;}
.fw .hdfw li.cur{background:url(../images/yj_h.png) no-repeat top center;color:#0845C2;}
.fw .hdfw:before{width:1169px;border-top:2px dashed #747474; content:"";position: absolute;top:11px; left:15px;}
.fw .jt i{display: block;width:60px; height:60px; cursor: pointer;}
.fw .jt .prev{background:url(../images/prev.jpg) no-repeat center;position: absolute;top:234px; left:-83px;}
.fw .jt .next{background:url(../images/next.jpg) no-repeat center;position: absolute;top:234px; right:-83px;}

/**/
.edge1{height:841px; background:#f1f1f1;}
.ed1{padding-top:95px;}
.ed1 .tit{text-align: center; margin-bottom: 68px;}
.ed1 .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.ed1 .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt4.png) no-repeat center;}
.ed1 dl{height:129px; margin-bottom: 74px;display:block;overflow:hidden;}
.ed1 dl dt{width:65px; height:129px; float:left;margin-right: 26px;}
.ed1 dl dt img{width:65px; height:129px;}
.ed1 dl dd{float:left; width:1108px;}
.ed1 dl dd span{display: block;height:48px; line-height: 48px;font-size: 28px; color:#D1222F; font-weight: bold;border-bottom:1px solid #D3D3D3;margin-bottom: 11px;padding-left:4px; box-sizing: border-box;}
.ed1 dl dd p{padding-left:4px; box-sizing: border-box;height:58px;border-bottom:1px solid #D3D3D3; font-size: 16px; color:#666666;}
.ed1 .bded{height:396px;overflow: hidden;}
.ed1 .bded li{width:268px;height:396px;float:left;margin-right: 41px;background:url(../images/zsbj.png) no-repeat bottom center;}
.ed1 .bded li span{display: block;width:210px;height:296px;margin:0 auto; }
.ed1 .bded li span img{width:210px;height:296px;}
.ed1 .qh{position: relative;}
.ed1 .qh .jt i{display: block;width:37px; height:47px; cursor:pointer;}
.ed1 .qh .jt .prev1{background:url(../images/prev1.png) no-repeat center;position: absolute;top:154px; left:-61px;}
.ed1 .qh .jt .next1{background:url(../images/next1.png) no-repeat center;position: absolute;top:154px; right:-61px;}
.ed1 .qh .jt .prev1:hover{background:url(../images/prev1_h.png) no-repeat center;position: absolute;top:154px; left:-61px;}
.ed1 .qh .jt .next1:hover{background:url(../images/next1_h.png) no-repeat center;position: absolute;top:154px; right:-61px;}

.edge2{height:523px; background:url(../images/edge2.jpg) no-repeat center;overflow:hidden;}
.ed2{padding-top:28px;}
.ed2 .e2{width:466px; float:right;}
.ed2 .e2 em{display: block;height:149px;margin-bottom: 17px;}
.ed2 .e2 i{display: block; float:right;width:70px;height:149px;}
.ed2 .e2 i img{width:70px;height:149px;}
.ed2 .e2 span{display: block;font-size: 28px; line-height: 28px; font-weight: bold; color:#C90209; margin-bottom: 35px;}
.ed2 .e2 p{font-size: 16px; color:#555555; height:100px;line-height: 25px;}

.edge3{height:554px;}
.ed3{padding-top:100px;}
.ed3 .e3desc{width:490px;float:left;position: relative;z-index:500;}
.ed3 .e3desc span{display: block;height:149px; margin-bottom: 51px;}
.ed3 .e3desc span i{display: block;width:70px; height:149px; float:left; margin-right: 27px;}
.ed3 .e3desc span i img{width:70px; height:149px; }
.ed3 .e3desc span em{display: block;width:429px; height:68px;float:left; position: absolute;top:54px; left:98px;z-index: 100;}
.ed3 .e3desc span em img{width:429px; height:68px;z-index:100;}
.ed3 .e3desc strong{display: block;font-size: 28px; color:#C90209; line-height: 28px; margin-bottom: 29px;}
.ed3 .e3desc p{font-size: 16px; color:#555555;}
.ed3 .e3desc b{display: block;width:283px; height:117px; position:absolute; bottom:34px; right:-43px;z-index: 100;}
.ed3 .e3desc b img{width:283px; height:117px;z-index:100;}
.ed3 .ed3t{width:710px; height:383px; float:left; overflow: hidden;}
.ed3 .ed3t img{width:710px; height:383px; transition: .5s;}
.ed3 .ed3t:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.edge4{height:488px; background:url(../images/ed4bj.jpg) no-repeat center;}
.ed4{padding-top:44px;}
.ed4 .e4desc{width:483px; float:right;}
.ed4 .e4desc em{display: block; height:149px;}
.ed4 .e4desc em i{width:70px; height:149px;float:right;}
.ed4 .e4desc span{display: block;font-size: 28px; color:#C90209; line-height: 28px; font-weight: bold; margin-bottom: 31px;}
.ed4 .e4desc p{height:72px; font-size: 16px; color:#555555; line-height: 25px; width:391px;}

/**/
.newsbj{height:880px;}
.news{padding-top:92px;}
.news .tit{text-align: center; margin-bottom: 52px;}
.news .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.news .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt5.png) no-repeat center;}
.news .newssm{width:707px; float:left; padding-top:5px;}
.news .newssm .tt{height:132px; border-bottom:1px dashed #d1d1d1;}
.news .newssm .tt em{display: block;height:41px;line-height:41px;margin-bottom: 23px;}
.news .newssm .tt em i{display: block; float:left;width:94px; height:41px; text-align: center; font-size: 24px; color:#026cd2; line-height: 41px; margin-right: 16px;background:url(../images/ttbj.png) no-repeat center;}
.news .newssm .tt em a{display: block; float:left;font-size: 22px; color:#333333;}
.news .newssm .tt em a:hover{color:#026CD2;}
.news .newssm .tt p{font-size: 14px; color:#666666;width:668px;}
.news .newssm .tt p a{font-size: 14px; color:#026CD2;}
.news .newssm dl{height:159px; border-bottom:1px dashed #d1d1d1; box-sizing: border-box; padding-top:20px;}
.news .newssm dl dt{width:212px; height:119px; float:left; overflow:hidden;}
.news .newssm dl dt img{width:212px; height:119px; transition:.5s; }
.news .newssm dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .newssm dl dd{width:495px; float:left; padding-top:14px; padding-left:30px;box-sizing: border-box;}
.news .newssm dl dd span{display: block; margin-bottom: 18px;}
.news .newssm dl dd span a{font-size: 18px; color:#333333; font-weight: bold;}
.news .newssm dl dd span a:hover{color:#026CD2;}
.news .newssm dl dd p{font-size: 14px; color:#666666;}
.news .newssm ul{margin-top: 25px;}
.news .newssm ul li{padding-left:18px; background:url(../images/yd.png) no-repeat left; margin-bottom: 19px;height:16px; line-height: 16px;}
.news .newssm ul li a{font-size: 16px; color:#1a1a1a;}
.news .newssm ul li:hover a{color:#026CD2;}
.news .newssm ul li:hover a i{color:#026CD2;}
.news .newssm ul li i{float:right;font-size: 14px; color:#999999;}
.news .jszc{width:420px; height:572px;float:right; background:url(../images/kk2.png) no-repeat center; padding:32px 27px 0;box-sizing: border-box;}
.news .jszc span{display: block;height:48px;font-size: 26px; color:#026CD2; line-height: 16px;}
.news .jszc span em{font-size: 18px; color:#999999; font-family:"Arial"; margin-top: 12px; margin-left: 9px; }
.news .jszc dl{height:242px;border-bottom:1px dashed #cccccc; margin-bottom: 32px;}
.news .jszc dl dt{width:366px; height:156px;margin-bottom: 24px;}
.news .jszc dl dt img{width:366px; height:156px;}
.news .jszc dl dd b{display: block; margin-bottom: 13px;}
.news .jszc dl dd b a{display: block;padding-left:20px;font-size:16px; line-height: 16px; color:#333333;background:url(../images/yd2.png) no-repeat left;}
.news .jszc dl dd b a:hover{color:#026CD2;}
.news .jszc dl dd p{font-size: 14px; color:#666666; line-height: 14px; padding-left:20px;}
.news .jszc ul li{padding-left:18px; height:16px;line-height: 16px; background:url(../images/yd.png) no-repeat left; margin-bottom: 24px;}
.news .jszc ul li a{font-size: 16px; color:#4c4c4c;}
.news .jszc ul li:hover a{color:#026CD2;}
.news .jszc ul li i{float:right;font-size: 12px; color:#999999;}
.news .jszc ul li:hover a i{color:#026CD2;}

/**/
.aboutbj{height:853px; background:url(../images/abbj.jpg) no-repeat center;}
.about{padding-top:82px;}
.about .tit{text-align: center; margin-bottom: 31px;}
.about .tit span{display: block; font-size: 40px; line-height: 40px;color:#313131; margin-bottom: 12px;}
.about .tit i{display: block; font-size: 18px; color:#666666;height:19px; background:url(../images/xt6.png) no-repeat center;}
.about .absm{height:383px; background:#FFF;box-shadow:0px 0px 20px 0px rgba(4,0,0,0.05);margin-bottom: 34px;}
.about .absm dl dt{width:738px; height:361px; float:left;border:10px solid #fafafa; overflow:hidden;}
.about .absm dl dt img{width:738px; height:361px; transition:.5s;}
.about .absm dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.about .absm dl dd{width:440px;float:left;padding:55px 69px 0 33px;  box-sizing: border-box; }
.about .absm dl dd span{display: block;font-size: 24px; color:#333333;height:45px; border-bottom:1px solid #e5e5e5; margin-bottom: 18px;}
.about .absm dl dd p{height:167px; margin-bottom: 25px;font-size: 16px; color:#333333; line-height: 28px;}
.about .absm dl dd a{display: block;width:100px; height:35px;background:url(../images/kk3.png) no-repeat center; font-size:14px; color:#434545; text-align: center; line-height: 35px;}
.about .bd{ height:160px; overflow: hidden;}
.about ul li{width:284px; height:160px;float:left;margin-right: 21px; overflow:hidden;}
.about ul li img{width:284px; height:160px; transition:.5s;}
.about ul li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}







































