.index-pro{}
.index-pro .web{ height: 675px; position: relative; overflow: hidden;}
.index-pro .webdz{ height: 520px; position: relative; overflow: hidden;}
.index-protab{ text-align: center; border-bottom: 1px solid #ddd;}
.index-protab a{ display: inline-block; color: #1a1a1a; font-size: 18px; line-height: 32px; padding: 0 34px 17px 34px; margin-bottom: -1px;}
.index-protab a:hover,.index-protab a.cur{ color: #ffa200; background: url(../images/cimg22.png) bottom no-repeat;}

.index-procont{ padding: 38px 0 34px; display: none;}
.index-procont .pic{ width: 645px; height: 426px; overflow: hidden; position: relative;}
.index-procont .pic img{ display: block;}

.work-safety{}
.work-safety .bg{ position: absolute; top: 25px; left: 46px; z-index: 777;}
.work-safety .link-list{ position: absolute; font-size: 14px; color: #294999; line-height: 18px; z-index: 888;}
.work-safety .link-list:hover{ color: #ffa200;}
.work-safety .link-list01{ padding: 5px 0 0 106px; height: 80px; background: url(../images/cimg115.png) -17px 0 no-repeat; top: 0; left: 351px;}
.work-safety .link-list01:hover{ background-image: url(../images/cimg116.png);}
.work-safety .link-list02{ padding: 12px 0 0 127px; height: 54px; background: url(../images/cimg117.png) -29px 0 no-repeat; top: 80px; left: 391px;}
.work-safety .link-list02:hover{ background-image: url(../images/cimg118.png);}
.work-safety .link-list03{ padding: 13px 0 0 131px; height: 52px; background: url(../images/cimg119.png) -33px 0 no-repeat; top: 178px; left: 406px;}
.work-safety .link-list03:hover{ background-image: url(../images/cimg120.png);}
.work-safety .link-list04{ padding: 18px 0 0 125px; height: 47px; background: url(../images/cimg121.png) -41px 0 no-repeat; bottom: 86px; left: 388px;}
.work-safety .link-list04:hover{ background-image: url(../images/cimg122.png);}
.work-safety .link-list05{ padding: 47px 0 0 103px; height: 41px; background: url(../images/cimg123.png) -46px bottom no-repeat; bottom: 0; left: 345px;}
.work-safety .link-list05:hover{ background-image: url(../images/cimg124.png);}

.chengguan{}
.chengguan .bg{ position: absolute; top: 42px; left: 46px; z-index: 777;}
.chengguan .link-list{ position: absolute; font-size: 14px; color: #294999; line-height: 18px; z-index: 888;}
.chengguan .link-list:hover{ color: #ffa200;}
.chengguan .link-list01{ padding: 5px 0 0 106px; height: 80px; background: url(../images/cimg125.png) -17px 0 no-repeat; top: 35px; left: 366px;}
.chengguan .link-list01:hover{ background-image: url(../images/cimg126.png);}
.chengguan .link-list02{ padding: 12px 0 0 127px; height: 54px; background: url(../images/cimg127.png) -29px 0 no-repeat; top: 128px; left: 402px;}
.chengguan .link-list02:hover{ background-image: url(../images/cimg128.png);}
.chengguan .link-list03{ padding: 13px 0 0 131px; height: 52px; background: url(../images/cimg129.png) -33px 0 no-repeat; top: 234px; left: 402px;}
.chengguan .link-list03:hover{ background-image: url(../images/cimg130.png);}
.chengguan .link-list04{ padding: 18px 0 0 125px; height: 47px; background: url(../images/cimg131.png) -41px 0 no-repeat; bottom: 31px; left: 365px;}
.chengguan .link-list04:hover{ background-image: url(../images/cimg132.png);}

.protection{}
.protection .bg{ position: absolute; top: 25px; left: 46px; z-index: 777;}
.protection .link-list{ position: absolute; font-size: 14px; color: #294999; line-height: 18px; z-index: 888;}
.protection .link-list:hover{ color: #ffa200;}
.protection .link-list01{ padding: 5px 0 0 106px; height: 80px; background: url(../images/cimg133.png) -17px 0 no-repeat; top: 0; left: 351px;}
.protection .link-list01:hover{ background-image: url(../images/cimg134.png);}
.protection .link-list02{ padding: 12px 0 0 127px; height: 54px; background: url(../images/cimg135.png) -29px 0 no-repeat; top: 80px; left: 391px;}
.protection .link-list02:hover{ background-image: url(../images/cimg136.png);}
.protection .link-list03{ padding: 13px 0 0 131px; height: 52px; background: url(../images/cimg137.png) -33px 0 no-repeat; top: 178px; left: 406px;}
.protection .link-list03:hover{ background-image: url(../images/cimg138.png);}
.protection .link-list04{ padding: 18px 0 0 125px; height: 47px; background: url(../images/cimg139.png) -41px 0 no-repeat; bottom: 86px; left: 388px;}
.protection .link-list04:hover{ background-image: url(../images/cimg140.png);}
.protection .link-list05{ padding: 47px 0 0 103px; height: 41px; background: url(../images/cimg141.png) -46px bottom no-repeat; bottom: 0; left: 345px;}
.protection .link-list05:hover{ background-image: url(../images/cimg142.png);}

.water{}
.water .bg{ position: absolute; top: 42px; left: 46px; z-index: 777;}
.water .link-list{ position: absolute; font-size: 14px; color: #294999; line-height: 18px; z-index: 888;}
.water .link-list:hover{ color: #ffa200;}
.water .link-list01{ padding: 18px 0 0 124px; height: 67px; background: url(../images/cimg143.png) -17px 10px no-repeat; top: 30px; left: 357px;}
.water .link-list01:hover{ background-image: url(../images/cimg144.png);}
.water .link-list02{ padding: 12px 0 0 127px; height: 54px; background: url(../images/cimg145.png) -32px 0 no-repeat; top: 184px; left: 405px;}
.water .link-list02:hover{ background-image: url(../images/cimg146.png);}
.water .link-list03{ padding: 44px 0 0 131px; height: 52px; background: url(../images/cimg147.png) -36px 0 no-repeat; top: 290px; left: 383px;}
.water .link-list03:hover{ background-image: url(../images/cimg148.png);}

.plan{}
.plan .bg{ position: absolute; top: 50%; left: 50%; margin: -60px 0 0 -60px; z-index: 999;}
.plan .link-list{ position: absolute; font-size: 14px; color: #294999; line-height: 21px; width: 112px; z-index: 888;}
.plan .link-list:hover{ color: #ffa200;}
.plan .link-list01{ padding: 50px 193px 0 0; height: 126px; background: url(../images/cimg149.png) right 0 no-repeat; top: 25px; left: 4px;}
.plan .link-list01:hover{ background-image: url(../images/cimg150.png);}
.plan .link-list02{ padding: 50px 0 0 193px; height: 126px; background: url(../images/cimg151.png) left 0 no-repeat; top: 25px; right: 4px;}
.plan .link-list02:hover{ background-image: url(../images/cimg152.png);}
.plan .link-list03{ padding: 50px 193px 0 0; height: 126px; background: url(../images/cimg153.png) right 0 no-repeat; bottom: 25px; left: 4px;}
.plan .link-list03:hover{ background-image: url(../images/cimg154.png);}
.plan .link-list04{ padding: 50px 0 0 193px; height: 126px; background: url(../images/cimg155.png) left 0 no-repeat; bottom: 25px; right: 4px;}
.plan .link-list04:hover{ background-image: url(../images/cimg156.png);}

.index-procont .info{ width: 502px; padding: 28px 36px 0 0;}
.index-procont .info .title a{ font-size: 42px; color: #294999; line-height: 64px;}
.index-procont .info .title a:hover{ color: #ffa200;}
.index-procont .info .title strong{ font-weight: 700;}
.index-procont .info .subtitle{ font-size: 24px; color: #333; line-height: 44px;}
.index-procont .info .text{ padding-top: 28px; height: 188px; margin-bottom: 8px; line-height: 33px; font-size: 14px; color: #333; overflow: hidden; hidden;text-align: left;text-indent: 30px;}
.index-procont .lookmore{}
.index-procont .lookmore a{ display: block; width: 128px; height: 41px; line-height: 41px; text-align: center; font-size: 14px; color: #294999; background: url(../images/cimg23.png) 0 0 no-repeat;}
.index-procont .lookmore a:hover{ color: #ffa200; background-image: url(../images/cimg24.png);}



/*公共*/
.web{ width: 1200px; margin: 0 auto;}
.webdz{ width: 1200px; margin: 0 auto;}
.index-publictitle{ font-size: 32px; color: #333; line-height: 50px; padding: 30px 0 12px; text-align: center;}

.inner-banner{ position: relative; height: 184px; width: 100%; overflow: hidden;}
.inner-banner img{ position: absolute; width: 1920px; height: 184px; left: 50%; top: 0; margin-left: -960px;}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
::selection { background: #ff6600; color: #FFF; }
::-moz-selection { background: #ff6600; color: #FFF; }
*:after, *:before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { width: 100%; -webkit-text-size-adjust: none; font-size: 1.2rem; font: 12px/1.2 'Helvetica Neue','Microsoft Yahei',AppleGothic, Helvetica, STHeiTi, sans-serif; line-height: 160%; color: #333; font-weight:lighter; }
.service_title{ position:relative; text-align:center; margin-top:50px; color:#000; }
.service_title h2{ font-size:30px; font-weight:100; padding:20px 0; }
.service_title em{ font-style:inherit; font-size:18px; font-weight:bold; }
.service_title p{ padding:40px 0; font-size:14px; color:#333; }
.service_title .line-1{ width:80px; height:1px; background:#000; position:absolute; left:50%; top:0; margin-left:-150px; }
.service_title .line-2{ width:50px; height:1px; background:#000; position:absolute; left:50%; top:70px; margin-left:70px; }

/* service */
.service{  width:100%; overflow:hidden; position:relative;  margin:0 auto; }
.service .hd{ width:1400px;position:absolute; width:100%; top:45%;}
.service .hd .prev,.service .hd .next{ display:block;  width:45px; height:70px; line-height:70px; overflow:hidden; cursor:pointer; font-size:40px; color:#999; }
.service .hd .next{ float:right; }
.service .hd .prevStop, .service .hd .nextStop{ color:#000; }
.service .bd{width:1400px; margin:0 auto;  }
.service .bd ul{ overflow:hidden; zoom:1; }
.service .bd ul li{ line-height:36px;margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; border:1px solid #dddddd; width:318px; height:558px; }
.service .bd ul li h2{ font-size:30px; padding-top:100px; }
.service .bd ul li img{ display:inline-block; margin:40px auto; }
.service .bd ul li a{ display:inline-block; width:190px; height:46px; line-height:46px; font-size:16px; text-align:center; color:#666666; border:1px solid #ddd; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; overflow:hidden; margin-top:20px; }
.service .bd ul li:hover{ background-color:#b9b7c7; border-color:#ff7657; }
.service .bd ul li:hover a{ color:#635b84; border-color:#fff; background:#fff; }
.service .bd ul li:hover h2{ color:#635b84; }
.service .bd ul li:hover a:hover{ color:#fff; border-color:#333; background-color:#333; }


.filter-bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 101;background: rgba(0, 0, 0, 0.6);display: none;}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg a.Validform_close::after{display: block;width: 24px;height: 24px;background: url('../images/close3.png');background-size: 100% 100%;position: absolute;top: 0;left: 0;content: "";}
/*关于我们-企业文化
*/
.culture{padding: 60px 0 140px;}
.culture h3{font-size: 36px;text-align: center;margin-bottom: 108px;}
.culture .culture-cont{width: 1072px;margin: 0 auto;position: relative;}
.culture .culture-cont .img{width: 100%;}
.culture .culture-cont .culture-btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.culture .culture-cont a{display: flex;width: 124px;height: 124px;justify-content: center;align-items: center;font-size: 18px;color: #fff;text-shadow: 0 3px 3px #ff7657;position: absolute;opacity: 0;}
.culture .culture-cont a.icon1{background: url('../images/join-icon1.png');background-size: 100% 100%;left: 2%;top: 16.8%;animation-delay: 0;}
.culture .culture-cont a.icon2{background: url('../images/join-icon2.png');background-size: 100% 100%;left: 28%;top: 10%;animation-delay: 0.2s;}
.culture .culture-cont a.icon3{background: url('../images/join-icon3.png');background-size: 100% 100%;left: 52%;top: 12.2%;animation-delay: 0.4s;}
.culture .culture-cont a.icon4{background: url('../images/join-icon4.png');background-size: 100% 100%;left: 82%;top: 0%;animation-delay: 0.6s;}
.culture .culture-cont a.icon5{background: url('../images/join-icon8.png');background-size: 100% 100%;left: 77.3%;top: 40.3%;animation-delay: 0.8s;}
.culture .culture-cont a.icon6{background: url('../images/join-icon7.png');background-size: 100% 100%;left: 62.2%;bottom: 3%;animation-delay: 1s;}
.culture .culture-cont a.icon7{background: url('../images/join-icon6.png');background-size: 100% 100%;left: 27.8%;top: 75.4%;animation-delay: 1.2s;}
.culture .culture-cont a.icon8{background: url('../images/join-icon5.png');background-size: 100% 100%;left: 0;top: 58.2%;animation-delay: 1.4s;}
.cul-popup{position: fixed;width: 448px;height: 448px;background: #fff;border-radius: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 103;padding: 16px;display: none;}
.cul-popup .popup-close{display: block;width: 40px;height: 40px;background: url('../images/close.png');background-size: 100% 100%;position: absolute;top: -10px;right: -10px;transition: 0.4s;}
.cul-popup .popup-close:hover{transform: rotate(180deg);transition: 0.4s;}
.cul-popup .popup-wp{height: 100%;border: 5px solid #ff7657;border-radius: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #ff7657;}
.cul-popup .popup-wp h3{font-size: 30px;line-height: 1.6;font-weight: bold;}
.cul-popup .popup-wp span{display: block;width: 32px;height: 14px;position: relative;margin-bottom: 24px;}
.cul-popup .popup-wp span::before,.cul-popup .popup-wp span::after{content: "";display: block;position: absolute;background: #ff7657;}
.cul-popup .popup-wp span::before{width: 100%;height: 1px;left: 0;top: 5px;}
.cul-popup .popup-wp span::after{width: 1px;height: 100%;left: 50%;top: 0;}
.cul-popup .popup-wp p{font-size: 16px;line-height: 2;}@media screen and (max-width: 1440px) {	.culture{padding: 40px 0 100px;}	.culture h3{font-size: 28px;margin-bottom: 80px;}	
.culture .culture-cont{width: 990px;}	
.culture .culture-cont a{width: 108px;height: 108px;font-size: 16px;}	
.cul-popup{width: 400px;height: 400px;padding: 12px;}	
.cul-popup .popup-wp{border: 4px solid #00b8c5;}	
.cul-popup .popup-wp h3{font-size: 32px;line-height: 1.5;}	
.cul-popup .popup-wp span{margin-bottom: 20px;}	.cul-popup .popup-wp p{font-size: 14px;line-height: 1.8;}}@media screen and (max-width: 992px) {	.culture{padding: 36px 0 88px;}	
.culture h3{font-size: 28px;margin-bottom: 72px;}	
.culture .culture-cont{width: 750px;}	
.culture .culture-cont a{width: 90px;height: 90px;font-size: 16px;}}@media screen and (max-width: 750px) {	.culture{padding: 30px 0 60px;}	
.culture h3{font-size: 20px;margin-bottom: 50px;}	
.culture .culture-cont{width: 96%;}	
.culture .culture-cont a{width: 60px;height: 60px;font-size: 12px;opacity: 1;}	
.cul-popup{width: 300px;height: 300px;padding: 8px;}	
.cul-popup .popup-wp{border: 3px solid #ff7657;}	
.cul-popup .popup-wp h3{font-size: 20px;}	
.cul-popup .popup-wp span{margin-bottom: 14px;}	
.cul-popup .popup-wp p{font-size: 12px;line-height: 1.6;}}/


.join-list{ width: 600px; margin: 0 auto;text-align: center;}
.join-list h1{ font-size: 42px; color: #333; line-height: 50px; padding: 30px 0 12px; text-align: center;}
.join-list h2{ font-size: 24px; color: #333; line-height: 50px; padding: 30px 0 12px; text-align: center;}
.join-list h3{ font-size: 14px; color: #666f13; line-height: 30px; text-align:left;}