@charset "utf-8";
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: 12px; line-height: 1.5; font-family:"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;}
.wrap{padding: 0 3%; min-width: 900px;}
.wrap2{max-width: 1300px;margin: 0 auto;width: 95%;}
.wid1360{max-width: 1360px;margin: 0 auto;}


/*header*/

#bar{ line-height: 35px; height: 35px; overflow: hidden; font-size: 12px;background-color: #f3f3f4;position: fixed;left: 0;right: 0;top: 0;z-index: 200;}
#bar .search i{width: 10px;height: 19px;position: relative;background:url("../images/more_icon.png") no-repeat center center;background-size: 10px;vertical-align: middle;display: inline-block;top: -1px; margin-left: 10px;}
#bar .r{float: right;}
#bar .select{width: 70px;height: 20px;line-height: 20px;border:1px solid #c0c0c0;outline:none;display: inline-block; margin-right: 20px;}
#bar .r a{padding: 0 10px;}
#bar .r code{color: #c0c0c0;}

#header{position: fixed;z-index: 200;left: 0;right: 0;top: 35px;margin: 0 auto;z-index: 200;background: #212121;}
#header.index{background: none}
#header .header{line-height: 80px;height: 80px;color: #fff;overflow: hidden;text-align: center;}
#header .logo{display: inline-block;margin-right: 200px;}
#header .nav{float: left;margin-left: -25px;}
#header .nav li{float: left;padding: 0 25px;font-size: 14px;}
#header .nav a{color: #fff;position: relative;border-bottom: #fff 1px solid;}
#header .header .r{float: right;}
#header .header .mall,#header .header .search{width: 35px;height: 35px;position: relative;border-bottom: #fff 1px solid;margin-left: 30px;display: inline-block;vertical-align: middle;}
#header .header .mall{background:url("../images/mall_icon.png") no-repeat center center;background-size: 16px;}
#header .header .nums{position: absolute;z-index: 10;top: -5px;right: -5px;background: #fff1ba;color: #c09a61;line-height: 20px;display: inline-block;padding: 0 5px;border-radius: 20px;}
#header .header .search{background:url("../images/search_icon.png") no-repeat center center;background-size:21px;}
.header-blank{height:115px;}

#footer{border-top: #c09a61 2px solid;overflow: hidden;background-color: #f8f8f8;position: relative;z-index:101;font-size: 14px;background-color: #fff;width: 100%;box-sizing: border-box;}
#footer .top{overflow: hidden;padding-top: 35px;padding-bottom: 35px;height: 160px;border-bottom: #918f90 1px solid;}
#footer .ftext{line-height: 160px;width: 50%; margin-right: 8%;float: left;border-right: #918f90 1px solid;}
#footer .form{overflow: hidden;}
#footer .fsearch{width: 100%;background-color: #f3f3f4;overflow: hidden;margin-bottom: 15px;}
#footer .fsearch .text{width: 80%;padding: 0 25px;height: 50px;line-height: 50px;box-sizing: border-box;color: #252122;font-size: 16px;float: left;border:none;background: none;outline: none;}
#footer .fsearch .btn{width: 20%;height: 50px;line-height: 50px;box-sizing: border-box;float: left;background:url("../images/go_icon.png") no-repeat center center #c09a61;background-size: 11px;outline: none;cursor: pointer;border:none;}
#footer .fsearch .ago input{margin-right: 5px;}
#footer .bottom{overflow: hidden;padding-top: 35px;padding-bottom: 35px;}
#footer .flogo{float: left;width: 50%;margin-right: 8%;}
#footer .flogo img{margin-left: 10%;}
#footer .r{overflow: hidden;}
#footer .link{overflow: hidden;margin-bottom: 0px;}
#footer .link .mf20{margin-right: 20px}
#footer .link .mt20{margin-top:20px}
.mt20{margin-top:20px}
#footer .link .mt10{margin-top:10px}
#footer .link dl{float: left;width: 25%; }
#footer .link dl:first-child{ width:65%; }
#footer .link dt{font-size: 16px;/*margin-top: 38px;*/font-weight: 700;}
#footer .link dd{margin-bottom: 5px;}
#footer .wechat{overflow: hidden;}
#footer .wechat .share{overflow: hidden;}
#footer .wechat .copy a{margin-right: 0px;}
#footer  .code{width: 100px;float: left;margin-right: 20px;}

#login{padding: 120px 0;max-width: 980px;margin: 0 auto;font-size: 18px;overflow: hidden;}
#login .r{float: right;width: 32%;margin-left: 18%;}
#login .t{color: #333;font-size: 32px;margin-bottom: 30px;}
#login .p{margin-bottom: 20px;}
#login .btn{width: 220px;height: 45px;line-height: 45px;background-color: #c09a61;color: #fff;text-align: center;font-size: 18px;display: inline-block;}
#login .l{overflow: hidden;}
#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 25px;font-size: 18px;background-color: #f8f8f8;line-height: 44px;height: 44px;border:none;outline: none;}
#login .form .submitbtn{width: 126px;height: 45px;line-height: 45px;background-color: #c09a61;color: #fff;text-align: center;font-size: 18px;border:none;outline: none;cursor: pointer;}
#login .forget{float: right;line-height: 45px;}


