/* CSS Reset */
html{-webkit-text-size-adjust:none;font-size: 62.5%;} 
body{color: #666;overflow-x:hidden;margin:0; padding:0;}
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,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #372e50;} 
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;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#ccc;}
.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;}
.send-mark {position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;background: rgba(255,255,255,0.5);}
.send-mark.cur {display: none;}
.send-mark i {display: block;width: 4.8rem;height: 4.8rem;background:url('/static/css/../images/loading.gif') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50,-50%);}
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#000;box-shadow:inset 1px 1px 0 #000,inset 0 -1px 0 #000;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;background: #fff;}
.header::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #e4e7ec;}
.header * {transition:all .4s ease;}
.header-content {width:100%;height: 7.5rem;margin: auto;position: relative;z-index: 8;text-align: center;font-size: 0;}
.header-left {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 5;width: 50%;display: flex;align-items: center;}
.header-right {color: #000;text-align: right;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index: 10;display: flex;align-items: center;}

.header-logo {max-width: 19.5rem;max-height: 80%;overflow: hidden;}
.header-logo a {display: block;width: 100%;} 

.header-nav {display: flex;margin-left: 4rem;}
.header-nav ul,.header-nav li {list-style: none;margin: 0;padding: 0;display: flex;}
.header-nav li {margin-left: 4rem;position: relative;}
.header-nav a {color: #000;position: relative;}
.header-nav a:hover,.header-nav li.cur a {color: #3200c8;}

.header-link {font-size: 0;margin-left:5rem;} 
.header-link .link-1:first-child::after {content: '';width: 1px;height: 1rem;display: inline-block;vertical-align: middle;background: #e5e5e5;margin: 0 2rem;}
.header-link .link-1:first-child {display: none;}
.link-1{display: inline-block;vertical-align: middle;}
.linkbtn-1 {display: inline-block;vertical-align: middle;text-align: center;padding:0;box-sizing: border-box;font-size: 0;}
.linkbtn-1 a {display: inline-block;vertical-align: middle;}
.linkbtn-1 i {width: 2.5rem;height: 2.5rem;position: relative;display: inline-block;vertical-align: middle;}
.linkbtn-1 span {display: inline-block;vertical-align: middle;margin-left: .5rem;} 
.link-1.more-menu .linkbtn-1 span {padding-right: 0rem;position: relative;}
.link-1.more-menu .linkbtn-1 span::after {content: '';width: .8rem;height: 1.2rem;position:absolute;right: 0;top: 50%;background: url('/static/css/../images/r.png') right center no-repeat;background-size: 80% 80%;filter: invert(1) brightness(4);transform:translateY(-50%) rotate(90deg);display: none;}

.header.hover,
.header.scroll-down,
.header.scroll-top,
.header.cur,
.header.black,
.detail .header  {background:#fff;}
.header.hover::after,.header.black::after {display: block;}
/* .header.scroll-down .header-content,.header.scroll-top .header-content{height: 5rem;}
.header-nav-show.scroll .header-nav-show-content {margin-top: 5rem;}
.header.scroll-down .header-logo,.header.scroll-top .header-logo {max-width: 15rem;} */



.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;overflow: hidden;margin-top:7.5rem;}
.header-show-mark.cur  {display: block;opacity: 1;z-index: 100;}
.header-show-mark {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;overflow: hidden;transition:all .4s ease;background: rgba(0,0,0,.7);opacity: 0;}
.header-navshow-content {padding: 3% 0;overflow: hidden;width: 90%;margin: auto;}
.header-product-class {float: left;width: 24.222%;overflow: hidden;position: relative;margin-bottom: 1%;margin-right: 1%;}
.header-product-class.mr0 {margin-right: 0;}
.header-product-class a {display: block;position: relative;overflow: hidden;background: #f0f2f4;}
.header-product-class a::before {content: '';width: 0;height: 3px;position: absolute;left: 0;top: 0;background: #3200c8;z-index: 11;}
.header-product-class .icon-1 {position: absolute;left: 5%;bottom: 0;width: 25%;height: auto;z-index: 11;max-height: 100%;}
.header-product-class .title-1 {position: absolute;left: 40%;top: 50%;transform: translateY(-50%);z-index: 12;color: #372e50;}
.header-product-class a:hover .title-1{color: #3200c8;}
.header-product-class a:hover::before {width: 100%;}




/* menu */
.mheader-nav {z-index: 399!important;}
.menu-toggle {display: none;margin-left: 2rem;}
.menu-toggle a {display: inline-block;vertical-align: middle;box-sizing: border-box;width: 60%;margin-top: -3px;}
.cd-nav-trigger {display: inline-block;position: relative;}
.menu-toggle i:before {display: inline-block;vertical-align: middle;color: #000;font-size: 1.6rem;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-50%;-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:-6px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:6px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross {display: inline-block;vertical-align: middle;position: relative;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:100%;height:2px;background:#000;position:absolute;top:50%;margin-top:0;left:50%;margin-left:-50%;-webkit-transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transform:translateY(-7rem) translateX(-7rem) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(7rem) translateX(-7rem) rotate(-45deg);transform:translateY(7rem) translateX(-7rem) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-7rem) translateX(7rem) rotate(-45deg);transform:translateY(-7rem) translateX(7rem) 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(7rem);transform:translateX(7rem);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);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.menu-toggle span.hamburger {display: inline-block;vertical-align: middle;position: relative;left: auto;margin: 0;top: auto;} 
.menu-toggle .menu-text {display: inline-block;vertical-align: middle;margin-left: .4rem;position: relative;overflow: hidden;z-index: 11;}
.menu-toggle em {font-style: normal;color: #fff;display: block;}
.menu-toggle em:last-child {position: absolute;left: 0;top:0;opacity: 0;transform: translateY(100%);}
.no-touch .menu-toggle em:first-child {transform: translateY(-100%);}
.no-touch .menu-toggle em:last-child {transform: translateY(0);opacity: 1;} 




/* footer */
.footer {position: relative;clear: both; overflow: hidden;background: #1a1a1a;color: #8d8d8d;position: relative;z-index: 11;}
.footer li {list-style: none;margin: 0;padding: 0;}
.footer-content {width: 90%;margin: auto;font-size: 0;}
.footer-content-top {padding: 5% 0 0;overflow: hidden;}
.footer-content-left {float: left;width: 20%;} 
.footer-logo {width: 13rem;overflow: hidden;}
.footer-contact {margin-top: 25%;} 
.footer-contact .hotline-2 {font-size: 0;}
.footer-contact .hotline-2 .icon-1{width: 3rem;height: 3rem;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.footer-contact .hotline-2 .tel-2{display: inline-block;vertical-align: middle;color: #fff;}
.footer-contact .text-3{color: #6f6f6f;margin-top: 1rem;}
.footer-contact .botton-4{padding: 2rem 0;overflow: hidden;margin-top: 1rem;}
.footer-contact .botton-4 a{font-size: 0;padding: 2rem 2rem;border: 1px solid #372e50;margin-right: 1rem;text-align: center;position: relative;background: #424242;}
.footer-contact .botton-4 i{display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.7rem;height: 1.1rem;background: url('/static/css/../images/r2.png') center no-repeat;background-size: 100%;position: relative;z-index: 11;filter: invert(1);}
.footer-contact .botton-4 span {display: inline-block;vertical-align: middle;color: #fff;}
.footer-contact .botton-4 a:hover {background: #2dd264;}
.footer-contact .botton-4 a:hover i {filter: invert(1) brightness(5);}

.footer .followus-5 {margin-top: 4rem;}
.footer .followus-5 .text-1 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 {display: inline-block;vertical-align: middle;}
.footer .followus-5 .icon-2 li{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: middle;margin-left: 1rem;}
.footer .followus-5 .icon-2 li a{display: block;width: 4rem;height: 4rem;position: relative;border-radius: 100%;overflow: hidden;border: 1px solid #333;}
.footer .followus-5 .icon-2 li img {max-width: 100%;max-height: 100%;width: 100%;}
.footer .followus-5 .icon-2 li a:hover {background: #2dd264;border: 1px solid #2dd264;}
.footer-content-right {float: right;width: 50%;}
.footer-nav {display: flex;flex-wrap: wrap;}
.footer-nav ul,.footer-nav li{list-style: none;margin: 0;padding: 0;}
.footer-nav ul {float: left;min-width: 33%;margin-bottom: 10%;}
.footer-nav ul:nth-child(3),.footer-nav ul:nth-child(6) {margin-right: 0;}
.footer-nav ul a.font16 {color: #fff;position: relative;display: block;}
.footer-nav ul a.font16::after {content: '';width: 80%;height: 4px;background: #2a2a2a;display: block;overflow: hidden;margin-top: 2rem;}
.footer-nav li {overflow: hidden;margin-top: 1.5rem;position: relative;}
.footer-nav ul li a {color: #a1a1a1;display: block;margin: 1rem 0;overflow: hidden;}
.footer-nav ul li a:hover {color: #fff;}
.footer-nav ul a:hover {color: #2dd264}
.footer-content-bottom {overflow: hidden;position: relative;}
.footer-content-bottom .footer-content {padding: 1% 0 1.5% 0;position: relative;}
.footer-content-bottom a {color: #a1a1a1;margin: 0 1rem;}
.footer-content-bottom a:hover {color: #fff}
.footer-content-bottom .followus-5 {position: absolute;top: 50%;transform: translateY(-50%);right: 0;display: block;margin: 0;}
.footer .footer-content-bottom .followus-5 .icon-2 li a {margin: 0;}
.footer-link a:first-child {margin-right: 1rem;margin-left: 0;}
.footer-copy {overflow: hidden;margin-top: 1rem;}
.footer-rlink {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.footer-rlink span {display: inline-block;vertical-align: middle;}
.footer-rlink span img{max-width: 15px;display: block;}
 


/* index */ 
.index-video-load {position: fixed;left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background: #fff url('/static/css/../images/loading.gif') center no-repeat;display: none;}
.index-video-load.show {display: block;}
.ain .index-video{display: block;}
.index-video {position: fixed;left: 0;top: 0;z-index: 500;width: 100%;height: 100%;background: #fff;}
.index-video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.ain .header {transform:translateY(-160px);opacity: 0;transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}

.index-banner {position: absolute;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.index-banner-content {position: absolute;z-index: 11;width: 100%;height: 100%;left: 0;top: 0;}
/* .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-swiper .swiper-slide-active .tanimation,.index-banner-swiper.active .tanimation{opacity: 1;}
.index-banner-swiper .swiper-slide-active .tformY,.index-banner-swiper.active .tformY {transform: translateY(0px);}
.index-banner-swiper .swiper-slide-active .tformX {transform: translateY(0px);}

.ain .index-banner-text .text-1,
.ain .index-banner-text .title-1,
.ain .index-banner-text .text-2{opacity: 0;transform:translateY(60px);} 

.index-swiper {width: 100%;height: 100%;} 
.index-banner-item {position: relative;transform: translateY(0);transition:all .4s ease-in;transition-delay: .1s;z-index: 1;background: #000;}
.index-banner-item .pic {background-position: center center;}
.index-banner-text {position: absolute;left: 5%;bottom: 10%;width: 60%;z-index: 10;color: #fff;} 
.index-banner-text .title-1{margin-top: 1%;} 
.index-banner-item .video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 5;}
.index-banner-item .video::before {content: '';width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;z-index: 5;background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));}
.index-banner-item .video video {display: block;width: 100%;height: 100%;object-fit: cover;}

.index-banner .swiper-banner-pagination {width: auto;left: auto;right: 2%;top: 50%;transform: translateY(-50%);margin: auto;bottom: auto;height: auto;z-index: 11;}
.index-banner .swiper-banner-pagination span.swiper-pagination-bullet {display: block;margin: 1rem 0;}
.index-banner .swiper-banner-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #58c3cc;}
.index-banner-mark {position: absolute;left: 0;top: 0;z-index: 11;width: 100%;height: 100%;background: #000;transition:all .4s ease;opacity: 0;}


.index-product {padding: 3% 0 5% 0;overflow: hidden;position: relative;z-index: 20;background: #fff;}
.index-product-content {overflow: hidden;}
.tsemid-button,.contact-send {margin-top: 2%;overflow: hidden;}
.tsemid-button a,.contact-send a {display: inline-block;vertical-align: middle;font-size: 0;padding: 1rem 2rem;border: 1px solid #372e50;margin-right: 1rem;text-align: center;position: relative;}
.tsemid-button a::after,.contact-send a::after {content: '';width: 0;height: 100%;position:absolute;left: 0;top: 0;z-index: 1;background: #372e50;}
.tsemid-button span,.contact-send span {display: inline-block;vertical-align: middle;position: relative;z-index: 10;}
.tsemid-button i,.contact-send i {display: inline-block;vertical-align: middle;margin-left: 1rem;width: 1.7rem;height: 1.1rem;background: url('/static/css/../images/r2.png') center no-repeat;background-size: 100%;position: relative;z-index: 11;}
.tsemid-button a:hover::after,.contact-send a:hover::after {width: 100%;}
.tsemid-button a:hover span,.contact-send a:hover span {color: #fff;}
.tsemid-button a:hover i,.contact-send a:hover i {filter: invert(1) grayscale(1);}
.index-product-left .tsemid-button a:first-child {background: #372e50;}
.index-product-left .tsemid-button a:first-child span {color: #fff;}
.index-product-left .tsemid-button a:first-child i {filter: invert(1);}
.index-product-left .tsemid-button a:first-child:hover:after {background: #3200c8;}


.tsemid-ctrl {margin-top: 3%;}
.tsemid-ctrl .iproduct-prev,.tsemid-ctrl .iproduct-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;transform: none;margin: 0;}
.tsemid-ctrl .iproduct-prev::after,.tsemid-ctrl .iproduct-next::after {font-size: 2.4rem;top: 50%;position: absolute;transform: translateY(-50%);}
.tsemid-ctrl-line {display: inline-block;vertical-align: middle;margin: 0 4rem;width: 1px;height: 3rem;background: #999;opacity: .5;}
.tsemid-ctrl .iproduct-next::after {right: 0;left: auto;}
.index-product-center {position: relative;}
.index-product-center .img-center {z-index: 10;}
.index-product-left {position: relative;z-index: 5;width: 80%;text-align: center;margin: auto;margin-top: -5%;}
.index-product-left .title-1{color: #372e50;position: relative;}
.index-product-left .title-1::before {content: '';width:2rem;height: 6.5rem;position: absolute;left: -7%;top:-1rem;background: #3200c8;display: none;}
.index-product-item .english-1{position: absolute;left: 0;text-align: center;width: 100%;top: 50%;transform: translateY(-50%);z-index: 1;}  
.index-product-item .english-1 span {display: block;letter-spacing: -4px;color: #eceff2;}
.index-product-item .img-block {z-index: 9;}
.index-product-item .img-center  {max-width: 80%;max-height: 70%;}
.index-product-right {position: relative;text-align: center;margin: auto;width: 100%;z-index: 11;}
.index-product-list {overflow: hidden;text-align: center;margin-top: 2%;}
.index-product-list li{list-style: none;margin: 0;padding: 1rem 2rem;display: inline-block;vertical-align: middle;}
.index-product-list li a{display: block;}
.index-product-list li span {display: inline-block;position: relative;color: #372e50;opacity: .6;}
.index-product-list li span::after {content: '';width:0%;height: 2px;position: absolute;left: 0;bottom: -5px;background: #3200c8;}
.index-product-list li.cur span{opacity: 1;color: #3200c8;}
.index-product-list li.cur span::after {width: 100%;}
.index-product-item {position: relative;overflow: hidden;}

.index-product-swiper {margin-top: -5%;}
.index-product-swiper .swiper-wrapper{transition-delay:.0s;}
.index-product-swiper .index-product-item {opacity: 1;}
.index-product-swiper .index-product-item .english-1 span {opacity: 0;transition:all .4s ease-in;transition-delay:.3s;}
.index-product-swiper .index-product-item .img-center {transform:translateX(200px);opacity:0;transition:all .4s ease-in-out;}
.index-product-swiper .index-product-item .index-product-left  {opacity: 0;transition:all .4s ease-in;transition-delay:.4s;}
.index-product-swiper .swiper-slide-prev .index-product-item .img-center {transform:translateX(200px);}
.index-product-swiper .swiper-slide-next .index-product-item .img-center {transform:translateX(-200px);}
.index-product-swiper .swiper-slide-active .index-product-item {opacity: 1;}
.index-product-swiper .swiper-slide-active .index-product-item .img-center {opacity:1;transform:translateX(0px);}
.index-product-swiper .swiper-slide-active .index-product-item .english-1 span {opacity: 1;}
.index-product-swiper .swiper-slide-active .index-product-item .index-product-left {opacity: 1;}

.index-product-swiper .swiper-button-prev {left: 3%;}
.index-product-swiper .swiper-button-next {right: 3%;}
.index-product-swiper .swiper-button-prev,.index-product-swiper .swiper-button-next {opacity: .5;transition:all .4s ease;}
.index-product-swiper .swiper-button-prev:hover,.index-product-swiper .swiper-button-next:hover {opacity: 1;}
.index-our-application {overflow: hidden;background: #f0f2f4;padding: 5% 5% 0 5%;position: relative;z-index: 50;}
.index-our-application-content {background: #fff;box-sizing: border-box;overflow: hidden;padding: 5% 0;}
.index-our-application-top {position: relative;}
.index-our-application-top .tsemid-title {padding: 0 5%;}
.tsemid-title {position: relative;}
.tsemid-title .english-1{color: #372e50;margin-top: 4rem;}
.tsemid-title .title-2{color: #c2c1c8;margin-top: 2rem;}
.index-our-application-bottom{width: 90%;margin: auto;margin-top: 1%;overflow: hidden;display: flex;justify-content: space-between;}
.index-our-application-item {overflow: hidden;width: 24%;}
.index-our-application-item a {display: block;position: relative;}
.index-our-application-item a,.index-our-application-item .pic-3 {background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.index-our-application-item a::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: 1;background: #fff;}
.index-our-application-item .top-1 {position: absolute;left: 0;top: 0;z-index: 2;width: 100%;padding-top: 20%;}
.index-our-application-item .top-1::after {content: '';width: .5rem;height: 0;position: absolute;left: 0;top: 0;background: #2dd264;}
.index-our-application-item .title-1{color: #372e50;}
.index-our-application-item .text-2 {overflow: hidden;color: #c2c1c8;margin-top: .5rem;}
.index-our-application-item .introduce-2{position: absolute;left: 0;top: 50%;z-index: 2;width: 90%;opacity: 0;
	box-sizing: border-box;padding: 15% 10%;background: rgba(255,255,255,0.8);transform: translateX(-100%);}
.index-our-application-item .text-3{color: #000;}
.index-our-application-item .lineY-1,
.index-our-application-item .lineY-2{position: absolute;width: 1rem;height: 0;position: absolute;right: 0;top: 0;background: #3200c8;transition-delay: .1s;}
.index-our-application-item .lineY-2 {right: 1rem;width: 2rem;background: #2dd264;transition-delay: .2s;}
.index-our-application-item .pic-3{position: absolute;left: 0;top: 34%;z-index: 2;width: 100%;}
.index-our-application-item a:hover::after,.index-our-application-item a:hover .pic-3{opacity: 0;}
.index-our-application-item a:hover .title-1{color: #fff;}
.index-our-application-item a:hover .text-2{color: #2dd264;}
.index-our-application-item a:hover .introduce-2 {opacity: 1;transform: translateX(0);}
.index-our-application-item a:hover .top-1 {left: 10%;width: 80%;}
.index-our-application-item a:hover .top-1::after {height: 5rem;}
.index-our-application-item a:hover .lineY-1,.index-our-application-item a:hover .lineY-2 {height: 100%;}



.lineX-1,.lineX-2 {width: 8.5rem;height: 2rem;display: block;position: relative;}
.lineX-2 {width: 20rem;}
.lineX-1 i,.lineX-2 i {position: absolute;left: 0;top: 0;width: 0;height: 100%;}
.lineX-1 i{background: #3200c8;}
.lineX-2 i{background: #2cd264;}
@keyframes lineinW{ 0% {width: 0%;}100% {width: 100%;}}
.lineinW{-webkit-animation-name:lineinW;animation-name:lineinW;-webkit-animation-duration: 1s;animation-duration: 1s}
@keyframes lineinY{ 0% {height: 0%;}100% {height: 100%;}}
.lineinY{-webkit-animation-name:lineinY;animation-name:lineinY;-webkit-animation-duration: 1s;animation-duration: 1s}
.liney-ain {position: absolute;left: 10%;top: 0;z-index: 1;}
.liney-ain .liney-1,.liney-ain .liney-2{width: 1.2rem;height: 5rem;display: inline-block;vertical-align: top;position: relative;margin-right: 1rem;}
.liney-ain .liney-1 i,.liney-ain .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #3200c8;}
.liney-ain .liney-1 {height: 10rem;}
.liney-ain .liney-2 i {background: #2cd264;}
.liney-ain2 {position: absolute;right: 20%;top: 0;z-index: 1;}
.liney-ain2 .liney-1,.liney-ain2 .liney-2{width: 2rem;height: 15rem;display: inline-block;vertical-align: top;position: relative;margin-left: 2rem;}
.liney-ain2 .liney-1 i,.liney-ain2 .liney-2 i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #3200c8;}
.liney-ain2 .liney-1 {height: 20rem;margin-top: 5rem;}
.liney-ain2 .liney-2 i {background: #2cd264;}


.index-latest-news {padding: 5% 0;overflow: hidden;position: relative;background: #fff;z-index: 11;clear: both;}
.index-latest-news-content {margin: auto;position: relative;}
.index-latest-news-content .tsemid-title {width: 60%;margin: auto;}
.index-latest-news-center {margin-top: 1%;}
.index-latest-news-item {position: relative;}
.index-latest-news-item a {overflow: hidden;position: relative;display: block;}
.index-latest-news-item .latest-news-item-content {width: 60%;margin: auto;border-bottom: 1px solid #e4e7eb;padding: 3% 0;display: flex;position: relative;z-index: 1;}
.index-latest-news-item .latest-news-item-content::after {content: '';width: 1.7rem;height: 1.1rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .5;}
.index-latest-news-item .latest-news-item-content::after {background: url('/static/css/../images/r2.png') center no-repeat;background-size: 100%;}
.index-latest-news-item .left-1 {width: 40%;display: flex;}
.index-latest-news-item .number-1 {width: 20%;margin-top: 1%;}
.index-latest-news-item .title-1 {width: 70%;}
.index-latest-news-item .right-2 {width: 33%;margin-left: 10%;}
.index-latest-news-item .text-1 {color: #372e50;}
.index-latest-news-item .date-1 {margin-top: 1rem;}
.index-latest-news-item a:hover {background: #e4e7eb;}
.index-latest-news-item a:hover .title-1 {color: #3200c8;}
.index-latest-news-item a:hover .latest-news-item-content::after {opacity: 1;}
.index-latest-news-item.active a {background: #e4e7ec;}
.index-latest-news-item.active a .title-1 {font-weight: bold;color: #3200c8;}
.index-latest-news-piclist {position: fixed;top: 0;right: 0;z-index: 5;opacity: 0;pointer-events: none;transform: translate(-50%, -50%);overflow: hidden;max-width: 360px;}
.latest-news-item-pic {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;display: none;}
.index-latest-news-piclist-content {width: 100%;height: 0;padding-bottom: 100%;position: relative;z-index: 5;overflow: hidden;padding-bottom: 59.25925925925926%;}
.index-latest-news-piclist-content-list {position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 0;text-align: center;overflow: hidden;}
.index-latest-news-bottom {text-align: center;margin-top: 5%;}

.index-weare-tsemid {position: relative;background-color: #f0f2f4;z-index: 11;clear: both;overflow: hidden;}
.index-weare-tsemid-contents {overflow: hidden;}
.index-weare-tsemid-content {width: 100%;}
.index-weare-tsemid-text {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 11;width: 70%;}
.index-weare-tsemid-text .entitle-1 {color: #372e50;}
.index-weare-tsemid-text .entitle-1 strong {color: #3200c8;}
.index-weare-tsemid-text .title-2 {color: #c2c1c8;}
.index-technical-leader {float: right;width: 50%;background: #f0f2f4;z-index: 11;transition:all .4s ease;position: absolute;right: 0;top: 0;height: 100%;}
.index-technical-leader-content {z-index: 1;width: 80%;height: auto;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-technical-leader-content .title-1{color: #372e50;padding-bottom: 10rem;}
.index-technical-leader-list {overflow: hidden;width: 100%;height: auto;}
.index-technical-leader-list-content {overflow: hidden;width: 100%;height:auto;}
.index-technical-leader-item {color: rgb(55, 46, 80);width: 90%;overflow: hidden; transition:all .4s ease;opacity: 0;position: absolute;top: 50%;transform: translateY(-55%);}
.index-technical-leader-item .title-2{overflow: hidden;}
.index-technical-leader-item .title-3{overflow: hidden;}
.index-technical-leader-item .text-3{color: #93919e;overflow: hidden;width: 60%;margin-top:5%;}
.index-technical-leader-item .data-4{overflow: hidden;display: inline-block;color: #3200c8;margin-top:5%;}
.index-technical-leader-item .data-4 span {display: block;padding-bottom: 1rem;border-bottom: 1px solid #cbcbd3;}
.index-technical-leader-item .data-4 strong {display: block;}
.index-technical-leader-right {position: absolute;right: 0;top: 0;z-index: 20;height: auto;width: 100%;}
.index-technical-leader-right .line-1 {width: 5px;margin: auto;}
.index-technical-leader-right .line-1 i {display: block;width: 1px;height: 10rem;margin: auto;background: #ccc;overflow: hidden;position: relative;}
.index-technical-leader-right .line-1 i em {width: 100%;height: 0%;background: #3200c8;position: absolute;left: 0;top: 0;transition:all .4s ease;} 
.index-technical-leader-right .text-2 {margin-top: 1rem;text-align: center;}
.index-technical-leader-right .text-2 span {color: #000;position: relative;}
.index-technical-leader-right .text-2 span em {position: absolute;left: 0;top: 0;width: 100%;font-style: normal;background: #f0f2f4;}
.index-technical-leader-right .text-2 span strong {font-weight: normal;margin: 0;padding: 0;padding-right: 2px;}
.canvas {position: absolute;left: 0;width: 100%;height: 100%;z-index: 1;top: 0;}
.canvas canvas {width: 100%;height: 100%;}
.index-weare-tsemid-contents,.index-contents {position: relative;overflow: hidden;}
.index-iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;} 
.index-iframe iframe {display:block ;width: 100%;height: 100%;};
.index-wearetsemid {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.index-technical-leader-swiper {width: 100%;height: 100%;}
.index-technical-leader-swiper .swiper-slide .index-technical-leader-item {opacity: 0;}
.index-technical-leader-swiper .swiper-slide-active .index-technical-leader-item {opacity: 1;}
.index-technical-leader-swiper .swiper-slide {height:  100%;overflow: hidden;}
.technical-pagination {position: absolute;width: 1px;left: auto;right: 10%;top: 50%;bottom: auto;font-size: 1.4rem;transform: translateY(-50%) ;height: 15rem;}
.technical-pagination .swiper-pagination-progressbar-fill {background: #372e50;}
.technical-pagination .num {width: 10rem;text-align: center;margin-left: -5rem;position: absolute;top: 110%;}






/* product */ 
.tsemid-product {overflow: hidden;position: relative;}
.tsemid-product-banner {position: relative;}
.tsemid-product-banner-text {position: absolute;left: 5%;top: 65%;transform: translateY(-50%);z-index: 11;width: 50%;}
.tsemid-product-banner-text .lineX-1,.tsemid-product-banner-text .lineX-2 {margin-left: -10%;}
.tsemid-product-banner-text .lineX-1 i {background: rgba(55,46,80,.1) #3200c8;}
.tsemid-product-banner-text .lineX-2 i {background: rgba(55,46,80,.3) #2cd264;}
.tsemid-product-banner-text .title-1{margin-top: 5%;}
.tsemid-product-banner-text .title-1 strong {font-weight: normal;color: #372e50;}
.tsemid-product-banner-text .entitle-1{color: #372e50;opacity: .4;}
.tsemid-product-banner-text .entitle-1 span {color: #372e50;display: block;}
.tsemid-product-content {position: relative;}
.tsemid-product-nav {position: relative;}
.tsemid-product-nav::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #f1f1f1;}
.tsemid-product-nav ul,.tsemid-product-nav li{list-style: none;margin: 0;padding: 0;}
.tsemid-product-nav ul {font-size: 0;width: 90%;margin: auto;}
.tsemid-product-nav ul.num6 li {width: 16.6666%;}
.tsemid-product-nav li {display: inline-block;vertical-align: middle;position: relative;width: 10%;text-align: center;}
.tsemid-product-nav a{display: block;position: relative;overflow: hidden;}
.tsemid-product-nav a::after {content: '';width: 1px;height: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #f1f1f1;}
.tsemid-product-nav a:hover span::after{width: 100%;}
.tsemid-product-nav li:last-child a::after{display: none;}
.tsemid-product-nav span {display: block;padding: 2.5rem 0;overflow: hidden;}
.tsemid-product-nav span::after {content: '';width: 0;height: 4px;position: absolute;left: 0;bottom: 0;background: #3200c8;}
.tsemid-product-nav li.cur a span::after,.tsemid-product-nav:hover li.cur a:hover span::after {width: 100%;}
.tsemid-product-nav:hover li.cur a span::after {width: 0;}
.tsemid-product-list {padding: 4% 0 1% 0;overflow: hidden;width: 90%;margin: auto;}
.tsemid-product-item {float: left;width: 24.2222%;overflow: hidden;margin-right: 1%;margin-bottom: 5%;}
.tsemid-product-item.tpi1 {width: 49.5%;}
.tsemid-product-item.tpi3,.tsemid-product-item.mr0 {margin-right: 0;}
.tsemid-product-item.item1 {clear: left;}
.tsemid-product-item a {display: block;position: relative;border-top: 2px solid #ebebed;}
.tsemid-product-item .img {background-color: #f0f2f4;}
.tsemid-product-item a:hover {border-top: 2px solid #3200c8;}
.tsemid-product-item a:hover .img-center {transform: scale(1.05);}
.tsemid-product-item .title-1 {color: #372e50;position: relative;}
.tsemid-product-item .title-1::before {content: '';width: 5px;height: 100%;position: absolute;left: -1rem;top: 0;background: #2cd264;}
.tsemid-product-item a:hover .title-1::before{left: 0;} 
.tsemid-product-item a:hover .title-1 {color: #3200c8;padding-left: 1rem;}
.tsemid-product-item .text {padding: 2rem 0;overflow: hidden;}
.tsemid-product-item .text-1 {color: #ccccce;margin-top: .4rem;}
.tsemid-product-item.cur a {border-top: 2px solid #3200c8;}
.tsemid-product-item.cur a .title-1::before{left: 0;} 
.tsemid-product-item.cur a .title-1 {color: #3200c8;padding-left: 1rem;}

.tsemid-product-detial {overflow: hidden;position: relative;}
.tsemid-product-detial-content {position: relative;}
.tsemid-product-detial-left {position: absolute;width: 50%;height: 100%;left: 0;top: 0;overflow: hidden;} 
.tsemid-product-detial-right {position: absolute;width: 50%;height: 100%;right: 0;top: 0;overflow: hidden;}
.tsemid-product-detial-right-content {position: absolute;width: 70%;left: 4%;top: 50%;transform: translateY(-50%);overflow: hidden;}
.tsemid-product-detial-title {overflow: hidden;}
.tsemid-product-detial-title .title-1 {color: #3200c8;}
.tsemid-product-detial-title .model-1 {overflow: hidden;}
.tsemid-product-detial-title .model-1 strong{color: #372e50;}
.tsemid-product-detial-title .line-1 {margin: 3rem 0;}
.tsemid-product-detial-title .line-1 i {display: block;height: 1.4rem;background: #2cd264;width: 8rem;position: relative;}
.tsemid-product-detial-title .line-1 i::after {content: '';width: 80%;height: 100%;position: absolute;left: 0;top: 0;background: #3200c8;}
.tsemid-product-detial-title .text-1 {color: #372e50;text-align: justify;}
.tsemid-product-detial-parameter {margin-top: 2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
.tsemid-product-detial-parameter li {list-style: none;margin: 0;padding: 0;width: 48%;border-bottom: 1px solid #dcdde3;padding: 1.5rem 0;}
.tsemid-product-detial-parameter li span{display: block;color: #92909e;}
.tsemid-product-detial-parameter li p{display: block;color: #372e50;margin: 0;padding: 0;margin-top: .2rem;}
.tsemid-product-detial-right .tsemid-button {margin-top: 4rem;} 


.tsemid-product-features {padding: 5% 0;overflow: hidden;}
.tsemid-product-features-content {width: 90%;margin: auto;}
.tsemid-product-features-content-top {overflow: hidden;position: relative;}
.tsemid-product-features-content-top .entitle-1{color: #372e50;}
.tsemid-product-features-content-top .title-1{color: #cbcbd3;}
.tsemid-product-features-content-bottom {padding: 5% 0;overflow: hidden;}
.tsemid-product-features-item {padding-left: 2rem;position: relative;}
.tsemid-product-features-item::before {content: '';width: 1px;height: 100%;background: #cbcbd4;position:absolute;left: 0;top: 0;}
.tsemid-product-features-item::after {content: '';width: 1px;height: 30%;background: #2cd264;position:absolute;left: 0;top: 0;z-index: 10;}
.tsemid-product-features-item .icon-1{width: 5rem;height: 5rem;}
.tsemid-product-features-item .icon-1 img {max-width: 100%;max-height: 100%;width: auto;display: block;}
.tsemid-product-features-item .title-1{color: #372e50;margin-top: 5rem;}
.tsemid-product-features-item .text-1{color: #93919e;margin-top: 1.5rem;}
.tsemid-product-features-button {position: absolute;right: 0;bottom: 0;z-index: 11;}
.tsemid-product-features-button .swiper-button-lock {display: none;}
.features-prev,.features-next {position: relative;margin: auto;left: auto;top: auto;right: auto;bottom: auto;width: auto;display: inline-block;vertical-align: middle;transform: none;background: #3200c8;}
.features-prev,.features-next {width: 5rem;height: 5rem;}
.features-prev.swiper-button-disabled,.features-next.swiper-button-disabled {background-color: #cbcbd4;opacity: 1;}
.features-prev::after,.features-next::after {display: none;}
.features-prev::before,.features-next::before {content: '';width: 5rem;height: 5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;filter: invert(1);}
.features-prev::before {background: url('/static/css/../images/r2.png') center no-repeat;transform: translate(-50%,-50%) rotate(180deg);}
.features-next::before {background: url('/static/css/../images/r2.png') center no-repeat;}
.features-prev.swiper-button-disabled::before ,.features-next.swiper-button-disabled::before  {background-color: #cbcbd4;filter: none;}

.tsemid-contact-popup {position: fixed;z-index: 900;width: 40%;left: 50%;top: 50%;transform: translate(-50%,-950%);transition:all .4s ease;background: #fff;}
.tsemid-contact-popup-content {padding: 5%;overflow: hidden;}
.tsemid-contact-popup-content .title-1 {color: #372e50;}
.tsemid-popup-mark {background: #372e50;opacity: .4;position: fixed;left: 0;top: 0;width: 100%;height: 0;overflow: hidden;transition:all .4s ease;z-index: 899;}
.close-1 {position: absolute;right: 2%;top: 2%;z-index: 11;}
.close-1 a {display: block;width: 5rem;height: 5rem;position: relative;transform: rotate(45deg);}
.close-1 a::after,.close-1 a::before {content: '';width: 50%;height: 2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.close-1 a::before {transform: translate(-50%,-50%) rotate(90deg);}
.close-1 a:hover {transform: rotate(-45deg);}
.popup .tsemid-contact-popup {transform: translate(-50%,-50%);} 
.popup .tsemid-popup-mark {height: 100%;} 



/* application */
.tsemid-application {position: relative;}
.tsemid-application-banner {position: relative;}
.tsemid-application-list {width: 90%;position: relative;margin: auto;padding: 5% 0 0 0;display: flex;justify-content: space-between;}
.tsemid-application-content-left {float: left;width: 35%;}
.tsemid-application-class {width: 100%;height: 100vh;opacity: 0;transition: all .45s;display: flex;flex-direction: column;justify-content: space-between;position: relative;}
.tsemid-application-class.is-active {opacity: 1;}
.tsemid-application-title {width: 100%;position: -webkit-sticky;position: sticky;top: 28rem;}
.tsemid-application-title-content {align-items: flex-start;position: static;overflow: visible;}
.tsemid-application-title .title-1{position: relative;}
.tsemid-application-title .title-1 i{position: relative;width: 5rem;height: 2rem;display: inline-block;vertical-align: middle;}
.tsemid-application-title .title-1 i::before {content: '';width: 80%;position: absolute;left: 0;bottom: 0;background: #2cd264;height: .8rem;}
.tsemid-application-title .title-1 i::after {content: '';width: 80%;position: absolute;right: 0;top: 0;background: #3200c8;height: .8rem;}
.tsemid-application-title .title-1 strong{font-weight: normal;display: inline-block;vertical-align: middle;margin-left: 1rem;color: #372e50;}
.tsemid-application-title .text-1 {margin-top: 1rem;color: #372e50;}
.tsemid-application-nav {overflow: hidden;margin: 3rem 0;}
.tsemid-application-nav a {display: inline-block;vertical-align: middle;border: 1px solid #ccc;margin-right: 1rem;margin-bottom: 1rem;}
.tsemid-application-nav span{padding: 1rem 2rem;display: block;box-sizing: border-box;text-align: center;font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight: normal;}
.tsemid-application-linex {width: 100%;height: 1px;background: #000;margin-top: 1rem;}
.tsemid-application-content-right {width: 40%;height: 100%;height: 100vh;position: -webkit-sticky;position: sticky;top: 10rem;}
.tsemid-application-content-pic {width: 100%;height: 100%;max-width: 100%;max-height: 100%;position: relative;}
.tsemid-application-item {width: 100%;max-height: 100%;position: absolute;top: 0%;bottom: 0%;left: 0%;right: 0%;transition: all .45s;opacity: 0;}
.tsemid-application-item.is-active {opacity: 1;}
.tsemid-application-item img.img-block {position: absolute;max-height: 80%;transition:all .4s ease;top: 0;opacity: 0;width: auto;height: 80%;right: 0;}
.tsemid-application-item.is-active img{opacity: 1;}
.tsemid-application-content-left .tsemid-application-class:last-child .tsemid-application-title {top: 10rem;position: relative;border-bottom: 1px solid #000;}
.tsemid-application-content-left .tsemid-application-class:last-child .tsemid-application-linex {display: none;}



/* technology-and-services */  
.tsemid-technology-and-services .tsemid-product-banner-text .title-1 strong,
.tsemid-technology-and-services .tsemid-product-banner-text .entitle-1 span{color: #fff;}
.tsemid-scientific-research {background: #f1f2f4;padding: 5% 0;overflow: hidden;}
.tsemid-scientific-research-top {position: relative;}
.tsemid-scientific-research-center {margin-top: 3%;}
.tsemid-scientific-research-left {float: left;width: 40%;}
.tsemid-scientific-research-list {position: relative;border-bottom: 1px solid #dedee3;} 
.tsemid-scientific-research-item {position: relative;color: #372e50;}
.tsemid-scientific-research-item .title-1 {position: relative;border-top: 1px solid #dedee3;padding: 3rem 0;cursor: pointer;color: #93919e;}
.tsemid-scientific-research-item .title-1 i{display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2rem;height: 2rem;}
.tsemid-scientific-research-item .title-1 i::before,
.tsemid-scientific-research-item .title-1 i::after {content: '';width: 100%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #000;}
.tsemid-scientific-research-item .title-1 i::after {transform: translate(-50%,-50%) rotate(90deg);}
.tsemid-scientific-research-item .title-1.cur {color: #372e50;border-top: 1px solid #372e50;}
.tsemid-scientific-research-item .title-1.cur i::after {display: none;}
.tsemid-scientific-research-item .text-1 {padding: 0 0 5rem 0;overflow: hidden;text-align:justify;width: 90%;display: none;color: #372e50;}
.tsemid-scientific-research-right {float: right;width: 50%;overflow: hidden;}
.tsemid-scientific-research-swiper .swiper-pagination {width: auto;left: 3%;bottom: 5%;}
.tsemid-scientific-research-swiper .swiper-pagination span {background: #fff;}
.tsemid-scientific-research-bottom {clear: both;overflow: hidden;padding-top: 4%;}
.tsemid-scientific-research-data {overflow: hidden;}
.tsemid-data-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.tsemid-data-item.mr0 {margin-right: 0;}
.tsemid-data-item .data-1 {color: #3200c8;}
.tsemid-data-item .data-1 strong{display: inline-block;vertical-align: middle;font-weight: normal;}
.tsemid-data-item .data-1 sup{display: inline-block;vertical-align: middle;}
.tsemid-data-item .title-1 {padding-top: 2rem;border-top: 2px solid #3200c8;margin-top: 1rem;color: #372e50;}

.tsemid-quality-control {overflow: hidden;background: #f1f2f4;padding-bottom: 5%;}
.tsemid-quality-control .tsemid-about-content {overflow: hidden;background: #fff;padding: 5%;width: 80%;}
.tsemid-quality-control-top {position: relative;text-align: center;}
.tsemid-quality-control-bottom {margin-top: 5%;position: relative;}
.tsemid-quality-control-bottom::before,
.tsemid-quality-control-bottom::after {content: '';width: 6px;height: 6px;border-radius: 100%;background: #3200c8;top: 50%;transform: translateY(-55%);position: absolute;z-index: 50;}
.tsemid-quality-control-bottom::before {right: 0;left: auto;}
.tsemid-quality-control-list {overflow: hidden;text-align: center;position: relative;}
.tsemid-quality-control-list::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #e5e8ed;z-index: 32;}
.tsemid-quality-control-item {display: inline-block;vertical-align: middle;position: relative;z-index: 11;margin-left: -2%;}
.tsemid-quality-control-item a {display: block;position: relative;border: 1px solid #e6e8ed;border-radius: 50rem;width:22rem;height: 22rem;background: #fff;}
.tsemid-quality-control-item .content-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.tsemid-quality-control-item .icon-1 {width: 5rem;height: 5rem;position: absolute;left: 50%;top: 15%;transform: translateX(-50%);}
.tsemid-quality-control-item .point-1 {text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.tsemid-quality-control-item .point-1 i {width:1.5rem;height: 1.5rem;border: 1px solid #e5e8ed;border-radius: 100%;display: block;position: relative;}
.tsemid-quality-control-item .point-1 i::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #e5e8ed;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.tsemid-quality-control-item .title-1 {color: #372e50;position: absolute;left: 10%;top: 65%;text-align: center;width: 80%;}
.tsemid-quality-control-item:hover {z-index: 30;}
.tsemid-quality-control-item a:hover {background: #3200c8;width:42rem;}
.tsemid-quality-control-item a:hover .title-1 {color: #fff;font-size: 2.4rem;letter-spacing: 1rem;}
.tsemid-quality-control-item a:hover .icon-1 img {filter: invert(1) brightness(5);}

.tsemid-after-sale-service {padding: 5% 0;overflow: hidden;}
.tsemid-after-sale-service-top {overflow: hidden;}
.tsemid-after-sale-service-center {margin-top: 4%;overflow: hidden;}
.tsemid-after-sale-service-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.tsemid-after-sale-service-item.mr0 {margin-right: 0;}
.tsemid-after-sale-service-item .text {color: #372e50;border-top: 2px solid #372e50;padding: 3rem 0;overflow: hidden;}
.tsemid-after-sale-service-item .title-1 {color: #372e50;} 
.tsemid-after-sale-service-item .text-1 {margin-top: .6rem;} 
.tsemid-after-sale-service-bottom {margin-top: 2%;overflow: hidden;clear: both;}
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item {width: 100%;margin-right: 0;}
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .text {float: left;width: 48%;}
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .text-1 {color: #9b98a4;} 
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .text-2 {margin-top: 25%;}
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .tsemid-button {margin-top:5%;} 
.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .img  {float: right;width: 50%;}




/* about */
.tsemid-about-whois {overflow: hidden;background: #f0f2f4;padding: 4% 0;}
.tsemid-about-whois .tsemid-about-content {width: 64%;margin: auto;}
.tsemid-about-whois-top {padding: 3% 0;overflow: hidden;}
.tsemid-content-title .title-1{color: #372e50;}
.tsemid-content-title .title-1 strong{font-weight: normal;color: #3200c8;}
.tsemid-content-title .text-1{color: #bbbac3;}
.tsemid-about-whois-center {padding: 5% 0;overflow: hidden;color: #372e50;}
.tsemid-about-whois-center .text-1{float: left;width: 35%;}
.tsemid-about-whois-center .text-2{float: right;width: 50%;border-top: 2px solid #3200c8;padding-top: 1rem;text-align: justify;margin-top: 1%;}
.tsemid-about-whois-bottom {overflow: hidden;clear: both;width: 90%;margin: auto;margin-top: 3%;}

.tsemid-about-whatcanwedo {background: #f0f2f4;padding: 5% 0;overflow: hidden;}
.tsemid-about-whatcanwedo .tsemid-about-content{width: 64%;margin: auto;padding-bottom: 3%;}
.tsemid-about-whatcanwedo-left {float: left;width: 45%;}
.tsemid-about-text {padding-left: 2rem;position: relative;overflow: hidden;margin-top: 15rem;width: 80%;text-align: justify;}
.tsemid-about-text::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background-color: #3200c8;}
.tsemid-about-text .title-2 {color: #3200c8;}
.tsemid-about-text .text-2 {color: #372e50;margin-top: 2rem;}
.tsemid-about-whatcanwedo-right {float: right;width: 47%;}
.tsemid-about-whatcanwedo-right img {max-width: 100%;display: block;}

.tsemid-about-history {padding: 6% 0 5% 0;overflow: hidden;}
.tsemid-history-content {overflow: hidden;}
.tsemid-about-history-top {position: relative;width: 90%;margin: auto;} 
.tsemid-about-history-bottom {margin-top: 3%;overflow: hidden;padding-bottom: 2%;}
.tsemid-history-item {position: relative;}
.tsemid-history-item .timer-1{position: absolute;left: -1.8rem;top: 0;z-index: 2;}
.tsemid-history-item .timer-1 i {display: block;width: 4rem;height: 4rem;position: relative;background: #fff;border-radius: 100%;}
.tsemid-history-item .timer-1 i::after {content: '';width: 2rem;height: 2rem;position: absolute;background: #3200c8;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.tsemid-history-item .timer-1 i::before {content: '';width: .7rem;height: .7rem;position: absolute;background: #fff;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;}
.tsemid-history-item .timeline-1 {position: absolute;left: 0;top: 2rem;z-index: 1;width: 100%;}
.tsemid-history-item .timeline-1 i{display: block;width: 100%;height: 3px;background: #f1f0f3;position: relative;}
.tsemid-history-item .timeline-1 i::after {content: '';width: 0;height: 100%;position: absolute;background: #3200c8;left: 0;top: 0;transition:all 4s ease;z-index: 11;display: none;}
.tsemid-history-item .history-text{padding:6rem 5rem 0 3rem;overflow: hidden;position: relative;color: #372e50;box-sizing: border-box;}
.tsemid-history-item .history-text::before {content: '';width: 4px;height: 100%;position: absolute;background: #f1f0f3;left: 0;top:0;;}
.tsemid-history-item .history-text::after {content: '';width: 4px;height: 15%;position: absolute;background: #2cd264;left: 0;top: 7.6rem;z-index: 2;}
.tsemid-history-item .title-1{color: #372e50;}
.tsemid-history-item .text-2 {margin-top: 1rem;font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;font-weight: normal;}
.tsemid-history-item .text-2 ul {padding: 0;padding-left: 2rem;}
.tsemid-history-item .text-2 ul li {padding: .2rem 0;list-style: none;position: relative;}
.tsemid-history-item .text-2 ul li::before {content: '';width: 4px;height: 4px;position: absolute;left: -1.5rem;top: 1.3rem;background: #ccc;}
.tsemid-history-button {position: absolute;right: 0;bottom: 0;z-index: 11;}
.tsemid-about-history-swiper .swiper-slide-active .tsemid-history-item .timeline-1 i::after {width: 100%;}

.tsemid-about-brand-culture {padding: 5% 0;overflow: hidden;}
.tsemid-about-content{width: 90%;margin: auto;}
.tsemid-brand-culture-bottom {overflow: hidden;margin-top: 4%;}
.tsemid-brand-culture-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.tsemid-brand-culture-item.mr0 {margin-right: 0;}
.tsemid-brand-culture-item a {display: block;overflow: hidden;position: relative;}
.tsemid-brand-culture-item .text {padding: 2rem 0;border-top: 2px solid #372e50;}
.tsemid-brand-culture-item .title-1 {color: #372e50;}
.tsemid-brand-culture-item .text-1 {color: #c2c1c8;}
.tsemid-brand-culture-item .text-2 {color: #372e50;margin-top:2rem;}
.tsemid-brand-culture-item a:hover .text {border-top: 2px solid #3200c8;}
.tsemid-brand-culture-item a:hover .title-1,
.tsemid-brand-culture-item a:hover .text-1,
.tsemid-brand-culture-item a:hover .text-2 {color: #3200c8;}
.tsemid-brand-culture-item a:hover .pic {transform: scale(1.05);}

.tsemid-about-planning-layout {padding: 7% 0;overflow: hidden;background: #f0f2f4;}
.tsemid-planning-layout-left {float: left;width: 49%;border-top: 2px solid #372e50;padding-top: 1%;}
.tsemid-planning-layout-text {overflow: hidden;margin-top: 15%;}
.tsemid-planning-layout-text .data-1 {color: #3200c8;display: inline-block;width: 25%;}
.tsemid-planning-layout-text .data-1 span{display: block;padding-bottom: 1rem;}
.tsemid-planning-layout-text .data-1 strong{display: block;font-weight: normal;border-top: 1px solid #ccc;}
.tsemid-planning-layout-text .text-2 {margin-top: 3%;width: 90%;text-align: justify;color: #372e50;}
.tsemid-planning-layout-right {float: right;width: 48%;}


.circle{width:100%;margin: auto;position: relative;}
.circle .edge{position: absolute;left: 50%;top: 50%;width: 80%;z-index: 33;transform: translate(-50%,-50%);border:3px dotted #d9d7dd;border-radius: 50%;}
.circle .edge img{width: 100%;height: auto;display: block;}
.circle .edge .text{color: #372e50;}
.circle .edge .middle-circle {position: absolute;z-index:11;background:#fff;border-radius: 50%;box-shadow:0px 34px 54px 0px rgba(23, 0, 93, 0.13);width: 22%;}
.circle .edge .middle-circle-1{left:50%;top:-10%;transform: translateX(-50%);}
.circle .edge .middle-circle-2{left:4%;top:60%;transform: translate(-50%);}
.circle .edge .middle-circle-3{right:-18%;top:60%;transform: translate(-50%);}
.circle .edge .middle-circle-1 div,
.circle .edge .middle-circle-2 div,
.circle .edge .middle-circle-3 div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.circle .edge .middle-circle-1 img,
.circle .edge .middle-circle-2 img,
.circle .edge .middle-circle-3 img{width: 100%;height: auto;display: block;} 
.circle .virtual{position: absolute;left: 50%;top:50%;width: 55%;z-index:22;transform: translate(-50%,-50%);margin: auto;display: flex;align-items: center;background:#3200c8;border-radius: 50%;opacity: .05;}
.circle  .txt{color:#372e50;position: absolute;opacity: .2;}
.circle  .tx1{left:6%;top:25%;transform: rotate(300deg);}
.circle  .tx2{right:6%;top:25%;transform: rotate(-300deg);}
.circle  .tx3{left:50%;bottom:7%;transform: translateX(-50%);}
.circle .virtual img{display: block;width: 100%;height: auto;}
.circle .circular{position: absolute;left: 50%;top:50%;width: 30%;transform: translate(-50%,-50%);background:#3200c8;border-radius: 50%;margin:auto;display: flex; justify-content: center; align-items: center;overflow: hidden;z-index: 45;border: 5px solid #fff;box-shadow: 0px 30px 54px 0px rgba(23, 0, 93, 0.32);}
.circle .circular img{display: block;width: 100%;height: auto;}
.circle .circular .logo{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width:60%;z-index: 8;}
.circle .circular .logo img{width: 100%;height: auto;display: block;}
.circle .circular .small-circle{border-radius:50%;position: absolute;}
.circle .circular .small-circle .pic{width: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.circle .circular .small-circle .pic img{width: 100%;height: auto;display: block;object-fit: cover;} 
.circle svg {position: absolute;display: block;width: 80%;height: 80%;left: 50%;top: 50%;transform: translate(-50%,-50%);overflow: visible;}
.circle svg path {opacity: 0;}
.circle svg text {fill: #372e50;opacity: .2;font-size: 5px;}
.circle .svg1 {transform: translate(-50%,-50%) rotate(25deg);}
.circle .svg2 {transform: translate(-50%,-50%) rotate(140deg);}
.circle .svg3 {transform: translate(-50%,-50%) rotate(260deg);}
.circle .edge {animation: xuanzhuan 9000ms infinite linear;}
.circle .edge .middle-circle-1{transform: translateX(-50%);animation: turnrotate1 9000ms infinite linear;}
.circle .edge .middle-circle-2{transform: translate(-50%); animation: turnrotate2 9000ms infinite linear;}
.circle .edge .middle-circle-3{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}



/* news */ 
.tsemid-news-content {overflow: hidden;padding: 5% 0;}
.tsemid-news-list {width: 90%;margin: auto;}
.tsemid-news-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 6%;}
.tsemid-news-item.mr0 {margin-right: 0;}
.tsemid-news-item a {display: block;position: relative;border-top: 2px solid #e4e7ec;}
.tsemid-news-item .data-1 {color: #afabb9;position: relative;padding: 1rem;}
.tsemid-news-item .data-1::before {content: '';width: 4px;height: 4px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #afabb9;}
.tsemid-news-item .text {overflow: hidden;}
.tsemid-news-item .title-1 {margin-top: 2rem;}
.tsemid-news-item a:hover {border-top: 2px solid #3200c8;}
.tsemid-news-item a:hover .pic {transform: scale(1.05);}
.tsemid-news-item a:hover .title-1 {color: #3200c8;}
.tsemid-page {text-align: center;margin-top: 4%;clear: both;}
.tsemid-page a {display: inline-block;vertical-align: middle;width: 4rem;height: 4rem;line-height: 4rem;}
.tsemid-page a i {display: block;background: #f0f2f4;width: 4rem;height: 4rem;position: relative;}
.tsemid-page a i::after {content: '';width: 2rem;height: 2rem;background: url('/static/css/../images/r2.png') center no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.tsemid-page a.prev i::after {transform: translate(-50%,-50%) rotate(-180deg);}
.tsemid-page a span {color: #999;}
.tsemid-page a:hover {background: #3200c8;}
.tsemid-page a:hover span {color: #fff;}
.tsemid-page a.cur span {color: #3200c8;}
.tsemid-page a.cur:hover {background: none;}
.tsemid-page a.prev:hover i,.tsemid-page a.next:hover i {background: #3200c8;}
.tsemid-page a.prev:hover i::after,.tsemid-page a.next:hover i::after {filter: invert(1);}

.tsemid-news-detial {overflow: hidden;margin-top: 10rem;}
.tsemid-news-detial-content {width: 64%;margin: auto;overflow: hidden;padding: 5% 0;}
.tsemid-news-detial-top {overflow: hidden;position: relative;padding: 2% 0;}
.tsemid-news-detial-top::after {content: '';width: 100%;height: 2px;position: absolute;left:0;bottom: 0;background: #e4e7ec;}
.tsemid-news-detial-top::before {content: '';width: 10%;height: 4px;position: absolute;left:0;bottom: 0;background: #3200c8;z-index: 11;}
.tsemid-news-detial-top-left {float: left;width: 10%;position: relative;z-index: 2;}
.tsemid-news-detial-top-right {float: left;width: 78%;padding-left: 2%;padding-top: .5%;}
.tsemid-news-detial-top .data-1{color: #afabb9;}
.tsemid-news-detial-top .class-1{color: #372e50;margin-top: .5rem;}
.tsemid-news-detial-top .title-1{color: #372e50;overflow: hidden;}
.tsemid-news-detial-center {padding: 3% 0;overflow: hidden;position: relative;}
.tsemid-news-detial-text {overflow: hidden;}
.tsemid-news-detial-text img {max-width: 100%;height: auto!important;}
.tsemid-news-detial-bottom {margin-top: 3%;overflow: hidden;}
.tsemid-news-detial-item {float: right;width: 48%;}
.tsemid-news-detial-item:first-child {float: left;}
.tsemid-news-detial-item a {display: block;background: #f0f2f4;padding: 2rem 3rem;position: relative;}
.tsemid-news-detial-item a::after {content: '';width: 0;height: 3px;position: absolute;left: 0;bottom: 0;background: #3200c8;}
.tsemid-news-detial-item .type-1 {color: #372e50;position: relative;}
.tsemid-news-detial-item .type-1 i {width: 2rem;height: 2rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('/static/css/../images/r2.png') center no-repeat;opacity: .5;}
.tsemid-news-detial-item .title-1 {margin-top: 2rem;margin-bottom: 1rem;}
.tsemid-news-detial-item a:hover .type-1,.tsemid-news-detial-item a:hover .title-1 {color: #3200c8;}
.tsemid-news-detial-item a:hover::after  {width: 100%;}
.tsemid-news-detial-item a:hover .type-1 i {opacity: 1;}



/* contact */ 
.tsemid-contact .tsemid-product-banner-text .title-1 strong,
.tsemid-contact .tsemid-product-banner-text .entitle-1 span {color: #fff;}
.tsemid-contact-us {padding: 6.5% 0 2% 0;overflow: hidden;}
.tsemid-contact-us .title-1 strong {font-weight: normal;color: #372e50;}
.tsemid-contact-list {margin-top: 3%;overflow: hidden;display: flex;flex-wrap: wrap;}
.tsemid-contact-item {overflow: hidden;float: left;width: 32%;margin-right: 2%;position: relative;padding: 2.2rem 0;border-top: 1px solid #372e50;}
.tsemid-contact-item.mr0 {margin-right: 0;}
.tsemid-contact-item .title-1 {color: #9b98a4;}
.tsemid-contact-item .text-1 {color: #372e50;margin-top: .5rem;min-height: 3rem;}
.tsemid-contact-map {margin-top: 1%;position: relative;overflow: hidden;}

.tsemid-contact-message {padding: 5% 0;overflow: hidden;}
.tsemid-contact-message-left {float: left;width: 40%;}
.tsemid-contact-message-left .text-2 {margin-top: 5rem;color: #372e50;width: 68%;}
.tsemid-contact-message-right {float: right;width: 45%;overflow: hidden;}
.tsemid-contact-message-from {overflow: hidden;}
.tsemid-contact-message-from .item-1 {overflow: hidden;padding-top: 2rem;}
.tsemid-contact-message-from .input-1,
.tsemid-contact-message-from .textarea-1 {display: block;border: none;background: none;outline: none;width: 100%;box-sizing: border-box;border-bottom: 1px solid #372e50;padding: 1rem 0;}
.tsemid-contact-message-from .textarea-1{min-height: 15rem;}
.tsemid-contact-message-from .input-1:focus {border-bottom: 1px solid #2cd264;}
.tsemid-contact-message-from .contact-send {margin-top: 3rem;}
.tsemid-contact-message-from .contact-send a {float: right;margin-right:0;} 

.tsemid-product-consultation.cur {display: none;}
.tsemid-submitted-successfully {display: none;text-align: center;}
.tsemid-submitted-successfully .icon-1 {margin: 3% auto;width: 10rem;height: 10rem;border-radius: 100%;background: #372e50;position: relative;}
.tsemid-submitted-successfully .icon-1 i {display: block;width: 7rem;height: 7rem;background: url('/static/css/../images/g.png') center no-repeat;background-size: 100%;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.tsemid-submitted-failed {display: none;text-align: center;}
.tsemid-submitted-failed .icon-2 {margin: 3% auto;width: 10rem;height: 10rem;border-radius: 100%;background: #372e50;position: relative;}
.tsemid-submitted-failed .icon-2 i {display: block;width: 7rem;height: 7rem;position: absolute;top: 50%;transform: translate(-50%,-50%) rotate(45deg);left: 50%;}
.tsemid-submitted-failed .icon-2 i::after,
.tsemid-submitted-failed .icon-2 i::before {content: '';width: 90%;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;height: 2px;background: #fff;}
.tsemid-submitted-failed .icon-2 i::after {transform: translate(-50%,-50%) rotate(90deg);}


#baidumap {width: 100%;height: 100%;z-index: 11;position: absolute;left: 0;top: 0;}
#baidumap .anchorBL {display: none;}






 
/* other */ 
 


.tanimation {opacity: 0;transition: opacity .8s ease-in-out,transform .8s cubic-bezier(.215,.61,.355,1);}
.tformY {transform:translateY(160px);}
.tformX {transform:translateX(50%);}
.tformXX {transform:translateX(-50%);}
.tdelay1 {transition-delay: .1s;}
.tdelay2 {transition-delay: .2s;}
.tdelay3 {transition-delay: .3s;}
.tdelay4 {transition-delay: .4s;}


.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share a{position:relative;text-decoration:none;margin-right:10px;display:inline-block;outline:none;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #ccc;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f1f1f1;margin:0;padding:0;}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 4.5rem;height: 4.5rem;position: relative;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;}  
.social-share-icon:hover::after {background: #ea5717;}
.social-share-icon::before {opacity: 1;content: '';width: 4.5rem;height:4.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.social-share-icon::after {z-index: 1;content: '';width: 4.5rem;height:4.5rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) ;background: #292929;border-radius: 100%;}
.icon-share::before{background: url('/static/css/../images/f3.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('/static/css/../images/f3.png') center no-repeat;background-size: 40%;}
.icon-wechat::before  {background: url('/static/css/../images/f4.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('/static/css/../images/f2.png') center no-repeat;background-size: 40%;}   
.icon-weibo::before {background: url('/static/css/../images/f4.png') center no-repeat;background-size: 45%;}   
.icon-facebook::before {background: url('/static/css/../images/f1.png') center no-repeat;background-size: 25%;}   




.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: #000 url('/static/css/../images/r.png') center no-repeat;border-radius: 100%;background-size: 20%; transform: rotate(-90deg);}
.aside-top a:before {font-size: 1.8rem;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.aside-top a:hover { background: #372e50 url('/static/css/../images/r.png') center no-repeat;background-size: 20%;}


@keyframes moveup {100%{transform: translateY(0%);}}
@keyframes bannerp{0%{width: 0;} 100%{width: 100%;}}
@keyframes yuanfangda{0%{transform:translate(-50%,-50%) scale(0.1);opacity:1;}100%{transform:translate(-50%,-50%) scale(1.1);opacity: 0;}}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes turnrotate1{0%{-webkit-transform:translateX(-50%) rotate(360deg);}100%{-webkit-transform:translateX(-50%) rotate(0deg);}}
@keyframes turnrotate2{0%{-webkit-transform:translate(-50%) rotate(360deg);}100%{-webkit-transform:translate(-50%) rotate(0deg);}}
@keyframes turnrotate3{0%{-webkit-transform:translate(-50%) rotate(360deg);}100%{-webkit-transform:translate(-50%) rotate(0deg);}}
@keyframes moveright {50%{width:100%;}100%{width:100%;}}
@keyframes moveright2 {50%{left:100%;}100%{left:100%;}} 
@keyframes logoain1 {30%{mask-position: 0% 10%;-webkit-mask-position: 50% 100%;}70%{mask-position: 60% 50%;-webkit-mask-position: 50% 100%;}90%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;}100%{mask-position: 50% 100%;-webkit-mask-position: 50% 100%;opacity: 0;}} 
@keyframes opacity1 {0%{opacity: 1;}100%{opacity: 0;}} 
@keyframes logoain2 {80%{top: -110%;}100%{top: -110%;}} 
@keyframes opacity2 {100%{opacity: 1;}} 
@keyframes dazhixg {100%{width: 0;}}
@keyframes guanbiao {50%{opacity: 1}}
@keyframes dazhi1{0%{width: 100%;}100%{width: 0%;}}
@keyframes fudong{0%{transform: translateY(0%);}50%{transform: translateY(10%);}100%{transform: translateY(0%);}}
@keyframes fudong2{0%{transform: translate(-50%,0%);}50%{transform: translate(-50%,10%);}100%{transform: translate(-50%,0%);}}
@keyframes xuanzhuan{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes yuanfd1{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: .2;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd2{0%{transform:translate(-50%,-50%) scale(0.1);opacity:0;}50%{transform:translate(-50%,-50%) scale(1);opacity: 1;}100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}
@keyframes yuanfd3{0%{transform:translate(-50%,-50%) scale(0);opacity:0;}50%{transform:translate(-50%,-50%) scale(4);opacity: .2;}100%{transform:translate(-50%,-50%) scale(4);opacity: 0;}}
@keyframes shansuo {0%{opacity: 1}50%{opacity: .4}100%{opacity: 1}}

  



@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) {.tsemid-product-detial-right-content{width: 80%;}}
@media screen and (max-width: 1680px) {
    .header-nav a {font-size:1.6rem}
}
@media screen and (max-width: 1440px) {
    .header-nav a {font-size:1.8rem}
}
@media screen and (max-width: 1366px) {
    .header-nav a {font-size: 2rem}
}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1152px) {
	.tsemid-application-content-right {width: 80%;}
	.tsemid-application-item img.img-block {max-width: 100%;}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {
	.footer-content-left{width: 30%;}
	.header-nav li {margin-left: 2rem;}
	.index-our-application-item .top-1 {position: relative;width: 100%;padding: 10% 0;}
	.index-our-application-bottom {flex-wrap: wrap;} 
	.index-latest-news-item .latest-news-item-content ,.index-latest-news-content .tsemid-title{width: 80%;}
	.tsemid-about-whois .tsemid-about-content,.tsemid-about-whatcanwedo .tsemid-about-content,.tsemid-news-detial-content{width: 90%;}
	.index-technical-leader-item .title-3 {font-size: 4rem;}
	.index-weare-tsemid-content {width: 100%;position: relative;overflow: hidden;}
	.index-technical-leader-item .data-4 {top: 80%;}
	.index-banner-text .title-1 {font-size: 5rem;}
	.tsemid-quality-control-item a {width: 16rem;height: 16rem;}
	.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .text-2 {margin-top: 5%;}
	.tsemid-content-title .title-1 {font-size: 5rem;}
	.tsemid-about-text {margin-top: 10rem;}
	.tsemid-contact-popup {transform: translate(-50%, -1950%);}
	.tsemid-product-detial-left .img-center {margin-top: auto;}
}
@media screen and (max-width: 640px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.menu-toggle {display: inline-block;vertical-align: middle;width: 4rem;line-height: 4rem;text-align: center;} 
	.header-nav {display: none;} 
	.index-banner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
	.index-banner-swiper,.index-banner-swiper .swiper-slide,.index-banner-swiper .swiper-wrapper{height: 100%!important;}
	.index-banner-text {left: 5%;width: 90%;}
	.index-banner-text .title-1 {font-size: 4rem;line-height: 5rem;}
	.index-product,.index-latest-news,.tsemid-product-features,.tsemid-about-history {padding: 15% 0;}
	.index-product-swiper .index-product-item .english-1 span {font-size: 6rem;line-height: 6rem;letter-spacing: 0;word-spacing: normal;word-wrap: break-word;word-break: break-all;}
	.index-product-left {margin-top: 0;}
	.tsemid-about-whois-center .text-2,.tsemid-about-text,.tsemid-planning-layout-right  {margin-top: 5%;}
	.index-our-application-bottom {display: block;margin-top: 3%;}
	.index-our-application-item {width: 100%;margin-bottom: 5%;}
	.index-our-application-item .top-1 {position: relative;padding: 5% 0;}
	.index-our-application-item a:hover .top-1 {padding: 5%;}
	.index-our-application-item .introduce-2 {top: auto;}
	.index-our-application-item .img-block {display: none;}
	.index-our-application-item .pic-3 {position: relative;}
	.index-our-application-item .pic-3 .img-block {display: block;}
	.index-weare-tsemid {width: 100%;height: 100%;} 
	.index-technical-leader {left: 0;width: 100%;bottom: 0;height: 60%;top: auto;}
	.index-iframe {width: 100%!important;height: 40%;}
	.index-technical-leader-content {left: 5%;top: 5%;width: 90%;height: 90%;transform: none;}
	.index-technical-leader-list {position: relative;width: 100%;height: 100%;}
	.index-technical-leader-item {left: 0;width: 100%;top: auto;position: relative;transform: none;}
	.index-technical-leader-item .text-3,.index-latest-news-content .tsemid-title,.index-latest-news-item .latest-news-item-content,
	.tsemid-contact-popup,.tsemid-about-whois .tsemid-about-content,.tsemid-about-whatcanwedo .tsemid-about-content {width: 90%;}
	.index-technical-leader-item .title-3,.tsemid-content-title .title-1,.tsemid-data-item .data-1 strong,.tsemid-data-item .data-1 sup,.tsemid-content-title .title-1 strong {font-size: 4rem;}
	.index-latest-news-center {padding: 5% 0;}
	.index-latest-news-item .latest-news-item-content {display: block;}
	.index-latest-news-item .right-2 {width: 70%;margin-left: 0;margin-top: 3%;padding-left: 20%;}
	.index-latest-news-item .left-1{width: 100%;}
	.footer-content-left,.tsemid-application-content-left,.tsemid-scientific-research-left,.tsemid-scientific-research-right,.tsemid-news-detial-top-left,
	.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .text ,.tsemid-about-whatcanwedo-right,.tsemid-planning-layout-left,.tsemid-contact-message-left,
	.tsemid-after-sale-service-bottom .tsemid-after-sale-service-item .img,.tsemid-about-whois-center .text-1,.tsemid-planning-layout-right,.tsemid-contact-message-right,
	.tsemid-about-whois-center .text-2,.tsemid-about-whatcanwedo-left{float: none;width: 100%;}
	.footer-content-right {display: none;}
	.footer-copy a:last-child {display: block;margin: 1rem 0;}
	.footer-rlink {position: relative;right: auto;top: auto;transform: none;}
	.footer-rlink a {display: block;margin: 0;}
	.footer-link,.tsemid-scientific-research-right {margin-top: 1rem;} 
	.tsemid-product-nav li {width: 28%!important;}
	.tsemid-product-nav span {padding: 2rem 0;}
	.tsemid-product-item.tpi1,.tsemid-product-item {width: 100%;}
	.tsemid-product-detial {padding-top: 7.5rem;background: #eff0f4;}
	.tsemid-product-detial-left {width: 100%;height: 100%;left: auto;top: auto;position: relative;}
	.tsemid-product-detial-right {position: relative;width: 100%;height: 100%;right: auto;top: auto;background: #eff0f4;}
	.tsemid-product-detial-left .img-center {margin-top: auto;}
	.tsemid-product-detial-right-content {position: relative;width: 90%;left: auto;top: auto;transform: none;padding: 5%;}
	.tsemid-product-features-item .text-1.clamp1 {white-space: normal;}
	.tsemid-application-content-right {width: 100%;height: auto;height: auto;position: relative;top: auto;display: none;}
	.tsemid-application-class {width: 100%;height: auto;opacity: 1;transition: none;display: block;margin-bottom: 20%;}
	.tsemid-application-item {opacity: 1;position: relative;right: auto;top: auto;left: auto;}
	.tsemid-application-item img {top: auto;position: relative;}
	.tsemid-application-title {width: 100%;position: relative;top: auto;bottom: auto;}
	.tsemid-product-banner-text ,.tsemid-news-detial-content{width: 90%;}
	.tsemid-quality-control {padding: 0;}
	.tsemid-quality-control .tsemid-about-content {padding: 15% 0;width: 100%;}
	.tsemid-quality-control-item {margin: 1%;}
	.tsemid-quality-control-item a {width: 14rem;height: 14rem;}
	.tsemid-quality-control-bottom::before,.tsemid-quality-control-bottom::after,.tsemid-quality-control-list::after {display: none;}
	.tsemid-after-sale-service-item {float: none;width: 100%;margin-right: 0;margin-bottom: 5%;}
	.tsemid-brand-culture-item,.tsemid-news-item {float: none;width: 100%;margin-right: 0;margin-top: 5%;}
	.tsemid-page a i::after {background-size: 90%;}
	.tsemid-news-detial {margin-top: 7.5rem;}
	.tsemid-news-detial-top-right {float: none;width: 100%;padding-left: 0;padding-bottom: 5%;}
	.tsemid-contact-item {float: none;width: 100%;margin-right: 0;}
	.index-product-swiper .swiper-button-prev ,.index-product-swiper .swiper-button-next,.tsemid-quality-control-item .point-1 {display: none;}
	.tsemid-button {margin-top: 5%;}
	.tsemid-button a {padding: 1.5rem 3rem;}
	.tsemid-button span {font-size: 1.6rem;}
	.index-our-application-item .text-3 {font-size: 1.6rem;}
	.tsemid-product-item .title-1 {font-size: 3rem;}
	.tsemid-product-item .text-1{font-size: 2rem;} 
	.tsemid-product-nav ul {width: 100%;overflow-y: hidden;overflow-x: scroll;white-space: nowrap;font-size: 0;}
	.tsemid-product-nav ul::-webkit-scrollbar {display: none;}
	.footer-contact .botton-4 a {font-size: 0;}
	.footer-content-bottom {padding-top: 10%;}
	.index-technical-leader-content .title-1 {padding-bottom: 5%;}
	.index-technical-leader-item .text-3 {top: 40%;}
	.technical-pagination {right: 5%;}
	.tsemid-application-content-left .tsemid-application-class:last-child .tsemid-application-title {top: auto;}
	.index-gififrame-block {background: #3200c8;}
	.index-banner {margin-top:7.5rem;}
	.img-block.imgwh.mbshow.mbt  {margin-top:7.5rem;}
}

 
 

/* 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 : 1280px) and (orientation : landscape) { 
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}