@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,a{ margin:0;padding:0;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
table{border-collapse:collapse;border-spacing:0;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
body{position: relative;}
html{font-size: 100px;}
.clear:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}
.clear{*zoom:1;}
i{font-style:normal;}
:focus{outline:0;}
img{vertical-align:top;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;}
.hh{display:block;text-indent:-999em;overflow:hidden;}
.hide{width:0;height:0;overflow:hidden;display:none;}
.p-r{position:relative;}
.p-a{position:absolute;}
#cyou_top{position: fixed!important;left: 0;top:0;}
html{font-size:1rem;}
/* body {font: 0.12rem/1.5; padding-top: 0.55rem; text-align: justify;  background-color: #fff; } */
a { text-decoration: none; overflow: visible }
a:hover { text-decoration: none }
html,body,.wrap{width: 100%; height: 100%;overflow: hidden;min-width: 12rem;}
.flex{display:flex;display:-webkit-flex;}
.flex-1{flex:1;-webkit-flex:1;}
.flex-center{justify-content:center;-webkit-justify-content:center;}
.flex-middle{align-items:center;}
.flex-between{justify-content:space-between;-webkit-justify-content:space-between;}
.flex-cm{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;}
.t-c{text-align:center;}
.t-l{text-align:left;}
.t-r{text-align:right;}
.f-l{float:left;}
.f-r{float:right;}
.t-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bg,.pop{background-size:100% auto;background-position:top center;background-repeat:no-repeat;}
.bgc{background-size:100% auto;background-position:center center;background-repeat:no-repeat;}
.t{text-indent:-9999em;overflow:hidden;font-size: 0; display: block;}
input[type=tel]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; -moz-appearance:textfield; }
.ani { -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s }
.b{ font-weight:bold; }
.none { display: none;} 
.show{display: block !important;}
.wrap{height: 100%; position: relative;overflow: hidden;}
.logo_box{display: flex; justify-content: space-between; position: absolute; top: .7rem; left: .3rem;width: 4rem; z-index: 11; }
.logo1{ width: 2.16rem; height: 1.01rem; background: url("../img/logo.png") no-repeat center top; background-size: 100% auto;}
.logo2{ width: 1.51rem; height: 1.01rem; background: url("../img/logo2.png") no-repeat center top; background-size: 100% auto;}
.logo_box.cont_logo{top: .2rem;}
.swiper-container-con{position: relative; height: 100%;}
.page , .head_page{width: 100%; height: 100%; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.spr{background: url("../img/spr.png") no-repeat center top;background-size: 15rem auto;}
.page {position: relative; width: 100%; height: 100%;  z-index: 15;}
.section{display: flex;align-items: center;justify-content: flex-start; position: absolute;top: 50%;left:50%;margin-left:1.1rem; transform: translate(-50%,-50%); width: 16rem;z-index: 5;}
.section.zi_5{z-index: 5;}
.page_bg1{background-image: url("../img/head_bg.jpg");}
.page{ background-image: url("../img/bg.jpg");}
.cover, .page_bottom{position: absolute;bottom: 0; left: 0 ;right: 0; width: 100%;height: 100%;z-index: 2;pointer-events: none;}
.cover{background:  url("../img/cover.png") no-repeat center bottom;background-size: 100% auto;z-index:7;}
.page_bottom{background: url("../img/page_bottom.png") no-repeat center bottom;background-size: 100% auto;}
.btn_star{position: absolute; width: 2.19rem;height: 2.19rem;background: url("../img/btn_star.png") no-repeat center top;background-size: 100% auto;z-index: 999;left: 50%; margin-left: 6rem;bottom: .2rem;}
.roles{width: 5.3rem;height: 9.67rem;position: absolute;left:50%;bottom:0;margin-left:-7rem;z-index:6;}
.roles01{background: url("../img/roles01.png") no-repeat center bottom;background-size:contain;}
.roles02{background: url("../img/roles02.png") no-repeat center bottom;background-size:contain;margin-left:4.25rem;}
.roles03{background: url("../img/roles03.png") no-repeat center bottom;background-size:contain;}
.roles04{background: url("../img/roles04.png") no-repeat center bottom;background-size:contain;margin-left:4.6rem;}
.roles05{background: url("../img/roles05.png") no-repeat center bottom;background-size:contain;}


.jc-fe{justify-content: flex-end}
.arr{position: absolute;left: 50%; bottom: .15rem; margin-left: -.27rem; width: .59rem;height: .39rem;background: url("../img/arr.png") no-repeat center top;background-size: 100% auto; z-index: 2;cursor: pointer;-webkit-animation: inBottom 2s both; animation: inBottom 2s infinite;}



.title1{position: absolute;top: 0; left: 50%;margin-left: -1.92rem; width: 3.84rem;height: 1.03rem;background-position: -2.78rem 0;}
.intro1{position: absolute;top: 1.1rem; left: 50%;margin-left: -1.63rem; width: 3.27rem;height: .45rem;background-position: -5.31rem -1.62rem;}

.video_bg{position: relative; width: 10.3rem;height: 7.17rem;box-sizing: border-box;margin-top: 1.48rem;}
.video_bg.bg1{ background: url("../img/video_bg1.png") no-repeat center top;background-size: 100% auto;}
.video_bg.bg2{ background: url("../img/video_bg2.png") no-repeat center top;background-size: 100% auto;}
.video_bg.bg3{ background: url("../img/video_bg3.png") no-repeat center top;background-size: 100% auto;}
.video_bg.bg4{ background: url("../img/video_bg4.png") no-repeat center top;background-size: 100% auto;}
.video_bg.bg5{ background: url("../img/video_bg5.png") no-repeat center top;background-size: 100% auto;}
.btn_play{position: absolute;top: 50%;left: 50%;margin-top: -1.2rem; margin-left: -.5rem; width: 1.03rem;height: 1.03rem;background: url("../img/btn_play.png") no-repeat center top;background-size: 100% auto; z-index: 2;}
.p2_right_cont , .p4_right_cont ,.p3_left_cont, .p5_left_cont{position: relative; width: 4.7rem;z-index: 2;}
.p2_tab_box1,.p2_tab_box2{width: 4.2rem; display: flex; align-items: center;justify-content: space-evenly; margin: 0 auto;}
.p2_tab_box1 .tab1{width: 1.97rem;height: .68rem;background-position: -10.51rem -.56rem;}
.p2_tab_box1 .tab2{width: 1.97rem;height: .68rem;background-position: -10.5rem -4.07rem;}
.p2_tab_box1 .tab1.on{background-position: -12.82rem -.54rem;}
.p2_tab_box1 .tab2.on{background-position: -12.74rem -4.05rem;}

.p2_top_cont1 , .swiper_p3{width:4.6rem;height: 2.1rem;margin: .1rem 0 .24rem 0;}
.p2_top_cont1 .img_btn , .swiper_p3 a{display: block; width: 3.8rem;height: 2.14rem; margin: 0 auto;}
.p2_top_cont1{position: relative;}
.p2_top_cont1 a img ,.swiper_p3 a img{width: 100%;height: 100%;}
.top_next , .top_prev , .p2_top_cont1 .btn{position: absolute; top: 50% ; margin-top: -.23rem; width: .41rem;height: .47rem;background: url("../img/btn_prev.png") no-repeat center top;background-size: 100% auto; z-index: 10;cursor: pointer;}
.top_next , .right_btn {right: 0; transform: rotateZ(180deg);}

.p2_tab_box2 .tab1{width: 1.97rem;height: .68rem;background-position: -10.51rem -2.08rem;}
.p2_tab_box2 .tab2{width: 1.97rem;height: .68rem;background-position: -10.58rem -2.84rem;}
.p2_tab_box2 .tab1.on{background-position: -12.82rem -2.04rem;}
.p2_tab_box2 .tab2.on{background-position: -12.82rem -2.79rem;}



.tab_cont2{margin: .1rem auto;}
.p2_bottom_cont1 .hw_show_pop{ width: 3.8rem;height: 2.14rem;margin: 0 auto;}
.p2_bottom_cont1 .hw_show_pop img{width: 100% ; height: 100%;}
.tab_cont2{display: none;}
.p2_bottom_cont2 .video_bg{ position: relative; width: 3.8rem;height: 2.14rem;background: url("../img/page1_video_bg.png") no-repeat center top;background-size: 100% auto;margin: 0 auto;}
.btn_play2{position: absolute;top: 50%; left: 50%;margin-top: -.42rem; margin-left: -.42rem; width: .85rem;height: .85rem;background: url("../img/btn_play_min.png") no-repeat center top;background-size: 100% auto;}
.btn_gz{width: 4.11rem;height: .79rem;background: url("../img/btn_gz.png") no-repeat center top;background-size: 100% auto;margin: 0 auto;}
.txt_info{font-size: .19rem;line-height: .28rem;color: #4e2d00;text-align: left;padding: 0 .4rem; font-family: 'f';}
.txt_info span{color: #bf1b10;}
.p3_right_cont .title2{position: absolute;top: 0; left: 50%;margin-left: -1.79rem; width: 3.59rem;height: .99rem;background-position: -2.9rem -3rem;}
.p3_right_cont .intro2{position: absolute;top: 1.06rem; left: 50%;margin-left: -1.63rem; width: 3.27rem;height: .45rem;background-position: -6.76rem -3.05rem;}
.ti2{width: 2.63rem;height: .7rem;background-position: 0 -3rem; margin: 0 auto;}

.p4_left_cont .title3{position: absolute;top: 0; left: 50%;margin-left: -2.06rem; width: 4.13rem;height: .99rem;background-position: -1.84rem -6rem; }
.p4_left_cont .intro3{position: absolute;top: 1.06rem; left: 50%;margin-left: -1.63rem; width: 3.27rem;height: .45rem;background-position: -7.01rem -6rem;}
.ti{width: 2.63rem;height: .7rem;background-position: -12.16rem -7.24rem; margin: 0 auto;}

.swiper_p4{width:4.6rem;height: 4.04rem;margin: .1rem 0 .24rem 0;}
.swiper_p4 a{display: block; width: 3.3rem;height: 4.04rem; margin: 0 auto;}
.swiper_p4 a img{width: 100%;height: 100%;}

.p5_right_cont .title4{position: absolute;top: 0; left: 50%;margin-left: -1.79rem;  width: 3.59rem;height: .99rem;background-position: -.52rem -9.24rem;}

.p5_right_cont .intro4{position: absolute;top: 1.06rem; left: 50%;margin-left: -1.63rem;  width: 3.27rem;height: .45rem;background-position: -6.03rem -9.29rem;}
.p5_left_cont .video_bg{ position: relative; width: 3.8rem;height: 2.14rem;background: url("../img/page5_video_bg.png") no-repeat center top;background-size: 100% auto;margin: 0 auto;}
.ti3{width: 2.63rem;height: .7rem;background-position: -10.28rem -9.29rem; margin: 0 auto;}
.swiper_p5{width:4.6rem;height: 2.14rem;margin: .1rem 0 .24rem 0;}
.swiper_p5 a{display: block; width:3.8rem;height: 2.14rem; margin: 0 auto;}
.swiper_p5 a img{width: 100%;height: 100%;}

.p6_left_cont .title5{position: absolute;top: 0; left: 50%;margin-left: -1.79rem; width: 3.59rem;height: .99rem;background-position: 0 -12rem;}
.p6_left_cont .intro5{position: absolute;top: 1.06rem; left: 50%;margin-left: -1.02rem; width: 2.05rem;height: .45rem;background-position: -8.44rem -12rem;}
.ti4{width: 2.63rem;height: .7rem;background-position: -4.7rem -12rem; margin: 0 auto;}
.work_box{display: flex;align-items: center; width: 3.8rem;height: 3.32rem;background: url("../img/work_bg.png") no-repeat center top; background-size: 100% auto;margin: .1rem auto .24rem ;padding: 0 .12rem 0;box-sizing: border-box;  font-family: 'f';}
.work_list li{font-size: .18rem;line-height: .28rem;color: #452711;text-align: left; margin-bottom: .05rem; }
.work_list li span{color: #bf1b10;}

.title6{ width: 4.13rem;height: .99rem;background-position: 0 -13.48rem;margin: 0 auto .3rem;}
.p7-cont{width: 100%;align-items: center; justify-content: space-around;}
.p7_sgzs_bg{position: relative; width: 8.58rem;height: 6.45rem;background: url("../img/p7_sgzs_bg.png") no-repeat center top; background-size: 100% auto;}
.p7_txt_bg{width: 6rem;height: 5.14rem;background: url("../img/p7_txt_bg.png") no-repeat center top; background-size: 100% auto;margin-bottom: .6rem;padding: .22rem .26rem 0 ; box-sizing: border-box;}
.p7_txt_bg p{color: #fff6dd;font-size: .22rem;line-height: .37rem;margin-bottom: .35rem; font-family: 'f';}
.fd_c{flex-direction: column;}
.p7-cont .btn_buy{ position: absolute;top: 50%; left: 50%;margin-top: -0.7rem; margin-left: -.3rem; width: .57rem;height: .66rem;background: url("../img/btn_buy.png") no-repeat center top;background-size: 100% auto;}
.btn_fy{position: relative; width: 5.07rem;height: .93rem;background: url("../img/btn_fy.png") no-repeat center top;background-size: 100% auto;margin: -.5rem auto; z-index: 2;}


.title7{ width: 11.45rem;height: .99rem;background-position: -2.09rem -10.77rem;margin: 0 auto .2rem;}
.swiper_p7{width:16rem;height: 7.8rem;}
.swiper_p7 .lb{display: block; width:3.45rem;height: 8.57rem; margin: 0 auto;padding-top: 2.24rem; box-sizing: border-box;}
.swiper_p7 .lb1{background: url("../img/p8_lb1.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb2{background: url("../img/p8_lb2.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb3{background: url("../img/p8_lb3.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb4{background: url("../img/p8_lb4.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb5{background: url("../img/p8_lb5.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb6{background: url("../img/p8_lb6.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb7{background: url("../img/p8_lb7.png") no-repeat center top;background-size: 100% auto;}
.swiper_p7 .lb8{background: url("../img/p8_lb8.png") no-repeat center top;background-size: 100% auto;}

.top_next.p7_top_next , .top_prev.p7_top_prev{position: absolute; top: 50% ; margin-top: -1.5rem; width: .61rem;height: .73rem;background: url("../img/p8_btn_prev.png") no-repeat center top;background-size: 100% auto; z-index: 10;cursor: pointer;}
.p7_btn_play{width: 1.03rem;height: 1.03rem;background: url("../img/btn_play2.png") no-repeat center top;background-size: 100% auto; margin: 0 auto;}


/* 导航栏 */
.nav_box{position: fixed;top: 50%;transform: translate3d(0px, -50%, 0); left: .29rem; width: 2.47rem;height: 10.8rem;background: url("../img/nav_bg.png") no-repeat center top;background-size: 2.47rem auto;padding: 2.47rem 0 0 .03rem; z-index: 10;box-sizing: border-box;}
.nav_box.list_re{background: url("../img/nav_bg2.png") no-repeat center top;background-size: 2.47rem auto;}
.xqlist{position: absolute;left: 50%;transform: translateX(-50%);}
.xqlist li{margin-bottom: .2rem;}
.nav_box .nav_spr{ background: url("../img/nav_spr.png") no-repeat center top;background-size: 6rem auto;}
.nav_box .navli0{width: 1.76rem;height: .58rem;background-position: -.62rem -.24rem;}
.nav_box .navli1{width: 2.45rem;height: .59rem;background-position: -.35rem -1.5rem;margin-top: .66rem;}
.nav_box .navli2{width: .55rem;height: .17rem;background-position: 0 -5.2rem;}
.nav_box .navli3{width: .55rem;height: .17rem;background-position: -.69rem -5.2rem;}
.nav_box .navli4{width: .91rem;height: .17rem;background-position: -1.75rem -5.2rem;}
.nav_box .navli5{width: .73rem;height: .17rem;background-position: -3.26rem -5.2rem;}
.nav_box .navli6{width: .73rem;height: .17rem;background-position: -4.24rem -5.2rem;}
.nav_box .navli7{width: 2.45rem;height: .59rem;background-position: -.34rem -2.56rem;margin-top: 1.7rem;}
.nav_box.list_re .navli7{margin-top: .65rem;}
.nav_box .navli8{width: 2.45rem;height: .59rem;background-position: -.33rem -3.87rem;margin-top: .65rem;}
.nav_box .navli0.on{background-position: -3.66rem -.35rem;}
.nav_box .navli1.on{background-position: -3.32rem -1.49rem;}
.nav_box .navli2.on{background-position: 0 -4.76rem;}
.nav_box .navli3.on{background-position: -.69rem -4.76rem;}
.nav_box .navli4.on{background-position: -1.75rem -4.76rem;}
.nav_box .navli5.on{background-position: -3.26rem -4.73rem;}
.nav_box .navli6.on{background-position: -4.24rem -4.76rem;}
.nav_box .navli7.on{background-position: -3.32rem -2.49rem;}
.nav_box .navli8.on{background-position: -3.32rem -3.64rem;}

.btn_go{position: absolute;top: .2rem; right: .8rem; width: .61rem;height: .61rem;background: url("../img/icon1.png") no-repeat center top;background-size: 100% auto; z-index: 2;}
.btn_download{position: absolute;top: .2rem; right: .1rem; width: .6rem;height: .6rem;background: url("../img/icon2.png") no-repeat center top;background-size: 100% auto;z-index: 2;}


.pop{display: none;position: relative;}
.pop1 .popcont{width: 4.82rem;height: 1.96rem; background: url("../img/pop1.png") no-repeat center top; background-size: 100% auto;}
.close{width:0.33rem;height:0.34rem;cursor:pointer;position:absolute;top:0;right:-.4rem;z-index:99;background: url("../img/close.png") no-repeat center top; background-size: 100% auto;}

.pop_next , .pop_prev{position: absolute; top: 50% ; margin-top: -.23rem; width: .59rem;height: .89rem;background: url("../img/pop_btn_prev.png") no-repeat center top;background-size: 100% auto; z-index: 10;cursor: pointer;}
.pop_next {right: 0; transform: rotateZ(180deg);}

.pop2 .swiper_pop{width: 12.1rem;height: 8.68rem;}
.pop2 .swiper_pop  .img_box{display: block; width: 9.76rem;height: 8.68rem; margin: 0 auto;}
.pop2 .swiper_pop img{width: 100%;height: 100%;}
.pop2 .close{top: 1.2rem;right: .7rem;}
.pop2 .close.right_s{top: 0;right: 2.6rem;}
.pop2 .swiper_pop.pop_s .pop_next{right: 1rem;}
.pop2 .swiper_pop.pop_s .pop_prev{left: 1rem;}

.pop3 .swiper_pop2{width: 12.1rem;height: 6.38rem;}
.pop3 .swiper_pop2  .img_box{display: block; width: 9.76rem;height: 6.38rem; margin: 0 auto;}
.pop3 .swiper_pop2 img {width: 100%;height: 100%;}
.pop3 .close{right: .6rem;}

.pop4 .swiper_pop3{width: 12.1rem;height: 8.68rem;}
.pop4 .swiper_pop3  .img_box{display: block; width: 9.76rem;height: 8.68rem; margin: 0 auto;}
.pop4 .swiper_pop3 img{width: 100%;height: 100%;}
.pop4 .close{top: 1.2rem;right: .7rem;}
.pop4 .close.right_s{top: 0;right: 2.6rem;}
.pop4 .swiper_pop3.pop_s .pop_next{right: 1rem;}
.pop4 .swiper_pop3.pop_s .pop_prev{left: 1rem;}

.pop5{width: 13rem;height: 8rem;}
.pop5 iframe{width: 13rem;height: 8rem;}

.pop6{width: 9.26rem;height: 6.38rem;background: url("../img/pop_bg.png") no-repeat center top;background-size: 100% auto; padding-top: .32rem;box-sizing: border-box;}
.pop_tit {width: 3.97rem;height: .35rem;background: url("../img/pop_tit.png") no-repeat center top;background-size: 100% auto; margin: 0 auto;}
.pop6 .info{text-indent: 2em; font-size: .22rem;line-height: .3rem;letter-spacing: 1px;font-family: 'f';color: #452711;}
.scrollBox{padding: 0 .25rem; margin: .17rem auto 0;}
.scroll{width: 8.93rem; height: 5.1rem; overflow-y: auto;}
.scroll::-webkit-scrollbar {
	width: 0.03rem;
}
.scroll::-webkit-scrollbar-track {
	background-color: #947637;
}
.scroll::-webkit-scrollbar-thumb {
	background-color: #ffe6b1;
}
.scroll::-webkit-scrollbar{width: 0.03rem; box-sizing: border-box;}

.pop6 img{display: block; width: 8.24rem;height: 4.67rem; margin: .26rem auto;}
.pop6 .img2{width: 3rem;height: 1.68rem;}

@font-face { font-family: f; src: url(../img/HYXINRENWENSONG65W.TTF); }

@-webkit-keyframes inBottom {
	0% {
	  -webkit-transform: translateY(-.15rem);
			  transform: translateY(-.15rem);
	  -webkit-animation-timing-function: ease-in;
		      animation-timing-function: ease-in;
	}
	50%{
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	100% {
	  -webkit-transform: translateY(-.15rem);
			  transform: translateY(-.15rem);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
  }
  @keyframes inBottom {
	0% {
	  -webkit-transform: translateY(-.15rem);
			  transform: translateY(-.15rem);
	  -webkit-animation-timing-function: ease-in;
		      animation-timing-function: ease-in;
	}
	50%{
	  -webkit-transform: translateY(0);
			  transform: translateY(0);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
	100% {
	  -webkit-transform: translateY(-.15rem);
			  transform: translateY(-.15rem);
	  -webkit-animation-timing-function: ease-in;
			  animation-timing-function: ease-in;
	}
  }
  /* #cyou_bottom */
  #cyou_bottom{height: auto!important;}
  .bot{height: 110px !important;}

.video{width:1200px;height:675px;text-align:center;position:relative;display:none;outline:none;background: #000;}
.videobox{height:100%;text-align: center;}
.videobox video{height:100%;display:inline-block;width: 100%;}