/*网站公共样式*/
.info-content{line-height:2;min-height:200px;border-bottom:1px solid #ddd;}
.info-content img{max-width:100%;}
a{color:#333;text-decoration:none;}
a:hover{}
.bg-gray{background:#f6f6f6;}
.text-blue{color:rgb(1,61,131);}
.text-red{color:#e12341;}
.text-overflow{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.text-overflow-lines2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
.display-flex-compat{display:-moz-box;/* Firefox */
display:-ms-flexbox;/* IE10 */
display:-webkit-box;/* Safari */
display:-webkit-flex;/* Chrome,WebKit */
display:flex;}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:99;top:0;left:0;}
.mask-bg.active{display:block;}
/*动画*/
.transition-ease{transition:all 0.3s ease;}
.transform-scale:hover{transform:scale(1.1,1.1)}
/*字体*/
.font-size-p24m20{font-size:24px;}
.font-size-p20m18{font-size:20px;}
.font-size-p18m16{font-size:18px;}
.font-size-p16m14{font-size:16px;}
@media(max-width:768px){.info-content{line-height:2;padding:20px 0px;}
.padding-top-60,.padding-top-50{padding-top:30px;}
.margin-top-60{margin-top:30px;}
.padding-bottom-60{padding-bottom:30px;}
.col-sm-12,.col-sm-3,.col-sm-4,.col-xs-12,.col-xs-6,.col-xs-5,.col-sm-8,.col-xs-7{padding-left:5px;padding-right:5px;}
.row{margin-left:-5px;margin-right:-5px;}
/*字体*/
.font-size-p20m18{font-size:18px;}
.font-size-p18m16{font-size:16px;}
.font-size-p24m20{font-size:20px;}
.font-size-p16m14{font-size:14px;}
}
/*顶部样式*/
.header{position:relative;}
.header .logo{display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;}
/*搜索*/
.ss-content{height:120px;display:flex;align-items:center;}
.ss-box{position:relative;margin:auto;width:380px;padding-right:60px;height:38px;margin-right:20px;display:inline-block;}
.ss-box .s-input{width:310px;outline:none;border:none;line-height:34px;background-color:transparent;padding-left:24px;border:1px solid #298997;position:relative;}
.ss-box .icon-serach{position:absolute;top:12px;left:6px;color:#999;}
.ss-box .s-btn{position:absolute;right:0;top:0;width:50px;height:38px;color:#fff;background:#298997;cursor:pointer;line-height:38px;outline:none;border:none;border-radius:6px;}
/* 分页banner */
 .pagebanner{width:100%;position:relative;overflow:hidden;}
.pagebanner .swiper-slide{text-align:center;font-size:18px;background:#fff;/* Center slide text vertically */
 display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.pagebanner img{width:100%;}
.pagebanner .font-box{position:absolute;left:0;top:0;width:100%;height:100%;}
.pagebanner .font-box .container{height:100%;}
.pagebanner .font-box .font{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;z-index:1;}
/*主菜单*/
@media (min-width:992px) /*pc端*/
{/*顶部*/
.header{z-index:2;}
.header .logo{justify-content:center;height:120px;}
.header .logo img{height:70px;}
.header .nav-toggle{display:none}
.nav{background:#298997;}
.nav>ul{overflow:hidden;text-align:center;}
.nav>ul>li{display:inline-block;}
.nav>ul>li>ul{position:absolute;display:none;}
.nav > ul > li > a{text-align:center;line-height:50px;text-decoration:none;height:100%;padding:0 50px;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;font-size:15px;color:#fff;}
.nav >ul>li.current >a,.nav >ul>li> a:hover{background:#80b400;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:50px}
.nav ul li ul li a:hover{color:#7f67f8;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;}
}
@media (max-width:992px) /*手机端*/
{/*顶部*/
.header .logo{justify-content:flex-start;}
.header{background:#fff;box-shadow:3px 3px 6px rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:9;}
.header .logo{height:60px;}
.header .logo img{height:40px;}
.header .productmenubox{display:none;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:28px;color:#999;min-width:60px;height:60px;line-height:56px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}
.nav{position:fixed;z-index:100;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.nav.active{opacity:1;width:300px;max-width:60%}
.nav ul li{line-height:45px;text-align:left}
.nav ul li ul{display:none;}
/*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:14px;}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#444;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
/* 分页banner */
.pagebanner{margin-top:60px;overflow:hidden;}
.pagebanner img{min-height:120px;width:auto;max-width:120%;}
.pagebanner .font-box .font{font-size:2rem;}
}
/*子栏目样式*/
@media(min-width:769px){.sub-nav-box{clear:both;position:relative;}
.sub-nav-box .sub-nav-title{line-height:57px;text-align:left;background:#ad7669;padding-left:15px;font-size:22px;color:white;font-family:"Microsoft YaHei",Tahoma,Verdana,"Simsun";}
.sub-nav-box .sub-nav ul{text-align:center;}
.sub-nav-box .sub-nav li{display:inline-block;padding:0 20px;text-align:center;position:relative;}
.sub-nav-box .sub-nav > ul > li > a{padding:0px 20px;margin:0px;line-height:30px;display:block;font-size:1.4rem;border-radius:20px;background:#fff;color:#666;border:1px solid #ddd;}
.sub-nav-box .sub-nav > ul > li.active > a,.sub-nav-box .sub-nav > ul > li:hover >a{background:#298997;color:#fff;border-color:transparent;}
.sub-nav-box .sub-nav>ul>li>ul{display:none;position:absolute;top:40px;left:0;width:100%;background:rgb(1,61,131);z-index:9;}
.sub-nav-box .sub-nav > ul > li >ul{display:none;}
/* 产品左侧pc */
.page-productLeftNav{margin-bottom:30px;}
.page-productLeftNav .topName{color:#fff;background:#298997;font-size:18px;padding-left:20px;line-height:3;}
.page-productLeftNav .sub-nav-box .sub-nav ul{text-align:center;}
.page-productLeftNav .sub-nav-box .sub-nav li{display:block;padding:0px;text-align:left;position:relative;}
.page-productLeftNav .sub-nav-box .sub-nav > ul > li > a{padding:0px 20px;margin:0px;line-height:48px;display:block;font-size:1.4rem;border-radius:0px;background:#fff;color:#666;border:1px solid #ddd;margin-top:-1px;position:relative;}
.page-productLeftNav .sub-nav-box .sub-nav > ul > li.active > a,.page-productLeftNav .sub-nav-box .sub-nav > ul > li:hover > a{background:#f5f5f5;}
.page-productLeftNav .sub-nav-box .sub-nav > ul > li.active > a::before,.page-productLeftNav .sub-nav-box .sub-nav > ul > li:hover > a::before{content:'';position:absolute;top:0;left:0;width:4px;height:12px;background:#298997;}
.page-productLeftNav .sub-nav-box .sub-nav > ul > li > ul{display:none;position:static;width:100%;background:rgb(1,61,131);z-index:9;}
.page-productLeftNav .sub-nav-box .sub-nav > ul > li > ul{display:none;}
.productMobileNav{display:none;}
}
@media(max-width:768px){.productMobileNav{display:block;}
.page-commnav{border-bottom:none;}
.page-commTopTitle{font-size:18px;color:#e12341;background:#f5f5f5;font-weight:bold;margin-bottom:20px;}
.sub-nav{display:flex;justify-content:center;align-items:center;}
.sub-nav ul{overflow:hidden;text-align:center;margin:0px auto;overflow:hidden;min-width:360px;}
.sub-nav ul li{float:left;padding:0px 3px;width:50%;margin-bottom:8px;}
.sub-nav ul li a{display:block;font-size:16px;border:1px solid #ccc;height:36px;line-height:34px;text-align:center;text-overflow:ellipsis;white-space:nowrap;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#333;}
.sub-nav ul li.active a{background:#298997;color:#fff;border:1px solid #298997;}
.sub-nav ul li ul{display:none;}
}
/*公用标题*/
.comm_title{padding:0 0 2rem 0;font-size:32px;position:relative;margin-bottom:10px;}
.comm_title .en{font-size:30px;text-transform:uppercase;color:#e8e8e8;font-weight:bold;opacity:0.5;margin-bottom:-30px;}
.comm_title .cn{display:flex;align-items:center;justify-content:center;z-index:1;position:relative;}
.comm_title .title{font-size:30px;padding:0 20px;color:#298997;}
.comm_title .line{width:20px;background:rgb(41,137,151);height:2px;}
/*首页>>产品分类*/
.index-classify .inner{text-align:center;padding:50px 0;margin-bottom:10px;background:#fff;display:block;}
.index-classify .inner .pic{margin-bottom:40px;height:120px;width:120px;}
.index-classify .inner .more{width:120px;height:32px;border:1px solid #ddd;color:rgb(127,127,127);font-size:14px;line-height:32px;margin:10px auto;}
/*首页>>abooutus */
.index-aboutus{position:relative;}
.index-aboutus .comm_title .cn .title{color:#fff;}
.index-aboutus .comm_title .cn .line{background:#fff;}
.index-aboutus .background-box{background:url('../images/20181007170001400f13.png') repeat-y center top;height:500px;position:absolute;top:0;left:0;width:100%;}
.index-aboutus .picbox{margin-bottom:100px;background:#000;position:relative;}
.index-aboutus .picbox img{width:100%;z-index:1;}
.index-aboutus .picbox:hover img{opacity:0.8;}
.index-aboutus .picbox .msgbox{width:600px;max-width:90%;background:#298997;position:absolute;bottom:-100px;right:-100px;padding:60px;}
.index-aboutus .picbox .msgbox .more{width:120px;height:32px;border:1px solid #ddd;color:#fff;background:#fff;font-size:14px;line-height:32px;margin:20px auto;display:block;color:#999;}
/*首页>>公司优势*/
.index-companyAdvantage .picbox{position:relative;}
.index-companyAdvantage .mask{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(bottom left,rgba(32,141,160,0.81),rgba(152,197,46,0.8));background:-ms-linear-gradient(bottom left,rgba(32,141,160,0.81),rgba(152,197,46,0.8));background:-webkit-linear-gradient(bottom left,rgba(32,141,160,0.81),rgba(152,197,46,0.8));background:-moz-linear-gradient(bottom left,rgba(32,141,160,0.81),rgba(152,197,46,0.8));color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;}
.index-companyAdvantage .picbox:hover .mask{opacity:1;}
.index-companyAdvantage .mask .title{font-size:28px;margin-bottom:15px;}
.index-companyAdvantage .mask .intro{max-width:86%;width:300px;}
.index-companyAdvantage .more{width:120px;height:32px;color:#fff;font-size:14px;line-height:32px;margin:40px auto 20px auto;display:block;color:#fff;background:rgba(32,141,160,0.81);}
/*首页>>文化*/
.index-cultrue .item{margin:20px auto;}
.index-cultrue .item .iconbox{width:80px;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
.index-cultrue .item .iconbox .icon{width:70px;height:70px;}
.index-cultrue .item .content{text-align:left;padding-left:90px;}
.index-cultrue .item .content .title{font-size:28px;}
/*首页,分页>>新闻*/
.page-newsDetail .passage-title{border-left:4px solid #e12341;padding-left:10px;}
.news .newslist .item{border:1px solid #ddd;margin-bottom:30px;}
.news .item .more{width:80%;background:#eee;margin:10px auto;display:block;color:#666;line-height:32px;}
.news .item:hover .more{background:#298997;color:#fff;}
.news .item:hover{border-color:#298997;}
.index-news .more{width:120px;height:32px;color:#fff;font-size:14px;line-height:32px;margin:40px auto 20px auto;display:block;color:#fff;background:rgba(32,141,160,0.81);}
/*首页>>底部优势*/
.index-advantage .item .iconbox{width:50px;height:100%;position:absolute;top:0;left:10px;display:flex;align-items:center;}
.index-advantage .item .iconbox .icon{width:50px;height:50px;}
.index-advantage .item .content{text-align:left;padding-left:80px;}
/*首页>>手机*/
@media(max-width:992px){.comm_title .title{font-size:22px;position:relative}
.index-aboutus .picbox{margin-bottom:50px;background:transparent;position:relative;}
.index-aboutus .picbox .msgbox{max-width:100%;background:#298997;position:static;padding:20px;margin:10px auto;}
.index-aboutus .picbox .msgbox .more{width:120px;height:32px;border:1px solid #ddd;color:#fff;background:#fff;font-size:14px;line-height:32px;margin:20px auto;display:block;color:#999;}
.index-companyAdvantage .picbox{margin-bottom:15px;}
.index-cultrue .item .content .title{font-size:20px;}
.news .newslist .item{border:1px solid #ddd;margin-bottom:10px;}
}
@media(max-width:468px){.index-companyAdvantage .mask{opacity:1;}
.index-companyAdvantage .mask .title{font-size:22px;}
.index-classify .inner{text-align:center;padding:20px 0;}
.index-classify .inner .pic{height:80px;width:80px;margin-bottom:20px;}
.index-classify .inner .more{width:100px;}
}
/*分页>>人才战略*/
.page-zhanlue .item{margin:40px auto;}
.page-zhanlue .item .iconbox{width:100px;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
.page-zhanlue .item .iconbox .icon{width:90px;height:90px;}
.page-zhanlue .item .content{text-align:left;padding-left:140px;}
.page-zhanlue .item .content .title{font-size:28px;}
@media(max-width:468px){.page-zhanlue .item{margin:20px auto;}
.page-zhanlue .item .content .title{font-size:20px;}
.page-zhanlue .item .iconbox{width:80px;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;}
.page-zhanlue .item .iconbox .icon{width:60px;height:60px;}
.page-zhanlue .item .content{text-align:left;padding-left:100px;}
}
/*分页>>产品列表*/
.productlist .item{border:1px solid #ddd;}
.productlist .item .more{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;color:#666;}
.productlist .item:hover{background:#298997;}
.productlist .item:hover .more{color:#f5f5f5;}
/*产品内容页样式*/
.product-content .detail{border-bottom:2px solid #298997;}
.product-content .detail .title{clear:both;text-align:center;overflow:hidden;background:#298997;line-height:42px;color:rgb(255,255,255);font-weight:600;font-size:14px;display:inline-block;width:130px;position:relative;top:6px;}
.modal h4{margin-left:20px;}
.showbtn{display:block;width:120px;height:38px;border-radius:5px;font-size:16px;color:#333;background-color:#eee;border:1px solid #666;padding:0 20px;}
.modal{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;background-color:rgba(0,0,0,0.5);}
.modal-content{width:50%;max-width:700px;min-height:300px;background-color:#fff;-webkit-animation:zoom 0.6s;animation:zoom 0.6s;resize:both;overflow:auto;margin:100px auto;display:flex;flex-direction:column;justify-content:space-between;position:relative;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0);}
to{-webkit-transform:scale(1);}
}
@keyframes zoom{from{transform:scale(0);}
to{transform:scale(1);}
}
.modal-header{box-sizing:border-box;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;}
.close{color:#b7b7b7;font-size:30px;font-weight:bold;margin-right:20px;transition:all 0.3s;position:absolute;right:0;cursor:pointer;}
.close:hover,.close:focus{color:#95b4ed;text-decoration:none;cursor:pointer;}
.modal-body{padding:10px;font-size:16px;box-sizing:border-box;}
.modal-body .row{margin-left:0;margin-right:0;}
.modal-footer{box-sizing:border-box;border-top:1px solid #ccc;display:flex;padding:15px;justify-content:flex-end;align-items:center;}
.modal-footer button{width:60px;height:35px;padding:5px;box-sizing:border-box;margin-right:10px;font-size:16px;color:white;border-radius:5px;background-color:#153F8F;}
.modal-footer button:hover,.modal-footer button:focus{background-color:#3c68b2;cursor:pointer;}
@media only screen and (max-width:700px){.modal-content{width:80%;}
}
#toTop{display:none;text-decoration:none;position:fixed;bottom:12px;right:12px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(Images/ui.totop.png) no-repeat left 0px;background-size:auto;background-size:cover;z-index:190;border-radius:50%;transition:all 0.2s linear;}
#toTop:hover{background-position:left -50px;background-size:cover;}
/* 分页》关于我们 */
 .swiper-container#scrollSwiper{width:100%;height:310px;}
.swiper-container#scrollSwiper .swiper-slide{font-size:18px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0px 20px;}
.page-aboutus .companyIntro .picbox{margin-bottom:30px;background:#000;}
.page-aboutus .companyIntro .picbox img{width:100%;z-index:1;}
.page-aboutus .companyIntro .picbox:hover img{opacity:0.5;}
.equipment{background:url('../images/ysbg.jpg') no-repeat center top;background-attachment:fixed;}
/* 分页》加入我们 */
.page-joinus .linian .picbox{margin-bottom:30px;background:#000;}
.page-joinus .linian .picbox img{width:100%;z-index:1;}
.page-joinus .linian .picbox:hover img{opacity:0.5;}
.page-joinus .linian .fontbox{margin-bottom:40px;}
.page-joinus .recruit .message{border:1px solid #ddd;border-left:4px solid #fb8a04;padding:20px;margin:10px;}
.page-joinus .recruit .message .line{background:#ddd;width:100%;height:1px;margin:16px 0;}
.page-joinus .recruit .message .date{position:relative;top:10px;}
.pcGoToTop{position:fixed;right:30px;bottom:160px;z-index:999;display:none;cursor:pointer;background:#fff;border-radius:10px;width:40px;height:40px;background:rgba(0,0,0,.7);text-align:center;line-height:40px;}
.pcGoToTop span{font-size:22px;color:#ddd;line-height:40px;}
.pcGoToTop:hover{background:rgba(0,0,0,.5);}
/*底部*/
footer{background-color:rgb(41,137,151);color:#f5f5f5;line-height:2.2;}
footer a{color:#666;}
footer .topcolumn{display:block;font-size:16px;margin-bottom:10px;color:#f5f5f5;margin-right:80px;}
footer .columnlink a{color:#fff;}
footer .ewmbox{width:50%;margin:10px auto;}
footer .ewmbox img{width:100px;height:100px;margin:0 auto;max-width:90%;}
footer p{line-height:2;}
footer .rights{line-height:2.2;background:#063a41;padding:10px 0;}
footer .mobilefooter{display:none;}
@media(max-width:992px){.wpsidebar-fkf{display:none;}
footer{margin-bottom:60px;}
.footer-fixed{position:fixed;left:0;bottom:0;width:100%;height:60px;color:#fff;background:#298997;z-index:4;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.footer-fixed img{height:26px;width:24px;}
.footer-fixed ul{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.footer-fixed ul li a{display:block;height:60px;width:100%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-fixed ul li p{color:#fff;font-size:12px;}
.footer-fixed.active{transform:translateX(260px);z-index:9999;}
.pcGoToTop{display:none!important;}
}
/*分页>>新闻*/
.page-news .piclist li{border-bottom:1px solid #ddd;padding-bottom:1.5rem;margin-bottom:1.5rem;}
.page-news .piclist .title{font-size:16px;margin-bottom:1.5rem;line-height:1.6;display:block;}
.page-news .piclist .date{margin-bottom:1.2rem;}
.page-news .piclist .introduct{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:26px;height:52px;}
.page-news .piclist .picbox{position:relative;overflow:hidden;}
.page-news .piclist .picbox img{transition:all .3s ease-in-out;}
.page-news .piclist .picbox:hover img{transform:scale(1.1,1.1);}
.page-news .piclist .more{border:1px solid #d9d9d9;padding:5px 10px;min-width:86px;text-align:center;margin-top:1.6rem;display:inline-block;}
@media(max-width:468px){.page-news .piclist .title{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:24px;height:52px;margin-bottom:0.6rem;}
.page-news .piclist .date{margin-bottom:0;}
.page-news .piclist .introduct{display:none;}
}
.page-product .piclist li{margin-bottom:12px;}
/*手机端*/
@media(max-width:768px){/*公用标题*/
.comm_title{padding-top:0rem;padding-bottom:1.6rem;}
/*首页*/
.index-service .inner{padding:40px 20px;margin-bottom:10px;}
.index-service .inner .pic{margin-bottom:14px;}
.index-aboutus .background-gray{display:none;}
.index-advantage .item{height:40px;}
.index-aboutus .more{width:100px;height:40px;line-height:40px;font-size:16px;margin-top:10px;margin-bottom:10px;}
/* 分页 */
.page-product .item{margin-bottom:10px;padding:0;}
.page-product .piclist li{margin-bottom:0;}
.productlist .picbox{margin-bottom:10px;}
}