@charset "utf-8";
ul,li,dl,dd{
margin:0px; padding:0px; list-style:none}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AdobeHeitiStd-Regular";
  src: url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.woff2") format("woff2"),
       url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.woff") format("woff"),
       url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.ttf") format("truetype"),
       url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.eot") format("embedded-opentype"),
       url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.svg") format("svg"),
       url("fonts/AdobeHeitiStd-Regular/AdobeHeitiStd-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("fonts/CenturyGothic/CenturyGothic.woff2") format("woff2"),
       url("fonts/CenturyGothic/CenturyGothic.woff") format("woff"),
       url("fonts/CenturyGothic/CenturyGothic.ttf") format("truetype"),
       url("fonts/CenturyGothic/CenturyGothic.eot") format("embedded-opentype"),
       url("fonts/CenturyGothic/CenturyGothic.svg") format("svg"),
       url("fonts/CenturyGothic/CenturyGothic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sitka-Display-Italic";
  src: url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.woff2") format("woff2"),
       url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.woff") format("woff"),
       url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.ttf") format("truetype"),
       url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.eot") format("embedded-opentype"),
       url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.svg") format("svg"),
       url("fonts/Sitka-Display-Italic/Sitka-Display-Italic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} 
@font-face {
  font-family: "PingFang TC Light_5";
  src: url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff2") format("woff2"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.woff") format("woff"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.ttf") format("truetype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.eot") format("embedded-opentype"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.svg") format("svg"),
       url("fonts/PingFangTCLight_5/PingFang TC Light_5.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy light";
  src: url("fonts/GILROY-LIGHT/GILROY-LIGHT.woff2") format("woff2"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.woff") format("woff"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.ttf") format("truetype"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.eot") format("embedded-opentype"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.svg") format("svg"),
       url("fonts/GILROY-LIGHT/GILROY-LIGHT.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Muli-Regular";
  src: url("fonts/Muli-Regular/Muli-Regular.woff2") format("woff2"),
       url("fonts/Muli-Regular/Muli-Regular.woff") format("woff"),
       url("fonts/Muli-Regular/Muli-Regular.ttf") format("truetype"),
       url("fonts/Muli-Regular/Muli-Regular.eot") format("embedded-opentype"),
       url("fonts/Muli-Regular/Muli-Regular.svg") format("svg"),
       url("fonts/Muli-Regular/Muli-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BodoniBookBT";
  src: url("fonts/BodoniBookBT/BodoniBookBT.woff2") format("woff2"),
       url("fonts/BodoniBookBT/BodoniBookBT.woff") format("woff"),
       url("fonts/BodoniBookBT/BodoniBookBT.ttf") format("truetype"),
       url("fonts/BodoniBookBT/BodoniBookBT.eot") format("embedded-opentype"),
       url("fonts/BodoniBookBT/BodoniBookBT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PingHei-light";
  src: url("fonts/PingHei-light/PingHei-light.woff2") format("woff2"),
       url("fonts/PingHei-light/PingHei-light.woff") format("woff"),
       url("fonts/PingHei-light/PingHei-light.ttf") format("truetype"),
       url("fonts/PingHei-light/PingHei-light.eot") format("embedded-opentype"),
       url("fonts/PingHei-light/PingHei-light.svg") format("svg"),
       url("fonts/PingHei-light/PingHei-light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PING HEI LIGHT";
  src: url("fonts/PINGHEILIGHT/PING HEI LIGHT.woff2") format("woff2"),
       url("fonts/PINGHEILIGHT/PING HEI LIGHT.woff") format("woff"),
       url("fonts/PINGHEILIGHT/PING HEI LIGHT.ttf") format("truetype"),
       url("fonts/PINGHEILIGHT/PING HEI LIGHT.eot") format("embedded-opentype"),
       url("fonts/PINGHEILIGHT/PING HEI LIGHT.svg") format("svg"),
       url("fonts/PINGHEILIGHT/PING HEI LIGHT.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
body{
font-size:14px; color:#4c4c4c;}
body,html{  font-family: "SourceHanSansCN-Normal";}
.daxie{
text-transform:uppercase;}
.css3,a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; margin:0px; padding:0px; overflow:hidden; clear:both;}
.cssimg,.cssimgp img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.cssimg:hover,.cssimgp:hover img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
img{
max-width:100%;}
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; width:100%; }
.div1200{
margin:0 auto; max-width:1200px; position:relative;}
/****************************************************************************************************************************/ 
#header{ position:fixed; left:0; top:0; width:100%; z-index:999; background-color:#fff;
background-color:#fff;} 
#qslogo{ padding:20px 0px;
float:right; margin-right:2%;}
#qslogo img{
float:right;}
.qsmenu{ cursor:pointer;
width:30px; height:71px; position:relative; float:left; margin-left:2%; margin-top:0px;}
.qsmenu span{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:2px; background-color:#000;
position:absolute; left:0; top:32px;}
.qsmenu span:nth-child(1),.qsmenu span:nth-child(3){
width:100%;}
.qsmenu span:nth-child(2),.qsmenu span:nth-child(4){
width:22px;}
.qsmenu span:nth-child(2){
top:37px;}
.qsmenu span:nth-child(3){
top:42px;}
.qsmenu span:nth-child(4){
top:47px;}
.qsmenu:hover span:nth-child(1),.qsmenu:hover span:nth-child(3){
width:22px;}
.qsmenu:hover span:nth-child(2),.qsmenu:hover span:nth-child(4){
width:100%;}
.bannerinfo{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.bannerinfo_1{
font-size:24px;}
.bannerinfo_2{font-family: "CenturyGothic"; line-height:60px; margin:20px 0px 40px 0px;
font-size:60px;}
.comlink{font-family: "Sitka-Display-Italic"; position:relative;
display:inline-block; width:190px; height:58px; line-height:58px; text-align:center; color:#fff; font-size:18px;}
.comlink:after{ border:1px #cecccd solid; width:188px; height:40px; top:8px;
content:"";  position: absolute;left:0%;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.comlink:hover:after{left:12px; width:164px; top:0; height:56px;}
.comlink.comlink_black{ color:#000;}
.comlink.comlink_black:after{
border-color:#000;}
.comlink:before{content:"";  position: absolute;left:0%;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
left:12px; height:54px; top:0; border:2px #cecccd solid; width:162px;}
.comlink.comlink_black:before{
border-color:#000;}
.comlink:hover:before{
left:0; width:186px; top:8px; height:38px;} 
.index_about{ position:relative;
 width:100%; background-color:#fcf9f5;}
.index_about.index_about_fixed{position:fixed; top:81px;}



.index_about_left{ position:relative; overflow:hidden;
float:left; width:50%;}
.index_about_left_mask{transition: width 1s ease-out 1s;
position:absolute; z-index:1; right:0; top:0; width:100%; height:100%; background-color:#fff;}
.index_about_left.animated .index_about_left_mask{
width:0; }
.index_about_left img{
width:100%;
 }
.index_about_right{ z-index:10;
position:absolute; height:56%; top:22%; width:57%; right:5%;} 
.index_about_right_mid{
text-align:center; margin:0 auto; width:464px; text-align:center; float:left; margin-left:36%;}
@media screen and (max-width:1680px) {
.index_about_right_mid{
width:51%; float:left; margin-left:35%;
}
 


}
.index_about_right_mid_1{font-family: "Sitka-Display-Italic";
font-size:20px; color:#666;}
.index_about_right_mid_2{font-family: "CenturyGothic"; margin-top:10px; margin-bottom:40px;
font-size:33px; color:#121212;}
.index_about_right_mid_3{
font-family: "PING HEI LIGHT"; font-size:14px; color:#666;}
.line_1{ height:1px; background-color:#cac4bc; width:0;
position:absolute; left:0; top:0;transition: width 0.4s ease-out 0s;}
.line_2{ width:1px; height:0; background-color:#cac4bc;  
position:absolute; right:0; top:0;transition: height 0.4s ease-out 0.4s;}
.line_3{ height:1px; background-color:#cac4bc; width:0;
position:absolute; right:0; bottom:0;transition: width 0.4s ease-out 0.8s;}
.line_4{ width:1px; height:0; background-color:#cac4bc;  
position:absolute; left:0; bottom:0;transition: height 0.4s ease-out 1.2s;}
.brand_1_left_mask{
position:absolute; right:0; top:0; width:100%; height:100%; z-index:1; background-color:#fff;transition: width 1s ease-out 1s;}
.brand_1_left.animated .brand_1_left_mask{
width:0;}
.brandmid_2_1_right_mask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:#fff;transition: width 1s ease-out 1s;}
.brandmid_2_1_right.animated .brandmid_2_1_right_mask{
width:0;}

.brandmid_3_1_left.animated .brand_1_left_mask{
width:0;}



.index_about_right.animated .line_1,.index_about_right.animated .line_3{
width:100%;}
.index_about_right.animated .line_2,.index_about_right.animated .line_4{
height:100%;}
.index_about_right_2{
position:absolute; right:5%; width:57%; text-align:center; bottom:12.75510204081633%;}
.index_about_right_2 div{
margin-left:36%; width:464px;}
@media screen and (max-width:1440px) {
.index_about_right_2{
bottom:5%;}
}
@media screen and (max-width:1680px) {
 
.index_about_right_2 div{
width:51%; margin-left:35%;}


}

.index_pro{
position:relative; z-index:10; overflow:hidden;}
.index_pro_bg{ background-color:#f6ece8;
position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:570px;}
.index_pro_1_1{font-family: "CenturyGothic"; text-align:center;
font-size:33px; color:#121212;}
.index_pro_1_2{  font-family: "PING HEI LIGHT";font-size:14px; color:#404040; text-align:center; margin-top:12px;}
.index_pro_1{
margin-top:95px; margin-bottom:65px;}
.index_pro_2{opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.8s ease-in-out 0.4s; -moz-transition: all 0.8s ease-in-out 0.4s; -ms-transition: all 0.8s ease-in-out 0.4s; -o-transition: all 0.8s ease-in-out 0.4s; transition: all 0.8s ease-in-out 0.4s;
margin:0 auto; width:1167px; position:relative;}
.index_pro_2_pic{opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 1.2s ease-in-out 0.8s; -moz-transition: all 1.2s ease-in-out 0.8s; -ms-transition: all 1.2s ease-in-out 0.8s; -o-transition: all 1.2s ease-in-out 0.8s; transition: all 1.2s ease-in-out 0.8s;
position:absolute; left:32.5px; top:29.5px; z-index:10; width:1102px; height:579px; overflow:hidden;}
.index_pro_2.animated{
opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.index_pro_2.animated .index_pro_2_pic{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.index_pro_3_1{font-family: "CenturyGothic";
text-align:center; color:#404040;}
.index_pro_3_2{
text-align:center; color:#1d1d1d; font-size:24px; font-family:"Times New Roman", Times, serif; margin-top:5px;}
.index_pro_3{
margin-top:70px; padding-bottom:160px; overflow:hidden;}
.index_pro_3_line{transition: height 0.4s ease-out 0.4s;
position:absolute; width:1px; height:0px; background-color:#000; left:50%; margin-left:-0.5px; bottom:50px;}
.index_pro_3_line.animated{
height:80px;}
.index_video{
position:relative;}
.index_video_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.index_video_mid_1{
font-size:48px;font-family: "CenturyGothic"; line-height:48px; margin-bottom:40px;}
.index_news{
background-color:#f6f3ea; position:relative; overflow:hidden;}
.index_news_line{position:absolute; width:1px; height:0px;opacity:0; background-color:#000; left:50%; margin-left:-0.5px; top:-64px;transition: height 0.4s ease-out 0s;}
.index_news_line.animated{
height:128px;opacity:1;}


.index_news_1 ul li{
float:left; width:31.66666666666667%; margin-right:2.5%;}
.index_news_1 ul li:nth-child(3n){
margin-right:0;}
.index_news_1_1{
position:relative;}
.index_news_1_1_mask_2{
position:absolute; left:50%; top:50%; z-index:1; width:1px; height:1px; margin-top:-0.5px; margin-left:-0.5px; background-color:#000; opacity:0;}
.index_news_1 ul li:hover .index_news_1_1_mask_2{
left:0; top:0; width:100%; height:100%; opacity:0.34; margin:0;}
.index_news_1_1_mask{ top:50%; height:1px;opacity:0; position:absolute;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s;
border:1px #fff solid; z-index:2; left:50%; margin-top:-0.5px; margin-left:-0.5px; width:1px;}
.index_news_1 ul li:hover .index_news_1_1_mask{height:95.6989247311828%;
  margin:0;opacity:0.77;width:94.73684210526316%;
  top:2.1505376344086%;   left:2.63157894736842%;
  }
.index_news_1_1 b{
width:1px; height:34px; background-color:#000; left:50%; margin-left:-0.5px; bottom:-17px; z-index:3; position:absolute;}
.index_news_1 ul li:hover .index_news_1_1 b{
bottom:0; background-color:#fff;}
.index_news_1_2{  font-family: "PING HEI LIGHT"; font-size:16px; margin-top:23px; text-align:center;
 color:#161616;}
.index_news_1_1_mask_name{  font-family: "PING HEI LIGHT"; font-size:16px; bottom:45px;opacity:0;
position:absolute; left:22%; line-height:27px; width:56%; z-index:10; text-align:center; color:#fff;}
.index_news_1 ul li:hover .index_news_1_1_mask_name{
opacity:1;}
.index_news_1 ul li:hover .index_news_1_2{
opacity:0;}
.index_news_2{
text-align:center; margin:80px 0px;}
.index_store{ height:518px; color:#fff; text-align:center;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img9.jpg);}
.index_store_1{font-family: "Gilroy light"; line-height:33px;
font-size:33px; margin-bottom:40px;}
.index_store_2{
margin:0 auto; width:376px;}
.index_store_2 div{
position:relative; padding-right:20px; border-bottom:1px #fff solid; padding-bottom:8px;}
.index_store_2_right{ cursor:pointer; position:absolute; right:0; bottom:6px; width:20px; height:20px;
border:none; background:none; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20px" style="fill:rgba(255,255,255,1)" height="20px" viewBox="0 0 20 20" preserveAspectRatio="xMidYMid"><path d="M17.545 15.467l-3.779-3.779a6.15 6.15 0 0 0 .898-3.21c0-3.417-2.961-6.377-6.378-6.377A6.185 6.185 0 0 0 2.1 8.287c0 3.416 2.961 6.377 6.377 6.377a6.15 6.15 0 0 0 3.115-.844l3.799 3.801a.953.953 0 0 0 1.346 0l.943-.943c.371-.371.236-.84-.135-1.211zM4.004 8.287a4.282 4.282 0 0 1 4.282-4.283c2.366 0 4.474 2.107 4.474 4.474a4.284 4.284 0 0 1-4.283 4.283c-2.366-.001-4.473-2.109-4.473-4.474z"/></svg>'); background-position:center; background-repeat:no-repeat;}
.index_store_2_left{font-family: "Gilroy light";
border:none; background:none; width:100%; font-size:14px;}
.index_message{
background-color:#f6f3ea; overflow:hidden;}
.index_message_1 ul li{
float:left; width:49%;}
.index_message_1 ul li:nth-child(2){
float:right;}
.index_message_1 ul li:nth-child(3){
width:100%; margin-top:15px;}
.index_message_1 ul li div{
border:1px #b6b6b4 solid; padding:8px 13px;}
.index_message_1 ul li div input{font-family: "CenturyGothic";
border:none; background:none; font-size:13px; color:#666; width:100%;}
.index_message_1 ul li div textarea{font-family: "CenturyGothic"; height:85px;
border:none; background:none; font-size:13px; color:#666; width:100%;
}
.index_message_2{
text-align:center; margin:38px 0px;}
#footer{
font-family: "Muli-Regular";}
.footer_1_1{
text-align:center;  margin-top:38px; margin-bottom:30px;}
.footer_1_2{
text-align:center; margin-bottom:45px;}
.footer_1_2 a{
color:#161616; margin:0 30px;}
.footer_2{
background-color:#242424; line-height:35px; color:#fff; font-size:12px; color:#bfbfbf;}
.footer_2_left{
float:left;}
.footer_2_right{
float:right;}
.brand_1{
position:relative; height:670px;}
.brand_1_left{
position:absolute; left:0; top:-130px; overflow:hidden; width:545px; height:800px;}
.brand_1_right{ margin-top:215px;
float:right; width:595px;}
.brandmid_2_1_left{
float:left; width:595px; margin-top:210px;}
.brand_1_right_1{
font-size:30px; color:#121212;font-family: "CenturyGothic";}
.brand_1_right_2{  font-family: "PING HEI LIGHT"; font-size:16px; color:#000; margin-top:5px;}
.brand_1_right_3{  font-family: "PING HEI LIGHT"; color:#333; font-size:14px; margin-top:18px;}
.brandmid_1{
position:relative;}
.brandmid_1_line{
position:absolute; right:0; width:0%; height:1px; background-color:#bdbdbd; bottom:48px;transition: width 0.4s ease-out 0.8s;}
.brandmid_1.animated .brandmid_1_line{
width:40%;}


.brandmid_2{ margin-top:267px;
position:relative; background-color:#f3ece8;}
.brandmid_2_1{
position:relative; height:768px;}
.brandmid_2_1_right{
position:absolute; right:0; top:-130px; width:545px; height:800px; overflow:hidden;}
.brandmid_2_line{position:absolute; left:0; width:0%; height:1px; background-color:#bdbdbd; bottom:110px;transition: width 0.4s ease-out 0.8s;}
.brandmid_2.animated .brandmid_2_line{
width:40%;}


.brandmid_3{
background-color:#fafafa; overflow:hidden; padding-bottom:110px;}
.brandmid_3_1{
position:relative; padding-bottom:80px;}
.brandmid_3_1_left{ position:relative;
width:60%; overflow:hidden;}
.brandmid_3_1_right{
position:absolute; right:0; width:59%; background-color:#fff; height:82%; bottom:0; z-index:10; -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);}
.brandmid_3_1_right_mid{ position:relative;
width:60%; margin-left:7%; color:#000; margin-top:80px;}
.brandmid_3_1_right_mid_2{
height:370px; overflow-y:auto;  }
@media screen and (max-width:1440px) {
.brandmid_3_1_right{
height:88%;}
.brandmid_3_1_right_mid{
width:80%;}
.brandmid_3_1_right_mid_2{
height:250px;}
}
.brandmid_3_1_right_mid_1{ margin-bottom:15px; position:relative;
font-size:36px; color:#000; line-height:36px;}
.brandmid_3_1_right_mid_2 ul li{
position:relative; padding-left:87px;}
.brandmid_3_1_right_mid_2 ul li span{
position:absolute; left:0; top:0;}
.brandmid_3_1_right_mid_line{
position:absolute; width:0%; height:1px; background-color:#000; left:-18%; top:18px;transition: width 0.4s ease-out 1.8s;}
.brandmid_3_1_right_mid.animated .brandmid_3_1_right_mid_line{
width:16%;}


.brandmid_3_1_right_scroll{
position:absolute; left:0; bottom:0; height:80px; width:300px; background-color:#494848;}
.brandmid_3_1_right_scroll_mid{ position:relative;
margin:0 auto; width:129px; height:11px; background-position:center; background-repeat:repeat-x; background-image:url(../images/brand/img5.png);}
.brandmid_3_1_right_scroll_mid b{  cursor:pointer;
float:left; height:11px; margin:0px; padding:0px; position:relative; z-index:10;}
.brandmid_3_1_right_scroll_mid span{ z-index:0;
position:absolute; left:0; top:0; width:30px; height:100%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/brand/img4.png);}
.nybanner{
position:relative;}
.nybanner_line{ left:50%; margin-left:-2.5px; bottom:0px;transition: height 0.4s ease-out 0.4s;
position:absolute; height:0px; width:5px; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/img1.png);}
.nybanner.animated .nybanner_line{
height:158px;bottom:-68px;}


.div1340{
margin:0 auto; max-width:1340px; padding:0 16px;}
.news_1{
padding-top:100px; padding-bottom:38px; position:relative;border-bottom:1px #e9e9e9 solid;}
.news_1_left{font-family: "PingHei-light"; color:#000;
float:left; width:45%;}
.news_1_right{
float:right; width:45.44776119402985%; overflow:hidden;}
.news_1_left_1{font-family: "BodoniBookBT"; margin-top:40px;
font-size:60px; color:#000; line-height:60px;}
.news_1_left_2{font-family: "PING HEI LIGHT";
font-size:48px; line-height:48px; margin-top:15px;}
.news_1_left_2_pic{
margin:40px 0px;}
.news_1_left_4,.news_1_left_3{font-family: "PING HEI LIGHT"; font-size:14px;
line-height:25px;}
.news_1_left_4{
margin-top:14px;height:204px;}
.news_1_left_5 ul li{
float:left; overflow:hidden; width:215px; height:286px;}
.news_1_left_5 ul li:nth-child(1){
margin-right:74px;}
.news_1_left_5 ul li img{
width:100%;}
.news_2_1 ul li{ margin-bottom:90px; float:left;
position:relative; width:100%; clear:both;}
.news_2_1_left{
width:41%; position:relative; z-index:10;}
.news_2_1_right_mid_2 b{transition: width 0.4s ease-out 1.5s;
position:absolute; width:0%; height:1px; background-color:#000; left:-25%; top:18px;}
.news_2_1_right_mid_2.animated b{
width:22%;}

.news_2_1_left_bg{ z-index:-1;
position:absolute; left:10%; top:5%; width:100%; height:100%; background-color:#f5f5f5;}
.news_2_1_left_pic{
width:100%; overflow:hidden;}
.news_2_1_left_pic img{
width:100%; position:relative; z-index:10;}
.news_2_1{
margin-top:185px;}
.news_2_1_right{
width:41%; position:absolute; right:5%; top:0; height:100%; z-index:10;}
.news_2_1_right_mid_1{
color:#a7a7a7;font-family: "BodoniBookBT"; letter-spacing:7px;}
.news_2_1_right_mid_2{ margin-bottom:40px; margin-top:30px; line-height:36px;
font-size:36px; color:#000; font-family: "PING HEI LIGHT"; position:relative;}
.news_2_1_right_mid_3{ font-family: "PING HEI LIGHT"; line-height:25px;
color:#666;}


.tract2_ban_but {
	width: 119px;
	display:inline-block;
	margin: 0 ;
	text-align: center;
	padding: 0px 0; height:33px; line-height:33px;
	position: relative;
	cursor: pointer; overflow:hidden;
}
.tract2_ban_but i {
 font-family: "Sitka-Display-Italic";
font-style:normal;
	color: #3d3d3d;
	font-size: 15px;
	position: relative;
	z-index: 999;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	animation-delay: 2s;
	-webkit-animation-delay: 0.4s;
	-o-animation-delay: 2s;
	-moz-animation-delay: 0.4s;
}
.tract2_main .tract2_but3 i {
	color: #000;
}
.tract2_main .tract2_but4 i {
	color: #000;
}
.tt2_ban_line1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: #fff;
}
.tt2_ban_line2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0%;
	background: #fff;
}
.tt2_ban_line3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0%;
	height: 1px;
	background: #fff;
}
.tt2_ban_line4 {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0%;
	width: 1px;
	background: #fff;
}
.tt2_ban_line1a {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 1px;
	background: #333;
}
.tt2_ban_line2a {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #333;
}
.tt2_ban_line3a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90%;
	height: 1px;
	background: #333;
}
.tt2_ban_line4a {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background: #333;
}
.tt2_main_line1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 1px;
	background: #000;
}
.tt2_main_line2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 0%;
	background: #000;
}
.tt2_main_line3 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0%;
	height: 1px;
	background: #000;
}
.tt2_main_line4 {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0%;
	width: 1px;
	background: #000;
}
.tt2_main_line1a {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 1px;
	background: #ccc;
}
.tt2_main_line2a {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.tt2_main_line3a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 90%;
	height: 1px;
	background: #ccc;
}
.tt2_main_line4a {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 1px;
	background: #ccc;
}
.news_2_1_right_mid_4{
margin-top:35px;}

.news_2_1 ul li:nth-child(2n) .news_2_1_left{
float:right;}
.news_2_1 ul li:nth-child(2n) .news_2_1_right{
right:auto; left:5%; text-align:right;}
.news_2_1 ul li:nth-child(2n) .news_2_1_right_mid_2 b{
left:auto; right:-25%;}
.news_2_1 ul li:nth-child(2n) .news_2_1_left_bg{
left:auto; right:10%;}
.news_2_2{
text-align:center; margin-top:70px; margin-bottom:100px;}
#mid{
overflow:hidden; width:100%; clear:both; margin:0px; padding:0px; padding-top:81px;}
.news_info_1{
background-color:#f7f7f6; overflow:hidden; padding-top:65px; padding-bottom:30px;}
.news_info_1_1{
margin-bottom:70px; margin-top:70px;}
.news_info_1_1_mid{ color:#000; margin:70px auto 0 auto; width:465px;
 font-family: "PING HEI LIGHT"; font-size:14px;}
.news_info_1_2_mid{
margin:0 auto; width:62px;}
.news_info_1_2_mid a{ font-family: "PING HEI LIGHT";font-size:14px;
display:block; background-position:right center; background-repeat:no-repeat; font-size:14px; background-image:url(../images/news/img10.png);}
.news_info_1_2_mid a:hover{
background-position:48px center;}
.news_info_1_2{
position:relative;}
.news_info_1_2{ font-family: "PING HEI LIGHT";font-size:14px; color:#666;
}
.news_info_1_2 a{
color:#666;}
.news_info_1_2_left{
position:absolute; left:0; top:0; width:40%;}
.news_info_1_2_right{ text-align:right;
position:absolute; right:0; top:0; width:40%;}
.lb_mid{
margin:0 auto; width:1340px;}
.lb_mid_1{
position:relative; margin-top:142px;  }
.lb_mid_1_right{
float:right; width:592px; overflow:hidden; height:818px; position:relative;}
.lb_mid_1_left{
position:absolute; left:0; top:-290px; overflow:hidden; width:672px; height:891px;}
.lb_mid_1_footer{
position:absolute; left:123px; top:660px; z-index:10; width:700px;}
.lb_mid_1_footer_1{
position:relative; font-size:18px; color:#121212;font-family: "PingHei-light";}
.lb_mid_1_footer_1 span{ position:relative; z-index:10; font-size:18px; font-family: "PING HEI LIGHT";
display:inline-block; background-color:#fff; padding-right:25px;}
.lb_mid_1_footer_1 b{
position:absolute; right:0; width:0%; height:1px; top:50%; z-index:-1; background-color:#000; margin-top:-0.5px;transition: width 1.4s ease-out 2.4s;}
.lb_mid_1_footer.animated .lb_mid_1_footer_1 b{
width:100%;}


.lb_mid_1_footer_2{
font-size:30px;font-family: "CenturyGothic"; color:#121212; margin-top:8px;}
.lb_mid_2{
margin-top:114px; background-color:#faf9f8; overflow:hidden; padding-bottom:58px;}
.lb_mid_2_1{font-family: "CenturyGothic"; margin-top:74px;
text-align:center; font-size:30px; color:#121212;}
.lb_mid_2_2{font-family: "PingHei-light"; text-align:center; margin-top:5px;
font-size:16px; color:#121212; margin-bottom:50px;}
.lb_mid_2_3_mid{
width:100%; overflow:hidden;}
.lb_mid_2_3_mask_1{
position:absolute; left:50%; top:50%; width:0%; height:0%; z-index:10; background-color:#000; opacity:0;}
.lb_mid_2_3_mask{opacity:0;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s;
position:absolute; z-index:20; border:1px #fff solid; left:50%; width:0%; top:50%; height:0%;}
.lb_mid_2_3_mid_line_h{ position:absolute;transition: width 0.4s ease-out 0s;
width:0px; height:1px; background-color:#fff; left:50%; top:50%; z-index:30; margin-left:-30px; margin-top:-0.5px;}
.lb_mid_2_3_mid_line_v{ position:absolute;transition: height 0.4s ease-out 0.4s;
height:0px; width:1px; background-color:#fff; left:50%; top:50%; z-index:30; margin-top:-30px; margin-left:-0.5px;}

.lb_mid_2_3 .swiper-slide:hover .lb_mid_2_3_mask_1{
opacity:0.34;left:0; top:0; width:100%; height:100%; }
.lb_mid_2_3 .swiper-slide:hover .lb_mid_2_3_mask{
opacity:0.6; left:2%; width:96%; top:2%; height:96%;}
.lb_mid_2_3 .swiper-slide:hover .lb_mid_2_3_mid_line_h{
width:60px;}
.lb_mid_2_3 .swiper-slide:hover .lb_mid_2_3_mid_line_v{
height:60px;}

.lb_mid_2_3 .swiper-slide img{opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 1.2s ease-in-out 0.3s; -moz-transition: all 1.2s ease-in-out 0.3s; -ms-transition: all 1.2s ease-in-out 0.3s; -o-transition: all 1.2s ease-in-out 0.3s; transition: all 1.2s ease-in-out 0.3s;}
.lb_mid_2_3.animated .swiper-slide img{
opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}

.lb_mid_1_left_mask{transition: width 1.4s ease-out 0.4s;
position:absolute; z-index:1; right:0; top:0; width:100%; height:100%; background-color:#fff;}
.lb_mid_1_left.animated .lb_mid_1_left_mask{
width:0;}
.lb_mid_1_left_mask_2{transition: width 1.4s ease-out 1.4s;
position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background-color:#fff;}
.lb_mid_1_right.animated .lb_mid_1_left_mask_2{
width:0;}
.lb_mid_2_3 .swiper-button-next-lb{ border:1px #6e6e6e solid; margin-top:-17.5px; right:417.5px;
width:33px; height:33px; background-position:center; background-repeat:no-repeat; background-size:auto; background-image:url(../images/lookbook/img7.png);}
.lb_mid_2_3 .swiper-button-prev-lb{ border:1px #6e6e6e solid; margin-top:-17.5px; left:417.5px;
width:33px; height:33px; background-position:center; background-repeat:no-repeat; background-size:auto; background-image:url(../images/lookbook/img6.png);}
.login_1{
position:relative;} 
.login_1_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.div1172{
margin:0 auto; width:1172px; background-color:#fff; overflow:hidden;}
.login_1_mid_left{
float:left; width:622px; overflow:hidden;}
.login_1_mid_right{
margin-left:88px; width:397px; float:left; margin-top:60px;}
.login_1_mid_right_1{font-family: "PingHei-light"; 
font-size:25px; color:#2d2d2d; margin-bottom:17px;}
.login_1_mid_right_2 ul li:nth-child(1),.login_1_mid_right_2 ul li:nth-child(2){
position:relative; border:1px #dedede solid; padding-left:43px; padding-right:43px; padding-top:14px; padding-bottom:14px; margin-bottom:13px;}
.login_1_mid_right_2 ul li:nth-child(1) input,.login_1_mid_right_2 ul li:nth-child(2) input{font-family: "PingHei-light"; 
width:100%; border:none; background:none; font-size:16px;}
.login_1_mid_right_2 ul li:nth-child(1){
background-image:url(../images/login/img3.png); background-position:18px center; background-repeat:no-repeat;}
.login_1_mid_right_2 ul li:nth-child(2){ margin-bottom:15px;
background-image:url(../images/login/img4.png); background-position:18px center; background-repeat:no-repeat;}
.login_1_mid_right_2 ul li:nth-child(3) input,.login_1_mid_right_2 ul li:nth-child(3) span{
float:left;}
.login_1_mid_right_2 ul li:nth-child(3) input{
margin-top:8px;}
.login_1_mid_right_2 ul li:nth-child(3) span{font-family: "PingHei-light"; margin-left:5px;
font-size:16px; color:#666;}
.login_1_mid_right_3 input{
width:100%; border:none; color:#fff; background:none; background-color:#2c2c2c; font-size:16px; height:63px; cursor:pointer;}
.login_1_mid_right_3{
margin-top:35px;}
.contact_1{
background-color:#faf9f7;}
.contact_1_right{
float:right; width:50%; overflow:hidden; padding:90px 0 90px 0px;}
.contact_1_right_mid{
margin:0 auto; width:80%;}
.contact_1_right_mid_3{
width:80%;}
@media screen and (max-width:1440px) {
.contact_1_right_mid_3{
width:100%;}
}
.contact_1_right_mid_1{font-family: "PingHei-light";
position:relative; color:#121212;  border-bottom:1px #e5e5e5 solid; padding-bottom:18px;}
.contact_1_right_mid_1_s_1{
float:left; font-size:32px; letter-spacing:4px;}
.contact_1_right_mid_1_s_2{ font-family: "PING HEI LIGHT";
font-size:18px; float:left; margin-top:3px;}
.contact_1_right_mid_1_s_2 b{
color:#929292; font-weight:normal; padding-right:4px; }
.contact_1_right_mid_1_right{
position:absolute; right:0; top:0;}
.contact_1_right_mid_1_right a{ margin-left:10px;
display:inline-block; position:relative; width:29px; height:29px; background-position:center; background-repeat:no-repeat;}
.contact_1_right_mid_1_right a img{ z-index:10; display:none;
position:absolute; top:30px; max-width:none; width:109px; height:109px; left:-40px;}
.contact_1_right_mid_1_right a:hover img{
display:block;}
.contact_1_right_mid_1_right a.sina{
background-image:url(../images/contact/img1.png);}
.contact_1_right_mid_1_right a.wechat{
background-image:url(../images/contact/img2.png);}
.contact_1_right_mid_1_right a.qzone{
background-image:url(../images/contact/img3.png);}
.contact_1_right_mid_2{ font-family: "PING HEI LIGHT"; font-size:16px; line-height:24px; margin-bottom:60px;
 color:#444;}
.contact_1_right_mid_2 ul li{
margin-top:25px;}
.contact_1_right_mid_2 ul li p{
position:relative; padding-left:20px;}
.contact_1_right_mid_2 ul li p span{
position:absolute; left:0; top:0;}
.contact_1_right_mid_3 ul li{
float:left; width:48%; margin-bottom:10px;}
.contact_1_right_mid_3 ul li:nth-child(2){
float:right;}
.contact_1_right_mid_3 ul li:nth-child(3),.contact_1_right_mid_3 ul li:nth-child(4){
width:100%;}
.contact_1_right_mid_3 ul li div{
border:1px #999 solid; padding:9px 10px;}
.contact_1_right_mid_3 ul li div input{ font-family: "PING HEI LIGHT"; font-size:16px;
border:none; background:none; width:100%;}
.contact_1_right_mid_3 ul li div textarea{ font-family: "PING HEI LIGHT"; font-size:16px;
border:none; background:none; width:100%; height:186px;}
.contact_1_right_mid_4{
margin-top:15px; position:relative;}
.contact_1_left{
position:absolute; left:0; top:0; width:50%; height:100%;}
.contact_1{
position:relative;}
.etip{
position:absolute; left:140px; line-height:33px; color:#ff0000; top:0;}
.user_1{
color:#262626; line-height:69px;}
.user_1_left{
float:left;}
.user_1_right{
float:right;}
.user_1_right a{ padding-left:20px; margin-left:5px; color:#262626;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/user/img2.png);}
.user_2{
background-color:#f5f5f5; overflow:hidden; padding:80px 0px 65px 0px;}
.user_2 .swiper-slide{
width:28%;}
.user_2 .swiper-slide-active{
width:40%;}


 .flickity-prev-next-button svg{
display:none;}
.flickity-prev-next-button{ background:none;  -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:999; top:40%;
width:17px; height:33px; background-position:center; background-repeat:no-repeat;} 
.flickity-prev-next-button.next{ right:27.3%;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
background-image:url(../images/user/img4.png); background-position:center; background-repeat:no-repeat;}
.flickity-prev-next-button.previous{ left:27.3%;
background-image:url(../images/user/img3.png);} 
.carousel-cell{  
width:40%; margin-right:4%;}
.user_2_1{
width:100%; overflow:hidden;} 
.user_2_1 img{
width:100%;}
.user_2_mid{
background-position:bottom; background-repeat:repeat-x; background-image:url(../images/user/img9.jpg); overflow:hidden;}
.user_2_2{ margin:0 auto; width:68%; border-bottom:1px #000 solid;opacity:0; float:left; margin-left:16%;
text-align:center; font-size:20px; color:#000; padding:30px 0px; overflow:hidden;}
.carousel-cell.is-selected .user_2_2{
opacity:1;}
.down_1{
background-color:#f5f5f5; overflow:hidden; padding-bottom:100px;}
.down_1_1{ margin-top:54px; margin-bottom:26px;
text-align:center; font-size:24px; color:#222121;}
.down_1_2{
background-color:#fff;}
.down_1_2 ul li{ color:#000;
border-bottom:1px #f5f5f5 solid; padding:10px 0px; overflow:hidden;}
.down_1_2 ul li span{
float:left;}
.down_1_2 ul li span img{
padding-top:5px;}
.down_1_2 ul li span:nth-child(1){
width:245px; padding-left:25px;}
.down_1_2 ul li span:nth-child(2){
width:280px;}
.down_1_2 ul li span:nth-child(3),.down_1_2 ul li span:nth-child(4){
width:275px;}
.down_1_2 ul li:nth-child(1){
background-color:#585858; color:#fff; font-size:16px;}
.down_1_2 ul li a{
color:#000;}
.down_1_2 ul li span:nth-child(5){
text-align:center; width:100px;}
.rec_1{ background-size:cover; overflow:hidden; padding-top:30px; padding-bottom:140px;
background-position:center; background-repeat:no-repeat; background-image:url(../images/rec/img8.jpg);
}
.rec_1_1{ font-family: "PING HEI LIGHT"; font-size:16px;
text-align:center; color:#4b4b4b;}
.rec_1_1 a{
color:#ff0606}
.rec_1_2{
text-align:center;}
.rec_1_2 ul li{display:inline-block; }
.rec_1_2 ul li.hc{
width:98px; height:98px; border:1px #6e6e6e solid;-moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius:50%; /* W3C syntax */}
.rec_1_2 ul li.hc:hover{
background-color:#454545; border-color:#454545;}
.rec_1_2 ul li.nhc{
height:100px; width:39px; background-position:center; background-repeat:no-repeat; background-image:url(../images/rec/img7.png);}
.rec_1_2 ul li.hc span{ line-height:18px; padding-top:40px; width:100%; color:#6e6e6e;
display:inline-block; background-position:center top; background-repeat:no-repeat;}
.rec_1_2 ul li.hc:hover span{
color:#fff;}
.rec_1_2 ul li.hc span.r_1{
background-image:url(../images/rec/img1.png); background-position:center 4px;}
.rec_1_2 ul li.hc span.r_2{
background-image:url(../images/rec/img2.png);}
.rec_1_2 ul li.hc span.r_3{
background-image:url(../images/rec/img3.png);}
.rec_1_2 ul li.hc span.r_4{
background-image:url(../images/rec/img4.png);}
.rec_1_2 ul li.hc span.r_5{
background-image:url(../images/rec/img5.png);}
.rec_1_2 ul li.hc span.r_6{
background-image:url(../images/rec/img6.png);}
.rec_1_2 ul li.hc:hover span.r_1{
background-image:url(../images/rec/img1on.png);}
.rec_1_2 ul li.hc:hover span.r_2{
background-image:url(../images/rec/img2on.png);}
.rec_1_2 ul li.hc:hover span.r_3{
background-image:url(../images/rec/img3on.png);}
.rec_1_2 ul li.hc:hover span.r_4{
background-image:url(../images/rec/img4on.png);}
.rec_1_2 ul li.hc:hover span.r_5{
background-image:url(../images/rec/img5on.png);}
.rec_1_2 ul li.hc:hover span.r_6{
background-image:url(../images/rec/img6on.png);}
.rec_1_2{
margin-top:45px;}
.rec_1_3{
text-align:center; margin-top:88px;}
.rec_1_3 a{
margin:0 8px;}
.video_1_pic{ overflow:hidden; width:100%;
position:relative;}
.vimg{
width:100%;}
.video_1{
margin-top:65px; padding-bottom:52px; overflow:hidden; position:relative;}
.video_1_line{
position:absolute; margin:0 auto; width:60%; left:20%; height:1px; bottom:0; background-color:#e0e0e0;}
.video_1_line span{
position:absolute; left:0; top:0; height:100%; background-color:#000;}
.hlj {  
     -webkit-filter: grayscale(100%);  
     -webkit-filter: grayscale(1);  
     filter: grayscale(100%);  
     filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
     filter: gray;  
}
.video_1_mid{
position:absolute; left:0; top:0; width:100%; z-index:10; height:100%; text-align:center;}
.video_1_mid_2{
font-size:30px; color:#fff;font-family: "CenturyGothic"; margin-top:30px;}
.store_1{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.store_1_1{font-family: "CenturyGothic"; 
font-size:48px; line-height:48px; margin-bottom:45px;}
.store_2{
overflow:hidden; position:relative;}
.store_1_2{
max-width:794px; margin:0 auto;}
.store_2_left{
float:left; width:50%;}
.store_2_right{
position:absolute; right:0; top:0; width:50%; height:100%; z-index:10;}
.store_2_right_1{
position:absolute; left:10%; top:10%; width:80%;}
.store_2_right_2{
top:22%; left:0%; width:100%; position:absolute; height:70%;}
.shoplink{ display:block; clear:both;  
position:relative;   cursor:pointer; position:relative; overflow:hidden;}
.shopmid{
overflow:hidden; padding:33px 0px; padding-left:10%; width:90%;}
.shoplink.on .shopmid{
background-color:#f6f6f6;}
.shopline{
position:absolute; left:10%; width:80%; bottom:0; z-index:10; height:1px; background-color:#efefef;}
.shopleft{
float:left; width:173px;}
.shopright{
float:left; margin-left:35px;}
.store_1_left_mid_4_1_left{  
font-size:24px; font-family: "PING HEI LIGHT"; color:#323232; margin-bottom:5px;}
.store_1_left_mid_4_1_right,.store_1_left_mid_4_1_right,.store_1_left_mid_4_2{
color:#666; font-size:16px; line-height:24px; font-family: "PING HEI LIGHT";}
.store_1_left_mid_4_2{
margin-top:3px;}

.store_1_left_mid_4_2 a{ font-family: "PING HEI LIGHT"; font-size:16px;
color:#323232; background-position:left center; background-repeat:no-repeat; padding-left:20px; background-image:url(../images/store/img7.png);}
.swiper-button-next-shop{ right:0;
background:none; width:45px; height:52px; top:50%; margin-top:-26px; background-position:center; background-repeat:no-repeat; background-image:url(../images/store/img8.png);}
.swiper-button-prev-shop{ left:0;
background:none; width:45px; height:52px; top:50%; margin-top:-26px; background-position:center; background-repeat:no-repeat; background-image:url(../images/store/img9.png);}
.bsimg{
width:100%; overflow:hidden;}
.bsimg img{
width:100%;}
.showmenu{ background-image:url(../images/menu/bg.png); overflow:hidden;
position:fixed; left:-100%;opacity:0; top:0; height:100%; z-index:999; width:20%;}


.showmenu_mid{overflow-y:auto; padding-left:25%;
  position:absolute; left:0; top:10%; height:80%; width:125%;}
.showmenu_mid ul li{
margin-top:38px;}
.showmenu_mid ul li:last-child{
display:none;}
.showmenu_mid ul li:nth-child(1){
margin-top:0;}
.showmenu_mid ul li p{
position:relative; height:30px;}
.showmenu_mid ul li p a{ font-size:30px;
position:absolute; left:0; top:0; color:#fff; line-height:30px;}
.showmenu_mid ul li p a:nth-child(1){
font-family:"Times New Roman", Times, serif;}
.showmenu_mid ul li p a:nth-child(2){
opacity:0;}
.showmenu_mid ul li:hover p a:nth-child(1){
opacity:0}
.showmenu_mid ul li:hover p a:nth-child(2){
opacity:1}
.showmenu_mid ul li dl{
margin:20px 0px; display:none;}
.showmenu_mid ul li:hover dl{
display:block;}
.showmenu_mid ul li dl dd{
font-size:16px; margin:5px 0px;}
.showmenu_mid ul li dl dd a{
color:#808080}
.showmenu_mid ul li dl dd a:hover{
color:#fff;}
@media screen and (max-width:1440px) {
.showmenu{
width:30%;}
.showmenu_mid{
top:8%; height:65%;}
}
.showmenu_close{ cursor:pointer; transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
position:absolute; left:6.7%; width:28px; height:24px; z-index:10; top:28px; background-position:center; background-repeat:no-repeat; background-image:url(../images/menu/close.png);}
.showmenu_close:hover{
transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}

.showmenuon{
left:0;opacity:1;}
.bodynoroll{
overflow-y:hidden;}
.menu_share{
left:25%; position:absolute; bottom:30px; z-index:10;}
.menu_share_1{ margin-bottom:20px;
color:#fff; font-family:"Times New Roman", Times, serif; font-size:30px;}
.menu_share_2 a{ margin-right:10px;
display:inline-block; position:relative; border:1px #fff solid; width:36px; height:36px; background-position:center; background-repeat:no-repeat;-moz-border-radius: 50%; /* Gecko browsers */ -webkit-border-radius: 50%; /* Webkit browsers */ border-radius:50%; /* W3C syntax */}
.menu_share_2 a img{
position:absolute; width:105px; height:105px; max-width:none; bottom:38px; left:-33.5px; display:none;}
/*.menu_share_2 a:hover img{
display:block;}*/
.sh_1{
background-image:url(../images/menu/img1.png);}
.sh_2{
background-image:url(../images/menu/img2.png);}
.sh_3{
background-image:url(../images/menu/img3.png);}
.menu_share_2 a.sh_4{ display:none;
background-image:url(../images/menu/img4.png);}
.gotop{ display:none; z-index:888;
position:fixed;  right:2%; bottom:80px; cursor:pointer;} 
.gotop div{width:45px; height:45px; position:relative;   }
.gotop div span:nth-child(1){ 
position:absolute; border:2px #111111 solid; width:33px; left:6px; top:0; height:45px;}
.gotop div span:nth-child(2){ background-position:center; background-repeat:no-repeat; background-image:url(../images/footer/img2.png);
position:absolute; border:1px #898989 solid; width:45px; z-index:10; left:0px; top:6px; height:33px;}
.gotop:hover div span:nth-child(1){
width:45px; left:0; height:33px; top:6px;}
.gotop:hover div span:nth-child(2){
height:45px; left:6px; top:0; width:33px;
}
/**********product*********/
.pro_1{
background-color:#faf9f8; overflow:hidden;}
.div1330{
margin:0 auto; width:1330px;}
.brandmid_3_1_right_scroll_2{
z-index:777; left:auto; right:0;    background-color:#faf9f8}
.brandmid_3_1_right_scroll_2 .brandmid_3_1_right_scroll_mid{
background-image:url(../images/product/img11.png);}
.brandmid_3_1_right_scroll_2 .brandmid_3_1_right_scroll_mid span{
background-image:url(../images/product/img12.png);}
.pro_2 .div1330 ul li{
float:left; position:relative; height:1000px; width:47%;}
.pro_2_pic{-webkit-transition-duration: 9.5s; -ms-transition-duration: 9.5s; -o-transition-duration: 9.5s; -moz-transition-duration: 9.5s; transition-duration: 9.5s;
position:absolute; left:0;  top:-100px; width:627px; height:900px; overflow:hidden;}
.pro_2 .div1330 ul li:nth-child(2n){
float:right;}
.pro_2 .div1330 ul li:nth-child(2n) .pro_2_pic{
top:auto; bottom:0; left:auto; right:0;-webkit-transition-duration: 9.5s; -ms-transition-duration: 9.5s; -o-transition-duration: 9.5s; -moz-transition-duration: 9.5s; transition-duration: 9.5s;}
.pro_2{ margin-top:275px;  
background-position: center top; background-repeat:repeat-y; background-image:url(../images/product/bg.png);}
.pro_2 .div1330 ul li.cur .pro_2_pic{
top:-150px;}
.pro_2 .div1330 ul li.cur:nth-child(2n) .pro_2_pic{
bottom:150px; top:auto;}
.pro_2 .div1330 ul li:hover .lb_mid_2_3_mask_1{
opacity:0.34;left:0; top:0; width:100%; height:100%; }
.pro_2 .div1330 ul li:hover .lb_mid_2_3_mask{
opacity:0.6; left:2%; width:96%; top:2%; height:96%;}
.pro_2 .div1330 ul li:hover .lb_mid_2_3_mid_line_h{
width:60px;}
.pro_2 .div1330 ul li:hover .lb_mid_2_3_mid_line_v{
height:60px;}
/*******************/
.news_1_jindu{
position:absolute; left:0; bottom:-6px; width:100%; z-index:10;}
.news_1_jindu_mid{ background-position:center; background-repeat:repeat-x; background-image:url(../images/news/img12.png);
margin:0 auto; width:130px; position:relative; height:11px;}
.news_1_jindu_mid span{ z-index:0;
position:absolute; left:0; top:0; height:100%; background-position:center right; background-repeat:no-repeat; background-image:url(../images/news/img11.png);}
.news_1_jindu_mid b{
float:left; position:relative; z-index:10; height:11px; margin:0px; padding:0px; cursor:pointer;}