/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
 textarea {
    resize: 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: 'MiSans Regular';
    src: url('fonts/misan/MiSans-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'MiSans Medium';
    src: url('fonts/misan/MiSans-Medium.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Huiwen mincho Regular';
    src: url('fonts/汇文明朝体.otf');
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
    font-family: 'Inter Regular';
    src: url('fonts/Inter/Inter-Regular-9.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Inter Medium';
    src: url('fonts/Inter/Inter-Medium-8.otf');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'Inter Light';
    src: url('fonts/Inter/Inter-Light-7.otf');
    font-weight: normal;
    font-style: normal;
}*/
/* @font-face {
    font-family: 'INTERTIGHT-VARIABLEFONT_WGHT';
    src: url('fonts/INTERTIGHT-VARIABLEFONT_WGHT.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
*/
/*@font-face {
    font-family: 'SOURCEHANSANSCN-REGULAR';
    src: url('fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}*/

 


/*@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}  */
/*   @font-face {
	font-family: AlibabaPuHuiTi_2_85_Bold;
	src:url(fonts/AlibabaPuHuiTi_2_85_Bold.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff2) format('woff2');
}
   @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 
*/ 
a.biga,.slang{font-family: 'MiSans Regular';}
body{
    font:1em/1.3 "MiSans Regular";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "MiSans Regular";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#333;
}
a{
    color:inherit;
	color:#333;  
    text-decoration: none; 
}
a:hover  {
    color:#333;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
/*::-moz-placeholder { color:#fff; }
input:-webkit-input-placeholder { color:#fff; } 
input:-moz-placeholder { color:#fff; } */

/* 标准写法（Chrome/Firefox/Edge 现代浏览器推荐） */
input::placeholder {
  color: #333;
}

/* webkit内核：Chrome、Edge、360、Safari */
input::-webkit-input-placeholder {
  color: #333;
}

/* 火狐新版 */
input::-moz-placeholder {
  color: #333;
}

/* 火狐旧版本兼容（可选，现在基本不用） */
input:-moz-placeholder {
  color: #333;
}



/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
     
    cursor:default;
}
.ovh{ overflow:hidden}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li 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%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg,.hz_4_1_1_img img{transition: all 1.5s 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;*/}
.pagination{ 
text-align:center;}
.pagination{
padding:0em 0 0em 0;}
.pagination li{
display:inline-block; margin:0 5px;}
.pagination li:nth-child(1) a,.pagination li:nth-child(1) span,.pagination li:last-child a,.pagination li:last-child span{ width:3em; text-indent:-99999em;}
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; height:3em;     text-align:center; line-height:3em; width:3em; background: #F5F5F5;
    position:relative; border-radius:100%; }
.pagination li a:hover,.pagination li.active span{
color:#fff;   border-color:#1c1c1c; background-color:#1c1c1c; background-position:center; background-repeat:no-repeat; background-size:cover;}

.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after,.pagination li:last-child a:after,.pagination li:last-child span:after{ background-position:center; background-repeat:no-repeat; background-size:cover; width:1.8125em; height:0.6875em; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); content:''; 
    transform: translate(-50%, -50%);}
.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after{ background-image:url(../images/tip/z.png);}
.pagination li:nth-child(1) a:hover:after,.pagination li:nth-child(1) span:hover:after{ background-image:url(../images/tip/zon.png);}

.pagination li:last-child a:after,.pagination li:last-child span:after{ background-image:url(../images/tip/r.png);}
.pagination li:last-child a:hover:after,.pagination li:last-child span:hover:after{ background-image:url(../images/tip/ron.png);}
.pagination li:last-child span:hover,.pagination li:nth-child(1) span:hover{    border-color:#1C1C1C; background-color:#1C1C1C;}
@media screen and (max-width:810px) {
.pagination li a, .pagination li span{ height:2em; width:2em; line-height:2em; font-size:.875em;}
}
.ovh{
overflow:hidden}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg,.hz_4_1 ul li:hover .hz_4_1_1_img 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);}

.pro_footer,.join_2{background-attachment: fixed;}

}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.mobileimg{
width:100%; display:none}
.warp-nav,.mobilemenu——{ display:none}
.mobilebar,.main-search{ display:none}
/*********header**********/
#header{ background-color:#F4F1EF;}
.headermid{ margin:0 4.375%; position:relative;}
.header_1_mid{ margin:0 auto; text-align:center}
.header_1_mid img:nth-child(2){ display:none}
.header_1_left{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.header_1_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}	
.header_1_left_mid{ position:relative;}
.header_1_left_mid_left{ position:absolute; left:0; top:0; width:1.75em; height:1.75em; background-image:url(../images/header/search.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_1_left_mid_left input{ border:none; background:none; width:100%; height:100%; cursor:pointer;}
.header_1_left_mid_right{ margin-left:2.25em;}
.header_1_left_mid_right input{ border:none; background:none; font-size:1.125em; height:1.555555555555556em; line-height:1.555555555555556em;font-family: 'MiSans Medium';}
.header_1{ padding:1em 0;}
.header_1_right a{ display:block; position:relative; font-size:1.125em; padding-left:2em;}
.header_1_right a:after{ position:absolute; left:0; top:50%; width:1.555555555555556em; height:1.555555555555556em; background-image:url(../images/header/shop.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); content:'';}
.header_2 .headermid{ border-top:1px #efebea solid; height:3.75em;}
.header_2 .headermid ul{ position:absolute; left:0%; top:0%; height:100%;  width:100%; text-align:center; }
.header_2 .headermid ul li{ display:inline-block; position:relative; margin:0 3.125em; }
.header_2 .headermid ul li a.biga{font-family: 'MiSans Medium'; font-size:1.125em; height:3.333333333333333em; line-height:3.333333333333333em; position:relative; display:block;}
.header_2 .headermid ul li a.biga:after{ content:''; position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#191f1f;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_2 .headermid ul li:hover a.biga:after{ width:100%;}
/****************index********************/
.jsimg{ width:100%;}
.indexbanner_con{ position:absolute; left:0; width:100%; z-index:10; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#fff; font-size:.875em;}
.commid{ margin:0 4.375%}
.indexbanner_con_1_1{ font-size:4.5em;font-family: 'Huiwen mincho Regular';}
.indexbanner_con_2{ font-size:2em; line-height:1.6; margin-top:.5em;}
.bannerleftfooter{ position:absolute; z-index:10; left:0; width:100%; bottom:15.625%; text-align:left}
.bannerleftfooter .swiper-pagination{ text-align:left}
.bannerleftfooter .swiper-pagination0{ position:relative}
.bannerleftfooter .swiper-pagination-bullet{ width:0.875em; height:0.875em; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:1; background-color:#D0C9BE}
.bannerleftfooter .swiper-pagination-bullet-active{ background-color:#fff;}
.indexbanner .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.indexbanner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 .5em;}
body.indexbody{ background-color:#f5f1f0;}
.index_1_mid ul li{
float:left; width:23.63013698630137%; margin-right:1.82648401826484%;}
.index_1_mid ul li:nth-child(4n){ margin-right:0}
.index_1_mid_1{ overflow:hidden;}
.index_1_mid_1 img{ width:100%;}
.index_1_mid_2{ text-align:center; font-size:1.5em;font-family: 'Huiwen mincho Regular'; margin-top:.875em; margin-bottom:0.875em;}
.index_1{ padding:6.6875em 0; overflow:hidden}
.index_2_1{ text-align:center; font-size:3.375em;font-family: 'Huiwen mincho Regular';}
.index_2_2{ text-align:center; font-size:1.25em; line-height:1.6; color:#666; margin-top:1em;}
.index_3 ul li{
float:left; width:33.3333%; padding:8.125em 0;}
.index_3 ul li.wli{ width:100%; background-color:#f0e8e5; padding:0}
.index_3_1{ position:relative;}
.index_3_1_left{ overflow:hidden; display:none; width:50%;}
.index_3_1_left img{ width:100%;}
.index_3 ul li.wli .index_3_1_left{ display:block;}
.index_3 ul li.wli .index_3_1_right{ position:absolute; left:50%; top:50%; width:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.index_3_1_right_mid{ text-align:center; margin:0 2em;}
.index_3_1_right_mid_1{ font-size:2.25em;font-family: 'Huiwen mincho Regular'; margin-top:1.25em;}
.index_3_1_right_mid_2{ font-size:1.25em; color:#666; line-height:1.6; margin-top:5px;  }
.index_3_1_right_mid_3{ position:relative; height:22.29166666666667vw; max-height:22.29166666666667vw;}
.index_3_1_right_mid_3 div{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:100%;width: fit-content;}
.index_3_1_right_mid_3 div img{ height:22.29166666666667vw; position:relative; z-index:1;}
.index_3_1_right_mid_3 div:before{ content:''; position:absolute; bottom:0; width:13.375em; height:5.9375em;   background-position:right center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/yy2.png); right:0;-webkit-transform: translate(70%, -0%);  
    transform: translate(70%, -0%);}

.index_3_1_right_mid_3 div.yy3:before{ content:''; position:absolute; bottom:-5px; width:12.125em; height:5.25em;   background-position:right center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/yy3.png); right:0;-webkit-transform: translate(70%, -0%);  
    transform: translate(70%, -0%);}	
.pro_info_1_mid_right_left_mid div{ display:inline-block;  }	
.pro_info_1_mid_right_left_mid img{ position:relative; z-index:1; height:100%;}
.pro_info_1_mid_right_left_mid div:after{content:''; position:absolute; bottom:-15px; width:14.4375em; height:5.6875em;   background-position:right center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/yy4.png); right:0;-webkit-transform: translate(70%, -0%);  
    transform: translate(55%, -0%);}	
	
#index_3.index_3 ul li:not(.wli){  }	
.product-wrap::after { display:none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  margin: 0 auto;

  width: 100%;
  height: 14%;

  background: rgba(0, 0, 0, 0.22);
  border-radius: 50%;

  transform: skewX(-20deg) translateX(38px);
  filter: blur(22px);

  z-index: -1;
}	
	
.index_3 ul li:nth-child(4n + 1):nth-child(n+2) .index_3_1_left{
margin-left:50%;
}
.index_3 ul li:nth-child(4n + 1):nth-child(n+2) .index_3_1_right{
left:0; right:auto
}
a.indexmore{ display:block; margin:0 auto; font-size:1.125em; height:3.555555555555556em; line-height:3.555555555555556em; position:relative; width:16.5em; text-align:center; color:#fff; background-color:#1F1F1F}
.index_3_1_right_mid_4{ margin-top:2.5em;}
.index_3_1_right_mid_wli .index_3_1_right_mid_2{ font-size:1.5em; margin-bottom:3.5em; padding-top:5px;}
.index_3_1_right_mid_wli .index_3_1_right_mid_1{ font-size:2.5em; margin-top:0}
.index_3{ margin-top:4.875em;}
.index_4{ background-color:#f0e8e5; position:relative; padding:5.625em 0;}
.index_4_left{ overflow:hidden; position:relative; width:64.27083333333333%;}
.index_4_left img{ width:100%;}
.index_4_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:35.72916666666667%;}
.index_4_right_mid{ margin:0 12.2093023255814%;}

.index_4_right_mid_1{ font-size:3.375em;font-family: 'Huiwen mincho Regular'; color:#1C1C1C}
.index_4_right_mid_2{ font-size:1.25em; color:#666; line-height:1.6; margin-top:1.5em; margin-bottom:5.5em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 6;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.indexmore.indexmore_left{ margin:0}
.index_4_left_play{ position:absolute; z-index:10; left:5.72916666666667vw; bottom:5.72916666666667vw; width:10em; height:10em;}
.index_4_left_play:after{ content:''; position:absolute; left:0; top:0; background-image:url(../images/index/c.png); background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%;animation: rotate360 6s linear infinite;}
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.index_4_left_play a{ display:block; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); position:absolute; background-image:url(../images/index/play.png); background-position:center; background-repeat:no-repeat; background-size:cover; height:53.75%; width:53.75%; z-index:2;}
.index_5{ padding-top:9.75em;}
.index_5_1 ul li{
float:left; width:31.33561643835616%; margin-right:2.99657534246575%;}
.index_5_1 ul li:nth-child(3n){ margin-right:0}
.index_5_1_1{ overflow:hidden;}
.index_5_1_1 img{ width:100%;}
.index_5_1_2{ color:#999; margin-top:3em; background-image:url(../images/index/img1.jpg); padding-left:1.875em; background-position:left center; background-repeat:no-repeat; margin-bottom:15px;}
.index_5_1_3{ font-size:1.5em; color:#0F172A; line-height:1.6;}
.index_5_1{ margin-top:3.5em;}
.index_5{ padding-bottom:10em;}
.index_5_2{ margin-top:4em;}
/************footer**************/
#footer{ background-image:url(../images/footer/bg.png); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}
#footer a{ color:#fff;}
.footer_1_mid ul li{
float:left;}
.footer_1_mid ul{ position:relative; overflow:hidden; padding-right:5em;  }
.footer_1_mid ul li p{ font-size:1.25em;font-family: 'MiSans Medium';}
.footer_1_mid ul li{ float:left; width:25%;}
.footer_1_mid ul li:last-child{ position:absolute; width:auto; right:0; top:0;}
.footer_1_mid ul li dl dd{ margin-top:1.375em; margin-bottom:3px;}
.footer_1{ padding-top:6.25em; padding-bottom:5em;border-bottom: 1px solid rgba(255,255,255,0.16);}
.footer_2_mid{ position:relative;}
.footer_2_mid_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:36.875em;}
.footer_2{ padding-top:3.125em; padding-bottom:2em;}
.footer_2_mid_left{ line-height:1.6;}
.footer_2_mid_left_2{ margin-top:1.875em; margin-bottom:.875em;}
.footer_2_mid_right ul li{ float:left; width:47.45762711864407%;}
.footer_2_mid_right ul li:nth-child(2n){ float:right;}
.footer_2_mid_right ul li a{ display:block; position:relative; overflow:hidden; font-size:1.25em; line-height:3.7em; height:3.7em; border-radius:3.7em; text-align:center; background-color:#fff; width:14em;font-family: 'MiSans Medium';}
#footer .footer_2_mid_right a{ color:#333;}
.footer_2_mid_right ul li a span{ padding-left:2.5em; display:inline-block; position:relative; z-index:10;}
.footer_2_mid_right ul li a span:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_2_mid_right ul li:nth-child(1) a span:after{ width:1.8em; height:1.8em; background-image:url(../images/footer/shop.png);}
.footer_2_mid_right ul li:nth-child(2) a span:after{ width:1.8em; height:1.8em; background-image:url(../images/footer/phone.png);}
/*************about********************/
.nybanner_img{ overflow:hidden; position:relative;}
.nybanner_img img{ width:100%; opacity:0}
.nybanner_img_fix{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; background-attachment: fixed;}
.nybanner{ position:relative;}
.nybanner_mid{ position:absolute; z-index:10; left:0; width:100%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); color:#fff;}
.nybanner_mid_1{ font-size:4.5em;font-family: 'Huiwen mincho Regular'; }
.nybanner_mid_2{ font-size:1.5em; line-height:1.6; margin-top:.5em;}
.about_1_mid{ position:relative; }
.about_1_mid_left{ width:50%; overflow:hidden;}
.about_1_mid_left img{ width:100%;}
.about_1_mid_right{ position:absolute; right:0; top:50%; width:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.about_1{background-color:#f0e8e5;}
.about_1_mid_right_mid{ margin:0 8.75%;}
.about_1_mid_right_mid_1{ font-size:3em;font-family: 'Huiwen mincho Regular';}
.about_1_mid_right_mid_2{ font-size:1.5em; line-height:1.6; margin-top:1em;}
.about_1_mid_right_mid.about_1_mid_right_mid_dw{ margin:0 20%}
.about_1.about_2 .about_1_mid_left{ margin-left:50%;}
.about_1.about_2 .about_1_mid_right{ right:auto; left:0}
.about_1_mid_right_mid_3_1{ padding-left:32px; font-size:2.25em;font-family: 'Huiwen mincho Regular'; position:relative;}
.about_1_mid_right_mid_3_2{ font-size:1.125em; padding-left:32px; line-height:1.6; margin-top:1em;}
.about_1_mid_right_mid_3_1:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%) rotate(45deg);  
    transform: translate(-0%, -50%) rotate(45deg); width:0.3333333333333333em; height:0.3333333333333333em; background-color:#1C1C1C;}
.about_1_mid_right_mid_3 ul li{ margin-top:2em;}
.about_1_mid_right_mid_3{ padding-top:1em;}
.about_3_mid{ position:relative;}
.about_3_mid_left{ overflow:hidden; width:61.25%;}
.about_3_mid_left img{ width:100%;}
.about_3_mid_right{ position:absolute; right:0; top:50%; width:38.75%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.about_3{ padding:10em 0;}
.about_4{ padding:7.5em 0; background-color:#f0e8e5;}
.about_4 .about_3_mid_left{ margin-left:38.75%}
.about_4 .about_3_mid_right{ right:auto; left:0}
.about_5_1{ max-width:910px;}
.about_5{ padding-top:10.625em; padding-bottom:5em;}
.about_1_mid_right_mid_3_1_bak{ padding-left:32px; font-size:1.5em; position:relative; color:#666;}
.about_1_mid_right_mid_3_1_bak:after{content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%) rotate(45deg);  
    transform: translate(-0%, -50%) rotate(45deg); width:0.5em; height:0.5em; background-color:#1C1C1C;}
.about_1_mid_right_mid_3_2_bak{ font-size:1.25em; padding-left:32px; color:#666; line-height:1.6; margin-top:10px;}
.about_1_mid_right_mid_3_bak ul li{ margin-top:2em;}
.about_1_mid_right_mid_2_b{ font-size:1.25em; color:#666;}

.about_1_mid_right_mid_2_b_2{ margin-top:2em;}
.about_6_1_1{ font-size:1.25em; color:#666; line-height:1.6; position:relative; padding-left:32px;}
.about_6_1_1:after{content:''; position:absolute; left:0; top:.5em;-webkit-transform: rotate(45deg);  
    transform: rotate(45deg); width:0.5em; height:0.5em; background-color:#1C1C1C;}
.about_6_1 ul li{ margin-top:2em;}
/**********brand*****************/
.brand_1 .commid{ position:relative;}
.brand_1_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); font-size:1.5em; color:#1C1C1C; width:39%; line-height:1.6;}
.brand_1{ padding-top:9em; padding-bottom:9em;}
.brand_1_left{ margin-right:35%;}
.brand_2_mid{ position:relative;}
.brand_2_mid_left{ overflow:hidden; width:60%;}
.brand_2_mid_left IMG{ width:100%;}
.brand_2_mid_right{ position:absolute; right:0; top:50%; width:40%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
	.brand_2 ul li{ background-color:#f0e8e5; padding:7.5em 0;}
.brand_2 ul li:nth-child(2n) .brand_2_mid_left{ margin-left:40%;}
.brand_2 ul li:nth-child(2n) .brand_2_mid_right{ right:auto; left:0}
.brand_2 ul li:nth-child(2n){ background-color:#f5f1f0}
/***********news*************/
.news_1 .index_5_1 ul li{ margin-top:4em;}
.pro_2_2_news{ padding:4em 0;}
.smenulist{ opacity:0; visibility:hidden; position:absolute; width:65.9375em; background-color:#fff; z-index:800; left:-46.25em;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transform: translate(-0%, -5%);  
    transform: translate(-0%, -5%);  }
.smenulist_mid{ margin:2em; position:relative;}
.smenulist_mid_left{ width:63%; position:relative; overflow:hidden;}
.smenulist_mid_left img{ width:100%;}
.smenulist_mid_left_footer{width: 100%; height:2.5em; position:absolute; left:0; bottom:0; z-index:10;
 line-height:2.5em;
background: rgba(5,5,5,0.1);
border-radius: 0px 0px 0px 0px;}
.smenulist_mid_left_footer_mid{ position:relative; margin:0 1em; padding-right:6em;}
.smenulist_mid_left_footer_mid_right{ position:absolute; right:0; top:0; font-size:.875em;}
.smenulist_mid_left_footer_mid_left{ text-align:left}
.smenulist_mid_right{ position:absolute; top:0; left:71.5%;}
.smenulist_mid_right dl dd a{ font-size:1.125em; color:#999;}
.smenulist_mid_right dl dd{ margin-top:1.5em;}
.smenulist_mid_right dl dd a:hover{ color:#333;}
.header_2 .headermid ul li:hover .smenulist{ opacity:1; visibility:visible;-webkit-transform: translate(-0%, -0%);  
    transform: translate(-0%, -0%);}
.news_info_1_2_mid_1{ font-size:3em;font-family: 'Huiwen mincho Regular'; }
.news_info_1_2_mid_2{ font-size:1.125em; color:#999; margin-top:2.5em; margin-bottom:2.875em;}
.news_info_1{ padding-top:5em;}
.news_info_1_2_mid_3{ font-size:1.25em; line-height:1.6; color:#666;}
.news_info_1_2_mid_3_tj{ font-size:2em; margin-top:3.25em; margin-bottom:1em;}
.news_info_1_2_mid_4 ul li{ border:1px #E6E6E6 solid; border-radius:0.5em; margin-bottom:1.875em;}
.news_info_1_2_mid_4 ul li a{ display:block; position:relative;}
.news_info_1_2_mid_4_mid_1{ font-size:1.375em;}
.news_info_1_2_mid_4_mid_2{ color:#999; margin-top:1em;}
.news_info_1_2_mid_4_mid{ margin:2em; position:relative;}
.news_info_1_2_mid_4_mid:before{ content:''; position:absolute; right:0; top:50%; width:3.125em; height:3.125em; background-image:url(../images/news/right.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_info_1_2_mid_4_mid:after{ content:''; position:absolute; right:0; top:50%; width:3.125em; height:3.125em; background-image:url(../images/news/righton.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); z-index:1; opacity:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.news_info_1_2_mid_4{ padding-bottom:17em;}
.news_info_1_2_mid_4 ul li a:hover .news_info_1_2_mid_4_mid:after{ opacity:1}
/***********join**************/
.join_1_mid{ position:relative;}
.join_1_mid_right{ margin-left:52%; overflow:hidden;}
.join_1_mid_right img{ width:100%;}
.join_1_mid_left{ position:absolute; left:0; top:50%; width:48%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.join_1_mid_left_mid{ margin:0 4.375vw;}
.join_1_mid_left_mid_1{}
.join_1_mid_left_mid_2 ul li{ padding-bottom:12px; margin-top:2.5em;
float:left; width:46%;border-bottom: 1px solid #2E2E2E;}
.join_1_mid_left_mid_2 ul li:nth-child(2n){ float:right}
.joinus_1_mid_right_mid_3_mid{ position:relative;}
.joinus_1_mid_right_mid_3_mid_1{ font-size:1.5em;}
.joinus_1_mid_right_mid_3_mid_2{ color:#666;}
.joinus_1_mid_right_mid_3_mid:after{ content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1em; height:0.875em; background-image:url(../images/joinus/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.join_1{ padding-top:9.125em; padding-bottom:12.8125em;}
.join_1_mid_left_mid_2 ul li:hover .joinus_1_mid_right_mid_3_mid:after{-webkit-transform: translate(-0%, -50%) rotate(45deg);  
    transform: translate(-0%, -50%) rotate(45deg);}
.join_1_mid_nav{ position:absolute; left:4.375vw; bottom:0; z-index:10;}
.join_1_mid_nav_left{ width:3.125em; height:3.125em; display:inline-block; cursor:pointer; position:relative;}
.join_1_mid_nav_left:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/joinus/left.png);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.join_1_mid_nav_left:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/joinus/lefton.png);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:1; opacity:0} 
.join_1_mid_nav_left:hover:before{ opacity:9}
.join_1_mid_nav_left:hover:after{ opacity:1}

.join_1_mid_nav_right{ margin-left:1em; width:3.125em; height:3.125em; display:inline-block; cursor:pointer; position:relative;}
.join_1_mid_nav_right:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/joinus/right.png);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} 
.join_1_mid_nav_right:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/joinus/righton.png);transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:1; opacity:0} 
.join_1_mid_nav_right:hover:before{ opacity:9}
.join_1_mid_nav_right:hover:after{ opacity:1}
.join_2{ background-image:url(../images/joinus/bg.png); position:relative; height:50vw; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.join_2_mid{ position:absolute; left:0; top:50%; width:100%; color:#fff; z-index:10;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.join_2_2 ul li{ font-size:1.5em; margin-top:.75em;}
.join_2_2{ padding-top:1em;}
.join_3_2 ul li{ margin-bottom:1.5em;
float:left; width:32%; margin-right:2%;}
.join_3_2 ul li:nth-child(3n){ margin-right:0}
.join_3_2 ul li:nth-child(4),.join_3_2 ul li:nth-child(5){ width:100%; margin-right:0}
.join_3_2 ul li div{ 
border: 1px solid #808080; padding:10px;}
.join_3_2 ul li div input{ border:none; background:none; width:100%; font-size:1.125em; height:2.777777777777778em; line-height:2.777777777777778em;}
.join_3_2 ul li div textarea{ border:none; background:none; width:100%; font-size:1.125em; height:8.8em;  }
.join_3_1{ text-align:center;  }
.join_3_2{ margin-top:2.5em;}
.join_3{ padding-top:12.5em; padding-bottom:12.5em;}
.join_info_1_mid_right{ float:right; overflow:hidden; width:41.32420091324201%;}
.join_info_1_mid_right img{ width:100%;}
.join_info_1_mid_left_2{ color:#666}
.join_info_1_mid_left{ float:left; width:54%;}
.join_info_1_mid_left_3{ font-size:1.5em; margin-top:1.25em;}
.join_info_1_mid_left_4{ font-size:1.125em; line-height:1.6; margin-top:1.25em;}
.join_info_1{ padding:12.5em 0;}
/***********product*********/
.brand_1_pro .brand_1_right{ width:50%; float:right; position:static;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.brand_1_pro .brand_1_left{ margin-right:0%; float:left; width:50%;}
.brand_1_pro{ padding-top:6.25em; padding-bottom:6.25em;}
.index_3_pro{ margin-top:0}
.index_3_1_right_mid_3_jj{ font-size:1.25em; color:#666; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:4em;}
.index_3_pro .index_3_1_right_mid_wli .index_3_1_right_mid_2{ margin-bottom:1.5em;}
.pro_footer{ background-image:url(../images/product/bg.jpg); height:44.16666666666667vw; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; position:relative;}
.pro_footer_mid{ position:absolute; z-index:10; left:0; width:100%; color:#fff; top:50%;-webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);}
.pro_footer_mid_1{ margin-bottom:1.25em;}
.index_3 ul li.wli:last-child{ margin-bottom:8.125em;}
.index_3_1_right_mid_3:after{content:"";
  position:absolute;
  left:auto;
  right:10%;
  bottom:15px;
  height:30px;
  background:rgba(0,0,0,0.12);
  /* 斜切，制造斜透视阴影 */
  transform: skewX(-20deg) rotate(-15deg);
  filter: blur(12px);
  z-index:1; width:180px; display:none}
.pro_info_1_mid_left{ float:left; width:46%;} 
.pro_info_1_mid_right{ float:right; width:38%; position:relative; overflow:hidden; height:33vw;  }
.pro_info_1_mid_right_right{ position:absolute; right:0; bottom:0; width:137px; height:24vw;}
.pro_info_1_mid_right .mySwiper3{
  height: 100%; /* 必须给swiper容器设置高度，垂直swiper必填！根据你的需求改高度 */
}
.pro_info_1_mid_right_right_img{ height:7.03125vw;   border:1px #d9d5d4 solid; position:relative;}
.pro_info_1_mid_right_right_img img{ position:absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); height:78%;}
.pro_info_1_mid_right_left{ position:absolute; left:0; bottom:0; z-index:10; width:3.125em;}
.pro_info_1_mid_right_left_left{ position:absolute; width:100%; height:3.125em; cursor:pointer; left:0; bottom:4em;}
.pro_info_1_mid_right_left_left:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../images/product/up.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.pro_info_1_mid_right_left_left:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../images/product/upon.png); background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;opacity:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_info_1_mid_right_left_left:hover:after{ opacity:1}


 
.pro_info_1_mid_right_left_right{ position:absolute; width:100%; height:3.125em; cursor:pointer; left:0; bottom:0em;}
.pro_info_1_mid_right_left_right:before{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../images/product/down.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.pro_info_1_mid_right_left_right:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../images/product/downon.png); background-position:center; background-repeat:no-repeat; background-size:cover; z-index:1;opacity:0;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_info_1_mid_right_left_right:hover:after{ opacity:1}
.pro_info_1_mid_right_left_mid{ left:6.25em; right:190px; text-align:center; height:100%; position:absolute;}
.pro_info_1_mid_right_left_mid div{ position:absolute; bottom:0; max-height:100%; left:50%; -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%); width:100%;}
.pro_info_1_mid_right_right .swiper-slide.on .pro_info_1_mid_right_right_img{ border-color:#333}
.pro_info_1_mid_left_2{ font-size:2.25em; margin:1em 0 1.5em 0;}
.pro_info_1_mid_left_3{ font-size:1.25em; line-height:1.6; margin-bottom:1.5em; margin-top:.5em;}
.pro_info_1_mid_left_4{ font-size:1.25em; color:#666; line-height:1.6;}
.pro_info_1_mid_left_1{ margin-top:2em; font-size:3em;font-family: 'Huiwen mincho Regular';}
.pro_info_1{ padding:6.25em 0; background-color:#f5f1f0; overflow:hidden}
.pro_info_2_mid_mid{ position:relative;}
.pro_info_2_mid_mid_left{ width:60%; overflow:hidden;}
.pro_info_2_mid_mid_left img{ width:100%;}
.pro_info_2_mid_mid_right{ position:absolute; right:0; top:50%; width:40%; -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);}
.pro_info_2_mid ul li{ padding:7.5em 0;}  
.pro_info_2_mid ul li:nth-child(2n-1){ background-color:#f0e8e5;}
.pro_info_2_mid ul li:nth-child(2n) .pro_info_2_mid_mid_left{ margin-left:40%;}
.pro_info_2_mid ul li:nth-child(2n) .pro_info_2_mid_mid_right{ right:auto; left:0}
.pro_info_2_mid_mid_right_mid_1_2{ font-size:1.5em;}
.pro_info_2_mid_mid_right_mid_1_2{ font-size:1.5em; margin-bottom:1.75em; margin-top:.5em;}
.pro_info_2_mid_mid_right_mid_1_3{ font-size:1.25em; padding-left:30px; line-height:1.6; color:#666;}
.pro_info_2_mid_mid_right_mid{ margin:0 4.375vw;}
.pro_info_2_mid_mid_right_mid_1{ padding-left:30px; position:relative;}
.pro_info_2_mid_mid_right_mid_1:after{ content:''; position:absolute; left:0; top:0; height:100%; width:4px; background-color:#1b1b1b;}
.pro_info_3{ background-color:#f0e8e5; overflow:hidden; padding-top:6.25em;}
.pro_info_3_2 ul li{ padding:5em 0;
float:left; width:33.3333%; text-align:center;}
.pro_info_3_2{ background-color:#f0e8e5; overflow:hidden;}
.news_info_1_2_mid_1_ar{ text-align:center}
.news_info_1_2_mid_3_nonews_ar{ margin-bottom:5em;}
a.indexmore span,.footer_2_mid_right ul li a span{ display:inline-block;transition: all 0.3s ease;}
a.indexmore:hover span,.footer_2_mid_right ul li a:hover span{ letter-spacing:.15em;}

.index_3_1_right_mid_3 img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.index_3_1_right_mid_3:hover img{-webkit-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08);}*/
#footer .footer_1_mid ul li dl dd a{ display:inline-block; position:relative;}
#footer .footer_1_mid ul li dl dd a:after{ content:''; position:absolute; left:0; bottom:-3px; height:1px; width:0;transition: all 0.3s ease; background-color:#fff;}
#footer .footer_1_mid ul li dl dd a:hover:after{ width:100%;}



@media screen and (max-width:1680px) {
    .brand_1{ padding:7em 0;}
.index_3_1_right_mid_3 div:before{ font-size:.75em;}
.pro_info_1_mid_right_left_mid div:after{ font-size:.875em;}
.pro_info_1_mid_left_1{ font-size:2.25em;}
.join_3{ padding-top:10em; padding-bottom:10em;}
.join_3_2 ul li div input,.join_3_2 ul li div textarea{ font-size:1em;}
.join_2_2 ul li{ font-size:1em;}
.indexbanner_con_2{ font-size:1.5em;}
.indexbanner_con_1_1{ font-size:3em;}
.bannerleftfooter{ font-size:.875em;}
.index_1_mid_2{ font-size:1.25em;}
.index_2_2{ font-size:1.125em;}
.index_2_1,.index_4_right_mid_1{ font-size:2.5em;}
.index_3_1_right_mid_wli .index_3_1_right_mid_2,.index_3_1_right_mid_2,.index_4_right_mid_2,.about_1_mid_right_mid_2{ font-size:1.125em;}
a.indexmore{ font-size:1em;}
.index_3_1_right_mid_1{ font-size:1.5em;}
.index_3_1_right_mid_wli .index_3_1_right_mid_1{ font-size:1.875em;}
.index_4_left_play{ font-size:.75em;}
.index_5_1_3{ font-size:1.25em;}
.footer_2_mid_right ul li a{ font-size:1em;}
.nybanner_mid_2{ font-size:1.25em;}
.nybanner_mid_1{ font-size:2.5em;}
.about_1_mid_right_mid_1{ font-size:2em;}
.about_1_mid_right_mid_3_1{ font-size:1.5em;}
.about_1_mid_right_mid_3_2,.about_1_mid_right_mid_3_2_bak{ font-size:1em;}
.about_1_mid_right_mid_3_1_bak{ font-size:1.25em;}
.about_6_1_1{ font-size:1em;}
.brand_1_right{ font-size:1.125em;}
.index_3_1_right_mid_3_jj{ font-size:1em;}
.pro_info_1_mid_left_4{ font-size:1em;}
.pro_info_1_mid_left_3{ font-size:1.125em;}
.about_1_mid_right_mid_1{ font-size:1.5em;}
.pro_info_1_mid_left_2{ font-size:1.875em;}
.pro_info_2_mid_mid_right_mid_1_3{ font-size:1em; padding-left:20px;}
.about_1_mid_right_mid_1,.pro_info_2_mid_mid_right_mid_1_2{ font-size:1.375em;}
.pro_info_2_mid_mid_right_mid_1{ padding-left:20px;;}
.pro_info_2_mid_mid_right_mid_1:after{ width:2px;}
#ppt1{ font-size:2em;}
.news_info_1_2_mid_2{ font-size:1em;}
.news_info_1_2_mid_1{ font-size:2em;}
.news_info_1_2_mid_3{ font-size:1em;}
.news_info_1_2_mid_3_tj{ font-size:1.5em;}
.news_info_1_2_mid_4_mid_1{ font-size:1.25em;}
.news_info_1_2_mid_4_mid{ margin:1.5em;}
.joinus_1_mid_right_mid_3_mid_2{ font-size:.875em;}
.joinus_1_mid_right_mid_3_mid_1{ font-size:1.125em;}
.join_1_mid_nav,.news_info_1_2_mid_4_mid:after,.news_info_1_2_mid_4_mid:before,.pro_info_1_mid_right_left{ font-size:.75em;}
.pro_info_1_mid_right_left_mid{ left:4em;}
.pro_info_1_mid_right_right{ width:122px;}
.join_info_1_mid_left_4{ font-size:1em;}
.join_info_1_mid_left_3{ font-size:1.125em;}




}
@media screen and (max-width:1200px) {
.footer_2_mid_left_1 img{ height:80px;}
.footer_2_mid_right{ width:24em;}
.footer_2_mid_right ul li a{ width:auto}
.pro_info_1_mid_left_2{ font-size:1.5em;}
.join_1_mid_left {
   
  top: 0%;
  
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}

.header_2 .headermid ul li{ margin:0 2em;}
.news_1 .index_5_1 ul li{ margin-top:2em;}
.index_5_1_2{ margin-top:1.5em;}
.index_5_1_3{ font-size:1.125em;}
.news_1 .index_5_1{ margin-top:2em;}
.news_info_1_2_mid_1{ font-size:1.5em;}
}
.mobilebar{ display:none; position:absolute; right:0px; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
  #header .hamburger {
    padding: 0;
    height: 20px; padding-top:10px;
    margin-left: 0rem;
  }	
    #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }
 
 .hamburger-box {
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 20px;
    height: 4px;
    background-color: #333;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  #header .hamburger--3dx-r .hamburger-inner {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
      background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    background: #333;
  }
  
   #header.cur .hamburger-inner,
  #header.cur .hamburger-inner::before,
  #header.cur .hamburger-inner::after {
    background: #333;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    width: 20px;
    height: 2px;
  }

  #header .hamburger-inner::before {
    top: -6px;
  }

  #header .hamburger-inner::after {
    bottom: -6px;
  }

  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }

  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  } 
  
  


#header .warp-nav {
    height: calc(100vh - 72px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 72px;
    z-index: 9999;
    display: none;
  }
#header .warp-nav .nav {
    font-size: 16px;
    color: #333;
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 2rem);
  }

 

   

  #header .warp-nav .nav .warp-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    display: block;
    padding: 15px 4vw;
    line-height: 1.5;
    position: relative;
    font-size: 16px;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .li {
    position: relative;
    width: 100%;
    padding: 0vw;
  }

  #header .warp-nav .nav .tit {
     margin:0 4vw;
    padding: 15px 0;
    line-height: 60px;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .sub-tit {
    display: block;
  }

  #header .warp-nav .nav .tit {
    line-height: 1.5;
  }

  #header .warp-nav .nav .tit:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    right: 0%;
    top: 20px;
    background: url("../images/close/img1.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px auto;
    transform: rotate(0);
    transform-origin: center center;
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%) brightness(0%) !important;
  }
  #header .warp-nav .nav .tit.on::after {
    transform: rotate(90deg);
  }

  #header .warp-nav .nav .sec-list {
    line-height: 40px;
    padding: 0.35rem 4vw 0.35rem 4vw;
    display: none;
    font-size: 14px;
  }

  #header .warp-nav .nav .sec-tit {
    font-size: 15px;
    color: #8ebfea;
    position: relative;
    transition: all 0.4s;
    display: block;
  }

  #header .warp-nav .nav .sec-list-nav {
    font-size: 13px;
    padding-left: 8px;
    line-height: 30px;
    display: none;
  }

  #header .warp-nav .nav .sec-list a {
    color: #000;
    text-transform: capitalize;
  }

  #header .warp-nav .nav .sec-list-nav a {
    color: #8ebfea;
  }

  .js-m-2-1 {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  }

  .js-m-2-1.animate {
    opacity: 1;
    transform: translate(0, 0);
  } 
@media screen and (max-width:900px) {
.index_3_1_right_mid_3 div:before{ font-size:.4em;}
.pro_info_1_mid_right_left_mid div{ position:static; margin:0 auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); width:320px;}
.pro_info_1_mid_right{ height:50vh}

.news_info_1_2_mid_3_nonews_ar{ margin-bottom:2.5em;}
.nybanner,.indexbanner{ margin-top:72px;}

.index_5{ padding:4em 0;}

 #index_3 a.indexmore{
    line-height: 2.5em;
    height: 2.5em;
    width: 8em;
  }
 
  #index_4 a.indexmore{
    line-height: 2.5em;
    height: 2.5em;
    width: 8em;
  } 
  
  .index_5 a.indexmore{
    line-height: 2.5em;
    height: 2.5em;
    width: 8em;
  } 
  .index_5_2{ margin-top:3em;}
  
    

.index_4_right_mid_2{ margin-bottom:1.5em;}
.index_4_right_mid{ margin:1.5em 4.375vw; margin-bottom:0}
.index_4_left_play{ font-size:.5em;}
.index_4{ padding-top:0; padding-bottom:2.5em;}
.index_4_left{ width:auto;}
.index_4_right {
  position:static;
  
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  width:auto;
}
.index_2_1, .index_4_right_mid_1{ font-size:2em;}
.index_1{ padding:4em 0;}
.index_1_mid_2{ font-size:1.125em;}
.indexbanner_con_1_1{ font-size:1.875em;}
.indexbanner_con_2{ font-size:1.25em;}
.mobilebar{ display:block;}
.header_2{ display:none;}
.header_1_mid img{ height:2.5em;}
.header_1_left{ display:none}
.header_1_right { z-index:10;
   
  right: auto; left:0;
}
.header_1_right a{ width:25px; height:25px; padding-left:0; text-indent:-999em; font-size:1em;}
#header{ position:fixed; left:0; top:0; z-index:888; width:100%;}

.join_3{ padding-top:4em; padding-bottom:4em;}
.join_1_mid_nav{ position:static; padding-left:4.375vw; padding-top:4.375vw;}
.join_1{ padding-top:4em; padding-bottom:4em;}
.join_1_mid_right{ margin-left:0}
.join_1_mid_left{ position:static; width:auto; padding-top:1.5em;}
.news_info_1{ padding-top:2.5em;}
.nybanner_mid_2{ font-size:1em;}
.nybanner_mid_1{ font-size:1.5em;}
.index_3_1_right_mid_wli .index_3_1_right_mid_2, .index_3_1_right_mid_2, .index_4_right_mid_2, .about_1_mid_right_mid_2{ font-size:1em;}
.about_1_mid_right_mid_1, .pro_info_2_mid_mid_right_mid_1_2{ font-size:1.25em;}
.about_1_mid_right_mid_3_1{ font-size:1.125em;}
.about_3{ padding:2.5em 0;}
.about_1.about_2 .about_1_mid_left{ margin-left:0; width:auto}
.about_1_mid_right{ position:static; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}
.about_1_mid_left{ width:100%;}
.about_1_mid_right_mid.about_1_mid_right_mid_dw,.about_1_mid_right_mid{ margin:1.5em 4.375%;}
.about_1{ overflow:hidden}
.about_1_mid_right_mid_3_1,.about_1_mid_right_mid_3_2{ padding-left:20px;}
.about_3_mid_left{ width:100%;}
.about_3_mid_right{ position:static; width:auto;-webkit-transform: translate(-0%, -0%);transform: translate(-0%, -0%);margin:1.5em 4.375%;}
.about_3 .about_1_mid_right_mid{ margin-bottom:0; margin-left:0; margin-right:0}
.about_3{ padding-bottom:0}
.about_4 .about_3_mid_left{ margin-left:0}
.about_4{ overflow:hidden}
.about_4 .about_1_mid_right_mid{ margin-left:0; margin-right:0}
.about_5{ padding-top:2.5em; padding-bottom:2.5em;}
.about_1_mid_right_mid_3_1_bak,.about_1_mid_right_mid_3_2_bak{ padding-left:20px;}
.about_1_mid_right_mid_3_1_bak{ font-size:1.125em;}
.brand_1_left{ margin-right:0}
.brand_1_right{ position:static; width:auto;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); margin-top:1em; font-size:1em}
.brand_1{ padding:2.5em 0;}
.brand_2 ul li{ padding:3em 0;}
.news_info_1_2_mid_4{ padding-bottom:5em;}
.index_3_pro a.indexmore,.pro_footer a.indexmore{ line-height:2.5em; height:2.5em; width:8em}
.index_3.index_3_pro ul li.wli:last-child{ margin-bottom:4em;}
.pro_footer{ height:50vh}
.pro_info_1_mid_right,.pro_info_1_mid_left{ width:auto; float:none;}
.pro_info_1_mid_right_right{ width:62px;}
.pro_info_1_mid_right_left_mid{ right:4em;}
.pro_info_2_mid_mid_left{ width:100%;}

.pro_info_2_mid_mid_right {
  position:static;
   
  width: 100%;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%); padding-top:1.5em;
}
.pro_info_2_mid ul li{ padding:2.5em 0;}
.pro_info_2_mid_mid_right_mid_1_2{ font-size:1.125em;}
.about_1_mid_right_mid_1.pro_info_2_mid_mid_right_mid_1_1{ font-size:1em;}
.pro_info_2_mid ul li:nth-child(2n) .pro_info_2_mid_mid_left{ margin-left:0}
#ppt1{ font-size:1.5em;}


}
@media screen and (max-width:810px) {
.pro_info_1_mid_left_1{ font-size:1.75em;}
.nybanner_img img{  opacity:1}
.nybanner_img_fix{  display:none}


#index_3{ margin-top:2em;}
#index_3 .index_3_1_left{ width:100%; margin-left:0} 
#index_3 li.wli .index_3_1_right_mid_3{ display:none}
#index_3 .index_3_1_right_mid_wli .index_3_1_right_mid_2{ margin-bottom:1.5em;}
#index_3.index_3 ul li:not(.wli){ padding:2em 0;}
#index_3.index_3 ul li.wli:last-child{ margin-bottom:2em}


.index_2_1, .index_4_right_mid_1{ font-size:1.5em;}
.index_2_2{ font-size:1em;}
.footer_2{ padding-top:2.5em;}
.footer_2_mid_right ul li a{ height:2.5em; line-height:2.5em;}
.footer_2_mid_left{ text-align:center;}
  .footer_2_mid_left_1 img {
    height: 50px;
  }
.footer_2_mid_right {
  position:static;
   
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  width: 20em; padding-top:1.5em; padding-bottom:1em; font-size:.875em; margin-left:auto; margin-right:auto;
}
.footer_2_mid_left_1{ text-align:center;}
.footer_1{ display:none}
#ppt1{ font-size:1.25em;}
.index_3.index_3_pro ul li.wli:last-child{ margin-bottom:2em;}
.index_3_pro .index_3_1_left{ width:100%;}
.index_3 ul li.wli .index_3_1_right {
  position:static;
  
  width: 100%; padding:1.5em 0;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.index_3.index_3_pro ul li:nth-child(4n+1):nth-child(n+2) .index_3_1_left{ margin-left:0}
.index_3_1_right_mid_4{ margin-top:1em;}
.index_3.index_3_pro ul li{ padding:2em 0;}
.index_3_1_right_mid_3_jj{ margin-bottom:1.25em;}

.join_3{ padding-top:2.5em; padding-bottom:2.5em;}
.join_3_2 ul li div input{ height:1.5em; line-height:1.5em;}
.join_3_2 ul li{ width:100%; margin-right:0;  }
.news_info_1_2_mid_4{ padding-bottom:4em;}
.news_info_1_2_mid_4 ul li{ margin-bottom:1em;}
.news_info_1_2_mid_4_mid{ margin:1em; padding-right:4em;}
.news_info_1_2_mid_3_tj{ font-size:1.25em;}
.news_info_1_2_mid_4_mid_1{ font-size:1.125em;}
.news_info_1_2_mid_4_mid_2{ font-size:.875em;}
.news_info_1_2_mid_1{ font-size:1.25em; }
.news_info_1_2_mid_2{ font-size:.875em;margin-top:1.5em; margin-bottom:1.5em;}
.pro_2_2_news{ padding:2em 0;}
.brand_2_mid_left{ width:auto;}
.brand_2_mid_right {
  position:static;
  
  width:auto;
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
}
.brand_2 ul li{ overflow:hidden}
.brand_2 .about_1_mid_right_mid{ overflow:hidden}
.brand_2 ul li:nth-child(2n) .brand_2_mid_left{ margin-left:0}
.brand_2 ul li{ padding:0em 0;}
.brand_1_pro .brand_1_left{ float:none; margin-right:0; width:auto}
.brand_1_pro .brand_1_right{ float:none; width:auto}
.index_3_1_right_mid_wli .index_3_1_right_mid_1,.index_3_1_right_mid_1{ font-size:1.25em;}



}
@media screen and (max-width:640px) {

.pro_info_1_mid_right_left_mid div{  width:200px;}
.pro_info_1_mid_right{ height:380px}


.pro_info_1_mid_left_1{ font-size:1.375em;}
#index_3.index_3 ul li.wli:last-child{ margin-bottom:1em;}
#index_3.index_3 ul li:not(.wli){ width:50%;}
.index_5{ padding:2.5em 0;}
.index_5_1{ margin-top:.5em;}
.index_5_1 ul li{ width:100%; margin-top:1.5em;}
.index_1{ padding-top:2.5em; padding-bottom:2.5em;}
.index_1_mid ul li{ width:49%; margin-right:0}
.index_1_mid ul li:nth-child(2n){ float:right;}
.bannerleftfooter{ font-size:.6em;}
.indexbanner_con_1_1{ font-size:1.375em;}
.indexbanner_con_2{ font-size:1.125em;}
.pro_info_1_mid_left_2{ font-size:1.25em;}
.pro_info_1_mid_left_3{ font-size:1em;}
.pro_info_3{ padding-top:2em;}
.pro_info_3_2 ul li{ width:50%; padding:2em 0;}
.index_3.index_3_pro ul li:not(.wli){ width:50%;}
.join_3_2{ margin-top:1.5em;}
a.indexmore{ height:3em; line-height:3em;}
.index_5_1_2{ font-size:.9375em;}
.news_1 .index_5_1 ul li{ width:49%; margin-right:0; margin-top:1em;}
.news_1 .index_5_1 ul li:nth-child(2n){ float:right}
.pro_info_1_mid_right_right{ width:42px; height:140px;}
.pro_info_1_mid_right_right_img{ width:40px; height:40px;}
.pro_info_1{ padding:2.5em 0;}
.index_2_1, .index_4_right_mid_1{ font-size:1.25em;}
}
@media screen and (max-width:480px) {

.pro_info_1_mid_right_left_mid div{  width:100px;}
.pro_info_1_mid_right{ height:200px}


.pro_info_1_mid_left_1{ font-size:1.25em;}
.pro_info_1_mid_left_2{ font-size:1.125em;}
.index_3_1_right_mid{ margin:0 1em;}
.index_3_pro a.indexmore, .pro_footer a.indexmore{ height:2em; line-height:2em; width:6em;}
.pro_info_1_mid_right_left_mid{ left:50px; right:50px;}
.pro_info_2_mid_mid_right_mid_1_2{ margin-bottom:1em;}
.pro_info_2_mid_mid_right_mid_1{ padding-left:15px;}
.pro_info_1_mid_right{ height:200px;}
.index_3_1_right_mid_nowli{ margin-left:1em; margin-right:1em;}
.index_3_1_right_mid_3{ height:170px; max-height:170px;}
.index_3_1_right_mid_3 div img{ height:170px;}
.join_3 a.indexmore{ width:100%;}
.join_2{ height:50vh;}
.join_1{ padding-top:2.5em; padding-bottom:2.5em;}
.about_6_1 ul li{ margin-top:1.5em;}
.nybanner_mid_1{ font-size:1.25em;}
.news_info_1_2_mid_4{ padding-bottom:2em;}
.join_1_mid_left_mid_2 ul li{ width:100%; margin-top:1.5em;}
.join_1_mid_nav, .news_info_1_2_mid_4_mid::after, .news_info_1_2_mid_4_mid::before, .pro_info_1_mid_right_left{ font-size:.65em;}
.pro_info_1_mid_right_left_mid div::after{ font-size:.5em; bottom:-4px;}
#index_3 a.indexmore{
    height: 2em;
    line-height: 2em;
    width: 6em;
  }
  
.index_5 a.indexmore{
    height: 2em;
    line-height: 2em;
    width: 6em;
  }  
  
#index_4 a.indexmore{
    height: 2em;
    line-height: 2em;
    width: 6em;
  }  
.index_4_left_play{ font-size:.35em;}

}

@media screen and (max-width:400px) {
.index_3_1_right_mid_3{ height:130px; max-height:130px;}
.index_3_1_right_mid_3 div img{ height:130px;}
}

.brand_1_right,.pro_info_2_mid_mid_right_mid_1_3,.index_3_1_right_mid_3_jj,.about_1_mid_right_mid_2{
  text-align: justify;
  text-justify: inter-ideograph;
   
}
/* 伪元素，占满最后一行宽度 */