#register{padding: 120px 0;max-width: 980px;margin: 0 auto;font-size: 18px;overflow: hidden;}
#register .t{color: #333;font-size: 32px;margin-bottom: 50px;}
#register .btn{width: 220px;height: 45px;line-height: 45px;background-color: #c09a61;color: #fff;text-align: center;font-size: 18px;display: inline-block;}
#register .l{overflow: hidden;}
#register .form{overflow: hidden;}
#register .form ul{overflow: hidden;}
#register .form li{margin-bottom: 30px;}
#register .form .text{width: 210px;box-sizing: border-box;padding: 0 25px;font-size: 16px;background-color: #f8f8f8;line-height: 42px;height: 42px;border:none;outline: none;margin-right: 30px;}
#register .agree{display: block;margin-bottom: 10px;}
#register .agree input{width: 16px;height: 16px;border:#959595 1px solid;margin-right: 5px;vertical-align: middle;position: relative;top: -1px;}
#register .form .submitbtn{width: 180px;height: 44px;line-height: 44px;background-color: #c09a61;color: #fff;text-align: center;font-size: 16px;border:none;outline: none;cursor: pointer;margin-top: 15px;}
#register .form .setmsg{width: 210px;box-sizing: border-box;padding: 0 25px;font-size: 16px;background-color: #c09a61;line-height: 42px;height: 42px;border:none;outline: none;margin-right: 30px;cursor: pointer;color: #fff;text-align: left;}


#index .indexlogo{position: absolute;z-index: 100;left: 0;right: 0;text-align: center;top: 10%;margin: 0 auto;transition: all 0.4s ease;}
#index{ overflow: hidden;}
#index .section,#index .slide{ width: 100%;  height: 100vh; overflow: hidden; display: flex;justify-content: center;align-items: center;background-color: #000;}
#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: 68px;height: 133px;margin: 0;top: 0;bottom: 0;margin: auto;cursor: pointer;border:none;}
#index .fp-controlArrow.fp-prev{background:url("../images/prev_icon.png") no-repeat center center;background-size:100%;left: 8%;}
#index .fp-controlArrow.fp-next{background:url("../images/next_icon.png") no-repeat center center;background-size:100%;right: 8%;}
#index .t1,#index .t2,#index .t3,#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;}
#index .t1{bottom: 10%;}
#index .t2{bottom: 30%;}
#index .t3{top: 30%;}
#index .t4{bottom:15%;left: auto;right: 10%;}
#index .leftlogo{left: auto;right: 12%;top: 20%;width: 300px;}
#index .rightlogo{right: auto;left: 19%;top: 20%;width: 300px;}
#index .t6{bottom:15%;right: auto;left: 14%;}
#index .t7{bottom:15%;right: auto;left: 10%;}
#index .t8{bottom:15%;right: auto;left: 19%;}
#index .t5{bottom: 10%;}
#index .t9{bottom:15%;left: auto;right: 10%;}
#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: rgba(14,23,20,1); 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;}
#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;}
#troduce .t1{width: 30%;}
#troduce .t2{width:50%;left: 35%;}
#troduce .t3{width: 60%;}
#troduce .t4{width:50%;right: 35%;}
#troduce .t5{width:50%;left: 35%;}
#troduce .t6{width: 65%;}
#troduce .t7{width:50%;right: 35%;}
#troduce .t8{width:50%;left: 35%;}
#troduce .t9{width: 62%;}
#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%;}
#troduce .t10{width:40%;}
#product{overflow: hidden;}
#product .default{padding:0 5% 100px;border-bottom: #666565 1px solid;overflow: hidden;margin-bottom: 40px;}
#product .default .big{float: left;width: 400px;margin-right: 10%;text-align: center;overflow: hidden;}
#product .default .big .swiper-wrapper{margin-bottom: 20px;}
#product .default .big .prev,#product .default .big .next{width: 56px;height: 56px;display: inline-block; margin: 0 25px;}
#product .default .big .prev{background:url("../images/prev_icon1.png") no-repeat center center;background-size:100%;}
#product .default .big .next{background:url("../images/next_icon1.png") no-repeat center center;background-size:100%;}
#product .default .info{overflow: hidden;color: #494949;font-size: 16px;line-height: 1.8;}
#product .default .name{font-size: 45px; line-height: 1.2; padding-bottom: 60px; position: relative;}
/* #product .default .name:after{ content: ''; width: 5%;background-color: #666;height: 1px;display: inline-block;position: absolute;z-index: 1;left: 0;bottom: 0;} */
#product .default .attren{padding-bottom: 20px;margin-bottom: 20px; 
line-height: 2;letter-spacing: 1px;position: relative;}
#product .default .attren .vicon{ position: absolute;right: 0;top: 0; cursor: pointer; }
#product .default .chinese {border-top: 1px solid #666565;  border-bottom: 1px solid #666565;padding: 30px 0}
#product .other{overflow: hidden;padding: 0 5%;margin-bottom: 100px;}
#product .other .title{margin-bottom: 50px;overflow: hidden;padding: 0 5%;}
#product .other .title .n{float: left;font-size: 28px;padding-bottom: 25px;position: relative;}
#product .other .title .n:after{ content: ''; width:30%;background-color: #666;height: 1px;display: inline-block;position: absolute;z-index: 1;left: 0;bottom: 0;}
#product .other .title .more{float: right;font-size:16px;padding-bottom: 15px;position: relative;}
#product .other .title .more:after{ content: ''; width:30%;background-color: #666;height: 1px;display: inline-block;position: absolute;z-index: 1;left: 0;bottom: 0;}

