/*通用标题*/
.pro_tit{width:100%;max-width:7.68rem;margin: 0 auto .15rem;text-align: center;overflow: hidden;}
.pro_tit p{width:100%;max-width:3rem;height: .5rem;background: url(../images/ico2.png) left center repeat-x;margin: 0 auto;}
.pro_tit a{display: inline-block;height: .5rem;color: #333;font-size:.28rem;line-height:.5rem;padding:0 .15rem;background:#fff;}
.pro_tit em{color:#d00;font-style:normal;}
.pro_tit span{display:block;line-height:.2rem;color: #898989;padding:0 .15rem;}

@media only screen and (min-width:768px){
.pro_tit{margin-bottom:.2rem;}
.pro_tit span{line-height:.3rem;}
}
@media only screen and (min-width:992px){
.pro_tit{margin-bottom:.3rem;}
}


/*产品*/
/*.clabox{width:100%;height:1.1rem;max-width:7.68rem;margin:0 auto;}
.clabox ul{width:100%;border-left:1px solid #f7f7f7;}
.clabox ul li{width:25%;height:1.1rem;text-align:center;float:left;overflow:hidden;border-right:1px solid #f7f7f7;background:#fff;position:relative;color:#d00;}
.clabox ul li.claMore{display:none;}
.clabox ul li img{max-width:90%;}
.clabox ul li span{display:block;width:100%;height:.4rem;line-height:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clabox ul li p,.clabox ul li a{display:block;width:100%;height:100%;overflow:hidden;padding:.15rem .05rem;}
.clabox ul li a{position:absolute;left:0;top:0;color:#fff;background:#c00;opacity:0;}
.clabox ul li:hover a{opacity:1;}

@media only screen and (min-width:768px){
.clabox{height:1.2rem;}
.clabox ul li{width:20%;height:1.2rem;}
.clabox ul li.claMore{display:block;}
}
@media only screen and (min-width:992px){
.clabox{max-width:12rem;box-shadow:0 0 .05rem rgba(128,128,128,.3);}
.clabox ul{border:0;}
.clabox ul li{border:0;font-size:.15rem;}
.clabox ul li:nth-of-type(even){background:#f0f0f0;}
.clabox ul li:hover{height:1.8rem;margin:-.3rem 0;border-radius:.05rem;box-shadow:0 0 .1rem rgba(128,128,128,1);z-index:2;}
.clabox ul li:hover p,.clabox ul li:hover a{padding:.45rem;}
}*/

.productbox{padding:.25rem 0;overflow:hidden;background:#fafafa;}
.productbox .pro_tit a{background:#fafafa;}
.clabox{width:100%;max-width:6rem;margin:0 auto .2rem;overflow:hidden;text-align:center;}
.clabox ul{width:100%;}
.clabox ul li{width:50%;height:.5rem;padding:.05rem;overflow:hidden;float:left;line-height:.38rem;}
.clabox ul .claMore,.clabox ul li p,.clabox ul li img{display:none;}
.clabox ul li a{display:block;width:100%;height:.4rem;border:1px solid #ddd;background:#fff;border-radius:.03rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;}
.clabox ul li:hover a{border-color:#d00;background:#d00;color:#fff;}

.probox,.probox ul{width:100%;overflow:hidden;}
.probox ul li{width:50%;padding:.05rem;overflow:hidden;float:left;text-align:center;}
.probox ul li .pic{width:100%;height:35vw;overflow:hidden;background:#fff;border:1px solid #ddd;padding:.04rem .04rem 0;border-bottom:0;}
.probox ul li .pic a{width:100%;height:100%;display:block;overflow:hidden;}
.probox ul li .pic img{max-width:100%;max-height:35vw;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.probox ul li .text{width:100%;height:.4rem;background:#fff;border:1px solid #ddd;border-top:0;padding:.04rem;}
.probox ul li .text a{display:block;overflow:hidden;color:#454545;background:#f7f7f7;height:.3rem;padding:0 .05rem;}
.probox ul li .text a p{width:100%;height:.51rem;line-height:.32rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid rgba(255,255,255,.5);}
.probox ul li .text a span{width:100%;height:.82rem;overflow:hidden;line-height:.24rem;padding:.1rem .05rem 0;display:block;display:-webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.probox ul li:hover .pic,.probox ul li:hover .text{border-color:#d00;}
.probox ul li:hover .text a{background:#d00;color:#fff;}

@media only screen and (min-width:768px){
.clabox ul li{width:25%;}
.probox ul li .pic{height:2.8rem;}
.probox ul li .pic img{max-height:2.75rem;}
}
@media only screen and (min-width:992px){
.productbox{padding:.4rem 0 .5rem;}
.productbox .pro_tit{margin-bottom:.2rem;}
.clabox{margin-bottom:.3rem;}
.probox{max-height:9.45rem;}
.probox ul{width:110%;}
.probox ul li{width:2.85rem;height:2.85rem;padding:.1rem;margin:0 .2rem .3rem 0;border:.05rem solid #f0f0f0;background:#fff;}
.probox ul li .pic{height:2rem;border:0;padding:0;margin-bottom:.05rem;}
.probox ul li .text{height:.5rem;padding:0;border:0;}
.probox ul li .text a{height:.5rem;padding:0 .1rem;}
.probox ul li .text a p{line-height:.5rem;font-size:.16rem;}
.probox ul li:hover{border-color:#d00;}
/*.probox{max-height:7.8rem;}
.probox ul{width:110%;}
.probox ul li{width:2.85rem;height:3.6rem;padding:.2rem;margin:0 .2rem .3rem 0;border:.05rem solid #f0f0f0;background:#fff;}
.probox ul li .pic{height:2.55rem;border:.05rem solid #fff;padding:0;}
.probox ul li .text{height:.5rem;padding:0;border:0;}
.probox ul li .text a{height:.5rem;padding:0 .1rem;}
.probox ul li .text a p{line-height:.5rem;font-size:.16rem;}
.probox ul li:hover{border-color:#2e5299;}
.probox ul li:hover .text,.probox ul li:hover .pic{border-color:#fff;}
.probox ul li:hover .text a{background:#2e5299;color:#fff;height:1.5rem;margin-top:-1rem;}*/
}


/*优势*/
.youshibox{position:relative;overflow:visible;padding:1.2rem 0 .4rem;display:none;}
.youshibox .ystit{width:100%;height:1.5rem;background:url(../images/ystit.png) center no-repeat;position:absolute;left:0;top:-.3rem;}
.youshibox .cutbox{height:8rem;background:url(../images/ysbg1.jpg) center top no-repeat;position:relative;}
.youshibox li{width:5rem;position:absolute;overflow:hidden;}
.youshibox li .tit{width:100%;height:.62rem;margin-bottom:.15rem;}
.youshibox li .tit a{width:100%;height:.18rem;display:block;text-transform:uppercase;color:#999;font-size:.16rem;line-height:.2rem;font-family:Arial;}
.youshibox li .tit p{width:100%;height:.42rem;color:#2e5299;font-weight:bold;font-size:.24rem;line-height:.4rem;overflow:hidden;}
.youshibox li .tit span{width:1.5rem;height:.02rem;overflow:hidden;background:#2e5299;display:block;}
.youshibox li .txt{width:100%;max-height:.9rem;overflow:hidden;font-size:.16rem;line-height:.3rem;color:#666;}
.youshibox .text1{left:1.1rem;top:.55rem;}
.youshibox .text2{left:1.1rem;top:2.25rem;}
.youshibox .text3{left:6.8rem;top:4.45rem;}
.youshibox .text4{left:6.8rem;top:6.15rem;}

/*竞争力*/
.hxjzlbox{padding:.4rem 0;background:#fafafa;display:none;}
.hxjzlbox .pro_tit a{background:#fafafa;}
.hxjzlbox ul{height:4.4rem;background:url(../images/ysbg2.png) center top no-repeat;position:relative;}
.hxjzlbox ul li{position:absolute;width:3.9rem;font-size:.16rem;line-height:.3rem;color:#454545;}
.hxjzlbox ul .text1{left:.3rem;top:.19rem;text-align:right;}
.hxjzlbox ul .text2{left:7.8rem;top:.19rem;}
.hxjzlbox ul .text3{left:.05rem;top:2.14rem;text-align:right;}
.hxjzlbox ul .text4{left:8.1rem;top:1.68rem;}
.hxjzlbox ul .text5{width:8.6rem;left:1.7rem;top:3.68rem;}
.hxjzlbox ul .text5 p{width:50%;float:left;}
.hxjzlbox ul .text5 p.p1{text-align:right;padding-right:.4rem;}
.hxjzlbox ul .text5 p.p2{padding-left:.4rem;}
 
@media only screen and (min-width:992px){
.youshibox,.hxjzlbox{display:block;}
}


/*partner*/
.partnerbox{padding:.2rem 0;background:url(../images/bg1.jpg) center top no-repeat;max-height:5.8rem;}
.partnerbox .pro_tit a{background:url(../images/bg1.jpg) center -.2rem no-repeat;}

.partnerbox .cutbox ul{width:100%;overflow:hidden;max-height:3.6rem;}
.partnerbox .cutbox ul li{width:50%;float:left;padding:.05rem;text-align:center;}
.partnerbox .cutbox ul li .pic{width:100%;height:.8rem;background:#fff;overflow:hidden;padding:.05rem;position:relative;}
.partnerbox .cutbox ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.partnerbox .cutbox ul li a{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5);position:absolute;left:0;top:.0;padding:0 .1rem;opacity:0;}
.partnerbox .cutbox ul li a span{display:block;overflow:hidden;width:100%;height:.3rem;color:#fff;font-size:.16rem;line-height:.3rem;white-space:nowrap;text-overflow:ellipsis;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.partnerbox .cutbox ul li:hover a{opacity:1;}

@media only screen and (min-width:560px){
.partnerbox .cutbox ul{max-height:3.3rem;}
.partnerbox .cutbox ul li{width:33.334%;}
.partnerbox .cutbox ul li .pic{height:1rem;padding:.1rem;}
}
@media only screen and (min-width:768px){
.partnerbox{padding:.3rem 0;}
.partnerbox .pro_tit a{background:url(../images/bg1.jpg) center -.3rem no-repeat;}
}
@media only screen and (min-width:992px){
.partnerbox{padding:.4rem 0;}
.partnerbox .pro_tit a{background:url(../images/bg1.jpg) center -.41rem no-repeat;}
.partnerbox .cutbox ul{width:110%;max-height:3.7rem;}
.partnerbox .cutbox ul li{width:2.2rem;padding:0;margin:0 .25rem .25rem 0;}
}


/*case*/
.casebox{padding:.2rem 0;}
.casebox ul{width:100%;overflow:hidden;}
.casebox ul li{width:50%;padding:.05rem;overflow:hidden;float:left;text-align:center;}
.casebox ul li .pic{width:100%;height:30vw;overflow:hidden;background:#fff;border:1px solid #ddd;}
.casebox ul li .pic a{width:100%;height:100%;display:block;overflow:hidden;}
.casebox ul li .pic img{max-width:100%;max-height:30vw;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.casebox ul li .txt{width:100%;height:.4rem;;line-height:.4rem;}
.casebox ul li .txt a{display:block;overflow:hidden;color:#454545;white-space:nowrap;text-overflow:ellipsis;}
.casebox ul li:hover .pic{border-color:#d00;}
.casebox ul li:hover .txt a{color:#d00;}

@media only screen and (min-width:768px){
.casebox{padding:.3rem 0;}
.casebox ul li{padding:.05rem .1rem;}
.casebox ul li .txt{height:.5rem;;line-height:.5rem;}
.casebox ul li .pic{height:2.45rem;}
.casebox ul li .pic img{max-height:2.45rem;}
}
@media only screen and (min-width:992px){
.casebox{padding:.4rem 0 .2rem;}
.casebox ul{width:110%;max-height:6.25rem;}
.casebox ul li{width:3.68rem;height:2.95rem;padding:0;margin:0 .48rem .2rem 0;}
}


/*zixun*/
.zixunbox{background:#fafafa;padding:.1rem .15rem .2rem;}
.zixunbox .titl{width:100%;height:.45rem;border-bottom:1px solid #999;overflow:hidden;padding:0 .05rem;margin-bottom:.1rem;}
.newsbox .titl .tit{width:1.8rem;height:100%;float:left;color:#333;font-size:.18rem;line-height:.2rem;padding-top:.1rem;overflow:hidden;text-align:center;margin-left:-.1rem;}
.newsbox .list ul li:last-child,.faqbox .cont ul li:last-child{border:0;margin:0;}
.newsbox .titl span{display:block;width:50%;height:.2rem;float:left;color:#787878;border-left:1px solid #ccc;float:left;}
.newsbox .titl span.on{color:#d00;}
.newsbox .titl .more{float:right;max-width:.7rem;}
.newsbox .titl a{display:none;height:.45rem;padding-top:.15rem;color:#999;}
.newsbox .titl a:hover{color:#d00;}
.newsbox .titl a.on{display:block;}

.newsbox{width:100%;max-width:7.68rem;float:left;overflow:hidden;padding:.1rem 0;}
.newsbox .list{overflow:hidden;width:100%;}
.newsbox .list ul{display:none;}
.newsbox .list ul.on{display:block;}
.newsbox .list ul li{overflow:hidden;width:100%;height:.8rem;float:left;border-bottom:1px dotted #ccc;position:relative;padding-left:.85rem;margin-bottom:.1rem;}
.newsbox .list ul li .date{width:.7rem;height:.7rem;font-family:Arial;color:#787878;position:absolute;top:0;left:.05rem;background:#f0f0f0;text-align:center;padding:.05rem;}
.newsbox .list ul li .date p{width:100%;height:.36rem;font-size:.3rem;line-height:.4rem;color:#333;font-family:Arial;}
.newsbox .list ul li .date span{width:100%;height:.24rem;line-height:.24rem;display:block;}
.newsbox .list ul li .tit{width:100%;float:left;height:.26rem;font-size:.16rem;line-height:.26rem;margin-bottom:.05rem;}
.newsbox .list ul li .tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#191919;}
.newsbox .list ul li .tit a:hover{color:#d00;}
.newsbox .list ul li .text{width:100%;height:.4rem;color:#898989;font-size:.14rem;line-height:.2rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsbox .list ul li .text:hover{color:#333;}

.faqbox{width:100%;padding:0;float:right;}
.faqbox .titl{background:#191919;border:0;font-size:.18rem;line-height:.45rem;color:#f0f0f0;padding:0 .1rem;}
.faqbox .titl p{float:left;}
.faqbox .titl a{float:right;display:block;color:#ccc;font-size:.14rem;}
.faqbox .titl a:hover{color:#fff;}

.faqbox .cont{width:100%;overflow:hidden;}
.faqbox .cont ul li{width:100%;height:.8rem;border-bottom:1px dotted #ccc;margin-bottom:.1rem;overflow:hidden;float:left;}
.faqbox .cont ul li .l_span{displat:block;width:.3rem;position:absolute;left:.05rem;top:0;font-size:.16rem;line-height:.26rem;color:#d00;}
.faqbox .cont ul li .tit{width:100%;padding-left:.1rem;position:relative;overflow:hidden;height:.26rem;margin-bottom:.05rem;font-size:.16rem;line-height:.26rem;;}
.faqbox .cont ul li .tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#191919;}
.faqbox .cont ul li .tit a:hover{color:#d00;}
.faqbox .cont ul li .text{position:relative;padding-left:.1rem;width:100%;height:.4rem;color:#898989;font-size:.14rem;line-height:.2rem;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.faqbox .cont ul li .text .l_span{color:#898989;line-height:.2rem;}
.faqbox .cont ul li .text:hover{color:#333;}

@media only screen and (min-width:992px){
.zixunbox{padding:.4rem 0;}
.zixunbox .titl{height:.6rem;margin-bottom:.25rem;}
.newsbox .titl .tit{width:2.2rem;font-size:.2rem;padding-top:.2rem;margin-left:-.06rem;}
.newsbox .titl a{height:.6rem;padding:.25rem .05rem 0 0;}
.newsbox{padding:0;}
.newsbox .list{max-height:3.35rem;}
.newsbox .list ul li{height:1rem;padding-left:1.1rem;margin-bottom:.2rem;}
.newsbox .list ul li .date{width:.8rem;height:.8rem;left:.1rem;padding:.1rem;}
.newsbox .list ul li .text{height:.5rem;line-height:.24rem;}
.faqbox{width:4rem;}
.faqbox .titl{line-height:.6rem;padding:0 .15rem;}
.faqbox .cont{max-height:3.35rem;}
.faqbox .cont ul li{height:1rem;border:0;margin-bottom:.2rem;}
.faqbox .cont ul li .l_span{displat:block;width:.3rem;position:absolute;left:.05rem;top:0;font-size:.16rem;line-height:.26rem;color:#d00;}
.faqbox .cont ul li .text{height:.5rem;line-height:.24rem;}
.faqbox .cont ul li .text .l_span{line-height:.24rem;}
}


/*company*/
.compbox{padding:.2rem 0;}
.compbox .cutbox{position:relative;overflow:hidden;}
.compbox .pic{width:100%;overflow:hidden;position:relative;z-index:1;}
.compbox .pic img{width:100%;}
.compbox .titl{width:100%;height:.4rem;background:rgba(0,0,0,.6);font-weight:bold;font-size:.18rem;line-height:.4rem;color:#fff;margin-top:-.4rem;padding:0 .15rem;position:relative;z-index:3;overflow:hidden;}
.compbox .titl p{width:100%;height:.48rem;}
.compbox .titl span{width:.6rem;height:.02rem;overflow:hidden;background:#d00;display:block;}
.compbox .text{width:100%;overflow:hidden;color:#787878;line-height:.24rem;padding-top:.2rem;}
.compbox .text p{margin-bottom:.1rem;}
.compbox .more{width:100%;overflow:hidden;height:.8rem;display:none;padding-top:.3rem;}
.compbox .more a{display:block;width:1.5rem;height:.5rem;background:#191919;text-align:center;color:#fff;font-size:.14rem;line-height:.5rem;font-family:Arial;text-transform:uppercase;}
.compbox .more a:hover{background:#d00;}

@media only screen and (min-width:992px){
.compbox{padding:.4rem 0;}
.compbox .cutbox{height:3.5rem;}
.compbox .pic{width:6rem;height:3.5rem;float:right;position:relative;}
.compbox .pic img{width:7rem;height:3.5rem;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.compbox .textbox{width:7rem;height:3.1rem;position:absolute;left:0;top:.1rem;background:rgba(245,245,245,.9);padding:.3rem;z-index:2;}
.compbox .titl{background:none;color:#333;margin-top:0;padding:0;height:.5rem;}
.compbox .text{height:1.8rem;line-height:.3rem;}
.compbox .pic:hover{width:7rem;}
.compbox .pic:hover~ .textbox{width:5rem;}
.compbox .pic:hover~ .textbox .text p:nth-child(2){text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.compbox .more{display:block;}
}


/*customer*/
.customerbox{padding-bottom:.2rem;max-height:5.8rem;}
.customerbox .cutbox{position:relative;min-height:.8rem}
.customerbox .btn{width:.5rem;height:1rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;}
.customerbox .btn:hover{background:#f0f0f0;}
.customerbox .btn input{width:1.4rem;height:1rem;display:block;border:0;background:url(../images/btn1.png) center no-repeat;background-size:100% auto;cursor:pointer;}
.customerbox .btn1{left:-.5rem;}
.customerbox .btn1 input{margin-left:-.1rem;}
.customerbox .btn2{right:-.5rem;}
.customerbox .btn2 input{float:right;margin-right:-.1rem;}

.customerbox .picon{width:100%;overflow:hidden;}
.customerbox .picon ul{width:150%;overflow:hidden;max-height:3.6rem;}
.customerbox .picon ul li{width:33.334%;float:left;padding:.05rem;text-align:center;}
.customerbox .picon ul li .pic{width:100%;height:.8rem;background:#fff;overflow:hidden;padding:.05rem;position:relative;border:1px solid #ddd;}
.customerbox .picon ul li .pic img{max-width:100%;max-height:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.customerbox .picon ul li a{display:block;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.5);position:absolute;left:0;top:.0;padding:0 .1rem;opacity:0;}
.customerbox .picon ul li a span{display:block;overflow:hidden;width:100%;height:.3rem;color:#fff;font-size:.16rem;line-height:.3rem;white-space:nowrap;text-overflow:ellipsis;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.customerbox .picon ul li:hover a{opacity:1;}

.xbanner{width:100%;height:2rem;background:url(../images/xbanner.jpg) center no-repeat;display:none;padding:.6rem 0;position:relative;z-index:1;}
.xbanner ul{height:.8rem;text-align:center;color:#fff;}
.xbanner ul li{height:.8rem;width:25%;border-right:1px solid rgba(255,255,255,.75);float:left;}
.xbanner ul li p{width:100%;height:.5rem;font-size:.36rem;line-height:.5rem;}
.xbanner ul li span{display:block;width:100%;height:.3rem;font-size:.18rem;line-height:.36rem;font-family:Arial;text-transform:uppercase;opacity:.9;}

@media only screen and (min-width:560px){
.customerbox .picon ul{width:133.334%;max-height:3.3rem;}
.customerbox .picon ul li{width:25%;}
.customerbox .picon ul li .pic{height:1rem;padding:.1rem;}
}
@media only screen and (min-width:768px){
.customerbox{padding-bottom:.3rem;}
}
@media only screen and (min-width:992px){
.customerbox{padding-bottom:.6rem;}
.customerbox .cutbox,.customerbox .picon ul{max-height:2rem;}
.customerbox .picon ul{width:120%;padding-left:.1rem;}
.customerbox .picon ul li{width:1.9rem;height:.9rem;padding:0;margin:0 .1rem .2rem 0;}
.customerbox .picon ul li .pic{width:1.8rem;height:.9rem;padding:.1rem;}
.xbanner{display:block;}
}


/*联系*/
.sylxbox{background:#f7f7f7;position:relative;z-index:2;margin-bottom:.2rem;}
.sylxbox .titl{width:100%;height:.45rem;border-bottom:1px solid #999;font-size:.18rem;line-height:.45rem;color:#666;padding:0 .1rem;margin-bottom:.1rem;}
.sylxbox .titl p{float:left;}
.sylxbox .titl a{float:right;display:block;color:#999;font-size:.14rem;}
.sylxbox .titl a:hover{color:#d00;}

.contactbox{width:100%;overflow:hidden;padding:.15rem;}
.contactbox .cont{width:100%;overflow:hidden;padding:.1rem 0;height:1.1rem;float:left;}
.contactbox .cont p{width:33.334%;overflow:hidden;height:.9rem;text-align:center;float:left;margin-bottom:.15rem; padding:0 .05rem;}
.contactbox .cont p a{display:block;width:100%;max-width:.9rem;height:.9rem;border-radius:.05rem;margin:0 auto;}
.contactbox .cont p a.L{display:none;}
.contactbox .cont .p_tel a{background:#e63939 url(../images/ico3.png) center no-repeat;}
.contactbox .cont .p_qq a{background:#3687d9 url(../images/ico4.png) center no-repeat;}
.contactbox .cont .p_mail a{background:#1dbf6e url(../images/ico5.png) center no-repeat;}

.sylxbox .symap{width:100%;height:2rem;margin:.1rem 0;border:1px solid #ddd;overflow:hidden;float:right;}

.orderbox{width:100%;overflow:hidden;padding:0 .15rem .2rem;}
.orderbox .feed{width:100%;max-width:4.2rem;overflow:hidden;margin:0 auto;}
.orderbox ul li{width:100%;overflow:hidden;height:.3rem;float:left;margin-bottom:.1rem;padding-left:.65rem;position:relative;border:1px solid #ddd;background:#fff;border-radius:.03rem;}
.orderbox ul li span{display:block;width:.65rem;height:.28rem;font-size:.15rem;line-height:.28rem;text-align:center;color:#666;position:absolute;left:0;top:0;}
.orderbox ul li .bg,.orderbox  ul li .area,.orderbox  ul .code input{display:block;width:100%;height:.3rem;line-height:.24rem;padding:.02rem .09rem .05rem 0;background:#fff;float:left;}
.orderbox ul .li_2{height:1.3rem;}
.orderbox ul .li_2 .area{height:1.3rem;}
.orderbox ul .code{max-width:2.1rem;}
.orderbox ul .code img{position:absolute;left:1.25rem;top:.03rem;cursor:pointer;}
.orderbox ul .code .red{width:.15rem;left:2.65rem;top:0;padding:0;color:#f00;}
.orderbox ul .li_3{height:.6rem;padding:.2rem .8rem 0 0;border:0;background:none;}
.orderbox ul .li_3 p{width:100%;float:left;height:.4rem;background:#cc1414;border-radius:.03rem;}
.orderbox ul .li_3 p input{display:block;width:100%;height:.4rem;font-size:.16rem;line-height:.4rem;color:#fff;text-align:center;cursor:pointer;background:none;}
.orderbox ul .li_3 p.cz{width:.7rem;background:#999;position:absolute;top:.2rem;right:0;}

@media only screen and (min-width:768px){
.contactbox .cont{width:1rem;height:3.2rem;padding:.1rem 0 .1rem .1rem;}
.contactbox .cont p{width:100%;padding:0;}
.sylxbox .symap{width:6rem;height:3.2rem;border:.1rem solid #f7f7f7;padding:1px;background:#ddd;margin:0;border-left:0;}
.orderbox{padding:.1rem .15rem .3rem;}
}
@media only screen and (min-width:992px){
.sylxbox{height:4.6rem;overflow:visible;}
.sylxbox .titl{margin-bottom:.2rem;line-height:.4rem;}
.contactbox{width:7.7rem;padding:.3rem 0;float:left;}
.contactbox .cont p a.M{display:none;}
.contactbox .cont p a.L{display:block;}
.sylxbox .symap{width:6.4rem;}
.orderbox{width:4rem;height:5rem;padding:.5rem .3rem;background:#fff;box-shadow:0 .05rem .1rem rgba(50,50,50,.1);float:right;margin-top:-.2rem;}
.orderbox ul li{height:.36rem;margin-bottom:.14rem;padding:.03rem 0 .03rem .65rem;}
.orderbox ul li span{top:.03rem;}
.orderbox ul .code img{top:.06rem;}
}


/*links*/
.linkbox{display:none;margin:.4rem auto;position:relative;background:#f7f7f7;padding:.15rem .2rem .15rem 1.6rem;overflow:hidden;min-height:.6rem;}
.linkbox .titl{width:1.2rem;background:#cc1414;position:absolute;left:0;top:0;height:100%;}
.linkbox .titl p{width:100%;height:100%;position:relative;}
.linkbox .titl p img{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.linkbox .cont{width:100%;line-height:.3rem;}
.linkbox .cont ul li{float:left;padding-right:.2rem;}
.linkbox .cont ul a{float:left;padding-right:.2rem;display:block;}

@media only screen and (min-width:992px){
.linkbox{display:block;}
}