/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
.news_info_1_mid_3 img{ display:block; margin:0 auto; margin-top:20px}
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;
}
@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:Cambria Math;
	src: url('../fonts/Cambria Math.ttf'); }
body{
    font:1em/1.3 "Source Han Serif TC", sans-serif;   
	-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: "Source Han Serif TC";
}
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:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#115096;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
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:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.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{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;*/}
@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{/*-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);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{
position:fixed; left:0; top:2.39583333333333vw; width:100%; z-index:999;}
.header_mid_left a{
display:inline-block; position:relative;}
.header_mid_left a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/header/logob.png);}
.header_mid{
position:relative; margin:0 3.9vw; z-index:100;}
.site__navi{ cursor:pointer;
position:absolute; right:0; top:27%; z-index:100;  color:#fff}
.site__navi .text{ right:0;
position:absolute; padding-right:30px}
.site__navi .icon{right:0;top:9px; display:block; cursor:pointer;}
.site__navi .icon,.site__navi .icon:before{position:absolute;width:23px;height:1px;background:#fff}
.site__navi .icon:before{top:-5px}
.site__navi .icon:after,.site__navi .icon:before{content:"";left:0;-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}
.site__navi .icon:after{background:#fff;height:1px;position:absolute;top:5px;width:23px}
.has-menu .site__navi .icon{background:transparent}
.has-menu .site__navi .icon:before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.has-menu .site__navi .icon:after{top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.site__navi:hover .text{color:#fff;-webkit-transition:color .35s;-o-transition:color .35s;transition:color .35s}
.has-menu .site__navi .icon:before{
background-color:#000}
.has-menu .site__navi .icon:after{
background-color:#000}
.has-menu .site__navi:hover .text,.has-menu .site__navi .text{
color:#000}
.header__navigation{opacity:0;background:#fff;height:100%;left:0;padding:0;position:fixed;right:0;top:0;visibility:hidden;z-index:2;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
/*.has-menu .header__navigation{
opacity:1; visibility:visible}*/
.has-menu .header_mid_left a:after{
opacity:1}
.has-menu .header_mid_left a img{
opacity:0;}
.header__navigation_right{
position:absolute; right:0; top:0; width:50%; height:100%; background-color:#f8f8f8;-webkit-backface-visibility:hidden;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
/*.has-menu .header__navigation_right{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}*/
.header__navigation_right_img{ overflow:hidden;transform:translate(-50%,-50%);opacity:0;
position:absolute; left:50%; top:50%; width:62.5%;}
.header__navigation_right_img img{
width:100%;}
.header__navigation_left{
position:absolute; top:0; height:100%; left:3.9vw; width:calc(50% - 7.8vw); }
.header__navigation_left_mid{
position:absolute; left:0; top:50%; z-index:1;transform:translateY(-50%);}
.header__navigation_left_footer{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);  opacity:0;
position:absolute; left:0; bottom:3vw;}
.header__navigation_left_mid ul li .ba{
font-size:1.66666666666667vw}
.header__navigation_left_mid ul li{
margin-top:1.5vw; position:relative;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);  opacity:0;}
/*.has-menu .header__navigation_left_mid ul li{
opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}*/
.header__navigation_left_mid ul li dl{ width:25vw;  
position:absolute; left:16.875vw; top:0;-webkit-transform:translate(50px);-ms-transform:translate(50px);transform:translate(50px);-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;visibility:hidden;z-index:2; opacity:0;}
.header__navigation_left_mid ul li.on dl{
opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);visibility:visible}
 
.header__navigation_left_mid ul li dl dd{
margin-bottom:1em;}

.header__navigation_left_footer_2{
line-height:1.9; font-size:.9375em;}
.header__navigation_left_footer_1{
font-size:1.25vw; letter-spacing:1.5px; margin-bottom:.8vw;}

/**********index****************/ 
.swiper-pagination-index-banner-right{
position:absolute; z-index:10; width:4em; height:4em; border:1px rgba(255,255,255,.33) solid;border-radius:100%; top:50%;transform:translateY(-50%); right:3.9vw; cursor:pointer }
.swiper-pagination-index-banner-right span{
position:absolute; width:1.9375em; height:0.6875em; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img3.png);transform:translate(-50%, -50%);}
.swiper-pagination-index-banner-right:hover span{
left:auto; right:0;transform:translate(0%, -50%);
}
.swiper-pagination-index-banner-right:hover{
width:3.5em; height:3.5em;}

.swiper-pagination-index-banner-left{
position:absolute; z-index:10; width:4em; height:4em; border:1px rgba(255,255,255,.33) solid;border-radius:100%; top:50%;transform:translateY(-50%); left:3.9vw; cursor:pointer }
.swiper-pagination-index-banner-left span{
position:absolute; width:1.9375em; height:0.6875em; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img2.png);transform:translate(-50%, -50%);}
.swiper-pagination-index-banner-left:hover span{
left:0; right:auto;transform:translate(0%, -50%);
}
.swiper-pagination-index-banner-left:hover{
width:3.5em; height:3.5em;}

