/* 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;}
@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: 'Roboto Lt';
src: url('fonts/Roboto-Medium.eot');
src: url('fonts/Roboto-Medium.eot?') format('embedded-opentype'),
url('fonts/Roboto-Medium.woff2') format('woff2'),
url('fonts/Roboto-Medium.woff') format('woff'),
url('fonts/Roboto-Medium.ttf') format('truetype'),
url('fonts/Roboto-Medium.svg') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
} 

body{font:1em/1.3 "SourceHanSansCN-Normal";   -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: "SourceHanSansCN-Normal";}
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:#010101;}
a{color:inherit;color:#010101;text-decoration: none; }
a:hover  {color:#a7896b;   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:#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,.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,.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; } 
#lu{ background:#fef2ed; overflow:hidden;position:relative; z-index:10;}
/*********header**********/
#header{position:fixed; left:0; top:0; width:100%; z-index:888;   background-position:bottom; background-repeat:repeat-x;}
.header_mid{margin:1% 3.125%; position:relative;}
.header_mid_left{position:absolute; left:50%; top:50%; z-index:10;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.header_mid_mid{ text-align: center;}
.header_mid_mid ul li{ display: inline-block;z-index: 1;margin: 0 2vw;position: relative;  font-weight: bold;}
.header_mid_mid ul li:nth-child(4){margin-right:8.07291666666667vw;}
.header_mid_mid ul li:nth-child(5){margin-left:8.07291666666667vw;}
.header_mid_mid ul li dl{ width:11.4375em; padding:1em 0; display:none;position:absolute; left:-3.71875em;background-color:rgba(0,0,0,.47);}
.header_mid_mid ul li dl 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; font-size:.9375em;
color:#fff; display:block; padding:.6em 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{background-color:#ff7400;}
.header_mid_mid ul li dl dd:last-child a{border:none}
.header_mid_mid ul li a.biga{ position:relative;color:#fff; font-size:1.2em; padding:1.85em 0; display:block}
.header_mid_mid ul li a.biga:after{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:0;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#ff7400; z-index:10;}
.header_mid_mid ul li:hover a.biga:after{width:100%;}
.header_mid_right{ cursor:pointer;position:absolute; right:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); z-index:10;}
.header_mid_right span{display:block; width:32px; height:9px; position:relative;} 
.header_mid_right span:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:0; top:0; width:100%; height:2px; background-color:#fff;}
.header_mid_right span:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; right:0; bottom:0; width:75%; height:2px; background-color:#fff;}
.header_mid_right:hover span:after{width:100%;}

@media screen and (max-width:1280px){
    .header_mid_left img{width: 80%;}
}


/***************/
.menu-wrap a {color: #fff;}
.menu-wrap a:hover,.menu-wrap a:focus {color: #fff;}
.menu-wrap {position: fixed;z-index: 9999;width: 27.5%;height: 100%;right: 0;top: 0;background-color: #000; background-image:url(../images/header/img2.png);background-position: center center;background-size: cover;font-size: 1.15em;display: table;
-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);transition: -webkit-transform 0.4s;transition: transform 0.4s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.show-menu .menu-wrap {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.8s;transition: transform 0.8s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.menu-content {padding-top: 30%;}
.navigation {display: block;position: absolute;top: 1.85em; right:3.125vw; font-size:1.125em;height:18px; text-align:right;}
.close-menu {-webkit-transition: -webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;-o-transition: -o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out;color: #fff; display:inline-block;
font-size: 60px;cursor: pointer;line-height: 49px; width:18px; height:18px; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat;}
.close-menu:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.menu,.menu-list {height: 100%;display: table-cell;vertical-align: middle;padding-left: 2.86458333333333vw}
.menu-list ul {padding: 0;}
.ovh{overflow:hidden}
.menu-list ul li {display: block;-webkit-transform: translate3d(0, 500px, 0);transform: translate3d(0, 500px, 0);}
.menu-list,.menu-list ul li {transition: -webkit-transform 0s 0.4s;transition: transform 0s 0.4s;transition-timing-function: cubic-bezier(0.8, 0, 0.3, 1);}
.menu-list ul li.menu-item-has-children{margin:2vw 0;}
.menu-list ul li:nth-child(1) {-webkit-transform: translate3d(250px, 0, 0);transform: translate3d(250px, 0, 0);}
.menu-list ul li:nth-child(2) {-webkit-transform: translate3d(500px, 0, 0);transform: translate3d(500px, 0, 0);}
.menu-list ul li:nth-child(3) {-webkit-transform: translate3d(1000px, 0, 0);transform: translate3d(1000px, 0, 0);}
.menu-list ul li:nth-child(4) {-webkit-transform: translate3d(1500px, 0, 0);transform: translate3d(1500px, 0, 0);}
.menu-list ul li:nth-child(5) {-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
.menu-list ul li:nth-child(6) {-webkit-transform: translate3d(2500px, 0, 0);transform: translate3d(2500px, 0, 0);}
.menu-list ul li:nth-child(7) {-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}
.menu-list ul li a.da{display:inline-block; position:relative; padding:3px 0px;}
.menu-list ul li a.da span{display:block; position:relative; z-index:10;}
.menu-list ul li a.da:after{content:''; position:absolute; left:0; bottom:0; width:0%; height:0.3333333333333333em; background-image:url(../images/header/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
-webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);-moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);-o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);}
.menu-list ul li:hover a.da:after,.menu-list ul li.on a.da:after{width:100%;}	
.menu-list ul li a {font-size: 2em;font-weight:bold;transition: all 350ms cubic-bezier(0.215, .61, .215, 1);-webkit-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);-moz-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);
-o-transition: all 350ms cubic-bezier(0.215, .61, .215, 1);}
ul.sub-menu {  position: relative;display: none;}
ul.sub-menu li {padding: 0;padding-bottom: 8px;padding-top: 8px; padding-left:15px; padding-right:5px;display:inline-block; background-position:left center; background-repeat:no-repeat; position:relative;}
ul.sub-menu li:nth-child(1){padding-left:0;}
ul.sub-menu li:before{color:#ded9d3;content:'/'; font-family:"宋体"; position:absolute; left:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
ul.sub-menu li:nth-child(1):before{display:none}
ul.sub-menu li a { font-size:16px;text-transform: none; color:#ded9d3;}
.menu-social-media{ left:5.72916666666666vw;position:absolute; bottom:3.4375%;}
.menu-social-media .footer_mid_mid_3_3{padding-bottom:0}
/* Shown menu */

.show-menu .menu-list,.show-menu .menu-list ul li {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: -webkit-transform 0.8s;transition: transform 0.8s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}
.show-menu .menu-list ul li {transition-duration: 0.9s;text-decoration: none;line-height: 42px;}
.show-menu .menu-list ul li ul.sub-menu li{line-height:2;}
.show-menu .content::before {opacity: 1;transition: opacity 0.8s;transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.main-menu-indicator {display: block;border: none;padding: 0;cursor: pointer;z-index: 1000;height: 62px;width: 25px;background: transparent;outline: 0;float: right;position: relative;margin: 17px 0 17px 0;}
.main-menu-indicator:hover {border: 0;box-shadow: none;}
.main-menu-indicator>span {transition: all 0.1s ease 0s;display: block;position: absolute;width: 25px;height: 2px;top: 32px;left: 0;right: 0;margin: auto;background: #545454;}
.main-menu-indicator>span:before,.main-menu-indicator>span:after {transition: all 0.2s ease 0s;position: absolute;content: '';width: 25px;height: 2px;background: #545454;left: 0;}
.main-menu-indicator>span:after {top: -5px;}
.main-menu-indicator>span:before {bottom: -5px;}
.main-menu-indicator.active>span {background: transparent;}
.main-menu-indicator.active>span:after {top: 0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;
transform-origin: center center;}
.main-menu-indicator.active>span:before {bottom: 0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform-origin: center center;
-ms-transform-origin: center center;transform-origin: center center;}

/*****************index*****************/
.banner_img{position:relative; width:100%; height:100vh;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_img_mo{display:none;}
.indexbanner_jj{position:absolute; left:0; width:100%; text-align:center; top:50%; z-index:10;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); color:#fff; font-size:4.5em; letter-spacing:.05em;}
.indexbanner_jj_mid{margin:0 3.64583333333333%;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:3.125%;   width:auto; text-align:left; bottom:3.85416666666667vw;}
.indexbanner .swiper-pagination-bullet{width:2em; height:2em;  background:none; border:none;   overflow:hidden; opacity:1;  position:relative;}
.indexbanner .swiper-pagination-bullet:after{background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img17.png);content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:1;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.indexbanner .swiper-pagination-bullet:before{background-position:center; background-repeat:no-repeat; background-size:cover; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content:''; position:absolute; left:50%; top:50%; width:100%; height:100%; display:none;  -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin-right:.75em;}
.banner_num{font-family: 'Roboto Lt'; font-size:1.5em;position:absolute; right:3.125%; z-index:10; bottom:3.85416666666667vw; color:#fff;}
/*.indexbanner .swiper-pagination-bullet-active:before{opacity:0;}
.indexbanner .swiper-pagination-bullet-active:after{opacity:1;}*/
.indexbanner_cir{position:absolute; z-index:10; right:3.64583333333333%;bottom:4.58333333333333vw; width:6.8125em; height:6.8125em;}
.indexbanner_cir_c a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.indexbanner_cir_c a: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/index/img2.png);animation:fadenum 5s linear infinite;}
@keyframes fadenum{
    0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir_c a:before{-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); position:absolute;
content:''; left:50%; top:50%; width:2.5625em; height:1.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img1.png);}
.indexbanner_cir_c a:hover:after{animation-play-state:paused}
.index_1{ overflow:hidden;position:relative;} 
.index_1_top{position:absolute; left:0; top:0; width:100%; text-align:center;}
.index_1_top img{width:98.125%; opacity: 0.7;}
.index_mid{margin:0 auto; width:75.78125%;}
.index_1_1{position:relative; z-index:10;  margin-top:16.14583333333333vw;}
.index_1_1_right{position:relative; margin-right:2.88659793814433%; margin-left:50.85910652920962%;}
.index_1_1_right_bg img{width:100%;}
.index_1_1_right_z{ top:-9.26998841251448%; width:100%;
position:absolute; left:-11.86943620178042%; z-index:10;}
.index_1_1_right_z_c{position:absolute; left:-10.97922848664688%; top:-11.00811123986095%; width:11.51041666666667vw;}
.index_1_1_right_z_c img,.index_2_mid_cir img{animation:fadenum 5s linear infinite;}
.index_1_1_left{ width:42.27835051546392%;position:absolute; left:2.88659793814433; z-index:10; top:5.72916666666667vw;}
.index_1_1_right_z_c:after,.index_2_mid_cir:after{ background-image:url(../images/cc2.png); z-index:10;content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_1_left_2{font-size:1.5em; line-height:2;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 4;   overflow: hidden;word-wrap:break-word;word-break:break-all; overflow:hidden; margin:3.5em 0 1.875em 0;}
.index_1_1_left_1 span{display:inline-block; position:relative;}
.index_1_1_left_1 span:before{ z-index:10;transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
content:''; position:absolute; left:0; top:-1.5em; width:0%; height:0.4375em; background-color:#000;}
.index_1_1_left_1 span:after{ z-index:10;transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);content:''; position:absolute; left:0; bottom:-1.5em; width:0%; height:0.4375em; background-color:#000;}
.index_1_1_left_1.wow.animated span:before,.index_1_1_left_1.wow.animated span:after{width:100%;}


.vmore{font-family: 'Roboto Lt'; overflow:hidden; font-size:1.75em; padding-right:.5em; color:#000; font-style:italic; font-weight:bold; display:inline-block; position:relative}
.vmore:hover{color:#000;}
.vmore span{display:block; position:relative; z-index:10;}
.vmore:after{transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);content:''; position:absolute; left:0; bottom:5%; width:100%; height:.5em; background-color:#ff7400;}
.vmore:hover:after {-webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;}
@keyframes link-hover {
0% {transform: translateX(0%);}
50% {transform: translateX(100%);}
50.01% {transform: translateX(-100%);}
100% {transform: translateX(0%);}
}
@-webkit-keyframes link-hover {
0% {transform: translateX(0%);}
50% {transform: translateX(100%);}
50.01% {transform: translateX(-100%);}
100% {transform: translateX(0%);}
}

/**首页产品轮播**/
.w-container {width: 82%;max-width: 1500px;margin: auto;}
@media screen and (max-width: 1280px) {
.w-container {width: 90%;}
}
.product-swiper > .swiper-slide{transition: all .5s ease}
.product-swiper > .swiper-slide{position: absolute;left:0;top:0;}
.product-swiper > .swiper-slide:first-child{position: relative;}
.sy-pdslider {position: relative;  z-index: 10; margin-top: 5vw;}
.sy-pdslider .pd_box {position: relative;}
.sy-pdslider .pd_box .swiper-slide .slidebox {display: block;position: relative;}
.sy-pdslider .pd_box .swiper-slide .slidebox .pub_img_box::before {margin-top: 44.83%;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);color: #fff;/* display: none; */}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_n {font-weight: 800;line-height: 80px; font-size: 3.5em;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info {line-height: 2;width: 565px;max-width: 100%;margin-top: 10px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info span {font-size: 25px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info .sub {margin-top: .12rem;font-weight: lighter;font-size: 17px;min-height: 68px;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info .more {background: #fff;color: #333;display: block;border-radius: 35px;text-align: center;line-height: 2.38rem;padding: .1rem 2.54rem;margin-top: .34rem;
width: fit-content;font-size: 15px;-webkit-animation: moveAndBack 1s ease-in-out;-webkit-animation-duration: 0;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box .ys_info:hover .more {-webkit-animation: INDENT 2s 1; /* Safari 4+ */-moz-animation: INDENT 2s 1; /* Fx 5+ */-o-animation: INDENT 2s 1; /* Opera 12+ */
animation: INDENT 2s 1; /* IE 10+ */}
@-webkit-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@-moz-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@-o-keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
@keyframes INDENT {
    0% {text-indent: 0;}
    25% {text-indent: 7px;}
    75% {text-indent: 7px;}
    100% {text-indent: 0;}
}
.sy-pdslider .pd_box .swiper-slide.active {pointer-events: all;}
.sy-pdslider .pd_box .swiper-slide.active .slidebox .ys_text_box {display: block;}
.pub_img_box .img_box {background-size: cover;}
.sy-pdslider .pub_img_box .img_box {background-size: contain;}
.sy-pdslider .ys_nav_case {left: 50%;transform: translateX(-50%);bottom: 13.4%;position: absolute;z-index: 3;}
.sy-pdslider .ys_nav_box {display: flex;background-color: #fa8420;pointer-events: auto; height: 7vw;}
.sy-pdslider .ys_nav_box > a {width:33%;text-align: center;position: relative;overflow: hidden;cursor: pointer;display: block;}
.sy-pdslider .ys_nav_box > a.hover{width:50%}
.sy-pdslider .ys_nav_box > a .ys_n_d {display: flex;flex-direction: column;justify-content: center;text-align: center;padding: 2.2rem .1rem;transition: all 0.5s ease;}
.sy-pdslider .ys_nav_box > a.hover > .ys_n_d{display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_d::before {content: '';display: block;width: 1px;height: .25rem;background-color: #fff;position: absolute;left: 0;top: 50%;margin-top: -0.09rem;transition: opacity .5s ease;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_num {color: #fff;line-height: 1;transition: color .5s ease; font-size: 1.5em;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_ms {margin: .18rem 0;color: #fff;line-height: 2;transition: color .5s ease; font-size: 1.2em;}
.sy-pdslider .ys_nav_box > a .ys_n_d span {display: block;margin: 0 auto;border-radius: 50%;width: .09rem;height: .09rem;opacity: 1;background-color: #fff;transition: background-color 0.5s ease;}
.sy-pdslider .ys_nav_box > a:nth-child(1) .ys_n_d::before {display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_h{display: none;}
.sy-pdslider .ys_nav_box > a.hover .ys_n_h {display: flex;align-items: center;background-image: linear-gradient(to bottom, rgba(245, 180, 127, 1), rgba(252, 228, 217, 1));position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all .5s ease;color: #fff;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l {white-space:nowrap;padding: 0 0 0 .3rem;text-align: center;line-height: 1;position: relative;font-family: fifa; font-size: 2em; color: #000;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l span {color: rgb(0, 0, 0, 0.5);text-transform: uppercase;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 40%;text-align: center;font-family: fifa;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l::before {content: '';display: block;height: .6rem;width: 1px;right: -10%;top: 50%;margin-top: -0.3rem;background-color: rgb(255, 255, 255, 0.9);opacity: .5;position: absolute;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r {flex-grow:1;padding: .3rem .2rem .3rem 2.5rem;line-height: 1;text-align: left; color: #000;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r .ys_ms {font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1.25em;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_r .ys_so {margin-top: .5em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-style: italic;text-transform: uppercase; font-style: normal;}
.sy-pdslider .ind_src2_title {padding-top: 1.45rem;top: 0;left: 50%;transform: translateX(-50%);position: absolute;z-index: 3;}
.sy-pdslider .ind_src2_title .pub_title_en {color: rgba(255, 255, 255, 0.3);}
.pd_box .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .pd_box .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 22%;left: 14.666%;
height: 100px;margin: 0;}
.pd_box .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 50%;background: #fff;opacity: 1;}
.pd_box .swiper-pagination-bullet-active {height: 28px;opacity: 1;border-radius: 5px;background: #fff;}
.pd_box .banner-nav {position: absolute;right: 13%;top: 58%;display: flex;align-items: center;z-index: 99999;pointer-events: auto;}
.pd_box .banner-nav > span {height: .3rem;opacity: .8;background-color: #fff;width: 1px;margin: 0 .28rem;position: relative;z-index: 2;}
.pub_img_box {position: relative;overflow: hidden;}
.pub_img_box::before {content: '';display: block;margin-top: 100%;}
.pub_img_box .img_box {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;background-size: contain;}

@media screen and (max-width:790px){
.pd_box .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .pd_box .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynami {top: 18%;}
.sy-pdslider .pd_box .swiper-slide .slidebox .ys_text_box {top: 45%;}
.pd_box .banner-nav {top: 68%;}
.sy-pdslider .ys_nav_box {flex-wrap: wrap;}
.ind_src1_case .ind_abo_com .slidebox {width: 34%;}
.sy-pdslider .pub_img_box .img_box {background-size: cover;}
.sy-pdslider .pd_box .swiper-slide .slidebox .pub_img_box::before {margin-top: 65vh;}
.sy-pdslider .ys_nav_box {flex-wrap: wrap;}
.sy-pdslider .ys_nav_box > a {width: 50%;}
.sy-pdslider .ys_nav_box > a:hover {width: 50%;}
.sy-pdslider .ys_nav_box > a .ys_n_d {flex-direction: row;padding: 0 .1rem;justify-content: center;align-items: center;}
.sy-pdslider .ys_nav_box > a .ys_n_d span {display: none;}
.sy-pdslider .ys_nav_box > a.on {background-color: #197646;}
.sy-pdslider .ys_nav_box > a.on .ys_n_d .ys_ms {color: #fff;}
.sy-pdslider .ys_nav_case {display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_h .ys_l {width: 100%;}
.sy-pdslider .ys_nav_box > a .ys_n_h {display: none;}
.sy-pdslider .ys_nav_box > a .ys_n_d .ys_num {display: flex;align-items: center;margin-right: .1rem;}
.sy-pdslider .ind_src2_title {padding-top: .6rem;}
.sy-pdslider .pd_box .swiper-slide a .ys_text_box {top: 25%;}
.sy-pdslider .swiper-pagination {bottom: 30%;}

}



.index_2{ position:relative; z-index:10;margin-top:13.75vw;}
.index_2_1 img{width:100%;}
.index_2_mid{position:relative;}
.index_2_mid_font{ top:28%;position:absolute; z-index:10; left:11.40893470790378%;}
.index_2_mid_font .index_1_1_left_1{width:24.0625vw;}
.index_2_mid_font_1{display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 4;   overflow: hidden;word-wrap:break-word;word-break:break-all; overflow:hidden;font-size:1.5em; margin-top:3em; margin-bottom:2.5em; width:36.97916666666667vw; color:#fff; line-height:2;}
.index_1_1_left_1.index_1_1_left_1_white span:before,.index_1_1_left_1.index_1_1_left_1_white span:after{background-color:#fff;}
.vmore_white{color:#fff;}
.vmore_white:hover{color:#fff;}
.index_2_mid_cir{position:absolute; z-index:10; right:13px; top:13px; width:11.51041666666667vw}


.index_3{ padding:9.63541666666667vw 0;position:relative; overflow:hidden}
.index_3_bg{position:absolute; left:0; top:0; width:100%; height:100%;}
.index_3_bg img{position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%); width:80%;}
.index_3_mid{ text-align:center;position:relative; z-index:10;}	
.index_3_2{margin-top:0; margin-bottom:2.7vw;}
.index_3_2 img{max-width:44.89583333333333vw;}
.index_3_1 img{max-width:24.58333333333333vw;}

.index_4{position:relative; padding-bottom:6.25vw;}
.index_4_mid{position:relative; margin:0 3.125%; z-index:10;}
.index_4_mid_left{-webkit-transform: translate(-0%, -50%);  transform: translate(-0%, -50%); cursor:pointer;
position:absolute; left:0; z-index:10; width:5em; height:5em; /*border:.25em #000 solid;*/ top:50%;box-shadow: 0 0 0 .25em rgba(0,0,0,1);}
.index_4_mid_left span{-webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);
position:absolute; left:50%; top:50%; width:2.875em; height:2.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img9.png);}
.index_4_mid_right{-webkit-transform: translate(-0%, -50%);  transform: translate(-0%, -50%); cursor:pointer;
position:absolute; right:0; z-index:10; width:5em; height:5em; /*border:.25em #000 solid; */box-shadow: 0 0 0 .25em rgba(0,0,0,1);top:50%;}
.index_4_mid_right span{-webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);position:absolute; left:50%; top:50%; width:2.875em; height:2.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img10.png);}
.index_4_mid_mid_mid_bg img{width:100%;}
.index_4_mid_mid_mid{position:relative; margin:0 2.8125em;}
.index_4_mid_mid_mid_pic{ width:80%; height:29.6875vw;position:absolute; z-index:10; left:10%;  top:1.5625vw;}
.index_4_mid_mid_mid_pic_img{ position:absolute; overflow:hidden; left:0%; top:0%; width:100%;}
.index_4_mid_mid_mid_pic_img img{width:100%;}
.index_4_mid_mid_mid_pic_c{ z-index:10; opacity:.7;-webkit-transform: translate(50%, -50%);  transform: translate(50%, -50%);position:absolute; right:0; top:0; width:26.2962962962963%;}
.index_4_mid_mid_mid_jj{ right:5.76036866359447%;position:absolute; left:5.76036866359447%; z-index:10; bottom:8.20793433652531%;}
.index_4_mid_mid{margin:0 5em;}
.index_4_mid_mid_mid_jj_3 .vmore{font-size:.875em; font-weight:normal}
.index_4_mid_mid_mid_jj_3 .vmore:after{background-color:#000}
.index_4_mid_mid_mid_jj_1{font-size:1.875em; color:#000;}
.index_4_mid_mid_mid_jj_2{color:#000; margin-top:.875em; margin-bottom:1.25em;}
.index_4_mid_mid .swiper-slide:after{content:''; position:absolute; left:0; top:0; height:100%; background-color:#000; width:.5em;}
.index_4_mid_mid .swiper-slide:nth-child(1):after,.index_4_mid_mid .swiper-slide-active:after{display:none}
.index_4_bg{position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.index_4_bg img{max-width:100%;}

.index_5{ overflow:hidden; z-index:10;position:relative;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img10.jpg); padding: 5vw 0;}
.index_5 h2{text-align: center; color: #fff; font-size: 3.5em;}
.index_5 h3{text-align: center; color: #fff; font-size: 1.5em; font-weight: 500; line-height: 2;}
.index_5 ul{width: 85%; margin: 2vw auto; overflow: hidden;}
.index_5 li{float: left;width: 47%; margin: 0 1vw; position: relative;height: 95%;background: url('../images/adv_a.jpg') no-repeat center top;background-size: 100%;}
.index_5 .video{overflow:hidden;position:relative; width: 100%;margin: 0 auto;padding-bottom: 5%; }
.index_5 .video video{width: 100%; left: 50%; right: 50%; position: absolute;}
.index_5 li img{width: 100%;}
.index_5_1{ position:absolute; left:0; bottom:3vw; width:100%; text-align:center; z-index:10;}
.index_5_1 a{color: #fff;}
.index_5_1 a:hover{color: #fff;}

@media screen and (max-width:790px){
    .index_5 h2{font-size: 2.5em;}
    .index_5 h3{font-size: 1em;}
    .index_5 ul{width: 90%;}
    .index_5 li{width: 100%;}
}


.sy_cont4 {padding: 6vw 0;display: block;clear: both;background: #fff;}
.sy_cont4 .cont_bot {width: 85%;max-width: 1400px; margin: 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.sy_cont4 .cont_l {width: 35%;padding-top:5vw;position: relative;overflow: hidden}
.sy_cont4 .cont_l h2 {display: block;width: 255px;height: 40px;background: #ff940c;position: relative;}
.sy_cont4 .cont_l h2 i {position: absolute;bottom: -3px;font-size: 3.3em;font-weight: bold;text-align: left;width: 100%;}
.sy_cont4 .cont_l p {font-size: 3em;color: #ff940c;text-align: left;line-height: 4vw;display: block;font-weight: normal;padding: 10px 0 0 0;}

.sy_cont4 .cont_l em {font-size: 30px;line-height: 40px;font-weight: bold;display: block;padding: 15px 0 25px 0}
.sy_cont4 .cont_l h3 {font-size: 1.2em;display: block;padding-top: 10px;line-height: 1.3;}
.sy_cont4 .cont_l h3 i {font-size: 40px;color: #ff940c;font-weight: bold;padding-right: 10px;}
.sy_cont4 .cont_l h3 span {font-size: 1.2em;line-height: 2; color: #ff940c;font-weight: normal}
.sy_cont4 .cont_r {width: 55%;overflow: hidden}
/*选项卡*/
#tab {position: relative;width: 100%;height: 620px;}
#tab .tabList {position: absolute;bottom: 0;left: 0;}
#tab .tabList ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
#tab .tabList ul li {width: 124px;height: 100px;line-height: 100px;font-size: 16px;color: #ff940c;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); background: #fff;text-align: center;
margin-right: 2px;cursor: pointer;}
#tab .tabList li.cur {border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); background: #ff940c;color: #fff;font-weight: bold;}
#tab .tabList li:hover {border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); background: #ff940c;color: #fff;}
#tab .tabCon {background: #ccc;width: 100%;position: relative;}
#tab .tabCon div img {width: 100%;height: 100%;z-index: 6}
#tab .tabCon div p {z-index: 1;font-size: 2em;line-height: 2;display: block;color: #fff;left: 20px;bottom: 55px;position: absolute}
#tab .tabCon div span {z-index: 1;font-size: 1.2em;line-height: 1;display: block;color: #fff;left: 20px;bottom: 35px;position: absolute}
#tab .tabCon div {opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;}
#tab .tabCon div.cur {opacity: 1;filter: alpha(opacity=100);}


@media screen and (max-width: 1440px) {
    #tab {height: 550px;}  
    #tab .tabList ul li {width: 108px;}
}


@media screen and (max-width: 1280px) {
    .sy_cont4 .cont_l p{font-size: 2em;}
    #tab {height: 495px;}
    #tab .tabList ul li{width: 92px;}
}

@media screen and (max-width: 1200px) {
    #tab {height: 475px;}
    #tab .tabList ul li{width: 88px;}
}

@media screen and (max-width:790px){
    .sy_cont4{display: none;}  
}

.index_6{padding: 5vw 0 8vw 0;display: block;clear: both; background: #feeae2;}
.index_6 h2{text-align: center;font-size: 3.5em;}
.index_6 h3{text-align: center;  font-size: 1.5em; font-weight: 500; line-height: 2;}
.index_6_2_mid{position:relative;}
.index_6_2_mid_1{overflow:hidden}
.index_6_2_mid_1 img{width:100%;}
.index_6_2 .swiper-slide{padding: 0 calc((100vw - 986px) * 0.0375); width:986px;}
.index_6_2_mid_1{overflow:hidden; position:relative;background: #000;}
.index_6_2_mid_1 img{width:100%; opacity: 0.7;}
.index_6_2_mid_1:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img22.png);
content:''; position:absolute; left:50%; bottom:-2.17028380634391%; width:64.40162271805274%; height:2.17028380634391%; z-index:1;transform:translateX(-50%);transition-delay:.7s;}
.swiper-slide-active .index_6_2_mid_1:after{bottom:0;}
.index_6_2_mid_footer{position:absolute; left:0; bottom:13.35559265442404%; z-index:10; width:100%; text-align:center; color:#fff;}
.index_6_2_mid_footer_mid_1{ position:relative;font-size:2.08333333333333vw;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);}
.index_6_2_mid_footer_mid_2{ position:relative;font-size:1em; line-height:1.8; margin-top:1.38em;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);transition-delay:.4s;display: -webkit-box;
-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all;}
.swiper-slide-active .index_6_2_mid_footer_mid_1,.swiper-slide-active .index_6_2_mid_footer_mid_2{opacity:1;transform:translateY(0px);}
.index_6_2_mid_footer_mid{margin:0 14%;}
.index_6_2{margin-top:4em;}
.swiper-slide_mid_2_left{ cursor:pointer;position:absolute; z-index:100;top:50%;transform:translateY(-50%); left:8%; width:4.8125em; height:4.8125em;}
#my_left{ width:100%; height:100%;left:0; top:0;}
#my_right{ width:100%; height:100%;right:0; top:0;}
#my_left:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img23.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
#my_right:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img24.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide_mid_2_right{ cursor:pointer;position:absolute; z-index:100;top:50%;transform:translateY(-50%); right:8%; width:4.8125em; height:4.8125em;}


.index_7{padding: 8vw 0 10vw 0;display: block;clear: both;background-image:url(../images/join.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_7 h2{text-align: center;font-size: 5em;color: #fff; line-height: 1.7;}
.index_7_1{ position:relative;  width:100%; text-align:center; z-index:10; margin-top: 2vw;}
.index_7_1 a{color: #fff;}
.index_7_1 a:hover{color: #fff;}

@media screen and (max-width: 1440px) {
    .index_7 h2{font-size: 4em}  
}

@media screen and (max-width:790px){
    .index_6 h2{font-size: 2em;}
    .index_6 h3{ font-size: 1em;} 
    .index_6_2{margin-top: 2em;}
    .swiper-slide_mid_2_left{width: 3em; height: 3em;left: 2%;}
    .swiper-slide_mid_2_right{width: 3em; height: 3em;right:2%;}
    .index_6_2_mid_footer_mid_1{font-size: 1em;}
    .index_6_2_mid_footer_mid_2{font-size: 16px;}

    .index_7 h2{font-size: 2em}  
}


.index_8{padding: 5vw 0;display: block;clear: both;}
.index_8_1{margin-top:4em;width: 85%; margin: 0 auto;}
.index_8_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;}
.index_8_1 ul li:nth-child(3n){margin-right:0}
.index_8_1_mid_1{overflow:hidden; position:relative;}
.index_8_1_mid_1 img{width:100%;}
.index_8_1_mid_2{padding:3% 5%; background: #fff;}
.index_8_1_mid_2_1{color:#ff7400;font-family:Calibri;}
.index_8_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_8_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_8_2{text-align:center; margin:4.375em 0;}
.index_8_1_mid{overflow:hidden; position:relative}
.index_8_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#ff7400;border-radius:20px 20px 0 0;  }
.index_8_1 ul li:hover .index_8_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_8_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_8_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_8_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_8_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_8_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_8_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_8_1 ul li:hover .index_8_1_mid_1:after{opacity:1;}

@media screen and (max-width:790px){
    .index_8_1 ul li{width: 100%;}  
}

/************footer*********************/
.footer_top{ background-image:url(../images/footer/img2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;position:absolute; left:0; top:-3.125vw; width:96.875%; height:79%;}
.footer_mid{ overflow:hidden;position:relative; z-index:10; margin-left:3.125%;  background-image:url(../images/footer/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
#footer{  position:relative; z-index:10; background-color:#fff;}
.footer_mid_mid_1{ padding-bottom:3.64583333333333vw;text-align:center; padding-top:5.20833333333333vw;}
.footer_mid_mid_1 img{max-width:9.89583333333333vw;}
.footer_mid_mid_2{margin-left:6.25vw; background-image:url(../images/footer/img17.jpg); position:relative;}
.footer_mid_mid_2:after{content:''; position:absolute; left:2%; width:95%; top:10px; height:1px; border-top:2px #fff dashed;}
.footer_mid_mid_2:before{content:''; position:absolute; left:2%; width:95%; bottom:10px; height:1px; border-top:2px #fff dashed;}
.footer_mid_mid_2 ul li{display:inline-block; padding:1em 0 1.4em 0;}
.footer_mid_mid_2 ul li a{ display:inline-block; padding:0 1.5em 0 .75em;color:#fff; font-size:2.55em; font-weight:bold; font-style:italic; position:relative}
.footer_mid_mid_2 ul li a span{display:inline-block; position:relative}
.footer_mid_mid_2 ul li a span:after{-webkit-transform: translate(0%, -50%);  transform: translate(0%, -50%); content:''; position:absolute; left:0; width:0%; height:.2em; background-color:#fff; bottom:0;
transition: all 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);}
.footer_mid_mid_2 ul li a:hover span:after{width:100%;}
.footer_mid_mid_2 ul li a:after{content:''; position:absolute; right:0; bottom:50%;-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width:0.7708333333333333em; height:0.7708333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; }
.footer_mid_mid_2 ul{margin-left:2.5em;}
.footer_mid_mid_2 ul li:last-child a{padding-right:0}	
.footer_mid_mid_2 ul li:last-child a:after{display:none}
.footer_mid_mid_3{text-align:center; padding-left:3.125vw; padding-right:3.125vw;}
.footer_mid_mid_3_1{  font-family: 'Roboto Lt'; margin-bottom:1vw; font-size:3.5em; font-weight:bold; margin-top:3.85416666666667vw;}
.footer_mid_mid_3_2{font-size:1.875em; line-height:1.6; margin-bottom:2vw;}
.footer_mid_mid_3_3{text-align:center; padding-bottom:8.48958333333333vw;}
.footer_mid_mid_3_3 ul li{display:inline-block; margin:0 1em;}
.footer_mid_mid_3_3 ul li a{ border-radius:100%; background-color:#fff; width:4.375em; height:4.375em; position:relative; display:block}
.footer_mid_mid_3_3 ul li:nth-child(1) a span{position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); width:1.75em; height:2em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img3.png);}
.footer_mid_mid_3_3 ul li:nth-child(1) a:hover span{background-image:url(../images/footer/img3on.png);}	
.footer_mid_mid_3_3 ul li:nth-child(2) a span{position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); width:2.5625em; height:2.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img4.png);}
.footer_mid_mid_3_3 ul li:nth-child(2) a:hover span{background-image:url(../images/footer/img4on.png);}	
.footer_mid_mid_3_3 ul li:nth-child(3) a span{position:absolute; z-index:10; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:3.1875em; height:1.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/footer/img5.png);}
.footer_mid_mid_3_3 ul li:nth-child(3) a:hover span{background-image:url(../images/footer/img5on.png);}	
.footer_cp{font-size:1.125em; color:#000; text-align:center; line-height:1.6; padding:1em 0; background-color:#fff;}	
.footer_mid_mid_3_3 ul li a:after,.footer_mid_mid_3_3 ul li a:before {pointer-events: none;position: absolute;width: 100%;height: 100%;border-radius: 50%;content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;top: -2px;left: -2px;padding: 2px;z-index: -1;background: #fff;-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;-moz-transition: -moz-transform 0.2s, opacity 0.3s;transition: transform 0.2s, opacity 0.3s;}
.footer_mid_mid_3_3 ul li a:before{display:none;background-color:#fa8f3f;}
.footer_mid_mid_3_3 ul li a:hover:before{display:block}
.footer_mid_mid_3_3 ul li a:hover:after {-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);opacity: 0; background-color:#fa8f3f;}
.footer_mid_mid_3_3 ul li a:hover{background-color:#fa8f3f;  }

.menu-social-media .footer_mid_mid_3_3 ul li a{background:none;  }
.menu-social-media .footer_mid_mid_3_3 ul li a::after,.menu-social-media .footer_mid_mid_3_3 ul li a::before{background:none; border:1px #fff solid;}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(1) a span{background-image:url(../images/footer/img3on.png);}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(1) a:hover span{background-image:url(../images/footer/img3.png);}
.menu-social-media .footer_mid_mid_3_3 ul li a:hover::after,.menu-social-media .footer_mid_mid_3_3 ul li a:hover::before{background-color:#fff;}

.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(2) a span{background-image:url(../images/footer/img4on.png);}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(2) a:hover span{background-image:url(../images/footer/img4.png);}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(3) a span{background-image:url(../images/footer/img5on.png);}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(3) a:hover span{background-image:url(../images/footer/img5.png);}


/**********le*********************/
.nybanner{position:relative; width:100%; height:90vh; background: #000;}
.nybanner_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; opacity: 0.5;}
.mobilebanner{display:none; width:100%;height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_mask{position:absolute; left:0; bottom:0; z-index:10;} 
.le_b{max-width:54.47916666666667vw;}
.about_1_mid_left{ position:relative;float:left; width:48.72852233676976%;}
.about_1_mid_left_img{overflow:hidden; width:100%;}
.about_1_mid_left_img img{width:100%;}
.about_1_mid_right{float:right; width:44.67353951890034%;} 
.about_1_mid_right_1 ul li{font-weight:bold; letter-spacing:2pt; position:relative;display:inline-block; font-size:3.5em; font-style:italic; padding-left:0.2em;}


.about_1_mid_right_1 ul li:nth-child(2){-webkit-text-stroke: 1px rgb(0, 0, 0); color:rgba(0,0,0,0)}
.about_1_mid_right_1 ul li:nth-child(1){padding-left:0; padding-right:.2em;}
.about_1_mid_right_1 ul li:nth-child(1):after{display:none}
.about_1_mid_right_1 ul{display:inline-block; position:relative; padding:1.25em 0;}
.about_1_mid_right_1 ul:before{ z-index:10;transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);content:''; position:absolute; left:0; top:0; width:0%; height:0.4375em; background-color:#000;}
.about_1_mid_right_1 ul:after{ z-index:10;transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);content:''; position:absolute; left:0; bottom:0em; width:0%; height:0.4375em; background-color:#000;}
.about_1_mid_right_1.animated ul:before,.about_1_mid_right_1.animated ul:after{width:100%;}
.about_1_mid_right_2{font-size:1.25em; line-height:1.8; margin-top:2em; margin-bottom:3em;}
.about_1_mid_right_2 p{margin-bottom: 1em;}
.about_1_mid_right_3{text-align:right}
.about_1_mid_right_3_img{display:inline-block; overflow:hidden; max-width:21.61458333333333vw;}
.about_1{margin-top:9.89583333333333vw;}
.about_1_mid_left_r{ right:9.59097320169252%; top:-4.6875vw;position:absolute; z-index:10; width:3.75vw;}
.about_1_mid_left_f{ z-index:10; width:37.03125vw;position:absolute; bottom:3.75vw; right:9.59097320169252%}
.about_1_mid_right_1_white ul:before,.about_1_mid_right_1_white ul:after{background-color:#fff;}
.about_1_mid_right_1.about_1_mid_right_1_white ul li:nth-child(2){-webkit-text-stroke: 1px rgb(255, 255, 255);}

.about_2{ background-color:#f6fafe;position:relative; padding:7.875em 0 6.6875em 0; margin: 4em 0;}
.about_2_bg{position:absolute; right:0; top:0; height:100%; width:92%;}
.about_2_bg_img{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sewenhua.jpg);}
.about_2_mid{background-color:rgba(255,116,0,.74); padding:5em 0;position:relative; z-index:10; width:63.64583333333333%; color:#fff;}
.index_1_mid_right_1 span.ww{color:#fff;}
.index_1_mid_right_1 span.ww:after{background-color:#fff;}
.about_2_mid_mid{margin-left:29%; margin-right:9%;}
.about_2_mid_mid_2{font-size:2.08333333333333vw; line-height:1.5;}
.about_2_mid_mid_3_2{color:#fff; line-height:1.5; font-size: 1.25em;}
.about_2_mid_mid_3_1{font-size:1.7em; margin-bottom:.5em;}
.about_2_mid_mid_3{padding-top:.75em;}
.about_2_mid_mid_3 ul li{margin-top:1.5em;}
.about_3{ overflow:hidden;position:relative; background-color:#f6fafe;}
.about_2_3_mid{margin:0 15%; position:relative; z-index:10;}


@media screen and (max-width: 1440px) {
    .nybanner{height: 80vh;}  
    
}

/**************beer*******************/
.co_mid{margin:0 auto; width:81.77083333333333%;}
.co_1_1{text-align:center; margin:0 auto; max-width:40vw; font-size:6em; font-weight: bold;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#f23926, #cf8d31);}
.co_1{margin-top:6.96875vw; margin-bottom:4.32291666666667vw;}
.co_2{text-align:center;  }
.co_2 ul li{ font-weight:bold; letter-spacing:2pt; margin:0 .5em; margin-bottom:1em;display:inline-block; position:relative; font-size:2.15em; font-style:italic;}
.co_2 ul li a{ padding:.18em 1em; color:#000; overflow:hidden;transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975);display:block; border:0.1453488372093023em #000 solid; position:relative}
.co_2 ul li a span{display:block; position:relative; z-index:10;}

.co_2 ul li a:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#000;border-radius: 100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.co_2 ul li a:hover,.co_2 ul li a:focus,.co_2 ul li a:active,.co_2 ul li a.on {color: white;}
.co_2 ul li a:hover:before,.co_2 ul li a:focus:before,.co_2 ul li a:active:before,.co_2 ul li a.on:before {-webkit-transform: scale(2);transform: scale(2);}
.co_3{margin-top:2.43125vw;}
.co_3_mid ul li{ position:relative; float:left; width:50%; /*padding:2.34375vw 0;*/}
.co_3_mid ul li:after{content:''; position:absolute; right:0; top:0; height:100%; background-color:#000; width:.5em;}
.co_3_mid ul li:nth-child(2n):after{display:none}
.co_4{ text-align:center;margin-top:5.20833333333333vw; margin-bottom:10vw;}


/*******************************/
#header .header_mid_left a img:nth-child(2){display:none}
#header.cur{background-color:#fff;}
#header.cur .header_mid_left a img:nth-child(2){display:block}
#header.cur .header_mid_left a img:nth-child(1){display:none}

body.show-menu #header.cur .header_mid_left a img:nth-child(2){display:none}
body.show-menu #header.cur .header_mid_left a img:nth-child(1){display:block}


#header.cur .header_mid_mid ul li a.biga,#header.cur .header_mid_right ul li a{color:#000;}
#header.cur .header_mid_mid ul li a.biga,#header.cur .header_mid_right ul li{padding:1.5em 0;}
#header.cur.headroom--unpinned{top:-100px;}
#header.cur .header_mid_mid ul li a.biga:after{background-color:#000;}
.menu-social-media .footer_mid_mid_3_3 ul li{font-size:.5em}
.menu-social-media .footer_mid_mid_3_3 ul li:nth-child(1){margin-left:0}
.show-menu .menu-list ul li ul li a{font-weight:normal}
.co_info_1{ margin-bottom:2.29166666666667vw;color:#3b3b3b; line-height:1.6; margin-top:5.20833333333333vw;font-size:1.125em;}
.co_info_1 a{color:#3b3b3b;transition: all .5s cubic-bezier(0.555, 0.205, 0.295, 0.975); }
.co_info_1 a:hover{color:#000;}
.co_info_2_mid{position:relative;}
.co_info_2_mid_left{width:62.33676975945017%;}
.co_info_2_mid_left img{width:100%;}
.co_info_2_mid_right{ background-image:url(../images/co/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover;position:absolute; right:0; top:0; height:100%; width:37.66323024054983%; color:#fff;}
.co_info_2_mid_right_mid{position:absolute; left:12%; width:76%; top:50%;-webkit-transform: translate(-0%, -50%); transform: translate(-0%, -50%);}
.co_info_2_mid_right_mid_1{font-size:1.5em;}	
.co_info_2_mid_right_mid_2{font-size:3.4em; margin-top:.3em; font-weight:bold; margin-bottom:.875em;}
.co_info_2_mid_right_mid_3{font-size:1.875em; line-height:2;}
.co_info_2_mid_right_jxw{ bottom:-15.45827633378933%;position:absolute; z-index:10; right:5%; width:34.50479233226837%;}
.co_info_2{margin-bottom:5.88541666666667vw;}
.co_info_3_mid_left{float:left; width:47.4914089347079%;}
.co_info_3_mid_right{ margin-top:5vw;float:right; width:47.83505154639175%;}
.co_info_3{margin-bottom:7vw;}
.co_info_3_mid_left_2{ line-height:2; margin-top:2.5em;color:#3b3b3b}
.co_info_3_mid_jj{line-height:1.6; color:#3b3b3b}


.co_b{max-width:44.73958333333333%;}
.el_b{max-width:36.66666666666667vw;}
.el_1_mid ul li{ margin-bottom:6.77083333333333vw;
float:left; width:29.69072164948454%; margin-right:5.4639175257732%;}
.el_1{margin-bottom:6.77083333333333vw; margin-top:9vw;}
.el_1_mid ul li:nth-child(3n){margin-right:0}
.el_1_mid_mid_bg img{width:100%; border-radius:10px;}
.el_1_mid_mid{position:relative;}
.el_1_mid_mid_img{ text-align:center;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:5%; width:80%; bottom:10%;}
.el_1_mid_mid_img img{max-width:100%;}
.el_1_mid_mid_t{ color:#fff;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; z-index:10; right:5%; top:1.5625vw;}
.el_1_mid_mid_t span{ text-align:center;   font-size:1.45em; letter-spacing:2.5pt;
writing-mode: vertical-rl; display:block; margin-top:.5em; padding-left:1.5pt;}
.el_1_mid ul li:hover .el_1_mid_mid_img{
width:84%; left:8%}
.el_1_mid ul li:hover .el_1_mid_mid_t{opacity:0;}
.el_1_mid_mid_jj{ color:#fff;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;
position:absolute; z-index:10; width:90%; left:5%; bottom:1.5625vw;}
.el_1_mid ul li:hover .el_1_mid_mid_jj{opacity:1}
.el_1_mid_mid_jj_bg{ border-radius:1em;position:absolute; left:0; top:0; width:100%; height:100%; opacity:.66;box-shadow: 0 0 0 1px rgba(255,255,255,.5);}
.el_1_mid_mid_jj_mid{position:relative; z-index:10; margin:1vw;}
.el_1_mid_mid_jj_mid_2{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; overflow:hidden; margin-top:10px;}
.el_1_mid_mid_jj_mid_1{font-size:1.5em;}
.el_1_mid_mid_jj_mid_1 span{padding-left:.2em;}
#lu.elmid{background-image:url(../images/el/img6.jpg);}
#lu.elmid2{background-image:url(../images/el/img10.jpg);}
.sty_1_1 ul li{ margin-top:6.25vw;float:left; width:47.83505154639175%;}
.sty_1_1 ul li:nth-child(2n){float:right;}
.sty_1_1 ul li:nth-child(1){margin-top:0}
.sty_1_1_mid{overflow:hidden}
.sty_1_1_mid img{
width:100%;}
.sty_1_1{
margin-top:7vw;}
/*************************/
.j_b{max-width:48.07291666666667%;}
.j_1{ overflow:hidden; padding-bottom:12.73958333333333vw; position:relative; margin-bottom:0vw;background-image:url(../images/j/img9.jpg); color:#fff; background-position:center top; background-repeat:repeat; }
.j_1_sj{ z-index:10;position:absolute; width:100%;   left:0; bottom:0; }
.j_1_sj img{width:100%;}



.j_1_mid_mid{position:relative;}
.j_1_mid_mid_right{ position:relative;width:49.67353951890034%; margin-left:50.32646048109966%;}
.j_1_mid_mid_right:after{ background-color:#fff; opacity:.26; width:100%; height:100%;content:''; position:absolute; left:-1.375em; bottom:-1.375em;}  
.j_1_mid_mid_right_img{overflow:hidden; position:relative; z-index:10;}
.j_1_mid_mid_right_img img{width:100%;}
.j_1_mid_mid_left{position:absolute; z-index:10; top:50%; width:43.98625429553265%;-webkit-transform: translate(-0%, -50%);  
transform: translate(-0%, -50%); left:0;}
.j_1_mid_mid_left_1{font-size:4.375em;  } 
.j_1_mid_mid_left_2{font-size:2.25em; line-height:1.6; margin-top:.6em;}
.j_1_mid ul li:nth-child(2n) .j_1_mid_mid_right{margin-left:0}
.j_1_mid ul li:nth-child(2n) .j_1_mid_mid_left{left:auto; right:0;}
.j_1_mid ul li{margin-top:5.41666666666667vw;}
.j_1_mid ul li:nth-child(1){margin-top:6vw;}
.j_1_mid ul li:nth-child(2n) .j_1_mid_mid_right:after{left:auto; right:-1.375em;}
.j_top_1{text-align:center; color:#fff; font-size:1.5em; letter-spacing:3pt;}
.j_top_2{text-align:center;}
.j_top_2 .about_1_mid_right_1 ul:before,.j_top_2 .about_1_mid_right_1 ul:after{display:none}
#kk .about_1_mid_right_1 ul:after{ bottom:5%; display:block;height:40%; background:none; background-image:url(../images/j/img12.jpg); background-size:cover;}
#kk .about_1_mid_right_1 ul li{z-index:20;}
.j_2_mid{margin:4vw auto 8vw auto;}
.j_top{margin-top:9.89583333333333vw;}
.j_top_1_black{color:#000;}
.j_3{ margin-top:5vw; overflow:hidden; position:relative; padding-top:4vw; padding-bottom:13.80208333333333vw;background-image:url(../images/j/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.j_3_bg{position:absolute; left:0; top:0; width:100%; z-index:10;}
.j_3_bg img{width:100%;}
.j_3_1_mid{margin:3.125vw 3.125%; text-align:center}
.j_3_1_mid ul{width: 85%; margin:4% auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap; }
.j_3_1_mid li{background: #fa8420; width: 11.5%; height: 90px; text-align: center; padding:30px 0 20px 0;}
.j_3_1_mid li i{font-size: 40px; display: block;transition: .5s;}
.j_3_1_mid li em{font-size: 15px; margin-top: 10px;display: block;}
.j_3_1_mid li:hover i{margin-top: -15px;}
.j_3_2{text-align:center;}
.j_3_2_2{font-size:1.5em; margin-top:1em; margin-bottom:.5em;}
.j_3_2_3{font-family: 'Roboto Lt'; font-size:4.375em; font-weight:bold;}
.j_3_2_4{font-size:1.125em; line-height:1.6; margin-top:1em;}
.swiper-container-video .swiper-slide {padding:0 calc((100vw - 40.54166666666667vw) * 0.0604166666666666);width: 40.54166666666667vw;}
.j_2_mid_mid{ padding-left:2.5vw; padding-bottom:2.5vw;position:relative; margin-bottom:2.5vw;}
.j_2_mid_mid_right{position:relative; z-index:10;}
.j_2_mid_mid_right_num{-webkit-text-stroke: 1px rgb(0, 0, 0);color: rgba(0,0,0,0); font-weight:bold;position:absolute; left:0; bottom:-4.6875vw; z-index:10; font-size:4vw;}
.j_2_mid_mid_right img{width:100%;}
.j_2_mid_mid_left{position:absolute; left:0; top:3em; width:calc(100% - 3em); height:calc(100% - 3em); background-image:url(../images/j/img18.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
#zbn{ text-align:center; overflow:hidden;position:absolute; z-index:10; width:3.02083333333333vw; height:3.02083333333333vw; top:50%;-webkit-transform: translate(-0%, -50%);  
transform: translate(-0%, -50%); left:calc((100vw - 63.54166666666667vw) * .5 - 3.02083333333333vw - .75520833333333vw); border-radius:100%; box-shadow: 0 0 0 2px rgba(0,0,0,1); cursor:pointer;}
#ybn{position:absolute; overflow:hidden; z-index:10; width:3.02083333333333vw; height:3.02083333333333vw; top:50%;-webkit-transform: translate(-0%, -50%);  
transform: translate(-0%, -50%); right:calc((100vw - 63.54166666666667vw) * .5 - 3.02083333333333vw - .75520833333333vw);border-radius:100%; box-shadow: 0 0 0 2px rgba(0,0,0,1); cursor:pointer;}
#zbn:before{ z-index:10;content:'<'; font-family:"宋体"; font-size:2.25em; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%);}
#ybn:before{ z-index:10;content:'>'; font-family:"宋体"; font-size:2.25em; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%);}	
#zbn:after{ border-radius:100%;content:''; position:absolute; left:-100%; top:0; width:100%; height:100%; background-image:url(../images/j/img19.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
#ybn:after{ border-radius:100%;content:''; position:absolute; right:-100%; top:0; width:100%; height:100%; background-image:url(../images/j/img19.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
#zbn:hover:after{left:0}
#ybn:hover:after{right:0}
#zbn:hover,#ybn:hover{color:#fff;box-shadow: 0 0 0 2px rgba(255,255,255,1);}
.j_2_mid_mid_name{text-align:center; font-size:2.15em; line-height:1.6;}
#header.cur .header_mid_right span:before,#header.cur .header_mid_right span:after {background-color:#000}
body.show-menu #header.cur{background:none}
body.show-menu .header_mid_mid ul{opacity:0; visibility:hidden}
.index_c_tt .about_1_mid_right_1_white{color:#fff;}
#ntb .about_1_mid_right_1 ul:before,#ntb .about_1_mid_right_1 ul:after{display:none}
.goup{ cursor:pointer;position:fixed; right:3.125vw; bottom:3.125vw; display:none; z-index:99; width:11.51041666666667vw;}

@media screen and (max-width: 790px) {
    .j_3_1_mid ul{width: 100%;}
    .j_3_1_mid li{width: 33%; margin-bottom: 1%;}
}


/*内页团队风采*/
.rongyumain {padding: 0 0 0px 0;}
.rongyumain .about_1_mid_right_1{margin: 0 auto;text-align: center;}

.rylist {overflow: hidden;padding:3vw 0 0 0px;max-width: 1500px;margin: 60px auto 0;}
.rylist li {float: left;width: 33.33%;margin-bottom: 50px;}
.rylist li .lin {padding: 0 30px;}
.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;}
.rylist li .pic {width: 100%;height: 310px;overflow: hidden;position: relative;font-size: 0;text-align: center;line-height: 310px;}
.rylist li img {max-width: 90%;max-height: 95%;}
.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
.rylist li h3 span {position: relative;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 1.2em;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;}
.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#ef7c00), to(#f8972e));
background-image: linear-gradient(to right, #ef7c00, #f8972e);}
.rylist li h3 span,.rylist li h3:before {-webkit-transition: .5s;transition: .5s;}
.rylist li:hover h3 span {color: #fff;background-image: url('../images/glass2h.png');border-top-color: transparent;}
.rylist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;}
@media screen and (max-width: 1440px) {
.rylist {padding: 0 0 40px;}
.rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
.rylist {padding: 0 0 30px; margin-top: 30px;}
.rylist li .lin {padding: 0 15px;}
.rylist li {width: 50%;}
.rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
.rongyumain {padding: 0px 0 40px;}
.rylist li {width: 50%;margin-bottom: 15px;}
.rylist li img{width: 100%; max-width: 100%; max-height: auto;}
.rylist li .pic{height: auto; line-height: 0;}
.rylist li h3 span{height: 30px; line-height: 30px;}
.rongyumain .intro {margin: 0px auto 10px auto;}
}


.nybanner_jj_lx{position:absolute; z-index:10; width:100%; bottom:19%;}
.nybanner_jj_1_lx{ color:#fff;font-family: 'Alibaba PuHuiTi 2.0 55';font-size:3.625em; font-weight:bold; margin-bottom:.5em;}
.nybanner_jj_lx_mid{margin:0 11.45833333333333%;}
.nybanner_jj_2_lx{  font-family: 'Alibaba PuHuiTi 2.0 55';font-size:5em;-webkit-text-stroke: 2px #fff; color:rgba(0,0,0,0);}

.lx_contact_1_mid{position:relative; padding:1.5625vw 0;}
.lx_contact_1_mid_left_1_1{color:#000; font-size:1.5em;}
.lx_contact_1_mid_left_1{margin-bottom: 2.5em;}
.lx_contact_1_mid_right{ overflow:hidden;position:absolute; right:0; top:0; height:100%; width:51.36417556346382%;}
.lx_contact_1_mid_right_bg{ border-radius:1.5625vw; overflow:hidden;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx_contact_1_mid .lx_about_3_1{margin-bottom:0em; font-size: 3.75em;font-weight: bold;}
.liuyan {font-size: 0;}
.liuyan .hang {width: 100%;margin-bottom: 32px;}
.liuyan label {display: block;font-size: 16px;color: #333;line-height: 30px;}
.liuyan input[type=text] {width: 40%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);
}
.liuyan textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 100%;line-height: 28px;font-size: 14px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color: #0a60c6;}
.liuyan input[type=text],.liuyan textarea {-webkit-transition: 0.3s;transition: 0.3s;}
.liuyan i.v {display: block;width: 100%;vertical-align: top;}
.liuyan .layui-form-item {height: 48px;margin-top: 46px;}
.liuyan .layui-textarea {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);}
.liuyan  .layui-btn{ display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #000;color: #fff;border: 1px solid #000;margin-top: 75px;}
.liuyan  .layui-btn:hover{background-color: #fff;color: #000;}

@media screen and (max-width: 1440px) {
    .nybanner_jj_2_lx{font-size: 4em;}
}



.lx_contact_1_mid_left_3 a{ border-radius:2.388888888888889em;display:block; width:9.777777777777778em; font-size:1.125em; height:2.388888888888889em; line-height:2.388888888888889em; text-align:center; background-color:#000; color:#fff;}
.lx_contact_1_mid_left_3 a span{  padding-right:1.5em;position:relative; display:inline-block;}
.lx_contact_1_mid_left_3 a span:after{ top:50%;-webkit-transform: translate(-0%, -50%);transform: translate(-0%, -50%); right:0;content:''; position:absolute; width:0.7222222222222222em; height:0.7777777777777778em; background-image:url(../images/contact/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx_contact_1{padding:8.75vw 0;}
.lx_contact_1 .lxmid{width: 85%; margin: 0 auto;}
.dsk{background-color:#ff7400;border-radius:50%;  opacity:0;-webkit-animation:ripple 4s ease-out 225ms infinite;-moz-animation:ripple 4s ease-out 225ms infinite;-o-animation:ripple 4s ease-out 225ms infinite;
animation:ripple 4s ease-out 225ms infinite; position:absolute; left:0; top:0; width:60px; height:60px; z-index:1;}

@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
@keyframes ripple2{0%{opacity:1;transform:scale(1.1,1.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
.dsk:before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:#ff7400;opacity:0; width:60px; height:60px;-webkit-animation:ripple2 4s ease-out 925ms infinite;-moz-animation:ripple2 4s ease-out 925ms infinite;-o-animation:ripple2 4s ease-out 925ms infinite;animation:ripple2 4s ease-out 925ms infinite}
.mp1{font-size:18px;}
.mp2{font-size:14px;}
.lx_contact_2{ overflow:hidden; border-radius:1.5625vw;position:relative; height:39.58333333333333vw; margin-bottom:8.33333333333333vw;}
#map{position:absolute; left:0; top:0; width:100%; height:100%;}
.lx_contact_2 img{max-width:none}
.lx_contact_2_jj{ color:#fff; right:2.60416666666667vw;position:absolute; z-index:10; top:0; height:100%; max-width:557px;}
.lx_contact_2_jj_mid{padding:4.16666666666667vw 3vw;border-radius: 1.5625vw;background-color: rgba(255,116,0,.92);}
.lx_contact_2_jj_mid .lx_contact_1_mid_left_1_1{color:#fff; }
.lx_contact_2_jj_mid_2{font-size:1.125em; line-height:1.8;}
.lx_contact_2_jj_mid_3 a{color:#fff; border-bottom:1px #fff solid; display:inline-block; padding:10px 0px; font-size:1.125em;}
.lx_contact_2_jj_mid_3 a span{padding-right:1.5em;display:inline-block; position:relative;}
.lx_contact_2_jj_mid_3 a span:after{top:50%;-webkit-transform: translate(-0%, -50%);transform: translate(-0%, -50%); right:0; content:''; position:absolute; width:0.7222222222222222em; height:0.7777777777777778em; background-image:url(../images/contact/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx_contact_2_jj_mid_3{margin-top:1.5em;}
@media screen and (max-width: 750px) {
    .liuyan input#tj {width: 100%;}
    .lx_contact_1_mid_right{display: none;}
    .lx_contact_1_mid .lx_about_3_1{font-size: 2em;}
    .lx_contact_1_mid_left_1_1{font-size: 1em; padding-top: 0.8em;}
    .lx_contact_2{height: 100vh;}
    }

.indexbanner .banner_img{  height:calc((100vh - 4px));}
.indexmid.indexmidhome{ margin-top:calc((100vh - 94px));}
.lx_index_1 .swiper-slide{width:145px;}
.lx_index_1 .lx_about_6_mid_2_img{height:96px;}
.lx_index_2_mid{position:relative; padding-left:52.19454329774614%;}
.lx_index_2_mid_left{ overflow:hidden; height:100%; border-radius:1.30208333333333vw;position:absolute; left:0; top:0; width:45.43297746144721%;}
.lx_index_2_mid_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.lx_index_1{border-bottom:1px #d6d6d6 solid;}
.lx_about_2_mid_right_1_index{margin-bottom:.4em;}
.lx_index_2_mid_right_2{margin-top:2.5em; border:none}
.lx_index_2_mid_right_3 ul li{float:left; width:32%; margin-right:2%; border-top:2px #000 solid; padding-top:1em;}
.lx_index_2_mid_right_3 ul li:nth-child(3n){margin-right:0}
.lx_index_2_mid_right_3_mid_1{font-size:3.75em;font-family: 'Impact';}
.lx_index_2_mid_right_3_mid_1 span{display:inline-block; position:relative;}
.lx_index_2_mid_right_3_mid_1 span:after{content:'+'; position:absolute; right:0; top:0;-webkit-transform: translate(100%, -0%);transform: translate(100%, -0%);}
.lx_index_2_mid_right_3_mid_2{font-size:1.125em; line-height:1.6;}
.lx_index_2_mid_right_3 ul li:last-child .lx_index_2_mid_right_3_mid_1 span:before{content:'亿'; position:absolute; right:0; top:0; font-size:.3em;-webkit-transform: translate(100%, -0%);transform: translate(100%, -0%);}

.lx_index_2_mid_right{ padding-bottom:3.125vw;padding-top:1.66666666666667vw;}
.lx_index_2_top{ position:relative; z-index:10;padding:7.8125vw 0;}
.lx_index_2_footer{ position:relative; z-index:10;padding-bottom:6.45833333333333vw;}
.lx_index_2{position:relative;}
.lx_index_2:after{ height:52.39583333333333vw; background-image:url(../images/index/img7.png); background-position:center; background-repeat:no-repeat; background-size:cover;content:'';  position:absolute; right:0; bottom:0; width:32.70833333333333vw;}
.lx_index_2_line{
background-color:#0c0c0c; border-radius:2.5vw 2.5vw 0 0; height:2.5vw; position:relative; z-index:10;}
.lx_index_3{ padding-top:3.38541666666667vw; position:relative;background-color:#0c0c0c; color:#fff; overflow:hidden; border-radius:0 0 2vw 2vw;}
.lx_index_3_mid_left_1{color:#fff;}
.lx_index_3_mid{position:relative;}
.lx_index_3_mid_right{position:absolute; right:0; bottom:0;}
.lx_contact_1_mid_left_3_blue a{background-color:#ff7400}
.lx_index_4_mid_left{float:left; width:43%;}
.lx_index_4_mid_right{float:right; width:57%;}
.lx_index_4_mid{ position:relative; overflow:hidden;border-top:1px #3d3d3d solid;border-bottom:1px #3d3d3d solid;}
.lx_index_4_mid:after{content:''; position:absolute; left:43%; top:0; height:100%; width:1px; background-color:#3d3d3d;}
.lx_index_4_mid_left_mid{padding:4.42708333333333vw 4.42708333333333vw 4.42708333333333vw 0;}
.lx_index_4_mid_right_mid{padding-left:4.42708333333333vw; padding-top:4.42708333333333vw;}
.lx_index_4_mid_right_mid_mid{position:relative; padding-left:20em;}
.lx_index_4_mid_right_mid_mid_left{position:absolute; left:0; top:0;}
.lx_index_4_mid_right_mid_mid_left_mid{position:relative; padding-left:6em; min-height:4.3875em;}
.lx_index_4_mid_right_mid_mid_left_mid_left{position:absolute; left:0; top:0;}
.lx_index_4_mid_right_mid_mid_left_mid_left img{max-width:4.3125em;}
.lx_index_4_mid_right_mid_mid_left_mid_right_1{font-size:1.875em;}
.lx_index_4_mid_right_mid_mid_left_mid_right_2{font-size:1.5em;}
.lx_index_4_mid_right_mid_mid_right dl dd{ background-color:#181818; overflow:hidden; border-radius:5px; text-align:center;float:left; width:24.25%; margin-right:1%; margin-bottom:8px;}
.lx_index_4_mid_right_mid_mid_right dl dd:nth-child(4n){margin-right:0}
.lx_index_4_mid_right_mid ul li{ margin-top:4vw;display:block; width:100%; clear:both; overflow:hidden}
.lx_index_4_mid_right_mid_mid_right_mid{height:45px;}
.lx_index_4_mid_right_mid_mid_right_mid img{max-width:83%;}
.lx_index_4_mid_right_mid_mid_right dl dd:hover{background-color:#ff7400;}

@media screen and (max-width:1680px) {
.index_1_1_left{width:50%;}
.j_2_mid_mid_name{font-size:1.5em;}
#zbn{   left:calc((100vw - 63.54166666666667vw) * .5 - 3.02083333333333vw - 1.006944343749999vw);  }
#ybn{   right:calc((100vw - 63.54166666666667vw) * .5 - 3.02083333333333vw - 1.006944343749999vw);  }
.j_3_2_3{font-size:3em;}
.j_3_2_2{font-size:1.375em;}
.j_3_2_1 img{width:80px;}
.j_top_1{font-size:1.125em;}
.j_1_mid_mid_left_1{font-size:2.5em;}
.j_1_mid_mid_left_2{font-size:1.25em;}
.el_1_mid_mid_t span{padding-left:1pt}
.el_1_mid_mid_jj_mid_1 img{width:1.4em;}
.el_1_mid_mid_t img{width:28px;}
.el_1_mid_mid_jj_mid_1,.el_1_mid_mid_t span{font-size:1.25em;}
.el_1_mid_mid_jj_mid_2{font-size:.9375em;}
.co_info_1{font-size:1em;}
.co_info_2_mid_right_mid_2{font-size:2em;}
.co_info_2_mid_right_mid_1{font-size:1em;}
.co_info_2_mid_right_mid_3{font-size:1.125em;}
.co_2 ul li{font-size:1.65em;}
.le_2_mid .about_1_mid_right_2 p{font-size:1.25em;}
.about_1_mid_right_1 ul{font-size:.75em;}
.about_1_mid_right_2{font-size:1em;}
.show-menu .menu-list ul li{line-height:32px;}
.show-menu .menu-list ul li ul.sub-menu li{line-height:18px;}
.show-menu .menu-list ul li ul.sub-menu{margin-top:10px;}
.menu-list ul li a.da{font-size:1.25em;}
ul.sub-menu li a{font-size:15px;}
.menu-wrap{width:30%;}
.footer_cp{font-size:1em;}
.footer_mid_mid_3_3 ul li{font-size:.65em;}
.footer_mid_mid_3_1{font-size:2.5em;}
.footer_mid_mid_3_2{font-size:1.25em;}
.footer_mid_mid_2 ul li a{font-size:1.875em;}
.index_4_mid_mid_mid{margin:0 1.5em;}
.index_4_mid_mid .swiper-slide:after,.co_3_mid ul li:after{font-size:.75em;}
.index_4_mid_mid{margin:0 3.75em;}
.index_4_mid_left,.index_4_mid_right{font-size:.75em;}
.index_4_mid_mid_mid_jj_1{font-size:1.25em;}
.index_4_mid_mid_mid_jj_2{font-size:.9375em;}
.index_1_1_left_2,.index_2_mid_font_1{font-size:1em;} 
.vmore{font-size:1.25em;}
.index_1_1_left_1 span:before,.index_1_1_left_1 span:after {font-size:.75em;}
.menu-social-media .footer_mid_mid_3_3 ul li{font-size:.4em}
}

@media screen and (max-width: 1440px) {
    .indexbanner .banner_img{height: 90vh;}
    .banner_img_pc video{height: auto;}
}
@media screen and (max-width:1280px) {
.co_2 ul li{
font-size:1.25em;}
}
@media screen and (max-width:1200px) {
.index_4_mid_left, .index_4_mid_right{font-size:.5em;}
.index_4_mid_mid .swiper-slide:after{font-size:.5em;}
.le_2_mid .about_1_mid_right_2 p{font-size:1.125em;}
.co_info_2_mid_right_mid_2{font-size:1.375em;}
.co_info_2_mid_right_mid_3{font-size:1em;}
.co_3_mid ul li:after{font-size:.5em;}
.index_4_mid_mid_mid_jj_2{font-size:.875em;}
.index_4_mid_mid_mid_jj_1{font-size:1em;}
.header_mid_mid ul li{margin: 0 1vw;}
.mobile-inner-header-icon{ display:none;position:absolute; right:0; top:60%;-webkit-transform: translate(-0%, -50%);  transform: translate(-0%, -50%);}
.mobile-inner-header-icon:after{-webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);content:''; position:absolute; width:25px; height:1px; background-color:#fff; left:50%; top:50%;}
body.show-menu .mobile-inner-header-icon:after{display:none}
.mobile-inner-header-icon{color: #fff;height: 40px;font-size:25px;  text-align: center;float:right;width: 40px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 5);width: 25px;height: 1px;background-color: rgba(255,255,255,1);}
#header.cur .mobile-inner-header-icon{border-color:#000}
#header.cur .mobile-inner-header-icon span{background-color: rgba(0,0,0,1);}
#header.cur .mobile-inner-header-icon:after{background-color:#000;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}


@keyframes clickfirst {
0% {
transform: translateY(4px) rotate(0deg);

}

100% {
transform: translateY(0) rotate(45deg);
}
}	



@keyframes clicksecond {
0% {
transform: translateY(-4px) rotate(0deg);
}

100% {
transform: translateY(0) rotate(-45deg);
}
}	

.mobile-inner-header-icon-out span:nth-child(1){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outfirst;
}		
.mobile-inner-header-icon-out span:nth-child(2){
animation-duration: 0.5s;
animation-fill-mode: both;
animation-name: outsecond;
}

@keyframes outfirst {
0% {
transform: translateY(0) rotate(-45deg);
}

100% {
transform: translateY(-4px) rotate(0deg);
}
}	



@keyframes outsecond {
0% {
transform: translateY(0) rotate(45deg);
}

100% {
transform: translateY(4px) rotate(0deg);
}
}

.mobile-inner-nav{
background-color:#fff;
width: 100%;
position:fixed; z-index:100;
top: 80px;
height: calc(100vh - 80px);
left: 0px;

display: none;
}
.mobile-inner-nav ul li{
display: block;
line-height: 45px;
text-decoration: none;
padding:0 3.64583333333333%;
border-top: solid 1px rgba(0,0,0,0.3);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
font-weight:300;
}
.mobile-inner-nav ul li a{
display:block}
.mobile-inner-nav ul li dl{
display:none; line-height:32px;   font-size:15px; margin-bottom:1em;}
.mobile-inner-nav ul li dl a{
padding:0 1em;}
.ovh{
overflow:hidden}
@media screen and (max-width:1090px) {
.j_2_mid_mid_name{
font-size:1.25em;}
.swiper-container-video .swiper-slide {

padding:0 calc((100vw - 700px) * 0.0520833333333333);

width: 700px;

}
}
@media screen and (max-width:1024px) {
    .co_info_1{font-size: 15px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.menu{
padding-right:2.86458333333333vw}
.menu-wrap{
width:50%;}
.le_2_mid .about_1_mid_right_2 p,.about_1_mid_right_2{
font-size:14px;}
.j_1_mid_mid_left_1{
font-size:1.75em;}
.j_1_mid_mid_left_2{
font-size:1em;}
.about_1_mid_right_1 ul{
font-size:.5em;}
.j_top_1{
font-size:1em;}
.j_3_2_3{
font-size:1.875em;}
.j_3_2_2{
font-size:1.125em;}
.j_3_2_4{
font-size:1em;}
.footer_mid_mid_2 ul li a{
font-size:1.25em;}
.footer_mid_mid_3_2{
font-size:1em;}
.footer_mid_mid_1 img{
max-width:120px;
}
.footer_mid_mid_3_1{
font-size:1.875em;}
#footer .footer_mid_mid_3_3 ul li{
font-size:.45em;}


.news_video_1_1 span{
font-size:.5em;}
.news_video_1_2_2{
font-size:1.125em;}
.news_info_1_2_1{
font-size:1.25em;}
.news_info_1_mid{
margin:0 1.5em;}
.news_2_1_mid_mid{
padding-left:2em;}
.news_2_1_mid{
padding-left:160px;}
.news_2_1_mid_left_1{
font-size:1em;}
.news_2_1_mid_mid_1{
font-size:1.25em;}
.news_1_mid_right_mid_2{
font-size:1.25em;}
.about_2_mid_left{
width:48%;}
.mar_3_left{
margin-left:3.64583333333333%}
.mar_2_left_2_mid_sec{
margin-bottom:2em;}
.mar_2_right{
position:relative; width:100%; height:35vh;}
.mar_2{
min-height:inherit; padding-bottom:0}
.mar_2_left_2_mid{
margin-top:2em;}
.mar_mid{
margin:0 3.64583333333333%}
.mar_2_left{
margin-left:3.64583333333333%;margin-right:3.64583333333333%; width:auto;}
.pro_info_1{
padding-top:2em;}
.pro_info_1_2{
margin-top:2em;}
.index_3_3 ul li a{
padding:0 1.5em}
.index_3_3_2_left_1{
font-size:1em;}
#main{
}
.indexbanner_cir_c{
font-size:.5em;}
.indexbanner .swiper-pagination-bullet{
font-size:.75em;}
.indexbanner_jj{
font-size:2.5em;}
.mobile-inner-header-icon{
display:block}
.header_mid{
height:80px;}
#header{
}
.header_mid_mid,.header_mid_right{
display:none}
/*#header .header_mid_left a img:nth-child(2){
display:block}
#header .header_mid_left a img:nth-child(1){
display:none}*/
}
@media screen and (max-width:950px) {
.index_1_1_left_2{
margin-top:2em;}
.co_3_mid ul li{
width:50%;}
.co_3_mid ul li:nth-child(2n):after{
display:none}
.el_1_mid_mid_t img{
width:22.4px;}
.el_1_mid_mid_jj_mid_1, .el_1_mid_mid_t span{
font-size:1em;}
.about_1{
margin-bottom:2em;}
.about_2_mid_left{
margin-top:0}
.about_2{
padding-bottom:2em;}
.about_2_left_img{
display:none}
.about_2_mid_left{
width:100%;}
.about_2_mid_right{
width:100%;}
.pro_info_2_2{
font-size:1.125em;}
.pro_info_2_1{
font-size:1.5em;}
.pro_2_1_2{
font-size:1em;}
.pro_2_1_1 span{
display:none}
.pro_mid{
width:92.70833333333334%;}
.pro_1_1 ul li a{
font-size:1em;}




}
.pro_1_mobile_cate{
margin-top:1em; display:none; margin-bottom:2em}
.pro_1_mobile_cate select{border:none; width:100%; border-bottom:1px #dedede solid; background:none; padding:.5em 0;}
.j_3_1_mid img:nth-child(2){display:none}
.index_5_bg img:nth-child(2){display:none}
@media screen and (max-width:810px) {
    #lu{background-image:url(../images/bgc.jpg);}
#lu.elmid2{background-image:url(../images/img10.jpg);}
.index_5_bg img:nth-child(1){display:none}
.index_5_bg img:nth-child(2){display:block}
.menu-social-media .footer_mid_mid_3_3 ul li{font-size:.3em;}
.menu-list ul li a.da{font-size:1.125em;}
.j_3_1_mid img:nth-child(2){display:inline}
.j_3_1_mid img:nth-child(1){display:none}
.le_2_mid ul li.bli:nth-child(2n) .le_2_mid_mid{margin-left:0}
.le_2_mid_mid{width:96.875%}
.co_mid{margin:0 3.125%; width:auto}
.vmore{font-size:1em;}
.co_2 ul li{font-size:1em; margin:0 .2em;}
#zbn,#ybn{width:2em; height:2em;}
.swiper-container-video .swiper-slide {padding:0 calc((100vw - 550px) * 0.0520833333333333);width: 550px;}

.j_1_mid_mid_left_1{font-size:1.375em;}
.index_mid{width:auto; margin:0 3.125%;}
.contact_mid_right{margin-top:2em;}
.contact_mid_left{height:45vw; width:100%; position:relative;}
.contact_mid{padding-left:0;}
.news_video_1 ul li:nth-child(2n-1) a{padding-left:0}
.news_video_1 ul li:nth-child(2n) a{padding-right:0}
.news_video_1_2{margin:1.5em 0;}
.news_info_2_mid_4 ul li{width:100%;}
.news_info_2_mid_4 ul li:nth-child(2){text-align:left}
.news_info_1_2_1{margin-top:2em;}
.news_info_1_2_2{font-size:.875em; margin-bottom:1.5em;  padding-bottom:1.5em;}
.news_1_mid_left{width:100%; position:static;}
.news_1_mid_right{width:100%;}
.news_1_mid_left_bg{display:none}
.news_1_mid_left img{display:block}
.about_1_mid_right_1_mid_1 span{font-size:1.5em;}
.about_1_mid_left{width:100%;}
.about_1_mid_right{width:100%;}
.mar_3_left_mid_1{font-size:1.375em;}
.mar_3_left_mid_2{font-size:1.125em;}
.mar_3{ margin-bottom:2em;margin-top:2em;}
.mar_3 ul li{padding-top:0; padding-bottom:2em;}
.mar_3_left_mid_4{display:none}
.mar_3_left{margin-top:0}
.mar_3_left,.mar_3_right,.mar_3 ul li:nth-child(2n) .mar_3_left{ margin-left:3.64583333333333%;float:none; margin-right:3.64583333333333%; width:auto}
.mar_3_right{margin-top:1.5em;}
.index_1_mid_left_1{font-size:1.25em;}
.mar_1_mid_right_1{font-size:1.125em;}


.app_1_nav{color:#000; bottom:0; left:50%; right:auto;-webkit-transform: translate(-50%, -0%);
transform: translate(-50%, -0%);}
.app_1_jj_1{font-size:1.25em;}
.app_1_jj_2{font-size:1.125em;}
.app_1_jj{ padding-top:1.5em; padding-bottom:3em;position:static; color:#000;}
.app_1{margin-bottom:2em;}
.app_mid{width:92.70833333333334%;}
.pro_info_2_3{margin-top:1.5em;}
.pro_info_1_2_right{width:100%;}
.pro_info_1_2_right_3 ul li{padding:1em 0;}
.pro_info_1_2_right_2,.pro_info_1_2_right_1{font-size:1.125em;}
.pro_info_1_2_right_3{margin-top:.5em;}
.pro_info_1{padding-bottom:2em;}
.pro_info_1_2_left{width:100%;}
.pro_2_2 ul li{margin:0 5px;}
.pro_1_mobile_cate{display:block}
.pro_1_1,.pro_1_2{display:none}
.pro_2_1 ul li a{padding:0 1em;}
.pro_2_1 ul li{width:33.3333%;}


.nybanner_bg{}
.nybanner{height:30vh}
.mobilebanner{display:block}
.nybanner_jj_lx{display: none;}
.index_3_2{font-size:1.25em;}
.indexbanner_jj{font-size:2em;}
.banner_img_pc{display:none}
.banner_img_mo{display:block}
.banner_img{height:auto}
.index_1_mid{margin:0 3.64583333333333%}
.index_1_mid_left_1{font-size:1.5em;}
}
.index_2_1 img:nth-child(2){display:none}
@media screen and (max-width:768px) {
.header_mid_left{left:28%;}
.menu-list ul li.menu-item-has-children{margin:1em 0;}
.menu-wrap{width:80%;}
.index_2_mid_font_1{width:58vw; margin-top:2em;-webkit-line-clamp: 40;}
.index_2_mid_cir{display:none}
.index_2_1 img:nth-child(1){display:none}
.index_2_1 img:nth-child(2){display:block}
.apple-retail{padding:0 calc(3.125% + 3em);}
#zbn{left:3.125%;}
#ybn{right:3.125%;}
#ybn:before,#zbn:before{font-size:1.875em;}
.j_2_mid{}
.j_2_mid_mid_right_num{font-size:3em;}
.swiper-container-video .swiper-slide {padding:0;width:auto;}
.footer_mid_mid_2{display:none}
.footer_mid_mid_3_1{margin-top:0em;}
}
@media screen and (max-width:640px) {
.banner_num{font-size:1.125em;}
.index_4_mid_mid{margin:0 2em;}
.index_4_mid_left, .index_4_mid_right{font-size:.4em;}
.index_1_1_right{margin-left:0; margin-right:0}
.index_1_1_left{width:100%; position:static; margin-top:1.5em;}
.about_1_mid_right{margin-top:1.5em;}
.about_1_mid_left_f{left:1em;}
.about_1_mid_right_3_img{max-width:100%; text-align:center; display:block; width:100%; margin-top:1.5em;}
.about_1_mid_left,.about_1_mid_right{width:100%;}
.about_1_mid_right_2{margin-bottom:0em;}
.le_2_mid ul li.bli:nth-child(2n) .le_2_mid_mid_left{right:auto; text-align:left}
.le_2_mid_mid:after{width:100%;}
.le_2_mid ul li.bli:nth-child(2n) .le_2_mid_mid{margin-left:3.125%;}
.le_2_mid ul li.bli:nth-child(2n) .le_2_mid_mid_right{width:100%;}
.about_1_mid_right_2{padding-right:1em;}
.le_2_mid_mid_left{padding:1.5em 1em;}
.le_2_mid_mid{margin-left:3.125%; width:auto; margin-right:3.125%;}
.le_2_mid_mid_left{position:relative; z-index:10; left:0; top:0; width:auto}
.le_2_mid_mid_right{margin-left:0}
.co_info_2_mid_right_mid_2{font-size:1.125em;}
.co_info_2{margin-bottom:15vw;}
.co_info_2_mid_right_mid{position:static; width:auto;-webkit-transform: translate(-0%, -0%);transform: translate(-0%, -0%); padding:1.5em 1em;}
.co_info_2_mid_right{position:static; width:100%;}
.co_info_2_mid_left{width:100%;}
.co_2 ul li{margin-bottom:.5em;}
.el_1_mid ul li{width:49%; margin-right:0}
.el_1_mid ul li:nth-child(2n){float:right}
.contact_mid_right_2{margin-top:.5em;}
.contact_mid_right_1 ul li{width:100%;}
.contact_mid_right_2 a{display:block; width:100%;}
.news_info_1{padding-top:15vw;}
.news_info_1_2_1{ line-height:1.6;font-size:1.125em;}
.news_2_1_mid_mid_1{font-size:1.125em; margin-top:.5em;}
.news_2_1_mid{padding-left:0; padding-right:0}
.news_2_1_mid_left{position:static;}
.news_2_1_mid_mid{padding-left:0; border:none}
.news_2_1_mid_right{position:static; margin-top:10px;}
.news_2_1_mid_mid:after{display:none}
.news_2_1_mid_left_1,.news_2_1_mid_left_2{display:inline}
.news_1_mid_right_mid_3{margin-bottom:1.5em;}
.view_info{height:40px; line-height:40px;}
.news_1_mid_right_mid_1{font-size:.9375em;}
.news_1_mid_right_mid_2{font-size:1.125em; margin-bottom:1em; padding-bottom:1em;}
.mar_2_left_2_mid_tab_3_mid{transform: scale(.9, .9);}
.mar_1_mid_left{width:100%;}
.mar_1_mid_right{width:100%;}
.app_1_nav{font-size:1em;}
.pro_info_2_1{font-size:1.25em;}
.index_3_3 ul li:nth-child(2n-1) a{padding-left:0}
.index_3_3 ul li:nth-child(2n) a{padding-right:0}
.index_3_3 ul li:nth-child(3) a::before {display:none}
.index_3_3 ul li{width:50%; margin-bottom:1.5em;}


.index_1{
margin-top:2em; margin-bottom:2em;}
.index_1_mid_left{
width:100%; margin-top:0}
.index_1_mid_right{
width:100%;}
.index_1_mid_left_3_mid_right{
display:none}
.index_1_mid_left_3_mid{
width:100%; margin-bottom:1em;}
}
@media screen and (max-width:550px) {
.index_4_mid_mid_mid{
margin:0}
.co_3_mid ul li{
width:100%;}
.co_3_mid ul li:after{
display:none}
.news_video_1 ul li{
width:100%;}
.about_1_mid_right_1 ul li,.about_1_mid_right_1 ul li:last-child{width:auto; margin-top:0;}
.about_1_mid_right_1 ul li:nth-child(3):after {
display:none}
.about_1_mid_right_1_mid{
text-align:center}
.about_1_mid_right_1_mid_1 span{
font-size:1.375em;}
}
@media screen and (max-width:480px) {
.header_mid_left img{max-width:60%;}
.index_1{overflow:visible; margin-top:18vw;}
.co_info_2{margin-bottom:30vw;}
.co_info_2_mid_right_mid{padding-top:4em; padding-bottom:5em}
.el_1_mid ul li{margin-bottom:15vw;}
.sty_1_1 ul li{width:100%;}
.co_info_3_mid_left_2{margin-top:1.5em;}
.co_info_3_mid_left,.co_info_3_mid_right{width:100%;}
.footer_cp{padding-right:3.125vw;}
.j_2_mid_mid_right_num{
font-size:2em; bottom:-1em;}
.j_2_mid_mid_name{
font-size:1em;}
.j_1_mid_mid_right:after {
left:-1em; bottom:-1em;}
.j_1_mid_mid_left_1{
font-size:1.125em;}
.j_1_mid_mid_right{
margin-left:1em; margin-right:0em; width:auto;}
.j_1_mid_mid_left{ margin-top:2em;
position:static; width:100%;-webkit-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);}
.about_1_mid_right_1 ul{
font-size:.4em;}
.footer_cp{font-size:14px;}
.footer_cp img{max-width: 30%;}
.footer_mid_mid_3_2{font-size:15px;}
.footer_mid_mid_1 img{
max-width:90px;}
.footer_mid_mid_3_2{
margin-bottom:1.5em;}
.footer_mid_mid_3_1{
font-size:1.5em;}
.view_info{
width:100%; text-align:center}
.view_info span{
margin-left:0}
.pt1{
font-size:1.125em;}
.mar_2_left_2_mid_mid_left img{
max-width:32px;}
.mar_2_left_2_mid_mid_left{
width:60px;}
.mar_2_left_2_mid_mid{
padding-left:60px; height:auto; padding-top:1.5em; padding-bottom:1.5em;}
.mar_2_left_2_mid ul li{
width:100%;}
.mar_1_mid_right_3 div{
width:100%;}
.pro_info_1_2_right{
margin-top:1.5em;}
.pro_info_1_2_right_5 ul li a{
width:40px;}
.pro_info_1_2_right_5 ul li a.on{
width:32px;}
.pro_2_1 ul li a{
padding:0 .5em}
.pro_2_1 ul li:nth-child(2n-1) a{
padding-left:0}
.pro_2_1 ul li:nth-child(2n) a{
padding-right:0}
.pro_2_1 ul li{
width:50%;}


.index_3_3 ul li{
width:100%;}
.index_3_3 ul li a{
padding:0;}
.index_3_3 ul li a:before{
display:none}
.index_3_3_2_right{
font-size:.75em;}
.indexbanner_cir_c{
font-size:.4em;}
.indexbanner .swiper-pagination-bullet{
font-size:.5em;}
.indexbanner_jj{
font-size:1.5em;}
.index_1_mid_left_1{
font-size:1.25em;}
.index_3_2{
font-size:1.125em;}
.apple-retail{
padding:0 3.125%;}
#zbn{
left:8%;}
#ybn{
right:5%;}
#zbn:after{
left:0}
#ybn:after{
right:0}
#zbn,#ybn{
color:#fff;box-shadow: 0 0 0 2px rgba(255,255,255,1);}
}
.indexbanner_cir_c a.job_hd_left_zb:before {
background-image:url(../images/img1.png);}

.index_4_mid_mid_mid_pic_c{
display:none}
.pff{ width:20.32332563510393%; position:absolute; z-index:10; top:3.125vw;
position:absolute; right:4.6189376443418%; z-index:100;}
.index_4_mid_mid_mid_jj_3 .vmore_white{
color:#000}
.index_4_mid_mid_mid_jj .index_4_mid_mid_mid_jj_3 .vmore:after {
background-color:#fff}


.lxmid{background: #fff;}