.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 #001638;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: #001638;}
.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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) 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: #001638;}
.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: #00378c;}


.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: #001638;position: relative;}
.index-product-left .title-1::before {content: '';width:2rem;height: 6.5rem;position: absolute;left: -7%;top:-1rem;background: #00378c;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: #001638;opacity: .6;}
.index-product-list li span::after {content: '';width:0%;height: 2px;position: absolute;left: 0;bottom: -5px;background: #00378c;}
.index-product-list li.cur span{opacity: 1;color: #00378c;}
.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: #001638;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: #001638;}
.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: #00378c;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: #00378c;}
.lineX-2 i{background: #f39700;}
@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: #00378c;}
.liney-ain .liney-1 {height: 10rem;}
.liney-ain .liney-2 i {background: #f39700;}
.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: #00378c;}
.liney-ain2 .liney-1 {height: 20rem;margin-top: 5rem;}
.liney-ain2 .liney-2 i {background: #f39700;}


.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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) 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: #001638;}
.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: #00378c;}
.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: #00378c;}
.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: #001638;}
.index-weare-tsemid-text .entitle-1 strong {color: #00378c;}
.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: #001638;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: #00378c;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: #00378c;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: #001638;}
.technical-pagination .num {width: 10rem;text-align: center;margin-left: -5rem;position: absolute;top: 110%;}






/* product */ 
.tsemid-product {overflow: hidden;position: relative;background: #f7f7f7;}
.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) #00378c;}
.tsemid-product-banner-text .lineX-2 i {background: rgba(55,46,80,.3) #f39700;}
.tsemid-product-banner-text .title-1{margin-top: 5%;}
.tsemid-product-banner-text .title-1 strong {font-weight: normal;color: #001638;}
.tsemid-product-banner-text .entitle-1{color: #001638;opacity: .4;}
.tsemid-product-banner-text .entitle-1 span {color: #001638;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: #00378c;}
.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: 76.5%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    transform: translateX(10px);}
.tsemid-product-item {float: left;width: 24%;overflow: hidden;margin-right: 1%;margin-bottom: 5%;}

.tsemid-product-item.tpi1 {width: 48.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;position: relative;}

.tsemid-product-item .img::before{position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    background: rgba(0, 55, 140, .8);
    z-index: 99;
	transform: translateY(101%);transition: .5s ease;
}
.tsemid-product-item:hover .img::before{
	transform: translateY(0);
}

.olo{position: absolute;top: 20%;left: 0;z-index: 100;color: #fff;padding: 0 2rem;transform: translateY(101%);transition: .5s ease;opacity: 0}
.tsemid-product-item:hover .olo{
	transform: translateY(0);opacity: 1
}
.tsemid-product-item a:hover {border-top: 2px solid #00378c;}
.tsemid-product-item a:hover .img-center {transform: scale(1.05);}
.tsemid-product-item .title-1 {color: #001638;position: relative;margin-bottom: 1rem;}
.tsemid-product-item .title-1::before {content: '';width: 5px;height: 100%;position: absolute;left: -1rem;top: 0;background: #f39700;}
.tsemid-product-item a:hover .title-1::before{left: 0;} 
.tsemid-product-item a:hover .title-1 {color: #00378c;padding-left: 1rem;margin-bottom: 1rem;}
.tsemid-product-item .text {padding: 2rem 0;overflow: hidden;}
.tsemid-product-item .text-1 {color: #666;margin-top: .4rem;font-family: 'nr'}
.tsemid-product-item.cur a {border-top: 2px solid #00378c;}
.tsemid-product-item.cur a .title-1::before{left: 0;} 
.tsemid-product-item.cur a .title-1 {color: #00378c;padding-left: 1rem;margin-bottom: 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: #00378c;}
.tsemid-product-detial-title .model-1 {overflow: hidden;}
.tsemid-product-detial-title .model-1 strong{color: #001638;font-weight: normal;}
.tsemid-product-detial-title .line-1 {margin: 3rem 0;}
.tsemid-product-detial-title .line-1 i {display: block;height: .8rem;background: #f39700;width: 13rem;position: relative;}
.tsemid-product-detial-title .line-1 i::after {content: '';width: 70%;height: 100%;position: absolute;left: 0;top: 0;background: #00378c;}
.tsemid-product-detial-title .text-1 {color: #001638;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: #001638;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: #001638;}
.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: #f39700;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: #001638;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: #00378c;}
.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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) center no-repeat;transform: translate(-50%,-50%) rotate(180deg);}
.features-next::before {background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) 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: #001638;}
.tsemid-popup-mark {background: #001638;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: #f39700;height: .8rem;}
.tsemid-application-title .title-1 i::after {content: '';width: 80%;position: absolute;right: 0;top: 0;background: #00378c;height: .8rem;}
.tsemid-application-title .title-1 strong{font-weight: normal;display: inline-block;vertical-align: middle;margin-left: 1rem;color: #001638;}
.tsemid-application-title .text-1 {margin-top: 1rem;color: #001638;}
.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: #001638;}
.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: #001638;border-top: 1px solid #001638;}
.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: #001638;}
.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: #00378c;}
.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 #00378c;margin-top: 1rem;color: #001638;}

.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: #00378c;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: #001638;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: #00378c;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: #001638;border-top: 2px solid #001638;padding: 3rem 0;overflow: hidden;}
.tsemid-after-sale-service-item .title-1 {color: #001638;} 
.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: #001638;}
.tsemid-content-title .title-1 strong{font-weight: normal;color: #00378c;}
.tsemid-content-title .text-1{color: #bbbac3;}
.tsemid-about-whois-center {padding: 5% 0;overflow: hidden;color: #001638;}
.tsemid-about-whois-center .text-1{float: left;width: 35%;}
.tsemid-about-whois-center .text-2{float: right;width: 50%;border-top: 2px solid #00378c;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: #00378c;}
.tsemid-about-text .title-2 {color: #00378c;}
.tsemid-about-text .text-2 {color: #001638;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: #00378c;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: #00378c;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: #001638;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: #f39700;left: 0;top: 7.6rem;z-index: 2;}
.tsemid-history-item .title-1{color: #001638;}
.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 #001638;}
.tsemid-brand-culture-item .title-1 {color: #001638;}
.tsemid-brand-culture-item .text-1 {color: #c2c1c8;}
.tsemid-brand-culture-item .text-2 {color: #001638;margin-top:2rem;}
.tsemid-brand-culture-item a:hover .text {border-top: 2px solid #00378c;}
.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: #00378c;}
.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 #001638;padding-top: 1%;}
.tsemid-planning-layout-text {overflow: hidden;margin-top: 15%;}
.tsemid-planning-layout-text .data-1 {color: #00378c;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: #001638;}
.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: #001638;}
.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:#00378c;border-radius: 50%;opacity: .05;}
.circle  .txt{color:#001638;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:#00378c;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: #001638;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 #00378c;}
.tsemid-news-item a:hover .pic {transform: scale(1.05);}
.tsemid-news-item a:hover .title-1 {color: #00378c;}
.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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) 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: #00378c;}
.tsemid-page a:hover span {color: #fff;}
.tsemid-page a.cur span {color: #00378c;}
.tsemid-page a.cur:hover {background: none;}
.tsemid-page a.prev:hover i,.tsemid-page a.next:hover i {background: #00378c;}
.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: #00378c;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: #001638;margin-top: .5rem;}
.tsemid-news-detial-top .title-1{color: #001638;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: #00378c;}
.tsemid-news-detial-item .type-1 {color: #001638;position: relative;}
.tsemid-news-detial-item .type-1 i {width: 2rem;height: 2rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IyLnBuZw%3D%3D&b=29) 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: #00378c;}
.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: #001638;}
.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 #001638;}
.tsemid-contact-item.mr0 {margin-right: 0;}
.tsemid-contact-item .title-1 {color: #9b98a4;}
.tsemid-contact-item .text-1 {color: #001638;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: #001638;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 #001638;padding: 1rem 0;}
.tsemid-contact-message-from .textarea-1{min-height: 15rem;}
.tsemid-contact-message-from .input-1:focus {border-bottom: 1px solid #f39700;}
.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: #001638;position: relative;}
.tsemid-submitted-successfully .icon-1 i {display: block;width: 7rem;height: 7rem;background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2cucG5n&b=29) 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: #001638;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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2YzLnBuZw%3D%3D&b=29) center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2YzLnBuZw%3D%3D&b=29) center no-repeat;background-size: 40%;}
.icon-wechat::before  {background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2Y0LnBuZw%3D%3D&b=29) center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2YyLnBuZw%3D%3D&b=29) center no-repeat;background-size: 40%;}   
.icon-weibo::before {background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2Y0LnBuZw%3D%3D&b=29) center no-repeat;background-size: 45%;}   
.icon-facebook::before {background: url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL2YxLnBuZw%3D%3D&b=29) 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(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IucG5n&b=29) 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: #001638 url(browse.php?u=Oi8vd3d3LmludGVybm9yLW1hY2guY29tL3N0YXRpYy95ZG4vc3RhdGljL2ltYWdlL3IucG5n&b=29) 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) {

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

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

}
@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)  {


	.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%;}

	.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) {


	.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%;}
	.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%;}

	.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;}

	.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: #00378c;}
	.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) { 
 
}