html, body, div, span, applet, object, iframe, h1, h2, h3, 

h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 

small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 

fieldset, form, label, legend, table, caption, tbody, tfoot, 

thead, tr, th, td{font-size: 14px;font-family: "Microsoft YaHei","simhei",sans-serif;}

.container{width: 1280px;margin: 0 auto;}

.rem88{height: 1rem;width: 100%;display: none;}

.px85{height:95px;width: 100%;}

.nicescroll-rails-hr{display: none !important;}
.nicescroll-cursors:hover{background-color: #000 !important;}


/*顶部*/
  
.header{position:fixed;top:0;left:0;width:100%;height:105px;background-color:transparent;z-index:999}
.header.fix{background-color:rgba(0,0,0,.5);}
.header .wp{padding:0 32px;max-width:none;}
.header .logo{float:left;height:105px;line-height:105px}
.header .logo img{display:inline-block;vertical-align:middle}
.header .logo .logo-m{display:none}
.header .header-r{padding-top:35px;float:right;}
.header .btn-so{margin-left:20px;display:inline-block;width:40px;height:40px;background:url(ico-g-1.png) center center no-repeat}
.header .btn-mail{margin-left:30px;display:inline-block;width:40px;height:40px;background:url(ico-g-2.png) right center no-repeat}
.nav{position:relative;padding-top:10px;float:right}
.nav li{float:left}
.nav .par{padding:0 26px;display:inline-block;height:92px;line-height:92px;color:#fff;font-size:18px}
.nav .on .par,.nav .par.on,.nav .par:hover{color:#0062ac;background-color:#fff}
.nav.s2 .on .par,.nav.s2 .par.on,.nav.s2 .par:hover{color:#d7100d;background-color:#fff}
.nav .sub{position:absolute;top:105px;left:0;padding:20px 22px;width: 100%;display:none;background-color:#fff;overflow:hidden;white-space:nowrap;}

.nav .list{overflow: hidden;}
.nav li:last-child .sub{text-align: center;width: auto;left: auto;right: 0;}
.nav li:last-child .img,
.nav li:last-child .list{float: none;display: inline-block;vertical-align: middle;} 
.nav .list a{padding:0 21px;display:inline-block;height:60px;font-size:0}
.nav .list a:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}
.nav .list .cont{display:inline-block;vertical-align:middle}
.nav .list .cn{position:relative;font-size:20px;text-align:center;color:#0062ac}
.nav.s2 .list .cn{color:#d7100d}
.nav .list .cn:after{position:absolute;bottom:-2px;left:50%;display:block;width:0;height:1px;background-color:#0062ac;content:'';-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.nav.s2 .list .cn:after{background-color:#d7100d}
.nav .list a:hover .cn:after{width:100%;left:0}
.nav .list .en{color:#0062ac;font-size:12px;text-align:center}
.nav.s2 .list .en{color:#d7100d}



.floatbar{position:fixed;top:110px;right:1%;z-index:12}
.floatbar a{margin-bottom:7px;display:block;width:85px;height:85px;line-height:125px;font-size:15px;color:#fff;background-position:center 15px;background-repeat:no-repeat;text-align:center}
.floatbar.s1 a{background-color:#3381bd}
.floatbar.s2 a{background-color:#d7100d}
.floatbar a:hover{opacity:.6;filter:alpha(Opacity=60);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'}



@media screen and (max-width: 1440px) {
.header .logo img{ height:50px;}
.nav .par{padding:0 16px}

}

@media screen and (max-width: 1380px) {
.header .logo img{ height:50px;}
.nav .par{padding:0 16px}

.floatbar{position:fixed;top:110px;right:1%;z-index:12;}
.floatbar a{margin-bottom:7px;display:block;width:70px;height:70px;line-height:110px;font-size:12px;color:#fff;background-position:center 10px;background-repeat:no-repeat; background-size:30px;text-align:center}
.floatbar.s1 a{background-color:#3381bd}
.floatbar.s2 a{background-color:#d7100d}
.floatbar a:hover{opacity:.6;filter:alpha(Opacity=60);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)'}


}




@media only screen and (max-width:1600px){
.header .logo img{ height:60px;}
.nav .par{font-size:18px}
.header .btn-mail,.header .btn-so{margin-left:10px}
.nav .list{padding-left:8px}
.nav .list a{padding-left:8px;height:60px}
.nav .list .cn{font-size:16px}
.nav .sub .img{width:160px;height:90px}
}
@media only screen and (max-width:1365px){
.header .logo img{ height:50px;}
.nav .par{padding:0 16px}
.nav .sub .img{display:none}
.nav li:last-child .sub{text-align: left;}
.nav li:last-child .img{display: none;}
}
@media only screen and (max-width:1199px){
.wp{width:96%}
.nav .par{padding:0 8px}
.header .wp{padding:0 20px}
.nav .list a{padding:0 5px;height:auto}
.nav .sub{padding:10px}
.header .btn-mail,.header .btn-so{margin-left:0}
}
@media only screen and (max-width:1023px){
.header .wp{padding:0}
.nav{display:none}
.header{height:60px}
.header .header-r{padding-top:10px}
}



/*悬浮框*/

.fixed-con{position: fixed;z-index: 134;right: 10px;bottom: 160px;}
.fixed-box{width: 70px;height: 70px;background: rgba(255,255,255,0.9);text-align: center;padding: 12px 0;cursor: pointer;display: block;position: relative;
    transition: all 0.3s;margin-bottom: 1px;border-radius: 4px;box-sizing: border-box;}
.fixed-box .off{display: none;}

.fixed-box:hover{background: rgba(0,98,172,0.9);}
.fixed-box:hover .on{display: none;}
.fixed-box:hover .off{display: inline;}
.fixed-box:hover .fixed-box-text{color: #fff;}




.fixed-box-text{font-size: 14px;color: #444;margin-top: 5px;}
.fixed-box.a-top .fixed-box-text {font-size: 18px;}
.fixed-con .a-phone{position: relative;}

.fixed-hide-hot{position: absolute;padding: 12px;right: 95px;transition: all 0.3s;opacity: 0;pointer-events: none;top: 0;color: #fff;

	background: #F7B024;white-space: nowrap;font-size: 14px;text-align: left;}

.fixed-hide-hot span{font-size: 16px;display: block;}

.fixed-hide-hot:after{content: '';position: absolute;border-bottom: 10px solid transparent;border-top: 10px solid transparent;

	border-left: 10px solid #F7B024;top: 22px;right: -10px;}

.fixed-con .a-phone:hover .fixed-hide-hot{right: 80px;opacity: 1;pointer-events: initial;}




.bespoke_select{position: relative;z-index: 10;width: 140px;height: 44px;background: #fff;float: left;margin-right: 6px;}

.bespoke_select p{padding: 0 12px;font-size: 14px;color: #232323;line-height: 44px;white-space: nowrap;

    background: url('../images/coating_arrow1.png') no-repeat right 10px center;cursor: pointer;}

.bespoke_select ul{position: absolute;left: 0;bottom: 44px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll;

    max-height: 215px;white-space: nowrap;}

.bespoke_select ul li{padding: 0 12px;font-size: 14px;color: #232323;line-height: 44px;cursor: pointer;}

/*2018.10.31*/

.coating_bespoke .main .con .bespoke_btn{width: 140px;border-radius: 40px;margin-left: 32px;

    height: 40px;background: #fff;font-size: 20px;color: #C2A47D;border:none;transition: all 0.3s;}

.coating_bespoke .main .con .bespoke_btn:hover{font-size: 16px;}



.hg130{width: 100%;height: 100px;}

.fixend input::-webkit-input-placeholder,.fixend textarea::-webkit-input-placeholder{color:#626262}

.fixend{width:100%; height:100px;position:fixed;bottom:-153px;left:0;background: rgba(0,0,0,0.6);z-index:100;-webkit-transition:all .5s}

.fixend.on{bottom:0}

.fixend.fly{width:0;overflow:hidden;left:100%;top:calc(40% + 245px);margin-top:-325px;-webkit-transition:all .5s;transition:all .5s;}

.fixend .fixend_content{height:100%;position:relative;}

.fixend .fixend_logo{width: 297px;height: auto;position: absolute;left: -80px;bottom: 5px;-webkit-transition:all .5s;transition:all .5s;}

.fixend form{width:auto;height:44px;float:right;margin-left:230px;margin: 28px 30px;}

.fixend .fixend_text{width:191px;height:44px;background-color:#fff;color:#000;font-size:16px;padding:0 8px;margin-right:5px; 

    float:left;border: none;box-sizing: border-box;}

.fixend form > select{width:140px;height: 44px;color: #999;font-size:16px;margin-right:5px;background:#fff url(../images/icon/sel-arr.png) no-repeat center right 20px;

    float:left;border: none;text-indent: 8px;}

.fixend .fixend_btn{width: 215px;height:44px;color:#fff;font-size:16px;text-align:center;float:left;border: none;

    margin-left: 5px;background: url(../images/submit-bg.jpg) repeat-x center;}

.fixend .fixend_btn:hover{background: #36B07D;}

.fixend .fixend_close{width:34px;height:34px;float:right;margin-right:10px;margin-top:27px;position:relative;cursor:pointer}

.fixend .fixend_close img{-webkit-transition:all .5s}

.fixend .fixend_close:hover img{/*-webkit-transform:rotateZ(360deg);*/animation: zhaun 0.2s linear infinite;}

.fixend .fixend_close:before{content:"";width:1px;height:27px;background-color:#fff;position:absolute;left:50%;top:-27px;margin-left:-1px}





@keyframes zhaun{

	from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}



.phone11{display: none;background: #F7F7F7;padding: 0.6rem 0 0.4rem 0;}

.phone12{display: none;color: #888;font-size: 0.26rem;text-align: center;padding: 0.3rem 3%;line-height: 0.46rem;border-top: 1px solid #ECECEC;

	background: #F7F7F7;}

.phone12 a{color: #888;}

.phone11-con{}

.phone11-left{width: 2.5rem;background: #fff;padding: 0.2rem;box-sizing: border-box;}

.phone11-left img{max-width: 100%;}

.phone11-right{width: calc(100% - 2.8rem);margin-left: 0.3rem;}

.phone11-right h1{font-size: 0.48rem;color: #333;padding-left: 0.2rem;margin-bottom: 0.1rem;}

.phone11-right h2{font-size: 0.28rem;color: #888;padding-left: 0.2rem;line-height: 0.46rem;}

.phone11-right select{width: 100%;border: none;font-size: 0.28rem;text-indent: 0.2rem;color: #888;height: 0.7rem;margin-top: 0.1rem;

	background: url(../images/icon/sel-arr.png) right 0.2rem center no-repeat;background-color: #fff;background-size: 0.24rem;}



.index9{width: 100%;padding: 62px 0;text-align: center;font-size: 22px;color: #666;/*box-shadow: 0 4px 7px 0px rgba(204,204,204,0.4);*/position: relative;

    z-index: 1;border-top: 1px solid #F1F2F3;border-bottom: 1px solid #E5E5E5;}



.index10{width: 100%;height: 215px;border-bottom: 1px solid #E5E5E5;}

.index10-con{width: 390px;height: 215px;text-align: center;padding: 32px 0 40px 0;display: block;box-sizing: border-box;}

.index10-box{text-align: center;display: inline-block;height: 100%;padding-top: 20px;}

.index10-box img{}

.index10-box img.hover{display: none;}

.index10-box .tit{font-size: 18px;color: #333;margin: 20px 0 8px 0;}

.index10-box p{font-size: 14px;color: #888;}

.index10-con:nth-child(1), .index10-con:nth-child(4){width: 250px;}

.index10-con:nth-child(2) .index10-box{border-left: 1px solid #E6E6E6;border-right: 1px solid #E6E6E6;display: block;}

.index10-con:nth-child(3) .index10-box{border-right: 1px solid #E6E6E6;display: block;}

.index10-box:hover .tit{color: #015637;}

.index10-box:hover p{color: #015637;}

.index10-box:hover img{display: none;}

.index10-box:hover img.hover{display: inline-block;}



/*.index11{width: 100%;background: #F8F8F8;height: 325px;}

.index11-con{padding: 70px 0 40px 0;height: 100%;box-sizing: border-box;}

.index11-con-left{display: inline-block;}

.index11-con-left h1{font-size: 25px;color: #333;}

.index11-con-left h2{font-size: 14px;color: #888;margin-top: 6px;}

.index11-link{margin-top: 15px;}

.index11-link span, .index11-link a{display: inline-block;width: 26px;height: 26px;border-radius: 100%;border: 1px solid #333;line-height: 24px;text-align: center;

	cursor: pointer;margin-right: 10px;}

.index11-link span.wechat-icon{position: relative;}

.index11-link span.wechat-icon .code {

    position: absolute;

    width: 120px;

    height: 120px;

    background: #fff;

    opacity: 0;

    top: -136px;

    left: 50%;

    margin-left: -60px;

    border-radius: 3px;

    display: block;

    padding: 10px;

    box-shadow: 0px 1px 5px #ccc;

    display: none;

}

.index11-link span.wechat-icon .code:after{

    border-top: 10px solid #fff;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    content: "";

    position: absolute;

    left: 50%;

    bottom: -10px;

    margin-left: -10px;

}

.index11-link span.wechat-icon .code img {

    max-width: 100%;

    max-height: 100%;

}

.index11-link span.wechat-icon:hover .code{ display:block; opacity:1; }



.index11-link span:hover,.index11-link a:hover{background: #333;border: none;}

.index11-link span:hover .fa{color: #fff;}

.index11-link a:hover .fa{color: #fff;}

.index11-con-left span i{font-size: 14px;}

.index11-con-right{height: 100%;}

.index11-box{display: inline-block;float: left;border-right: 1px solid #ECECEC;padding: 0 40px 14px;height: 100%;}

.index11-box:last-child{padding: 0 0 14px 50px;border-right: none;}

.index11-box p{font-size: 16px;color: #333;margin-bottom: 22px;}

.index11-box a{font-size: 15px;color: #666;line-height: 28px;display: block;cursor: pointer;}

.index11-box a:hover{color: #015637;}*/


.index11{width: 100%;background: #012e6e;height: 325px;}
.index11-con{padding: 70px 0 40px 0;height: 100%;}
.index11-box{display: inline-block;float: left;width: calc(16.66% - 16px);height: 100%;}
.index11-box:last-child{width: 96px;}
.index11-box p{font-size: 15px;color: #fff;margin-bottom: 18px;line-height: 15px;font-weight: bold;}
.index11-box a{font-size: 13px;color: #fff;line-height: 28px;display: block;cursor: pointer;}
.index11-box a:hover{color: #008b76;}


.index12{width: 100%;background: #032049; padding:20px 0 30px;}
.index12-con{}
.index12-con .left{float: left;width: 950px;}
.index12-con .left p{font-size: 12px;color: #fff;line-height: 12px;}
.index12-con .left p a{color: #fff;}
.index12-con .left p a:hover{color: #fff;}
.index12-con .left .txt{font-size: 12px;color: #fff;margin-bottom: 20px;display: flex;align-items: center;}
.index12-con .left .txt b{color: #008b76;font-size: 25px;line-height: 26px;}
.index12-con .left .txt img{margin: 0 10px;}
.index12-con .index12-r{float: right; text-align:right;}
.index12-con .index12-r .station{padding: 2px 20px;display: inline-block;height: 100%;cursor: pointer;color: #fff;
    background: url(foot-arr.png) no-repeat right center;position: relative; border:1px solid #555;}
.station-box{display: none;position: absolute;padding: 0 8px;background: #fff;bottom: 17px;width: 120px;right: 0;}
.station-box a{height: 30px;line-height: 30px;color: #333;display: block;text-align: center;border-top: 1px solid #ECECEC;}
.station-box a:first-child{border-top: none;}
.station-box a:hover{color: #008b76;}
.index12-con .index12-r .station:hover .station-box{display: block;}

.index12-link{margin-top: 15px;color: #fff;}
.index12-link a{color: #fff;}
 
 



/*.index12{width: 100%;height: 52px;border-top: 1px solid #ECECEC;background: #F7F7F7;}

.index12-con{}

.index12-con p{float: left;font-size: 12px;color: #888;line-height: 51px;}

.index12-con p a{color: #888;}

.index12-con p a:hover{text-decoration: underline;}

.index12-con .index12-r{float: right;line-height: 51px;}

.index12-con .index12-r .station{margin-left: 15px;display: inline-block;height: 100%;padding-right: 15px;cursor: pointer;color: #808080;

	background: url(../images/icon/foot-arr.png) no-repeat right center;position: relative;}

.station-box{display: none;position: absolute;padding: 0 8px;background: #fff;bottom: 40px;width: 120px;right: 0;}

.station-box a{height: 30px;line-height: 30px;color: #b2b2b2;display: block;text-align: center;border-top: 1px solid #ECECEC;}

.station-box a:first-child{border-top: none;}

.station-box a:hover{color: #808080;}

.index12-con .index12-r .station:hover .station-box{display: block;}*/



.index1{width: 100%;height:auto;}

.index1 .swiper-container{width: 100%;}

.index1 .swiper-slide{width: 100%;color: #fff;position:relative;}

.index1 .swiper-slide a,

.index1 .swiper-slide img{display: block;width: 100%;}

.index1 .swiper-slide .mobile{display: none;}



.index1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 50px;}

.index1 .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent;border: 1px solid #fff;}

.index1 .swiper-pagination-bullet-active{background: #008c77;border: 1px solid #fff;}

.index1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;}

.index1 .swiper-button-next, .index1 .swiper-button-prev{width: 66px;height: 30px;margin-top: 0;background-size: 50px;top: auto;bottom: 44px;
    transition: all 0.3s;opacity: 1;filter: alpha(opacity=100);transition: all 0.3s;}
.index1 .swiper-button-prev{left: 160px;background-image: url(swiper_left.png);}
.index1 .swiper-button-next{right: 160px;background-image: url(swiper_right.png);}
.index1 .swiper-button-prev:hover{left: 150px;}
.index1 .swiper-button-next:hover{right: 150px;}







.index2{background: #f7f7f7;padding: 90px 0 80px;}

.index2 .box{float: left;width: calc(33.3333% - 25px);margin-right: 25px;}

.index2 .box:last-child{margin-right: 0;}

.index2 .box .pic img{display: block;width: 100%;}

.index2 .box .main{background: #fff;position: relative;z-index: 10;margin: -30px 0 0 25px;padding: 27px 29px 32px;}

.index2 .box .main h4{font-size: 26px;color: #333;font-weight: bold;line-height: 36px;}

.index2 .box .main p{font-size: 15px;color: #4c4c4c;line-height: 30px;}



.ind-flow{background: #f7f7f7;padding: 42px 0 46px;}

.flow-list li{float: left;text-align: center;}

.flow-list li:last-child{float: right;margin-right: -5px;}

.flow-list li.line{width: 24px;height: 22px;background: url(flow_line.png) no-repeat;margin: 40px calc(12.5% - 81.5px) 0;}

.flow-list li.line:nth-child(8){margin-right: 0;}





.flow-list li .pic{width: 90px;height: 102px;background: url(flow_bg.png) no-repeat;margin: 0 auto;overflow: hidden;}

.flow-list li .pic img{display: block;width: 50px;height: 50px;margin: 26px auto 0;}

.flow-list li .name{font-size: 20px;color: #4a4a4a;line-height: 30px;margin-top: 8px;}

.flow-list li .en{font-size: 12px;color: #ccc;line-height: 20px;}



.index3{padding: 70px 0;}

.index3-tit{text-align: center;color: #333;font-size: 40px;line-height: 40px;}

.index3 .line{width: 70px;margin: 20px auto 20px;height: 3px;background: #015637;}

.index3-top{width: 100%;height: 92px;margin-top: 30px;display: flex;justify-content: center;}

.index3-icons{width: 180px;height: 100%;text-align: center;position: relative;cursor: pointer;box-sizing: border-box;}

.index3-icons:after{right: 0;position: absolute;content: '';width: 1px;height: 75px;background: #EDEDED;top: 8px;}

.index3-icon{width: 100%;height: 60px;line-height: 60px;}

.index3-icon .index3-icon-on{display: none;}

.index3-icons span{font-size: 16px;color: #666;line-height: 32px;}

.index3-icons.on span{color: #015637;}

.index3-icons.on .index3-icon .index3-icon-off{display: none;}

.index3-icons.on .index3-icon-on{display: inline;}

.index3-icons:first-child{width: 137px;padding-right: 45px;}

.index3-icons:last-child{width: 238px;}

.index3-icons:last-child:after{display: none;}

.index3-con{margin-top: 34px;}

.index3-box{position: relative;display: none;}

.index3-box:first-child{display: block;}

.index3-box .swiper-container{padding: 5px;}

.index3-box .swiper-slide{display: block;}

.index3-box .swiper-slide .img{height:264px;width: 100%;overflow: hidden;}

.index3-box .swiper-slide .swiper-img{width: 100%;height: 100%;transition: all 0.3s;}

.index3-box .swiper-slide .swiper-img:hover{transform: scale(1.1);}

.index3-box .swiper-slide .tit{height: 60px;width: 100%;font-size: 18px;color: #333;padding: 0 10px;line-height: 64px;text-align: center;border:1px solid #e6e6e6;border-top: none;box-sizing: border-box;}

.index3-box .swiper-button-next, 

.index3-box .swiper-button-prev{width: 26px;height: 51px;margin-top: -25px;background: url(ind_arrow.png) no-repeat;opacity: 1 !important;}

.index3-box .swiper-button-prev{left: -85px;}

.index3-box .swiper-button-next{right: -85px;background-position: 0 -51px;}

.index3-box .swiper-button-prev:hover{background-position: -26px 0;}

.index3-box .swiper-button-next:hover{background-position: -26px -51px;}

.index3-box .swiper-slide:hover{-webkit-box-shadow: 0 0 8px 2px rgba(191,191,191,.34);box-shadow: 0 0 8px 2px rgba(191,191,191,.34);}

.index3-box .swiper-slide:hover .tit{border-color: #fff;}



.index4{background: #f9f9f9;padding: 70px 0 100px;}

.index4 .title{text-align: center;color: #333;font-size: 40px;line-height: 40px;}

.index4 .line{width: 70px;margin: 20px auto 22px;height: 3px;background: #015637;}

.index4 .txt{font-size: 16px;color: #666;line-height: 28px;text-align: center;max-width: 820px;margin: 0 auto 44px;}

.index4 .list{width: 100%;height: 500px;background: url(index4_bg.jpg) no-repeat center center;background-size: cover;}

.index4 .list .box{float: left;width: 13.36%;text-align: center;box-sizing: border-box;padding: 0 10px;height: 500px;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;cursor: pointer;}

.index4 .list .main{padding-top: 225px;transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

.index4 .list .main .pic{display: none;text-align: center;height: 30px;line-height: 30px;margin-bottom: 10px;}

.index4 .list .main h4{font-size: 24px;color: #fff;font-weight: bold;line-height: 34px;}

.index4 .list .main .list-line{width: 80px;height: 1px;background: rgba(255, 255, 255, 0.5);margin: 10px auto 0;}

.index4 .list .main p{font-size: 13px;color: #fff;line-height: 24px;margin:10px auto 0;max-width: 275px;display: none;}

.index4 .list .box-on{width: 33.2%;background: rgba(0, 0, 0, 0.47);}

.index4 .list .box-on .main{padding-top: 170px;}

.index4 .list .box-on .pic{display: block;}

.index4 .list .box-on .list-line{display: none;}

.index4 .list .box-on p{display: block;}



.ind-video{width: 100%;height: 855px;position: relative;z-index: 0;overflow: hidden;}

.video-bg{position: absolute;left: 0;top: -115px;width: 100%;height: 100%;z-index: 2;}

.video-bg video{display: block;width: 100%;height: auto;}

.video-mask{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);z-index: 3;}

.ind-video .container{padding-top: 115px;position: relative;z-index: 5;}

.ind-video .title{font-size: 40px;color: #fff;text-align: center;line-height: 40px;margin-bottom: 23px;}

.ind-video .txt{font-size: 18px;color: #fff;text-align: center;line-height: 36px;max-width: 700px;margin: 0 auto;}

.ind-video .line{position: absolute;left: 50%;top: 380px;width: 1920px;height: 1px;z-index: 5;background: rgba(255, 255, 255, 0.2);margin-left: -960px;}

.ind-video .list{text-align: center;padding-top: 83px;position: relative;z-index: 6;}

.ind-video .list ul{display: inline-block;*display: inline;*zoom:1;}

.ind-video .list li{display: block;float: left;margin: 0 75px;font-size: 16px;color: #fff;line-height: 26px;cursor: pointer;position: relative;}

.ind-video .list li i{display: none;width: 8px;height: 8px;background: none;border:1px solid #fff;border-radius: 50%;margin-left: -5px;position: absolute;left: 50%;bottom: -26px;}

.ind-video .list li.on i{display: block;}

.ind-video .item{font-size: 16px;color: #fff;line-height: 26px;text-align: center;margin: 76px auto 0;max-width: 700px;text-align: center;} 

.ind-video .player{display: block;width: 60px;height: 60px;background: url(play_icon.png) no-repeat;margin: 45px auto 0;background-size: 100%;}

.ind-video .pause{background-image: url(pause_icon.png);}

.m-video-pop{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 999;}

.m-video-pop-main{position: absolute;left: 50%;top: 50%;width: 800px;height: 450px; background: #fff;margin: -225px 0 0 -400px;}

.m-video-pop-main video{display: block;width: 100%;}

.m-video-pop-main .close{display: block;width: 20px;height: 20px;background: url(close.png) no-repeat;background-size: cover;position: absolute;right: -20px;top: -40px;}



.index5{padding: 92px 0 110px;}

.index5 .title{font-size: 40px;color: #333;line-height: 40px;text-align: center;}

.index5 .line{width: 70px;height: 3px;background: #015637;margin: 20px auto 23px;}

.index5 .txt{font-size: 16px;color: #4c4c4c;max-width: 930px;margin: 0 auto 44px;text-align: center;line-height: 28px;}

.index5 .list{padding: 10px 0;}

.index5 .box{float: left;text-align: center;box-sizing: border-box;width: 23.4375%;margin-right: 2.0833%;padding: 0 20px;cursor: pointer;position: relative;}

.index5 .box:after{position: absolute;right: 0;top: 34px;width: 1px;height: 150px;background: #e6e6e6;content: "";}

.index5 .box:last-child{margin-right: 0;}

.index5 .box:last-child:after{display: none;}

.index5 .box .pic{height: 96px;line-height: 96px;}

.index5 .box .pic img{display: inline;max-height: 96px;max-width: 100%;}

.index5 .box .pic .hover{display: none;}

.index5 .box h4{font-size: 24px;color: #333;line-height: 34px;margin-top: 27px;}

.index5 .box p{font-size: 16px;color: #666;line-height: 26px;margin-top: 10px;}



.index7{padding: 60px 0 70px;}

.index7 .title{font-size: 40px;color: #333;line-height: 40px;text-align: center;}

.index7 .line{width: 70px;height: 3px;background: #015637;margin: 20px auto 50px;}

.index7-con{position: relative;z-index: 5;}

.index7-con .swiper-slide a{display: block;}

.index7-con .swiper-slide .img{width: 100%;height: 230px;overflow: hidden;}

.index7-con .swiper-slide .pic{width: 100%;height: 230px;}

.index07-con .swiper-slide .img{width: 100%;height: 270px;overflow: hidden;}

.index07-con .swiper-slide .pic{width: 100%;height: 270px;}

.index7-con .swiper-slide .main{padding-top: 25px;}

.index7-con .swiper-slide .main h4{font-size: 22px;color: #151515;line-height: 32px;}

.index7-con .swiper-slide .main .txt{font-size: 17px;color: #737373;line-height: 24px;height: 48px;overflow: hidden;margin-top: 12px;}

.index7-con .swiper-slide .main .time{font-size: 15px;color: #b2b2b2;line-height: 25px;margin-top: 35px;}

.index7-con .swiper-slide .main .time i{display: block;width: 22px;height: 17px;margin: 4px 10px 0 0;float: left;background: url(time_icon.png) no-repeat;}

.index7-con .swiper-slide .main .time span{margin-left: 15px;font-family: Arial;}

.index7-con .swiper-slide:hover .pic{transform: scale(1.1);}

.index7-con .swiper-button-next,

.index7-con .swiper-button-prev{width: 26px;height: 51px;background: url(ind_arrow.png) no-repeat;left: -70px;margin-top: -25px;opacity: 1;cursor: pointer;z-index: 10;}

.index7-con .swiper-button-next{left:auto;right:-70px;background-position: 0 -51px;}

.index7-con .swiper-button-prev:hover{background-position: -26px 0;}

.index7-con .swiper-button-next:hover{background-position: -26px -51px;}


.index7-join{margin-top: 60px; margin-bottom:30px;}

.index7-join .img{width: 50%;float: left;height: 440px;}
.index7-join .main{width: 46%;float: right;height: 440px;}


.slide_news1 .title{ position:relative; height: 50px; line-height: 50px; margin-bottom: 30px; background: #f5f5f7;}

.slide_news1 .title h1{display:block; width: 135px; font-size: 16px; color: #fff; background: #003b8f; text-align: center;}

.slide_news1 .title .more{ display: block; position: absolute; right: 15px; top: 0; font-size: 12px; color: #959596;  }


.slide_news1 .text_news{}

.slide_news1 .text_news .box{margin-right: -25px;}

.slide_news1 .text_news ul{ margin-right: 25px;}

.slide_news1 .text_news li{ display: block; position: relative; height: 42px; line-height: 42px; margin-bottom:5px; border-bottom:1px dotted #999;}

.slide_news1 .text_news a{font-size: 16px; color: #333; float: left;}

.slide_news1 .text_news li a{ display: block; }

.slide_news1 .text_news li span{ font-size: 12px; color: #9f9f9f; position: absolute; right: 0; top: 0;}

.slide_news1 .text_news li a:hover{ color:#003b8f; }



#s_slide_news_pic{ width:640px; height:460px;  overflow:hidden; position:relative;  }

#s_slide_news_pic .bd{ position:relative; height:100%; z-index:2;   }

#s_slide_news_pic .bd li{ position:relative; display:block;  }

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:640px; height:460px; }

#s_slide_news_pic .bd ul li h1{color:#fff;font-size:16px;text-align: center;line-height:45px;height:45px;width: 100%;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;padding:0 20px;display:block;position:absolute;left:0;right: 0;bottom: 0px;z-index:99999;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);padding-right: 100px;box-sizing: border-box;}

#s_slide_news_pic .bd img{ width:640px; height:460px; display:block;  }

#s_slide_news_pic .hd{height: 45px; width: 150px; overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:9; }

#s_slide_news_pic .hd ul{ overflow:hidden; zoom:1; float:right; margin-top: 19px;  }

#s_slide_news_pic .hd ul li{float:left;margin-left: 6px;width: 8px;height: 8px;border-radius:50%;text-align:center;background:#bebebe;cursor:pointer;}

#s_slide_news_pic .hd ul li.current{ background:#d2333d;   }

#s_slide_news_pic .bnt{ display: block; left: -50px; width: 38px; text-align: center; height: 38px; line-height: 38px; top: 50%; z-index:8; margin-top: -19px; font-size: 24px; font-family: "SimSun"; color: rgb( 255, 255, 255 );  position: absolute;  }

#s_slide_news_pic .bnt.next{ left: auto; right:-50px;}

#s_slide_news_pic:hover .bnt { left: 20px; }

#s_slide_news_pic:hover .bnt.next{left: auto; right:20px;}



@media only screen and (max-width:1279px){
.index7-join .img{width: 52%;float: left;height: 400px;}
.index7-join .main{width: 46%;float: right;height: 400px;}

#s_slide_news_pic{ width:580px; height:417px;  overflow:hidden; position:relative;  }

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:580px; height:417px; }

#s_slide_news_pic .bd img{ width:580px; height:417px; display:block;  }

.slide_news1 .text_news li{ display: block; position: relative; height: 36px; line-height: 36px; margin-bottom:5px; border-bottom:1px dotted #999;}
.slide_news1 .text_news a{font-size: 16px; color: #333; float: left;}

}

@media only screen and (max-width:1179px){
.index7-join .img{width: 52%;float: left;height: 380px;}
.index7-join .main{width: 46%;float: right;height: 380px;}

#s_slide_news_pic{ width:540px; height:388px;  overflow:hidden; position:relative;  }

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:540px; height:388px; }

#s_slide_news_pic .bd img{ width:540px; height:388px; display:block;  }

.slide_news1 .text_news li{ display: block; position: relative; height: 33px; line-height: 33px; margin-bottom:5px; border-bottom:1px dotted #999;}
.slide_news1 .text_news a{font-size: 14px; color: #333; float: left;}

}


@media only screen and (max-width:1079px){
.index7-join .img{width: 52%;float: left;height: 381px;}
.index7-join .main{width: 46%;float: right;height: 381px;}

#s_slide_news_pic{ width:500px; height:359px;  overflow:hidden; position:relative;}

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:500px; height:359px; }

#s_slide_news_pic .bd img{ width:500px; height:359px; display:block;  }

.slide_news1 .text_news li{ display: block; position: relative; height: 29px; line-height: 29px; margin-bottom:5px; border-bottom:1px dotted #999;}
.slide_news1 .text_news a{font-size: 14px; color: #333; float: left;}

}


@media only screen and (max-width:979px){
.index7-join .img{width: 52%;float: left;height: 341px;}
.index7-join .main{width: 46%;float: right;height: 341px;}

#s_slide_news_pic{ width:480px; height:345px;  overflow:hidden; position:relative;}

#s_slide_news_pic .bd li a{ display:block; position:relative;  width:345px; height:381px; }

#s_slide_news_pic .bd img{ width:480px; height:345px; display:block;  }

.slide_news1 .text_news li{ display: block; position: relative; height: 28px; line-height: 28px; margin-bottom:5px; border-bottom:1px dotted #999;}
.slide_news1 .text_news a{font-size: 14px; color: #333; float: left;}

}



.index1_1 .notice1{position:relative;padding:20px 0 5px 110px;background-color:#f0f4f7; height:140px;}
.index1_1 .notice1 .title{position:absolute;top:0;left:0;z-index:5;padding-top:30px;width:100px;height:135px;font-size:24px;line-height:1.1;text-align:center;background-color:#0062ac;color:#fff}
.index1_1 .notice1 .title p{width:100px; line-height:60px; font-size:24px;}
.index1_1 .slide1{padding:0 30px}
.index1_1 .slide1 .li{overflow:hidden;color:#000; border-bottom:1px solid #ccc;width:33%; margin-bottom:20px; float:left;}
.index1_1 .slide1 .time{float:left;margin-right:12px;font-family:Arial;font-size:0;color:#999}
.index1_1 .slide1 .time em{position:relative;font-size:40px}
.index1_1 .slide1 .time em:before{content:'';position:absolute;top:50%;right:-10px;margin-top:-17px;width:21px;height:34px;background:url(icop-line.png) center no-repeat;-webkit-background-size:cover;background-size:cover}
.index1_1 .slide1 .time span{font-size:20px}
.index1_1 .slide1 b{display:block;overflow:hidden;max-width:220px;height:48px;font-size:16px;font-weight:400}


.index8{padding-top:90px;height: 405px;background: url('../img/index8_bg.jpg') no-repeat center center;background-size: cover;}

.index8 .title{font-size: 40px;line-height: 40px;text-align: center;color: #fff;}

.index8 .txt{font-size: 16px;color: #fff;line-height: 26px;margin: 20px 0 64px;text-align: center;}

.index8-main{width: 725px;margin: 0 auto;}

.index8-main select{width: 270px;height: 55px;background: url(sel-arr.png) right 19px center no-repeat #fff;font-size: 15px;color: #686868;margin-right: 16px;float: left;border:none;text-indent: 10px;}

.index8-main .btn{display: block;width: 150px;height: 55px;border:none;float: right;background-image: -moz-linear-gradient( 90deg, rgb(52,176,130) 0%, rgb(67,176,82) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(52,176,130) 0%, rgb(67,176,82) 100%);background-image: -ms-linear-gradient( 90deg, rgb(52,176,130) 0%, rgb(67,176,82) 100%);font-size: 18px;color: #fff;}

.index8-main .btn:hover{background: #015637;}

.index91{padding: 120px 0;}

.index91 .in91-map{width: 51.5%;text-align: center;height: 410px;line-height: 410px;}

.index91 .in91-map img{max-width: 100%;}

.in91-con{width: 48.5%;height: 410px;padding: 75px 42px 0;background: url(../images/index9-bg.jpg) no-repeat center;background-size: cover;}

.in91-con .tit{font-size: 40px;color: #fff;text-align: center;}

.in91-con p{font-size: 15px;line-height: 23px;color: rgba(255,255,255,0.7);text-align: center;margin-top: 10px;}

.index91-box {margin-top: 45px;}

.index91-box select {

    width: calc(50% - 16px);

    margin: 0 8px;

    height: 55px;

    margin-right: 8px;

    text-indent: 10px;

    font-size: 16px;

    color: #333;

    border: none;

    background: url(sel-arr.png) right 19px center no-repeat;

    background-color: #fff;

    float: left;

}

.index91-box .index91-submit {

    width: 140px;

    height: 52px;

    color: #fff;

    font-size: 18px;

    background: url(../images/submit-bg.jpg) repeat-x center;

    border: none;display: block;

    margin: 36px auto 0;

}

.index91-box .index91-submit:hover{background: #35B081;}



.cityfive{width: 100%;height: 450px;padding-top: 130px;text-align: center;}

.cityfive h1{color: #fff;font-size: 40px;line-height: 40px;font-weight: bold;margin-bottom: 10px;}

.cityfive h2{color: #fff;font-size: 15px;line-height: 27px;margin-bottom: 58px;margin-bottom: 56px;}

.cityfive .oncejia {

    width: 220px;

    height: 52px;

    color: #fff;

    font-size: 20px;

    background: #015637;

    display: block;

    text-align: center;

    line-height: 52px;

    position: relative;

    margin: 0 auto;

}

.cityfive .oncejia:before {

    pointer-events: none;

    content: '';

    position: absolute;

    border: #015637 solid 4px;

    top: -16px;

    right: -16px;

    bottom: -16px;

    left: -16px;

    opacity: 0;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: top, right, bottom, left;

    transition-property: top, right, bottom, left;

}

.cityfive .oncejia:hover:before{

  	top: -8px;

  	right: -8px;

  	bottom: -8px;

  	left: -8px;

  	opacity: 1;

}





/*==============================--内页开始==============================-*/



#n_main_box{ margin-bottom:60px; width:1240px; margin:0 auto; }



#n_content{ min-height:300px; padding:50px 0 0px; }/*===================内页banner================*/



#n_banner{ display:block; width:100%; height:240px; position: relative; }



#n_up_box{ border-bottom: 2px solid #d9d9dd; padding-bottom:0px; position:relative; margin-bottom:30px; }



/*===================内页标题================*/

#n_title{  display: inline-block; padding-bottom: 5px; border-bottom: 3px solid #003b8f; margin-bottom: -3px; font-size:18px; color:#003b8f; }



/*===================面包屑导航================*/

#position{ position:absolute;  line-height: 30px; height:30px; right:0px; top:0; font-size:12px;   color:#8a8c8e;}

#position span, #position a, #position i{ font-size:12px; color:#8a8c8e;}

#position em{ font-size:12px; color:#003b8f; font-style: normal;}

#position a:hover{ color:#003b8f;}


.n_content{margin-top: 30px; min-height:400px; margin-bottom: 50px; }



/*===================内页左侧================*/

#n_left{ float: left; width:260px;}

#n_right{ float: left; width: 910px; margin-left:35px; position:relative;}

/*============内页左侧导航==========*/

#n_nav{ background: #f7f7f9; margin-bottom: 15px;}


#n_nav .top{width: 100%;height: 90px;background: #003b8f;}
#n_nav .top h2{height: 90px;text-indent: 28px;background: url(InpageSidebar01_icon01.png) no-repeat 198px center;line-height:90px;font-size: 30px;color: #fff;font-weight: normal;}
#n_nav .top h2 a{color: #fff;text-decoration: none; font-weight: bold;font-size: 24px; }


#n_nav .classify{border: 1px solid #e4e4e4;border-top: none;position: relative;}
#n_nav .classify li{height: 58px;border-top: 1px solid #e4e4e4;text-indent: 28px;font-size: 15px;color: #333333;line-height: 58px;background: url(Img/mub02Inpage/mub02_jt03.png) no-repeat 204px center;}
#n_nav .classify li a{color: #333333;display: block;text-decoration: none;}
#n_nav .classify li:hover,#n_nav .classify li.cur{background: url(mub02_jt04.png) no-repeat 204px center #f5f5f5;}
#n_nav .classify li:hover a,#n_nav .classify li.cur a{color: #003b8f;font-weight: bold;}
#n_nav .classify i{display: block;width: 3px;background: #003b8f;position: absolute;left: -1px;top: 0;z-index: 9;}


.ar_article {color:#77787a; font-size:14px; min-height:400px; padding-bottom:100px; line-height:30px; text-align:justify; position:relative; max-width:100%; }




/*==============新闻中心=====================*/

#n_news .un_box ul{ position:relative; width:100%;}

#n_news .un_box li{padding:30px 0; border-bottom:1px solid #e8e8ed}

#n_news .un_box li .box{padding:0;position:relative;height: 98px;}

#n_news .un_box li a{display:block;font-size:16px;padding-top:10px;color:#4a4b4c;margin-bottom:13px;}

#n_news .un_box li h1{ margin-left:110px;}

#n_news .un_box li p{line-height:20px;font-size:12px;color:#8b8b8d;height:40px; margin-left:110px;}

#n_news .un_box li a:hover{color:#003b8f;}

#n_news .un_box .date_box{position:absolute;left:0;top:0;  background: #e9e9ee; padding: 18px 0px;  text-align:center;width:80px}

#n_news .un_box .date_box strong{ display:block;font-size:35px;color:#747678}

#n_news .un_box .date_box span{font-size:12px;color:#88888a;margin-top:4px;}

#n_news .un_box li:hover .date_box{ }

#n_news .un_box li:hover .date_box strong{color:#003b8f; }

#n_news .un_box li:hover .date_box span{ }

#n_news .un_box li.last{ border-bottom:none; padding-bottom:10px;}




@media screen and (max-width: 1680px){

    .engin2-box .engin2-box-tit{bottom: 50px;opacity: 1;}

}





@media screen and (max-width: 1366px){

    .engin2-box .engin2-box-tit{bottom: 44px;opacity: 1;}

}

@media screen and (max-width: 1300px){

    .engin-js-left{width: 60%;padding-right: 30px;}

    .engin-js-right{width: 40%;}

}



@media screen and (max-width: 1240px){

    .container {width: 94%;}

    .engin-js-left{width: 60%;padding-right: 30px;}

    .engin-js-right{width: 40%;}

    .engin-js-right img{max-width: 100%;}

    .engin-icons{width: 100%;position: initial;}

    .engin2-l-con{width: 90%;padding-top: 60px;}

    .engin2-l p{width: 94%;}

    .engin3{width: 94%;}

    .engin3-top{padding-left: 0;}

    .engin3-top-con{text-align: center;width: 25%;}

    .engin3-top-con:nth-child(4){width: 25%;}

    .engin3-box{width: calc(33.3% - 20px);}

    .engin4{width: 94%;}

    .company-logo{width: 18%;margin-right: 1%;margin-left: 1%;padding: 0 20px;}

    .engin5{width: 94%;}

    .company-logo:nth-child(5n) {margin-right: 1%;}

    

}

@media screen and (max-width: 1024px){

    

    .engin5 .joins-form .pic{ width:100%; height:auto; }

    .engin5 .joins-form .pic img{ width:100%;display: inline;}

    .engin5 .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede; }

}



@media screen and (max-width: 750px) {



    .index1 .swiper-slide .pc{display: none;}

    .index1 .swiper-slide .mobile{display: block;}



    .engin5 .joins-form .pic{ width:100%; height:auto; }

    .engin5 .joins-form .pic img{ width:100%;display: block;}

    .engin5 .joins-form .form-box{ width:100%; height:auto; border-left:1px solid #dedede;}

    .engin5 .joins-form .form-box{ padding:0.3rem; }

    .engin5 .joins-form .form-box .base-row { width: 100%;}

    .engin5 .joins-form .form-box #joins {width: 100%;}

    .city-picker-selector .selector-item {width: 48%;}

    .engin5 .joins-form .form-box .type-row {width: 100%;}

    .engin5 .joins-form .form-box .base-row .text{ width:48%; }

    .engin5 .joins-form .form-box #joins .text{ width:48%; }

    

    .engin-js-left{width: 100%;padding-right: 0px;}

    .engin-js-right{width: 100%;}

    .engin-js-con {margin-top: 0.5rem;}

    .engin-js-left-tit {font-size: 0.56rem;line-height: 0.6rem;}

    .engin-js-left-p {margin-top: 0.4rem;}

    .engin-js-left-p p {font-size: 0.29rem;line-height: 0.48rem;margin-bottom: 0.3rem;}

    .engin-icons{height: 2rem;}

    .engin-icon img {height: 0.56rem;}

    .engin-icon .engin-icon-tit{font-size: 0.28rem;margin-top: 0.15rem;}

    .engin2{margin-top: 1rem;height: auto;}

    .engin2-l{width: 100%;}

    .engin2-l-con{padding-top: 0.5rem;}

    .engin2-l-tit{font-size: 0.6rem;line-height: 0.6rem;margin-bottom: 0.3rem;}

    .engin2-l-tit:before{top: 0.3rem;margin-right: 0.2rem;}

    .engin2-l-en{font-size: 0.3rem;margin-bottom: 0.5rem;}

    .engin2-l p{line-height: 0.48rem;font-size: 0.29rem;}

    .engin2-l{padding-bottom: 0.5rem;}

    .engin2-r{width: 100%;}

    .engin2-box{height: 3.5rem;}

    .engin2-box .engin2-box-tit{font-size: 0.28rem;bottom: 0.3rem;}

    .engin2-box .engin2-box-p{display: none;}

    .engin3-top-con{display: flex;align-items: center;justify-content: center; flex-direction: column;}

    .engin3-top-con img{margin-right: 0;height: 0.5rem;}

    .engin3-top-con span{line-height: 0.3rem;font-size: 0.28rem;margin-top: 0.2rem;display: block;}

    .engin3-box{width: calc(50% - 0.15rem);margin-right: 0.3rem;margin-bottom: 0.3rem;}

    .engin3-box:nth-child(3n){margin-right: 0.3rem;}

    .engin3-box:nth-child(2n){margin-right: 0;}

    .engin3-box .engin3-box-img{height: 2.6rem;}

    .engin3-box span{height: 0.8rem;line-height: 0.8rem;font-size: 0.28rem;}

    .engin3-box .engin3-box-img:hover .engin3-box-pic{transform: scale(1);}

    .engin4{margin: 1rem auto 0 auto;}

    .engin4-tit{font-size: .42rem !important;    margin-bottom: 0.2rem;}

    .engin4-en{font-size: 0.3rem;}

    .company-logo{width: 31.3%;padding: 0.2rem;height: 1.5rem;line-height: 1.1rem;margin-top: 0.2rem;}

    .company-logo img{max-height: 1.1rem;}

    .engin5{margin: 1rem auto;}

    .engin5-tit{font-size: 0.42rem !important;    margin-bottom: 0.2rem;}

    .engin5-en{font-size: 0.3rem;}

    .engin5-con{margin-top: 0.5rem;}

    .engin5 .joins-form .form-box .liuyan{width: 100%;}

    .engin2-l-tit{font-size: .42rem !important;}

    .product-quality{ height:auto; margin-bottom:0.6rem; }

    .product-quality li{ width:33.3%; background:none; border-bottom:none; padding-bottom:0.4rem; }

    .product-quality li:last-child{ border-bottom:0; }

    .product-quality li img{ margin-top:0.4rem; }

    .product-quality li a{margin:10px 0px 50px -16px;padding:0;vertical-align:top;border:none;list-style:none;background:#fff;color: #000000}

    .product-quality li p, .product-quality.container.clearfix li a {display: none;}

}



/*联系我们*/

.contactcon{padding: 100px 0 0 0;}

.contactcon1{}

.contactcon1-con{width: calc(33.33% - 27px);margin-right: 40px;background: #F7F7F7;height: 410px;box-sizing: border-box;}

.contactcon1-con:nth-child(3){margin-right: 0;}

.contactcon1-con .img{width: 100%;padding: 38px 0;text-align: center;box-sizing: border-box;}

.contactcon1-con .txt{width: 100%;height: 205px;padding: 0px 50px 0;text-align: center;box-sizing: border-box;}

.contactcon1-con .codeimg{padding: 45px 0 14px;text-align: center;}

.contactcon1-con .codeimg img{width: 200px;}

.contactcon1-con .txt .tit{font-size: 24px;color: #333;margin-bottom: 7px;}

.contactcon1-con .txt p{font-size: 15px;line-height: 25px;color: #666;}

.contact-map{width: 100%;height: 665px;margin-top: 88px;}

.anchorBL{display: none;}

.contactcon1-con a{display: block;margin: 28px auto 0;width: 120px;height: 40px;text-align: center;line-height: 40px;color: #fff;font-size: 15px;

    background: #015637;border-radius: 4px;}

.contactcon1-con a:hover{background: #056355;}

.ccon-mb{display: none;}



@media screen and (max-width: 750px) {

    .contactcon1{display: none;}

    .ccon-mb{display: block;}

    .contactcon{padding: 1rem 0 0 0;}

    .ccon-mb{width: 100%;display: none;}

    .ccon-mb .box{width: 33.33%;padding: 0 0.2rem;text-align: center;box-sizing: border-box;}

    .ccon-mb .box img{max-width: 100%;}

    .ccon-mb .box .txt{margin-top: 0.25rem;}

    .ccon-mb .box .txt .tit{font-size: 0.3rem;margin-bottom: 0.1rem;}

    .ccon-mb .box .txt p{font-size: 0.24rem;line-height: 0.4rem;white-space: nowrap;}

    .ccon-mb .box .txt a{margin: 0.2rem auto 0;display: block;width: 80%;height: 0.6rem;text-align: center;line-height: 0.6rem;color: #fff;font-size: 0.26rem;background: #015637;border-radius: 4px;}

}



/*搜索*/

.infocenter_index2{}

.infocenter_index2_l{width: 70%;}

.infocenter_index2_l_top{background: #fff;}

.infocenter_index2_l_top a{    

    display: inline-block;

    margin-left: 45px;

    padding: 0 14px;

    line-height: 61px;

    text-align: center;

    font-size: 18px;

    color: #4c4c4c;

}

.label1 {

    height: 25px;

    line-height: 25px;

    padding: 0 13px;

    color: #fff;

    background: #015637;

    font-size: 12px;

    margin: 10px;

    display: inline-block;

    border-radius: 25px;

    display: none;

}

.infocenter_index2_l_top a.on,.infocenter_index2_l_top a:hover{border-bottom: 4px solid #015637;color: #015637;}

.infocenter_index2_l_con{margin-top: 20px; padding: 20px;background: #fff;}

.infocenter_index2_l_img{    display: block; width: 200px;height: 140px;    background-position: center;

    background-repeat: no-repeat;background-size: cover;cursor: pointer;}

.infocenter_index2_l_txt{width: calc(100% - 230px);margin-left: 30px;}

.infocenter_index2_l_txt a{

    display: block;

    font-size: 20px;

    color: #333;

    font-weight: 600;

    line-height: 28px;

    margin-bottom: 5px;

}

.infocenter_index2_l_txt a:hover{color: #015637;}

.infocenter_index2_l_txt span{

    font-size: 12px;

    color: #999999;

}

.infocenter_index2_l_txt p{

        font-size: 15px;

    color: #4c4c4c;

    line-height: 26px;

    margin-top: 10px;

}

.infocenter_index2_r{

    width: calc(30% - 20px);

    margin-left: 20px;

}





.new-bx1{padding: 0 15px 55px;background: #fff;}

.new-bx1-tit{font-size: 24px;color: #333;line-height: 70px;}

.new-bx1 .new-bx-input{color: #333;font-size: 14px;background: #F1F2F3;text-indent: 20px;height: 40px;width: 100%;border-radius: 5px;border: none;}

.new-bx1 .new-bx-input::-moz-placeholder{color: #999;}

.new-bx1 .new-bx-input::-ms-input-placeholder{color: #999;}

.new-bx1 .new-bx-input::-webkit-input-placeholder{color: #999;}

.new-bx1 .new-bx-submit{border: none;width: 100%;height: 40px;font-size: 18px;color: #fff;background: #015637;border-radius: 20px;font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}

.new-bx1 .new-bx-submit:hover{background: #098457;}

.hotword{padding: 20px 0 30px;}

.hotword-tit{font-size: 13px;color: #444444;}

.hotword-box{margin-top: 10px;}

.hotword-box a{display: block;padding: 0 9px;height: 20px;line-height: 20px;color: #808080;font-size: 13px;border-radius: 20px;float: left;

    margin: 0 6px 10px 0;background: #F2F2F2;}

.hotword-box a:hover{color: #fff;background: #015637;}



.new-bx2{padding: 0 5px 37px;background: #fff;margin-top: 20px;}

.new-bx2-tit{font-size: 24px;color: #333;line-height: 65px;border-bottom: 1px solid #E6E6E6;padding-left: 10px;}

.new-bx-lb{padding: 18px 10px 0;}

.new-bx-lb .swiper-wrapper{padding-bottom: 20px;}

.new-bx-lb .swiper-slide{}

.new-bx-lb .swiper-slide .img{width: 100%;height: 205px;}

.new-bx-lb .swiper-slide .tit{font-size: 16px;color: #666;line-height: 34px;}

.new-bx-lb .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;l}

.new-bx-lb .swiper-pagination-bullet{width: 5px;height: 5px;opacity: 1;background: #D9D9D9;}

.new-bx-lb .swiper-pagination-bullet-active{background: #015637;}

.new-bx-lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}



.prod-con{padding: 36px 28px 64px 28px;background: #fff;margin-top: 20px;}

.prodboxs{padding-bottom: 4px;}

.prodbox{width: 25%;padding: 0 13px;float: left;margin-bottom: 35px;display: block;cursor: pointer;}

.prodbox .img{width: 100%;height: 200px;display: block;}

.prodbox .tit{font-size: 15px;line-height: 47px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.prodbox:hover .tit{color: #015637;padding-left: 10px;}



/*预约报名*/

.indexBaoming-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:9999;display:none}

#indexBaoming{width:740px;height:460px;position:fixed;left:50%;top:50%;margin-left:-370px;margin-top:-230px;border:8px solid #015637;

    z-index:9999;padding-top: 50px;background: url('../images/inb-bg.jpg') no-repeat center;background-size: cover;}

#indexBaoming .tit{font-size: 45px;color: #333;line-height: 55px;text-align: center;}

#indexBaoming .tit span{font-size: 55px;color: #015637;font-weight: bold;}

#indexBaoming .tit1{color: #6C6C6C;font-size: 16px;text-align: center;margin: 5px 0 25px 0;}

#indexBaoming form{width: 100%;padding-left: 100px;}

#indexBaoming form .row{margin-bottom: 15px;}

#indexBaoming form .row span{float: left;width: 90px;text-align: center;line-height: 45px;font-size: 14px;color: #333;}

#indexBaoming form .row .row1-input{float: left;width: 170px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;}

#indexBaoming form .row .row3-input{float: left;width: 134px;height: 45px;border: none;border-radius: 0px;background: #fff;text-indent: 10px;}

#indexBaoming form .row img{float: left;margin-left: 12px;}



#indexBaoming form .row .right-select,

#indexBaoming form .row select{width: 209px;margin-right: 12px;float: left;height: 45px;border: none;border-radius: 0px;text-indent: 10px;

    background: url('../images/select-arrowB.png') no-repeat right 10px center;background-color: #fff;position: relative;z-index: 5;}

#indexBaoming form .row .once_city,

#indexBaoming form .row select.bmcity{margin-right: 0px;}

#indexBaoming form .row .right-select p{font-size: 14px;color: #333;line-height: 45px;padding: 0 25px;cursor: pointer;}

#indexBaoming form .row .right-select ul{position: absolute;left: 0;top: 45px;width: 100%;max-height: 180px;overflow-y: scroll;background: #fff;z-index: 10;display: none;}

#indexBaoming form .row .right-select li{padding: 0 25px;color: #666;line-height: 36px;cursor: pointer;}

#indexBaoming form .row .right-select li:hover{color: #015637;}

.indexbm-sub{margin: 35px 0 0 145px;width: 245px;height: 50px;border-radius: 50px;color: #fff;background: #015637;font-size: 22px;border: none;display: block;}

.indexbm-sub:hover{background: #065247;}

.closebm{width: 30px;height: 30px;background: url('../images/bmclose.png') no-repeat center;position: absolute;right: 16px;top: 16px;cursor: pointer;}

.closebm:hover{background: url('../images/bmclose-hover.png') no-repeat center;}

#indexBaoming .tit2{color: #666;font-size: 14px;text-align: center;margin-top: 20px;}

#indexBaoming .tit2 i{font-style: normal;color: #f00; position: relative;line-height: 1px;top: 12px;margin-right: 5px;font-size: 30px;}



/*实木复合门*/

.compound-banner{width: 100%;overflow: hidden;}

.compound-banner img{display: block;width: 100%;}

.compound-main{overflow: hidden;}

.compound-main .container{max-width: 1200px;}

.compound-main .title{font-size: 42px;color: #333;text-align: center;line-height: 62px;margin-bottom: 30px;}

.compound-main .txt{font-size: 16px;color: #666;line-height: 28px;text-align: center;}

.moisture{padding: 80px 0 90px;background: url('../img/moisture_bg.jpg') no-repeat center center;}

.moisture .pic{margin-top: 55px;}

.moisture .pic img{display: block;margin: 0 auto;max-width: 100%;}

.paint{padding: 27px 0 30px;background: url('../img/paint_bg.jpg') no-repeat center center;}

.paint .main{float: left;width: 50%;padding-top: 120px;}

.compound-main .paint .title{text-align: left;margin-bottom: 25px;}

.compound-main .paint .txt{text-align: left;}

.paint .data{margin-top: 43px;display: flex;}

.paint .data .item{position: relative;margin-right: 43px;font-size: 24px;color: #015637;line-height: 45px;padding-right: 42px;}

.paint .data .item:first-child:after{content: "";position: absolute;right: 0;top:15px;width: 1px;height: 25px;background: #d5d8cb;}

.paint .data .item:last-child{margin-right: 0;padding-right: 0;}

.paint .data .item span{font-size: 40px;}

.paint .pic{float: right;width: 50%;}

.paint .pic img{display: block;max-width: 100%;margin: 0 auto;}

.veneer{padding-top: 75px;background: url('../img/veneer_bg.jpg') no-repeat center center;}

.veneer .pic{margin-top: 35px;}

.veneer .pic img{display: block;margin-left: -120px;}

.produce{padding: 155px 0 185px;background: url('../img/produce_bg.jpg') no-repeat center center;}

.compound-main .produce .title{margin-bottom: 25px;color: #fff;}

.compound-main .produce .txt{color: #fff;}

.produce .line{margin: 55px auto 52px;width: 88%;height: 1px;background: rgba(255,255,255,0.3);}

.produce p{text-align: center;font-size: 30px;color: #fff;line-height: 50px;font-family: "PingFang SC";}

.doorleaf .main{float: left;width: 47%;height: 750px;background: #f4f2f2;}

.doorleaf .content{width: 546px;float: right;padding-top: 200px;}

.compound-main .doorleaf .title{text-align: left;margin-bottom: 25px;}

.compound-main .doorleaf .txt{text-align: left;}

.doorleaf .data{margin-top: 40px;display: flex;}

.doorleaf .data .item{position: relative;padding-right: 45px;margin-right: 50px;}

.doorleaf .data .item:first-child:after{content: "";position: absolute;right: 0;top: 20px;height: 70px;width: 1px;background: #dbe2de;}

.doorleaf .data .item:last-child{padding-right: 0;margin-right: 0;}

.doorleaf .data .item .num{font-size: 20px;color: #015637;line-height: 60px;}

.doorleaf .data .item .num span{font-size: 70px;font-family: "PingFang SC";}

.doorleaf .data .item p{font-size: 16px;color: #015637;line-height: 26px;margin-top: 10px;}

.doorleaf .pic{width: 53%;float: right;height: 750px;background-repeat: no-repeat;background-position: left center;}

.mute{padding: 80px 0 470px;background: url('../img/mute_bg.jpg') no-repeat center bottom #f8faf5;}

.compound-main .mute .title{margin-bottom: 25px;}

.compound-main .mute .txt span{font-size: 30px;color: #015637;line-height: 33px;}

.compound-main .mute .txt p{margin-bottom: 20px;}

.mute .pic{width: 198px;margin: 40px auto 0;}

.mute .pic img{display: block;width: 100%;}

.service{padding: 120px 0 182px;background: url('../img/service_bg.jpg') no-repeat center center;}

.compound-main .service .title{color: #fff;margin-bottom: 10px;}

.compound-main .service .title span{font-size: 70px;font-weight: bold;}

.compound-main .service .txt{color: #fff;}

.service .list{margin-top: 120px;}

.service .list li{float: left;width: 20%;position: relative;text-align: center;}

.service .list li:after{content:"";position: absolute;right:0;top: 8px;height: 100px;width:1px;background: rgba(255, 255, 255, 0.5);}

.service .list li:last-child:after{display: none;}

.service .list li .pic{width: 50px;height: 42px;margin: 0 auto 30px;}

.service .list li .pic img{display: block;width: 100%;}

.service .list li p{font-size: 24px;color: #fff;line-height: 44px;}



@media screen and (max-width: 750px) {

    .moisture{padding: .8rem 0 .9rem;background-size: cover;}

    .compound-main .title{font-size: .36rem;line-height: .56rem;margin-bottom: .3rem;}

    .compound-main .txt{font-size: .24rem;line-height: .42rem;}

    .compound-main .txt br{display: none;}

    .moisture .pic{margin-top: .6rem;}

    .paint{padding: .6rem 0;background-size: cover;}

    .paint .main{padding-top: 0;width: 100%;}

    .compound-main .paint .title{text-align: center;margin-bottom: .3rem;}

    .compound-main .paint .txt{text-align: center;}

    .paint .data{margin-top: .4rem;justify-content:center;}

    .paint .data .item{padding: 0 .6rem;margin:0;text-align: center;font-size: .28rem;line-height: .58rem;}

    .paint .data .item span{font-size: .4rem;}

    .paint .data .item:first-child:after{height: .3rem;top: .2rem;}

    .paint .pic{width: 100%;margin-top: .6rem;}

    .veneer{padding-top: .8rem;background-size: cover;}

    .veneer .pic{margin-top: .6rem;}

    .veneer .pic img{width:100%;margin-left: -.3rem;}

    .produce{padding: 1.2rem 0;background-size: cover;}

    .produce .line{margin: .5rem 0;width: 7.5rem;margin-left: -3%;}

    .produce p{font-size: .36rem;line-height: .56rem;}

    .doorleaf .main{width: 100%;height: auto;padding: .6rem 0;background: #fff;}

    .compound-main .doorleaf .title,

    .compound-main .doorleaf .txt{text-align: center;}

    .doorleaf .data{margin-top: .6rem;justify-content:center;}

    .doorleaf .data .item{padding: 0 .6rem;margin: 0;}

    .doorleaf .data .item:first-child::after{height: .6rem;top: .3rem;}

    .doorleaf .data .item .num{font-size: .3rem;line-height: .6rem;}

    .doorleaf .data .item .num span{font-size: .6rem;}

    .doorleaf .data .item p{font-size: .26rem;line-height: .46rem;margin-top: 0;}

    .doorleaf .content{width: 94%;margin: 0 auto;padding-top: 0;}

    .doorleaf .pic{width: 100%;height: 5.5rem;background-size: cover;}

    .mute{padding: .8rem 0 2.4rem;background-size: cover;}

    .compound-main .mute .title{margin-bottom: .3rem;}

    .compound-main .mute .txt p{margin-bottom: .2rem;}

    .compound-main .mute .txt span{font-size: .32rem;}

    .mute .pic{width: 2rem;}

    .service{padding: 1.2rem 0;background-size: cover;}

    .compound-main .service .title{margin-bottom: .2rem;}

    .compound-main .service .title span{font-size: .6rem;}

    .service .list{margin-top: .8rem;}

    .service .list li{width: 33.3333%;}

    .service .list li:first-child{margin-left: 16.6666%;margin-bottom: .3rem;}

    .service .list li:nth-child(2){margin-right: 16.6666%;margin-bottom: .3rem;}

    .service .list li:after{display: none;}

    .service .list li .pic{width: 1.1rem;height: 1.1rem;background: #d3ab6a;border-radius: 50%;overflow: hidden;margin: 0 auto .15rem;}

    .service .list li .pic img{width: .68rem;height: .57rem;margin: .26rem auto 0;}

    .service .list li p{font-size: .24rem;line-height: .42rem;}

}



/*招商加盟*/

.join-form{padding: 110px 0 120px;}

.join-title {font-size: 40px;color: #333;line-height: 50px;text-align: center;}

.join-txt{font-size: 16px;color: #666;line-height: 28px;text-align: center;}

.join-form .main{padding-top: 40px;}

.join-form .pic{float: left;width: 53.125%;height: 339px;}

.join-form .content{float: right;box-sizing: border-box;width: 46.875%;height: 339px;border:1px solid #e6e6e6;border-left: none;padding: 40px 68px 0;}

.join-form .item{margin-bottom: 13px;position: relative;}

.join-form .item .text{display: block;box-sizing: border-box;border:1px solid #e1e1e1;width: calc(50% - 9px);height: 40px;padding: 0 9px;font-size: 15px;color: #666;float: left;}

.join-form .item .text:last-child{float: right;}

.join-form .item .long-text{width: 100%;float: none;}

.join-form .item .select{box-sizing: border-box;border:1px solid #e1e1e1;width: calc(50% - 9px);height: 40px;padding: 0 9px;font-size: 15px;color: #666;float: left;position: relative;z-index: 10;}

.join-form .item .select p{font-size: 15px;color: #666;line-height:38px;cursor: pointer;background: url('../images/coating_arrow.png') no-repeat right 10px center;}

.join-form .item .select:last-child{float: right;}

.join-form .item .select ul{width: 100%;position: absolute;left: -1px;top: 38px;background: #fff;z-index: 20;border:1px solid #e1e1e1;max-height: 180px;overflow-y: scroll;display: none;}

.join-form .item .select ul li{padding: 0 9px;font-size: 15px;color: #666;line-height: 36px;cursor: pointer;}

.join-form .item .select ul li:hover{color: #015637;}

.join-form .bot{margin-top: 60px;}

.join-form .bot .btn{display: block;width: 150px;height: 40px;background: #015637;border-radius: 20px;font-size: 14px;color: #fff;border:none;}



.join-honor{padding: 80px 0 87px;background: url('../img/honor_bg.jpg') no-repeat center center;background-size: cover;}

.join-honor .join-title{color: #fff;margin-bottom: 25px;}

.join-honor .join-txt{color: #fff;}

.join-honor .join-txt p{margin-bottom: 15px;}

.swiper-honor{position: relative;z-index: 5;margin-top: 25px;}

.swiper-honor .pic{width: 100%;height: 255px;}

.swiper-honor p{font-size: 18px;color: #fff;line-height: 28px;text-align: center;margin-top: 15px;}

.swiper-honor .swiper-button-next,

.swiper-honor .swiper-button-prev{width: 20px;height: 35px;background: url('../images/honor_arrow.png') no-repeat;left: -70px;top: 110px;margin-top: 0;opacity: 1;cursor: pointer;z-index: 10;}

.swiper-honor .swiper-button-next{left: auto;right: -70px;background-position: 0 -35px;}

.swiper-honor .swiper-button-prev:hover{margin-left: -5px;}

.swiper-honor .swiper-button-next:hover{margin-right: -5px;}



.join-course{padding: 98px 0;background: url('../img/course_bg.jpg') no-repeat center bottom;}

.join-course .join-title{margin-bottom: 14px;}

.join-course .pic{margin-top: 108px;}

.join-course .pic img{display: block;width: 100%;}

.join-course .pic .img-mobile{display: none;}



.join-home{padding: 110px 0 80px;}

.join-home .join-title{margin-bottom: 15px;}

.ins-list{margin-top: 70px;}

.ins-list li{float: left;width: calc(25% - 21px);margin-right: 28px;border:1px dashed #015637;box-sizing: border-box;padding: 49px 20px 56px;text-align: center;}

.ins-list li:last-child{margin-right: 0;}

.ins-list li .pic{width: 90px;height:96px;margin: 0 auto 25px;display: flex;justify-content:center;align-items:center;}

.ins-list li .pic img{display: block;max-width: 90px;max-height: 96px;}

.ins-list li .pic .hover{display: none;}

.ins-list li .name{font-size: 24px;color: #333;line-height: 34px;margin-bottom: 7px;}

.ins-list li p{font-size: 16px;line-height: 26px;color: #666;}

.ins-list li:hover{background: #015637;border-style: solid;}

.ins-list li:hover .pic img{display: none;}

.ins-list li:hover .pic .hover{display: block;}

.ins-list li:hover .name,

.ins-list li:hover p{color: #fff;}

.support{padding-top: 110px;}

.join-home .support .join-title{margin-bottom: 5px;}

.sup-list{margin-top: 65px;}

.sup-list li{float: left;margin-bottom: 35px;position: relative;width: 20%;}

.sup-list li:after{position:absolute;right: 0;top: 19px;height: 100px;width: 1px;background: #f2f2f2;content: "";}

.sup-list li .pic{width: 110px;margin: 0 auto;}

.sup-list li img{display: block;width: 100%;height: 110px;}

.sup-list li p{font-size: 24px;color: #555;line-height: 34px;margin-top: 15px;text-align: center;}

.sup-list li:nth-child(6){margin-left: 10%;}

.sup-list li:nth-child(5):after,

.sup-list li:last-child:after{display: none;}



.join-place{padding: 108px 0 130px;background: url('../img/place_bg.jpg') no-repeat center center;}

.join-place .join-title{color: #fff;margin-bottom: 10px;}

.join-place .join-en{font-size: 16px;color: #fff;text-align: center;line-height: 24px;text-transform : uppercase;}

.join-place .pic{margin-top: 75px;}

.join-place .pic img{display: block;width: 100%;}

.join-place .pic .img-mobile{display: none;}



.join-adv{padding: 110px 0 105px;}

.join-adv .join-title{margin-bottom: 13px;}

.adv-list {margin-top: 65px;}

.adv-list li{float: left;width: calc(33.33% - 12px);height: 230px;margin: 0 18px 18px 0;}

.adv-list li:nth-child(3n){margin-right: 0;}



.join-cloth{background: #f7f7f7;padding: 100px 0;}

.join-cloth .left{width: 38.67%;height: 340px;float: left;}

.join-cloth .right{float: right;width: 61.33%;height: 340px;box-sizing: border-box;}

.join-cloth .item:last-child .right{border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;}

.join-cloth .title{font-size: 40px;color: #232323;line-height: 60px;padding-top: 60px;}

.join-cloth .subtit{font-size: 20px;color: #666;line-height: 30px;margin-bottom: 30px;}

.join-cloth .txt{font-size: 14px;color: #888;line-height: 25px;padding-right: 60px;}



.join-dream{padding: 105px 0 155px;background: url('../img/dream_bg.jpg') no-repeat center center;}

.join-dream .main{box-sizing: border-box;width: 660px;height: 233px;background: #5c6a75;padding: 50px 0 0 78px;}

.join-dream .main .en{font-size: 30px;color: #fff;line-height: 36px;}

.join-dream .main .title{font-size: 42px;color: #fff;font-weight: bold;line-height: 60px;margin-top: 23px;}

.join-dream .main .tel{font-size: 28px;color: #fff;line-height: 46px;}



@media screen and (max-width: 750px) {

    .join-form{padding: .8rem 0 1rem;}

    .join-title{font-size: .42rem !important;line-height: .46rem !important;margin-bottom: .1rem !important;}

    .join-txt{font-size: .26rem;line-height: .46rem;}

    .join-txt br{display: none;}

    .join-form .main{padding-top: .4rem;}

    .join-form .pic{width: 100%;height: 4.05rem;}

    .join-form .content{height: auto;padding: .4rem .3rem;border-left: 1px solid #e6e6e6;border-top: none;width: 100%;}

    .join-form .item{margin-bottom: .2rem;}

    .join-form .item .text,

    .join-form .item .select{height: 34px;font-size: 14px;width:calc(50% - 5px);}

    .join-form .item .select p{line-height: 32px;font-size: 14px;background-position: right 5px center;}

    .join-form .item .select ul{top: 32px;max-height: 150px;}

    .join-form .item .select ul li{font-size: 14px;line-height: 30px;}

    .join-form .item .long-text{width: 100%;}

    .join-form .bot{margin-top: .4rem;}

    .join-form .bot .btn{width: 120px;height: 36px;}

    .join-honor{padding: .8rem 0;}

    .join-honor .join-title{margin-bottom: .1rem;}

    .join-honor .join-txt p{margin-bottom: .2rem;}

    .swiper-honor{margin-top: .3rem;}

    .swiper-honor .pic{height: 4.92rem;}

    .swiper-honor p{font-size: .26rem;line-height: .36rem;margin-top: .2rem;}

    .join-course{padding: .8rem 0 0;background: #f6f6f6;}

    .join-course .container{width: 100%;}

    .join-course .pic{margin-top: .4rem;}

    .join-course .pic .img-pc{display: none;}

    .join-course .pic .img-mobile{display: block;}

    .join-home{padding: 1rem 0 .8rem;}

    .join-home .join-title{margin-bottom: .1rem;}

    .ins-list{margin-top: .6rem;}

    .ins-list li{width: 48%;margin: 0 4% .3rem 0;padding: .4rem .2rem .5rem;}

    .ins-list li:nth-child(2n){margin-right: 0;}

    .ins-list li .pic{width: .9rem;height: .96rem;margin-bottom: .3rem;}

    .ins-list li .pic img{max-width: .9rem;max-height: .96rem;}

    .ins-list li .name{font-size: .3rem;line-height: .5rem;margin-bottom: .1rem;}

    .ins-list li p{font-size: .26rem;line-height: .46rem;}

    .support{padding-top: .8rem;}

    .join-home .support .join-title{margin-bottom: .1rem;}

    .sup-list{margin-top: .6rem;}

    .sup-list li{width: 33.3333%;margin:0 0 .3rem !important;}

    .sup-list li .pic{width: 1.1rem;}

    .sup-list li img{height: 1.1rem;}

    .sup-list li:after{height: 1.1rem;top: .3rem;display: block !important;}

    .sup-list li:nth-child(3n):after{display: none !important;}

    .sup-list li p{font-size: .26rem;line-height: .46rem;margin-top: .2rem;}

    .join-place{padding: .8rem 0;background-size: cover;}

    .join-place .join-title{margin-bottom: .1rem;}

    .join-place .pic{margin-top: .6rem;}

    .join-place .pic .img-pc{display: none;}

    .join-place .pic .img-mobile{display: block;width: 94%;margin: 0 auto;}

    .join-adv{padding: .8rem 0;}

    .join-adv .join-title{margin-bottom: .1rem;}

    .adv-list{margin-top: .6rem;}

    .adv-list li{width: 48%;margin: 0 4% .3rem 0;height: 2.2rem;}

    .adv-list li:nth-child(3n){margin-right: 4%;}

    .adv-list li:nth-child(2n){margin-right: 0;}

    .join-cloth{padding: .8rem 0;}

    .join-cloth .left{width: 100%;height: auto;}

    .join-cloth .right{width: 100%;height: 3.05rem;}

    .join-cloth .title{font-size: .36rem;line-height: .56rem;padding-top: 0;text-align: center;}

    .join-cloth .subtit{font-size: .28rem;line-height: .48rem;margin-bottom: .2rem;text-align: center;}

    .join-cloth .txt{font-size: .24rem;line-height: .46rem;text-align: center;padding-right: 0;}

    .join-cloth .item:last-child .left{height: 4.8rem;}

    .join-cloth .item:last-child .right{border:1px solid #ededed;border-top: none;}



    .join-dream{padding: .8rem 0;background-size: cover;}

    .join-dream .main{width: 72%;height: auto;padding: .3rem;}

    .join-dream .main .en{font-size: .3rem;line-height: .4rem;}

    .join-dream .main .title{font-size: .36rem;line-height: .56rem;margin-top: .3rem;}

    .join-dream .main .tel{font-size: .26rem;line-height: .46rem;}

}





/*投资者关系*/



.breadNav{height:40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }

.breadNav a,

.breadNav span{ font-size:12px; line-height:40px; color:#999; }

.breadNav span{ padding:0px 10px; }

.breadNav a:hover,

.breadNav span.cur{ color:#015637;}

.header-breadNav{ border:0; height:70px; border-bottom:1px solid #e5e5e5; margin-bottom:35px; }

.header-breadNav a,

.header-breadNav span{ line-height:70px; font-size:14px; color:#666; }

.family-tab li{ float:left; height:60px; line-height:60px; margin-left:60px; }

.family-tab li a{ font-size:15px; color:#666; display:block; line-height:68px; padding:0px 5px;box-sizing: border-box;}

.family-tab li.on a{ color:#015637; border-bottom:2px solid #015637; }

.family-tab li:hover a{ color:#015637; }





/*基本信息*/

.irm-con{ padding-bottom:90px; }

.irm-con .family-tab{ margin-bottom:0; }

.irm-show{ width:100%; height:490px; background:url("../images/irm-show.png") no-repeat scroll center center; text-align:center; }

.irm-show p{ font-size:16px; color:#fff; line-height:1.875; text-transform:uppercase; margin-top:10px; text-align:left; width:870px; margin:10px auto 0px; }

.irm-show p span{ font-size:16px; color:#fff; line-height:1.875; margin-right:65px; }

.irm-info h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:15px; }

.irm-info .title .left{ width:68.334%; border-right:1px solid #dcdcdc; padding:20px 0px 10px 0px;box-sizing: border-box;}

.irm-info .title .left img{ margin-bottom:15px; }

.irm-info .title .left p{ line-height:2; color:#333; font-size:15px; width:90%; }

.irm-info .title .left .base-det{ width:50%; margin-bottom:20px; }

.irm-info .title .left .base-det span{ width:50%; display:block; float:left; line-height:2; font-size:15px; color:#333333; }

.irm-info .title .right{ width:31.666%; text-align:right; }

.irm-info .title .right p{ font-size:14px; color:#666; margin-top:30px; }

.irm-info .title .right p b{ font-size:18px; /*color:#e60012; */font-weight:bold; line-height:1.2; }

.irm-info .title .right h3{ font-size:24px; color:#e60012; font-weight:bold; line-height:1.2; vertical-align: baseline; margin-bottom:40px; margin-top:10px; }

.irm-info .title .right h3 img{ vertical-align: baseline; margin-right:10px; }

.irm-info .title .right li{ float:left; width:50%; margin-bottom:10px; text-align:right; }

.irm-info .title .right li p{ font-size:14px; color:#666; line-height:1.786; margin-bottom:0; margin-top:0; }

.irm-info .title .right li span{ font-size:14px; color:#333; font-weight:bold; display:block; }

.irm-info .irm-info-img{ margin:40px auto 0px; width:75%; display:block; }

.irm-info-quility h2{ font-size:26px; color:#666; text-transform:uppercase; line-height:1.2; margin-bottom:45px; margin-top:100px; }

.irm-info-quility ul li{ width:25%; float:left; }

.irm-info-quility ul li:last-child{ background:none; }

.irm-info-quility ul li .pic{ width:81px; height:81px; border:2px solid #015637; border-radius:50%; margin:0 auto; text-align:center; line-height:81px; margin-bottom:10px; }

.irm-info-quility ul li .txt{ text-align:center; }

.irm-info-quility ul li .txt p,

.irm-info-quility ul li .txt p a{ font-size:19px; color:#000003; line-height:2; }

.irm-info-quility ul li .txt p.in{ font-size:17px; color:#333; }

.irm-info-quility ul li .txt p.in a{ font-size:17px; color:#333; }

.irm-info-quility ul li .txt p a:hover{ color:#015637; }





/*信息公告*/

.notice-list{ margin:0px -20px; }

.notice-list li{ width:50%; float:left; padding:0px 20px; height:46px; line-height:46px; margin-bottom:15px; box-sizing: border-box;}

.notice-list li *{ transition:all 0.8s; -moz-transition:all 0.8s; -webkit-transition:all 0.8s; -o-transition:all 0.8s; }

.notice-list li .item{ display:block; border-bottom:1px solid #dbdbdb; cursor:pointer; }

.notice-list li .file{ width:21px; height:46px; display:block; background:url("../images/icon/file.png") no-repeat scroll center center; margin-right:20px; }

.notice-list li p{ font-size:15px; color:#666; line-height:46px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; width:80%; }

.notice-list li p span{ margin-left:20px; font-size:15px; line-height:46px; color:#999; }

.notice-list li .download{ width:15px; height:46px; display:block; background:url("../images/icon/download-icon.png") no-repeat scroll center center; }

.notice-list li:hover p{ color:#015637; margin-left:20px; }

.notice-list li:hover .download{ background:url("../images/icon/download-icon-hover.png") no-repeat scroll center center; }

.download-more{ width:126px; height:42px; border:2px solid #015637; border-radius:22px; background: #fff; line-height: 40px; text-align:center; display:block; font-size:16px; 

    color:#015637; margin:45px auto 0px; }

.download-more:hover{ background:#015637; color:#fff; }

.download-more.noMore{ border:2px solid #666; color:#666; cursor:not-allowed; }

.download-more.noMore:hover{ background:none; color:#666; }





/*公司治理*/

.govern h2{ font-size:20px; color:#015637; line-height:2.25; font-weight:bold; margin-bottom:5px; }

.govern p{ font-size:16px; color:#666; line-height: 2.25; }

.govern p b{ color:#015637; }



/*股权信息*/

.equity-table .title{ font-size:21px; color:#333; font-weight:bold; margin-bottom:35px; text-align:center; }

.equity-table table{ border:1px solid #e1e1e1; width:100%; border-collapse:collapse; text-align:center; }

.equity-table table tr{ height:58px; line-height:58px; border-bottom:1px solid #e1e1e1; text-align:center; }

.equity-table table tr:nth-child(odd){ background:#f9f9f9; }

.equity-table table tr.title{ background:#015637; height:50px; line-height:50px; }

.equity-table table td{ font-size:15px; color:#666; text-align:center;  }

.equity-table table th{ font-size:15px; color:#fff; font-weight:bold; line-height:50px; text-align:center; }



@media screen and (max-width: 750px) {

    .header-breadNav{height: 0.9rem;margin-bottom: 0.5rem;}

    .header-breadNav .left{display: none;}

    .family-tab{ margin-top:0rem; float:none; margin-bottom:0.3rem; height: 0.88rem;overflow: hidden !important;overflow-x: auto !important;white-space: nowrap !important;}

    .irm-con .family-tab::-webkit-scrollbar { display: none;}

    .family-tab::-webkit-scrollbar {display: none;}

    .family-tab li{ width: 25%;text-align:center;margin-left: 0; display: inline-block;float: initial;}

    .family-tab li a{ font-size:0.28rem; line-height: 0.88rem;height: 0.88rem; }



    .irm-info{ padding-top:0rem; }

    .irm-info .title .left .base-det{ width:100%; }

    .irm-info .irm-info-img{ width:100%; margin-top:0.4rem; }

    .irm-info-quility ul li{ width:100%; margin-bottom:0.3rem; background:none; border:1px solid #e4e4e4; padding:0.3rem 0rem; }

    .irm-info-quility ul li:nth-child(2n){background:none;}

    .irm-info-quility ul li .pic{ width:1rem; height:1rem; border-width:0.02rem; line-height:1rem; margin: 0;margin-right: 0.3rem;}

    .irm-info-quility ul li .txt{text-align: left;}

    .irm-info-quility .item{    display: flex;align-items: center;justify-content: center;}

    .irm-info-quility ul li .pic img{ max-height: 0.5rem;

    max-width: 0.5rem; }

    .irm-info-quility ul li .txt p,

    .irm-info-quility ul li .txt p a{ font-size:0.32rem; line-height: 0.5rem;}

    .irm-info-quility ul li .txt p.in,

    .irm-info-quility ul li .txt p.in a{ font-size:0.28rem; }

    .irm-info-quility h2{ margin-top:0.6rem; margin-bottom:0.4rem; font-size: 0.4rem;}



    .notice-list li{ width:100%; }



    .govern h2{ font-size:0.38rem; line-height:1.6; }

    .govern p{ font-size:0.28rem;line-height: 0.46rem; }



    .equity-table{ padding-top:0; overflow-x:scroll; }

    .equity-table table{width:1200px;}

    .equity-table .title{ font-size:0.4rem; line-height:2; margin-bottom:0.3rem; }

}