@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-size:16px; line-height:1.5; font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color:#fff; color:#333; font-weight:400;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; outline:none; padding:0; border:none; outline:none;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=radio]{ -webkit-appearance:radio;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
body::-webkit-scrollbar{ width:2px; height:1px; position:absolute; right:0; top:0;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#000;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.7);}
.en{ font-family:"SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.cn{ font-family:"SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.bold{ font-family:"SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600;}

/*loading*/
#ftco-loader.fullscreen{ position:fixed; left:0; top:0; width:100%; height:100%; -webkit-transform:none; -ms-transform:none; transform:none; background-color:#fff; z-index:9999;}
#ftco-loader .circular{ -webkit-animation:loader-rotate 2s linear infinite; animation:loader-rotate 2s linear infinite; position:absolute; left:calc(50% - 24px); top:calc(50% - 24px); display:block; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg);}
#ftco-loader .path{ stroke-dasharray:1, 200; stroke-dashoffset:0; -webkit-animation:loader-dash 1.5s ease-in-out infinite; animation:loader-dash 1.5s ease-in-out infinite; stroke-linecap:round;}

@-webkit-keyframes loader-rotate {
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes loader-rotate {
  100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@-webkit-keyframes loader-dash {
  0% { stroke-dasharray:1, 200; stroke-dashoffset:0; }
  50% { stroke-dasharray:89, 200; stroke-dashoffset:-35px;}
  100% { stroke-dasharray:89, 200; stroke-dashoffset:-136px;} 
}
@keyframes loader-dash {
  0% { stroke-dasharray:1, 200; stroke-dashoffset:0; }
  50% { stroke-dasharray:89, 200; stroke-dashoffset:-35px;}
  100% { stroke-dasharray:89, 200; stroke-dashoffset:-136px;} 
}

@media screen and (min-width:1440px){
.fixedl{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); text-orientation:sideways; text-align:center; text-orientation:sideways; margin:0rem; position:fixed; top:0; left:20px; height:100%; text-transform:uppercase; letter-spacing:2px; font-size:18px; z-index:99;}
.fixedr{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); text-orientation:sideways; text-align:center; text-orientation:sideways; margin:0rem; position:fixed; top:0; right:20px; height:100%; text-transform:uppercase; letter-spacing:2px; font-size:18px; z-index:99;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.fixedl{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); text-orientation:sideways; text-align:center; text-orientation:sideways; margin:0rem; position:fixed; top:0; left:15px; height:100%; text-transform:uppercase; letter-spacing:2px; font-size:16px; z-index:99;}
.fixedr{ -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); text-orientation:sideways; text-align:center; text-orientation:sideways; margin:0rem; position:fixed; top:0; right:15px; height:100%; text-transform:uppercase; letter-spacing:2px; font-size:16px; z-index:99;}
}
@media only screen and (max-width: 768px){
.fixedl,.fixedr{ display:none;}
}

/*banner*/
@media screen and (min-width:1440px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(204,204,204,.7); z-index:3;}
.banner .mask a{ width:370px; display:block; margin:auto; overflow:hidden;}
.banner .mask a img{ width:100%; display:block;}
.mouse{ width:62px; height:62px; position:absolute; left:50%; margin-left:-31px; bottom:6.25vw; z-index:99;}
.mouse-icon{ width:60px; height:60px; border:1px solid rgba(255, 255, 255, 0.7); border-radius:50%; background:#fff; cursor:pointer; position:relative; display:block;}
.mouse-wheel{ height:30px; margin:2px auto 0; display:flex; align-items:center; justify-content:center; width:30px; background:transparent; border-radius:50%; -webkit-animation:1.6s ease infinite wheel-up-down; -moz-animation:1.6s ease infinite wheel-up-down; animation:1.6s ease infinite wheel-up-down;}
.mouse-wheel svg{ display:block; width:16px;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(204,204,204,.7); z-index:3;}
.banner .mask a{ width:370px; display:block; margin:auto; overflow:hidden;}
.banner .mask a img{ width:100%; display:block;}
.mouse{ width:52px; height:52px; position:absolute; left:50%; margin-left:-26px; bottom:4vw; z-index:99;}
.mouse-icon{ width:50px; height:50px; border:1px solid rgba(255, 255, 255, 0.7); border-radius:50%; background:#fff; cursor:pointer; position:relative; display:block;}
.mouse-wheel{ height:30px; margin:2px auto 0; display:flex; align-items:center; justify-content:center; width:30px; background:transparent; border-radius:50%; -webkit-animation:1.6s ease infinite wheel-up-down; -moz-animation:1.6s ease infinite wheel-up-down; animation:1.6s ease infinite wheel-up-down;}
.mouse-wheel svg{ display:block; width:16px;}
}
@media only screen and (max-width: 768px){
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container,.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-slide img{ height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(204,204,204,.7); z-index:3;}
.banner .mask a{ width:94%; max-width:370px; display:block; margin:auto; overflow:hidden;}
.banner .mask a img{ width:100%; display:block;}
.mouse{ width:42px; height:42px; position:absolute; left:50%; margin-left:-21px; bottom:3vh; z-index:99;}
.mouse-icon{ width:40px; height:40px; border:1px solid rgba(255, 255, 255, 0.7); border-radius:50%; background:#fff; cursor:pointer; position:relative; display:block;}
.mouse-wheel{ height:20px; margin:2px auto 0; display:flex; align-items:center; justify-content:center; width:20px; background:transparent; border-radius:50%; -webkit-animation:1.6s ease infinite wheel-up-down; -moz-animation:1.6s ease infinite wheel-up-down; animation:1.6s ease infinite wheel-up-down;}
.mouse-wheel svg{ display:block; width:16px;}
}
@-webkit-keyframes wheel-up-down {
  0% { margin-top:2px; opacity:1;}
  30% { opacity:1;}
  100% { margin-top:20px; opacity:0;} 
}
@-moz-keyframes wheel-up-down {
  0% { margin-top:2px; opacity:1;}
  30% { opacity:1;}
  100% { margin-top:20px; opacity:0;} 
}
@keyframes wheel-up-down {
  0% { margin-top:2px; opacity:1;}
  30% { opacity:1;}
  100% { margin-top:20px; opacity:0;} 
}

.goto-here{ width: 100%;}

/*about*/
@media screen and (min-width:1440px){
.abox{ width:80.625%; padding:0 9.6875%; display:flex; flex-direction:row-reverse; background-color:#fff; position:relative; z-index:1;}
.abox .left{ width:56.2%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.abox .right{ width:33.8%; margin-left:10%; padding-top:7.29vw; position:relative; z-index:2;}
.abox .right .title{ width:163.46%; margin-left:-63.46%; padding:3.125vw 4.17vw; padding-right:0; box-sizing:border-box; background-color:#fff; font-size:56px; line-height:64px; overflow:hidden; text-transform:uppercase;}
.abox .right .wen{ padding:3.125vw 0;}
.abox .right .wen .en{ font-size:16px; line-height:26px;}
.abox .right .wen .cn{ font-size:16px; line-height:26px; margin-top:30px;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.abox{ width:90%; padding:0 5%; display:flex; flex-direction:row-reverse; background-color:#fff; position:relative; z-index:1;}
.abox .left{ width:50.2%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.abox .right{ width:42.8%; margin-left:5%; padding-top:7.29vw; position:relative; z-index:2;}
.abox .right .title{ width:150%; margin-left:-50%; padding:3.125vw 4vw; padding-right:0; box-sizing:border-box; background-color:#fff; font-size:46px; line-height:54px; overflow:hidden; text-transform:uppercase;}
.abox .right .wen{ padding:3.125vw 0;}
.abox .right .wen .en{ font-size:16px; line-height:26px;}
.abox .right .wen .cn{ font-size:16px; line-height:26px; margin-top:25px;}
}
@media only screen and (max-width: 768px){
.abox{ width:100%; background-color:#fff; position:relative; z-index:1;}
.abox .left{ width:100%; height:94.25vw; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.abox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.abox .right{ width:94%; padding:35px 3%; position:relative; z-index:2;}
.abox .right .title{ text-align:center; font-size:30px; line-height:38px; overflow:hidden; text-transform:uppercase;}
.abox .right .wen{ padding-top:10px;}
.abox .right .wen .en{ font-size:14px; line-height:24px;}
.abox .right .wen .cn{ font-size:14px; line-height:24px; margin-top:20px;}
}

/*Products*/
@media screen and (min-width:1440px){
.pbox{ width:80.625%; padding:6.77vw 9.6875%; background-color:#fff; position:relative; z-index:1;}
.pbox .title{ width:100%; text-align:center; position:relative;}
.pbox .title .t01{ font-size:56px; line-height:64px; position:relative; z-index:3;}
.pbox .title .t02{ font-size:140px; line-height:148px; position:relative; z-index:3; position:absolute; left:0; top:-60px; width:100%; opacity:.04; height:148px; overflow:hidden;}
.pbox .box{ width:100%; margin-top:2.6vw;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-slide{ width:31%; margin-right:3.5%;}
.pbox .box .swiper-slide .tu{ width:100%; height:37.49vw;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .swiper-slide .wen{ width:100%; text-align:center; margin-top:1.3vw; font-size:24px; line-height:44px; height:44px; vertical-align:middle;}
.pbox .box .swiper-slide .wen .en{ text-transform:uppercase;}
.pbox .box .swiper-slide .wen .cn{ margin-left:15px;}
.pbox .box .swiper-pagination{ display:none;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.pbox{ width:90%; padding:6.77vw 5%; background-color:#fff; position:relative; z-index:1;}
.pbox .title{ width:100%; text-align:center; position:relative;}
.pbox .title .t01{ font-size:46px; line-height:54px; position:relative; z-index:3;}
.pbox .title .t02{ font-size:100px; line-height:108px; position:relative; z-index:3; position:absolute; left:0; top:-40px; width:100%; opacity:.04; height:108px; overflow:hidden;}
.pbox .box{ width:100%; margin-top:2.6vw;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-slide{ width:32%; margin-right:2%;}
.pbox .box .swiper-slide .tu{ width:100%; height:43.2vw;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .swiper-slide .wen{ width:100%; text-align:center; margin-top:1.3vw; font-size:20px; line-height:30px; height:30px; vertical-align:middle;}
.pbox .box .swiper-slide .wen .en{ text-transform:uppercase;}
.pbox .box .swiper-slide .wen .cn{ margin-left:10px;}
.pbox .box .swiper-pagination{ display:none;}
}
@media only screen and (max-width: 768px){
.pbox{ width:94%; padding:35px 3%; padding-bottom:0; background-color:#fff; position:relative; z-index:1;}
.pbox .title{ width:100%; text-align:center; position:relative;}
.pbox .title .t01{ font-size:30px; line-height:38px; position:relative; z-index:3;}
.pbox .title .t02{ font-size:50px; line-height:58px; position:relative; z-index:3; position:absolute; left:0; top:-15px; width:100%; opacity:.04; height:58px; overflow:hidden;}
.pbox .box{ width:100%; margin-top:15px;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-slide{ width:100%;}
.pbox .box .swiper-slide .tu{ width:100%; height:141vw;}
.pbox .box .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox .box .swiper-slide:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.pbox .box .swiper-slide .wen{ width:100%; text-align:center; margin-top:10px; font-size:18px; line-height:28px; height:28px; vertical-align:middle;}
.pbox .box .swiper-slide .wen .en{ text-transform:uppercase;}
.pbox .box .swiper-slide .wen .cn{ margin-left:8px;}
.pbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:15px;}
.pbox .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.pbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#333;}
}

/*Logistics*/
@media screen and (min-width:1440px){
.lbox{ width:80.625%; padding:0 9.6875%; display:flex; background-color:#fff; position:relative; z-index:1;}
.lbox .left{ width:56.2%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.lbox .right{ width:33.8%; margin-right:10%; padding-top:7.29vw; position:relative; z-index:2;}
.lbox .right .title{ width:163.46%; padding:3.125vw 4.17vw; padding-left:0; text-align:right; box-sizing:border-box; background-color:#fff; font-size:56px; line-height:64px; overflow:hidden; text-transform:uppercase;}
.lbox .right .wen{ padding:3.125vw 0;}
.lbox .right .wen .en{ font-size:16px; line-height:26px;}
.lbox .right .wen .cn{ font-size:16px; line-height:26px; margin-top:30px;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.lbox{ width:90%; padding:0 5%; display:flex; background-color:#fff; position:relative; z-index:1;}
.lbox .left{ width:50.2%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.lbox .right{ width:42.8%; margin-right:5%; padding-top:7.29vw; position:relative; z-index:2;}
.lbox .right .title{ width:150%; padding:3.125vw 4vw; padding-left:0; text-align:right; box-sizing:border-box; background-color:#fff; font-size:46px; line-height:54px; overflow:hidden; text-transform:uppercase;}
.lbox .right .wen{ padding:3.125vw 0;}
.lbox .right .wen .en{ font-size:16px; line-height:26px;}
.lbox .right .wen .cn{ font-size:16px; line-height:26px; margin-top:25px;}
}
@media only screen and (max-width: 768px){
.lbox{ width:100%; background-color:#fff; position:relative; z-index:1;}
.lbox .left{ width:100%; height:94.25vw; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1;}
.lbox .left a{ width:100%; height:100%; display:block; overflow:hidden;}
.lbox .right{ width:94%; padding:35px 3%; position:relative; z-index:2;}
.lbox .right .title{ text-align:center; font-size:30px; line-height:38px; overflow:hidden; text-transform:uppercase;}
.lbox .right .wen{ padding-top:10px;}
.lbox .right .wen .en{ font-size:14px; line-height:24px;}
.lbox .right .wen .cn{ font-size:14px; line-height:24px; margin-top:20px;}
}

/*CONTACT US*/
@media screen and (min-width:1440px){
.cbox{ width:80.625%; padding:6.77vw 9.6875%; background-color:#fff; position:relative; z-index:1;}
.cbox .title{ width:100%; text-align:center; position:relative;}
.cbox .title .t01{ font-size:56px; line-height:64px; position:relative; z-index:3;}
.cbox .title .t02{ font-size:140px; line-height:148px; position:relative; z-index:3; position:absolute; left:0; top:-60px; width:100%; opacity:.04; height:148px; overflow:hidden;}
.cbox .box{ width:100%; margin-top:2vw;}
.cbox .box ul{ display:block; width:100%;}
.cbox .box ul li{ width:33.2%; margin-left:.2%; float:left; margin-top:2.16vw; text-align:center;}
.cbox .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.cbox .box ul li strong{ display:block; overflow:hidden;}
.cbox .box ul li strong img{ display:block; height:70px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cbox .box ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.cbox .box ul li span{ display:block; font-size:20px; line-height:28px; margin-top:1.8vw; text-transform:uppercase;}
.cbox .box ul li p{ display:block; font-size:16px; line-height:24px; margin-top:.5vw; color:#808080;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.cbox{ width:90%; padding:6.77vw 5%; background-color:#fff; position:relative; z-index:1;}
.cbox .title{ width:100%; text-align:center; position:relative;}
.cbox .title .t01{ font-size:46px; line-height:54px; position:relative; z-index:3;}
.cbox .title .t02{ font-size:100px; line-height:108px; position:relative; z-index:3; position:absolute; left:0; top:-40px; width:100%; opacity:.04; height:108px; overflow:hidden;}
.cbox .box{ width:100%; margin-top:2vw;}
.cbox .box ul{ display:block; width:100%;}
.cbox .box ul li{ width:33.2%; margin-left:.2%; float:left; margin-top:2.16vw; text-align:center;}
.cbox .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.cbox .box ul li strong{ display:block; overflow:hidden;}
.cbox .box ul li strong img{ display:block; height:70px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cbox .box ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.cbox .box ul li span{ display:block; font-size:20px; line-height:28px; margin-top:1.8vw; text-transform:uppercase;}
.cbox .box ul li p{ display:block; font-size:16px; line-height:24px; margin-top:.5vw; color:#808080;}
}
@media only screen and (max-width: 768px){
.cbox{ width:94%; padding:35px 3%; background-color:#fff; position:relative; z-index:1;}
.cbox .title{ width:100%; text-align:center; position:relative;}
.cbox .title .t01{ font-size:30px; line-height:38px; position:relative; z-index:3;}
.cbox .title .t02{ font-size:50px; line-height:58px; position:relative; z-index:3; position:absolute; left:0; top:-15px; width:100%; opacity:.04; height:58px; overflow:hidden;}
.cbox .box{ width:100%;}
.cbox .box ul{ display:block; width:100%;}
.cbox .box ul li{ width:100%; margin-top:20px; text-align:center;}
.cbox .box ul li strong{ display:block; overflow:hidden;}
.cbox .box ul li strong img{ display:block; height:70px; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.cbox .box ul li:hover strong img{ -webkit-transform:rotateY(-360deg);}
.cbox .box ul li span{ display:block; font-size:18px; line-height:26px; margin-top:10px; text-transform:uppercase;}
.cbox .box ul li p{ display:block; font-size:14px; line-height:22px; color:#808080;}
}

/*内页*/
@media screen and (min-width:1440px){
.ny{ width:80.625%; padding:5vw 9.6875%; background-color:#fff; position:relative; z-index:1;}
.ny .left{ width:30%; position:fixed; left:9.6875%; top:5vw;}
.ny .left img{ width:100%; display:block;}
.ny .right{ width:55%; float:right; position:relative; z-index:2;}
.ny .right .title{ font-size:56px; line-height:64px; overflow:hidden; text-transform:uppercase;}
.ny .right .line{ width:60px; height:4px; background-color:#333; margin:30px 0;}
.ny .right .wen{ width:100%;}
.ny .right .wen .en{ font-size:16px; line-height:26px;}
.ny .right .wen .cn{ font-size:16px; line-height:26px; margin-top:30px;}
.ny .right .wen .back{ font-size:16px; line-height:26px; margin-top:30px;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.ny{ width:90%; padding:7.29vw 5%; background-color:#fff; position:relative; z-index:1;}
.ny .left{ width:40%; position:fixed; left:5%; top:7.29vw;}
.ny .left img{ width:100%; display:block;}
.ny .right{ width:51%; float:right; position:relative; z-index:2;}
.ny .right .title{ font-size:46px; line-height:54px; overflow:hidden; text-transform:uppercase;}
.ny .right .line{ width:50px; height:3px; background-color:#333; margin:25px 0;}
.ny .right .wen{ width:100%;}
.ny .right .wen .en{ font-size:16px; line-height:26px;}
.ny .right .wen .cn{ font-size:16px; line-height:26px; margin-top:25px;}
.ny .right .wen .back{ font-size:16px; line-height:26px; margin-top:25px;}
}
@media only screen and (max-width: 768px){
.ny{ width:100%; background-color:#fff; position:relative; z-index:1;}
.ny .left{ width:100%;}
.ny .left img{ width:100%; display:block;}
.ny .right{ width:94%; padding:35px 3%; position:relative; z-index:2;}
.ny .right .title{ font-size:30px; line-height:38px; overflow:hidden; text-transform:uppercase;}
.ny .right .line{ width:30px; height:2px; background-color:#333; margin:20px 0;}
.ny .right .wen{ width:100%;}
.ny .right .wen .en{ font-size:14px; line-height:24px;}
.ny .right .wen .cn{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .right .wen .back{ font-size:14px; line-height:24px; margin-top:20px;}
}

@media screen and (min-width:1440px){
.ny01 .left{ width:25%;}
.ny01 .right{ width:60%;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.ny01 .left{ width:35%;}
.ny01 .right{ width:56%;}
}

@media screen and (min-width:1440px){
.ny02 .left{ width:40%;}
.ny02 .right{ width:45%;}
}
@media screen and (min-width: 769px) and (max-width: 1439px){
.ny02 .left{ width:50%;}
.ny02 .right{ width:41%;}
}