html { cursor: default; min-width:1200px;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th {cursor: text;}
a:link, a:visited, a:hover, a:active { cursor: pointer;}
body{width:100%;margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #ffffff;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;outline: none;}
ol,ul{list-style:none;}
a{ font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
span:focus {
    outline: none;
}
.scroll::-webkit-scrollbar  { width: 8px;  height: 6px;  background-color: rgba(0,0,0,0); border-radius: 3px; -webkit-border-radius: 0px; }   
.scroll::-webkit-scrollbar-track  {    background-color: rgba(0,0,0,.1); border-radius: 3px; -webkit-border-radius: 0px; }  
.scroll::-webkit-scrollbar-thumb  {    background-color: #a8daf0; border-radius: 3px; -webkit-border-radius: 0px; } 
.wrap{width:100%;margin:0 auto;position: relative;}
.header{height: 7.8rem;background:url(../image/header.jpg) no-repeat center 0;background-size: 100% 100%;}
.header-nav{position: absolute;left: 0;top:0;width: 100%;height:1.2rem;background: url(../image/nav-bg.png) no-repeat center 0;background-size: 100% auto;}
.header-logo{position: absolute;left: 3.5rem;top:.3rem;}
.header-nav-list{position: absolute;top:.34rem;left:5.4rem;width: 8rem;overflow: hidden;}
.header-nav-list a{float: left;margin:0 .25rem;font-size: .22rem;color: #ffffff;text-align: center;}
.header-nav-list a span{display: block;font-size: .16rem; opacity: 50%;}
.header-nav-list a:hover{color: #cccccc}
.header-code{position: absolute;right: 1.83rem;top:.44rem;width: 1.23rem;height: .3rem;background: url(../image/header-code-txt.png) no-repeat center;background-size: 100% auto;cursor: pointer;}
.header-code:hover .header-code-wrap{display: block;}
.header-code-wrap{display:none;position: absolute;left: -0.3rem;top:0.3rem;width: 2.25rem;height: 2.04rem;background: url(../image/header-code-bg.png) no-repeat center;background-size: 100% auto;}
.header-code-wrap img{position: absolute;top:0.25rem;left: 0.4rem;width: 1rem;height: 1rem;border: 0.14rem solid #ffffff;border-radius: 0.1rem;}
.sec1{width:100%;height: 8.74rem;background: url(../image/sec1-bg.jpg) no-repeat center 0;position: relative;background-size: 100% 100%;}
.tit{position: absolute;left: 1.8rem;top:0.7rem;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.tit1{width: 3.82rem;height: 0.78rem;background-image: url(../image/tit1.png);}
.sec1-video-box{position: absolute;left: 50%;margin-left:-7.18rem;top:1.65rem;width: 14.37rem;height: 6.95rem;background: url(../image/sec1-kuang.png) no-repeat center;background-size: 100% auto;}
.sec1-video-box a{display: block;margin: 0.47rem 0 0 0.49rem;width: 13.41rem;height: 6rem;}
.sec1-video-box a:after{display: block;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 1.1rem;height: 0.68rem;background: url(../image/btn-play1.png) no-repeat center;background-size: 100% auto;}
.sec1-video-box img{display: block;width: 100%;height: 100%;}
.sec2{width:100%;height: 8.52rem;background: url(../image/sec2-bg.jpg) no-repeat center;position: relative;background-size: 100% 100%;}
.tit2{width: 1.96rem;height: 0.78rem;background-image: url(../image/tit2.png);}

.orange{width: 15.8rem;height:5.6rem;position: absolute;top:2rem;left: 50%;margin-left: -7.9rem;overflow: hidden;}
.orange ul{float: left;overflow: hidden;}
.orange ul li{float:left;margin:0.26rem 0 0.26rem 0.7rem;width: 1.8rem;position: relative;box-shadow: 1px 1px .1rem rgba(0,0,0,.5);transition: all 0.5s;}
.orange ul li:hover{transform: translateY(-.1rem);}
.orange ul li img{width: 100%;height: 100%;}
.orange ul li p{position: absolute;right:0.16rem;left: 0.16rem;bottom: 0.14rem;font-size: 0.24rem;color: #f3c470;line-height: 0.3rem;}
.orange ul li p span{float: right;font-size: 0.16rem;}

.more-orange{position: absolute;display: block;right: -13.4rem;top:0.2rem;width: 0.65rem;height: 0.18rem;background: url(../image/more-orange.png) no-repeat center;background-size: 100% auto;}
.mySwiper{width: 15.8rem;height:5.6rem;position: absolute;top:2.3rem;left: 50%;margin-left: -7.9rem;overflow: hidden;}
.mySwiper .swiper-slide{width: 100%;}
.mySwiper .swiper-slide .sec2-video{float:left;width: 7.65rem;height: 4.5rem;padding:0.4rem 0 0 0.4rem;background: url(../image/sec2-video-kuang.png) no-repeat center;background-size: 100% auto;}
.mySwiper .swiper-slide .sec2-video a{display: block;width: 7.28rem;height: 4.12rem;border:1px solid #f3c470;position: relative;}
.mySwiper .swiper-slide .sec2-video a:after{display: block;content: '';position: absolute;right: 0.34rem;bottom: 0.34rem;width: 0.78rem;height: 0.48rem;background: url(../image/btn-play2.png) no-repeat center;background-size: 100% auto;cursor: pointer;}
.mySwiper .swiper-slide .sec2-video a:before{display: block;content: '';position: absolute;bottom: 0;left: 0;width: 7.26rem;height: 0.89rem;background: url(../image/sec2-video-shade.png) no-repeat center;background-size: 100% auto;}
.mySwiper .swiper-slide .sec2-video a img{width: 100%;height: 100%;}
.mySwiper .swiper-slide .sec2-video a p{position: absolute;left: 0.32rem;bottom: 0.3rem;color: #f3c470;font-size: 0.16rem;}
.mySwiper .swiper-slide .sec2-video a p span{margin-top:0.05rem;font-size: 0.24rem;display: block;}
.mySwiper .swiper-slide ul{float: left;width:7.6rem;overflow: hidden;}
.mySwiper .swiper-slide ul li{float:left;margin:0.26rem 0 0.26rem 0.3rem;width: 3.5rem;height: 2rem;position: relative;box-shadow: 1px 1px .1rem rgba(0,0,0,.5);transition: all 0.5s;}
.mySwiper .swiper-slide ul li:hover{transform: translateY(-.1rem);}
.mySwiper .swiper-slide ul li img{width: 100%;height: 100%;}
.mySwiper .swiper-slide ul li p{position: absolute;right:0.16rem;left: 0.16rem;bottom: 0.14rem;font-size: 0.24rem;color: #f3c470;line-height: 0.3rem;}
.mySwiper .swiper-slide ul li p span{float: right;font-size: 0.16rem;}
.mySwiper .swiper-container-horizontal>.swiper-pagination-bullets,.mySwiper .swiper-pagination-custom,.mySwiper .swiper-pagination-fraction{text-align: right;}
.mySwiper .swiper-pagination-bullet{width: 0.23rem;height: 0.24rem;opacity: 1;background: transparent;background-image: url(../image/sec3-lunbo.png);background-repeat: no-repeat;background-position: center;background-size: 0.13rem 0.13rem;}
.mySwiper .swiper-pagination-bullet-active{background-image: url(../image/sec3-lunbo-on.png);background-size: 0.23rem 0.24rem;}

.sec3{width:100%;height: 8.7rem;background:#eef9fe;position: relative;}
.tit3{width: 1.73rem;height: 0.7rem;background-image: url(../image/tit3.png);}
.more-blank{position: absolute;display: block;right: -5.8rem;top:0.2rem;width: 0.65rem;height: 0.18rem;background: url(../image/more-black.png) no-repeat center;background-size: 100% auto;}
.sticker-box{position:absolute;left:1.8rem;top:2.14rem;width: 7.7rem;}
.sticker-tab{width: 100%;height:0.6rem;line-height:0.6rem;border-bottom: 1px solid #dddddd;}
.sticker-tab a{float: left;padding:0 0.05rem;margin-right:0.26rem;font-size: 0.2rem;color: #6c6c6c;line-height: 0.59rem;}
.sticker-tab a:hover{color: #e12525;}
.sticker-tab a.on{color: #e12525;border-bottom: 2px solid #e12525;}
.sticker-cont{width:8.55rem; height:5.1rem;overflow-y:auto;display: none;}
.sticker-cont li{float: left;margin:0.4rem 0.8rem 0 0;width: 1.26rem;height: 1.26rem;border:1px solid #a8daf0;}
.sticker-cont li img{width: 100%;height: 100%;}
.sec3-right-img{position: absolute;right: 0;top:0.55rem;width: 8.68rem;height: 7.68rem;background: url(../image/sec3-right-img.png) no-repeat center;background-size: 100% auto;}
.sec4{width:100%;height: 6.7rem;background:#ffffff;position: relative;}
.lb_wrap{position:absolute;top:1rem;left:2rem;width:7.64rem;height:4.39rem;overflow:hidden;position:relative;}
.lb_wrap .swiper{width: 100%; height: 100%;}
.lb_wrap .swiper-slide{width:7.64rem;height:4.39rem;}
.lb_wrap img{display:block;width:7.64rem;height:4.39rem;}
.lb_wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.lb_wrap .swiper-pagination-bullet{float: left; width:1.91rem; height:0.48rem; cursor:pointer; overflow:hidden;line-height:0.48rem; color:#6c6c6c; font-size:0.16rem;text-align:center; border-radius: 0; opacity: 1; background-color: #ebebeb;}
.lb_wrap .swiper-pagination-bullet-active{text-decoration:none; background:url(../image/news-lunbo-on.png) no-repeat center;background-size: 100% auto;color: #e12525;}


.lb_box{width:7.64rem;height:4.39rem; overflow:hidden;}
.lb_box li{width: 7.64rem; height: 4.39rem;}
.lb_cont1{display:none; width:7.64rem;height:4.39rem;}
.lb_cont1 img{display:block;width:7.64rem;height:4.39rem;}
.shop_btn{width:7.64rem; height:0.48rem; position:absolute; bottom:0; left:0;background-color: #ebebeb; z-index: 10}
.shop_btn a{float:left; width:1.91rem; height:0.48rem; cursor:pointer; overflow:hidden;line-height:0.48rem; color:#6c6c6c; font-size:0.16rem;text-align:center;}
.shop_btn a.on,#shop_name a:hover{ text-decoration:none; background:url(../image/news-lunbo-on.png) no-repeat center;background-size: 100% auto;color: #e12525; }
.news-box{position: absolute;right: 1.6rem;top:1rem;width: 7rem;height: 6rem;}
.tit-news{width: 2.74rem;height: 0.7rem;background: url(../image/tit-news.png) no-repeat center;background-size: 100% auto;}
.hot-news{width: 100%;margin-top: 0.4rem; }
.hot-news span{display:block;font-size: .18rem;color: #6c6c6c;}
.hot-news a{color: #232427;font-size: 0.36rem;}
.news-list{width: 100%;margin-top: 0.1rem;}
.news-list li{border-top: 1px solid #232427;background: url(../image/news-icon.png) no-repeat left center;background-size: 0.08rem 0.08rem;padding-left: 0.16rem;}
.news-list li a{display:block;width:100%;height: 0.7rem;line-height: 0.7rem;font-size: 0.18rem;color: #232427;position: relative;}
.news-list li a span{position: absolute;right: 0;top:0; color:#6c6c6c;}


.content{width: 13rem; margin: 0 auto; overflow: hidden;}
.content_l{ width:4.8rem}
.content_r{ width:4.8rem}
.mt50 {margin-top: 0.5rem;}
.fl{float: left;}
.footer{ background:#111; width:100%; height: 3.3rem; overflow:hidden;color:#6c6c6c; font-size:0.18rem;}
.footer_l{ width:1.3rem; height:1.6rem;border-right:1px solid #2b2b2b; overflow: hidden;}
.footer_l .title{ background:none;}
.footer_l .title h2{ background:#111; color:#6c6c6c; font-size: 0.36rem;}
.footer_l .title h2 span{display: block;text-transform: uppercase;font-size: 0.18rem;}
.footer_l ul {margin-top: 0.3rem; display: flex; flex-wrap: wrap;}
.footer_l ul.second-ul{border-top: 1px solid #2b2b2b; padding-top: 10px; margin-top: 0;}
.footer_l ul li{ width:1.3rem; margin-bottom:0.15rem;}
.footer_l ul li a{ color:#6c6c6c}
.footer_l ul li a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_r{ width:9rem;  height:2.2rem; line-height:0.4rem; overflow: hidden;}
.footer_r ul { margin-left: -0.24rem; }
.footer_r ul li{ font-size:0.16rem; float:left; margin-left:0.22rem}
.footer_r ul li a{color:#6c6c6c}
.footer_r ul li a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_r p{ width:100%; clear:both; font-size:0.16rem;}
.footer_r a{color:#6c6c6c}
.footer_r a:hover{ color:#6c6c6c; text-decoration:underline}
.footer_gif_l{margin-top: 0.5rem;margin-left: 0.3rem;margin-right: 0.3rem;}
.footer_gif_l a { display: inline-block; width: 0.5rem; height: 0.71rem; margin: 0 0.15rem; }
.footer_gif_r a { display: inline-block; width: 0.94rem; height: 1rem; background: #fff url("../image/50011202300244.gif") no-repeat 0 0; margin-left: 0.15rem; }
.footer_gif_l, .footer_gif_r { padding-top: 0.14rem; }
.footer-logo{padding-top:.3rem;width: 1rem;height: 0.4rem;background: url(../image/logo.png) no-repeat center;background-size: 100% auto;}

.float-box{position: fixed;left: 0.05rem;top:50%;transform: translateY(-50%);width: 1.77rem;height: 4.43rem;background: url(../image/float-box.png) no-repeat center;background-size: 100% auto;z-index: 3;font-size: 0.14rem;color: #232323;}
.tel{position: absolute;left: 0.5rem;top:1.2rem; line-height:.18rem;}
.float-code{position: absolute;left: 0;top:2.1rem;text-align: center;width: 1.62rem;}
.float-code img{width: 0.98rem;height: 0.98rem;display: block;margin: 0.2rem auto 0;}
.float-share{position: absolute;left: 0;top:3.64rem;text-align: center;width: 1.62rem;}
.float-share ul{margin-left: 0.1rem;margin-top: 0.14rem;}
.float-share ul li{float: left;margin:0 0.12rem;width: 0.24rem;height: 0.24rem;}
.float-share ul li a{display: block;width: 0.24rem;height: 0.24rem;background-image: url(../image/share-icon.png);background-repeat: no-repeat;background-size: 1.2rem 0.24rem;}
.float-share ul li a.share-wx{background-position: 0 0;}
.float-share ul li a.share-qq{background-position: -0.48rem 0;}
.float-share ul li a.share-sina{background-position: -0.96rem 0;}