html{ background: #ffffff; font-size:calc(100vw/1500) !important; height: 100%;}
*,body{ margin:0; padding:0; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif;}
* { box-sizing: border-box;}
body{ color:#000000; line-height:1.7; font-size:20rem;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; color:#333333; font-size: 18rem;}
:focus{outline:0;}
a{color:#000000;text-decoration:none; }
a:hover{color:#ff6600;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1rem;}
.clear { display: block; clear: both;}
::-webkit-input-placeholder { color:#aaaaaa; }
:-moz-placeholder { color:#aaaaaa; }
::-moz-placeholder { color:#aaaaaa; }
:-ms-input-placeholder { color:#aaaaaa; }
body { background: #ffffff;}

.clearfix:after { display: block; content: ''; clear: both; }

.view-wrap { background: #ffffff; padding: 40rem; }
.view-main { position: relative; height: calc( 100vh - 80rem); padding-right: 324rem;}
.view-main-l { position: relative; }

.ivideo video{ display: block; width: 100%; height: calc( 100vh - 80rem); object-fit: contain; background: #f9f9f9;}

.ipicture { position: relative; overflow: hidden;}
.ipicture .img img{ display: block; width: 100%; height: calc( 100vh - 80rem); object-fit: contain; background: #f9f9f9;}

.swiper-pagination { bottom: -20rem; left: 0; right: 0; line-height: 0; font-size: 0; text-align: center; }
.swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; border-radius: 100%; width: 8rem; height: 8rem;background: rgba(0,0,0,0.1); opacity: 1; border-radius: 4rem; }
.swiper-pagination .swiper-pagination-bullet-active { width: 14rem; background: rgba(37, 162, 226, 1); }


.ipicture .swiper-button-prev { left: 0; }
.ipicture .swiper-button-next { right: 0; }
.ipicture .swiper-button-prev ,.ipicture .swiper-button-next{ background: rgba(0,0,0,0.1); width: 60rem; height: 60rem; margin-top: -30rem; opacity: 0;}
.ipicture .swiper-button-prev:after, .ipicture .swiper-button-next:after { font-size: 30rem; color: #fff; }
.ipicture .swiper-button-prev.swiper-button-disabled, .ipicture .swiper-button-next.swiper-button-disabled { opacity: 0 !important;}
.ipicture:hover .swiper-button-prev ,.ipicture:hover .swiper-button-next { opacity: 1;}

.view-main-r { position: absolute; right: 0; top: 0; bottom: 0; width: 280rem;}

.view-box { position: absolute; left: 0; top: -5rem; bottom: 160rem; right: 0; overflow: hidden;}
.view-box .item { position: relative; padding-left: 58rem; font-size: 18rem; line-height: 34rem; min-height: 34rem; margin-bottom: 4rem;}
.view-box .item .tit { position: absolute; left: 0; top: 0; color: #666666;}
.view-box .item .con { }
.view-box .item_full { padding-left: 0; padding-top: 36rem;}
.view-box .item_full .con { font-size: 16rem; line-height: 30rem; color: #777;}
.view-foot { position: absolute; left: 0; bottom: 0; right: 0;}
.view-num { font-size: 18rem; color: #666666;}
.view-num b { font-size: 36rem; color: #ff6600; display: inline-block; vertical-align: middle; margin-bottom: 4rem;}

.view-btn { display: inline-block; border: 0; cursor: pointer; width: 152rem; height: 64rem; line-height: 64rem; text-align: center; color: #fff; background: url(../img/btne2.png) center bottom no-repeat; background-size: contain; font-size: 26rem; font-weight: bold; text-shadow: 0 2rem 2rem rgba(197,128,0,0.36); transition:all 300ms ease;}
.view-btn:hover { transform: translateY(-4rem);}

.good_box .view-btns { margin: 0 auto;}
.good_box .view-btn { margin: 0 auto;}


.view-btne { display: inline-block; border: 0; cursor: pointer; width: 118rem; height: 64rem; line-height: 64rem; text-align: center; color: #fff; background: url(../img/btne.png) center bottom no-repeat; background-size: contain; font-size: 26rem; font-weight: bold; text-shadow: 0 2rem 2rem rgba(197,128,0,0.36); transition:all 300ms ease;}
.view-btne:hover { transform: translateY(-4rem);}


.code_box { position: relative; margin-bottom: 20rem;}
.code_box .input{ display: block; width: 100%; height: 60rem; border: 1rem #dedede solid; text-indent: 20rem; font-size: 20rem;}
.code_box .img{ display: block; position: absolute; right: 5rem; top: 5rem; height: 50rem; }

.etip { position: fixed; left: 50%; top: 50%; width: 500rem; margin-left: -250rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.7); color: #fff; padding: 10rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}

.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 900; display: none;}
.tt_box { position: absolute; left: 50%; width: 420rem; margin-left: -210rem; top: 50%; transform: translateY(-50%); z-index: 902;  background: rgba(255, 255, 255, 1); border-radius: 20rem; padding: 30rem;}

.tt_bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 901; }

::-webkit-scrollbar-corner { background-color: rgba(255,255,255,0.2);}
::-webkit-scrollbar{width: 10rem; height:10rem; border-radius:5rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color: #fab600; border-radius:5rem; }

@media (min-width:2200px){
	html { font-size:1px !important; }
}

@media (max-width:900px){
html{ font-size: calc(100vw/640) !important; }
body { font-size: 18rem;}

.view-wrap { padding: 20rem 20rem 60rem 20rem; }
.view-main { height: auto; padding-right: 0;}

.view-main-l { margin-bottom: 40rem;}

.ivideo video{ height: calc( ( 100vw - 80rem ) * 0.5625); }

.ipicture .img img{ height: 90vw; }


.view-main-r { position: relative; right: auto; top: auto; bottom: auto; width: auto;}

.view-box { position: relative; left: auto; top: auto; bottom: auto; right: auto; padding-top: 30rem; }
.view-box .item { padding-left: 72rem; font-size: 24rem; line-height: 46rem; min-height: 46rem; }
.view-box .item_full { padding-top: 50rem; padding-left: 0;}
.view-box .item_full .con { font-size: 22rem; line-height: 40rem; }
.view-foot { position: relative; left: auto; bottom: auto; right: auto;}
.view-num { font-size: 22rem; }
.view-num b { font-size: 46rem; }

.view-btn { width: 168rem; height: 64rem; line-height: 64rem; font-size: 28rem; }
.view-btne { width: 130rem; height: 64rem; line-height: 64rem; font-size: 28rem; margin-left: 10rem; }
.view-foot .view-num { float: left; line-height: 64rem;}
.view-foot .view-btn { float: right;}

.view-foot .view-btne { float: right;}


.code_box { margin-bottom: 20rem;}
.code_box .input{ height: 80rem; text-indent: 30rem; font-size: 30rem;}
.code_box .img{ right: 5rem; top: 5rem; height: 70rem; }

.tt_box { width: 600rem; margin-left: -300rem; border-radius: 20rem; padding: 40rem;}

}

.view-title { background: url(../img/ttbg.png) center center no-repeat; background-size: cover; color: #fff; padding: 20rem 100rem 20rem 20rem; font-size: 28rem; line-height: 40rem; overflow: hidden; position: relative;}
.view-title .back { display: block; position: absolute; right: 20rem; top: 20rem; border: 1rem #fff solid; padding: 0 15rem; line-height: 38rem; font-size: 22rem; color: #fff; border-radius: 6rem;}
.view-title .back:hover { opacity: 0.8;}

.share_box { position: fixed; left: 0; right: 0; top: 0; bottom: 0;background: url(../img/share.png) center top no-repeat; background-size: 100% auto; z-index: 999; display: none;}


.share_main .tt_box { width: 520rem; margin-left: -260rem;}
.share_tip { text-align: center; color: #777;}