@charset "utf-8";


/* 设置字库 */
/*@font-face {
  font-family: 'SHSlight';
  src: url('../fonts/SourceHanSansCN-Light.otf');
}*/
@font-face {
  font-family: 'SHSlight';
	src:url('../fonts/Light.woff') format('woff');
    font-display:swap;
}
@font-face {
  font-family: 'Hebo';
  src: url('../fonts/Helvetica-Bold.ttf');
}
@font-face {
  font-family: 'DINmedi';
  src: url('../fonts/DIN Medium.ttf');
}
  /* Legacy iOS */
font-weight: normal; font-style: normal; }
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:'SHSlight'; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li,dl,dl dt,dl dd{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #00418e;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

.w1400{max-width:1400px;margin: 0 auto;}

.top{position: relative;background: white;width: 100%;}
.top .logo{float: left;line-height:80px;height: 80px;overflow: hidden;}
.top .othBox{float: right;}
.top .othBox .nav{float: left;}
.top .othBox .nav li{float: left;position: relative;margin-left:55px;}
.top .othBox .nav li >a{line-height:80px;display: block;font-size:15px;}
.top .othBox .nav li:hover >a,.top .othBox .nav li.on >a{color: #00418e;}
.top .othBox .nav li:hover:before,.top .othBox .nav li.on:before{height: 2px;width: 100%;content: '';background:#00418e;position: absolute;bottom:0;left: 0;}
.top .othBox .nav li .subBox{position: absolute;top: 80px;left: 0;z-index: 1000;width: 420px;padding-top: 30px;display: none;}
.top .othBox .nav li .subBox a{color: rgba(255,255,255,1);display: inline-block;line-height:38px;position: relative;}
.top .othBox .nav li .subBox a:before{width: 8px;height: 12px;content: '';background:url(../images/i2.png) no-repeat;position: absolute;top: 50%;margin-top:-6px;right: -15px;transition:.3s;}
.top .othBox .nav li .subBox a:hover:before{right: -20px;}
.top .othBox .nav li .subBox dt{font-size:16px;color: #fff;margin-bottom: 15px;}
.top .othBox .nav li .subBox dl{display: inline-block;margin-right: 60px;vertical-align: top;}
.top .othBox .nav li .subBox dl:last-child{margin-right:0;}
.top .othBox .nav li .subBox dd{margin:0;text-align: left;}
.top .othBox .lagBox{float: left;position: relative;margin-left:50px;}
.top .othBox .lagBox p{line-height:80px;padding: 0 20px 0 28px;position: relative;cursor: pointer;}
.top .othBox .lagBox p:before{width: 18px;height: 18px;content: '';background:url(../images/lag.png) no-repeat;position: absolute;top: 50%;margin-top: -9px;left: 0;}
.top .othBox .lagBox p:after{width: 10px;height: 6px;content: '';background:url(../images/i1.png) no-repeat;position: absolute;top: 50%;margin-top:-3px;right: 0;transition:.3s;}
.top .othBox .lagBox p.on:after{transform: rotate(180deg);}
.top .othBox .lagBox:hover ul{ display:block;}
.top .othBox .lagBox ul{position: absolute;top: 80px;left: 0;z-index: 1000;background:rgba(0,0,0,.6);padding: 10px;width: 100%;display: none;}
.top .othBox .lagBox ul li a{color: rgba(255,255,255,.8);}
.top .othBox .lagBox ul li a:hover{color: rgba(255,255,255,1);}
.top .othBox .seaBox{float: right;position: relative;margin-left: 28px;}
.top .othBox .seaBox p{line-height:80px;padding-left: 28px;color: #888;position: relative;cursor: pointer;}
.top .othBox .seaBox p:before{width: 18px;height: 18px;content: '';background:url(../images/sear.png) no-repeat;position: absolute;top: 50%;margin-top: -9px;left: 0;}
.top .othBox .seaBox .seaIpt{position: absolute;top: 80px;right: 0;z-index: 1000;background:rgba(0,0,0,.6);padding: 10px;display: none;}
.top .othBox .seaBox .seaIpt input{height: 40px;line-height:40px;color: #fff;border:1px solid rgba(255,255,255,.8);padding-left:10px;padding-right: 20px;}
.top .othBox .seaBox .seaIpt .searBtn{display: block;width: 18px;height: 18px;background:url(../images/sear2.png) no-repeat;position: absolute;top: 50%;margin-top: -9px;right: 12px;}
.top .navbg{position: absolute; left: 0; width: 100%; top: 100%; z-index: 10;background: rgba(0,0,0,.6);display: none;}
@media(max-width: 1200px){
.top .othBox .nav li{ margin-left: 28px; }
}
@media(min-width: 1024px){
.top .navbg{height: 340px;}
}


.banner{position: relative;}
.banner ul li{background-position: center;background-size: cover;text-align: center;position: relative;padding-bottom: 7%;}
.banner .BanbBox{position: absolute;width: 100%;left: 0;bottom:0;background: rgba(0,0,0,.15);z-index: 999;color: #fff;padding: 1.5% 0; z-index:99;}
.banner .BanbBox .itemB{float: left;width: 16.66%;border-left: 1px solid rgba(255,255,255,.6);padding: 0 2%;text-align: center;}
.banner .BanbBox .itemB:nth-child(1){border-left:none;}
.banner .BanbBox .itemB h5{font-family:'Hebo';font-size:36px;}
.banner .BanbBox .itemB h5 span{font-family:'黑体';font-size:16px;margin-left:2%;}
.banner .BanbBox .itemB p{font-size:14px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.banner .BanbBox .itemB .imgBox img{height: 41px;width: 37px;}
@media screen and (min-width: 1024px) {
    .banner li img { display: none;}
}

.htitBox{margin-bottom: 4%;}
.htitBox h5{font-size:34px;color: #222;text-align: center;font-weight:normal;}

.homeF1{padding: 4% 0;background:url(../images/h2BG.jpg) no-repeat center center;background-size: cover;}
.homeF1 .homeF1List{}
.homeF1 .homeF1List .slick-list{padding:10px;padding-right:0;}
.homeF1 .homeF1List .slick-track{padding-top: 10px;}
.homeF1 .homeF1List li{background:#fff;margin-right:25px;text-align: center;padding: 1% 0 1.5%;position: relative; margin-top: 0; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.homeF1 .homeF1List li.slick-active{box-shadow: 0 0 10px rgba(51,51,51,.2);}
.homeF1 .homeF1List li:before{width: 33px;height: 11px;content: '';background:url(../images/i4_g.png) no-repeat;position: absolute;right: 20px;bottom:20px;}
.homeF1 .homeF1List li:hover:before{background:url(../images/i4_a.png) no-repeat;}
.homeF1 .homeF1List li:hover{margin-top: -10px;}

.homeF1 .homeF1List li .txtBox{margin-bottom:20px;}
.homeF1 .homeF1List li .txtBox h5{font-size:18px;font-weight:normal;line-height:26px;}
.homeF1 .homeF1List li .txtBox p{font-size:16px;color: #888;line-height:26px;margin-top:5px;}
.homeF1 .homeF1List li .imgBox{overflow: hidden;line-height:355px;}
.homeF1 .homeF1List li .imgBox img{transition:.3s;display: inline-block;}
.homeF1 .homeF1List li:hover .imgBox img{transform: scale(1.1);}
.homeF1 .homeF1List .slick-arrow{display: block;width: 68px;height: 68px;background:rgba(0,71,127,.2);border:none;font-size:0;position: relative;border-radius:50%;cursor: pointer;transition:.3s;position: absolute;top: 50%;margin-top:-34px;}
.homeF1 .homeF1List .slick-arrow:before{width: 17px;height: 31px;content: '';background:url(../images/i3.png) no-repeat;position: absolute;top: 50%;left: 50%;margin-left:-8.5px;margin-top:-15.5px;}
.homeF1 .homeF1List .slick-arrow:hover{background:rgba(0,71,127,1);}
.homeF1 .homeF1List .slick-prev{left: -100px;}
.homeF1 .homeF1List .slick-next{right: -100px;}
.homeF1 .homeF1List .slick-next:before{transform: rotate(180deg);}
// .homeF1 .homeF1List li:nth-child(3n){margin-right:35px;}
.homeF2{padding: 4% 0;}
.homeF2 .homeF2List{}
.homeF2 .homeF2List li{float: left;width: 24%;margin-right:1.33%;position: relative;overflow: hidden;}
.homeF2 .homeF2List li a:before{width: 100%;height: 100%;content: '';background:rgba(0,0,0,.4);position: absolute;bottom: 0;left:0;transition:.3s; opacity: 0.1; z-index:2;}
.homeF2 .homeF2List li:nth-child(4n){margin-right:0;}
.homeF2 .homeF2List li .txtBox{position: absolute;bottom:-24px;left: 0;color: #fff;width: 100%;padding: 0 5%;transition:.3s;z-index:4;}
.homeF2 .homeF2List li .txtBox h5{font-size:18px;font-weight:normal;padding-bottom:15px;margin-bottom:20px;position: relative;}
.homeF2 .homeF2List li .txtBox h5:before{width: 20px;height: 2px;content: '';background:#fff;position: absolute;left: 0;bottom:0;}
.homeF2 .homeF2List li .txtBox p{display: none;}
.homeF2 .homeF2List li:hover .txtBox{bottom:25px;}
.homeF2 .homeF2List li:hover .txtBox p{display: block;}
.homeF2 .homeF2List li:hover a:before{opacity: 1;}

.homeF2 .homeF2List  ul li a{display: block; overflow: hidden;}
.homeF2 .homeF2List  ul li a img{width:100%; -webkit-transition: all .3s;z-index: 1;position: relative;
-o-transition: all .3s;
transition: all .3s;}
.homeF2 .homeF2List ul li:hover a img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.homeF3{padding: 4% 0;background:url(../images/h2BG.jpg) no-repeat center center;background-size: cover;}
.homeF3 .homeF3List{ width: 100%; overflow: hidden; }
.homeF3 .homeF3List ul {position: relative; height: 515px;}
.homeF3 .homeF3List ul li{ width: 38%; }
.homeF3 .homeF3List ul li{ left:0;  position: absolute;overflow: hidden; }
.homeF3 .homeF3List ul li a:before{width: 100%;height: 100%;content: '';background:rgba(0,0,0,0.4);position: absolute;bottom: 0;left:0;transition:.3s; opacity: 0;}
.homeF3 .homeF3List ul li a{ display: block; height: 515px; background-repeat: no-repeat;background-position:left center; }
.homeF3 .homeF3List ul li .txtBox{position: absolute;width: 100%;background:rgba(0,0,0,.45);bottom:0px;left: 0;padding: 3% 10% 3% 3%;color: #fff;transition:bottom top transform .3s;}
.homeF3 .homeF3List ul li .txtBox h5{font-size:18px;font-weight:normal;padding-bottom:15px;margin-bottom:20px;position: relative;}
.homeF3 .homeF3List ul li .txtBox h5:before{width: 20px;height: 2px;content: '';background:#fff;position: absolute;left: 0;bottom:0;}
.homeF3 .homeF3List ul li .txtBox p{line-height:26px;position: relative;padding-bottom: 70px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.homeF3 .homeF3List ul li .txtBox p:before{width: 33px;height: 11px;content: '';background:url(../images/i4.png) no-repeat;position: absolute;left: 0;bottom:0;}
.homeF3 .homeF3List ul li:hover .txtBox{bottom:auto;top: 50%;transform: translate(0,-50%);background:none;}
.homeF3 .homeF3List ul li:hover a:before{opacity: 1;}


.homeF3 .homeF3List li .txtBox .phide{display: none;}

.homeF3 .homeF3List li:hover .txtBox .phide{display: block;}




.homeF4{padding: 4% 0;}
.homeF4 .homeF4Box{}
.homeF4 .homeF4Box .leftBox{width: 44.5%;float: left;background:#f9f9f9;padding: 30px;}
.homeF4 .homeF4Box .leftBox li{}
.homeF4 .homeF4Box .leftBox li .imgBox{margin-bottom:30px;}
.homeF4 .homeF4Box .leftBox li .txtBox{}
.homeF4 .homeF4Box .leftBox li .txtBox .timeB{text-align: center;width: 70px;float: left;border-right: 2px solid #cacaca;}
.homeF4 .homeF4Box .leftBox li .txtBox .timeB span{font-family:'Times New Roman';font-size:54px;line-height:1;color: #00418f;}
.homeF4 .homeF4Box .leftBox li .txtBox .timeB p{font-family:'Times New Roman';font-size:16px;color: #666666;}
.homeF4 .homeF4Box .leftBox li .txtBox .textB{padding-left:18px;width: 85%;float: left;}
.homeF4 .homeF4Box .leftBox li .txtBox .textB h5{font-size:18px;font-weight:normal;margin-bottom:5px;}
.homeF4 .homeF4Box .leftBox li .txtBox .textB p{color: #999;line-height: 24px;}
.homeF4 .homeF4Box .leftBox .slick-dots li{width: 20px;height: 4px;background:#aeaeae;display: inline-block;margin-right:5px;cursor: pointer;}
.homeF4 .homeF4Box .leftBox .slick-dots li button{display: none;}
.homeF4 .homeF4Box .leftBox .slick-dots li.slick-active{background:#00418f;}
.homeF4 .homeF4Box .righBox{float: right;width: 51.5%;}
.homeF4 .homeF4Box .righBox .hd{border-bottom: 1px solid #e5e5e5;}
.homeF4 .homeF4Box .righBox .hd li{display: inline-block;margin-right:8%;font-size:20px;line-height:1;padding-bottom:20px;border-bottom:2px solid transparent;}
.homeF4 .homeF4Box .righBox .hd li:hover,.homeF4 .homeF4Box .righBox .hd li.on{border-bottom:2px solid #00418f;color: #00418f;cursor: pointer;}
.homeF4 .homeF4Box .righBox .bd{}
.homeF4 .homeF4Box .righBox .item{}
.homeF4 .homeF4Box .righBox .item li{padding: 25px 0 20px 0;border-bottom: 1px solid #e5e5e5;}
.homeF4 .homeF4Box .righBox .item li time{font-size:16px;color: #999999;margin-bottom:8px;}
.homeF4 .homeF4Box .righBox .item li h5{font-size:18px;font-weight:normal;}
.homeF4 .homeF4Box .righBox .item li .h5title{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}


.homeF5{padding: 4% 0;background:#f7f7f7; overflow: hidden;}
.homeF5 .homeF5List{}
/*<<<<<<< .mine
.homeF5 .homeF5List li{float: left;line-height:100px;height: 100px;overflow: hidden;background:#fff;text-align: center;box-shadow:0 0 10px rgba(51,51,51,.2);width: 15.5%;margin-right:1.4%;margin-bottom:1.4%;}
.homeF5 .homeF5List li:nth-child(6n){margin-right:0;}
.homeF5 .homeF5List li img{transition:.3s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.homeF5 .homeF5List li:hover img{-webkit-filter: initial;-moz-filter: initial;-ms-filter: initial;-o-filter: initial;filter: initial;filter: initial;}
||||||| .r52
.homeF5 .homeF5List li{float: left;line-height:100px;background:#fff;text-align: center;box-shadow:0 0 10px rgba(51,51,51,.2);width: 15.5%;margin-right:1.4%;margin-bottom:1.4%;}
.homeF5 .homeF5List li:nth-child(6n){margin-right:0;}
.homeF5 .homeF5List li img{transition:.3s;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.homeF5 .homeF5List li:hover img{-webkit-filter: initial;-moz-filter: initial;-ms-filter: initial;-o-filter: initial;filter: initial;filter: initial;}
=======*/
.homeF5 .homeF5List .item{line-height:100px; background:#fff;text-align: center;box-shadow:0 0 10px rgba(51,51,51,.2);width:100%;margin-bottom:15px;}
/* .homeF5 .homeF5List li:nth-child(6n){margin-right:0;} */
.homeF5 .homeF5List li {width: 220px;margin-right: 15px; padding: 10px 0;}
.homeF5 .homeF5List li a{display: block; overflow: hidden;}
.homeF5 .homeF5List li img{max-height:100px;transition:.3s;}
.homeF5 .homeF5List li a:hover img{ -webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1); }


.bottom{background:#e2ebf5;}
.bottom .bomTop{padding: 4% 0;}
.bottom .bomTop .bomnav{float: left;width: 89%;}
.bottom .bomTop .bomnav dl{float: left;margin-right:6%;}
.bottom .bomTop .bomnav dl dt{font-size:18px;line-height:24px;margin-bottom:20px;}
.bottom .bomTop .bomnav dl dd a{display: block;line-height:30px;color: #666;}
.bottom .bomTop .bomnav dl dd a:hover{color: #00418f;}
.bottom .bomTop .bomcod{float: right;text-align: center;width: 11%;}
.bottom .bomTop .bomcod p{line-height:30px;color: #666666;}
.bottom .bomBom{border-top: 1px solid #c9d0d8;line-height:65px;}
.bottom .bomBom .copy{float: left;color:#666;}
.bottom .bomBom .copy a{}
.bottom .bomBom .sitm{float: right;}
.bottom .bomBom .sitm li{float: left;}
.bottom .bomBom .sitm li a{color: #666;padding: 0 15px;border-right:1px solid #c9d0d8;}
.bottom .bomBom .sitm li a:hover{color: #00418f;}
.bottom .bomBom .sitm li:nth-child(3) a{padding-right:0;border-right: none;}

.innerBanner{ position:relative; z-index:1;}
.innerBanner div{ height:340px; background-position:center top; background-repeat:no-repeat;}
.innerBanner img{ display:none;}
.innerBanner h5{font-weight:normal; position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:36px; max-width:1400px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
@media(max-width:1000px){
.innerBanner div{ display:none;}
.innerBanner img{ display:block; width:100%;}
}
@media(max-width:640px){
.innerBanner h5{ font-size:24px;}
}

.locaMenu{}
.locaMenu .locatBox{background:#f4f5f6;}
.locaMenu .locatBox .current{color: #777;line-height:35px;padding-left:17px;position: relative;}
.locaMenu .locatBox .current:before{width: 12px;height: 14px;content: '';background:url(../images/locat.png) no-repeat;position: absolute;top: 50%;margin-top:-7px;left: 0;}
.locaMenu .locatBox .current a{color: #777;}
.locaMenu .locatBox .current a:hover{color: #00418f;}
.locaMenu .locatBox .current span{}
.locaMenu .menuBox{line-height:78px;border-bottom:1px solid #ebebeb;}
.locaMenu .menuBox li{float: left;margin-right:35px;border-bottom:2px solid transparent;}
.locaMenu .menuBox li a{font-size:18px;}
.locaMenu .menuBox li.on,.locaMenu .menuBox li:hover{border-bottom:2px solid #00418f;}

/*公司概况*/
.SurveyBox{padding: 4% 0;}
.SurveyBox .surTop{background-image:url(../images/gkBG.png);background-repeat:no-repeat;background-position:left top;}
.SurveyBox .surTop .txtBox{float: left;width: 41.5%;}
.SurveyBox .surTop .txtBox h1{font-size:56px;color: #00418f;}
.SurveyBox .surTop .txtBox h5{font-size:38px;color: #00418f;margin-bottom:35px;}
.SurveyBox .surTop .txtBox p{font-size:15px;line-height:30px;color: #666666;}
.SurveyBox .surTop .imgBox{float: right;width: 53.5%;position: relative;}
.SurveyBox .surTop .imgBox .playBtn{position: absolute;top: 50%;left: 50%;width: 43px;height: 43px;margin-top:-21.5px;margin-left:-21.5px;background:url(../images/play.png) no-repeat;transition:.3s;background-size: contain;}
.SurveyBox .surTop .imgBox .playBtn:hover{margin-top:-25px;}
.SurveyBox .surTop .imgBox #myvideo{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background:#000;}
.SurveyBox .surBom{padding-top:3%;margin-top:3%;border-top:1px solid #e5e5e5;}
.SurveyBox .surBom p{font-size:15px;line-height:30px;color: #666666;}

.milepostBox{padding: 4% 0;background-repeat:no-repeat;background-size: cover;background-position:center center;}
.milepostBox .mileSlide{background:rgba(255,255,255,.2);}
.milepostBox .mileSlide .hd{float: left;width: 23%;border-right: 1px solid rgba(255,255,255,.5);}
.milepostBox .mileSlide .hd li{line-height:140px;text-align: center;font-size:36px;color: #fff;font-weight:bold;border-bottom:1px solid rgba(255,255,255,.5);cursor: pointer;border-left:5px solid transparent;transition:.3s;}
.milepostBox .mileSlide .hd li:last-child{border-bottom:none;}
.milepostBox .mileSlide .hd li.on{background:#fff;border-left:5px solid #00418f;color: #00418f;}
.milepostBox .mileSlide .hd li:hover{color: #00418f;}
.milepostBox .mileSlide .bd{float: left;width: 77%;padding: 40px 75px;}
.milepostBox .mileSlide .bd .itemBox{}
.milepostBox .mileSlide .bd .itemBox h5{font-size:42px;color: #fff;font-weight:normal;margin-bottom:40px;}
.milepostBox .mileSlide .bd .itemBox .txtB{max-height: 330px;overflow: auto;}
.milepostBox .mileSlide .bd .itemBox .txtB::-webkit-scrollbar-track{border-radius: 10px;background-color: rgba(255,255,255,.1);}
.milepostBox .mileSlide .bd .itemBox .txtB::-webkit-scrollbar{width: 5px;background-color: rgba(255,255,255,.1);}
.milepostBox .mileSlide .bd .itemBox .txtB::-webkit-scrollbar-thumb{border-radius: 10px;background-color: rgba(255,255,255,.5);}
.milepostBox .mileSlide .bd .itemBox p{font-size:20px;line-height: 52px;color: #fff;}

.directorBox{padding: 4% 0;}
.directorBox .direTop{text-align: center;margin-bottom:5%;}
.directorBox .direBom{background:url(../images/diBG.jpg) no-repeat;background-position:left center;position: relative;}
.directorBox .direBom .txtBox{position: absolute;top: 50%;transform: translate(0, -50%);left: 10%;color: #fff;}
.directorBox .direBom .txtBox time{font-size:24px;font-family:Arial;margin-bottom:10px;}
.directorBox .direBom .txtBox h5{font-size:32px;font-weight: normal;margin-bottom:25px;}
.directorBox .direBom .txtBox p{font-size:16px;}
.directorBox .direBom .imgBox{float: right;}

.cultureBox{padding: 4% 0;}
.cultureBox li{float: left;margin-right:20px;margin-bottom:20px;position: relative;}
.cultureBox li:nth-child(3),.cultureBox li:nth-child(5){margin-right:0;}
.cultureBox li .txtBox{position: absolute;top: 50%;transform: translate(0, -50%);left: 10%;color: #fff;}
.cultureBox li .txtBox h5{font-size:24px;font-weight:normal;padding-bottom:15px;margin-bottom:20px;position: relative;}
.cultureBox li .txtBox h5:before{width: 20px;height: 2px;content: '';background:#fff;position: absolute;left: 0;bottom:0;}
.cultureBox li .txtBox p{line-height:26px;}

.PageBox{padding:20px 0;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{padding:8px 10px;color:#333;font-size:12px;margin:0 3px;transition:all .5s;box-shadow:0 0 8px rgba(51,51,51,.1);border:1px solid #f7f7f7;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background:#00418f!important;color:#fff;}
.PageBox .Pages .num{font-style:normal;}
/* .PageBox .Pages .num a{display:none;} */
@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px;}
  .PageBox .Pages .num a{display:inline-block;padding:8px 15px;}
}

.chonorBox{padding: 4% 0;}
.chonorBox .chonorList{}
.chonorBox .chonorList li{float: left;text-align: center;width: 23%;margin-right:2.66%;border:3px solid #f5f5f5;margin-bottom:2.66%;position: relative;transition:.3s;}
.chonorBox .chonorList li a{display: block;padding: 30px 0 65px 0;position: relative;}
.chonorBox .chonorList li:before{width: 50px;height: 50px;content: '';background:url(../images/i5.jpg) no-repeat;position: absolute;right: 0;bottom:0;transition:.3s;}
.chonorBox .chonorList li:nth-child(4n){margin-right: 0;}
.chonorBox .chonorList li h5{font-size:20px;font-weight:normal;margin-bottom:30px;}
.chonorBox .chonorList li .imgB{line-height:205px;}
.chonorBox .chonorList li:hover:before{background:url(../images/i5_a.jpg) no-repeat;}
.chonorBox .chonorList li:hover{border:3px solid #00418f;}

.Qualifications{padding: 4% 0;}
.Qualifications .quaBox{}
.Qualifications .quaBox .itemBx{margin-bottom:70px;}
.Qualifications .quaBox .itemBx img{max-width: 174px; max-height:79px; width:100%;}
.Qualifications .quaBox .itemBx h5{line-height:55px;border-bottom:1px solid #e5e5e5;padding-left:22px;position: relative;margin-bottom:18px;font-size:26px;font-weight:normal;}
.Qualifications .quaBox .itemBx h5:before{width: 4px;height: 28px;content: '';background:#00418e;position: absolute;top: 50%;margin-top:-14px;left: 0;}
.Qualifications .quaBox .itemBx li{position: relative;float: left;padding: 20px 25px;background:#f7f7f7;margin-right:10px;margin-bottom:10px;}
.Qualifications .quaBox .itemBx li:nth-child(6n){margin-right: 0;}
.Qualifications .quaBox .itemBx li p{text-align: center;font-size:16px;line-height:30px;margin-top:10px;position: absolute;bottom: 0;}

.comnews{padding: 4% 0;}
.comnews .newsTop{padding-bottom:60px;border-bottom:1px solid #e5e5e5;margin-bottom:60px;}
.comnews .newsTop li{float: left;width: 31.5%;margin-right:2.75%;background:#f7f7f7; position: relative;top:0; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.comnews .newsTop li:nth-child(3n){margin-right:0;}
.comnews .newsTop li .imgBox{ overflow: hidden; }
.comnews .newsTop li .imgBox img{width:100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.comnews .newsTop li:hover .imgBox img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.comnews .newsTop li:hover{top:-10px;}
.comnews .newsTop li .txtBox{padding: 45px 40px 45px 15px;}
.comnews .newsTop li .txtBox time{font-size:18px;font-weight:bold;color: #00418e;margin-bottom:15px;display: block;}
.comnews .newsTop li .txtBox h5{font-size:20px;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:60px;font-weight: normal;margin-bottom: 10px;}
.comnews .newsTop li .txtBox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:50px;color: #666;line-height:25px;margin-bottom:35px;}
.comnews .newsTop li .txtBox .view{display: inline-block;color: #00418e;position: relative;line-height:25px;}
.comnews .newsTop li .txtBox .view:before{content: '>';font-family:'宋体';position: absolute;top: 2px;right: -20px;transition:.3s;}
.comnews .newsTop li:hover .txtBox .view:before{right: -25px;}
.comnews .newsTop li:hover {}
.comnews .newsBomList{}
.newsBomList li{padding: 20px;background:#f7f7f7;position: relative;margin-bottom:30px; top:0; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.newsBomList li:hover{top: -10px;}

.newsBomList li .timeB{width: 88px;height: 88px;text-align: center;border-radius:8px;background:#00418e;color: #fff;float: left;padding: 8px 0;}
.newsBomList li .timeB span{font-weight:bold;font-size:30px;}
.newsBomList li .timeB p{line-height:25px;}
.newsBomList li .textB{float: left;width: 80%;padding-left:25px;}
.newsBomList li .textB h5{font-size:18px;line-height:25px;margin-bottom:10px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.newsBomList li .textB p{line-height:22px;color: #666;}
.newsBomList li .view{display: block;color: #00418e;position: absolute;line-height:25px;top: 50%;margin-top:-12.5px;right: 100px;}
.newsBomList li .view:before{content: '>';font-family:'宋体';position: absolute;top: 2px;right: -20px;transition:.3s;}
.newsBomList li:hover  .view:before{right: -25px;}

.journalBox{padding: 4% 0;}
.journalBox .journalList{}
.journalBox .journalList li{float: left;background:#f7f7f7;border:3px solid #f7f7f7;padding: 25px 27px;width: 17.5%;margin-right:3.125%;margin-bottom:3.125%;transition:.3s;}
.journalBox .journalList li:nth-child(5n){margin-right:0;}
.journalBox .journalList li span{line-height:25px;padding: 0 10px;color: #fff;background:#ddd;transition:.3s;display: inline-block;margin-bottom:20px;font-weight:bold;}
.journalBox .journalList li .imgBox{}
.journalBox .journalList li .txtBox{padding-top: 15px;}
.journalBox .journalList li .txtBox h5{font-size:16px;line-height:28px;}
.journalBox .journalList li .txtBox time{font-size:16px;line-height:28px;color: #666666;}
.journalBox .journalList li:hover{border:3px solid #00418e;}
.journalBox .journalList li:hover span{background:#00418e;}

.prodBox{padding: 4% 0;}
.prodBox .prodList{}
.prodBox .prodList li{float: left;width: 49%;margin-right:2%;background:#f4f5f6;margin-bottom:2%;padding: 70px 0; position: relative; top: 0;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.prodBox .prodList li:nth-child(2n){margin-right:0;}
.prodBox .prodList li .imgBox{display: inline-block;vertical-align: middle;padding-left:10%;line-height:220px;width: 48%;text-align: center; overflow: hidden;}
.prodBox .prodList li .imgBox img{ -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}

.prodBox .prodList li:hover{top: -10px;}
.prodBox .prodList li:hover .imgBox img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

.prodBox .prodList li .txtBox{display: inline-block;vertical-align: middle;padding-left:12%;width: 42%;}
.prodBox .prodList li .txtBox h5{font-size:34px;line-height:48px;margin-bottom:10px;}
.prodBox .prodList li .txtBox p{font-size:16px;line-height:22px;color: #666;margin-bottom:30px;}
.prodBox .prodList li .txtBox .view{display: inline-block;color: #00418e;position: relative;line-height:25px;}
.prodBox .prodList li .txtBox .view:before{content: '>';font-family:'宋体';position: absolute;top: 2px;right: -20px;transition:.3s;}
.prodBox .prodList li:hover .txtBox .view:before{right: -25px;}

.prodInfo{padding:4% 0;}
.prodInfo .prodITop{margin-bottom:4%;}
.prodInfo .prodITop .leftBox{float: left;width: 65.5%;}
.prodInfo .prodITop .leftBox .smaImg{float: left;width: 17%;}
.prodInfo .prodITop .leftBox .smaImg  img{border:1px solid transparent;}
.prodInfo .prodITop .leftBox .smaImg .slick-current img{border:1px solid #00418e;}

.prodInfo .prodITop .leftBox .smaImg .slider .slick-arrow{line-height:43px;background:#f4f5f6;border:none;width: 100%;font-size:0;position: relative;cursor: pointer;transition:.3s;}
.prodInfo .prodITop .leftBox .smaImg .slider .slick-arrow:before{width: 15px;height: 9px;content: '';background:url(../images/i6.png) no-repeat;position: absolute;top: 50%;left:50%;margin-top:-4.5px;margin-left:-7.5px;}
.prodInfo .prodITop .leftBox .smaImg .slider .slick-next:before{transform: rotate(180deg);}
.prodInfo .prodITop .leftBox .smaImg .slider .slick-arrow:hover{background:#00418e;}
.prodInfo .prodITop .leftBox .smaImg .slider .slick-arrow:hover:before{background:url(../images/i6_a.png) no-repeat;}
.prodInfo .prodITop .leftBox .bigImg{float: left;width: 83%;}
.prodInfo .prodITop .leftBox .bigImg .item{}
.prodInfo .prodITop .righBox{float: right;width: 30%;padding-top:5%;}
.prodInfo .prodITop .righBox h5{font-size:34px;line-height:48px;margin-bottom:15px;}
.prodInfo .prodITop .righBox p{font-size:16px;line-height:30px;color: #666;margin-bottom:15px;}
.prodInfo .prodITop .righBox span{display: block;line-height:30px;color: #666;padding-top:15px;border-top:1px solid #e5e5e5;}
.prodInfo .prodIBom{}
.prodInfo .prodIBom .hd{background:#00418e;margin-bottom:25px;}
.prodInfo .prodIBom .hd li{float: left;line-height:60px;padding: 0 45px;color: #fff;font-size:16px;cursor: pointer;}
.prodInfo .prodIBom .hd li:hover,.prodInfo .prodIBom .hd li.on{background:#0d60c3;}
.prodInfo .prodIBom .bd{}
.prodInfo .prodIBom .bd .itemBox{}
.prodInfo .prodIBom .bd .itemBox table{width: 100%;border-collapse:collapse;}
.prodInfo .prodIBom .bd .itemBox table th{border:1px solid #dcdcdc;line-height:60px;text-align: left;background:#f4f5f6;padding-left:25px;font-size:16px;font-weight:normal;}
.prodInfo .prodIBom .bd .itemBox table td{border:1px solid #dcdcdc;line-height:60px;padding-left:25px;font-size:16px;}

.prodBox .artificial li{padding: 60px 0;}
.prodBox .artificial li .imgBox{width: 54%;padding-left: 8%;}
.prodBox .artificial li .txtBox{width: 35%;padding-left: 8%;}
.prodBox .artificial li .txtBox h5{margin-bottom:30px;}

.artifBox{padding: 4% 0;}
.artifBox .artifcont{background:#f4f5f6;}
.artifBox .artifcont .imgBox{display: inline-block;vertical-align: middle;width: 52%;}
.artifBox .artifcont .txtBox{display: inline-block;vertical-align: middle;width: 47.5%;padding: 0 65px;}
.artifBox .artifcont .txtBox h5{font-size:34px;line-height: 1;padding-bottom:25px;border-bottom:1px solid #dbdcdd;margin-bottom:50px;}
.artifBox .artifcont .txtBox .item{margin-bottom:25px;color: #666;line-height:30px;font-size:16px;}
.artifBox .artifcont .txtBox .item span{display: block;font-weight:bold;}

.soluclBox{padding: 4% 0;}
.soluclBox .itemBox{margin-bottom:5%;}
.soluclBox .itemBox:last-child{margin-bottom:0;}
.soluclBox .itemBox h5{line-height:55px;border-bottom:1px solid #e5e5e5;padding-left:22px;position: relative;margin-bottom:18px;font-size:26px;font-weight:normal;}
.soluclBox .itemBox h5:before{width: 4px;height: 28px;content: '';background:#00418e;position: absolute;top: 50%;margin-top:-14px;left: 0;}
.soluclBox .itemBox .imgBox{margin:3% 0;}

.odmemsBox{padding: 4% 0;}
.odmemsBox .maptBox{padding: 50px 70px;background:url(../images/odmBG.jpg) no-repeat;background-position:center center;}
.odmemsBox .maptBox .txtBox{float: left;width: 40%;padding-top:55px;}
.odmemsBox .maptBox .txtBox p{color: #fff;font-size:16px;line-height:30px;}
.odmemsBox .maptBox .imgBox{float: right;width: 44%;}
.odmemsBox .imgtBox{margin-top: 15px;}

.notiannoBox{padding: 4% 0;}
.notiannoBox .sharesBox{padding: 35px;background:#153254;border-radius:5px;margin-bottom:40px;}
.notiannoBox .sharesBox .mainstay{display: inline-block;vertical-align: middle;width: 32.5%;}
.notiannoBox .sharesBox .mainstay p{font-size:16px;color: #b1cfe2;font-weight:bold;line-height:30px;}
.notiannoBox .sharesBox .mainstay .gain{}
.notiannoBox .sharesBox .mainstay .gain h5{font-size:60px;font-family:'DINmedi';color: #ff0000;display: inline-block;}
.notiannoBox .sharesBox .mainstay .gain .txtB{display: inline-block;padding-left:20px;position: relative;margin-left:2%;}
.notiannoBox .sharesBox .mainstay .gain .txtB:before{width: 16px;height: 14px;content: '';background:url(../images/icon10.png) no-repeat;position: absolute;left:0;bottom:5px;}
.notiannoBox .sharesBox .mainstay .gain .txtB span{display: block;font-size:24px;color: #ff0000;line-height:24px;font-family:'DINmedi';font-weight:bold;}
.notiannoBox .sharesBox .mainstay em{font-style:normal;line-height:30px;color: #7a8ca0;font-size:14px;}
.notiannoBox .sharesBox .othestay{display: inline-block;vertical-align: middle;width: 67%;padding-left:3%;}
.notiannoBox .sharesBox .othestay .lattice{float: left;width: 16.5%;}
.notiannoBox .sharesBox .othestay .lattice p{font-size:16px;color: #7a8ca0;line-height:30px;margin-bottom:20px;}
.notiannoBox .sharesBox .othestay .lattice span{font-family:'DINmedi';font-size:30px;color: #b1cfe2;line-height:30px;}
.newsBomList li .down{display: block;position: absolute;width: 22px;height: 25px;background:url(../images/i7.png) no-repeat;top: 50%;margin-top:-12.5px;right: 100px;z-index: 99;transition:.3s;}
.newsBomList li .down:hover{background:url(../images/i7_a.png) no-repeat;}

.talconcept{padding: 4% 0;}
.talconcept .txtBox{float: left;width: 44.5%;padding-top:20px;}
.talconcept .txtBox h5{font-size:32px;color: #00418e;margin-bottom:30px;}
.talconcept .txtBox p{font-size:16px;line-height:30px;}
.talconcept .imgBox{width: 52%;float: right;}

.recruitment{padding: 4% 0;}
.recruitment h1{font-size:32px;color: #00418e;margin-bottom:30px;text-align: center;}
.jobList{margin-bottom:2%;}
.jobList ol.type{ margin-top:3%;margin-bottom:1px;}
.jobList .type{display:table; width:100%;border-radius:35px;}
.jobList ol.type{font-size:16px; background-color:#00418f; color:#fff;}
.jobList ol.type li:nth-child(4){background:url(../images/i8.jpg) no-repeat 100% center;}
.jobList .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:40px;font-size:16px;}
.jobList ul.type li{cursor:pointer;}
.jobList .type li:nth-child(1){width:40%;padding-left:5%; text-align:left !important;}
.jobList .type li:nth-child(2){ width:15%;}
.jobList .type li:nth-child(3){ width:15%;}
.jobList .type li:nth-child(4){width: 30%;}
.jobList .type li:nth-child(4){ padding-left:2%; text-align:left !important;}
.jobList ul.type li:nth-child(4){background:url(../images/i9.jpg) no-repeat 100% center;}
.jobList ul.type#On li:nth-child(4){ background-image:url(../images/i9_a.jpg);}
.jobList .list{margin-bottom:1px;}
.jobList ul.type{background:#f1f6f7;}
.jobList .list#On ul{background:#f1f6f7;}
.jobList .list#On ul{background:#e7edee;}
.jobList .list .con{ display:none;overflow:hidden; font-size:14px; padding:2%;background:#fafafa;border-radius:20px;}
.jobList .list .con p{color: #666;margin-bottom:2%;font-size:16px;line-height:40px;}
.jobList .btn_apply{padding:10px 0;}
.jobList .btn_apply a{display:inline-block; max-width:150px; width:40%;line-height:45px;text-align:center; color:#00418f;border:2px solid #00418f; font-size:16px;border-radius: 35px;transition:.3s;}
.jobList .btn_apply a:hover{background:#00418f;color: #fff;}
@media(max-width:1000px){
.jobList .type li{ width:20% !important;}
}
@media(max-width:768px){
.jobList .search{ position:relative; margin-top:10px; top:auto; width:auto;}
.jobList .type li{ width:24% !important;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media(max-width:480px){
.jobList .type li:nth-child(4){ display:none;}
.jobList .type li{ width:30% !important;}
.jobList ol.type{font-size:15px;}
.jobList .btn_apply a{font-size:16px; height:40px; line-height:40px;}
}
.Form001725 .form{ max-width:700px; width:100%; margin:0 auto; background:#fff; border-radius:5px; padding:2%; box-shadow:0 0 5px #ccc;}
.Form001725 .form td{ padding-bottom:20px; font-size:14px; }
.Form001725 .form td.w1{ width:47%;}
.Form001725 .form td.w2{ width:6%;}
.Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; }
.Form001725 .form td > p{ margin:0 0 10px 0;/*color:#2cad42;*/}
.Form001725 .form  td > p::before{ margin-right:5px; display:inline-block; content:''; width:10px; height:10px; border-radius:2px; background:#00418e;}
.Form001725 .form .btn{ background:#00418e; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin:20px auto 0; display:block;display: block;line-height:50px;text-align: center;}
.Form001725 .placeholder{ font-size:14px; padding-bottom:20px;}
.Form001725 .queueList{ margin:0;}
.Form001725 .placeholder .webuploader-pick{ background:#666;}

.publicwel{padding: 4% 0;}
.publicwel .welList{}
.publicwel .welList li{width: 31.5%;float: left;margin-right:2.75%;margin-bottom:3%;}
.publicwel .welList li:nth-child(3n){margin-right:0;}
.publicwel .welList li .txtBox{position: relative;background:#f7f7f7;}
.publicwel .welList li .txtBox:before{width: 70px;height: 70px;content: '';background:url(../images/i10.jpg) no-repeat;position: absolute;top: 0;right: 0;transition:.3s;}
.publicwel .welList li .txtBox h5{line-height:70px;padding-left:20px;font-size:20px;padding-right:70px;font-weight:normal;}
.publicwel .welList li .imgBox{overflow: hidden;}
.publicwel .welList li .imgBox img{ width:100%; transition: .3s; max-width:440px; max-height:240px;}
.publicwel .welList li:hover .txtBox:before{background:url(../images/i10_a.jpg) no-repeat;}
.publicwel .welList li .imgBox{max-height: 230px;overflow: hidden;}

.publicwel .welList li:hover .imgBox img{transform: scale(1.1);}

.staffactList{}
.staffactList li{float: left;position: relative;margin-right:2px;margin-bottom:2px;overflow: hidden;}

.staffactList li:nth-child(1),.staffactList li:nth-child(2),.staffactList li:nth-child(3),.staffactList li:nth-child(4),
.staffactList li:nth-child(8),.staffactList li:nth-child(9),.staffactList li:nth-child(10),.staffactList li:nth-child(11){width: 24.8%;}
.staffactList li:nth-child(5),.staffactList li:nth-child(6),.staffactList li:nth-child(7),
.staffactList li:nth-child(12),.staffactList li:nth-child(13),.staffactList li:nth-child(14){width: 33.15%;}
.staffactList li:nth-child(4),.staffactList li:nth-child(7),.staffactList li:nth-child(11),.staffactList li:nth-child(14){margin-right:0;}
.staffactList li:before{width: 100%;height: 100%;opacity: 1;content: '';background:rgba(65,76,90,.5);position: absolute;bottom: 0;left: 0;transition:.3s;}
.staffactList li h5{color: #fff;position: absolute;font-size:20px;left: 30px;bottom:10px;font-weight:normal;transition: .3s;}
.staffactList li img{transition:all .3s;}
.staffactList li:hover:before{opacity: 0.4;}
.staffactList li:hover img{transform: scale(1.1);}
.staffactList li:hover h5{bottom:20px;}
.rohsList{}
.rohsList .item{position: relative;margin-bottom:100px;}
.rohsList .item:last-child{margin-bottom:0;}
.rohsList .item .txtBox{float: right;min-height: 400px;width: 57.5%;background:#f7f7f7;padding: 80px 100px 0 150px;}
.rohsList .item .txtBox h5{font-size:32px;font-weight:normal;color: #00418f;line-height:1;padding-top:25px;position: relative;margin-bottom:30px;}
.rohsList .item .txtBox h5:before{width: 40px;height: 2px;content: '';background:#00418f;position: absolute;top: 0;left: 0;}
.rohsList .item .txtBox p{line-height:28px;color: #666666;}
.rohsList .item .imgBox{position: absolute;left: 0;top: -30px;width: 50%;overflow: hidden;}
.rohsList .item .imgBox img{transition: .3s;}
.rohsList .item:hover .imgBox img{transform: scale(1.1);}
.rohsList .item:nth-child(even) .txtBox{float: left;padding: 80px 150px 0 100px;}
.rohsList .item:nth-child(even) .imgBox{left: auto;right: 0;}

.safeopList{}
.safeopList li{float: left;width: 31.5%;margin-right:2.75%;position: relative;margin-bottom:2%;}
.safeopList li a{display: block;width: 100%;height: 100;position: relative;}
.safeopList li a:before{width: 100%;height: 437px;content: '';background:url(../images/i11.png) no-repeat;position: absolute;left: 0;bottom:0;transition:.3s;}
.safeopList li:nth-child(3n){margin-right:0;}
.safeopList li h5{font-size:20px;color: #fff;position: absolute;left: 30px;bottom:25px;padding-top:20px;line-height: 1;}
.safeopList li h5:before{width: 20px;height: 2px;content: '';background:#fff;position: absolute;top: 0;left: 0;}
.safeopList li .imgBox{overflow: hidden;}
.safeopList li .imgBox img{transition: .3s;}
.safeopList li:hover a:before{opacity: 0;}
.safeopList li:hover img{transform: scale(1.1);}

.contAwarp{padding: 4% 0;}
.companyList{}
.companyList li{overflow: hidden;width: 49%;float: left;margin-right:2%;border:3px solid #f5f5f5;padding: 30px 0;padding-left:40px;height: 270px;margin-bottom:25px;transition:.3s;}
.companyList li:nth-child(2n){margin-right:0;}
.companyList li span{display: inline-block;line-height:25px;padding: 0 20px;background:#eeeeee;color: #999;transition:.3s;}
.companyList li .contBox{}
.companyList li .contBox .leftB{float: left;width: 75%;}
.companyList li .contBox .leftB h5{font-size:20px;font-weight:normal;margin:20px 0;}
.companyList li .contBox .leftB p{line-height:28px;color: #666666;}
.companyList li .contBox .righB{float: left;width: 25%;position: relative;height: 140px;border-left:1px solid #ececec;}
.companyList li .contBox .righB .mapBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;font-size: 16px;padding-top:30px;}
.companyList li .contBox .righB .mapBtn:before{width: 17px;height: 21px;content: '';background:url(../images/i12.png) no-repeat;top: 0;left: 50%;margin-left:-8.5px;position: absolute;}
.companyList li:hover{border:3px solid #00418f;}
.companyList li:hover span{background:#00418f;color: #fff;}

.businList{}
.businList li{float: left;width: 31.5%;margin-right:2.75%;position: relative;margin-bottom:2%;border:3px solid #f5f5f5;padding: 50px 60px 0;min-height: 380px;transition:.3s;}
.businList li:before{width: 198px;height: 317px;content: '';background:url(../images/i13.png) no-repeat;position: absolute;right: 0;bottom:0;}
.businList li:nth-child(3n){margin-right:0;}
.businList li .iconB{position: relative;margin-bottom:12px;}
/*<<<<<<< .mine
.businList li .iconB img{max-height: 50px;}
||||||| .r52
=======*/
.businList li .iconB img{ width:34px; height:48px;}
.businList li .iconB img.hovon{ position: absolute; top: 0; left: 0; opacity: 0; }
>>>>>>> .r159
.businList li .iconB .hovon{position: absolute;top: 0;left: 0;opacity: 0;transition:.3s;}
.businList li h5{font-size:32px;font-weight:normal;line-height: 1;padding-bottom:30px;position: relative;margin-bottom:30px;}
.businList li h5:before{width: 30px;height: 5px;content: '';background:#00418e;position: absolute;left: 0;bottom:0;}
.businList li span{display: block;font-size:20px;line-height:34px;color: #3c3c3c;margin-bottom:15px;}
.businList li p{line-height:28px;color: #666;}
.businList li:hover{border:3px solid #00418e;}
.businList li:hover .iconB img{opacity: 0;}
.businList li:hover .iconB img.hovon{opacity: 1;}

.desinfoBox{padding: 4% 0;}
.desinfoBox h5{font-size: 30px;font-weight: normal;padding-bottom: 5px;margin-bottom:15px;text-align: center;}


/*响应式*/
body.open {overflow:hidden; position:fixed; left:0; top:0; height:100%; width:100%;}
.mobile_bg {position:fixed; left:0; top:60px; width:100%; height:100%; z-index: 100; background:#fff; display:none;}
.moLogo{display: none;width: 90%;margin-bottom:2%;padding-top:2%;padding-left: 2%;}
.nav_btn {float:right; width:30px; height:22px; margin: 20px 15px 0; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#00418f; position:absolute; left:0;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;background-color:#00418e;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;background-color:#00418e;}


@media(max-width:1440px){
  .w1400,.innerBanner h5{padding: 0 2%;}
  /* .homeF3 .homeF3List ul li .txtBox{bottom:-170px;} */
  .homeF4 .homeF4Box .righBox .item li h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .homeF1 .homeF1List{padding-bottom: 80px;}
  .homeF1 .homeF1List .slick-arrow{top: auto;margin-top:0;bottom:-75px;}
  .homeF1 .homeF1List .slick-prev{left: 40%;}
  .homeF1 .homeF1List .slick-next{right: 40%;}
  .cultureBox li:nth-child(2),.cultureBox li:nth-child(4){margin-right:0;}
  .cultureBox li:nth-child(3){margin-right:20px;}
  .cultureBox ul{width: 926px;margin:0 auto;}
  .Qualifications .quaBox .itemBx li{margin-right:10px!important;}
}

@media(max-width:1024px){
  .top{position: static;}
  .top .logo{line-height: 60px; height: 60px;}
  .top .logo img{ max-height: 40px; }
  .moLogo{}
  .banner ul li{padding-bottom:0;background-image:none!important;}
  .banner li img{display: inline-block; width: 100%;}
  .banner .BanbBox{background: rgba(0,0,0,.55);}
  .banner .BanbBox .itemB{width: 33%;margin-top: 20px;}
  .banner .BanbBox .itemB:nth-child(4){border-left: none;}
  .nav_btn{display: block;}
  .top .othBox .nav{position: absolute;width: 100%;top: 60px;left: 0;background:#fff;z-index: 9999;display: none;overflow: auto; border-top: 1px solid #eee;}
  .top .othBox .nav li{ float: none;line-height:40px;margin-left: 0; border-bottom: 1px solid #ddd;}
  .top .othBox .nav li:hover:before,
  .top .othBox .nav li.on:before{display: none;}
  .top .othBox .nav li >a{ background: url(../images/i1.png) no-repeat 92% center; padding: 0 20px; line-height:50px;font-size:17px}
    .top .othBox .nav li:hover >a, .top .othBox .nav li.on >a{ background: url(../images/i1s.png) no-repeat 92% center; }
  .top .othBox .nav li .subBox{ background: #f8f8f8; position: static;width: auto;padding-top:0;padding:0 20px;border-top: 1px solid #ddd;}
  .top .othBox .nav li .subBox dt{ display: none; }
  .top .othBox .nav li .subBox dd{ border-bottom: 1px solid #ddd; }
  .top .othBox .nav li .subBox dd:last-child{ border-bottom: none; }
  .top .othBox .nav li .subBox a{ color: #333;line-height:30px;}
  .top .othBox .nav li .subBox a:before{display: none;}
  .top .othBox .lagBox p,
  .top .othBox .seaBox p{line-height: 60px;}
  .homeF3 .homeF3List ul{ height: auto; }
  .homeF3 .homeF3List ul li{position: relative; display: block; width: 100%; margin-bottom: 20px; }
  .homeF3 .homeF3List ul li a{ height: auto; padding-bottom: 40%; }
  .homeF3 .homeF3List ul li a:before{ opacity: 1;}
  .homeF3 .homeF3List li:hover .txtBox .phide{ display: none;}
  .newsBomList li .view{right: 40px;}
  .comnews .newsTop li .txtBox{padding: 25px 20px 25px 10px;}
  .comnews .newsTop li .txtBox p{margin-bottom:15px;}
  .odmemsBox .maptBox{background-size: cover;padding: 25px 15px;}
  .prodBox .prodList li .txtBox h5{font-size:28px;}
  .prodBox .prodList li .txtBox p{margin-bottom:15px;}
  .publicwel .welList li{width: 49%;margin-right:2%;}
  .publicwel .welList li:nth-child(3n){margin-right:2%;}
  .publicwel .welList li:nth-child(2n){margin-right:0;}
  .businList li h5{font-size:28px;}

}

@media(max-width:960px){
  .homeF1 .homeF1List .slick-arrow{ bottom: -60px;}
  .homeF3 .homeF3List ul li .txtBox{bottom: auto;top: 50%;transform: translate(0,-50%);background: none;}
  .homeF3 .homeF3List ul li:before{height: 100%;background: rgba(0,0,0,.3);}
  .htitBox h5{font-size:24px;}
  .homeF1 .homeF1List .slick-arrow{width: 40px;height: 40px;}
  .homeF4 .homeF4Box .leftBox{float: none;width: 100%;}
  .homeF4 .homeF4Box .leftBox li .imgBox{text-align: center;}
  .homeF4 .homeF4Box .leftBox li .imgBox img{display: inline-block;width: 100%;}
  .homeF4 .homeF4Box .righBox{float: none;width: 100%;margin-top:20px;}
  .homeF4 .homeF4Box .righBox .hd li{margin-right: 4%;font-size:16px;}
  .homeF4 .homeF4Box .righBox .item li h5{font-size:16px;}
  .homeF5 .homeF5List li{width: 23.95%;}
  .homeF5 .homeF5List li:nth-child(6n){margin-right:1.4%;}
  .homeF5 .homeF5List li:nth-child(4n){margin-right:0;}
  .bottom .bomTop .bomnav{display: none;}
  .bottom .bomTop .bomcod{float: none;width: 100%;}
  .milepostBox .mileSlide .hd{float: none;width: 100%;border-right:none;}
  .milepostBox .mileSlide .hd li{font-size: 28px;float: left;width: 25%;}
  .milepostBox .mileSlide .hd li:last-child{border-bottom: 1px solid rgba(255,255,255,.5);}
  .milepostBox .mileSlide .bd{float: none;width: 100%;}
  .milepostBox .mileSlide .bd .itemBox h5{font-size:32px;margin-bottom:20px;}
  .milepostBox .mileSlide .bd{padding: 20px 30px;}
  .milepostBox .mileSlide .bd .itemBox p{line-height:30px;}
  .cultureBox ul{width: auto;}
  .cultureBox li{float: none;margin-right:0!important;}
  .cultureBox li img{ width: 100%; height: 400px; }
  .cultureBox li .txtBox{left: 20px;}
  .cultureBox li .txtBox p{line-height:22px;}
  .cultureBox li .txtBox h5{margin-bottom:10px;padding-bottom:10px;font-size:18px;}
  .cultureBox li:nth-child(1) .imgBox img{min-height: 250px;}
  .cultureBox li:nth-child(5) .imgBox img{min-height: 200px;}
  .Qualifications .quaBox .itemBx h5,.soluclBox .itemBox h5{line-height:40px;font-size:22px;}
  .comnews .newsTop li{width: 100%;margin-right:0;margin-bottom:10px;padding-top:10px;}
  .comnews .newsTop li .imgBox{text-align: center;}
  .newsBomList li .textB{float: right;width: 83%;padding-left:0;margin: 0;}
  .newsBomList li .view,
  .newsBomList li .down{display: none;}
  .journalBox .journalList li{width: 48.4375%; text-align: center;}
  .journalBox .journalList li:nth-child(5n){margin-right:3.125%;}
  .journalBox .journalList li:nth-child(2n){margin-right:0;}
  .journalBox .journalList li .imgBox{text-align: center;}
  .odmemsBox .maptBox .txtBox{float: none;width: 100%;padding-top:0;margin-bottom:10px;}
  .odmemsBox .maptBox .imgBox{float: none;width: 100%;text-align: center;}
  .prodInfo .prodITop .leftBox{float: none; width: 100%; }
  .prodInfo .prodITop .leftBox .smaImg{display: none;}
  .prodInfo .prodITop .leftBox .bigImg{ float: none; width: 100%;}
  .prodInfo .prodITop .righBox{float: none;width: 100%;padding-top:0;}
  .notiannoBox .sharesBox .mainstay{width: 100%;display: block;}
  .notiannoBox .sharesBox .othestay{width: 100%;display: block;padding-left:0;}
  .safeopList li{width: 49%;margin-right:2%;}
  .safeopList li:nth-child(3n){margin-right:2%;}
  .safeopList li:nth-child(2n){margin-right:0;}
  .rohsList .item{background: #f7f7f7;padding-bottom:20px;margin-bottom:30px;}
  .rohsList .item .txtBox{float: none!important;padding: 30px 20px!important;width: 100%;min-height: auto;margin-bottom:0;}
  .rohsList .item .imgBox{position: static;text-align: center;width: 100%;}
  .publicwel .welList li .txtBox:before{display: none;}
  .publicwel .welList li .txtBox h5{line-height:45px;padding-right: 20px;font-size:18px;font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .staffactList li{width: 100%!important;margin-right:0;margin-bottom: 20px;text-align: center;overflow: hidden;}
  .staffactList li img{width: 100%!important}
  .staffactList li h5{left: 50%;transform: translate(-50%, 0);font-size:18px;bottom:10px;}
  .staffactList li:before{height: 0;}
  .companyList li{float: none;width: 100%;margin-right:0;padding-left:10px;}
  .businList li{float: none;width: 100%;margin-right:0;min-height: auto;padding: 30px;}
  .businList li h5{padding-bottom:15px;margin-bottom:15px;font-size:24px;}
  .businList li span{font-size:18px;line-height:28px;}
  .businList li p{line-height:24px;}
  .businList li:before{display: none;}
}

@media(max-width:768px){
  .banner .BanbBox .itemB h5{font-size:24px;}
  .banner .BanbBox .itemB{ height: 95px; font-size: 12px; overflow: hidden;}
  .top .othBox .nav li .subBox dl{display: block;margin-right:0;}
  .homeF1 .homeF1List li:before{display: none;}
  .homeF2 .homeF2List li{width: 49%;margin-right:2%;margin-bottom:2%;}
  .homeF2 .homeF2List li:nth-child(2n){margin-right:0;}
  .homeF2 .homeF2List li .txtBox{ text-align: center; }
  .homeF2 .homeF2List li .txtBox h5{ font-size: 15px; }
  .homeF2 .homeF2List li .txtBox h5:before{ left: 50%; transform: translateX(-50%); }
  .homeF5 .homeF5List li{width: 48.6%; margin-right: 15px!important;}
  .homeF5 .homeF5List li a{ padding: 0 20px; }
  .bottom .bomBom{line-height:40px;}
  .bottom .bomBom .copy{float: none;text-align: center;}
  .bottom .bomBom .sitm{float: none;margin: 0 auto;width: 245px;}
  .locaMenu .menuBox{line-height:40px;}
  .SurveyBox .surTop .txtBox{float: none;width: 100%;}
  .SurveyBox .surTop .imgBox{float: none;width: 100%;}
  .SurveyBox .surTop .txtBox h1{font-size:32px;}
  .SurveyBox .surTop .txtBox h5{font-size:24px;margin-bottom:20px;}
  .locaMenu .locatBox .current{line-height: 50px;}
  .locaMenu .menuBox li a{font-size:14px;}
  .Qualifications .quaBox .itemBx h5,
  .soluclBox .itemBox h5{font-size:18px;}
  .comnews .newsTop li .txtBox h5{font-size:18px;min-height: none;}
  .comnews .newsTop{padding-bottom:30px;margin-bottom:30px;}
  .newsBomList li .textB p{height: 48px; overflow: hidden;}
  .odmemsBox .maptBox .txtBox p{line-height:24px;font-size:14px;}
  .prodBox .prodList li{float: none;width: 100%;margin-right:0;}
  .prodBox .prodList li .txtBox h5{font-size:22px;line-height:32px;}
  .prodInfo .prodITop .righBox h5{font-size:26px;}
  .prodInfo .prodIBom .hd li{padding: 0 20px;}
  .prodInfo .prodIBom .bd .itemBox table th{width: 100px;}
  .prodInfo .prodIBom .bd .itemBox table th,
  .prodInfo .prodIBom .bd .itemBox table td{padding: 0;line-height: 45px;text-align: center;}
  .artifBox .artifcont .imgBox{display: block;width: 100%;text-align: center;margin-bottom:15px;}
  .artifBox .artifcont .txtBox{display: block;width: 100%;padding: 0;}
  .artifBox .artifcont .txtBox h5{font-size:26px;padding-bottom:15px;margin-bottom:20px;}
  .artifBox .artifcont .txtBox .item{font-size:14px;line-height:24px;}
  .talconcept .txtBox{float: none;width: 100%;}
  .talconcept .imgBox{float: none;width: 100%;margin-top:15px;}
  .talconcept .txtBox h5{font-size:24px;margin-bottom:15px;}
  .talconcept .txtBox p,.jobList .list .con p{line-height:24px;}
  .rohsList .item .txtBox h5{padding-top:15px;margin-bottom:20px;font-size:24px;}
  .rohsList .item .txtBox p{line-height:24px;}
  .companyList li .contBox .leftB h5{font-size:18px;margin: 10px 0;}
  .companyList li .contBox .leftB p{line-height:24px;}
  .companyList li .contBox .leftB{padding-right:10px;}
  .desinfoBox h5{font-size: 20px;}
  .chonorBox .chonorList li{width: 48.5%;}
  .chonorBox .chonorList li:nth-child(2n) {margin-right: 0;}
}

@media(max-width:640px){
  .homeF4 .homeF4Box .righBox .item li{ padding: 15px 0 20px 0; }
  .milepostBox .mileSlide .hd li{font-size:22px;width: 50%;line-height:80px;}
  .milepostBox .mileSlide .bd .itemBox h5{font-size:24px;}
  .milepostBox .mileSlide .bd .itemBox p{font-size:16px;}
  .directorBox .direBom{background-size: cover;padding: 20px;}
  .directorBox .direBom .txtBox{position: static;transform: translate(0, 0);margin-bottom:10px;}
  .directorBox .direBom .imgBox{float: none;text-align: center;}
  .directorBox .direBom .txtBox h5{font-size:20px;margin-bottom:10px;}
  .directorBox .direBom .txtBox time{font-size:16px;}
  .directorBox .direBom .txtBox p{font-size:14px;}
  .notiannoBox .sharesBox .othestay{margin-top:15px;}
  .notiannoBox .sharesBox .othestay .lattice{width: 33.33%;}
  .notiannoBox .sharesBox .mainstay .gain h5{font-size:36px;}
  .notiannoBox .sharesBox{padding: 20px;}
  .Qualifications .quaBox .itemBx li{float: none;text-align: center;margin-right:0px!important;}
  .Qualifications .quaBox .itemBx li img{position: relative; max-height: none; }
  .Qualifications .quaBox .itemBx li p{position: relative; }
  .newsBomList li .timeB{width: 65px; height: 90px;}
}


@media(max-width:480px){
  .banner .BanbBox .itemB p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height:40px;}
  .homeF1 .homeF1List .slick-prev{left:35%;}
  .homeF1 .homeF1List .slick-next{right: 35%;}
  .homeF1 .homeF1List li .imgBox{ line-height: 280px; padding: 0 50px; }
  .homeF3 .homeF3List ul li{width: 100%;margin-bottom:10px;}
  .homeF4 .homeF4Box .leftBox{padding: 30px 15px;}
  .homeF4 .homeF4Box .leftBox li .txtBox .textB{width: 74%; font-size: 14px;}
  .homeF4 .homeF4Box .righBox .hd li{margin-bottom:10px;}
  .top .othBox .lagBox{margin-left:15px;}
  .top .othBox .seaBox{margin-left:10px;}
  .journalBox .journalList li{padding: 15px;}
  .notiannoBox .sharesBox .othestay .lattice{width: 50%;}
  .safeopList li{float: none;width: 100%;margin-right:0!important;}
  .chonorBox .chonorList li{float: none;width: 100%;}
  .newsBomList li .textB{width: 75%;}
  .publicwel .welList li{width: 100%;margin-right:0;}
}

/*20200731 zgy*/
.contactmap {
  position: fixed;
  width: 808px;
  height: 508px;
  left: 50%;
  top: 50%;
  margin: -254px 0 0 -404px;
  border: 5px solid #fff;
  box-shadow: 0 0 10px #999;
  background: #fff;
  overflow: hidden;
  z-index: 99;
  border-radius: 5px;
  display: none;
}
.contactmap .contactmap-close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 39px;
  height: 39px;
  cursor: pointer;
  background: #fff url(../images/close.png) no-repeat center center;
  z-index: 333;
  border-radius: 0 0 0 5px;
}
#cmap{height: 100%;width: 100%;}
@media (max-width:808px){
  .contactmap{
    left: 5%;
    margin-left: 0;
    width: 90%;
  }
}
@media (max-width:560px){
  .contactmap{
    height: 300px;
    margin-top: -150px;
  }
}