.indexbanner{
position:fixed; left:0; top:0; width:100%; height:100vh; z-index:1;}
.indexbanner .swiper-container-banner,.indexbanner .swiper-slide{
width:100%; height:100%;}
.bannerbg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.banner_mid{
position:absolute; left:4%; width:92%; text-align:center; z-index:10; top:50%;transform:translateY(-50%); }
#swiper-pagination-index-banner{
bottom:7%; width:29vw; padding:0 3.9vw; text-align:left; height:2.25em;}
#swiper-pagination-index-banner:after{transform:translateY(-50%);
content:''; position:absolute; left:0; width:100%; height:1px; background-color:#fff; opacity:.4; top:50%;}
#swiper-pagination-index-banner .swiper-pagination-bullet{opacity:1; margin:0 .3em;
width:2.25em; height:2.25em; background:none; background-position:center; position:relative;}
#swiper-pagination-index-banner .swiper-pagination-bullet:after{transform:translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:.5em; height:.5em; left:50%; top:50%; background-color:#fff;border-radius:100%; }
#swiper-pagination-index-banner .swiper-pagination-bullet-active:after{
width:1em; height:1em }
#swiper-pagination-index-banner .swiper-pagination-bullet-active:before{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:100%; height:100%; left:50%; top:50%; border:1px #fff solid;border-radius:100%; opacity:.37;transform:translate(-50%, -50%); }
.videoplay{
position:absolute; z-index:100; left:3.9vw; bottom:calc(7% + 4em);}
.videoplay a{ padding-left:2.416666666666667em; line-height:2.083333333333333em;
display:inline-block; position:relative; font-size:1.5em; color:#f7f6f4;}
.videoplay a:after{ top:50%;transform:translateY(-50%);
content:''; position:absolute; left:0; width:2.083333333333333em; height:2.083333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img4.png);}
.banner_num{
position:absolute; right:3.9vw; bottom:7%; z-index:100; color:#c1c5a9;}
.banner_num span{
color:#fff}
.banner_num:after{ color:#fff; width:6em; text-align:right;
content:'Next Theme'; position:absolute; right:0; top:-1.5em;}
.mousedow{ height:3.25em;
position:absolute; left:0; width:100%; bottom:4.74226804123711%;}
.mousedow .mouse{
position:absolute; width:0.6875em; height:100%; left:50%; bottom:0; margin-left:-0.34375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img5.png); z-index:100;animation: mouse 1.5s 0.4s linear infinite;}


@keyframes mouse {
  0% {
    opacity: 1;
    bottom:0
  }
  50% {
    opacity: 0.4;
    bottom:-25%;
  }
  100% {
    opacity: 1;
   bottom:0;
  }
}





#main{
position:relative; z-index:10;}
.indexmid{ overflow:hidden;
top:100vh; background-color:#f7f6f4}
.index_1_1{ letter-spacing:.15em; margin-top:4.79166666666667vw;
text-align:center; font-size:2.08333333333333vw; color:#354a34}
.index_1_1 p:nth-child(2){ padding-right:.8vw;
display:inline-block; position:relative;}
.index_1_1 p:nth-child(2):after{
content:''; position:absolute; right:0; top:-.1vw; width:.83333333333333vw; height:1.14583333333333vw; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img15.png);}
.index_1_2{ line-height:1.8; margin-top:1.5vw; padding-bottom:4.79166666666667vw;
text-align:center}
.index_1_1 p:nth-child(1){
margin-bottom:.5vw;}
.index_2_mid{
margin-left:3.9vw;}
.index_2_mid ul li{ margin-top:5.57291666666667vw; z-index:10;
background-color:#fff; position:relative; overflow:hidden; clear:both; float:left; width:100%;  }
.index_2_mid ul li:nth-child(1){
margin-top:0}
.index_2_mid_left{ overflow:hidden; position:absolute; left:0; top:0; height:100%;
width:66.61228928765633%;}
.index_2_mid_left img{
width:100%;}
.object-fit-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/*object-position: bottom;
	font-family: 'object-fit: cover; object-position: bottom;';*/
    max-width: inherit !important;
}
.index_2_mid_right{ background-position:center bottom; background-repeat:no-repeat; background-size:cover;
margin-left:66.61228928765633%; position:relative; min-height:33.85416666666667vw; width:33.38771071234367%;writing-mode: vertical-lr;  letter-spacing:2px;}
.index_2_mid ul li:nth-child(1) .index_2_mid_right{
background-image:url(../about_css/index/img18.jpg);}
.index_2_mid ul li:nth-child(2) .index_2_mid_right{
background-image:url(../about_css/index/img19.jpg);}
.index_2_mid ul li:nth-child(2n) .index_2_mid_left{
left:auto; right:0;}
.index_2_mid ul li:nth-child(2n) .index_2_mid_right{
margin-left:0;}
.index_2_mid_right_mid{
position:absolute; left:50%; text-align:left; top:5.05208333333333vw;transform:translate(-50%, 0%); }
.index_2_mid_right_mid_1{ position:relative; text-align:left;
color:#494442; font-size:2.08333333333333vw; padding-right:1.8vw;}
.index_2_mid_right_mid_1 p{
position:absolute; right:0; top:2.5vw;}
.index_2_mid_right_mid_2 dl dd{
color:#232323;  padding:0em 0.35em; border-right:1px #f1eeec solid }
.index_2_mid_right_mid_2{
margin-left:2vw;}
.index_2{
position:relative; padding-bottom:6.92708333333333vw; padding-top:6.92708333333333vw}
.index_2_bg{ background-color:#f0ede9;  
  position:absolute; right:0; top:0; height:100%; width:60.20833333333333%;}
.index_2::before {
	content: '';
	position: absolute;
	top: -3.25520833333333vw;
	left: 50%;
	z-index: 2;
	background: #c4ad9e;
	height: 0;
	width: 1px;
	transform: translateX(-50%);
	transition: all 1s ease;
}
.index_2.animated::before {
	height: 6.51041666666667vw;
}
.index_2_footer{position: absolute;
	bottom: 3.25520833333333vw;
	left: 50%;
	z-index: 2;
	background: #c4ad9e;
	height: 0;
	width: 1px;
	transform: translateX(-50%);
	transition: all 1s ease;}
.index_2_footer.animated{
height: 6.51041666666667vw; bottom:-3.25520833333333vw;
}
.index_3_1{
text-align:center; margin-top:.875em;}
.index_3_1 a{
color:#ae8971; font-size:.875em;}
.index_3_2:after{ width:60.15625%; content:''; top:0;
position:absolute; right:0; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img20.jpg);}
.index_3_2{ margin-top:4.94791666666667vw; padding-bottom:3.48958333333333vw;
position:relative; padding-top:5vw; overflow:hidden}
.index_3_2_mid_left{
float:left; width:54.36507936507937%;}
.index_3_2_mid_right{
float:right; width:45.63492063492063%}
.index_3_2_mid_right ul{
padding:0 8%;}
.index_3_2_mid_right ul li{
float:left; width:46.22093023255814%;}
.index_3_2_mid_right ul li:nth-child(2){
float:right;}
.index_3_2_mid_right_2{writing-mode: vertical-lr;  letter-spacing:1px; margin-top:2em;}
.index_3_2_mid_right_2 dl dd{padding:0em 0.35em; border-right:1px #f1eeec solid}
#swiper-pagination-index-banner2{
text-align:left;}
.banner_num2{ z-index:888; cursor:pointer;
position:absolute; right:0; bottom:0;}
#swiper-pagination-index-banner2{
bottom:0;}
#swiper-pagination-index-banner2 .swiper-pagination-bullet{ margin:0 6px;
width:1.1875em; height:1.1875em; position:relative; background:none; opacity:1;}
#swiper-pagination-index-banner2 .swiper-pagination-bullet:before{
content:''; position:absolute; left:50%; top:50%; width:4px; height:4px; background-color:#b58d72;border-radius:100%;transform:translate(-50%, -50%); }
#swiper-pagination-index-banner2 .swiper-pagination-bullet:after{content:''; position:absolute; left:50%; top:50%; width:4px; height:4px;  border-radius:100%;transform:translate(-50%, -50%); opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#swiper-pagination-index-banner2 .swiper-pagination-bullet-active:after{
border:1px #b58d72 solid; width:100%; height:100%;  opacity:1}
.banner_num2_1{
text-align:right}
.banner_num2_3{
font-size:.875em; margin-bottom:.4em; margin-top:1em;} 
.banner_num2_2{ cursor:pointer;
font-size:.75em; text-align:right;}
.banner_num2_2 span{
color:#ae8971}
.index_4{ padding-top:11.45833333333333vw;
position:relative; overflow:hidden; padding-bottom:8.33333333333333vw;}
.index_4_bg{
position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.index_4 .header_mid{
position:relative; z-index:10;}
.index_4 .header_mid .index_1_1 p:nth-child(2){
color:#fff}
.index_4 .index_1_1{
margin-top:0}
.index_4_1{ margin-top:2.60416666666667vw;
text-align:center}
.index_4_1 a{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/index/img21.png);
display:inline-block; width:3.90625vw; height:3.90625vw;}
.index_5{ position:relative;
height:8.17708333333333vw;}
.index_5_bg{
position:absolute; right:0; top:0; height:100%; background-color:#f0ede9;   width:60.20833333333333%}
.index_5::before {
	content: '';
	position: absolute;
	bottom:3.25520833333333vw;
	left: 50%;
	z-index: 2;
	background: #c4ad9e;
	height: 0;
	width: 1px;
	transform: translateX(-50%);
	transition: all 1s ease;
}
.index_5.animated::before {
	height: 6.51041666666667vw;bottom: -3.25520833333333vw;
}
.index_6_1{ overflow:hidden; margin-top:5.98958333333333vw; 
position:relative; margin-bottom:6.25vw; position:relative; padding:0 13.54166666666667vw;padding-bottom:6.25vw;}
.index_6_1 ul li{ position:relative; z-index:10;
float:left; width:45.28%; margin-top:3.64583333333333vw;}
.index_6_1 ul li:nth-child(1){
margin-top:0}
.index_6_1 ul li:nth-child(2n){
float:right}
.index_6_1:after{ background-color:#f1eeeb;
content:''; position:absolute; width:100%; left:0; bottom:0; height:91.03504482477588%;}
.index_6_1_2{
color:#a48e7f; margin-top:1em; margin-bottom:.5em;}
.index_6_1_2 span{
display:inline-block; padding:0 .4em; background-position:left center; background-repeat:no-repeat; background-image:url(../about_css/index/img24.jpg);}
.index_6_1_2 span:nth-child(1){
padding-left:0; background-image:none}
.index_6_1_3{
font-size:1.5em; color:#2a2422}
.index_6_1_4{
font-size:.875em; color:#444; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1.6em;}
.index_6_1_1{
overflow:hidden;}
.index_6_1_1 img{
width:100%; max-height:400px}
/*******footer****************/
.footerbottom{ width:100%; height:90px; line-height:90px; color:rgb(255,255,255,.7); background:#282828; text-align:center}
.footerbottom span,.footerbottom a{  color:rgb(255,255,255,.7)!IMPORTANT}
.tupian2 {
    width: 100%;
    margin: 0 auto;
}.tupian2 ul li{ float:left; height:80px; width:100%; overflow:hidden; line-height:30px;border-bottom:1px rgb(0,0,0,.2) dashed; margin-top:0}.eenma2{ text-align:center;}
.chanpinlbbc2 a { width:100%; display:flex;flex-wrap: nowrap; justify-content:  space-around; text-align:left }
.chanpinlbbc2 a .dd1_2{ font-size:18px; text-align:left; line-height:80px; height:80px; width:60%; background:url(../images/pdf.png) no-repeat left center; background-size:4%; padding-left:4% }
.chanpinlbbc2 a .dd2_2{ font-size:18px; text-align:left; line-height:80px; height:80px; width:20%;background:url(../images/wen.png) no-repeat left center; background-size:8%; padding-left:2.6% }
.chanpinlbbc2 a .dd3_2{ font-size:18px; text-align:left; line-height:80px; height:80px; width:8% ;background:url(../images/you.png) no-repeat left center; background-size:11%; padding-left:2.6% }
.chanpinlbbc2 a:hover{ color:#97532a}
.cell_h {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}.pro_list_1_mid_right_1 ul li {
    margin:0 0.5%;
    margin-bottom: 1.875em;
    -webkit-transition: -webkit-box-shadow .45s ease-out;
    transition: -webkit-box-shadow .45s ease-out;
    transition: box-shadow .45s ease-out;
    transition: box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
    float: left;
    background-color: #eee;
    width: 24%; margin-bottom:2.5%
}.pro_list_1_mid_right_1_1 {
    text-align: center;
    height: 285px;
}.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}.pro_list_1_mid_right_1_1 img {
    max-width: 88%;
}.pro_list_1_mid_right_1_2 {
    margin: 0 1em;
    text-align: center;
}.pro_list_1_mid_right_1_2_1 {
    font-size: 20px!important; height:70px!important; 
    color: #000; line-height:80px 
}.pro_list_1_mid_right_1_2_2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    margin-top: 6px;
    margin-bottom: 16px; font-size:16px; line-height:30px
}.pro_list_1_mid_right_1_2_3 {
    margin-bottom: 3.5625em;
}.pro_list_1_mid_right_1_2_3 span {
    color: #666;
    display: inline-block;
    font-size: 15px;
    border: 1px #d5dce0 solid;
    width: 130px;
    line-height: 30px;
    border-radius:3em;
}

.pro_list_1_mid_right_1_2_3:hover  span {
    color: #fff;
   
    background:#0346bb
}


.pro_list_1_mid_right_1_2_3 span i {
    font-style: inherit;
   
    display: inline-block;

}
.pro_list_1_mid_right_1 ul li:hover {
  
}


#footer{padding-bottom:4.0625vw;
background-color:#323232; position:relative; padding-top:5.9375vw;}
.footer_left{ left:0; top:0; height:100%;  
position:absolute; width:22.23958333333333%; text-align:center; margin-left:10%}
.footer_left_mid{
position:absolute; left:40%; top:40%;transform:translate(-40%, -40%); color:#fff}
.footer_left_mid img{
max-width:85%; display:block; margin:0 auto; margin-bottom:8%;}
.footer_right{ margin-left:32.23958333333333%;
padding-right:3vw;}
.footer_right_left{
float:left; width:57.55649717514124%;} 
.footer_right_right{
float:right; width:42.44350282485876%;}
.footer_right_left ul{
margin-left:3vw;}
.footer_right_left ul li{
float:left; width:16%;}

.footer_right_left ul li:nth-child(3){
}
.footer_right_left ul li p{
font-size:1.1em; color:#fff}
.footer_right_right_mid{ border-left:1px #9f8f84 solid;
padding-left:3vw;}
.footer_right_right_mid_1{
color:#fff; font-size:1.5em;}
.footer_right_left ul li dl{ margin-top:2em;
font-size:.875em; color:#f0ede9; line-height:1.6;}
.footer_right_left ul li dl dd a{color:#f0ede9;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display:inline-block; position:relative;}
.footer_right_left ul li dl dd a:hover{
color:#fff}
.footer_right_left ul li dl dd a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#fff;}
.footer_right_left ul li dl dd a:hover:after{
width:100%;}
.footer_right_left ul li dl dd{
margin-bottom:.8em;}
.footer_right_right_mid_2{
font-size:.875em; color:#f0ede9; margin-top:2em;}
.footer_right_right_mid_2 dl dd{
margin-bottom:.8em; line-height:1.6;}
.footer_right_right_mid_3{
font-size:.875em; color:#f0ede9; padding-top:1em;}
.footer_right_left_mid{
padding-right:1em;}
/********about***********/
.nybanner{
position:relative; height:90vh;}
.nybanner_bg{background-attachment: fixed;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_mid{ text-align:center; color:#fff; top:50%;
position:absolute; z-index:10; padding:0 3.9vw; width:92.2%;transform:translate(0%, -50%);}
.nybanner_mid_1{
font-size:1.5625vw;}
.nybanner_mid_2{  margin-top:.8vw; margin-bottom:.9vw;
font-size:2.75vw; font-weight:bold; letter-spacing:.25em;}
.nybanner_mid_3{
color:#f7f6f4}
.nybanner_mid_3 span{/* border-left:1px #9eaaaf solid;*/ position:relative;
display:inline-block; padding:0 .5em; font-size:1.275vw; letter-spacing:9px}
.nybanner_mid_3 span:after{
content:''; position:absolute; left:0; top:12%; height:76%; width:0px; background-color:#9eaaaf}
.about_1{ padding-top:7.44791666666667vw; padding-bottom:7.60416666666667vw;
background-color:#f3f3f3; overflow:hidden}
.about_mid{
margin:0 10.625%;}
.nybody #main{
overflow:hidden}
.about_1_mid{
position:relative; padding-left:13.4375vw;}
.about_1_mid_right{ position:relative;
background-color:#f0edea;}
.about_1_mid_left{writing-mode: tb-rl; letter-spacing:2px;
position:absolute; left:0; top:0;}
.about_1_mid_right_left{
overflow:hidden; width:74.32432432432432%;}
.about_1_mid_right_left img{
width:100%;}
.about_1_mid_right_right{ text-align:center;  
position:absolute; right:0; top:0; height:100%; width:25.67567567567568%;}
.about_1_mid_right_right_imd{ left:0;
position:absolute; width:100%; text-align:center; top:50%;transform:translate(0%, -50%);}
.about_1_mid_right_right_imd img{
max-width:37.26708074534161%;}
.index_2_mid_right_mid_1_en{  white-space:nowrap; 
position:absolute; right:0; top:0; font-size:14px; font-family:Cambria Math; color:#b6a78e; font-size:.72916666666667vw;}
.index_2_mid_right_mid_1_v{
padding-right:1vw;}
.about_1_mid_right_1{
position:relative}
.about_1_mid_right_2_1{ font-weight:normal; letter-spacing:.2vw; position:relative;
color:#333; font-size:2.08333333333333vw; padding-bottom:1.5vw; margin-top:2.60416666666667vw;}
.about_1_mid_right_2_1 span{ font-size:1.3vw; font-weight:normal}
.index_2_mid_right_mid_3_en {white-space: nowrap;
 
    font-size: 14px;
    font-family: Cambria Math;
    color: #b6a78e;
    font-size: .72916666666667vw; margin-top:3%
}

.about_1_mid_right_2_1:after{ background-color:#c4ad9e;
content:''; position:absolute; left:0; bottom:0; height:2px; width:4.01041666666667vw;}
.about_1_mid_right_2_2{
line-height:2; color:#3f3a3a; margin-top:1.8vw;}
.about_2{
background-color:#f3f3f3; position:relative; padding:6.97916666666667vw 0;}
.about_2_mid{ z-index:10;
position:relative; }
.about_2_mid .about_1_mid_right_2_1{
margin-top:0}
.about_2_mid_left{ width:36.27968337730871%;
 background-color:#fff;}
.about_2_mid_right{ width:63.72031662269129%;
overflow:hidden;position:absolute; right:0; top:0; height:100%;}
.about_2_mid_right img{
width:100%; display:none}
.about_2:after{ background-image:url(../about_css/img5.jpg); background-position:center; background-size:cover;
content:''; position:absolute; left:0; top:0; height:100%; width:58.4375%;}


.about_2_mid_left_mid{
margin:5.20833333333333vw 3vw;}
.about_2_mid_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_3{ padding-top:13.02083333333333vw; padding-bottom:14.0625vw; position:relative;
background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../about_css/img7.jpg);}
.about_3_mid{ color:#fff; position:relative; z-index:10;
margin:0 17.60416666666667%;}
.about_3 .about_1_mid_right_2_1{
color:#fff; text-align:center; margin-top:0}
.about_3 .about_1_mid_right_2_1:after{
display:none}
.about_3_mid_2{
text-align:center;}
.about_3_mid_3{
text-align:center; line-height:2; margin-top:2.08333333333333vw;}
.about_3:after{ position:absolute; left:50%; top:50%; content:''; background-color:#8c6f37; opacity:.64;
width:15.10416666666667vw; height:71.63355408388521%;transform:translate(-50%, -50%);}
.about_4_1{
margin-top:3.75vw;}
#honorpage{ margin-top:2.5vw;
text-align:center;}
.honorpage_mid{
display:inline-block; position:relative; height:20px; padding:0 125px;}
.honorpage_mid_left{transform:translateY(-50%); cursor:pointer;
position:absolute; left:0; top:50%; width:110px; height:9px; background-position:left center; background-repeat:no-repeat; background-image:url(../about_css/img9.png);}
#swiper-pagination-index-honor{
position:static;  }
.honorpage_mid_right{transform:translateY(-50%); cursor:pointer;
position:absolute; right:0; top:50%; width:110px; height:9px; background-position:right center; background-repeat:no-repeat; background-image:url(../about_css/img10.png);}
#swiper-pagination-index-honor .swiper-pagination-bullet{ margin:0 .3em;
width:20px; height:20px; background:none; opacity:1; position:relative;}
#swiper-pagination-index-honor .swiper-pagination-bullet:before{transform:translate(-50%, -50%);
content:''; position:absolute; width:8px; height:8px; background-color:#a4a19c;border-radius:100%;  left:50%; top:50%;}

#swiper-pagination-index-honor .swiper-pagination-bullet:after{transform:translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:0px; height:0px; opacity:0;  border-radius:100%;  left:50%; top:50%; border:1px #b7a27b solid;}
#swiper-pagination-index-honor .swiper-pagination-bullet-active:after{
width:100%; height:100%;opacity:1;}
/*****baitai**************/
.bt_mid{ padding-top:6.5625vw;
background-color:#f3f3f3;}
.bt_mid ul{ float:left; width:100%; clear:both; padding-top:6.25vw;
position:relative; padding-bottom:10.67708333333333vw;}
.bt_mid ul li{ z-index:10; padding:5.36458333333333vw 0; margin-top:7.60416666666667vw;
width:100%; clear:both; float:left; position:relative; overflow:hidden;}
.bt_mid ul li:nth-child(1){
margin-top:0}
.bt_mid ul:after{transition: all 1s ease;
content:''; position:absolute; left:100%; top:0; height:100%; background-color:#f0eeea; width:59.32291666666667%;  }

.bt_mid ul:before{transition: all 1s ease;transform:translateX(-50); z-index:100;opacity:0;
content:''; position:absolute; left:50%; top:-6vw; height:6.51041666666667vw;; background-color:#c4ad9e; width:2px;  }
.bt_mid ul.animated:before{top:-2.55208333333333vw;opacity:1}

 
.bt_mid ul.animated:after {
	left: 40.67708333333333%;
}


.bt_mid_left{
position:absolute; left:0; top:0; height:100%; overflow:hidden; width:69.47916666666667%;}
.bt_mid_right{ z-index:10; background-color:#fff; margin-right:10.41666666666667%;
position:relative; margin-left:43.48958333333333%; text-align:center; padding:6.25vw 0;}
.bt_mid_right_mid{ color:#232323;
margin:0 1em;/*writing-mode: tb-rl;*/ text-align:center; display:inline-block;writing-mode: vertical-lr;}
.index_2_mid_right_mid_1_cn{
font-size:16px; color:#aa8065;}
.index_2_mid_right_mid_1_cn img{
margin-top:1em;}
.bt_mid_right_mid_2 dl dd{white-space: nowrap;
padding:0 .5em 0 .6em; border-right:1px #f1eeec solid;}
.bt_mid_right_mid_2{
margin-left:1.5em;}
.bt_mid ul li:nth-child(2n) .bt_mid_left{
left:auto; right:0}
.bt_mid ul li:nth-child(2n) .bt_mid_right{
margin-left:10.41666666666667%; margin-right:43.48958333333333%}
.bt_mid_left .swiper-container,.bt_mid_left .swiper-slide{
width:100%; height:100%;}
.bt_mid_left .swiper-pagination{
text-align:right; width:auto; right:4vw; bottom:4%;}
.bt_mid_left .swiper-pagination .swiper-pagination-bullet{ margin:0 3px;
width:20px; background:none; opacity:1; height:20px; position:relative;}
.bt_mid_left .swiper-pagination .swiper-pagination-bullet:before{ width:8px; height:8px;border-radius:100%; background-color:#fff;
content:''; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.bt_mid_left .swiper-pagination .swiper-pagination-bullet:after{transform:translate(-50%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; width:0px; height:0px; opacity:0;  border-radius:100%;  left:50%; top:50%; border:1px #fff solid;}
.bt_mid_left .swiper-pagination .swiper-pagination-bullet-active:after{
width:100%; height:100%;opacity:1;}
.bt_mid_left .swiper-pagination .swiper-pagination-bullet-active:before{
background-color:#fff}
/*********news***************/
.news_1{ padding-top:4.16666666666667vw;
background-color:#f8f8f8; overflow:hidden; }
.news_1_mid{
position:relative;/*writing-mode: tb-rl;*/ writing-mode:vertical-lr }
.news_1_mid_right ul li{
border-right:1px #b6aea9 solid; padding:0 .8em;} 
.news_1_mid_right ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#354a34; font-size:1.25vw;}
.news_1_mid_right{
margin-left:2.1vw; text-align:center; display:inline-block; position:relative; top:50%;transform:translateY(-50%);}
.news_1_mid_right ul li a:hover,.news_1_mid_right ul li a.on{
color:#885c41;}	
.news_2 .index_6_1{
margin-top:0;padding-top:4.89583333333333vw;}
.news_2 .index_6_1:after{ left:100%; right:auto;
top:0; height:100%; width:62.96875%;transition: all 1s ease;
}
.news_2.animated .index_6_1:after{
left:37.03125%;}
.compage{
margin:6.14583333333333vw 0; text-align:center;}
.compage ul li{ margin:0 .5em;
display:inline-block; font-size:1.125em;}
.compage ul li a{
color:#585858;}
.compage ul li.active span{
color:#bc9e88;}
.news_info_banner{
height:34.89583333333333vw;}
.news_info_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.news_info_footer_mid{ padding:1.25vw 1.5625vw 1vw 1.5625vw;
background-color:#fff; overflow:hidden;}
.news_info_footer_left{
float:left; font-size:1.125em; color:#666}
.news_info_footer_right{
float:right; font-size:1.125em; color:#666;}
.news_info_footer a{
color:#666;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a:hover,.news_info_footer a:hover,.news_info_footer_left span{
color:#b08255}
.news_info_1{ padding-bottom:7.70833333333333vw;
background-color:#f5f5f5; overflow:hidden;}
.news_info_1_mid{ overflow:hidden;
background-color:#fff; padding:0 7.29166666666667vw; padding-bottom:6.25vw;}
.news_info_1_mid_1{ margin-top:8.33333333333333vw;
text-align:center; color:#354a34; font-size:1.875vw;}
.news_info_1_mid_2{ margin-top:.8vw;
color:#a48e7f; text-align:center;}
.news_info_1_mid_3{
line-height:2; color:#444; border-top:1px #9f9d97 dashed; padding-top:3.33333333333333vw; margin-top:3.33333333333333vw; padding-bottom:3.33333333333333vw; font-size:1.2em}
.news_info_1_mid_4 ul li{
float:left; width:50%;}
.news_info_1_mid_4 ul{
border:1px #b6b6b6 solid; overflow:hidden}
.news_info_1_mid_4 ul li a{
display:block; padding:1em;}
.news_info_1_mid_4 ul li:nth-child(2) a{
text-align:right}
.news_info_1_mid_4 ul li a span{
padding-right:1em;}

.news_info_1_mid_4 ul li a:hover{
color:#fff; background-color:#baa28b}
/********joinus***********/
.job_1{ background-color:#f5f5f5;
padding-top:8.33333333333333vw;}
.job_1_mid_left{
writing-mode: vertical-lr;  }
.job_1_mid_left{  
position:absolute; left:0; top:0}
.job_1_mid{ position:relative;
padding-left:13.54166666666667vw;}
.job_1_mid_left_2 dl dd{
color:#5c5c5c; padding:0 .4em; border-right:1px #e0e0e0 solid; font-size:1.125em;}
.job_1_mid_left_2{
margin-left:1.6vw;}
.job_1_mid_right{
overflow:hidden;}
.job_1_mid_right img{
width:100%;}
.job_1_mid_right_2 ul li{padding:1em 0;
float:left; width:30.3333%; border-right: 1px #bab9b9 solid; padding-right:2%; padding-left:2%}
.job_1_mid_right_2 ul li p{ line-height:36px; margin-top:14px; font-size:1.2em}

.ann{text-align: center;
    position: relative;
    border: 1px #fff solid;
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    display: block;
    max-width: 180px;
    line-height: 3.0625em;
    color: #fff;
    background-color: #ae8971; padding:0 4%}

.job_1_mid_right_2 ul li:nth-child(1){
 padding-left:0}
.job_1_mid_right_2 ul li:nth-child(3n){
float:right; border:0; padding-right:0}
.job_1_mid_right_2_mid{
position:relative; overflow:hidden; padding-right:2vw;  }
.job_1_mid_right_2_mid_right{
position:absolute; right:0; top:50%;transform:translateY(-50%); color:#323232; font-size:1.875vw;}
.job_1_mid_right_2_mid_left{
float:left; font-size:1.5em;   color:#323232 ; background:url(../images/ding.png) no-repeat left center; padding-left:44px}
.job_1_mid_right_2_mid_mid{ background-position:left center; background-repeat:no-repeat; background-image:url(../about_css/join/img4.jpg); margin-left:1em; padding-left:1em;
float:left; color:#5c5c5c; margin-top:.4em;}
.job_1_mid_right_2_mid_mid dl dd{
display:inline-block; margin-right:1em;}
.job_1_mid_right_2{
margin-top:2vw; margin-bottom:7.4vw;}
.job_2{background-color:#f5f5f5; overflow:hidden;
position:relative; padding:7.96875vw 0;}
.job_2:after{transition: all 1s ease;
content:''; position:absolute; left:100%; top:0; height:100%; background-color:#f1eeea; width:60.3125%;}
.job_2.animated:after{
left:39.58333333333333%;}
.job_2_mid{ overflow:hidden; z-index:10;
position:relative; padding:7.29166666666667vw 0;}
.job_2_mid_right{ overflow:hidden; background-color:#fff; margin-right:10.15625%;
position:relative; z-index:10; margin-left:47.86458333333333%;}
.job_2_mid_left{
position:absolute; left:0; top:0; height:100%; overflow:hidden; width:71.04166666666667%;}
.index_2_mid_right_mid_1_v-s{
position:static; padding-right:0; font-weight:normal}
.index_2_mid_right_mid_1_v-s .index_2_mid_right_mid_1_en{
position:static; font-size:14px; color:#ae8971; margin-top:.7em; font-weight:normal}
.index_2_mid_right_mid_1_v-s img{
padding-left:.5em;}
.job_2_mid_right_mid{
margin:3.125vw 2.91666666666667vw;}
.job_2_mid_right_mid_2{
font-size:1.25vw; line-height:1.6; margin-top:1.3vw; margin-bottom:1.9vw;}
.job_2_mid_right_mid_3 ul li{ margin-right:1.29573170731707%;
float:left; width:32.46951219512195%; margin-bottom:1em;}
.job_2_mid_right_mid_3 ul li:nth-child(3n){
margin-right:0}
.jobs_3_2_mid{
border:1px #c6c6c6 solid; padding:.5em 1em;}
.jobs_3_2_mid select{
border:none; background:none; width:100%;}
.jobs_3_2_mid input{
border:none; background:none; width:100%;}
.jobs_3_2_mid_s{
padding-left:.8em;}
.jobs_3_2_mid textarea{
border:none; height:7em; width:100%;}
.job_2_mid_right_mid_3 ul li:last-child{
width:100%;}
.job_2_mid_right_mid_4 a{ text-align:center; position:relative; border:1px #fff solid;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; max-width:180px; line-height:3.0625em; color:#fff; background-color:#ae8971;}
.job_2_mid_right_mid_4 a span{
font-size:1.125em; position:relative; z-index:10;}
.job_2_mid_right_mid_4{
margin-top:1.25em;}
.job_2_mid_right_mid_4 a:after{ opacity:0;
content:''; position:absolute; left:0; top:0; height:100%; width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.job_2_mid_right_mid_4 a:hover{
color:#ae8971; border-color:#ae8971; background-color:#fff;}
.job_4{ background-color:#f5f5f5;
overflow:hidden; padding:6.25vw 0;}
.job_4_mid{
position:relative; padding-left:19.53125vw;}
.job_4_mid_left{
position:absolute; left:0; top:0;writing-mode: vertical-lr;  }
.job_4_mid_left .job_1_mid_left_2 dl dd{
font-size:1.25em;}
.job_4_mid_right{

overflow:hidden;}
.job_4_mid_right img{
width:100%;}
/**********product****************/
.pro_mid{
margin:0 13.54166666666667%;}
.pro_1_list_left_1{  
position:relative}
.pro_1_list_left_1 a{
display:block; overflow:hidden}
.pro_1_list_left_1 a{
display:block; overflow:hidden}
.pro_1_list_left_1 img{
width:100%;}
.pro_1_list ul li{ margin-top:10.9375vw;
width:100%; clear:both; }
.pro_1_list ul li:nth-child(1){
margin-top:4.53125vw;}
.pro_1_list_left{ position:relative;
float:left; width:59.14285714285714%;}
.pro_1_list_right{
float:right; width:34.5%;}
.pro_1_list_left_2:after{ background-color:#000; bottom:0vw; z-index:10;
content:''; width:1px; position:absolute; left:3.125vw; height:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;}
.pro_1_list_left_2.animated:after{
height:16vw;}
.pro_1_list_left_2{ margin-top:2.34375vw;
padding-left:5.20833333333333vw; position:relative;}
.pro_1_list_left_2_1{
font-size:1.125em;}
.pro_1_list_left_2_2{
font-size:1.5625vw; margin-top:.5vw; margin-bottom:.7vw;}
.pro_1_list_left_2_3{
font-size:1.125em; line-height:1.8;}
.pro_1_list_right .pro_1_list_left_2:after{
bottom:auto; top:0vw;}
.pro_1_list_right .pro_1_list_left_2{
margin-top:0; margin-bottom:2.34375vw;}
.pro_1_list_mid{
margin-left:4.28571428571429%;}
.pro_1_list_right_mid{
width:auto; float:left; margin-top:6.97916666666667vw;}
.pro_1_list_right_mid .pro_1_list_left_2{
padding-left:4.27083333333333vw; padding-top:2.08333333333333vw;}
.pro_1_list_right_mid .pro_1_list_left_2:after{
height:1px; width:0%; left:-7.44791666666667vw; right:auto}
.pro_1_list_right_mid .pro_1_list_left_2.animated:after{ width:100%;}
.pro_1_list ul li:nth-child(3) .pro_1_list_left{
float:right;}
.pro_1_list ul li:nth-child(3) .pro_1_list_right{
float:left;}
.pro_1_list ul li:nth-child(4) .pro_1_list_mid{
float:right; margin-left:0; margin-right:4.28571428571429%}
.pro_1_list ul li:nth-child(4) .pro_1_list_right_mid .pro_1_list_left_2:after{
left:0; width:0vw;}
.pro_1_list ul li:nth-child(4) .pro_1_list_right_mid .pro_1_list_left_2.animated:after{
 width:27vw;}
.pro_1_list ul li:nth-child(4) .pro_1_list_right_mid .pro_1_list_left_2{ margin-left:2.60416666666667vw;
padding-left:0; padding-right:4.27083333333333vw}
.pro_info_banner{
position:absolute; left:20%; top:9.63541666666667vw; z-index:10; writing-mode: vertical-lr;}
.pro_info_banner_3 span{ padding-top:1.7vw;
display:inline-block; position:relative; font-size:1.25vw; color:#654633;
}
.pro_info_banner_3 span:after{ background-position:center; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; left:0; top:0; width:1.30208333333333vw; height:1.30208333333333vw; background-image:url(../about_css/product/img3.png);}
.pro_info_banner_2{ font-size:1.875vw; margin-left:.9vw; margin-right:1.5vw;
color:#354a34;}
.pro_info_banner_1 dl dd{ padding:0em .5em; border-right:1px #afafaf solid;
color:#354a34; font-size:1.125em;}
.pro_info_banner_1{
display:inline-block;}
.pro_info_1{
margin:0; margin-top:5.625vw; margin-bottom:1.5vw;}
.pro_info_2{ padding-right:180px;
line-height:1.8; position:relative;}
.pro_info_2_right{
position:absolute; right:0; bottom:0; width:170px; line-height:43px; text-align:center; color:#fff;}
.pro_info_2_right a{ background-color:#c0a993;
display:block; color:#fff; text-align:center;border-radius:3px; overflow:hidden;}
.pro_info_2_right a span{ padding-left:30px; 
display:inline-block; position:relative; background-position:left center; background-repeat:no-repeat; background-image:url(../about_css/product/img4.png);}
.pro_info_3{  
line-height:2; margin-top:2.76041666666667vw;}
.job_1_mid_right_1{
overflow:hidden}
.index_3_2_mid_left a,.index_3_2_mid_right_1 a{
display:block; overflow:hidden}
.index_3_2_mid_left a img,.index_3_2_mid_right_1 a{
width:100%;}
.index_2 .swiper-pagination-index-banner-left{
left:2.71739130434783%;}
.index_2 .swiper-pagination-index-banner-right{
left:60%; right:auto}
.index_2 .swiper-pagination-index-banner-left.swiper-button-disabled,.index_2 .swiper-pagination-index-banner-right.swiper-button-disabled{
opacity:0;}

.index_2 .index_2_mid ul li:nth-child(2n) .swiper-pagination-index-banner-left{
left:auto; right:60%;}
.index_2 .index_2_mid ul li:nth-child(2n) .swiper-pagination-index-banner-right{
right:2.71739130434783%; left:auto}
#header.cur{ padding:.875em 0;
top:0; background-color:#fff;}
#header.cur .header_mid_left a:after{
opacity:1}
#header.cur .header_mid_left a img{
opacity:0;}
#header.cur .site__navi,#header.cur .site__navi:hover .text{
color:#000;}
#header.cur .site__navi .icon{
background-color:#000} 
#header.cur .site__navi .icon:before{
background-color:#000}
#header.cur .site__navi .icon:after{
background-color:#000} 


#header.has-menu .site__navi .icon{background:transparent}
#header.headroom--unpinned{
top:-100%;}
.ovh{
overflow:hidden;}

.jobmask{pointer-events:none;opacity:0;transition:.4s cubic-bezier(.14,1,.34,1) 0s;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background-color:rgba(0,0,0,.43);}
.jobmask .about_mid{background-color:rgba(174,137,113,.83); color:#fff; height:64vh; position:relative; top:24vh; overflow:hidden;transition:1s cubic-bezier(.14,1,.34,1) 0s; }
.jobmask.on{pointer-events:auto;opacity:1;}
.jobmask.on .about_mid{
top:18vh;}
.jobmask_mid{ 
position:relative; margin:0vw 4vw; height:80%; top:10%; overflow:hidden; overflow-y:auto;  }
.jobmask_mid_1{
font-size:1.875vw;}
.jobinfo_3_1{
font-size:1.125em;}
.jobinfo_3_2{
line-height:2; margin-top:.875em;}
.jobmask .jobinfo_2:after {
background-color:#fff}
.jobmask .jobinfo_3{
overflow:visible; display:block}
.jobmask_mid_close{ z-index:10;
position:absolute; right:1.40625vw; top:1.40625vw;;}
.jobmask_mid_close a{
display:block; width:2.08333333333333vw; height:2.08333333333333vw; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../about_css/img3.png);}
.jobmask_mid_close a{
-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.jobmask_mid_close a:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.jobinfo_1{ color:#fff;
font-size:1.25em;}
.jobinfo_2 dl dd{ color:#fff;
display:inline-block; margin-right:.875em;}
.jobinfo_2{
margin-top:1em; padding-bottom:2em;}
.jobinfo_3_2{
color:#fff; line-height:2; margin-top:1.5em;}


@media screen and (max-width:1600px) {
	.jobmask .about_mid{
	height:86vh; top:14vh;}
	.jobmask.on .about_mid{
top:7vh;}
}

	
@media screen and (max-width:1500px) {
.footer_right_left{
 width:65%;} 
.footer_right_right{
  width:35%;}
}
@media screen and (max-width:1440px) {
.bt_mid ul li:nth-child(2n) .bt_mid_right{
margin-left:5%;}
.bt_mid_right{
margin-right:5%;}
.pro_info_banner{
left:10%;}
.job_4_mid{
padding-left:350px;}
.job_1_mid_right_2_mid_left{
font-size:1.25em;}
.job_1_mid_right_2_mid_mid{
margin-top:.2em;}
.job_1_mid_left_2{
margin-left:1.25em;}
.job_1_mid{
padding-left:240px;}
.pro_mid{
margin:0 10.625%;}
.about_3_mid{
margin:0 10.625%;}
.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
font-size:.75em;}
.videoplay a{
font-size:1em;}
#swiper-pagination-index-banner2{
bottom:3vw;}
}
@media screen and (max-width:1210px) {
.footer_left{
display:none}
.footer_right{
margin-left:0}
}
@media screen and (max-width:1200px) {
	.job_2_mid_right_mid_2{
	font-size:1em;}
	.news_info_1_mid_2{
	font-size:.875em;}
	.news_info_1_mid_1{
	font-size:1.375em;}
	.bt_mid_right{
	margin-left:30%;}
	.bt_mid ul li:nth-child(2n) .bt_mid_right{
	margin-right:30%;}
	.pro_info_1{
	font-size:1.25em;}
	.news_info_footer_left,.news_info_footer_right{
	font-size:1em;}
	.pro_1_list_left_2_1{
	font-size:1em;}
	.pro_1_list_left_2_2{
	font-size:1.25em;}
	.pro_1_list_left_2_3{
	font-size:1em;}
	.pro_mid{
	margin:0 3.9vw;}
	.news_1_mid_right ul li a{
	font-size:1em;}
	.index_2_mid_right_mid_1_en{
	font-size:12px;}
	.index_6_1_3{
	font-size:1.25em;}
	.index_6_1_2{
	font-size:.875em;}
	.index_2_mid_right{
	width:50%; margin-left:50%;}
	.index_6_1{
	padding:0 3.9vw;}
}
@media screen and (max-width:1024px) {
.jobmask_mid_close{
right:1em; top:1em;}
.jobmask_mid_close a{
width:1.875em;   height:1.875em;}
.job_4_mid_left .job_1_mid_left_2 dl dd{
font-size:1em;}
	.job_1_mid_right_2_mid_mid{
	margin-top:0}
	.job_1_mid_right_2_mid_left{
	font-size:1em;}
	.news_info_1_mid{
	padding-left:3.9vw; padding-right:3.9vw;}
	.about_3_mid{
	margin:0 3.9vw;}
	.about_mid{
	margin:0 3.9vw;}
	.nybanner_mid_2{
	font-size:2em;}
	.nybanner_mid_3 span,.nybanner_mid_1{
	font-size:1.125em;}
	.header__navigation_left_mid ul li .ba,.header__navigation_left_footer_1{
	font-size:1.25em;}
	.index_2_mid ul li{
	background:none}
	.index_2_mid_right_mid_1{
	font-size:1.25em;}
	.index_1_1{
	font-size:1.5em;}
	.banner_mid img{
	max-width:60%;}
	.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
	font-size:.7em;}
	.videoplay a{
	font-size:.75em;}
	#swiper-pagination-index-banner .swiper-pagination-bullet{
	font-size:.75em;}
	#swiper-pagination-index-banner:after {
	top:40%;}
	.banner_num{
	font-size:.875em;}
	.banner_num:after {
	font-size:.875em;}	
}
@media screen and (max-width:950px) {
	.job_4 .index_2_mid_right_mid_1_en{
	position:static}
.job_4_mid_left{writing-mode: inherit;}
	.job_2_mid_right{
	margin-right:3.9vw;}
	.job_1_mid .index_2_mid_right_mid_1_en{
	position:static}
	.job_1_mid_left_2 dl dd{
	font-size:1em; padding:.4em 0; border:none; border-bottom:1px #e0e0e0 solid}
	.job_1_mid_left_2{
	margin-left:0; margin-top:.5em;  margin-bottom:1.5em;}
	.job_1_mid_left{writing-mode: inherit;}
	.job_1_mid{
	padding-left:0}
	.job_1_mid_left{
	position:static;}
	.bt_mid_right_mid{writing-mode: inherit; display:block; text-align:left; margin:0 3.9vw;}
	.bt_mid .index_2_mid_right_mid_1_cn img{
	margin-top:0; margin-left:.5em;}
	.bt_mid .index_2_mid_right_mid_1_cn{
	padding-top:.5em;}
	.bt_mid .bt_mid_right_mid_2{
	margin-left:0; margin-top:.5em;}
.bt_mid_right_mid_2 dl dd{ border:none;
padding:0;  padding:.4em 0; border-bottom:1px #f1eeec solid;}
	.bt_mid_left{
	position:relative; height:40vw; width:100%;}
	.bt_mid_right,.bt_mid ul li:nth-child(2n) .bt_mid_right{
	margin-left:0;  margin-right:0;}
	.pro_info_banner{
	left:3.9vw; top:120px;}
	.about_1_mid_right_2_1{
	font-size:1.25em}
	.footer_right_left{
	display:none}
	.footer_right_right{
	width:100%;}
}
.pro_1_list_mobile{
display:none}
.pro_1_list_mobile ul li{
float:left; margin-top:2em; width:48%; }
.pro_1_list_mobile ul li:nth-child(2n){
float:right}
@media screen and (max-width:768px) {
.pro_1_list_mobile{
display:block}
.job_2{
padding-bottom:0}
.job_2_mid_right_mid{
margin-left:0; margin-right:0}
.job_2_mid_left{
position:relative; width:100%; height:40vw;}
.job_2_mid_right{
margin-left:0; margin-right:0; padding-left:3.9vw; padding-right:3.9vw;}
.job_1_mid_right_2_mid_right{
font-size:1.5em;}
.job_1_mid_right_2 ul li{
width:100%; padding:.875em 0;}
.news_info_1_mid_1{
font-size:1.25em;}
.news_info_1_mid_4 ul li a{
padding-top:.5em; padding-bottom:.5em;}
.news_info_1_mid_4 ul li:nth-child(2) a{
text-align:left}
.news_info_1_mid_4 ul li{
width:100%;}
.news_info_banner{
height:60vw;}
.news_1_mid .index_2_mid_right_mid_1_en{
margin-bottom:.5em; margin-top:.5em;}
.bt_mid ul li{
margin-bottom:0; padding-bottom:0}
.pro_info_2_right{ line-height:38px; width:150px;
position:static; margin-top:2em;}
.compage ul li{
font-size:1em;}
.pro_1_list_left_2.animated:after {
height:20vw}
.pro_1_list_left_2_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.pro_1_list_mobile{
display:block}
 #pro_1_list_pc{
 display:none;}
	.pro_1_list_left_2_2{
	font-size:1.125em;}
	.news_1_mid{writing-mode: inherit;}
	.news_1_mid_right{ margin-left:0; display:block; text-align:left;
	position:static;transform: translateY(0%);}
	.news_1_mid_right ul li{
	display:inline-block; margin-top:.5em; padding:0 .6em;}
	.pro_mid .index_2_mid_right_mid_1_en{
	position:static; margin-top:.5em; margin-bottom:.5em;}
	.pro_mid .index_2_mid_right_mid_1_en img{
	width:1em;}
		.news_1_mid_right ul li:nth-child(1){
		padding-left:0}
	.about_2_mid_left{
	width:100%;}
	.about_2_mid_right img{
	display:block}
	.about_2_mid_right_bg{
	display:none}
	.about_2_mid_right{
	width:100%; position:static;}
	.nybanner_mid_2{
	font-size:1.875em; margin:.2em 0;}
	.footer_right_right_mid_3{
	padding-top:0}
	.footer_right_right_mid_1{
	font-size:1.25em;}
	.footer_right_right_mid_3{
	line-height:1.6}
	.footer_right_right_mid_2{
	margin-top:1em}
	.index_4_1 a{
	width:2em; height:2em;}
	.index_3_2_mid_right_2 dl dd{
	font-size:.875em;}
	.index_2 .index_2_mid_right_mid_1 p{
	display:none}
	.index_2 .swiper-pagination-index-banner-right{
	left:auto; right:1em; top:17.5vw;}
	.index_2 .swiper-pagination-index-banner-left{
	left:1em; right:auto; top:17.5vw;}
	.index_2_mid{
	margin-right:3.9vw;}
	.index_2_mid_right_mid_2{
	margin:0em 0em; padding:1em 0; line-height:1.8;}
	.index_2_mid_right_mid{ left:0;
	position:relative; top:0;transform: translate(0%, 0%); width:auto; padding:1em; text-align:left}
	.index_2_mid_right{
	writing-mode:inherit; min-height:inherit}
	.index_2_mid_right:after{
	content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff;}
	.index_2_mid_right_mid{
	z-index:10;}
	.index_2_mid_left{
	position:relative; width:100%; height:40vw;}
	.index_2_mid_right{
	width:100%; margin-left:0}
}
@media screen and (max-width:720px) {
	.job_4_mid_left{
	position:static}
	.job_4_mid{
	padding-left:0}
}
@media screen and (max-width:700px) {
	.header__navigation_right{
	display:none;}
	.header__navigation_left{
	width:100%;}
	.header__navigation_left_mid{ top:50%;
	left:40%;transform: translate(-50%, -50%);}
}
@media screen and (max-height:900px) {
	 
	.header__navigation_left_mid ul{
	padding-bottom:6vw;  }
}
@media screen and (max-width:640px) {
.job_2_mid_right_mid_2{
margin-bottom:1em;}
.job_2_mid_right_mid{
margin-bottom:3.9vw;}
.job_2_mid_right_mid_4 a{
max-width:100%; line-height:2.8}
.job_2_mid_right_mid_4 a span{
font-size:1em;}
.job_2_mid_right_mid_3 ul li{
width:100%; margin-right:0}
	.news_info_footer_right{
	display:none}
	.honorpage_mid_left,.honorpage_mid_right{
	width:80px;}
	#swiper-pagination-index-honor .swiper-pagination-bullet{
	margin:0 2px}
		.honorpage_mid{transform: scale(.8, .8); padding:0 100px;}
		.bt_mid_left .swiper-pagination .swiper-pagination-bullet{transform: scale(.8, .8);}
	.index_2_mid_right_mid_1_en{
	position:static; margin-bottom:2em; margin-top:.4em;}
	.about_1_mid_left{
	position:static;writing-mode: inherit;}
	.about_1_mid{
	padding-left:0}
	.index_6_1_3{
	font-size:1.125em;}
	.index_6_1_4{
	margin-top:1em;}
	.index_6_1 ul li{
	width:100%;}
	.index_1_1{
	font-size:1.375em;}
	.header__navigation_left{
	left:0}

	.header__navigation_left_mid ul li dl dd{
	margin:0; padding:.3em 0;}
	.header__navigation_left_mid ul li dl{
	position:static; width:100vw; display:none; margin-top:.5em;}
	.header__navigation_left_mid{ top:50%;
	left:0%;transform: translate(0%, -50%); width:100%; text-align:center}
	.header__navigation_left_mid ul li dl{
	left:120PX;}
	.header__navigation_left_mid ul li{
	margin-top:1em}
		.header__navigation_left_mid ul li.on dl{
	display:block;}
	.header__navigation_left_mid ul li{
	border-bottom:1px #dedede solid; margin:0; padding:.875em 0;}
	.header__navigation_left_footer{
	display:none}
	
}
@media screen and (max-width:480px) {
.index_3_2_mid_left{
width:100%;}
.index_3_2_mid_right{
width:100%;}
.index_3_2_mid_right ul{
padding:0;}
.index_3_2_mid_right ul li{
width:100%;}
.index_3_2_mid_right_1{
display:none}
.index_3_2_mid_right_2{writing-mode: inherit; margin-top:1em;}
.index_3_2 #swiper-pagination-index-banner2{
position:static; margin-top:1em;}
.index_3_2_mid_right ul li .index_3_2_mid_right_2 dl dd{
padding:0; padding:.35em 0; font-size:1em; border:none; border-bottom:1px #f1eeec solid}
.index_3_2_mid_right ul li:nth-child(2){
display:none}
	.pro_1_list_left_2.animated:after {
height:30vw}
	.pro_1_list_mobile ul li{
	width:100%;}
	.about_1_mid_right_2_1{
	margin-top:1em;}
	.about_1_mid_right_right_imd img{
	max-width:60%;}
	.nybanner_mid_2{
	font-size:1.375em;}
	.nybanner_mid_3 span, .nybanner_mid_1{
	font-size:1em;}
	.site__navi .text{
	font-size:.875em;}
	.banner_num2_1 img{
	width:1em;}
	.banner_num2_3{
	font-size:.75em;}
	.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
	width:3em; height:3em;}
	.swiper-pagination-index-banner-left span,.swiper-pagination-index-banner-right span{
	font-size:.875em;}
	.swiper-pagination-index-banner-left:hover,.swiper-pagination-index-banner-right:hover{
width:3em; height:3em;}
.mousedow .mouse{
font-size:.75em;}
.banner_mid img{
max-width:75%;}
.header_mid_left a img{
height:3em;}
#header.cur{
padding:.5em 0;}
.index_1_1{
font-size:1.25em;}
}
.footer_right{
position:relative}
.footer_right_qr{
position:absolute; right:3vw; top:-50px;}
.footer_right_qr ul li{
display:inline-block; margin-left:3px;}
.footer_right_qr ul li a{
display:block; position:relative; width:35px; height:35px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_right_qr ul li:nth-child(1) a{
background-image:url(../about_css/i1.png);}
.footer_right_qr ul li:nth-child(2) a{
background-image:url(../about_css/i2.png);}
.footer_right_qr ul li a .footer_right_qr_img{ z-index:10; left:-53px; text-align:center; display:none;pointer-events:none;
position:absolute; bottom:16px; width:141px; height:149px; background-position:center; background-repeat:no-repeat; background-image:url(../about_css/ibg.png);}
.footer_right_qr ul li a .footer_right_qr_img img{ top:23px;
position:absolute; left:50%;transform:translateX(-50%);}
.footer_right_qr ul li a:hover .footer_right_qr_img{
display:block}
@media screen and (max-width:950px) {
.footer_right_qr{
display:none}
}



.indexmid {
   max-width: 1440px;
    margin: 0 auto;
    width: 90%;
}
.max1440 {
    max-width: 1440px;
    margin: 0 auto;
    width: 90%;
}
.index_3_1{ margin-bottom:2.60416666666667vw;
text-align:center; margin-top:5.52083333333333vw;}

.index_1_left_1{
font-family: Cambria Math;
    color: #b6a78e;
    font-size: .72916666666667vw;letter-spacing: 2px; margin-top:1%}

.index_1_left_2 {
   letter-spacing: 2px;color: #494442;
    font-size: 2.08333333333333vw;
}.index_1_left_2_line:after {
    background-color: #fff;
    content: '';
    position: absolute;
    width: 35px;
    height: 4px;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}.pro_2_1 ul li{ margin-right:2.2229595222296%; border-bottom:1px #d3d3d3 solid; padding-bottom:1.25em;
float:left; width:31.8513603185136%; margin-bottom:1.6875vw; position:relative}
.pro_2_1 ul li:after{ width:0;
content:''; position:absolute; left:0; bottom:-1px; height:1px; background-color:#c89981;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_2_1 ul li:nth-child(3n){
margin-right:0;}
.pro_2_2{
margin-bottom:5.20833333333333vw;}
.pro_2_1 ul li:hover:after{
width:100%;}.index_3_2_mid_1{ text-align:center; padding-top:2.76041666666667vw; padding-bottom:1.20833333333333vw;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img8.jpg);}
.index_3_2_mid_1 img{
max-width:100%;}
.index_3_2_mid_2_1{ margin-top:1em;
color:#3e2b1e; font-size:1.5em;}
.index_3_2_mid_2_2{ margin-top:.5em; margin-bottom:1em;
color:#635c5a; font-size:1.125em;}
.index_3_2_mid_2_3{
font-size:.75em;}
#indexpro,#indexpro2{
position:static; margin-top:5.20833333333333vw;}

.index_3_2_mid_2_1 {
    margin-top: 1em;
    color: #3e2b1e;
    font-size: 1.5em;
}
.index_3_2_mid_2_1 {
    font-size: 1.375em;
}.index_3_2_mid_2_2 {
    font-size: 1em;
}.index_3_2_mid_2_2 {
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #635c5a;
    font-size: 1.125em;
}
.index_3_2_mid_2_3 {
    font-size: .75em;
}.vmore {
    padding-right: 2.875em;
    display: inline-block;
    color: #7f7f7f;
    position: relative;
}.vmore:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    width: 2.0625em;
    height: 0.5625em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/img6.png);
    top: 50%;
    right: 0.5em;
    z-index: 10;
}.vmore:after {
    transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.25em;
    height: 1.25em;
    background-color: #c89981;
    border-radius: 100%;
}.vmore:hover:after{
right:.5em;}
.vmore:hover:before{
right:0}
.index_2_mid_right_mid{ overflow:hidden;
position:relative; margin:6.66666666666667vw;}
.nr {
    width: 100%;
    margin: 0px auto;
}

.nr .list_1 dl { width:100%; float:left; margin-bottom:18px;}
.nr .list_1 dl dt { width:66%; height:416px;  overflow:hidden; position:relative }

.nr .list_1 dl dt li{position:absolute; bottom:30px; color:#fff; left:40px; z-index:2; transition:all 0.4s; width:80px}
.nr .list_1 dl dt li i { font-style:normal; font-size: 2.28333333333333vw; height:68px; width:80px; line-height:48px; border-right:0px solid #fff; text-align:left; font-family: "Times New Roman", Times, serif; margin-bottom:10px; float:left; width:100%;text-shadow: 0 0 5px rgba(0,0,0,.5); }


.nr .list_1 dl dt li p {  font-size: 2.08333333333333vw;writing-mode: tb-rl; width:50%; float:left }
.nr .list_1 dl dt li span {font-size: 0.7vw; color:#fff; line-height:25px;font-family:Cambria Math; text-transform:uppercase;writing-mode: tb-rl; width:20%; float:left; margin-left:10%}





.nr .list_1 dl dt img {width:100%; height:416px;  }

.nr .list_1 dl dd { background:#fff; text-align:left;height:331px; width:21%; padding-left:7%; padding-top:85px; transition:all 0.4s; padding-right:4%   }
.nr .list_1 a:hover dl dd { padding-top:105px;  }





.nr .list_1 dl dd i { font-style:normal; font-size: 2.58333333333333vw; height:68px; width:80px; line-height:68px; border-right:0px solid #333; text-align:left; color:#333; font-family:"Times New Roman", Times, serif}
.nr .list_1 dl dd p { font-size:25px; color:#333; margin-bottom:10px }
.nr .list_1 a dl dd p { font-size: 2.08333333333333vw; color:#333; }
.nr .list_1 dl dd span {font-size: 0.7vw; color:#bcbcbc; line-height:37px; font-family:Cambria Math; text-transform:uppercase}




.nr .list_2 { width:100%; float:left;} 
.nr .list_2 dl { width:100%; height:418px; position:relative; }
.nr .list_2 a{ width:32%}

.nr .list_2 dl:after { content:" "; position:absolute;  width:388px; height:418px; background: url(../images/i_p_h_bg.png) repeat-x left bottom; z-index:1;}

.flex {
    display: flex;
    justify-content: space-between;
}


.nr .list_2 dl dt {width:100%; height:418px;  position:absolute; overflow:hidden;}
.nr .list_2 dl dt img {width:100%; height:418px;  }
.nr .list_2 dl dd {position:absolute; bottom:30px; color:#fff; left:40px; z-index:2; transition:all 0.4s; width:80px}
.nr .list_2 a:hover dl dd {bottom:40px; }
.nr .list_2 dl dd i { font-style:normal; font-size:45px; height:68px; width:80px; line-height:48px; border-right:0px solid #fff; text-align:left; font-family: "Times New Roman", Times, serif; width:100%; float:left; text-shadow: 0 0 5px rgba(0,0,0,.5);}
.nr .list_2 dl dd p { font-size: 2.08333333333333vw; }
.nr .list_2 a dl dd p { font-size: 1.9vw;writing-mode: tb-rl; width:50%; float:left; text-shadow: 0 0 15px rgba(0,0,0,.2); }
.nr .list_2 dl dd span {font-size: 0.7vw; color:#fff; line-height:25px;font-family:Cambria Math; text-transform:uppercase;writing-mode: tb-rl; width:20%; float:left; margin-left:10%}
.nr .list_2 dl dt:before{ content:""; background:rgb(0,0,0,0.08); position:absolute; left:0; top:0; width:100%; height:418PX;}
.nr .list_1 dl dt:before{ content:""; background:rgb(0,0,0,0.08); position:absolute; left:0; top:0; width:100%; height:418PX;}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  


.index_3_2_mid_1{
 position:relative}
.index_3_2 .swiper-wrapper .swiper-slide .index_3_2_mid_1:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#000; opacity:0;pointer-events:none;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_2 .swiper-wrapper:hover .swiper-slide.ot .index_3_2_mid_1:after{
opacity:.5;}
.index_3_2 .swiper-wrapper:hover .swiper-slide.hover .index_3_2_mid_1:after{
opacity:0;}
.index_3_2 .swiper-wrapper .swiper-slide:hover .vmore:after{
right:.5em;}
.index_3_2 .swiper-wrapper .swiper-slide:hover .vmore:before{
right:0}
.nybanner {
    position: relative;
    height: 50vh;
}.about_2_mid .about_1_mid_right_2_1 img {
    float: left!important;
    margin-left: 150px;
    margin-top: -50px;
}.page-section iframe{ height:580px!important}

.footerbottom {
    width: 100%;
    height: 90px;
    line-height: 24px;
    color: rgb(255,255,255,.7);
    background: #282828;
    text-align: center;
    padding-top: 30px;
}

.index_1_left_2 {
    letter-spacing: 2px;
    color: #494442;
    font-size:1.25em;
}
.index_1_left_1 div img{position: absolute;
    right: 20%;
    top: -20px;}

.pro_2_1 ul li {
    margin-right: 0%;
    border-bottom: 1px #d3d3d3 solid;
    padding-bottom: 1.25em;
    float: left;
    width: 100%;
    margin-bottom: 1.6875vw;
    position: relative;
    width: 100%;
}.index_3_2_mid_2_2 {
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #635c5a;
    font-size: 1em;
}.index_3_2_mid_2_2 span{ font-size: 1em!important}
.nybanner_bg{background-attachment:scroll}
.nr .list_1 dl dt {
    width: 100%;
    height: 246px;
    overflow: hidden;
    position: relative;
}

.nr .list_1 dl dd {
    background: #fff;
    text-align: left;
    height: 200px;
    width: 100%;
    padding-left: 7%;
    padding-top: 35px;
    transition: all 0.4s;
    padding-right: 4%;
}.nr .list_1 dl dd p {
    font-size: 25px;
    color: #333;
    margin-bottom: 0px;
}.nr .list_1 dl dd span {
    font-size: 0.7vw;
    color: #bcbcbc;
    line-height: 27px;
    font-family: Cambria Math;
    text-transform: uppercase; padding-top:10px
}

.nr .list_1 dl dt li i {
    font-style: normal;
    font-size: 45px;
    height: 68px;
    width: 80px;
    line-height: 48px;
    border-right: 0px solid #fff;
    text-align: left;
    font-family: "Times New Roman", Times, serif;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    text-shadow: 0 0 5px rgba(0,0,0,.5);
}

.nr .list_1 dl dt li p {
    font-size: 5.3vw;
    writing-mode: tb-rl;
    width: 20%;
    float: left;letter-spacing: 1px;
}
.nr .list_2 {
    width: 100%;
    float: left;flex-wrap: wrap;
}
.nr .list_2 a {
    width: 100%;margin-bottom:10px; overflow:hidden
}.nr .list_2 dl {
    width: 100%;
    height: 246px;
    position: relative; 
}.nr .list_2 a dl dd p { font-size: 5.3vw; letter-spacing:1px}

.news_1_mid_right ul li a {
    font-size: 1.2em;
}.news_1_mid_right ul li a {
    font-size: 1.2em;
}.news_2.animated .index_6_1:after {
    left: 0%!important;
    top: 2%!important;
    width: 100%;
}
.chanpinlbbc2 a .dd1_2 {
    font-size: 16px;}
.chanpinlbbc2 a .dd2_2{ display:none}
.chanpinlbbc2 a .dd3_2 {
    font-size: 16px;
    ext-align: left;
    line-height: 80px;
    height: 80px;
    width: 23%;
    padding-left: 2.6%;
}.index_6_1 ul li{ margin-top:20px!important}
.job_1_mid .index_2_mid_right_mid_1_en img{margin-top: -30px;
    margin-left: 30px;
}.job_1_mid_right_2_mid_left {background-size: 17%;}
.job_1_mid_right_2_mid_left {
    font-size: 1.3em;
}
.job_1_mid_right_2 ul li:nth-child(1) .job_1_mid_right_2_mid_left{background-size: 22%;}

.object-fit-cover{transform: translate3d(0px, 0px, 0px) scale(1)!important;
    transition: transform 1.5s cubic-bezier(0, 0, 0, 1) 0s;
    will-change: transform;
}
#main{ margin-top:-60px}
.news_info_1_mid_3 img{ width:100%!important; height:auto!important} 
}