@charset "utf-8";
/* CSS Document */
#ZoomBox{background:#fff;}
.container{width: 96%;max-width: 7.68rem;margin:0 auto;overflow:hidden;padding:.25rem .1rem;background:#fafafa;position: relative;}

@media only screen and (min-width:992px){
.container{width:100%;max-width:19.2rem;border-bottom: .05rem solid #0a7bcc;padding: .35rem 0;}
}


/*内页内容*/
.page_main{width:100%;max-width:11rem;min-height:3.5rem;margin:0 auto;overflow:hidden;}

/*column1*/
.page_main .column1{display:none;width:2.2rem;float:left;z-index: 2;position: relative;}
.page_main .column1 .tit{width:100%;height:.9rem;background:#0a7bcc url(../nyimages/ico3.png) right bottom no-repeat;padding:.1rem .25rem;}
.page_main .column1 .tit p{width:100%;height:.4rem;line-height:.5rem;font-weight:bold;color:#fff;font-size:.24rem;}
.page_main .column1 .tit span{width:100%;height:.3rem;line-height:.3rem;color:#fff;font-size:.16rem;display:block;}
.page_main .column1 ul{width:100%;}
.page_main .column1 ul a{width:100%;overflow:hidden;padding-left:.1rem;display:block;white-space:nowrap;text-overflow:ellipsis;}
.page_main .column1 ul li{width:100%;border-bottom:1px solid #fff;border-left:.02rem solid #ff9600;background: #fff;}
.page_main .column1 ul li h2{height:.46rem;font-size:.14rem;background:#f1f3f5;padding:0 .14rem;cursor: pointer;font-weight: bold;}
.page_main .column1 ul li h2 a{line-height:.46rem;}
.page_main .column1 ul li h2:hover a,.page_main .column1 ul li.onn h2 a{color:#ff9600;}
.page_main .column1 ul li.on{padding-bottom: .05rem;}
.page_main .column1 ul li.on h2{background:#ff9600;margin-bottom: .05rem;}
.page_main .column1 ul li.on h2 a{color:#fff;}
.page_main .column1 ul li dl{width:100%;display: none;padding: .05rem 0;}
.page_main .column1 ul li dl dd{position: relative;width: 2.19rem;padding-right: 1px;}
.page_main .column1 ul li dl h4{width: 100%;height: .4rem;overflow: hidden;margin: -.05rem 0;}
.page_main .column1 ul li dl h4 a{line-height:.4rem;color:#999;padding: 0 .15rem 0 .35rem;background:url(../nyimages/ico4.png) .2rem center no-repeat;}
.page_main .column1 ul li dl dd.onn h4 a{color:#ff9600;background-image: url(../nyimages/ico6.png);}
.page_main .column1 ul li dl dd:hover h4 a,.page_main .column1 ul li dl dd.on h4 a{color:#fff;background: #ffaf40 url(../nyimages/ico5.png) .2rem center no-repeat;}
.page_main .column1 ul li dl dd .subpro{width:1.84rem;overflow: hidden;position: absolute;top: -.95rem;left: 100%;display: none;background: #ffaf40;padding: 0 .02rem .02rem;box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}
.page_main .column1 ul li dl dd .subpro .pic{width:1.8rem;height:1.2rem;text-align: center;background: #fff;padding: 0 .1rem;}
.page_main .column1 ul li dl dd .subpro .pic a{width:100%;height:100%;display: block;padding: 0;overflow: hidden;}
.page_main .column1 ul li dl dd .subpro .pic img{max-width:100%;max-height:1.2rem;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.page_main .column1 ul li dl dd .subpro .tits{width:100%;height:.4rem;line-height: .4rem;}
.page_main .column1 ul li dl dd .subpro .tits a{color: #fff;}
.page_main .column1 ul li dl dd .subpro .con{width: 1.8rem;margin: 0 auto;padding: .05rem .1rem;background: #fff;line-height: .2rem;color: #787878;}
.page_main .column1 ul li dl dd:hover .subpro{display: block;}

.page_main .column1 .telbox{width: 100%;overflow: hidden;padding-bottom:.15rem;background: url(../nyimages/procontact.jpg) center bottom no-repeat;margin-top: .2rem;}
.page_main .column1 .telbox .tel_con{width: 100%;overflow: hidden;padding:.9rem .1rem 0;background: url(../nyimages/procontact.jpg) center top no-repeat;max-height: 5.8rem;line-height: .24rem;color: #666;}

.page_main .column1 .ico{width: 100%;overflow: hidden;padding: 0 .05rem;}

/*column*/
.page_main .column{width:100%;padding:.15rem 0;overflow:hidden;}
.page_main .column ul{width:100%;overflow:hidden;margin:0 auto;}
.page_main .column ul li{width:1.4rem;padding:.05rem;overflow:hidden;text-align:center;float:left;}
.page_main .column ul li a{display:block;width:100%;height:.4rem;overflow:hidden;background:#fff;border:1px solid #ddd;-webkit-transition: .5s;transition: .5s;font:200 .15rem/.4rem "";white-space:nowrap;text-overflow:ellipsis;}
.page_main .column ul li:hover a,.page_main .column ul li.on a{border:1px solid #0a7bcc;color:#fff;background:#0a7bcc;}

/*cont*/
.page_main .cont{width:100%;padding-top:.15rem;overflow:hidden;position:relative;z-index: 1;}

@media only screen and (min-width:992px){
.page_main .column{display:none;}
.page_main .column1{display:block;}
.page_main .cont,.page_main .cont .pro_floor_con{width:8.4rem;float:right;}
}


/*aboutus contact page*/
.aboutus .cont{padding:.15rem .1rem 0;line-height:.24rem;}
.aboutus .cont img{max-width:100%;margin:.1rem auto;}

.aboutus .cont .text{width:100%;overflow:hidden;padding-bottom: .15rem;}
.aboutus .cont .mapbox{width:100%;height:2rem;border:1px solid #ccc;margin-right: .15rem;}

@media only screen and (min-width:768px){
.aboutus .cont{line-height:.3rem;}
.aboutus .cont .mapbox{height:3rem;}
}
@media only screen and (min-width:992px){
.aboutus .cont .mapbox{height:3.5rem;}
}


/*prohome page*/
.page_main .pro_floor{width:100%;overflow:hidden;margin-bottom:.1rem;}
.page_main .pro_floor_tit{width:100%;overflow:hidden;height:.4rem;float:left;background:#0a7bcc;margin-bottom:.1rem;}
.page_main .pro_floor_tit p{width:75%;height:.4rem;line-height:.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:.2rem;font-size:.18rem;color:#fff;float:left;}
.page_main .pro_floor_tit a{width:.4rem;display:block;line-height:.4rem;font-size:.24rem;color:#fff;text-align:center;float:right;background:#aaa;}
.page_main .pro_floor_tit a:hover{background:#ffaf40;}

.page_main .pro_floor_con,.page_main .pro_floor_con ul{width:100%;overflow:hidden;}
.page_main .pro_floor_con ul li{width:50%;overflow:hidden;float:left;text-align:center;padding:.05rem;}
.page_main .pro_floor_con ul li .pic{width:100%;overflow:hidden;height:33vw;max-height:2.55rem;padding:.04rem .04rem 0;border:1px solid #ddd;background:#fff;border-bottom:0;}
.page_main .pro_floor_con ul li .pic a{width:100%;height:100%;display:block;overflow:hidden;}
.page_main .pro_floor_con ul li .pic img{max-width:100%;max-height:32vw;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.page_main .pro_floor_con ul li .txt{width:100%;height:.4rem;background:#fff;border:1px solid #ddd;border-top:0;padding:.04rem;}
.page_main .pro_floor_con ul li .txt a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#454545;background:#ddd;height:.3rem;line-height:.32rem;padding:0 .05rem;}
.page_main .pro_floor_con ul li:hover .pic,.page_main .pro_floor_con ul li:hover .txt{border-color:#0a7bcc;}
.page_main .pro_floor_con ul li:hover .txt a{background:#0a7bcc;color:#fff;}

@media only screen and (min-width:768px){
.page_main .pro_floor_con ul li{padding:.1rem;}
.page_main .pro_floor_con ul li .pic img{max-height:2.5rem;}
.page_main .pro_floor_con ul li .txt{height:.5rem;}
.page_main .pro_floor_con ul li .txt a{height:.4rem;line-height:.4rem;}
}
@media only screen and (min-width:992px){
.page_main .pro_floor_con ul li{width:33.3334%;height:2.55rem;padding:0.1rem .15rem;}
.page_main .pro_floor_con ul li .pic{height:1.85rem;}
.page_main .pro_floor_con ul li .pic img{max-height:1.8rem;}
}


/*proshow page*/
.proshowcon{background: #fff;}
.proshow{position:relative;}

.proshow .showpro{width:100%;overflow:hidden;position:relative;}
.showpro_left{width:100%;max-width:7.2rem;margin:0 auto;overflow:hidden;height: 65vw;max-height:4.8rem;background: #fff;border: 1px solid #ddd;text-align: center;}
.showpro_left a{width:100%;height:100%;overflow:hidden;display:block;}
.showpro_left img{max-width:100%;max-height:65vw;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.showpro_right{width:100%;padding:.15rem .1rem;margin:0 auto;overflow:hidden;line-height: .24rem;}
.showpro_right h2{height: .36rem;font: 600 .16rem/.36rem "";}
.proshow .showpro .xunpan{width: 100%;border: 1px solid #e5e5e5;border-width: 1px 0;background: #fafafa;padding: .1rem;text-align: center;}

.modelbox{width: 100%;overflow: hidden;padding: .2rem 0;line-height: .24rem;}
.modelbox span{display: block;width: 100%;height: .3rem;font: 600 .14rem/.3rem "";padding-left: .1rem;}
.modelbox img{width:auto!important;height:auto!important;max-width: 100%;margin: .1rem auto 0;display: block;}

.showpro_detail{width:100%;overflow:hidden;}
.showpro_detail .detail_tit{width:100%;overflow:hidden;height:.45rem;padding-top: .14rem;border-bottom: 1px solid #ddd;}
.showpro_detail .detail_tit p{text-align:center;width:33.3334%;max-width:1.25rem;height:.3rem;overflow:hidden;background:url(../images/onclick.jpg) center no-repeat;background-size:100% 100%;font: .14rem/.32rem "";float: left;}
.showpro_detail .detail_tit p.current{background:url(../images/current.jpg) center no-repeat;background-size:100% 100%;}
.showpro_detail .detail_content{width:100%;overflow:hidden;line-height:.24rem;color:#454545;padding:.1rem 0 .15rem;}
.showpro_detail .detail_content table{max-width: 100%!important;overflow-x: scroll;}
.showpro_detail .detail_content p{margin-bottom:0.1rem;}
.showpro_detail .detail_content img{max-width:100%!important;height:auto!important;margin:0.15rem 0;}

@media only screen and (min-width:768px){
.showpro_left img{max-height:4.8rem;}
.showpro_left .bigPic img{max-height:4.95rem;}
}
@media only screen and (min-width:992px){
.proshowcon{background: #fafafa;}
.proshow .showpro{border: 1px solid #ddd;background: #fff;padding: .15rem;}
.showpro_left{width:4rem;height: 3rem;float: right;border: 0;}
.showpro_left img{max-height:3rem;}
.showpro_right{width:4rem;float: left;padding:0 .1rem;}
.proshow .showpro .xunpan{border:0;padding-top: .25rem;text-align: center;float: left;background: none;}
.modelbox{background: #fff;padding:.2rem .15rem;}
.showpro_detail{background: #fff;padding: 0 .1rem;}
}


/*news page*/
.newslist .news_list,.newslist .news_list ul{width:100%;overflow:hidden;}
.newslist .news_list ul li{width:100%;height:0.4rem;overflow:hidden;float:left;margin-bottom:0.05rem;border-bottom:1px dotted #ccc;position:relative;padding-right: .9rem;}
.newslist .news_list ul li p{font:.14rem/.4rem "";float:left;width:100%;height:.4rem;padding-left: .05rem;}
.newslist .news_list ul li p a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:.25rem;background:url(../nyimages/newsico.png) left .13rem no-repeat;}
.newslist .news_list ul li span{position:absolute;top:0;right:.05rem;color:#999;display: block;height: .4rem;max-width: .9rem;font:.13rem/.44rem Arial;}

.newslist .news_list ul .newsbg{background: #e5e5e5}
.newslist .news_list ul .newsbg p{padding-left: .1rem;font-weight: bold;}
.newslist .news_list ul .newsbg span{right: .1rem;color: #333;font-weight: bold;}


/*newshow page*/
.newshow .newsdetail{padding-bottom:.25rem;}
.newshow .newsdetail .title{width:100%;line-height:0.25rem;font-size:0.18rem;padding:.05rem 0;}
.newshow .newsdetail .newsdate{width:100%;font-family:Arial;color:#999;line-height:0.3rem;margin-bottom:0.1rem;font-size:.15rem;}
.newshow .newsdetail .newsdate img{width:.14rem;height:.14rem;margin:-.04rem .05rem 0 0;}
.newshow .newsdetail .newscontent{width:100%;color:#454545;line-height:0.24rem;}
.newshow .newsdetail .newscontent p{text-align:justify;margin-bottom:0.1rem;}
.newshow .newsdetail .newscontent img{max-width:100%;height:auto!important;margin: .1rem 0;}

@media only screen and (min-width:768px){
.newshow .newsdetail{padding:0 .1rem .25rem;}
.newshow .newsdetail .title{text-align:center;font-size:.2rem;line-height:.3rem;padding-top:.1rem;}
.newshow .newsdetail .newsdate{text-align:center;margin-bottom:.2rem;}
.newshow .newsdetail .newscontent{line-height:.3rem;}
}


/*feedback page*/
.order .cont{max-height:6.3rem;background:url(../nyimages/lxbg.jpg) center no-repeat;padding:0.3rem 0.1rem;margin:.1rem 0;border:1px solid #ddd;}
.order .cont ul li{width:100%;height:0.3rem;margin-bottom:0.1rem;overflow:hidden;position:relative;}
.order .cont ul li .bt{width:0.9rem;display:block;float:left;text-align:right;height:0.3rem;line-height:0.3rem;}
.order .cont ul li p{width:100%;padding-left:0.9rem;position:absolute;left:0;top:0;}
.order .cont ul li p .text{max-width:100%;height:0.3rem;border:1px solid #ddd;line-height:0.24rem;padding:0.03rem 0.05rem;float:left;}
.order .cont ul li.li_2{height:1.8rem;}
.order .cont ul li.li_2 textarea{width:100%;max-width:4rem;border:1px solid #ddd;height:1.74rem;line-height:0.24rem;padding:0 0.05rem;float:left;}
.order .cont ul li.code input{width:0.6rem;border:1px solid #ddd;line-height:0.24rem;height:0.3rem;float:left;padding:0.03rem 0.05rem;}
.order .cont img{float:left;padding:0.04rem 0.05rem;}
.order .cont .red,.order .cont a{float:left;display:block;height:0.3rem;line-height:0.3rem;}
.order .cont a{padding-right:0.05rem;}
.order .cont ul li.li_3{height:0.4rem;padding:0.05rem 0;}
.order .cont ul li.li_3 input{display:block;width:0.8rem;height:0.3rem;float:left;margin-right:0.05rem;font-size:0.16rem;}
.order .cont ul li.li_3 .tj{background:#0a7bcc;color:#fff;}

@media only screen and (min-width:480px){
.order .cont ul li.code input{width:auto;}
.order .cont ul li.li_3 input{width:1rem;margin-right:.1rem;}
}
@media only screen and (min-width:768px){
.order .cont ul li .bt{width:1.2rem;}
.order .cont ul li p{padding-left:1.2rem;}
}
@media only screen and (min-width:992px){
.order .cont{margin:.2rem auto;padding-top:.4rem;}
.order .cont ul li .bt{width:1.5rem;}
.order .cont ul li p{padding-left:1.5rem;}
}


/*shop*/
.Wrap_cart{}
.mycart_tip{width: 100%;max-width: 9.3rem;overflow: hidden;position: relative;height: 1.5rem;margin: 0 auto;}
.List_cart{width: 100%;max-width: 9.4rem;margin:0 auto;padding:.1rem .05rem;overflow: hidden;}
.List_cart h2{width: 100%;height: .3rem;background:#0bada0;font: 600 .14rem/.3rem "";color: #fff;padding: 0 .2rem;}
.cart_list{width: 100%;overflow: hidden;padding: .15rem;background: #fff;border: .03rem solid #0bada0;border-top: 0;}
.cart_list ul{width: 100%;overflow: hidden;position: relative;padding: 0 1.2rem 0 .6rem;border: 1px solid #e2e2e2;border-width: 1px 1px 0 0;}
.cart_list ul li{width: .6rem;height: 100%;position: absolute;top: 0;border-left: 1px solid #e2e2e2;overflow: hidden;}
.cart_list ul li.txt1{left: 0;}
.cart_list ul li.txt2{width: 100%;position: relative;}
.cart_list ul li.txt3{right: .6rem;}
.cart_list ul li.txt4{right: 0;}
.cart_list ul.titl{height:.35rem;background: #eee;font:200 .12rem/.35rem "";text-align: center;}
.cart_list ul.list{height:auto;}
.cart_list ul.list .posit{display: block;width: 100%;height: .3rem;font: 200 .13rem/.3rem Arial;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-align: center;color: #666;}
.cart_list ul.list .txt4 .posit{font-family: "微软雅黑";}
.cart_list ul.list .txt2{padding:.03rem .03rem .03rem .6rem;}
.cart_list ul.list .txt2 p{width: .54rem;height: .54rem;position: absolute;left: .03rem;top:.03rem;border: 1px solid #e2e2e2;padding: 1px;}
.cart_list ul.list .txt2 p a{width: 100%;height: .5rem;display: block;overflow: hidden;text-align: center;}
.cart_list ul.list .txt2 p a img{max-width: 100%;max-height: .5rem;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.cart_list ul.list .txt2 span{display: block;height: .54rem;width: 100%;overflow: hidden;}
.cart_list ul.list .txt2 span a{overflow:hidden;display:block;position: relative;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);float: left;}


.cart_list .btns{width: 100%;overflow: hidden;height: .5rem;padding-top: .15rem;text-align: center;border-top: 1px solid #e2e2e2;}
.cart_list .btns a{padding: 0 .05rem;}
.cart_list .btns a img{width: 1rem;height: .32rem;}

@media only screen and (max-width:767px){
.mycart_tip{height: .6rem;box-shadow: 0 0.02rem 0.05rem rgba(128,128,128,0.3);}
.mycart_tip img{position: absolute;left: -.2rem;bottom: -.02rem;}
.mycart_tip #Map{width: .7rem;height: .6rem;position: absolute;top: 0;right: 0;background: url(../nyimages/sy.png) center no-repeat;}
.mycart_tip #Map area{width: .7rem;height: .6rem;display: block;}
.cart_list{padding: .1rem .07rem;}
}
@media only screen and (min-width:768px){
.cart_list ul{padding: 0 1.4rem 0 .7rem;}
.cart_list ul li.txt1{width: .7rem;}
.cart_list ul li.txt3{right: .7rem;width: .7rem;}
.cart_list ul li.txt4{width: .7rem;}
.cart_list ul.list .txt2{padding:.05rem .05rem .05rem .75rem;}
.cart_list ul.list .txt2 p{width: .6rem;height: .6rem;left: .05rem;top: .05rem;}
.cart_list ul.list .txt2 p a{height: .56rem;}
.cart_list ul.list .txt2 p a img{max-height: .56rem;}
.cart_list ul.list .txt2 span{height: .6rem;}
}

/*user*/
#cFrameDiv{width:90%!important;max-width: 3.6rem;min-width: 3.2rem;overflow: hidden;left: 0!important;}
#div_cFrame{width:100%!important;}
#div_cFrame iframe{width:100%!important;}

@media only screen and (min-width:320px){
#cFrameDiv{left: 50%!important;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
}


/*faq page*/
.faqlist .problem_list{width:100%;overflow:hidden;}
.faqlist .problem_list ul li{width:100%;float:left;border-bottom:1px dotted #ccc;padding:0 0.1rem;height:0.35rem;line-height:0.34rem;margin-bottom:0.05rem;position:relative;}
.faqlist .problem_list ul li .news_title{width:100%;float:left;padding-right:0.6rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.faqlist .problem_list ul li .news_tm{width:0.5rem;height:0.35rem;position:absolute;right:0.1rem;top:0;text-align:center;color:#787878;font-size:.15rem;}
.faqlist .problem_list ul .newsbg{height:0.4rem;background:#f3f5f7;line-height:0.45rem;margin-bottom:0.1rem;}

@media only screen and (min-width:480px){
.faqlist .problem_list ul li{padding:0 .15rem;}
}


/*videolist page*/
.videolist .cont ul li{width:100%;}
.videolist .cont ul li .pic{width:100%;height:60vw;max-height:2.4rem;padding:0;border:0;background:#000 url(../nyimages/sp.png) center no-repeat;background-size:100% auto;}
.videolist .cont ul li .pic img{max-height:60vw;display:none;}
.videolist .cont ul li .txt{border:0;background:none;}
.videolist .cont ul li .txt a{background:none;}
.videolist .cont ul li:hover .txt a{background:none;color:#e50012;}

@media only screen and (min-width:480px){
.videolist .cont ul li{width:50%;}
.videolist .cont ul li .pic{height:30vw;}
.videolist .cont ul li .pic img{max-height:30vw;}
}
@media only screen and (min-width:768px){
.videolist .cont ul li .pic img{max-height:2.4rem;}
}


/*videoshow page*/
.videoshow .videosdetail{margin-bottom:.2rem;}
.videoshow .videosdetail .title{text-align:center;font-size:.18rem;line-height:.25rem;padding-top:.05rem;}
.videoshow .videosdetail .sp{width:100%;height:56vw;max-height:4.3rem;padding-top:.1rem;overflow:hidden;}

@media only screen and (min-width:768px){
.videoshow .videosdetail .title{font-size:.2rem;line-height:.3rem;padding:.1rem 0 .05rem;}
}
@media only screen and (min-width:992px){
.videoshow .videosdetail .sp{max-height:5.2rem;}
}


/*网站地图*/
.sitemap{background:#fbfbfb;}
.sitemap .position{margin-bottom:0.2rem;}
.sitemap .bum{width:100%;margin-bottom:.2rem;border-radius:.05rem;}
.sitemap .bum .tit{width:100%;border:1px solid #f0f0f0;border-bottom:1px solid #ddd;height:.36rem;line-height:.36rem;background:url(../nyimages/aboutbg.gif) bottom repeat-x;padding:0 .1rem;}
.sitemap .bum .tit p{float:left;font-weight:bold;}
.sitemap .bum .tit a{float:right;font-size:0.14rem;}
.sitemap .bum .con{width:100%;padding:0.1rem .1rem 0;overflow:hidden;}
.sitemap .bum .con ul li{height:0.24rem;line-height:0.24rem;width:100%;max-width:3.2rem;float:left;padding-right:0.15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media only screen and (min-width:768px){
.sitemap .bum .tit{padding:0 .15rem;}
.sitemap .bum .con{padding:0.1rem .15rem 0;}
}

