body{ background:#0a0c0e;}
.header{ background: #000000; width:100%; position:fixed;z-index:8;}
.w960s{ width: 960px; margin: 0 auto; }

.boxie{ width:100%; position:absolute; top:0; left:0; display:none;}

.wrapkv{ height: 900px; width: 100%; top:68px; overflow: hidden; position:fixed; z-index:5;}
.solgan{ position: absolute; width: 8.82rem; top: 1.38rem; left: 5.2rem; z-index:80; transform:translate(0,0); opacity:1; transition:all 0.6s ease-in;}
.solgan img{ width:100%;}
.head_part .flexslider { background:#151515; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;width: 100%; overflow: hidden; position:absolute; left:0; }
.head_part .flex-direction-nav{ display:none;}

.showfrom{ transition:all 0.6s ease-in; transform:translate(0,-300px); opacity:0;}

.sbtn_left.showfrom{ transition:all 0.6s ease-in; transform:translate(0,-300px); opacity:0;}
.sbtn_right.showfrom{ transition:all 0.6s ease-in; transform:translate(0,-300px); opacity:0;}
.sbtn_a7rm3.showfrom{ transition:all 0.6s ease-in; transform:translate(0,-300px); opacity:0;}

.bottom_part{ position:fixed; z-index:3; left:0; top:0; width:100%;}
.new_index{ z-index: 8; }
.bottom_bg{ position: relative;}
.flex-control-nav{ display:none;}
.sm-slider{ width:100%; height:100%; overflow:hidden; position:fixed; background:#000000; top:68px;z-index:5;}
@keyframes solt {
  0% {
	  animation-timing-function: ease-in;
	  opacity: 0;
  }
  6.66667% {
	  opacity: 1;
  }
  20% {
	  opacity: 1;
  }
  25% {
	  animation-timing-function: ease-out;
	  opacity: 0;
	  transform: scale(1.10) ;
  }
  100% {
	  opacity: 0;
	  transform: scale(1.10) ;
  }
}


.sm-slider li span {
  animation: 20s linear infinite solt;
  transform-origin: 70% 70% 0;
  background-size: cover;
  color: transparent;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.sm-slider li:nth-child(1) span {
    animation-delay: 0s;
    background: url("../images/kv1.jpg");
	background-size:100%;
}

.sm-slider li:nth-child(2) span {
    animation-delay: 4s;
    background: url("../images/kv2.jpg");
	background-size:100%;
}

.sm-slider li:nth-child(3) span {
    animation-delay: 8s;
    background: url("../images/kv3.jpg");
	background-size:100%;
}
.sm-slider li:nth-child(4) span {
    animation-delay: 12s;
    background: url("../images/kv4.jpg");
	background-size:100%;
}
.sm-slider li:nth-child(5) span {
    animation-delay: 16s;
    background: url("../images/kv5.jpg");
	background-size:100%;
}

.sbtn_a7rm3 {
    width: 2.13rem;
    position: absolute;
    left: 8.5rem;
    top: 5.15rem;
    
    overflow: hidden;
    z-index: 80;
}
.sbtn_left {
    width: 2.13rem;
    position: absolute;
    left: 5.28rem;
    top: 5.15rem;
    overflow: hidden;
    z-index: 80;
}
.sbtn_right {
    width: 2.13rem;
    position: absolute;
    left: 11.7rem;
    top: 5.15rem;
    overflow: hidden;
    z-index: 80;
}

.sbtn_a7rm3 a{ background:url(../images/a7rm3.png) no-repeat; width: 2.13rem; height:1.04rem; text-indent:-9999px; display:block; background-size:100% auto;}
.sbtn_a7rm3 a:hover{background:url(../images/a7rm3_hover.png) no-repeat; width: 2.13rem;background-size:100% auto;}


.sbtn_left a{ background:url(../images/a9.png) no-repeat; width: 2.13rem; height:1.04rem; text-indent:-9999px; display:block; background-size:100% auto;}
.sbtn_left a:hover{background:url(../images/a9_hover.png) no-repeat; width: 2.13rem;background-size:100% auto;}

.sbtn_right a{ background:url(../images/a7rm2_gl.png) no-repeat; width: 2.13rem; height:1.04rem; text-indent:-9999px; display:block; background-size:100% auto;}
.sbtn_right a:hover{background:url(../images/a7rm2_gl.png) no-repeat; width: 2.13rem;background-size:100% auto;}
.wrapkv img{ width: 100%; }


.downsides{ position:fixed; bottom:50px; left:50%; margin-left:-26px; z-index:7; animation:down 2s linear infinite; -webkit-animation:down 2s linear infinite;}
.downsides1{ position:absolute; width: .36rem; bottom:1rem; left:50%; margin-left: -0.18rem; z-index:7; animation:down 2s linear infinite; -webkit-animation:down 2s linear infinite;}
@keyframes down{
	0%{ transform:translate(0,10px);}
	50%{ transform:translate(0,0);}
	100%{ transform:translate(0,10px);}
}
@-webkit-keyframes down{
	0%{ -webkit-transform:translate(0,10px);}
	50%{ -webkit-transform:translate(0,0);}
	100%{ -webkit-transform:translate(0,10px);}
}

.clearfix{ display:table; content:"";}
.pdt{ padding-top:148px;}
.middle_line{ width:1px; height:100%; position:absolute; top:0; left:50%; border-left:1px #7e7f7f solid;}
.test_area_bg{background: #0a0c0e; z-index: 20;}
.test_area{ width:1200px; margin:0 auto; padding:50px 0 0 0; position:relative;}
.master_content{ width:533px; z-index:10;}
.tx_right{ text-align:right;}
.float_left{ float:left;}
.float_right{ float:right;}
.master_produce{ width:100%; margin-bottom:90px; opacity:0; transition:all 0.4s ease-in; transform:translate(0,100px); -webkit-transition:all 0.4s ease-in; -webkit-transform:translate(0,100px);}
.animated{ opacity:1; transform:translate(0,0); -webkit-transform:translate(0,0);}
.master_produce a{ display:block;}
.master_name_part{ width:100%; margin:15px 0;}
.master_name_part span{ display:inline-table; vertical-align:bottom;}
.master_title{ font-size:18px; color:#ececec;}
.list_pic{ position:relative; width:100%;}
.list_pic.other_width{ width:464px;}
.list_pic .overbg{ width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; position:absolute;}
.list_pic .overbg:after{ content:""; width:100%; height:6px; position:absolute; bottom:0; background:#c4925b;}
.list_pic dl{ font-size:20px; width:150px; text-align:center; color:#c4925b; border:1px #c4925b solid; position:absolute; top:50%; left:50%; margin-left:-75px; margin-top:-23px; height:46px; line-height:46px; z-index:2;}
.master_name{ font-size:36px; color:#c4925b; margin:0 7px;}
.master_pic{ width:38px; border-radius:50%; overflow:hidden; border:1px #868686 solid;}
.master_pic img{ width:38px;}
.after_line{ width:100%; border-top:1px #ef121a solid; height:1px; position:relative;}
.after_line:after{ content:""; background:#b88a58; width:6px; height:6px; border-radius:50%; position:absolute; right:-75.4px; z-index:8; top:-8px; border:5px #0a0c0e solid;}
.after_line1{ width:100%; border-top:1px #ef121a solid; height:1px; position:relative;}
.after_line1:after{ content:""; background:#b88a58; width:6px; height:6px; border-radius:50%; position:absolute; left:-75.4px; z-index:3; top:-8px; border:5px #0a0c0e solid;}
.artist_about{ font-size:14px; color:#bfbfbf; margin-top:15px;  word-spacing: 2px;}
.mouse_over{ opacity:0; transition:all 0.3s ease-in; display:none;}
.master_produce a:hover .mouse_over{ opacity:1; display:block;}

.wrap_content{ position:absolute; top:100%; width: 100%; z-index: 20; height:4019px;}

.swiper-container{ width:100%; overflow:hidden;}
.swiper-slide{ position:relative;}
.container{ width:100%; position:relative;}
.cenav{ position:absolute; bottom:24%; width:1060px; left:50%; margin-left:-530px; z-index:2;}
.cenav li{ width:70px; padding:0 2px; float:left;}
.cenav .line{ width:20px; background:#f2f2f1; height:1px; margin:27px 0; float:left;}
.cenav .qx_tx{ width:45px; border-radius:50%; overflow:hidden; border:2px #e8e7e7 solid; margin:2px auto;position:relative;}
.cenav p{ color:#b88a58; font-size:16px; text-align:center; opacity:0; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.cenav li.active .qx_tx{ border:2px #b88a58 solid;  overflow:hidden; position:relative;}
.cenav li.active .qx_tx img{ opacity:1;}
.cenav li.active p{ opacity:1;}
.cenav li:hover .qx_tx{ border:2px #b88a58 solid; background:rgba(0,0,0,0.6); overflow:hidden; position:relative;}
.cenav li:hover .qx_tx img{ opacity:1;}
.cenav li:hover p{ opacity:1;}
.cenav li:hover .qx_tx .zhezhao{  width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,0,0,0.5); display:block;}
.cenav li.active .qx_tx .zhezhao{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,0,0,0.5); display:none;}
.cenav li .qx_tx .zhezhao{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background:rgba(0,0,0,0.5); display:block;}


.bottom_product{ width:560px; position:absolute; top:110px; left:50%; margin-left:-280px;}
.bottom_product .detail_photo{ width:112px; margin:3px auto; border-radius:50%; overflow:hidden; border:2px #b88a58 solid; padding:5px;}
.bottom_product .detail_photo img{ border-radius:50%;}
.detail_name{ text-align:center; font-size:45px; color:#b88a58; margin-top:20px;}

.menu_bar{ width:100%; margin:30px 0; padding-bottom:12px; border-bottom:1px #ef121a solid;} 
.menu_bar li{ width:183px; text-align:center; display:block; float:left; position:relative;}
.menu_bar li img{ margin:0 3px;vertical-align:middle; width:20px;}
.menu_bar li a{ font-size:18px; color:#f2f2f1; display:block;}
.menu_bar li a.on:after{ content:""; height:0; width:0; position:absolute; bottom:-13px; left:86px;border-left: 8px solid transparent;border-right: 8px solid transparent; border-bottom: 7px solid red;}
.menu_bar li a.on{ color:#ef121a;}
.menu_bar li a .p1{ display:inline-block;}
.menu_bar li a .p2{ display:none;}
.menu_bar li a.on .p1{ display:none;}
.menu_bar li a.on .p2{ display:inline-block;}

.main_detail{ font-size:15px; color:#cecece; word-break:break-all; letter-spacing:1px; line-height:24px;} 
.main_detail .xsp{ width:98%; margin:0 auto;}
.main_detail .xsp img{ width:100%; display:block; border:1px #525357 solid; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.main_detail .xsp img:hover{ border:1px #ee1422 solid;}
.main_detail .xsp a{ display:block; width:49%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.main_detail .open_video{ display:block; width:364px; margin:0 auto; border:1px #cfd3d2 solid; transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in;}
.main_detail .open_video:hover{ border:1px #ee1422 solid;}

.iframes_part{ width:100%; height:100%; position:relative; background:#000000; position:fixed; transition:all 0.5s ease-in; -webkit-transition:all 0.5s ease-in; z-index:99; top:0; opacity:0.6;left:100%;}
.iframes_part .closeiframe a{ display:block; position:absolute; top:0; right:0;}
.iframes_part iframe{ margin-top:2%; border:0;}
.toshow{ left:0; opacity:1; }

.head_part{ top:0; left:0;  width:100%;}
#a_bottom{ margin-top:0 !important;}


.popbox{ position:relative;}
.popbox .close{ position:absolute; right:-50px; top:0;}
.popbox .flexslider{ width:560px;}
.flex-prev{ position:absolute; left:0; top:30%;}
.flex-next{ position:absolute; right:0; top:30%;}

.videoShowContent{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:100099; display:none;}
.videoAlertBox{width:800px; height:420px; display:none; position:absolute; left:104px; top:265px; z-index:110000;}
#videoPlayerFlash{width:686px; height:410px; overflow:hidden;}
.video_1{ cursor:pointer;}

	#video {
    height: 426px; display:none;
    width: 762px;
}

#video .close {
    right: -34px;
    top: 0;
}
.jqqd .close {
    display: block;
    height: 34px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 34px;
}

.overlays{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; display:none; background:rgba(0,0,0,0.82);}	
.popb{width:965px;height:650px; position:fixed; left:50%; top:50%; margin-left:-482px; margin-top:-325px; z-index:10000; display:none; background:#000000;}
.closed{ display:block; width:50px; position:absolute; right:-50px; top:0px;}
.swiper-container1{width:965px;height:650px; overflow:hidden;}
.swiper-slide{}
.swiper-slide img{}
.sp_title{ height:50px; font-size:14px; color:#ffffff; text-align:center; line-height:50px; background:#000000; position:absolute; left:0; bottom:0; width:100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:-50px; background:url(../images/left.png) no-repeat;height: 79px;
    margin-top: -40px; width:40px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:-50px;background:url(../images/right.png) no-repeat;height: 79px;
    margin-top: -40px; width:40px;}
.container img{ width:100%;}

@media screen and (max-width: 1700px){
.bottom_product{ width:560px; position:absolute; top:40px; left:50%; margin-left:-280px;}
.cenav{ position:absolute; bottom:16%; width:1060px; left:50%; margin-left:-530px; z-index:2;}
}

@media screen and (max-width: 1200px){	
.test_area img{ width:100%;}
.list_pic.other_width{ width:100%;}
.test_area{ width:90%; padding:8% 5%;}
.master_content{ width:45%;}
.master_produce{ margin-bottom:10%;}
.after_line:after{display:none;}
.after_line1:after{display:none;}




	}
	
@media screen and (max-width: 960px){
.w960s{ width:100%;}	
	}