﻿/*网站公共样式*/
.container{max-width: 1330px}
.info-content{line-height:2;padding:20px 0;}
.text-indent-2{text-indent: 2em;}
a{color:#333;text-decoration:none;}
a:hover{color:#e12341;}
.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{height:80px;display:flex;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;align-items:center;}
.header .logo img{height:70px;}
/*搜索*/
.ss-box{position:relative;margin:20px auto;background:#f2f2f2;width:420px;padding-right:60px;height:40px;margin-right:20px;display:inline-block;}
.ss-box .s-input{width:100%;outline:none;border:none;line-height:40px;padding-left:0px;background-color:transparent;padding-left:8px;}
.ss-box .s-btn{position:absolute;right:0px;top:0px;background:url(../images/b1_kthe.jpg) no-repeat center center;width:60px;height:40px;color:#fff;cursor:pointer;font-weight:bold;line-height:38px;outline:none;border:none;background-size: 100% 100%;}
/* 分页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端*/
{/*顶部*/
.addsiteDataLogo{padding: 10px 0;}
 .header{z-index:2;}
.header .topbar{line-height:2;background:#e12341;font-size: 18px;}
.header .logo{justify-content:center;}
.header .dinzhi{width:130px;height:40px;line-height:40px;background:#f2f2f2;display:inline-block;text-align:center;font-size:16px;position:relative;top:2px;}
.header .dinzhi img{width:22px;margin-right:6px;}
.header .nav-toggle{display:none}
.header .productmenubox{width:170px;height:42px;line-height:42px;color:#fff;background:#e12341;font-size:18px;text-align:left;margin-right:70px;cursor:pointer;}
.header .productmenubox strong{padding-left:20px;}
.header .productmenubox .productnav{display:none;}
.header .productmenubox ul{background:rgba(225,35,65,1);}
.header .productmenubox ul li a{display:block;width:100%;color:#fff;padding-left:40px;text-align:left;font-size:16px;position:relative;transition:all 0.3s ease;}
.header .productmenubox ul li a:hover{transform:translateX(10px);}
.header .productmenubox ul li a::before{font-family:'FontAwesome';content:"\f06b";position:absolute;top:0;left:20px;color:#fff;}
.nav>ul>li{text-align:center;line-height:42px;display: inline-block;padding: 0 16px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{color:#959595;font-size:18px;}
.nav >ul>li.current >a,.nav >ul>li> a:hover{color:#e12241;font-weight: bold;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul{box-shadow: 1px 1px 2px 1px rgba(7, 7, 7, 0.23);}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color: #959595;font-size:16px;line-height:1.2;padding: 14px 2px;} 
.nav ul li ul li a:hover{text-decoration:none;color:#e12341;font-weight: bold;}

.nav ul li{position:relative;}      
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:#fff;display:none;position:absolute;left:-24%;z-index:2;width:150px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/

.addtuigray{margin-bottom: -50px;}
.index-aboutus .picbox{margin-bottom: -30px;}
}
@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:300%;}
.pagebanner .font-box .font{font-size:2rem;}
}
/*子栏目样式*/
.page-commnav{border-bottom:1px solid #ddd;line-height:3;}
@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{height:50px;padding:0px 5px;margin:0px;line-height:50px;display:block;font-size:1.6rem;}
.sub-nav-box .sub-nav > ul > li.active > a,.sub-nav-box .sub-nav > ul > li:hover > a{color:#e12341;border-bottom:2px #e12341 solid;font-weight:bold;}
.sub-nav-box .sub-nav li:hover> ul{display:block;}
.sub-nav-box .sub-nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.sub-nav-box .sub-nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;line-height:50px} 
.sub-nav-box .sub-nav ul li ul li a:hover{text-decoration:none;color:#e12341;}

.sub-nav-box .sub-nav ul li{position:relative;}
.sub-nav-box .sub-nav ul li .arrow{display:none}
.sub-nav-box .sub-nav ul li ul{background-color:#fff;display:none;position:absolute;left:0;z-index:2;width:100%;box-shadow: 1px 2px 6px 1px rgb(211, 211, 211);} /*二级ul样式*/
.sub-nav-box .sub-nav ul li ul li{width: 100%;padding: 0;}
.sub-nav-box .sub-nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.sub-nav-box .sub-nav ul li ul li a{color: #000;}


.page-product .item .picbox{max-height: 250px;text-align: center;}
.page-product .item .picbox img{width: auto !important;max-height: 250px;}
}
@media(max-width:768px){.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:#e12341;color:#fff;border:1px solid #e12341;}
.sub-nav ul li ul{display:none;}
}

/*公用标题*/
.comm_title{padding:2rem;font-size:32px;position:relative;margin-bottom:10px;}
.comm_title .title{font-size:32px;position:relative;}
.comm_title .title::before{content:'';width:60px;background:#ccc;height:1px;position:absolute;left:-80px;top:50%;}
.comm_title .title::after{content:'';width:60px;background:#ccc;height:1px;position:absolute;right:-80px;top:50%;}
@media(max-width:992px){.comm_title .title{font-size:22px;position:relative}
}
/*首页>>产品服务*/
.index-service .inner{text-align:center;padding:70px 0;margin-bottom:10px;background:#fff;display:block;margin-bottom:40px;}
.index-service .inner .font-size-16{height: 40px;}
.index-service .inner .pic{margin-bottom:40px;height:70px;width:65px;}
.index-service .inner .mask{border:4px solid #e12341;width:100%;height:100%;position:absolute;top:0;left:-100%;}
.index-service .inner:hover .mask{left:0;}
/*首页>>产品*/
.productlist .picbox{margin-bottom:30px;background:#fff;max-height: 250px;overflow: hidden;text-align: center;}
.productlist .picbox img{width:auto !important;max-height: 250px;}
.productlist .picbox:hover img{opacity:0.5;}
/*首页>>abooutus */
.index-aboutus{/*background:url('../images/ysbg.jpg') no-repeat center top;*/background-attachment:fixed;position:relative;background: #f6f6f6;}
.index-aboutus .picbox{margin-bottom:30px;background:#000;}
.index-aboutus .picbox img{width:100%;z-index:1;}
.index-aboutus .picbox:hover img{opacity:0.5;}
.index-aboutus .more{display:inline-block;width:150px;height:50px;background-color:rgba(225,35,65,1);text-align:center;line-height:50px;z-index:1;margin-top:30px;}
.index-aboutus .more:hover{opacity:0.9;color:#fff;}
.index-aboutus .background-gray{background:#f6f6f6;height:200px;position:absolute;bottom:0;left:0;width:100%;}
/*首页,分页>>新闻*/
.news .newslist .picbox{/*background:rgb(249, 249, 249);*/text-align: center;}
.news .newslist .picbox:hover img{transform:scale(1.1,1.1);opacity:0.6;}
.page-news .item{padding:10px;margin-bottom:20px;}
/*首页>>底部优势*/
.index-advantage .item{}
.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;}
/*分页》产品*/
.page-product .item{padding:10px;}
/*产品内容页样式*/
.product-content .detail{border-bottom:2px solid #e12341;}
.product-content .detail .title{clear:both;text-align:center;overflow:hidden;background:#e12341;line-height:42px;color:rgb(255,255,255);font-weight:600;font-size:14px;display:inline-block;width:130px;position:relative;top:6px;}
#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:60px;bottom:200px;z-index:999;display:none;cursor:pointer;}
.pcGoToTop:hover{opacity:0.86;}
/*底部*/

footer{background:rgb(51,51,51);color:#f5f5f5;line-height:2.2;}
footer a{color:#666;}
footer .topcolumn{display:block;font-size:16px;margin-bottom:10px;color:#f5f5f5;margin-right:73px;}
footer .columnlink a{color:#666;}
footer .phone{color:#fb8a04;}
footer .ewmbox{width:50%;float:left;}
footer .ewmbox img{width:100px;height:100px;margin:0 auto;max-width:90%;}
footer p{line-height:2;}
footer .font1{font-size:16px;margin-bottom:10px;color:#c5c5c5;}
footer .iconbox a{margin:0 4px;}
footer .iconbox{margin-bottom:20px;}
footer .rights{line-height:2.2;background:#111;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:#e12341;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;}
/*在线留言表单*/
.el-form-item__content .edui-default{line-height:20px;}
.el-input__inner,.el-textarea textarea{border-radius:2px!important;border:1px solid #ddd;color:#333;line-height:40px;}
.el-button{background-color:#7f67f8;border-color:#329cff;border:0px;border-radius:0px;width:100%;height:42px;transition:0.5s;font-size:1.4rem;background-color:#c9ad8f;border-radius:2px;}
.el-button:hover{background-color:#b09373;}
.el-textarea textarea{line-height:26px!important;position:relative;top:2px;}
/*手机端*/
@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;}
}
@media (min-width:1000px) {
footer{margin-top:50px;}
}


.ewmboxs img{max-height: 130px;}
.addnewheight{min-height: 75px;}
.columnlink li a:hover{color: #e12341;}
.addyangshi img{padding: 10px 0;}
.addImgrui.news .newslist .picbox{background: #fff}

@media (min-width:1000px){
.addImgrui2.news .newslist .picbox{max-height: 300px;}
.addImgrui2.news .newslist .picbox img{width: auto !important;min-height: 300px;}
.addgsImg{margin-top: 40px;}
.addrongyu.news .newslist .picbox{height: 220px;line-height: 220px;}
.addrongyu.news .newslist .picbox img{max-height: 220px;}
}
@media (max-width:1000px){

}
.card3{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;height: 80px;}
.addsetion .transition-ease{width: auto !important;height: auto !important;}
.addsetion .news .newslist .picbox{height: 234px;line-height: 234px;}

