/* CSS Reset */
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;}
input,select,textarea {border-radius: 0;outline: none;font-family:PingFang SC,'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
*::before,*::after {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;}
a:hover {color: #000;}
li{list-style:none;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.mainwidth{width:81.7%; margin:0 auto; position: relative;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.left {float: left;}
.right {float: right;}
img{max-width: 100%;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.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;}
.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: #ccc;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ccc;}
::-webkit-scrollbar-thumb{background-color:#666666;box-shadow:inset 1px 1px 0 #666666,inset 0 -1px 0 #666666;}

table { width: 100%; border-collapse: collapse; }
table, th, td {border: 1px solid #e8e8e8; padding-left:10px; height: 30px; line-height:30px;}




 


/* header */
.header {position:fixed;left:0;top: 0px;z-index: 500;width: 100%;transition:all .4s ease; }
.header * {transition:all .4s ease;}
/*.header-top{width:100%; background:#18ae67; height:34px; padding-top:15px; padding-bottom:5px; line-height:34px; color:#fff;}
.header-top-content{width:81.7%;margin:0 auto;}
.header-top-left{float:left; background:url(../images/zjtel.png) left center no-repeat; padding-left:24px;}
.header-top-right{ float:right; text-align:right;}
.header-top-right .address{background:url(../images/map.png) left center no-repeat; padding-left:24px; margin-right:60px; float:right; }
.header-top-right .email{background:url(../images/email.png) left center no-repeat; padding-left:24px; margin-right:40px;float:right;}
.header-top-right .en{float:right; margin-top: 5px;}*/
.header-content {width:81.7%;height:65px;margin:10px auto;position: relative;z-index: 500;}
.header-content::after {content:'';width: 100%;height: 1px;background: #fff;position: absolute;left: 0;bottom:0px;z-index: 1;opacity: 0;}

.header-logo {width:18%;height: auto;position: absolute;top:50%;transform: translateY(-50%);left:0;z-index: 11;}
.header-logo a {display: block;}
.header-logo .bla{display:none;}
.header-logo img {display: block;width: 100%;height: auto;max-width: 100%;}
.header-logo svg * {fill: #fff!important;}
.header-logo svg .st0 rect{opacity: .8;}
.header-logo svg .st3 rect{opacity: .5;}
.header-nav {position: absolute;right: 30%;top: 50%;transform: translateY(-50%);z-index: 11;text-align: center;width: 52%;transition:all .4s ease;}
.header-nav ul {position: relative;list-style: none;margin: 0;padding: 0;font-size: 0;text-align: right; display: flex; justify-content: center;}
.header-nav ul li {display: inline-block;vertical-align: middle;position: relative;transition:none; text-align:center; padding:0 4%;}
.header-nav ul li a{position: relative;overflow: hidden;color: #fff;}
.header-nav ul li a.nav {line-height: 22px;position: relative;}
/*.header-nav ul li a.nav::after {content: ''; width: 140%;  height: 3px; position: absolute; left: -30%; bottom: -12px;background: #18ae67;z-index: 11;transition:all .4s ease;opacity: 0;}*/
.header-nav ul li.cur a,.header-nav ul li:hover a {color: #18ae67;}
.header-nav ul li:last-child{border-right:0px;}

.header-contact{width:28%; position:absolute; right:0px; top: 50%;transform: translateY(-50%); color:#fff; text-align: right;    height: 36px;line-height: 36px;}
.header-contact .tel{color:#fff; background:url(../images/tel.png) left center no-repeat; padding-left:40px; margin-right:5%;display: inline-block;}
.header-contact .email{color:#fff; background:url(../images/email.png) left center no-repeat; padding-left:40px;display: inline-block;}

 
.header.scroll-down{top: -140px;}
.header.scroll-top{background: #fff;border-bottom: 1px solid #e6e6e6;}
.header.scroll-top .header-logo svg * {fill: #0a2c95!important;}
.header.scroll-top .header-logo svg .st6 {fill: #686e70!important;}
.header.scroll-top .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.header.scroll-top .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}
.header.scroll-top .header-nav ul li a.nav{color: #666;}
.header.scroll-top .header-nav ul li.cur a.nav {color: #18ae67;}
.header.scroll-top .header-nav ul li a.nav::after {background: #18ae67;}
.header.scroll-top .header-contact .tel{background: url(../images/tel_on.png) left center no-repeat;; color:#666;}
.header.scroll-top .header-contact .email{background: url(../images/email_on.png) left center no-repeat; color:#666;}
.header.scroll-top .header-logo .bla{display:block;}
.header.scroll-top .header-logo .whi{display:none;}

 
.detail .header{background: #fff;border-bottom: 1px solid #e6e6e6;} 
.detail .header .header-logo svg * {fill: #0a2c95!important;}
.detail .header .header-logo svg .st6 {fill: #686e70!important;}
.detail .header .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.detail .header .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}
.detail .header .header-nav ul li a.nav{color: #666;}
.detail .header .header-nav ul li.cur a.nav {color: #18ae67;}
.detail .header .header-nav ul li a.nav::after {background: #18ae67;}


.header.black {background: #fff;border-bottom: 1px solid #e6e6e6;} 
.header.black .header-nav ul li a.nav{color: #666;}
.header.black .header-nav ul li.on a.nav {color: #18ae67;}
.header.black .header-nav ul li.on a.nav::after {background: #18ae67;opacity: 1;}
.header.black .header-logo svg * {fill: #0a2c95!important;}
.header.black .header-logo svg .st6 {fill: #686e70!important;}
.header.black .header-logo svg .st3 rect{fill: #8400d2!important;opacity: 1;}
.header.black .header-logo svg .st0 rect{fill: #0058d3!important;opacity: 1;}


.header-nav-show-mark {width: 100%;height: 100%;position: fixed;left: 0;top: 0px;z-index:-1;opacity: 0;transition:all .4s ease;background: #000f33;}
.header-nav-show-mark.cur  {z-index: 20;opacity: .3;}
.header-nav-show {position: fixed;left: 0;top: 80px;width: 100%;z-index:511;overflow: hidden;transition:all .4s ease;border-top: 1px solid #e6e6e6;}
.header-nav-show.Hide {opacity:0;height: 0;z-index:-1;}
/*.header-nav-show-content {width:100%;position: relative;overflow: hidden;transition:all .4s ease;overflow: hidden;text-align: center;}
.nav-product-show-list {background: #fff;min-width: 60%;margin: auto;padding: 2% 3%;box-sizing: border-box;overflow: hidden;border-bottom: 4px solid #18ae67;text-align: left;display: inline-block;}
.nav-product-show-list .nav-item {float: left;text-align: left;position: relative;padding: 0 40px;}
.nav-product-show-list .nav-item:first-child {padding: 0 40px 0 0px;}
.nav-product-show-list .nav-item:last-child {padding: 0 0 0 40px;}
.nav-product-show-list .nav-item::after {content: '';width: 1px;height: 100%;background: #e8e8e8;position: absolute;right: 0;top: 0;}
.nav-product-show-list .nav-item:last-child::after {display: none;}
.nav-product-show-list .nav-item .title-1{position: relative;margin-bottom: 2%;}
.nav-product-show-list .nav-item .title-1::before {content: '';width: 10px;height: 10px;position: absolute;left: -15px;top: 50%;background: url('../images/nav.png');margin-top: -5px;}
.nav-product-show-list .nav-item .item-1 {overflow: hidden;padding-bottom: 3%;}
.nav-product-show-list .nav-item .item-1 ul{list-style: none;padding: 0;margin: 0;display: inline-block;vertical-align: top;margin-right: 40px;}
.nav-product-show-list .nav-item .item-1 ul:last-child {margin-right: 0;}
.nav-product-show-list .nav-item .item-1 .class-1{margin-bottom: 5px;color: #1a1a1a;min-height: 5px;}
.nav-product-show-list .nav-item .item-1 li{list-style: none;padding: 0;margin: 0;}
.nav-product-show-list .nav-item .item-1 a{display: block;padding: 2% 0;color: #666666;}
.nav-product-show-list .nav-item .item-1 a:hover {color: #18ae67;}
.nav-product-show-list .nav-item .item-2 {overflow: hidden;padding: 15% 0;}
.nav-product-show-list .nav-item .item-2 a{display: block;padding: 5% 0;color: #666666;}
.nav-product-show-list .nav-item .item-2 a:hover {color: #18ae67;}*/

.header-xiala-show {position: absolute;left: -50px;top: 80px;width: 200px;background: #fff;border-top: 1px solid #e6e6e6;border-bottom: 4px solid #18ae67;padding: 0 3%;display: none;z-index: 1111;text-align: left;}
.header-xiala-show a {display: block;padding: 8% 0;overflow: hidden;border-bottom: 1px solid #e6e6e6;color: #000!important;width: 70%;margin: auto;}
.header-xiala-show a:hover {color: #18ae67!important;border-bottom: 1px solid #18ae67;}
.header-xiala-show a:last-child {border-bottom:none;}




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

.mbheader-nav{position: fixed;right: 0;top: 0;width: 80%;height: 100%;z-index: 9111;background: #fff;overflow: hidden;overflow-y: auto;padding: 10%;transition:all .4s ease;box-sizing: border-box;transform: translateX(100%);}
.mbheader-nav::-webkit-scrollbar{height:4px; width:2px;background: #ccc;}
.mbheader-nav ul {list-style: none;margin: 0;padding: 0;overflow: hidden;}
.mbheader-nav ul li{list-style: none;margin: 0;padding: 0;border-bottom: 1px solid #ccc;padding: 4% 0;}
.mbheader-nav ul li a.nav{display: block;padding: 4% 0;font-weight: bold;position: relative;}
.mbheader-nav ul li a.xiala::after {content: '';width: 10px;height: 2px;background: #000;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.mbheader-nav ul li a.xiala::before {content: '';width: 2px;height: 10px;background: #000;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);}
.mbheader-nav ul li a.on.xiala::before {display: none;}
.mbheader-nav-show {display: none;}
.mbheader-nav-show a{display: block;padding: 4% 5%;}
.mbheader-nav .close-1{transform: scale(.8) rotate(45deg);}
.no-touch .header-nav-show-mark  {z-index: 8990;opacity: .5;}
.no-touch .mbheader-nav {transform: translateX(0);}





/* footer */ 
.footer {background:#e6e6e6;position: relative;clear: both;}
.footer-content-top  {width: 100%;margin: auto;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.footer-content-left {float: right;width: 32%; padding-left:2%; padding-top:2%;}
.footer-content-left .wxcode{float:left;}
.footer-content-left .wxcode img{max-width:120px; width:100%;}
.footer-content-left .wxtext{float:left; margin-left:10px; margin-top:50px; color:#fff;}
.footer-logo {width: 45%; margin-top:10px; float:left;}
.footer-logo img{width:140px;}
.footer-logo h1{color:rgba(255,255,255,0.6); font-weight:normal; padding:0px; margin:0px;}
.footer-contact {margin: 2% 0;color: #fff;  width:100%;float: left; }
.footer-contact a{width:33.33%; float:left; color:rgba(255,255,255,0.85); margin:5px 0;}
.footer-contact-item {width:100%; float:left; line-height:30px;}
.footer-contact-item .title-1{color: #fff;}
.footer-contact-item .tel-1{}
.footer-contact-item .add-1{margin-top: 2%;}
.footer-content-right {float: left;width: calc(66% - 1px); border-right:1px solid #fff; }
.footer-nav {text-align: left;border-top: 1px solid #fff;border-bottom: 1px solid #fff; display:flex; width:100%; justify-content:space-between;}
/*.footer-nav ul{list-style: none;margin: 0;padding: 0;text-align: left; width:100%;}	*/
.footer-nav a {font-weight: normal;margin: 0;padding: 0; color: #444;  height:60px; line-height:60px;}
.footer-nav a:hover {color: #cce7d8; font-weight:bold;}
.footer-nav a:last-child{margin-right:20px;}
.footer-content-bottom {padding: 2% 0 2%;clear: both;color: #444;margin: auto;position: relative;}
.footer-content-bottom a {color: #444;}
.footer-content-bottom a:hover {color: #18ae67;}
.footer-content-bottom .copy-1{overflow: hidden;width:100%; text-align:center; }
.footer-content-bottom .niego-1{float:right;}
.footer .flt{float:right; margin-top:10px;}
.footer .flt ul{margin:0px; padding:0px;}
.footer .flt ul li{margin-right:20px;position:relative; float:left;}
.footer .flt ul li a{display:block;width:42px;height:42px;line-height:42px;text-align:center;border:1px solid rgba(255,255,255,0.3);border-radius:50%;float:left;position:relative;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.footer .flt ul li:hover{border-color:rgb(255,255,255,.8)}
.footer .flt ul li i{display:block;width:100%;opacity:0.5;font-size:32px;color:white;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.footer .flt ul li:hover i{opacity:.8}
.footer .flt ul li i img{width:28px;}
.footer .flt ul li a>img{display:inline-block;width:24px;margin-top:9px;opacity:0.5;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.footer .flt ul li:hover a>img{opacity:.8}
.footer .flt ul li .ewm{display:block;width:100px;position:absolute;bottom:100%;left:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.footer .flt ul li:hover .ewm{bottom:120%;opacity:1;visibility:visible}
.footer .flt ul li .ewm img{width:100%}






/* index */
.index-banner-swiper {width: 100%;height: 100%;position: relative;} 
.index-banner-item {position: relative;overflow: hidden;}
.index-banner-item .videotext {position: absolute;width: 80%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: left; left:10%;}
.index-banner-item .videotext .title-1{font-family: 'Manrope-Bold';line-height: 70px;}
.index-banner-item .videotext .title-2 { margin-top: 1%;}
.index-banner-item .videotext .title-1 strong{font-size:100px; color:#18ae67;}
.vmore{width:auto; height:43px; line-height:43px; background:#fff; color:#18ae67; padding:0 30px; margin-top:40px; border-radius:50px; display:inline-block; }
.index-banner-item .text {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: center;}
.index-banner-item .text .vmore{margin:40px auto 0; text-align:left;}
.index-banner-item .title-1{font-family: 'Manrope-Bold';line-height: 70px;}
.index-banner-item .title-2 { margin-top: 1%; font-weight: bold;}
.index-banner-swiper .swiper-slide .title-1,.vmore,
.index-banner-swiper .swiper-slide .title-2 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1); margin-top: 0;}
.index-banner-swiper .swiper-slide .title-2 {transition-delay: .4s;}
.index-banner-swiper .swiper-slide .vmore {transition-delay: .8s;}
.index-banner-swiper .swiper-slide-active .title-1,.vmore,
.index-banner-swiper .swiper-slide-active .title-2 {transform: translateY(0px);opacity: 1;}
.vmore:hover{transform: translateX(30px);}


.index-banner-swiper .banner-pagination {bottom: 5%;}
.index-banner-swiper .banner-pagination span{width: 50px;height: 4px;border-radius: 0;background: #fff;opacity: .5;}
.swiper-ctrl {position: absolute;width: 100%;left: 0;bottom: 5%;z-index: 11;font-size: 0;text-align: center;}
.scroll-center {margin: auto;text-align: center;position: relative;display: inline-block;vertical-align: middle;}
/*.scroll-center::after {content: '';width: 850%;height: 1px;position: absolute;left: 120%;top: 50%;opacity: .4;background: #fff;}*/
.scroll-center .scroll-1 {font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;position: relative;}
.scroll-center .scroll-1::before {content: '';width: 1px;height: 40px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: .5;}
.scroll-center .scroll-1::after {content: '';width: 1px;height: 20px;background: #fff;position: absolute;left: 50%;top: -55px;opacity: 1;z-index: 11;}
.number-prevnext {text-align: center;position: absolute;font-size: 0;right: 9%;top: 50%;margin-top: -12.5px;}
.number-prevnext::before {content: '';width: 200%;height: 1px;position: absolute;left: 110%;top: 50%;opacity: .4;background: #fff;}
.number-prevnext .number-1 {display: inline-block;vertical-align: middle;font-family: 'Manrope-Bold';text-transform: uppercase;color: #fff;margin-right: 10px;}
.swiper-banner-prev,.swiper-banner-next {width: 10px;height: 17px;display: inline-block;vertical-align: middle;margin-left: 28px;cursor: pointer;}
.swiper-banner-prev:hover ,.swiper-banner-next:hover {opacity: .5;}
.swiper-banner-prev {background: url('../images/l1.png') center no-repeat;background-size: 100%;}
.swiper-banner-next {background: url('../images/r1.png') center no-repeat;background-size: 100%;}
.left-pagination {position: absolute;right: 5%;top: 50%;transform: translateY(-50%);z-index: 11;}
/*.left-pagination::before {content: '';width: 250%;height: 1px;position: absolute;right: 105%;top: 50%;opacity: .4;background: #fff;}*/
/*.left-pagination .rline {height: 1px;position: absolute;left: 105%;top: 50%;opacity: .4;background: #fff;width: 0;transition:all .4s ease;}*/
.index-banner-swiper .banner-pagination {text-align: center;left: auto;bottom:auto!important;right:auto!important;left:auto!important;width: auto;color: #fff;width:auto;transform:none;position: relative}
.index-banner-swiper .banner-pagination span{opacity: 1;margin: 0 3px!important;position: relative;width: 32px;height: 32px;background: transparent;display: inline-block;vertical-align: middle;}
.index-banner-swiper .banner-pagination span::before {content: '';width:5px;height:5px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);background: #fff;transition:all .4s ease;opacity: .5;}
.index-banner-swiper .banner-pagination span::after {content: '';width:27px;height:27px;position: absolute;left:50%;top:50%;border-radius: 100%;transform: translate(-50%,-50%);z-index: 1;border: 2px solid rgba(255,255,255,.5);opacity: 0;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {background: #fff!important;opacity: 1;}
.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: 32px;height: 32px;border-radius: 50%;border: 2px 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 4s linear forwards;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {animation:circleright 4s linear forwards;}
@keyframes circleright {0% {transform: rotate(135deg);}50%,100% {transform: rotate(315deg);}}
@keyframes circleleft {0%,50% {transform: rotate(135deg);}100% {transform: rotate(315deg);}}

.rolling-top{position:fixed;right:2%;bottom:15%;width:30px;height:80px;z-index:999;cursor:pointer}
.rolling-top h6{font-size:12px;color:#000;width:10px;position:absolute;right:-5px;bottom:-20px;font-weight:normal}
.rolling-top h5{font-size:12px;color:#fff;width:100px;position:absolute;right:-55px;bottom:-20px;font-weight:normal;text-transform:uppercase;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.rolling-top span{position:relative;width:100%;height:100%;display:block}
.rolling-top i{display:block;height:10px;width:1px;position:absolute;left:50%;top:10%;margin-left:-1px;background:#666;animation:rolling-top 2000ms infinite ease-out;-webkit-animation:rolling-top 2000ms infinite ease-out}
@keyframes rolling-top{0%{height:100px;top:85%;opacity:0}
100%{height:30px;top:10%;opacity:1}
}.rolling-top:hover h6{color:#18ae67}
.rolling-top:hover i{background:#18ae67}

/*新增*/
.tytitle{width:100%; height:58px; line-height:58px; margin-bottom:50px; margin-top:50px;}
.tytitle_left{float:left; width:100%; text-align:center;}
.tytitle_left h2{color:#444; position:relative; margin:0px; margin-bottom: 10px;}
/*.tytitle_left h2::after{content: ''; height:30px; width:1px; background:#18ae67; position:absolute; right:0px; top:16px;}*/
.tytitle_left hr { height: 2px;  width: 70px; text-align: center; position: relative; background: #18ae67; margin: 0 auto; margin-bottom: 20px; border: 0;}
.tytitle_left h3{ color:#999; margin-top:8px; float:left;  padding:0 0 0 10px; font-weight:400;height: 30px;}
/*.tytitle_right{float:right; color:#18ae67;}*/
.indexpro{background:#edeeee; display:table; width:100%; padding-bottom:80px;}

.white .tytitle_left h2{color:#fff;}
.white .tytitle_left h2::after{background:#fff;}
.white .tytitle_left h3{color:#fff;}
.tytitle .white{border-bottom:1px solid #fff !important;}
.white .tytitle_right{color:#fff;}
/*.tytitle.white{border-bottom:1px solid #fff;}*/

.index-pro-swiper {position: relative; padding:20px 0; display: table; width:100%;}
.index-pro-box { background: linear-gradient(to right, #e6eeb2, #d8e482); border-radius:10px; margin-bottom:50px; width:calc(30% - 0px); margin-right:5%; float:left;}
.index-pro-box:nth-child(3n+3){margin-right:0px;}
.index-pro-box a{display: block;text-align: center;}
.index-pro-box .img-1 {position: relative; height:300px; margin: 50px auto 0px; }
.index-pro-box .line{width:100%; background:url(../images/fa_line.png) left bottom repeat-x; height:50px;}
.index-pro-box .info{padding:30px 20px 30px; background:#fff url(../images/fa_right.png) right 20px top 30px no-repeat;}
.index-pro-box .title-1{color: #595757;margin-top: 1%; text-align:left; font-weight:bold;}
.index-pro-box .title-2{color:#ccc; margin-top:10px; text-align:left;}
.index-pro-box:hover .info{background:#fff url(../images/fa_right_on.png) right 20px top 30px no-repeat;}
/*.index-pro-swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear;}
.index-pro-swiper .swiper-button-next,.index-pro-swiper .swiper-button-prev{color:#18ae67;}*/

.more-2{display:table; background:#18ae67; color:#fff; height:36px; line-height:36px; padding:0 30px; margin:30px auto; border-radius:50px;}
.more-2:hover{background:#fff; color:#18ae67; }
.more-2 a{color:#fff;}
.more-2:hover a{color:#18ae67;}

.index-scope-business {overflow: hidden; margin:20px auto 50px;}
.index-scope-business-list {padding: 20px 0 0 0;}
.scope-business-item {float: left;width: 23.5%;margin-right: 2%;margin-bottom: 4%; background:#fff;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); border-radius:10px;}
.scope-business-item:nth-child(4n+4) {margin-right: 0;}
.scope-business-item .img{overflow: hidden; width:80px; height:80px; margin:50px auto 20px; line-height:80px; text-align:center;}
.scope-business-item .img img{max-width:100%; width:auto;}
.scope-business-item .text{text-align: center;z-index: 11;width: 80%; margin:0 auto;}
.scope-business-item .title-2{font-weight: bold;color: #222; margin-bottom: 20px;}
.scope-business-item .text-1{margin-top: 1%; margin-bottom:30px; height:100px; color: #999;}
.scope-business-item:hover{background:#18ae67;}
.scope-business-item:hover .title-2{color:#fff;}
.scope-business-item:hover .text-1{color:#fff;}
/*.scope-business-item:hover .img{border:2px solid #fff;}*/
.scope-business-item:hover .img img{filter: brightness(0) invert(1);}

.index-ys-stories{width:100%; background:url(../images/jsysbg.jpg) left top no-repeat; background-size:cover; position:relative;display: table; padding: 100px 0; height:90vh}
.index-ys-stories-top {width: 40%;margin: auto;position: absolute; left:0px; top:5%;}
.index-ys-stories-top .title{overflow: hidden;}
.index-ys-stories-top .class-1{color: #fff;}
.index-ys-stories-top .class-2{color: rgba(255,255,255,1);}
.index-ys-stories-top .text-1{margin-top: 1%; color:#fff; margin-bottom:100px;}
.index-ys-stories-bottom{ position:relative; width:80%; }

.ys-stories-item {float: left;position:absolute; width:28%; background:#fff; border-radius:20px; text-align:center;}
.ys-stories-item:nth-child(1){left:30%; top:42vh;}
.ys-stories-item:nth-child(2){left:60%; top:18vh;}
.ys-stories-item:nth-child(3){left:60%; top:54vh;}
.ys-stories-item:nth-child(4){left:90%; top:30vh;}
.ys-stories-item a{display: block;overflow: hidden;}
.ys-stories-item .text{padding: 0 7% 7% 7%;overflow: hidden;}
/*.customer-stories-item .icon-1{width: 16px;height: 16px;background: url('../images/fz1.png') center no-repeat;background-size: 100%;}*/
.ys-stories-item .img img{max-width:100%; width:auto; margin:30px auto 0;}
.ys-stories-item .text-1{color: #595757;margin-top: 2%;}
.ys-stories-item .text-2{margin-top: 1%;color: #999;}
.ys-stories-item .more-2{width: 30px;height: 30px;position: absolute;right: 6%;bottom: 6%;}
.ys-stories-item a:hover {transform: translateY(-10px);}
.ys-stories-item a:hover .pic {transform: scale(1.05);}
.ys-stories-item a:hover {box-shadow: 0px 13px 30px 0px rgba(0,67,255,0.3);}

.index-company{display: inline-block; width: 100%;padding-bottom: 100px;}

.index-company-box{width:100%;}
.index-company-box .cleft{width:45%; float:left; border: 1px solid #18ae67; padding: 20px; border-radius: 20px; }
/*.index-company-box .cleft ul{margin:0px; padding:0px; width:100%; height:100%;position:relative;}
.index-company-box .cleft ul li{width:280px; height:120px; border:2px solid #18ae67; border-radius:50%; text-align:center; padding:80px 0;}
.index-company-box .cleft ul li .num{color:#18ae67;}
.index-company-box .cleft ul li .info{color:#fff;}*/
/*.index-company-box .cleft ul li:nth-child(1){margin-left:calc(50% - 140px);}
.index-company-box .cleft ul li:nth-child(2){float:left;margin-top: -40px;}
.index-company-box .cleft ul li:nth-child(3){float:right;margin-top: -40px;}
.index-company-box .cleft ul li:nth-child(4){margin-left:calc(50% - 140px); margin-top:200px;}*/
.index-company-box .cright{width:45%; float:right; color:#000; margin-top:50px;}
.index-company-box .cright h1{color:#18ae67; margin:0px;}
.index-company-box .cright h2{margin:0px; margin-bottom:50px;}
.index-company-box .cright p{margin-top:30px; color:rgba(0,0,0,0.8)}
.index-company-box .cright strong{color:#18ae67;}

.wenhua-company{background:url(../images/wenhuabg.jpg) top center; no-repeat; background-size:cover;display: inline-block; width: 100%;padding-bottom: 80px; margin-top:100px;}
.wenhua-company-box{width:100%; margin:100px auto; display:table;text-align: center;}
.wenhua-company-box ul{margin:0px; padding:0px; width:100%; height:100%;position:relative;}
.wenhua-company-box ul li{width:300px; height:160px; border:1px solid #18ae67; border-radius:50%; text-align:center; padding:100px 3%;display:inline-grid;}
.wenhua-company-box ul li .num{color:#18ae67;}
.wenhua-company-box ul li .info{color:#fff; margin-top:15px; font-weight:normal;}
.wenhua-company-box ul li:nth-child(3){margin-left:-24px;}
.wenhua-company-box ul li:nth-child(1){margin-right: -24px;}



.index-honor-swiper {position: relative; padding:20px 0; margin-bottom:50px;}
.index-honor-box { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.20); background:#f7f8f8;}
.index-honor-box a{display: block;text-align: center;}
.index-honor-box .img-1 {position: relative; margin: auto;}
.index-honor-box .img-1 img{max-width:100%;}
.index-honor-box .title-1 {color: #777;padding:10px 0; text-align:center;}
.index-honor-swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear;}
.index-honor-swiper .swiper-button-next,.index-honor-swiper .swiper-button-prev{color:#18ae67;}

.index-corporate-culture {padding: 1px 0 50px;overflow: hidden; background:#f7f8f8;}
.corporate-culture-bottom{overflow: hidden;text-align: center;}
.corporate-culture-item{width: 31%;position: relative;display: inline-block;vertical-align: top;margin-right: 3%; margin-bottom:3%;}
.corporate-culture-item:nth-child(3n+3){margin-right:0px;}
.corporate-culture-item a{display: block;position: relative;background: #000; border-radius:10px;}
.corporate-culture-item .pic img{opacity: .3;border-radius: 10px;}
.corporate-culture-item .text {position: absolute;width: 100%; z-index: 11;left: 0;top: 50%;color: #fff;transform: translateY(-50%);}
.corporate-culture-item .icon-1 {position: relative;width: 130px;height: 96px;margin: auto;margin-top: 0%;}
.corporate-culture-item .title-1 {margin-top: 2%; font-weight:bold;}
.corporate-culture-item .text-1 {margin-top: 1%;}
/*.corporate-culture-item.cci2 a{background: #8400d2;}
.corporate-culture-item.cci3 a{background: #0561e6;}*/
.corporate-culture-item a:hover {transform: translateY(-10px);}

.div-cooperative-partner {overflow: hidden;position: relative; padding:50px 0; background:url(../images/pbg.jpg) no-repeat; background-size:cover; }
/*.cooperative-partner-top {text-align: center;}*/
.cooperative-partner-bottom {padding: 4% 0;overflow: hidden;position: relative;z-index: 400; width:58%; float:right;}
.cooperative-partner-list {display: flex;flex-wrap: wrap; justify-content: space-around;width: 100%;margin: auto;}
.industry-trends-logo {overflow: hidden; flex: 0 0 25%;}
.industry-trends-logo a{display: block;text-align: center; }
.industry-trends-logo .logo-1 {position: relative;width: 130px;height: 130px;margin: auto;}
.cooperative-partner-list .industry-trends-logo .logo-1 img{filter: grayscale(100%);opacity: 1; transition:transform 0.5s ease;}
.cooperative-partner-list .industry-trends-logo a:hover .logo-1 img{filter: grayscale(0);opacity: 1; transform:rotateY(180deg);}
.pwhite{margin-top:10%;}
.pwhite .class-1{color:#fff;}
.pwhite .text-1{color:#fff;}

.index-industry-trends {padding: 2% 0;overflow: hidden; background:#cce7d8;}
.index-industry-trends-top {margin: auto;position: relative;overflow: hidden;}
.index-industry-trends-top .title{color:#18ae67;}
.index-industry-trends-top .title .text-1{font-weight:bold;}
/*.index-industry-trends-top .more-1{top: 0;}*/

.index-news-container{background:#f7f8f8; padding:10px 0;}
.hls-iacase {position: relative; }
.icase-nav {height: 40px;position: absolute;right: 0px;bottom:0px; width:400px;}
/*.icase-nav.w800 {width: 800px;}*/
.icase-nav .swiper-slide li{font-size: 14px;font-weight: bold;color: #999999;cursor: pointer;position: relative;margin: auto 3%;text-align: center;height: 30px; line-height: 30px; border-radius:50px; padding:0 20px;}
.icase-nav .swiper-slide li:hover {color: #fff; background:#18ae67}
/*.icase-nav .swiper-slide li::after {content: '';width: 80%;height: 2px;background: #000;position: absolute;left: 10%;bottom: -10px;display: none;}*/
.icase-nav .swiper-slide-thumb-active li{color: #fff; background:#18ae67}
/*.icase-nav .swiper-slide-thumb-active li::after {display: block;}*/
.iacaselist {padding: 0;overflow: hidden;position: relative;}
.iacaselist .swiper-slide {padding-bottom:30px; padding-top:10px}
.iacase {position: relative;width:100%;overflow: hidden;}
.iacase li{overflow: hidden;}
.iacase li a{display: block;position: relative;}

.iacase li a img{max-width:100%; position:relative;}
.iacase li a .ico{position:absolute; top:20px; right:20px; background:rgba(255,255,255,0.5); width:40px; height:30px; text-align:center; border-radius:50px;padding-top:10px;}
.iacase li a .ninfo{padding:5% 0; width: 100%;}
.iacase li a h4{ margin:0px; padding:0px; color:#595757;}
.iacase li a .date{color:#18ae67; margin-bottom:20px; font-weight:bold;}
.iacase li a .info{color:#999; margin-top:15px; line-height:24px; margin-bottom:15px;}
/*.iacase li a .mark {position: absolute;bottom: 0;left: 0;width: 100%;height:100%;z-index: 1; background:linear-gradient(to left,#000,rgba(0,0,0,0));opacity: .6;}*/
.iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.newmore{width:140px; margin-top:30px; background:url(../images/rjt.png) right center no-repeat; height:40px; line-height:40px; }
.newmore span{ border-bottom:2px solid #18ae67; height:40px; line-height:40px; float:left;}

.div-banner-top {position: relative;overflow: hidden;}
.div-banner-top .text{position: absolute;left: 0;top: 50%;z-index: 11;width: 100%;color: #fff; text-align:center;}
.div-banner-top .absolute {position: absolute;left: 0;top:54%;z-index: 12;width: 100%;transform: translateY(-50%);}
.div-banner-top .title-1{position: relative; line-height:60px;}
.div-banner-top .title-2{font-family: 'Arial';}  
.div-banner-top .title-3{ border:1px solid #18ae67; border-radius:50px; color:#18ae67; padding:5px 20px; margin-top:30px; display:inline-block;}
.div-banner-top .pic{overflow: hidden;animation: bigimgani 3000ms 1 ease forwards;} 

.div-banner-top .hangye{position:absolute; bottom:5%; left:10%; width:80%; background:rgba(0,136,60,0.5);z-index: 11;}
.div-banner-top .hangye ul{ padding:10px; display: table; width: calc(100% - 20px);}
.div-banner-top .hangye ul li{width:calc(16.6666% - 1px); border-right:1px solid #fff; float:left; text-align:center;}
.div-banner-top .hangye ul li:last-child{border-right:0}
.div-banner-top .hangye ul li .icon-1{width:100px;  margin: 0 auto; }
.div-banner-top .hangye ul li .icon-1 img{width:100%;}
.div-banner-top .hangye ul li .title-1{ color:#fff; width:100%; line-height: 30px;}
.div-banner-top .hangye ul li .text-1{ color:#fff; width:100%}
.div-banner-top .hangye ul li:hover .yytext{transform: translateY(-10px);}

.div-banner-top .zznum{position:absolute; bottom:5%; left:10%; width:80%;z-index: 11; display:flex; justify-content:space-between;}
.div-banner-top .zznum .zznum-item{text-align:center; color:#fff;}
.div-banner-top .zznum .zznum-item strong{color:#18ae67; border-bottom:5px solid #18ae67; line-height:150px;}

.div-banner-top .abouttel{position:absolute; bottom:5%; left:10%; width:80%;z-index: 11;}
.div-banner-top .abouttel .abouttel-item{text-align:left; color:#fff; border-right:1px solid #fff; height:100px;  line-height:50px;  float:left;}
.div-banner-top .abouttel .abouttel-item:nth-child(1){padding:25px 5% 25px 0; width:35%;}
.div-banner-top .abouttel .abouttel-item:nth-child(2){padding:25px 5% 25px 5%; width:18%;}
.div-banner-top .abouttel .abouttel-item:nth-child(3){padding:25px 0 25px 5%; width:25%; border:0px;}

.div-banner-top .abouttel .abouttel-item .abimg{margin-right:20px; float:left;}


.probox{margin-bottom:100px; width:100%; position:relative; float:left;}
.probox_left{width:22%; float:left; color:#999;}
.probox_left .text-1{ color:#18ae67; margin-bottom:30px; font-weight:bold;}
.probox_right{width:100%; float:right;}
.probox_right_box{width:100%; position:relative;}
/*.probox_right .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: #fff;}
.probox_right .swiper-pagination-bullet-active { color: #18ae67; background: #fff;}
.probox_right .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-40px; text-align:right; right:40px; left:auto;}
.probox_right .swiper-button-next, .probox_right .swiper-button-prev{top:auto; bottom:-40px; width:20px; height:20px; border:1px solid #ccc;}
.probox_right .swiper-button-next{right:0px;}
.probox_right .swiper-button-prev{left:0px;}
.probox_right .swiper-button-next:after, .probox_right .swiper-button-prev:after{font-size:14px; color:#999;}
.vmore2{background:url(../images/sjt.png) left center no-repeat; height:40px; line-height:40px; background-size:30px; color:#666; padding-left:40px; margin-top:50px;transition:transform 0.5s ease;}
.vmore2:hover{transform:translateX(20px);}*/
.pro-item{ background: linear-gradient(to right, #e6eeb2, #d8e482); border-radius: 10px;display:inline-block; padding:15px; width:calc(29.5% - 30px); margin-right:5%; margin-bottom:5%; box-shadow:1px 1px 10px #ccc;}
.pro-item a{display:block;}
.pro-item:nth-child(3n+3){margin-right:0px;}
.pro-item:hover{ box-shadow:1px 1px 10px #666;}
.pro-item .pic{width:80%;margin:5% 10%;}
.pro-item .text{width:100%;}
.pro-item .text .text-1{width:80%; float:left;}
.pro-item .text .more-3{width:18%; float:right; text-decoration:underline; text-align:right;}
.pro-item:hover .more-3{color:#18ae67;}


.prodesc{width:100%; display:inline-block; margin-top:50px; margin-bottom: 50px;}
.prodesc_left{width:35%; float:right; margin-left:5%;  text-align:center;}
.prodesc_left img{width:auto; max-width:100%;}
.prodesc_left .swiper-button-next, .prodesc_left .swiper-button-prev{color:#999;}
.prodesc_right{width:60%; float:left;}
.prodesc_right h1{color: #18ae67;}
.proinfo1{width: 90%; line-height: 30px;}
.protitle{border-left:5px solid #18ae67; padding-left:10px; margin-bottom:50px;}

.prodesc .proinfo2 {}

.prodesc .proinfo2 table{ width: 48%; border-collapse: collapse;  float:left; margin-right:4%;}
.prodesc .proinfo2 table:nth-child(2n+2){margin-right:0px;}
.prodesc .proinfo2 table, th, td {border: 1px solid #e8e8e8; padding-left:10px; height: 30px; line-height:30px;}
/* 隔行变色 */
.prodesc .proinfo2 tr:nth-child(odd) { background-color: #f9f9f9; }
.prodesc .proinfo2 tr:nth-child(even) { background-color: #f2f2f2;}
/*.prodesc .proinfo2 tr:nth-child(1){background-color:#18ae67; line-height:70px; color:#fff;}*/

.yycj{width:100%; margin-bottom:50px; display:table;}
.yycj ul{margin:0px; padding:0px;}
.yycj ul li{width:23.5%; margin-right:2%; float:left;}
.yycj ul li:nth-child(4){margin-right:0px;}
.yycj ul li img{border-radius:10px; width:100%;}
.yycj ul li h3{ border:1px solid #777; border-radius:50px; padding:5px 30px; margin:10px auto; display: table; color:#777; font-weight:normal;}


.yftitle{color:#18ae67; font-weight:bold; line-height:40px; text-align:left;}
.yftitle2{max-width:400px;}
.yf-culture-bottom{overflow: hidden;padding: 20px 0;text-align: center; margin-top:30px;}
.yf-culture-item{width: 19.2%;position: relative;display: inline-block;vertical-align: top;margin-right: 2%; margin-bottom:3%; background:#f7f8f8; padding:40px 2%; transition:transform 0.5s ease;}
.yf-culture-item:nth-child(4n+4){margin-right:0px;}
/*.yf-culture-item a{display: block;position: relative; border-radius:10px;}*/
/*.yf-culture-item .pic img{opacity: .3;border-radius: 10px;}*/
.yf-culture-item .text {width: 100%; z-index: 11;}
.yf-culture-item .icon-1 {position: relative;width: 54px;height: 54px;margin: auto; background:#d9eae1; border-radius:10px; text-align:center; margin-bottom:20px;}
.yf-culture-item .title-1 {margin-top: 2%; color:#999}
.yf-culture-item p{margin:0px; padding:0px;}
.yf-culture-item:hover {transform: translateY(-10px);}

.yfteam{width:100%;}
.yfteam_left{width:60%; float:left;}
.yfteam_right{width:38%; float:right;}
.yfteam_right img{max-width:100%;}
.yf-team-list {padding: 20px 0 0 0;}
.yf-team-item {float: left;width: 48%;margin-right: 4%;margin-bottom: 4%; background:#fff;transition:transform 0.5s ease;}
.yf-team-item:nth-child(2n+2) {margin-right: 0;}
.yf-team-item .img{overflow: hidden; width:90px; height:90px; background:#e0f1e7; border-radius:20px; margin:0px 0 20px; line-height:90px; text-align:center;}
.yf-team-item .img img{max-width:100%; width:auto; margin-top:15px;}
.yf-team-item .text{text-align: left;z-index: 11;width: 100%; margin:0 auto;}
.yf-team-item .title-2{font-weight: bold;color: #18ae67;}
.yf-team-item .text-1{margin-top: 1%; margin-bottom:30px; height:120px; color: #999; line-height:24px;}
.yf-team-item:hover{transform: translateY(-10px);}

.zhuanli_list{width:100%; background:#f7f8f8;display: inline-block; position:relative;}
.zhuanli-swiper{ padding-bottom: 80px;}
.zhuanli_list img{max-width:100%;}
.zhuanli_list .text-1{padding-top:15px; padding-left:15px; color:#000; line-height:30px;}
.zhuanli_list .text-2{padding-bottom:15px; padding-left:15px; color:#666;}


.zhuanli-swiper>.swiper-pagination-progressbar{top:auto; bottom:15px; width:60%; left:20%; height:2px;}
.zhuanli-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#18ae67}
.zhuanli-swiper .swiper-button-next, .zhuanli-swiper .swiper-button-prev{top:auto; bottom:0px; width:30px; height:30px;  border-radius:50px; background:#18ae67}
.zhuanli-swiper .swiper-button-next{right:15%;}
.zhuanli-swiper .swiper-button-prev{left:15%;}
.zhuanli-swiper .swiper-button-next:after, .zhuanli-swiper .swiper-button-prev:after{font-size:14px; color:#fff;}
.cf-culture-top{margin-bottom:100px;}
.cf-culture-top .cf{width:100%; display:flex; justify-content: space-between; align-items: stretch; overflow:hidden;}
/*.cf-culture-top p{flex:1 0 auto;}*/
.cf-culture-top p:nth-child(1){margin-right:10px;}
.cf-culture-top p:nth-child(2){margin-left:10px;}
.cf-culture-top p img{max-width:100%;}
/*.cf-culture-top p:nth-child(2n+2){margin-right:0px;}
*/

.shebei_list{width:100%; background:#f7f8f8; padding:1px 0 80px;display: inline-block; position:relative;}
.industry-dynamics-list {overflow: hidden;width: 100%;margin: auto;}
.industry-dynamics-item {float: left;width: 100%;margin-bottom: 1%; padding-bottom:1%; border-bottom:1px solid #ccc;}
.industry-dynamics-item a{display: block;position: relative;}
.industry-dynamics-item .img {overflow: hidden; width:25%; margin-right:3%; float:left;}
.industry-dynamics-item .img img{border-radius:10px;}
.industry-dynamics-item .date{width:10%; margin-right:2%; float:left; text-align:center;}
.industry-dynamics-item .text {overflow: hidden; text-align:left; width:88%; float:left;}
.industry-dynamics-item .title-1 {overflow: hidden;font-weight: bold;}
.industry-dynamics-item .text-1 {margin-top: 3%;color: #666666;min-height: 90px;}
.industry-dynamics-item .detail-1 {margin-top: 2%;color: #18ae67;position: relative;display: inline-block;}
.industry-dynamics-item .detail-1::after {content: '';width: 6px;height: 10px;position: absolute;right: -15px;top: 50%;margin-top: -5px;background: url('../images/r3.png') center no-repeat;}
.industry-dynamics-item a:hover .pic{transform: scale(1.05);}
.industry-dynamics-item a:hover .title-1 {color: #18ae67;}

.about-info{width:100%;}
.about-info-left{width:37%; float:right; border:1px solid #18ae67; padding:10px; border-radius:20px;}
.about-info-left img{max-width:100%;}
.about-info-right{width:47%; float:left;}
.about-info-right h1{color:#18ae67; margin:0px; margin-top:30px;}
.about-info-right h2{margin:0px; margin-bottom:50px;}
.about-info-right p{margin-top:30px; line-height:30px; color:rgba(0,0,0,0.8)}
.about-info-right strong{color:#18ae67;}


.about-info-num{width:100%; display:inline-block; margin:50px auto;}
.about-info-num ul{margin:0px; padding:0px; width:100%; height:100%;position:relative;}
.about-info-num ul li{width:calc(23.5% - 1px); height:120px; border-right:1px solid #18ae67; text-align:center; display:inline-block;}
.about-info-num ul li:nth-child(4){border:0px;}
.about-info-num ul li .num{color:#18ae67;}
.about-info-num ul li em{font-style:normal;}
.about-info-num ul li .info{color:#000;}

.company-histroy{width:100%; background:url(../images/historybg.jpg) no-repeat; background-size:cover; padding:1px 0 50px; display:inline-block;}
.company-histroy-box{}
.company-histroy-box .cleft{width:35%; margin-right:0%; float:left;}
.company-histroy-box .cleft img{max-width: 100%; margin-bottom: 20px;}
.company-histroy-box .cright{ width:65%; float:right;}
.time-axis{margin:0;padding:0;position:relative;height: 750px;overflow: hidden;overflow-y: scroll;}
.time-axis li:before{content:'';position:absolute;left:117px;top:15px;width:1px;height:100%;background-color:#e4e4e4}
.time-axis-item{list-style:none;padding-left:150px;position:relative;line-height:54px;color:#fff;padding-bottom: 20px;}
.time-axis-achievement{margin:0}
.time-axis-achievement p{margin:5px 0; line-height: 30px;}
.time-axis-date{position:absolute;left:0;top:20px;color:#fff; width: 75px;}
.time-axis-date span{position:absolute;right:-48px;top:35%;display:block;width:13px;height:13px;border-radius:100%;background-color:#fff}
.time-axis-date span:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;width:7px;height:7px;margin:auto;background-color:#ccc;border:1px solid #ccc;border-radius:100%}
.time-axis-item:last-child .time-axis-date span{border-color:#fff}
.time-axis-item:last-child .time-axis-date span:after{background-color:#fff;border-color:#fff}

.time-axis::-webkit-scrollbar{width:10px;height:1px; display: none;}
.time-axis::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#535353;display: none;}
.time-axis::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;display: none;}

@media(max-width: 1440px){
  .time-axis{height: 500px;}
  .about-section-history {height: 750px;}

}

.mySwiper1{margin-left:10%; margin-bottom:50px;}
.mySwiper2{margin-right:10%; margin-bottom:50px;}


.pinzhi-culture-bottom{overflow: hidden;padding: 20px 0;text-align: left;}
.pinzhi-culture-item{width: 31%;position: relative;display: inline-block;vertical-align: top;margin-right: 3%; margin-bottom:3%;}
.pinzhi-culture-item:nth-child(3n+3){margin-right:0px;}
.pinzhi-culture-item a{display: block;position: relative; }
.pinzhi-culture-item .pic img{}
.pinzhi-culture-item .text {position: absolute;width: 80%; z-index: 11;left: 5%;bottom: 5%;color: #fff;}
.pinzhi-culture-item .title-1 {margin-top: 2%; font-weight:bold; border-bottom:5px solid #18ae67; display:inline-block; line-height:50px;}
.pinzhi-culture-item .text-1 {margin-top: 1%;}
.pinzhi-culture-item a:hover {transform: translateY(-10px);}
.div-aboutus {overflow: hidden;position: relative; width:100%;}
.div-aboutus-left {float: left;width: 45%;position: relative;}
.div-aboutus-left .text{}
.div-aboutus-left .text h1{color: #18ae67; border-bottom:5px solid #18ae67; line-height:60px; display: inline-block;}
.div-aboutus-left h3{color: #18ae67; font-size:20px;}
.div-aboutus-left p{margin-top: 2%; font-size:16px; margin-bottom:0px; color:#999;}
.div-aboutus-left .text-1{margin-top: 8%;}
.div-aboutus-right {float: right;width: 50%;position: relative;overflow: hidden;text-align: justify;     margin-top: 5%;}

.fw-culture-bottom{overflow: hidden;padding: 20px 0;text-align: center; margin-top:30px;}
.fw-culture-item{width: 27.6%;position: relative;display: inline-block;vertical-align: top;margin-right: 2%; margin-bottom:3%; background:#f7f8f8; padding:80px 2%; transition:transform 0.5s ease;}
.fw-culture-item:nth-child(3n+3){margin-right:0px;}
.fw-culture-item .text {width: 100%; z-index: 11;}
.fw-culture-item .icon-1 {position: relative;width: 80px;height: 80px;margin: auto; border-radius:10px; text-align:center; margin-bottom:30px;}
.fw-culture-item .title-1 {margin-top: 10px; color:#000; font-weight:bold; margin-bottom:20px;}
.fw-culture-item .title-2{ margin-bottom:30px;}
.fw-culture-item .title-3{color: #18ae67;}
.fw-culture-item .title-3 img{vertical-align:middle;}
.fw-culture-item p{margin:0px; padding:0px;}
.fw-culture-item:hover {transform: translateY(-10px);}

.contact_box{width:100%;}
.contact_box_left{width:100%; float:left;}
.contact_box_right{width:100%; float:right; border-radius:10px;}
.contact_title{color:#18ae67; margin:30px 0 20px; font-weight:bold;}
.contact-us-center {width: 50%;padding: 1% 0;overflow: hidden;float: left;}
.contact-us-item {float: left;width: 100%;margin-bottom: 3%;}
.contact-us-item .text{margin-top: 10px;}
.contact-us-item .text-1 {font-family: 'Manrope-Bold'; padding-left:0px; padding-top:0px; line-height:24px;}
.contact-us-item .text-1 img{width:24px;vertical-align: middle;}
.contact-us-item .text-2 {margin-top: 10px;color: #999999; padding-left:0px;}

.weixinqq{width:calc(50% - 1px); float:right; text-align:center;  border-left:1px solid #ccc;}
.wxqq{width:100%; position:relative; margin-bottom:80px; color:#777;}
.wxqq img{border:1px solid #18ae67; width:30px; height:30px; border-radius:50px; display: inline-block; vertical-align: bottom;}
.wxqq_title{color:#18ae67;margin-bottom: 10px;}
.wxqq:nth-child(2){margin-bottom:0px;}

.gz_list .ewm{display:block;width:100px;position:absolute;bottom:100%;right:50px;z-index:2;opacity:0;pointer-events:none;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.gz_list .wx:hover .ewm{opacity:1;visibility:visible}
.gz_list .ewm img{width:100%}

.index_contact{background:#f7f7f7;padding:50px 0; display:table; width:100%;}
.div-service-cooperation {overflow: hidden;}
.cooperation-from {width: 100%;margin: auto;text-align: center;}
.cooperation-from .title-1 {overflow: hidden;}
.cooperation-from-list {margin-top: 5%;text-align: left;}
.cooperation-from-list .item-1{text-align: left;}
.cooperation-from-list .item-1 .title-1 {padding-bottom: 1%;}
.cooperation-from-list .list-2 {overflow: hidden;margin-bottom: 2%; width:100%;}
.cooperation-from-list .list-2 .item-1{float: left;width: 49.5%;}
.cooperation-from-list .list-2 .item-1:last-child {float: right;}
.cooperation-from-list .more-1 {position: relative;clear: both;left: auto;top: auto;bottom: auto;right: auto;margin-top: 3%;}
.cooperation-from-list .more-1 input {padding-left: 20px; text-align:left; border:0px; line-height:40px;}

.input1,.textarea1{display: block;border: 1px solid #ccc;padding: 16px 20px;box-sizing: border-box;background: #fff;width: 100%;outline: none;color: #18ae67;}  
.input1:focus,.textarea1:focus {border: 1px solid #18ae67;}
.textarea1 {min-height: 120px;}
.cooperation-from-list .code{margin-top:5%; display:inline-block; width:100%;}
.cooperation-from-list .code .input1{width:70%;float: left;}
.cooperation-from-list .code img{float:right; height:42px;}


.div-news-detail {padding: 5% 0 0 0;background: #f7f8fa;}
.news-detail-top {width: 60%;margin: auto;position: relative;}
.news-detail-top .title-2{font-weight: bold;padding-bottom: 2%;border-bottom: 1px solid #dee3ef;}
.news-detail-top .title-bottom-1{padding: 2% 0;position: relative;}
.news-detail-top .title-bottom-1 span {color: #999;}
.news-detail-center {padding: 0;overflow: hidden;position: relative;width: 60%;margin: auto;}
.news-detail-center img {max-width: 100%;}
.news-detail-bottom {border-top: 1px solid #dedfe1;clear: both;padding: 1.5% 0;overflow: hidden;position: relative;width: 60%;margin: auto;margin-top: 3%;}
.news-detail-bottom a {display: block;}
.news-detail-bottom a i {width: 40px;height: 40px;display: inline-block;vertical-align: middle;border: #18ae67 1px solid;}
.news-detail-bottom a span {display: inline-block;vertical-align: middle;margin: 0 15px;color: #18ae67;}
.news-detail-bottom a.news-prev {float: left;text-align: left;}
.news-detail-bottom a.news-next {float: right;text-align: right;}
.news-detail-bottom a.news-prev i {background: url('../images/l3.png') center no-repeat;}
.news-detail-bottom a.news-next i {background: url('../images/r3.png') center no-repeat;}
.news-detail-bottom a.news-return {position: absolute;left: 50%;top: 50%;text-align: center;transform: translate(-50%,-50%);}
.news-detail-bottom a.news-prev:hover i {background: url('../images/l2.png') center no-repeat #18ae67;}
.news-detail-bottom a.news-next:hover i {background: url('../images/r2.png') center no-repeat #18ae67;}
.div-news-detail-other {padding: 4% 0 2% 0;overflow: hidden;border-top: 1px solid #dedfe1;background: #f7f8fa;}
.news-detail-other-top {overflow: hidden;width: 100%;margin: auto;}
.news-detail-other-bottom {width: 100%;margin: auto;margin-top: 3%;}
.title-bottom-1 .share-1 {position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1111;}
.social-share{display: block;position: relative;z-index: 1111;}
.social-share a{position:relative;text-decoration:none;margin:3px;display:inline-block;outline:none}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:1111;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}
.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 32px;height: 32px;position: relative;opacity: .2;}
.social-share-icon:hover {opacity: 1;}
.return-1 {position: absolute;left: 10%;top: 18%;z-index: 11;}
.return-1 a{display: block;width: 80px;height: 80px;border-radius: 100%;background: url('../images/l5.png') center no-repeat;box-shadow: 0px 10px 60px 0px rgba(9, 19, 45, 0.08);}
.return-1 a:hover {background: url('../images/l4.png') center no-repeat #18ae67;}

.return-page {text-align: center;margin-top: 3%;margin-bottom: 3%; float:right;}
.return-page a {display: inline-block;vertical-align: middle;color: #fff;margin: 0 5px;line-height: 30px; background:#18ae67; width:30px; height:30px; border-radius:50px;}
.return-page a.prev,.return-page a.next {width: 30px;height: 30px;padding: 0;}
.return-page a.prev {background: url('../images/l5.png') center no-repeat;}
.return-page a.next {background: url('../images/r5.png') center no-repeat;}
/*.return-page a.prev:hover {background: url('../images/l2.png') center no-repeat #18ae67;}
.return-page a.next:hover {background: url('../images/r2.png') center no-repeat #18ae67;}*/
.return-page a.cur,.return-page a:hover {color: #18ae67; background:#ccc;}

/*以下不要*/







.index-industry-trends-center {padding: 2% 0;overflow: hidden;width: 81.7%;margin: auto;position: relative;}
.index-industry-trends-item {overflow: hidden;}
.index-industry-trends-item a{display: block;}
.index-industry-trends-item .img{float: right;width: 32%;}
.index-industry-trends-item .text{float: left;width: 57%;}
.index-industry-trends-item .date-1{color: #999999;font-family: 'Manrope-Regular';}
.index-industry-trends-item .title-1{font-weight: bold;margin-top: 2%;color: #000;}
.index-industry-trends-item .text-1{margin-top: 2%;color: #666666;}
.index-industry-trends-item a:hover .more-3 span{background: #18ae67;color: #fff;}
.index-industry-trends-item a:hover .more-3 span::after {background: url('../images/r2.png');}	 
.index-industry-trends-item a:hover .more-3 span::before {background: #fff;opacity: .5;}
.index-industry-trends-item a:hover .pic {transform: scale(1.05);}
.more-3 {position: relative;margin-top: 5%;}
.more-3 span{display: block;width: 160px;height: 45px;line-height: 45px;background: #fff;padding-left: 20px;position: relative;color: #113da6;box-sizing: border-box;border: 1px solid #18ae67;}
.more-3 span::after {content: '';width: 6px;height: 10px;position: absolute;right: 9.5%;top: 50%;margin-top: -5px;background: url('../images/r3.png');}
.more-3 span::before {content: '';width: 1px;height: 100%;position: absolute;right: 24%;top:0;background: #113da6;}
.more-3 span:hover {background: #113da6;color: #fff;}
.more-3 span:hover::after {background: url('../images/r2.png');}	 
.more-3 span:hover::before {background: #fff;opacity: .5;}

.index-industry-trends-bottom {margin-top: 3%;overflow: hidden;border-top: 1px solid #e6e6e6;width: 81.7%;margin: auto;}
.industry-trends-item {float: left;width: 50%;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
.industry-trends-item a{display: block;position: relative;padding: 4% 0;overflow: hidden;}
.industry-trends-item .title-1{width: 80%;overflow: hidden;font-weight: bold;color: #1a1a1a;}
.industry-trends-item .date-1{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);color: #999999;z-index: 11;font-family: 'Manrope-Regular';}
.industry-trends-item.mr0 .title-1 {padding-left: 5%;width: 75%;}
.industry-trends-item.mr0 .date-1{right: 0;}
.industry-trends-item a::after {content: '';width: 1px;height: 50%;position: absolute;right: 0;top: 25%;background: #e5e5e5;}
.industry-trends-item.mr0 a::after {display: none;}
.industry-trends-item a:hover {background: #18ae67;}
.industry-trends-item a:hover::after {display: none;}
.industry-trends-item a:hover .title-1,.industry-trends-item a:hover .date-1 {color: #fff;}
.industry-trends-item a:hover .title-1 {padding-left: 3%;width: 77%;}
.industry-trends-item a:hover .date-1 {right: 5%;}
.industry-trends-item.mr0 a:hover .title-1 {padding-left: 5%;width: 75%;}






/* about */



.div-animation-bar {overflow: hidden;position: relative;margin-top: -56px;}
.div-animation-bar .anibar-1 {width: 8%;clear: both;transform: translateY(5%);}
.div-animation-bar .anibar-1 i{display: block;height: 56px;background: #0b069d;}
.div-animation-bar .anibar-2 {width: 28%;float: right;clear: both;}
.div-animation-bar .anibar-2 i{display: block;height: 56px;background: #0500d7;}
.div-animation-bar .anibar-3 {width: 22%;clear: both;margin: 5% auto auto;}
.div-animation-bar .anibar-3 i{display: block;height: 56px;background: #0062ff;}
.div-animation-bar .anibar-4 {width: 56px;clear: both;margin-left: 77%;}
.div-animation-bar .anibar-4 i{display: block;height: 56px;background: #963fff;}

.div-enterprise-concept {padding: 3% 0;overflow: hidden;background: url('../images/bg1.png') right 26% no-repeat;}
.enterprise-concept-top {width: 81.7%;margin: auto;}
.enterprise-concept-bottom{padding: 3% 0 6% 0;overflow: hidden;position: relative;}
.enterprise-concept-left {float: left;width: 50%;}
.enterprise-concept-left .pic{position: relative;}
.enterprise-concept-right {float: left;width: 35%;margin-left: 5%;}
.enterprise-concept-text {padding-top: 16%;overflow: hidden;position: relative;} 
.enterprise-concept-item {padding: 4% 0;overflow: hidden;border-bottom: 1px solid #e7e7e7;position: relative;}
.enterprise-concept-item .title-1{color: #999999;}
.enterprise-concept-item .text-1{margin-top: 2%;}
.enterprise-concept-item .icon-1 {width: 24px;height: 24px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.enterprise-concept-item:last-child {border: none;}
.enterprise-concept-text-bg {position: absolute;right: 10%;bottom: 0;z-index: 1;width: 44%;}
.enterprise-concept-text-bg img {max-width: 100%;display: inline-block;}





.div-honors-qualifications {padding: 6% 0;overflow: hidden;background: #f7f8fa;}
.honors-qualifications-top {text-align: center;}
.honors-qualifications-list {width: 81.7%;margin: auto;padding-top: 3%;}
.honors-qualifications-item {float: left;width: 32.7%;margin-right: .8%;margin-bottom: .8%;}
.honors-qualifications-item.mr0 {margin-right: 0;}
.honors-qualifications-item a{display: block;position: relative;}
.honors-qualifications-item .text{position: absolute;left: 10%;top: 10%;width: 80%;z-index: 11;height:80%;}
.honors-qualifications-item .type-1{color: #1a1a1a;}
.honors-qualifications-item .type-1 span{display: inline-block;vertical-align: middle;}
.honors-qualifications-item .type-1 span:first-child::after {content: '';width: 1px;height: 14px;display: inline-block;vertical-align: middle;margin: 0 5px 0 10px;background: #ccc;}
.honors-qualifications-item .type-1 span:last-child {color: #999999;font-family: 'Manrope-Regular';}
.honors-qualifications-item .title-1{margin-top: 3%;}
.honors-qualifications-item .honors-1{position:absolute;left:0;bottom:0;}
.honors-qualifications-item .pic{background: #fff;}
.honors-qualifications-item a:hover {box-shadow: 0px 20px 100px 0px rgba(0, 23, 77, 0.2);z-index: 11;}	 



 

/* product */
.div-product {padding: 4% 0 1.5% 0;overflow: hidden;}
.div-product-top {width: 81.7%;margin: auto;}
.div-product-list {width: 81.7%;margin: auto;}
.div-product-swiper {margin-top: 3%;}
.div-product-item {overflow: hidden;}
.div-product-item a{display: block;position: relative;}
.div-product-item .product{position: absolute;left: 0;top: 0;width: 100%;height: 60%;z-index: 11;mix-blend-mode:multiply;}
.div-product-item .text{position: absolute;left: 6%;bottom: 6%;width: 80%;z-index: 12;}
.div-product-item .title-1 {font-weight: bold;font-family: 'Manrope-Bold';}
.div-product-item .text-1 {margin-top: 3.5%;color: #666;}
.div-product-item .text-1 li{list-style: none;margin: 0;padding: .5% 0;padding-left: 20px;color: #666;position: relative;}
.div-product-item .text-1 li::before {content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 13px;background: #999999;}
.div-product-item .text-1 p,.div-product-item .text-1 ul {margin:0;padding:0;}
.div-product-item .pic{background: #f7f8fa;}
.div-product-item a:hover .product img {transform: scale(1.05);}
.div-supporting-facilities {padding: 4% 0 1.5% 0;overflow: hidden;}
.supporting-facilities-top {width: 81.7%;margin: auto;}
.supporting-facilities-list {width: 81.7%;margin: auto;}
.supporting-facilities-swiper {margin-top: 3%;}



.div-consulting-service {position: relative;margin-top: 4%;}
.div-consulting-service .title-1{position: absolute;left: 9%;top: 50%;color: #fff;transform: translateY(-50%);z-index: 11;}
.div-consulting-service .text{position: absolute;right: 9%;top: 50%;color: #fff;transform: translateY(-50%);z-index: 11;text-align: right;}
.div-consulting-service .text * {display: inline-block;vertical-align: middle;}
.div-consulting-service .text-1{color: #fff;}
.div-consulting-service .tel-1{margin-left: 20px;border: 1px dashed rgba(255,255,255,.3);padding: 0px 20px;line-height: 55px;}
.div-consulting-service .text-2{border: 1px dashed rgba(255,255,255,.3);margin-left: 5px;line-height: 55px;}
.div-consulting-service .text-2 a{padding: 0 25px;display: block;}
.div-consulting-service .text-2 i{width: 26px;height: 21px;}
.div-consulting-service .text-2 i img {display: block;}
.div-consulting-service .text-2 span{ margin-left: 10px;color: #fff;}
.div-consulting-service .text-2 a:hover{background: #fff;}
.div-consulting-service .text-2 a:hover span{color: #18ae67;}
.div-consulting-service .text-2 a:hover i img {opacity: 0;}
.div-consulting-service .text-2 a:hover i {background: url('../images/wx2.png') center no-repeat;}
.wxewm-show {width: 150px;height: 158px;background: url('../images/ewmbg.png') center no-repeat;position: absolute;right: 0;bottom: 60px;box-shadow: 0px 12px 60px 0px rgba(0, 0, 0, 0.24);display: none;opacity: 0;z-index: -1;}
.wxewm-show.cur {opacity: 1;z-index: 11;}
 

.div-solution {overflow: hidden;padding: 2% 0;}
.div-solution-top {width: 94%;margin: auto;}
.div-solution-nav {text-align: left;padding: 1% 0;overflow: hidden;}
.div-solution-nav a{display: inline-block;vertical-align: middle;width: 13%;position: relative;margin-bottom:4%;text-align: center;}
.div-solution-nav a::after {content: '';width: 1px;height: 100%; position: absolute;right: 4%;top: 0;background: #e5e5e5;}
.div-solution-nav a:last-child::after {display: none;}
.div-solution-nav .icon-1{width: 65px;height: 65px;margin: auto;position: relative;}
.div-solution-nav .icon-1 img {filter: grayscale(100%);opacity: .5;}
.div-solution-nav .title-1{color: #999999;font-weight: bold;margin-top: 8%;}
.div-solution-nav a.cur .title-1{color: #18ae67;}
.div-solution-nav a.cur .icon-1 img {filter: grayscale(0);opacity: 1;}
.div-solution-pic {position: relative;margin-top: 2%;}
.div-solution-pic-swiper {position: relative;}
.div-solution-item {position: relative;}
.div-solution-item .text{position: absolute;top: 50%;transform: translateY(-50%);width: 50%;z-index: 11;left: 10%;color: #fff;}
.div-solution-item .title-1{padding-bottom: 2%;}
.div-solution-item .text-2 {opacity: .8;}
.div-solution-item .pic{overflow: hidden;}
      
.solution-animation-bar {overflow: hidden;position: relative;margin-top:0px;width: 94%;margin: auto;margin-top: -2%;}
.solution-animation-bar .anibar-1 {width: 7%;clear: both;position: absolute;left: 0;}
.solution-animation-bar .anibar-1 i{display: block;height: 56px;background: #8f00d2;}
.solution-animation-bar .anibar-2 {width: 28%;float: right;clear: both;}
.solution-animation-bar .anibar-2 i{display: block;height: 56px;background: #0500d7;}
.solution-animation-bar .anibar-3 {width: 56px;clear: both;margin-right: 28%;float: right;}
.solution-animation-bar .anibar-3 i{display: block;height: 56px;background: #963fff;}
.solution-animation-bar .anibar-4 {width: 22%;clear: both;margin-left: 36%;}
.solution-animation-bar .anibar-4 i{display: block;height: 56px;background: #0b069d;}

.div-system-architecture {padding: 4% 0;overflow: hidden;}
.system-architecture-top {text-align: center;margin-top: 3%;}
.system-architecture-bottom {margin-top: 3%;text-align: center;}
 
.div-system-solution {padding: 4% 0;overflow: hidden;width: 99%;margin: auto;}
.system-solution-top {text-align: center;}
.system-solution-bottom {padding-top: 3%;overflow: hidden;}
.system-solution-item {overflow: hidden;float: left;width: 49.7%;margin-right: .6%;margin-bottom: .6%;}
.system-solution-item.mr0 {margin-right: 0;}
.system-solution-item a{display: block;position: relative;}
.system-solution-item .text {position: absolute;left: 10%;top: 10%;width: 54%;z-index: 11;color: #fff;}
.system-solution-item .title-1 {font-weight: 900;}
.system-solution-item .text-2{margin-top: 2.5%;opacity: .8;}
.system-solution-item .more-3{position: absolute;left: 10%;bottom:10%;z-index: 12;}
.system-solution-item .more-3 span{color: #fff;border: 1px solid #fff;background: none;}
.system-solution-item .more-3 span::before {background: #fff;}
.system-solution-item .more-3 span::after {background: url('../images/r2.png');}
.system-solution-item .pic img{overflow: hidden;opacity: .4;}
.system-solution-item a:hover .pic{transform: scale(1.05);}
.system-solution-item a:hover .pic img{opacity: .6;}
.system-solution-item a:hover .more-3 span{color: #fff;border: 1px solid #0058d3;background: #0058d3;}
.system-solution-item a:hover .more-3 span::before {opacity: .2;}

.div-scheme-advantages {padding: 5% 0;overflow: hidden;}
.scheme-advantages-top {text-align: center;}
.scheme-advantages-bottom {padding-top: 3%;font-size: 0;width: 86%;margin: auto;}
.scheme-advantages-item {display: inline-block;vertical-align: top;width: 27%;position: relative;padding: 0 3%;text-align:center;margin-bottom:5%;}
.scheme-advantages-item.mr0::after {display: none;} 
.scheme-advantages-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e6e6e6;}
.scheme-advantages-item .icon-3{width: 80px;height: 80px;margin: auto;position: relative;}
.scheme-advantages-item .pic-3 {position: relative;width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.scheme-advantages-item .title-1{margin-top: 5%;font-weight: bold;}
.scheme-advantages-item .text-2{margin-top: 5%;}
 
.div-application-scenario{width: 81.7%;margin: auto;padding: 1% 0;}
.div-application-scenario .class-1{overflow: hidden;}
.application-scenario-top {padding-bottom: 1.5%;position: relative;border-bottom: 1px solid #e6e6e6;}
.application-scenario-nav {position: absolute;right: 0;bottom: 0;z-index: 11;}
.application-scenario-nav a{color: #999999;position: relative;display: inline-block;vertical-align: middle;}
.application-scenario-nav a::before {content: '';width: 4px;height: 4px;display: inline-block;vertical-align: middle;background: #ccc;margin: 0 20px;}
.application-scenario-nav a.cur span{color: #18ae67;}
.application-scenario-nav a:first-child::before {display: none;}
.application-scenario-nav span {display: inline-block;vertical-align: middle;position: relative;padding:20px 0;}
.application-scenario-nav span::after {content: '';width: 100%;height: 3px;background: #18ae67;position: absolute;left: 0;bottom: 0;z-index: 1;display: none;}
.application-scenario-nav a.cur span::after {display: block;}
.application-scenario-bottom {margin-top: 3%;padding-bottom: 5%;}
.application-scenario-item {overflow: hidden;background: #fff;box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);float: left;width: 32.6666%;margin-right: 1%;margin-bottom: 1%;}
.application-scenario-item.mr0 {margin-right: 0;}
.application-scenario-item .img{overflow: hidden;}
.application-scenario-item .title-1 {text-align: center;padding: 6% 0;}
.application-scenario-swiper {overflow: visible;}
.application-scenario-swiper .swiper-slide.swiper-slide-active {opacity: 1!important;}
.application-scenario-swiper .swiper-slide {opacity: 0!important;}

.div-test-account-application {overflow: hidden;background: #f7f8fa;}
.test-account-application-top {position: relative;}
.test-account-application-top .class-1{position: absolute;left: 0;top: 30%;text-align: center;color: #fff;z-index: 11;width: 100%;}
.test-account-application-top .pic{overflow: hidden;}
.test-account-application-bottom {overflow: hidden;position: relative;margin-top: -10%;padding-bottom: 5%;}
.test-account-application-from {width: 72%;margin: auto;padding: 4% 4% 1% 4%;overflow: hidden;background: #fff;position: relative;}
.from-item-3{overflow: hidden;margin-bottom: 2%;}
.from-item-3 .item-3{float: left;width: 32%;margin-right: 1%;}     
.from-item-3 .item-3:last-child {margin-right: 0;}
.from-item-3 .title-1{overflow: hidden;padding-bottom: 1%;}     
.from-item-3 .input-1{margin-top: 1%;}  

.test-account-application-from .more-1 {position: relative;left: auto;top: auto;right: auto;}
.test-account-application-from .more-1 a { padding-left: 50px;}

.div-solution-detail {margin-top: 90px;padding: 5% 0 0 0;overflow: hidden;}
.solution-detail-top {width: 100%;margin: auto;}
.solution-detail-top .class-1{text-align: center;}
.solution-detail-pic {text-align: center;position: relative;padding: 3% 0;overflow: hidden;margin-top: 4%;font-size: 0;}
.solution-detail-pic::after {content: '';width: 50%;height: 100%;right: 0;top: 0;z-index: 1;background-image: -webkit-linear-gradient( 0deg, rgb(247,248,250) 0%, rgba(247,248,250,0) 100%);position: absolute;}
.solution-detail-pic img{max-width: 100%;display: inline-block;position: relative;z-index: 11;}
.solution-detail-center {overflow: hidden;position: relative;}
.solution-detail-center .class-1{position: absolute;left: 9%;top: 10%;color: #fff;z-index: 11;}
.solution-detail-li {position: absolute;right: 9%;top: 10%;z-index: 11;width: 44%;}
.solution-detail-li .item-1:first-child {padding: 0 0 3% 0;margin-top: -2%;}
.solution-detail-li .item-1 {padding: 3% 0;border-bottom: 1px solid rgba(255,255,255,.2);}
.solution-detail-li .item-1 a{display: block;padding: 3% 0;overflow: hidden;color: #fff;opacity: .8;}
.solution-detail-li .item-1 a:hover {opacity: 1;}
.solution-detail-li .item-1 a * {transition:none;}


.div-data-management-subsystem {padding: 7% 0 4% 0;overflow: hidden;}
.div-data-management-subsystem .class-1{text-align: center;}
.data-management-subsystem-list{overflow: hidden;padding: 2.5% 0;text-align: center;margin-top: 2%;}
.data-management-subsystem{width: 24.8%;position: relative;display: inline-block;vertical-align: top;margin: 1%;}
.data-management-subsystem a{display: block;position: relative;background: #18ae67;text-align: left;}
.data-management-subsystem .pic img{opacity: .07;}
.data-management-subsystem .text {position: absolute;width: 80%;z-index: 11;left: 10%;top: 50%;color: #fff;transform: translateY(-50%);}
.data-management-subsystem .icon-1 {position: relative;width: 100px;height: 100px;margin-top: 15%;}
.data-management-subsystem .title-1 {margin-top: 5%;}
.data-management-subsystem .text-1 {margin-top: 5%;opacity: .6;}
.data-management-subsystem.cci2 a{background: #8400d2;}
.data-management-subsystem.cci3 a{background: #0561e6;}
.data-management-subsystem a:hover {transform: translateY(-10px);}

.ai-auxiliary-analysis-subsystem {background: url('../images/bg4.jpg') center no-repeat;background-size: cover;padding: 2% 0 6% 0;overflow: hidden;}
.auxiliary-analysis-subsystem-center {overflow: hidden;width: 81.7%;margin: auto;position: relative;}
.auxiliary-analysis-subsystem-center .class-1{text-align: center;margin-top: 2%;}
.auxiliary-analysis-box {margin: auto;position: relative;width: 40%;margin-top: 3%;}
.auxiliary-analysis-box .yuan {position: absolute;width: 50%;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;}
.auxiliary-analysis-box .huan {position: absolute;width: 70%;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;animation:turnrotate 8000ms linear infinite;}
.auxiliary-analysis-box .text-1 {position: absolute;width: 50%;text-align: center;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;color: #18ae67;font-weight: bold;}
.auxiliary-analysis-box .auxiliary{position: absolute;z-index: 4;}
.auxiliary-analysis-box .auxiliary span{display: block;font-weight: bold;padding: 10px 20px;border: 2px solid #18ae67;border-radius: 50px;color: #18ae67;}
.auxiliary-analysis-box .auxiliary i{display: block;width: 10px;height: 10px;margin: auto;border: 2px solid #18ae67;border-radius: 100%;margin-top: 15%;}
.auxiliary-analysis-box .auxiliary.item-1 {top: 7%;left: 50%;transform: translateX(-50%);} 
.auxiliary-analysis-box .auxiliary.item-2 {left: 5%;bottom: 25%;} 
.auxiliary-analysis-box .auxiliary.item-3 {right: 5%;bottom: 25%;} 
.auxiliary-analysis-box .auxiliary.item-4 {right: 5%;top: 25%;} 
.auxiliary-analysis-box .auxiliary.item-5 {left: 5%;top: 25%;} 
.auxiliary-analysis-box .auxiliary.item-6 {left: 50%;bottom: 5%;transform: translateX(-50%);} 
.auxiliary-analysis-box .auxiliary.item-2 i {position: absolute;right: -30px;top: 50%;transform: translateY(-50%);margin: 0;}
.auxiliary-analysis-box .auxiliary.item-3 i {position: absolute;left: -30px;top: 50%;transform: translateY(-50%);margin: 0;}
.auxiliary-analysis-box .auxiliary.item-4 i {position: absolute;left: -30px;top: 50%;transform: translateY(-50%);margin: 0;}
.auxiliary-analysis-box .auxiliary.item-5 i {position: absolute;right: -30px;top: 50%;transform: translateY(-50%);margin: 0;}
.auxiliary-analysis-box .auxiliary.item-6 i {position: absolute;left: 50%;top: -60%;margin: 0;transform: translateX(-50%);}




.auxiliary-analysis-left {position: absolute;left: 0;top: 0;width: 20%;z-index: 11;}
.auxiliary-analysis-right {position: absolute;right: 0;top: 0;width: 20%;z-index: 11;}
.auxiliary-analysis-item {display: block;position: relative;overflow: hidden;margin-bottom: 3%;}
.auxiliary-analysis-item .img::before{content:'';width:100%;height:100px;position:absolute;left:0;bottom:0;z-index:1;background-image: -webkit-linear-gradient(90deg, rgb(0,43,140) 0%, rgba(0,43,140,0) 100%);opacity: .8;transition:all .4s ease;}
.auxiliary-analysis-item .title-1 {position: absolute;text-align: center;left: 0;bottom: 10%;width: 100%;z-index: 11;color: #fff;font-weight: bold;}
.auxiliary-analysis-item:hover .pic{transform: scale(1.05);}
.auxiliary-analysis-item:hover .img::before {height: 160px;}

.div-solution-faq {overflow: hidden;padding-bottom: 6%;position: relative;}
.solution-faq-top {position: relative;}
.solution-faq-top .class-1{position: absolute;left: 0;top: 40%;color: #fff;z-index: 11;width: 100%;text-align: center;}
.solution-faq-list {width: 81.7%;margin: auto;margin-top: -5%;z-index: 11;position: relative;}
.solution-faq-item {display: block;overflow: hidden;position: relative;float: left;width: 23%;margin-right: 2%;margin-bottom: 1%;box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.06);}
.solution-faq-item .title-1 {text-align: center;padding:5% 0;font-weight: bold;}
.solution-faq-item:hover .pic {transform: scale(1.05);}
.solution-faq-item:hover {transform: translateY(-10px);}


.div-service-process {padding: 5% 0;overflow: hidden;width: 81.7%;margin: auto;}
.div-service-process-top {text-align: left;}
.div-service-process-bottom {padding-top: 3%;overflow: hidden;position: relative;}
.service-process-lou {position: absolute;right: 5%;top: 0;width: 25%;z-index: 11;}
.service-process-pic {background: #f7f8fa;padding: 5% 3%;overflow: hidden;font-size: 0;}
.service-process-pic img{max-width: 100%;}

.div-service-content {padding: 3% 0 0 0;overflow: hidden;}
.div-service-content-top {text-align: left;overflow: hidden;width: 81.7%;margin: auto;}
.div-service-content-top .class-1 {float: left;}
.service-content-right {float: right;width: 70%;}
.service-content-right li {list-style: none;margin: 0;padding: 0;float: left;width: 43%;border-bottom: 1px solid #ccc;padding: 2.5% 0;margin-right: 5%;}
.service-content-right li span {display:block ;}
.service-content-right li p {display: block;color: #666666;}

.digital-achievements-display {padding: 6% 0 0 0;background: #f7f8fa;}
.digital-achievements-display-top {overflow: hidden;width: 81.7%;margin: auto;position: relative;}
.digital-achievements-display-ctrl {position: absolute;right: 0;top: 0;z-index: 11;}
.swiper-achievements-prev,.swiper-achievements-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: auto;opacity: 1;width: 53px;height: 53px;border: 1px solid #18ae67;}
.swiper-achievements-prev::after,.swiper-achievements-next::after {display: none;}
.swiper-achievements-prev {background: url('../images/l3.png') center no-repeat;}
.swiper-achievements-next {background: url('../images/r3.png') center no-repeat;}
.swiper-achievements-prev:hover {background: url('../images/l2.png') center no-repeat #18ae67;}
.swiper-achievements-next:hover {background: url('../images/r2.png') center no-repeat #18ae67;}
.achievements-pagination {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: auto;width: auto;padding: 0 20px;}
.digital-achievements-display-bottom {width: 81.7%;margin: auto;}
.digital-achievements-display-swiper {position: relative;padding: 5% 0 9% 0;} 
.achievements-display-item {display: block;position: relative;background: #fff;}
.achievements-display-item .title-1  {padding: 5% 0;text-align: center;font-weight: bold;}
.achievements-display-item:hover .pic {transform: scale(1.00);}
.achievements-display-item:hover {background: #18ae67;transform: translateY(-10px);box-shadow: 0px 20px 60px 0px rgba(0, 23, 77, 0.4);}
.achievements-display-item:hover .title-1 {color: #fff;}
.achievements-display-item .fbig {width: 55px;height: 55px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%);z-index: 11;background: #fff url('../images/big.png') center no-repeat;margin-top: -25px;opacity: 0;}
.achievements-display-item:hover .fbig  {opacity: 1;}
  
.div-utc-training {overflow: hidden;}
.utc-training-banner {position: relative;overflow: hidden;}
.utc-training-banner .title-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;color: #fff;mix-blend-mode: screen;}
.utc-training-banner .title-1 strong{display: block;margin: 0;padding: 0;font-size: 120px;font-weight: 900;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-repeat: no-repeat;background-position:  center center;background-attachment: fixed;}
.utc-training-banner .text-2 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 13;text-align: center;}
.utc-training-banner .text-2 span{display: block;color: #fff;opacity: 0;}
.utc-training-banner .img {opacity: 0;}

.utc-course-content {padding: 5% 0;overflow: hidden;}
.utc-course-content-top {text-align: center;}
.utc-course-content-list {width: 100%;margin: auto;margin-top: 3%;}
.course-content-item {overflow: hidden;position: relative;margin-bottom: 5%;}
.course-content-item .pic{float: left;width: 50%;position: relative;}
.course-content-item .absolute {position: absolute;right: 5%;width: 40%;top: 0;height: 100%;}
.course-content-item .text{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 88%;}
.course-content-item .title-1{font-weight: bold; border-left:5px solid #18ae67; padding-left:10px;}
.course-content-item .text-1{margin-top: 5%;color: #999;}
.course-content-item:nth-child(2n+2) .pic{float: right;}
.course-content-item:nth-child(2n+2) .absolute{right:auto;left: 0;}

.enrollment-process {padding: 3% 0 5% 0;overflow: hidden;background: url('../images/bg5.jpg') center top no-repeat;background-size: cover;}
.enrollment-process-top {text-align: center;}
.enrollment-process-top .class-1{text-align: center;}
.enrollment-process-bottom{margin-top: 5%;padding-bottom:4%;overflow: hidden;}
.enrollment-process-list {overflow: hidden;text-align: center;}
.enrollment-process-item {display: inline-block;vertical-align: middle;width: 8%;position: relative;}
.enrollment-process-item .absolute {width: 100%;border: 2px dashed #c2cbe0;height: 100px;position: relative;margin:40px auto;}
.enrollment-process-item .absolute.opacity1 {opacity: 1;}
.enrollment-process-item .absolute.opacity0 {opacity: 0;}
.enrollment-process-item .text{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);left: 0;z-index: 1;}
.enrollment-process-item .icon-1{position: relative;height: 40px;}
.enrollment-process-item .title-1{margin-top: 5%;color: #18ae67;}
.enrollment-process-item .yuan-1 {position: relative;margin: auto;}
.enrollment-process-item .yuan-1 span{display: block;border: 2px solid #18ae67;border-radius: 100%;width: 22px;height: 22px;line-height: 22px;text-align: center;font-family: 'Manrope-Bold';color: #18ae67;margin: auto;position: relative;z-index: 11;}
.enrollment-process-item .yuan-1 span::before {content: '';width: 2px;height: 15px;position: absolute;left: 50%;top: -15px;background: #18ae67;margin-left: -1px;}
.enrollment-process-item .yuan-1::after {content: '';width: 88%;height: 2px;position: absolute;left: 58%;top: 50%;margin-top: -1px;background: #18ae67;opacity: .2;}
.enrollment-process-item:hover .absolute {border: 2px dashed transparent;background: #fff;box-shadow: 0px 10px 80px 0px rgba(0, 24, 77, 0.12);}
.enrollment-process-item:nth-child(2) .yuan-1 span::before,.enrollment-process-item:nth-child(4) .yuan-1 span::before,
.enrollment-process-item:nth-child(6) .yuan-1 span::before,.enrollment-process-item:nth-child(8) .yuan-1 span::before{top: auto;bottom: -15px;opacity: 1;}
.enrollment-process-item:last-child .yuan-1::after{display: none;}
 
.certificate-style {position: relative;overflow: hidden;padding: 0 0 5% 0;}
.certificate-style .class-1{position: absolute;left: 0;top: 20%;width: 100%;text-align: center;color: #000;z-index: 11;}
.registration-conditions {overflow: hidden;padding: 2% 0;}
.registration-conditions .class-1{text-align: center;}
.registration-conditions-bottom {margin-top: 4%;text-align: center;}
.registration-conditions-item {display: inline-block;vertical-align: middle;position: relative;width: 22%;padding: 0 5%;}
.registration-conditions-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #000;opacity: .1;}
.registration-conditions-item:last-child::after {display: none;}
.registration-conditions-item .icon-1{position: relative;width: 100px;height: 100px;margin: auto;}
.registration-conditions-item .title-1{margin-top: 10%;}




.div-industry-dynamics .return-page{margin-top: 1%;}

.div-customer-cases {overflow: hidden;}
.customer-cases-nav {position: relative;overflow: hidden;border-bottom: 1px solid #e7e7e7;text-align: center;}
.customer-cases-nav a{color: #999999;position: relative;display: inline-block;vertical-align: middle;}
.customer-cases-nav a::before {content: '';width: 4px;height: 4px;display: inline-block;vertical-align: middle;background: #ccc;margin: 0 20px;}
.customer-cases-nav a.cur span{color: #18ae67;}
.customer-cases-nav a:first-child::before {display: none;}
.customer-cases-nav span {display: inline-block;vertical-align: middle;position: relative;padding:25px 0;}
.customer-cases-nav span::after {content: '';width: 100%;height: 3px;background: #18ae67;position: absolute;left: 0;bottom: 0;z-index: 1;display: none;}
.customer-cases-nav a.cur span::after {display: block;}
.customer-cases-nav a:hover span{color: #18ae67;}
.customer-cases-nav a:hover span::after {display: block;}
.customer-cases-bottom {overflow: hidden;padding: 4% 0;background: #f7f8fa;}
.customer-cases-list {width: 81.7%;margin: auto;}
.customer-cases-list .customer-stories-item {width: 31.333%;float: left;margin-right: 3%;margin-bottom: 3%;}
.customer-cases-list .customer-stories-item.mr0 {margin-right: 0;}
.customer-cases-list .customer-stories-item .more-2 { width: 40px;height: 40px;}




.div-cases-windows {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 2111;transform: scale(0);transition:all .4s ease;}
.div-cases-windows.cur {transform: scale(1);}
.cases-windows-show {width: 66%;left: 50%;top: 50%;background: #fff;padding: 1.5% 3% 2% 3%;box-sizing: border-box;z-index: 11;position: absolute;transform: translate(-50%,-50%);}
.cases-windows-show.cur {display: block;}
.div-cases-mark {background: #000f33;opacity: .3;width: 100%;height: 100%;z-index: 1;left: 0;top: 0;}
.cases-windows-detail {position: relative;padding-top: 40px;overflow: hidden;}
.cases-windows-detail-left {float: left;width: 50%;position: relative;}
.cases-windows-detail-right {float: left;padding-left: 5%;width: 45%;}
.cases-windows-detail-right .text-1 {color: #999;margin-top: 15%;}
.cases-windows-detail-right .title-1 {position: relative;padding-top: 3%;}
.cases-windows-detail-right .title-1::after {content: '';width: 100%;height: 2px;background: #e6e6e6;position: absolute;left: 0;bottom: 0;}
.cases-windows-detail-right .title-1 strong {display: inline-block;position: relative;padding-bottom: 5%;}
.cases-windows-detail-right .title-1 strong::before {content: '';width: 100%;height: 2px;background: #18ae67;position: absolute;left: 0;bottom: 0;z-index: 11;}
.cases-windows-detail-right .text-2  {color: #666666;padding-top: 3%;}
.cases-ctrl {position: absolute;right: 0;bottom: 0;z-index: 111;background: #002f93;text-align: right;padding-left: 5%;}
.cases-ctrl * {user-select:none;outline: none;}
.swiper-cases-prev,.swiper-cases-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: auto;opacity: 1;width: 60px;height: 60px;}
.swiper-cases-prev::after,.swiper-cases-next::after {display: none;}
.cases-pagination {display: inline-block;vertical-align: middle;left: auto;right: auto;top: auto;bottom: auto;margin: auto;opacity: 1;width: auto;position: relative;color: #fff;margin-right: 20px;}
.swiper-cases-prev {background: url('../images/l2.png') center no-repeat;}
.swiper-cases-next {background: url('../images/r2.png') center no-repeat;}
.swiper-cases-prev::before,.swiper-cases-next::before {content: '';width: 1px;height: 60%;position: absolute;left: 0;top: 20%;background: #fff;opacity: .1;}
.cases-anibar {position: absolute;width: 100%;left: 0;top: 0;z-index: 11;}
.cases-anibar .anibar-1{clear: both;position: relative;left: auto;width: 28%;margin-left: 35%;}
.cases-anibar .anibar-1 i{background: #8f00d2;display: block;width: 100%;height: 40px;}
.cases-anibar .anibar-2{width: 40px;float: right;clear: both;margin-right: 33.5%;margin-left: 40px;}
.cases-anibar .anibar-2 i{display: block;width:100%;height:40px;background: #2380ff;}

 



/* contact */
.div-contact-us {padding: 3% 0 0 0;overflow: anibar-1;}
.contact-us-top {width: 81.7%;margin: auto;}
.contact-us-top .title-1 {font-weight: bold;border-bottom: 2px solid #000;padding: 2% 0;overflow: hidden;}

.div-feedback {width: 50%;margin: auto;padding: 5% 0;overflow: hidden;}
.feedback-top {text-align: center;}
.feedback-top a{position: relative;}
.feedback-top a::after {content: '';width: 100%;height: 1px;background: #000;position: absolute;left: 0;bottom: 3px;}
.feedback-center {padding: 5% 0;overflow: hidden;width: 75%;margin: auto;}
.feedback-from {overflow: hidden;}
.feedback-from .item-1 {margin-bottom: 4%;}
.feedback-from .item-1 .title-1{padding-bottom: 1%;}
.feedback-from .more-1{clear: both;position: relative;left: auto;right: auto;top: auto;margin: auto;}
.feedback-from .more-1 a {padding-left: 50px;margin: auto;}

.div-careers {overflow: hidden;background: #f7f8fa;}
.div-careers .customer-cases-nav {background: #fff;}
.div-careers-list {padding: 4% 0;width: 81.7%;margin: auto;}
.div-careers-item {float: left;width: 31.333%;margin-right: 3%;margin-bottom: 3%;}
.div-careers-item.mr0 {margin-right: 0;}
.div-careers-item a{display: block;background: #fff;position: relative;overflow: hidden;}
.div-careers-item .pic {overflow: hidden;}
.div-careers-item .text {position: absolute;left: 10%;top: 10%;width:80%;z-index: 11;color: #000;}
.div-careers-item .title-1 {overflow: hidden;background: url('../images/rt1.png') right center no-repeat;font-weight: bold;}
.div-careers-item .text-1 {margin-top: 5%;color: #999999;}
.div-careers-item .detail-1 {position: absolute;left: 10%;bottom: 2%;width: 80%;z-index: 11;border-top: 1px solid #e8e8e8;padding: 4% 0;}
.div-careers-item .detail-1 span{display: block;}
.div-careers-item .detail-1 i{display: block;width: 6px;height: 17px;background: url('../images/r3.png') center no-repeat;position: absolute;right:0;top: 50%;margin-top: -8px;filter: grayscale(100%);}
.div-careers-item a:hover {background: #18ae67;box-shadow: 0px 40px 100px 0px rgba(0, 23, 77, 0.4);}
.div-careers-item a:hover .title-1 {background: url('../images/rt2.png') right center no-repeat;color: #fff;}
.div-careers-item a:hover .detail-1 span {color: #fff;}
.div-careers-item a:hover .detail-1 i{background: url('../images/r2.png') center no-repeat;}

.div-careers-windows {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 2111;transform: scale(0);transition:all .4s ease;} 
.div-careers-windows.cur {transform: scale(1);}
.div-careers-mark {background: #000f33;opacity: .3;width: 100%;height: 100%;z-index: 1;position: absolute;left: 0;top: 0;}
.careers-windows-show {width: 31%;left: 50%;top: 50%;background: #fff;padding: 3% 3% 2% 3%;box-sizing: border-box;z-index: 11;position: absolute;transform: translate(-50%,-50%);}
.careers-windows-show.cur {display: block;}
.careers-windows-show .title-1{text-align: center;padding-bottom: 3%;}
.careers-windows-show .text-1{text-align: center;color: #999999;padding-bottom: 6%;}
.careers-windows-show .input-2 {margin-bottom: 2%;}
.careers-windows-show .input-2 .input1{background: #f7f8fa;border: none;}
.careers-windows-show .upload-2 {position: relative;}
.careers-windows-show .upload-2 .text-1{text-align: left;padding-bottom: 2%;margin-top: 4%;}
.careers-windows-show .upload-2 .text-1 strong{color: #1a1a1a;margin: 0;padding: 0;}
.careers-windows-show .upload-2 .text-1 span{margin-left: 10px;}
.careers-windows-show .upload-2 .input-1{position: relative;}
.careers-windows-show .upload-2 .input-1 .button1{position: absolute;right: 1%;top: 10%;width:100px;height:80%;z-index: 11;border: none;background: #18ae67;color: #fff;cursor: pointer;}
.careers-windows-show .upload-2 .input-1 .button1:hover {background: #0058d3;}
.careers-windows-show .input-2 a {display: block;background: #18ae67;color: #fff;text-align: center;margin-top: 3%;padding: 3% 0;}
.careers-windows-show .input-2 a:hover {background: #0058d3;}
.close-1 {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;transform: rotate(45deg);z-index: 20;}
.close-1::after,.close-1::before {content: '';background: #000;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.close-1:hover {opacity: 0.5;}
.close-1::after {width: 26px;height: 2px;}
.close-1::before {width: 2px;height: 26px;}
.careers-detail-center {color: #666666;width: 60%;margin: auto;position: relative;overflow: hidden;padding: 3% 0;}
.careers-detail-center ul{list-style: none;margin: 0;padding: 0;}
.careers-detail-center ul li{color: #666666;list-style: none;margin: 0;padding: 0;padding-left: 20px;position: relative;}
.careers-detail-center ul li::before {content: '';width: 6px;height: 6px;position: absolute;left: 0;top: 12px;background: #999999;}
.careers-title {font-weight: bold;color: #000;display: block;padding-bottom: 1%;}
.news-detail-top .more-1{bottom: auto;top: 50%;transform: translateY(-50%);}
.div-news-detail.careers-detail {position: relative;}
.div-news-detail.careers-detail .news-detail-top {padding-bottom: 1.5%;}
.div-news-detail.careers-detail .news-detail-top .title-2 { padding-bottom: 0;border-bottom: none;}
.div-news-detail.careers-detail .news-detail-top::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #dedfe1;}
.div-news-detail.careers-detail .news-detail-top::before {content: '';width: 47%;height: 2px;position: absolute;left: 0;bottom: 0;background: #18ae67;z-index: 11;}



/* service */
.div-service-network {padding: 2%;overflow: hidden;}
.service-network-map{position: relative;overflow: hidden;}
.service-network-add-list {position: absolute;z-index: 111;width: 20%;overflow: hidden;left: 8%;top: 50%;transform: translateY(-50%);}
.service-network-add-list .title-1{overflow: hidden;}
.service-network-add-list .add-list{margin-top: 10%;height: 345px;overflow: auto;padding-right: 10%;}
.service-network-add-list .add-list::-webkit-scrollbar{height:4px; width:3px; }
.service-network-add-list .add-list-item{overflow: hidden;padding: 8% 0;border-bottom: 1px solid #e5e5e5;display: block;margin-top: 3%;}
.service-network-add-list .add-list-item:last-child {border: none;}
.service-network-add-list .icon-1{overflow: hidden;}
.service-network-add-list .icon-1 img {filter: grayscale(100%);}
.service-network-add-list .title-2{font-weight: bold;margin-top: 1%;}
.service-network-add-list .text-1{color: #999999;margin-top: 3%;}
.service-network-add-list .add-list-item.cur .icon-1 img {filter:none;}
.service-network-add-list .add-list-item.cur .title-2 {color: #18ae67;}
.service-network-add-list .add-list-item.cur .text-1{color: #18ae67;}
.network-add-list {background: #fff;padding:15% 5% 10% 15% ;}






.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("../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;}




@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
@keyframes fadesandan{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: 100%;}}
.fadesandan{-webkit-animation-name:fadesandan;animation-name:fadesandan;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes turnrotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}}
 


@media screen and (max-width: 5120px) {
	.honors-qualifications-item .honors-1 img {max-width: 100%;max-height: 220px;}
}
@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) {
	.honors-qualifications-item .honors-1 img {max-height: 140px;}
	.div-aboutus-left .text h1{margin-top:0px; margin-bottom:10px; line-height:50px; font-size: 30px;}
	.div-aboutus-right{width: 52%;}
	.div-aboutus-left h3{margin-bottom: 0px;}
}
@media screen and (max-width: 1440px) {
	.index-banner-item .title-1 {line-height: 40px;}
	.scroll-center::after {width: 420%;}
	.number-prevnext {margin-top: -11.5px;}
	.header-content {height: 60px;}
	.header-nav-show {top: 60px;}
	/*.header-nav ul li a.nav {line-height: 60px;}*/
	.header-logo {transform: translateY(-40%);}
	.header-xiala-show {top: 60px;width: 160px;left: -25px;} 
	.nav-product-show-list {width: 70%;}
	.header-xiala-show a {padding: 6% 0;}
	.more-1 a {width: 160px;height: 45px;line-height: 45px;padding-left:30px;}
	.div-banner-top .kuai-1,.div-banner-top .tiao-2 {height: 40px;}
	.div-banner-top .tiao-2 {margin-right: -40px;width: 40px;}
	.div-banner-top .kuaitiao-1 {right: -100px;top: -40px;}
	.div-animation-bar .anibar-1 i,.div-animation-bar .anibar-2 i,.div-animation-bar .anibar-3 i,.div-animation-bar .anibar-4 i,.solution-animation-bar .anibar-1 i,.solution-animation-bar .anibar-2 i,.solution-animation-bar .anibar-3 i,.solution-animation-bar .anibar-4 i {height: 46px;}
	.div-animation-bar { margin-top: -46px;}
	.enterprise-concept-text {padding-top: 10%;}
	.corporate-culture-item .icon-1 {width: 90px;height: 90px;}
	.corporate-culture-item .text-1 {width: 80%;margin: 3% auto;}
	.honors-qualifications-item .honors-1 img {max-height: 140px;}
	.return-page a.prev, .return-page a.next {width: 46px;height: 46px;}
	.div-product-item .product img{max-height: 50%;}
	.div-product-item .product {height: 55%;}
	.div-product-item .text {width: 90%;}
	.div-product-item .text-1 li {font-size: 14px;}
	.div-product-item .text-1 li::before {top: 9px;}
	.div-consulting-service .tel-1,.div-consulting-service .text-2 {line-height: 45px;}
	.wxewm-show {width: 140px;height: 148px;background-size: 100%;}
	.div-solution-nav .icon-1 {width:45px;height: 45px;}
	.scheme-advantages-item .icon-3 {width:65px;height: 65px;}
	.system-architecture-bottom img{max-width: 100%;}
	.input1, .textarea1 {padding: 12px 15px;}
	.test-account-application-from .more-1 a,.feedback-from .more-1 a,.cooperation-from-list .more-1 a {padding-left: 40px;}
	.solution-detail-pic {width: 80%;margin: auto;margin-top: 5%;}
	.solution-detail-li {width: 50%;}
	.solution-detail-li .item-1 a {padding: 1% 0;}
	.solution-detail-li .item-1:first-child {margin-top: 0;}
	.data-management-subsystem {width: 25.5%;}
	.data-management-subsystem .icon-1 {width: 70px;height: 70px;margin-top: 10%;}
	.swiper-achievements-prev, .swiper-achievements-next {width: 43px;height: 43px;}
	.digital-achievements-display-top {padding-bottom: 3%;}
	.digital-achievements-display-swiper {padding: 1% 0 9% 0;}
	.utc-training-banner .title-1 strong {font-size: 100px;}
	.return-1 a {width: 60px;height: 60px;}
	/*.div-news-detail {margin-top: 115px;}*/
	.contact-us-item .icon-1 {width: 60px;height: 70px;}
	.contact-us-item .item-2::after {display: none;}
	.network-add-list {padding: 10%;}
	.header-nav ul li {padding: 0 3%;}
	.cases-windows-show {width: 80%;}
	/*.pro-item{width: calc(20.80% - 30px);}*/
	.swiper-cases-prev, .swiper-cases-next {width: 40px;height: 40px;}
	.service-network-add-list .add-list{margin-top: 5%;height: 300px;}
	
	.index-company-box .cleft ul li{width: 220px;padding: 50px 0;}
	.index-company-box .cleft ul li:nth-child(1){margin-left: calc(50% - 110px);}
	.index-company-box .cleft ul li:nth-child(4) { margin-left: calc(50% - 110px); margin-top: 160px;}
	
	.div-banner-top .abouttel .abouttel-item:nth-child(2) { padding: 25px 3% 25px 3%; width: 22%;}
	/*.about-info-left{width:50%;}*/
	.about-info-right h2{margin-bottom:20px;}
	.about-info-right h1{margin-top:0px;}
	
}
@media screen and (max-width: 1366px) {
	.nav-product-show-list {width: 80%;}
	.scroll-center::after {width: 390%;}
	.header-top-content,.header-content{width:88%;}
	.mainwidth{width:88%;}
	.index-company-box .cright{margin-top:50px;}
}
@media screen and (max-width: 1280px) {
    .header-top-content,.header-content{width:92%;}
	.mainwidth{width:92%;}
	.nav-product-show-list {width: 90%;}
	.scroll-center::after {width: 360%;}
	/*.div-aboutus-left {width: 40%;margin-left: 5%;}*/
	.honors-qualifications-item .honors-1 img {max-height: 100px;}
	.system-architecture-bottom {width: 90%;margin: auto;margin-top: 5%;}
	.scheme-advantages-item {width: 29%;padding: 0 2%;}
	.return-1 {left: 5%;}
	.careers-windows-show {width: 40%;}
	.index-customer-stories-top{width:25%;}
	.index-customer-stories-bottom{width:75%;}
	.footer-content-left .wxtext{margin-top:10px;}
	.div-banner-top .hangye{left: 4%; width: 92%;}
	.div-banner-top .abouttel{left: 4%; width: 92%;}
	.ys-stories-item:nth-child(3) {left: 60%;top: 57vh;}
	.wenhua-company-box ul li{width: 260px;padding: 88px 3%;}
	.protitle{margin-bottom: 30px;}
}
@media screen and (max-width: 1152px) {
	.nav-product-show-list,.feedback-center {width: 100%;}
	.scroll-center::after {width: 300%;}
	.service-network-add-list {left: 5%;}
	.header-top-right .address{display:none;}
	.header-content,.index-industry-trends-top,.index-industry-trends-center,.index-industry-trends-bottom,.industry-logo-swiper,.enterprise-concept-top,.honors-qualifications-list,.div-product-list,.div-product-top,.supporting-facilities-top,.supporting-facilities-list,.div-application-scenario,.div-service-process,.div-service-content-top,.digital-achievements-display-top,.digital-achievements-display-bottom,.news-detail-other-top,.customer-cases-list,.contact-us-top,.div-careers-list{width: 92%;}
	/*.index-customer-stories-bottom{width:100%; margin-top:30px;}*/
	.yf-culture-item{width:21%; padding: 40px 1%;}
	.header-contact .email{display:none;}
	.header-contact{width:18%;}
	.header-nav{right:15%;}
	.scope-business-item .text-1{height:80px;}
	.index-pro-box{width:48%; margin-right:4%;}
	.index-pro-box:nth-child(2n+2) { margin-right: 0px;}
	
}
@media screen and (max-width: 1024px) {
	.scroll-center::after {width: 230%;}
	.header-nav{width:70%; padding:0 10px;}
	.div-banner-top .abouttel .abouttel-item:nth-child(1){padding: 25px 3% 25px 0;}
	.div-banner-top .abouttel .abouttel-item:nth-child(2){width: 26%;}
	.div-banner-top .abouttel .abouttel-item:nth-child(3){padding: 25px 0 25px 3%;}
	.div-aboutus-left{width: 100%;}
	.div-aboutus-right{width: 100%; margin-top:0px; margin-bottom:5%;}
	.index-pro-box .img-1{width: 100%;height: 200px;}
	.scope-business-item{width:48%; margin-right:4%;}
	.scope-business-item:nth-child(2n+2){margin-right:0px;}
	.scope-business-item .title-2{height:40px;}
}

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

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

	.index-ys-stories{height:70vh;}
	.ys-stories-item:nth-child(1) { left: 30%; top: 32vh;}
	.ys-stories-item:nth-child(2){top: 13vh;}
	.ys-stories-item:nth-child(3) { left: 60%; top: 42vh;}
	
}

@media screen and (max-width: 980px) {
	.header-nav,.number-prevnext,.scroll-center,.left-pagination::before,.index-customer-stories-top .more-1,.industry-trends-item a::after,.div-product-item .pic,.div-consulting-service .img,.scheme-advantages-item::after,.achievements-pagination,.customer-cases-nav a::before,.return-1{display: none;}
	.header-logo {width: 22%;top: 30%;}
	.header-contact{display:none;}
	.index-ys-stories{padding:50px 0; height:100vh;}
	.index-ys-stories-top{position:relative; width:100%;}
	.index-ys-stories-bottom{width:100%;}
	.ys-stories-item:nth-child(1) { left: 4%; top: 29vh;}
	.ys-stories-item:nth-child(2) { left: 37%; top: 8vh;}
	.ys-stories-item:nth-child(3) { left: 37%; top: 41vh;}
	.ys-stories-item:nth-child(4) {left: 70%; top: 30vh;}
	.left-pagination {left: 0;width: 100%;}
	.index-company-box .cleft{width: calc(100% - 42px);}
	.index-company-box .cright{width:100%; margin-top: 50px;}
	.index-customer-stories-top{width:100%;}
	.index-customer-stories-bottom{width:100%; margin-top:30px;}
	.cooperative-partner-bottom{width:100%;}
	.footer-content-right{width:100%; border: 0px;}
	.footer-content-left{padding-left:0px; float:left;}
	.footer-content-left .wxcode{margin-bottom:20px;}
	.footer-content-top{border:0px;}
	.probox_left{width:100%;}
	.probox_right{width:100%; margin-top:30px;}
	.yf-culture-item{width:46%;}
	.yf-culture-item:nth-child(2n+2){margin-right:0px;}
	.yfteam_left{width:100%;}
	.yfteam_right{width:100%; margin-bottom:30px;}
	.div-banner-top .abouttel .abouttel-item:nth-child(1){width: 100%;padding:0; height:66px;}
	.div-banner-top .abouttel .abouttel-item:nth-child(2){width: 100%;padding:0; height:66px;}
	.div-banner-top .abouttel .abouttel-item:nth-child(3){width: 100%;padding:0; height:66px;}
	.about-info-left { width: calc(100% - 20px);}
	.about-info-right { width: 100%; margin-top:30px;}
	.time-axis-item{ padding-left: 80px;}
	.time-axis li:before{left: 40px;}
	.time-axis-date span{right:27px;}
	.pinzhi-culture-item{width:30.8%;}
	.fw-culture-item { width: 27.5%;}
	.pro-item { width: calc(29% - 30px); margin-right:5%;}
	.pro-item:nth-child(4n+4) { margin-right:5%;}
	.pro-item:nth-child(3n+3) { margin-right: 0px;}
	/*.index-scope-business,.index-customer-stories ,.index-industry-trends,.div-enterprise-concept,.div-cooperative-partner,.div-honors-qualifications,.div-product,.digital-achievements-display{padding: 20% 0;}*/
	.index-scope-business .title-1,.index-customer-stories-top .text-1 {font-size: 20px;line-height:30px;}
	.customer-stories-item,.index-industry-trends-item .text,.index-industry-trends-item .img,.industry-trends-item,.footer-content-left,.div-aboutus-right,.enterprise-concept-left,.corporate-culture-item,.honors-qualifications-item ,.system-solution-item,.application-scenario-item,.from-item-3 .item-3,.service-content-right,.div-service-content-top .class-1,.service-content-right li,.data-management-subsystem,.solution-faq-item,.customer-cases-list .customer-stories-item,.contact-us-item,.div-careers-item,.cooperation-from-list .list-2 .item-1{float: none;width:100%;margin-right: 0;}
	.div-system-architecture,.div-application-scenario,.div-contact-us,.div-careers-list,.div-feedback {padding: 10% 0 ;}
	.footer{padding:5% 0;}
	.div-solution-nav,.news-detail-top .title-bottom-1 ,.news-detail-bottom{padding: 5% 0 ;}
	.footer-content-bottom .niego-1 {position: relative;right: auto;top: auto;transform: none; margin-top:20px;}
	.customer-stories-item,.application-scenario-item,.from-item-3 .item-3,.div-service-content-top .class-1{margin-bottom: 4%;}
	.div-aboutus-right .pic,.cooperation-from-list .list-2 .item-1{margin-top: 5%;}
	.industry-trends-item.mr0 .title-1 {padding-left: 0;width: 80%;}
	.industry-trends-item a:hover .date-1,.industry-trends-item a .date-1 {right: 0;}
	.div-banner-top .pic img{max-width: 200%;width: 200%;}
	.div-solution-item .pic img{max-width: 300%;width: 300%;}
	.contact-us-item {overflow: hidden;}
	.solution-detail-center .pic img{max-width: 300%;width: 300%;}
	.div-consulting-service .img img{max-width: 500%;width: 500%;}
	.system-solution-top ,.scheme-advantages-item ,.solution-detail-top .class-1{width: 80%;margin: auto;}
	.scheme-advantages-item,.digital-achievements-display-bottom {margin-top: 15%;}
	.news-detail-top,.news-detail-center,.news-detail-bottom ,.div-feedback{width: 90%;overflow: hidden;}
	.div-banner-top .title-2 {font-size: 20px;}
	.div-banner-top .kuai-1, .div-banner-top .tiao-2 {height: 30px;}
	.div-banner-top .kuaitiao-1 {top: -30px;width:50%;right: -50px;}
	.div-animation-bar {margin-top: -2px;}
	.div-animation-bar .anibar-1 {width: 30%;}
	.cooperative-partner-list {display: block;}
	.solution-detail-li {right: 5%;top: 30%;width: 90%;}
	.solution-detail-center .class-1 {left: 5%;}
	.enterprise-concept-right{float: none;width: 90%;margin-left: 5%;}
	.div-animation-bar .anibar-1 i ,.div-animation-bar .anibar-2 i,.div-animation-bar .anibar-3 i,.div-animation-bar .anibar-4 i,.solution-animation-bar .anibar-1 i,.solution-animation-bar .anibar-2 i,.solution-animation-bar .anibar-3 i,.solution-animation-bar .anibar-4 i{height: 30px;}
	.industry-trends-logo {width: 30%;display: inline-block;vertical-align: top;}
	.header.scroll-top .menu-toggle span.hamburger, .detail .header .menu-toggle span.hamburger,
	.header.scroll-top .menu-toggle span.hamburger:after,.detail .header .menu-toggle span.hamburger:after,
	.header.scroll-top .menu-toggle span.hamburger:before,.detail .header .menu-toggle span.hamburger:before{background: #000;}
	.div-product-item .text {position: relative;left: auto;bottom: auto;padding: 5% 0;width: 100%;}
	.div-product-item .product {position: relative;left: auto;top: auto;width: 100%;height: 200px;background: #f7f8fa;}
	.div-consulting-service .title-1 {text-align: center;width: 90%;left:auto;transform: none;top:auto;margin: auto;}
	.div-consulting-service .text,.div-consulting-service .title-1 {right: auto;top: auto;transform: none;text-align: center;width: 90%;position: relative;margin: auto;}
	.div-consulting-service .text * {clear: both;}
	.div-consulting-service .text .text-1{display: block;}
	.div-consulting-service .text-2 {margin-left: auto;margin-top: 5%;}
	.div-consulting-service .tel-1 {margin-left: auto;margin-top: 5%;clear: both;}
	.div-consulting-service {background: url('../images/bg2.jpg') center; background-size: cover;padding: 20% 0;}
	.wxewm-show {right: auto;left: 50%;transform: translateX(-50%);}
	.div-solution-nav .icon-1 {width: 35px;height: 35px;}
	.div-solution-nav a {width: 18%;}
	.div-solution-item .text {width: 90%;left: 5%;}
	.system-solution-item .text {left: 5%;top: 10%;width: 90%;}
	.system-solution-item .more-3 {left: 5%;}
	.test-account-application-bottom {margin-top: 0;width: 100%;}
	.auxiliary-analysis-box,.auxiliary-analysis-left,.auxiliary-analysis-right,.auxiliary-analysis-subsystem-center,.solution-faq-list,.industry-dynamics-item.idi1,.industry-dynamics-item.idi2,.careers-windows-show,.network-add-list,.cooperation-from{width: 100%;}
	.test-account-application-from {width: 100%;box-sizing: border-box;}
	.auxiliary-analysis-left,.auxiliary-analysis-right {position: relative;left: auto;top: auto;right: auto;bottom: auto;transform: none;}
	.solution-faq-item {margin-top: 5%;}
	.industry-dynamics-item .text-1 {min-height: auto;}
	.customer-cases-nav a {padding: 0 5px;}
	.index_contact{padding:0}
	.service-network-map,.div-service-cooperation,.registration-conditions,.enrollment-process {padding: 0;}
	.service-network-add-list .add-list {margin-top: auto;}
	/*.div-service-cooperation {width: 90%;margin: auto;}*/
	.network-add-list,.service-network-add-list {position: relative;left: auto;padding: 0;width: 100%;transform: none;}
	.industry-logo-swiper .industry-trends-logo,.course-content-item .pic {width: 100%;overflow: hidden;}
	.course-content-item .absolute {position: relative;right: auto;width: 100%;top:auto;height: 100%;overflow: hidden;}
	.course-content-item .text {position: relative;left: auto;top: auto;transform:none;width: 100%;padding: 5% 0;overflow: hidden;}
	.application-scenario-item {width: 48%;float: left;margin: 1%;}
	.utc-training-banner .title-1 {width: 100%;text-align: center;}
	.registration-conditions-item .icon-1 {width: 50px;height: 50px;}
	.utc-training-banner .title-1 strong {font-size: 80px;}
	.registration-conditions-item {width: 30%;}
	.certificate-style .class-1 {top: 5%;}
	.enrollment-process-item {width: 42%;margin: 0 3%;}
	.enrollment-process-item .yuan-1 {position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
	.enrollment-process-item:nth-child(2) .yuan-1 span::before, .enrollment-process-item:nth-child(4) .yuan-1 span::before, .enrollment-process-item:nth-child(6) .yuan-1 span::before, .enrollment-process-item:nth-child(8) .yuan-1 span::before {top: -15px;bottom: auto;opacity: 1;}
	.enrollment-process-item .absolute.opacity0,.enrollment-process-item .yuan-1::after {display: none;}
	.auxiliary-analysis-item {width: 48%;margin: 1%;float: left;}
	.solution-faq-list {margin-top: 10%;overflow: hidden;padding-bottom: 10%;}
	.solution-faq-item {float: left;width: 48%;margin: 1%;}
	.utc-training-banner .text-2 ,.cases-windows-detail-left,.cases-windows-detail-right{width: 100%;}
	.cases-windows-show {width: 100%;height: 100%;left: 0;top: 0;transform: none;}
	.cases-windows-detail-right {padding: 5% 0 ; }
	.cases-anibar {display: none;}
	.close-1 {top: 1%;}
	.cases-windows-detail-right .text-1 {margin-top: 1%;}
	.service-network-add-list .add-list {height: auto;}
	.service-networkmap {position: relative!important;left: auto!important;top: auto!important;}
	.mapshow {height: 400px!important;}
	.service-network-map .img-block {display: none;}
	.scheme-advantages-item {width:100%;}
	.contact_box_left{width:100%;}
	.contact_box_right{width:100%; margin-top:30px;}
}
@media screen and (max-width: 860px) {
	.pcshow{display: none!important;}
	.mbshow{display: block!important;}
	.index-banner-item .videotext .title-1 strong{font-size:80px;}
	.index-pro-box{width: calc(100% - 0px);margin-right: 0;}
	.index-pro-box:nth-child(3n+3) {margin-right: 0;}
	.index-pro-box:nth-child(2n+2) {margin-right: 0;}
	
}





/* 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) {
	
}

@media screen and (max-width: 640px) {
    .header-top{display:none;}
    .header-logo img{margin-top: 15px;}
    .header-content{margin: 0px auto 0;}
    .index-banner-item .videotext .title-1 strong{font-size:60px;}
    .tytitle_left h3{display: none;}
    .tytitle_left h2::after{display:none;}
    .scope-business-item{width:100%;}
    .index-company-box .cleft ul li{width: calc(48% - 4px);padding: 50px 0; margin-right:4%; float:left; margin-top:0px; height:auto;}
    .index-company-box .cleft ul li:nth-child(2n+2){margin-right:0px;}
	.index-company-box .cleft ul li:nth-child(1),.index-company-box .cleft ul li:nth-child(2){margin-left: 0; margin-top: 0;}
	.index-company-box .cleft ul li:nth-child(3),.index-company-box .cleft ul li:nth-child(4){margin-left: 0; margin-top: 20px; float:left;}
	.index-industry-trends .more-1{position:relative; margin-top:20px;}
	.icase-nav{position:relative; margin-top:20px;display: inline-block; width:100%;}
	.footer-nav{display:inline-block;}
	.footer-nav a{width:33.333%; float:left; height:40px; line-height:40px;}
	/*.footer-logo{width:100%;}*/
	.footer-contact{width:100%; margin-bottom:10%;}
	.footer-content-left{padding-left:0px;}
	.index-industry-trends{padding: 5% 0;}
	.div-banner-top .hangye{display:none;}
	.prodesc_left{width:100%;}
	.prodesc_right{width:100%; margin-top:30px;}
	.div-banner-top .zznum,.div-banner-top .abouttel{display:none;}
	table, th, td{height: 30px; line-height: 30px;}
	.about-info-num ul li{width: calc(50% - 1px); margin-bottom:20px; height:70px;}
	.about-info-num ul li:nth-child(2){border-right:0px;}
	.company-histroy-box .cleft{width:100%;}
	.company-histroy-box .cright{width:100%;}
	.wenhua-company-box ul li{padding: 60px 3%;}
	.pinzhi-culture-item,.fw-culture-item{width:100%;}
	.header-logo { width: 45%;}
	.index-pro-box{}
	.index-pro-box .img-1{height: 200px; margin: 30px auto 0px; }
	.index-pro-box .line{    height: 30px;}
	.index-pro-box .info{background-size: 30px;}
	.index-pro-box .title-2{min-height: 2.5rem;}
	.ys-stories-item{position:relative; width:100%; margin-top:30px;}
	.ys-stories-item:nth-child(1),.ys-stories-item:nth-child(2),.ys-stories-item:nth-child(3),.ys-stories-item:nth-child(4){ left:auto; top:auto; }
	/*.index-company-box .cright{margin-top:0}*/
	.index-company,.indexpro{padding-bottom: 30px;}
	.cooperation-from-list .code .input1{width:50%;}
	.footer-content-bottom{display:table;}
	.tytitle{margin-bottom: 20px; margin-top: 20px;}
	.pro-item { width: calc(100% - 20px); margin-right:0; padding:10px;}
	.pro-item:nth-child(3n+3) { margin-right: 0;}
	.pro-item:nth-child(2n+2) { margin-right: 0;}
	.prodesc .proinfo2 table{width:100%; margin-right:0px; margin-bottom:10px;}
	.yycj ul li{width:100%;margin-right:0; margin-bottom:10px;}
	.industry-dynamics-item .img{width:100%; margin-right:0; margin-bottom:20px; margin-top:20px;}
	.industry-dynamics-item .date{width:23%;}
	.industry-dynamics-item .text{width:100%;}
    .div-banner-top .title-2{font-size:16px;}
    .contact-us-center{width:100%;}
    .weixinqq{width:100%; border-left:0px; border-top:1px solid #ccc; padding-top:20px;}
    .div-banner-top .absolute{transform: translateY(-25%);}
    .index-banner-swiper{height:70vh !important;}
    .industry-dynamics-item{ margin-bottom: 3%; padding-bottom: 3%;}
}