@charset "utf-8";

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}


body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,img{margin:0;padding:0;}
ul,li{list-style:none; margin:0px; padding:0px;}
img{border:0; vertical-align:middle;}
em{ font-style:normal;}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;font-family:"microsoft yahei";}
textarea {-webkit-appearance: none;font-family:"microsoft yahei";} 
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{text-decoration:none;color:#282727;}
a:hover{color:#c09a61;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img{max-width: 100%;}
body{color:#282727; font-size: 0.24rem; line-height: 1.5; font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;}
.kmd{ max-width: 700px;margin: 0 auto;}

/*header*/
#header{position: fixed;z-index: 200;left: 0;right: 0;top: 0;margin: 0 auto;z-index: 200;background: #212121;max-width: 700px;}
#header .header{line-height: 1rem;height: 1rem;color: #fff;overflow: hidden;text-align: center;}
#header .logo{display: inline-block;width: 2.55rem;}
#header .nav{margin-top: 1rem;left: 0;top: 0;right: 0;background: rgba(0,0,0,0.9);position: absolute;z-index: 500;display: none;}
#header .nav li{padding: 0 0.25rem;font-size: 0.28rem;line-height: 0.8rem;border-bottom: #333 1px solid;}
#header .nav li:last-child{border-bottom: none;}
#header .nav a{color: #fff;display: block;}

#header .header .meau,#header .header .prev,#header .header .mall,#header .header .search{width: 1rem;height: 1rem;position: relative;display: inline-block;vertical-align: middle;position: absolute;z-index: 100;top: 0;bottom: 0;margin: auto;}
#header .header .meau{background:url("../m/meau_icon.png") no-repeat center center;background-size: 0.4rem;left: 0;width: 1rem;}
#header .header .prev{background:url("../m/prev_icon2.png") no-repeat center center;background-size: 0.27rem;left: 0;width: 1rem;}
#header .header .mall{background:url("../m/mall_icon.png") no-repeat center center;background-size: 0.34rem;right: 0;width: 0.85rem;}
#header .header .mall:after{content: '';width: 1px;height: 0.28rem;position: absolute;z-index: 1;top: 0;bottom: 0;margin: auto;left: 0;background-color: #646464;display: inline-block;}
#header .header .search{background:url("../m/search_icon.png") no-repeat center center;background-size:0.34rem;right: 0.87rem;width: 0.85rem;}
.header-blank{height:1rem;}

#footer{border-top: #c09a61 0.02rem solid;overflow: hidden;background-color: #f8f8f8;position: relative;z-index:101;font-size: 0.2rem;background-color: #fff;width: 100%;padding: 0 0.3rem;box-sizing: border-box;}
#footer .top{overflow: hidden;padding-top: 0.3rem;padding-bottom: 0.25rem;border-bottom: #918f90 1px solid;}
#footer .ftext{margin-bottom: 0.2rem;text-align: center;}
#footer .ftext img{width: 4.5rem;}
#footer .form{overflow: hidden;}
#footer .fsearch{width: 100%;background-color: #f3f3f4;overflow: hidden;margin-bottom: 0.24rem;}
#footer .fsearch .text{width: 80%;padding: 0 0.15rem;height: 0.6rem;line-height: 0.6rem;box-sizing: border-box;color: #252122;font-size: 0.24rem;float: left;border:none;background: none;outline: none;}
#footer .fsearch .btn{width: 20%;height: 0.6rem;line-height: 0.6rem;box-sizing: border-box;float: right;background:url("../m/go_icon.png") no-repeat center center #c09a61;background-size: 0.2rem;outline: none;cursor: pointer;border:none;}
#footer .fsearch .ago input{margin-right: 0.1rem;vertical-align: middle; position: relative;top: -1px;}
#footer .bottom{overflow: hidden;padding-top: 0.15rem;padding-bottom: 0.15rem;}
#footer .middle{padding: 0.1rem 0; text-align: center;border-bottom: #918f90 1px solid;}
#footer .flogo{display: inline-block;width: 2.4rem;margin-bottom: 0.1rem;}
#footer .link{overflow: hidden;}
#footer .link dd{margin-bottom: 0.08rem;}
#footer .wechat{overflow: hidden;text-align: center;}
#footer .wechat .code{width: 1.5rem;margin-bottom: 0.1rem;}
#footer .wechat .share{overflow: hidden;margin-bottom: 0.1rem;}
#footer .wechat .share img{width: 2.6rem;}
#footer .wechat .copy{font-size: 0.2rem;}
#footer .wechat .copy a{padding: 0 0.1rem;}


#login{padding: 0.4rem;margin: 0 auto;overflow: hidden;}
#login .r{}
#login .t{color: #333;font-size: 0.32rem;margin-bottom: 0.3rem;}
#login .p{margin-bottom: 0.2rem;}
#login .btn{width: 100%;height: 0.7rem;line-height: 0.7rem;background-color: #c09a61;color: #fff;text-align: center;font-size: 0.28rem;display: inline-block;}
#login .l{overflow: hidden;margin-bottom: 0.5rem;}
#login .form{overflow: hidden;}
#login .form ul{overflow: hidden;}
#login .form li{margin-bottom: 20px;}
#login .form .text{width: 100%;box-sizing: border-box;padding: 0 0.25rem;font-size: 0.28rem;background-color: #f8f8f8;line-height: 0.7rem;height: 0.7rem;border:none;outline: none;}
#login .form .submitbtn{width: 100%;height: 0.7rem;line-height: 0.7rem;background-color: #c09a61;color: #fff;text-align: center;font-size: 0.28rem;border:none;outline: none;cursor: pointer;}
#login .forget{line-height: 0.7rem;}


#register{padding: 0.4rem;overflow: hidden;font-size: 0.24rem;}
#register .t{color: #333;font-size: 0.32rem;margin-bottom: 0.5rem;}
#register .btn{width: 100%;height: 0.7rem;line-height: 0.7rem;background-color: #c09a61;color: #fff;text-align: center;font-size: 0.26rem;display: inline-block;}
#register .l{overflow: hidden;}
#register .form{overflow: hidden;}
#register .form ul{overflow: hidden;}
#register .form li{margin-bottom: 0.3rem;overflow: hidden;}
#register .form .text{width: 100%;box-sizing: border-box;padding: 0 0.25rem;font-size: 0.28rem;background-color: #f8f8f8;line-height: 0.7rem;height: 0.7rem;border:none;outline: none;}
#register .form .yz{width: 60%;float: left;}
#register .form .pwd{margin-bottom: 0.3rem;}
#register .agree{display: block;margin-bottom: 10px;}
#register .agree input{width: 0.28rem;height: 0.28rem;border:#959595 1px solid;margin-right: 0.05rem;vertical-align: middle;position: relative;top: -1px;}
#register .form .submitbtn{width: 100%;height: 0.7rem;line-height: 0.7rem;background-color: #c09a61;color: #fff;text-align: center;font-size: 0.28rem;border:none;outline: none;cursor: pointer;margin-top: 0.15rem;}
#register .form .setmsg{width: 40%;box-sizing: border-box;padding: 0 0.25rem;font-size: 0.28rem;float: left;background-color: #c09a61;line-height: 0.7rem;height: 0.7rem;border:none;outline: none;cursor: pointer;color: #fff;text-align: left;}


#index .indexlogo{position: absolute;z-index: 100;left: 0;right: 0;text-align: center;top: 15%;margin: 0 auto;transition: all 0.4s ease;-webkit-transition: all 0.4s ease; width:55%  ;}
#index{ overflow: hidden;background-color: #212121;}
#index .section,#index .slide{ width: 100%;  height: 100vh; overflow: hidden; display: flex;justify-content: center;align-items: center;-webkit-justify-content: center; -webkit-align-items: center;- background-color: #212121;position: relative;}
#index .section .img,#index .section video{width: 100%;}
#index .swiper-pagination-white .swiper-pagination-bullet-active{background:none;border:#fff 2px solid;}
#index .fp-controlArrow.fp-prev,#index .fp-controlArrow.fp-next{width: 0.4rem;height: 1rem;margin: 0;top: 0;bottom: 0;margin: auto;cursor: pointer;border:none;}
#index .fp-controlArrow.fp-prev{background:url("../m/prev_icon.png") no-repeat center center;background-size:100%;left: 8%;}
#index .fp-controlArrow.fp-next{background:url("../m/next_icon.png") no-repeat center center;background-size:100%;right: 8%;}
#index .t1,#index .t2,#index .t3,#index .t3a,#index .t4,#index .t5,#index .t6,#index .t7,#index .t8,#index .t9{position: absolute;left: 0;right: 0;text-align: center;z-index: 11;margin: auto;width: 62%;}
#index .t1{bottom: 0%;}
#index .t2{bottom: 12%;}
#index .t3a{top: 30%;width: 3rem;}
#index .t3{bottom: 15%;width: 4rem;}
#index .t4{bottom:12%;width: 3.5rem;}
#index .t5{bottom:15%;}
#index .t6{bottom:15%;width: 3.5rem;}
#index .t7{bottom:12%;width: 80%}
#index .t8{bottom:7%;width: 2.8rem;}
#index .t9{bottom:12%;width: 3.5rem;}



@media screen and (max-width: 375px) {
#index .t2{bottom: 10%; }
#index .t3{bottom: 8%; }
#index .t4 {bottom: 8%}
#index .t9 {bottom: 8%}
#index .slide {top:5%}
}


#bnav{position: fixed;z-index: 100;left: 2%;font-size: 14px;color: #fff;top: 45%;padding-left: 15px;}
#bnav:after{content: '';z-index: 1;position: absolute;border-left: #868b8a 2px solid;top: 25px;bottom: 25px;left: 0;}
#bnav a{position: relative;display: block;color: #fff;padding: 16px 0;}
#bnav a:before{content: '';width: 8px;height: 8px;border-radius: 100%;position: absolute;z-index: 2;left: -18px;top: 0;bottom: 0;margin: auto;border:#868b8a 1px solid;box-sizing: border-box;background-color: #868b8a;transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;}
#bnav a.active{color: #fff;}
#bnav a.active:before{background-color: #fff;border-color: #fff;}


.crub{color: #939393; font-size: 14px;padding: 20px 0;}
.crub a{color: #939393;}
.crub span{color: #c09a61;}

#product{overflow: hidden;background-color: #f8f8f8;}
#product .default{overflow: hidden;padding:0.5rem 0.4rem;}
#product .default .big{width: 100%; padding: 0 0.8rem; box-sizing: border-box; text-align: center;overflow: hidden;position: relative;background-color: #fff;}
#product .default .big .prev,#product .default .big .next{width: 0.72rem;height: 0.72rem;display: inline-block; position: absolute;z-index: 100;top: 0;bottom: 0;margin: auto;}
#product .default .big .prev{background:url("../m/prev_icon1.png") no-repeat center center;background-size:100%;left: 0;}
#product .default .big .next{background:url("../m/next_icon1.png") no-repeat center center;background-size:100%;right: 0;}
#product .default .info{overflow: hidden;color: #494949;font-size: 0.22rem;line-height: 1.8;background-color: #fff;padding:0.3rem;}
#product .default .name{font-size: 0.45rem; line-height: 1.2; margin-bottom: 0.4rem;position: relative;}
#product .default .attren{padding-bottom: 0.3rem;margin-bottom: 0.3rem; }

#product .other{overflow: hidden;padding: 0 0.6rem;margin-bottom: 1rem;background-color: #fff;}
#product .other .title{overflow: hidden;padding:0.3rem 5%;text-align: center;}
#product .other .title .n{font-weight: 700;font-size: 0.36rem;padding-bottom: 0.3rem;position: relative;}
#product .other .title .n:after{ content: ''; width:0.6rem;background-color: #666;height: 1px;display: inline-block;position: absolute;z-index: 1;left: 0;right: 0;margin: 0 auto;bottom: 0;}
#product .other .lists{overflow: hidden;margin-bottom: 0.5rem;}
#product .other .lists li{float: left;width:50%;box-sizing: border-box;padding:0 0.2rem;box-sizing: border-box;text-align: center;}
#product .other .lists .img{margin-bottom: 0.2rem;}
#product .other .lists .name{font-size: 0.36rem;}
#product .other .more{width: 2.8rem;line-height: 0.7rem; border:#797979 1px solid;position: relative;display: block; text-align: center;margin: 0 auto 0.5rem;}

#troduce .section img{max-width: 100%;max-height: 100%;}
#troduce{text-align: center;width: 100%;overflow: hidden;}
#troduce .section,#troduce .slide{ width: 100%;  height: 100vh; overflow: hidden; display: flex;justify-content: center;align-items: center;background-color: #fff;position: relative;}
#troduce .t{position: absolute;z-index: 10;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 80%;}
#troduce .t3{width: 70%;}
#troduce .t4{top: auto;bottom: 4%;}
#troduce .t5{top: auto;bottom: 4%;}
#troduce .t7{top: auto;bottom: 2%;width:70%;}
#troduce .t8{top: auto;bottom: 2%;width: 65%;}
#troduce .t10{top: auto;bottom: 4%;}
#troduce .t11{top: auto;bottom: 5%;}
#troduce .t12{top: auto;bottom: 5%;}
#troduce .t13{width: 60%;}
#troduce .lists{overflow: hidden;padding: 0 2%;}
#troduce .lists li{float: left;width: 33.33%;box-sizing: border-box;padding: 0 2%;text-align: center;}
#troduce .lists .pic{margin-bottom: 20px;}
#troduce .lists .name{font-size: 24px;margin-bottom: 15px;}
#troduce .lists .d{font-size: 16px;padding: 0 5%;}


#article .article{padding: 0.48rem;}
#article .title{color: #000;font-size: 0.36rem;padding-bottom: 0.3rem;margin-bottom: 0.25rem;position: relative; text-align: center;font-weight: 700;}
#article .title:after{content: '';background-color: #737373;width: 0.6rem;height: 0.03rem;position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;margin: 0 auto;}
#article .time{text-align: center;color: #000;font-size: 0.22rem;margin-bottom: 0.35rem;}
#article .con{font-size: 0.26rem;border-top: #e3e3e3 1px solid;padding-top: 0.4rem;color: #494949;}
#article .indent{text-indent: 2em;margin-bottom: 0.3rem;}
#article .con .pic{text-align: center;margin-bottom: 0.3rem;}
#article .con .pic img{margin-bottom: 0.2rem;}
#article .con .t1{margin-bottom: 0.2rem;font-size: 0.3rem;color: #000;}



#news{overflow: hidden;}
#news .banner{;text-align: center;}
#news .banner li{position: relative;}
#news .lists{padding: 0.5rem;}
#news .lists li{box-sizing: border-box;margin-bottom: 0.8rem;}
#news .lists .in{ }
#news .lists .img{width: 100%;margin-bottom: 0.4rem;}
#news .lists .name{font-size: 0.36rem;margin-bottom: 0.15rem;color: #000;}
#news .lists .en{color: #8d8d8d;font-size: 20px;margin-bottom: 20px;}
#news .lists .detail{font-size: 0.26rem; color: #494949;overflow: hidden;margin-bottom: 0.4rem;}
#news .lists .btn{font-size: 0.28rem; line-height: 0.76rem; display: block;position: relative;text-align: center;background-color: #c09a61;color: #fff;}

.chinese {border-top: 1px solid #666565;  border-bottom: 1px solid #666565;padding: 0.25rem 0}
 .ctitle  {position: relative; font-size: 16px}
 .attrcn {display: none}
.arrow {
	position: absolute;
	right:  0.2rem; 
  display: inline-block;
  width: 0.2rem;
  height:  0.2rem;
  border-top: 2px solid #ca3242;
  border-right: 2px solid #ca3242;
  cursor: pointer;
}
.arrow-top {
  transform: rotate(-45deg);
  top: 5px;
} 
.arrow-bottom {
  transform: rotate(135deg);
   top: 0px;
} 

.price {margin-top:0.3rem; font-size: 0.26rem}
.price  .jiage {font-size: 0.33rem; color:#ca3242; font-family: "黑体"}



/*页面初始化弹窗 star*/
.star_tc{position: fixed;top:1rem;right: 0;left: 0;margin: auto;background: rgba(0,0,0,.4);width: 100%;height: 100%;z-index: 1000;display: none;}
.star_fff{width: 90%;background: #fff;max-width: 700px;margin: 0 auto;text-align: center;padding:0.5rem 0.4rem;box-sizing: border-box;}
.star_logo{width: 80%;margin: auto;margin-bottom: 0.1rem;}
.star_logo img{max-width: 100%;}
.star_txt{font-size: 0.24rem;text-align: center;margin-bottom: 0.4rem;line-height: 1.6;}
.star_btn .star_left{width: 1.7rem;height: 0.56rem;line-height: 0.56rem;font-size: 0.24rem;color: #fff;background: #c09a61; display: block;margin: 0 auto 0.3rem;}
.star_btn .star_right{width: 1.7rem;height: 0.56rem;line-height: 0.56rem;font-size: 0.24rem;color: #fff;background: #c09a61; display: block;margin: 0 auto 0.3rem;}
/*页面初始化弹窗 end*/

/*页面初始化视频 star*/
.video_tc{position: fixed;top: 0;right: 0;left: 0;background: rgba(0,0,0,.3);width: 100%;height: 100%;z-index: 1000; }

.video_tc1{position: fixed;top: 0;right: 0;left: 0; width: 100%;   height: 100%;z-index: 10001; }

.video_fff{width:6.4rem; height: 2.7rem;  margin: 30% auto;text-align: center; position: relative;  }
.video_fff .closemp4 {position: absolute;right:0 ;left: 0;bottom: -0.8rem ;width: 0.5rem;height: 0.5rem;margin: auto;}
 
/*页面初始化视频 end*/