.sytitl{width:100%;text-align:center;max-width:4.5rem;margin:0 auto;padding-bottom:.2rem;}
.sytitl .en{width:100%;text-transform: uppercase;font-family:Arial;font-size:.24rem;height:.3rem;line-height:.3rem;color:#999;}
.sytitl .cn{width:100%;height:.5rem;background:url(../images/ico2.jpg) center repeat-x;font-size:.3rem;}
.sytitl .cn p,.sytitl .cn a{width:2rem;height:.5rem;display:block;background:#fff;font-weight:bold;line-height:.46rem;margin:0 auto;}

.syysbox .sytitl .en,.compbox .sytitl .en{color:#fff;opacity:.5;}
.syysbox .sytitl .cn p,.compbox .sytitl .cn a{color:#fff;}

@media only screen and (min-width:768px){
.sytitl .en{font-size:.3rem;}
.sytitl .cn{font-size:.36rem;}
.sytitl .cn p,.sytitl .cn a{width:2.4rem;}
}
@media only screen and (min-width:992px){
.sytitl{background:url(../images/ico3.png) center bottom no-repeat;}
.syysbox .sytitl,.compbox .sytitl{background:url(../images/ico4.png) center bottom no-repeat;}
}


/*产品*/
.productbox{overflow:hidden;padding:.35rem .1rem;}

.clabox{width:100%;float:left;}
.clabox .cont ul{width:101%;overflow:hidden;}
.clabox .cont ul li{display:inline-block;width:33.3%;height:.36rem;line-height:.37rem;text-align:center;float:left;margin-bottom:.05rem;padding-right:.05rem;overflow:hidden;}
.clabox .cont ul li a{display:block;height:.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f5f5f5;padding:0 .05rem;}

.probox{width:100%;float:right;overflow:hidden;}
.probox .titl{width:100%;height:.6rem;border-bottom:1px solid #ccc;display:none;padding-top:.2rem;}
.probox .titl p{height:.25rem;padding:0 .15rem;border-left:.05rem solid #176de6;float:left;color:#176de6;font-size:.24rem;line-height:.24rem;font-weight:bold;}
.probox .titl span,.probox .titl a{float:left;color:#aaa;line-height:.36rem;font-family:Arial;display:block;}
.probox .titl a{float:right;font-size:.15rem;}
.probox .titl a:hover{color:#176de6;}

.probox .cont{width:2.9rem;max-height:11.2rem;padding-top:.2rem;overflow:hidden;margin:0 auto;}
.probox .cont ul{width:110%;}
.probox .cont ul li{width:2.9rem;height:2.6rem;overflow:hidden;border:1px solid #ddd;padding:.04rem;float:left;text-align:center;margin:0 .2rem .2rem 0;}
.probox .cont ul li .pic{width:2.8rem;height:2.1rem;overflow:hidden;margin-bottom:.04rem;}
.probox .cont ul li .pic p{width:2.8rem;height:2.1rem;overflow:hidden;display:table-cell;vertical-align:middle;}
.probox .cont ul li .pic p img{max-width:100%;max-height:2.1rem;}
.probox .cont ul li .txt{width:100%;height:.36rem;line-height:.36rem;background:#e5e5e5;}
.probox .cont ul li:hover{border:#176de6 1px solid;}
.probox .cont ul li:hover .txt{background:#176de6;color:#fff;}

@media only screen and (min-width:620px){
.probox .cont{width:6rem;}
}
@media only screen and (min-width:768px){
.clabox .cont ul li{width:25%;}
}
@media only screen and (min-width:992px){
.productbox{padding:.45rem 0;}
.clabox{width:2.5rem;}
.clabox .sytitl{background:url(../images/fltit.jpg) center no-repeat;height:.8rem;}
.clabox .sytitl div{display:none;}
.clabox .cont ul{width:100%;border:1px solid #176de6;padding:.05rem .14rem .13rem;}
.clabox .cont ul li{width:100%;border-bottom:1px dotted #ccc;padding:0;text-align:left;margin:0;}
.clabox .cont ul li a{padding:0 .3rem 0 .1rem;background:url(../nyimages/flico1.png) 2rem .08rem no-repeat;background-size:10%;}
.probox{width:9.1rem;}
.probox .titl{display:block;}
.probox .cont{width:9.1rem;max-height:8.4rem;}
}

      
/*优势*/
.syysbox{padding:.30rem .1rem;background:url(../images/ysbg.jpg) center top no-repeat;max-height:7rem;}
.syysbox .sytitl{padding-bottom:.15rem;}
.syysbox .sytitl .cn p{background:url(../images/ysbg.jpg) center -.6rem no-repeat;}

.syysbox .cont ul{width:100%;overflow:hidden;}
.syysbox .cont ul li{width:50%;float:left;margin-bottom:.2rem;text-align:center;padding:0 .1rem;}
.syysbox .cont ul li div{width:100%;background:rgba(0,128,255,.6);border-radius:.05rem;height:2.6rem;overflow:hidden;cursor:pointer;color:#fff;}
.syysbox .cont ul li:hover div{background:rgba(255,150,0,.9);}
.syysbox .cont ul li .pic{width:50%;margin:0 auto;overflow:hidden;}
.syysbox .cont ul li .pic img{width:100%;margin:.15rem auto .1rem;}
.syysbox .cont ul li .tit{width:100%;height:1.5em;line-height:1.5em;font-weight:bold;}
.syysbox .cont ul li .text{width:100%;line-height:1.3em;height:1.3rem;font-size:.15rem;padding:.05rem;}

@media only screen and (min-width:480px){
.syysbox .cont ul li .pic{width:45%;}
.syysbox .cont ul li .text{padding:.05rem .1rem;}
}
@media only screen and (min-width:640px){
.syysbox .cont ul li .pic{width:40%;}
}
@media only screen and (min-width:768px){
.syysbox{padding:.45rem .1rem;}
.syysbox .sytitl{padding-bottom:.2rem;}
.syysbox .sytitl .cn p{background:url(../images/ysbg.jpg) center -.75rem no-repeat;}
.syysbox .cont ul li{width:25%;}
.syysbox .cont ul li div{height:3.5rem;}
.syysbox .cont ul li .pic{width:50%;}
.syysbox .cont ul li .pic img{margin:.3rem auto .2rem;}
.syysbox .cont ul li .tit{height:.36rem;line-height:.36rem;font-size:.24rem;font-weight:normal;}
.syysbox .cont ul li .text{line-height:.24rem;font-size:.15rem;padding:.1rem;}
}
@media only screen and (min-width:992px){
.syysbox{padding:.65rem 0;}
.syysbox .sytitl .cn p{background:url(../images/ysbg.jpg) center -.95rem no-repeat;}
.syysbox .cont{padding-top:.5rem;width:12rem;margin:0 auto;}
.syysbox .cont ul li{margin-bottom:.3rem;padding:0 .2rem;}
.syysbox .cont ul li div{height:3.8rem;}
.syysbox .cont ul li .pic img{margin-top:.4rem;}
.syysbox .cont ul li .tit{height:.5rem;line-height:.5rem;font-size:.3rem;}
.syysbox .cont ul li .text{padding:.1rem .2rem;}
}


/*customer*/
.rykhbox{overflow:hidden;padding:.35rem .1rem;}
.rykhbox .cont{width:100%;padding:0 .3rem;overflow:hidden;position:relative;}
.rykhbox .cont .btn{width:.3rem;height:.6rem;position:absolute;top:50%;-webkit-transform:translateY(-25%) translateY(-25%);transform:translateY(-25%) translateY(-25%);overflow:hidden;}
.rykhbox .cont .btn input{width:.6rem;height:.6rem;display:block;background:url(../images/btn1.jpg) center no-repeat;float:left;cursor:pointer;}
.rykhbox .cont .btn input:hover{background:url(../images/btn2.jpg) center no-repeat;}
.rykhbox .cont .btn1{left:0;}
.rykhbox .cont .btn2{right:0;}
.rykhbox .cont .btn2 input{float:right;}

.rykhbox .cont .picon{width:100%;max-height:2.6rem;overflow:hidden;}
.rykhbox .cont .picon ul{width:200%;}
.rykhbox .cont .picon ul li{width:25%;height:.8rem;padding:0 .05rem;float:left;margin:.05rem 0;text-align:center;overflow:hidden;position:relative;}
.rykhbox .cont .picon ul li .pic{width:100%;height:100%;border:1px solid #ddd;}
.rykhbox .cont .picon ul li .pic p{width:100%;height:.78rem;overflow:hidden;display:table-cell;vertical-align:middle;}
.rykhbox .cont .picon ul li .pic p img{max-width:100%;max-height:.78rem;}
.rykhbox .cont .picon ul li .txt{width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(0,0,0,.8);line-height:1.1rem;font-size:.18rem;font-weight:bold;color:#fff;display:none;}
.rykhbox .cont .picon ul li .txt a{display:block;color:#fff;}
.rykhbox .cont .picon ul li:hover .txt{top:0;}

@media only screen and (min-width:560px){
.rykhbox .cont .picon{max-height:2.9rem;}
.rykhbox .cont .picon ul{width:166.67%;}
.rykhbox .cont .picon ul li{width:20%;height:.9rem;}
.rykhbox .cont .picon ul li .pic p{height:.88rem;}
.rykhbox .cont .picon ul li .pic p img{max-height:.88rem;}
}
@media only screen and (min-width:768px){
.rykhbox .cont .picon{max-height:3.6rem;}
.rykhbox .cont .picon ul li{height:1.1rem;}
.rykhbox .cont .picon ul li .pic p{height:1.08rem;}
.rykhbox .cont .picon ul li .pic p img{max-height:1.08rem;}
}
@media only screen and (min-width:992px){
.rykhbox{padding:.5rem 0 .2rem;}
.rykhbox .cont{padding:.3rem .4rem;}
.rykhbox .cont .picon ul{width:200%;}
.rykhbox .cont .picon ul li{width:12.5%;}
.rykhbox .cont .picon ul li .txt{display:block;}
}


/*company*/
.compbox{padding-top:.35rem;background:#176de6;position:relative;}
.compbox .sytitl{padding:0 .1rem .2rem;}
.compbox .sytitl .cn a{background:#176de6;}
.compbox .cont{overflow:hidden;margin-bottom:.2rem;padding:0 .1rem;}
.compbox .cont p{margin-bottom:.06rem;color:#fff;text-indent:2em;line-height:.24rem;}
.compbox .cont p br{display:none;}
.compbox .sbg{width:100%;height:1.2rem;background:#fff;bottom:0;position:absolute;z-index:2;}

.honorbox{height:2.8rem;background:#fff;position:relative;z-index:5;border:1px solid #ddd;padding:.09rem;}
.honorbox .titl{width:100%;height:.4rem;background:url(../images/ico2.jpg) bottom repeat-x;margin-bottom:.15rem;}
.honorbox .titl p{height:.4rem;border-bottom:.02rem solid #176de6;float:left;font-weight:bold;color:#176de6;line-height:.4rem;overflow:hidden;}
.honorbox .titl p span{display:block;width:.15rem;height:.15rem;float:left;margin-right:.1rem;background:#176de6;margin-top:.12rem;}
.honorbox .titl a{display:block;line-height:.45rem;font-size:.14rem;font-family:Arial;color:#999;float:right;}
.honorbox .titl a:hover{color:#176de6;}

.honorbox .conbox{width:100%;height:1.937rem;position:relative;overflow:hidden;padding:0 .39rem;}
.honorbox .conbox .btn{width:.3rem;height:1rem;background:#999;overflow:hidden;position:absolute;top:.45rem;}
.honorbox .conbox .btn:hover{background:#176de6;}
.honorbox .conbox .btn input{width:.6rem;height:1rem;display:block;float:left;background:url(../images/btn4.png) center no-repeat;cursor:pointer;}
.honorbox .conbox .btn1{left:0;}
.honorbox .conbox .btn2{right:0;}
.honorbox .conbox .btn2 input{float:right;}

.honorbox .conbox .picon{width:2.58rem;height:1.95rem;margin:0 auto;overflow:hidden;}
.honorbox .conbox .picon ul{width:250%;}
.honorbox .conbox .picon ul li{width:2.58rem;height:1.95rem;overflow:hidden;float:left;margin-right:.1rem;text-align:center;position:relative;border:1px solid #ddd;}
.honorbox .conbox .picon ul li .pic{width:2.56rem;height:1.935rem;overflow:hidden;float:left;}
.honorbox .conbox .picon ul li .pic p{width:100%;height:1.935rem;overflow:hidden;display:table-cell;vertical-align:middle;}
.honorbox .conbox .picon ul li .pic p img{max-width:100%;max-height:1.935rem;}
.honorbox .conbox .picon ul li .txt{width:100%;height:.3rem;position:absolute;left:0;bottom:-.3rem;display:none;line-height:.3rem;color:#fff;}
.honorbox .conbox .picon ul li .txt span{display:block;width:100%;height:100%;background:#176de6;}
.honorbox .conbox .picon ul li:hover .txt{bottom:0;}

@media only screen and (min-width:480px){
.compbox .sytitl{padding:0 0 .2rem;}
}
@media only screen and (min-width:640px){
.honorbox .conbox .picon{width:5.26rem;}
}
@media only screen and (min-width:900px){
.honorbox .conbox .picon{width:7.94rem;}
}
@media only screen and (min-width:992px){
.compbox{padding-top:.5rem;}
.compbox .cont{padding-top:.25rem;}
.compbox .cont p{margin-bottom:.1rem;text-indent:0;text-align:center;line-height:.3rem;}
.compbox .cont p br{display:block;}
.honorbox{padding:.1rem .2rem;}
.honorbox .conbox .picon{width:10.62rem;}
.honorbox .conbox .picon ul li .txt{display:block;}
}


/*news*/
.zixunbox{overflow:hidden;}
.zixunbox .titl{width:100%;height:.4rem;background:url(../images/ico2.jpg) bottom repeat-x;margin-bottom:.15rem;overflow:hidden;}
.zixunbox .titl p{float:left;margin-right:.3rem;line-height:.4rem;font-weight:bold;color:#176de6;}
.zixunbox .titl p span{float:left;display:block;margin-right:.1rem;width:.15rem;height:.15rem;background:#176de6;margin-top:.12rem;}
.zixunbox .titl p a{display:block;height:.4rem;}
.zixunbox .titl p.on a{border-bottom:.02rem solid #176de6;color:#176de6;}
.zixunbox .titl span{float:right;}
.zixunbox .titl a{display:block;height:.4rem;line-height:.45rem;font-size:.14rem;font-family:Arial;color:#999;float:right;}
.zixunbox .titl a:hover{color:#176de6;}

.newsbox{width:100%;float:left;overflow:hidden;padding:.2rem .1rem .3rem;background:#f5f5f5;}
.newsbox .cont{width:100%;overflow:hidden;display:none;}
.newsbox .cont.on{display:block;}
.newsbox li{width:100%;height:.4rem;border-bottom:1px dotted #ccc;overflow:hidden;padding-right:.9rem;position:relative;float:left;margin-right:.3rem;}
.newsbox li .tit{width:100%;height:.4rem;line-height:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:.2rem;background:url(../nyimages/newsico.png) left center no-repeat;}
.newsbox li .date{max-width:100%;height:.4rem;line-height:.4rem;position:absolute;right:0;top:0;font-size:.14rem;font-family:Arial;color:#787878;}

.newsbox .new_up{width:100%;height:.4rem;overflow:hidden;}
.newsbox .new_up div{display:none;}
.newsbox .new_up .tit,.newsbox .new_up .date{display:block;}
.newsbox .new_up .pic{width:2rem;height:1.4rem;overflow:hidden;border:1px solid #ddd;padding:.04rem;text-align:center;position:absolute;left:0;top:0;}
.newsbox .new_up .pic p{width:100%;height:1.3rem;overflow:hidden;display:table-cell;vertical-align:middle;}
.newsbox .new_up .pic p img{max-width:100%;max-height:1.3rem;}
.newsbox .new_up .text{width:100%;height:.7rem;line-height:.22rem;overflow:hidden;color:#787878;padding-top:.05rem;}
.newsbox .new_up .more{width:100%;height:.4rem;padding-top:.1rem;}
.newsbox .new_up .more a{width:1rem;height:.3rem;display:block;background:#999;color:#fff;line-height:.3rem;text-align:center;float:left;}
.newsbox .new_up .more a:hover{background:#176de6;}

.newsbox .new_bottom{width:100%;overflow:hidden;}

.faqbox{width:100%;float:right;overflow:hidden;padding:.2rem .1rem .3rem;}
.faqbox .cont{max-height:3.2rem;}
.faqbox ul li{width:100%;float:left;overflow:hidden;height:1rem;border-bottom:1px dotted #ccc;padding-top:.05rem;margin-bottom:.1rem;}
.faqbox ul li .tit{width:100%;overflow:hidden;height:.3rem;line-height:.3rem;padding-left:.3rem;white-space:nowrap;text-overflow:ellipsis;background:url(../images/wen.jpg)left center no-repeat;}
.faqbox ul li .text{width:100%;height:.55rem;line-height:.24rem;padding:.05rem 0 0 .3rem;background:url(../images/da.jpg) left .09rem no-repeat;color:#787878;overflow:hidden;}

.xbanner{height:.6rem;background:url(../images/xbanner.jpg) center no-repeat;background-size:auto 100%;}

@media only screen and (min-width:480px){
.xbanner{height:.9rem;}
}
@media only screen and (min-width:768px){
.xbanner{height:1.2rem;}
}
@media only screen and (min-width:992px){
.newsbox{width:7.3rem;padding:.2rem 0 .3rem;background:none;}
.newsbox .new_up{height:1.4rem;margin-bottom:.2rem;}
.newsbox .new_up li{height:1.4rem;padding:0 0 0 2.2rem;position:relative;border:0;}
.newsbox .new_up div{display:block;}
.newsbox .new_up .tit{height:.3rem;line-height:.3rem;font-size:.18rem;font-weight:bold;padding:0;background:none;}
.newsbox .new_up .date{display:none;}
.newsbox .new_bottom{max-height:1.6rem;}
.newsbox .new_bottom ul{width:8rem;}
.newsbox .new_bottom ul li{width:3.5rem;}
.faqbox{width:4.1rem;padding:.2rem 0 .3rem;}
.faqbox .tit{font-weight:bold;font-size:.18rem;}
.xbanner{height:1.6rem;}
}


/*联系*/
.sylxbox{overflow:hidden;}
.sylxbox .titl{width:100%;height:.4rem;background:url(../images/ico2.jpg) bottom repeat-x;margin-bottom:.2rem;overflow:hidden;}
.sylxbox .titl p{float:left;line-height:.4rem;font-weight:bold;color:#176de6;}
.sylxbox .titl p span{float:left;display:block;margin-right:.1rem;width:.15rem;height:.15rem;background:#176de6;margin-top:.12rem;}
.sylxbox .titl a{display:block;height:.4rem;line-height:.45rem;font-size:.14rem;font-family:Arial;color:#999;float:right;}
.sylxbox .titl a:hover{color:#176de6;}

.contactbox{width:100%;overflow:hidden;float:left;padding:.2rem .1rem .3rem;}
.contactbox .cont{width:100%;overflow:hidden;position:relative;padding-bottom:1.6rem;}
.contactbox .text{width:100%;float:left;max-width:3.5rem;}
.contactbox .text p{width:100%;line-height:.2rem;margin-bottom:.1rem;}
.contactbox .pic{width:1.4rem;position:absolute;left:0;bottom:0;}
.contactbox .pic span{line-height:.3rem;font-size:.15rem;}

.orderbox{width:100%;overflow:hidden;float:right;background:#f5f5f5;padding:.2rem .1rem .3rem;}
.orderbox .feed{width:100%;max-width:3.6rem;overflow:hidden;margin:0 auto;}
.orderbox  ul li{width:100%;overflow:hidden;height:.3rem;float:left;margin-bottom:.1rem;padding-left:.7rem;position:relative;}
.orderbox  ul li span{display:block;width:.7rem;height:.3rem;line-height:.3rem;text-align:right;color:#666;position:absolute;left:0;top:0;padding-right:.1rem;}
.orderbox  ul li .bg,.orderbox  ul li .area,.orderbox  ul .code input{display:block;width:100%;height:.3rem;border:1px solid #ddd;line-height:.24rem;padding:.02rem .09rem;background:#fff;border-radius:.05rem;float:left;}
.orderbox  ul .li_2{height:1.2rem;}
.orderbox  ul .li_2 .area{height:1.2rem;}
.orderbox  ul .code input{max-width:2rem;}
.orderbox  ul .code img{position:absolute;left:1.85rem;top:.04rem;}
.orderbox  ul .code .red{width:.15rem;left:2.7rem;top:0;padding:0;color:#f00;}
.orderbox  ul .li_3{height:.46rem;padding-top:.1rem;}
.orderbox  ul .li_3 p{width:50%;max-width:1.4rem;float:left;height:.36rem;padding-right:.1rem;}
.orderbox  ul .li_3 p input{display:block;width:100%;height:.36rem;font-size:.18rem;color:#fff;background:#999;border-radius:.05rem;text-align:center;line-height:.36rem;}
.orderbox  ul .li_3 p.tj input{background:#176de6;}

@media only screen and (min-width:480px){
.contactbox .cont{padding:0;}
.contactbox .pic{right:0;left:auto;top:.3rem;bottom:auto;}
}
@media only screen and (min-width:992px){
.sylxbox{overflow:hidden;padding:.4rem 0;}
.contactbox{width:7.7rem;height:3.5rem;padding:.09rem 3.19rem .09rem .19rem;background:url(../images/lxpic.jpg) right center no-repeat;border:1px solid #ddd;}
.contactbox .cont{height:2.7rem;}
.orderbox{width:4rem;border:1px solid #ddd;padding:.09rem .19rem;}
.orderbox .feed{height:2.7rem;}
.orderbox  ul li{height:.24rem;padding-left:.6rem;}
.orderbox  ul li span{font-size:.14rem;width:.6rem;}
.orderbox  ul li .bg,.orderbox  ul li .area,.orderbox  ul .code input{max-width:2.9rem;height:.24rem;padding:0 .09rem;border-radius:.03rem;}
.orderbox  ul .li_2{height:.8rem;}
.orderbox  ul .li_2 .area{height:.8rem;}
.orderbox  ul .code input{max-width:1.5rem;}
.orderbox  ul .code img{left:1.28rem;top:1px;border-radius:.03rem;}
.orderbox  ul .code .red{left:2.1rem;}
.orderbox  ul .li_3{height:.36rem;padding-top:.06rem;}
.orderbox  ul .li_3 p{width:1.15rem;height:.3rem;padding-right:.15rem;}
.orderbox  ul .li_3 p input{border-radius:.03rem;height:.3rem;line-height:.3rem;}
}


/*links*/
.linkbox{overflow:hidden;border-radius:.05rem;border:1px dotted #ccc;padding:.09rem .14rem;margin:.3rem auto;}
.linkbox ul li{float:left;height:.24rem;}
.linkbox ul a,.linkbox ul span{float:left;height:.24rem;display:block;max-width:1.5rem;padding-right:.15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media only screen and (min-width:992px){
.linkbox{margin:0 auto .3rem;}
}