/* 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: AlibabaPuHuiTi-2-35-Thin;
	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.eot) format('embedded-opentype'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.otf) format('opentype'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.ttf) format('TrueType'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.woff) format('woff'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.woff2) format('woff2');
}*/
@font-face {
	font-family: AlibabaPuHuiTi-2-35-Thin;
	src:url(../fonts/AlibabaPuHuiTi-2-35-Thin.eot) format('embedded-opentype'),
url(../fonts/AlibabaPuHuiTi-2-35-Thin.otf) format('opentype'),
url(../fonts/AlibabaPuHuiTi-2-35-Thin.ttf) format('TrueType'),
url(../fonts/AlibabaPuHuiTi-2-35-Thin.woff) format('woff'),
url(../fonts/AlibabaPuHuiTi-2-35-Thin.woff2) format('woff2');
}

@font-face {
	font-family: AlibabaPuHuiTi-2-55-Regular;
	src:url(../fonts/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'),
url(../fonts/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype'),
url(../fonts/AlibabaPuHuiTi-2-55-Regular.ttf) format('TrueType'),
url(../fonts/AlibabaPuHuiTi-2-55-Regular.woff) format('woff'),
url(../fonts/AlibabaPuHuiTi-2-55-Regular.woff2) format('woff2');
}
.news_mid_mid_1_mid_right_1{font-family: AlibabaPuHuiTi-2-55-Regular;}
 
@font-face {
	font-family: Playfair Display;
	src:url(../fonts/PlayfairDisplay-Regular.eot) format('embedded-opentype'),
url(../fonts/PlayfairDisplay-Regular.otf) format('opentype'),
url(../fonts/PlayfairDisplay-Regular.ttf) format('TrueType'),
url(../fonts/PlayfairDisplay-Regular.woff) format('woff'),
url(../fonts/PlayfairDisplay-Regular.woff2) format('woff2');
}
  


body{
    font:1em/1.3 "AlibabaPuHuiTi-2-35-Thin";   
	-webkit-text-size-adjust: 100% !important; color:#000;
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "AlibabaPuHuiTi-2-35-Thin";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 


a, a:hover, a:visited, a:link, a:active , a:focus {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*解决手机版点击背景问题*/
	-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;
}


small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#000;
}
a{
    color:inherit;
	
    text-decoration: none; 
}
a:hover  {
     
    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;
 
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg,.news_mid_mid_1_mid_left_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg,.news_mid_mid_1 ul li:hover .news_mid_mid_1_mid_left_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-color:#fff; overflow:hidden;
position:relative; z-index:10;}
/*********header**********/

.header > header > .logo {
 display: inline-block;
 position:absolute;
 top:20px;
 left:20px;
}
.header > header > .logo > a {
 position:absolute;
 width:115px;
 height:35px;
 background-size:cover;
}
.header > header > .logo > a > .logo_burgundy {
 display:block;
}
.header > header > .logo > a > .logo_white {
 display: none;
} 
 
.header {
 position:absolute;
 top:0;
}
#Layer_1 {
 width:0;
 height:0;
}
.header > header {
 position:fixed;
 top:0;
 left:0;
 width:100vw;
 z-index:11;
}
 
.main-blur {
 width:0;
 height:0;
 overflow: visible;
}
.main-blur {
 content: "";
 position:fixed;
 top:0;
 left:0;
 width:calc(100% + 322px);
 height:calc(100% + 77px);
 background : white;
 clip-path: url(#mainBlur);
 -webkit-clip-path: url(#mainBlur);
 -webkit-transform: translate(-322px,-77px);
 -ms-transform: translate(-322px,-77px);
 transform: translate(-322px,-77px);
 -webkit-transition: -webkit-transform .7s;
 transition: -webkit-transform .7s;
 -o-transition: transform .7s;
 transition: transform .7s;
 transition: transform .7s,-webkit-transform .7s;
}
.second-blur {
 position:fixed;
 top:0;
 left:0;
 width:calc(100% + 322px);
 height:calc(100% + 77px);
 background : white;
 clip-path: url(#secondBlur);
 opacity:0;
 -webkit-clip-path: url(#secondBlur);
 -webkit-transform: translate(-322px,-77px);
 -ms-transform: translate(-322px,-77px);
 transform: translate(-322px,-77px);
 -webkit-transition: -webkit-transform .75s;
 transition: -webkit-transform .75s;
 -o-transition: transform .75s;
 transition: transform .75s;
 transition: transform .75s,-webkit-transform .75s;
}
.third-blur {
 position:fixed;
 top:0;
 left:0;
 width:calc(100% + 322px);
 height:calc(100% + 77px);
 opacity:0;
 background : white;
 clip-path: url(#thirdBlur);
 -webkit-clip-path: url(#thirdBlur);
 -webkit-transform: translate(-322px,-77px);
 -ms-transform: translate(-322px,-77px);
 transform: translate(-322px,-77px);
 -webkit-transition: -webkit-transform .8s;
 transition: -webkit-transform .8s;
 -o-transition: transform .8s;
 transition: transform .8s;
 transition: transform .8s,-webkit-transform .8s;
}
.backdrop {
 display: none;
}
@supports ((-webkit-clip-path: url(#thirdBlur)) or (clip-path: url(#thirdBlur))) or (-webkit-clip-path : url(#thirdBlur)) {
 .backdrop {
  display:block;
 }
 .header-background-no-clip-path {
  display: none;
 }
 .main-blur {
  opacity: 1;
 }
 .second-blur {
 }
 .third-blur {
 }
}
.header-blur-wrapper > div {
 z-index:2;
 pointer-events: none;
 filter:drop-shadow(5px 12px 6px rgba(0,0,0,0.05));
 width:100%;
 height:100%;
 position:fixed;
 top:0;
}
.header.active > .header-blur-wrapper > div {
 pointer-events:all;
}
.topbar-callout > .header.active > .header-blur-wrapper > div {
 top:0;
}
.header-blur-wrapper > div > div {
 z-index:2;
 will-change: transform,opacity;
}
.header.active > .header-blur-wrapper .main-blur {
 transition: transform .7s,-webkit-transform .7s;
}
.header.active > .header-blur-wrapper .main-blur,
.header.active > .header-blur-wrapper .second-blur,
.header.active > .header-blur-wrapper .third-blur {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
 opacity:1;
 background: rgba(255,255,255,.97);
}
.header.active > .header-blur-wrapper .backdrop svg {
 opacity: .65;
}
 
.header-effect-top {
 width:100vw;
 height:70px;
 background-color: white;
 opacity: .8;
 position:absolute;
 top:0;
 left:0;
 -webkit-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-transition: -webkit-transform .41s .1s cubic-bezier(0.075,0.42,0.165,1);
 transition: -webkit-transform .41s .1s cubic-bezier(0.075,0.42,0.165,1);
 -o-transition: transform .41s .1s cubic-bezier(0.075,0.42,0.165,1);
 transition: transform .41s .1s cubic-bezier(0.075,0.42,0.165,1);
 transition: transform .41s .1s cubic-bezier(0.075,0.42,0.165,1),-webkit-transform .41s .1s cubic-bezier(0.075,0.42,0.165,1);
}
.header.active .header-effect-top {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.header-background-no-clip-path svg {
 position:absolute;
 top:70px;
 left:0;
}
.header-background-no-clip-path {
 position:fixed !important;
 top:0;
 left:0;
 width:0;
 height:0 !important;
 overflow: visible !important;
}
.header-effect-aside {
 width:1500px;
 height:100vh;
 left: -580px;
 position:fixed;
 overflow: hidden;
 -webkit-transform: translate(-1565px,0);
 -ms-transform: translate(-1565px,0);
 transform: translate(-1565px,0);
 -webkit-transition: -webkit-transform .5s;
 transition: -webkit-transform .5s;
 -o-transition: transform .5s;
 transition: transform .5s;
 transition: transform .5s,-webkit-transform .5s;
}
.header.active .header-effect-aside {
 -webkit-transform: translate(0px,0px);
 -ms-transform: translate(0px,0px);
 transform: translate(0px,0px);
}
.header-effect-aside>div:first-child {
 -webkit-transform: translateX(-60px);
 -ms-transform: translateX(-60px);
 transform: translateX(-60px);
 -webkit-transition: -webkit-transform .4s .4s;
 transition: -webkit-transform .4s .4s;
 -o-transition: transform .4s .4s;
 transition: transform .4s .4s;
 transition: transform .4s .4s,-webkit-transform .4s .4s;
 opacity: .2;
}
.header-effect-aside>div:last-child {
 position:absolute;
 left: -60px;
 top:0;
 width:100%;
 opacity: .6;
}
.header.active .header-effect-aside > div:first-child {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.header.active .header-effect-aside > div:nth-child(2) {
 position:absolute;
 left: -30px;
 top:0;
 width:100%;
 -webkit-transition: -webkit-transform .2s .4s;
 transition: -webkit-transform .2s .4s;
 -o-transition: transform .2s .4s;
 transition: transform .2s .4s;
 transition: transform .2s .4s,-webkit-transform .2s .4s;
 opacity: .4;
}
.header.active .header-effect-aside > div:last-child {
 position:absolute;
 left: -60px;
 top:0;
 width:100%;
 -webkit-transition: -webkit-transform .2s .5s;
 transition: -webkit-transform .2s .5s;
 -o-transition: transform .2s .5s;
 transition: transform .2s .5s;
 transition: transform .2s .5s,-webkit-transform .2s .5s;
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast: none) {
 .header-background-no-clip-path svg {
  height:3000px;
 }
}

.header > .shortcut-menu {
 padding-left:20px;
 position:fixed;
 top :105px;
 -webkit-transform: matrix(1,0,0,1,0,0);
 -ms-transform: matrix(1,0,0,1,0,0);
 transform: matrix(1,0,0,1,0,0);
 -webkit-transition: -webkit-transform 0.5s;
 transition: -webkit-transform 0.5s;
 -o-transition: transform 0.5s;
 transition: transform 0.5s;
 transition: transform 0.5s,-webkit-transform 0.5s;
 z-index:3;
}
.shop-btn-arrow {
    position: relative;
    float: right;
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 5px; top:2px;
	background-image:url(../images/arrow_right_out.svg); background-position:center; background-repeat:no-repeat; background-size:cover;
    
}

.header > .shortcut-menu {
 padding-left:20px;
 position:fixed;
 top :90px;
 -webkit-transform: matrix(1,0,0,1,0,0);
 -ms-transform: matrix(1,0,0,1,0,0);
 transform: matrix(1,0,0,1,0,0);
 -webkit-transition: -webkit-transform 0.5s;
 transition: -webkit-transform 0.5s;
 -o-transition: transform 0.5s;
 transition: transform 0.5s;
 transition: transform 0.5s,-webkit-transform 0.5s;
 z-index:3;
}
body#full .header > .shortcut-menu {
 padding-left:20px;
}
/*.header.active > .shortcut-menu {
 -webkit-transform: matrix(1,0,0,1,-120,0);
 -ms-transform: matrix(1,0,0,1,-120,0);
 transform: matrix(1,0,0,1,-120,0);
}*/

.header.active > .shortcut-menu .header-nav-icon{
 }

.header > .shortcut-menu > li {
 cursor: pointer;
 width:70px;
 display:flex;
}
.header > .shortcut-menu > li.header-nav-icon {
 width:30px;
}
.header-nav-icon > div {
 width:30px;
 height:16px;
 background: transparent;
 
 position: relative;
}
.header-nav-icon > div:after{transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#000;}
.header-nav-icon > div:before{transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#000;}
 .header-nav-icon > div span {
 content: "";
 width:30px;
 height:8px;
 border-bottom:1px solid #000;
 position:absolute;
 top:0;
 left:0;transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
} 

.header.active .header-nav-icon > div:after{
transform: translate3d(0, 9px, 0) rotate(45deg);}
.header.active .header-nav-icon > div:before{
transform: translate3d(0, -6px, 0) rotate(-45deg);}
.header.active .header-nav-icon > div span{
opacity:0;}
.shop-btn-arrow{transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);}
.header.active .shop-btn-arrow{ 
transform: rotateY(-180deg);}


.header-nav-icon > div:focus {
 outline: none;
}
.header > .shortcut-menu > li.shop{
padding-bottom:13px;} 
 



.header > nav {
  margin-top: 115px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  max-height: 0;
} 
.header > nav {
  margin-top: 160px;
  /*height:calc(100vh - 0px);*/
}

.header.active > nav > .menu {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.header > nav > .menu {
 -webkit-transform: translateX(-999px);
 -ms-transform: translateX(-999px);
 transform: translateX(-999px);
 -webkit-transition: -webkit-transform 0.5s;
 transition: -webkit-transform 0.5s;
 -o-transition: transform 0.5s;
 transition: transform 0.5s;
 transition: transform 0.5s,-webkit-transform 0.5s;
 padding-left:20px !important;
 min-height:calc(100% - 125px);
 display:flex;
 flex-direction:column;
}
.header > nav > .menu > li {
 margin-bottom:20px;
}
.header > nav > .menu > li:last-child {
 margin-top:auto;
 overflow-x: hidden;
}
.header > nav > .menu > li:last-child > .nav-utils {
 margin-bottom:20px;
}
.header > nav > .menu > li > a,.nav-utils_1 a {
 color: var(--header-menu-color);
 text-transform: uppercase;
 font-family:Constantia;
 font-size:30px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 display:block;
}
.header > nav > .menu .sub-menu.active {
 max-height :1000px;
 -webkit-transition: max-height 1s ease-in-out;
 -o-transition: max-height 1s ease-in-out;
 transition: max-height 1s ease-in-out;
}
.header > nav > .menu .sub-menu {
 padding-left:0px;
 max-height :0;
 overflow:hidden;
 -webkit-transition: max-height .5s cubic-bezier(0,1,0,1);
 -o-transition: max-height .5s cubic-bezier(0,1,0,1);
 transition: max-height .5s cubic-bezier(0,1,0,1);
}
.header > nav > .menu .sub-menu > li {
 margin-bottom:10px;
}
.header > nav > .menu .sub-menu > li:first-child {
 margin-top:15px;
}
.header > nav > .menu .sub-menu > li:last-child {
 margin-bottom:20px;
}
.header > nav > .menu .sub-menu > li > a {
 color: #808080;
 font-family:Akkurat;
 font-size:14px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 display: inline-block;
}
.header > nav > .menu .sub-menu > li > a:after {
 background: none repeat scroll 0 0 transparent;
 bottom:0;
 content: "";
 display:block;
 height:2px;
 left:0;
 position: relative;
 background: var(--header-sub-menu-color);
 -webkit-transition: width 0.3s ease 0s,left 0.3s ease 0s;
 -o-transition: width 0.3s ease 0s,left 0.3s ease 0s;
 transition: width 0.3s ease 0s,left 0.3s ease 0s;
 width:0;
}
.header > nav > .menu .sub-menu > li > a:hover {
 color: var(--header-menu-color);
}
.header > nav > .menu .sub-menu > li > a:hover:after {
 width:100%;
 left:0;
}
.header.active > nav > .menu {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.header.active > .nav-utils {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.header > nav > .menu > li > .nav-utils {
 z-index:11;
 display: -webkit-box;
 display: -ms-flexbox;
 display:flex;
 -webkit-box-align :center;
 -ms-flex-align :center;
 align-items :center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content: space-between;
 width:280px;
}
.header > nav > .menu > li > .nav-utils span {
 cursor: pointer;
 color: var(--header-sub-menu-color);
 font-family:Akkurat;
 font-weight: normal;
}
.header > nav > .menu > li > .nav-utils > span.locale {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-align :center;
 -ms-flex-align :center;
 align-items :center;
 -webkit-box-pack :center;
 -ms-flex-pack :center;
 justify-content :center;
 color: var(--header-menu-color);
}
.header > nav > .menu > li > .nav-utils > span.locale::before {
 background-image: url("/layout/basic/images/icon/svg/global_out.svg");
 background-size:contain;
 background-repeat: no-repeat;
 position:relative;
 content: "";
 display: inline-block;
 height:30px;
 width:30px;
}
.header > nav > .menu > li > .nav-utils > span.locale::after {
 background-image: url("/layout/basic/images/icon/svg/right_out.svg");
 background-repeat: no-repeat;
 background-position-y: -2px;
 content: "";
 display: inline-block;
 background-size:22px;
 width:17px;
 height:17px;
 transition : transform .3s;
}
.header > nav > .menu > li > .nav-utils.active > span.locale::after {
 transform: rotate(180deg);
}
:root.white .header > nav > .menu > li > .nav-utils > span.locale::before {
 background-image: url("/layout/basic/images/icon/svg/global_out_w.svg");
}
:root.white .header > nav > .menu > li > .nav-utils > span.locale::after {
 background-image: url("/layout/basic/images/icon/svg/right_out_w.svg");
}
.header > nav > .menu > li > .nav-utils > span.locale a:hover {
 text-decoration: none;
}
.header > nav > .menu > li > .nav-utils > span.locale > .locale-menu {
 display:flex;
 align-items:center;
 max-width:0;
 max-height:20px;
 overflow: hidden;
 -webkit-transition: max-width .3s cubic-bezier(0,1,0,1);
 -o-transition: max-width .3s cubic-bezier(0,1,0,1);
 transition: max-width .3s cubic-bezier(0,1,0,1);
}
.header > nav > .menu > li > .nav-utils > span.locale > .locale-menu > span {
 margin :0 5px;
 color: var(--header-sub-menu-color);
}
.header > nav > .menu > li > .nav-utils.active > span.locale > .locale-menu {
 max-width :1000px;
 -webkit-transition: max-width 1s ease-in-out;
 -o-transition: max-width 1s ease-in-out;
 transition: max-width 1s ease-in-out;
}
.header > nav > .menu > li > .nav-utils.active > span.locale::after {
 margin-left:7px;
}
.header > nav > .menu > li > .nav-utils > *:not(.locale) {
 display:flex;
 max-width:999px;
 max-height:999px;
 opacity:1;
 -webkit-transition : max-width,max-height,opacity .3s 0.3s;
 -o-transition : max-width,max-height,opacity .3s 0.3s;
 transition : max-width,max-height,opacity .3s 0.3s;
}
.header > nav > .menu > li > .nav-utils > *:not(.locale) > .xans-layout-statelogon {
 max-width:150px;
 overflow: hidden;
 display: inline-block;
 white-space: nowrap;
}
.header > nav > .menu > li > .nav-utils.active > *:not(.locale) {
 opacity :0;
 max-width :0;
 max-height :0;
 overflow: hidden;
 -webkit-transition : max-width,max-height,opacity .3s;
 -o-transition : max-width,max-height,opacity .3s;
 transition : max-width,max-height,opacity .3s;
}
.header.active > nav {
 
 overflow-y: scroll;
 max-height :none;
 -ms-overflow-style: none;
 scrollbar-width: none;
}












 
/*******index********/
.slide-inner{
position:relative; width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1{ padding-top:12.91666666666667vw;
position:relative; overflow:hidden; padding-bottom:12.23958333333333vw;}
.index_mid{
margin:0 8.33333333333333%;}
.index_1_mid{
position:relative; }
.index_1_left{
width:40%; margin-left:6.25%; padding-top:3.38541666666667vw; padding-bottom:12.34375vw;}
.index_1_left_1{
font-size:1.875em;}
.index_1_left_2{
font-size:4em; font-family:"Times New Roman", Times, serif}
.index_1_left_3{ margin-top:1.375em;
font-size:1.875em; font-weight:bold; margin-bottom:.875em;}
.index_1_left_4{
line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-bottom:3.5em;}
.index_1_left_5 a{ overflow:hidden; border-radius:5px; text-align:center; font-size:.875em;
display:block; width:22.85714285714286em; height:4.928571428571429em; line-height:4.928571428571429em; position:relative;}
.index_1_left_5 a span{
position:relative;  color:#fff; z-index:10; display:block;}
.index_1_left_5 a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/img6.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_left_5 a span:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
content:''; position:absolute; right:2.357142857142857em; width:13px; height:11px;background-image:url(../images/img9.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:-5.5px; top:50%;}
.index_1_left_5 a:hover span:after{
right:1.5em;}
.index_1_right{
position:absolute; right:-5%; bottom:0; width:47.1875%;}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

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

.index_1_right{
position:absolute; right:-10%; bottom:0; width:50.1875%;}

}


.index_1_right_2{
position:absolute; z-index:10; width:100%; right:2.86458333333333em; bottom:2.86458333333333em;}
.index_1_h_1{ top:12vw; max-width:7.03125vw;
position:absolute; left:15.36458333333333%;}
.index_1_h_2{ bottom:-5vw; max-width:7.39583333333333vw;
position:absolute; left:43.95833333333333%;}
.index_2_img{
overflow:hidden}
.index_2_img img{
width:100%;}
.index_2{
position:relative; overflow:hidden}
.index_2_mid{ color:#fff;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;}
.index_2_mid a{
display:inline-block; width:10.5625em; height:11.0625em; background-image:url(../images/img7.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_2_mid_1{
margin-bottom:1em;}
.index_3{
position:relative; padding:11.25vw 0;}
.index_3_mid_left{ overflow:hidden;
width:38.90625%;}
.index_3_mid_left img{
width:100%;}
.index_3_mid_mid{ width:30.46875%; top:2.42708333333333%;
position:absolute; z-index:4; left:45.41666666666667%;}
.index_3_mid{
position:relative; margin-top:90px; background:url(../1css/1cont2.jpg) no-repeat center top ; padding:140px 0 100px; background-size:cover}
.index_3_mid_right{ width:28.4375%; bottom:7.90625vw;
position:absolute; right:2%;}
.index_3_mid_right_1{ overflow:hidden;
width:71.06227106227106%; position:relative; z-index:10;}
.index_3_mid_right_1 img{
width:100%;}
.index_3_mid_right_2{ overflow:hidden; right:0;
position:absolute; width:49.45054945054945%; bottom:19.27083333333333vw;}
.index_3_mid_right_2 img{
width:100%;}
.index_4_1 img{
width:100%;}
.index_4_mid{
position:absolute; z-index:10; height:100%; left:12.5%; width:38%;}
.index_4 .index_1_left_4{
font-size:1.125em;}
.index_3_h_1{ top:40vw; max-width:7.03125vw;
position:absolute; left:66.875%;}
.index_3_h_2{ bottom:-27vw; max-width:7.39583333333333vw;
position:absolute; left:45.20833333333333%;}
.index_3_h_3{ bottom:-17.8125vw; max-width:7.44791666666667vw;
position:absolute; right:6.77083333333333%;}
.cc{
text-align:center}
.index_5{ padding-bottom:8.33333333333333vw;
padding-top:6.25vw; position:relative;}
.index_5_h_1{ top:65vw; max-width:7.03125vw;
position:absolute; left:23.69791666666667%;}
.index_5_h_2{ max-width:7.39583333333333vw;
position:absolute; right:22%; bottom:-61.875vw;}
.index_5_h_3{ left:50.52083333333333%; bottom:1.5vw;
position:absolute; max-width:7.44791666666667vw;}
.index_5_1_mid{
margin:0 18.22916666666667%;}
.index_5_1_mid_1{
position:relative;}
.index_5_1_mid_1_mid{ overflow:hidden;
margin:0 auto; width:45.18518518518519%;}
.index_5_1_mid_1_mid img{
width:100%;}
.index_5_1_mid_2 .index_1_left_5 a{
margin:0 auto;}
.index_5_1_mid_1_left{ overflow:hidden; bottom:2.60416666666667vw;
position:absolute; left:0; z-index:10; width:34.81481481481481%;}
.index_5_1_mid_1_left img{
width:100%;}
.index_5_1_mid_1_right{ overflow:hidden; right:1vw; top:2.60416666666667vw;
position:absolute; z-index:10; width:28.559670781893%;}
.index_5_1_mid_1_right img{
width:100%;}
.index_5_1{ position:relative;
margin-top:5.625vw;}
.index_5_1_mid_2{
margin-top:5.20833333333333vw; position:relative}
#indexp{ width:110px;
position:absolute; right:3.95833333333333vw; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); z-index:10;}
#indexp .swiper-pagination{
position:static}
#indexp .swiper-pagination-bullet{ background:none;
width:100%; border-radius:0; opacity:1; text-align:left; font-size:1.125em; display:block; position:relative; color:#7faed4; height:auto}
#indexp .swiper-pagination-bullet:before{
content:''; position:absolute; right:0; height:2px; width:37px; top:50%; margin-top:-1px; background-color:#d8d8d8;}
#indexp .swiper-pagination-bullet:after{ z-index:10;
content:''; position:absolute; right:0; height:2px; width:0px; top:50%; margin-top:-1px; background-image:url(../images/img23.jpg); background-position:center; background-size:cover; -webkit-transition: width 0.3s ease 0s,left 0.3s ease 0s;
 -o-transition: width 0.3s ease 0s,left 0.3s ease 0s;
 transition: width 0.3s ease 0s,left 0.3s ease 0s;
 width:0;}
#indexp .swiper-pagination-bullet-active:after{
width:84px;}
#indexp .swiper-pagination-bullet i{
font-style:inherit; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;}
#indexp .swiper-pagination-bullet-active i{
opacity:1;}
.index_6{ padding-top:8.85416666666667vw; padding-bottom:7.8125vw; position:relative;
text-align:center; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index_6 .index_mid{
position:relative; z-index:10;}
.index_6_bgb{background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%;background-image:url(../images/img31.jpg); height:calc(100% + 800px);}
.index_6_1{ padding-top:1.5em; margin-top:1em;
font-size:1.125em; line-height:2; position:relative; margin-bottom:5.625em;}
.index_6_1:after{
content:''; position:absolute; left:50%; top:0; width:5.333333333333333em; height:3px; background-image:url(../images/img32.jpg); background-position:center; background-size:cover;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.index_6_2_jj_2{
font-size:1.5em; margin-top:.875em;}
.index_7{ padding-bottom:9.21875vw; position:relative;
padding-top:6.25vw;} 
.index_7_h_1{ top:90vw; max-width:7.03125vw;
position:absolute; left:22.39583333333333%;}
.index_7_h_2{bottom:-83vw; max-width:7.39583333333333vw;
position:absolute; right:23.17708333333333%;}
.index_6_2{
overflow:hidden}
.index_6_2 .swiper-pagination-bullet-active{
background-color:#fff;}
.index_7_mid{
margin:0 13.22916666666667%;}
.index_7_1 ul li{
border-bottom:1px #dbdbdb solid;}
.index_7_1 ul li:nth-child(1){
border-top:1px #dbdbdb solid;}
.index_7_1 ul li a{
display:block; position:relative; padding:3em 0;}
.index_7_1_mid{ position:relative; z-index:10;
position:relative; padding-left:24.86187845303867%;padding-right:24.86187845303867%;}
.index_7_1_mid_left{ color:#666; font-size:.875em;
position:absolute; left:2vw; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.index_7_1_mid_mid{
font-size:1.125em; color:#141414;}
.index_7_1_mid_right{
position:absolute; right:4vw; top:50%; font-size:.875em; color:#666;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.index_7_2 .index_1_left_5 a{
margin:0 auto;}
.index_7_2{
margin-top:4em;}
.index_7_1{
margin-top:5vw;}
.index_7_1 ul .rpp{
content:''; position:absolute; left:0; top:0%; width:100%; height:100%; background-image:url(../images/img33.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transition: height 0.5s ease 0s,top 0.5s ease 0s;
 -o-transition: height 0.5s ease 0s,top 0.5s ease 0s;
 transition: height 0.5s ease 0s,top 0.5s ease 0s;
 height:121.4px;}
/*.index_7_1 ul li a:hover:after{
height:100%; top:0;}*/
.index_7_1 ul li a:hover .index_7_1_mid_left,.index_7_1 ul li a:hover .index_7_1_mid_mid,.index_7_1 ul li a:hover .index_7_1_mid_right{
color:#fff}
.index_7_1_mid_right span{
display:block; position:relative;}
.index_7_1_mid_right span:after{-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); left:-32px; top:50%;
content:''; position:absolute; height:1px; width:26px; height:1px; background-color:#666666;}
.index_7_1 ul li a:hover .index_7_1_mid_right span:after{
background-color:#fff;}
.index_8_mid_jj{ color:#fff;
position:absolute; left:0; top:0; width:100%; z-index:10; height:100%; text-align:center;}
.index_8_mid ul li{
float:left; width:50%; position:relative}
.index_8_mid_1{
overflow:hidden}
.index_8_mid_1 img{
width:100%;}
.index_8_mid_jj_mid{
padding:0 1em;}
.index_8_mid_jj_mid_1{
font-size:1.875em;}
.index_8_mid_jj_mid_2{
font-size:1.5em; margin-bottom:.5em; margin-top:.3em;}
.index_8_mid_jj_mid_3_more{
display:inline-block; position:relative; width:135px; font-size:14px; border-bottom:1px #fff solid; text-align:left; padding:.5em 0;}
.index_8_mid_jj_mid_3_more span{
display:block; position:relative;}
.index_8_mid_jj_mid_3_more span:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
content:''; position:absolute; right:0; width:13px; height:11px;background-image:url(../images/img9.png); background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:-5.5px; top:50%;}
.index_8_mid_jj_mid_3_more:hover span:after{
right:.5em;}
.footer_mid{
margin:0 5.72916666666667%;}
.footer_mid_1_left_2{
color:#989797; font-size:.875em; margin-top:1em;}
.footer_mid_1_left_1_right ul li,.nav-utils_2 dl dd{
display:inline-block; margin-right:5px;}
.footer_mid_1_left_1_right ul li a,.nav-utils_2 dl dd a{ position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
display:block; width:1.875em; height:1.875em; border:1px #a1a1a1 solid; border-radius:100%;}
.footer_mid_1_left_1_right ul li a:after,.nav-utils_2 dl dd a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat;  }
.footer_mid_1_left_1_right ul li:nth-child(1) a:after,.nav-utils_2 dl dd:nth-child(1) a:after{
background-image:url(../images/footer/img3.png);}
.footer_mid_1_left_1_right ul li:nth-child(2) a:after,.nav-utils_2 dl dd:nth-child(2) a:after{
background-image:url(../images/footer/img2on.png);}
.footer_mid_1_left_1_right ul li:nth-child(3) a:after,.nav-utils_2 dl dd:nth-child(3) a:after{
background-image:url(../images/footer/img4.png);}
.footer_mid_1_left_1_right ul li:nth-child(4) a:after,.nav-utils_2 dl dd:nth-child(4) a:after{
background-image:url(../images/footer/img5.png);}
.nav-utils_2{
padding-top:10px;}
.footer_mid_1_left_1_left{
float:left;}
.footer_mid_1_left_1_right{
float:left; margin-left:15px; margin-top:5px;}
#footer{
padding:2.8125em 0;}
.footer_mid_1_right{
position:absolute; right:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); }
.footer_mid_1{
position:relative}
.footer_mid_1_right_1 ul li{
display:inline-block; background-image:url(../images/footer/img7.png); background-position:left center; background-repeat:no-repeat; padding:0 10px;}
.footer_mid_1_right_1 ul li a{
font-size:.875em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color:#a1a1a1;}
.footer_mid_1_right_1 ul li:nth-child(1){
background:none}
.footer_mid_1_right_1 ul li a:hover{
color:#000;}
.footer_mid_1_right_2{
text-align:right; font-size:.875em;color:#a1a1a1; margin-top:15px;}
.footer_mid_1_left_1_right ul li a:hover,.nav-utils_2 dl dd a:hover{
background-color:#a1a1a1;}

.footer_mid_1_left_1_right ul li:nth-child(1) a:hover:after,.nav-utils_2 dl dd:nth-child(1) a:hover:after{
background-image:url(../images/footer/img3on.png);}
.footer_mid_1_left_1_right ul li:nth-child(2) a:hover:after,.nav-utils_2 dl dd:nth-child(2) a:hover:after{
background-image:url(../images/footer/img2.png);}
.footer_mid_1_left_1_right ul li:nth-child(3) a:hover:after,.nav-utils_2 dl dd:nth-child(3) a:hover:after{
background-image:url(../images/footer/img4on.png);}
.footer_mid_1_left_1_right ul li:nth-child(4) a:hover:after,.nav-utils_2 dl dd:nth-child(4) a:hover:after{
background-image:url(../images/footer/img5on.png);}
.index_banner_jj{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;}
.index_banner_jj_1 img{
max-width:41.14583333333333vw;}
.index_banner_jj_2{
font-size:2.25em; color:#fff; font-weight:bold; margin-top:.875em;}
.index_banner{
position:relative;}
.indexbanner_cir{
position:absolute; z-index:10; width:6.6875em; height:6.9375em;   background-position:center; background-repeat:no-repeat; background-size:cover; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%); bottom:2vw;}
.indexbanner_cir:after{background-image:url(../images/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; 
position:absolute; left:0; top:0; width:100%; height:100%; content:'';}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
 
.indexbanner_cir:after {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.header > nav > .menu > li > a p:nth-child(1),.nav-utils_1 p:nth-child(1){
font-size:18px;}

.header > nav > .menu > li > a p:nth-child(2),.nav-utils_1 p:nth-child(2){
font-size:16px; color:#f2acbb; padding-top:4px;}
.index_5_1_mid_1_font{
position:absolute; width:37%; z-index:666; right:0; bottom:7%;}
.index_5_1_mid_1_font_1{
font-size:1.875em; margin-bottom:.3em;  }
.index_8_mid_jj_mid_3_more_black{
border-bottom:1px #000 solid;}
.index_5_1_mid_1_font_2{
margin-bottom:1em;}
.index_8_mid_jj_mid_3_more_black span:after{ background-image:url(../images/img9b.png);transition: all 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;   }
.index_8_mid_jj_mid_3_more_black:hover span:after{ right:0   }
.index_8_mid_jj_mid_3_more_black{
color:#000;}
/**************brand********************/
.nyban{
display:none;}
.nyban img{
width:100%;}
.nybannermid{ color:#fff;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.nybannermid_mid{
margin:0 12.5%;}
.nybannermid_mid_1{
font-size:1.875em;}
.nybannermid_mid_2{
font-size:4em;  }
.nybannermid_mid_2 p{
display:inline-block; position:relative;  }
.nybannermid_mid_2 p:after{
content:''; position:absolute; left:0; bottom:.15em; width:100%; height:0.1875em; background-image:url(../images/brand/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s; width:0; }
.nybannermid_mid_2.animated p:after{
width:100%;}
.nybannermid_mid_2 p span{
position:relative; z-index:10;}
.nybannermid_mid_3{
line-height:2; margin-top:3em; max-width:990px;}
.brand_1{ background-color:#fdf9fe;
position:relative; padding:12.5vw 0; overflow:hidden}
.brand_1_h_1{ max-width:7.03125vw; top:20vw;
position:absolute; left:72.91666666666667%;}
.brand_1_h_2{ bottom:0vw; max-width:7.39583333333333vw;
position:absolute; left:47.13541666666667vw;}
.brand_3_h_1{ max-width:7.03125vw;
position:absolute; left:51%; top:42vw;}
.brand_1_mid{
position:relative;}
.brand_1_mid_mid{
margin-left:50%; margin-right:19%; padding-top:10.67708333333333vw;}
.brand_1_mid_left{ overflow:hidden;
position:absolute; left:0; top:0; width:43.59375%;}
.brand_1_mid_mid_1{ overflow:hidden;
text-align:right; padding-top:5.46875vw;}
.brand_1_mid_mid_1 div{
max-width:18.125vw; display:inline-block;}
.brand_1_mid_mid_1 div img{
width:100%;}
.brand_1_mid_right{ width:14.84375vw; overflow:hidden;
position:absolute; right:0; top:19.79166666666667vw;}
.brand_2{ color:#fff; padding:19.79166666666667vw 0; position:relative;
/*background-image:url(../images/brand/img6.jpg); */background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.brand_2_bgg{background-image:url(../images/brand/img6.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:calc(100% + 300px);}
.nybannermid_mid_3_sec{
max-width:590px;}
.brand_2 .nybannermid_mid{
position:relative; z-index:10;}
.brand_2_img{ z-index:5;
position:absolute; left:50%; top:50%; width:30.9375%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.brand_3_mid_left{
width:29%; position:absolute; left:0; bottom:0;}
.brand_3_mid_left div{
overflow:hidden}
.brand_3_mid_left div img{
width:100%;}
.brand_3_mid_right{
 overflow:hidden; width:33%; margin-left:67%;}
.brand_3_mid_right img{
width:100%;}
.brand_3_mid_mid{ text-align:center; position:absolute; left:29%; top:50%; width:38%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.brand_3_mid{
position:relative;}
.brand_3_mid_mid_mid{
margin:0 3.4375vw;}
.brand_3{ padding:10.83333333333333vw 0; background-color:#e9eef4;
position:relative; overflow:hidden; background-image:url(../images/brand/img10.jpg); background-position:center top; background-repeat:repeat-x  }
.brand_3 .nybannermid_mid_3_tht{
font-size:1.125em;
}
.brand_3_mid_left_small{ width:52.3696682464455%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
position:absolute; left:50%; top:-8.17708333333333vw; z-index:10;}
/******lesson************/
.nybannermid_mid_2.nline p:after{
display:none}
.lesson_mid{ background-size:cover;
overflow:hidden; background-image:url(../images/lesson/img8.jpg); background-position:center bottom; background-repeat:no-repeat}
.lesson_mid_mid{
margin:0 12.5%;}
.lesson_mid_mid_1_1{
position:relative; overflow:hidden;}
.lesson_mid_mid_1_1 img{
width:100%;}
.lesson_mid_mid_1_1 video,.index_2_img video{
width:100%;object-fit: fill;}
.index_2_img video{
position:absolute; left:0; top:0; width:100%;   z-index:1;}
.lesson_mid_mid_1_1{
overflow:hidden; border-radius:8.85416666666667vw 0 0 0;}
.lesson_mid_mid_1{
margin-top:3vw;}
.lesson_mid_mid_1 ul li{
padding:5.72916666666667vw 0; border-bottom:1px #cacaca solid;}
.lesson_mid_mid_1_2_left{
float:left; font-size:5.4375em;}
.lesson_mid_mid_1_2_right{
float:left; margin-top:1.3em;}
.lesson_mid_mid_1_2_right_1{
font-size:3em; line-height:1;}
.lesson_mid_mid_1_2_right_2{
margin-left:.6em;}
.lesson_mid_mid_1_3{
font-size:1.875em; margin-top:.2em;}
.lesson_mid_mid_1_2{
margin-top:1.25em;} 
.lesson_mid_mid_1_1{
position:relative;}
.lesson_mid_mid_2 a{
font-size:2.25em; color:#c5c4d6;}
.lesson_mid_mid_2{
text-align:center; padding:5.20833333333333vw 0;}
/***********news***********/
.news_mid{
background-image:url(../images/news/img2.jpg); overflow:hidden; background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.news_mid_mid{
margin:0 17.96875%;}
.news_mid_mid_1_mid_right{ /*border-bottom:1px #272727 solid;*/ padding-bottom:4em;
margin-left:43.08943089430894%; color:#000; position:relative}
.news_mid_mid_1_mid_right:after{
content:''; position:absolute; right:0; bottom:0; height:1px; width:0%; background-color:#272727;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;}
.animated .news_mid_mid_1_mid_right:after{
width:100%;}
.news_mid_mid_1_mid{
position:relative;}
.news_mid_mid_1_mid_left{ overflow:hidden;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) .5s;
position:absolute; left:0; top:0; width:30.89430894308943%; height:100%;}
.animated .news_mid_mid_1_mid_left{ border-radius:14vw 0 0 0;}
.news_mid_mid_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_mid_mid_1 ul li:nth-child(2n) .news_mid_mid_1_mid_left{
left:auto; right:0;border-radius:0 14vw 0 0;}
.news_mid_mid_1 ul li:nth-child(2n) .news_mid_mid_1_mid_right{
margin-left:auto; margin-right:43.08943089430894%;}
.news_mid_mid_1_mid_right_1{
font-size:1.875em; margin-bottom:.5em;}
.news_mid_mid_1_mid_right_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-bottom:2em; line-height:1.5;}
.news_mid_mid_1_mid_right_3{
display:inline-block; position:relative;}
 
@font-face {
    font-family: 'Playfair Display';
    src: url('font/PlayfairDisplay-Regular.eot');
    src: url('font/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('font/PlayfairDisplay-Regular.woff') format('woff'),
        url('font/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('font/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
.news_mid_mid_1_mid_right_3_left{
font-size:20em; line-height:.8;   font-family: 'Playfair Display';}
.news_mid_mid_1_mid_right_3_right{
position:absolute; bottom:0; right:0;-webkit-transform:translate(100%, -0%);-ms-transform:translate(100%, -0%);transform:translate(100%, -0%);}
.news_mid_mid_1_mid_right_3_right_1{
font-size:3em; line-height:1;}

.news_mid_mid_1 ul li{
margin-top:11.45833333333333vw;} 
.slide-inner-info{
height:35.67708333333333vw;}
.div1200{
margin:0 18.75%}
.news_info_1{
margin-top:5vw;}
.news_info_2{
margin-top:1.5em; line-height:1.8;   padding-bottom:2.5em;}
.news_info_3{border-bottom:1px #868686 solid; border-top:1px #868686 solid; overflow:hidden; position:relative; padding:1em 0; margin-bottom:9.375vw;}
.news_info_3 ul li{
float:left; width:50%; color:#6f6f6f;}
.news_info_3 ul li a{
display:block; color:#6f6f6f; padding-right:8vw;}
.news_info_3 ul li:nth-child(2) a{
text-align:right;padding-left:8vw; padding-right:0}
.news_info_3_re{ z-index:10; position:absolute;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
display:block; left:50%; top:50%; width:1.3125em; height:1.3125em; background-image:url(../images/news/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
/************************/
.pro_mid_mid{
margin:0 12.5%;}
.pro_mid_mid_2{
text-align:center}
.pro_mid_mid_2 ul li{
display:inline-block; font-size:1.25em; margin:0 .4em;}
.pro_mid_mid_2 ul li a{ padding:.4em 1.4em; color:#000;
display:inline-block; position:relative; border:1px #000 solid; border-radius:3px; overflow:hidden;}
.pro_mid_mid_2 ul li a span{ z-index:10;
display:inline-block; position:relative; padding-left:1.1em;}
.pro_mid_mid_2 ul li a span:after{
content:''; position:absolute; left:0; top:50%; width:.9em; height:.9em; background-image:url(../images/product/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.pro_mid_mid_2 ul li a:after{
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-image:url(../images/product/img7.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_mid_mid_2 ul li a:hover:after,.pro_mid_mid_2 ul li a.on:after{
width:100%;}
.pro_mid_mid_2 ul li a:hover,.pro_mid_mid_2 ul li a.on{
color:#fff; border-color:transparent;}
.pro_mid_mid_2 ul li a:hover span:after,.pro_mid_mid_2 ul li a.on span:after{
background-image:url(../images/product/img1.png);}
.pro_mid_list_mid_left{ overflow:hidden;
width:47.22222222222222%;}
.pro_mid_list_mid{
position:relative; color:#000;}
.pro_mid_list_mid_right{ right:4.6875vw; bottom:2.60416666666667vw;  
position:absolute; width:42.36111111111111%; background-color:#f6f6f6;}
.pro_mid_list_mid_right_mid{
padding:2vw;}
.pro_mid_list_mid_right_mid_1{
text-align:center; padding:2em 0 3em 0;;}
.pro_mid_list_mid_right_mid_1 img{
max-height:22.44791666666667vw;}
 
.pro_mid_list_mid_right_mid_2 span{ padding-bottom:.65em; font-weight:bold;
font-size:1.5em; display:inline-block; position:relative;}
.pro_mid_list_mid_right_mid_2 span:after{
content:''; position:absolute; left:0; bottom:0; width:2.833333333333333em; background-image:url(../images/product/img8.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; height:2px;}
.pro_mid_list_mid_right_mid_3_left{
color:#333; line-height:1.6; margin-top:1em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden;}
.pro_mid_list_mid_right_mid_3{
position:relative; padding-right:6em;}
.pro_mid_list_mid_right_mid_3_right{ position:absolute; right:0; bottom:0; text-align:center; line-height:4em;
width:4em; height:4em; background-image:url(../images/product/img9.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_mid_list_mid_right_mid_3_right span{
font-size:.875em; color:#e0b0c4;}
.pro_mid_list_mid_right_mid_3_right:after{ top:50%; margin-top:-5.5px; z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:-19px; width:27px; height:11px; background-image:url(../images/product/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_mid_list_mid_right_rw{ text-align:right;
position:absolute; right:-4.6875vw; top:0;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.pro_mid_list_mid_right_rw span{
font-size:1.875em; color:#000;}
.pro_mid_list ul li:nth-child(2n) .pro_mid_list_mid_left{
margin-left:52.77777777777778%;}
.pro_mid_list ul li:nth-child(2n) .pro_mid_list_mid_right{
right:auto; left:4.6875vw}
.pro_mid_list ul li:nth-child(2n) .pro_mid_list_mid_right_rw{
right:auto; left:-4.6875vw;}
.pro_mid_list ul li{ background-position:center; background-repeat:no-repeat;  
padding:5.72916666666667vw 0; background-size:cover;}
.pro_mid{ overflow:hidden; padding-top:11.875vw;
background-image:url(../images/product/img10.png); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.pro_mid_list ul li a .pro_mid_list_mid:hover .pro_mid_list_mid_right_mid_3_right:after{
right:-13.5px}
.pro_mid_mid_2{
margin-top:4vw; margin-bottom:4vw;}
.pro_info_1 img{
width:100%;}
.pro_info_1{
position:relative;}
.pro_mid_list_info{
top:-8.85416666666667vw; position:relative;}
.pro_mid_list_info_1{
font-size:1.875em; margin-bottom:.1em;}
.pro_mid_list_info_2 span{ padding-bottom:.65em;
font-size:3.75em; display:block; position:relative;}
.pro_mid_list_info_2 span:after{
content:''; position:absolute; left:0; bottom:0; width:1.75em; height:4px; background-image:url(../images/product/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_mid_list_info_3{
font-size:1.5em; line-height:1.8; margin-top:1.375em;}
.pro_mid_list_info .pro_mid_list_mid_right{
background-color:transparent;}
.pro_info_p2{ padding:15.36458333333333vw 0 16.92708333333333vw 0;
background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; overflow:hidden}
.pro_info_p2 .pro_mid_list_info_2 span:after{
display:none}
.pro_info_p2 .pro_mid_list_info_2 span{
padding-bottom:0}
.cc span:after{
left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);} 
.pro_info_p3{
padding-top:11.19791666666667vw;padding-bottom:11.19791666666667vw;}
.pro_info_p3_r{
text-align:center; margin-top:4.6875vw;}
.pro_mid_mid_ccc{
line-height:2; margin-top:10vw;}
#proinfomid{
background-image:url(../images/product/img32.jpg); background-position:center bottom; background-repeat:repeat-x;}
.ovh{
overflow:hidden}
.header .logo{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:1}
.header.headroom--unpinned  .logo{
-webkit-transform: matrix(1,0,0,1,-120,0);
-ms-transform: matrix(1,0,0,1,-120,0);
transform: matrix(1,0,0,1,-120,0);}
.header.headroom--unpinned > .shortcut-menu{
-webkit-transform: matrix(1,0,0,1,-120,0);
-ms-transform: matrix(1,0,0,1,-120,0);
transform: matrix(1,0,0,1,-120,0);}
 .main-blur{}
.header.headroom--unpinned .main-blur{
 background: rgba(255,255,255,0);transition:background-color .5s ease,left .5s ease-in-out;
 }

@media screen and (max-width:1680px) {
	.pro_mid_list_info_2 span{
	font-size:2em;}
	.pro_mid_list_info_3{
	font-size:1.25em;}
	.pro_mid_list_info_1{
	font-size:1.5em;}
	.pro_mid_list_mid_right_mid_2 span{
	font-size:1.25em;}
	.pro_mid_list_mid_right_rw span{
	font-size:1.5em;}
	.news_mid_mid_1_mid_right_3_right_2{
	font-size:14px;white-space: nowrap}
	.news_mid_mid_1_mid_right_3{
	font-size:.75em;}
	.news_mid_mid_1_mid_right_1{
	font-size:1.5em;} 
	.index_5_1_mid_1_font_1{
	font-size:1.25em;}
	.index_banner_jj_2{
	font-size:2em;}
	.indexbanner_cir{
	font-size:.875em;}
	.index_1_left_1{
	font-size:1.5em;}
	.index_1_left_2{
	font-size:3em;}
	.index_1_left_3{
	font-size:1.5em;}
	.index_1_left_5 a{
	font-size:.75em;}
	.index_2_mid a{
	font-size:.75em;}
	.index_6_2_jj_2{
	font-size:1.25em;}
	.index_8_mid_jj_mid_2{
	font-size:1.25em;}
	.index_8_mid_jj_mid_1{
	font-size:1.5em;}
	.index_1_left_5 a span{
	font-size:14px;}
	.nybannermid_mid_1{
	font-size:1.5em;}
	.nybannermid_mid_2{
	font-size:3em;}
	.brand_3 .nybannermid_mid_3_tht{
	font-size:1em;}
	.nybannermid_mid_3{
	margin-top:2em;}
	.lesson_mid_mid_1_2{
	font-size:.65em;}
	.lesson_mid_mid_1_2_right_2{
	font-size:14px;}
	.lesson_mid_mid_1_2_right_1{
	padding-left:.2em;}
	.lesson_mid_mid_1_3{
	font-size:1.5em;}
	.lesson_mid_mid_2 a{
	font-size:1.875em;}
}
#proinfomid .index_6_2 .swiper-pagination-bullet-active{
background-color:#000}
#proinfomid .swiper-pagination{
position:static}
@media screen and (max-width:1200px) {
	.index_3_mid_right{
	right:0}
	.news_mid_mid_1_mid_right_3_left{
	font-size:16em;}
	.news_mid_mid_1_mid_right_3_right_1{
	font-size:2em;}
	.lesson_mid_mid_1_2{
	font-size:.5em;}
	.lesson_mid_mid_1_2_right_1{
	font-size:2.5em;}
	.lesson_mid_mid_1_2_right_2{
	margin-left:.3em;}
	.lesson_mid_mid_1_3{
	font-size:1.125em;}
	.index_6_2_jj_2{
	font-size:1em;}
	.pro_mid_mid_2 ul li{
	font-size:1em;}
	.pro_mid_list_mid_right_rw span,.pro_mid_list_mid_right_mid_2 span{
	font-size:1.125em;}
	.pro_mid_mid,.news_mid_mid,.div1200,.index_5_1_mid{margin:0 5.72916666666667%}
	.pro_mid_list_mid_right_mid_3_right{
	font-size:.875em;}
	.pro_mid_list_info_3{
	font-size:1em;}
	.pro_mid_list_info_1{
	font-size:1.125em;}
	.pro_mid_list_info_2 span{
	font-size:1.5em;}
}
@media screen and (max-width:1024px) {
	.index_8_mid_jj_mid_1{
	font-size:1.25em;}
	.index_8_mid_jj_mid_2{
	font-size:1.125em;}
	.index_6_1{
	font-size:1em;}
	.index_2_mid a{
	font-size:.5em;}
	.nybannermid_mid_1{
	font-size:1.25em;}
	.nybannermid_mid_2{
	font-size:2em;}
	.nybannermid_mid,.lesson_mid_mid,.index_mid,.index_7_mid{
	margin:0 5.72916666666667%}
	.nybannermid_mid_3{
	margin-top:1em;}
	.index_1_left_5 a{
	font-size:.55em;}
	.index_1_left_3{
	font-size:1.25em;}
	.index_1_left_2{
	font-size:2em;}
	.index_1_left_1{
	font-size:1.125em;}
	.index_7_1_mid_mid{
	font-size:1em;}
}
.index_4_1 img{
width:100%;}
.index_4_1 img:nth-child(2){
display:none}
.index_6{
position:relative; z-index:10;}
@media screen and (max-width:810px) {
#indexp{
width:60px;}
#indexp .swiper-pagination-bullet:before{
width:27px;}
#indexp .swiper-pagination-bullet-active:after{
width:34px;}

.index_5_1_mid_1_left{
bottom:22vw;}
.index_5_1_mid_1_font{
position:static; width:auto; margin-top:6vw;}
.index_7_1 ul li a{
padding:1.5em 0;}
	.index_4_1 img:nth-child(1){
display:none}
.index_4_1 img:nth-child(2){
display:block}
	.index_banner_jj_2{
	font-size:1.5em;}
	.header > nav > .menu > li:last-child{
	display:none}
	.cursor,.cursor1{
	display:none}
	.news_mid_mid_1_mid_right_1{
	font-size:1.25em;}
	.pro_mid_list_info{
	top:0em; margin-top:2em;}
	.pro_mid_list_info_2 span{
	font-size:1.25em;}
	.loadmore img{
	width:26px;}
	.lesson_mid_mid_2 a{
	font-size:1.5em;}
	.nybannermid_mid_1{
	font-size:1.125em;}
	.nybannermid_mid_2{
	font-size:1.75em;}
	.footer_mid_1_right{
	position:static;-webkit-transform: translate(-0%, -0%);
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%); text-align:center}
.footer_mid_1_right_2{
text-align:center}
.footer_mid_1_left_2{
display:none;}
.footer_mid_1_left_1_right{
display:none}
.footer_mid_1_left_1_left{
float:none; text-align:center; padding-bottom:1.5em;}
}
@media screen and (max-width:768px) {
	.pro_mid_mid_2 ul li{
	margin:0 .2em; margin-bottom:.5em;}
	.pro_mid_list_mid_left{
	width:100%;}
	.pro_mid_list_mid_right{
	position:static; width:100%;}
	.pro_mid_list_mid_right_rw{
	display:none}
	.pro_mid_list_mid_right_mid_1{
	display:none}
	.pro_mid_list_mid_right_mid{
	padding:1.5em 1em;}
	.pro_mid_list ul li:nth-child(2n) .pro_mid_list_mid_left{
	margin-left:0}
	.index_3_mid_left{
	width:auto; margin-left:5.72916666666667%; margin-right:5.72916666666667%;}
	.index_3_mid_mid{ padding-top:1.5em;
	position:static; width:auto;margin-left:5.72916666666667%; margin-right:5.72916666666667%;}
	.index_3_mid_right{
	display:none}
	.index_4_mid{left:5.72916666666667%; width:88.54166666666666%;}
}
.index_2{
z-index:2;}
@media screen and (max-width:640px) {
.index_5_1_mid_1_font_1{
font-size:1.125em;}
.index_8_mid ul li{
width:100%;}
.index_7_2{
margin-top:1.5em;}
.index_7_1 ul li a{
padding:1.125em 0;}
.index_7_1_mid_right{
display:none}
.index_7_1_mid{
padding-right:0; padding-left:130px;}
.index_1_right{ right:0;
position:relative; width:auto; margin-left:8.2%}
.index_1_left{
margin-left:0; width:100%;}
.header > nav{
margin-top:140px;}
.header > header > .logo{
top:16px; left:16px;}
.main-blur {
  
 width:calc(100% + 375px);
 height:calc(100% + 77px);
 
 -webkit-transform: translate(-375px,-77px);
 -ms-transform: translate(-375px,-77px);
 transform: translate(-375px,-77px);
 
}
.header > header > .logo img{
height:40px;}
.header > .shortcut-menu{
top:65px; padding-left:16px;}

 
.slide-inner-info{
height:40vh;}
	.news_info_3_re{
	display:none}
	.news_info_3 ul li{
	width:100%;}
	.news_info_3 ul li a{
	padding-right:0}
	.news_info_3 ul li:nth-child(2) a{
	text-align:left; padding-left:0;}
	.news_info_3 ul li:nth-child(2){
	padding-top:1em;}
	.news_mid_mid_1_mid_right_3_left{
	font-size:10em;}
	.index_2_mid a{
	font-size:.35em;}
.loadmore img{
	width:22px;}
	.lesson_mid_mid_2 a{
	font-size:1.25em;}
#footer{
padding:1.5em 0;}
.footer_mid_1_left_2{
display:block; text-align:center}
.footer_mid_1_left_2{
margin-top:0}
.footer_mid_1_right_1{
display:none}
.brand_1_mid_left{
position:static; width:100%;}
.brand_1_mid_mid{
margin-left:0; margin-right:0}
.brand_1_mid_right{
display:none}
.brand_1_mid_mid_1{
display:none}
.brand_1_mid{margin:0 5.72916666666667%}
.brand_2_img{
position:static; width:auto;-webkit-transform: translate(-0%, -0%);
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);margin:0 5.72916666666667%; margin-top:1.5em;}
.brand_3_mid_left{
position:static; width:100%;}
.brand_3_mid_mid{
position:static; width:100%;-webkit-transform: translate(-0%, -0%);
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%); margin:2em 0;}
.brand_3_mid_right{
margin-left:0; width:100%;}
.brand_3{
padding-top:20vw;}
}
@media screen and (max-width:480px) {
.news_mid_mid_1_mid_right_3_right{
bottom:-10px;}
.news_mid_mid_1_mid_right{
padding-bottom:1.5em;}
.header > nav > .menu > li > a p:nth-child(1), .nav-utils_1 p:nth-child(1){
font-size:16px;}
.header > nav > .menu > li > a p:nth-child(2), .nav-utils_1 p:nth-child(2){
font-size:15px;}
#indexp .swiper-pagination-bullet{
font-size:1em;}
.index_5_1_mid_1_left{
bottom:40vw;}
.index_1_right{
margin-left:5.72916666666667%}
	.index_1_right_2{
	right:5.72916666666667%; bottom:5.72916666666667vw;}
	.index_6 img{
	max-width:80%;}
	.index_1_left_5 a{
	width:100%;}
	.index_1_left{
	padding-bottom:20vw;}
	.index_1_left_4{
	margin-bottom:1.5em;}
	.index_1_left_2{
	font-size:1.5em;}
	.index_1_left_3{
	font-size:1.125em;}
	.news_mid_mid_1_mid_right_3_left{
	font-size:4em;}
	.nybannermid_mid_2{
	font-size:1.5em;}
	.nybannermid_mid_2{
	font-size:1.5em;}
	.pro_mid_list_mid_right_mid_3_right{
	font-size:.7em;}
	.loadmore img{
	width:20px;}
	.lesson_mid_mid_2 a{
	font-size:1.125em;}
	.news_mid_mid_1_mid_right{
	margin-left:36%;}
	.news_mid_mid_1_mid_right_1{
	font-size:1.125em}
	.news_mid_mid_1_mid_right_3_right{
	padding-left:10px;}
}
.index_7_1 ul{
position:relative}


 
#header.headroom--unpinned{-webkit-transform:translate(-0%, -100%);-ms-transform:translate(-0%, -100%);transform:translate(-0%, -100%);}

.cursor,.cursor1{pointer-events:none;position:fixed;top:0;left:0;border-radius:50%;opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:9999999}
.cursor{width:7px;height:7px;background-color:#fff;mix-blend-mode:difference}
.cursor1{width:30px;height:30px;border:1px solid #fff;mix-blend-mode:difference}
.cursor1.expand{background-color:#fff;border:0;mix-blend-mode:difference;transform:translate(-50%,-50%) scale(1.6);-webkit-transform:translate(-50%,-50%) scale(1.6);-moz-transform:translate(-50%,-50%) scale(1.6);-ms-transform:translate(-50%,-50%) scale(1.6);-o-transform:translate(-50%,-50%) scale(1.6);  }
.cursor1.drag::before,.cursor1.drag::after{color:#000;font-family:'fonticons';font-size:.6rem;margin-top:-.6rem;position:absolute;top:50%}
.cursor1.drag::before{content:'\e801';left:-10px}
.cursor1.drag::after{content:'\e803';right:-10px}
.cursorDrag{cursor:none!important}
.cursor1.exploress{width:142px;height:136px;background:url("../images/img3.png") no-repeat center center; background-size:cover;border:0;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:100000000000000000s;animation-duration:100000000000000000000s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin-left:-71px;margin-top:-68px;mix-blend-mode:normal;  }
.cursor1.zoom{width:100px;height:100px;background:url("../images/zoom.svg") no-repeat center center;border:0;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin-left:-50px;margin-top:-50px;mix-blend-mode:normal;  }
.cursor1.next{width:100px;height:100px;background:url("../images/next.svg") no-repeat center center;border:0;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin-left:-50px;margin-top:-50px;mix-blend-mode:normal}
.cursor1.prev{width:100px;height:100px;background:url("../images/prev.svg") no-repeat center center;border:0;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin-left:-50px;margin-top:-50px;mix-blend-mode:normal}

@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


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

@media all and (max-width:850px){  
    .index_1_right_2 {
        right: 0;
        bottom: 5.72916666666667vw;
    }.index_3_mid {
    position: relative;
    margin-top: 0px;

    padding: 40px 0 100px;
    background-size: cover;
    padding: 70px 0 100px;
}    .index_3_mid {
        position: relative;
        margin-top: 0px;
        padding: 40px 0 100px;
        background-size: cover;
        padding: 70px 0 100px;
        height: 800px;
    }
}