@font-face{
	font-family:"OPPOSans-Ver2-Bold";
	src:url(../font/OPPOSans3.0cn-Bold.woff2) format("woff2"),url(../font/OPPOSans3.0cn-Bold.woff) format("woff"),url(../font/OPPOSans3.0cn-Bold.ttf) format("truetype");
	font-variation-settings:'wght' 700;
	font-style:normal;
	font-display:swap
}

@font-face{
	font-family:"OPPOSans-Ver2-Medium";
	src:url(../font/OPPOSans3.0cn-Medium.woff2) format("woff2"),url(../font/OPPOSans3.0cn-Medium.woff) format("woff"),url(../font/OPPOSans3.0cn-Medium.ttf) format("truetype");
	font-variation-settings:'wght' 500;
	font-style:normal;
	font-display:swap
}

@font-face{
	font-family:"OPPOSans-Ver2-Regular";
	src:url(../font/OPPOSans3.0cn-Regular.woff2) format("woff2"),url(../font/OPPOSans3.0cn-Regular.woff) format("woff"),url(../font/OPPOSans3.0cn-Regular.ttf) format("truetype");
	font-variation-settings:'wght' 400;
	font-style:normal;
	font-display:swap
}

@font-face{
	font-family:'OPPOSans-Bold';
	src:url(../font/OPPOSans-B.woff2) format("woff2"),url(../font/OPPOSans-B.woff) format("woff"),url(../font/OPPOSans-B.ttf) format("truetype");
	font-style:normal;
	font-display:swap
}

@font-face{
	font-family:'OPPOSans-Medium';
	src:url(../font/OPPOSans-M.woff2) format("woff2"),url(../font/OPPOSans-M.woff) format("woff"),url(../font/OPPOSans-M.ttf) format("truetype");
	font-weight:200;font-style:normal;
	font-display:swap
}

@font-face{
	font-family:'OPPOSans-Regular';
	src:url(../font/OPPOSans-R.woff2) format("woff2"),url(../font/OPPOSans-R.woff) format("woff"),url(../font/OPPOSans-R.ttf) format("truetype");
	font-weight:200;font-style:normal;
	font-display:swap
}

html{-webkit-text-size-adjust:none;}
body{font-family: "OPPOSans-Ver2-Medium"; color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
body p {margin: 0;padding: 0;}
input,select,textarea {border-radius: 0;outline: none;font-family: "OPPOSans-Ver2-Medium";}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: var(--black1);} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {color: var(--blue);}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;} 
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:var(--gray4);}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
#p2 .img img,#p2 .pic img {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: 100% !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;}
.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 {
  width: 6px;
  border-radius: 3px;
  background-color: #fff;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  border-radius: 3px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #3348f3;
}

 
:root {
	--white1:#ffffff; 
	--black1:#000000; 
	--black2:#1a1a1a; 
	--gray1: #333333; 
	--gray2: #666666;
	--gray3: #999999;
	--gray4: #cccccc;
	--gray5: #f5f5f5;
	--red1:#ff0000;
}