#product .other .lists{overflow: hidden;}
#product .other .lists li{float: left;width: 100%;box-sizing: border-box;padding:0 20px;box-sizing: border-box;text-align: center;}
#product .other .lists .img{margin-bottom: 25px;}
#product .other .lists .name{font-size: 28px;margin-bottom: 5px;}
.info .attrcn{line-height: 2.5; display: none}
.ctitle  {position: relative; font-size: 16px}
.arrow {
	position: absolute;
	right: 20px; 
  display: inline-block;
  width: 15px;
  height: 15px;
  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:40px;}
.price  .jiage {font-size: 24px; color:#ca3242; font-family: "黑体"}

#article .article{max-width:850px;margin: 0 auto 100px;}
#article .title{color: #c09a61;font-size: 32px;margin-top: 30px;padding-bottom: 35px;margin-bottom: 35px;position: relative; text-align: center;}
#article .title:after{content: '';background-color: #e6e6e6;width: 40px;height: 3px;position: absolute;z-index: 1;left: 0;right: 0;bottom: 0;margin: 0 auto;}
#article .time{text-align: center;color: #8d8d8d;font-size: 20px;margin-bottom: 30px;}
#article .con{font-size: 16px;}
#article .indent{text-indent: 2em;margin-bottom:20px;}
#article .con .pic{padding: 25px 0;text-align: center;}
#article .con .pic img{margin-bottom: 20px;}
#article .con .t1{margin-bottom: 30px;font-size: 18px;}



#news{overflow: hidden;}
#news .banner{;text-align: center;}
#news .banner li{position: relative;}
#news .lists{margin-top: 30px;}
#news .lists ul{margin: 0 -20px;}
#news .lists li{float: left;width: 33.33%;box-sizing: border-box;margin-bottom: 100px;padding: 0 20px;}
#news .lists .in{box-shadow: rgba(0,0,0,0.2) 0 0 10px; }
#news .lists .img{width: 100%;}
#news .lists .text{padding: 30px;}
#news .lists .name{font-size: 24px;margin-bottom: 10px;color: #c09a61;height: 72px;}
#news .lists .en{color: #8d8d8d;font-size: 20px;margin-bottom: 20px;}
#news .lists .detail{font-size: 16px;height: 220px;overflow: hidden;}
#news .lists .btn{font-size: 16px;display: inline-block;padding-bottom: 10px;position: relative;}
#news .lists .btn:after{content: '';width: 40px;height: 3px;background-color: #c09a61;display: inline-block;position: absolute;z-index: 1;bottom: 0;left: 0;}


/*页面初始化弹窗 star*/
.star_tc{position: fixed;top: 0;right: 0;left: 0;margin: auto;background: rgba(0,0,0,.4);width: 100%;height: 100%;z-index: 1000;display: none;}
.star_fff{width: 40%;background: #fff;min-width: 780px;margin: 0 auto;text-align: center;padding: 25px 0;}
.star_logo{max-width: 380px;width: 48%;margin: auto;}
.star_txt{font-size: 18px;text-align: center;margin: 15px 0;line-height: 1.7;}
.star_btn{width: 290px;margin: 30px auto 0;}
.star_btn .star_left{width: 130px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #c09a61;float: left;}
.star_btn .star_right{width: 130px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #c09a61;float: right;}
/*页面初始化弹窗 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:1300px;  margin: 10% auto;text-align: center; 
height: 550px; position: relative;  }
.video_fff .closemp4 {position: absolute;right: -50px ;top: -40px ;width: 50px;height: 50px;
 
}
 
/*页面初始化视频 end*/