/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family:Arial,'Microsoft YaHei',sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;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;}
.left {float: left;}
.right {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#333;}
.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;width: 100%;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;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:#1457a0;box-shadow:inset 1px 1px 0 #1457a0,inset 0 -1px 0 #1457a0;}
 



/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;}
.header * {transition:all .4s ease;}
.header-content {width:74%;height: 80px;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;width: 13%;}
.header-logo a {display: block;}
.header-logo a svg *{fill: #fff!important;}
.header-logo img{display: block;max-width: 100%;}
.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 li::after {content: '';width: 1px;height: 10px;background: #ccc;margin: 0 10px;opacity: .2;}
.header-nav ul li:last-child::after {display: none;}
.header-nav ul a.nav{color: #fff;position: relative; padding: 0 10px;line-height: 80px;font-weight: bold;}
.header-nav ul li.cur a.nav {color: #1457a0;}
.header-icon {text-align: center;font-size: 0;}
.header-icon li {list-style: none;margin: 0;padding: 0;}
.header-icon li a{display: block;}
.header-icon li a img {display: block;}
.header-icon li:first-child {margin: 0 60px 0 25px;}


html.black .header {border-bottom: 1px solid #ededed;}
html.black .header .header-logo a svg *{fill: #1457a0!important;}
html.black .header-nav ul a.nav {color: #000;}
html.black .header-nav ul li.cur a.nav,html.black .header.black .header-nav ul li.on a.nav {color: #1457a0;}
html.black .header-nav ul li::after {background: #ccc;opacity: .6;}
html.black .header-icon li a img {filter: invert(100%);}
html.black .header.scroll-down,html.black .header.scroll-top {background: #fff;}
html.black .header.black {border-bottom: 1px solid #1f1f1f;}
html.black .header.black .header-nav ul a.nav {color: #fff;}
html.black .header.black .header-nav ul li.cur a.nav {color: #1457a0;}
html.black .header.black .header-nav ul li::after {background: #ccc;opacity: .2;}
html.black .header.black .header-icon li a img {filter: invert(0);}
html.black .header.black .scroll-down,html.black .header.black.scroll-top {background:#000;}
html.black .header.scroll-down,html.black .header.scroll-top {background: #fff;}
html.black .header.scroll-down.black,html.black .header.scroll-top.black {background: #000;}
.header.black {background: #000;}
.header.black .header-nav ul li.on a.nav {color: #1457a0;}
.header.scroll-down,.header.scroll-top {background: #000;}


 

.header-navshow {width: 280px;position: absolute;left: 0;top: 70px;transition:all .4s ease;display: none;z-index: 11;opacity: 1;}
.header-navshow.cur {top: 70px;z-index:10;opacity: 1;}
.header-navshow ul {list-style: none;margin: 0;padding: 5% 10%;overflow: hidden;text-align: left;margin-top: 10px;background: #000}
.header-navshow ul a {display: block;padding: 4% 0;overflow: hidden;position: relative;color: #fff;opacity: .5;}
.header-navshow ul a:hover {color: #fff;opacity: 1;}	





/* menu */
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 1%;top: 10px;display: none;z-index: 111;}
.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:#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:-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:#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;}



/* footer */
.footer {background:#ffffff;position: relative;clear: both; overflow: hidden;border-top: 1px solid #f1f1f1;}
.footer-content {overflow: hidden;width: 74%;margin: auto;position: relative;}
.footer-content ul,.footer-content li{list-style: none;margin: 0;padding: 0;}
.footer-content-top {overflow: hidden;position: relative;padding: 3% 0;} 
.footer-left {float: left;width: 55%;overflow: hidden;}
.footer-logo {width: 26%;}
.footer-logo a {display: block;}
.footer-logo a img {display: block;width: 100%;}
.footer-contact {border-top: 1px solid #e6e6e6;margin-top: 15px;padding-top: 30px;}
.footer-contact .name-1 {color: #000;}
.footer-contact .contact-1 {text-align: left;color: #666666;margin-top: 2%;}
.footer-contact .contact-1 a{color: #666666;}
.footer-contact .contact-1 p {margin: 0;padding: 0;}	 
.footer-nav {text-align: right;float: right;width: 40%;overflow: hidden;font-size: 0;}
.footer-nav ul{width: 44%;display: inline-block;vertical-align: top;margin-left: 8%;text-align: left;}
.footer-nav ul:first-child {margin-left: 0;}
.footer-nav .ftitle-1{padding: 15px 0;margin-top: 7px;}
.footer-nav li{border-top: 1px solid #e6e6e6;padding-top: 30px;}
.footer-nav a{display: block;padding-bottom: 3%;color: #666;}
.footer-nav a:hover {color: #1457a0;text-decoration: underline;}
.footer-content-bottom {background: #7f7f7f;padding: 1% 0;overflow: hidden;position: relative;}
.footer-content-bottom a {color: #cccccc;}
.footer-content-bottom a:hover {color: #fff;}
.footer-copy {color: #cccccc;}
.footer-copy a{display: inline-block;vertical-align: middle;}
.footer-link {color: #cccccc;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-link a{margin-left: 20px;}

.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 50px;height: 50px;display: block;overflow: hidden; background: #1457a0 url('/static/images/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #1457a0 url('/static/images/up1.png') no-repeat center;opacity: 1;}




/* index */
.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: 13%;top: 50%;transform: translateY(-50%);z-index: 100;color: #fff;}
.index-banner-item .title-1 {margin-bottom: 5%;font-weight: bold;}
.index-banner-item .text-1 {overflow: hidden;margin-top: -1%;}
.more-1 {margin-top: 5%;}
.more-1  a {display: block;width: 150px;height: 50px;line-height:50px ;font-size: 0;overflow: hidden;position: relative;text-align: center;border: 1px solid rgba(255,255,255,.5);margin: auto;}
.more-1  span {display: inline-block;vertical-align: middle;color: #fff;}
.more-1  i {display: inline-block;vertical-align: middle;width: 11px;height: 8px;background: url('/static/images/r1.png') center no-repeat;margin-left: 20px;}
.more-1  a:hover {background: #1457a0;border: 1px solid #1457a0;}
.index-banner-item.left .more-1 a {margin: auto 0;}
.index-banner-item.center .text {left: 50%;text-align: center;transform: translate(-50%,-50%);}
.index-banner-item.center .more-1 a {margin: auto;}
.index-banner-item.right .text {left: auto;text-align: right;transform: translateY(-50%);right: 13.5%;}
.index-banner-item.right .more-1 a {margin: auto 0;display: inline-block;}
.index-banner-swiper .banner-pagination {z-index: 160;bottom: 30px;position: absolute;text-align: center;}
.index-banner-swiper .banner-pagination span {margin: auto 5px!important;position: relative;width: 20px;height: 20px;background: none;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::after {content:'';width: 12px;height: 12px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: #fff;opacity: 0;border-radius: 100%;}
.index-banner-swiper .banner-pagination span::before {content:'';width: 4px;height: 4px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;background: #fff;opacity: 1;border-radius: 100%;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: .2;}
.index-banner-swiper .swiper-slide .title-1,
.index-banner-swiper .swiper-slide .text-1,
.index-banner-swiper .swiper-slide .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .swiper-slide .title-1 {transition-delay: .2s;}
.index-banner-swiper .swiper-slide .text-1 {transition-delay: .3s;}
.index-banner-swiper .swiper-slide .more-1 {transition-delay: .4s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .more-1  {transform: translateY(0px);opacity: 1;}

.index-content {position: relative;}
.index-content .text {text-align: center;color: #fff;position: absolute;left: 5%;width: 90%;top: 50%;transform: translateY(-50%);z-index: 11;}
.index-content .text.top40 {top: 40%;}
.index-content .title-1 {overflow: hidden;font-weight: bold;}
.index-content .title-2 {overflow: hidden;font-weight: bold;width: 70%;margin: auto;}
.index-content .text-1 {margin-top: 1%;}
.index-content .more-1 {margin-top: 2%;}
.index-content .button-1 {margin-top: 1%;}
.index-content .button-1 a {display: inline-block;vertical-align: middle;padding: 5px 20px;text-align: center;color: #fff;border: 2px solid rgba(255,255,255,.5);border-radius: 50px;}



/* Innovation */
.divpage-banner {position: relative;}
.divpage-banner .text {position: absolute;width: 90%;left: 5%;top: 50%;transform: translateY(-50%);color: #fff;z-index: 11;}
.divpage-banner .title-1 {overflow: hidden;text-align: center;}
.divpage-banner .pic {animation: srmgani 4000ms 1 ease forwards;}
.innovation-content {position: relative;padding: 5% 0;overflow: hidden;}
.innovation-content .div-container {position: relative;}
.innovation-content .text{width: 90%;left: 5%;top: 50%;transform: translateY(-50%);color: #fff;z-index: 11;position: absolute;text-align: center;}
.innovation-content .icon-1 {position: relative;width: 103px;height: 103px;margin: auto;cursor: pointer;}
.innovation-content .icon-1 img {transition:all .4s ease}
.innovation-content .icon-1:hover img {transform: scale(0.9);}
.innovation-content .title-1 {margin-top: 2%;}
.innovation-content .img{overflow: hidden;}
.innovation-appotronics {padding: 2% 0 8% 0;overflow: hidden;}
.innovation-appotronics .text {text-align: center;} 
.innovation-appotronics .title-1 {color: #000;} 
.innovation-appotronics .text-1  {color: #a3a3a3;margin-top: 2%;} 
.core-technologies  {background: #f8f8f8;text-align: center;padding: 5% 0;overflow: hidden;}
.core-technologies .title-1  {color: #000;}
.core-technologies-content {padding: 3% 0 0 0;overflow: hidden;}
.ip-appotronics {padding: 6% 0;overflow: hidden;}
.ip-appotronics .title-1 {text-align: center;}
.ip-appotronics-content {width: 74%;margin: auto;margin-top: 3%;font-size: 0;position: relative;overflow: hidden;}
.ip-appotronics-content::after {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background: #ccc;opacity: .5;}
.ip-appotronics-item {display: inline-block;vertical-align: middle; position: relative;width: 45%;padding: 4% 0;}
.ip-appotronics-item:last-child {float: right;}
.ip-appotronics-item .data-1{overflow: hidden;}
.ip-appotronics-item .data-1 strong{font-weight: normal;color: #1457a0;}
.ip-appotronics-item .data-1 sup{color: #1457a0;display: inline-block;vertical-align: top;margin-top: 2%;}
.ip-appotronics-item .text-1 {width: 99%;margin-top: 1%;margin-left: 1%;color: #666666;}
.bring-together-global-top-laser-talents {padding: 7% 0;overflow: hidden;text-align: center;}
.bring-together-global-top-laser-talents .title-1 {color: #fff;}
.bring-together-global-top-laser-talents .text-1 {color: #bebebe;width: 68%;margin: auto;margin-top: 2%;} 
.bring-together-list {text-align: center;margin-top: 1%;}
.bring-together-item {position: relative;width: 20%;margin: 2%;display: inline-block;vertical-align: middle;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;}
.bring-together-item .text{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 11;color: #fff;}
.bring-together-item .date-1{overflow: hidden;}
.bring-together-item .date-1 strong {font-weight: normal;}
.bring-together-item .text-2{margin-top: 1%;}
.partners {padding: 5% 0;text-align: center;background: #f8f8f8;overflow: hidden;}
.partners .title-1 {color: #000;}
.partners-content {overflow: hidden;text-align: center;width: 78%;margin: auto;margin-top: 2%;}
.partners-content li{list-style: none;margin: 0;padding: 0;position: relative;width: 11%;border: 2px solid #e8e8e8;margin: .2%;display: inline-block;vertical-align: middle;mix-blend-mode: multiply;} 

.div-core-technologies {width: 100%;height: 100%;}
.core-technologies-swiper {width: 100%;height: 100%;}
.core-technologies-swiper .swiper-wrapper{width: 100%;height: 100%;}
.core-technologies-swiper .swiper-slide{width: 100%;height: 100%;}
.core-technologies-swiper .swiper-slide .text{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;}
.core-technologies-swiper .swiper-slide .title-1{text-align: center;color: #fff;}
.core-technologies-swiper .swiper-slide .logo-1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 5;}
.core-technologies-swiper .swiper-slide .logo-1 img {opacity: .1;}
.core-technologies-swiper .swiper-slide .text-1{text-align: center;color: #747474;width:52%;margin: auto;margin-top: 1%;}
.core-technologies-swiper .swiper-slide .pic-1 {text-align: center;margin-top: 4%;}
.core-technologies-swiper .swiper-slide .pic-1 img {max-width: 100%;height: auto;}
.core-technologies-swiper .swiper-slide .img {width: 100%;height: 100%;}
.core-technologies-swiper .technologies-pagination {right: 1%;}
.core-technologies-swiper .technologies-pagination span {margin:5px 0!important;position: relative;width: 20px;height: 20px;background: none;display: inline-block;vertical-align: middle;opacity: 1;}
.core-technologies-swiper .technologies-pagination span::after {content:'';width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: 0;border-radius: 100%;border: 1px solid #fff;}
.core-technologies-swiper .technologies-pagination span::before {content:'';width: 3px;height: 3px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;background: #fff;opacity: .5;border-radius: 100%;}
.core-technologies-swiper .technologies-pagination span.swiper-pagination-bullet-active::after,
.core-technologies-swiper .technologies-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}
.core-technologies-3 {position: relative;text-align: center;margin-top: 5%;}
.core-technologies-3 li {position: relative;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;width: 24%;margin: 1%;border: 1px solid rgba(255,255,255,.2);}
.core-technologies-3 .position-a{position: absolute;width: 90%;top: 50%;transform: translateY(-50%);z-index: 1;left: 5%;color: #fff;}
.core-technologies-3 .icon-2 {width: 70px;height: 70px;position: relative;margin: auto;}
.core-technologies-3 .title-2 {margin-top: 3%;}
.core-technologies-3 .text-2 {margin-top: 3%;opacity: .5;min-height: 100px;}
.alpd-swiper {width: 84%;margin: auto;margin-top: 1%;overflow: hidden;}                           
.alpd-swiper-5 {position: relative;margin-top: 4%;}      
.alpd-swiper-content {position: relative;}
.alpd-content-left {float: left;width: 50%;text-align: left;color: #fff;background: rgba(0,0,0,.2);padding:5% 3%;box-sizing: border-box;}
.alpd-content-left .title-2{text-align: left;}
.alpd-content-left .title-2 sup {font-size: 22px;}
.alpd-content-left .text-2{text-align: left;width: 100%;margin-top:5%;}
.alpd-content-left .text-2 li{list-style: none;margin: 0;padding: 0;padding-left: 10px;position: relative;text-align: left;color: #666;}
.alpd-content-left .text-2 li::before {content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 8px;background: #fff;border-radius: 100%;}
.alpd-content-right {float: left;width: 45%;text-align: right;}
.alpd-content-right img {display: inline-block;max-width: 100%;}
.alpd-swiper-nav {overflow: hidden;text-align: center;position: relative;padding: 2% 0;}
.alpd-swiper-nav::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;opacity: .1;}
.alpd-swiper-nav a {display: inline-block;vertical-align: middle;color: #fff;position: relative;z-index: 11;width: 12%;opacity: .5;}
.alpd-swiper-nav a.cur {opacity: 1;}
.technology-advantage-content {width: 80%;margin: auto;margin-top: 2%;text-align: center;}
.technology-advantage-nav {display: inline-block;vertical-align: middle;width: 40%;text-align: left;}
.technology-advantage-nav a {display: block;position: relative;overflow: hidden;clear: both;margin-bottom: 3%;}
.technology-advantage-nav .icon-1 {float: left;position: relative;}
.technology-advantage-nav .icon-1 i{width: 110px;height: 110px;display: block;position: relative;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);}
.technology-advantage-nav .txt-1 {float: left;width: 65%;margin-left: 5%;color: #fff;margin-top:7%;}
.technology-advantage-nav .txt-2 {opacity: 1;}
.technology-advantage-nav .txt-3 {margin-top: 3%;opacity: 0;}
.technology-advantage-nav a.cur .txt-1 {margin-top: 3%;}
.technology-advantage-nav a.cur .txt-3 {opacity: .5;}
.technology-advantage-nav a.cur .icon-1 i {background: rgba(21,87,160,.2);border: 1px solid rgba(255,255,255,0);}
.technology-advantage-swiper {display: inline-block;vertical-align: middle;width: 50%;}
.market-coverage-keyword {text-align: center;width: 80%;margin: auto;margin-top: 2%;}
.market-coverage-keyword a {display: inline-block;vertical-align: middle;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid rgba(255,255,255,.2);margin: 0 2px;}
.market-coverage-keyword a span {display: inline-block;vertical-align: middle;color: #fff;}
.market-coverage-keyword a i {display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r2.png') center no-repeat;margin-left: 15px;}
.market-coverage-keyword a.cur {border: 1px solid #1457a0;background: #1457a0;}
.market-coverage-swiper {text-align: center;margin-top: 2%;}


.core-technologies-swiper .swiper-slide .title-1,.core-technologies-3 li,.alpd-swiper-nav ,.alpd-swiper-5,.market-coverage-keyword,
.core-technologies-swiper .swiper-slide .text-1 {opacity: 0;transform:translateY(200px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.core-technologies-swiper .swiper-slide .title-1 {transition-delay: .2s;}
.core-technologies-swiper .swiper-slide .text-1,.alpd-swiper-nav ,.alpd-swiper-5,.market-coverage-keyword {transition-delay: .4s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .title-1,
.core-technologies-swiper .swiper-slide.swiper-slide-active .core-technologies-3 li,
.core-technologies-swiper .swiper-slide.swiper-slide-active .alpd-swiper-nav ,
.core-technologies-swiper .swiper-slide.swiper-slide-active .alpd-swiper-5 ,
.core-technologies-swiper .swiper-slide.swiper-slide-active .market-coverage-keyword ,
.core-technologies-swiper .swiper-slide.swiper-slide-active .text-1{transform: translateY(0px);opacity: 1;}
.core-technologies-3 li:nth-child(1) {transition-delay: .5s;}
.core-technologies-3 li:nth-child(2) {transition-delay: .6s;}
.core-technologies-3 li:nth-child(3) {transition-delay: .7s;}
.core-technologies-swiper .swiper-slide .pic-1 {opacity: 0;transform:scale(0);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .4s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .pic-1 {transform: scale(1);opacity: 1;}
.technology-advantage-nav {opacity: 0;transform:translateX(-200px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .4s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .technology-advantage-nav {transform: translateX(0px);opacity: 1;}
.technology-advantage-swiper{opacity: 0;transform:translateX(200px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .4s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .technology-advantage-swiper {transform: translateX(0px);opacity: 1;}

.end-swiper-slide {height: auto;}
 
.core-technologies-swiper .swiper-slide .logo-btn {position: relative;margin-top: 3%;}
.core-technologies-swiper .swiper-slide .logo-btn .logo-2{text-align: center;position: relative;width: 22%;margin: auto;}
.core-technologies-swiper .swiper-slide .logo-btn .logotxt-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;color: #fff;}
.core-technologies-swiper .swiper-slide .logo-btn .logotxt-1 img {margin-bottom: 5%;}
.core-technologies-swiper .swiper-slide .btn-1 {margin-top: 3%;text-align: center;}
.core-technologies-swiper .swiper-slide .btn-1 a{display: inline-block;vertical-align: middle;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid rgba(255,255,255,.2);margin: 0 auto;}
.core-technologies-swiper .swiper-slide .btn-1 span{display: inline-block;vertical-align: middle;color: #fff;}
.core-technologies-swiper .swiper-slide .btn-1 i{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r2.png') center no-repeat;margin-left: 15px;}
.core-technologies-swiper .swiper-slide .btn-1 a:hover {border: 1px solid #1457a0;background: #1457a0;}
.core-technologies-swiper .logo-2 {opacity: 0;transform:scale(0);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .4s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .logo-2 {transform: scale(1);opacity: 1;}
.core-technologies-swiper .swiper-slide .btn-1 {opacity: 0;transform:translateY(200px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .5s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active  .btn-1 {transform: translateY(0px);opacity: 1;}

.property-data-3 {text-align: center;margin-top: 3%;font-size: 0;overflow: hidden;}
.property-data-3 li{width: 18%;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;}
.property-data-3 li:nth-child(2) {width: 25%;}
.property-data-3 li .position-a {position: absolute;width: 90%;top: 50%;transform: translateY(-50%);z-index: 1;left: 5%;color: #fff;}
.property-data-3 li .data-1 {position: relative;}
.property-data-3 li .data-1 strong{font-weight: normal;}
.property-data-3 li .data-1 sup{display: inline-block;vertical-align: top;margin-top: 2%;}
.property-data-3 li .text-3 {margin-top: 2%;}
.property-data-3 li .text-4 {opacity: .5;margin-top: 2%;}       
.property-data-3 li:nth-child(1),.logo-3 {transform: scale(0);opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .4s;}    
.property-data-3 li:nth-child(2) {transform: scale(0);opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .5s;}               
.property-data-3 li:nth-child(3) {transform: scale(0);opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);transition-delay: .6s;}               
.core-technologies-swiper .swiper-slide.swiper-slide-active .property-data-3 li,
.core-technologies-swiper .swiper-slide.swiper-slide-active .logo-3 {transform: scale(1);opacity: 1;}

.logo-list-6 {text-align: center;margin-top: 2%;font-size: 0;overflow: hidden;padding-bottom: 4%;}
.logo-list-6 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 12%;margin: .5%;}
.logo-list-6 li i{display: block;margin: auto;width: 130px;height: 130px;position: relative;}
.logo-list-6 li span{text-align: center;display: block;margin-top: 20px;color: #fff;}
.logo-list-6 li{opacity: 0;transform:translateY(200px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);} 
.logo-list-6 li:nth-child(1) {transition-delay: .3s;}
.logo-list-6 li:nth-child(2) {transition-delay: .4s;}
.logo-list-6 li:nth-child(3) {transition-delay: .5s;}
.logo-list-6 li:nth-child(4) {transition-delay: .6s;}
.logo-list-6 li:nth-child(5) {transition-delay: .7s;}
.logo-list-6 li:nth-child(6) {transition-delay: .8s;}
.core-technologies-swiper .swiper-slide.swiper-slide-active .logo-list-6 li {transform: translateY(0px);opacity: 1;}





/* Core components */
.core-components-content {padding: 7% 0;overflow: hidden;background-color: #f8f8f8;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.core-components-content.bgwhite {background: #fff;}
.core-components-content .div-container{overflow: hidden;}
.core-components-content .text{text-align: center;}
.core-components-content .title-1{color: #000;}
.core-components-content .title-2{color: #000;margin: auto;width: 50%;}
.core-components-content .text-1{color: #999;margin: auto;width: 80%;margin-top: 2%;}
.core-components-content .pic {margin-top: 3%;position: relative;overflow: hidden;text-align: center;}
.zhengshu {width: 30%;margin: auto;border: 2px solid #ccc;}
.Automotive-display-nav {text-align: center;margin-top: 2%;}
.Automotive-display-nav a {display: inline-block;vertical-align: middle;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid rgba(0,0,0,.2);margin: 0 auto;}
.Automotive-display-nav a span{display: inline-block;vertical-align: middle;color: #666;}
.Automotive-display-nav a i{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;margin-left: 15px;opacity: .5;}
.Automotive-display-nav a.cur {border: 1px solid #1457a0;background: #1457a0;}
.Automotive-display-nav a.cur span {color: #fff;}
.Automotive-display-nav a.cur i {background: url('/static/images/r2.png') center no-repeat;opacity: 1;}
.Automotive-display-swiper {display: block;text-align: center;width: 80%;margin: auto;margin-top: 2%;}
 
.contact-us-bottom {text-align: center;padding: 8% 0;overflow: hidden;}
.contact-us-bottom.bgf8f8f8 {background-color: #f8f8f8;}
.contact-us-bottom .title-1 {color: #000;}
.contact-us-bottom-list {margin-top: 3%;}
.contact-us-bottom-list li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 24%;margin: 1%;}
.contact-us-bottom-list li i{display: block;margin: auto;width: 150px;height: 150px;border: 1px solid #ccc;border-radius: 100%;position: relative;}
.contact-us-bottom-list .name-1 {color: #000;margin-top: 4%;}
.contact-us-bottom-list .tetx-1 {color: #666;margin-top: 1%;}
.contact-us-bottom-list .email-1 {margin-top: 4%;}
.contact-us-bottom-list .email-1 a {display: block;color: #000;font-weight: bold;}
.contact-us-bottom-list .email-1 a:hover {color: #1457a0;}

.automotive-display-content {padding: 2% 0;overflow: hidden;}
.automotive-display-path {overflow: hidden;position: relative;border-bottom: 1px solid #f1f1f1;padding-bottom: 1%;}
.div-path {float: left;}
.automotive-display-path .path-1{position: relative;padding-right: 10px;display: inline-block;vertical-align: middle;}
.automotive-display-path .path-1 span{display: block;font-weight: bold;}
.automotive-display-path .path-1 i{position: absolute;right: 0;top: 0;}
.automotive-display-path .path-2 {display: inline-block;vertical-align: middle;}
.return-1 {float: right;}
.return-1 a {display: block;border: 1px solid #ccc;padding: 5px 20px;}
.return-1 i {display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;opacity: .5;}
.return-1 span {display: inline-block;vertical-align: middle;margin-left: 15px;}
.return-1 a:hover {background: #1457a0;border: 1px solid #1457a0;}
.return-1 a:hover span {color: #fff;}
.return-1 a:hover i {background: url('/static/images/r1.png') center no-repeat;opacity:1;}

.banner-nav {position: absolute;left: 0;bottom: 0;z-index: 11;width: 100%;background: rgba(0,0,0,.2);}
.banner-nav a {display: block;width: 50%;float: left;text-align: center;color: #fff;padding: 1.3% 0;}
.banner-nav a.cur {background: #1457a0;}
.application-scenarios-9 {margin-top: 3%;overflow: hidden;font-size: 0;text-align: center;}
.application-scenarios-9 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;width: 11%;}
.application-scenarios-9 li i {display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.application-scenarios-9 li span {display: block;padding-top:20px;}
  
.classic-cases {position: relative;overflow: hidden;width: 74%;margin: auto;}
.classic-cases-swiper {overflow: hidden;margin-top: 3%;}
.classic-cases-swiper .swiper-slide {font-size: 0;text-align: center;}
.classic-cases-swiper .img-inline{max-width: 100%;margin: auto;width: 100%;}
.classic-cases-nav {text-align: center;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 11;width: 100%;}
.classic-cases-nav a{display: inline-block;vertical-align: middle;color: #fff;width: 13%;text-align: center;padding: 2% 0;}
.classic-cases-nav a.cur {background: #1457a0;}
.classic-pagination {text-align: center;margin-top: 2%;}
.classic-pagination span.swiper-pagination-bullet {margin: 0 5px;}
.classic-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #1557a1;}

.advantage-analysis-list {text-align: center;font-size: 0;margin-top: 3%;overflow: hidden;}
.advantage-analysis-item {display: inline-block;vertical-align: top;width: 11%;margin: 1%;}
.advantage-analysis-item .icon-1{width: 155px;height: 155px;border: 1px solid #bebebe;border-radius: 100%;margin: auto;position: relative;transition:all .4s ease;}
.advantage-analysis-item .icon-1 img {transition:all .4s ease;}
.advantage-analysis-item .text-1{margin-top: 20px;color: #3c3c3c;}
.advantage-analysis-item:hover .icon-1 {background: #1457a0;border: 1px solid #1457a0;}
.advantage-analysis-item:hover .icon-1 img {filter: invert(100%);}

.core-components-product-list {overflow: hidden;width: 80%;margin: auto;margin-top: 4%;font-size: 0;}
.core-components-product-list li{list-style: none;padding: 0;margin:3% 1%;width: 23%;display: inline-block;vertical-align: top;}
.core-components-product-list a{display: block;}
.core-components-product-list .product-1 {position: relative;width: 100%;height: 100px;}
.core-components-product-list a:hover img {transform: scale(1.1);}
.core-components-product-list .text-1 {margin-top: 5%;text-align: center;color: #fff;}
.core-components-content .text .title-3 {color: #fff;width: 60%;margin: auto;}


.classic-cases-text {text-align: center;position: absolute;left: 0;width: 100%;bottom: 5%;z-index: 11;color: #fff;}
.classic-cases-text .text-1{overflow: hidden;color: #fff;}
.classic-cases-text .text-2{margin-top: 1%;}
.classic-cases-text .text-3{background: rgba(0,0,0,.8);padding: 1% 0;margin-top: 1%;}
.cases-button-prev,.cases-button-next {outline: none;width: 50px;height: 50px;border-radius: 100%;border:none;transition:all .4s ease;background: rgba(0,0,0,.5);}
.cases-button-prev:hover,.cases-button-next:hover {background: #1457a0;}
.cases-button-prev::after,.cases-button-next::after {font-size: 14px;color: #fff;}
.cases-button-prev {left: 2%;}
.cases-button-next {right: 2%;}

.core-components-product-item {overflow: hidden;width: 80%;margin: auto;margin-bottom: 2%;}
.core-components-product-item a{display: block;overflow: hidden;border: 1px solid #ccc;padding: 3%;}
.core-components-product-item-left {float: left;width: 25%;position: relative;}
.core-components-product-item-right {float: left;width: 70%;margin-left: 5%;}
.core-components-product-item-right .text-2{font-weight: bold;}
.core-components-product-item-right .text-3{margin-top: 2%;color: #666;}
.core-components-product-item-right .learnmore-1{margin-top: 2%;border: 1px solid #ccc;padding: 1%;width: 100px;text-align: center;}
.core-components-product-item a:hover .learnmore-1{background: #1457a0;border: 1px solid #1457a0;color: #fff;}
.core-components-product-item a:hover {border: 1px solid #666;}
.view-more-1 {clear: both;margin-top: 3%;text-align: center;}
.view-more-1 a {display: inline-block;color: #666;}
.view-more-1 a:hover {color: #1457a0;text-decoration: underline;}

.product-detail {padding: 2% 0;overflow: hidden;background: #f8f8f8;}
.product-detail-content {width: 74%;margin: auto;}
.product-detail-top {position: relative;}
.product-detail-nav {position: relative;}
.product-detail-nav .name-1 {color: #bebebe;float: left;margin-right: 5%;}
.detail-nav-list {float: left;position: relative;}
.detail-nav-list .navcur-1{position: relative;padding-right: 20px;cursor: pointer;}
.detail-nav-list .navcur-1::after {content: '';width: 10px;height: 10px;background: url('/static/images/SJ.png') center no-repeat;display: inline-block;vertical-align: middle;margin-left: 15px;margin-top: -4px;}
.detail-nav-list ul {list-style: none;margin: 0;padding: 0;overflow: hidden;display: none;position: absolute;left: 0;top: 100%;z-index: 111;}
.detail-nav-list ul li {list-style: none;margin: 0;padding: 0;margin-top: 10px;width: 120px;background:#fff;padding: 25px 15px ;overflow: hidden;}
.detail-nav-list ul a{display: block;color: #999;padding: 4px 0;}
.detail-nav-list ul a:hover {color: #000;text-decoration: underline;}
.back-to-list {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.back-to-list a{display: block;position: relative;padding-right: 15px;}
.back-to-list a::after {content: '';width: 10px;height: 10px;position: absolute;right: 0;top:50%;background: url('/static/images/r3.png') center no-repeat;transform: rotate(180deg);opacity: .5;margin-top: -5px;}
.back-to-list span{text-decoration: underline;}
.back-to-list a:hover {color: #1457a0;}
.back-to-list a:hover::after {opacity: 1;}

.product-detail-center {padding: 2% 0;overflow: hidden;clear: both;}
.product-detail-center-content {padding: 1.3%;overflow: hidden;background: #fff;}
.product-detail-center-left{float: left;width: 50%;}
.product-detail-center-lefts-swiper {width: 100%;background: #ededed;}
.product-detail-center-lefts-swiper .swiper-slide{position: relative;}
.product-detail-center-lefts-swiper .swiper-slide img{max-width: 100%;}
.product-detail-center-right {float: left;width: 42%;padding: 4%;overflow: hidden;}
.product-detail-center-main .name-3{margin-bottom: 1%;}
.product-detail-center-main .item-4{overflow: hidden;margin-top: 2%;color: #202020;}
.product-detail-center-main .item-4 ul,.product-detail-center-main .item-4 li{list-style: none;margin: 0;padding: 0;}
.product-detail-center-main .item-4 li{border-bottom: 1px solid #e5e5e5;padding: 2.5% 0;color: #202020;}
.product-detail-center-main .item-4 li:last-child {border: none;}
.product-detail-center-main .button-2{margin-top: 10%;}
.product-detail-center-main .button-2 a{display: inline-block;vertical-align: middle;margin-right: 10px;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid #e5e5e5;}
.product-detail-center-main .button-2 span {display: inline-block;vertical-align: middle;}
.product-detail-center-main .button-2 i {display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;margin-left: 15px;}
.product-detail-center-main .button-2 a:hover {border: 1px solid #1457a0;background: #1457a0;}
.product-detail-center-main .button-2 a:hover span {color: #fff;}
.product-detail-center-main .button-2 a:hover i {background: url('/static/images/r2.png') center no-repeat}
.product-detail-center-main .button-2 a.btn-1 {background: #1557a1;border: 1px solid #1457a0;}
.product-detail-center-main .button-2 a.btn-1 span {color: #fff;}
.product-detail-center-main .button-2 a.btn-1 i {background: url('/static/images/r2.png') center no-repeat}

.product-detail-bottom {margin-top: 2%;overflow: hidden;background: #fff;padding: 5%;}
.product-detail-bottom-nav {text-align: center;border-bottom: 1px solid #e5e5e5;padding: 0 0 3% 0;}
.product-detail-bottom-nav a {display: inline-block;vertical-align: middle;color: #bebebe;}
.product-detail-bottom-nav a.cur {color: #1457a0;}
.product-detail-bottom-nav a:first-child::after {content: '';display: inline-block;vertical-align: middle;margin: 0 20px;width: 1px;height: 20px;background: #ccc;opacity: .2;}
.product-detail-bottom-main {overflow: hidden;padding: 3% 0;position: relative;}
.product-detail-bottom-main-swiper img{max-width: 100%;}
.product-details-item {text-align: center;}
.technical-parameter {padding: 0 0 2% 0;overflow: hidden;}
.technical-parameter-item {overflow: hidden;padding: 1% 0;transition:all .4s ease;}
.technical-parameter-item * {transition:all .4s ease;}
.technical-parameter-item .name-1{color: #1457a0;float: left;width: 19%;padding-left: 1%;}
.technical-parameter-item .date-1{color: #000;float: left;width: 70%;margin-left: 10%;}
.technical-parameter-item:hover {background: #f1f1f1;}
.technical-parameter-main {overflow: hidden;border-top: 1px solid #e5e5e5;padding: 3% 0;}
.technical-parameter-text {color: #666;}

.casestudy-6 {position: relative;overflow: hidden;margin-top: 2%;}
.casestudy-6 li {list-style: none;float: left;margin: 0;padding:0 ;width: 33.333%;position: relative;overflow: hidden;}
.more-details-1 {margin-top: 3%;text-align: center;}
.more-details-1 a {display: inline-block;vertical-align: middle;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid rgba(0,0,0,.2);margin: 0 auto;}
.more-details-1 span {display: inline-block;vertical-align: middle;color: #747474;}
.more-details-1 i {display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;margin-left: 15px;opacity: .5;}
.more-details-1 a:hover {background: #1457a0;}
.more-details-1 a:hover span {color: #fff;}
.more-details-1 a:hover i {background: url('/static/images/r2.png') center no-repeat;opacity: 1;}

.about-alpd-laser-upgrade {position: relative;overflow: hidden;}
.about-alpd-laser-upgrade .text{position: absolute;left: 0;width: 100%;top: 25%;z-index: 11;text-align: center;}
.about-alpd-laser-upgrade .title-1 {color: #fff;}
.about-alpd-laser-upgrade .icon-1 {margin-top: 2%;}
.about-alpd-laser-upgrade .icon-1 img {max-width: 100%;}
.about-alpd-laser-upgrade .img {overflow: hidden;}
.about-alpd-laser-upgrade .icon-1 a:hover img {transform: scale(.9);}

.sources-benefits {padding: 5% 0;overflow: hidden;background: #7b7b7b;}
.sources-benefits .text{text-align: center;}
.sources-benefits .title-1{color: #fff;}
.sources-benefits .text-1 {color: #c5c5c5;width: 60%;margin: auto;margin-top: 2%;}
.sources-benefits-list {margin-top: 3%;overflow: hidden;text-align: center;}
.sources-benefits-list li{list-style: none;margin: 0;padding: 0;background: #fff;padding: 1%;overflow: hidden;width: 22%;margin: .4%;display: inline-block;vertical-align: top;}
.sources-benefits-list i{display: block;width: 100%;position: relative;}
.sources-benefits-list span{display: block;min-height: 70px;text-align: center;color: #666;padding: 4% 0 0 0;overflow: hidden;}

.core-components-content .pic-2{margin-top: 3%;}
.ar-display-prospect {position: relative;}
.ar-display-prospect .text {position: absolute;left: 13%;top: 50%;transform: translateY(-50%);z-index: 11;width: 30%;color: #fff;}
.ar-display-prospect .text-1 {margin-top: 5%;color: #bebebe;}

.core-components-content .leftpic-righttxt {overflow: hidden;position: relative;}
.core-components-content .leftpic-righttxt .pic {float: left;width: 50%;}
.core-components-content .leftpic-righttxt .pic .zhengshu {width: 60%;}
.core-components-content .leftpic-righttxt .text-1 {float: left;width: 40%;margin-top: 15%;}



/* investors */
.investors-nav {text-align: center;position: absolute;left: 0;width: 100%;z-index: 11;bottom: 0;background: rgba(0,0,0,.5);}
.investors-nav a {display: inline-block;vertical-align: middle;color: #fff;padding: 1.5% 0; opacity: .5;}
.investors-nav a.cur {opacity: 1;}
.investors-nav a::after {content: '';width: 1px;height: 12px;background: #fff;margin: 0 20px;display: inline-block;vertical-align: middle;opacity: .3;margin-top: -1px;}
.investors {overflow: hidden;background: #f8f8f8;}
.investors.bgwhite {background: #fff;}
.corporate-governance {padding: 5% 0;overflow: hidden;}
.corporate-governance .title-1{text-align: center;}
.corporate-governance-nav{margin-top: 3%;overflow: hidden;text-align: center;}
.corporate-governance-nav a{display: inline-block;vertical-align: middle;line-height: 46px;padding: 0 20px;position: relative;border: 1px solid rgba(0,0,0,.2);margin: 0 2px;}
.corporate-governance-nav a span {display: inline-block;vertical-align: middle;color: #747474;}
.corporate-governance-nav a i{display:inline-block;vertical-align:middle;width:10px;height:10px;background:url('/static/images/r3.png') center no-repeat;margin-left: 15px;opacity: .5;}
.corporate-governance-nav a.cur {background: #1457a0;}
.corporate-governance-nav a.cur span {color: #fff;}
.corporate-governance-nav a.cur i {background: url('/static/images/r2.png') center no-repeat;opacity: 1;}
.corporate-governance-list {width: 74%;margin: auto;overflow: hidden;padding-bottom: 5%;}
.corporate-governance-item {background: #fff;padding: 3%;overflow: hidden;margin-bottom: 2%;}
.corporate-governance-item .title-1{overflow: hidden;}
.corporate-governance-item .title-1 strong {font-weight: normal;}
.corporate-governance-item .title-1 span {margin-left: 5%;color: #1457a0;}
.corporate-governance-item .text-1{color: #999999;margin-top: 1%;}
.stock-information {background: #f8f8f8;padding: 2% ;overflow: hidden;width: 74%;margin: auto;margin-top: 2%;}
.stock-information-content {overflow: hidden;padding: 2%;position: relative;}
.stock-information-content .title-1{color: #202020;text-align: left}
.stock-information-content::after {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;left:50%;top: 0;z-index: 1;opacity: .5;transform: translateX(-50%);}
.stock-information-center{overflow: hidden;}
.stock-information-left {float: left;width: 50%;margin-top: 3%;position: relative;}
.stock-information-left .stock-1 {display: inline-block;vertical-align: top;color: #1457a0;}
.stock-information-left .text-1 {display: inline-block;vertical-align: top;margin-top: 3.5%;color: #1457a0;margin-left: 5%;}
.stock-information-left .text-2 {color: #999999;margin-top: 5%;}
.stock-information-right {float: right; margin-top: 5%;text-align: right;}
.stock-information-item {margin-right: 50px;display: inline-block;vertical-align: top;text-align: left;}
.stock-information-item:last-child {margin-right: 0;}
.stock-information-item .text-1{color: #000;}
.stock-information-item .text-2{color: #1457a0;margin-top: 40px;}
.financial-information {width: 74%;margin: auto;overflow: hidden;margin-top: 3%;}
.financial-information-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;background: #fff;overflow: hidden;position: relative;}
.financial-information-item.mr0 {margin-right: 0;}
.financial-information-item ,.financial-information-item * {transition:all .4s ease;}
.financial-information-item .title-1 {position: absolute;left: 5%;top: 10%;width: 90%;z-index: 11;color: #999999;text-align: left;}
.financial-information-item .icon-2 {position: absolute;left: 5%;bottom:10%;z-index: 21;opacity: 0;}
.financial-information-item .icon-2 a {display: block;width: 30px;height: 30px;float: left;margin-right: 10px;border-radius: 100%;border: 2px solid #ccc;position: relative;}
.financial-information-item .icon-2 a img {filter: grayscale(100%);}
.financial-information-item .icon-2 a:nth-child(2) img {filter: invert(100%);}
.financial-information-item .logo-4 {width: 30%;position: absolute;right: 5%;bottom: 5%;z-index: 1;} 
.financial-information-item:hover {background: #1457a0;}
.financial-information-item:hover .title-1 {color: #fff;}
.financial-information-item:hover .icon-2 {opacity: 1;}
.financial-information-item:hover .icon-2 a {border: 2px solid rgba(255,255,255,.2);opacity: .5;}
.financial-information-item:hover .icon-2 a img {filter: grayscale(0) ;}
.financial-information-item:hover .icon-2 a:nth-child(1) {background: #fff;}
.financial-information-item:hover .icon-2 a:nth-child(2) img {filter: invert(0);}
.financial-information-item:hover .icon-2 a:hover {opacity: 1;}

.page-trun-1 {margin-top: 2%;text-align: center;overflow: hidden;}
.page-trun-1 a {display: inline-block;vertical-align: middle;width: 45px;height: 45px;line-height: 45px;text-align: center;border-radius: 100%;border: 2px solid #dddddd;color: #999999;position: relative;}
.page-trun-1 a.prev::after {content: '';width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(180deg);opacity: .5;}
.page-trun-1 a.next::after {content: '';width: 10px;height: 10px;background: url('/static/images/r3.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;opacity: .5;}
.page-trun-1 a.cur {background: #1457a0;border: 2px solid #1457a0;color: #fff;}
.page-trun-1 a:hover {border: 2px solid #1457a0;}

.investor-hotline {overflow: hidden;margin-top: 2%;text-align: center;}
.investor-hotline-item {text-align: center;width: 18%;border: 1px solid #ededed;margin: 1% .3%;display: inline-block;vertical-align: top;padding: 5% 0;}
.investor-hotline-item .icon-1{width: 100px;height: 100px;margin: auto;border: 2px solid #ededed;border-radius: 100%;position: relative;}
.investor-hotline-item .title-2{margin-top: 10%;}
.investor-hotline-item .title-3{color: #1557a1;margin-top: 10%;min-height: 55px;overflow: hidden;}
.investor-hotline-item .title-3 strong {display: block;margin-top: 2%;}      





/* esg */
.esg-content {position: relative;padding: 2% 0 5% 0;overflow: hidden;background: #f8f8f8;}
.esg-content-list {overflow: hidden;width: 74%;margin: auto;margin-top: 2%;margin-bottom: 2%;}
.esg-content-item {float: left;width: 50%;overflow: hidden;margin-bottom: 3%;}
.esg-content-item .data-1{margin-top: 2%;color: #bebebe;}
.esg-content-item .title-1{margin-top: 3%;}
.esg-content-item .more-details-1{margin-top: 4%;text-align: left;}
.esg-content-item .img a:hover .pic{transform: scale(1.05);}		 
.esg-content-detail {background: #f8f8f8;overflow: hidden;margin-top: 81px;}
.esg-content-detail-main {padding: 5% 0;overflow: hidden;width: 74%;margin: auto;}
.esg-content-detail-left {float: left;width: 70%;overflow: hidden;}
.esg-content-detail-top {padding-bottom: 3%;border-bottom: 1px solid #ededed;overflow: hidden;}
.esg-content-detail-top .back-1{overflow: hidden;}
.esg-content-detail-top .back-1 a{display: block;}
.esg-content-detail-top .back-1 i{width: 30px;height: 30px;display: inline-block;vertical-align: middle;background: url('/static/images/r3.png') center no-repeat #bebebe;border-radius: 100%;transform: rotate(180deg);opacity: .5;}
.esg-content-detail-top .back-1 span{margin-left: 10px;display: inline-block;vertical-align: middle;}
.esg-content-detail-top .back-1 a:hover span {color: #1457a0;}
.esg-content-detail-top .back-1 a:hover i {background: url('/static/images/r2.png') center no-repeat #1457a0;opacity: 1;}
.esg-content-detail-top .title-1{margin-top: 3%;}
.esg-content-detail-top .data-1{margin-top: 5%;color: #bebebe;}
.esg-content-detail-center {overflow: hidden;padding: 3% 0;}
.esg-content-detail-center img {max-width: 100%;height: auto!important;}
.esg-content-detail-bottom {border-top: 1px solid #ededed;overflow: hidden;margin-top: 3%;}
.esg-content-detail-bottom .prevnext-1{overflow: hidden;}
.esg-content-detail-bottom .prevnext-1 a{display: block;position: relative;padding: 4% 0;border-bottom: 1px solid #ededed;}
.esg-content-detail-bottom .prevnext-1 span{color: #555555;width: 80%;display: block;}
.esg-content-detail-bottom .prevnext-1 i{font-style: normal;position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #bebebe;}
.esg-content-detail-bottom .prevnext-1 a:hover span {color: #1457a0;}
.esg-content-detail-bottom .prevnext-1 a:hover {border-bottom: 1px solid #1457a0;}
.esg-content-detail-right {float: right;width: 25%;overflow: hidden;}
.esg-content-detail-right .title-2{color: #1457a0;padding-left: 15px;position: relative;}
.esg-content-detail-right .title-2::before {content: '';width: 4px;height: 15px;position: absolute;left: 0;top: 50%;background: #1457a0;transform: translateY(-50%);}
.relevant-information {overflow: hidden;padding: 4% 0;}
.relevant-information a {display: block;position: relative;padding: 5% 0;border-bottom: 1px solid #ededed;}
.relevant-information .title-3{overflow: hidden;}
.relevant-information .data-3{margin-top: 20.5%;color: #ccc;}
.relevant-information a::after {content: '';width: 14px;height: 14px;position: absolute;right: 5%;bottom: 10%;z-index: 11;background: url('/static/images/jt.png');filter: grayscale(100%);opacity: .3;}
.relevant-information a:hover .title-3{color: #1457a0;}   
.relevant-information a:hover::after {opacity: 1;filter: grayscale(0);}
.relevant-information a:hover {border-bottom: 1px solid #1457a0;}






/* employees */
.employees-content {overflow: hidden;}
.corporate-culture {text-align: center;padding: 5% 0;overflow: hidden;}
.corporate-culture .title-1{color: #202020;}
.corporate-culture .text-1{color: #666;margin-top: 1%;}
.corporate-culture-icon4 {text-align: center;margin-top: 3%;overflow: hidden;}
.corporate-culture-icon4 * {transition:all .4s ease;}
.corporate-culture-icon4 li {list-style: none;margin: 0;padding: 0;margin: 1%;width: 12%;display: inline-block;vertical-align: top;}
.corporate-culture-icon4 li i{display: block;width: 160px;height: 160px;border-radius: 100%;position: relative;border: 2px solid #e6e6e6;margin: auto;}
.corporate-culture-icon4 .text-1 {margin-top: 10%;}
.corporate-culture-icon4 li:hover i{background: #1457a0;}
.corporate-culture-icon4 li:hover i img {filter: invert(100%);}
.corporate-culture-icon4 li:hover .text-1 {color: #1457a0;}
.talents-development {background-color: #f8f8f8;padding: 5% 0;overflow: hidden;}
.talents-development .title-1{color: #000;text-align: center;}
.talents-development .text-1{margin-top: 2%;}
.talents-development-content {width: 74%;margin: auto;margin-top: 2%;}
.talents-development-swiper {text-align: center;}
.talents-development-swiper img {max-width: 100%;display: inline-block;}
.working-environment {padding: 10% 0;overflow: hidden;}
.working-environment .title-1 {text-align: center;}
.working-environment-content {width: 74%;margin: auto;margin-top: 4%;}
.working-environment-left {float: left;width: 45%;}
.working-environment-right {float: left;margin-left: 5%;width: 45%;}
.working-environment-right .title-2 {margin-top: 5%;}
.working-environment-right .text-2 {margin-top: 3%;color: #666;}

.employee-activities {padding: 7% 0;overflow: hidden;}
.employee-activities-top {position: relative;overflow: hidden;}
.employee-activities-top .title-1{float: left;}
.employee-activities-prevnext {float: right;overflow: hidden;}
.employee-activities-prevnext * {user-select:none;}
.employee-activities-prev,.employee-activities-next {display: inline-block;vertical-align: middle;position: relative;right: auto;left: auto;top: auto;bottom: auto;width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 100%;transition:all .4s ease;margin-top:0;}
.employee-activities-prev::after,.employee-activities-next::after {top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 14px;position: absolute;transition:all .4s ease;}
.employee-activities-next {margin-left: 5px;}
.employee-activities-prev:hover,.employee-activities-next:hover {background: #1457a0;border: 1px solid #1457a0;}
.employee-activities-prev:hover::after,.employee-activities-next:hover::after {color: #fff;}
.employee-activities-content {clear: both;padding-top: 4%;overflow: hidden;}
.employee-activities-swiper {float: left;width: 50%;position: relative;}
.employee-activities-right {float: right;width: 45%;}
.employee-activities-text {overflow: hidden;}
.employee-activities-text .title-2{font-weight: bold;}
.employee-activities-text .text-1{margin-top: 3%;}
.employee-activities-pic {position: absolute;right: 0;bottom: 0;width: 45%;z-index: 11;}
.employee-activities-pic-swiper {position: relative;}
.employee-activities-pic-swiper .img{overflow: hidden;cursor: pointer;}

.join-us {overflow: hidden;padding: 5% 0;background: #f8f8f8;}
.join-us .title-1 {text-align: center;}
.join-us-content {margin-top: 3%;text-align: center;}
.join-us-item {display: inline-block;vertical-align: top;width: 20%;margin: 1%;}
.join-us-item .ewm-2{width: 50%;margin: auto;}
.join-us-item .title-2{margin-top: 5%;}
.join-us-item .text-2{margin-top: 5%;border: 1px solid #ccc;padding: 8px 10px;overflow: hidden;font-size: 0;transition:all .4s ease;}
.join-us-item .icon-1{display: inline-block;vertical-align: middle;margin-right: 20px;}
.join-us-item .kuang-1 {display: inline-block;vertical-align: middle;}
.join-us-item .text-2:hover {border: 1px solid #1457a0;}








@media screen and (max-width: 5120px) { 
}
@media screen and (max-width: 3840px) { 

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.core-technologies-swiper .swiper-slide {overflow: hidden;}
	.sources-benefits-list i {background-size: cover;}
}
@media screen and (max-width: 1680px) {
	.header-navshow ul {padding: 0 8% 5% 8%;}
	.header-navshow ul a {padding: 3% 0;}
	.more-1 a {width: 120px;height: 40px;line-height: 40px;}
	.footer-nav .ftitle-1 {padding: 11px 0;margin-top: 0px;}
	.core-technologies-content {width: 74%;margin: auto;}
	.core-technologies-swiper .swiper-slide .logo-1 {width: 20%;}
	.core-technologies-3 {margin-top: 1%;}
	.core-technologies-3 li {width: 22%;}
	.core-technologies-swiper .swiper-slide .pic-1 img{max-width: 30%;}
	.alpd-content-left {padding: 3%;margin-left: 5%;}
	.alpd-content-right {width: 35%;}
	.alpd-swiper-5,.core-technologies-swiper .swiper-slide .logo-btn,.property-data-3,.logo-list-6,
	.core-technologies-swiper .swiper-slide .btn-1,.core-technologies-swiper .swiper-slide .pic-1 {margin-top: 1%;}
	.alpd-swiper-nav,.classic-cases-nav a {padding: 1% 0;}
	.logo-list-6 {padding-bottom: 1%;}
	.core-technologies-swiper .swiper-slide .text,.core-technologies-swiper .swiper-slide .logo-1 {top: 55%;}
	.technology-advantage-nav .icon-1 i {width: 80px;height: 80px;}
	.technology-advantage-nav a ,.technology-advantage-content {margin-bottom: 1%;}
	.technology-advantage-swiper {width: 40%;}
	.technology-advantage-nav .txt-1 {margin-top: 5%;}
	.market-coverage-swiper img{max-width: 40%;}
	.market-coverage-keyword a,.core-technologies-swiper .swiper-slide .btn-1 a,
	.Automotive-display-nav a,.more-details-1 a,.corporate-governance-nav a {line-height: 40px;padding: 0 10px;}
	.core-technologies-swiper .swiper-slide .logo-btn .logo-2 {width: 16%;}
	.property-data-3 li:nth-child(1),.property-data-3 li:nth-child(3) {width: 16%;}
	.property-data-3 li:nth-child(2) {width: 18%;}
	.logo-list-6 li i {width: 100px;height: 100px;}
	.contact-us-bottom-list li i,.advantage-analysis-item .icon-1 {width: 130px;height: 130px;}
	.advantage-analysis-item .icon-1 .img-center {max-width: 50%;max-height: 50%;}
	.advantage-analysis-item {width: 13%;margin: 0;}
	.sources-benefits  .sources-benefits-list span {min-height: 50px;}
	.page-trun-1 a {width: 40px;height: 40px;line-height: 40px;}
	.investor-hotline-item {width: 20%;padding: 4% 0;}
	.investor-hotline-item .icon-1 {width: 90px;height: 90px;}
	.esg-content-detail-bottom .prevnext-1 a {padding: 3% 0;}
	.corporate-culture-icon4 li i {width: 140px;height: 140px;}
	.corporate-culture-icon4 li i .img-center {max-width: 50%;max-height: 50%;}
}
@media screen and (max-width: 1440px) {
	.header-content {height: 60px;}
	.header-nav ul a.nav {line-height: 60px;}
	.esg-content-detail {margin-top: 61px;}
	.header-navshow {width: 280px;top: 50px;}
	.footer-logo {width: 30%;}
	.footer-nav li,.footer-contact {padding-top: 20px;}
	.partners-content li .img-center {max-width: 80%;max-height: 60%;}
	.core-technologies-3 li {width: 24%;margin: .3%;}
	.core-technologies-swiper .swiper-slide .pic-1 img {max-width: 38%;}
	.core-technologies-swiper .swiper-slide .text-1 {width: 60%;}
	.logo-list-6 li i .img-center {max-width: 80%;max-height: 60%;}
	.contact-us-bottom-list li i, .advantage-analysis-item .icon-1,.corporate-culture-icon4 li i {width: 100px;height: 100px;}
	.core-components-product-list .product-1 .img-center {max-width: 80%;max-height: 70%;}
	.product-detail-center-main .button-2 a  {line-height: 40px;padding: 0 10px;}
	.stock-information-item {margin-right: 30px;}
	.stock-information-item .text-2 {margin-top: 20px;}
	.stock-information-left .text-2 {width: 80%;}
	.investor-hotline-item {width: 22%;padding: 3% 0;}
	.working-environment-right {width: 50%;}
	.join-us-item {width: 25%;}
	.join-us-item .icon-1 {margin-right: 10px;}
	.header-logo {width: 15%;}
}
@media screen and (max-width: 1366px) {
	.header-content,.footer-content,.div-container,.working-environment-content,
	.product-detail-content,.financial-information,.esg-content-list,.esg-content-detail-main,.talents-development-content {width: 80%;}
	.partners-content {width: 82%;}
	.core-components-content .text-1 {width: 100%;}
	.sources-benefits-list span {font-size: 18px;}
}
@media screen and (max-width: 1280px) {
	.header-content,.footer-content,.div-container,.working-environment-content,
	.product-detail-content,.financial-information,.esg-content-list,.esg-content-detail-main,.talents-development-content {width: 86%;}
	.partners-content {width: 88%;}
}
@media screen and (max-width: 1152px) {
	.header-content,.footer-content,.div-container,.working-environment-content,
	.product-detail-content,.financial-information,.esg-content-list,.esg-content-detail-main,.talents-development-content {width: 90%;}
	.partners-content {width: 92%;}
}
@media screen and (max-width: 1024px) {
	.header-content,.footer-content,.div-container,.working-environment-content,
	.product-detail-content,.financial-information,.esg-content-list,.esg-content-detail-main,.talents-development-content {width: 94%;}
	.partners-content {width: 96%;}
}
@media screen and (max-width: 980px) {
	 
}
@media screen and (max-width: 860px) {
	html.black .menu-toggle span.hamburger,
	html.black .menu-toggle span.hamburger:after,
	html.black .menu-toggle span.hamburger:before {background: #000;}
	html.black .header-nav ul a.nav {color: #fff;}
	.pcshow,.header-nav ul li::after,.footer-nav,.ip-appotronics-content::after,.stock-information-content::after {display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.header-logo {width: 40%;}
	.header-right {position: fixed;right: 0;top: 0;transform:translateX(100%);height: 100%;width: 60%;background: rgba(0,0,0,.8)}
	.no-touch .header-right {transform:translateX(0);}
	.header-nav {width: 100%;overflow: hidden;margin-top: 60px;overflow-y: auto;height: 100%;}
	.header-nav ul {overflow: hidden;overflow-y: auto;width: 100%;height: 100%;}
	.header-nav ul li {width: 88%;margin: auto;}
	.header-nav ul a.nav {line-height: normal;display: block;width: 100%;padding: 3% 0;text-align: right;font-size: 18px;}
	.header-navshow {width: 100%;top: auto;text-align: right;position: relative;left: auto;transition:none;}
	.header-navshow ul {padding:0;text-align: right;box-sizing: border-box;overflow: hidden;overflow-y: hidden;height:auto;}
	.header-navshow ul a {font-size: 14px;}
	.index-banner-item .text {left: 5%;width: 90%;}
	.index-banner-swiper .swiper-slide .title-1,.index-content .title-1 {font-size: 18px;}
	.index-banner-item .text-1 {font-size: 13px;}
	.more-1 a {width: 120px;height: 35px;line-height: 35px;}
	.index-banner-swiper .banner-pagination {bottom: 10px;}
	.index-content .text-1 {padding: 4% 0;}
	.index-content .title-2 {width: 90%;font-size: 18px;}
	.index-content .text.top40 {top: 50%;}
	.footer-content-top,.footer-content-bottom {padding: 5% 0;}
	.footer-link {position: relative;right: auto;top: auto;transform: none;}
	.footer-link a {margin-left: 0px;margin-right: 20px;}
	.footer-logo {width: 40%;}
	.divpage-banner .pic img{width: 200%;max-width: 200%;}
	.innovation-content .icon-1 {width: 53px;height: 53px;}
	.ip-appotronics-item .data-1 sup {margin-top: 0;font-size: 22px;}
	.bring-together-item {width: 60%;display: block;margin: 3% auto;margin-top: -10%;}
	.bring-together-item:first-child {margin-top: -5%;}
	.bring-together-global-top-laser-talents .text-1 {padding-bottom: 10%;}
	.partners-content li {width: 22%;}
	.partners-content {margin-top: 5%;font-size: 0;}
	.core-technologies-swiper .swiper-slide .img img{height: 100%;}
	.core-technologies-swiper .swiper-slide .logo-1 {width: 60%;}
	.core-technologies-swiper .swiper-slide .text {overflow: hidden;}
	.footer-left,.ip-appotronics-item,.core-components-product-item,.stock-information-left,.employee-activities-right,
	.stock-information-left .text-2,.working-environment-left,.employee-activities-swiper {width: 100%;}
	.core-technologies-content,.ip-appotronics-content,.bring-together-global-top-laser-talents .text-1 ,.core-components-product-list,.corporate-governance-list,
	.core-components-content .title-2 ,.core-components-content .text .title-3,.join-us-item {width: 90%;}
	.core-technologies,.ip-appotronics ,.bring-together-global-top-laser-talents,.partners,.core-components-content,.join-us,
	.contact-us-bottom ,.corporate-governance,.corporate-culture{padding: 10% 0;}
	.core-technologies-swiper .swiper-slide .text-1,.alpd-swiper,.technology-advantage-content,.contact-us-bottom-list li,
	.market-coverage-keyword,.core-technologies-swiper .swiper-slide .title-1 {width: 90%;}
	.core-technologies-3,.core-technologies-swiper .swiper-slide .pic-1,.market-coverage-swiper,.property-data-3,.core-technologies-swiper .swiper-slide .btn-1,
	.market-coverage-keyword,.core-technologies-swiper .swiper-slide .text-1 ,.stock-information,.esg-content-detail-right,.join-us-item {margin-top: 5%;}
	.core-technologies-swiper .swiper-slide .text, .core-technologies-swiper .swiper-slide .logo-1 {top: 50%;}
	.core-technologies-swiper .swiper-slide .title-1 {margin: auto;}
	.core-technologies-3 li {width: 60%;margin: 1% auto ;padding: 5% 0;}
	.core-technologies-3 .icon-2,.technology-advantage-nav .icon-1 i {width: 50px;height: 50px;}
	.core-technologies-3 li img.img-block,.core-technologies-3 .text-2,.alpd-content-left .title-2,.technology-advantage-nav .txt-3 {display: none;}
	.core-technologies-3 .position-a {position: relative;width: 100%;top: auto;transform: none;left: auto;margin: 1% auto;}
	.core-technologies-swiper .swiper-slide .pic-1 img {max-width: 90%;}
	.alpd-content-left {padding: 3%;margin-left: 0;float: none;width: 100%;box-sizing: border-box;}
	.alpd-content-right {float: none;width: 40%;margin: auto;margin-top: 5%;}
	.alpd-swiper-nav {padding: 5% 0;}
	.technology-advantage-nav .icon-1 ,.technology-advantage-nav .icon-1 i{float: none;margin: auto;}
	.alpd-swiper-nav a {width: 24%;font-size: 12px;}
	.technology-advantage-nav {display: block;width: 100%;text-align: center;font-size: 0;margin-top: 5%;overflow: hidden;overflow-x: auto;}
	.technology-advantage-nav a {width: 30%;display: inline-block;vertical-align: top;}
	.technology-advantage-nav a:nth-child(4),.technology-advantage-nav a:nth-child(5) {width: 50%;}
	.technology-advantage-nav .txt-1 {float: none;width: 100%;margin-left: auto;}
	.technology-advantage-nav .icon-1 i img {max-width: 50%;max-height: 50%;}
	.technology-advantage-swiper {width: 80%;margin-top: 10%;}
	.market-coverage-keyword a {width: 50%;margin: 0;box-sizing: border-box;}
	.market-coverage-keyword {font-size: 0;}
	.market-coverage-swiper img {max-width: 90%;}
	.core-technologies-swiper .swiper-slide .logo-btn .logo-2 {width: 50%;margin: 5% auto;}
	.property-data-3 li:nth-child(1), .property-data-3 li:nth-child(3) {width: 25%;}
	.property-data-3 li:nth-child(2) {width: 40%;}
	.property-data-3 li .data-1 strong {font-size: 28px;}
	.logo-list-6,.Automotive-display-nav {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;font-size: 0;width: 100%;margin: 5% auto;} 
	.logo-list-6::-webkit-scrollbar,.Automotive-display-nav::-webkit-scrollbar {height:0px; width:0px;}
	.logo-list-6 li {width: 140px;margin: 0;margin: 0 10px;vertical-align: top;}
	.logo-list-6 li i {width: 60px;height: 60px;}
	.logo-list-6 li span {white-space: normal;margin-top: 0;} 
	.technology-advantage-nav,.investors-nav,.corporate-governance-nav {overflow-x: scroll;overflow-y: hidden;white-space: nowrap;font-size: 0;width: 100%;} 
	.technology-advantage-nav::-webkit-scrollbar,.investors-nav::-webkit-scrollbar,.corporate-governance-nav::-webkit-scrollbar {height:0px; width:0px;}
	.technology-advantage-nav a {width: 150px;}
	.technology-advantage-nav a .txt-1 {white-space: normal;margin-top: 5%;} 
	.technology-advantage-nav a.cur .txt-1 {margin-top: 5%;}
	.technology-advantage-nav a .txt-3 {display: block;}
	.banner-nav a {padding: 4% 0;} 
	.divpage-banner .title-1 {font-size: 24px;}
	.application-scenarios-9 li {width: 31%;}
	.application-scenarios-9 li span {padding: 20px 0;}
	.classic-cases-nav {text-align: left;position: relative;left: auto;bottom: auto;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;font-size: 0;width: 100%;}
	.classic-cases-nav::-webkit-scrollbar {height:0px; width:0px;}
	.classic-cases-nav a {padding: 10px 20px;width: auto;}
	.advantage-analysis-item {width: 40%;margin: 3% 1%;}
	.core-components-product-list li {margin: 3% 1%;width: 48%;}
	.classic-cases-text {text-align: center;position: relative;left: auto;width: 100%;bottom: auto; }
	.classic-cases-text .text-1 ,.classic-cases-text .text-2{color: #000;}
	.classic-cases-text .text-2,.core-components-product-item-right .learnmore-1 {padding: 2% 0;}
	.core-components-product-item a,.product-detail-center-content,.corporate-governance-item {padding: 5%;}
	.product-detail,.product-detail-center {padding: 5% 0;}
	.product-detail-center-left,.esg-content-item,.esg-content-detail-left,.esg-content-detail-right {width: 100%;float: none;}
	.product-detail-center-right {float: none;width: 90%;padding: 4% 0;}
	.technical-parameter-item .name-1 {float: none;width: 98%;}
	.technical-parameter-item .date-1 {float: none;width: 100%;margin-left: 1%;padding: 2% 0;}
	.technical-parameter-item {border-bottom: 1px solid #e5e5e5;margin: 2% 0;}
	.back-to-list {position: relative;right: auto;top: auto;transform: none;float: right;width: 80px;}
	.investors-nav a {padding: 3%;}
	.corporate-governance-nav {padding: 0 5%;}
	.financial-information-item {float: none;width: 100%;margin-right: 0;margin-bottom: 3%;}
	.financial-information-item .icon-2 {opacity: 1;}
	.stock-information-right,.stock-information-left {float: none;text-align: left;}
	.stock-information {width: 80%;padding: 5%;}
	.stock-information-item {margin-right:0px;width: 50%;display: block;float: left;}
	.investor-hotline-item {width: 90%;padding: 3% 0;}
	.header-navshow ul {background: none;}
	.corporate-culture-icon4 li {width: 44%;margin: 3% 0;}
	.working-environment-right {float: none;margin-left: auto;width: 100%;margin-top: 5%;overflow: hidden;}
	.employee-activities-right {margin-top: 5%;}
	.employee-activities-pic {position: relative;right: auto;bottom: auto;width: 100%;margin-top: 4%;}
	.employee-activities-swiper {float: none;}
	.core-components-content .leftpic-righttxt .pic,.core-components-content .leftpic-righttxt .text-1 {float: none;width:100%;}
	.classic-cases {width: 90%;}
}





/* 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) {
	.header-logo {width: 30%;}
}