/* header */
.header {position:fixed;left: 0;top: 0;z-index: 500;width: 100%;transition:all .4s ease;background: rgba(255,255,255,0.55);}
.header::after {content: '';width: 100%;height: 1px;background: var(--white1);position: absolute;left: 0;bottom: 0;z-index: 1;opacity: .2;}
.header::before {content: '';width: 10%;height: 1px;background: #0091df;position: absolute;left: 0;bottom: 0;z-index: 1;animation: leftmovright infinite 4.5s cubic-bezier(0.77, 0, 0.175, 1);}
.header * {transition:all .4s ease;}
.header-content {width:calc(100% - 200px);height: 110px;margin: auto;position: relative;z-index: 500;}
.header-logo {width:auto;height: auto;position: absolute;top:34%;left:0;z-index: 11;max-width: 280px;}
.header-logo a {display: block;}
.header-logo img {opacity: 1;display: block;max-width: 100%;width: 100%;}
.header-logo .logo-1 {display: inline-block;vertical-align: middle;}
@media screen and (max-width: 1400px) {
.header-logo .logo-1 {display: inline-block;vertical-align: middle;}
}
.header-logo .name-1 {display: inline-block;vertical-align: middle;color: var(--black1);margin-left: 15px;}
.header-nav {position: absolute;right: 8%;top: 0%;/*transform: translate(-50%,-50%);*/text-align: center;}
.header-nav a{color: #333333;padding: 0 20px;line-height: 110px;display: inline-block;vertical-align: middle;overflow: hidden;position: relative;font-family: "OPPOSans-Ver2-Medium";font-size: 18px;}
.header-nav a:hover {opacity: 1;color: #0c6bc7;}
.header-nav a::after {content: '';width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 11;background: #0091df;transition:all .4s ease;margin-left: -15%;}
.header-right {position: absolute;right: 2%;top: 50%;transform: translateY(-50%);text-align: right;}
.header-right a{display: inline-block;vertical-align: middle;}
.header-right a i{display: block;width: 50px;height: 50px;}
.header-right a span {color: var(--black1);}
.header-right a.search i{background: url('../image/s.png') center no-repeat;}
.header-right a.language {position: relative;}
.header-right a.language:first-child::before{display: none;}
.header-right a.language::before {content: '';width: 1px;height: 14px;background: var(--black1);opacity: .8;margin-right:15px;display: inline-block;vertical-align: middle;transform: translateY(-1px);margin-left: 15px;}
.header-right a:hover {opacity: .5;}
.cd-nav-trigger {width: 100px;height: 100%;position: absolute;right: 0;top: 0;display: block;z-index: 611;}
.cd-nav-trigger span{position: absolute;left: 50%;top: 50%;background: var(--black1);width: 40px;height: 3px;transform: translateX(-50%);margin-top: -1.5px;}
.cd-nav-trigger span:first-child {margin-top: -8px;}
.cd-nav-trigger span:last-child {margin-top: 6px;}
.cd-nav-trigger:hover span:first-child,.cd-nav-trigger:hover span:last-child {margin-top: 0px;}

 
.header.scroll-down {top: 0px;background: #fffe;visibility: inherit !important;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}
.header.scroll-top {background: #fff;top: 0px;visibility: inherit !important;}
.header.black,.header.detail {background: var(--white1);}
.header.black::after,.header.detail::after {background: var(--gray3);}
.header.black::before,.header.detail::before {display: none;}
.header.black .header-logo a,.header.detail .header-logo a {background: url('../image/logo1.png') left center no-repeat;}
.header.black .header-logo img ,.header.detail .header-logo img {opacity: 0;}
.header.black .header-right a.search i,.header.detail .header-right a.search i{background: url('../image/sss.png') center no-repeat;}
.header.black .header-right a.language::before,.header.black .cd-nav-trigger span,
.header.detail .header-right a.language::before,.header.detail .cd-nav-trigger span {background: var(--black2);}
.header.black .header-logo .name-1,.header.black .header-nav a,.header.black .header-right a.language span,
.header.detail .header-logo .name-1,.header.detail .header-nav a,.header.detail .header-right a.language span {color: var(--black2);}
.header.black .header-nav a.on::after,.header.detail .header-nav a.on::after{width: 30%;}
.header.black .header-nav a.on,.header.detail .header-nav a.on {color: #0091df;}
.header.black .header-nav a.on:hover,.header.detail .header-nav a.on:hover   {opacity: 1;}





.header-nav-show {width: 100%;height: 100%;right: 0;top: 0;z-index: 9999999;overflow: hidden;position: fixed;color: var(--white1);transition:all .6s ease;transform: translateX(101%);}
.header-nav-show::after {content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;background:#003281;}
.header-nav-show ul,.header-nav-show li {list-style: none;margin: 0;padding: 0;}
.header-nav-show-left {position: absolute;left: 0;top: 0;width: 85%;height: 100%;z-index: 11;}
.header-nav-show-right {position: absolute;right:0;top: 0;width: 45%;height: 100%;z-index: 11;}
.header-show-nav {position: absolute;left: 40%;top: 50%;z-index: 11;transform: translate(-50%,-50%);transition:all .6s .4s ease-in-out;}
.header-show-nav ul{overflow: hidden;}
.header-show-nav li {padding: 4% 0;opacity: 0;transform: translateX(100%);}
.header-show-nav li a{color: var(--white1);opacity: .3;position: relative;font-size: 26px;}
.header-show-nav li a:hover {opacity: 1;}
.header-show-navs {position: absolute;left: 0%;top: 5%;z-index: 11;transform: translate(-50%, -50%);transition: all .6s .4s ease-in-out;}
.header-show-navs li {padding: 4% 0;opacity: 1;transform: translateX(100%);}
.header-show-navs li a{color: var(--white1);opacity: .8;position: relative;font-size: 18px;}
.header-show-navs li a:hover {opacity: 1;}
.header-contact {position: absolute;left: 0;top: 50%;z-index: 11;transform: translateY(-50%);width: 50%;padding-left: 15%;overflow: hidden;}
.header-contact::after {content: '';width: 1px;height: 100%;background: var(--white1);position: absolute;left: 0;top: 0;z-index: 1;opacity: .2;}
.header-contact::before {content: '';width: 1px;height: 40%;background: var(--white1);position: absolute;left: 0;top: 0;z-index: 11;opacity: 1;animation: downtoup1 infinite 3.4s cubic-bezier(0.77, 0, 0.175, 1);}
.header-contact-item {overflow: hidden;padding-bottom: 7%;opacity: 0;transform: translateX(100%);}
.header-contact-item .title-1{color: #3f65a2;}
.header-contact-item .text-2{color: var(--white1);margin-top: 4%;}
.header-contact-item .text-2 li{list-style: none;margin: 0;padding: 0;margin-right: 40px;margin-bottom: 2%;display: inline-block;vertical-align: middle;}
.close-nav {position: absolute;right: 3%;top: 5%;width: 60px;height: 30px;z-index: 111;}
.close-nav a {display: block;width: 100%;height: 100%;position: relative;}
.close-nav a::before{content: '';width: 100%;height: 1px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: var(--white1);transition:all .4s ease;}
.close-nav a:hover::before {width: 50%;left: 25%;}
.header-nav-show-right .footer-social {position: absolute;right: 0;bottom: 10%;z-index: 11;text-align: right;width: auto;left: auto;opacity: 0;transition:all 1s 0.3s;}
.header-nav-show-right .footer-social li {display: block;margin-top: 30px;}
.header-nav-show-right .footer-social a {background: var(--white1);}
.header-nav-show-right .footer-social a img {opacity: 1;filter: invert(100%);}

.header-show-nav li:nth-child(1) {transition:all 0.6s 0.1s;}
.header-show-nav li:nth-child(2) {transition:all 0.7s 0.2s;}
.header-show-nav li:nth-child(3) {transition:all 0.8s 0.3s;}
.header-show-nav li:nth-child(4) {transition:all 0.9s 0.4s;}
.header-show-nav li:nth-child(5) {transition:all 1.0s 0.5s;}
.header-show-nav li:nth-child(6) {transition:all 1.1s 0.6s;}
.header-show-nav li:nth-child(7) {transition:all 1.2s 0.7s;}
.header-show-nav li:nth-child(8) {transition:all 1.3s 0.8s;}
.header-contact-item:nth-child(1) {transition:all 0.6s 0.1s;}
.header-contact-item:nth-child(2) {transition:all 0.8s 0.2s;}
.header-contact-item:nth-child(3) {transition:all 0.8s 0.3s;}
.no-touch .header-nav-show{transform: translateX(0);}
.no-touch .cd-nav-trigger span:first-child,.no-touch .cd-nav-trigger span:last-child {margin-top: 0px;}
.no-touch .header-show-nav li,.no-touch .header-contact-item  {transform: translateX(0);opacity: 1;}
.no-touch .header-nav-show-right .footer-social {right: 10%;opacity: 1;}

.search-show {position: fixed;width: 100%;height: auto;left: 0;top: 0;z-index: 1111;background: var(--white1);transform: translateY(-100%);transition:all .4s ease;}
.search-show.cur {transform: translateY(0);}
.search-show-contact {width: 80%;margin:auto;padding: 1% 0 3% 0;overflow: hidden;}
.search-show-top {position: relative;overflow: hidden;}
.search-2 {width: 100%;padding: 3% 0;overflow: hidden;background: none;border: none;border-bottom: 1px solid #ededed;}
.search-2::input-placeholder{color: var(--gray4);} 
.search-2::-webkit-input-placeholder {color: var(--gray4);} 
.search-2:focus {border-bottom: 1px solid #0091df;}
.search-btn-1 {position: absolute;width: 50px;height: 50px;right: 0;top: 50%;background: url('../image/ss.png') center no-repeat;z-index: 1;border: none;cursor: pointer;margin-top: -25px;border-radius: 100%;transition:all .4s ease;}
.search-btn-1:hover {background: #ddd url('../image/ss.png') center no-repeat;}
.search-show-bottom {padding-top: 3%;overflow: hidden;}
.hot-search-1 {overflow: hidden;color: var(--gray3);}
.hot-search-1 h6{font-weight: normal;display: inline-block;vertical-align: unset;margin: 0;padding: 0;color: var(--black1);}
.hot-search-1 a{font-weight: normal;margin: 0;padding: 0;color: var(--gray3);}
.hot-search-1 a:hover {color: #0091df;}
.search-show-mark {width: 100%;height: 100%;z-index: 1100;position: fixed;left: 0;top: 0;background: var(--black1);opacity: .2;display: none;}
.search-show-mark.cur {display: block;}

.product-nav-show {position: fixed;left: 0;top: 0;width: 100%;z-index:111;overflow: hidden;transition:all .4s ease;}
.product-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
.product-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;background: #fff;margin-top: 110px;padding: 3% 0;overflow: hidden;}
.product-show-nav {overflow: hidden;width: 88%;margin: auto;}
.product-nav-item {float: left;min-width: 10%;position: relative;overflow: hidden;padding-right: 4%;min-height: 300px;}
.product-nav-item .title-1{color: var(--black1);padding-bottom: 35px;overflow: hidden;}
.product-nav-item .nav-2{overflow: hidden;}
.product-nav-item .nav-2 a{display: block;width: 100%;color: var(--gray3);padding: 2% 0;}
.product-nav-item .nav-2 a:hover {text-decoration: underline;color: #0091df;}
.product-nav-item.item-row2 .nav-2 a {width: 50%;float: left;}
.product-nav-item.item-row2 {width: 20%;}
.product-nav-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 15%;top: 0;background:var(--black2);opacity: .1;}

.product-show-nav-pics {float: right;width: 32%;}
.product-nav-pics {padding: 1%;overflow: hidden;}
.product-nav-pics a{display: block;position: relative;background: #f8f8f8;position: relative;overflow: hidden;}
.product-nav-pics a:hover .viewmore{transform: translate(-50%,-50%) scale(.6);;}
.product-nav-pics .title-1 {color: var(--gray1);position: absolute;left: 5%;bottom: 10%;z-index: 211;}

.page-search-detail {margin-top: 110px;padding: 5% 0;overflow: hidden;}
.page-search-detail-top {text-align: center;width: 80%;margin: auto;position: relative;}
.page-search-detail-top .title-1{overflow: hidden;}
.page-search-detail-top .search-1{position: relative;overflow: hidden;}
.page-search-detail-top .search-2{overflow: hidden;}
.page-search-detail-top .search-btn-1{margin-bottom: 3%;}
.page-search-detail-top .text-1{text-align: left;margin-top: 2%;color: #a0a0a0;}
.page-search-detail-top .text-1 strong{color: #000;}
.page-search-detail-top .typenav-1 {overflow: hidden;padding: 3% 0 0 0;position: relative;clear: both;}
.page-search-detail-top .typenav-1::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #ddd;}
.page-search-detail-top .typenav-1 a {display: inline-block;vertical-align: middle;padding-bottom: 20px;position: relative;margin:0 10px;padding: 0 40px 30px 40px;z-index: 11;}
.page-search-detail-top .typenav-1 a.cur {color: #003281;}
.page-search-detail-top .typenav-1 a::after {content: '';width: 0;height: 2px;position: absolute;left: 0;bottom: 0;background: #003281;}
.page-search-detail-top .typenav-1 a.cur {color: #003281;}
.page-search-detail-top .typenav-1 a.cur::after {width: 100%;}
.page-search-detail-center {padding: 3% 0;overflow: hidden;}
.page-search-detail-center {width: 80%;margin: auto;}
.page-search-detail-center .news-list-item a {background: none;}

/* index */
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-item {position: relative;overflow: hidden;opacity: 0;transition:all .4s ease;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} 

.index-banner-item .text {width: 70%;left: 9%;top: 50%;z-index: 51;transform: translateY(-50%);color: var(--white);position: absolute;}
.index-banner-item .title-1 {color: var(--white1);}
.index-banner-item .title-2 {color: var(--gray3);margin-top: -1%;}
.index-banner-item .more-1 {margin-top: 3%;}
.index-banner-item .pic {overflow: hidden;}
.index-banner-swiper .swiper-slide {background: var(--black1);}
.index-banner-swiper .swiper-slide-active .index-banner-item  {opacity: 1;}
.index-banner-swiper .swiper-slide .title-1 {transform:translateY(200px);opacity:0;transition:all 0.5s;}
.index-banner-swiper .swiper-slide .title-2 {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .swiper-slide .more-1  {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .more-1{transform:translateY(0px);opacity:1;}

.index-banner-swiper .banner-pagination {width: 9%;right: 0;top: 50%;transform: translateY(-50%);z-index: 111;left: auto;bottom: auto;text-align: center;position: absolute;}
.index-banner-swiper .banner-pagination span {width: 4px;height: 4px;background: var(--white1);border-radius: 100%;display: block;margin: 60px auto!important;position: relative;}
.index-banner-swiper .banner-pagination span::before {content: '';position: absolute;width: 0px;height: 0px;border: 1px solid #103784;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: .5;transition:all .4s ease;border-radius: 100%;}
.index-banner-swiper .banner-pagination span::after {content: '';position: absolute;width: 60px;height: 60px;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {width: 6px;height: 6px;background: #0091df;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {width: 60px;height: 60px;}


.index-banner-right-line {width: 1px;height: 100%;position: absolute;right: 100px;top: 0;background: rgba(255,255,255,.2);z-index: 111;}
.index-banner-right-line i {display: block;width: 100%;height: 10%;background: #0091df;position: absolute;left: 0;top: 0;z-index: 1;animation: downtoup1 infinite 4.5s cubic-bezier(0.77, 0, 0.175, 1);}
.scroll-icon {position: absolute;right: 50px;bottom: 8%;z-index: 211;}
.scroll-icon i{width: 100px;height: 100px;display: block;margin: auto;position: relative;cursor: pointer;}
.scroll-icon em{width: 50px;height: 50px;background: var(--white1) url('../image/d.png') center no-repeat;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition:all .4s ease;}
.scroll-icon span{display: block;color: var(--white1);position: absolute;right: -18px;top: 50%;transform: translateY(-50%);line-height: 16px;}
.scroll-icon i::after {content: '';width: 100px;height: 100px;background: var(--gray5);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;animation: yuanfanin infinite 2s ease;}
.scroll-icon i:hover em{background: #0091df url('../image/d1.png') center no-repeat;}


.more-1 {width: 270px;height: 65px;line-height: 65px;text-align: center;color: var(--white1);} 
.more-1 a {display: block;background:#0091df;color: var(--white1);border-radius: 50px;} 
.more-1 span{color: var(--white1);}
.more-1 a:hover {background: #003281;}
.more-2 {width: 150px;line-height: 50px;text-align: center;color: var(--white1);} 
.more-2 a {display: block;background:#f8f8f8;color: #3c3c3c;border-radius: 50px;border: 1px solid #666;} 
.more-2 span{color: #3c3c3c;}
.more-2 a:hover {background: #003281;}
.more-2 a:hover   span{color: #fff;}


.index-about {position: relative;overflow: hidden;background: var(--white1);z-index: 20;}
.index-about .left-name {position: absolute;left: 0;width: 100px;height: 100%;z-index: 11;}
.index-about .left-name::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: var(--black1);opacity: .1;}
.index-about .left-name::before {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #0091df;z-index: 11;animation: downtoup1 infinite 4.5s cubic-bezier(0.77, 0, 0.175, 1);}
.index-about .left-name .title-1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: var(--gray3);font-size: 24px;text-align: center;}
.index-about .center-text {position: absolute;width: 42%;left: 10%;z-index: 13;top:13%;text-align: justify;}
.index-about .center-text .text {width: 100%;float: left;overflow: hidden;margin-top: 2%;}
.index-about .center-text .title-1{color: var(--black1);}
.index-about .center-text .text-1{color: #333;line-height: 1.8}
.index-about .center-text .more-2{clear: both;margin-top: 5%;}
.right-date {position: absolute;left: 10%;width: 42%;bottom:10%;background: #fff;z-index: 999;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);padding-left: 20px;padding-right: 20px;}
.right-date-item {position: relative;margin-top: 3%;margin-bottom: 3%; overflow: hidden;text-align: center;width: calc(25% - 1px);float: left;border-right: 1px solid #fff9;}
.right-date-item:nth-child(4){border-right: 0px solid #999;}
.right-date-item:last-child{border-right: 0px solid #999;}
.right-date-item::after {content: '';width: 100%;height:1px;position: absolute;right: 0;bottom: 0;background: var(--black1);opacity: .1;display: none}
.right-date-item .title-1{/*position: absolute;left: 0;bottom: 10%;*/}
.right-date-item .date-1{/*float: right;width: 50%;*/position: relative;display: inline-flex;}
.right-date-item .date-1 *{transition:all .4s ease;}
.right-date-item .date-1 sup{color: #555;position: absolute;right: 20px;top: -15px;}
.right-date-item .date-1 strong{display: block;font-weight: normal;font-family: "OPPOSans-Ver2-Regular";color: #555;}
/* .right-date-item:first-child .date-1 strong,.right-date-item:first-child .date-1 sup  {color: #0091df;} */
.right-date-item .line-3 {width: 0;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 11;background: #0091df;transition:all .4s ease;}
.right-date-item:hover .line-3{width: 100%;display: none;}
.right-date-item:hover .date-1 strong,.right-date-item:hover .date-1 sup{color: #fff;}


@keyframes jinduain40{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%{width: 0;}100%{width: 35%;}}
.jindu40{-webkit-animation-name:jinduain40;animation-name:jinduain40;-webkit-animation-duration:.9s;animation-duration:.9s}

.index-technical-service {position: relative;padding-top: 60px;background: url(../../about/image/index_05_01.jpg) center top;padding-bottom: 60px;background-size: cover;}
.index-technical-services{padding-top: 0px;padding-bottom: 0px;}
.index-technical-service .left-name{/*position: absolute;*/z-index: 12;width: 80%;margin:auto;color: #000;text-align: center;}
.index-technical-services .left-name{position: absolute;z-index: 12;width: 40%;margin:auto;color: #000;text-align: left;left: 9%;top: 15%;}
.index-technical-service .left-name p{padding-top: 15px;padding-bottom: 45px;line-height: 1.8;}
.index-technical-service .left-name .title-1{overflow: hidden;}
.index-technical-service .more-2{margin-top: 5%;}
.index-technical-service .more-2 a{border: 1px solid rgba(0,0,0,.6);background: none;}
.index-technical-service .more-2 span {color: #000;}
.index-technical-service .more-2 a:hover {background:#0091df;}
.index-technical-service .right-class {position: absolute;right: 6%;top: 15%;color: #000;z-index: 10;}
.technical-servicer {position: relative;}
.technical-servicer .img-center {z-index: 11;}
.index-technical-service .right-video {position: absolute;right: 6%;bottom:25%;z-index: 18;width: 20%;}
.index-technical-service .title-2 {color: #000;padding: 7% 0;overflow: hidden;position: relative;line-height:1.6;}
.index-technical-service .title-2::before {content: '';width: 100%;height: 1px;background: var(--white1);position: absolute;left: 0;top: 0;opacity: .2;}
.index-technical-service .video-2 {position: relative;overflow: hidden;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);border: 1px solid #fff;}
.index-technical-service .video-2 .img{overflow: hidden;}
.play-1 {display: block;width: 70px;height: 70px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;background: url('../image/play.png') center no-repeat #0091df;z-index: 11;}
.index-technical-service .video-2 a:hover  .img{transform: scale(1.05);}
.index-technical-service .video {opacity: 0;z-index: -1;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.index-technical-service .video.cur {opacity: 1;z-index: 23;}
.technical-servicer-swiper {overflow: hidden;}
.technical-servicer-swiper img{max-width: 100%;}
.technical-servicer-swiper .swiper-slide-active img {animation: srmgani 4000ms 1 ease forwards;}

.index-corporate-culture {position: relative;overflow: hidden;z-index: 11;margin-top: -8%;color: var(--white1);}
.index-corporate-culture::after {content: '';width: 100%;height: 100%;background: #f6f6f6;position: absolute;left: 0;top: 13%;z-index: 1;}
.corporate-culture-content {width: 80%;float: right;padding: 5% 7%;overflow: hidden;position: relative;background: url('../image/bg3.jpg') center no-repeat;background-size: cover;z-index: 10;}
.corporate-culture-content .number-1{position: absolute;left: 7%;bottom: 10%;z-index: 11;width: 70px;height: 70px;line-height: 70px;text-align: center;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;}
.corporate-culture-left {float: left;width: 39%;}
.corporate-culture-left .class-1 .font15{opacity: .3;}
.corporate-culture-left .title-1 {margin-top: 10%;}
.corporate-culture-left .text-2 {margin-top: 7%;}
.corporate-culture-left .text-2 .font18{opacity: .5;}
.corporate-culture-right {float: right;width: 50%;overflow: hidden;}
.corporate-culture-item {position: relative;overflow: hidden;}
.corporate-culture-item:last-child {padding-bottom: 8%;}
.corporate-culture-item a {display: block;overflow: hidden;position: relative;color: var(--white1);padding-top: 2%;padding-bottom: 15%;}
.corporate-culture-item .line-1{position: absolute;left: 0;top: 0;background:rgba(255,255,255,.2);width: 100%;height: 1px;z-index: 11;}
.corporate-culture-item .line-1::before {content: '';width: 0;height: 1px;position: absolute;left: 0;top: 0;background: #0091df;transition:all .4s ease;}
.corporate-culture-item .title-1{overflow: hidden;}
.corporate-culture-item .text-1{opacity: .3;position: absolute;right: 0;top: 10%;}
.corporate-culture-item a:hover .text-1{opacity: 1;}
.corporate-culture-item a:hover .line-1::before {width: 100%;}
.corporate-culture-item a:hover .line-1 {background: var(--white1);}



.index-product {position: relative;overflow: hidden;background: #f6f6f6;padding: 5% 0;}
.index-product::after {content: '';width: 100%;height: 17%;position: absolute;left: 0;bottom: 0;z-index: 1;background: #efefef;}
.index-product-top {width: 88%;margin: auto;position: relative;border-bottom: 1px solid #e8e8e8;padding-bottom: 2%;}
.index-product-top .title-1{color: var(--black);}
.index-product-top .text-1{color: var(--gray3);margin-top: 3%;}
.index-product-top .more-2{position: absolute;right: 0;top: 0;}
.index-product-top .more-2 a{border: 1px solid #dddddd;}
.index-product-center {overflow: hidden;width: 88%;margin: auto;padding: 2.5% 0;position: relative;}
.index-product-nav {overflow: hidden;}
.index-product-nav a{display: inline-block;vertical-align: middle;line-height: 64px;text-align: center;padding: 0 40px;overflow: hidden;border: 1px solid #e8e8e8;border-radius: 100px;}
.index-product-nav a:hover ,.index-product-nav a.cur{background: #0091df;border: 1px solid #0091df;color: var(--white1);}
.index-product-bottom {padding: .5% 0;overflow: hidden;width: 94%;float: right;z-index: 11;position: relative;}
.index-product-swiper {overflow: hidden;}
.index-product-item {overflow: hidden;position: relative;background: #003281;}
.index-product-item .img{float: left;width: 45%;overflow: hidden;position: relative;}
.index-product-item .img a {display: block;position: relative;}
.index-product-item .item-right{width: 55%;overflow: hidden;position: absolute;background: url('../image/bg4.jpg') center no-repeat;background-size: cover;right: 0;top: 0;height: 100%;}
.index-product-item .text{width: 90%;padding: 5%;overflow: hidden;color: var(--white1);}
.index-product-item .title-1{margin-top: 3%;}
.index-product-item .text-1{margin-top: 5%;}
.index-product-item .text-1 .font18 {opacity: .5;}
.index-product-item .link-2{margin-top: 10%;}
.index-product-item .link-2 a {opacity: .5;display: inline-block;vertical-align: middle;margin-bottom: 5%;width: auto;margin-right: 5%;color: var(--white1);}
.index-product-item .link-2 a:hover {opacity: 1;text-decoration: underline;}
.viewmore {width: 280px;height: 280px;background: rgba(0,50,130,0.8);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);z-index: 11;border-radius: 100%;}
.viewmore i{width: 80px;height:1px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translateX(-50%);z-index: 11;margin-top: -1px;}
.viewmore i::before{content: '';width: 1px;height:80px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translateY(-50%);z-index: 11;margin-left: -1px;}
.index-product-item a:hover .viewmore{transform: translate(-50%,-50%) scale(1);}
.index-pagetrun {position: absolute;right: 0;top: 50%;text-align: right;transform: translateY(-50%);-webkit-user-select: none; user-select: none;}
.swiper-btn-prev,.swiper-btn-next {display: inline-block;position: relative;left: auto;right: auto;top: auto;margin: auto;bottom: auto;margin-left: 10px;border: 1px solid #ddd;border-radius: 100%;width: 64px;height: 64px;text-align: center;color: var(--black1);cursor: pointer;transition:all .4s ease;} 
.swiper-btn-prev {background: url('../image/l1.png') center no-repeat;}
.swiper-btn-next {background: url('../image/r1.png') center no-repeat;}
.swiper-btn-prev:hover {background: url('../image/l2.png') center no-repeat #0091df;border: 1px solid #fff;}
.swiper-btn-next:hover {background: url('../image/r2.png') center no-repeat #0091df;border: 1px solid #fff;}
.swiper-btn-prev.swiper-button-disabled:hover {background: url('../image/l1.png') center no-repeat #fff;}
.swiper-btn-next.swiper-button-disabled:hover {background: url('../image/r1.png') center no-repeat #fff;}


.index-product-application {padding: 0 0 5% 0;overflow: hidden;background: #efefef;}
.index-product-application-content {width: 88%;margin: auto;}
.index-product-application-top {position: relative;}
.index-product-application-top .title-1{width: 5%;}
.index-product-application-top .more-2 {position: absolute;right: 0;top: 0;}
.index-product-application-top .more-2 a{border: 1px solid #dddddd;background:#efefef;}
.index-product-application-top .more-2 a:hover {background: #103784;}
.index-product-application-center {padding: 5% 0 0 0;overflow: hidden;position: relative;}
.product-application-left {float: left;width: 28%;}
.product-application-left .number-1{position: absolute;transform: rotate(270deg);left: -1%;top: 5%;}
.product-application-left .number-1 strong{display: inline-block;vertical-align: middle;font-weight: normal;}
.product-application-left .number-1 i{width: 1px;height: 12px;display: inline-block;vertical-align: middle;background:var(--gray4);transform: rotate(30deg);margin-left: 8px;}
.product-application-left .number-1 span{color: var(--gray4);display: inline-block;vertical-align: middle;font-weight: bold;margin-left: 8px;}
.product-application-left .text{margin-top: 25%;overflow: hidden;}
.product-application-left .text .title-1 {margin-top: 20%;overflow: hidden;}
.product-application-left .text .text-1 {color: var(--gray3);margin-top: 10%;}
.product-application-center {float: left;width: 35%;position: relative;margin: 0 5%;}
.product-application-center .pic{position: relative;background: none;border-radius: 100%;overflow: hidden;}
.product-application-center a{display: block;position: relative;transform: scale(0);overflow: hidden;} 
.product-application-center a .pic::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 111;background: url('../image/application.png') center no-repeat;opacity: 0;transition:all .4s ease;}
.product-application-center .viewmore {background: none;transform: translate(-50%,-50%) scale(0);}
.product-application-center .viewmore i {width: 160px;}
.product-application-center .viewmore i::before {height: 160px;}
.product-application-center a:hover .viewmore{transform: translate(-50%,-50%) scale(1);}
.product-application-center a:hover .pic::before {opacity: 1;}
.product-application-right {float: left;width: 27%;}
.product-application-right .title-2{padding: 4% 0;color: var(--gray3);}		
.product-application-right .item-2{border-top: 1px solid #dddddd;padding: 3% 0;overflow: hidden;}
.product-application-right .text-2{margin-bottom: 3%;}
.application-pagetrun {position: absolute;left: 0;bottom: 0;z-index: 20;-webkit-user-select: none; user-select: none;}		
.product-application-center a:hover {opacity: 1;}
.product-application-item {overflow: hidden;position: relative;opacity: 0;z-index: -1;}
.product-application-swiper .swiper-slide-active .product-application-item{opacity: 1;z-index: 11;}
.swiper-btn-next.swiper-button-disabled,.swiper-btn-prev.swiper-button-disabled {opacity: .2;}
.product-application-swiper .swiper-slide-active a {transform: scale(1);}

.index-news {padding:5% 0;overflow: hidden;background: #f6f6f6;}
.index-news-content {overflow: hidden;}
.index-news-top {position: relative;width: 88%;margin: auto;overflow: hidden;}
.index-news-top .title-1{overflow: hidden;}
.index-news-top .text-1{color: var(--gray3);margin-top: 3%;}
.index-news-top .more-2{position: absolute;right: 0;top: 0;}
.index-news-top .more-2 a{border: 1px solid #dddddd;background:#f6f6f6;}
.index-news-top .more-2 a:hover {background: #003281;}
.index-news-center {margin: auto;margin-top: 4%;position: relative;width: 88%;overflow: hidden;}
.index-news-nav {overflow: hidden;}
.index-news-nav a{display: inline-block;vertical-align: middle;line-height: 64px;text-align: center;padding: 0 30px;overflow: hidden;border: 1px solid #e8e8e8;border-radius: 100px;}
.index-news-nav a:hover ,.index-news-nav a.cur{background: #0091df;border: 1px solid #0091df;color: var(--white1);}
.news-pagetrun {position: absolute;right: 0;top: 0;-webkit-user-select: none; user-select: none;}  
.index-news-bottom {padding: 3% 0;overflow: hidden;width: 94%;float: right;}
.index-news-swiper {overflow: hidden;}
.index-news-item {overflow: hidden;}
.index-news-item a{display: block;overflow: hidden;}
.index-news-item {overflow: hidden;}
.index-news-item .img::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--black1);opacity: .1;z-index: 11;}
.index-news-item .img img{overflow: hidden;opacity: 0;}
.index-news-item .text{padding-top: 7%;overflow: hidden;}
.index-news-item .time-1{color: #bebebe;}
.index-news-item .title-1{margin-top: 3%;width: 85%;}
.index-news-item a:hover .img::before{opacity: 0;}
.index-news-item a:hover img{opacity: 1;}
.index-news-item a:hover .title-1 {color: #0091df;}
.index-news-item a:hover .pic {transform: scale(1.05);}


.index-business-brand {padding:5% 0;overflow: hidden;background: #fff;}
.index-business-brand-top {width: 88%;margin: auto;}
.index-business-brand-top .title-1{float: left;}
.index-business-brand-top-right {float: right;width: 40%;}
.index-business-brand-top-right .text-1{color: var(--gray3);}
.index-business-brand-top-right .more-2{margin-top: 7%;}
.index-business-brand-center {width: 88%;margin: auto;clear: both;padding: 2% 0;overflow: hidden;}
.index-business-brand-center .title-1{padding-bottom: 2.5%;}
.index-business-brand-center .line-2{background: #ededed;width: 100%;height: 1px;position: relative;}
.index-business-brand-center .line-2 i{display: block;position: absolute;width: 12%;height: 100%;left: 0;top: 0;background: #0091df;z-index: 11;animation: leftmovright infinite 4.5s cubic-bezier(0.77, 0, 0.175, 1);}
.index-business-brand-bottom {overflow: hidden;margin-top: 3%;padding-bottom: 1%;}
.business-brand-logo {position: relative;overflow: hidden;}
.business-brand-logo .img-center {filter: grayscale(0);}
.index-business-brand-swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear;}

.index-contact {position: relative;}
.index-contact-top {position: relative;}
.index-contact-top .title-1{position: absolute;left: 6%;color: var(--white1);top: 50%;transform: translateY(-50%);z-index: 11;width:38%;}
.index-contact-top .class-1{position: absolute;right: 6%;top: 18%;color: #fff;z-index: 11;} 
.index-contact-top .pic {background-attachment: fixed;}
.index-contact-center {width: 88%;margin: auto;padding: 3% 0;overflow: hidden;}
.index-contact-from {overflow: hidden;position: relative;}
.index-contact-from .left-1{float: left;width: 26%;margin-right:.5%;}
.index-contact-from .left-2{float: left;width: 26%;margin-right:.5%;}
.index-contact-from .left-3{width: 47%;position: absolute;right: 0;top: 0;height: 100%;}
.index-contact-from .left-3 .textarea-1 {position: absolute;height: 100%;left: 0;top: 0;width: 100%;}
.index-contact-from .input-1 {margin-bottom: 2%;}
.index-contact-from .input-1:last-child {margin-bottom: 0;}
.input-1,.textarea-1 {width: 100%;border: 1px solid #ededed;overflow: hidden;box-sizing: border-box;padding: 20px 30px;transition:all .4s ease;}
.input-1:focus,.textarea-1:focus {border: 1px solid #0091df;}
.index-contact-bottom {padding: 2% 0 0 0;overflow: hidden;position: relative;}
.index-contact-bottom .text-4{color: var(--gray3);float: left;width: 28%;}
.index-contact-bottom .more-2{float: right;}
.index-contact-bottom .more-2 a{display: block;background: #0091df;}
.index-contact-bottom .more-2 a span {color: var(--white1);}
.index-contact-bottom .more-2 a:hover {background: #003281;}




/* about */
.page-banner {position: relative;overflow: hidden;}
.page-banner .text {position: absolute;left: 6%;bottom: 10%;z-index: 11;}
.page-banner .title-1 {color: var(--white1);}
.page-banner .pic {background-attachment: fixed;}
.page-banner .video {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index:-1;background: var(--black1);opacity: 0;transition:all .4s ease;}
.page-banner .video.cur {opacity: 1;z-index: 111;}
.page-banner .video video {display: block;width: 100%;height: 100%;object-fit: cover;}
.play-2 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 50;}
.play-2 a{display: block;width: 140px;height: 140px;border-radius: 100%;background: var(--white1);}
.play-2 i{width: 10px;height: 13px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play2.png') center no-repeat;}
.play-2 a:hover {background: #003281;}
.play-2 a:hover i {background: url('../image/play1.png') center no-repeat;}
.close-2 {position: absolute;left:50%;bottom:10%;z-index: 11;cursor: pointer;background: var(--white1);border-radius: 100%;width: 50px;height: 50px;transform: translateX(-50%);}
.close-2 i {display: block;width: 50px;height:50px;transform: rotate(45deg) scale(.5);}
.close-2 i::before {content: '';width: 100%;height:2px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--black1);}
.close-2 i::after {content: '';width: 2px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: var(--black1);}
.close-2 i:hover {transform: rotate(-45deg);}

.page-about {padding: 5% 0 0 0;overflow: hidden;}
.page-content {width: 88%;margin: auto;}
.page-about-top {overflow: hidden;}
.page-about-top .title-1{font-size: 15px;color: #999999;}
.page-about-top .text-1{margin-top: 4%;}
.page-about-center {margin-top: 5%;}
.page-about-center .right-date {position: relative;right:auto;width: 20%;bottom:auto;float: right;margin-top: 3%;}
.page-about-center .right-date-item {padding: 10% 0;margin-top: 15%;}
.page-about-center .right-date-item:last-child::after {display: none;}
.page-about-center .right-date-item .title-1{position: relative;left: auto;bottom: auto;}
.page-about-center .right-date-item .date-1{float: none;width: 100%;}
.page-about-center .right-text {float: right;width: 50%;margin-left: 5%;}
.page-about-center .text-1 {color: #999;text-align: justify;}
.page-about-center .more-2 {margin-top: 8%;float: right;clear: both;}
.page-about-center .left-lou {float: right;width: 20%;margin-top: 25%;}



.page-various-standards {position: relative;float: right;width: 89%;overflow: hidden;margin-top: -10%;z-index: 11;padding-bottom: 4%;}
.page-various-standards .title-1{color: #3c3c3c;text-align: right;margin-right: 8%;}
.various-standards-swiper {margin-top: 3%;}
.various-standards-item {width: 100%;position: relative;overflow: hidden;color: var(--black2);}
.various-standards-item a {display: block;}
.various-standards-item .yuan{position: absolute;width: 35%;right: 5%;top: 50%;transform: translateY(-50%);z-index: 11;}
.various-standards-item .number-2{position: absolute;left: -18%;top: -10%;z-index: 20;color: #0091df;}
.various-standards-item .yuan-1 {background-size: cover;border-radius: 100%;overflow: hidden;}
.various-standards-item .yuan-1 img{opacity: 0;}
.various-standards-item .text {position: absolute;left: 6%;bottom: 20%;z-index: 10;width: 60%;}
.various-standards-item .title-2 {overflow: hidden;}
.various-standards-item .text-1 {opacity: .3;margin-top: 4%;}	
.various-standards-item .img {overflow: hidden;background: #f8f8f8;}		 
.various-standards-item .img img {opacity: .0;}		
.various-standards-item a:hover .img img ,.various-standards-item  a:hover .yuan-1 img{opacity: 1;}
.various-standards-item a:hover .title-2,.various-standards-item a:hover .text-1,.various-standards-item  a:hover .number-2{color: var(--white1);}	 
.standards-pagetrun {margin-top: 3%;-webkit-user-select: none; user-select: none;}
.standards-pagetrun .swiper-btn-prev,.standards-pagetrun .swiper-btn-next{margin-left: 0;margin-right: 10px;}

.corporate-culture {position: relative;overflow: hidden;z-index: 11;color: var(--white1);clear: both;}
.corporate-culture .corporate-culture-left { margin-top: 0;color: var(--white1);}
.development-history {padding: 5% 0;overflow: hidden;}
.development-history-content {width: 88%;margin: auto;}
.development-history-top {overflow: hidden;}
.development-history-top .class-1{color: #999;}
.development-history-top .title-1{margin-top: 4%;}
.development-history-center {text-align: center;margin-top: 7%;}
.development-history-item {overflow: hidden;position: relative;}
.development-history-item .img{width: 33%;margin: auto;} 
.development-history-bottom {text-align: center;position: relative;}
.development-history-bottom::after {content: '';width: 100%;height: 1px;background: #ddd;position: absolute;left: 0;top: 50%;}
.development-history-item .text{overflow: hidden;position: relative;} 	
.development-history-item .year-1{color: #dddddd;padding-bottom: 50%;} 	
.development-history-item .point-1{position: absolute;top: 50%;left: 50%;} 	
.development-history-item .point-1::before {content: '';width: 8px;height: 8px;background: #ddd;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin-top: -4px;}
.development-history-item .text-1{color: var(--black2);opacity: 0;position: absolute;left: 0;bottom: 20%;z-index: 11;width: 100%;} 	 
.development-history-bottom-swiper {width: 90%;margin: auto;margin-top: 3%;}
.development-history-bottom .swiper-btn-prev {position: absolute;left: 0;top: 50%;z-index: 130;margin-top: -32px;background-color: #fff;margin-left: 0;}
.development-history-bottom .swiper-btn-next {position: absolute;right: 0;top: 50%;z-index: 130;margin-top: -32px;background-color: #fff;}
.development-history-bottom .swiper-btn-prev:hover {background: url('../image/l2.png') center no-repeat #0091df;}
.development-history-bottom .swiper-btn-next:hover {background: url('../image/r2.png') center no-repeat #0091df;}
.development-history-bottom-swiper .swiper-slide-active .text-1{opacity: 1;} 
.development-history-bottom-swiper .swiper-slide-active .year-1 {color: #0091df;}
.development-history-bottom-swiper .swiper-slide-active .point-1::before{ background: #0091df;}
.development-history-bottom .swiper-btn-next.swiper-button-disabled,
.development-history-bottom .swiper-btn-prev.swiper-button-disabled {opacity: 1;}

.page-contact-us {position: relative;overflow: hidden;}
.contact-us-top {position: absolute;z-index: 11;width: 100%;text-align: center;color: var(--white1);left: 0;top: 50%;transform: translateY(-50%);}
.contact-us-top .title-1{overflow: hidden;}
.contact-us-top .more-2{margin: auto;margin-top: 2.5%;}
.contact-us-top .more-2 a {background: none;border: 1px solid rgba(255,255,255,.5);}
.contact-us-top .more-2 span {color: var(--white1);}
.contact-us-top .more-2 a:hover {background: var(--white1);}
.contact-us-top .more-2 a:hover span {color: var(--black1);}




/* product */
.page-banner .text.right {left: auto;right: 8%;top: auto;bottom: 10%;width: 50%;text-align: right;}
.page-banner .title {left: 8%;top: 40%;z-index: 11;position: absolute;}
.page-banner .title .class-1 {color: var(--white1);}
.page-banner .pic {animation: bgsrmgani 4000ms 1 ease forwards;}
@keyframes bgsrmgani{0%{background-size: 130% 130%;} 100%{background-size: 100% 100%;}} 

.page-product {position: relative;}
.page-product-left {float: left;width: 30%;margin-top: -200px;}
.page-product-left-nav {background: url('../image/nav.png') center top no-repeat #003281;padding: 15% 16% 15% 18%;color: var(--white1);overflow: hidden;position: relative;}
.page-product-left .title-1 {opacity: .5;}
.page-product-left .p-search {margin-top: 13%;position: relative;}
.search-3 {width: 100%;padding: 8% 0 8% 10%;overflow: hidden;background: none;border: none;border-bottom: 1px solid rgba(255,255,255,.2);color: var(--white1);box-sizing: border-box;}
.search-3::input-placeholder {color: #fff;opacity: .3;} 
.search-3::-webkit-input-placeholder {color: #fff;opacity: .3;} 
.search-3:focus {border-bottom: 1px solid #0091df;}
.search-btn-2 {position: absolute;width: 30px;height: 50px;left: -5px;top: 50%;background: url('../image/s.png') center no-repeat;z-index: 1;border: none;cursor: pointer;margin-top: -25px;border-radius: 100%;transition:all .4s ease;}
.page-product-nav {margin-top: 10%;overflow: hidden;}
.filter-type {position: relative;}
.filter-type.cur {overflow: hidden;}
.filter-type a {display: block;}
.filter-type a.type-1{padding: 7% 0;overflow: hidden;position: relative;border-bottom: 1px solid rgba(255,255,255,.2);}
.filter-type a.type-1 strong{color: var(--white1);font-weight: normal;}
.filter-type a.type-1::after {content: '';width: 20px;height: 1px;position: absolute;right: 0;top: 50%;background: var(--white1);}
.filter-type a.type-1::before {content: '';width: 1px;height: 20px;position: absolute;right: 10px;top: 50%;background: var(--white1);margin-top: -10px;}
.filter-type.cur a.type-1::before {opacity: 0;}
.filter-type ul{list-style: none;margin: 0;padding: 5% 0;overflow: hidden;display: none;}
.filter-type ul li{list-style: none;margin: 0;padding: 1.5% 0;}
.filter-type ul li.cur span {opacity: 1;text-decoration: underline;}
.filter-type ul li a{overflow: hidden;}
.filter-type ul li span{color: var(--white1);opacity: .5;}
.filter-type ul li a:hover span {opacity: 1;}

.page-product-left .page-product-customized {padding: 0;margin-top: 0;}
.page-product-customized  {position: relative;overflow: hidden;}
.product-customized {overflow: hidden;}
.product-customized .title-2{position: absolute;left: 18%;top: 5%;z-index: 111;color: var(--black1);width: 40%;}
.product-customized a {display: block;position: relative;}
.product-customized a:hover .viewmore{transform: translate(-50%,-50%) scale(1) ;}

.page-product-right {padding: 2.5% 0;overflow: hidden;margin-left: 4%;width: 58%;float: left;}
.div-path {text-align: right;color: #999999;}
.div-path a{color: #999999;}
.div-path a.cur {color: #003281;}
.div-path a:hover {color: #000000;}
.div-product-list {position: relative;padding: 2% 0;overflow: hidden;}
.div-product-list-top {overflow: hidden;}
.div-product-list-top .title-3 {padding: 2.5% 0;border-bottom: 1px solid #ededed;}
.div-product-list-row {overflow: hidden;}
.div-product-list-row li{list-style: none;width: 20%;float: left;padding:2% 0;margin: 0;text-align: center;}
.div-product-list-row li:first-child {width: 25%;}
.div-product-list-row li:nth-child(2) {width: 25%;}
.div-product-list-row li:last-child {width: 10%;}
.div-product-list-center {overflow: hidden;}
.div-product-item {position: relative;overflow: hidden;margin-bottom: 1%;}
.div-product-item a{display: block;border: 1px solid #ededed;overflow: hidden;font-size: 0;}
.div-product-item li {list-style: none;width: 20%;padding:3.5% 0;margin: 0;text-align: center;position: relative;display: inline-block;vertical-align: middle;}
.div-product-item li:first-child {width: 25%;}
.div-product-item li:nth-child(2) {width: 25%;}
.div-product-item li:last-child {width: 10%;}
.download-icon {width: 22px;height: 28px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/pdf.png');}
.div-product-item a:hover {background: #0091df;}
.div-product-item a:hover li {color: var(--white1);}
.div-product-item a:hover .download-icon {background: url('../image/pdf1.png');}

.div-product-list-bottom {clear: both;padding: 2% 0;overflow: hidden;}
.div-pagetrue {position: relative;margin-top: 3%;}
.div-pagetrue a{display: inline-block;vertical-align: middle;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #000;border: 1px solid #dddddd;border-radius: 100%;}
.div-pagetrue a.prev{background: url('../image/l1.png') center no-repeat;}
.div-pagetrue a.next{background: url('../image/r1.png') center no-repeat;}
.div-pagetrue a.prev:hover {background: url('../image/l2.png') center no-repeat #0091df;}
.div-pagetrue a.next:hover {background: url('../image/r2.png') center no-repeat #0091df;}
.div-pagetrue a.cur,.div-pagetrue a:hover{background: #0091df;color: var(--white1);}

.page-product-customized {position: relative;padding: 5% 0;margin-top: 110px;overflow: hidden;}
.page-product-customized-content {width: 88%;margin: auto;}
.page-product-customized-top {overflow: hidden;}
.product-customized-left {float: left;}
.product-customized-left .title-1{overflow: hidden;padding-bottom: 15%;}
.product-customized-left .text-1{margin-top: 25%;color: var(--gray3);}
.product-customized-right {float: right;width: 25%;border-left: 1px solid #dddddd;padding-left: 3%;padding-bottom: 3%;}
.product-customized-right .text-1{color: var(--gray3);}
.product-customized-right .text-2{color: var(--black1);padding: 5% 0;}
.page-product-customized-bottom {background: #f8f8f8;padding: 4% 6% 11% 6%;overflow: hidden;}
.product-customized-bottom-left {float: left;width: 19%;}
.product-customized-bottom-left .text-1{color: var(--gray3);}
.product-customized-bottom-right {float: right;width: 77%;}
.product-customized-bottom-right .from-2{overflow: hidden;}
.product-customized-bottom-right .from-1{overflow: hidden;}
.product-customized-bottom-right .from-2 li{float: left;width: 49%;}
.page-product-customized-bottom li{list-style: none;margin: 0;padding: 0;margin-right: 1%;margin-bottom: 1%;position: relative;overflow: hidden;}
.input-3 {background: var(--white1);border: 1px solid #fff;width: 100%;padding:25px 25px;box-sizing: border-box;}
.input-3:focus {border: 1px solid #0091df;}
.yzm-3 {width: 30%;float: left;}
.yzm {display: block;position: absolute;right: 2%;top: 50%;transform: translateY(-50%);}
.submit-3 {background: #0091df;border: 1px none ;width: 70%;padding:25px 0;box-sizing: border-box;float: left;color: var(--white1);cursor: pointer;}
.submit-3:hover {background: #003281;}
.submitfrom-1 li:first-child{position: relative;width: 40%;float: left;margin-right: 0;}
.submitfrom-1 li:first-child .input-3,.submitfrom-1 li .submit-3{width: 100%;}
.submitfrom-1 li:last-child {width: 60%;float: left;margin-right: 0;}




/* brand */
.page-brand {padding: 5% 0;overflow: hidden;}
.page-brand-content {width: 88%;margin: auto;}
.page-brand-content-top {border-bottom: 1px solid #dddddd;}
.page-brand-content-top .class-1{padding-bottom: 1.5%;overflow: hidden;}
.page-brand-content-center {margin-top: 3%;display: flex;flex-direction: row;flex-wrap: wrap;}
.page-brand-item {float: left;width: 49%;margin-right: 1%;margin-bottom: 1%;clear:left;}
.page-brand-item.mr0 {margin-right: 0;clear:none;}
.page-brand-item a {display: block;background: #f8f8f9;padding: 5% 5% 5% 2%;overflow: hidden;position: relative;height: 100%;box-sizing: border-box;}
.page-brand-item .pic{position: relative;background: none;float: left;width: 30%;}
.page-brand-item .pic::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e2e2e3;}
.page-brand-item .img-center {filter: grayscale(0);mix-blend-mode: multiply;}
.page-brand-item .text{float: left;width: 60%;padding-left: 8%;}
.page-brand-item .title-1{overflow: hidden;} 
.page-brand-item .text-1{color: var(--gray3);margin-top: 3%;} 
.page-brand-item .mores-1{margin-top: 5%;line-height: 47px;text-align: center;border: 1px solid #ccc;border-radius: 100px;width: 40%;} 
.page-brand-item a:hover {background: #f1f1f2;}
.page-brand-item a:hover .mores-1 {background: #0091df;border: 1px solid #0091df;color: var(--white1);}
.page-brand-item a:hover .img-center {filter: grayscale(0);}
.page-brand-content-bottom {padding: 3% 0;overflow: hidden;clear: both;text-align: center;}



/* application */ 
.product-customized-left .title-2{overflow: hidden;width: 20%;}
.product-customized-left .text-2{margin-top: 10%;color: var(--gray3);}
.page-application-bottom {background: #f8f8f8;padding: 5% 6% 11% 6%;overflow: hidden;}
.application-bottom-left {float: left;width: 20%;}
.application-bottom-left .text-1{color: var(--gray3);}
.application-bottom-left .more-2{margin-top: 15%;}
.application-bottom-left .more-2 a {border: 1px solid #ddd;}
.application-bottom-right {float: right;width: 77%;display: flex;flex-direction: row;flex-wrap: wrap;}
.application-item {float: left;width: 32.55%;margin-right: 1%;margin-bottom: 1%;transition:all .4s ease;background: var(--white1);}
.application-item.mr0 {margin-right: 0;}
.application-item .img a {display: block;position: relative;overflow: hidden;}
.application-item .img a::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;background: var(--black1);opacity: .1;}
.application-item .img img{opacity: 0;}
.application-item .text {overflow: hidden;padding: 5%;background-size: 100%;}
.application-item .title-2 {overflow: hidden;}
.application-item .text-2 {margin-top: 3%;color: var(--gray3);width:50%;}
.application-item .type-3 {overflow: hidden;margin-top: 10%;min-height: 80px;}
.application-item .type-3 a{display: inline-block;vertical-align: middle;margin-right: 13%;margin-bottom: 5%;color: var(--gray3);}
.application-item .type-3 a:hover {color: var(--white1);opacity: 1;}
.application-item .more-4{position: relative;margin-top: 10%;display: inline-block;}
.application-item .more-4 a {display: block;;color: var(--gray3);padding-right: 15px;position: relative;}
.application-item .more-4 a::after {content: '';width: 6px;height: 10px;position: absolute;right: 0;top: 50%;transform: translateY(-45%);background: url('../image/r21.png') center no-repeat;filter: invert(100%);opacity: .3;} 
.application-item:hover {background: #003281;}
.application-item:hover .text {background: url('../image/wl.png') center bottom no-repeat;background-size: 100%;}
.application-item:hover .title-2 {color: var(--white1);}
.application-item:hover .text-2 {color: var(--white1);opacity: .5;}
.application-item:hover .type-3 a {color: var(--white1);opacity: .5;}
.application-item:hover .type-3 a:hover {opacity: 1;text-decoration:underline;}
.application-item:hover .more-4 a:hover,.application-item:hover .more-4 a {color: var(--white1);}
.application-item:hover .more-4 a:hover::after {filter: invert(0);opacity: 1;}
.application-item:hover .more-4 a::after {filter: invert(0);opacity: 1;}
.application-item:hover a img{opacity: 1;}
.application-item:hover .pic {transform: scale(1.05);}

.page-banner .bottom-text{position: absolute;left: 6%;width: 88%;bottom: 10%;z-index: 111;color: var(--white1);}
.page-banner .title-2{border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: 2%;overflow: hidden;}
.page-banner .text-3{padding-top: 7%;overflow: hidden;padding-bottom: 1%;}
.page-banner .scroll-icon {right:0;bottom: -10%;}
 
.page-application-detail {padding: 5% 0;overflow: hidden;}
.application-detail-content {width: 88%;margin: auto;position: relative;}
.application-detail-left {float: left;width: 45%;padding-right: 5%;}
.application-detail-left .title-1{color: var(--gray3);}
.application-detail-left .text-1{margin-top: 5%;width: 100%;text-align:justify;}
.application-detail-left .more-2{position: relative;display: inline-block;vertical-align:middle;margin-top: 8%;}
.application-detail-left .more-2 a {background: none;border: 1px solid #ededed;}
.application-detail-left .more-2 a:hover {background: #0091df;}
.application-detail-right {float: left;width: 45%;padding-left: 5%;position: relative;}
.application-detail-right::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ededed;}
.application-detail-right .title-1{overflow: hidden;margin-top: 8%;padding-bottom: 2%;}
.application-detail-right .text-1{color: var(--gray3);margin-top: 8%;}
         
.page-application-detail-bottom {padding: 4% 0;overflow: hidden;background: #f8f8f8;}
.application-detail-bottom-content {width: 88%;margin: auto;}
.application-detail-bottom-content .title-1{color: var(--gray3);}
.application-detail-list {padding: 3% 0;overflow: hidden;}
.application-detail-item {overflow: hidden;position: relative;}
.application-detail-item-top {border-bottom: 1px solid #ddd;overflow: hidden;position: relative;padding: 2.5% 0;cursor: pointer;}
.application-detail-item-top .title-2{overflow: hidden;}
.application-detail-item-top .icon-3{width: 60px;height: 60px;border-radius: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);border: 1px solid #ddd;}
.application-detail-item-top .icon-3 i{width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/d3.png') center no-repeat;transition:all .4s ease;}
.application-detail-item-bottom {padding: 2% 0;overflow: hidden;display: none;border-bottom: 1px solid #ddd;}
.application-detail-item-bottom .text-2{float: left;width: 25%;color: var(--gray3);}
.application-detail-item-bottom .right-2{float: right;width: 60%;}
.application-detail-item-bottom .div-product-item{background: var(--white1);}            
.application-detail-item.cur .icon-3{background: var(--white1);border: 1px solid #fff;}               
.application-detail-item.cur .icon-3 i{transform: translate(-50%,-50%) rotate(180deg);}
.application-detail-item:hover .application-detail-item-top{background: var(--gray5);}




/* news */ 
.page-news-top-nav {padding-top: 3%;overflow: hidden;}
.page-news-top-nav a {display: inline-block;vertical-align: middle;margin-right: 10px;line-height: 64px;padding: 0 30px;border-radius: 100px;border: 1px solid #ddd;}
.page-news-top-nav a.cur,.page-news-top-nav a.cur:hover{background: #0091df;color: var(--white1);}
.page-news-top-nav a:hover {background: #0091df;color: var(--white1);}

.page-news-bottom {overflow: hidden;background: #f8f8f8;padding: 0 6%;position: relative;}
.page-news-bottom-top {width: 100%;overflow: hidden;margin-top: 5.5%;}
.page-news-bottom-top::after {content: '';width: 80%;position: absolute;right: 0;top: 0;height: 100%;background: url('../image/wl.jpg') center no-repeat;background-size: cover;}
.news-top-swiper {width: 100%;position: relative;z-index: 11;}
.news-top-left {overflow: hidden;position: relative;opacity: 0;}
.news-top-left  a {display: block;overflow: hidden;}
.news-top-left .img{float: left;width: 64%;overflow: hidden;background: var(--black1);}
.news-top-left .right-2{width: 33%;overflow: hidden;position: absolute;height: 90%;right: 0;top: 5%;}
.news-top-left .text{position: relative;overflow: hidden;}
.news-top-left .title-1{overflow: hidden;color: var(--white1);}
.news-top-left .time-1{color: var(--white1);margin-top: 4%;opacity: .2;}
.news-top-left .text-1{color: var(--white1);margin-top: 25%;width: 60%;opacity: .5;}
.news-top-left .news-pagetrun {left: 0;right: auto;top: auto;bottom: 3%;}
.news-top-left .news-pagetrun .swiper-btn-prev,.news-top-left .news-pagetrun .swiper-btn-next  {border: 1px solid rgba(255,255,255,.2);margin-left: 0;margin-right: 10px;}
.news-top-left .news-pagetrun .swiper-btn-prev {background: url('../image/l2.png') center no-repeat;}
.news-top-left .news-pagetrun .swiper-btn-next {background: url('../image/r2.png') center no-repeat;}
.news-top-left .news-pagetrun .swiper-btn-prev:hover {background: url('../image/l1.png') center no-repeat #fff;}
.news-top-left .news-pagetrun .swiper-btn-next:hover {background: url('../image/r1.png') center no-repeat #fff;}
.news-top-swiper .swiper-slide-active .news-top-left {opacity: 1;}
.news-top-swiper .swiper-slide-active .pic {animation: srmgani 4000ms 1 ease forwards;}
.news-top-swiper .swiper-slide .title-1  {opacity: 0;transform: translateY(100%);transition:all 0.5s;}
.news-top-swiper .swiper-slide .time-1  {opacity: 0;transform: translateY(100%);transition:all 0.6s;}
.news-top-swiper .swiper-slide .text-1  {opacity: 0;transform: translateY(100%);transition:all 0.7s;}
.news-top-swiper .swiper-slide-active .title-1 {transform: translateY(0);opacity: 1;}
.news-top-swiper .swiper-slide-active .time-1 {transform: translateY(0);opacity: .2;}
.news-top-swiper .swiper-slide-active .text-1 {transform: translateY(0);opacity: .5;}

.page-news-all{overflow: hidden;background: #f8f8f8;position: relative;}
.page-news-bottom-list {overflow: hidden;}
.news-list-item {overflow: hidden;border-bottom: 1px solid #e8e8e8;}
.news-list-item a{display: block;padding: 5% 6%;overflow: hidden;position: relative;background: #f8f8f8;}
.news-list-item .img{float: left;width: 30%;}
.news-list-item .img img {opacity: 0;}
.news-list-item .text{position: absolute;top: 50%;right: 0;transform: translateY(-60%);z-index: 11;width: 65%;}
.news-list-item .time-1 {opacity: .3;}
.news-list-item .title-1 {margin-top: 1.5%;}
.news-list-item .text-1 {margin-top: 4%;opacity: .5;width: 26%;}
.news-list-item .viewmore {position: absolute;right: 0;top: 50%;transform: translateY(-50%) scale(0);left: auto;}
.news-list-item a:hover {background: #f3f3f3;}
.news-list-item a:hover .viewmore{transform: translateY(-50%) scale(.6);background:#0091df;}
.news-list-item a:hover .img img {opacity: 1;}
.news-list-item a:hover .pic {transform: scale(1.05);}
.div-news-list-bottom {text-align: center;padding-bottom: 5%;}

.page-news-detail {margin-top: 110px;padding: 0 6% 3% 6%;overflow: hidden;}
.page-news-detail-top {overflow: hidden;border-bottom: 1px solid #ededed;padding:2.5% 0;position: relative;}
.page-news-detail-top .return-1{overflow: hidden;}
.page-news-detail-top .return-1 a{border: 1px solid #ededed;border-radius: 100px;width: 16%;height: 64px;position: relative;display: block;}
.page-news-detail-top .return-1 i{position: absolute;left: 10%;top: 50%;transform: translateY(-50%) rotate(-180deg);background: url('../image/r1.png') center no-repeat;width: 10px;height: 10px;filter: grayscale(100%);opacity: .5;}
.page-news-detail-top .return-1 span{position: absolute;right: 15%;top: 50%;transform: translateY(-50%);color: var(--gray2);}
.page-news-detail-top .return-1 a:hover {background: #0091df;}
.page-news-detail-top .return-1 a:hover span {color: var(--white1);}
.page-news-detail-top .return-1 a:hover i {background: url('../image/r2.png') center no-repeat;filter: grayscale(0);opacity: 1;}
.page-news-detail-top .div-path {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.page-news-detail-center {padding: 4% 0;overflow: hidden;}
.page-news-detail-left {float: left;width: 26%;}
.page-news-detail-left .title{overflow: hidden;border-bottom: 1px solid #ededed;padding-bottom: 10%;}
.page-news-detail-left .title-1{overflow: hidden;}
.page-news-detail-left .time-1{opacity: .3;margin-top: 10%;}
.page-news-detail-right {float: left;width: 69%;margin-left: 5%;}
.page-news-detail-text {color: var(--gray3);}
.page-news-detail-text img {max-width: 100%;}
.page-news-detail-bottom {margin-top: 4%;overflow: hidden;clear: both;border-top: 1px solid #ededed;}
.page-news-detail-bottom .news-page {border-bottom: 1px solid #ededed;}
.page-news-detail-bottom .news-page a {display: block;position: relative;padding: 2.2% 0;overflow: hidden;}
.page-news-detail-bottom .news-page .page-1 {color: var(--gray3);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.page-news-detail-bottom .news-page .title-1 {margin-left: 31%;}
.page-news-detail-bottom .news-page a:hover .page-1,.page-news-detail-bottom .news-page a:hover .title-1 {color: #0091df;}

.page-news-detail-other {padding: 3% 0 5% 0;overflow: hidden;width: 88%;margin: auto;}
.news-detail-other-top {position: relative;}
.news-detail-other-top .title-1{overflow: hidden;}
.news-detail-other-top .more-2{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.news-detail-other-top .more-2 a{border: 1px solid #ededed;background: none;}
.news-detail-other-top .more-2 a:hover {background: #003281;color: #fff;}
.news-detail-other-bottom {padding-top: 5%;overflow: hidden;}
.news-detail-other-bottom .news-list-item {float: left;width: 32.5%;margin-right: 1%;margin-bottom: 1%;border: none;}
.news-detail-other-bottom .news-list-item.mr0 {margin-right: 0;}
.news-detail-other-bottom .news-list-item a{display: block;background: none;padding: 0;}
.news-detail-other-bottom .news-list-item .img {width: 100%;}
.news-detail-other-bottom .news-list-item .text {position: relative;left: auto;top: auto;transform: none;padding-top: 5%;width: 100%;overflow: hidden;}



/* contact */ 
.page-contact {margin-top: 110px;padding: 5% 0;overflow: hidden;}
.page-contact-content {width: 88%;margin: auto;}
.page-contact-top {position: relative;}
.page-contact-top .contact-left{float: left;width: 30%;}
.page-contact-top .contact-right {float: right;width: 50%;}
.contact-right-item {overflow: hidden;position: relative;}
.contact-right-item .title-2{color: var(--gray3);}
.contact-right-item .text-2{margin-top: 5%;}
.contact-right-item .text-2 li{list-style: none;margin: 0;padding: 0;float: left;margin-bottom: 1%;padding-right: 30px;}
.right-item1 {float: left;width: 50%;position: relative;padding-bottom: 5%;}
.right-item1::before {content: '';width: 1px;height: 100%;position: absolute;right: 15%;top: 0;z-index: 1;background:#ccc;opacity: .4;}
.right-item2 {float: left;width: 50%;}
.right-item2 .contact-right-item:last-child {margin-top: 8%;}

.page-contact-center {overflow: hidden;position: relative;}
.page-contact-center::after {content: '';width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;z-index: 1;background: #f8f8f8;}
.page-contact-center-content {position: relative;float: right;width: 94%;z-index: 11;}
.page-contact-bottom {padding: 5% 0;overflow: hidden;background: #f8f8f8;}
.page-contact-bottom-content {width: 88%;margin: auto;}
.page-contact-message-top {position: relative;overflow: hidden;}
.page-contact-message-top .title-1{width: 45%;}
.page-contact-message-top .text-1{color: #999;position: absolute;right: 0;top: 0;}
.page-contact-message-center {padding: 3% 0;overflow: hidden;margin-top: 5%;width: 70%;float: right;}
.page-contact-message-center .from-2{overflow: hidden;} 
.from-2 li{float: left;width: 49%;position: relative;}
.from-2 li span {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 11;color: #999;}
.from-2 li span sup {color: red;}
.from-2 .input-3 {background: var(--white1);border: 1px solid #ededed;}
.page-contact-message-center li{list-style: none;margin: 0;padding: 0;margin-right: 1%;margin-bottom: 1%;}
.page-contact-message-center .submitfrom-1 {padding-top: 2%;}
.page-contact-message-center .submitfrom-1 .text-3{float: left;width: 40%;color: var(--gray3);}
.page-contact-message-center .submitfrom-1 .submit-4{float: right;}
.textarea-3 {background: var(--white1);border: 1px solid #ededed;width: 100%;padding:25px 25px;box-sizing: border-box;min-height: 300px;}
.textarea-3:focus {border: 1px solid #0091df;}
.input-3{transition:all .4s ease;}
.input-3.cur {border: 1px solid #0091df!important;}
.textarea-3::input-placeholder{color: var(--gray3);} 
.textarea-3::-webkit-input-placeholder {color: var(--gray3);} 




@keyframes updown1{0%{transform:translateY(0);} 50%{transform:translateY(40%);}100%{transform:translateY(0);}}
@keyframes downtoup1{0%{transform:translateY(100vh)}30%{transform:translateY(-101%)}100%{transform:translateY(-101%)}}
@keyframes leftmovright{0%{transform:translateX(-101%)}30%{transform:translateX(-101%)}100%{transform:translateX(200vh)}}
@keyframes yuanfanin{0%{transform:translate(-50%,-50%) scale(0);opacity: .2;} 100%{transform:translate(-50%,-50%) scale(1);opacity: 0;}}


[data-scroll] {will-change: transform;}
.item-content .item-wchange {will-change: transform;max-width: 100%;position: relative;margin:0 auto;}
.item__img-wrap {overflow: hidden;width: 100%;margin: 0 auto;max-width:100%;will-change: transform;}
.item__img {--overflow: 50px;height: 100%;width: 100%;position: absolute;background-size: cover;background-position:center;will-change: transform;}
.item__img--t1 {--overflow: 100px;}
.item__img--t2 {--overflow: 200px;}
.item__img--t3 {--overflow: 300px;}


.js-followPopup {border-radius: 100%;overflow: hidden;transition:all .4s ease;}
.js-followPopup::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 11;background: url('../image/culture.png') center no-repeat;background-size: 100%;}
.js-followPopu.cur img{opacity: 1;transform: scale(1);}


.footer-social {overflow: visible;}
.footer-social li {position: relative;}
.footer-social li:hover .ewmshow{display: block;}
.footer-social .ewmshow{position: absolute;width: 120px;height: 120px;background: #fff;left: 0;bottom: 50px;display: none;}





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

}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	
}
@media screen and (max-width: 1680px) {
	.header-content {height: 100px;}
	.header-nav a {line-height: 100px;padding: 0 10px;font-size: 16px;}
	.product-nav-show-content {margin-top: 100px;}
	.cd-nav-trigger span {width: 40px;height: 2px;}
	.product-nav-item .title-1 {padding-bottom: 5%;}
	.product-nav-item {min-height: 250px;}
	.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {width: 40px;height: 40px;}
	.more-1,.more-2 {width: 200px;line-height: 50px;}
	.play-1,.corporate-culture-content .number-1 {width: 50px;height: 50px;line-height: 50px;}
	.js-followPopup img {width: 250px;height: 250px;}
	.index-product-nav a,.index-news-nav a ,.page-news-top-nav a{line-height: 50px;}
	.swiper-btn-prev, .swiper-btn-next,.div-pagetrue a {width: 50px;height: 50px;line-height: 50px;}
	.application-detail-item-top .icon-3{width: 50px;height: 50px;}
	.viewmore {width: 200px;height: 200px;}
	.play-2 a {width: 100px;height: 100px;}
	.various-standards-item .number-2 {left: -10%;top: -5%;}
	.development-history-bottom .swiper-btn-prev,.development-history-bottom .swiper-btn-next {margin-top: -25px;}
	.product-customized-left .title-2 {width: 15%;}
	.input-3 {padding: 20px 20px;}
	.submit-3 {padding: 20px  0px;}
	.contact-right-item:last-child {clear: both;width: 70%;} 
	.textarea-3 {min-height: 200px;}
}
@media screen and (max-width: 1440px) {
	.scroll-icon {right: 5.5%;}
	.index-product-item .img a img.img-center {max-width: 60%;max-height: 60%;}
	.corporate-culture-content {padding: 5% 5%;width: 84%;}
	.page-banner .text.right {width: 60%;}
	.page-news-detail-top .return-1 a {height: 50px;}
	.index-contact-bottom .text-4 {width: 40%;}
	.input-1, .textarea-1 {padding: 15px 25px;}
	.contact-right-item:last-child {float: none;} 
	.footer-class .class-item {margin-right: 5%;}
	.footer-contact-item {margin-right: 10%;}
	.footer-stop a {width: 50px;height: 50px;box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);}
}
@media screen and (max-width: 1366px) {
    .header-logo{max-width:240px;}
	.header-nav{right: 12%;}
	.header-nav a {padding: 0 10px;}
	.footer-left {width: 70%;}
	.footer-right {width: 30%;}
	.footer-contact-item {margin-right: 10%;}
	.product-customized .title-2 {width: 60%;}
	.header-content{width: calc(100% - 140px);}
	.header-right a.language::before{margin-right: 10px;margin-left: 10px;}
}
@media screen and (max-width: 1280px) {
     .header-logo{max-width:220px;}
	 .footer-contact-us .footer-contact-item {float: none;}
	 .footer-contact-item {margin-right:0;}
	 .footer-center {padding: 5% 0;margin-top: 1%;}
}
@media screen and (max-width: 1152px) {
	 
}
@media screen and (max-width: 980px) {
    .downs ul{padding-left:32px;margin-top:15px;}
	.cd-nav-trigger {width: 100px;}
	.header-nav,.header-contact,.scroll-icon span,.index-about .img,.corporate-culture-content .number-1,.development-history-bottom::after,.page-brand-item .pic::after,
	.news-pagetrun,.index-news-nav a:first-child,.footer-nav,.footer-right .line-4,.application-detail-right::before,.contact-right-item:nth-child(2)::before{display: none;}
    .header-right a.language::before { margin-right: 10px;margin-left: 10px;}
    .header-right a i { width: 30px;}
	.header-right {right: 3%;}
	.index-banner-right-line {right: 24%;display: none;}
	.scroll-icon {right: 10.5%;display: none;}
	.index-banner-item .text {width: 90%;left: 5%;}
	.index-about .center-text {position: relative;width: 90%;left: 5%;top: auto;overflow: hidden;padding-bottom: 10%;}
	.right-date {position: relative;right: auto;width: 90%;bottom: auto;margin: auto;}
	.right-date-item .date-1 {position: relative;}
	.right-date-item .title-1 {position: relative;left: auto;bottom: auto;padding-bottom: 5%;}
	.index-about .left-name {position: relative;left: auto;width: 100%;top:auto;z-index: 11;text-align: left;display: none;}
	.index-about .left-name .title-1 {position: relative;left: auto;top: auto;transform: none;width: 90%;margin: auto;padding-bottom: 5%;}
	.technical-servicer-swiper img,.technical-servicer .img-center,.page-contact-us img {max-width: 300%;width: 300%;}
	.index-contact-top .pic img {max-width: 300%;width: 300%;}
	.index-technical-service .left-name {left: 5%;top: 20%;width: 90%;}
	.index-technical-service .right-video {right: 5%;bottom: 15%;width: 60%;}
	.index-corporate-culture,.footer-contact-item,.footer-contact-item:last-child {margin: 0;}
	.index-product-top,.footer-right {padding-bottom: 10%;}
	.index-news-top .text-1 {margin-top: 13%;width: 100%;margin-bottom: 10%;}
	.corporate-culture-content {padding: 20% 5% 10% 5%;width: 90%;}
	.index-pagetrun {position: relative;right: auto;top: auto;text-align: right;transform: none;}
	.index-product-item .item-right {width: 100%;position: relative;right: auto;top: auto;height: 100%;}
	.index-product-nav a, .index-news-nav a, .page-news-top-nav a {line-height: 40px;padding: 0 20px;margin-right: 1%;margin-bottom: 2%;}
	.index-product-item .link-2 a {margin-bottom: 5%;width: auto;margin-right: 5%;}
	.index-product-application-top .title-1 {width: 20%;}
	.product-application-left .number-1 {transform: rotate(0deg);left: 0;top: 5%;display: none;}
	.product-application-center,.footer-contact-item .text-1 {margin:5% 0;}
	.product-application-center a {opacity: 1;}
	.product-application-left .text {margin-top: 0;}
	.application-pagetrun {position: relative;left: auto;bottom: auto;}
	.index-business-brand-top .title-1 {float: none;margin-bottom: 5%;}
	.index-contact-top .title-1,.contact-us-top,.page-banner .text.right {left: 5%;width: 90%;right: auto;}
	.index-contact-from .left-1,.index-contact-from .left-2 {margin: 2% 0;width: 100%;float: none;}
	.index-contact-from .left-3,.index-contact-from .left-3 .textarea-1,.footer-ewm,.page-about-center .right-date {width: 100%;position: relative;right: auto;top: auto;}
	.index-contact-bottom .more-2 {float: none;margin: 10% auto auto auto;}
	.footer-contact-item,.footer-right,.footer-link {float: none;}
	.footer-ewm {width: 50%;}.development-history-bottom .swiper-btn-prev, .development-history-bottom .swiper-btn-next {margin-top: -75px;}
	.development-history-item .point-1 {position: relative;top: auto;left: auto;margin: 10% auto;}
	.development-history-item .text-1,.news-top-left .text {padding-top: 10%;}
	.development-history-item .year-1 {padding: 0;}
	.development-history-item .text-1 {position: relative;}
	.various-standards-item .text {width: 40%;}
	.page-about-center .right-date-item {padding: 5% 0;margin-top: 5%;overflow: visible;}
	.page-about-center .right-text {float: none;width: 100%;margin-left: 0;}
	.page-about-center .left-lou {float: none;position: absolute;width: 20%;}
	.page-various-standards {position: relative;float: none;width: 100%;overflow: hidden;margin-top: auto;}
	.footer-bottom,.standards-pagetrun {width: 90%;margin: 10% auto;}
	.page-about-center,.development-history-item .img {width: 100%;overflow: hidden;}
	.page-product-left {float: none;width: 100%;margin-top: auto;}
	.page-product-right {padding: 15% 5%;overflow: hidden;margin-left: 0;width: 90%;float: none;}
	.div-path {text-align: left;}.div-product-item li:first-child,.div-product-item li:nth-child(2),.div-product-item li {width: 100%;}
	.div-product-item li {text-align: left;}.div-product-item a{padding: 5%;}
	.div-product-item li:first-child {border-bottom: 1px solid #ddd;}
	.div-product-item li:last-child {width: 20%;position: absolute;right: 5%;top: 50%;}
	.swiper-btn-prev, .swiper-btn-next, .div-pagetrue a {width: 40px;height: 40px;line-height: 40px;}
	.page-banner .pic {animation: none;}
	.page-brand-item .text {width: 90%;padding-bottom: 10%;}
	.page-brand-item .pic {width: 80%;margin: auto;float: none;}
	.page-brand-item,.application-item {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;margin-left: 0;}
	.page-application-bottom {padding: 15% 5%;}
	.application-detail-left .text-1 {padding-bottom: 10%;}
	.page-banner .bottom-text {bottom: 20%;}
	.page-banner .scroll-icon {bottom: -50%;}
	.application-detail-left .more-2,.application-detail-right,.application-detail-item-bottom .right-2{margin-top: 5%;}
	.application-detail-right {float: none;width: 100%;margin-right: 0;margin-bottom: 2%;margin-left: 0;padding: 0;}
	.application-detail-item-top {padding: 5% 0;}
	.application-detail-item-top .icon-3 {width: 40px;height: 40px;}
	.application-detail-item-bottom .text-2 ,.news-list-item .text-1,.page-news-detail-left,.page-contact-top .contact-right{width: 100%!important;}
	.news-top-left .right-2 {width: 100%;overflow: hidden;position: relative;height: 90%;right: auto;top: auto;}
	.news-top-left .text-1 {padding-bottom: 10%;}
	.news-list-item .text {position: relative;top: auto;right: auto;transform: none;width: 100%;padding: 5% 0;}
	.news-list-item a:hover .viewmore,.page-news-detail-top .return-1 span {display: none;}
	.page-news-detail-top .return-1 i {left: 50%;transform: translate(-50%,-50%) rotate(-180deg);}
	.page-news-detail-right {float: none;width: 100%;margin-left: 0;padding-top: 10%;overflow: hidden;}
	.news-detail-other-bottom .news-list-item {float: none;width: 100%;margin-right: 0;margin-bottom: 1%;border: none;}
	.contact-right-item {float: none;padding-right: 0px;}
	.contact-right-item:nth-child(2) {padding-left: 0px;width: 100%;}
	
	.corporate-culture-right,.product-application-left .text .title-1,.index-business-brand-center,.footer-left,.various-standards-swiper,.application-bottom-right,.news-top-left .text-1,.page-contact-top .contact-right,.page-contact-message-top .title-1,.page-search-detail-top .typenav-1 {margin-top: 10%;}
	.index-about .center-text .text,.corporate-culture-left,.corporate-culture-right,.index-product-item .img,.product-application-right,.product-customized-left .title-2,
	.product-application-left,.product-application-center,.index-business-brand-top-right,.index-contact-bottom .text-4,.footer-left,.footer-right,.application-bottom-left,.application-bottom-right,.application-detail-left ,.application-detail-item-bottom .text-2,.application-detail-item-bottom .right-2,.news-top-left .img,.page-news-bottom-top::after,.news-list-item .img,.news-list-item .text-1,.page-contact-top .contact-left,.page-contact-message-top .title-1,.page-contact-message-center,.page-contact-message-center .submitfrom-1 .text-3,.page-contact-center-content{width: 100%;float: none;}
	.index-product-item .text {padding: 10% 10%;width: 80%;}
	.index-product-center,.footer-bottom ,.page-about,.page-contact-message-center .submitfrom-1 .text-3 {padding: 10% 0;}
	.index-about,.index-product,.index-news,.index-business-brand,.index-contact-center,.page-brand,.page-application-detail,.page-application-detail-bottom {padding: 0% 0;}
	.header-logo{max-width: 250px;width: 100%;}
}
@media screen and (max-width: 860px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.header-content {height: 80px;}
	
}





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

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

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