/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:PingFang SC,"Source Han Sans",Arial,sans-serif;}
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,"Source Han Sans",Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;/*! background-color: #000; */}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;/*! 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;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:10px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #0097db;}
::-webkit-scrollbar-thumb{background-color:#0097db;box-shadow:inset 1px 1px 0 #0097db,inset 0 -1px 0 #0097db;}




/* header */
.header {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background-color: #fff;}
.header-content {width:96%;height: 100px;margin: auto;position: relative;}
.header-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo a {display: block;background: url('../image/logo.png') center no-repeat;background-size: 100%;}
.header-logo img {opacity: 0; display: inline-block;width: auto;height: auto;}
.header-nav {position: absolute;right:0;top: 0;height: 100%;z-index: 1;text-align: center;}
.header-nav ul {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;}
.header-nav li{display: inline-block;vertical-align: middle;position: relative;}
.header-nav li:nth-child(2) {position: static;}
.header-nav li::after {content: '';width: 5px;height: 10px;display: inline-block;vertical-align: middle;background: url('../image/r.png') center no-repeat;margin: 0 15px;opacity: .14;display: none;}
.header-nav li:last-child::after {display: none;}
.header-nav li a.n1{color: #000;font-size: 17px;line-height: 100px;display: inline-block;position: relative;}
.header-nav li a.n1 span{display: inline-block;line-height: normal;box-sizing: border-box;padding: 5px 20px;}
.header-nav li a.n1:hover span,.header-nav li.cur a.n1 span,.header-nav li.on a.n1 span{background: #0097db;color: #fff!important;}
.header-nav li.cur a.n1,.header-nav li a.n1:hover,.header-nav li.on a.n1 {color: #fff;} 
.header-nav li.cur a.n1 span,.header-nav li a.n1:hover span,.header-nav li.on a.n1 span{color: #000;} 
.header-right {display: inline-block;vertical-align: middle;margin-left: 30px;}
.header-right div {display: inline-block;vertical-align: middle;}
.header-right a.cur{display: block;color: #000;text-align: center;}
.header-right i{display: inline-block;vertical-align: middle;width: 25px;height: 25px;position: relative;background: url('../image/ss2.png') center no-repeat;}
.header-right span{display: inline-block;vertical-align: middle;margin-left: 5px;font-size: 12px;color: #000;}
.header-search i img{opacity: 0;}
.header-search a:hover i {background: url('../image/sss.png') center no-repeat;}
.header-language {margin-left: 15px;position: relative;}
.header-language::before {content: '';width: 1px;height: 16px;background: #000;position: absolute;left: 0;top: 50%;transform: translateY(-50%);opacity: .5;}
.header-language i{background: url('../image/zh.png');}
.header-language a{padding: 0 0px 0 20px;color: #000;}


.header-nav-menu {position: absolute;width: 140px;top: 100px;left:-50px;background: #fff;text-align: left;padding: 10px 15px 20px 15px;display: none;text-align: center;}
.header-nav-menu a {display: block;padding: 5px 0;font-size: 16px;color: #6f6f6f;}
.header-nav-menu a:hover {color: #0097db;}
.header-nav li.cur .header-nav-menu {display: block;}
.header-nav-menu.product {position: fixed;width: 100%;left:0px;padding: 0;border-top: 1px solid #e6e6e6;}
.header-nav-menu.about {position: fixed;width: 100%;left:0px;padding: 0;border-top: 1px solid #e6e6e6;}
.header-nav-product-left {float: left;width:35%;position: relative;}
.header-nav-product-left .text {position: absolute;left: 50%;top: 15%;transform: translateX(-50%);z-index: 11;color: #fff;text-align: left;}
.header-nav-product-left .text .english-2 {text-transform: uppercase;}
.header-nav-product-left .img {background: #0097db;}
.header-nav-product-right {float: left;width:65%;position: relative;}
.header-nav-product-content {padding: 2% 0 0 0;overflow: hidden;width: 80%;margin: auto;}
.header-nav-product-type {text-align: left;overflow: hidden;}
.header-nav-product-type a{padding: 18px 0px;display: block;float: left;width: 31%;margin: 0 3% 2% 0;position: relative;}
.header-nav-product-type a::before {content: '';width:70%;height: 2px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;z-index: 1;}
.header-nav-product-type a::after {content: '';transition:all .4s ease;width:0px;height: 2px;background: #0097db;position: absolute;left: 0;bottom: 0;z-index: 3;}
.header-nav-product-type a:nth-child(3),.header-nav-product-type a:nth-child(6) {margin: 0 0 2% 0;}
.header-nav-product-type .number-1{color: #999;}
.header-nav-product-type .title-7{margin-top: 3%;font-weight: bold;}
.header-nav-product-type .icon-1{position: absolute;width: 17px;height: 10px;background: url('../image/rl1.png') center no-repeat;right: 0;bottom: 30%;z-index: 11;filter:grayscale(100%);opacity: .5;}
.header-nav-product-type a:hover .title-7,.header-nav-product-type a:hover .number-1 {color: #0097db;}
.header-nav-product-type a:hover .icon-1{opacity: 1;filter:grayscale(0);}
.header-nav-product-type a:hover::after {width: 70%;}
.header-nav-technical-support {margin-top: 2%;overflow: hidden;text-align: left;width: 100%;}
.header-nav-technical-support a{display: block;position: relative;color: #fff;padding: 15px 5%;overflow: hidden;background: #fff url('https://www.bestry-tech.com/static/images/navbgt2.png') no-repeat;font-size: 0;width: 48%;float: left;box-sizing: border-box;margin-right: 2%;border: 1px solid #ccc;}
.header-nav-technical-support .icon-1{display: inline-block;vertical-align: middle;width: 40px;height: 40px;position: relative;}
.header-nav-technical-support a:hover .icon-1{mix-blend-mode:color-dodge;filter: invert(1);}
.header-nav-technical-support .title-4{display: inline-block;vertical-align: middle;margin-left: 10px;color: #000;}
.header-nav-technical-support .more-1{font-size: 16px;padding-right: 0px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);color: #000;}
.header-nav-technical-support a:hover .title-4,.header-nav-technical-support a:hover .more-1{color: #fff;}
.header-nav-technical-support a:hover {background: #0097db url('../image/navbgt1.png') no-repeat;}
.header-nav-menu.about .header-nav-product-left {padding: 2%;width:40%;overflow: hidden;box-sizing: border-box;position: relative;}
.header-nav-menu.about .header-nav-product-left::after {content: '';width: 1px;height:80%;background: #ccc;position: absolute;right:0;top:50%;opacity: .3;transform: translateY(-50%);}
.header-nav-menu.about .header-nav-product-left .img {background: none;background-size: cover;width: 90%;}
.header-nav-menu.about .header-nav-product-left .img img {/*! opacity: 0; */display: block;width: 100%;height: auto;}
.header-nav-menu.about .header-nav-product-right {width:55%;height: 100%;}
.header-nav-technical-support a.button-1 {margin-right: 0;background: none;color: #000;border: 1px solid #ccc;}
.header-nav-technical-support a.button-1 .more-1 {color: #4a4a4a;}
.header-nav-technical-support a.button-1:hover .title-4,.header-nav-technical-support a.button-1:hover .more-1{color: #fff;}
.header-nav-technical-support a.button-1:hover {background: #0097db;}



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



.footer {background: #1a1a1a;overflow: hidden;color: #fff;position: relative;padding-top: 3%;}
.footer-contact-top {overflow: hidden;width: 80%;margin: auto;}
.footer-left {float: left;width: 40%;}
.footer-right {float: right;width: 60%;text-align: right;padding-bottom: 3%;}
.footer-nav {overflow: hidden;}
.footer-nav a{display: inline-block;font-size: 17px;color: #fff;margin-left: 40px;}
.footer-nav a:first-child,.footer-nav a:hover  {opacity: 1;}
.footer-nav a:hover {color: #49aa36;}
.footer-contact-center {/*! padding: 1% 0 2% 0; */overflow: hidden;font-size: 16px;color: #525252;width: 80%;margin: auto;}
.footer-contact-center a {color: #999;}
.footer-contact-center a:hover {color: #fff;}
.footer-contact-bottom {font-size: 14px;color: #525252;position: relative;overflow: hidden;width: 80%;margin: auto;padding: 30px 0;border-top: 1px solid #313131;}
.footer-contact-bottom a {color: #fff;opacity: .2;}
.footer-contact-bottom a:hover {color: #fff;opacity: 1;}
.footer-contact-left {float: left;}
.footer-contact-right {float: right;text-align: right;}
.aside-top {position: fixed; width: 70px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 70px;height: 70px;display: block;overflow: hidden; background: #0097db url('../image/up1.png') no-repeat center;border-radius: 100%;}
.aside-top a:hover {background: #0097db url('../image/up1.png') no-repeat center;opacity: 1;}
.footer .aside-top{display: block;position: absolute;bottom:auto;top: 15%;right:3%; }

.guanzhu li{float: left; margin-top: 20px;
  list-style-type: none;
margin-left: 12px;
}

/* index */
.index-swiper,.index-banner-swiper,.index-section {width: 100%;height: 100%;}
.index-swiper .index-pagination {right:3%;}
.index-swiper .index-pagination span{background: #fff;opacity: .5;margin:20px 0!important;width: 6px;height: 6px;position: relative;transition:all .4s ease;}
.index-swiper .index-pagination span::before {content: '';width: 10px;height: 10px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;border-radius: 100%;transition:all .4s ease;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active {opacity: 1;background: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before {opacity: 1;}
.index-swiper .index-pagination.cur span {background: #000;opacity: .2;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active {background: none;opacity: 1;}
.index-swiper .index-pagination.cur span::before {border: 2px solid #0097db;}
.index-swiper .index-pagination.cur span.swiper-pagination-bullet-active::before {opacity: 1;}
.end-slide {height: 288px;}

.index-banner-swiper {position: relative;}
.index-banner-swiper .text {color: #fff;position: absolute;left: 10%;top: 50%;z-index: 111;width: 100%;transform: translateY(-50%);text-shadow: 0 0 10px #0096ff;}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-banner-swiper .line-1 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .text-1 {margin-top: .5%;transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .viewmore-1 {transform:translateY(200px);opacity:0;transition:all 0.9s;margin-top: 3%;}
.index-banner-swiper .viewmore-1 a span {color: #fff;}
.index-banner-swiper .viewmore-1 a:hover span {color: #fff;}
.index-banner-swiper .img .pic {opacity: 1;}
.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 .title-1,
.index-banner-swiper .swiper-slide-active .line-1,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .viewmore-1 {transform:translateY(0px);opacity:1;}

.banner-next,.banner-prev {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;top: auto;bottom: 5%;}
.banner-next:hover,.banner-prev:hover {border: 1px solid rgba(255,255,255,1);}
.banner-next::after,.banner-prev::after {color: #fff;font-size: 12px;}
.banner-next {left: auto;right:30px;}
.banner-prev {left: auto;right:90px;}

.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:6.5%;right:auto!important;left:50%;width: auto;color: #fff;font-family: 'Montserrat-Light';width:auto;transform: translateX(-50%);}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 40px;height: 40px;background: transparent;}
.index-banner-swiper .banner-pagination span::before {content: '';width:8px;height:8px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span::after {content: '';width:32px;height:32px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 4px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #0097db!important;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {opacity: 1;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {opacity: 1;}
.index-banner-swiper .banner-pagination span .content {position: absolute;top: 0;width: 50%;height:100%;margin: 0;padding: 0;overflow: hidden;opacity: 0;transition:all .4s ease;z-index: 11;}
.index-banner-swiper .banner-pagination span .left {left: 0;}
.index-banner-swiper .banner-pagination span .right {right: 0;}
.index-banner-swiper .banner-pagination span .circle {position: absolute;margin: 0;width: 40px;height: 40px;border-radius: 50%;border: 4px solid transparent;transform: rotate(135deg);box-sizing: border-box;}
.index-banner-swiper .banner-pagination span .left-circle {left: 0;border-top-color: #fff;border-left-color: #fff;}
.index-banner-swiper .banner-pagination span .right-circle {right: 0;border-bottom-color: #fff;border-right-color: #fff;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {animation: circleleft 3s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 3s linear forwards;}
@keyframes circleright {
	0% {transform: rotate(135deg);}
	50%,100% {transform: rotate(315deg);}
}
@keyframes circleleft {
	0%,50% {transform: rotate(135deg);}
	100% {transform: rotate(315deg);}
}



.index-roll {position: absolute;left: 3%;bottom: 5%;z-index: 11;animation: updown1 2000ms infinite ease;}
.index-roll span{font-size: 14px;display: block;color: #fff;position: absolute;left:-17px;top: -35px;transform: rotate(90deg);transition:all .4s ease;font-family: 'Montserrat-Light';}
.index-roll i{display: block;width: 1px;height: 40px;background: #fff;margin: auto;transition:all .4s ease;}
@keyframes updown1{0%{bottom: 4%;} 50%{bottom: 5%;}100%{bottom: 4%;}}
.index-roll.cur span {color: #000;}
.index-roll.cur i {background: #000;}



.title-1 {font-size: 50px;font-weight: 900;}
.title-2 {font-size: 30px;font-weight: 500;}
.title-3 {font-size: 16px;font-weight: 400;}
.title-31 {font-size: 34px;font-weight: 900;}
.title-4 {font-size: 20px;font-weight: 400;}
.title-5 {font-size: 26px;font-weight: 900;}
.title-6 {font-size: 24px;font-weight: 500;}
.title-7 {font-size: 18px;font-weight: 500;}
.title-8 {font-size: 22px;font-weight: 500;}
.title-9 {font-size: 34px;font-weight: 500;}
.title-10 {font-size: 60px;font-weight: 900;}
.title-11 {font-size: 32px;font-weight: 500;}
.title-12 {font-size: 28px;font-weight: 500;}
.title-13 {font-size: 52px;font-weight: 500;}
.title-14 {font-size: 14px;font-weight: 500;}
.title-15 {font-size: 40px;font-weight: 900;}
.text-1 {font-size: 24px;line-height: 34px; }
.text-1 span{color: #0097da;}
.text-2 {font-size: 18px;line-height: 30px;}
.text-3 {font-size: 20px;line-height: 44px;font-weight: 900;}
.text-4 {font-size: 15px;line-height: 26px;}
.text-5 {font-size: 40px;line-height: 50px;font-weight: 900;text-shadow: 0 0 10px #0096ff;}
.text-6 {font-size: 18px;line-height: 28px;}
.text-7 {font-size: 24px;line-height: 34px;}
.text-8 {font-size: 24px;line-height: 34px;}
.text-9 {font-size: 16px;line-height: 24px;}
.text-14 {font-size: 14px;line-height: 20px;}
.number-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.number-2 {font-size: 60px;font-family: 'Montserrat-Light';}
.number-3 {font-size: 80px;line-height: 80px;font-family: 'Montserrat-Light';}
.number-4 {font-size: 16px;font-family: 'Montserrat-Light';}
.number-5 {font-size: 40px;font-weight: 600;}
.entitle-1 {font-size: 50px;font-family: 'Montserrat-Bold';}
.english-1 {font-size: 14px;font-family: 'Montserrat-Light';}
.english-2 {font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3 {font-size: 200px;font-family: 'Montserrat-Bold';}
.type-1 {font-size: 14px;}
.date-1 {font-size: 12px;font-family: 'Montserrat-Light';}
.line-1 {width: 50px;height: 3px;margin: 20px 0;background: #fff;}
.line-2 {position: relative;width: 100%;height: 2px;margin: 30px 0;}
.line-2::before,.line-2::after {content: '';height: 2px;background: #fff;position: absolute;left: 0;top: 0;}
.line-2::before {background: #fff;width: 20%;z-index: 1;}
.line-2::after {background: #6db85d;width: 100%;}
.line-3 {width: 27px;height: 3px;margin: 30px auto;background: #0097db;}
.line-4 {width: 22px;height: 4px;margin: 20px 0;background: #ededed;}
.viewmore-1 {margin-top: 5%;}
.viewmore-1 i{display: inline-block;vertical-align: middle;width: 48px;height: 48px;border: 1px solid #fff;border-radius: 100%;margin-right: 15px;background: url('../image/rb2.png') center no-repeat;}
.viewmore-1 span{display: inline-block;vertical-align: middle;font-size: 16px;font-family: 'Montserrat-Light';}
.viewmore-1 a:hover span{color: #0097db;}
.viewmore-1 a:hover i {background: #0097db  url('../image/rb2.png') center no-repeat;border: 1px solid #0097db;}
.viewmore-2 {margin-top: 5%;}
.viewmore-2 i{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border: 2px solid #0097db;border-radius: 100%;margin-right: 10px;background: url('../image/rb2.png') center no-repeat;position: relative;transition:all .4s ease;}
.viewmore-2 i::before,.viewmore-2 i::after {content: '';position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);background: #0097db;}
.viewmore-2 i::before {width: 10px;height: 2px;}
.viewmore-2 i::after {width: 2px;height: 10px;}
.viewmore-2 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #0097db;}
.viewmore-2 a:hover i{transform: rotate(180deg);}
.viewdetails-1 {margin-top: 5%;}
.viewdetails-1 span{display: inline-block;vertical-align: middle;font-size: 14px;font-family: 'Montserrat-Light';color: #999;}
.viewdetails-1 i{display: inline-block;vertical-align: middle;width: 14px;height:10px;margin-left: 15px;background: url('../image/rh1.png') center no-repeat;opacity: .5;display: none;}
.detail-2 {margin-top:2%;font-size: 0;}
.detail-2 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #999;}
.detail-2 i {display: inline-block;vertical-align: middle;width: 14px;height:9px;margin-left: 10px;/*background: url('../../application/images/r1.png') center no-repeat;*/filter: grayscale(100%);opacity: .5;}


.index-product {width: 100%;height: 100%;position: relative;}
.section-content {width: 80%;margin: auto;overflow: hidden;position: relative;}
.index-product .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;}
.index-product-left{float: left;width: 37%;}
.index-product-left .text-2  {color: #666;margin-top: 5%;}
.index-product-nav{margin-top: 5%;}
.index-product-nav a{display: block;position: relative;border-bottom: 1px solid #ededed;padding: 4% 0;overflow: hidden;}
.index-product-nav span{font-size: 20px;}
.index-product-nav i{display: block;font-style: normal;font-size: 16px;color: #999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-family: 'Montserrat-Light';}
.index-product-nav a.cur {border-bottom: 1px solid #0097db;}
.index-product-nav a.cur span,.index-product-nav a.cur i{color: #0097db;}
.index-product-left .viewmore-2 {margin-top: 9%;}
.index-product-right {float: right;width: 57%;}
.index-product-swiper {width: 100%;height: 100%;}
.index-product-swiper .img{position: relative;}


.index-application {width: 100%;height: 100%;position: relative;}
.index-application .section-content {height: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-application .title {position: absolute;top: 20%;left: 0;width: 100%;color: #fff;}
.index-application .text-3 {margin-top: 2%;}
.index-application .text-3 p {margin: 0;padding: 0;}
.index-application-nav {position: absolute;width: 100%;left:0;bottom: 10%;font-size: 0;}
.index-application-nav a{display: inline-block;vertical-align: top;width: 19.111%;margin-right:1%;text-align: left;border: 1px solid rgba(255,255,255,.2);box-sizing: border-box;color: #fff;position: relative;}
.index-application-nav a:last-child {margin-right: 0;}
.index-application-nav .number-1 {position: absolute;left: 10%;top: 10%;}
.index-application-nav .text{position: absolute;left: 10%;bottom: 10%;}
.index-application-nav .english-1 {opacity: .6;}
.index-application-nav .pic img{opacity: 0;}
.index-application-nav a.cur {background: #0097db;}
.index-application-nav a.cur .english-1 {opacity: 1;}
.index-application-nav a.cur img {opacity: 1;}
.index-application-nav.num5 a{width: 19.111%;}
.index-application-nav.num6 a{width: 16%;}
.index-application-nav .index-application-nav-swiper a{width: 100%;}
.iapplication-prev,.iapplication-next {transition:all .4s ease;width: 50px;height: 50px;border: 1px solid rgba(255,255,255,.5);border-radius: 100%;top: 50%;margin-top: -25px;}
.iapplication-next::after,.iapplication-prev::after {color: #fff;font-size: 12px;}
.iapplication-prev {left: auto;right: 70px;}


.index-about {width: 100%;height: 100%;position: relative;}
.index-about .section-content {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-about-content {width: 100%;height: auto;position: relative;background: rgba(0,0,0,.3);overflow: hidden;}
.index-about-content-left {width: 50%;height: 100%;position: absolute;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,.2);border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);overflow: hidden;left: 0;top: 0;}
.index-about-content-left .text {color: #fff;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 11;width: 74%;}
.index-about-content-left .text .title-5{margin: 3% 0;}
.index-about-content-left .text .text-2{opacity: .6;}
.index-about-content-left .text .viewmore-1{margin-top: 10%;}
.index-about-content-left .text .viewmore-1 span {color: #fff;}
.index-about-content-left .text .viewmore-1 a:hover span{color: #0097db;}
.index-about-content-right {float: right;width: 50%;position: relative;box-sizing: border-box;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.index-about-content-right::before,.index-about-content-right::after {content: '';position: absolute;z-index: 11;background: #fff;opacity: .2;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index-about-content-right::before {width: 100%;height: 1px;}
.index-about-content-right::after {width: 1px;height: 100%;}
.index-about-content-item {float: left;width: 50%;position: relative;}
.index-about-content-item a {color: #fff;}
.index-about-content-item .title-3{position: absolute;left: 10%;bottom: 10%;opacity: .6;z-index: 11;}
.index-about-content-item .title-3:first-child {bottom: auto;top: 10%;}
.index-about-content-item .number-2{position: absolute;left: 0;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;z-index: 11;}
.index-about-content-item .number-2 strong{font-weight: bold;}
.index-about-content-item .number-2 sub {font-size: 20px;vertical-align: baseline;}
.index-about-content-item .img {background: none;}
.index-about-content-item .img img{opacity: 0;}
.index-about-content-item a:hover .title-3{opacity: 1;}
.index-about-content-item a:hover .img img.img-block{opacity: 1;}
.index-about-content-item a:hover .img img{opacity: 1;}


.index-news {width: 100%;height: 100%;position: relative;background: #f7f7f7;}
.index-news .section-content  {position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}
.index-news-top {position: relative;padding-bottom: 3%;}
.index-news-top .title{position: relative;overflow: hidden;}
.index-news-top .viewmore-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top:0;} 
.index-news-top .viewmore-1 a i {border: 1px solid #0097db;background: url('../image/rh3.png') center no-repeat;}
.index-news-top .viewmore-1 a span {color: #0097db;}
.index-news-bottom {overflow: hidden;position: relative;}
.index-news-left {float: left;width: 30%;margin-right: 40px;}
.index-news-item {position: relative;width: 100%;height: 100%;}
.index-news-item a{width: 100%;height: 100%;display: block;position: relative;background: #fff;overflow: hidden;}
.index-news-item .text {overflow: hidden;position: relative;margin: 5%;padding-bottom: 7%;}
.index-news-item .type-1 {color: #0097db;}
.index-news-item .date-1 {color: #999999;position: absolute;right: 0;top: 0;}
.index-news-item .title-6 {margin-top: 5%;}
.index-news-item .viewdetails-1 {margin-top: 15%;}
.index-news-item .img {background: none;}
.index-news-left .index-news-item a:hover .title-6,.index-news-left .index-news-item a:hover .viewdetails-1 span{color: #0097db;}
.index-news-left .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-center {width: 32%;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-news-center .index-news-item a {background: #0097db;color: #fff;}
.index-news-center .index-news-item a .type-1,.index-news-center .index-news-item a .date-1 {color: #fff;}
.index-news-center .index-news-item a .text-4,.index-news-center .index-news-item a .date-1,.index-news-center .index-news-item a .type-1 {opacity: .8;}
.index-news-center .index-news-item a .line-2::before{transition: all .4s ease;}
.index-news-center .index-news-item a:hover {background: #54b840;}
.index-news-center .index-news-item a:hover .line-2::before {width: 100%;}
.index-news-center .index-news-item a .text {height: 72%;margin: 14%;}
.index-news-center .index-news-item .viewdetails-1 {position: absolute;bottom: 0;}
.index-news-center .index-news-item .viewdetails-1 span {color: #fff;opacity: .8;}
.index-news-center .index-news-item .viewdetails-1 i {filter: invert(100%);}
.index-news-right {float: right;width: 34%;}
.index-news-right .index-news-item {margin-bottom: 7%;}
.index-news-right .index-news-item:last-child {margin-bottom: 0;}
.index-news-right .index-news-item .img {float: left;width: 50%;}
.index-news-right .index-news-item .text {float: right;width: 46%;padding: 3% 0 0 4%;margin: 0;}
.index-news-right .index-news-item .text .date-1 {position: relative;right: auto;top: auto;}
.index-news-right .index-news-item .text .title-6 {font-size: 16px;}
.index-news-right .index-news-item .viewdetails-1 span {font-size: 12px;}
.index-news-right .index-news-item a {background: none;}
.index-news-right .index-news-item a:hover .img .pic {transform: scale(1.05);}
.index-news-right .index-news-item a:hover .title-6 {color: #0097db;}

.index-product-nav2 {position: absolute;left: 0;bottom: 0;width: 43%;z-index: 1;}
.index-product-nav2 a{display: block;position: relative;overflow: hidden;float: left;width: 50%;box-sizing: border-box;border: 1px solid #ededed;}
.index-product-nav2 .text{position: absolute;left: 10%;top: 15%;z-index: 11;width: 80%;height: 70%;}
.index-product-nav2 .text strong{font-size: 26px;margin: 0;padding: 0;font-weight: 500;}
.index-product-nav2 .text span{display: block;font-size: 14px;color: #cccccc;font-family: 'Montserrat-Regular';}
.index-product-nav2 .text i{display: block;font-style: normal;font-size: 16px;color: #cccccc;position: absolute;right: 0;top: 10%;font-family: 'Montserrat-Regular';}
.index-product-nav2 .text::before {content: '';width: 14px;height: 9px;position: absolute;right: 0;bottom:0;z-index: 11;background: url('../image/r8.png') center no-repeat;}
.index-product-nav2 .pic{position: relative;background-color: #f8f8f8;}
.index-product-nav2 .pic img{opacity: 0;}
.index-product-nav2 a.cur .pic{background-color: #49aa36;}
.index-product-nav2 a.cur .pic img{opacity: 1;}
.index-product-nav2 a.cur .text::before {filter: invert(100%);}
.index-product-nav2 a.cur .text strong,.index-product-nav2 a.cur .text span{color: #fff;}
.index-product-nav2 a.cur .text i{color: #fff;}


/* product */
.page-section-banner {position: relative;width: 100%;overflow: hidden;color: #fff;}
.page-section-banner .text{position: absolute;width: 40%;left: 10%;top: 40%;z-index: 11;transform: translateY(-50%);}
.page-section-banner .text .title {overflow: hidden;}
.page-section-banner .text .title .text-5{margin-top: 2%;}
.page-section-banner .text .title .text-5 strong{color: #fff;}
.page-section-banner .date {position: absolute;width: 50%;right: 10%;top: 35%;z-index: 11;transform: translateY(-5%);text-align: right;}
.page-section-banner .date .item-1{display: inline-block;min-width: 24%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.4);padding:1% 0;overflow: hidden;margin-left: 20px;}
.page-section-banner .date .item-1 .number-3{display: inline-block;vertical-align: top;}
.page-section-banner .date .item-1 .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left: 20px;}
.page-section-banner .img .pic{animation: srmgani 4000ms 1 ease forwards;}

.page-section-banner .text.none,.page-section-banner .date.none{display: none;}

.section-banner-nav {position: absolute;width: 80%;left: 10%;bottom:7%;z-index: 11;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);}
.section-banner-nav a{display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;color: #fff;opacity: .8;padding: 1.5% 0; font-weight: bold}
.section-banner-nav a.cur,.section-banner-nav a.cur:hover{opacity: 1;color: #000;}
.section-banner-nav a:hover {color: #0097db;opacity: 1;}

.section-banner-top-nav {position: fixed;top:0px;left: 0;width: 100%;z-index: 11111;transform: translateY(-100px);transition:all .4s ease;
	background: #fff;bottom: auto;text-align: center;border-top: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);}
.section-banner-top-nav a {color: #666;display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;padding: 1.5% 0;position: relative;}
.section-banner-top-nav a::after{content: '';width: 0px;height: 1px;background: #0097db;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.section-banner-top-nav a.cur {color: #0097db;}
.section-banner-top-nav a.cur::after {width: 100%;}
.section-banner-top-nav a:hover::after {width: 100%;}
.section-banner-top-nav.position-fixed {transform: translateY(0px);}


 

.page-section-path {position: absolute;left: 2%;top: 12%;z-index: 11;}
.page-section-path a{font-size: 12px;color: #fff;display: inline-block;vertical-align: middle;padding: 2px 15px;border: 1px solid rgba(255,255,255,.2);border-radius: 50px;}
.page-section-path span {margin: 0 4px;display: inline-block;vertical-align: middle;font-size: 12px;color: #fff;font-family: Arial, Helvetica, sans-serif;}
.page-section-path a:hover {border: 1px solid rgba(255,255,255,1);}
.page-path .page-section-path a.cur {border: none;padding: 2px 10px;}
.page-section-path.top15 {top: 21%;}

.page-product {padding: 2% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-product .title-9 {text-align: center;}
.page-product-list {margin-top: 3%;}
.product-item {float: left;width: 32.3%;margin-right: 1%;margin-bottom: 1%;}
.product-item a {display: block;overflow: hidden;}
.product-item a:hover {box-shadow: 0px 0px 50px 0px rgba(136, 136, 136, 0.2);}
.product-item.mr0 {margin-right: 0;}
.product-item .img{background: none;}
.product-item .text {overflow: hidden;padding: 5% 5%;background: #fff;}
.product-item .text .title-8{position: relative;padding: 2% 0;border-bottom: 1px solid transparent;}
.product-item .text .title-8::after {content: '';width: 17px;height: 10px;background: url('../image/rl1.png');top: 50%;z-index: 11;transform: translateY(-50%);position: absolute;right: 5%;transition:all .4s ease;opacity: 0;display: none;}
.product-item .text .text-2{color: #999999;padding: 1% 0;min-height: 49px;}
.product-item a:hover .pic {transform: scale(1.05);}
.product-item a:hover .title-8{color: #0097db;}
.product-item a:hover .title-8::after {right: 0;opacity: 1;}

.product-title {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;color: #fff;}
.product-title .title {position: relative;}
.product-title .title .title-10{position: absolute;left: 0;bottom: 0;width: 100%;}
.product-title .title .english-3{text-transform: uppercase;line-height: 170px;}
.product-title .title .english-3 span {opacity: .1;}
.product-title .title-7{margin-top: .5%;}
.product-title .linkurl-1 {margin-top: 2%;}
.product-title .linkurl-1 a {width: 160px;line-height: 60px;text-align: center;background: #0097db;color: #fff;font-size: 16px;display: block;margin: auto;}
.product-date {margin-top: 5%;}
.product-date li{list-style: none;display: inline-block;vertical-align: middle;position: relative;overflow: hidden;padding: 0 3%;}
.product-date li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.product-date li:last-child::after {display: none;}
.product-date h3{font-weight: normal;margin: 0;padding: 0;display: block;}
.product-date strong{font-weight: normal;margin: 0;padding: 0;display: inline-block;vertical-align: middle;font-size: 36px;font-family: 'Montserrat-Light';}
.product-date sub{display: inline-block;vertical-align: middle;font-size: 18px;font-family: 'Montserrat-Light';margin-top: 8px;margin-left: 10px;}
.product-date p{display: block;font-size: 16px;opacity: .6;padding: 5px 0;margin: 0;}
.product-date.num4 li {width: 7%;}      

.page-product-characteristic {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-characteristic-top{overflow: hidden;position: relative;}
.product-characteristic-top .title{position: relative;}
.product-characteristic-bottom {margin-top: 4%;overflow: hidden;}
.product-characteristic-swiper {position: relative;}
.product-characteristic-swiper .img{background: #fff;position: relative;}
.product-characteristic-swiper .img img {opacity: 0;transform: scale(2);}
.product-characteristic-swiper .text {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 11;text-align: center;}
.product-characteristic-swiper .text .icon-1{position: relative;border: 2px solid #e8e8e8;border-radius: 4px;width: 88px;height: 88px;margin: auto;}
.product-characteristic-swiper .text .title-8{line-height: 20px;}
.product-characteristic-swiper .img::before {content: '';width: 100%;height: 4px;background: #0097db;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide * {transition:all .4s ease;}
.product-characteristic-swiper .swiper-slide:hover .img::before{height: 100%;opacity: 0;}
.product-characteristic-swiper .swiper-slide:hover .img {background: #0097db;}
.product-characteristic-swiper .swiper-slide:hover .img img {opacity: 1;transform: scale(1);}
.product-characteristic-swiper .swiper-slide:hover .icon-1 img{filter: invert(100%);}
.product-characteristic-swiper .swiper-slide:hover .title-8 {color: #fff;}
.product-characteristic-swiper .swiper-slide:hover .line-3  {background: #fff;}
.characteristic-prev,.characteristic-next {left: auto;right: 0;width: 50px;height: 50px;margin-top: -25px;border-radius: 100%;background: #fff;transition:all .4s ease;}
.characteristic-prev::after,.characteristic-next::after {font-size: 12px;color: #000;}
.characteristic-prev {right: 60px;}
.characteristic-prev:hover,.characteristic-next:hover {background: #d9b982;}
.characteristic-prev:hover::after,.characteristic-next:hover::after {color: #fff;}

.page-product-application {padding: 7% 0;overflow: hidden;}
.page-product-application .section-content{width: 100%;}
.product-application-left {float: left;width: 50%;}
.product-application-swiper {overflow: hidden;}
.product-application-swiper .swiper-slide-active .img .pic{animation: fangda2 4000ms 1 ease forwards;}
.product-application-right {float: left;width: 36%;padding-left: 5%;position: relative;}
.product-application-right .title .entitle-1 {margin-top: 5%;}
.application-list {overflow: hidden;padding: 3% 0;margin-top: 5%;}
.application-item {float: left;width: 48%;margin-right: 1.5%;margin-bottom: 1.5%;}
.application-item.mr0 {margin-right: 0;}
.application-item a{display: block;border: 1px solid #f4f4f4;position: relative;overflow: hidden;cursor: pointer;}
.application-item .title{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;}
.application-item .number-4{position: absolute;left: 10%;top: 15%;width: 80%;}
.application-item .title-4{position: absolute;left: 10%;bottom: 15%;width: 80%;}
.application-item .img {background: #fff;}
.application-item img{opacity: 0;}
/* .application-item a:hover .title-4,.application-item a:hover .number-4{color: #fff;}
.application-item a:hover img{opacity: 1;}
.application-item a:hover .img {background: #0097db;} */
.application-item.cur .title-4,.application-item.cur .number-4{color: #fff;}
.application-item.cur img{opacity: 1;}
.application-item.cur .img {background: #0097db;}

.page-product-download {background: #f7f7f7;padding: 7% 0;overflow: hidden;}
.product-download-top{overflow: hidden;position: relative;}
.product-download-top .title{position: relative;}
.product-download-bottom {margin-top: 4%;overflow: hidden;}
.product-download-swiper {position: relative;}
.product-download-swiper a{display: block;position: relative;overflow: hidden;}
.product-download-swiper .title {position: absolute;left: 10%;top: 15%;width: 80%;z-index: 11;}
.product-download-swiper .type-1 {color: #0097db;}
.product-download-swiper .title-6 {margin-top: 3%;}
.product-download-swiper .download-1 {position: absolute;left: 10%;bottom: 15%;z-index: 11;padding-right: 30px;background: url('../image/d.png') right center no-repeat;}
.product-download-swiper .img {background-color: #fff;position: relative;}
.product-download-swiper .img::before{content: '';background: url('../image/pdf.png') center no-repeat;background-size: 100%;position: absolute;left: 25%;top: 0;width: 100%;height: 100%;z-index: 10;transition:all .4s ease;}
.product-download-swiper .img img{opacity: 0;}
.product-download-swiper a:hover .img::before{background-size: 60%;}
.product-download-swiper a:hover .title-6 ,.product-download-swiper a:hover .download-1 {color: #0097db;}

.page-product-detail-pic {overflow: hidden;}
.page-product-detail-pic img {display: block;max-width: 100%;height:auto;}

.page-product-specifications {padding: 5% 0;overflow: hidden;}
.page-product-specifications-top {text-align: center;}
.page-product-specifications-bottom {padding-top: 5%;font-size: 22px;color: #999999;}
.page-product-specifications-bottom img {display: block;max-width: 100%;height:auto;}


.page-data-parameter {padding: 5% 0;background: #fff}
.page-data-parameter .section-content {overflow: hidden;}
.parameter-bottom-pic {position: relative;overflow: hidden;padding: 3% 0;}
.parameter-bottom-pic img{max-width: 100%;height: auto;width: auto;}



/* application */
.page-application-area {padding: 5% 0;overflow: hidden}
.application-area-list {overflow: hidden;}
.application-area-item {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
.application-area-item.mr0 {margin-right: 0;}
.application-area-item a{display: block;}
.application-area-item .text{padding: 3% 0;}
.application-area-item .title-8{border-bottom: 1px solid #ededed;padding-bottom: 2%;}
.application-area-item .text-2{padding-top: 2%;color: #999999;}
.application-area-item .detail-2{margin-top: 2%;position: relative;padding-bottom: 10px;display: inline-block;}
.application-area-item .detail-2::after {content: '';width: 0px;height: 1px;background: #0097db;position: absolute;left: 0;bottom: 0;transition:all .4s ease;}
.application-area-item a:hover .img .pic{transform: scale(1.05);}
.application-area-item a:hover .title-8,.application-area-item a:hover .detail-2 span{color: #0097db;}
.application-area-item a:hover .detail-2::after {width: 100%;}
.application-area-item a:hover .detail-2 i {filter: grayscale(0);opacity: 1;}

.page-path {margin-top: 110px;}
.page-path .page-section-path{position: relative;left: auto;top: auto;padding: 1% 0;width: 96%;margin: auto;}
.page-path .page-section-path a {color: #000; border: 1px solid rgba(0,0,0,.2);}
.page-path .page-section-path span {color: #666;}

.page-application-detail {width: 96%;margin: auto;padding: 1% 0;overflow: hidden;}
.application-detail-top-pic {position: relative;}
.application-detail-top-pic-swiper {position: relative;}
.application-detail-top-pic-swiper .pic{overflow: hidden;opacity: 0;}
.application-detail-top-pic-swiper .swiper-slide-active .pic{animation: fangda2 4000ms 1 ease forwards;opacity: 1;}
@keyframes fangda2{0%{transform:scale(1);} 100%{transform:scale(1.05);}}
.application-prev {left: 2%;}
.application-next {right: 2%;}
.application-prev::after,.application-next::after {font-size: 16px;color: #fff;}
.application-pagination {bottom: 5%!important;}
.application-pagination span{background: #fff;opacity: 1;width: 4px;height: 4px;margin: 0 5px!important;}
.application-pagination .swiper-pagination-bullet-active {background: #0097db;}
.application-text {position: absolute;left: 10%;top: 50%;z-index: 11;color: #fff;display: inline-block; border-bottom: 1px solid rgba(255,255,255,.4);padding: 1% 0;}
.application-text .number-3 {display: inline-block;vertical-align: top;}
.application-text .title-3 {display: inline-block;vertical-align: top;margin-top: 5%;margin-left: 10px;}

.application-detail-main {width: 80%;margin: auto;padding: 2% 0;overflow: hidden;}
.application-detail-main-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.application-detail-main-top .return-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-main-top .return-1 a{font-size: 16px;display: block;background: #f8f8f8;width: 140px;height: 47px;line-height: 47px;display: inline-block;text-align: center;border-radius:100px;color: #505050;}
.application-detail-main-top .return-1 a:hover {background: #0097db;color: #fff;}
.application-detail-center {position: relative;overflow: hidden;padding:3% 0;border-bottom: 1px solid #ededed;}
.application-detail-left {float: left;width: 10%;}
.application-detail-right {float: left;width: 90%;overflow: hidden;}
.application-detail-main-center{font-size: 18px;line-height: 26px;color: #505050;position: relative;overflow: hidden;}
.application-detail-main-center img {max-width: 100%;width:auto;height: auto;}
.application-detail-main-bottom {overflow: hidden;padding: 3% 0;}
.application-detail-main-bottom a{display: block;border-bottom: 1px solid #ededed;padding:3% 0;overflow: hidden;}
.application-detail-main-bottom span {display: inline-block;vertical-align: middle;font-size: 16px;color: #bebebe;}
.application-detail-main-bottom strong {display: inline-block;vertical-align: middle;font-size: 28px;color: #202020;margin-left: 2%;}
.application-detail-main-bottom a:hover {border-bottom: 1px solid #0097db;}
.application-detail-main-bottom a:hover strong {color: #0097db;}
.application-detail-bottom {padding: 3% 0;overflow: hidden;}
.application-detail-bottom-top {position: relative;}
.application-detail-bottom-top a {display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.application-detail-bottom-top a:hover {color: #0097db;}
.application-other {overflow: hidden;}
.application-detail-share {position: absolute;left: 0;top: 5%;z-index: 11;}
.application-detail-share a{display: block;position: relative;width: 70px;height: 70px;background: #f8f8f8;margin-bottom: 2px;}
.application-detail-share img {opacity: 1;filter: invert(100%);opacity: .2;}
.application-detail-share a:hover {background: #0097db;}
.application-detail-share a:hover img{filter: invert(0);opacity: 1;}



/* advantages */
.page-section-banner.advantages .text {width: 80%;}
.page-section-banner.advantages .text .date{right:auto;left: auto;top: auto;transform: none;bottom:auto;text-align: left;position: relative;margin-top: 4%;width: 100%;}
.page-section-banner.advantages .text .date .item-1 {min-width: 18%; margin-left: 0px;margin-right: 20px;}
.page-advantages {padding: 5% 0;overflow: hidden;}
.advantages-top {padding-bottom: 2%;position: relative;overflow: hidden;border-bottom: 1px solid #ededed;}
.advantages-top .title-3{color: #999999;}
.technological-innovation {overflow: hidden;}
.technological-innovation .title{text-align: center;}
.technological-innovation .title-2{color: #50514a;font-weight: 900;}
.technological-innovation-list {padding: 2% 0 0 0;overflow: hidden;text-align: center;}
.technological-innovation-item {float: left;width: 48%;overflow: hidden;}
.technological-innovation-item:last-child {float: right;}
.technological-innovation-item .text{padding: 4% 0;overflow: hidden;}
.technological-innovation-item .line-5{height: 20px;width: 1px;margin: 10px auto;background: #0097db;}
 .technological-innovation-item .text-2{/*border: 1px solid #fff;margin-top: 3%;*/overflow: hidden;padding: 4% ;color: #50514a;line-height: 30px;min-height: 190px;} 

.page-throughput {padding: 5% 0 5% 0;overflow: hidden;background-size: cover;}
.throughput-content {text-align: center;}
.throughput-content .title-2{color: #50514a;font-weight: 900;}
.throughput-content-list {text-align: center;}
.throughput-item {margin: 2% 2% 0 2%;display: inline-block;vertical-align: top;padding: 0 .5%;max-width: 16%;transition:all .4s ease;}
.throughput-item .icon{position: relative;width: 170px;height: 170px;margin: auto;background: url('../image/hw.png') center no-repeat;background-size: 100%;}
.throughput-item .title-4{margin-top: 40px}
.throughput-item .text-2{margin-top: 30px;}
.throughput-item:hover {margin: 0 2% 2% 2%;}

.throughput-content-item4 {overflow: hidden;width: 80%;margin: auto;padding-bottom: 6%;position: relative;}
.throughput-content-pic {overflow: hidden;}
.throughput-content-pic-swiper {overflow: hidden;}
.throughput-content-pic-swiper .img{position: relative;overflow: hidden;}
.throughput-content-pic-swiper .img img{display: block;}
.throughput-content-text {position: absolute;width: 76%;bottom: 0;right: 0;z-index: 11;}
.throughput-content-text-item  {width: 25%;float: left;position: relative;overflow: hidden;}
.throughput-content-text-item::after{content: '';width: 100%;height:10px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 111;opacity: .2;}
.throughput-content-text-item a {display: block;overflow: hidden;position: relative;}
.throughput-content-text-item a::after{content: '';width: 1px;height: 100%;background: #eaeaea;position: absolute;right: 0;top: 0;z-index: 1;}
.throughput-content-text-item .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;font-size: 20px;z-index: 11;text-align: left;padding: 10%;box-sizing: border-box;}
.throughput-content-text-item .num-1{color: #cccccc;font-size: 20px;font-family: 'Montserrat-Regular';}
.throughput-content-text-item .title-2{color: #50514a;font-size: 20px;margin: 14% 0;min-height: 60px;}
.throughput-content-text-item .text-3{color: #50514a;font-size: 15px;line-height:24px;font-weight: normal;}
.throughput-content-text-item .img {background: #fff;}
.throughput-content-text-item .img img {opacity: 0;}
.throughput-content-text-item.cur .title-2,.throughput-content-text-item.cur .text-3,.throughput-content-text-item.cur .num-1{color: #fff;}
.throughput-content-text-item.cur .num-1 {opacity: .3;}
.throughput-content-text-item.cur .img{background: #0097db;}
.throughput-content-text-item.cur .img img {opacity: 1;}



.page-market-layout {padding: 5% 0;overflow: hidden;}
.market-layout-content {text-align: center;}
.market-layout-content .title {color: #50514a;}
.market-layout-content .date{margin-top: 2%;}
.market-layout-content .item-1{display: inline-block;min-width: 15%;text-align: left;border-bottom: 1px solid #eaeaea;padding:1% 0;overflow: hidden;margin-left: 20px;}
.market-layout-content .number-3{color: #59b746;display: inline-block;vertical-align: top;}
.market-layout-content .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left: 10px;}
.market-layout-content .title-3 span{color: #0097db;}
.market-layout-content .img {background: none;position: relative;padding: 4% 0;}
.market-layout-content .img .pic {display: inline-block;position: relative;}
.market-layout-content .img .pic img {display: inline-block;width: auto;}
.market-layout-content .img .dian-1 {position: absolute;width: 70px;left: 0;top: 0;z-index: 11;}
.market-layout-content .img .dian-1 i{display: block;min-width: 40px;min-height: 40px;position: relative;}
.market-layout-content .img .dian-1 i img {position: relative;z-index: 11;}
.market-layout-content .img .dian-1 i::before,.market-layout-content .img .dian-1 i::after {content: '';width: 53px;height: 20px;position: absolute;left: 50%;bottom: 0;background: url('../image/yuan.png') center no-repeat;background-size: 100%;transform: translateX(-50%);opacity: 0;}
.market-layout-content .img .dian-1 i::before {animation: dianfanda 4000ms ease infinite;}
.market-layout-content .img .dian-1 i::after {animation: dianfanda1 6000ms ease infinite;animation-delay:4000ms;}
.market-layout-content .img .dian-1 span{display: block;font-size: 16px;color: #50514a;padding:4px 0;}
.market-layout-content .img .dian-1.cur i{padding-bottom: 5px;}
.market-layout-content .img .dian-1.dian1 {left: 62%;top: 29%;}
.market-layout-content .img .dian-1.dian2 {left: 26%;top: 28%;}
.market-layout-content .img .dian-1.dian3 {left: 46%;top: 31%;}
.market-layout-content .img .dian-1.dian4 {left: 84%;top: 33%;}
.market-layout-content .img .dian-1.dian5 {left: 79%;top: 45%;}
.market-layout-content .img .dian-1.dian6 {left: 72%;top: 62%;}
@keyframes dianfanda{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(2);opacity: 0;}}
@keyframes dianfanda1{0%{transform:translateX(-50%) scale(0);opacity: 1;} 100%{transform:translateX(-50%) scale(1);opacity: .8;}}

.linesvg {z-index: 8;position: absolute;}
.linesvg svg {width: 100%;display: block;height: auto;}
.linesvg-1 {width: 408.5px;height: 81.5px;right: 33%;top: 25%;}
.linesvg-2 {width: 183.5px;height: 45.5px;right: 34%;top: 33%;}
.linesvg-3 {width: 111.5px;height: 125.5px;left: 65%;top: 40%;}
.linesvg-4 {width: 182.5px;height: 60.5px; left: 65%;top: 39%;}
.linesvg-5 {width: 227.5px;height: 29.5px; left: 66%;top: 35%;}
.path {stroke-dashoffset: 1000;stroke-dasharray: 1000;stroke-width: 1px;stroke:rgb(89, 183, 70); }
.pathdash1 .path{animation: dash1 3000ms linear infinite;}
@keyframes dash {from {stroke-dashoffset: 0;}to{stroke-dashoffset: 1000;}}
@keyframes dash1 {100% {stroke-dashoffset: 0;}}
/* stroke-dasharray: 4 2; */



/* about */
.page-baitu-shares {padding: 4% 0 0 0;overflow: hidden;}
.page-baitu-shares .section-content {overflow: visible;}
.baitu-shares-top {border-bottom: 1px solid #ededed;padding: 1.5% 0;overflow: hidden;position: relative;}
.baitu-shares-top .title-3{color: #999999;}
.page-baitu-shares .img{background: none;background-size: cover;}
.baitu-shares-center {padding: 3% 0;}
.baitu-shares-center-left {float: left;width: 45%;}
.baitu-shares-center-left .text{margin-top: 10%;}
.baitu-shares-center-left .text-7{color: #666666;}
.baitu-shares-center-left .text-7 strong{font-weight: normal;font-family: 'Montserrat-Regular';color: #a7ab86;}
.baitu-shares-center-right {float: right;width: 48%;position: relative;padding: 0 5%;margin-right: -5%;}		
.yuanshu-1 {position: absolute;width: 100%;height: 100%;left: 0;top: 35%;z-index: 11;}
.baitu-shares-bottom {clear: both;padding: 3% 0;}
.baitu-shares-bottom-left {float: left;width: 30%;position: relative;padding: 0 5%;margin-left: -5%;}
.baitu-shares-bottom-right {float: right;width: 65%;}
.baitu-shares-bottom-right .text{margin-top: 10%;}
.baitu-shares-bottom-right .text-6{color: #a0a0a0;}
.baitu-shares-bottom-right .text-7 {color: #666666;}
.baitu-shares-bottom-right .text-7 strong{font-weight: normal;font-family: 'Montserrat-Regular';color: #a7ab86;}
.yuanshu-2 {position: absolute;width: 45%;height: auto;left: 0;top: -15%;z-index: 11;}
.clear-bottom {clear: both;width: 100%;height: 100px;}

.page-about-date {position: relative;width: 100%;height: 100%;}
.bout-date-list {position: absolute;width: 80%;left: 10%;top: 50%;text-align: center;transform: translateY(-50%);z-index: 11;}
.bout-date-list .index-about-content-item {width: 24%;display: inline-block;margin: 0 .1%;float: none;}
.bout-date-list .index-about-content-item a {display: block;background: rgba(0,0,0,.3);}

.page-about-strength {padding: 5% 0;overflow: hidden;}
.about-strength-left {float: left;width: 40%;}
.about-strength-left .text-6 {color: #a0a0a0;margin-top: 15%;}
.about-strength-right  {float: right;width: 50%;}
.about-strength-list {overflow: hidden;text-align: right;font-size: 0;}
.about-strength-item {width: 49%;margin-left: 5px;margin-bottom: 5px;display: inline-block;}
.about-strength-item a{display: block;border: 1px solid #ededed;position: relative;}
.about-strength-item .icon-1 {position: relative;width: 165px;height: 165px;overflow: hidden;}
.about-strength-item .title-7 {position: absolute;right: 10%;top: 13%;color: #a7ab86;width: 30%;text-align: right;}
.about-strength-item .text-6 {position: absolute;right: 10%;bottom:13%;}
.about-strength-item a:hover {border: 1px solid #0097db;}			
.about-strength-item a:hover .title-7,.about-strength-item a:hover .text-6 {color: #0097db;}

.page-about-honor {padding: 5% 0 4% 0;overflow: hidden;background: url('../image/bg3.jpg') center no-repeat;background-size: cover;}
.about-honor-left{float: left;width: 40%;}
.about-honor-left .img{background: none;}
.about-honor-right{float: right;width: 50%;}
.about-honor-right .text-6{color: #a0a0a0;margin-top: 3%;letter-spacing:1px}
.about-honor-right .text-8{color: #666666;position: relative;padding: 5% 0;overflow: hidden;margin-top: 3%;letter-spacing:2px}
.about-honor-right .text-8 strong {color: #0097db;}
.about-honor-right .text-8::before,.about-honor-right .text-8::after {content: '';width: 20px;height: 19px;position: absolute;z-index: 11;}
.about-honor-right .text-8::before {background: url('../image/syh1.png') center no-repeat;left: 0;top: 0;}
.about-honor-right .text-8::after {background: url('../image/syh2.png') center no-repeat;right: 0;bottom: 0;}

.affiliated-enterprises {padding: 5% 0;overflow: hidden;}
.affiliated-enterprises .title{text-align: center;}
.affiliated-enterprises .title-13{color: #a7ab86;}
.affiliated-enterprises .text-2{color: #a0a0a0;margin: auto;margin-top: 3%;width: 80%;}
.affiliated-enterprises-content {overflow: hidden;position: relative;}
.affiliated-enterprises-left {background: #f8f8f8;padding: 5% 10%;float: left;width: 50%;margin-top: 5%;}
.affiliated-enterprises-left .text{width: 70%;}
.affiliated-enterprises-left .title-12{color: #1a1a1a;}
.affiliated-enterprises-left .text-6{color: #666666;margin-bottom: 4%;}
.affiliated-enterprises-left .text-2{color: #a0a0a0;text-align: justify;min-height: 300px;}
.affiliated-enterprises-right {position: absolute;width: 40%;right: 5%;top: 0;padding: 0 3%;height: 100%;z-index: 11;}
.affiliated-enterprises-right .img{background-repeat: no-repeat;background-position: center;}
.affiliated-enterprises-right .pic {margin-top: 30%;}
.affiliated-enterprises-right .yuanshu-1{top: 25%;} 
.affiliated-enterprises-right .yuanshu-3{overflow: hidden;}
.yuanshu-3{position: absolute;width: 100%;height: auto;left: 0;top: 10%;z-index: 11;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left{float: right;margin-top: 5%;}
.affiliated-enterprises-content.fr .affiliated-enterprises-left .text {float: right;}
.affiliated-enterprises-content.fr .affiliated-enterprises-right {right: auto;left: 7%;}
/*.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 70%;}*/

.baitu-history-content {overflow: hidden;}
.history-content {width: 80%;margin: auto;position: relative;padding-bottom: 5%;}
.history-swiper {position: relative;}
.history-item {text-align: center;}
.history-item .number-5{color: #0097db;margin-top: 23%;}
.history-item .img{opacity: 0;width: 50%;margin: 5% auto;}
.history-item .title-4{opacity: 0;color: #646464;font-weight: 900;margin: 2% 0;}
.history-swiper .swiper-slide-active .number-5{font-size: 250px;line-height: 260px;margin-top:0;letter-spacing: -10px;}
.history-swiper .swiper-slide-active .img{opacity: 1;}
.history-swiper .swiper-slide-active .title-4{opacity: 1;}
.history-prev,.history-next {width: 48px;height: 48px;border: 2px solid #a7ab86;border-radius: 100%;margin-top:auto;top: 20%;transition:all .4s ease;}
.history-prev::after,.history-next::after {font-size: 16px;color: #a7ab86;transition:all .4s ease;}
.history-prev:hover,.history-next:hover  {border: 2px solid #0097db;}
.history-prev:hover::after,.history-next:hover::after {color: #0097db;}

.page-corporate-culture {padding: 5% 0;overflow: hidden;}
.page-corporate-culture .title-3{color: #999999;}
.corporate-culture {overflow: hidden;background: #a7ab86;margin-top: 3%;position: relative;}
.corporate-culture-left {float: left;width: 75%;}
.corporate-culture-right {width: 24%;height: 100%;position: absolute;right: 0;top: 0;background: url('../image/tubiao1.png') 110% 110% no-repeat;}
.corporate-culture-right .text{color: #fff;padding: 17% 9% 0 9%;overflow: hidden;}
.corporate-culture-right .title-5{margin: 4% 0 0 0;font-weight: 500;line-height: 30px;}
.corporate-culture-right .text-14{text-transform: uppercase;color: #d3d5c5;}
.corporate-culture-bottom {text-align: center;padding: 4% 0 0 0;overflow: hidden;}
.corporate-culture-bottom .title{overflow: hidden;}
.corporate-culture-bottom .text-6{margin-top: 1%;color: #a0a0a0;}
.corporate-culture-bottom-content {padding: 3% 0 0 0;overflow: hidden;position: relative;}
.corporate-culture-bottom-content .pic{position: relative;padding-bottom: 2%;}
.corporate-culture-bottom-content .pic img{display: inline-block;max-width: 100%;width: auto;}
.corporate-culture-item {position: absolute;z-index: 11;width: 23%;text-align: right;}
.corporate-culture-item .title-8 {color: #52af3e;font-weight: 900;margin-right: 2%;}
.corporate-culture-item .text-2 {overflow: hidden;line-height: 28px;}
.corporate-culture-item .text-2 li{list-style: none;margin: 0;padding: 0;padding-right: 10px;position: relative;color: #939391;margin-top: 5%;}
.corporate-culture-item .text-2 li::after {content: '';width: 4px;height: 4px;border-radius: 100%;position: absolute;right: 0;top: 13px;background: #0097db;}
.corporate-culture-item.cci1 {left: 6%;top: 20%;}
.corporate-culture-item.cci2 {right: 6%;top: 20%;text-align: left;}
.corporate-culture-item.cci3 {left: 6%;bottom: 0;}
.corporate-culture-item.cci4 {right: 6%;bottom: 0;text-align: left;}
.corporate-culture-item.cci2 .text-2 li,.corporate-culture-item.cci4 .text-2 li {padding-right: 0px;padding-left: 10px;}
.corporate-culture-item.cci2 .text-2 li::after,.corporate-culture-item.cci4 .text-2 li::after {right: auto;left: 0;}
.corporate-culture-item.cci2 .point-1 {right: auto;top: 32.5%;left: -21%;}
.corporate-culture-item.cci3 .point-1 {right: -21%;top: 2%;}
.corporate-culture-item.cci4 .point-1 {right: auto;top: 2%;left: -21%;}
.corporate-culture-bottom-content .pic {position: relative;display: inline-block;padding-bottom: 0;}
.corporate-culture-bottom-content .pic img {display: inline-block;}
.yuanxing-1 {width: 370px;height: 370px;position: absolute;left: 50%;top: 50%;z-index: 11;background: #0097db url('../image/yuan1.png') center no-repeat;border-radius: 100%;animation:turnrotate2 8000ms linear infinite;margin: -185px 0 0 -185px;}
.logo-2 {width: 270px;height: 50px;background: url('../image/logo2.png') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 12;}
@keyframes turnrotate2{0%{-webkit-transform:rotate(360deg);}25%{-webkit-transform:rotate(270deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(0deg);}}
.point-1 {width: 30px;height: 30px;position: absolute;right: -21%;top: 29%;z-index: 11;}
.point-1 i {width: 30px;height: 30px;display: block;position: relative;}
.point-1 i::before {content: '';width: 5px;height: 5px;border-radius: 100%;background: #0097db;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 14;}
.point-1 i::after {content: '';width:30px;height: 30px;border-radius: 100%;background: #0097db;position: absolute;left: 50%;top: 50%;z-index: 12;opacity: .2;margin: -15px 0 0 -15px;}
.point-1 i::after {animation:fanday1 1000ms linear infinite;}
@keyframes fanday1{0%{-webkit-transform:scale(0);opacity: .5;}100%{-webkit-transform:scale(1.5);opacity: 0;}}



.honor-section-content {padding-bottom:8%;overflow: hidden;width: 80%;margin: auto;}
.honor-section-list {padding: 0;overflow: hidden;}
.honor-section-item {float: left;width: 24.22%;margin-right: 1%;margin-bottom: 1%;overflow: hidden;}
.honor-section-item.mr0 {margin-right: 0;}
.honor-section-item a{display: block;position: relative;background: #f7f9f4;overflow: hidden;}
.honor-section-item a::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 13;background: url('../image/big.png') center no-repeat rgba(72,166,53,.8);transition:all .4s ease;opacity: 0;}
.honor-section-item .img{position: relative;}
.honor-section-item .img img {max-width: 80%;max-height: 80%;}
.honor-section-item .title-3{text-align: center;color: #202020;padding-bottom: 10%;}
.honor-section-item a:hover::before {opacity: 1;}
.honor-more {background: #0097db url('../image/load.png') center no-repeat;width: 100%;height: 80px;margin-top:1%;cursor: pointer;transition:all .4s ease;}
.honor-more:hover {background: #b1b8a5 url('../image/load.png') center no-repeat;}

.baitu-news-nav {padding: 3% 0;overflow: hidden;}
.baitu-news-nav a{display: block;float: left;margin-right: 10px;border: 1px solid #ccc;padding: 15px 20px;position: relative;width: 250px;font-size: 18px;color: #4a4a4a;}
.baitu-news-nav a::after {content: '';width: 14px;height: 9px;position: absolute;right: 5%;top: 50%;background: url('../image/r1.png');margin-top: -4.5px;opacity: .6;display: none;}
.baitu-news-nav a.cur {background: #0097db;border: 1px solid #0097db;color: #fff;}
.baitu-news-nav a.cur:hover {color: #fff;}
.baitu-news-nav a.cur::after {opacity: 1;filter: invert(100%);}
.baitu-news-nav a:hover {border: 1px solid #0097db;color: #0097db;}

.news-section-content {width: 80%;margin: auto;padding: 0 0 3%  0;overflow: hidden;}
.news-section-list {overflow: hidden;}
.news-item {float: left;width: 31.33%;margin-right: 3%;margin-bottom: 3%;}
.news-item.mr0 {margin-right: 0;}
.news-item a{display: block;background: #fff;position: relative;}
.news-item .img {overflow: hidden;}
.news-item .pic {overflow: hidden;}
.news-item .text {padding: 9% 8%;overflow: hidden;min-height: 145px;position: relative;}
.news-item .title-6 {overflow: hidden;}	
.news-item .date-1 {color: #999999;position: absolute;bottom: 17%;left: 8%;}
.news-item a:hover .pic{transform: scale(1.05);}	
.news-item a:hover {background: #0097db;}
.news-item a:hover .title-6,.news-item a:hover .date-1  {color: #fff;}
.news-item.nis1 {width: 65.6%;}
.news-item.nis1 .text{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 11;color: #fff;padding: 5%;}
.news-item.nis1 .title-6 {font-size: 30px;}
.news-item.nis1 .date-1 {color: #fff;opacity: .6;left: 5%;}
.news-item.nis2 {width: 31.33%;margin-right: 0;}
.news-item.nis5,.news-item.nis8 {margin-right: 0;}
.bg1 {background: #f7f7f7;}

.fanye-page {text-align: center;margin: 2% auto;clear: both;font-size: 0;}
.fanye-page a{display: inline-block;vertical-align: middle;height: 45px;border: 1px solid #dfdfdf;border-radius: 100px;margin: 0 3px;font-family: 'Montserrat-Light',PingFang SC,"Source Han Sans",Arial,sans-serif;line-height: 48px;text-align: center;color: #999999;min-width: 45px;}
.fanye-page a.prev,.fanye-page a.next{position: relative;width: 45px;padding: 0;}
.fanye-page a.prev::before,.fanye-page a.next::before{content: '';width: 14px;height: 9px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.fanye-page a.prev:before {background: url('../image/l1.png') center no-repeat;}
.fanye-page a.next::before {background: url('../image/r1.png') center no-repeat;}
.fanye-page a.next:hover:before,.fanye-page a.prev:hover:before {filter: invert(100%);}
.fanye-page a.cur{background: #0097db;color: #fff;}
.fanye-page a:hover {background: #0097db;color: #fff;}
.fanye-page a:first-child,.fanye-page a:last-child {padding: 0 15px;}

.page-news-detail {padding: 5% 0;overflow: hidden;}
.news-detail-content{overflow: hidden;}
.news-detail-left{float: left;width: 63%;overflow: hidden;position: relative;}
.return-1{overflow: hidden;}
.return-1 a{display: block;}
.return-1 i{font-style: normal;font-family:Arial, Helvetica, sans-serif;width: 15px;height: 15px;border-radius: 100%;background: #f8f8f8;color: #666;text-align: center;line-height: 15px;display: inline-block;vertical-align: middle;font-size: 14px;}
.return-1 span{display: inline-block;vertical-align: middle;font-size: 14px;margin-left: 10px;color: #342b25;}
.news-detail-left .title-11{margin-top: 3%;color: #342b25;}
.news-detail-left .date-2{margin-top: 4%;font-family: 'Montserrat-Light',PingFang SC,"Source Han Sans",Arial,sans-serif;}
.news-detail-content-main{padding: 3% 0;overflow: hidden;border-top: 1px solid #ededed;margin-top: 3%;font-size: 14px;line-height: 28px;color: #808080;border-bottom: 1px solid #ededed;}
.news-detail-content-tip {padding: 3% 0;overflow: hidden;font-size: 14px;line-height: 28px;color: #a0a0a0;}

.news-detail-right {float: right;width: 33%;} 
.news-detail-turnpage {overflow: hidden;}
.news-detail-turnpage a{display: block;font-size: 16px;color: #342b25;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-turnpage a:hover {color: #0097db;}
.news-detail-share {margin-top: 4%;overflow: hidden;}
.news-detail-share .title-4{font-size: 14px;color: #999999;}
.news-detail-share .item-2{margin-top: 3%;}
.news-detail-share .item-2 a{display: inline-block;vertical-align: middle;margin-right: 10px;}
.news-detail-share .item-2 img{filter: grayscale(100%);opacity: .5;}
.news-detail-share .item-2 a:hover img {filter: grayscale(0);opacity: 1;}
.news-detail-other {margin-top: 15%;overflow: hidden;}
.news-detail-other .title-4{font-size: 30px;color: #342b25;}
.news-other{margin-top: 5%;overflow: hidden;}
.news-other .news-item {border: none;margin-right: 0;margin-bottom:6%;width: 100%;}
.news-other .news-item a {display: block;overflow: hidden;}
.news-other .news-item .img {width: 45%;float: left;}
.news-other .news-item .text {float: left;width: 45%;padding: 2% 0 0 5%;min-height:auto;}
.news-other .news-item .date-1 {display: block;position: relative;bottom: auto;left: 0;color: #999999;}
.news-other .news-item .title-4 {font-size: 16px;line-height: 26px;margin-top: 5%;}
.news-other .news-item .viewdetails-1 span{font-size: 12px;}
.news-other .news-item .img {background: none;}
.news-other .news-item a:hover {background: none;}
.news-other .news-item a:hover .date-1{color: #999999;}
.news-other .news-item a:hover .title-4 {color: #0097db;}
.news-other .news-item a:hover .viewdetails-1 span {color: #0097db;}

.page-baitu-about {position: relative;width: 100%;overflow: hidden;padding: 5% 0;}
.page-baitu-about .title-13 {color: #a7ab86;text-align: center;font-weight: bold;}
.page-social-responsibility {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: url('../image/throughput.jpg') center no-repeat;background-size: cover;}
.page-social-responsibility  .title-2 {color: #50514a;text-align: center;font-weight: bold;}
.social-responsibility {padding: 5% 0;overflow: hidden;text-align: center;}
.page-social-activitiesy {position: relative;width: 100%;overflow: hidden;padding: 5% 0;background: #f1f1f1;}
.page-social-activitiesy .section-content {overflow: visible;}
.social-responsibility .throughput-item {width: 25%;box-sizing: border-box;}
.page-social-activitiesy  .title-2 {color: #50514a;text-align: center;font-weight: bold;}
.social-responsibility-list {overflow: hidden;padding-top: 2%;}
.social-responsibility-swiper {overflow: hidden;}
.social-responsibility-item {overflow: hidden;}
.social-responsibility-item .img{border-radius: 14px;overflow: hidden;}
.social-responsibility-item .title-6{font-weight: bold;color: #50514a;margin-top: 5%;} 
.responsibility-prev,.responsibility-next {width: 60px;height: 60px;background: #fff;border-radius: 100%;box-shadow: 0px 20px 17px 0px rgba(190, 190, 190, 0.24);margin-top: -10px;outline: none;}
.responsibility-prev::after,.responsibility-next::after {font-size: 12px;font-weight: 900;color: #59b746;}
.responsibility-prev {left: -30px;}
.responsibility-next {right: -30px;}
.responsibility-next.swiper-button-disabled,.responsibility-prev.swiper-button-disabled {display: none;}

.history-swiper {padding:0;position: relative;overflow: hidden;}
.historys-item {position: relative;width: 25%;margin: auto;float: left;}
.historys-item .img{width: 70%;margin: auto;overflow: hidden;border: 3px solid #49aa36;}
.historys-item .img-block {opacity: 0;}
.historys-item .text{margin: auto;text-align: center;position: relative;}
.historys-item .point-3{margin: auto;padding-top: 25%;position: relative;}
.historys-item .point-3::after {content: '';width: 104%;height: 1px;background: #ccc;position: absolute;left:0;bottom:13px;z-index: 1;transform: rotate(-11.3deg);}
.historys-item .point-3::before {content: '';width: 1px;height: 100%;background: #ccc;position: absolute;left: 50%;top: 0;z-index: 1;}
.historys-item .point-3 i{width: 18px;height: 18px;border: 5px solid #49aa36;border-radius: 100%;display: block;margin: auto;background: #fff;position: relative;z-index: 11;}
.historys-item .number-4{font-size: 30px;font-family: 'Montserrat-Regular';margin-top: 4%;}
.historys-item .title-4{color: #646464;font-size: 18px;margin-top: 3%;}
.historys-item .title-4 strong {color: #0097db;}
.history-swiper .historys-item.his1  {transform: translateY(30%);opacity: 0;margin-top: 15%;transition:all .6s .4s ease;}
.history-swiper .historys-item.his2  {transform: translateY(30%);opacity: 0;margin-top: 10%;transition:all .6s .6s ease;}
.history-swiper .historys-item.his3  {transform: translateY(30%);opacity: 0;margin-top: 5%; transition:all .6s .8s ease;}
.history-swiper .historys-item.his4  {transform: translateY(30%);opacity: 0;margin-top: 0;  transition:all .6s .9s ease;}
.history-swiper .historys-item.mis5.mis5  {margin-top: 0;}
.history-swiper .historys-item.mis6.mis6  {margin-top: 20%;}
.history-swiper .historys-item.mis7.mis7  {margin-top: 40%;}
.history-swiper .historys-item.mis8.mis8  {margin-top: 60%;}
.history-swiper .historys-item.mis5 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis6 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis7 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.mis8 .point-3::after {transform: rotate(11.3deg);}
.history-swiper .historys-item.his4 .point-3::after {width: 95%;transform: rotate(-12.5deg);}
.history-swiper .swiper-slide-active .historys-item.his1,
.history-swiper .swiper-slide-active .historys-item.his2,
.history-swiper .swiper-slide-active .historys-item.his3,
.history-swiper .swiper-slide-active .historys-item.his4 {transform: translateY(0);opacity: 1;}
.baitu-history-content .history-prev{left: -30px;}
.baitu-history-content .history-next{right: -30px;}


/* contact */
.page-contact-map {padding: 3% 0;overflow: hidden;}
.contact-map-top {width: 80%;margin: auto;}
.contact-map-bottom {padding: 3% 0 6% 0;;overflow: hidden;width: 94%;position: relative;}
.contact-map-bottom .img{position: relative;overflow: hidden;}
.contact-map-text {position: relative;width: 80%;background: #0097db;color: #fff;padding:3% 0;overflow: hidden;}
.contact-map-bottom .text {width: 80%;float: left;margin-left: 13%;position:relative;}
.contact-map-bottom .title-12,.contact-map-bottom .text-6,.contact-map-bottom .telemail-1,.contact-map-bottom .ewm-1{display: inline-block;vertical-align: middle;}
.contact-map-bottom .title-12{margin-bottom: 3%;padding-right:5%;}
.contact-map-bottom .text-6{width: 50%;}
.contact-map-bottom .telemail-1{line-height: 24px;font-family: 'Montserrat-Regular';}
.contact-map-bottom .ewm-1{width: 12%;text-align: right;float: right;}
.contact-map-bottom .ewm-1 img {display: inline-block;max-width: 100%;width: auto;}

.page-contact-message {padding: 5% 0 7% 0;overflow: hidden;}
.contact-message-left {float: left;width: 30%;}
.contact-message-right {float: right;width: 60%;}
.contact-message-form {overflow: hidden;margin-top: 2%;}
.contact-message-form .item-2{margin-bottom: 3%;overflow: hidden;}
.contact-message-form .item-2 li{list-style: none;margin: 0;padding: 0;float: left;width: 47%;}
.contact-message-form .item-2 li:last-child {float: right;}
.contact-message-form .item-2 li input{padding: 2% 0;}
.contact-message-form .item-1{padding: 1% 0;margin-bottom: 1%;overflow: hidden;}
.contact-message-form .item-1 textarea{min-height: 200px;padding: 2% 0;}
.contact-message-form .item-2 li input,.contact-message-form .item-1 textarea{display: block;border:none;border-bottom: 1px solid #e6e6e6;background: #fff;font-size: 16px;color: #666666;width: 100%;box-sizing: border-box;transition:all .4s ease;}
.contact-message-form .item-2 li input:focus,.contact-message-form .item-1 textarea:focus{border-bottom: 1px solid #0097db;}
.contact-message-form .item-1 a{display: block;width: 180px;height: 55px;line-height: 55px;text-align: center;background: #0097db;color: #fff;font-size: 14px;}	 
.contact-map-bottom #map {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;}		
/* .contact-map-bottom #map .BMap_noprint:first-child {box-shadow: 0px 16px 50px 0px rgb(50,184,66,.5);background: none!important;overflow: hidden;} */
.anchorBL,.BMap_pop,.BMap_shadow {display: none!important;}

.page-technical-support {padding: 5% 0;overflow: hidden;background: #f8f8f8;}
.page-technical-support .section-content {margin: auto;margin-top: 3%;}
.technical-support-left {float: left;width: 100%;}
.technical-support-right {float: right;width: 65%;clear: both;}
.technical-support-list {overflow: hidden;margin-top: 5%;}
.technical-support-item {margin-bottom: 2%;overflow: hidden;}
.technical-support-item a{display: block;overflow: hidden;position: relative;padding: 3.3% 3%;border-radius: 6px;background: #fff;border: 1px solid #ededed;}
.technical-support-item .title-11{color: #342b25;}
.technical-support-item .icon-1{width: 60px;height: 60px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);border-radius: 100%;background: #0097db;}
.technical-support-item .icon-1::before {content: '';width: 19px;height: 22px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/file1.png') center no-repeat;}
.technical-support-item a:hover {background: #49aa36;}
.technical-support-item a:hover .title-11{color: #fff;}
.technical-support-item a:hover .icon-1{background: #fff;}
.technical-support-item a:hover .icon-1::before {background: url('../image/file.png') center no-repeat;}
.page-technical-support .page-path{margin-top: 1%;}

.page-section-banner .text.center {text-align: center;left: 20%;width: 60%;transform: translateY(-30%);}
.page-section-banner .text.center .title .text-9{margin-top: 2%;font-weight: 300;}
 
.page-joinus {width: 80%;margin: auto;padding: 3% 0;overflow: hidden;}
.joinus-section-top {padding: 1% 0;border-bottom: 1px solid #ededed;}
.joinus-section-bottom {overflow: hidden;padding-bottom: 5%;}
.talent-item {overflow: hidden;border-bottom: 1px solid #ededed;transition:all .4s ease;}
.talent-title{position: relative;padding: 2% 0;cursor: pointer;transition:all .4s ease;}
.talent-title span{font-size: 20px;color: #50514a;}
.talent-title i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index:11;
	background: url('../image/ddd.png');}
.talent-title.cur span{color: #0097db;}
.talent-title.cur i {background: url('../image/dd.png');}
.talent-title.cur {padding: 2% 0 0 0;}
.talent-item:hover .talent-title span{color: #0097db;}
.talent-item:hover {border-bottom: 1px solid #0097db;}
.talent-item-content {padding: 3% 0;overflow: hidden;font-size: 16px;line-height: 24px;color: #a1a1a1;font-weight: 400;display: none;}
.talent-item-content strong{color: #000;}
.talent-item-top {overflow: hidden;}
.email-1 {background: #50514a;display: inline-block;padding: 10px 30px;}
.email-1 i {display: inline-block;vertical-align: middle;width: 28px;height: 19px;background: url('../image/email.png') no-repeat;}
.email-1 span {display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 20px;color: #fff;}






 /* other */
.page-search-detail {padding: 5% 0 2% 0;overflow: hidden;background: #f8f8f8;}
.page-search-detail .page-content{overflow: hidden;width: 80%;margin: auto;}
.search-detail-top {padding: 8% 0 0 0;overflow: hidden;}
.search-detail-top .title-1{font-size: 40px;text-align: center;}
.search-detail-top .title-2{font-size: 18px;margin-top:8%;}
.search-detail-top .input-2{width: 100%;position: relative;}
.search-detail-top .input-1{width: 100%;display: block;border: none;background: none;border-bottom: 1px solid #ededed;font-size: 24px;padding: 1% 0;position: relative;transition:all .4s ease;}
.search-detail-top .input-1:focus {border-bottom: 1px solid #0097db;}
.search-detail-top .submit-1 {border: none;display: block;outline: none;cursor: pointer;background: url('../image/sss.png') center no-repeat;width: 50px;height: 50px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-search-detail-bottom {background: #fff;padding: 3% 0 8% 0;overflow: hidden;}
.page-search-detail-bottom .page-content{overflow: hidden;width: 80%;margin: auto;}
.page-search-detail-bottom .text-1{font-size: 16px;color: #a0a0a0;}
.page-search-detail-bottom .text-1 strong{color: #202020;}
.search-detail-nav{margin-top: 4%;overflow: hidden;position: relative;}
.search-detail-nav::after {content: '';width: 100%;height: 1px;background: #dfdfdf;position: absolute;left: 0;bottom: 0;}
.search-detail-nav a{display: inline-block;vertical-align: middle;font-size: 18px;color: #a7ab86;margin-right: 9%;padding-bottom: 30px;position: relative;padding-right: 40px;font-weight: bold;}
.search-detail-nav a::after {content: '';width: 0px;height: 2px;background: #0097db;position: absolute;left: 0;bottom: 0;z-index: 11;}
.search-detail-nav a.cur{color: #0097db;}
.search-detail-nav a.cur::after {width: 100%;}
.search-detail-list {padding: 3% 0;overflow: hidden;}
.search-detail-list .news-item a{background: #f8f8f8;}
.search-detail-list .news-item a:hover {background: #0097db;}


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


.index-products {position: relative;width: 100%;height: 100%;}
.index-products-main {position: absolute;width: 80%;left: 10%;top: 50%;z-index: 11;height: auto;transform: translateY(-50%);color: #fff;}
.index-products-top {width: 40%;margin-top: 15%;}
.index-products-top .title-1{font-size: 34px;font-weight: bold;text-shadow: 0 0 10px #0096ff;}
.index-products-top .text-2 {font-size: 24px;line-height: 26px;margin-top: 5%;text-shadow: 0 0 10px #0096ff;}
.index-products-center {margin-top: 10%;}
.index-products-swiper {position: relative;}
.index-products-item {overflow: hidden;}
.index-products-item a{display: block;position: relative;color: #fff;}
.index-products-item .item {border: 1px solid rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;height: 50%;width: 100%;box-sizing: border-box;}
.index-products-item .number-1 {position: absolute;right: 10%;top: 10%;font-size: 16px;z-index: 10;}
.index-products-item .text {position: absolute;bottom: 10%;left: 10%;width: 80%;z-index: 11;}
.index-products-item .text::after {content: '';width: 14px;height: 9px;position: absolute;right: 0;top: 50%;background: url('../image/r2.png') center no-repeat;opacity: 0;}
.index-products-item .title-1 {font-size: 20px;font-weight: 400;}
.index-products-item .title-2 {font-size: 14px;opacity: .8;}
.index-products-item .img{overflow: hidden;opacity: 0;}
.index-products-item a:hover .item {border: 1px solid rgba(255,255,255,0);height: 100%;}
.index-products-item a:hover .number-1 {right: 85%;}
.index-products-item a:hover .text::after {opacity: 1;}
.index-products-item a:hover .img{opacity: 1;}
.index-products-bottom {position: relative;overflow: hidden;}













@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}





@media screen and (max-width: 5120px) {
	 .news-detail-content-main img{max-width: 100%;height: auto;}
	 .page-section-banner .text .title .text-5 p {margin: 0;padding: 0;}
}
@media screen and (max-width: 3840px) {
	 
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	.application-area-item .text-2 {min-height: 66px;}
	.aboutdate {transform:none;text-align: left;right:0;}
	.product-title .title .english-3 {line-height: 80px;}
	.product-title .title .english-3 span {font-size: 120px;}
}
@media screen and (max-width: 1680px) {
	.title-1 {font-size: 40px;}.title-2 {font-size: 20px;}.title-3 {font-size: 14px;}.title-4 {font-size: 17px;}.title-5 {font-size: 20px;}
	.title-6 {font-size: 18px;}.title-7 {font-size: 16px;}.title-8 {font-size: 17px;}.title-9 {font-size: 24px;}
	.title-10 {font-size: 50px;}.title-11 {font-size: 22px;}.title-12 {font-size: 18px;}.title-13 {font-size: 42px;}.title-14 {font-size: 12px;}.title-15 {font-size: 30px;}
	.text-1 {font-size: 17px;}.text-2 {font-size: 12px;line-height: 26px;}.text-3 {font-size: 24px;line-height: 34px;}.text-4 {font-size: 12px;line-height: 22px;}
	.text-5 {font-size: 30px;line-height: 40px;}.text-6 {font-size: 14px;line-height: 24px;}.text-7 {font-size: 18px;line-height: 24px;}
	.text-8 {font-size: 17px;line-height: 24px;}.text-9 {font-size: 14px;line-height: 24px;}.text-14 {font-size: 12px;line-height: 20px;}
	.number-1 {font-size: 12px;}.number-2 {font-size: 50px;}.number-3 {font-size: 60px;line-height: 60px;}.number-4 {font-size: 14px;}.number-5 {font-size: 30px;}
	.entitle-1 {font-size: 40px;}.english-1 {font-size: 12px;}.english-2 {font-size: 20px;}.english-3 {font-size: 150px;}
	.viewmore-1 span,.index-product-nav i,.index-news-right .index-news-item .text .title-6,.footer-nav a,.header-nav-menu a ,.product-date p,.news-detail-turnpage a,.news-other .news-item a .title-4{font-size: 14px;}
	.type-1,.detail-2 span,.application-detail-main-top .return-1 a {font-size: 12px;}
	.application-detail-main-center,.news-other .news-item a .title-4,.contact-map-bottom .telemail-1,.talent-item-content {font-size: 14px;line-height: 24px;}
	.application-detail-main-bottom strong,.news-item.nis1 .title-6,.news-detail-other .title-4,.talent-title span {font-size: 18px;}
	.index-product-nav span,.index-about-content-item .number-2 sub,.section-banner-nav a,.baitu-news-nav a,.index-product-nav2 .text strong {font-size: 16px;}
	.index-product-nav2 .text span {font-size: 12px;}
	.header-content {height: 80px;}
	.header-nav li a.n1 {font-size: 14px;line-height: 80px;}
	.viewmore-1 i {width: 40px;height: 40px;}
	.header-nav-menu.product,.header-nav-menu.about  {top: 80px;}
	.header-nav-menu {width: 110px;top: 80px;left: -40px;}
	.product-title .title .english-3 {line-height: 130px;}
	.product-date.num4 li {width: 10%;}
	.page-path {margin-top: 90px;}
	.about-strength-item .icon-1 {width: 140px;height: 140px;}
	.about-strength-item .icon-1 img.img-center {max-width: 40%;max-height: 40%;}
	.about-strength-item .title-7 {width: 40%;font-size: 14px;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 180px;line-height: 200px;}
	.honor-section-item .img img.img-center {max-width: 70%;max-height: 70%;}
	.honor-more {height: 60px;}
	.news-item .text {min-height: 123px;}
	.end-slide {height: 193px;}
	.section-banner-top-nav a {margin: 0 20px;font-size: 14px;padding: 1% 0;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.point-1 {top: 34%;right: -11%;}
	.corporate-culture-item.cci2 .point-1 {top: 47.5%;left: -11%;}
	.corporate-culture-item.cci3 .point-1 {right: -11%;top: -20%;}
	.corporate-culture-item.cci4 .point-1 {top: -20%;left: -11%;}
	.header-nav-technical-support {margin-top: 0;}
	.header-nav-technical-support a {font-size: 0;}
	.header-nav-technical-support .icon-1 img{width: 30px;}
	.header-nav-product-type a {padding: 10px 0px;}
	.header-nav-technical-support a {padding: 5px 5%;}
	.page-section-path {top: 15%;}
	.about-strength-right {width: 55%;}
	.header-nav-menu {width: 90px;left: -10px;padding: 5px 15px 10px 15px;}
	.page-section-path.top15 {top: 30%;}
	.baitu-history-content .history-prev{left: -50px;}
	.baitu-history-content .history-next{right: -50px;}
	.index-products-item .title-1 {font-size: 17px;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 100px;}

}
@media screen and (max-width: 1600px) {		
	.aside-top a {width: 50px;height: 50px;}
	.throughput-item .icon {width: 150px;height: 150px;}	
	.throughput-item .icon img.img-center {max-width: 30%;max-height: 30%;}
	.throughput-item .text-2 {margin-top: 10px;}
	.corporate-culture-left {width: 70%;}
	.corporate-culture-right {width: 29%;}
	.corporate-culture-bottom-content .pic {width: 60%;margin: auto;}
	.corporate-culture-item .text-2 {line-height: 22px;}
	.news-item .text {min-height: 119px;}
	.index-products-top .title-1 {font-size: 30px;}
	.index-products-top .text-2 {font-size: 14px;line-height: 24px;}
	.index-products-item .title-1 {font-size: 20px;}
	.index-products-item .title-2 {font-size: 12px;}
	.header-nav-product-type a {padding: 5px 0px;}
	.historys-item .number-4 {font-size: 20px;}
	.historys-item .title-4 {font-size: 14px;}
}
@media screen and (max-width: 1500px) {		
	.affiliated-enterprises-right {top: 30%;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: 20%;}
	.news-item .text {min-height: 110px;}

	.throughput-content-text {width: 80%;}
	.throughput-content-text-item .num-1{font-size: 16px;}
	.throughput-content-text-item .title-2{font-size: 16px;margin: 10% 0;min-height: 50px;}
	.throughput-content-text-item .text-3{font-size: 12px;line-height:20px;}
	.throughput-content-text-item::after {height: 5px;}
	
	
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}

}
@media screen and (max-width: 1440px) {
	.header-nav-product-content {width: 90%;padding: 2% 0 0 0;}
	.header-nav-technical-support {margin-top: 2%;} 
	.title-1 {font-size: 30px;}.title-13 {font-size: 32px;}.title-10 {font-size: 40px;}.entitle-1 {font-size: 30px;}
	.text-7 {font-size: 15px;}
	.text-8 {font-size: 14px;line-height: 22px;}
	.news-item .text {min-height: 107px;}
	.end-slide {height: 245px;}
	.number-3 {font-size:50px;line-height: 50px;}
	.corporate-culture-item.cci1 .point-1 {top: 27%;right: -21%;}
	.corporate-culture-item.cci2 .point-1 {top: 29%;left: -21%;}
	.corporate-culture-item.cci3 .point-1 {right: -21%;top: 0;}
	.corporate-culture-item.cci4 .point-1 {top: 0;left: -21%;}
	.yuanxing-1 {width: 300px;height: 300px;margin: -150px 0 0 -150px;}
	.logo-2 {width: 200px;} 
	.application-area-item .text-2 {min-height: 62px;}
}
@media screen and (max-width: 1366px) {
	.news-item .text {min-height: 100px;}
	.number-2 {font-size: 40px;}
	.title-5 {font-size: 18px;}
	.index-news-item .viewdetails-1 {margin-top: 5%;}
	.line-2 {margin: 15px 0;} 
	.end-slide {height: 240px;}
	.throughput-item {max-width: 20%;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 150px;line-height:150px;}
	.corporate-culture-item {width: 30%;}
	.corporate-culture-item.cci1,.corporate-culture-item.cci3 {left: 0;}
	.corporate-culture-item.cci2,.corporate-culture-item.cci4 {right: 0;}
	.corporate-culture-item.cci1 .point-1 {top: 22.5%;right: -13%;}
	.corporate-culture-item.cci2 .point-1 {top: 31%;left: -13%;}
	.corporate-culture-item.cci3 .point-1 {right: -13%;top: 8%;}
	.corporate-culture-item.cci4 .point-1 {top: 8%;left: -13%;}
	.yuanxing-1 {width: 260px;height: 260px;margin: -130px 0 0 -130px;}
	.throughput-content-text {width: 84%;}
	
	.product-title .title .english-3 {line-height: 70px;}
	.product-title .title .english-3 span {font-size: 90px;}
}
@media screen and (max-width: 1280px) {
	.news-item .text {min-height: 94px;}
	.contact-map-text {width: 100%;}
	.product-title .title .english-3 {line-height: 60px;}
	.product-title .title .english-3 span {font-size: 80px;}
}
@media screen and (max-width: 1152px) {
	.news-item .text {min-height: 80px;}
	.application-area-item .text-2 {min-height:auto;}
	.index-products-bottom .img img,.index-products-bottom,.index-products-bottom .img,.index-products-bottom .pic{height: 100%;width: 100%;}
	.index-products-item .title-1 {font-size: 16px;}
	.number-2 {font-size: 30px;}
	.index-about-content-item .title-3  {font-size:12px;}
	.footer-nav a { margin-left: 20px;}
	.end-slide {height: 210px;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 120%;}
	.page-corporate-culture .section-content {width: 90%;}
	.corporate-culture-right .title-5 {font-size:14px;}
}
@media screen and (max-width: 1024px) {
	.throughput-content-text {width: 100%;position: relative;}
	.header-nav li a.n1 span {padding: 5px 10px;}
	.header-nav-technical-support .icon-1 {width: 25px;height: 25px;}
	.header-nav-technical-support .title-4,.header-nav-technical-support .more-1 {font-size:12px;}
	.header-nav-product-content {padding: 2% 0 5% 0;}
	.application-item .title-4 {font-size:12px;}
	.about-strength-item {width: 48%;}
	.about-strength-item .icon-1 {width: 100px;height: 100px;}
	.about-strength-item .title-7 {width: 50%;}
	.product-title .title .english-3 {line-height: 20px;}
	.product-title .title .english-3 span {font-size: 40px;}
}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a,.page-section-path,.point-1,.footer-contact-center {display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.throughput-content-text-item {width: 100%;}
	.header-nav {position: fixed;height: 100%;width: 100%;transform: translateX(100%);transition:all .4s ease;background: #fff;}
	.no-touch .header-nav {transform: translateX(0);}
	.header-nav ul {width: 100%;height: 100%;padding-top:90px;box-sizing: border-box;overflow: auto;}
	.header-nav li,.header li a.n1 {display: block;}
	.header-nav li {border-bottom: 1px solid #ccc;}
	.header li a.n1{line-height: normal;padding: 6% 0;overflow: hidden;}
	.header-nav-menu {position: relative;left: auto;top: auto;}
	.header-nav-menu.product,.header-nav-menu.about {width: 100%;left: auto;top: auto;padding: 5%;box-sizing: border-box;overflow: hidden;}
	.index-banner-swiper .text {width: 90%;left: 5%;}
	.number-2 {font-size: 30px;}
	.title-1 {font-size: 22px;}
	.text-3 {font-size: 18px;line-height: 28px;}
	.index-about-content-left .title-5 {font-size: 16px;}
	.text-1,.index-product-nav span,.index-news-item .text .title-6,.index-product-nav2 .text strong{font-size: 14px;}
	.text-2,.title-3,.index-about-content-left .text .viewmore-1 span {font-size: 12px;line-height: 20px;}
	.viewdetails-1 span,.footer-contact-bottom{font-size: 12px;}
	.index-banner-swiper .viewmore-1 {margin-top: 10%;}
	.index-product-nav {overflow: hidden;}
	.index-product-nav a {float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;}
	.index-product-left {padding-bottom: 5%;}
	.index-application-nav {bottom: 5%;}
	.index-application-nav.num5 a {width: 48%;}
	.index-application-nav .text .english-1{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.index-about-content-left {width: 100%;height: 100%;position: relative;left: auto;top: auto;border-bottom:none;}
	.index-about-content-left .text {top: auto;left: auto;transform: none;position: relative;width: 90%;padding: 5%;}
	.viewmore-1 i {width: 30px;height: 30px;}
	.index-about-content-item .title-3{line-height: 18px;width: 80%;bottom: 5%;}
	.index-about-content-item .number-2 {transform: translateY(-60%);}
	.index-news-item .img {float: left;width: 50%;}
	.index-news-item .text {float: left;width: 46%;padding: 3% 0 0 4%;margin: 0;}
	.index-news-item a {background: none;}
	.index-news-item .date-1 {position: relative;}
	.index-news-left,.index-news-right .index-news-item {margin-bottom: 4%;}
	.footer-right,.footer-left {float: none;width: 100%;text-align: left;padding-bottom: 3%;}
	.footer {padding-top: 10%;}
	.footer-nav a {display: block;margin-left: 0px;padding: 10px 0;border-bottom: 1px solid rgba(255,255,255,.2);}
	.footer-nav a:last-child {border: none;}
	.end-slide {height: 430px;}
	.page-section-banner .text {width: 90%;left: 5%;top: 35%;}
	.page-section-banner .text .text-5 {font-size: 20px;line-height: 24px;}
	.page-section-banner .date {width: 90%;right: 5%;top: 50%;text-align: left;}
	.page-section-banner .date .item-1 {min-width: 24%;margin-right: 20px;margin-left: 0;}
	.section-banner-nav {width: 90%;left: 5%;bottom:5%;}
	.section-banner-nav a {margin-right: 5%;padding:3% 0;}
	.section-banner-nav a:last-child {margin-right: 0px;}
	.product-item,.application-area-item {float: none;width: 100%;margin-right: 0;margin-bottom: 4%;}
	.number-3 {font-size: 44px;line-height: 44px;}
	.english-3 {font-size: 60px;line-height: 60px;}
	.product-title .title .english-3 {line-height: 40px;}
	.title-10 {font-size: 30px;line-height: 30px;}
	.product-title .title,.product-title .title-7 {width: 80%;margin: auto;}
	.product-title .title-7 {padding-top: 5%;}
	.product-date.num4 li {width: 40%;margin-bottom: 3%;}
	.product-date.num4 li:nth-child(2)::after{display: none;}
	.product-characteristic-top,.product-download-top {padding-bottom: 60px;}
	.characteristic-prev, .characteristic-next {margin-top: 0px;}
	.product-application-right {padding: 5%;box-sizing: border-box;}
	.application-item {margin-right:0;}
	.application-text {top: 30%;}
	.application-detail-main {width: 80%;padding: 5% 0;}
	.application-detail-main-top {padding-bottom: 5%;}
	.page-section-banner.advantages .text {top: 50%;}
	.technological-innovation-item .text-2 {min-height: auto;}
	.throughput-item {max-width: 44%;}
	.throughput-item .icon {width: 100px;height: 100px;}
	.throughput-item .title-4 {margin-top: 10px;}
	.market-layout-content {width: 90%;margin: auto;}
	.market-layout-content .item-1 {margin-left: 0;}
	.market-layout-content .title-3 {margin-left: 0;}
	.header-nav-menu {width: 100%;box-sizing: border-box;}
	.header-nav ul{background: #f1f1f1;}
	.section-banner-nav a {opacity: 1;color: #fff;margin: 0 2%;}
	.section-banner-nav a:last-child {margin: 0 2%;}
	.section-banner-nav {text-align: center;}
	.baitu-shares-center {padding: 10% 0;}
	.baitu-shares-center-right {width: 100%;padding: 0 5%;margin-right: -5%;margin-top: 10%;}
	.baitu-shares-bottom-left {float: left;width: 90%;position: relative;padding: 0 5%;margin-left: -5%;margin-top: 30%;}
	.page-baitu-shares .img {background-size: cover;}
	.baitu-shares-bottom-right {width: 100%;}
	.bout-date-list .index-about-content-item {width: 43%;margin: 3% 1%;}
	.bout-date-list {width: 100%;left: 0;}
	.about-strength-right,.about-honor-right .text-8 {margin-top: 10%;}
	.about-strength-item {margin-left: auto;}
	.affiliated-enterprises-left {padding: 15% 10%;float: none;width: 80%;margin-top: 5%;}
	.affiliated-enterprises-right {position: relative;width: 90%;right:auto;top:auto;padding: 0 3%;height: auto;}
	.text-6 {font-size: 13px;line-height: 23px;}
	.affiliated-enterprises-right .yuanshu-1 {top: 30%;}
	.affiliated-enterprises-right .pic {margin-top: 0;width: 80%;margin: auto;padding: 20% 0;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right .pic {margin-top: 0;margin: auto;}
	.affiliated-enterprises-content.fr .affiliated-enterprises-right {top: auto;left: auto;padding: 0;margin: auto;}
	.affiliated-enterprises-left .text-2 {min-height: auto;}
	.yuanshu-3 {bottom: 5%;top: auto;}
	.history-swiper .swiper-slide-active .number-5 {font-size: 100px;line-height: 130px;}
	.history-item .img {width: 70%;}
	.history-prev {left: -10%;}.history-next {right:-10%;}
	.corporate-culture-right {width: 100%;height: 100%;position: relative;right: auto;top: auto;background-size: 40%;}
	.corporate-culture-right .text {padding:10%;}
	.corporate-culture-bottom .title {padding-bottom: 10%;}
	.corporate-culture-item {position: relative;width: 100%;text-align: left;margin-bottom: 10%;border-bottom: 1px solid #ccc;padding-bottom: 10%;}
	.corporate-culture-item.cci1, .corporate-culture-item.cci3 {left:auto;}
	.corporate-culture-item .text-2 li::after {top: 10px;}
	.corporate-culture-item .text-2 li {padding-right: 0;padding-left: 10px;}
	.corporate-culture-item .text-2 li::after {right: auto;left: 0;}
	.honor-section-item {float: none;width: 100%;margin-right: auto;margin-bottom: 5%;}
	.news-item.nis1,.news-item {width: 100%;margin-right: auto;}
	.news-item.nis1 .text {position: relative;left: auto;bottom: auto;width: 90%;z-index: 11;color: #000;padding: 5%;margin-right: 0;}
	.news-item.nis1 .date-1 {color: #999;}
	.news-item .text {min-height: auto;margin-bottom: 5%;}
	.news-item .date-1 {position: relative;bottom: auto;left: auto;margin-top: 5%;left: auto;}
	.fanye-page a {height: 36px;line-height: 36px;min-width: 36px;padding: 0;margin: 0 1px}
	.fanye-page a.prev, .fanye-page a.next {width: 36px;}
	.baitu-news-nav a {padding: 15px 0px;width: 43%;padding-left: 5%;margin-right: 0;}
	.baitu-news-nav a:last-child {float: right;}
	.baitu-news-nav a::after {right: 10%;}
	.baitu-news-nav,.contact-map-bottom .text-6 ,.contact-map-bottom .title-12{margin-bottom: 5%;}
	.contact-map-text {overflow: hidden;position: relative;width: 100%;left: auto;bottom: auto;}
	.contact-message-form .item-2 li input {padding: 5% 0;}
	.joinus-section-top {padding: 1% 0 5% 0;}
	.talent-title.cur,.talent-title {padding: 10% 0;}
	.talent-item-content {padding-bottom: 10%;}
	.email-1 span {font-size: 14px;}
	.page-section-banner .text.center {left:5%;width: 90%;transform: translateY(0%);}
	.page-section-banner .text.center .title .text-9 {font-size: 12px;line-height: 18px;}
	.header-nav-menu {background: none;}
	.contact-map-text {padding: 10% 0;}
	.contact-map-bottom .ewm-1 {margin-top: 5%;width: 30%;}
	.page-contact-map {padding: 15% 0;}
	.section-banner-top-nav a {margin: 0 10px;}
	.header-nav-menu.about {position: relative;}
	.header-nav-product-type a {width: 50%;}
	.throughput-content-text-item .img {display: none;}
	.throughput-content-text-item a {background: #fff;border-bottom: 1px solid #eaeaea;}
	.throughput-content-text-item .text {position: relative;}
	.throughput-content-text-item .title-2 {font-size: 16px;margin:3% 0;min-height: auto;}
	.throughput-content-text-item.cur a {background: #0097db;}
	.index-product-nav2 {position: relative;left: auto;bottom: auto;width: 100%;margin-top: 5%;}
	.index-product-nav2 .text span,.index-product-nav2 .text i,.index-product-nav2 .pic {display: none;}
	.index-product-nav2 .text {position: relative;left: auto;top: auto;width: 100%;height: auto;box-sizing: border-box;padding: 5%;}
	.index-product-nav2 a.cur {background: #49aa36;}
	.index-product-nav2 .text::before {top: 50%;transform: translateY(-50%);right: 5%;}
	.header.black .menu-toggle span.hamburger,.header.black  .menu-toggle span.hamburger:after,.header.black  .menu-toggle span.hamburger:before {background: #000;}
	.index-products-top {width: 100%;}
	.index-application-nav.num5 a {width: 100%;}
	.iapplication-prev, .iapplication-next {position: relative;transform: none;top: auto;left: auto;right: auto;margin-top: 5%;display: inline-block;}
	.iapplication-next::after, .iapplication-prev::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.header-nav-product-type a::before {width: 100%;}
	.header-nav-technical-support .more-1 {display: none;}
	.header-nav-technical-support a {text-align: center;}
	.header-nav-technical-support .title-4 {margin-left: 0px;margin-top: 10px;}
	.page-section-banner.advantages .text .date {transform: none!important;}
	.aboutdate {transform:none;text-align: left;right:auto;}
	.page-section-banner.advantages.aboutdate .text{margin-bottom:5%;top: 30%;}
	.page-product-specifications .section-content{width: 100%;margin: auto;overflow: hidden;overflow-x: scroll;}
	.page-product-specifications .section-content .page-product-specifications-bottom {width: 1000px;overflow-x: scroll;white-space: nowrap;}

	.header-nav li::after,.header-nav-product-left,.index-news-center,.index-banner-swiper .banner-pagination,.index-news-item .type-1,.index-news-top .viewmore-1 ,.footer-contact-right,.application-detail-left ,.application-detail-main-top .return-1 a,.market-layout-content .img .pic,.corporate-culture-bottom-content .pic,.fanye-page a:first-child, .fanye-page a:last-child,.news-other .news-item .viewdetails-1{display: none;}
	.header-nav-product-right,.header-nav-product-type a,.index-product-left,.index-product-right,.index-application .title ,.index-about-content-right,.index-news-left,.index-news-right,.product-application-left,.product-application-right,.application-item,.application-detail-right,.technological-innovation-item,.baitu-shares-center-left,.about-strength-left,.about-strength-right,.about-strength-item,.about-honor-left,.about-honor-right,.affiliated-enterprises .text-2,.affiliated-enterprises-left .text,.corporate-culture-left,.news-item.nis2,.news-detail-left,.news-detail-right,.contact-map-bottom .title-12, .contact-map-bottom .telemail-1, .contact-map-bottom .text-6,.contact-map-bottom,.contact-message-left,.contact-message-right,.header-nav-menu.about .header-nav-product-right{width: 100%;}
	.page-product ,.page-product-characteristic,.page-product-application,.page-product-download,.page-application-area,.page-throughput,.page-market-layout,.page-about-strength,.page-about-honor,.about-honor-right .text-8,.page-baitu-shares,.corporate-culture-bottom ,.page-joinus {padding: 15% 0;}

}


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


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

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

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

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

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

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

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

} 









/* 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 {overflow: hidden;}
.tsemid-content-title .title-1{color: #222222;}
.tsemid-content-title .title-1 strong{font-weight: normal;color: #0097da;}
.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 #0097da;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: 74%;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: 5rem;width: 80%;text-align: justify;}
.tsemid-about-text::before {content: '';width: 4px;height: 100%;position: absolute;left: 0;top: 0;background-color: #0097da;}
.tsemid-about-text .title-2 {color: #0097da;}
.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 .svg4 {transform: translate(-50%,-50%) rotate(380deg);}
.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;}
.circle .edge .middle-circle-4{transform: translate(-50%); animation: turnrotate3 9000ms infinite linear;}








/* product */
.cz-product {position: relative;}
.cz-banner-top {position: relative;overflow: hidden;}
.cz-banner-top .img {background-color: #000;background-size: cover;background-position: center;}
.cz-banner-top .img .mark{background: url("../upload/mark1.png");width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.cz-banner-top .img{ animation: bgimgain 5000ms 1 ease-out;}
@keyframes bgimgain{0%{background-size: 120%;} 100%{background-size: 100%;}}
.cz-banner-top .text {text-align: center;color: #fff;position: absolute;left: 50%;width: 800px;margin-left: -400px;top:40%;z-index: 10;}
.cz-banner-top .text .title-1{font-size: 20px;text-transform: uppercase;}
.cz-banner-top .text .title-2{font-size: 50px;font-weight: bold;}
.cz-top-nav {width: 100%;margin: auto;position: relative;z-index: 100;}
.cz-top-nav-item {width: 76%;margin: auto;position: absolute;left:12%;top:-55px; z-index: 30;background: #fff;box-shadow: 0px 10px 50px 0px rgba(15, 23, 38, 0.1);}
.cz-top-nav-item a{display: block;overflow: hidden;padding:30px 3%;float: left;width:19%;position: relative;}
.cz-top-nav-item a:last-child::after {display: none;}
.cz-top-nav-item a::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e8ed;}
.cz-top-nav-item strong{color: #666e80;font-size: 18px;padding: 0;display: block;width: 100%;}
.cz-top-nav-item p{color: #a1a7b2;font-size: 12px;padding:10px 0 0 0;margin: 0;}
.cz-top-nav-item i{display: block;width: 50px;height: 50px;position: absolute;right: 10%;top: 50%;margin-top: -22.5px;}
.cz-top-nav-item a:hover,.cz-top-nav-item a.cur{background: #6060ea;}
.cz-top-nav-item a:hover strong,.cz-top-nav-item a:hover p,.cz-top-nav-item a.cur strong,.cz-top-nav-item a.cur p {color: #fff;}
.cz-top-nav-item a:hover img,.cz-top-nav-item a.cur img,.cz-top-nav-item a:hover svg,.cz-top-nav-item a.cur svg,.cz-top-nav-item a.cur svg *,.cz-top-nav-item a:hover svg *{fill: #fff;}
.cz-top-nav-item a.cur p{opacity: .6;}
.cz-top-nav-item.num2 {width: 40%;left:30%;}
.cz-top-nav-item.num2 a {width:40%;padding:30px 5%;}
.cz-top-nav-item.num3 {width: 56%;left:22%;}
.cz-top-nav-item.num3 a {width:23.33333%;padding:30px 5%;}
.cz-top-nav-item.num4 {width: 76%;left:12%;}
.cz-top-nav-item.num4 a{width:25%;box-sizing: border-box;}
.cz-top-nav-item.num6 {width: 90%;width:calc(90% - 60px); left:5%;margin:0 30px;top: -75px;}
.cz-top-nav-item.num6 a {width:10.66666%;}


.cz-product-list {padding: 150px 0 100px 0;overflow: hidden;width:76%;margin: auto;}
.cz-product-list-item {float: left;width: 31%;overflow: hidden;margin:0 0 1% 1%;}
.cz-product-list-item a{display: block;overflow: hidden;background: #f2f4f7;position: relative;}
.cz-product-list-item .img {position: relative;}
.cz-product-list-item .img img.img-center{mix-blend-mode: multiply;}
.cz-product-list-item .text {text-align: center;padding: 30px 0;border-top: 1px solid #dfe1e6;width: 90%;margin: auto;overflow: hidden;}
.cz-product-list-item .text .title-1{font-weight: bold;font-size: 18px;color: #26334c;}
.cz-product-list-item a:hover .text .title-1{color: #6060ea;}
.cz-product-list-item a:hover .img img.img-center {transform:scale(1.03);}

.cz-product-item {width: 100%;overflow: hidden;margin:1% auto 100px auto;position: relative;clear: both;}
.cz-product-item .img {position: relative;float: right;width: 65%;overflow: hidden;background: #000;z-index: 10;margin-bottom:75px;}
.cz-product-item .text {border: 1px solid #e8e8e8;width: 50%;padding: 5%;overflow: hidden;position: absolute;left: 0;bottom: 0; z-index: 1;} 
.cz-product-item .text::before,
.cz-product-item .text::after {content: '';width:600px;height:600px;border-radius:100%;background:#fff;opacity:.1;position:absolute;z-index:1;}
.cz-product-item .text::after{left:-65%;top:-25%;transition:all .6s ease;}
.cz-product-item .text::before {left:-20%;top: -150%;transition:all .4s ease;}
.cz-product-item .title-1 {font-size: 24px;color:  #26334d;line-height: 40px;font-weight: bold;padding: 70px 0;position: relative;z-index: 20;} 
.cz-product-item .viewmore-3 {border: 1px solid #e8e8e8;padding:15px 0px 20px 20px;position: relative;z-index: 20;} 
.cz-product-item .viewmore-3 span{color: #8a8f99;} 
.cz-product-item .viewmore-3 i {background: url(../images/jt-r2.png) center no-repeat;opacity: .4;}
.cz-product-item a:hover .text{background: #6060ea;}
.cz-product-item a:hover .text .title-1{color: #fff;}
.cz-product-item a:hover .viewmore-3 {background: #fff;}
.cz-product-item a:hover .viewmore-3 span{color: #6060ea;}
.cz-product-item a:hover .viewmore-3 i {background: url(../images/jt-r5.png) center no-repeat;opacity:1;}
.cz-product-item a:hover .text::after{left:-45%;top:-25%;}
.cz-product-item a:hover .text::before {left:-10%;top: -100%;}
.cz-product-item a:hover .img img.img-center {transform:scale(1.03);}


.cz-product-detail {padding: 80px 0 100px 0;overflow: hidden;}
.cz-product-detail .cz-content{width: 90%;width:calc(90% - 60px);padding:0 30px; }
.cz-product-detail-left{float: left;width: 50%;background: #000;overflow: hidden;}
.cz-product-detail-swiper{position: relative;overflow: hidden;width: 100%;height: 100%;}
.cz-product-detail-swiper .img{}
.cz-product-detail-swiper .swiper-button-next,.cz-product-detail-swiper .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 0; margin: auto;width: 95px;height: 60px;z-index: 10;}
.cz-product-detail-swiper .swiper-button-next::after,.cz-product-detail-swiper .swiper-button-prev::after {display: none;}
.cz-product-detail-swiper .swiper-button-next {right: 0;background: url('../images/jt-r1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-prev {right:96px;background: url('../images/jt-l1.png') center no-repeat rgba(0,0,0,.3);}
.cz-product-detail-swiper .swiper-button-next:hover {background: url('../images/jt-r1.png') center no-repeat #6060ea;}
.cz-product-detail-swiper .swiper-button-prev:hover {background: url('../images/jt-l1.png') center no-repeat #6060ea;}
.cz-product-detail-right {float: left;width: 45%;padding: 0 0 5% 5%;overflow: hidden;}
.cz-product-detail-right .title-1{font-size: 34px;color: #0097db;}
.cz-product-detail-right .title-2{font-size: 28px;color: #26334c;}
.cz-product-detail-right .text-3{padding: 15px 0;margin-top: 30px;border-top: 2px solid #e6e8ed;overflow: hidden;font-size: 16px;color: #666e80;line-height: 30px;text-align: inherit;font-weight: 400;}
.cz-product-detail-right .buttom-4{margin-top: 10px;overflow: hidden;}
.cz-product-detail-right .buttom-4 a{display: block;float: left;width: 120px;height: 60px;line-height: 60px;padding: 0 35px;color: #fff;font-size: 14px;font-weight: bold;position: relative;margin-right: 10px;}
.cz-product-detail-right .buttom-4 a i {width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;}
.cz-product-detail-right .buttom-4 a.bofang{background: #e63939;}
.cz-product-detail-right .buttom-4 a.zhixun{background: #6060ea;}
.cz-product-detail-right .buttom-4 a.bofang i {background: url('../image/play1.png') center no-repeat;}

.cz-product-detail-right .buttom-4 a.bofang:hover {background: #0097db;}
.cz-product-detail-right .buttom-4 a.zhixun:hover {background: #4d4dbb;}
.cz-product-detail-right .buttom-4 a.bofang1{background: #0097db; font-size: 16px;}
.cz-product-detail-right .buttom-4 a.bofang1:hover {background: #e63939;}

.cz-product-detail-content {padding: 50px 0;overflow: hidden;}
.cz-product-detail-content .cz-content{width:80%;}
.cz-detail-content {margin: 30px;}
.cz-detail-content .title-1 {font-size: 24px;color: #26334d;position: relative;padding: 20px 0;overflow: hidden;border-bottom: 2px solid #d8dae0;}
.cz-detail-content .title-1 i{width: 30px;line-height: 30px;text-align: center;font-size: 20px;color: #26334d;position: absolute;right: 0;top: 50%;margin-top: -15px;font-style: normal;}
.cz-detail-content .img{text-align: center;padding-top: 60px;overflow: hidden;}
.cz-detail-content .parameter-2 {margin-top: 30px;overflow: hidden;/*! border: 1px solid #e6e8ed; */}
.cz-detail-content .parameter-2 .item-3 {background: #ffffff;border-bottom: 1px solid #f2f4f7;overflow: hidden;}
.cz-detail-content .parameter-2 .item-3:hover {background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:first-child{background: #f2f4f7;}
.cz-detail-content .parameter-2 .item-3:last-child {border-bottom: none;}
.cz-detail-content .parameter-2 .item-3:first-child li {font-size: 18px;}
.cz-detail-content .parameter-2 .item-3 li{font-size: 16px;color: #26334c;list-style: none;float: left;width:40%;margin: 0;padding: 0;padding: 25px 5%;}
.cz-detail-content .parameter-2 .item-3 li:first-child{width:20%;}

.cz-product-detail-content.characteristic {background: url('../upload/characteristic.jpg') center no-repeat;background-size: cover;}
.cz-product-detail-content.characteristic .title-1{border-bottom: 2px solid #2a344b;}
.cz-product-detail-content.characteristic .title-1,.cz-product-detail-content.characteristic .title-1 i {color: #fff;}
.cz-product-detail-content.characteristic .characteristic-3 {margin-top: 30px;overflow: hidden;}
.characteristic-3 .item-4{color: #fff;border: 2px solid #2a344b;box-sizing: border-box;float: left;width:32.5%;padding:2.5% 3%;overflow: hidden;margin:1% 1% 1% 0;}
.characteristic-3 .item-4:nth-child(3),.characteristic-3 .item-4:nth-child(6),.characteristic-3 .item-4:nth-child(9),.characteristic-3 .item-4:nth-child(12),.characteristic-3 .item-4:nth-child(15) {margin:1% 0 1% 0;}
.characteristic-3 .item-4 .text-1{font-size: 18px;position: relative;padding-bottom: 20px;border-bottom:1px solid #3f485d;font-weight: bold;}
.characteristic-3 .item-4 .text-2{padding: 20px 0 0 0;overflow: hidden;height: 130px;}
.characteristic-3 .item-4 .text-3{font-size: 14px;line-height: 26px;color: #babcc0;max-height: 130px;padding-right: 10px; overflow: auto;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar{height:4px; width:2px;background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-track {background: #41495d;}
.characteristic-3 .item-4 .text-3::-webkit-scrollbar-thumb {background: #fff;}   

.cz-content {
  width: 96%;
  margin: auto;
  position: relative;
}




/* 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;}

.font16 {font-size: 16px;}


.cz-content {width: 96%;margin: auto;position: relative;}
.cz-header .cz-content {z-index: 999;padding:0 2%;overflow: hidden;}
.cz-header .cz-content::after {content: '';width: 100%;height: 50px; background: #fff;position: fixed;left: 0;top: -100px;transition:all .4s ease;}
.cz-quality-supplier {padding: 5% 0;overflow: hidden;}
.cz-quality-supplier .cz-content {width: 90%;}
.cz-quality-supplier-top{text-align: center;}
.cz-quality-supplier-top .cz-title { display: inline-block;}
.cz-quality-supplier-bottom {margin-top: 2%;overflow: hidden;}
.cz-quality-supplier-bottom li {list-style: none;margin: 0;padding: 0;width: 17.7%;margin:1%;display: inline-block;vertical-align: middle;}
.cz-quality-supplier-bottom li .img {position: relative;margin: auto;text-align: center;height: 100px;overflow: hidden;border: 1px solid #ccc;}
.cz-quality-supplier-bottom li .img img {display: inline-block;width: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.cz-quality-supplier-bottom li .text {margin-top: 10px;text-align: center;font-size: 16px;color: #666;}
.cz-title {position: relative;}
.cz-title .title-1{font-size: 20px;line-height: 20px; color: #26334c;padding-left:30px;position: relative;text-transform: uppercase;}
.cz-title .title-1 i{display: block;width: 25px;height: 17px;position: absolute;left: 0;top:0px; background: url('../image/it1.png') no-repeat;}
.cz-title .title-2 {font-size: 40px;color: #26334c;padding:5px 0 0 25px;font-weight: bold;}



/* news */
.cz-news .cz-content {width: 90%;}
.cz-news-top {padding: 150px 0 100px 0;overflow: hidden;margin:0 30px;}

.cz-news-list {padding: 100px 0 40px 0;overflow: hidden;margin:0 30px;}
.cz-news-list .cz-index-news-item {width: 24%;margin-bottom: 2%;}
.cz-news-list .cz-index-news-item .text .title-2 {font-size: 16px;}
.cz-news-list .cz-index-news-item a:hover .img img.img-center {transform:scale(1.03);}
.cz-news-list .cz-index-news-item:nth-child(4),.cz-news-list .cz-index-news-item:nth-child(8) {margin-right: 0;}
.cz-page-trun {clear: both;padding: 10px 0px 100px 0px;text-align: center;}
.cz-page-trun a {margin: 0 20px;font-size: 18px;color: #a1a7b2;}
.cz-page-trun a span{color: #a1a7b2;margin: 0 10px;}
.cz-page-trun a span:first-child {color: #6060ea;}
.cz-page-trun a.prev,.cz-page-trun a.next{border: 1px solid #666;width:58px;height:58px;display: inline-block;vertical-align: middle;opacity: .2;}
.cz-page-trun a.prev:hover,.cz-page-trun a.next:hover {opacity: 1;}
.cz-page-trun a.prev {background: url('../image/jt-l2.png') center no-repeat;}
.cz-page-trun a.next {background: url('../image/jt-r2.png') center no-repeat;}

.cz-index-news {padding: 150px 0 70px 0;overflow: hidden;}
.cz-index-news .cz-content{width: 90%;}
.cz-index-news-top {position: relative;}
.cz-index-news-nav {position: absolute;right: 30px;bottom:3%;font-size: 0;}
.cz-index-news-nav::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #e6e8ed;}
.cz-index-news-nav a{display: inline-block;vertical-align: middle;font-size: 16px;color: #a1a7b2;position: relative;padding:0 5px 20px 5px;margin-left: 50px;}
.cz-index-news-nav a::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;z-index: 10;}
.cz-index-news-nav a.cur{color: #26334d;}
.cz-index-news-nav a.cur::after {background: #6060ea;}
.cz-index-news-nav a:first-child {margin-left:0px;}
.cz-index-news-bottom {position: relative;overflow: hidden;padding-top: 50px;margin-left: 30px;}
.cz-index-news-item {float: left;width: 32%;margin-right: 1.3%;}
.cz-index-news-item:last-child {margin-right: 0;}
.cz-index-news-item a{display: block;overflow: hidden;background: #f2f4f7;}
.cz-index-news-item .img {position: relative;background: #000;}
.cz-index-news-item .text {padding:7%;overflow: hidden;}
.cz-index-news-item .text .date-1{font-size: 14px;color: #666e80;}
.cz-index-news-item .text .title-2{font-size: 18px;line-height: 30px; color: #26334c;min-height:140px;overflow: hidden;padding: 10px 0;} 
.cz-index-news-item .text .view-3{font-size: 14px;color: #666e80;}
.cz-index-news-item .text .view-3 i {display:inline-block;vertical-align:middle;width:15px;height:5px;background:url('../image/jt-r3.png') no-repeat;margin-left: 10px;}
.cz-index-news-item a:hover {background: #0097db;}
.cz-index-news-item a:hover .date-1,.cz-index-news-item a:hover .title-2,.cz-index-news-item a:hover .view-3{color: #fff;}
.cz-index-news-more {text-align: center;margin:30px 30px;}
.cz-index-news-more a {width: 100%;display:block;border: 1px solid #e6e8ed;color: #666e80;font-size: 14px;padding: 25px 0;overflow: hidden;}
.cz-index-news-more a i{display: inline-block;vertical-align: middle;background: url('../image/imore.png') no-repeat;width: 10px;height: 10px;margin-left:10px; }
.cz-index-news-more a:hover {border: 1px solid #0097db;color: #0097db;}
.cz-index-news-item a:hover .view-3 i {background:url('../image/jt-r4.png') no-repeat;}
.cz-index-news-item a:hover i {background: url('../image/imore1.png') no-repeat;}

.cz-news-detail-content {padding:5% 0;width:70%;margin: auto;}
.cz-news-detail-content .title-1{font-size: 40px;color: #26334c;}
.cz-news-detail-content .time-2{font-size: 16px;color: #a1a7b2;border-bottom: 2px solid #e6e8ed;padding: 30px 0;}
.cz-news-detail-content .detail-3{padding: 30px 0;font-size: 16px;line-height: 30px; color: #666e80;overflow: hidden;}
.cz-news-detail-content .detail-3 img {width:auto;}



.cz-popup-window {position: fixed;top: -100%;right:0;z-index: 9999;width: 100%;height:100%;display: block;overflow: hidden;transition: all .4s;}
.cz-popup-window.cur {top:0;background: rgba(21,33,66,.5);}
.cz-popup-window-content {background: #fff;width:600px;padding:3%;overflow: hidden;margin: auto;margin-top:10%;position: relative;z-index: 10;}
.cz-popup-close {z-index:1;width: 30px; height:30px;background: url("../image/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute;right:1%; display:block; top:25px;cursor: pointer;transition: all .4s;}
.cz-popup-close:hover {transform:rotate(180deg);}
.cz-popup-window-mark {position: absolute;right: 0;top: 0;width:100%;height: 100%;z-index: 1;}	
.cz-popup-window-content.cz-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.cz-popup-window-content.cz-video .cz-popup-close {background: url("../image/xx1.png") center no-repeat;background-size: 40%;}
.cz-popup-window-content.cz-video video {width: 100%;height: 100%;display: block;}




.cz-service-video {clear: both;overflow: hidden;padding: 50px 0 10px 0;}
.cz-service-video .cz-content{width: 90%;}
.cz-service-video-list {margin: 30px;overflow: hidden;}
.cz-service-video-list .cz-service-video-item:nth-child(3),
.cz-service-video-list .cz-service-video-item:nth-child(6),
.cz-service-video-list .cz-service-video-item:nth-child(9) {margin:1% 0 2% 0;}
.cz-service-video-item {float: left;width: 30%;margin:1% 5% 2% 0;}
.cz-service-video-item a{display: block;overflow: hidden;}
.cz-service-video-item .img {position: relative;overflow: hidden;background: #000;}
.cz-service-video-item .img {position: relative;overflow: hidden;background: #000;}
.cz-service-video-item .img::before {content: '';width: 50px;height: 50px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;background: url('../image/play.png') center no-repeat;z-index: 20;margin: -25px 0 0 -25px;}
.cz-service-video-item .text{text-align: center;padding: 20px 0;font-size: 18px;font-weight: bold;color: #fff;background-color: #0097db;}
.cz-service-video-item a:hover .img img.img-center {transform:scale(1.03);opacity: .8;}
.cz-popup-window-content.cz-video {background: #000;padding:0;width: 60%;margin-top: 5%;}
.cz-popup-window-content.cz-video .cz-popup-close {background: url("../image/xx1.png") center no-repeat;background-size: 40%;}
.cz-popup-window-content.cz-video video {width: 100%;height: 100%;display: block;}



 table {  
  width: 100%;  
  border-collapse: collapse;
      margin: auto
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 3px; 
    padding-left: 16px;
  border: 1px solid #ccc;  
  text-align: left;
	line-height: 28px
} 



 .carousel-container {
      max-width: 1500px;
      margin: 50px auto;
      overflow: hidden;
      position: relative;
    }

    .carousel-track {
      display: flex;
      transition: transform 0.5s ease-in-out;
    }

    .carousel-item {
      flex: 0 0 calc((100% - 30px) / 4); /* 4张图，3个间隔，每个10px */
      margin-right: 10px;
      text-align: center;
    }

  

    .carousel-item a {
      display: block;
      text-decoration: none;
      color: inherit;
    }

    .carousel-item img {
      width: 100%;
      /*! border-radius: 8px; */
    }

    .carousel-item .name {
      /*! margin-top: 8px; */
      font-size: 16px;
    }

    .carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      padding: 10px;
      font-size: 20px;
      cursor: pointer;
      z-index: 10;
    }

    .carousel-btn.left { left: 10px; }
    .carousel-btn.right { right: 10px; }

    .carousel-dots {
      text-align: center;
      margin-top: 15px;
    }

    .carousel-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin: 0 4px;
      background: #888788;
      border-radius: 50%;
      cursor: pointer;
    }

    .carousel-dot.active {
			background: #0097db;}

.carousel-item {
  background-color: #0097db;

  overflow: hidden;
}

.name {
  font-size: 16px;
  color: #fff;
  padding: 8px 8px;
  text-align: center;
}


.e_button-19 a:hover {
  border:1px solid #0097db;
  background:#01327e;
  background-color:#0097db;
	height: 36px
}

.e_button-19 a{
float: right;
  width: 160px;
  text-align: center;
  line-height: 36px;
  background:#01327e;
  background-color:#0097db;
height: 36px;
color: #fff}