ody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select{ font-family:"microsoft yahei";}

body,html{width:100%; overflow-x: hidden; background: #fff;}
@font-face {
  font-family: 'iconfont';
  src: ;
  src:  format('embedded-opentype'),
       format('woff2'),
       format('woff'),
       format('truetype'),
       format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


 input:focus{outline: none;}
.lf{float: left;}
.rf{float: right;}

.pc_menu{display: block;}
.m_menu{display: none;}
.nav{position: relative; font-size: 0; z-index: 9;}
.nav li{line-height: 1.25rem; padding: 0 0.48rem;}
.nav .leftnav{position: absolute; top: 0; left: 0.48rem;text-align:left;padding:0;}
.nav .rightnav{position: absolute; top: 0; right: 0.48rem;text-align:right;padding:0;}
.nav img{vertical-align: middle;}
.nav .logo img{width: 3.06rem;}
.nav .leftnav a{vertical-align: bottom;}
.nav .rightnav a{vertical-align: bottom;}
.nav a{height: 0.95rem; line-height: 0.49rem; display: inline-block; font-size: 0.17rem;position: relative;text-align: center; padding: 0 0.20rem;}
.nav a b i{display: inline-block; background: url(/uploads/image/dtwh/images/btn_bg.png) no-repeat; background-size: auto  100% ; background-position:center top; width: 0.12rem; height: 0.49rem;vertical-align: top; padding: 0  0.10rem;}
.nav a span{position: absolute; top: 0; left:0;display: block;height: 0.49rem; width: 90%; opacity: 0; background: #035940; transition: all 0.3s; }
.nav a b{position: relative;z-index: 1; font-weight: normal;display: block; height: 0.49rem; color: #545c5c;}
.nav:after{background: url(/uploads/image/dtwh/images/nav_bg.png) ; position: absolute; bottom: 0; left: 0; height: 0.10rem; width: 100%;content:" "; display: block;}
.nav a.subnavhide b{width: 0.7rem;}
.nav a.subnavhide span{width: 100%;}
.nav a.over span{opacity: 1;}
.nav a.over b{color: #fff;}
.nav a.over b i{background: url(/uploads/image/dtwh/images/btn_bg_over.png) no-repeat; background-position:center top; background-size: auto  100% ;}
.nav a.search img{width: 0.52rem;}
.nav a.search b{width: 0.26rem;background-position:left center; margin: 0 auto; overflow: hidden;}
.nav a.search span{width: 0.60rem;height: 0.60rem; border-radius: 0.60rem; top: 50%;left: 50%;transform: translate(-50%, -87%);}
.nav a.search.over b img{margin-left: -0.26rem;}

.subnav{position: absolute; top:1.15rem; left: 0; width: 100%; background: #fff; display: none;border-top:0.02rem solid #035940; z-index: 9; padding-bottom: 0.47rem;}
.subnav .conbox{width: 12.80rem;  margin: 0 auto; display: none;}
.subnav .conbox .itemcon{float: left; width: 50%;}
.conbox .title{padding-top: 0.27rem; font-size: 0.16rem; color: #035940; padding-bottom: 0.23rem; position: relative; margin-left: 0.05rem;}
.conbox .title:after{position: absolute;bottom: 0; content: ""; left: 0;width: 0.20rem; height: 0.02rem; background: #035940;}

.subnav:after{background: url(/uploads/image/dtwh/images/nav_bg.png) ; position: absolute; bottom: 0; left: 0; height: 0.10rem; width: 100%;content:" "; display: block;}
.subnav .conbox .itembox {font-size: 0; padding-top: 0.15rem;}
.subnav .conbox .itembox a{display: inline-block; width: 2.92rem; height: 1.10rem; border: 0.01rem solid #e5e5e5; font-size: 0.17rem; vertical-align:middle;line-height: 1.10rem; margin: 0.05rem; position: relative; text-align: left; color:#6e6e6e; }
.subnav .conbox .itembox a span{vertical-align:middle; display: inline-block; width: 1.1rem;line-height: 0.24rem; text-align: right; margin-left: 1.66rem;  transition: all 0.3s ease-out;}
.subnav .conbox .itembox a img{height: 100%; position: absolute; left: 0; transition: all 0.3s ease-out;}
.subnav .conbox.con1 .itembox a span{text-align: right;}
.subnav .conbox .demand .itembox {padding-top: 0;}
.subnav .conbox .demand .itembox a{border: none; width: 1.96rem; height: 0.60rem;line-height:0.6rem;
margin-top: 0.15rem;margin-bottom: 0.15rem;}
.subnav .conbox .demand .itembox a span{margin-left: 0.73rem; text-align: left;}
.subnav .conbox .demand .itembox a img{width: 0.60rem; border-radius:0.60rem ; border: 0.01rem solid #f0efef;}
.subnav .conbox .itembox a:hover span{color: #035940;}

.subnav .con3{padding: 0.47rem 0 0; text-align: center;}
.subnav .con3 .itembox{padding-top: 0;}
.subnav .con3 .itembox a{width: 3.60rem; text-align: left;}
.subnav .con3 .itembox a span{margin-left: 2.20rem;}

.subnav .con5{padding: 0.47rem 0 0; text-align: center;}
.subnav .con5 .itembox{padding-top: 0;}
.subnav .con5 .itembox a{width: 3.60rem; text-align: left;}
.subnav .con5 .itembox a span{margin-left: 2.20rem;}

.subnav .con6 .itembox{padding-top: 0.43rem; text-align: left; width: 80%; margin: 0 auto;}
.subnav .con6 .itembox a{width:2.5rem; border: 0; line-height: 0.5rem; height: 0.5rem; padding:0.1rem 0; margin-left: 0.8rem;}
.subnav .con6 .itembox a span{text-align: left; margin-left: 0.7rem; width: 2.26rem; color: #00573e; font-size: 0.15rem;}
.subnav .con6 .itembox a img{width: 0.5rem; height: 0.5rem; }
/*.subnav .con6 .itembox a:hover span{margin: 0rem; text-align: left;}
.subnav .con6 .itembox a:hover img{left:50%}*/
.subnav .con7 {width: 100%;}
.subnav .hot_deals{width:12.80rem; margin: 0 auto; position: relative;}
.subnav .con7 .hot_deals .title{color: #545c5c; width: 2.80rem; text-align: center; margin: 0 auto; padding: 0.38rem 0;position: relative;}
.subnav .hot_deals .title b{background: #fff; display: inline-block; position: relative; z-index: 1; padding: 0 0.19rem;font-size: 0.28rem;  line-height: 0.28rem;}
.subnav .hot_deals .title:after{position: absolute;top: 50%; content: ""; left: 0;width: 100%; height: 0.02rem; background: #a9adad;}
.hot_deals .swiper-container{width: 12.00rem;}
.hot_deals  .box{text-align: center; color: #545c5c;  margin: 0 0.1rem; padding-bottom: 0.06rem; position: relative;}
.hot_deals  .box a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hot_deals  img{width: 100%;}
.hot_deals  p{font-size: 0.14rem; color: #545c5c;height: 0.54rem;}
.hot_deals  p span{line-height:0.24rem; vertical-align: middle;}
.hot_deals .price{width: 98%; margin: 0 auto; font-size: 0.14rem; color: #545c5c; text-align: right; border-top:0.01rem solid #ccc; height: 0.24rem; line-height: 0.24rem;}
.hot_deals .btn{width: 0.18rem; position: absolute; top:2.1rem; right: 0; cursor: pointer;}
.hot_deals .prevbtn{top:2.1rem; left: 0; right:auto; cursor: pointer;}
.hot_deals .btn img{width: 100%;}

.subnav .searchbox{background: #035940;margin-top: -0.01rem; padding: 0.16rem 0;}
.subnav .searchbox .bg{width: 5.80rem; margin: 0 auto; border-bottom: 0.01rem solid #fff; padding: 0.16rem 0 ;}
.subnav .searchbox .bg input[type="search"]{width: 5.41rem;font-size: 0.18rem; background: none; border: 0; color: #fff;}
.subnav .searchbox .bg input[type="search"]::-moz-placeholder{color: #fff;}
.subnav .searchbox .bg input[type="search"]::placeholder{color: #fff;}
.subnav .searchbox .bg input[type="submit"]{width: 0.26rem; background: url(/uploads/image/dtwh/images/searchbtn.png) no-repeat; background-position: right top; background-size: 200% auto; border: none;height: 0.26rem;}
.subnav .searchbox .bg input[type="button"]{width: 0.26rem; background: url(/uploads/image/dtwh/images/searchbtn.png) no-repeat; background-position: right top; background-size: 200% auto; border: none;height: 0.26rem; cursor: pointer;}


.footer{background: #e6f2e6; width: 100%; padding: 0.45rem 0 0.25rem;}
.footer .box{width: 12.80rem; margin: 0 auto; color: #146242; text-align: center;}
.footer li{display: inline-block; margin-right: 3%;vertical-align: middle;}
.footer li:last-child{margin-right: 0; text-align: left;}
.footer .logo{width: 1.12rem;}
.footer li.con1 div{padding:0.11rem 0 ; line-height: 0.15rem; font-size: 0; color: #146242;}
.footer li.con1 div a{position: relative; color: #146242;display: inline-block;}
.footer li.con1 div a .qrcode{position: absolute; top: -144px; left: 45%; margin-left: -52px; display: none;}
.footer li.con1 div a:hover .qrcode{display: block;}

.footer li.con1 div b{font-size: 0.15rem; margin-right: 0.27rem; vertical-align: middle;}
.footer li.con1 div.txt0{line-height: 0.19rem;}
.footer .con1 .txt0 img{height: 0.19rem;}

.footer .con1 .txt0 a{width: 1rem; text-align: center;}
.footer .con1 .txt0 a span{display: none; font-weight: bold;}
.footer .con1 .txt1{font-size: 0.14rem;}
.footer .con1 .txt2{font-size: 0.14rem;}
.footer li.con1 div a .qrcode img{height: 143px;}
.footer li.con1 div.txt3{line-height: 0.22rem;}
.footer li.con1 div.txt3 a{width: auto; margin-right: 0.22rem;}
.footer li.con1 div.txt3 a img{height: 0.22rem; vertical-align: middle;}
.footer li.con1 div.txt0 a{ margin-right: 0.22rem;}
.footer li.con1 div.txt0 a:nth-child(2){width:0.7rem;}
.footer li.con1 div.txt0 a:nth-child(3){width:0.67rem;}
.footer li.con1 div.txt0 a:nth-child(4){width: 0.24rem;}
.footer li.con1 div.txt0 a:nth-child(5){width: 0.67rem;}
.footer li.con1 div.txt0 a:nth-child(6){width: 0.79rem;}
.footer li.con1 div.txt3 a:nth-child(6) img{ height: 0.17rem;}
.footer .copyright{text-align: center; padding-right: 0.34rem; font-size: 0.14rem; color: #5d5d5d;padding-top: 0.48rem;}
.footer .copyright a{color: #5d5d5d;}
	.footer .pc{display: inline;}
	.footer .m{display: none;}

.popbox{position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 999;display: none;}
.popbox .popbg{background: #000; opacity: 0.8; width: 100%; height: 100%; }
.popbox .popcontent{position: absolute; top: 50%; left: 50%; margin-left:-4.01rem; margin-top: -2.97rem; width: 12.8rem; height: 7.20rem; }
.popbox .popcontent .vclose{position:absolute; top:0.1rem; right:0.1rem; z-index:1; cursor:pointer;}
.popbox .popcontent .vclose img{ width:0.23rem;}
.popbox .popcontent #my-player{
	 width: 12.8rem; height: 7.20rem;
}
.popbox .popcontent #my-player video{
	 width: 12.8rem; height: 7.20rem;
}
.container{width: 100%; margin-top: -0.10rem;}
.vjs-default-skin .vjs-big-play-button{left: 3rem;top: 4em;}


.error400{height: 6.71rem; line-height: 6.71rem; text-align: center;}
.error400 img{vertical-align: middle;}

/*首页*/
.index .title{color: #545c5c; font-size: 0.28rem; width: 3.5rem; margin:0.50rem auto 0; position: relative; text-align: center; }
.index .title img{width: 100%;}
.index .banner{width: 100%;}
.index .banner .boxbg{ padding-top:20%;background-size:auto 100%; background-repeat: no-repeat; position: relative; background-position: center top; display: block;}
.index .banner .boxbg .link{position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: block; z-index:99;}
.index .banner .boxbg .txtcon{padding: 0.56rem 0 0.6rem; width: 12rem; height: 1.32rem; margin: 0 auto; position: relative;}
.index .banner .boxbg .txtcon h6{font-size: 0.36rem; line-height: 0.48rem;margin-top: 0.36rem;}
.index .banner .boxbg .txtcon p{font-size: 0.18rem; line-height: 0.24rem; color: #4e4d4d;padding: 0.15rem 0;}
.index .banner .boxbg .txtcon a.more{position: absolute; bottom: 0.25rem; right: 0; width: 2.53rem; text-align: center; border: 0.01rem solid; height: 0.70rem; line-height: 0.70rem; font-size: 0.18rem; font-weight: normal; }
.index .banner .boxbg .txtcon a.more span{font-size: 0.5rem;vertical-align: middle; margin-left: 0.32rem;}
.index .banner .btn{position: absolute; top: 0; z-index: 5; height:100%; width:1.8rem; left: 0; cursor: pointer;}
.index .banner .btn img{ position: absolute; top:43%; left:0.3rem;}
.index .banner .btn.right_btn{right: 0; left: auto;}
.index .banner .btn.right_btn img{ position: absolute; top:43%; left:1.0rem;}

.index  .page{position: absolute; bottom: 0rem; right: 0; z-index: 2; width: 100%;}
.index  .page .pagination{width: 12rem; margin: 0 auto; text-align:center;}
.index  .page .pagination .swiper-pagination-bullet{width: 17px; height: 17px; margin: 0 0.03rem; background: none; position: relative;}
.index  .pagination .swiper-pagination-bullet b{position: absolute; width: 9px; height: 9px; border-radius:9px; display: block; top: 4px; left: 4px;}
.index  .pagination .swiper-pagination-bullet-active{border: 1px solid; }
.index .bestsellers{width: 10.8rem; margin: 0 auto; position: relative}

.index .bestsellers .bestsellersbox{width: 9rem; margin: 0 auto; text-align: center; }
.index .bestsellers .bestsellersbox h6{font-size: 0.23rem; color: #545c5c; line-height: 0.58rem;}
.index .bestsellers .bestsellersbox p{font-size: 0.16rem; color: #545c5c; line-height: 0.18rem;}
.index .bestsellers .bestsellersbox .box{width: 2.5rem; height:5rem;position: relative; margin: 0 auto;}
.index .bestsellers .bestsellersbox .box .txt{position: relative; z-index: 1; padding-top: 0.56rem;}
.index .bestsellers .bestsellersbox .box img{width: 100%;transition: all 0.4s;}
.index .bestsellers .bestsellersbox .box .bg{position: absolute; bottom:0.7rem; width: 100%; height: 2.59rem; left: 0;  background-size: 100% auto; background-repeat: no-repeat; background-position: bottom left; border-radius:0.05rem ; overflow:hidden;transition: all 0.4s;}
.index .bestsellers .bestsellersbox .box a{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.index .bestsellers .btn{position: absolute; top: 3.19rem; cursor: pointer;}
.index .bestsellers .rihtbtn{right: 0;}
.index .anniversary .title{margin:0.2rem auto 0.40rem;}
.index .anniversary .img{background: url(/uploads/image/dtwh/images/anniversary_img.jpg) no-repeat; background-size:100% auto; background-position: center bottom; width: 12.80rem; height: 4.81rem;display: block; margin: 0 auto;}
.index .anniversary .videobox{ width:12.80rem;font-size: 0; text-align: center; padding:0.22rem 0; text-align: center;}
.index .anniversary .videobox .swiper-slide{float: left;width: 24%;padding-right: 0.17rem; position: relative;}
.index .anniversary .videobox .swiper-slide:last-child{margin-right:0;}
.index .anniversary .videobox .swiper-slide img{width: 100%;}
.index .anniversary .videobox .swiper-slide .btn{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/uploads/image/dtwhi/anniversary_video_btn.png) no-repeat; background-size:0.64rem auto; background-position: center; cursor: pointer;}

.index .startvc{height:8.80rem;}
.index .startvc .title {width:12.80rem; font-size:0.30rem; color:#329fdb; margin:0 auto 0.30rem auto; padding-top:0.50rem;}
.index .startvc #my-player{width:12.80rem; height:7.20rem; margin:0 auto;}
/*.index .startvc #my-player video{width:12.80rem; height:7.20rem;}*/

.index .startvc.mobile{height:5.40rem; width:92%; margin:0 auto;}
.index .startvc.mobile .title{width:92%; font-size:0.30rem; color:#329fdb; margin:0 auto 0.30rem auto;}
.index .startvc.mobile #my-player{width:100%; height:auto;}
.index .startvc.mobile #my-player video{width:100%;}

.index .welfare_club{padding-bottom: 0.94rem;}
.index .welfare_club .title{margin-bottom:0.4rem;}
.index .welfare_club .box{width: 12.80rem; margin: 0 auto; font-size: 0; display: flex;}
.index .welfare_club .box li{width: 50%; float: left; margin-right: 0.04rem;}
.index .welfare_club .box li:last-child{margin-right: 0;}
.index .welfare_club .box .img_0{width: 100%; background-size: auto 100%; background-position: center top; height: 4.78rem; display: block;}
.index .welfare_club .box .img_1{height: 2.37rem;margin-bottom: 0.05rem;}
.index .welfare_club .box .img_2{height: 2.37rem;margin-right: 0.04rem;}
.index .welfare_club .box .img_3{height: 2.37rem;}

.index .popup .pop_big{width:100%; height:110%; background:url(/uploads/image/dtwhi/black_bg.png); position:fixed; top:0; z-index:99;}
.index .popup .popcontent{margin:8% auto 0 auto;width:11.8rem; height:6.64rem; background: no-repeat; background-size:11.80rem; cursor:pointer;}
.index .popup .popcontent .pc{padding:0 13.40rem 6.5rem 13.40rem; display:block;}
.index .popup .popcontent .mobile{padding:0 13.40rem 6.5rem 13.40rem; display:none;}
.index .popup .btnclose{width:1.5rem; height:auto; margin:0.1rem auto 0 auto; color:#fff; text-align:center; font-size:0.2rem; cursor:pointer;}
.index .popup .btnclose img{ margin-top:0.1rem; }
.index .popup .pop_small{width:auto; height:auto; position:fixed; right:0.3rem; top:7.6rem; z-index:9; display:none;}
.index .popup .pop_small img{ width:1.35rem;}

.productlist .banner {width: 70%;     height: 3.5rem; margin: 0 auto;}
.productlist .banner .boxbg{width: 100%; height: 3.5rem; background-size: auto 100%; background-position: center;  background-repeat: no-repeat; display: block;}
.productlist .banner .tvcicon{position: absolute; top: 3rem; z-index: 9;right: 2%;  display: block; width: 0.5rem;}
.productlist .banner .tvcicon img{width: 100%;}
.productlist .banner .btn{position: absolute; top: 45%; z-index: 1; left: 0.5rem;}
.productlist .banner .btn.right_btn {left: auto; right: 0.5rem; cursor: pointer;}
.productlist .totleseries{width:71%;padding:0.35rem 0.24rem 0; margin: 0 auto; font-size: 0.20rem; color: #3b4249;}
.productlist .filterbox dl{width:72%; margin: 0 auto;padding:0.03rem 0.24rem 0.18rem; padding-right: 0; cursor: pointer;border-bottom: 0.01rem solid #ccc; padding-bottom: 0.06rem; font-size: 0; }
.productlist .filterbox dl:last-child{border: none ;}
.productlist .filterbox dt{width:0.8rem;padding-top: 0.15rem; color: #545c5c; line-height: 0.34rem;  display: inline-block;    text-align: left;}
.productlist .filterbox dt b{display: block;font-size: 0.16rem; padding-bottom: 0.1rem; position: relative;}
.productlist .filterbox dt b:after{content: ""; display: block; position: absolute; bottom: 0; left: 0 ; height: 0.02rem; background: #545c5c; width: 0.2rem;}
.productlist .filterbox dd{ word-break: break-all; text-align: center; font-size: 0.14rem;display:  inline-block;}
.productlist .filterbox dd .bg{margin: 0 0.06rem;padding: 0.1rem 0.05rem; border-radius:0.08rem;}
.productlist .filterbox dd:hover .bg{background: #e9e8e8;}
.productlist .filterbox dd.on .bg{background: #e9e8e8;}
.productlist .filterbox .series img{width: 0.7rem;}
.productlist .filterbox .demand img{width: 0.54rem;}
.productlist .filterbox .demand{border: 0;}
.productlist .filterbox dd span{display: block; padding-top: 0.08rem; color: #4f5153;}
.productlist h4{text-align: center;padding-top: 0.3rem;}
.productlist h4 img{height:auto;}
.productlist p.txt{padding: 0.18rem 0;  text-align: center; position: relative; font-size: 0.16rem; color: #545c5c;}
.productlist p.txt:after{content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -0.2rem; height: 0.02rem; width: 0.4rem; background: #ea6200;}
.productlist .conbox{width: 80%; margin: 0 auto; text-align: left;padding: 0.18rem 0; min-height: 6rem;}
.productlist .conbox .itemcon{display:none;font-size: 0.16rem; line-height: 0.28rem; color: #2b2d2d; position: relative; text-align: center; width: 25%;}
.productlist .conbox .itemcon.on{display:inline-block;}
.productlist .conbox .itemcon span{display: block;}
.productlist .conbox .itemcon img {width: 2.4rem;}
.productlist .conbox .itemcon .sutitle{text-align: center; font-size: 0.14rem; color: #545c5c; margin-bottom: 0.22rem; margin-top:0.1rem;}
.productlist .conbox .itemcon a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.productlist .conbox .itemcon p{padding-bottom: 0.18rem;line-height: 0.5rem;height: 0.5rem;}
.productlist .conbox .itemcon p span{display: block; line-height: 0.3rem;}
.productlist .conbox .itemcon .line{content: ""; position: relative; margin-top: 0.1rem; left: 50%; margin-left: -0.2rem; height: 0.02rem; width: 0.4rem; background: #ea6200;}
.productlist .conbox .nothing{background: url(/uploads/image/dtwhi/product/not-product.jpg) no-repeat; background-size:100% auto;    width:7.57rem;  height: 3.75rem; margin: 0 auto;}
.productlist .page{text-align: center; font-size: 12px; padding: 10px; color: #666; cursor: pointer;}
.productlist .page .pagebox{padding: 0; border: 0; margin: 0; cursor: pointer;}
.productlist .page b,.productlist .page span{font-weight: normal; padding: 0.07rem 0.1rem; border: 1px solid #ccc; display: inline-block; margin: 0 0.1rem;}
.productlist .page span.off{border-color:#fafafa ;}
.productlist .page b.on{background: #72ac2f; border-color:#72ac2f ; color: #fff;}
.productlist .page b:hover,.productlist .page span:hover{background: #72ac2f; border-color:#72ac2f ; color: #fff;}
.productlist .page i{font-style: normal;}
.productlist .page span.off:hover{background: none; border-color: #fafafa; color: #666;}

.pc_filterbox{display: block;}
.m_filterbox{display: none;}

/*.searchlist .conbox{width: 80%; margin: 0 auto;padding: 0.18rem 0; min-height: 6rem;}*/
/*.searchlist .conbox .itemcon{display:none;font-size: 0.16rem; line-height: 0.28rem; color: #2b2d2d; position: relative; text-align: center;  width: 25%;}
.searchlist .conbox .itemcon.on{display:inline-block;}
.searchlist .conbox .itemcon span{display: block;}
.searchlist .conbox .itemcon img {width: 2.4rem;}
.searchlist .conbox .itemcon .sutitle{text-align: center; font-size: 0.14rem; color: #545c5c; margin-bottom: 0.22rem; margin-top:0.1rem;}
.searchlist .conbox .itemcon a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.searchlist .conbox .itemcon p{padding-bottom: 0.18rem;line-height: 0.5rem;height: 0.5rem;}
.searchlist .conbox .itemcon p span{display: block; line-height: 0.3rem;}
.searchlist .conbox .itemcon .line{content: ""; position: relative; margin-top: 0.1rem; left: 50%; margin-left: -0.2rem; height: 0.02rem; width: 0.4rem; background: #ea6200;}*/
.searchlist .conbox{width: 80%; margin: 0 auto; text-align: left;padding: 0.18rem 0; min-height: 6rem;}
.searchlist .conbox .itemcon{display:none;font-size: 0.16rem; line-height: 0.28rem; color: #2b2d2d; position: relative; text-align: center; width: 25%;}
.searchlist .conbox .itemcon.on{display:inline-block;}
.searchlist .conbox .itemcon span{display: block;}
.searchlist .conbox .itemcon img {width: 2.4rem;}
.searchlist .conbox .itemcon .sutitle{text-align: center; font-size: 0.14rem; color: #545c5c; margin-bottom: 0.22rem; margin-top:0.1rem;}
.searchlist .conbox .itemcon a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.searchlist .conbox .itemcon p{padding-bottom: 0.18rem;line-height: 0.5rem;height: 0.5rem;}
.searchlist .conbox .itemcon p span{display: block; line-height: 0.3rem;}
.searchlist .conbox .itemcon .line{content: ""; position: relative; margin-top: 0.1rem; left: 50%; margin-left: -0.2rem; height: 0.02rem; width: 0.4rem; background: #ea6200;}
.searchlist .conbox .nothing{background: url(/uploads/image/dtwhi/product/not-product.jpg) no-repeat; background-size:100% auto;    width:7.57rem;  height: 3.75rem; margin: 0 auto;}
.searchlist .page{text-align: center; font-size: 12px; padding: 10px; color: #666; cursor: pointer;}
.searchlist .page .pagebox{padding: 0; border: 0; margin: 0; cursor: pointer;}
.searchlist .page b,.searchlist .page span{font-weight: normal; padding: 0.07rem 0.1rem; border: 1px solid #ccc; display: inline-block; margin: 0 0.1rem;}
.searchlist .page span.off{border-color:#fafafa ;}
.searchlist .page b.on{background: #72ac2f; border-color:#72ac2f ; color: #fff;}
.searchlist .page b:hover,.productlist .page span:hover{background: #72ac2f; border-color:#72ac2f ; color: #fff;}
.searchlist .page i{font-style: normal;}
.searchlist .page span.off:hover{background: none; border-color: #fafafa; color: #666;}


.searchlist .searchbox{margin-top: -0.01rem; padding: 0.16rem 0;}
.searchlist .searchbox .bg{width: 5.80rem; margin: 0 auto; border-bottom: 0.01rem solid #2b2d2d; padding: 0.16rem 0 ;}
.searchlist .searchbox .bg input[type="search"]{width: 5.31rem;font-size: 0.18rem; background: none; border: 0; color: #2b2d2d;}
.searchlist .searchbox .bg input[type="search"]::-moz-placeholder{color:#2b2d2d;}
.searchlist .searchbox .bg input[type="search"]::placeholder{color: #2b2d2d;}
.searchlist .searchbox .bg input[type="button"]{width: 0.26rem; background: url(/uploads/image/dtwh/images/searchlist_searchbtn.png) no-repeat; background-size: 100% 100%; border: none;height: 0.26rem;
    margin-left: 0.1rem;cursor: pointer;}
.searchlist .searchbox_txt{border: 1px solid #e5e5e5; width: 90%; max-width: 12.80rem; font-size: 0.18rem; color: #2b2d2d; margin: 0 auto; text-align: center; padding: 0.25rem 0; margin-top: 0.42rem;}
.searchlist .searchbox_txt span{color: #72ad2f; margin: 0 0.1rem;}


.product_content .pc-logo{display: block;}
.product_content .m-logo{display: none;}
.product_content .product_box{width: 12.80rem; margin: 0 auto; margin-bottom: 0.3rem;}
.product_content .product_box .product_img{width: 49%; float: left; text-align: center; padding-top: 1.02rem;}
.product_content .product_box .product_img img{height: 3.15rem;}
.product_content .product_box .txtcon{width: 50%; float: left; padding-top: 0.35rem;}
.product_content .product_box .txtcon .logo img {height: 0.4rem;}
.product_content .product_box .txtcon h5{font-size: 0.3rem; padding-top: 0.3rem;    line-height: 0.3rem; color: #333; vertical-align: text-bottom;}
.product_content .product_box .txtcon h5 span{font-size: 0.14rem;}
.product_content .product_box .txtcon .sutitle{font-size: 0.14rem; padding-top: 0.13rem;}
.product_content .product_box .txtcon .txt{font-size: 0.14rem; padding-top: 0.2rem; color: #545c5c; line-height: 0.3rem; padding-bottom: 0.3rem;}
.product_content .product_box .price{vertical-align: text-bottom;}
.product_content .product_box .price b{font-size: 0.3rem; color: #545c5c; font-weight:normal; font-family: arial;}
.product_content .product_box .price span{font-size: 0.3rem; color: #545c5c; font-weight:normal;}
.product_content .product_box .price i{font-size: 0.14rem; color: #545c5c; font-weight:normal;font-family:'myriad pro regular'; font-style: normal; margin-left: -0.1rem; position: relative;}
.product_content .product_box .price a{display: inline-block;height: 0.6rem;overflow: hidden; margin-left: 0.23rem; position: absolute;margin-top: -0.1rem;}
.product_content .product_box .price a .iconfont{font-size: 0.8rem;}
.product_content .contentbox{width: 12rem; margin: 0 auto; position: relative; padding-bottom:0.95rem;}
.product_content .contentbox .con{width: 9rem;float: right;}
.product_content .contentbox .con.full{width:  9rem; margin: 0 auto; float: none;  padding-top: 0.145rem; }
.product_content .contentbox .con img{width: 100%;}
.product_content .contentbox .matching_product{width: 2.81rem;float: right; margin-left: 0.19rem; position: relative; }
.product_content .matching_product .title{font-size: 0.18rem; text-align: center; position: relative; }
.product_content .matching_product .title span{background: #fff; padding: 0 0.14rem; position: relative; z-index: 1;}
.product_content .matching_product .title:after{position: absolute;top:50%; content: ""; display: block; left: 0;width: 100%; height: 1px; background: #a9adad;}

.product_content .matching_product h5{color: #545c5c; font-size: 0.16rem; text-align: center;}
.product_content .matching_product li{ text-align: center; line-height: 0.45rem;background: #f8f8f8; margin-bottom:0.12rem;position: relative; padding-top: 0.2rem;padding-bottom: 0.2rem;}
.product_content .matching_product li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.product_content .matching_product li img{height: 1.6rem }
.product_content .matching_product ul{margin-top: 0.145rem;}
.product_content .matching_product_icon{display: none;}
.product_content .contentbox.top .matching_product{position: absolute; top: 0.1rem; left: 50%; margin-left: 3.2rem;}
.product_content .contentbox.top .con{float: none;}

.product_content .path{ width: 12rem; margin: 0 auto; color: #545c5c; font-size: 0.14rem;padding: 0.34rem 0 0;}
.product_content .path img{margin-right: 0.12rem;}
.product_content .path a{color: #545c5c; font-size: 0.14rem;}


.brand_story h1{font-size: 0.28rem; color: #009944; text-align: center; font-weight: normal; padding-top: 0.56rem; padding-bottom: 0.43rem;}

.brand_story .brand_storyhistory{width: 100%; height: 5.09rem;}
.brand_story .brand_storyhistory img{height: 100%; width: 60rem;}
.brand_story .brand_storyhistory .swiper-slide{width: auto;}
.brand_story .brand_storyhistory .swiper-scrollbar-drag{background: #72ac2f;}

.brand_story .topbar {text-align: center; font-size: 0.24rem; color: #868888; padding-top: 0.24rem; background: #fff;}
.brand_story .topbar li{display: inline-block; margin: 0 0.46rem; padding-bottom: 0.29rem; cursor: pointer;}
.brand_story .topbar li.on{background:  no-repeat; background-position:bottom  center; font-weight: bold; color: #009944;}
.brand_story .topbar.top{position: fixed; top:0; width: 100%;}

.brand_story .con_boxs{width: 12rem; margin: 0 auto;}
.brand_story .img img{width: 100%;}
.brand_story h6{font-size: 0.20rem; color: #009944;}
.brand_story .f_left{float: left;}
.brand_story .f_right{float: right;}
.brand_story .boxcontent.top{padding-top: 0.90rem;}
/*.brand_story .p_1 .box_con1{padding-left: 0.3rem;}*/
.brand_story .p_1 .box_con1 p{font-size: 0.14rem; color: #505555; line-height: 0.3rem; padding-top: 0.38rem;}
.brand_story .p_1 .box_con1 .txtcon1{width:9.5rem;padding-top: 0.2rem;}
.brand_story .p_1 .box_con1 .img1{width: 2rem;}
.brand_story .p_1 .box_con1 .img1 img{width: 3rem;}
.brand_story .p_1 .box_con1 .txtcon1 h6,.brand_story .p_1 .box_con2 h6,.brand_story .p_2 .box_con1 .txtcon h6{font-size: 0.24rem;}


.brand_story .p_1 .box_con2{padding-top: 0.3rem;}
.brand_story .p_1 .box_con2 .img{width:3.6rem; padding-top: 0.61rem;}
.brand_story .p_1 .box_con2 .txtcon{width: 8rem;}
.brand_story .p_1 .box_con2 h6{padding-bottom: 0.2rem;}
.brand_story .p_1 .box_con2 p{font-size: 0.14rem; line-height: 0.24rem; margin-bottom: 0.10rem; color: #505555;}
.brand_story .p_1 .box_con2 p span{color: #b1b1b1;}
.brand_story .p_2{padding-top: 0.14rem; padding-bottom: 0.60rem;}
.brand_story .p_2 .box_con1 .img{width: 4.6rem; padding-top: 0.33rem;}
.brand_story .p_2 .box_con1 .txtcon{width:6.9rem;}
.brand_story .p_2 .box_con1 .sutitle{font-size: 0.20rem; color: #009944; padding-top: 0.21rem; padding-bottom: 0.31rem;}
.brand_story .p_2 .box_con1 p{font-size: 0.14rem; color: #505555; line-height: 0.3rem; margin-bottom: 0.2rem;text-align: justify;}
.brand_story .p_2 .box_con2{padding-top: 0.25rem;}
.brand_story .p_2 .box_con2 .img{width:4.8rem;margin-left: 0.6rem;}
.brand_story .p_2 .box_con2 .txtcon{width:6.5rem; padding-top:0;}
.brand_story .p_2 .box_con2 .txtcon h6{padding-bottom: 0.32rem;}
.brand_story .p_2 .box_con2 .txtcon p{ color: #505555; line-height: 0.3rem;font-size: 0.14rem;  }

.brand_story .p_2 .box_con3{margin-top:0}
.brand_story .p_2 .box_con3 .img{width: 3.5rem;margin-right:0.6rem;}
.brand_story .p_2 .box_con3 .txtcon{width:7rem; padding-left: 0.26rem; padding-top: 0.6rem;    }
.brand_story .p_2 .box_con3 .txtcon h6{ padding-bottom: 0.24rem;}
.brand_story .p_2 .box_con3 .txtcon p{font-size: 0.14rem; color: #505555; line-height: 0.3rem;}
.brand_story .p_3 {padding-bottom: 1.3rem;}
.brand_story .p_3 .box_con1 .img{width: 7rem;} 
.brand_story .p_3 .box_con1 .txtcon{width: 4.49rem;padding-top: 1.1rem;}
.brand_story .p_3 .box_con1 .txtcon h6{ padding-bottom: 0.24rem; font-size: 0.24rem;}
.brand_story .p_3 .box_con1 .txtcon p{font-size: 0.18rem; color: #505555; line-height: 0.36rem;}
.brand_story .p_3 .box_con1 .txtcon p:last-child{font-size: 0.14rem;}

.brand_story .pc_con{display: block;}
	.brand_story .m_con{display: none;}

.tvc_content .topbar{ text-align: center; padding-top: 0.30rem;}
.tvc_content .topbar.top{position: fixed; top:0; left:0; width: 100%; background: #fff; z-index: 99;}
.tvc_content .topbar a {margin:0 0.85rem; padding-bottom: 0.22rem; display: inline-block;}
.tvc_content .topbar a img {height: 0.46rem;}
/*.tvc_content .topbar a:last-child img{height: 0.58rem;}*/
.tvc_content .topbar a.on{background: url(/uploads/image/dtwhi/tvc/tvc_bg.png) no-repeat; background-position: bottom center;}
.tvc_content .topbar a:hover{background: url(/uploads/image/dtwhi/tvc/tvc_bg.png) no-repeat; background-position: bottom center;}
.tvc_content .tvc_con.top{margin-top: 1.18rem;}
.tvc_content .tvc_con .itembox{width: 10.03rem; margin: 0.2rem auto; position: relative; }
.tvc_content .tvc_con .video{width: 52%; float: left; position: relative;}
.tvc_content .tvc_con .video .playbtn{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.tvc_content .tvc_con .video .playbtn span{position:absolute; top: 47%; left: 50%; margin-left: -0.4rem; margin-top: -0.4rem; width: 0.8rem; height: 0.8rem; text-align: center; line-height: 0.8rem; border-radius: 0.8rem;}
.tvc_content .tvc_con .video .playbtn span img{vertical-align: middle;}
.tvc_content .tvc_con video{height: 100%; width: 100%;    background-color: #ffff;}
.tvc_content .tvc_con .txt{float: left;height:auto; margin-left:0.2rem; margin-top:0.75rem;}
.tvc_content .tvc_con .txt .txt_title{font-size:0.36rem; line-height:0.5rem; border-bottom:0.03rem #f39301 solid; color:#f39301; padding-bottom:0.10rem; text-align:left;}
.tvc_content .tvc_con .txt .txt_title1{font-size:0.14rem; color:#666; line-height:0.22rem; padding-top:0.15rem;}
.tvc_content .tvc_con .txt .txt_title1 span{font-size:0.10rem;}
.tvc_content .tvc_con .txt img{height: 100%;}
.tvc_content .tvc_con .itembox.odd .video{float: right;}
.tvc_content .tvc_con .itembox.odd .txt{float: right; margin-left:0; margin-right:0.2rem;}
.tvc_content .tvc_con .itembox.odd .txt .txt_title{font-size:0.36rem; line-height:0.5rem; border-bottom:0.03rem #f39301 solid; color:#f39301; padding-bottom:0.10rem; text-align:right;}
.tvc_content .tvc_con .itembox.odd .txt .txt_title1{font-size:0.14rem; color:#666; line-height:0.22rem; padding-top:0.15rem; text-align:right;}


.public_welfare h1{color: #009944; font-size: 0.28rem; text-align: center; padding-top: 0.56rem; padding-bottom: 0.22rem;}
.public_welfare p.txt0{color: #5d5d5d; font-size: 0.14rem; text-align: center; line-height: 0.3rem; padding-bottom: 0.33rem;}
.public_welfare .con1{padding-top: 0.38rem; background: #f2fbef;text-align: center; padding-bottom: 0.57rem;}
.public_welfare .con1 h6{font-size: 0.24rem; color: #009944; text-align: center; padding-bottom: 0.23rem;}

.public_welfare .con1 p{font-size: 0.14rem;color: #5d5d5d; text-align: center; line-height: 0.3rem; padding-bottom: 0.34rem;}
.public_welfare .con1 .pc-img{width: 90%; margin: 0 auto;display: block;}

.public_welfare .con2 h6{font-size: 0.24rem; color: #009944; text-align: center; padding-bottom: 0.17rem; padding-top: 0.36rem;}
.public_welfare .con2 p{font-size: 0.14rem;color: #5d5d5d; text-align: center; line-height: 0.3rem; padding-bottom: 0.34rem;}
.public_welfare .con2 ul {text-align: center; font-size: 0; /*padding-bottom: 1.11rem;*/}
.public_welfare .con2 ul li{display: inline-block; width: 3.6rem; margin: 0 0.04rem;  word-break: keep-all;vertical-align: top;}
.public_welfare .con2 ul li img{width: 100%;}
.public_welfare .con2 ul li p{font-size: 0.12rem; color: #5d5d5d;}
.public_welfare .con2 .bottom{padding-bottom: 1.11rem;}
.public_welfare .pc_con{display: block;}
.public_welfare .m_con{display: none;}