/* search */
.searchbox,
.searchbox .txt .tit{background: #fff;}


/*推荐*/
.protjbox{padding: 5px 0 40px;}
.protjboxc{border: 1px solid #ccc;}
.protjboxc .tjcp{margin-top: 30px;}
.protjbox .protjboxc .bt{height:36px;line-height:36px;color:#fff;font-size:16px;font-weight:bold;background:url(../images/bt.jpg) no-repeat top left;}
.protjbox .protjboxc p.txt{float:left;text-indent:2em;}
.protjbox .protjboxc  p.more{width:50px;height:18px;float:right;margin:10px 10px 0px 0px;}


.protjbox .swiper-container{padding-bottom: 40px;}
.protjbox ul li{width: 25%;float: left;text-align: center;padding: 5px 10px;}
.protjbox ul li p{width: 100%;padding: 4px;overflow: hidden;position: relative;border: 1px solid #ddd;}
.protjbox ul li h3{width: 100%;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 50px;}

@media only screen and (max-width:1250px){
.protjbox{padding: 40px 0 30px;}
.protjbox .swiper-container{padding-bottom: 30px;}
.protjbox ul li{padding: 0 5px 5px;}
}
@media only screen and (max-width:1024px){
.protjbox{padding: 30px 0 20px;}
}
@media only screen and (max-width:768px){
.protjbox{padding: 30px 0 15px;}
}


/* product */
.productbox{background: #f7f7f7;}

.productbox .w1440{padding: 35px 0 10px;}

.productbox .pbtitle{height:36px;line-height:36px;color:#fff;font-size:16px;font-weight:bold;background:url(../images/bt.jpg) no-repeat top left;margin-bottom: 18px;}
.productbox .pbtitle p.txt{float:left;text-indent:2em;}
.productbox .pbtitle p.more{width:50px;height:18px;float:right;margin:10px 10px 0px 0px;}



@media only screen and (min-width:1025px){
.productbox .clabox{width: 25%;max-width: 260px;float: left;box-shadow: 0 0 15px rgba(200,200,200,.1);margin-bottom: 10px;}
.productbox .clabox .tit{width: 100%;background: #0AAEDE;color: #fff;padding: 20px 10% 20px 35%;position: relative;}
.productbox .clabox .tit em{display: block;width: 50px;height: 50px;position: absolute;left: 10%;top: 50%;margin-top: -25px;}
.productbox .clabox .tit em img{width: 100%;}
.productbox .clabox .tit p{font-size: 24px;line-height: 30px;}
.productbox .clabox .tit span{font-size: 15px;line-height: 20px;}

.productbox .clabox ul{width: 100%;padding: 5%;background: #fff;}
.productbox .clabox ul li{width: 100%;border-bottom: 1px solid #fff;}
.productbox .clabox ul li h2{width: 100%;position: relative;}
.productbox .clabox ul li h2 a{display: block;width: 100%;line-height: 25px;padding: 12px 15% 12px 7%;background: #454545;font-size: 15px;font-weight: 600;color: #fff;}
.productbox .clabox ul li h2 span{display: block;width: 15px;height: 15px;background: url(../images/icon2.png) center no-repeat;position: absolute;right: 7%;top: 50%;margin-top: -7px;opacity: .75;}
.productbox .clabox ul li:hover h2 a{background: #0AAEDE;}

.productbox .clabox .tel{width: 100%;background: #0AAEDE;color: #fff;padding: 15px 5%;text-align: center;line-height: 1;}
.productbox .clabox .tel p{width: 150px;margin: 0 auto;position: relative;}
.productbox .clabox .tel p::after{content: "";width: 100%;height: 2px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 1;}
.productbox .clabox .tel p em{display: block;width: 60px;background: #0AAEDE;position: relative;z-index: 5;margin: 0 auto;}
.productbox .clabox .tel p em svg{font-size: 40px;height: 40px;}
.productbox .clabox .tel span{display: block;font-size: 30px;padding: 11px 0 9px;}
.productbox .clabox .tel a{display: block;width: 120px;height: 35px;background: #fff;color: #0AAEDE;line-height: 35px;font-size: 15px;font-weight: 600;margin: 0 auto;}
.productbox .clabox .tel a:hover{width: 140px;}
}
@media only screen and (min-width:1201px){
.productbox .clabox{width: 23%;max-width: 300px;}
.productbox .clabox .tit{padding: 25px 10% 25px 33%;}
.productbox .clabox .tit span{font-size: 16px;}

.productbox .clabox ul{padding: 6.5%;}
.productbox .clabox ul li h2 a{padding: 17px 16% 17px 8%;}
.productbox .clabox ul li h2 span{right: 8%;}

.productbox .clabox .tel span{padding: 13px 0 12px;}
}
@media only screen and (min-width:1441px){
.productbox .clabox{margin-bottom: 20px;}
}

.productbox .probox{width: 76%;float: right;border: 1px solid #ccc;}
.productbox .probox ul{margin: 0 -1%;overflow: hidden;}
.productbox .probox ul li{width: 25%;padding: 0 1% 2%;text-align: center;float: left;}
.productbox .probox ul li.li_10{display: none;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.productbox .probox ul li p{width: 100%;background: #fff;position: relative;height: 0;padding-bottom: 100%;}
.productbox .probox ul li img{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.productbox .probox ul li h3{position: absolute;width: 100%;height: 100%;background: rgba(10,174,222,.75);z-index: 5;left: 0;top: 100%;color: #fff;font-size: 15px;font-weight: 600;opacity: 0;-webkit-transform: scale(0,0);-moz-transform: scale(0,0);transform: scale(0,0);}
.productbox .probox ul li h3 span{line-height: 30px;width: 100%;padding: 0 5%;position: absolute;left: 0;top: 50%;margin-top: -35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .probox ul li h3 em{line-height: 28px;position: absolute;left: 50%;top: 50%;font-style: normal;border: 1px solid #fff;width: 110px;margin-left: -55px;border-radius: 15px;}
.productbox .probox ul li:hover h3{top: 0;opacity: 1;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);transform: scale(1,1);}

@media only screen and (max-width:1440px){
.productbox .title strong{padding-top: 45px;}
.productbox .probox ul{margin: 0 -.5%;}
.productbox .probox ul li{padding: 0 .5% 1%;}
}
@media only screen and (max-width:1200px){
.productbox .title strong{font-size: 30px;padding-top: 40px;}
.productbox .title p{font-size: 14px;}
.productbox .w1440{padding-top: 10px;}
.productbox .probox{width: 74%;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 40px 0;}
.productbox .title span{padding: 13px 0 14px;}
.productbox .title strong{padding: 0;}
.productbox .w1440{padding: 0;}

.productbox .clabox{width: 100%;padding: 30px 0;text-align: center;}
.productbox .clabox .tit,
.productbox .clabox ul li h2 span,
.productbox .clabox .tel{display: none;}
.productbox .clabox ul{margin: -1px;}
.productbox .clabox ul li{width: 20%;float: left;padding: 1px;}
.productbox .clabox ul li h2 a{display: block;width: 100%;line-height: 30px;padding: 10px 5px;background: #0AAEDE;font-size: 15px;font-weight: 600;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .clabox ul li:hover h2 a{background: #ffbf00;}

.productbox .probox{width: 100%;}
.productbox .probox ul{margin: -.5%;}
.productbox .probox ul li{padding: .5%;}
.productbox .probox ul li p{padding-bottom: 80%;}
.productbox .probox ul li h3{opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;top: auto;bottom: 0;height: auto;}
.productbox .probox ul li h3 span{position: relative;display: block;margin: 0;left: 0;padding: 2px 5px;}
.productbox .probox ul li h3 em{display: none;}
.productbox .probox ul li:hover h3{top: auto;}
}
@media only screen and (max-width:768px){
.productbox{padding: 35px 0;}
.productbox .title strong{font-size: 24px;}
.productbox .title span em{width: 120px;}
.productbox .clabox{padding: 25px 0;}
.productbox .clabox ul li{width: 33.33%;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li.li_10{display: block;}
}
@media only screen and (max-width:480px){
.productbox{padding: 30px 0;}
.productbox .clabox ul li{width: 50%;}
.productbox .clabox ul li h2 a{padding: 8px 5px;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li p{padding-bottom: 100%;}
.productbox .probox ul li h3 span{padding: 0 5px;font-size: 14px;}
}


/*分类产品*/
.progzsgbox{padding: 5px 0 40px;}
.progzsgboxc{border: 1px solid #ccc;overflow: hidden;padding-bottom: 1%;}
.progzsgboxc .tjcp{margin-top: 30px;}
.progzsgbox .progzsgboxc .bt{height:36px;line-height:36px;color:#fff;font-size:16px;font-weight:bold;background:url(../images/bt.jpg) no-repeat top left;}
.progzsgbox .progzsgboxc .progzsgc{padding-top: 18px;}
.progzsgbox .progzsgboxc p.txt{float:left;text-indent:2em;}
.progzsgbox .progzsgboxc  p.more{width:50px;height:18px;float:right;margin:10px 10px 0px 0px;}


.progzsgbox .swiper-container{padding-bottom: 10px;}
.progzsgbox .progzsgboxc ul{margin: 0 -1%;overflow: hidden;}
.progzsgbox .progzsgboxc ul li{width: 24%;padding: 0 1% 2%;text-align: center;float: left;border: 1px solid #ccc;margin: 0.5%;overflow: hidden;}
.progzsgbox .progzsgboxc ul li a{display: block;width: 100%;overflow: hidden;position: relative;}
.progzsgbox .progzsgboxc ul li a p{width: 100%;background: #fff;position: relative;height: 0;padding-bottom: 100%;}
.progzsgbox .progzsgboxc ul li a p img{width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.progzsgbox .progzsgboxc ul li span{line-height: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.progzsgbox .progzsgboxc .progzsgz{width: 30%;float: left;overflow: hidden;}
.progzsgbox .progzsgboxc .progzsgz img{width: 100%;}
.progzsgbox .progzsgboxc .progzsgy{width: 70%;float: right;overflow: hidden;padding: 1%;}


@media only screen and (max-width:768px){
    .progzsgbox .progzsgboxc .gzsghidden{display: none;}
    .progzsgbox .progzsgboxc ul li{width: 24%;}
    .progzsgbox .progzsgboxc .progzsgy{width: 100%;}
}

@media only screen and (max-width:480px){
    .progzsgbox .progzsgboxc ul li{width: 48%;}
}



/* company */
.companybox{padding: 40px 0 40px;background: #0AAEDE center no-repeat;background-attachment: fixed;}
.companybox .home-title{color: #fff; width: 100%; text-align: center; padding: 0 2%;}
.companybox .home-title p{    font-size: 36px; text-transform: uppercase; line-height: 1;}
.companybox .home-title em{height: 25px; display: block; width: 50px; border-bottom: 3px solid #ffff;padding-top: 17px; margin: 0 auto;}

.companybox .text{max-width: 1280px;text-align: center;color: #fff;line-height: 2;letter-spacing: 1px;padding: 35px 0;}
.companybox .more{text-align: center;}
.companybox .more a{font-size: 15px;font-weight: 600;display: block;width: 180px;background: #fff;color: #0AAEDE;line-height: 46px;height: 46px;padding: 0 15px;border-radius: 25px;margin: 0 auto;text-transform: uppercase;}
.companybox .more a:hover{background: #ffbf00;color: #fff;}



@media only screen and (max-width:1440px){
.companybox{padding: 30px 0 25px;}
}
@media only screen and (max-width:1200px){
.companybox{padding: 40px 0 35px;}
.companybox .text{padding: 30px 0;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 40px 0 30px;background-size: auto 100%;}
}
@media only screen and (max-width:768px){
.companybox{padding-top: 50px;}
.companybox .home-title em{height: 20px;}
.companybox .text{padding: 25px 0;}
.companybox .more a{width: 150px;line-height: 40px;height: 40px;}
}
@media only screen and (max-width:480px){
.companybox{padding: 40px 0 80px;}
.companybox .home-title p{line-height: 24px;}
.companybox .text{padding: 20px 0;line-height: 1.8;}
}




/* news */
.zixunbox{background: #f7f7f7;padding: 45px 0;}
.newsbox{width: 49%;max-width: 690px;}
.newsbox .titl{width: 100%;padding-bottom: 25px;overflow: hidden;}
.newsbox .titl p{font-size: 24px;font-weight: 600;float: left;}
.newsbox .titl span{font-size: 15px;padding-left: 10px;float: left;color: #808080;height: 36px;line-height: 42px;}
.newsbox .titl a{float: right;background: #e6e6e6;width: 70px;height: 20px;line-height: 20px;margin-top: 10px;padding-right: 25px;position: relative;text-align: right;overflow: hidden;font-family: Arial;font-size: 13px;}
.newsbox .titl a em{display: block;width: 20px;background: #0AAEDE;color: #fff;position: absolute;right: 0;top: 0;text-align: center;}
.newsbox .titl a:hover{background: #0AAEDE;color: #fff;}

.newsbox .cont{width: 100%;background: #fff;box-shadow: 0 0 15px rgba(200,200,200,.1);padding: 15px 10px 15px 170px;position: relative;height: 170px;}
.newsbox .cont .pic{width: 140px;position: absolute;left: 15px;top: 15px;overflow: hidden;border: 1px solid #ddd;background: #fff;}
.newsbox .cont .tit{width: 100%;max-height: 48px;overflow: hidden;padding: 5px 0;}
.newsbox .cont .tit a{display: block;font-size: 15px;font-weight: 600;line-height: 20px;overflow: hidden;}
.newsbox .cont .time{line-height: 25px;color: #808080;} 
.newsbox .cont .time span{float: left;padding-right: 5px;} 
.newsbox .cont .text{width: 100%;height: 65px;overflow: hidden;padding-top: 5px;line-height: 20px;}

.newsbox .list{width: 100%;padding-top: 20px;}
.newsbox .list ul li{width: 100%;overflow: hidden;position: relative;line-height: 24px;}
.newsbox .list ul li.li_1{display: none;}
.newsbox .list ul li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;padding: 5px 80px 5px 20px;}
.newsbox .list ul li em{display: block;width: 6px;height: 6px;border-radius: 3px;background: #0AAEDE;position: absolute;left: 4px;bottom: 15px;}
.newsbox .list ul li span{position: absolute;right: 0;bottom: 5px;color: #808080;}

.newsbox.news1{float: left;}
.newsbox.news2{float: right;}

@media only screen and (max-width:1440px){
.zixunbox{padding: 40px 0;}
.newsbox .titl{padding-bottom: 20px;}
}
@media only screen and (max-width:1200px){
.zixunbox{padding: 35px 0 30px;}
.newsbox .titl{padding-bottom: 20px;}
.newsbox .titl p{font-size: 20px;}
.newsbox .titl span{height: 30px;line-height: 35px;}
.newsbox .titl a{margin-top: 5px;}
.newsbox .cont{padding: 10px 10px 10px 150px;height: 150px;}
.newsbox .cont .pic{width: 130px;left: 10px;top: 10px;}
.newsbox .cont .tit a{white-space: nowrap;text-overflow: ellipsis;}
.newsbox .cont .text{font-size: 13px;}
}
@media only screen and (max-width:1024px){
.zixunbox{padding: 5px 0;}
.newsbox{width: 100%;max-width: 100%;padding: 30px 0;}
.newsbox .list ul{margin-right: -2%;}
.newsbox .list ul li{width: 47.5%;margin-right: 2.5%;float: left;}
}
@media only screen and (max-width:768px){
.zixunbox{padding: 15px 0 20px;}
.newsbox{width: 100%;max-width: 100%;padding: 15px 0;}
.newsbox .titl p{font-size: 18px;line-height: 30px;}
.newsbox .titl span{font-size: 14px;}
.newsbox .titl a{width: 60px;height: 18px;line-height: 18px;padding-right: 20px;font-size: 12px;}
.newsbox .titl a em{width: 18px;font-size: 15px;}
.newsbox .cont{padding: 10px 10px 10px 120px;height: 120px;}
.newsbox .cont .pic{width: 100px;}
.newsbox .cont .tit{padding: 3px 0;}
.newsbox .cont .text{height: 45px;}
.newsbox .list{padding-top: 15px;}
.newsbox .list ul{margin: 0;}
.newsbox .list ul li{width: 100%;border-bottom: 1px dotted #ccc;margin: 0;}
.newsbox .list ul li a{padding: 8px 80px 8px 20px;}
.newsbox .list ul li span{bottom: 8px;}
}
@media only screen and (max-width:480px){
.zixunbox{padding: 10px 0 20px;}
.newsbox{padding: 15px 0 10px;}
.newsbox .titl{padding-bottom: 5px;}
.newsbox .titl p{font-size: 16px;}
.newsbox .titl span{font-size: 13px;padding-left: 5px;line-height: 32px;}
.newsbox .cont{display: none;}
.newsbox .list{padding: 0;}
.newsbox .list ul li.li_1{display: block;}
.newsbox .list ul li a{padding-left: 12px;font-size: 14px;}
.newsbox .list ul li em{left: 0;bottom: 17px;width: 5px;height: 5px;}
}

/* 友情链接 */
.yqljbox{background: #f7f7f7;border-top: 1px solid #ddd;}
.yqljbox ul{padding: 25px 0;line-height: 30px;}
.yqljbox ul p{float: left;font-size: 15px;font-weight: 600;padding: 0 10px 0 5px;}
.yqljbox ul li{display: inline;padding: 0 5px;}
.yqljbox ul li a{white-space: nowrap;}