/* CSS Reset */

.header-logo img{display: block;max-width: 100%; padding:10px 170px 10px 50px; filter: contrast(0) brightness(2);}

@font-face {
  font-family:"han";
  src: url("../fonts/yhan.woff") format("woff2"),
       url("../fonts/yhan.woff") format("woff"),
       url("../fonts/yhan.ttf") format("truetype"),
       url("../fonts/yhan.otf") format("embedded-opentype"),
       url("../fonts/yhan.svg") format("svg");
}

html{-webkit-text-size-adjust:none;font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/} 
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0; font-family:"han";}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{color: #1a1a1a; text-decoration:none; }
a,*::before,*::after {font-size:15px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;/*color: #1a1a1a;*/} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear{clear:both;}
.cl{clear:both;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.index-media-new-left .img{border-radius: 10px;}
.index-media-new-left .pic{border-radius: 10px;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom:9%;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.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;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#e01111;box-shadow:inset 1px 1px 0 #e01111,inset 0 -1px 0 #e01111;}
 



/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;background: rgba(0,0,0,.3);}
.header * {transition:all .4s ease;}
.header-content {width:81%;height: 7rem;margin: auto;position: relative;z-index: 500;}
.header-nav,.header-nav ul li,.header-nav ul li::after,.header-nav ul a.nav,.header-icon ,.header-icon li {display: inline-block;vertical-align: middle;}
.header-logo {position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;}
.header-logo a {display: block; background:url(../images/logo1.png) no-repeat 0 3px;}
.header-logo a svg {display:block;width:100%;height:100%;}
.header-logo a svg *{fill: #fff!important;}
.header-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 9;text-align: right;font-size: 0;}
.header-nav {text-align: center;}
.header-nav ul{list-style: none;margin: 0;padding: 0;font-size: 0;}
.header-nav ul li{list-style: none;margin: 0;position: relative;font-size: 0;z-index: 50;}
.header-nav ul a.nav{color: #fff;position: relative; padding: 0 30px;line-height: 7rem;}
.header-nav ul a.nav::after {content: '';width: 40%;height: 3px;position: absolute;left: 50%;bottom: 0px;background: #e01111;transform: translateX(-50%);opacity: 0;}
.header-nav ul li.cur a.nav {color: #e01111; font-weight:bold;}
.header-nav ul li.cur a.nav::after {opacity: 1;display: none;}
.header-nav ul li.language {margin-right: -30px;}
.header-nav ul li.language i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;background: url('../images/e.svg');background-size:100%;margin-right: 10px;}
.header-nav ul li.language span {display: inline-block;vertical-align: middle;}
 
.header.scroll-down,.header.scroll-top,.header.black {background: #fff;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.1);}
.header.scroll-down .header-nav ul a.nav,.header.scroll-top .header-nav ul a.nav,.header.black .header-nav ul a.nav {color: #000;}
.header.scroll-down .header-nav ul li.cur a,.header.scroll-top .header-nav ul li.cur a,.header.black .header-nav ul li.cur a {color: #e01111;}
.header.scroll-down .header-nav ul li.language i,.header.scroll-top .header-nav ul li.language i,.header.black .header-nav ul li.language i{filter: invert(1);}
.header.scroll-down .header-logo img,.header.scroll-top .header-logo img,.header.black .header-logo img{filter: grayscale(0%) brightness(100%);}
.header.scroll-down .header-logo a,.header.scroll-top .header-logo a,.header.black .header-logo a svg *{}
.header.black .header-nav ul li.on a {color: #e01111;}
.header.scroll-down,.header.scroll-top {top: -100px;}


/* menu */
.menu-toggle {display: block;width: 7rem;height: 7rem;position: absolute;overflow: hidden;right: 0;top: 0px;z-index: 900;background: #e01111;}
.cd-nav-trigger {display: block;width: 7rem;height: 7rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;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:-5px;margin-left: -8px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:5px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;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: #fff;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}
.menu-toggle span.hamburger {background: none;}
.no-touch .menu-toggle {background: #000;}

.header-show-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.6);z-index:-1;opacity: 0;transition:all .4s ease;}
.no-touch .header-show-mark {display: block;z-index: 100;opacity: 1;}
.header-show {position: fixed;left: 0;width: 100%;top: 0;z-index: 701;background: #fff;overflow: hidden;transition:all .4s ease;transform: translateY(-100%);}
.no-touch .header-show {transform: translateY(0);}
.header-show-content {overflow: hidden;background: #f5f5f5;}
.header-show-left {float: left;width: 44%;padding: 4% 5%;overflow: hidden;background: #fff;}
.header-show-nav {text-align: right;padding-bottom: 5%;}
.header-show-nav ul,.header-show-nav li {list-style: none;margin: 0;padding: 0;}
.header-show-nav ul {display: inline-block;vertical-align: top;text-align: left;margin-left:8%;}
.header-show-nav .title-1{font-weight: bold;}
.header-show-nav li{margin-top: 15px;}
.header-show-nav a{display: block;color: #666;padding: 3% 0;}
.header-show-nav a:hover {color: #e01111;}
.header-show-right {float: left;width: 40%;overflow: hidden;}
.header-show-right-content {padding: 8% 10% 0 10%;overflow: hidden;}
.header-show-search {position: relative;width: 100%;}
.header-show-search .search-text{width: 100%;box-sizing: border-box;border: none;background: none;border-bottom: 1px solid #ddd;padding: 2% 3% 2% 8%;}
.header-show-search .search-ok{position: absolute;width:3rem;height:96%;left: 1%;top: 0;z-index: 1;border: none;background: url('../images/s.png') center no-repeat;cursor: pointer;}
.header-show-search .search-ok:hover {opacity: .5;}
.header-show-contact {margin-top: 3%;overflow: hidden;}
.header-show-contact .contact-item {width: 100%;background: #fff;border-radius: 5px;overflow: hidden;color: #666;margin-bottom: 1rem;min-height: 75px;position: relative;}
.header-show-contact .contact-item .add-1{padding-left: 3rem;background: url('../images/add.png') left center no-repeat;}
.header-show-contact .contact-item .add-2{padding-left: 3rem;background: url("../images/acu.png") left center no-repeat;}
.header-show-contact .contact-item .tel-1{padding-left: 3rem;background: url('../images/tel.png') left center no-repeat;margin-top: 2%;}
.header-show-contact .contact-item .email-1{padding-left: 3rem;background: url('../images/ema.png') left center no-repeat;}
.header-show-contact .contact-item .none-1{padding-left: 3rem;margin-top: 2%;}
.header-show-contact .contact-item.mr0 {width: auto;margin-right: 0;float: none;width: 100%;}
.header-show-contact-left {float: left;width: 64%;}
.header-show-contact-right {float: right;width: 34%;}
.contact-item-top {position: absolute;width: 90%;left: 10%;top: 50%;transform: translateY(-50%);z-index: 11;}
.header-show-contact-left .contact-item-top { left: 5%;}


.header-show-mark.cur  {display: block;opacity: 1;z-index: 100;}
.header-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:111;}
.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;margin-top:7rem;overflow: hidden;}
.header-product-content {overflow: hidden;width: 81%;margin: auto;}
.header-product-swiper {overflow: hidden;}
.header-product-swiper a {display: block;padding: 0 5% 15% 5%;width: 90%;margin: auto;}
.header-product-swiper .img {background: none;}
.header-product-swiper .img-center {max-width: 80%;max-height: 80%;}
.header-product-swiper .title-1 {text-align: center;margin-top: -14%;}
.header-product-swiper a:hover {background: #e01111;}
.header-product-swiper a:hover .title-1{color: #fff;}
.header-application-content {width:100%;position: relative;overflow: hidden;}
.header-application-swiper {overflow: hidden;}
.header-application-swiper a {display: block;position: relative;}
.header-application-swiper .text{position: absolute;left: 9.1%;width: 50%;top: 30%;z-index: 11;color: #fff;}
.header-application-nav {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 11;border-top: 1px solid rgba(255,255,255,.1);}
.application-nav-content {width: 81%;margin: auto;}
.application-nav-content.num5 a {width:20%;}
.application-nav-content.num4 a {width:25%;}
.application-nav-content.num3 a {width:33.3333%;}
.application-nav-content.num2 a {width:50%;}
.application-nav-content.num1 a {display:none;}
.application-nav-content a{display: block;float: left;width: 16%;padding: 3% 0;text-align: center;position: relative;}
.application-nav-content a.cur{background: linear-gradient(to bottom, rgba(224,17,17,0.3),rgba(224,17,17,0));}
.application-nav-content a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.application-nav-content a:last-child::after {display: none;}
.application-nav-content a::before {content: '';width: 100%;height: 3px;background: #e01111;position: absolute;left: 0;top: 0;z-index: 11;display:none;}
.application-nav-content a.cur::before {display: block;}
.application-nav-content span {color: #fff;}
.header-about-content {overflow: hidden;position: relative;}
.header-about-left {width: 25%;left: 9.1%;position: absolute;top: 50%;transform: translateY(-50%);}
.header-about-left .title-1{text-transform: uppercase;}
.header-about-left .title-2{margin-top: 0;}
.header-about-center {float: right;width: 40%;}
.header-about-nav {text-align: right;padding: 5%;margin-top: 5%;}
.header-about-nav ul{list-style: none;margin: 0;padding: 0;text-align: left;display: inline-block;vertical-align: top;width: 40%;}
.header-about-nav ul span{display: block;padding-bottom: 5%;}
.header-about-nav li {list-style: none;margin: 0;padding: 0;}
.header-about-nav li a {color: #666;display: block;padding: 2% 0;}
.header-about-nav li a:hover {color: #e01111;}
.header-about-right {float: right;width: 25%;}		 
.news-type-1 {float: right;width: 30%;margin-top: 10%;position: relative;}
.news-type-1 a {display: block;color: #666;padding: 2% 5% 2% 15%;position: relative;}
.news-type-1 a::before {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;left: 0;top: 0;}
.news-type-1 a::after {content: '';width: 1px;height: 100%;background: #e01111;position: absolute;left: 0;top: 0;opacity: 0;}
.news-type-1 a:hover {color: #e01111;}
.news-type-1 a:hover::after {opacity: 1;}




/* footer */
.footer {background:#2d2d2d;position: relative;clear: both; overflow: hidden;color: #fff;}
.footer-content {width: 81%;margin: auto;position: relative;}
.footer-content-top {overflow: hidden;padding:4.8% 0;}
.footer-left {float: left;width: 10%;}
.footer-logo img { height:32px;}
.footer-nav {float: right;width:100%;text-align: right;}
.footer-nav ul,.footer-nav li {list-style: none;margin: 0;padding: 0;}
.footer-nav ul {text-align: left;margin-left:11rem;overflow: hidden;display: inline-block;vertical-align: top;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .title-1 {font-weight: bold;}
.footer-nav li {margin-top:1.43rem;}
.footer-nav li a{display: block;color: #aaa; }
.footer-nav li a:hover {color: #fff;}
.footer-nav .contact-1 {overflow: hidden;}
.footer-nav .contact-us-1 {color: #aaa;margin-top: 2rem;}
.footer-nav .contact-us-1 strong{font-weight: normal;}
.footer-nav .contact-us-1 p:first-child {padding: 0;margin: 0;}
.footer-content-bottom {border-top: 1px solid #383838;padding: 2% 0;position: relative;}
.footer-copy {color: #aaa;position: relative;}
.footer-copy a {color: #aaa;}
.footer-copy a:hover {color: #fff;}
.footer-link {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-link li {list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;position: relative;width: 30px;height: 30px;margin-left: 15px;}
.footer-link .ewmshow-1 {background: #fff;padding: 5px;width: 90px;height: 90px;overflow: hidden;position: absolute;bottom: 100%;left: 50%;border-radius: 4px;margin-left: -50px;display: none;}
.footer-link li:hover .ewmshow-1{display: block;}

.aside-top {position: fixed; width: 50px;bottom:3%;right:1%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #e01111 url('../images/up1.png') no-repeat center;border-radius: 100%;}
.footer-top-left {float: left;/*width: 40%;*/}
.footer-top-right {float: right;width:70%;}
.footer-logo {/*width: 27%;*/}
.footer-logo a{width: 100%;height: auto;display: block;}
.footer-logo img {display: block;}
.footer-logo .st0 {fill: #fff;}
.footer-contact {margin-top:32px;}
.footer-social {margin-top:60px;} 
.footer-social li {display: inline-block;vertical-align: middle;margin-right:18px;position: relative;}
.footer-social li:first-child {margin-left: -.3%;}
.footer-social li a{position: relative;display: block;width: 2rem;height: 2rem;opacity: .3;}
.footer-social li a:hover {opacity: 1;}
.footer-social li:hover .ewmshow-1{display: block;}

.footer-copy,.footer-content-bottom a  {color: #999999;}
.footer-content-bottom a:hover {color: #fff;}


.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:26px; margin-top:28px;}
.social a img{ display: block}
.social a:hover{ }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -45px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.saj-footer .bottom{clear: both;padding:30px 0;overflow: hidden;font-size: 12px;color: #999;order-top: 1px solid #313131;}
.saj-footer .bottom a{color: #999; font-size:15px;}
.saj-footer .bottom .left{color: #999; font-size:15px;}
.left .tel div{color:#999; font-size:15px; line-height:25px;}



/* index */
.index-swiper {width: 100%;height: 100%;position: relative;}
.index-swiper .index-pagination {position: absolute;right: 2%;bottom:7%;top: auto;width: auto;height: auto;transform: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet {background: none;width: 22px;height: 22px;border-radius: 0;position: relative;margin: 0px 0;}
.index-swiper .index-pagination span::after,.index-swiper .index-pagination span::before {content: '';border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-swiper .index-pagination span::after {width: 6px;height: 6px;background: #fff;}
.index-swiper .index-pagination span::before {width:20px;height: 20px;border: 1px solid #fff;opacity: 0;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before  {opacity: 1;}
.index-swiper .index-pagination::after {content: '';width: 20px;height: 30px;background: url('../images/mos.png');display: block;margin-top: 20px;}
body.black .index-swiper .index-pagination span::after{background: #000;}
body.black .index-swiper .index-pagination span::before {border: 1px solid #000;}


.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;} 
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-item {position: relative;}
.index-banner-item .text{position: absolute;left: 9.5%;top: 50%;transform: translateY(-50%);z-index: 100;color: #fff;}
.index-banner-swiper .title-1 strong,.index-banner-swiper .title-2 strong {font-weight:500;letter-spacing: 1px;}

.index-banner-swiper .title-1,
.index-banner-swiper .title-2,
.index-banner-swiper .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1 {transition-delay: .2s;}
.index-banner-swiper .title-2 {transition-delay: .4s;margin-top: -1%;}
.index-banner-swiper .more-1  {transition-delay: .6s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .more-1  {transform: translateY(0px);opacity: 1;}

.more-1 {margin-top: 8%;}
.more-1 a {display: block;width: 180px;height: 48px;line-height:48px ;font-size: 0;overflow: hidden;position: relative;text-align: center;border: 2px solid #e01111;border-radius: 50px;}
.more-1 span {display: inline-block;vertical-align: middle;color: #e01111;}
.more-1 i {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r2.png') center no-repeat;margin-left: 10px;}
.more-1 a:hover {background: #e28a23;border: 2px solid #e28a23;}
.more-1 a:hover span {color: #fff;}
.more-1 a:hover i {background: url('../images/r3.png') center no-repeat;}
 
.banner-swiper-bottom {width: 50%;position: absolute;bottom: 5%;left: 50%;z-index: 11;text-align: center;transform: translateX(-50%);transition:all .4s ease;opacity:.5;}
.banner-swiper-bottom:hover {opacity:1;}
.index-banner-swiper .banner-pagination {z-index: 160;text-align: center;display: inline-block;vertical-align: middle;position: relative;margin: 0 10px;left: auto;top: auto;transform: none;right: auto;bottom: auto;width: 240px;height: 4px;}
.index-banner-swiper .banner-pagination span {width: 100%;height: 4px;border-radius: 4px;position: absolute;left: 0;top: 0;overflow: hidden;background: none;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {animation: bannerp 4000ms 1 ease forwards;}
.index-banner-swiper .banner-pagination span::after {content: '';width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.index-banner-swiper .banner-pagination span::before {content: '';width: 0;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: 1;z-index: 11;transition:all .4s ease;}
.index-banner-swiper .banner-prev,.index-banner-swiper .banner-next {display: inline-block;vertical-align: middle;position: relative;margin: 0 20px;left: auto;top: auto;transform: none;right: auto;bottom: auto;width: auto;height: auto;} 
.index-banner-swiper .banner-prev::after,.index-banner-swiper .banner-next::after {color: #fff;font-size: 16px;font-weight: 900;}
@keyframes bannerp{0%{width: 0;} 100%{width: 100%;}}



/*--serverBar--*/
.serverBar{display:none;position:fixed;z-index:999;top:50%;right:0;transform:translateY(-50%);}
.serverBar li{position:relative;margin-bottom:10px; line-height: 26px; list-style: none;}
.serverBar li a{display:block;padding:5px;width:50px;height:50px;text-align:center;color:#000 !important;background:#fff;border:#f0f0f0 solid 1px;}
.serverBar li a>i{display:block;font-size:18px;}
.serverBar li a>span{display:block;font-size:14px;}
.serverBar li:hover a{color:#fff !important;background:#bb171e;border-color:rgba(255,255,255,0.1);}
.serverBar li .infos{display:none;position:absolute;right:60px;padding:10px;background:#fff;border:#f0f0f0 solid 1px;box-shadow:0 0 10px rgba(255,255,255,0.1);}
.serverBar li .tel{top:0;}
.serverBar li .tel dt{padding-bottom:6px;font-size:14px;color:#666;border-bottom:#f0f0f0 solid 1px; }
.serverBar li .tel dd{padding-top:6px;font-size:20px;font-family:"DIN Medium";color:#bb171e;white-space:nowrap; margin: 0;}
.serverBar li .QRcode{bottom:0;overflow:hidden;}
.serverBar li .QRcode .item{overflow:hidden;}
.serverBar li .QRcode .item i{display:block;width:100px;}
.serverBar li .QRcode .item img{display:block;width:100%;}
.serverBar li .QRcode .item p{font-size:14px;color:#000;text-align:center; }
.serverBar li:hover .infos{display:block;}
@media(max-width:1200px){
.serverBar{display:none !important;}
}
/*--end serverBar--*/

@media(max-width:1400px) {
.cpzt_h{ font-size:58px;}
.cpzt_t{ margin-top:14px; font-size:34px;}
.hopro_pic2 h1{ font-size:22px;}
.youshimint_h{font-size:58px;}
.newsboxl_h{font-size:58px;}

}




@media screen and (max-width: 5120px) { 
    .polaris-product-detail-parameter {padding: 3% 0 10% 0;}
    .honor-pagination {display:none;}
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.polaris-product-detail-1 .bottomimg-2 .text-2,.company-profile-right .text-1 {text-align: justify;}
	.packaging-drawing-list a .img-center {max-height: 80%;}
	.polaris-product-detail-2 .lefttext-2 .text-1 {margin: 0;width: 100%;margin-top: 2%;}
	.polaris-product-detail-2 .righttext-3 .text-1 {margin: 0;width: 100%;margin-top: 2%;}
	.polaris-product-detail-parameter {padding: 3% 0 15% 0;}
}
@media screen and (max-width: 1850px) {
    .footer-nav ul { margin-left: 8rem;}
}
@media screen and (max-width: 1680px) {
	.header-show-left {width: 40%;padding: 3% 5%;}
	.header-show-right {width: 45%;}
	.header-show-nav ul {margin-left: 8%;}
	.header-show-nav ul:first-child {margin-left: 0;}
	.header-show-right-content {padding: 5% 0 0 10%;}
	.header-content,.polaris-product-detail::before,.polaris-news-detail::before {height: 7rem}
	.header-nav ul a.nav {padding: 0 20px;line-height: 7rem;}
	.menu-toggle,.closed {width: 7rem;height: 7rem;}
	.header-show-contact .contact-item {padding: 3rem;min-height: 4rem;width: 100%;box-sizing: border-box;}
	.more-1 a {width: 15rem;height: 4.5rem;line-height: 4.5rem;}
	.index-banner-swiper .title-2 {margin-top: -1%;}
	.index-swiper .index-pagination span.swiper-pagination-bullet {width: 2rem;height: 2rem;margin: 1rem 0;}
	.index-swiper .index-pagination span::before {width: 2rem;height: 2rem;}
	.index-news-item .more-2 {width: 4rem;height: 4rem;margin-top: 15%;}
	.news-swiper-bottom {margin-top: 3%;}
	.footer-nav ul {margin-left: 5rem;}
	.footer-nav ul:first-child {margin-left: 0;}
	.footer-content-bottom {padding: 1% 0;}
	.product-top-nav.cur {top: 0;}
	.product-top-nav-left a {padding: 0 4rem;line-height: 6rem;}
	.detail-parameter-list li span:last-child {width: 28%;}
	.detail-parameter-list li span {width: 40%;}
	.company-profile-video a::before {width: 8rem;height: 8rem;background-size: 100%;} 
	.certificate-honor-item .item-title::before {left: -3rem;}
	.certificate-honor-swiper {height:400px;}
	.contactus-item .icon-1 {width: 10rem;height: 10rem;}
	.header-nav-show-content {margin-top:7rem;}
	.header-logo {}
}
@media screen and (max-width: 1680px) and (max-height: 700px) {
	.index-content,.polaris-product-detail-1 .toptext-1 {width: 71%;margin: auto;}
	.index-news .index-content,.polaris-product-detail-1 .bottomimg-2 .text-2,.detail-parameter-left {left: 14.5%;}
	.polaris-product-detail-1 .bottomimg-2 .text-2 {width: 35%;}
	.polaris-product-detail-1 .right-product-3 {right: 8%;width: 40%;height: 80%;top: 10%;}
	.polaris-certificate-honor .index-content{width: 81%;}
}
@media screen and (max-width: 1440px) {
	.more-1 a {height: 4rem;line-height: 4rem;}
	.polaris-product-item .product .img-center {max-height: 80%;}
	.polaris-product-detail-1 .right-product-3 {width: 40%;}
	.polaris-product-detail-1 .right-product-3 .img-porduct {max-height: 80%;}
	.polaris-product-detail-1 .bottomimg-2 .text-2 {width: 35%;}
	.header-show-nav ul {margin-left: 5%;}
	.footer-nav ul {margin-left: 4.5rem;}
}
@media screen and (max-width: 1366px) {
	.detail-parameter-left {width: 28%;}
	.detail-parameter-left .lefttext-1 .prodcut-1 {width: 80%;margin-top: 5%;}
	.certificate-honor-swiper {height: 300px;}
	.footer-nav ul {margin-left: 4rem;}
}
@media screen and (max-width: 1280px) {
	.index-content,.polaris-product-detail-1 .toptext-1,.header-content,
	.footer-content,.polaris-certificate-honor .index-content,.polaris-news-detail .index-content {width: 86%;}
	.header-right {right: 5%;}
	.index-news .index-content, .polaris-product-detail-1 .bottomimg-2 .text-2, .detail-parameter-left,.polaris-banner .text {left: 7%;}
	.polaris-corporate-image .index-content {width: 93%;margin-left:7%;}
	.footer-nav ul {margin-left: 4rem;}
	.footer-nav li a,.footer-nav .contact-us-1 strong {font-size:1.3rem;}
	.header-logo {
	.news-detail-bottom .link-1 { width: 70%;}
}
@media screen and (max-width: 1152px) {
	.footer-nav ul {margin-left: 2rem;}
	.footer-nav li a,.footer-nav .contact-us-1 strong {font-size:1.2rem;}
	.polaris-product-detail-2.pcshow .toptext-1 {width:80%;}
	.polaris-product-detail-2.pcshow .toptext-1 .title-1,
	.polaris-product-detail-2.pcshow .righttext-3 .title-1,
	.polaris-product-detail-2.pcshow .cbottomtext-5 .title-1,
	.polaris-product-detail-2.pcshow .lefttext-2 .title-1{font-size: 3rem;line-height: 4rem;}
	.polaris-product-detail-2.pcshow .toptext-1 .text-1,
	.polaris-product-detail-2.pcshow .toptext-2 .text-1,
	.polaris-product-detail-2.pcshow .righttext-3 .text-1,
	.polaris-product-detail-2.pcshow .cbottomtext-5 .text-1,
	.polaris-product-detail-2.pcshow .lefttext-2 .text-1 {font-size: 1.2rem;line-height: 2rem;}
}
@media screen and (max-width: 1024px) {
	.footer-nav ul {margin-left: 1rem;}
	.polaris-product-detail-2 .lefttext-2 .text-1,.polaris-product-detail-2 .righttext-3 .text-1  {width: 100%;}
}
@media screen and (max-width: 980px) {
	 .header-logo {}
	 .polaris-product-detail-1 .bottomimg-2 .text-2 {font-size:1.2rem;}
	 
}
@media screen and (max-width: 860px) {
	.pcshow,.header-nav ul li,.header-show-right,.index-swiper .index-pagination,.product-right-nav,.index-banner-swiper .banner-prev, .index-banner-swiper .banner-next {display: none!important;}
	.mbshow,.menu-toggle,.header-nav ul li.language{display: block!important;}
	.footer-nav ul,.footer-link,.product-top-nav-right,.product-detail-top-left .return-1 span {display: none;}
	.footer-nav .contact-1 {display: block;padding-top: 5%;}
	.header-content,.polaris-product-detail::before,.polaris-news-detail::before {height: 5rem}
	.header-nav ul a.nav {padding: 0 20px;line-height: 5rem;}
	.menu-toggle,.closed {width: 5rem;height: 5rem;}
	.product-top-nav.cur {top: 0;}
	.news-detail-bottom .link-1 { width: 100%;}
	.header-show-nav ul {float: left;width: 20%;margin-left: 0;}
	.header-logo {}.header-right {right: 5rem;}
	.header-show-left {width: 90%;padding: 5%;margin-top: 7rem;margin-bottom: 5%;}
	.header-show-content {background: #fff;}
	.banner-swiper-bottom,.index-product-left,.index-product-right,.detail-parameter-right {width: 100%;float: none;}
	.index-banner-item .text {left: 5%;top: 50%;width: 90%;} 
	.news-pagination {width: 80%;margin: auto;margin-top: 1.3%;}
	.news-swiper-bottom {margin-top: 10%;text-align: center;}
	.news-prev, .news-next {position: absolute;top: 0;}
	.news-prev {left: 0;}.news-next {right: 0;}.footer-left {width: 30%;}
	.footer-content-top {padding: 10% 0;}
	.footer-nav {float: none;width: 100%;padding: 5% 0;}
	.footer-nav ul {margin-left:0;width: 100%;}
	.footer-content-bottom {padding: 4% 0;}
	.footer-link {position: relative;left: auto;top: auto;transform: none;text-align: left;}
	.footer-link li {margin-left: 0;margin-right: 2%;}
	.footer-link .ewmshow-1 {left: 0;margin-left: 0;}
	.polaris-banner img {max-width: 200%;width: 200%;}
	.polaris-product-series {padding: 20% 0;}
	.polaris-product-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.more-1 a {height: 3rem;line-height: 3rem;width: 12rem;}
	.polaris-product-item .text {top: 5%;}
	.product-top-nav-left a {padding: 0 2rem;line-height: 4rem;}
	.index-banner-swiper .title-2 {letter-spacing: -1px;}
	.polaris-product-detail {padding-top: 5rem;}
	.product-detail-top .index-content {padding: 3% 0;}
	.polaris-product-detail-1 .toptext-1 {text-align: center;}
	.polaris-product-detail-1 .right-product-3 {height: auto;position: relative;margin: auto;width: 60%;left: auto;bottom: auto;right: auto;}
	.polaris-product-detail-1 .bottomimg-2 .text-2 {position: relative;left: auto;top: auto;width: 80%;color: #666;margin: auto;transform: none;padding: 10% 0;}
	.polaris-product-detail-2 .toptext-1,
	.polaris-product-detail-2 .lefttext-2,
	.polaris-product-detail-2 .centertext-4,.polaris-product-detail-2 .cbottomtext-5,
	.polaris-product-detail-2 .righttext-3 {width: 90%;position: relative;left: auto;top: auto;transform: none;margin: auto;padding: 10% 0;right: auto;bottom: auto;text-align: center;}
	
 	
	.polaris-product-detail-2.pabsolute .toptext-1,
	.polaris-product-detail-2.pabsolute .lefttext-2,
	.polaris-product-detail-2.pabsolute .centertext-4,.polaris-product-detail-2.pabsolute .cbottomtext-5,
	.polaris-product-detail-2.pabsolute .righttext-3 {width: 90%;position: absolute;left: 5%;top: 50%;transform:translateY(-50%);text-align: center;}
	
	
	.polaris-product-detail-parameter .detail-parameter-left,
	.packaging-drawing-list .danwei-1,.polaris-product-detail-documents-and-tools .detail-parameter-left,.certificate-honor-left,.polaris-news-num{display: none;}
	.detail-parameter-list li span:last-child {width: 45%;}
	.documents-and-tools-list div.edition-1,.application-right-nav,
	.join-us-item .title div.item-2,.join-us-item .title div.item-3,.join-us-item .title div.item-4 {display: none;}
	.assessment-suite-list .pic-1,.application-type-left,.application-type-right,.company-profile-right,.certificate-honor-right,.joinus-item1-left,.joinus-recruit-item .type-1 ,.polaris-news-detail-top .title-1,.polaris-news-detail-left,.polaris-news-detail-right,.contactus-item{width: 100%;float: none;}
	.assessment-suite-list .center-2 ,.assessment-suite-list .right-3{position: relative;top: auto;transform: none;width: 100%;left: auto;text-align: center;}
	.assessment-suite-list li,.joinus-recruit-item {padding-bottom: 5%;}
	.assessment-suite-list .right-3 {margin-top: 5%;}
	.polaris-corporate-image .news-swiper-bottom {margin-top: 5%;}
	.application-type-products {position: relative;bottom: auto;right: auto;width: 100%;border-radius: 15px;}
	.application-type-right,.contactus-item {margin-bottom: 5%;}
	.polaris-application-type {padding-top: 14%;}
	.company-profile-left,.search-from {position: relative;left: auto;top: auto;width: 100%;}
	.company-profile-video a::before {width: 5rem;height: 5rem;}
	.company-profile-culture {width: 80%;border-bottom: 1px solid #ccc;padding: 5% 0;}
	.company-profile-culture:last-child {border: none;}
	.certificate-honor-top {margin-left: 0;}
	.certificate-honor-type {font-size: 0;}
	.certificate-honor-type a {margin-right: 0;padding: 1.5% 0;width: 31%;margin: 1%;}
	.certificate-honor-type p {width: 80%;margin: auto;min-height: 40px;}
	/*2023-3-14 09:58:38*/
	.joinus-item1{margin-bottom: 20%;}
	.joinus-item1-left {overflow: hidden;}
	.joinus-item1-left .img-1{position: absolute;left: 0;bottom: 0;top: auto;}
	.polaris-joinus-top {padding: 10% 0;}
	.joinus-item1-right,.joinus-item2-left {width: 70%;}
	.joinus-item2-left{margin-top: 10% !important;margin-left: 0 !important;}
	.joinus-item1-right{text-align: left;margin-top: 10%;width: 100%;margin-left: 0;}
	.join-us-item .title,.joinus-recruit-top {padding: 5% 5%;}
	.join-us-item .title div.title-1 {width: 80%;}
	.join-us-text .more-1 {position: relative;right: auto;bottom: auto;margin: 5% 0;}
	.joinus-item2-right{width: 100%;}
    .joinus-item2-right .img-1 {margin-right: 15%;width: 85%; margin-top: 15%;}
    .joinus-item2-right .img-2 {width: 35%;}
    .joinus-item1-left .img-2{margin-left: 10%;width: 90%;margin-bottom: 10%;    margin-top: 5%;}
	.joinus-item1-right .text-1,.joinus-item2-left .text-1{margin-top: 5%;line-height: 1.5;}
	.joinus-item1-right .title-1,.joinus-item2-left .title-1{line-height: 1.25;}
	/*2023-3-14 09:58:38 end*/
	.div-recruitment-windows {width: 90%;padding: 5%;}
	.nav-type-1 {display: block;margin-left: 0;margin: 3% 0;}
	.news-content-item,.activity-content-item,.contact-us-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.news-detail-bottom .return-1{position: relative;right: auto;top: auto;transform: none;margin-top: 4%;}
	.polaris-news-detail-right {float: none;width: 100%;padding: 5% 0;}
	.activity-content-item .type-1 {display: block;}
	.activity-content-item .title-1 {display: block;margin: 3% 0;width: 100%;}
	.contactus-item .icon-1 {width: 7rem;height: 7rem;}
	.contactus-item .text {left: 10rem;}
	.polaris-contact,.search-detail-center {padding: 10% 0;}
	.index-product-item {margin-bottom: 1%;}
	.index-product-right .index-product-item .text {left: 5%;top: 50%;width: 50%;}
	.index-product-right .index-product-item .text .text-2 {display: none;}
	.index-product-right .index-product-item .text-1 {display: block;}
	.polaris-application-pics {display: none;} 
	.polaris-application-item .application-type-left {opacity: 1;}
	.search-return {margin-left:0;padding: 5% 0;}
	.search-detail-bottom {padding: 5% 0;}
	.search-product-list .polaris-product-item .img .img-center {max-width: 80%;max-height: 80%;}
	.search-product-list .polaris-product-item .img {float: none;width: 100%;}
	.search-product-list .polaris-product-item .text {right: auto;top: auto;width: 80%;left: auto;transform: none;position: relative;padding: 0 10% 10% 10%;margin-top: -10%;}
	.index-successful-customers-item {width: 33%;}
	.index-successful-customers-item .img-center {max-width:70%;max-height:70%;}
	.application-area-list li .imgshow-1 {width: 130px;top: 4rem;left: 0;transform: none;}
	.footer-nav li a,.footer-nav .contact-us-1 strong,.footer-nav .title-1 {font-size:1.4rem;}
	.polaris-product-detail-2.prelative .title-1 {color:#000!important;}
	.polaris-product-detail-2.prelative .text-1,.polaris-product-detail-2.prelative .text-1 * {color:#000!important;}
	.documents-and-tools-list .name-1 {width: 70%;}
	.documents-and-tools-list .data-1 {width:50%;margin:5% 0 0 4.5rem;}
	.documents-and-tools-list .size-1 {right: auto;top: auto;transform: none;text-align: left;margin: 5% 0 0 0;} 
	.polaris-product-detail-parameter {padding: 3% 0 35% 0;}
	.polaris-application-type { border-bottom: 1px solid #ccc;}
	.application-product-item .title-4 {font-size:1.8rem;}
	.company-profile-video a.m-video::before {width: 5rem;height: 5rem;background: url('../images/play.png');background-size:100%;}
	.polaris-corporate-image .news-swiper-bottom {display:none;} 
	
	.certificate-honor-bottom::before, .certificate-honor-bottom::after,.certificate-honor-item .item-title::before,.certificate-honor-item .item-title::after,.certificate-honor-swiper .mark-1 {display:none;}
	.certificate-honor-swiper .swiper-slide-active .item-title {margin-left: 0;}
	.certificate-honor-swiper .item-title {margin-left: 0;width:100%;}
	.certificate-honor-item .item-title {width:100%;padding: 2% 0;}
	.honor-show-pic {position: relative;right: auto;width: 100%;height: auto;top: auto;transform: none;}
	.certificate-honor-item {padding-left: 0;padding: 5% 5% 3% 5%;box-sizing: border-box;border: 1px solid #f5f5f5;width:99%;}
	.certificate-honor-item .title-1 {position: relative;left: auto;top: auto;transform: none;max-width: 100%;padding:0;width:100%;}
	.certificate-honor-bottom {padding-bottom:8%;}
	.honor-pagination {display:block;text-align: center;width: 100%;}
	.honor-pagination span {margin:0 10px;background:#cccccc;width:4px;height:4px;position: relative;opacity:1;}
    .honor-pagination span::before{content: '';width: 16px;height: 16px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px solid #cccccc;border-radius: 100%;display:none;}
    .honor-pagination  span.swiper-pagination-bullet-active::before{display:block;}
    .polaris-company-profile { padding: 15% 0;}
    .company-profile-center {margin-top: 10%;}
    .honor-pagination  {margin-top: 5%;position: relative;}
    .certificate-honor-type{display: flex;flex-direction: row;flex-wrap: wrap;}
    .certificate-honor-type.navs2 a{width: 48%;display: flex;flex-direction: column;}
    .certificate-honor-type p {min-height: auto;}
	
 }

@media screen and (max-width: 780px) {
     .header-logo {width: 5%;}
}
@media screen and (max-width: 520px) {
     .header-logo {width: 9%;}
}
@media screen and (max-width: 420px) {
     .header-logo {width: 10%;}
}


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

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

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