/*banner*/
.banner{width:96%;max-width:7.68rem;margin-top:0.7rem;position:relative;overflow:hidden;}
.banner .pic ul li{float:left;overflow:hidden;}
.banner .pic ul li img{width:100%;}
.banner .btn{text-align: center;position: absolute;bottom: 0;height: 0.2rem;width: 100%;}
.banner .btn span{display:inline-block;width:0.13rem;height: 0.13rem;margin:0 0.05rem;cursor:pointer;background:#fff;border:0.03rem solid #fff;border-radius: 0.15rem;}
.banner .btn span.on{background:#ff4c4c;}

#bannerppt{width:19.2rem;height:6rem;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:none;}
#bannerppt .pic,#bannerppt .pic ul,#bannerppt .pic ul li,#bannerppt .pic ul li img{height:100%;}

#mbannerppt{width:100%;max-width:7.68rem;overflow:hidden;min-height:1.2rem;}
#mbannerppt .pic ul{width:1000%;}
#mbannerppt .pic ul li{width:10%;}

@media only screen and (min-width:768px){
.banner .btn{height: 0.3rem;}
}
@media only screen and (min-width:992px){
.banner{width:100%;max-width:19.2rem;margin-top:0;height:6rem;}
#bannerppt{display:block;}
#mbannerppt{display:none;}
}
@media only screen and (max-height:480px){
.banner{margin-top:.1rem;}
}
@media only screen and (max-height:480px) and (min-width:992px){
.banner{margin-top:0;}
}

/*search*/
.search{background:#f1f3f5;}
.search .cutbox{height:100%;overflow:hidden;padding:.15rem .1rem .13rem;}
.search .right{width: 100%;height: .32rem;float: right;position: relative;padding-right:.5rem;border:1px solid #ccc;background:#fff;border-radius:.3rem;}
.search .right .tit{width: 100%;height: .3rem;float: left;padding: .03rem .14rem;}
.search .right .tit input{display: block;width: 100%;height: .24rem;border: 0;background: none;line-height: .24rem;color: #666;font-family:"微软雅黑";outline:none;padding:0;}
.search .right .anniu{width: .4rem;height: .3rem;position: absolute;top: 0;right: 0;}
.search .right .anniu input{width: .4rem;height: .3rem;display:block;border:0;background:url(anniu.png) center no-repeat;cursor:pointer;}

.search .left{width:100%;height: .3rem;float: left;line-height: .24rem;color: #666;padding-top:.06rem;position:relative;padding-left:6.5em;}
.search .left div{width:6.5em;overflow:hidden;height:.3rem;padding-top:.06rem;position:absolute;left:0;top:0;color:#e50012;}
.search .left p{width:100%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.search .left p a{color:#666;}
.search .left p a:hover{color:#e50012;}

@media only screen and (min-width:768px){
.search .cutbox{padding:.15rem .1rem;height:.6rem;}
.search .right{width: 35%;}
.search .left{width: 60%;padding-top:0;line-height:.32rem;}
.search .left div{padding:0;}
}
@media only screen and (min-width:992px){
.search .right{width: 25%;;}
.search .left{width: 70%;}
}

/*通用标题*/
.sy_titl{width:250px;margin: 0 auto 15px;text-align: center;overflow: hidden;}
.sy_titl a{display: block;height: 46px;line-height: 46px;font-size: 30px;color: #333;font-family: "微软雅黑";-webkit-transition: .5s;transition: .5s;}
.sy_titl a:hover{color: #f23d3d;}
.sy_titl p{width:100%;height: 24px;line-height: 24px;background: url(../nyimages/ico2.png) left center repeat-x;}
.sy_titl p span{display: inline-block;height:24px;padding:0 15px;background: #fff;color: #666;font-family: Arial;text-transform: uppercase;}


/*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 .text{width:100%;overflow:hidden;color:#666;line-height:.24rem;padding-top:.2rem;}
.compbox .text p{margin-bottom:.1rem;}
.compbox .more{width:100%;overflow:hidden;height:.4rem;display:none;}
.compbox .more a{display:block;width:1.2rem;height:.4rem;background:#095eb3;text-align:center;color:#fff;line-height:.4rem;}
.compbox .more a:hover{background:#e50012;}

@media only screen and (min-width:992px){
.compbox{padding:.25rem 0 .35rem;}
.compbox .cutbox{height:3.5rem;background:url(pic4.jpg) center bottom no-repeat;padding:0 .25rem 0 6.2rem;}
.compbox .pic{display:none;}
.compbox .text{padding:.35rem 0 .03rem;line-height:.35rem;}
.compbox .more{display:block;}
}


/*产品*/
.productbox{padding:.15rem 0 .2rem;overflow:hidden;background:#f7f7f7;}
.productbox .sy_titl span{background:#f7f7f7;}

.clabox{width:100%;overflow:hidden;margin:.1rem auto;float:left;border-radius:.1rem;}
.clabox .cont{padding:0 .05rem;}
.clabox ul{width:100%;overflow:hidden;}
.clabox ul li{width:50%;text-align:center;float:left;overflow:hidden;margin-bottom:.04rem;}
.clabox ul li p{width:100%;height:.4rem;overflow:hidden;padding:0 .02rem;font-size:.15rem;}
.clabox ul li a{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.clabox ul li p a{height:.4rem;line-height:.4rem;background:#095eb3;padding:0 .05rem;color:#fff;}
.clabox ul li:hover p a{background:#e50012;font-weight:bold;}
.clabox ul li dl{width:100%;overflow:hidden;display:none;}
.clabox ul li dl a{height:.28rem;line-height:.28rem;padding:0 .15rem 0 .15rem;color:#666; border-bottom:1px #cccccc dotted;}
.clabox .tel{width:100%;height:1.1rem;padding:.3rem .19rem;display:none;}
.clabox .ewm{width:100%;display:none;border-top:.15rem solid #f7f7f7;padding-bottom:.15rem}
.clabox .ewm p{width:100%;padding:.25rem .25rem 0;}
.clabox .ewm p img{width:100%;}
.clabox .ewm span{width:100%;display:block;height:.5rem;font-size:.14rem;line-height:.5rem;color:#fff;text-align:center;}

.probox{width:100%;overflow:hidden;float:right;}
.probox .titl{width:100%;overflow:hidden;height:.44rem;background:#095eb3;color:#fff;padding:0 .15rem;font-size:.12rem;line-height:.5rem;font-family:Arial;text-transform:uppercase;display:none;border-radius:.1rem .1rem 0 0;}
.probox .titl p{float:left;margin-right:.1rem;font-family:"微软雅黑";font-size:.16rem;line-height:.44rem;font-weight:bold;}
.probox .titl span{float:left;color:#a1c3e5;}
.probox .titl a{float:right;color:#a1c3e5;}
.probox .titl a:hover{color:#fff;}

.probox .cont{padding:.02rem;}
.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 .tit{width:100%;height:.4rem;background:#fff;border:1px solid #ddd;border-top:0;padding:.04rem;}
.probox ul li .tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#454545;background:#ddd;height:.3rem;line-height:.32rem;padding:0 .05rem;}
.probox ul li:hover .pic,.probox ul li:hover .tit{border-color:#095eb3;}
.probox ul li:hover .tit a{background:#095eb3;color:#fff;}

@media only screen and (min-width:768px){
.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:.35rem 0;}
.clabox{width:2.5rem;margin:0;background:#095eb3;}
.clabox .sy_titl{padding:.15rem 0 0;}
.clabox .sy_titl a{color:#fff;}
.clabox .sy_titl p,.clabox .sy_titl p span{background:none;color:#a1c3e5;}
.clabox .cont{width:2.4rem;margin:0 auto;background:#fff;padding:.1rem;}
.clabox .cont ul li{width:100%;margin-bottom:.1rem;text-align:left;}
.clabox .cont ul li p{height:.36rem;}
.clabox .cont ul li p a{height:.36rem;font-size:.16rem;line-height:.36rem;padding-left:.36rem;background:#095eb3 url(ico3.png) .1rem center no-repeat;}
.clabox .cont ul li:hover p a{background-color:#e50012;}
.clabox .cont ul li dl{display:block;}
.clabox .cont ul li dl.on{padding:.1rem .02rem;}
.clabox .cont ul li dl a:hover{color:#e50012;}
.clabox .tel,.clabox .ewm{display:block;}
.probox{width:9.3rem;}
.probox .titl{display:block;}
.probox .cont{padding:.25rem 0 0; max-height:auto;}
.probox .cont ul{width:110%;}
.probox .cont ul li{width:3rem;padding:0;margin:0 .1rem .1rem 0;}
.probox .cont ul li .pic{height:2.1rem;}
.probox .cont ul li .tit{height:.45rem;}
.probox ul li .tit a{height:.36rem;line-height:.36rem;}
}


/*videos*/
.videobox{padding:.25rem 0;}
.videobox .cutbox{position:relative;}
.videobox .btn{width:.3rem;height:.6rem;position:absolute;top:44%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;display:none;}
.videobox .btn input{width:.6rem;height:.6rem;background:url(btn1.png) center no-repeat;cursor:pointer;}
.videobox .btn input:hover{background:url(btn2.png) center no-repeat;}
.videobox .btn1{left:0;}
.videobox .btn1 input{float:left;}
.videobox .btn2{right:0;}
.videobox .btn2 input{float:right;}

.videobox .cont{width:2.82rem;height:2.6rem;overflow:hidden;margin:0 auto;padding-top:.1rem;}
.videobox .cont ul{width:220%;}
.videobox .cont ul li{width:2.96rem;height:2.5rem;text-align:center;float:left;margin-right:.1rem;}
.videobox .cont ul li .pic{width:2.82rem;height:2.12rem;border:1px solid #ddd;overflow:hidden;background:#fcfcfc url(../nyimages/sp.png) center no-repeat;background-size:150% auto;}
.videobox .cont ul li .pic a{width:2.8rem;height:2.1rem;overflow:hidden;display:block;}
.videobox .cont ul li .pic img{max-width:100%;max-height:2.1rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.videobox .cont ul li .txt{width:2.82rem;height:.4rem;}
.videobox .cont ul li .txt a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#454545;line-height:.4rem;padding:0 .05rem;}
.videobox .cont ul li:hover .pic{border-color:#e50012;}
.videobox .cont ul li:hover .txt a{color:#e50012;}

@media only screen and (min-width:420px){
.videobox .btn{display:block;}
}
@media only screen and (min-width:768px){
.videobox .cont{width:5.88rem;}
}
@media only screen and (min-width:992px){
.videobox .cont{width:12rem;}
.videobox .btn1{left:-.5rem;}
.videobox .btn2{right:-.5rem;}
}


/*zixun*/
.zixunbox{background:#fafafa;padding:.1rem .15rem .2rem;}
.zixunbox .sy_titl{display:none;}
.zixunbox .sy_titl p span{background:#fafafa;}
.zixunbox .cutbox{overflow:hidden;}
.zixunbox .titl{width:100%;height:.45rem;border-bottom:1px solid #999;overflow:hidden;padding:0 .05rem;margin-bottom:.05rem;}
.zixunbox .titl p{height:.45rem;float:left;color:#333;margin-right:.1rem;font-weight:bold;font-size:.16rem;line-height:.45rem;}
.zixunbox .titl span{display:block;height:.45rem;float:left;line-height:.5rem;color:#999;font-family:Arial;}
.zixunbox .titl a{float:right;display:block;height:.45rem;padding-top:.13rem;}

.newsbox{width:100%;float:left;overflow:hidden;padding:.05rem 0 .1rem;}
.newsbox .cont{overflow:hidden;width:100%;float:left;max-height:2.1rem;margin-bottom:.15rem;display:none;}
.newsbox .cont ul li{height:1.8rem;overflow:hidden;width:100%;border:1px solid #eee;background:#fff;text-align:center;}
.newsbox .cont ul li a{overflow:hidden;width:100%;height:1.8rem;display:block;}
.newsbox .cont ul li img{max-width:100%;max-height:1.8rem;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.newsbox .list{overflow:hidden;width:100%;float:left;max-height:2.8rem;}
.newsbox .list ul{width:100%;overflow:hidden;position:relative;}
.newsbox .list ul li{overflow:hidden;width:100%;height:.4rem;float:left;border-bottom:1px dotted #ccc;line-height:.4rem;position:relative;padding-right:.85rem; font-size:.14rem;}
.newsbox .list ul li .tit{width:100%;padding-left:.25rem;background:url(newsico.png) .03rem center no-repeat;float:left;}
.newsbox .list ul li .tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsbox .list ul li .date{max-width:.8rem;float:right;font-family:Arial;color:#787878;position:Absolute;top:0;right:0;padding-right:.03rem;}

@media only screen and (min-width:992px){
.zixunbox{padding:.25rem 0 .3rem;}
.zixunbox .sy_titl{display:block;}
.zixunbox .titl{margin-bottom:.15rem;}
.newsbox{width:3.6rem;}
.new_gs{margin-right:.6rem;}
.maintainbox{float:right;}
.newsbox .cont{display:block;}
.newsbox .list{max-height:2.1rem;}
.newsbox .list ul li{border-color:#fafafa;height:.3rem;line-height:.3rem;}
}


/*联系*/
.sylxbox{overflow:hidden;padding:.1rem 0 .2rem;}
.sylxbox .cutbox{width:100%;overflow:hidden;}
.contactbox{width:100%;overflow:hidden;float:left;padding:0 .05rem .1rem;}
.contactbox .cont{width:100%;overflow:hidden;line-height:.24rem;float:left; font-size:.14rem;}
.contactbox .tit{width:100%;height:.45rem;overflow:hidden;margin-bottom:.15rem;}
.contactbox .tit a{display:block;width:100%;height:.44rem;float:left;font-size:.18rem;line-height:.4rem;color:#e50012;}
.contactbox .tit span{display:block;overflow:hidden;float:left;height:1px;background:#e50012;width:.55rem;}
.contactbox .tit:hover span{width:100%;}
.sylxbox .symap{width:100%;height:2rem;margin:.05rem 0;border:1px solid #ddd;overflow:hidden;float:right;}

.orderbox{width:100%;overflow:hidden;float:right;padding:.25rem .1rem .2rem;background:#f7f7f7;}
.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:.6rem;position:relative;}
.orderbox ul li span{display:block;width:.6rem;height:.3rem;line-height:.3rem;text-align:center;color:#666;position:absolute;left:0;top:0;padding-right:.1rem;font-size:.15rem;}
.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:.03rem;float:left;}
.orderbox ul .li_4{height:1.2rem;}
.orderbox ul .li_4 .area{height:1.2rem;}
.orderbox ul .code input{max-width:2rem;}
.orderbox ul .code img{position:absolute;left:1.76rem;top:.04rem;}
.orderbox ul .code .red{width:.15rem;left:2.65rem;top:0;padding:0;color:#f00;}
.orderbox ul .li_3{height:.47rem;padding-top:.1rem;}
.orderbox ul .li_3 p{width:50%;max-width:1.4rem;float:left;height:.37rem;padding-right:.1rem;}
.orderbox ul .li_3 p input{display:block;width:100%;height:.37rem;font-size:.16rem;color:#fff;background:#999;border-radius:.03rem;text-align:center;line-height:.4rem;cursor:pointer;}
.orderbox ul .li_3 p.tj input{background:#e50012;}

@media only screen and (min-width:640px){
.sylxbox .cont,.sylxbox .symap{width:48%;}
}
@media only screen and (min-width:992px){
.sylxbox{overflow:hidden;padding:.3rem 0 0;}
.sylxbox .cutbox{height:4.15rem;padding-top:.15rem;}
.contactbox{width:12.1rem;height:4rem;float:left;background:#f7f7f7;padding:.2rem .25rem;}
.contactbox .cont{padding-top:.15rem;line-height:.3rem;width:2.6rem;}
.sylxbox .symap{height:3.6rem;margin:0;width:9rem;}
.orderbox{width:3.9rem;height:4rem;padding:.25rem .25rem .2rem;background:#095eb3;border-radius:0;}
.orderbox .feed{max-width:5.5rem;}
.orderbox ul li span{color:#fff;}
.orderbox ul .li_3 p.tj input{background:#ffaf40;}
}


/*links*/
.linkbox{display:none;margin:.3rem auto;position:relative;background:#f7f7f7;padding:.15rem .2rem .15rem 1.6rem;overflow:hidden;min-height:.6rem;}
.linkbox .titl{width:1.2rem;background:#095eb3;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;}

.com-title{width: 100%;text-align: center;padding-top: 40px;}

.com-title h2{color: #333333;font-size: 34px;}

.com-title h2 a{color: #333333;text-decoration: none;}

.com-title em{color: #c71212;font-weight: bold;}

.com-title p{font-size: 20px;color: #666666;margin-top: 2px;}

.com-title i{display: block;width: 398px;height: 3px;margin: 20px auto 0;}

.com-title i img{display: block;width: 398px;height: 3px;}

.com-title p{font-size: 14px;margin-top: 13px;color: #666;}

.com-title h2 a{cursor:default;}

.youshi{background:url(youshi.jpg) no-repeat center top;margin:0 auto;margin-top: -200px;}

.youshi:after,.youshi:before{
    box-sizing:none;}

.ys_tbg{ height:180px; padding:38px 0 0; overflow:hidden;}

.ys_tbg .four_t{ background:url(ys_line.gif) no-repeat center 68px;}

.ys_tbg .four_t span,.about .four_t span{font-size: 16px;color: #666; padding:5px 0 0;}

.ys01{height:auto;overflow:hidden;padding-top: 230px;}

.ys02{ height:410px; overflow:hidden; margin-top:150px;}

.ys03{ height:448px; overflow:hidden;}

.ys04{ height:400px; overflow:hidden;}

.ys05{ height:387px; overflow:hidden;}

.ys dl{width: 510px; display:inline-block;}

.ys dl dt{width: 80px;height: 80px;text-align: center;line-height: 80px;font-size: 50px;color: #fff;font-weight: bold;background: #0154a4; font-family:"Times New Roman", Times, serif;float: left;}

.ys dl dd{ padding:0 0 0 30px;width: 400px;float: left;}

.ys dl dd h5{font-size: 28px;color: #0154a4;line-height: 32px;height: 100px;}

.ys dl dd h5 em{display: block;font-size: 14px;color: #d9d9d9;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;width: 236px;text-align: center;height: 32px;line-height: 32px;background: #fff; border:#e0e0e0 2px solid; margin:12px 0 0;}

.ys dl dd p{font-size: 16px;color: #333; overflow:hidden; line-height: 28px; background:url(ys_ico01.png) no-repeat 0 14px; padding:0 0 0 20px;}

.ys dl dd span{display: block;width: 144px; padding:20px 0 0;}

.ys dl dd span a{ background:url(ys_btn.png) no-repeat;color: #f97b47;display: block;font-size: 16px;font-weight: bold; width: 144px;height: 46px;text-align: center;line-height: 46px;overflow: hidden;}

.ys02 .ys dl,.ys04 .ys dl{ width:650px; float:right;}
.container2{margin-left: auto;margin-right: auto;width: 1200px;}

}