 

/* CSS Reset */
:root{--color:#eb5c20;--fontcolor:#000000;--summarycolor:#666666;--homebg:#0a1d3d;--hometitle:40px;--fontblod5:500;--fontblod6:600;--fontfamily:"Roboto","Lato","Open Sans","Poppins","Oswald","Noto Sans","Montserrat",sans-serif}
@media(max-width:1280px){:root{--hometitle:34px}}
@media(max-width:1024px){:root{--hometitle:28px}}
@media(max-width:768px){:root{--hometitle:24px}}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:10px;background:rgba(122,122,122,.1)}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#d7d7d7}
::-webkit-scrollbar{width:8px;height:1px}
*{padding:0px;margin:0px;box-sizing:border-box}
html{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;color: #1a1a1a;padding-top:90px}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.no-touch body,.no-touch html {overflow: hidden;height: 100%;}
::-webkit-scrollbar{height:4px; width:0px;background: #dbdedf;}
::-webkit-scrollbar-button{height:0; width:5px;background: #dbdedf;}
::-webkit-scrollbar-thumb{background-color:#999;box-shadow:inset 1px 1px 0 #999,inset 0 -1px 0 #999;}
.detailpage body::-webkit-scrollbar{width:10px;}
li,ol,ul{list-style:none}
img{max-width: 100%}
*{padding:0px;margin:0px;box-sizing:border-box}
.l-wrap{width:100%;max-width:1740px;padding:0px 70px;margin:0px auto}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
@media (max-width:1024px){
.l-wrap{padding:0px 15px}
body{padding-top: 50px}}

/* header */
.header {position:fixed;left: 0;top: 0;z-index: 150;width: 100%;transition:all .4s ease;background:#fff;}
.header::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e6e6e6;}
.header-content {width:94%;height: 90px;margin: auto;position: relative;}
.header-left {position: relative;width: 100%;height: 100%;}
.header-logo {width:20%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo img{display: block;width: 100%;height: auto;}
.header-center {position: absolute;width: 70%;left: 15%;top: 0;z-index: 11;}
.header-nav {overflow: hidden;text-align: center;}
.header-nav li{display: inline-block;vertical-align: middle;list-style: none;padding: 0;margin: 0;}
.header-nav li a{line-height: 90px;font-size: 16px;padding: 0 25px;position: relative;display: block;}
.header-nav li a::after {content: '';width: 1px;height: 16px;background: #cccccc;position: absolute;left:0;top: 50%;transform: translateY(-50%);}
.header-nav li a::before {content: '';width: 0px;height: 3px;background: #eb5c20;position: absolute;left: 0;top: 0;transition:all .4s ease;}
.header-nav li.cur a,.header-nav li.cur a:hover,.header-nav li a:hover {color: #eb5c20;}
.header-nav li.cur a::before,.header-nav li a:hover::before  {width: 100%;}
.header-nav li:first-child a::after,.header-right li:first-child  a::after {display: none;}
.header-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.header-right li{display: inline-block;vertical-align: middle;list-style: none;padding: 0;margin: 0;}
.header-right li a{display: block;padding: 0 20px;position: relative;}
.header-right li:last-child a {padding: 0 0px 0 20px;}
.header-right li a::after {content: '';width: 1px;height: 16px;background: #cccccc;position: absolute;left:0;top: 50%;transform: translateY(-50%);}
.header-right li a span{font-size: 26px;color: #eb5c20}
.header-right li a i{width: 18px;height: 18px;overflow: hidden;display: block;}
.header-right li a i img {max-width: 100%;max-height: 100%;}
.header-right li a:hover {opacity: .5;}
.header-right li a span.logout i {background: url('../images/us.png') center no-repeat;background-size: 100%;}


.header-nav-show {position: absolute;left: 0;top:90px;width: 100%;height: auto;z-index: 900;transition:all .4s ease;}
.header-nav-show .header-nav-content {width: 100%;overflow: visible;background: none;text-align: center;}
.header-nav-show .header-nav-content::after {display: none;}
.header-nav-show-content {width:100%;height:auto;z-index:1;position: absolute;left: 0;overflow: hidden;transition:all .4s ease;background: #fff;}
.header-nav-show-content.Hide {opacity:0;z-index: -1;height: 0px;box-shadow:none}
.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .2;}
.nav-show-item {display: inline-block;vertical-align: top;width: 16%;margin: 2% 1%;text-align: left;}
.nav-show-item .img{border-radius: 6px;overflow: hidden;background: #f1f1f1;}
.nav-show-item .img a:hover .pic {transform: scale(1.05);}
.nav-show-item-type {overflow: hidden;}
.nav-show-item-type .title-1{border-bottom: 1px solid #ededed;overflow: hidden;padding: 20px 0 15px 0;overflow: hidden;}
.nav-show-item-type .title-1 strong{font-size: 18px;display: block;margin: 0;padding: 0;}
.nav-show-item-list {overflow: hidden;padding-top: 15px;overflow: hidden;}
.nav-show-item-list li {list-style: none;padding: 0;margin: 0;}
.nav-show-item-list li a{display: block;position: relative;padding: 5px 0;overflow: hidden;color: #666666;font-size: 14px;}
.nav-show-item-list li a::after {content: '';width: 7px;height: 13px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r3.png') center no-repeat;}
.nav-show-item-list li a:hover {color: #eb5c20;}
.nav-show-item-list li a:hover::after {background: url('../images/r2.png') center no-repeat;}
.header-nav-show-content#language {width: 150px;left: auto;right: 3.5%;padding: 0;}
.language-nav {width: 100%;}
.language-nav img{max-width: 100%}
.language-nav a {display: block;padding: 15px 0;text-align: center;font-size: 14px;color: #999;border-bottom: 1px solid #f1f1f1;}
.language-nav a:last-child {border: none;}
.language-nav a:hover {color: #fff;background: #eb5c20;}


.header-nav-phone {display: block;position: fixed;right: 0;top: 0;z-index: 111;background: #000;width: 100%;height: 100%;transition:all .4s ease;transform: translateX(100%);}
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 50%;transform: translateY(-50%);}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}


.no-touch .header  {z-index: 200; }




/* scroll - top - down - cur - on -hover */
.header.black{background: #fff;}
.header.scroll-down {top: -100px;}
.header.scroll-up {top: 0px;}



/* footer */
.footer {position: relative;background: #1c1d1f;overflow: hidden;}
.footer a{color: #fff;}
.footer a:hover {color: #fff;}
.footer-content {position: relative;width: 76%;margin: auto;padding: 2% 0 1% 0;}
.footer-content-top {padding: 3% 0;overflow: hidden;border-bottom: 1px solid #333436;position: relative;}
.footer-content-top .logo-1{width: 20%;}
.footer-content-top .return-2 {width: 36px;height: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-content-top .return-2 a {display: block;width: 36px;height: 16px;background: url('../images/top.png') center no-repeat;}
.footer-content-center {padding: 3% 0;overflow: hidden;position: relative;}
.footer-content-center .nav-1 {overflow: hidden;font-size: 0;}
.footer-content-center .nav-1 li{display: inline-block;vertical-align: middle;padding: 0 30px;position: relative;}	
.footer-content-center .nav-1 li::after {content: '';width: 1px;height: 14px;background-color: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .2;}
.footer-content-center .nav-1 a{display: block;position: relative;font-size: 14px;}	
.footer-content-center .nav-1 li:first-child {padding: 0 20px 0 0px;}
.footer-content-center .nav-1 li:last-child::after{display: none;}
.footer-content-center .emailbtn-2{right: 0;top: 50%;transform: translateY(-50%);position: absolute;}
.footer-content-center .emailbtn-2 a{display: inline-block;border: 1px solid #494a4c;font-size: 0;position: relative;}	 
.footer-content-center .emailbtn-2 i{display: block;width: 40px;height: 40px;float: left;position: relative;background: url('../images/email.png') center no-repeat;background-size: 60%;}
.footer-content-center .emailbtn-2 i::after{content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #494a4c;}	
.footer-content-center .emailbtn-2 span{display: block;font-size: 12px;float: left;line-height: 40px;padding: 0 20px;color: #fff;}
.footer-content-bottom {padding: 5% 0 1.5% 0;overflow: hidden;}
.footer-content-bottom-left {color: #535353;}
.footer-content-bottom-copy {font-size: 12px;float: left;}
.footer-content-bottom-copy span{font-size: 12px}
.footer-content-bottom-copy a{font-size: 12px;color: #535353;}
.footer-content-bottom-weblink {float: right;}
.footer-content-bottom-weblink a {font-size: 12px;color: #535353}



 

/* index */
.index-swiper {width: 100%;height: 100%;}

.index-swiper .swiper-slide:last-child {height: auto!important;}
.index-banner ,.index-banner-swiper {width: 100%;height: 100%;}
.index-banner-item {width: 100%;height: 100%;overflow: hidden;position: relative;background: #000;}
.index-banner-item .text{color: #fff;position: absolute;left: 7%;top: 50%;transform: translateY(-40%);z-index: 20; background: rgb(26, 26, 26,.4);
    padding: 35px 45px;}






.index-banner-item .num-1{overflow: hidden;}
.index-banner-item .num-1 span{font-family: 'D-DINCondensed';}
.index-banner-item .num-1 i{display: inline-block;vertical-align: middle;width: 80px;height: 1px;background: rgba(255,255,255,.4);margin: 0 15px;position: relative;}
.index-banner-item .title-1{font-size: 60px;line-height: 2;position: relative;margin-top: 5%;position: relative;display: inline-block;}
.index-banner-item .title-1 strong {font-weight: normal;position: relative;z-index: 5;margin: 0;padding: 0;}
.index-banner-item .title-1::after {content: '';width: 100%;height: 10px;background: #eb5c20;position: absolute;left: 0;bottom: 0;z-index: 1;}
.index-banner-item .text-2{font-size: 18px;margin-top: 2%;}
.index-banner-item .text-2 span {opacity: .6;}
.index-banner-item .more-3{margin-top: 4%;}
.index-banner-item .more-3 a{display: inline-block;width: 140px;height: 52px;border: 1px solid rgba(255,255,255,.4);padding: 0 20px;position: relative;}
.index-banner-item .more-3 span{font-size: 16px;color: #fff; display: block;line-height: 52px;font-size: 14px;}
.index-banner-item .more-3 i{display:block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);background: url('../images/r1.png') center no-repeat;width: 7px;height: 13px;}
.index-banner-item .more-3 a:hover {background: #eb5c20;border: 1px solid #eb5c20}
.index-banner-item .more-3 a:hover span {color: #fff;}
.index-banner-item .img{position: relative;width: 100%;height: 100%;}
.index-banner-item .img video {width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 15;object-fit: cover;}
.index-banner-item .img .pic {width: 100%;height: 100%;opacity: 1;}
.index-banner-item .img .pic img{width: 100%;height: 100%;}

.index-banner-swiper .swiper-slide-active .img .pic.ani {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}
.index-banner-swiper .num-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .text-2 {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .more-3  {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-banner-swiper .swiper-slide-active .num-1,
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .text-2,
.index-banner-swiper .swiper-slide-active .more-3 {transform:translateY(0px);opacity:1;}

.index-banner-swiper .banner-pagination {bottom: 5%;width: auto;right: 2.2%;text-align: right;}
.index-banner-swiper .banner-pagination span{background: #fff;position: relative;display: inline-block;vertical-align: middle;margin: 0 15px!important;width: 6px;height: 6px;}
.index-banner-swiper .banner-pagination span::before {content: '';width: 16px;height: 16px;border: 2px solid #eb5c20;border-radius: 100%;position: absolute;right: -7px;top:-6.5px;opacity: 0;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}


.index-section {width: 100%;height: 100%;position: relative;}
.index-section-left {width: 100%;height: 100%;position: relative;}
.index-section-swiper,.index-section-swiper .img,.index-section-swiper .pic {width: 100%;height: 100%;}
.index-section-swiper .img img{width: 100%;height: 100%;overflow: hidden;}
.index-section-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
.index-section-right {width: 100%;height: 100%;position: absolute;right: 0;top: 0;background: #fff url('../images/bg1.png') center bottom no-repeat;z-index: 11;background-size: 100%;}
.index-section-right-content {position: absolute;top: 50%;transform: translateY(-50%);left: 12%;width: 78%;}
.aksb-title {position: relative;}
.aksb-title .icon-1{width: 50px;height: 50px;position: relative;margin-left: -5px;}
.aksb-title .title-2{font-size: 30px;font-weight: 900;margin: 10px 0 30px 0;}
.aksb-title .line-3{width: 37px;height: 3px;background: #eb5c20;}
.aksb-title .num-4{font-size: 128px;line-height: 108px;color: #f7f7f7;position: absolute;right: 0;top:0;font-family: 'Montserrat-Light';}
.linkurl-4 {margin-top: 5%;overflow: hidden;}
.linkurl-4 li {list-style: none;margin: 0;padding: 0;}
.linkurl-4 a{position: relative;display: block;padding: 5% 0;border-bottom: 1px solid #e6e6e6;}
.linkurl-4 span {font-size: 18px;}
.linkurl-4 i {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 14px;height: 14px;}
.linkurl-4 i::before {content: '';width: 2px;height: 14px;position: absolute;right: 6px;top:0px;background: #ccc;}
.linkurl-4 i::after {content: '';width: 14px;height: 2px;position: absolute;right: 0px;top: 6px;background: #ccc;}
.linkurl-4 a:hover {border-bottom: 1px solid #eb5c20;}
.linkurl-4 a:hover span {color: #eb5c20;}
.linkurl-4 a:hover i::after,.linkurl-4 a:hover i::before {background: #eb5c20;}
.allmore-1 {margin-top: 6%;}
.allmore-1 a{display: block;}
.allmore-1 span{font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.allmore-1 i{position: relative;width: 22px;height: 22px;border: 2px solid #1a1a1a;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.allmore-1 i::before,.allmore-1 i::after {content: '';position: absolute;left:50%;top:50%;background: #1a1a1a;}
.allmore-1 i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;}
.allmore-1 i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;}
.allmore-1 a:hover span {color: #eb5c20;}
.allmore-1 a:hover i {transform: rotate(180deg);border: 2px solid #eb5c20;}
.allmore-1 a:hover i::before,.allmore-1 a:hover i::after {background: #eb5c20;}


.index-about {padding: 4% 0;overflow: hidden;background: #f7f7f7} 
.about_in{display: table-cell;
    vertical-align: middle;}
.index-about-top {margin: auto;padding-left: 10%;padding-right: 10%}
.index-about-top .class-1{color: #ed6d2b;font-weight: 900;}
.index-about-top-text {overflow: hidden;margin-top: 2%;}
.index-about-top-left {float: left;width: 45%;}
.index-about-top-left .text-1{color: #111111;}
.index-about-top-right {float: none;width: 100%;line-height: 2}
.index-about-top-right .text-2 {color: #666;}
.index-about-buttom {margin-top: 1.125vw;width: 100%;overflow: hidden;clear: both;}
.index-about-icon {text-align: center;padding-top: 1.125vw;font-size: 0;}
.index-about-icon.num7 .index-about-icon-item {width: 13%;}
.index-about-icon.num6 .index-about-icon-item {width: 13%;}
.index-about-icon.num5 .index-about-icon-item {width: 17%;}
.index-about-icon-item {display: inline-block;vertical-align: top;width: 17%;}
.index-about-icon-item a {display: block;} 
.index-about-icon-item .icon-1 {position: relative;width: 50px;height: 50px;margin: auto;}
.index-about-icon-item .data-1 {margin-top: 4%;}
.index-about-icon-item .data-1 div {font-family: 'montserratl';display: inline-block;vertical-align: top;}
.index-about-icon-item .data-1 sup {display: inline-block;vertical-align: top;margin-left: 5%;margin-top: 5%;}
.index-about-icon-item .text-1 {margin-top: 3%;color: #999999;}
.index-about-icon-item a:hover .data-1 div,.index-about-icon-item a:hover .text-1,.index-about-icon-item a:hover .data-1 sup{color: #ed6d2b;}
.index-about-icon-item a:hover .data-1 div {font-family: 'montserratr';}
.about-icon-progress-bar {margin-top: 2%;position: relative;font-size: 0;overflow: hidden;padding-bottom: 15px;}
.about-icon-progress-bar-line {background: url('../images/line.png') repeat-x left bottom;background-size: auto;}
.aiprogress-bar-item {display: inline-block;vertical-align: top;width: 17%;}
.aiprogress-bar-item .hover-1 {position: relative;width: 50%;margin: auto;}
.aiprogress-bar-item .hover-1::after {content: '';width: 11px;height: 6px;position: absolute;bottom: -115px;background: url('../images/sj.png') center no-repeat;opacity: 0;transition:all .4s ease;left: 50%;transform: translateX(-50%);}
.aiprogress-bar-item .hover-1 i{width: 1px;height: 30px;display: inline-block;vertical-align:middle;position: relative;left: 50%}
.aiprogress-bar-item .hover-1 i::before {content: '';position: absolute;left: 0;bottom: 0;background: #cccccc;width: 100%;height: 20px;}
.aiprogress-bar-item .hover-1 i::after {content: '';transition:all .4s ease;position: absolute;left: 0;bottom: 0;background: #ed6d2b;width: 100%;height: 0;z-index:11;}
.aiprogress-bar-item.cur .hover-1 {background: url('../images/line1.png') repeat-x center bottom;}
.aiprogress-bar-item.cur .hover-1 i::after {height: 100%;}
.aiprogress-bar-item.cur .hover-1 i::before {opacity: 0;}
.aiprogress-bar-item.cur .hover-1::after {opacity: 1;bottom: -15px;}



/* contact */
.contact-section {padding: 120px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .left {width: 45%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}
.contact-section .content .left .content-way li i.c1 {background: url("../images/c1.png") center no-repeat;}
.contact-section .content .left .content-way li i.c2 {background: url("../images/c2.png") center no-repeat;}
.contact-section .content .left .content-way li i.c3 {background: url("../images/c3.png") center no-repeat;}
.contact-section .content .left .content-way li i.c4 {background: url("../images/c4.png") center no-repeat;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: var(--color);}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid var(--color);opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: var(--color);}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 205px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #f5f5f7;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #f5f5f7;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: var(--color);color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;border: 0px;border-radius: 10px}
.content-form li .submit1:hover {background: var(--color);}


.popup-window {background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;display: none;}
.popup-window-content {background: #fff;width: 800px;padding: 5% 2% 5% 5%;margin: auto;position: relative;z-index: 10;opacity: 0;transform: translate(0px,-100px);transition: all .4s;}
.popup-window-content .rolling-content{overflow: auto;height: 500px;position: relative;}
.popup-window-content .rolling-content .rolling-h{padding-right: 50px;font-size: 16px;color: #7d7d7d;line-height: 26px;}
.popup-window-content .rolling-content .rolling-h h2{color: #000;margin: 10px 0;text-transform: uppercase;font-size: 30px;}
.popup-window-content-bg {position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 1;}
.ani-show1 {display: block;opacity: 1;transform: translate(0px,0px);transition-delay: .5s;}
.video-window-content {width: 80%;height: auto;margin: auto;position: relative;z-index: 10;}
.video-window-content video {width: 100%;height: auto;display: block;margin: auto;}


.Contact-our-team {padding: 2% 0px;overflow: hidden;}
.Contact-our-team .left{width: 45%;}
.Contact-our-team .left .title-style h5{color: #999;font-size: 16px;margin: 0;}
.Contact-our-team .left .title-style h2{margin: 0px 0 20px 0;}
.Contact-our-team .left .text{font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .left .item2{border-top: 1px solid #e6e6e7;border-bottom: 1px solid #e6e6e7;padding: 30px 0 20px 0;overflow: hidden;}
.Contact-our-team .left .item2 li {width: 50%;float: left;list-style: none;}
.Contact-our-team .left .item2 h3{font-size: 14px;margin: 0;color: #999999;font-weight: normal;}
.Contact-our-team .left .item2 h4{font-size: 20px;margin: 5px 0;color: #1a1a1a;font-weight: normal;}						
.Contact-our-team .left .annotation {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;overflow: hidden;}
.Contact-our-team .right{width: 48%;}
.contact-bottom {position: relative;overflow: hidden;}
.contact-bottom .left{width: 50%;}
.contact-bottom .left .map{overflow: hidden;position: relative;}
.contact-bottom .left .map img{display: block;}
.contact-bottom .left .map iframe{border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-bottom .right{width: 35%;position: absolute;height: 100%;right: 10%;top: 0;}
.contact-bottom .right .name{border-bottom: 4px solid #000;padding-bottom:20px;}
.contact-bottom .right .name h4{font-size: 20px;color: #24c38f;margin: 0;text-transform: uppercase;}
.contact-bottom .right .name h2{font-size: 40px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.contact-bottom .right .content-way{}
.contact-bottom .right .content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:30px 0;}
.contact-bottom .right .content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.contact-bottom .right .content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.contact-bottom .right .content-way .item.item2 li:last-child::after {display: none;}
.contact-bottom .right .content-way .item.item2 li:last-child {width: 45%;margin-right:0;}
.contact-bottom .right .content-way .item.item2 li:first-child {width: 50%;}
.contact-bottom .right .content-way li{list-style: none;position: relative;}
.contact-bottom .right .content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;line-height: 36px;text-align: center;}

.contact-bottom .right .content-way li span{display: inline-block;vertical-align: middle;}
.contact-bottom .right .content-way li h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-bottom .right .content-way li h5{font-size: 14px;color: #1a1a1a;margin: 5px 0 0 0;}
.content-ewm {font-size: 14px;line-height: 28px; color: #999;padding-top: 30px;}
@media screen and (max-width: 5120px) {.contact-bottom .left .map iframe {width: 100%;}
	.contact-section .content .left .content-map iframe {width: 100%;}}
	@media screen and (max-width: 1920px) {	.contact-bottom .left .map iframe {width: 900px;}
	.contact-section .content .left .content-map iframe {width: 660px;}}
 @media screen and (max-width: 1680px) {.Contact-our-team .right {width: 51%;}.header-nav li a{padding: 0 12px;font-size: 14px}}
 @media screen and (max-width: 1280px) {.contact-section .content,.index-newscenter,.header-nav-show .content, .footer .content,.screen-banner-bottom-nav {width: 90%;}.Contact-our-team {padding: 100px 0 ;}
	.contact-bottom .right .name h2 {font-size: 40px;}
	.contact-bottom .right {width: 40%;right: 5%;}
	.content {width: 90%;}.contact-bottom .left .map iframe {width: 100%;}.contact-bottom .right .name h2,.evcharger-advantage .title h3,.youchong-content .text .title h3  {font-size: 30px;}}
@media screen and (max-width: 1024px) {
    .index-swiper .swiper-slide {}
	.contact-section .content .left .content-way li {width: 50%;}
	.contact-section {padding: 80px 0;}}
	@media screen and (max-width: 860px) {.contact-section .title-style .text {width: 95%;font-size: 12px;line-height: 22px;}

	.contact-section .content .left,.contact-section .content .right {width:100%;float: none;}
	.content-form li .input2,.content-form li .textarea1 {width:100%;margin-bottom: 1%;}
	.content-form li .input2:first-child {margin-right:0;width:100%;}
	.content-form li {margin: 0;}
	.content-form li .submit1,.interesting-detail {width:100%;}.contact-section .content .left .content-way li span{display: block;padding-top: 10px;text-align: center;}
	.contact-section .content .left .content-way li i {margin: auto;display: block;}.evcharger-our-project .top .left,.evcharger-our-project .top .right,.Contact-our-team .left,.Contact-our-team .right,.contact-bottom .right {width:100%;float: none;}
	.interesting-video, .evcharger-our-project .top,.content {width:90%;}	.evcharger-data .item li h2 strong,.contact-bottom .right .name h2,.interesting-other h2 {font-size: 30px;}	.contact-bottom .left  {width:100%;float: none;display: none;}
	.contact-bottom .right {position: relative;right: auto;top: auto;}
	.contact-bottom .right .table {width:90%;margin: auto;}
	.contact-bottom .right .content-way .item:first-child {padding: 10px 0 10px 0;}
	.contact-bottom .right .content-way li span {width: 80%;}
	.contact-bottom .right .content-way .item.item2 li {margin-right:0;width: 50%;}
	.contact-bottom .right .content-way .item.item2 li i{margin-bottom: 10px;}	.contact-bottom .right {padding: 20% 0 20% 0;}
	.contact-bottom .map.mbshow{overflow: hidden;}
	.contact-bottom .map.mbshow iframe {margin: 0;padding: 0;border: none;margin-top: -50px;width: 100%;}
	.contact-bottom .right .content-way .item:last-child {border: none;}
	.popup-window-content .rolling-content {overflow-y: scroll!important;overflow-x: hidden;}
	.popup-window-content .rolling-content .rolling-h {position: relative!important;}
	.contact-section .content .left .content-map iframe {width: 100%;}.Contact-our-team .left .item2 li {margin-bottom: 20px;}
	.contact-bottom .right .content-way .item {padding: 20px 0;}.contact-section .content .left .content-way li {width: 32%;}
	.contact-section .content .left .content-way li:last-child {width: 100%;}
	.contact-section .content .left .content-way li:last-child i {float: left;margin:2%  3%;}
	.contact-section .content .left .content-way li:last-child span {float: left;width: 75%;text-align: left;padding-left:1%;padding-top:0px;}
	.contact-section .content .left .content-way li:nth-child(3) span h5 a {color: #000;}.contact-section .content .right {margin-top: 30px;}
	.contact-section .content .left .content-way li span h5 {font-size: 11px;}
	.contact-section .content .left .content-way li:nth-child(3) i.c3 {border: 2px solid #000;opacity: .7;background: url(../images/c3.png) center no-repeat;}.contact-section .content .left .content-map {display: none;}.contact-section .title-style {text-align: left;width: 94%;margin: auto;}
	.contact-section .title-style .line {margin: 10px 0;}
	.contact-section .title-style .text {width: 100%;}
	.contact-section .content .left .content-way li i {margin: auto 0;}
	.contact-section .content .left .content-way li span {text-align: left;}
	.contact-section .content .left .content-way li:last-child i {margin: 2% 3% 2% 0;}
	.contact-bottom .right .content-way .item.item2 li:last-child {width: 50%;}
	.contact-bottom .right .content-way .item2 li span {width: 100%;}}

@media screen and (max-width: 1680px) {.index-about {padding: 5% 0;}
	.index-about-icon {padding-top: 3%;}}
	@media screen and (max-width: 1440px) {.index-about-icon-item .icon-1 {width: 40px;height: 40px;}}
	@media screen and (max-width: 1280px) {}
	@media screen and (max-width: 980px) {.index-about,.index-representative-project ,.contact-us,.service-team{padding: 5% 0;overflow: hidden;}.index-about-top,.div-container,.footer-content,.research-report-list .div-container,.news-detail-top .div-container,.news-detail-bottom .div-container,.career-development-content .text-1,.career-development-content .text-2,.career-development-center .career-development-content,.career-development-swiper ,.career-development-bottom,.employees-and-culture-top .text-1,.service-team-top .text-1,.contact-us-top .text-1,.contact-us-top .text-2,.professional-top .div-container, .div-container{width: 94%;}
	.representative-project-top .text-1,.corporate-team-top .text-1,.corporate-team-pic,.footer-content-left,.footer-content-right,.professional-content,.professional-center-left ,.trends-and-insights-item .title-1,.latest-insights-item.lii1,.dynamic-information-item:first-child .title-1,.research-report-item,.latest-insight-item,.dynamic-informations-item .img ,.text-content .title-1,.news-detail-left,.career-development-center .career-development-content .text-1,.div-recruitment-windows{width: 100%;float: none;}
	.index-about-top-left ,.index-about-top-right,.professional-competence-item,.professional-competence-item.cur,.company-dynamics-item:first-child,.company-dynamics-item ,.corporate-team-list,.professional-consulting-main .img,.professional-consulting-main .text,.professional-center-right,.trends-and-insights-left,.latest-insights-item,.dynamic-information-item:first-child,.dynamic-information-item,.dynamic-information-item .img,.latest-insight-item.lii1 .img,.latest-insight-item.lii1 .text,.news-detail-right,.about-us-bottom .text-2,.about-us-bottom .text-3,.employees-and-culture-item{float: none;width: 100%;margin-right: 0;}
	.index-about-top-right,.index-about-buttom,.professional-competence-bottom {margin-top: 5%;}
	.about-icon-progress-bar,.professional-competence-item .default-item ,.footer-nav,.professional-top .icon-1,.research-report-item a::after,.dynamic-informations-main::before,.dynamic-informations-main::after,.pageturn-3 a span,.return-detail-1,.career-position-item .title .text-1,.about-us-bottom .icon-2,.core-values-line,.return-detail-2{display: none;}
	.corporate-team-pic-item:last-child {margin-right: 0;}
	.index-about-icon-item,.index-about-icon.num5 .index-about-icon-item {width: 33%;margin: 5% 0;}.dynamic-information-top .text-1,.career-development-content .text-1,.career-development-center .career-development-content .text-1,.service-team-top .text-1,
	.professional-content .text-1,.trends-and-insights-top .text-1,.latest-insights-top .text-1,.employees-and-culture-top .text-1,.contact-us-top .text-1,
	.representative-project-top .text-1,.company-dynamics-top .text-1,.corporate-team-top .text-1 {font-size: 22px;line-height: 28px;}}
.sinoquare-index-solution {position: relative;width: 100%;height: 100%;}
.sinoquare-index-solution::before {content: '';position: absolute;width: 50%;height: 100%;background: #72777c;opacity: .4;left: -9%;top: 0;z-index: 6;transform: skew(-10deg);}
.sinoquare-index-solution-content {position: absolute;left: 8%;top: 20%;width: 25%;z-index: 11;color: #fff;}
.sinoquare-title {overflow: hidden;}
.sinoquare-title .class-1 {font-weight: 900;color: #eb5c20;}
.sinoquare-title .title-1 {font-weight: 900;color: #333;margin-top: 1.5rem;}
.sinoquare-title .text-1 {margin-top: 1.5rem;}
.sinoquare-index-solution-content .class-1 {opacity: .5;color: #eb5c20;font-size: 24px}
.font24{font-size: 24px}
.sinoquare-index-solution-content .title-1 {color: #fff;font-size: 45px}
.sinoquare-solution-nav {position: relative;overflow: hidden;margin-top: 15%;}
.sinoquare-solution-nav ul {position: relative;display: inline-block;}
.sinoquare-solution-nav ul::after,.sinoquare-solution-nav li::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #fff;opacity: .2;}
.sinoquare-solution-nav ul,.sinoquare-solution-nav li,.sinoquare-solution-text .text-1 {list-style: none;margin: 0;padding: 0;}
.sinoquare-solution-nav li {display: inline-block;vertical-align: middle;position: relative;margin-right: 2rem;}
.sinoquare-solution-nav li::after {opacity: 0;background: #eb5c20;}
.sinoquare-solution-nav a {color: #fff;opacity: .5;padding: 1rem 0;display: block;} 
.sinoquare-solution-nav li.cur a,.sinoquare-solution-nav li.cur::after {opacity: 1;}
.sinoquare-solution-nav li.cur a {font-weight: 900;}
.sinoquare-solution-text {margin-top: 5%;}
.sinoquare-solution-text .text-1 {margin-top: 1rem;display: none;}	
.sinoquare-solution-text .text-1.cur {display: block;}
.sinoquare-index-solution-content .solution-next {margin-top: 10rem;} 
.sinoquare-index-solution-swiper {z-index: 5;}
.sinoquare-index-solution-swiper,.sinoquare-index-solution-swiper .img,.sinoquare-index-solution-swiper .pic,.sinoquare-index-solution-swiper img {width: 100%;height: 100%;}

@media screen and (max-width: 860px) { .sinoquare-index-solution {overflow: hidden;}
	.sinoquare-index-solution::before {height: 70%;left: 0;top: -20%;transform: skewY(-10deg);width: 100%;}
	.sinoquare-index-solution-content {left: 5%;top: 5%;width: 90%;}
	.sinoquare-index-solution-content .solution-next {margin-top: 2rem;}
	.sinoquare-solution-nav,.sinoquare-development-history-right,.sinoquare-case-presentation-bottom  {margin-top: 5%;}}

.uw-index-product {position: relative;width: 100%;height: 100%;overflow: hidden;  background: url(../images/anlibg.png) no-repeat center center;
  background-size: 100% 100%;
  height: 100%;}
.uw-width-content {position: relative;width: 94%;height: 100%;overflow: hidden;margin: auto;height: calc(100% - 100px);margin-top: 100px;}
.uw-index-product .uw-content { height: calc(100vh - 3vh);
  margin-top: 3vh;}
.uw-width-content .img {position: relative;width: 100%;height: 90%;overflow: hidden;}
.uw-index-product .uw-width-content .img  {height: 80%;}
.uw-index-product-content {width: 90%;height: 100%;margin:auto;box-sizing: border-box;position: relative;}
.uw-index-product-content-left {width: 30%;overflow: hidden;position: absolute;left: 5%;z-index: 11;top: 25%;transform: translateY(-25%);}
.uw-index-product-content-left .uw-title{width: 100%;}
.uw-index-product-nav {margin-top: 5%;}
.uw-index-product-nav a {display:inline-block;margin-left: 4px;margin-bottom: 4px;padding: 2.5% 5%;width:36%;opacity: .5;font-size: 20px}
.uw-index-product-nav a.cur {opacity: 1;}
.uw-index-product-content-right {width: 66%;height: calc(100vh - 3vh);
  margin-top: 3vh;float: right;}
.uw-index-product-swiper {position: relative;}


.uw-index-product-item{display:flex;flex-wrap:wrap;align-items:center;overflow: hidden;}

.uw-index-product-item .text{width:50%;margin: auto;padding-right: 1%}
.uw-index-product-item .title-1{padding-bottom: 10px;font-size: 28px;}

.uw-index-product-item .text-2{line-height: 2;color: #666}
.uw-index-product-item .viewmore{background: #eb5c20;padding: 10px 30px;width: auto;border-radius: 10px;display: inline-flex}
.uw-index-product-item .viewmore a{display: inline-block;color: #fff}
.uw-index-product-item .pic {overflow: hidden;flex:1;}
.uw-index-product-item .pic img{max-width: 100%;max-height: 100%}
.uw-index-product-item .pic img.img-block {width: auto;height: calc(100vh - 50vh);}

.uw-title {margin: auto;display: inline-block;font-size: 44px}
.uw-title .uw-title-cn{font-weight: bold;}
.uw-title .uw-title-en{font-weight: 800;text-transform: uppercase;font-size: 40px}
.uw-title .uw-titlecn{font-weight: 800;text-transform: uppercase;font-size: 48px;}
.uw-title .uw-titleen{font-weight: 800;text-transform: uppercase;font-size: 30px;}
.uw-title .uw-line-x{width: 100%;height: 3px;position: relative;margin:10px 0;background: rgba(0,0,0,.5)}
.uw-title .uw-line-x::before {content: '';width: 30%;height: 3px;position: absolute;left: 0;top: 0;z-index: 1;background: #eb5c20}
.uw-title .uw-text{padding-top: 30px;padding-bottom: 20px;}
.uw-title .uw-text-cn {padding: 30px 0;line-height: 24px;}
.uw-title .uw-text2 {padding-top: 30px;font-weight: bold;}
.uw-title .uw-title-1 {padding: 20px 0;font-weight: bold;}



.uw-footer-content-top-left-tel .service-social i{border: 1px solid #ccc;}
.uw-footer-content-top-left-tel .service-social a:hover i,.uw-index-product-nav a.cur{border: 1px solid #eb5c20;}
.uw-footer-content-bottom{border-top: 1px solid #ccc;}
.uw-index-product-nav a,.uw-index-division-item .viewmore {border: 1px solid #eb5c20;}
@media screen and (max-width: 1680px) {.uw-index-product-content-left {}
	.uw-index-product-item .pic {margin: auto;}

	.uw-index-product-content-right {bottom: auto;top: 10%;transform: translateY(-10%);padding-left: 2%;}
	.uw-index-product-item .pic img.img-block {}
}
@media screen and (max-width: 1500px) {	.uw-index-product-item .title-1,.uw-index-about-bottom strong,.uw-title .uw-title-1 {font-size:32px;}}
@media screen and (max-width: 1440px) {.uw-index-product .uw-width-content .uw-content {top: 0px;}
	.uw-index-product-item .text-2 {line-height: 22px;font-size: 12px;}
	.uw-index-product .uw-width-content .img,.uw-index-techtnical .uw-width-content .img,.uw-index-about .uw-width-content .img,
	.uw-index-division .uw-width-content .img,.uw-index-news .uw-width-content .img{height: 80%;}.uw-index-product-item .title-1 {font-size: 24px;}}
	@media screen and (max-width: 640px) {.uw-index-product-nav,.uw-product-left-nav {margin-top: 2%;overflow-y: hidden;overflow-x: scroll;overflow: auto;width: 100%;white-space: nowrap;}
	.uw-index-product-nav::-webkit-scrollbar,.uw-product-left-nav::-webkit-scrollbar{height:0px; width:0px;background: #ccc;}
	.uw-index-product-nav a,.uw-product-left-nav li {width: auto;display: inline-block;float: none;vertical-align:middle;position: relative;}
	.uw-index-product-content-right {width: 100%;}
	.uw-index-product .uw-index-scroll,.uw-play,.uw-index-division-item a .num-1,.uw-index-division-item a:hover .viewmore,.uw-footer-content-top-right-nav ul li,.rightpic ,.uw-prodcuts .uw-index-scroll,.uw-division4-nav{display: none;}
	.uw-index-product-item .text {width: 90%;}
	.uw-index-product-item .title-1 {font-size: 18px;}
	.uw-index-product-item .text-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.uw-index-product-item .pic img.img-block {height: auto;}.uw-index-product-item .text-2 {}}
	@media only screen and (max-height : 750px)  {.uw-index-product-nav {margin-top: 2%;display: none;}	
        .uw-index-product-content-left{}
        .uw-index-product .uw-content{}
        .uw-index-product-item{}
		.uw-index-product-item{}
	.uw-index-product-item .text-2,.uw-product-right-swiper .text-2 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}.uw-product-right-swiper .text-2 {-webkit-line-clamp: 3;}
	.uw-index-product-content-left {top: 10%;}
	.uw-index-product-item .pic {width: 70%;margin: auto;}
	.uw-index-product-content-right {}
.uw-title{font-size: 20px}
.uw-title .uw-title-en{font-size: 14px}}

@media screen and (max-width: 1680px) {.uw-index-product-content-left {}
    .uw-index-product-content-right{position: relative;}.uw-index-product-item{}.uw-index-product-nav{display: none;}.uw-index-product-content-right{}}
/* section2 */
.flexed {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
}
.ajianj {
  background: url(../images/49badac9473e3466e2703afd3d1ff6f7c3a7584a.png) no-repeat center center;
  background-size: 100% 100%;
  height: 100%;
}
.index-ab-content {width: 76%;height: 100%;margin: auto;}
.aimg1 img{
  width: 100%;
  height: 100%;
}

.ab-bg{
  padding-bottom: 10.15625vw;
}

.add_sp img{
  max-width: 100%;
} 
.ab-index{
  margin-top: 2.6vw;
}

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

.abl h3{
  font-size: 36px;
  font-weight: 600;
}

.abr{
  width: 70%;
}

#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(137,128,113,.8);z-index:999999;text-align:center;}
#video{display:inline-block;width:1036px;height:609px;vertical-align:middle;background:#FFF;position:relative;}
#video .videoc{width:100%;height:100%;}
#video iframe{width:100%;height:100%;}
#video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0px;right:-40px;cursor:pointer;display:block;font-family:Arial;}



.abr h3{
  font-size: 28px;
  color: #010101;
}

.abr .aw{
  margin-top: 2.6vw;
}

.abr .aw p{
  line-height: 30px;
  font-size: 18px;
  color: #353535;
  letter-spacing: 0.2em;
}

.abr .amore a{
  display: flex;
  align-items: center;
  margin-top: 2.6vw;
}

.abr .amore a span{
  font-size: 16px;
  color: #000000;
  margin-right: 10px;
}

.abr .amore a img{
  max-width: 100%;
}

@media(max-width:996px){
  .ab-index{
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .abl{
    width: 100%;
  }
  .abl h3{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .abr{
    width: 100%;
    margin-top: 20px;
  }
  .abr h3{
    font-size: 24px;
  }
  .abr .aw p{
    font-size: 14px;
    line-height: 22px;
  }
  .abr .amore a span{
    font-size: 14px;
  }
}


@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 499px) {
#video{width:300px;height:260px;}
    #video span{left:130px;top:260px;}
}

.w1605{
  max-width: 1635px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* 工艺 */
.gongyi3 {background-repeat:no-repeat;background-size:cover;box-sizing:border-box;background:linear-gradient(to top right,#f7f7f7,#f7f7f7);
  background-image: url(../images/23c42c335df26cb532f8e46bf1613f7997f4d75f.png) ;
 
  height: 100%;background-size: 100%;position: relative;
}

.fp-section{height: 100%; width: 100%;position: relative;height: 100%;
    vertical-align: middle;overflow: hidden;}
.fp-tableCell{height: 100%;display: table-cell;
    vertical-align: middle;}
.gy-title{
  text-align: center;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.2em;padding-top:9vh;
}

.gy-list{
  flex-wrap: wrap;
  margin-top: 3.2%;height: 100%;position: relative;
}

.gy-list li{
  width: 25%;
  background: rgba(255, 255, 255, 1);
  position: relative;
  padding: 3% 0;
  text-align: center;
  overflow: hidden;z-index: 11;transform: translateY(-5%);
}

.gy-list li:nth-of-type(2){
  background: rgba(255, 255, 255, .5);
}

.gy-list li:nth-of-type(3){
  background: rgba(255, 255, 255, .8);
}

.gy-list li:nth-of-type(4){
  background: rgba(255, 255, 255, .5);
}

.gy-list li:nth-of-type(5){
  background: rgba(255, 255, 255, .4);
}

.gy-list li:nth-of-type(6){
  background: rgba(255, 255, 255, .7);
}

.gy-list li:nth-of-type(7){
  background: rgba(255, 255, 255, .3);
}

.gy-list li:nth-of-type(8){
  background: rgba(255, 255, 255, .7);
}

.gy-list li .img1{
  position: absolute;
  bottom: -1.8vw;
  right: -4.375vw;
}
.gy-list li:nth-child(1) .img1{
  right: -0vw;
}
.gy-list li:nth-child(5) .img1{
  right: -0vw;
}

.gy-list li .img1 img{
  max-width: 100%;
}

.gy-list li .wz1{
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.2em;
  color: #0A0A0A;
}

.gy-list li .wz2{
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.2em;
  color: #0A0A0A;
  margin-top: 0.5vw;
}

@media(max-width: 1024px){
  .gy-title{
    font-size: 30px;
  }
  .gy-list li .wz1{
    font-size: 20px;
  }
  .gy-list li .img1{
    right: -8.375vw;
  }
  .gy-list li .img1 img{
    max-width: 50%;
  }
  .gy-list li .wz2{
    font-size: 14px;
  }
}
@media(max-width: 996px){
  .section3{
    padding: 20px 0;
    margin-top: 20px;
  }
  .gy-title{
    font-size: 24px;padding-top: 1%;
  }
  .gy-list{
    flex-wrap: wrap;
    margin-top: 10px;
  }
  .gy-list li{
    width: 100%;
  }
  .gy-list li .img1{
    display: none;
  }
}


/* section5 */
.w1330{
  max-width: 1360px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.liu-index{
  align-items: center;
  height: calc(100vh - 3vh);
  margin-top: 3vh;
}

.liu-left{
  width: 33.9%;
}

.liu-left h3{
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0.2em;
  color: #fff;
  text-align: center;
}

.liu-left h4{
  width: 90px;
  height: 1px;
  background: #fff;
  margin: 1vw auto;
}

.liu-left .liuw p{
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.2em;
  color: #FFFFFF;

}

.liu-right{
   width: calc(100% - 0.38%);
}

.liu-list{
  position: relative;
}

.liu-list::before{
  /* content: '';
  position: absolute;
  left: 52px;
  top: 30px;
  width: 240px;
  height: 100%;
  background: rgba(255, 255, 255, 0.79);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), inset 0px 4px 30px rgba(0, 0, 0, 0.25);
  border-radius: 20px; */
}

.liu-list li{
  display: flex;
  align-items: center;
  margin-bottom: 16px;float: left;width: 50%;
}


.liu-list li .s1{
  align-items: center;
}
.liu-list li .num{
  font-weight: 700;
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #FFFFFF;
  margin-top: -45px;
}

.liu-list li .s2{
  text-align: center;
  padding: 10px 0px;
  padding-right: 50px;
  background: rgba(255, 255, 255, 0.79);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), inset 0px 4px 30px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  margin-left: -55px;
  position: relative;
  z-index: 99;
  margin-bottom: 10px;
}

.liu-list li .s2 h3{
  font-size: 22px;
  line-height: 29px;
  letter-spacing: 0.2em;
  color: #000000;
  min-width: 140px;
}

.liu-list li .s2 h4{
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2em;
  color: #535353;
  min-width: 140px;
}

.liu-list li .s3{
  align-items: center;
}

.liu-list li .s3 .img1 img{
  mix-blend-mode: multiply;
}

.liu-list li .s3 .s4{
  width: 118px;
  border-bottom: 2px dashed #9E4C30;
  margin: 0 20px;
}

.liu-list li:nth-of-type(1) .s2{
 
}
.liu-list li:nth-of-type(1) .s2 h3{
  padding-top: 0px;
}

@media(max-width: 1366px){
  .liu-list li .s2{
    margin-bottom: 0px;
  }
  .liu-list li .num{
    font-size: 50px;
  }
  .liu-list li .s2 h3{
    line-height: 20px;
  }
}

@media(max-width: 1024px){
  .liu-list li .s2{
    padding: 10px 0;
  }
}


@media(max-width: 996px){
  .section5{
    padding: 20px 0;
    margin-top: 20px;
  }
  .liu-index{
    height: auto;
    margin-top: 0;
    flex-wrap: wrap;
  }
  .liu-left{
    width: 100%;
    padding-top: 10%;transform: translateY(-10%);
  }
  .liu-right{
   width: calc(100% - 0%);
}
.liu-list li .s1{margin-left: 4%}

  .liu-list li{width: 100%}
  .liu-left h3{
    font-size: 24px;
  }
  .liu-left .liuw p{
    font-size: 14px;
    line-height: 24px;
  }
  .liu-list{
    width: 100%;
    margin-top: 10px; padding-top: 10%;transform: translateY(-10%);
  }
  .liu-list li .num{
    font-size: 26px;
    margin-top: 0;
  }
  .liu-list::before{
    display: none;
  }
  .liu-list li .s2{
    margin-left: 0;
    padding: 5px 20px !important;
    padding-left: 20px !important;
  }
  .liu-list li:nth-of-type(1) .s2{
    background: rgba(255, 255, 255, 0.79);
    box-shadow: 0px 10px 20px rgb(0 0 0 / 20%), inset 0px 4px 30px rgb(0 0 0 / 25%);
  }
  .liu-list li:nth-of-type(1) .s2 h3{
    padding-top: 0;
  }
  .liu-list li .s3 .s4{
    width: 40px;
    margin: 0 10px;
  }
  .liu-list li .s2 h3{
    font-size: 16px;
  }
  .uw-index-product .uw-content{margin-top: 0px;height: calc(100vh - 0vh)}
  .uw-index-product-content-right{top: 2%;
    transform: translateY(2%);}
    .uw-index-product-content-left{top: 2%;position: relative;
    transform: translateY(2%);width: 100%}
    .uw-index-product-item{display: block;}
}




.index-section-left-nav {position: absolute;left: 0;width: 100%;bottom: 0;z-index: 10;font-size: 0;}
.index-section-left-nav li{list-style: none;margin: 0;padding: 0;position: relative;width: 20%;text-align: center;display: inline-block;vertical-align: bottom;}
.index-section-left-nav a{display: block;padding: 20px 0;overflow: hidden;position: relative;background-image: url('../images/guang.png');background-position: center 200px;background-repeat: no-repeat;}
.index-section-left-nav i {position: relative;display: block;margin: auto;width: 50px;height: 50px;}
.index-section-left-nav span{display: block;font-size: 18px;color: #fff;padding: 5px 0;}
.index-section-left-nav li.cur {background-image:linear-gradient(360deg, rgb(99,99,99) 10%, rgba(255,255,255,0) 100%);}
.index-section-left-nav li.cur a {background-position: center bottom;}
.index-section-left-nav.num2 li{width: 50%;}
.index-section-left-nav.num3 li{width: 33.3333%;}
.index-section-left-nav.num5 li{width: 20%;}
.index-section-left-nav.num6 li{width: 16.6666%;}
.index-section-left-nav.num7 li{width: 14.2857%;}
.index-section-left-nav.num8 li{width: 12.5%;}


.index-solution {width: 100%;height: 100%;position: relative;overflow: hidden;overflow: hidden;background: url('../images/bg-1.jpg') center no-repeat;background-size:cover;

}
.index-solution-left {width: 32%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}
.index-solution-left-content {position: absolute;right:0;top: 50%;transform: translateY(-50%);width: 91%;color: #fff}
.index-solution-left-content .aksb-title {margin-left: 10%;}
.index-solution-right-content-swiper {width: 100%;height: 100%;position:  relative;}

.index-solution-right-content-swiper .index-solution-item{padding: 1% 10% 1% 10%;padding-top: 10%;color: #fff}
.index-solution-right-content-swiper .index-solution-item .icon-1{display: block;width: 100px;height: 70px;text-align: left;position: relative;}
.index-solution-right-content-swiper .index-solution-item .title-2{margin-top: 30px;position: relative;}
.index-solution-right-content-swiper .index-solution-item .title-2 strong{font-weight: 500;display: block;font-size: 26px}
.index-solution-right-content-swiper .index-solution-item .title-2 i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;font-style: normal;opacity: .6;font-size: 30px}
.index-solution-right-content-swiper .index-solution-item .text-3{margin-top: 20px;line-height: 24px;min-height:100px;font-size: 20px}

.index-solution-right-content-swiper .index-solution-item::before {content: '';width: 1px;height: 100%;position: absolute;left: 1px;top: 0;background: #dededc}
.index-solution-right-content-swiper .swiper-slide::after {content: '';width: 1px;height: 100%;position: absolute;right: -1px;top: 0;z-index: 9;display: none;}


.aksb-title .english-1 {font-size: 60px;line-height: 60px;font-family: 'Montserrat-Bold';}
.aksb-title .title-3 {font-size: 30px;line-height: 30px;position: relative;margin-top: 3%;padding-left: 3%;}
.aksb-title .title-3::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: #eb5c20;}
.solution-nav {margin-top: 20%;}
.solution-nav li{list-style: none;margin: 0;padding: 0;}
.solution-nav a{color: #fff;position: relative;display: block;padding:9% 10%;background-image: url('../images/isbg1.png');background-repeat: no-repeat;background-position: 80% 500px;}
.solution-nav a::before {content: '';width: 80%;height: 1px;position: absolute;bottom: 0;right:10%;background: #fff;opacity: .2;}
.solution-nav span{font-size: 14px;display: block;font-family: 'Montserrat-Bold';}
.solution-nav strong{font-size: 20px;font-weight: 900;margin: 0;padding: 0;display: block;margin-top: 3%;}
.solution-nav i{display: block;width: 50px;height: 50px;position: absolute;right: 8%;top: 50%;transform: translateY(-50%);}
.solution-nav li.cur a{background-color: #eb5c20;background-position: 80% bottom;}
.solution-nav li.cur a::before {display: none;}
.index-solution-right {width: 68%;height: 100%;float: right;position: relative;background: rgba(0,0,0,.2);z-index: 5;}
.index-solution-right-content {width: 80%;top: 50%;transform: translateY(-40%);position: absolute;left: 10%;text-align: center;height: 100%;}
.index-solution-right-content-top {margin-top: 22%;overflow: hidden;position: relative;margin-bottom: 1%;}
.index-solution-top-title {font-size: 40px;display:none;}
.index-solution-right-yuan {position: relative;width: 50%;margin: auto;}

.index-solution-bg {position:absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;}
#solution-canvas {position:absolute;width: 100%;height: 100%;left: 0;top: 50%;z-index: 1;opacity: .2;}

.yuanhuan1 {width: 100%;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);animation:turnrotate 20000ms linear infinite;}
.yuanhuan2 {width: 84%;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);animation:turnrotate2 20000ms linear infinite;}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes turnrotate2{0%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}}
.sanjiao3 {width:100%;left: 0;position: absolute;bottom: 0;text-align: center;z-index: 11;}
.sanjiao3 img {width: auto;max-width: 100%;display: inline-block;}


.index-news {width: 100%;height: 100%;position: relative;overflow: hidden;background: url('../images/nbg1.jpg') center no-repeat;background-size: cover;}
.index-news-content {width: 76%;height: 100%;margin: auto;}
.index-news-content-top {margin-top: 12%;position: relative;}
.index-news-content-top .aksb-title .title-3{margin-top: 1%;padding-left: 1%;}
.index-news-content-top-right {position: absolute;right: 0;bottom: 0;}
.index-news-nav {display: inline-block;vertical-align: middle;}
.index-news-nav li{display: inline-block;vertical-align: middle;padding: 0;margin: 0;position: relative;list-style: none;}
.index-news-nav a{font-size: 16px;display: inline-block;color: #999999;padding: 5px 20px;position: relative;}
.index-news-nav a::before {content: '';width: 1px;height:16px;background: #ccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .5;}
.index-news-nav li:last-child a::before {display: none;}
.index-news-nav li.cur a {color: #eb5c20;}
.index-news-nav li.cur a::after {content: '';width: 70%;height:2px;background: #eb5c20;position: absolute;right: 15%;bottom:0;}
.index-news-more {display: inline-block;vertical-align: middle;margin-left: 40px;}
.index-news-more a{display: block;}
.index-news-more span{font-size: 16px;display: inline-block;vertical-align: middle;color: #999999;margin-right: 10px;}
.index-news-more i{position: relative;width: 22px;height: 22px;border: 2px solid #999;border-radius: 100%;display: inline-block;vertical-align: middle;box-sizing: border-box;}
.index-news-more i::before,.index-news-more i::after {content: '';position: absolute;left:50%;top:50%;background: #999;}
.index-news-more i::before {width: 2px;height: 10px;margin: -5px 0 0 -1px;}
.index-news-more i::after {width: 10px;height: 2px;margin: -1px 0 0 -5px;}
.index-news-more a:hover span{color: #eb5c20;}
.index-news-more a:hover i{border: 2px solid #eb5c20;transform: rotate(180deg);}
.index-news-more a:hover i::before,.index-news-more a:hover i::after {background: #eb5c20;}
.index-news-content-bottom {margin-top: 4%;}
.index-news-content-bottom-left {float: left;width: 41%;position: relative;box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);}
.index-news-content-bottom-item {background: #fff;border-radius: 12px;overflow: hidden;}
.index-news-content-bottom-item a {display: block;}
.index-news-content-bottom-item .date-1 {font-size: 18px;font-family: 'Montserrat-Bold';background: #eb5c20;color: #fff;text-align: center;position: absolute;right: 0;bottom: 0;z-index: 1;padding: 13px 20px;border-radius: 12px 0 0 0;}
.index-news-content-bottom-item .text {padding: 5% 6%;overflow: hidden;}
.index-news-content-bottom-item .title-1 {font-size: 18px;font-weight: 900;margin-bottom: 2%;}
.index-news-content-bottom-item .text-2 {font-size: 14px;line-height: 24px;color: #666;overflow: hidden;}
.viewdetail-3 {margin-top: 3%;}
.viewdetail-3 span{color: #eb5c20;position: relative;padding-right: 20px;display:inline-block;}
.viewdetail-3 span::after {content: '';width: 14px;height: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../images/r3.png') center no-repeat;}
.index-news-content-bottom-item a:hover .pic{transform: scale(1.05);}
.index-news-content-bottom-item a:hover .title-1  {color: #eb5c20;}
.index-news-content-bottom-right {float: right;width: 51%;}
.index-news-content-bottom-list {overflow: hidden;}
.index-news-content-bottom-list li{list-style: none;margin: 0;padding: 0;}
.index-news-content-bottom-list li a{display: block;overflow: hidden;position: relative;border-bottom: 1px solid #e5e6e9;padding: 3% 0;}
.index-news-content-bottom-list li span{display: block;font-size: 12px;color: #b2b2b2;padding-bottom: 7px;}
.index-news-content-bottom-list li strong{display: block;font-size: 16px;font-weight: normal;margin: 0;padding: 0;}
.index-news-content-bottom-list li i{width: 19px;height: 12px;background: url('../images/r2.png') center no-repeat;position: absolute;right: 0;top: 50%;transform: translateY(-20%);opacity: .2;}
.index-news-content-bottom-list li:last-child a {border-bottom:none;}
.index-news-content-bottom-list li a:hover {border-bottom: 1px solid #eb5c20}
.index-news-content-bottom-list li a:hover strong {color: #eb5c20;}
.index-news-content-bottom-list li a:hover i {opacity: 1;}
.index-news-content-bottom-swiper .swiper-slide {opacity: 0;}
.index-news-content-bottom-swiper .swiper-slide-active {opacity: 1;}



/* product */
.osn-banner {position: relative;overflow: hidden;margin-top: 100px}
.osn-banner .text{text-align: center;}
.osn-banner .img{position: relative;animation: bgimgain 3000ms 1 ease-out;}
.osn-path {padding: 15px 0;overflow: hidden;z-index: 50;}
.osn-path a{display: inline-block;vertical-align: middle;position: relative;}
.osn-path a i {display: inline-block;vertical-align: middle;margin-right: 10px;position: relative;width: 20px;height: 20px;opacity: .6;}
.osn-path a span {display: inline-block;vertical-align: middle;opacity: .6;}
.osn-path em {display: inline-block;vertical-align: middle;font-style: normal;font-family: "宋体";font-size: 14px;margin:2px 10px 0px 10px;opacity: .5;line-height: 16px;}
.osn-path a:hover i,.osn-path a:hover span,.osn-path a.cur span{opacity: 1;}

.osn-product {position: relative;}
.osn-product .osn-content {width: 90%;margin: auto;padding:2% 0  2% 0;overflow: hidden;}
.osn-left-navs {float: left;width:19%;position: absolute;left: 0;top: -130px;overflow: hidden;z-index: 50;min-height: 500px;box-shadow: 10px 0px 70px 0px rgba(0, 0, 0, 0.08);}
.osn-left-navs-title {padding:10%;overflow: hidden;}
.osn-left-navs-title .icon-1{float: left;width: 65px;margin-top: 2px;}
.osn-left-navs-title .icon-1 i{display: block;position: relative;width: 45px;height: 45px;}
.osn-left-navs-title .icon-1 i svg{max-width: 50%;max-height: 50%;}
.osn-left-navs-title .title-2 {float: left;}
.osn-left-navs-content {padding:5% 10%;overflow: hidden;}
.osn-left-navs-item {overflow: hidden;padding:20px 0;}
.osn-left-navs-item-title {position: relative;cursor: pointer;}
.osn-left-navs-item-title strong{display: block;margin: 0;padding: 10px 0;}
.osn-left-navs-item-title i{display: block;position:absolute;width: 16px;height: 16px;right: 0;top: 50%;margin-top:-3px;}
.osn-left-navs-item-title i::before,.osn-left-navs-item-title i::after {content: '';width: 16px;height:2px;position: absolute;left: 0;top: 0;}
.osn-left-navs-item-title i::after {transform:rotate(90deg);}
.osn-select-type {display: none;}
.osn-select-type li {list-style: none;margin: 0;padding: 0 0 10px 0;}
.osn-select-type a{display: block;}
.osn-select-type i {display: inline-block;vertical-align: middle;position: relative;width: 14px;height: 14px;border-radius: 100%; border: 1px solid #ccc;}
.osn-select-type i::before {content: '';width: 6px;height: 6px;position: absolute;left: 50%;top: 50%;margin: -3px 0 0 -3px;border-radius: 100%;display: none;}




.osn-select-type span {display: inline-block;vertical-align: middle;margin-left: 10px;}
.osn-select-type li.cur i::before {display: block;}
.osn-left-navs-item.cur .osn-select-type {display: block;}
.osn-left-navs-item.cur .osn-left-navs-item-title.cur i::after  {display: none;}
.osn-select-type-1 {overflow: hidden;padding-top: 10px;}
.osn-select-type-2 {overflow: hidden;padding-top: 10px;}
.osn-select-type.osn-select-type-2 li i {border-radius: 3px;}
.osn-select-type.osn-select-type-2 li.cur i::before {display: none;}
.osn-select-type.osn-select-type-2 li.cur i::after {content: '';width: 12px;height: 12px;position: absolute;left:50%;top:50%;background: url('../images/gou.svg') center no-repeat;background-size:100%;margin: -6px 0 0 -6px;}
.osn-select-type.osn-select-type-2 li.all.cur i {border-radius:100%;background: none;}
.osn-select-type.osn-select-type-2 li.all.cur i::after {display: none;}
.osn-select-type.osn-select-type-2 li.all.cur i::before {display: block;}
.osn-reset-filter {padding:30px 0 20px 0;overflow: hidden;text-align: right;}
.osn-reset-filter a {display: inline-block;vertical-align: middle;position: relative;}
.osn-reset-filter a::before {content: '';width: 30px;height: 1px;display: inline-block;vertical-align: middle;margin-right: 10px;}

.osn-right-content {float: right;width: 78%;overflow: hidden;}
.osn-right-content-search {overflow: hidden;}
.osn-right-content-search .osn-right-search {position: relative;}
.osn-right-content-search .osn-right-search .search-submit{position: absolute;width: 22px;height: 22px;background: none;background-size:100%;border: none;left: 0;top:50%;opacity: .5;margin-top: -12px;cursor: pointer;}
.osn-right-content-search .osn-right-search .search-submit em{font-size: 22px;color: #000;font-weight: bold;}
.osn-right-content-search .osn-right-search .search-submit:hover {opacity: 1;}
.osn-right-content-search .osn-right-search .search-input{width: 100%;display: block;padding: 20px 30% 20px 30%;border: none;background: none;}
.osn-right-content-search .osn-right-search .search-input::placeholder {color: #999;font-size: 20px;}
.osn-right-content-search .search-result{padding: 20px 0;overflow: hidden;}
.osn-right-content .osn-right-content-search .osn-right-search .search-input{padding: 20px 5% 20px 5%;}


.osn-right-products-list {padding:20px 0;min-height: 500px;}
.osn-right-products-item {float: left;width: 30%;margin:0 4.9% 4% 0;overflow: hidden;}
.osn-right-products-item.orpi3,.osn-right-products-item.orpi6,.osn-right-products-item.orpi9 {margin:0 0 4% 0;}
.osn-right-products-item a{display: block;overflow: hidden;text-align: center;}
.osn-right-products-item .img{overflow: hidden;position: relative;}
.osn-right-products-item .pic{overflow: hidden;position: relative;}
.osn-right-products-item .text{padding: 20px 0;overflow: hidden;}
.osn-right-products-item .title-1{padding-bottom: 10px;font-weight: 800;}
.osn-right-products-item a:hover .pic img.img-center{opacity: 0;}
.osn-right-products-item a:hover .pic img.img-block{opacity: 0;}

.osn-page-trun {text-align: center;padding: 20px 0;overflow: hidden;clear: both;}


.osn-page-trun a, .osn-page-trun span { margin:0px 5px; padding:3px 12px; color:#333; background:#FFF; border:1px solid #d1d1d1; }
.osn-page-trun a:hover, .osn-page-trun span.current { margin:0px 5px; padding:3px 12px; color:#FFF; background:#d9a655; border:1px solid #d9a655; }




.osn-product-title {position: absolute;width: 100%;left: 0;text-align: center;top: 50%;z-index: 40;}
.osn-product-title h1{margin: 0;font-weight: 800;}


.osn-product-detail {overflow: hidden;padding: 5% 0;}
.osn-product-detail .osn-content{overflow: hidden;position: relative;}
.osn-product-detail-left {float: left;width: 52%;position: relative;overflow: hidden;}
.osn-product-detail-pic-swiper {position: relative;float: right;width:80%;box-sizing: border-box;border: 1px solid #ccc}
.osn-product-detail-pic-swiper .play {width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px; z-index: 10;}
.osn-product-detail-pic-swiper .play.cur {display: none;}
.osn-product-detail-pic-swiper .play a{display: block;border-radius: 100%;width: 60px;height: 60px;position: relative;}
.osn-product-detail-pic-swiper .play i{display: inline-block;width: 18px;height: 18px;position: absolute;left: 50%;top: 50%;margin: -9px 0 0 -9px;background: url('../images/play.png') center no-repeat;}
.osn-product-detail-pic-swiper .play a::before {content: '';width: 90px;height:90px;position: absolute;left: 50%;top: 50%;margin: -45px 0 0 -45px;border-radius: 100%;box-sizing: border-box;}
.osn-product-detail-pic-swiper .swiper-slide .video {position: absolute;width: 100%;height: 100%;background: #000;z-index: 5;display: none;}
.osn-product-detail-pic-swiper .swiper-slide .video video {width: 100%;height:100%;display: block;}
.osn-product-detail-pic-swiper .swiper-slide .video.cur {display: block;}
.osn-product-detail-left-pic {width:15%;height: 100%;position: absolute;overflow: hidden;left: 0;top: 0;}
.osn-product-detail-left-pic-swiper {position: relative;height: 100%;}
.osn-product-detail-left-pic-swiper .img ,.osn-product-detail-pic-swiper .img {background-color: #fff;box-sizing: border-box;border: 1px solid #ccc}
.osn-product-detail-left-pic-swiper .img {opacity: .5;cursor: pointer;}
.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img {opacity: 1;}
.osn-product-detail-left-pic-swiper .swiper-slide-thumb-active .img::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;z-index: 3;}
.osn-close {width: 40px;height: 40px;position: absolute;right:0;top:0;z-index: 50;display: block;}
.osn-close.cur {display: none;}
.osn-close a {display: block;width:30px;height:30px;margin: 5px;background: #fff;position: relative;}
.osn-close a i {width: 20px;height: 2px;background: #000;position: absolute;left: 50%;top: 50%;margin: -1px 0 0 -10px;transform:rotate(45deg);}
.osn-close a i::before {content: '';width:2px;height: 20px;;background: #000;position: absolute;left: 50%;top: 50%;margin: -10px 0 0 -1px;}
.magnifier {background: #fff;}

.osn-product-detail-right {float: right;width: 43%;overflow: hidden;}
.osn-product-detail-right-text {overflow: hidden;}
.osn-product-detail-right-text .title-1{padding: 30px 0;font-weight: 800;border-bottom: 1px solid #e5e5e5;font-size: 40px;font-weight: bold;}
.osn-product-detail-right-text .text-2{padding-top: 30px;line-height: 30px;}
.osn-product-detail-right-text .parameter-3{margin-top: 50px;}
.osn-product-detail-right-text .title-3 {display: inline-block;position: relative;padding-right: 10px;}
.osn-product-detail-right-text .title-3 strong{font-weight: 800;margin: 0;font-size: 20px;font-weight: bold;}
.osn-product-detail-right-text .title-3 i{display: block;width: 3px;height: 3px;border-radius: 100%;position: absolute;right: 0;top: 0;}
.osn-product-detail-right-text .item-4 {margin-top:20px;overflow: hidden;padding: 0px}
.osn-product-detail-right-text .item-4 li{list-style: none;margin: 0;padding: 0;float: left;width: 30%;margin-right:3%;padding: 22px 0;border-bottom: 1px solid #e5e5e5;}
.osn-product-detail-right-text .item-4 li:last-child {width: 100%;margin-right: 0;}
.osn-product-detail-right-text .item-4 li.mr0 {margin-right: 0;}
.osn-product-detail-right-text .item-4 strong{font-weight: 800;}
.osn-product-detail-right-text .item-4 i{font-style: normal;margin: 0 5px;}
.osn-product-detail-right-text .item-4 li p {margin: 13px 0 0 0;}


.osn-product-detail-inspiration {padding:5% 0;overflow: hidden;background: url('../images/bg2.jpg') center top no-repeat;}
.osn-product-detail-inspiration .osn-content {float: right;width:90%;}
.osn-product-inspiration {margin-top: 50px;overflow: hidden;}
.osn-inspiration-swiper {padding-bottom: 80px;overflow: hidden;position: relative;cursor: url(../images/cur.png),default!important;}
.osn-inspiration-swiper .swiper-slide {width: auto;}
.osn-inspiration-swiper img {max-height: 480px;display: block;width: auto;}
.osn-inspiration-swiper .osn-progressbar {position: absolute;left: 0;bottom: 10px;top: auto;width: 80%;height:2px;}
.swiper-pagination-num {position: absolute;right: 15%;bottom: 0;}


.osn-product-detail-main {padding:6% 0;overflow: hidden;}
.osn-product-detail-main .osn-content {text-align: center;}
.osn-product-detail-main .osn-content .osn-title{display: inline-block;}
.osn-product-detail-main-pic {overflow: hidden;position: relative;padding:2% 0;width:84%;margin: auto;}
.osn-product-detail-main-pic img {display:inline-block;width: auto;max-width: 100%;}


.osn-product-detail-other {background: #f7f7f7;overflow: hidden;padding:2% 0;}
.osn-product-detail-other .osn-content{text-align: center;}
.osn-product-detail-other .osn-title{display: inline-block;}
.osn-other-product {position: relative;overflow: hidden;width:90%;margin:2% auto auto;}
.osn-other-product-swiper{overflow: hidden;width:80%;margin:auto;}
.osn-other-product-swiper .osn-right-products-item {float: none;width:100%;margin:0;}
.swiper-button-next-other,.swiper-button-prev-other {width: 120px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.swiper-button-next-other i,.swiper-button-prev-other i {width: 40px;height: 40px;border-radius: 100%;display: block;position: relative;float: left;}
.swiper-button-next-other i {float: right;}
.swiper-button-next-other i::before,.swiper-button-prev-other i::before {content: '';width: 50px;height: 13px;position: absolute;left: -30px;top:50%;background: url('../images/right2.svg') center no-repeat;background-size: 100%;margin-top: -6px;}
.swiper-button-prev-other i::before {transform:rotate(180deg);left: 20px;}
.swiper-button-next-other span,.swiper-button-prev-other span {float: left;display: block;line-height: 42px;margin-left: 40px;}
.swiper-button-next-other span {float: left;margin-left: 0px;}
.swiper-button-next-other {right: 0;}
.swiper-button-prev-other {left: 0;}
.swiper-button-next-other:hover i::before {animation: leftdong2 1000ms ease infinite;}
.swiper-button-prev-other:hover i::before {animation: leftdong3 1000ms ease infinite;}



.osn-product {overflow: hidden;}
.osn-left-navs {top: 0px;height: 100%;box-sizing: border-box;}
.osn-left-navs.cur{position: fixed;top:0;left:0;overflow: hidden;}
.osn-left-navs-content {overflow-y: auto;height: 80%;overflow-x: hidden;padding: 5% 10% 15% 10%;}
.osn-left-navs-content::-webkit-scrollbar{width:0px;}
.osn-left-navs-content-type {position: relative;}
.osn-left-navs-content-type::before {content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: 3;position: absolute;display: none;}
.osn-left-navs-content-type.cur {opacity:.4;height: 100%;overflow: hidden;}
.osn-left-navs-content-type.cur::before {display: block;}
.osn-product-type-item.hide {display: none;}
.osn-product-type-item.show {display: block;}
.osn-product-type-item .osn-product-select-type,.osn-product-type-item.cur .osn-product-select-type {display: none;}
.osn-product-type-item .osn-product-select-type.cur,.osn-product-type-item.cur .osn-product-select-type.cur {display: block;}




/* livingspace */
.osn-livingspace {overflow: hidden;}
.osn-livingspace-top {background: url('../images/livingspace1.jpg') center top;margin-top: 100px;overflow: hidden;}
.osn-livingspace-top .osn-path{position: relative;top: auto;left: auto;}
.osn-livingspace-top .osn-content{width: 92%;}
.osn-livingspace-banner {overflow: hidden;margin-top: 20px;}
.osn-livingspace-banner-left {float:left;width: 23%;overflow: hidden;position: relative;}
.osn-livingspace-banner-right {float:left;width: 77%;overflow: hidden;}
.osn-livingspace-banner-nav {padding:10%;overflow: hidden;}
.osn-livingspace-banner-swiper {position: relative;}
.osn-livingspace-banner-swiper .swiper-pagination {bottom: 4%;}
.osn-livingspace-banner-swiper .swiper-pagination span {width: 10px;height: 10px;}
.osn-livingspace-bottom {padding:0;overflow: hidden;text-align: center;font-size: 0;position: relative;}
.osn-livingspace-bottom a{display: inline-block;padding:40px 0px 40px 0px;overflow: hidden;position: relative;margin: 0 30px;}
.osn-livingspace-bottom a::after {content: '';width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;}

.osn-livingspace-list {padding:3% 0;overflow: hidden;}
.osn-livingspace-list .osn-content {text-align: center;width: 80%;margin: auto;}
.osn-livingspace-item {width: 29%;margin:2% 2%;overflow: hidden;display: inline-block;vertical-align: top;}
.osn-livingspace-item a{display: block;overflow: hidden;text-align: center;}
.osn-livingspace-item .img{overflow: hidden;position: relative;}
.osn-livingspace-item .pic{overflow: hidden;position: relative;}
.osn-livingspace-item .pic img.img-center{opacity: 0;}
.osn-livingspace-item a:hover .pic {background-color: rgba(0,0,0,.5);}
.osn-livingspace-item a:hover .pic img.img-center{opacity: 1;}
.osn-livingspace-item .text{padding: 20px 0;overflow: hidden;}
.osn-livingspace-item .title-1{padding-bottom: 10px;font-weight: 800;}
.osn-right-livingspace-list {padding: 2% ;}
.osn-right-livingspace-list .osn-livingspace-item  {float: left;width:23%;margin: 0;margin-left: 2%;margin-bottom:2%;

  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 3px 10px 0 rgba(51,51,51,.2);
    padding: 1% 0%;
    box-sizing: border-box;
    transition: all 0.1s linear;
  
    }    


  


.osn-right-livingspace-list .osn-livingspace-item.mr0  {margin-right: 0;}  
.osn-right-livingspace-list .osn-livingspace-item:nth-child(4n+1){margin-left: 0;}

.osn-livingspace-detail {overflow: hidden;padding: 5% 0;}
.osn-livingspace-detail .osn-content{overflow: hidden;position: relative;}
.osn-livingspace-detail .osn-product-detail-left {width: 64%;}
.osn-livingspace-detail .osn-product-detail-right {width: 31%;}
.osn-livingspace-detail .osn-product-detail-right-text .parameter-3 {margin-top: 20px;}
.osn-livingspace-detail .osn-product-detail-right-text .item-4 li {width: 100%;}
.osn-livingspace-detail .osn-product-detail-right-text .title-3 {margin-top: 40px;}
.osn-livingspace-detail .oproducts-5 {margin-top: 20px;overflow: hidden;position: relative;}
.osn-oproducts-swiper {position: relative;}
.osn-oproducts-swiper .img .pic{transition:all .4s ease;}
.osn-oproducts-swiper .img:hover .pic{transform:scale(1.1);}
.osn-oproducts-swiper .name-3 {text-align: center;padding-top: 20px;font-size: 16px;color: #000;width: 100%;}
.oproducts-next,.oproducts-prev {color: #fff;height: 80%;top: 0;margin: 0;width: 10%;outline: none;opacity: 0;}
.oproducts-next:after,.oproducts-prev:after {font-size: 20px;}
.oproducts-next {right: 0;background-image: -webkit-linear-gradient( 180deg, rgb(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);}
.oproducts-prev {left: 0;background-image: -webkit-linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgb(0,0,0,.3) 100%);}
.osn-oproducts-swiper:hover .oproducts-next,.osn-oproducts-swiper:hover .oproducts-prev{opacity: 1;}
.oproducts-next.swiper-button-disabled, .oproducts-prev.swiper-button-disabled,
.osn-oproducts-swiper:hover .oproducts-next.swiper-button-disabled,.osn-oproducts-swiper:hover .oproducts-prev.swiper-button-disabled {opacity: 0;}
.osn-livingspace-detail .osn-product-detail-left-pic {width: 13%;}
.osn-livingspace-detail .osn-product-detail-pic-swiper {width: 86%;}
.osn-livingspace-other .osn-right-products-item .pic img.img-block {background: transparent;}
.osn-livingspace-other .osn-right-products-item .pic{transition:all .4s ease;}
.osn-livingspace-other .osn-right-products-item a:hover .pic {transform:scale(1.1);}






/* solution */
.download-title .text-1{font-size: 18px;line-height: 30px;color: #fff;margin-top: 3%;}
.page-solution-nav {position: absolute;width: 100%;text-align: center;left: 0;bottom: 5%;z-index: 11;}
.page-solution-nav::-webkit-scrollbar {display: none;}
.page-solution-nav a {font-size: 20px;padding: 20px 35px;border: dashed 1px #fff;border-radius: 4px;display: inline-block;vertical-align: middle;color: #fff;margin: 0 5px;background-position: center 100px;background-repeat: no-repeat;background-image: url('../../product/images/pic.png');background-size: 100%;}
.page-solution-nav a.cur,.page-solution-nav a:hover {background-color: #eb5c20;background-position: center bottom;border: solid 1px #eb5c20;}
.page-solution-nav a i {position: relative;}
.page-solution{position: relative;overflow: hidden;padding: 2% 0 0 0;}
.page-solution-left-text {color: #f5f6f8;font-size: 140px;font-family: 'Montserrat-Bold';margin-top: 50%;margin-left: 0;position: absolute;left: 0;bottom: 4%;}
.page-solution-content {width: 90%;margin: auto;position: relative;}
.page-solution-left {float: left;width: 25%;}
.page-solution-left-nav {overflow: hidden;transition:all .4s ease;}
.page-solution-left-nav.t100 {margin-top: 100px;}
.page-solution-left-nav li {position: relative;list-style: none;margin: 0;padding: 0;}
.page-solution-left-nav li a{font-size: 20px;display: block;padding: 20px 20px 20px 0px;overflow: hidden;border-bottom: 1px solid #e8e8e8;background-image: url('../../solution/images/r1.png');background-position: -50px center;background-repeat: no-repeat;}
.page-solution-left-nav li i{display: block;color: #999999;font-size: 16px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-style: normal;}
.page-solution-left-nav li.cur a,.page-solution-left-nav li:hover a{padding: 20px;border-bottom: 1px solid #e8e8e8;color: #eb5c20;background-position: 0px center;}
.page-solution-left-nav li.cur i,.page-solution-left-nav li:hover i {color: #eb5c20;}
.page-solution-right {float: right;width: 70%;padding-left: 2%;position: relative;padding-bottom: 7%;}
.page-solution-right::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;opacity: .5;}
.page-solution-right-toppic {position: relative;overflow: hidden;background-size: cover;border-radius: 8px;margin-bottom: 1%;}
.page-solution-right-toppic img {display: block;}
.page-solution-right-list {overflow: hidden;width: 100%;min-height: 500px;}
.page-solution-right-item {float: left;width: 32%;margin: 1% 2% 1% 0;overflow: hidden;border-radius: 8px;margin-left: 1%}
.page-solution-right-item:nth-child(3n+1){margin-left: 0px}
.page-solution-right-item.mr0 {margin: 1% 0 1% 0;}
.page-solution-right-item a{display: block;}
.page-solution-right-item .pic{overflow: hidden;}
.page-solution-right-item .text{text-align: center;background: #f5f6f8;}
.page-solution-right-item .title-1{font-size: 18px;padding: 25px 0;}
.page-solution-right-item a:hover .pic{transform: scale(1.05);}
.page-solution-right-item a:hover .text{background: #eb5c20;}
.page-solution-right-item a:hover .text .title-1{color: #fff;}
.page-solution-hide {position: absolute;left: 0;bottom: 5%;}

.page-banner-swiper {overflow: hidden;position: relative;}
.page-banner-swiper .download-title .title-1{font-size: 50px;}
.page-banner-swiper .page-solution-nav {overflow: hidden;}
.page-banner-swiper .page-solution-nav a{padding: 10px 0px;width: 9%;}
.page-banner-swiper .pic {position: relative;overflow: hidden;animation: srmgani 4000ms 1 ease forwards;}
.page-solution-nav a i {display: block;width: 40px;height: 40px;margin: 5px auto;}
.page-solution-nav a span {font-size: 18px;}
.page-swiper-prev,.page-swiper-next {position: absolute;top: 50%;transform: translateY(-50%);z-index: 30;font-size: 0;}
.page-swiper-prev span,.page-swiper-next span{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;position: relative;}
.page-swiper-prev i,.page-swiper-next i{width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.page-swiper-prev {left: 5%;}
.page-swiper-next {right: 5%;}
.page-swiper-prev i {background: url('../../solution/images/l2.png') center no-repeat;}
.page-swiper-next i {background: url('../../solution/images/r22.png') center no-repeat;}
.page-swiper-prev span::before {content: '';width: 1px;height: 50px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 20px;opacity: .3;}
.page-swiper-next span::after {content: '';width: 1px;height: 50px;display: inline-block;vertical-align: middle;background: #fff;margin: 0 20px;opacity: .3;}
.page-swiper-prev a:hover span,.page-swiper-next a:hover  span{color: #eb5c20;}

.page-solution-content {position: relative;overflow: hidden;}
.page-solution-content-img {text-align: center;padding-bottom: 5%;overflow: hidden;position: relative;}
.page-solution-content-img img{display: inline-block;width:auto;height: auto;max-width: 100%;}

.industry-solution {padding: 6% 0 4% 0;overflow: hidden;background: #f5f7fa;}
.industry-solution-title {overflow: hidden;}
.industry-solution-title {text-align: center;}
.industry-solution-title .title-1{font-size: 40px;}
.industry-solution-content {width: 76%;margin: auto;overflow: hidden;}
.industry-solution-list{padding: 4% 0;overflow: hidden;text-align: center;font-size: 0;}
.industry-solution-item {overflow: hidden;text-align: left;display: inline-block;vertical-align: middle;width: 32.333%;margin-right: 1.3333%;}
.industry-solution-item:last-child {margin-right: 0;}
.industry-solution-item  a {display: block;overflow: hidden;background: #fff;border-radius: 10px;padding: 8%;}
.industry-solution-item .type-1{font-size: 14px;color: #999;}
.industry-solution-item .title-1{font-size: 20px;margin-top: 20px;font-weight: 700;min-height: 70px;}
.industry-solution-item .more-1{font-size: 14px;color: #999;position: relative;padding-right: 25px;display: inline-block;margin-top: 5%;font-family: 'Montserrat-Light';}
.industry-solution-item .more-1 i{width: 20px;height: 20px;background: url('../../solution/images/r3.png') center no-repeat;opacity: .5;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.industry-solution-item  a:hover {background: #eb5c20 url('../../product/images/pic.png') center no-repeat;background-size: 100% 100%;}	
.industry-solution-item  a:hover .title-1,.industry-solution-item  a:hover .type-1,.industry-solution-item a:hover .more-1 {color: #fff;}	
.industry-solution-item  a:hover .more-1 i {background: url('../../solution/images/r4.png') center no-repeat;opacity: 1;}

.page-detail{margin-top: 90px;overflow: hidden;padding: 5% 0;}
.page-detail-content {width: 76%;margin: auto;overflow: hidden;}
.page-detail-content-left {float: left;width: 70%;overflow: hidden;}
.page-detail-content-top {border-bottom: 2px solid #e5e5e5;overflow: hidden;padding-bottom: 4%;}
.page-detail-content-top .type-1 {overflow: hidden;padding: 10px 0;}
.page-detail-content-top .type-1 a {display: inline-block;font-size: 12px;padding: 5px 0px;color: #666;text-align: center;}
.page-detail-content-top .title-1{font-size: 40px;font-weight: bold;}
.page-detail-content-center {padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 28px;position: relative;text-align: justify;}
.page-detail-content-center strong{font-size: 20px;}
.page-detail-content-center p {margin: 0;padding: 5px 0;}
.page-detail-content-center img {height: auto;display: inline-block;}
.page-detail-content-bottom {background: #f5f7fa;padding: 20px 0;overflow: hidden;margin-top: 1%;text-align: center;font-size: 0;position: relative;}
.page-detail-content-bottom a{font-size: 14px;}
.page-detail-content-bottom a.prev{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}
.page-detail-content-bottom a.next{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);}
.page-detail-content-bottom a.return{margin: auto;display: inline-block;}
.page-detail-content-bottom a i {width: 20px;height: 20px;display: block;background: url('../../solution/images/rt.png') center no-repeat;margin: auto;}       
.page-detail-content-bottom a:hover {color: #eb5c20;}

.page-detail-content-right {float: right;width: 21%;overflow: hidden;}
.page-detail-content-right .title-0 {font-size: 22px;padding: 20px 0;overflow: hidden;}
.page-detail-content-right-list {overflow: hidden;}
.page-detail-content-right-list .industry-solution-item {width: 100%;margin: 0;margin-bottom: 5%;}
.page-detail-content-right-list .industry-solution-item a {border: 1px solid #e6e8ed;}
.page-detail-content-right-list .industry-solution-item .type-1 {font-size: 12px;}
.page-detail-content-right-list .industry-solution-item .title-1 {font-size: 16px;margin-top: 10px;}
.page-detail-content-right-list .industry-solution-item .more-1 {font-size: 12px;}


/* about */
.page-banner .text .title-1 {font-size: 60px;margin-top: -5%;}
.page-about {padding: 7% 0 6% 0;overflow: hidden;background: url('../../about/images/bg1.jpg');}
.page-about-content {width: 76%;margin: auto;overflow: hidden;z-index: 11;position: relative;}
.introduction-content {text-align: center;border: 1px solid #000;border-radius: 10px;overflow: hidden;margin-top: 5%;background-color: #fff;}
.introduction-content-left {float: left;width: 35%;position: relative;overflow: hidden;}
.introduction-content-left::after {content: '';width: 1px;height: 100%;background: #000;position: absolute;right: 0;top: 0;}
.introduction-top {padding: 25px 0;border-bottom: 1px solid #000;}
.introduction-top .title-1{font-size: 18px;font-weight: bold;}
.introduction-bottom {padding: 70px 0 50px 0 ;overflow: hidden;}
.introduction-item {overflow: hidden;display: inline-block;vertical-align: top;width: 45%;position: relative;}
.introduction-item .logo-1{width: 50%;margin: auto;padding: 20px 0;overflow: hidden;}
.introduction-item .logo-1 img {max-width: 100%;height: auto;display: inline-block;}
.introduction-item .title-2{font-size: 20px;overflow: hidden;padding-bottom: 20px;font-weight: 500;}
.introduction-content-left .introduction-item {width: 100%;}
.introduction-content-right {float: left;width: 65%;}
.introduction-content-right .introduction-item::after {content: '';width: 1px;height: 100%;background: #000;position: absolute;right: 0;top: 0;opacity: .1;}
.introduction-content-right .introduction-item:last-child:after {display: none;}

.page-culture {padding: 7% 0 6% 0;overflow: hidden;}
.culture-content {overflow: hidden;}
.culture-content-item {position: relative;overflow: hidden;float: left;width: 25%;}
.culture-content-item.cci1 {width: 50%;}
.culture-content-item.cci1 .parameter-content-title {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.culture-content-item.cci1 .img {background: none;background-size: cover;}
.culture-content-item.cci1 .img img {width: 100%;}
.culture-content-item.cci3 .img {background-color: #f5f6f7;}
.culture-content-item:nth-child(2) {border-radius: 12px 0 0 0;}
.culture-content-item:nth-child(3) {border-radius: 0 12px 0  0;}
.culture-content-item:nth-child(4) {border-radius: 12px 0 0 12px;}
.culture-content-item:nth-child(5) {color: #fff;}
.culture-content-item:nth-child(5) .img {background-color: #eb5c20;}
.culture-content-item:nth-child(5) .english-0 {color: #fff;opacity: .2;}
.culture-content-item:nth-child(6) {border-radius: 0 0 12px 0 ;}
.culture-content-item .text{position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;z-index: 1;}
.culture-content-item .english-0{font-size: 30px;color: #e5e5e5;font-family: 'Montserrat-Light';}
.culture-content-item .title-1{font-size: 24px;font-weight:bold;margin-top: 2%;}
.culture-content-item .icon-3{width: 40px;height: 40px;position: absolute;right: 5%;top: 12%;} 
.culture-content-item .text-4{font-size: 24px;position: absolute;left: 0;bottom: 10%;} 
.culture-content-item .img{overflow: hidden;}


.page-corevalues {padding: 1% 0 7% 0;overflow: hidden;position: relative;}
.corevaluesbg {background: url('../../about/images/bg2.jpg') center bottom no-repeat;background-size: cover;position: absolute;width: 100%;height: 100%;left: 0;top: 150%;z-index: 1;}
.corevalues-content {padding: 4% 0;overflow: hidden;position: relative;z-index: 11;}
.corevalues-content-list {text-align: center;font-size: 0;}
.corevalues-item {padding: 4% 0;display: inline-block;vertical-align: middle;}
.corevalues-item a{display: block;}
.corevalues-item .icon-1 {margin: auto;position: relative;z-index: 5;}
.corevalues-item .icon-1 i{display: block;width: 74px;height: 74px;margin: auto;background: #fff;border-radius: 100%;z-index: 11;position: relative;box-shadow: 0px 8px 40px 0px rgb(0,0,0,.1);}
.corevalues-item a:hover .icon-1 i img {filter: invert(100%);}
.corevalues-item .icon-1::after {content: '';width: 0px;height: 0px;border-radius: 100%;background: #eb5c20;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:1;transition:all .4s ease;opacity: 0;}
.corevalues-item .title-1 {font-size: 20px;font-weight: bold;padding-top: 30px;}
.corevalues-item a:hover .icon-1 i {background: #eb5c20;}
.corevalues-item a:hover .icon-1::after {width: 104px;height: 104px;opacity: .2;}
.corevalues-item a:hover .title-1 {color: #eb5c20;}
.fengex {display: inline-block;vertical-align: middle;position: relative;margin: 0 1% 4% 1%;}
.fengex i {display: block;position: relative;border: 1px dashed #ccc;padding: 0 5px;width: 140px;}
.fengex i::before {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;left: -2px;top: 50%;transform: translateY(-50%);background: #fff;}
.fengex i::after {content: '';width: 5px;height: 5px;border: 1px dotted #ccc;border-radius: 100%;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);background: #fff;}

 
.page-history {padding: 4% 0;overflow: hidden;background: #2d2e30 url('../../about/images/bg3.jpg') center no-repeat;background-size: cover;}
.history-content {color: #fff;padding: 4% 0;overflow: hidden;}
.history-content-list {color: #fff;}
.history-content-top {overflow: hidden;position: relative;}
.history-content-top::after {content: '';width: 100%;height: 2px;background: #424345;position: absolute;left: 0;top: 26px;}
.history-content-top-swiper {overflow: hidden;z-index: 11;}
.history-content-top-swiper .swiper-slide-thumb-active .history-year i{border: 2px solid #fff;background: #eb5c20;}
.history-content-top-swiper .swiper-slide-thumb-active .history-year span {opacity: 1;}
.history-year {overflow: hidden;cursor: pointer;}
.history-year i{display: block;width: 10px;height: 10px;border-radius: 100%;margin: 20px 0;border: 2px solid #424345;background: #2d2e30;}
.history-year span{font-size: 20px;display: block;font-family: 'Montserrat-Light';opacity: .4;}
.history-content-bottom {padding: 8% 0 4% 0;overflow: hidden;position: relative;}
.history-content-bottom-swiper{overflow: hidden;}		 
.history-item {overflow: hidden;}
.history-item .img{float: left;width: 32%;margin-left: 1px;border-radius: 12px;overflow: hidden;background: #fff;background-position: center;background-repeat: no-repeat;}
.history-item .text{float: right;width: 50%;}
.history-item .title-1{font-size: 40px;padding-bottom: 25px;position: relative;font-family: 'Montserrat-Bold';} 
.history-item .title-1::after {content: '';width: 100%;height: 2px;background: #59595b;position: absolute;left: 0;bottom: 0;}
.history-item .title-1::before {content: '';width: 20%;height: 2px;background: #eb5c20;position: absolute;left: 0;bottom: 0;z-index: 1;}
.history-item .text-2 {font-size: 20px;padding-top: 25px;overflow: hidden;min-height: 90px;} 
.history-next,.history-prev {width: 50px;height: 50px;border-radius: 100%;background: #fff;margin-right: 10px;cursor: pointer;outline: none;;z-index: 11;display: inline-block;}
.history-next {background: url('../../about/images/r1.png') center no-repeat #fff;}
.history-prev {background: url('../../about/images/l1.png') center no-repeat #fff;}
.history-next:hover {background: url('../../about/images/r2.png') center no-repeat #eb5c20;}
.history-prev:hover {background: url('../../about/images/l2.png') center no-repeat #eb5c20;}

.page-visitcompany {padding: 8% 0 1% 0;overflow: hidden;}
.page-visitcompany .page-about-content {width: 100%;}
.visitcompany-content {overflow: hidden;}
.visitcompany-content .features-content-title .text-3{margin-top: 2%;font-size: 18px;line-height: 30px;}
.visitcompany-content .visitcompany-nav {text-align: center;padding: 3% 0;}
.visitcompany-content .visitcompany-nav li{display: inline-block;vertical-align: middle;margin: 0 5px;}
.visitcompany-content .visitcompany-nav a {font-size: 14px;background: #f1f1f1;border-radius: 50px;padding: 10px 25px;}
.visitcompany-content .visitcompany-nav li.cur a {background: #eb5c20;color: #fff;}
.visitcompany-content-list {overflow: hidden;padding-top: 2%;}
.visitcompany-content-type-swiper {overflow: hidden;}
.visitcompany-content-list-swiper {overflow: hidden;}
.visitcompany-content-list-swiper .img{border-radius: 10px;overflow: hidden;}
.visitcompany-content-list-swiper .img i {display: block;width: 60px;height: 60px;background: #eb5c20;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;}
.visitcompany-content-list-swiper .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.visitcompany-content-list-swiper .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.visitcompany-content-list-swiper .img img {opacity: 0;}
.visitcompany-content-list-swiper a:hover i{opacity: 1;}
.visitcompany-content-list-swiper a:hover .img img {opacity: 1;}
.visitcompany-content-list-swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}


.page-capability {padding: 7% 0 1% 0;overflow: hidden;background:url('../../about/images/bg4.jpg') center no-repeat;background-size: cover;}
.capability-content {padding: 3% 0;overflow: hidden;}
.capability-content-bottom {padding: 4% 0;overflow: hidden;position: relative;}
.capability-content-bottom-swiper {width: 50%;margin: auto;}
.capability-item {position: relative;border: 1px dashed #ccc;border-radius: 100%;opacity: 0;background-position: center; background-repeat: no-repeat;}
.capability-item::before{content: '';width: 70%;height:70%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);background: #f0f1f2;border-radius: 100%;}
.capability-item .text{width: 50%;position: absolute;left: 25%;top: 50%;z-index: 11;color: #fff;text-align: center;transform: translateY(-50%);}
.capability-item .text .icon-1{width: 50px;height: 50px;margin: auto;position: relative;}
.capability-item .text .icon-1 img{filter: invert(100%);}
.capability-item .text .title-1{font-size: 30px;font-weight: bold;padding-top: 20px;}
.capability-item .text .text-2{font-size: 18px;padding-top: 20px;min-height: 150px;}
.capability-item .text .num-3{font-size: 24px;opacity: .2;font-family: 'Montserrat-Bold';}
.capability-item .img{border-radius: 100%;background-color: #f0f1f2;width: 60%;margin: 20%;z-index: 1;}
.capability-item .img img {opacity: .9;}
.capability-content-bottom-swiper .swiper-slide-active .capability-item{background-size: 85%;opacity: 1;z-index: 11;}
.capability-content-bottom-swiper .swiper-slide:nth-child(1).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability1.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(2).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability2.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(3).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability3.png');}
.capability-content-bottom-swiper .swiper-slide:nth-child(4).swiper-slide-active .capability-item{ background-image: url('../../about/images/capability4.png');}
.capability-nav {position:absolute;left: 25%;top: 0;width: 50%;height: 100%;z-index: 11;}
.capability-nav li{list-style: none;padding: 0;margin: 0;position: absolute;}
.capability-nav li a{display: block;overflow: hidden;}
.capability-nav li i{width: 60px;height: 60px;background: #e6e6e6;border-radius: 100%;margin: 0 10px;float: left;position: relative;}
.capability-nav li i img {max-width: 50%;max-height: 50%;opacity: .5;}
.capability-nav li span{float: left;font-size: 18px;font-weight: bold;font-family: 'Montserrat-Bold',PingFang SC,'Microsoft YaHei',Arial;opacity: .6;margin: 5px ;}
.capability-nav li:nth-child(1) {right: -2%;top: 15%;}
.capability-nav li:nth-child(2) {right: -2%;bottom: 15%;}
.capability-nav li:nth-child(3) {left: -2%;bottom: 15%;text-align: right;}
.capability-nav li:nth-child(4) {left: -2%;top: 15%;text-align: right;}
.capability-nav li:nth-child(3) span,.capability-nav li:nth-child(3) i{float: right;}
.capability-nav li:nth-child(4) span,.capability-nav li:nth-child(4) i{float: right;}
.capability-nav li.cur span{opacity: 1;}
.capability-nav li.cur i {background: #eb5c20;}
.capability-nav li.cur i img {opacity: 1;filter: invert(100%);}

.page-awards {padding: 3% 0 3% 0;overflow: hidden;background:url('../../about/images/bg5.jpg') center no-repeat #f7f7f7;background-size: cover;}
.page-awards .page-about-content{overflow :visible;}
.awards-content-top {padding: 3% 0 0 0;overflow: hidden;position: relative;}
.awards-content-top  .parameter-content-title .text-2{font-size: 18px;line-height: 30px;margin-top: 1.5%;}
.awards-nav {position: absolute;right: 0;bottom: 0;}
.awards-nav li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin: 0 20px;}
.awards-nav li a{display: block;position: relative;font-size: 18px;padding-bottom: 10px;font-weight: 500;}
.awards-nav li a::before {content: '';width: 100%;height: 2px;left: 0;bottom: 0;background: #eb5c20;position: absolute;display: none;}
.awards-nav li.cur a::before {display: block;}
.awards-content-bottom {padding: 4% 0;position: relative;}
.awards-content-bottom-swiper {overflow: hidden;}
.awards-content-list-swiper {overflow: hidden;}
.awards-prev,.awards-next {width: 60px;height: 60px;position: absolute;background: #fff;border-radius: 100%;margin-top: -25px;}
.awards-prev::after,.awards-next::after {font-size: 24px;color: #000;}
.awards-prev {left: -30px;}
.awards-next {right: -30px;}
.awards-item {overflow: hidden;background: #222426 url('../../about/images/award1.png') center -60px no-repeat;border-radius: 12px;padding: 30px 0;}
.awards-item .img{position: relative;background: transparent;}
.awards-item .img i {display: block;width: 60px;height: 60px;background: #eb5c20;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;opacity: 0;}
.awards-item .img i::after {content: '';width: 20px;height: 2px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-item .img i::before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.awards-item .text {text-align: center;overflow: hidden;width: 94%;margin: auto;}
.awards-item .title-1 {font-size: 16px;line-height: 26px;color: #fff;opacity: .5;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 52px;}
.awards-item .img img.img-center {max-width: 70%;max-height: 75%;}
.awards-item a {display: block;overflow: hidden;}		 
.awards-item a:hover .title-1 {opacity: 1;}
.awards-item a:hover .img i {opacity: 1;}
.awards-item:hover {background: #222426 url('../../about/images/award.png') center -60px no-repeat;}

.page-service-support {padding:7% 0 5% 0;overflow: hidden;}
.service-support-content {overflow: hidden;}
.service-support-bottom {padding:5% 0;overflow: hidden;}
.service-support-swiper {overflow: hidden;}
.service-support-item {text-align: center;background: #f5f6f7;border-radius: 12px;overflow: hidden;position: relative;}
.service-support-item * {transition:all .4s ease;}
.service-support-item .text {position: absolute;width: 80%;top: 10%;left: 10%;z-index: 11;}
.service-support-item .icon-1{width: 60px;height: 60px;margin: auto;position: relative;}
.service-support-item .icon-1 img {max-width: 90%;max-height: 90%;}
.service-support-item .title-1{font-size: 20px;font-weight: bold;position: relative;overflow: hidden;margin-top: 10px;}
.service-support-item .title-1::after {content: '';display: block;width: 30px;height: 2px;background: #eb5c20;margin: 20px auto;}
.service-support-item .text-2{font-size: 15px;line-height: 26px;min-height: 130px;}
.service-support-item .text-2 p {margin: 0;padding: 0;}
.service-support-item .num-4{font-size: 20px;color: #ccc;font-family: 'Montserrat-Bold';}	
.service-support-item .img {background: #f5f6f7;}
.service-support-item .img img {opacity: 0;}
.service-support-item:hover .img{background: #eb5c20;}					 
.service-support-item:hover .img img {opacity: 1;}
.service-support-item:hover .icon-1 img  {filter: invert(100%);}
.service-support-item:hover .title-1 {color: #fff;}
.service-support-item:hover .text-2{color: #fff;}
.service-support-item:hover .text-2 * { color: #fff;}
.service-support-item:hover .title-1::after{background: #fff;}
.service-support-item:hover .num-4{color: #fff;opacity: .3;}

.page-identity {padding:7% 0 5% 0;overflow: hidden;background: #f5f6f8;}
.identity-content {overflow: hidden;}
.identity-bottom {overflow: hidden;padding: 4% 0 0 0;}
.identity-bottom-logo {float: left;width: 15%;margin-top: 3%;}
.identity-bottom-right {float: left;width: 85%;position: relative;}
.identity-bottom-right::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;top: 50%;background: #ccc;opacity: .5;}
.identity-bottom-swiper {overflow: hidden;width: 84%;margin: 0;padding: 3% 0 3% 5%;}
/* .identity-bottom-swiper .swiper-slide {width: auto!important;} */
.identity-item {overflow: hidden;}
.identity-item .logo-1{background: #fff;width: 220px;position: absolute;top: 0;left: 0;border-radius: 8px;overflow: hidden;transition:all .4s ease;}
.identity-item .logo-1 img.img-center {max-width: 80%;}
.identity-item .point-1{width: 9px;height: 9px;border: 4px solid #ccc;border-radius: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;transition:all .4s ease;} 
.identity-item .text {overflow: hidden;position: absolute;bottom: 0;left: 0;width: 100%;} 
.identity-item .title-1{font-size: 18px;font-weight: bold;width: 90%;transition:all .4s ease;} 
.identity-item .text-2 {font-size: 16px;padding: 10px 0;} 
.identity-item .img {background: none;}
.identity-item.its2 .text {top: 1%;bottom: auto;} 
.identity-item.its2 .logo-1{top: auto;bottom: 0;}
.identity-item:hover .logo-1{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.identity-item:hover .title-1 {color: #eb5c20;}
.identity-item:hover .point-1 {border: 4px solid #eb5c20;}
.identity-prev,.identity-next {width: 50px;height: 50px;position: absolute;right: 0;left: auto;background: #eb5c20;border-radius: 100%;margin-top: -25px;outline: none;}
.identity-prev::after,.identity-next::after {font-size: 18px;color: #fff;}
.identity-prev {right: 60px;background: #000;}
.identity-prev.swiper-button-disabled,.identity-next.swiper-button-disabled {opacity: 1;}
.identity-bottom-swiper ,.identity-bottom-swiper *{user-select: none;}


/* join */
.page-join {padding:7% 0 7% 0;overflow: hidden;}
.page-join span{font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;}
.join-content-top {text-align: center;font-size: 0;border-top: 2px solid #eb5c20;overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-content-top span{display: inline-block;vertical-align: middle;width: 17%;font-size: 16px;padding: 20px 0;box-sizing: border-box;}
.join-content-top span:first-child  {text-align: left;padding-left: 4%;width: 30%;}
.join-content-top span:last-child {text-align: center;}
.join-content {overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-item {border-top: 1px solid #e6e8ed;}
.join-item-title {cursor: pointer;text-align: center;font-size: 0;border-bottom: 1px solid #e6e8ed;color: #000;}
.join-item-title span:first-child {font-size: 16px;padding: 30px 0 30px 4%;text-align: left;width: 30%;}
.join-item-title span:last-child {text-align: center;}
.join-item-title span{display: inline-block;vertical-align: middle;width: 17%;padding: 30px 0;font-size: 14px;box-sizing: border-box;}
.join-item-title:hover,.join-item.cur .join-item-title  {background: #f5f6f7;}
.join-item-content {overflow: hidden;padding: 5%;line-height: 30px;font-size: 15px;display: none;}
.join-item-bottom {margin-top: 3%;overflow: hidden;}
.join-item-bottom a{display: block;background: #eb5c20;width: 150px;padding: 12px 15px;overflow: hidden;text-align: center;border-radius: 4px;}
.join-item-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.join-item-bottom i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url('../../join/images/r1.png') center no-repeat;width: 22px;height: 12px;}

.page-join-list {background: #fafafc url('../../join/images/bg1.jpg') center no-repeat;background-size: cover;overflow: hidden;padding:7% 0 5% 0;}
.join-list-title {text-align: center;font-size: 50px;}
.join-list {overflow: hidden;padding-top: 5%;}
.join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;}
.join-list-item.mr0 {margin-right:0;}
.join-list * {transition:all .4s ease;}
.join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);}
.join-list-item .icon-1{width: 80px;height: 60px;position: relative; }
.join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;}
.join-list-item .text-2{font-size: 16px;line-height: 26px;color: #666;}
.join-list-item .img{background: #fff;}
.join-list-item .img img {width: 100%;height:auto;display: block;}
.join-list-item:hover .title-1{color: #fff;}
.join-list-item:hover .img{background: #eb5c20;}
.join-list-item:hover .text-2{color: #fff;}
.join-list-item:hover .icon-1 img{filter: invert(100%);}

.page-join-bottom {position: relative;overflow: hidden;color: #fff;background: #edeff2;}
.page-join-bottom.bgclor1 {background: #fff;}
.page-join-bottom::after {content: '';width: 100%;height: 50%;background: #1c1d1f;position: absolute;left: 0;bottom: 0;}
.page-join-bottom .page-about-content{position: relative;z-index: 11;}
.join-bottom-title {position: absolute;left: 7%;top: 15%;z-index: 11;}
.join-bottom-title .title-1{font-size: 30px;}
.join-bottom-contact {text-align: left;position: absolute;right: 10%;bottom: 15%;z-index: 11;}
.join-bottom-contact li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 60px;}
.join-bottom-contact li span{display: block;font-size: 16px;}
.join-bottom-contact li p{display: block;font-size: 20px;font-family: 'Montserrat-Light';padding: 10px 0;margin: 0;}
.join-bottom-contact li a {display: block;font-size: 20px;font-family: 'Montserrat-Light';color: #fff;}
.join-bottom-contact li:first-child {margin-left: 0px;}
.page-join-bottom .img {background: #eb5c20;border-radius: 10px;overflow: hidden;}


.page-join-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transition:all .4s ease;transform: translateY(-100%);}
.page-join-windows.cur {transform: translateY(0);}
.join-windows {position: absolute;width: 24%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 3%;border-radius: 10px;}
.join-windows-title {text-align: center;}
.join-windows-title .title-1{font-size: 30px;padding-bottom: 10px;}
.join-windows-title .text-2{font-size: 14px;color: #666;}
.join-from {padding: 4% 0;overflow: hidden;margin-top: 3%;}
.join-from-item{margin-bottom: 0px;overflow: hidden;position: relative;}
.join-from-item li{list-style: none;padding: 0;margin: 0;float: left;width: 49%;}
.join-from-item li:last-child {float: right;}
.join-from-item input {padding: 18px 20px;background: #f2f4f7;}
.join-from-text {overflow: hidden;padding-bottom: 10px;position: relative;}
.join-from-text strong{font-size: 14px;margin: 0;padding: 0;} 
.join-from-text span{font-size: 12px;color: #666;} 
.join-from-images {position: relative;}	
.join-from-images .images-1{display: block;width: 70px;border-radius: 5px;font-size: 12px;cursor: pointer;
	text-align: center;padding: 10px;background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%);}		 
.join-windows-mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;}				 
.join-from-item .submit-1 {background: #eb5c20;}	
 
.page-join-process {text-align: center;padding: 7% 0 7% 0;overflow: hidden;position: relative;background: #edeff2 url('../../join/images/bg2.jpg') center no-repeat;background-size: cover;}
.join-process-title {overflow: hidden;}
.join-process-title .title-1{font-size: 50px;}
.join-process-list {position: relative;overflow: hidden;margin-top: 5%;font-size: 0;padding: 5% 0;}
.join-process-list::after {content: '';width: 80%;height: 1px;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);}
.join-process-list li {text-align: center;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 16%;position: relative;z-index: 11;}
.join-process-list li span{display: block;font-size: 18px;font-weight: bold;position: relative;z-index: 11;}
.join-process-list li i{display: block;width: 60px;height: 60px;margin: 30px auto;background-image:linear-gradient(360deg, #959595 10%, #68686a 100%);border-radius: 200%;position: relative;z-index: 11;}
.join-process-list li p{display: block;color: #999;font-size: 14px;font-family: 'Montserrat-Bold';z-index: 11;position: relative;}
.join-process-list li:hover i{background: #eb5c20;}
.join-process-list li:hover i{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);}
.join-process-list li::after,.join-process-list li::before  {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;width: 0px;height:0px;transition:all .4s ease;}
.join-process-list li::after {z-index: 8;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.join-process-list li::before {z-index: 1;opacity: .4;transition:all .5s ease;}
.join-process-list li:hover::after  {width: 200px;height: 200px;}
.join-process-list li:hover::before  {width: 250px;height: 250px;}

.page-join-none {text-align: center;padding: 7% 0;overflow: hidden;}
.page-join-img {padding-bottom: 10px;overflow: hidden;}
.page-join-img img {display: inline-block;max-width: 100%;height: auto;}
.page-join-text {font-size: 24px;}




/* news */
.page-news {padding: 3% 0;overflow: hidden;position: relative;}
.page-news-content {width: 76%;margin: auto;}
.page-news-item {position: relative;}
.page-news-item a{display: block;overflow: hidden;padding: 5% 0;border-radius: 12px;position: relative;}
.page-news-item .date {float: left;width: 15%;margin-top: 1%;}
.page-news-item .date strong{display: block;font-size: 40px;margin: 0;padding: 0;font-weight:normal;font-family: 'Montserrat-Light';color: #666666;}
.page-news-item .date span{display: block;font-size: 16px;font-family: 'Montserrat-Light';color: #666666;}
.page-news-item .text {float: left;width: 40%;}	
.page-news-item .title-1 {font-size: 20px;font-weight: bold;margin-top: 5%;}
.page-news-item .text-2 {font-size: 14px;line-height: 26px;color: #666;margin-top: 2%;}
.page-news-item .viewdetail-3 {margin-top: 6%;}
.page-news-item .img {float: right;width: 30%;border-radius: 10px;}
.page-news-item a:hover {background: #fff;padding: 5%;overflow: hidden;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.page-news-item a:hover .title-1  {color: #eb5c20;}
.page-news-item a:hover .text-2  {color: #000;}
.page-news-item a::before {content: '';width: 100%;height: 1px;background: #ccc;position: absolute;left: 0;bottom: 0;opacity: .5;}
.page-news-item a:hover::before {display: none;}

.industry-news-item {margin-bottom: 40px;overflow: hidden;}
.industry-news-item a{overflow: hidden;}
.industry-news-item .img{border-radius: 10px;}
.industry-news-item .type-1{padding: 20px 0 10px 0;font-size: 12px;color: #666;}
.industry-news-item .title-1{font-size: 16px;}
.industry-news-item a:hover .title-1{color: #eb5c20;}


.page-contact {position: absolute;left: 6%;top: 50%;width: 25%;z-index: 15;background: #fff;padding: 3% 3% 2% 3%;overflow: hidden;transform: translateY(-50%);color: #000;}
.page-contact-map {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 12;}
.page-contact-item {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;overflow: hidden;cursor: pointer;}
.page-contact-item:last-child {border: none;}
.page-contact-item .title-1{font-size: 18px;font-weight: bold;position: relative;padding-bottom: 10px;}
.page-contact-item .title-1::before {content: '';width: 22px;height: 29px;display: block;background: url('../../contact/images/add.png') center no-repeat;margin: 0 0 5px 0;}
.page-contact-item .add-1{font-size: 14px;line-height: 30px;font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;}
.page-contact-item.cur .title-1{color: #eb5c20;}


/* other */
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 26px;height: 2px;}
.closed::before {width: 2px;height: 26px;}

 
.index-serch {min-height: 500px;width: 100%;margin: auto;padding-top: 90px;overflow: hidden;background-color: #f5f6f7;}
.serch-content {margin-top: 10px;position: relative;width: 76%;margin: auto;padding-bottom: 5%;}
.search-content-top {padding: 2% 0 2% 0;overflow: hidden;text-align: center;width: 50%;margin: auto;position: relative;}
.search-title {overflow: hidden;font-size: 40px;}
.search-content-form {position: relative;margin-top: 0;}
.searchinput {border: 1px solid rgba(0,0,0,.1);background:#fff;height:70px;width: 100%;box-sizing: border-box;padding:0 4%;}
.searchsubmit {width: 70px;height: 70px;border: none;position: absolute;right: 0;top: 0;background:url('../images/ss.png') center no-repeat;cursor: pointer;}
.search-content-nav {margin-top: 7%;overflow: hidden;position: relative;}
.search-content-nav::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #e6e6e6;}
.search-content-nav a {display: inline-block;vertical-align: middle;margin-right: 2%;padding-bottom: 20px;font-size: 20px;color: #999;position: relative;}
.search-content-nav a.cur,.search-content-nav a:hover {color: #000;}
.search-content-nav a.cur::after  {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #ed2939;z-index: 12;}  
.search-content-bottom{padding: 2% 0;margin-top: 1%;}
.serch-clear {clear: both;height: 20px;}
.search-content-bottom .page-solution-right-item {width: 32%;}
.search-content-bottom .detail-download-item a .icon-3 {filter: invert(0);}


.index-section-right,.index-news-content-top-right {transform:translateX(100%);opacity:0;transition:all 1s;}
.index-section-left-nav {transform:translateY(100%);opacity:0;transition:all 1s;}
.aksb-title {transform:translateX(-100%);opacity:0;transition:all 1s;}
.solution-nav {transform:translateX(-100%);opacity:0;transition:all 1200ms;}
.index-news-content-bottom-right {transform:translateY(100%);opacity:0;transition:all 1200ms;}
.index-solution-right,.index-news-content-bottom-left {transform:translateY(100%);opacity:0;transition:all 1s;}
.index-swiper .swiper-slide-active .index-section-right,
.index-swiper .swiper-slide-active .index-news-content-top-right {transform:translateX(0px);opacity:1;} 
.index-swiper .swiper-slide-active .index-section-left-nav,
.index-swiper .swiper-slide-active .swiper-slide-active .index-news-content-bottom-left,
.index-swiper .swiper-slide-active .swiper-slide-active .index-news-content-bottom-right,
.index-swiper .swiper-slide-active .index-solution-right {transform:translateY(0px);opacity:1;} 
.index-swiper .swiper-slide-active .aksb-title ,
.index-swiper .swiper-slide-active .solution-nav {transform:translateX(0px);opacity:1;} 



.psection_scroll {position: absolute;bottom:20%;width: 200px;margin: auto;display: block;cursor: pointer;left: 50%;right: 0;margin-left:-100px;z-index:111;}
.psection_scroll .chevron {width: 50px;margin: auto;display: block;color: #fff;animation: pulse1 2s infinite;}
.psection_scroll .chevron::before{border-style: solid; border-width: 0.2em 0.2em 0 0; content: ''; display:block; height: 20px; position: relative; transform: rotate(-45deg); vertical-align: top; width: 20px;margin: auto;}
.psection_scroll .chevron.right:before{left: 0;  transform: rotate(45deg);}
.psection_scroll .chevron.bottom:before{top: 0; transform: rotate(135deg);}
.psection_scroll .chevron.left:before{left: 0.2em;  transform: rotate(-135deg);}
@keyframes pulse1 {
0% {-webkit-transform: translateY(0);transform: translateY(0); }
50% {-webkit-transform: translateY(20px);transform: translateY(20px); }
100% {-webkit-transform: translateY(0);transform: translateY(0); } 
}





/* font */



@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-Bold';
	src: url('../fonts/Manrope-Bold');
	src: local('☺'), url('../fonts/Manrope-Bold.woff') format('woff'), url('../fonts/Manrope-Bold.ttf') format('truetype'), url('../fonts/Manrope-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-Regular';
	src: url('../fonts/Manrope-Regular.eot');
	src: local('☺'), url('../fonts/Manrope-Regular.woff') format('woff'), url('../fonts/Manrope-Regular.ttf') format('truetype'), url('../fonts/Manrope-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'D-DINCondensed';
	src: url('../fonts/D-DINCondensed.eot');
	src: local('☺'), url('../fonts/D-DINCondensed.woff') format('woff'), url('../fonts/D-DINCondensed.ttf') format('truetype'), url('../fonts/D-DINCondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



 


@media screen and (max-width: 5120px) {
	.page-detail-content-center img {max-width: 100%;height: auto!important;}
	.product-list-item .title-1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {
	.product-list-item .more-4 {margin: 0 10% 0 0;}	 
}
@media screen and (max-width: 1680px) {
	.product-list-item a {padding: 8.7% 0;}
}
@media screen and (max-width: 1600px) {		
	.product-list-item a {padding: 7.8% 0;}
}
@media screen and (max-width: 1500px) {	
	.product-list-item a {padding: 7.5% 0;}
}
@media screen and (max-width: 1440px) {
	.aksb-title .num-4 {font-size: 98px;line-height: 88px;}
	.page-solution-left-text {font-size: 90px;}
	.aksb-title .english-1,.features-content-title .english-1,.parameter-content-title .english-1 {font-size: 50px;line-height: 50px;}
	.index-banner-item .title-1,.page-banner .title-2 {font-size: 40px;line-height: 40px;}
	.detail-title .title-3,.page-banner-swiper .download-title .title-1,.download-title .title-1,.page-banner .text .title-1,.join-list-title {font-size: 40px;}
	.index-solution-top-title,.industry-solution-title .title-1,.page-detail-content-top .title-1,.history-item .title-1,.page-news-item .date strong {font-size: 30px;}
	.page-banner-right li strong,.product-list-top-title .title-2 strong {font-size: 28px;line-height: 26px;}
	.aksb-title .title-3,.features-content-title .title-2,.parameter-content-title .title-2,.capability-item .text .title-1,.join-windows-title .title-1,.join-bottom-title .title-1,.login-content-left .title-1 strong{font-size: 22px;line-height: 22px;}
	.aksb-title .title-2,.index-solution-nav-swiper .swiper-slide-thumb-active span,.culture-content-item .title-1,.capability-item .text .num-3,.join-list-item .title-1 {font-size: 18px;}
	.solution-nav strong,.product-list-item.pli1 .title-1,.product-list-item .title-1,.page-detail-content-center strong,.download-content-nav li a,.history-year span {font-size: 17px;}
	.index-news-content-bottom-item .title-1,.product-list-top-title .title-1,.detail-download-item .title-2,.industry-solution-item .title-1,.page-solution-nav a,.introduction-top .title-1,.corevalues-item .title-1,.awards-nav li a,.service-support-item .title-1,.page-contact-item .title-1,.page-news-item .title-1 {font-size: 16px;}
	.index-banner-item .text-2,.header-right li a span,.index-section-left-nav span,.linkurl-4 span,.allmore-1 span,.index-news-content-bottom-list li strong,.index-news-nav a,.index-news-more span,.page-banner .text-4,.page-banner-right li span,.product-list-top-nav a,.features-content-item .title-2,.features-content-list-more span,.parameter-content-list-more span,.page-swiper-prev span, .page-swiper-next span,.page-solution-nav a span,.page-detail-content-right-list .industry-solution-item .title-1,.search-input,.page-solution-left-nav li a,.page-solution-right-item .title-1,.introduction-item .title-2,.culture-content-item .text-4,.history-item .text-2,.capability-nav li span,.join-item-title span:first-child,.submit-1,.industry-news-item .title-1 {font-size: 14px;}
	.visitcompany-content .features-content-title .text-3,.capability-item .text .text-2,.awards-content-top .parameter-content-title .text-2,.awards-item .title-1 {font-size: 14px;line-height: 24px;}
	.detail-title .text-5,.page-detail-content-center ,.download-title .text-1,.service-support-item .text-2 {font-size: 13px;line-height: 24px;}
	.product-list-item .text-2 ,.identity-item .title-1,.join-content-top span,.join-item-content,.login-content-left .title-1 p{font-size: 13px;line-height: 22px;}
	.index-news-content-bottom-item .text-2,.join-list-item .text-2,.page-contact-item .add-1 {font-size: 12px;line-height: 22px;}
	.viewdetail-3 span,.product-list-item .more-4 span,.detail-model-list li,.detail-download-item .type-1,.industry-solution-item .more-1,.download-content-num,.identity-item .text-2,.join-item-title span {font-size: 12px;}

	.index-banner-item .title-1::after {height: 6px;}
	.index-banner-item .more-3 a {width: 100px;height: 42px;}
	.index-banner-item .more-3 span {font-size: 12px;line-height: 42px;}
	.linkurl-4 a {padding: 4% 0;}
	.header-content {height: 70px;}
	.header-nav li a {line-height: 70px;font-size: 14px;padding: 0 16px;}
	.solution-next, .solution-prev,.capability-nav li i {width: 50px;height: 50px;}
	.index-news-content-bottom {margin-top: 3%;}
	.page-contact {padding: 2% 2% 0 2%;width: 27%;}
	.page-banner-right li span {padding-top: 2%;}
	.product-list-top-nav a {padding: 5px 15px;} 
	.product-content,.detail-model-content,.page-solution-content {width: 80%;}
	.page-solution-content {width: 90%;}
	.product-list-item a {padding: 8.5% 0;}
	.detail-top {top: 70px;}
	.parameter-content-list-more i {width: 21px;height: 21px;}
	.parameter-content-list-more i::before {height: 8px;margin: -4px 0 0 -1px;}
	.parameter-content-list-more i::after {width: 8px;margin: -1px 0 0 -4px;}
	.page-solution-nav a i img {max-width: 80%;max-height: 80%;}
	.history-item .title-1 {padding-bottom: 15px;}
	.history-item .text-2 {padding-top: 15px;}
	.input-1 {padding: 3% 5%;margin-bottom: 5px;}
	.join-list-item .title-1 {margin: 10px 0 10px 0;}
	.capability-nav li:nth-child(1),.capability-nav li:nth-child(2) {right: -3%;}
	.capability-nav li:nth-child(3),.capability-nav li:nth-child(4) {left: -3%;}
	.identity-item .logo-1 {width: 150px;}
	.join-windows {width: 30%;}
	.history-item .img {width: 35%;}
	.fengex i {width: 110px;}
	.header-nav-show {top:70px;}
	.join-bottom-contact li a,.join-bottom-contact li p,.join-bottom-contact li span {font-size: 14px;}
	.detail-top.scroll-top {top: 70px;}
	.index-solution-item .title-1 {font-size: 18px;}
	


}
@media screen and (max-width: 1366px) {
	.detail-product-pic {right: 17%;}
	.product-list-item a {padding: 7.5% 0;}
}
@media screen and (max-width: 1280px) {
	.detail-product-pic {right: 16%;}
	.product-list-item a {padding: 7% 0;}
}
@media screen and (max-width: 1152px) {
	.detail-product-pic {right: 15%;}
	.product-list-item a {padding: 6% 0;}
}
@media screen and (max-width: 1024px) {
	.product-list-item a {padding: 5.5% 0;}
}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.header-nav li a::after{display: none!important;}
	.mbshow,.menu-toggle  {display: block!important;}
	.header-content {height: 50px;}
	.header-center {position: fixed;width: 100%;height: 100%;left: auto;top:50px;transform:translateX(100%);right: 0;transition:all .4s ease;background: #000;z-index: 11;}
	.header-logo,.footer-content-top .logo-1 {width: 30%;}
	.header-right {right: 50px}
	.header-right li a {padding: 0 10px;}
	.no-touch .header-center{transform: translateX(0);}
	.header-nav li {display: block;border-bottom: 1px solid #333;}
	.header-nav li a {color: #fff;}
	.index-banner-item .text {width: 90%;left: 5%;}
	.index-section-left {width: 100%;height: 50%;}
	.index-section-right {width: 100%;height: 50%;top: auto;bottom: 0;}
	.index-section-right-content {left: 5%;width: 90%;}
	.aksb-title .title-2 {font-size: 18px;margin: 10px 0;}
	.linkurl-4 li {width: 50%;float: left;}
	.linkurl-4 i {right: 5%;}
	.index-section-left-nav i {width: 40px;height: 40px;}
	.index-section-left-nav i img,.features-content-item .icon-1 img{max-width: 80%;max-height: 80%;}
	.index-section-left-nav a {padding: 2% 0;}
	.index-solution-left {width: 100%;height: 50%;}
	.index-solution-left-content {right: 5%;width: 90%;}
	.solution-nav li {width: 50%;float: left;}
	.solution-nav i,.index-news-content-bottom-item .text-2 ,.index-news-content-bottom-item .viewdetail-3,.index-news-content-bottom-list li i,.product-list-item .text-2 {display: none;}
	.index-solution-left-content .aksb-title {margin-left: 0;}
	.solution-nav,.product-list-item.pli1 .more-4,.detail-parameter-right,.detail-download-right,.history-item .text {margin-top: 5%;}
	.index-solution-right {width: 100%;height: 55%;float: none;position: absolute;bottom: 0;left: 0;z-index: 11;}
	.index-solution-right-content {width: 100%;left: 0;transform: translateY(-50%);}
	.index-solution-right-content-top {margin-bottom: 0;}
	.index-solution-right-yuan ,.index-solution-item{width: 70%;}
	.index-solution-swiper {width: 100%;left: 0;}
	.index-solution-swiper-nav {opacity: 0;}
	.index-news-content-top-right {position: relative;right: auto;bottom: auto;margin-top: 5%;}
	.index-news-nav li:first-child a{padding: 5px 20px 5px 0px;}
	.index-news-nav li.cur a::after {width: 75%;right: auto;left: 0;bottom: 0;}
	.index-news-content-bottom-list li:last-child ,.index-news-content-bottom-list li:nth-child(4),.footer-content-center .emailbtn-2,.footer-content-center .nav-1 li::after{display: none;}
	.footer-content {padding: 10% 0 1% 0;}
	.footer-content-center .nav-1 li {display: block;padding: 10px 0;border-bottom: 1px solid #333436;}
	.footer-content-center .nav-1 li:first-child {padding: 0;}
	.footer-content-bottom-weblink {float: none;}
	.footer-content-bottom {padding: 5% 0 5% 0;}
	.footer-content-top .return-2 a {width: 30px;height: 10px;background: url(../images/top.png) center no-repeat;background-size: 100% 100%;}
	.index-news-content-top {margin-top: 70px;}
	.index-news-content-top .aksb-title .title-3 {padding-left: 10px;}
	.page-news-item .date ,.page-news-item .text{float: none;width: 100%;}
	.page-news-item .img {width: 100%;margin-top: 5%;}
	.page-news-list {margin: auto;}
	.page-detail,.page-detail-content-right {margin-top: 40px; }
	.page-banner .text {left: 5%;top: 50%;transform: translateY(-70%);width: 90%;}
	.page-banner-right {top: auto;transform:none;width: 90%;bottom: 5%;}
	.page-banner .text-4 {line-height: 24px;}
	.page-banner-right li {width: 45%;}
	.product-list-top-title,.awards-nav {position: relative;}
	.product-list-top-nav {text-align: left;}
	.product-list-top-nav a {border: 1px solid #ccc;border-radius: 50px;margin-bottom: 10px;}
	.product-list-item.pli1 {width: 100%;margin-right: 0;margin-bottom: 2%;}
	.product-list-item.pli2,.product-list-item {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;}
	.industry-solution-item {margin-bottom: 2%;}
	.product-list-item.pli1 .text {width: 90%;position: relative;left: 0;top: auto;transform: none;padding:5%;}
	.product-list-item .text {padding: 0 5%;}
	.product-list-item.pli1 .more-4 {float: right;margin: 0 10% 10% 5%;}
	.detail-title {left: 5%;top: 50%;width: 90%;}
	.detail-parameter-list {overflow: hidden;}
	/* .detail-model-list li:nth-child(1),.detail-model-list li:nth-child(2),.detail-model-list li:last-child {width: 33%;}  */
	.detail-download-item .title-2 {width: 80%;}
	.download-title {left: 50%;width: 90%;}
	.page-banner-swiper .page-solution-nav a {width: auto;white-space: nowrap;padding: 10px 20px;}
	.page-solution-nav {font-size: 0;overflow-y: hidden;overflow-x: scroll;width: 100%;white-space: nowrap;font-size: 0;}
	.page-solution-nav ::-webkit-scrollbar{height:0px; width:0px;background: #ccc;} 
	.page-banner-swiper .page-solution-nav {overflow-y: hidden;overflow-x: scroll}
	.page-solution-content-img img {max-width: 100%;}
	.page-solution-nav a {padding: 15px 25px;font-size: 14px;}
	.page-solution-right {margin-left: 0;margin-top: 5%;}
	.page-solution-right-item {margin-right: 0;margin-bottom: 2%;}
	.introduction-content-left::after {bottom: 0;right: auto;width: 100%;height: 1px;top: auto;left: 0;}
	.introduction-bottom {padding: 2% 0 20px 0;}
	.introduction-content-right .introduction-item .logo-1{width: 80%;}
	.culture-content-item {width: 50%;}
	.culture-content-item .english-0 {font-size: 20px;}
	.culture-content-item:nth-child(4) {border-radius: 0px;}
	.visitcompany-content .features-content-title .text-3 {width: 90%;margin: 20px auto;}
	.visitcompany-content .visitcompany-nav li {margin-bottom: 10px;}
	.corevalues-item,.visitcompany-content .visitcompany-nav a,.join-bottom-contact li {display: block;}
	.fengex,.service-support-item .img,.identity-bottom-logo ,.identity-item .img{display: none;}
	.capability-content-bottom,.join-list {margin-top: 30px;}
	.capability-content-bottom-swiper,.awards-content-top{width: 90%;}
	.capability-nav {left: 5%;width: 90%;}
	.capability-item .text .title-1 {padding-top: 0;}
	.capability-item .text .text-2 {min-height: auto;}
	.capability-nav li,.capability-nav li:nth-child(4),.capability-nav li:nth-child(3) {text-align: left;}
	.capability-nav li i {width: 50px;height: 50px;margin: 0px;float: none;display: block;}
	.capability-nav li:nth-child(4) span, .capability-nav li:nth-child(4) i,.capability-nav li:nth-child(3), .capability-nav li:nth-child(4),.capability-nav li:nth-child(3) span, .capability-nav li:nth-child(3) i {float: none;display: block;}
	.capability-nav li:nth-child(1),.capability-nav li:nth-child(4) {top: 0;}
	.capability-nav li:nth-child(2),.capability-nav li:nth-child(3) {bottom: 0;}
	.awards-content-top {margin: auto;}
	.awards-nav {margin: 20px 0;}
	.awards-nav li:first-child {margin: 0 20px 0 0;}
	.service-support-item .text {position: relative;padding-bottom: 5%;}
	.service-support-item:hover  {background: #eb5c20;}
	.page-capability .page-about-content {width: 100%;}
	.page-awards .page-about-content,.page-service-support .page-about-content{width: 90%;}
	.identity-item {text-align: center;}
	.identity-item .logo-1 {margin: auto;position: relative;margin-bottom: 30px;}
	.identity-item .point-1 {left: 50%;transform: translate(-50%,-50%);}
	.identity-bottom-swiper {margin: auto;margin-top: 30px;padding: 3% 0;}
	.identity-item .text {position: relative;left: auto;margin-top: 60px;}
	.identity-item .title-1 {width: 100%;}
	.identity-bottom-right::after {top: 56%;}
	.identity-prev {right: auto;left:0;}
	.identity-prev, .identity-next {margin-top: -10px;}
	.page-join .page-about-content {width: 90%;}
	.join-content-top span:nth-child(2),.join-content-top span:nth-child(3),.join-content-top span:nth-child(4),.join-item-title span:nth-child(2),.join-item-title span:nth-child(3),.join-item-title span:nth-child(4) {display: none;}
	.join-content-top span:nth-child(1),.join-content-top span,.join-item-title span:first-child,.join-item-title span {width: 50%;}
	.join-list-item {width: 100%;margin-bottom: 2%;margin-right:0;}
	.join-list-item .text {position: relative;left: auto;top: auto;width: 80%;transform: none;margin: auto;padding: 10% 5%;}
	.join-list-item .img ,.page-solution-left-text{display: none;}
	.page-join-bottom .img {width: 500%;}
	.page-join-bottom .page-about-content {border-radius: 12px;overflow: hidden;}
	.join-bottom-contact li:last-child {margin-left: 0;margin-top: 10px;}
	.join-bottom-title {top: 10%;}
	.join-bottom-contact {text-align: left;position: absolute;left: 7%;width: 85%;bottom: 10%;}
	.join-windows {width: 90%;padding: 15% 5%;}
	.page-contact {padding: 5%;width: 80%;left: 5%;}
	.page-contact-map {position: relative;height: 500px;}
	.page-contact {padding: 5%;width: 80%;left: 5%;transform: none;position: relative;padding-top: 90px;}
	.page-banner .page-contact .img,.login-content-left {display: none;}
	.login-content {position: absolute;width: 90%;}
	.login-content-right {position: relative;width: 100%;padding: 20% 0;}
	.login-content-right-content {position: relative;left:auto;top:auto;transform: none;width: 90%;display: block;margin: auto;}
	.input-1 {padding: 5%;}
	.download-content-search {position: relative;width: 100%;right: auto;top: auto;transform: none;margin-top: 20px;}
	.download-content-nav li a {padding: 15px 0;}
	.detail-download-item.ddi1,.detail-download-item.ddi2 {margin-bottom: 10px ;}
	.index-news-more {margin-left: 10px;}
	.history-item .img {background-size: 100%;}
	.page-culture .page-about-content {width: 90%;}
	.service-support-item .icon-1 {margin-top: 20px;}
	.detail-download-item a:hover .icon-3,.detail-download-item a .icon-3 {background-size: 80%;}
	.join-process-list li {width: 100%;margin: auto;display: block;}
	.join-process-list::after {width: 1px;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-55%);}
	.join-bottom-contact li {margin-left: 0;margin-top: 10px;}
	.join-bottom-contact li p,.join-bottom-contact li a {width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.join-bottom-contact li p {padding: 2px 0;}
	.join-bottom-contact li:last-child {margin-top: 10px;}
	.serch-content {width: 90%;}
	.search-content-top,.search-content-bottom .page-solution-right-item {width: 100%;}
	.search-title h3 {display: block;margin: 0;padding: 0;font-size: 30px;padding-bottom: 20px;}
	.header-nav-show {top: 50px;}
	.header-nav-show-content#language {width: 100%;right:0;}
	.psection_scroll { bottom: 40%;}
	.header-nav-show {position: absolute;top: 0px; height: 100%;z-index:-1;display:none;}
	.header-nav-show .header-nav-content,.header-nav-show-content { height: 100%;}
	.header-nav-show.cur {z-index:11;}
	.page-banner-right li span {font-size:12px;}
	.page-banner-right li strong {font-size: 22px;line-height: 22px;}
	.index-solution-swiper-nav {opacity: 1;}
	.index-solution-nav-swiper .swiper-slide span {font-size: 24px;}
	.index-solution-nav-swiper {width: 100%;}
	.detail-model-list{width: 100%;overflow:hidden;overflow-x:scroll;}
	.detail-model-list-content {width: 1000px;overflow: hidden;}
	

	.product-list-item.pli1 .text .more-4,.detail-top ,.page-swiper-prev span, .page-swiper-next span,.culture-content-item .icon-3{display: none;}
	.detail-features,.detail-parameter,.detail-model,.detail-download,.industry-solution ,.page-about,.page-culture,.page-corevalues,.page-history,.page-visitcompany,.page-capability,.page-awards,.page-service-support,.page-identity,.page-join-list{padding: 15% 0;}
	.index-news-content ,.footer-content,.page-news-list,.page-detail-content,.product-content, .detail-model-content, .page-solution-content,.detail-features-content,.detail-parameter-content,.detail-download-content,.industry-solution-content{width: 90%;}
	.index-news-content-bottom-left,.index-news-content-bottom-right,.page-news-content,.page-detail-content-left,.page-detail-content-right,.product-list-item.pli1 .img,.features-content-item,.detail-parameter-right,.detail-download-right,.english-1 img,.industry-solution-item,.page-solution-left,.page-solution-right,.page-solution-right-item ,.introduction-content-left,.introduction-content-right,.culture-content-item.cci1,.history-item .img,.history-item .text,.identity-bottom-swiper,.identity-bottom-right,.detail-download-item.ddi1,.detail-download-item.ddi2{width: 100%;}
	.features-content-title .english-1,.parameter-content-title .english-1 {font-size: 40px;line-height: 40px;}
	.index-banner-swiper .title-1,.aksb-title .english-1,.page-banner .title-2,.detail-title .title-3 ,.page-banner-swiper .download-title .title-1,.download-title .title-1,.join-list-title{font-size: 30px;line-height: 30px;}
	.aksb-title .title-3,.index-solution-top-title,.page-detail-content-top .title-1 {font-size: 20px;}
	.capability-item .text .title-1 {font-size: 18px;}
	.solution-nav strong,.search-content-nav a {font-size: 16px;}
	.index-news-content-bottom-item .date-1,.index-news-content-bottom-item .title-1,.join-bottom-contact li p {font-size: 14px;}
	.index-banner-item .text-2,.index-section-left-nav span,.index-news-content-bottom-list li strong,.awards-item .title-1 {font-size: 12px;}

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {}


@media only screen and (max-height : 650px)  {
		
	
}

/*仅IE6和IE7识别*/
@media screen\9 {  }  

/*仅IE6和IE7、IE8识别*/
@media \0screen\,screen\9 {  } 

/*仅IE8识别*/
@media \0screen {  } 

/*仅IE8-10识别*/
@media screen\0 {  }  

/*仅IE9和IE10识别*/
@media screen and (min-width:0\0) {  }  

/*仅IE10/11识别*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 

} 













