.font12 {font-size: 12px;}
.font14 {font-size: 14px;line-height: 24px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;line-height: 28px;}
.font18 {font-size: 18px;line-height: 28px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font23 {font-size: 23px;}
.font24 {font-size: 24px;}
.font28 {font-size: 28px;line-height: 42px;}
.font30 {font-size: 30px;line-height: 38px;}
.font34 {font-size: 34px;line-height: 38px;}

.font35 {font-size: 26px;line-height: 35px;}
.font38 {font-size: 42px;}
.font42 {font-size: 42px;line-height: 54px;}
.font47 {font-size: 38px;}
.font50 {font-size: 50px;}
.font54 {font-size: 54px;line-height: 65px;}
.font60 {font-size: 60px;}
.font180 {font-size: 180px;line-height: 200px;}

/* CSS Reset */
.juzhong { text-align:center;}
html{-webkit-text-size-adjust:none;}
body{color: #1a1a1a;overflow-x:hidden;margin:0; padding:0;font-family:'Microsoft YaHei',Arial,sans-serif; }
header,nav,section,article,aside,footer {display: block;}
input,select,textarea {border-radius: 0;outline: none;font-family:'Microsoft YaHei',Arial,sans-serif;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a{ text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
{max-width: 100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: #e62129;}
::-webkit-scrollbar-thumb{background-color:#e62129;box-shadow:inset 1px 1px 0 #e62129,inset 0 -1px 0 #e62129;}




/* header */
 {position:fixed;left: 0;top: 0;z-index: 100;width: 100%;transition:all .4s ease;background: #fff;border-bottom: 1px solid #ededed;}
-content {width:94%;height: 90px;margin: auto;position: relative;}
-logo {width:auto;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
-logo a {display: block;background: url('../images/logo.svg?v=1.00') center no-repeat;background-size: 100%;}
-logo img {opacity: 0;display: inline-block;width: auto;height: auto;}
-nav {position: absolute;left: 12%;top: 0;height: 100%;z-index: 1;text-align: center;}
-nav ul {list-style: none;margin: 0;padding: 0;}
-nav li{display: inline-block;vertical-align: middle;position: relative;margin-right: 60px;}
-nav li a.n1{color: #1a1a1a;font-size: 16px;line-height: 90px;display: inline-block;position: relative;}
-nav li a.down {padding-right: 20px;}
-nav li a.down::after {content: '';width: 9px;height: 6px;position: absolute;right: 0;top: 50%;margin-top: -3px;background: url('../images/d.png') center no-repeat;filter: grayscale(100%);}
-nav li.cur a.n1,-nav li a.n1:hover,-nav li.on a.n1 {color: #e62129;}
-nav li.cur a.down::after {filter: grayscale(0);}
-tel {position: absolute;top: 50%;transform: translateY(-50%);right:0;z-index: 11;text-align: right;}
-tel a {display: inline-block;}
-tel span {display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 18px;font-family: 'Montserrat-Regular';color: #1a1a1a;}
-tel i {display: inline-block;vertical-align: middle;background: url('../images/tel.png') center no-repeat;width: 30px;height: 30px;}


-nav-menu {position: absolute;width: 140px;top: 75px;left:-30px;background: #fff;text-align: left;padding: 15px 20px 15px 30px;display: none;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
-nav-menu::before {content: '';width: 9px;height: 17px;background: url('../images/top.png') center no-repeat;position: absolute;left: 50%;top: -10px;z-index: 11;margin-left: -4.5px;}
-nav-menu a {display: block;padding: 10px 0;font-size: 16px;color: #1a1a1a;}
-nav-menu a:hover {color: #e62129;}
-nav li.cur -nav-menu {display: block;}



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





/* index */
.index-banner-swiper {width: 100%;height: 100%;}
.index-banner-swiper {position: relative;}
.index-banner-swiper .text {text-align: center;position: absolute;left: 0;top: 50%;z-index: 111;width: 100%;text-align: center;transform: translateY(-50%);}
.index-banner-swiper .text img {display: inline-block;max-width: 100%;height: auto;}
.index-banner-swiper .img {position: relative;overflow: hidden;}
.index-banner-swiper .img .pic{transform:scale(1.05);}
.index-banner-swiper .img .pic img{display: block;width: 100%;height: auto;}
.index-banner-swiper .swiper-slide .pic{opacity: 0;transition:all .4s ease;}
.index-banner-swiper .swiper-slide-active .pic{opacity: 1;}
.index-banner-swiper .swiper-slide-active .pic{animation: bigimgani 3000ms 1 ease forwards;}
@keyframes bigimgani{0%{transform:scale(1.1);} 100%{transform:scale(1.0);}}
.banner-pagination {left: auto!important;right: 1%!important;width: 40px!important;bottom: auto!important;top: 50%;transform: translateY(-50%);}
.banner-pagination span {background: #fff;transition:all .4s ease;border-radius: 10px;display: block;margin: 20px 0!important;}
.banner-pagination span.swiper-pagination-bullet-active {background: #e62129;height: 40px;}

.slidedown-1 {position: absolute;left: 4%;bottom: 5%;z-index: 11;text-align: center;}
.slidedown-1 span{display: block;color: #fff;font-size: 14px;width: 20px;margin: auto;margin-bottom: 14px;line-height: 15px;}
.slidedown-1 i{display: block;position: relative;width: 70px;height: 70px;border: 1px solid rgba(255,255,255,.2);border-radius: 100%;}
.slidedown-1 i::before {content: '';width: 8px;height:8px;position: absolute;left: 50%;top: 15%;background: #fff;border-radius: 100%;margin-left: -4px;animation: updown1 3000ms  infinite ease-in-out ;}
@keyframes updown1{0%{top: 15%;} 50%{top: 50%;} 100%{top: 15%;}}

.index-banner-swiper .text {width: 329px;height: 288px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-banner-swiper .item {position: absolute;opacity: 0;transform: translate(-15%,-15%) scale(0);}
.index-banner-swiper .item.text-1 {width: 101px;height: 109px;left: 0;top: 30%;transition:all 0.6s;}
.index-banner-swiper .item.text-2 {width: 43px;height: 58px;left: 28%;top: 50%;transition:all 1.2s;}
.index-banner-swiper .item.text-3 {width: 112px;height: 100px;left: 30%;top: 0;transition:all 3.0s;}
.index-banner-swiper .item.text-4 {width: 62px;height: 57px;right:5%;top: 0;transition:all 3.6s;}
.index-banner-swiper .item.text-5 {width: 61px;height: 84px;left: 65%;top:17%;transition:all 4.2s;}
.index-banner-swiper .item.text-6 {width: 37px;height: 47px;left: 86%;top: 40%;transition:all 4.8s;}
.index-banner-swiper .item.text-7 {width: 70px;height: 71px;left: 45%; top:38%;transition:all 1.8s;}
.index-banner-swiper .item.text-8 {width: 98px;height: 98px;left: 45%;bottom:1%;transition:all 2.4s;}
.index-banner-swiper .swiper-slide-active .item{opacity: 1;transform: translate(0,0) scale(1);}




.section {width: 100%;}
.section-content {width: 94%;margin: auto;}

.font12 {font-size: 12px;}
.font14 {font-size: 14px;line-height: 24px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;line-height: 28px;}
.font18 {font-size: 18px;line-height: 28px;}
.font20 {font-size: 20px;}
.font22 {font-size: 22px;}
.font23 {font-size: 23px;}
.font24 {font-size: 24px;}
.font28 {font-size: 28px;line-height: 42px;}
.font30 {font-size: 30px;line-height: 38px;}
.font38 {font-size: 42px;}
.font42 {font-size: 42px;line-height: 54px;}
.font47 {font-size: 38px;}
.font50 {font-size: 50px;}
.font54 {font-size: 54px;line-height: 65px;}
.font60 {font-size: 60px;}
.font180 {font-size: 180px;line-height: 200px;}


.index-business {background: #f8f8f8;padding: 4% 0;overflow: hidden;}
.index-business-top {overflow: hidden; text-align:center;}
.index-business-top .classname-1{color: #e62129;}
.index-business-top .text-1{margin-top: 2%;}
.index-business-top .text-1 strong{font-weight: normal;color: #e62129;}
.index-business-bottom {margin-top: 6%;position: relative;}
.index-business-bottom-swiper {width: 90%;margin: auto; padding-top:70px;}
.index-business-bottom-swiper .swiper-slide-next .index-business-item{margin-top: -70px;}
.index-business-item {overflow: hidden;margin: auto;width: 100%;transition:all .4s ease;margin-top: 0%;}
.index-business-item a{display: block;}
.index-business-item .pic {transition:all .4s ease; height: auto;}
.index-business-item .text{margin-top: 6%; font-size:22px !important; text-align:center;}
.index-business-item .title-1{margin-bottom: 6%;color: #1a1a1a;  font-family:Arial, Helvetica, sans-serif;  position:relative; width:100%; height:55px; margin-top:0px;}
.index-business-item .title-1:before { width:50%; height:5px; background:#e62129; position:absolute; content:" "; bottom:0px; left:0px;  margin:0px 25%; z-index:-1; opacity:.8; transition:all .4s;}
.index-business-item .text-2{color: #7e7e7e; font-size:16px; line-height:28px; width:65%; margin:0px auto;}
.index-business-item a:hover .title-1 {color: #1a1a1a;}
.index-business-item a:hover .title-1:before { width:30%;  margin:0px 35%;}
.index-business-item a:hover .pic {transform: scale(1.05);}
.style-prev-1,.style-next-1 {width: 65px;height: 65px;border: 1px solid #dfdfdf;border-radius: 100%;opacity: 1;transition:all .4s ease;outline: none;}
.style-prev-1::after,.style-next-1::after {color: #000;font-weight: bold;font-size: 14px;}
.style-prev-1:hover,.style-next-1:hover {background: #e62129;border: 1px solid #e62129;}
.style-prev-1:hover::after,.style-next-1:hover::after {color: #fff;}
.style-prev-1 {left: 0;}
.style-next-1 {right: 0;}


.index-about {background: #f7f8fa;padding: 0 0;overflow: hidden;position: relative; margin-top:5%; padding-top:5%}
.index-about .section-content {position: relative;overflow: hidden;}
.index-about-left {position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 45%;}
.index-about-left .text-1{overflow: hidden;}
.index-about-left .text-1 strong{font-weight: normal;color: #1a3774; font-weight:bold; line-height:2}
.index-about-left .text-2{color: #7e7e7e;width: 90%;margin-left: 0%;margin-top: 6%; text-align:justify; line-height:36px;}
.index-about-left .text-3 { color:#e62129; margin-bottom:10px;  }
.index-about-left .text-4 img { height:; margin-top:30px;}
.index-about-left .more-1 {margin-left: 0%;margin-top: 6%;}
.more-1 {overflow: hidden;}
.more-1 a{display: inline-block;border: 1px solid #dddddd;border-radius: 6px;padding: 17px 25px;text-align: center;font-size: 0;}
.more-1 span{color: #202020;display: inline-block;vertical-align: middle;}
.more-1 i{display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r1.png') center no-repeat;margin-left: 10px;opacity: .3;}
.more-1 a:hover {background: #e62129;border: 1px solid #e62129;}
.more-1 a:hover span {color: #fff;}
.more-1 a:hover i {filter: invert(100%);opacity: 1;}
.index-about-right {float: right;width: 55%;position: relative;padding: 6% 0;}
.index-about-right .pic-1{position: relative;z-index: 11;width: 90%;float: right;}
.yuanxing {position: absolute;background-image: linear-gradient(-95deg,rgba(240,167,0,1),rgba(240,167,0,0));border-radius: 100%; display:none;}
.yuanxing-1 {right: 5%;top: 40%;width: 300px;height: 300px;z-index: 1;}
.yuanxing-2 {left: 0;bottom: 25%;z-index: 12;width: 200px;height: 200px;background-image: linear-gradient(to bottom,rgba(240,167,0,1),rgba(240,167,0,0));border-radius: 100%;opacity: .3;}


.index-advantage {background: #f8f8f8 url('../images/advantage1.jpg') center top no-repeat;padding: 2% 0 4%;overflow: hidden;position: relative;background-size: cover;}
.index-advantage-top {text-align: center;}
.index-advantage-top .text-1 {overflow: hidden; font-weight:bold; padding-top:3%; 



}
.index-advantage-top .text-2 p { line-height:28px; padding-top:30px; color:#333; padding-bottom:2%;}
.index-advantage-top .text-2 p span{ color:#1a3774;  font-weight:bold}

.index-advantage-top .text-2 b{ font-style:normal; color:#999; line-height:30px; font-weight:normal; width:80%; margin:0 auto; display:block; margin-top:0px; }


.index-advantage-top .text-3 { margin-bottom:20px;} 
.index-advantage-top .text-1 strong{font-weight: normal;color: #e62129;}
.index-advantage-bottom {padding: 7% 0 2%;overflow: hidden;}
.index-advantage-swiper {overflow: hidden;}
.index-advantage-item {text-align: center;margin-top: 10%;cursor: pointer;position: relative;transition:all .4s ease;}
.index-advantage-item * {transition:all .4s ease;}
.index-advantage-item .year-1{color: #e8e8e8;}
.index-advantage-item .year-1 strong{font-weight: normal;font-family: 'Oswald-Bold';display: inline-block;vertical-align: text-top;}
.index-advantage-item .year-1 sup{display: inline-block;vertical-align: text-top;}
.index-advantage-item .text-2 {margin-top: 1%;opacity: 0;}
.index-advantage-swiper .swiper-slide-active .index-advantage-item {margin-top: 0;cursor: default;}
.index-advantage-swiper .swiper-slide-active .index-advantage-item .year-1{color: #e62129;}
.index-advantage-swiper .swiper-slide-active .index-advantage-item .text-2 {opacity: 1;}
.index-advantage-swiper .swiper-slide-active .index-advantage-item strong {line-height: 240px;}
.advantage-prev,.advantage-next {width: 30%;height: 100%;top: 0;margin: 0;outline: none;}
.advantage-prev:after,.advantage-next:after {display: none;}
.advantage-prev {left: 0;}
.advantage-next {right: 0;}

.index-news {background: #fff;padding:100px 0 8% 0;overflow: hidden;position: relative;}
.index-news .section-content {width: 100%;}
.index-news-top {position: relative;width: 94%;margin: auto;}
.index-news-top .title-1{float: left;}
.index-news-top-right {float: right;width: 80%;text-align: right;}
.index-news-top-right .style-prev-1,
.index-news-top-right .style-next-1{position: relative;left: auto;right: auto;top: auto;bottom: auto;display: inline-block;vertical-align: middle;margin: 0;text-align: center;line-height: 65px;}
.index-news-top-right .style-next-1{margin-right: 4%;margin-left: 10px;}
.index-news-top-right .more-1{display: inline-block;vertical-align: middle;}
.index-news-bottom {clear: both;padding-top: 5%;overflow: hidden;float: right;width: 86%;}
.index-news-swiper {padding-bottom: 3%;}
.index-news-item {overflow: hidden;}
.index-news-item .img {background-color: transparent;}
.index-news-item .pic{transition:all .4s ease;}
.index-news-item .text{color: #000;}
.index-news-item .title-1{margin-top:8%;}
.index-news-item .text-2{margin-top: 8%; #7e7e7e;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;
line-height: 25px;


}
.index-news-item .date-3{font-family: 'Oswald-Bold';color: #bebebe;margin-top: 2%;}
.index-news-item a.cur {opacity: .4;}
.index-news-item a.cur:hover {opacity: 1;}
.index-news-item a:hover .pic{transform: scale(1.05);}
.index-news-item a:hover .title-1{color: #e62129;}
.index-news-swiper .news-pagination {top: auto;bottom: 0;height: 2px;background: #dddddd;width: 86%;}
.index-news-swiper .swiper-pagination-progressbar-fill {background: #e62129;}


.index-partner {background: #fff;padding:8% 0 5% 0;overflow: hidden;position: relative;}
.index-partner .section-content {width: 100%;}
.index-partner-top {width: 94%;margin: auto;position: relative;}
.index-partner-top .title-1{overflow: hidden;}
.index-partner-top .more-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top: -28px;}
.index-partner-bottom {padding: 6% 0;overflow: hidden;}
.index-partner-item  {text-align: center;position: relative;width: 100%;height: 100%;background: #fff;}
.index-partner-item .item {position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.index-partner-item .logo-1 {z-index: 11;width: 180px;height: 180px;margin: auto;position: relative;}
.index-partner-item .logo-1 img {display: block;max-width: 90%;max-height: 90%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;filter: grayscale(100%);}
.index-partner-item .text-1 {margin-top: 5%;overflow: hidden;opacity: 0;}
.index-partner-swiper {overflow: hidden;}
.index-partner-swiper a {display: block;width: 400px;height: 400px;position: relative;border: 1px solid #e2e2e2;border-radius: 100%;overflow: hidden;}
.index-partner-swiper a:hover {border: 1px solid #e62129;}
.index-partner-swiper a:hover .item {margin-top: -5%;}
.index-partner-swiper a:hover .logo-1 img{filter: grayscale(0);}
.index-partner-swiper a:hover .text-1 {opacity: 1;}
.index-partner-swiper.swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;}




/* about */
.section-banner {position: relative;overflow: hidden;}
.banner-text {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);z-index: 11;color: #fff;text-align: left;}
.banner-text .text-1{color: #e62129; }
.banner-text .text-2{margin-top: 3%; }
.banner-img .pic{/*animation: bigimgani 3000ms 1 ease forwards;*/ background-attachment:fixed;}
.section-nav {text-align: center;background: #f8f8f8;overflow: hidden;position: relative;}
.section-nav::after {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e8e8e8;}
.section-nav a{display: inline-block;vertical-align: middle;position: relative;z-index: 11;}
.section-nav a.cur span,.section-nav a:hover span {color: #e62129;}
.section-nav a.cur span::after,.section-nav a:hover span::after {width: 100%;}
.section-nav span{display: block;font-size: 18px;padding: 30px 0;color: #000;margin: 0 30px;position: relative;}
.section-nav span::after {content: '';width: 0px;height: 2px;position: absolute;left: 0;bottom: 0;z-index: 1;background: #e62129;transition:all .4s ease;}

.about_sp { transition:all .4s; background-size: auto 100%!important; }

.about_sp .init-4 { position:absolute; z-index:2; top:32%; left:43%;}
.about_sp:hover { background-size:auto 105%; }


.about-section {padding: 5% 0;overflow: hidden;background: #fff;}
.about-section .section-content {width: 98%;margin: auto;position: relative;}
.about-section-top {text-align: center;}
.about-section-top .title-1{color: #e62129;}
.about-section-top .text-2{margin-top: 2%;}
.about-section-top .text-2 strong{font-weight: normal;color: #e62129;}
.about-section-bottom {padding: 5% 4%;position: relative;z-index: 11;overflow: hidden;}
.about-section-left{float: left;width: 45%;margin-left: 0%;text-align: justify;color: #7e7e7e;}
.about-section-left .text-3{position: relative;padding: 8% 0;overflow: hidden;}
.about-section-left .text-3::before {content: '';width: 45px;height: 45px;background: url('../images/yh.png') center no-repeat;position: absolute;left: 0;top: 0;}
.about-section-left .text-3 p{line-height: 34px; margin-top:20px; }
.about-section-left .date-3{overflow: hidden;}
.date-item-1 {float: left;overflow: hidden;width: 30%;position: relative;border-top: 0px solid #e8e8e8;padding-top: 4%;margin-right: 3%;padding-bottom: 5%;margin-bottom: 5%;}
.date-item-1 h3{color: #1a3774;font-weight: normal;display: inline-block;vertical-align: top;margin: 0;padding: 0;}
.date-item-1 h3 strong{font-family: 'Oswald-Bold';font-size: 80px;line-height: 80px;display: inline-block;vertical-align: text-top;font-weight: normal;}
.date-item-1 h3 sup{font-size: 16px;display: inline-block;vertical-align: text-top;margin-left: 5px; color:#45577d}
.date-item-1 span{display: block;vertical-align:top;margin-left: 0px;color: #999999; line-height:1.6; margin-top:10px}
.about-section-right {float: right;width: 54%;}
.about-img {position: relative;width: 100%;overflow: hidden;z-index: 11;}
.about-img .pic-1{width: 88%;float: right;margin-right: 3%;z-index: 12;}
.about-section .yuanxing-1{top: 25%;}
.about-section .yuanxing-2{bottom: auto;right: 44%;left: auto;top: 50%;}

@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}
.history-content {text-align: center;overflow: hidden;padding: 5% 0;background: #f8f8f8 url('../images/bg2.png') center no-repeat;background-size: cover;}
.history-section-top {position: relative;}
.history-section-top-swiper {position: relative;}
.history-section-bottom {overflow: hidden;padding: 3% 0;}
.history-section-top-swiper .swiper-slide .history-item {opacity: 0;}
.history-section-top-swiper .swiper-slide-active .history-item {opacity: 1;}
.history-item {position: relative;padding: 50px 0;width: 250px;height: 340px;margin: auto;}
.history-item .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: none;overflow:visible;}
.history-item .year-1{position: absolute;bottom:40%;z-index: 11;left: 50%;margin-left: -110px;width: 200px;text-align: center;}
.history-item .year-1 strong {font-size: 110px;color: #e62129;font-family: 'Oswald-Bold';display: block;margin: 0;padding: 0;font-weight: normal;}
.history-item .img-opacity {opacity: 0;display: block;width: 100%;}
.history-section-center {position: relative;overflow: hidden;margin-top: 3%;}
.history-section-center::before {content: '';width: 100%;height:1px;opacity: .2;z-index: 1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #7d7d7d;}
.history-section-center-swiper {width: 74%;margin: auto;overflow: hidden;}
.history-section-center .year-1{height: 100px;position: relative;width: 100%;overflow: hidden;cursor: pointer;}
.history-section-center .year-1 strong{font-size: 20px;color: #202020;margin: 0;padding: 0;padding:20px 0;font-family: 'Oswald-Bold';display: block;transition:all .4s ease;position: absolute;width: 100%;top:-18px;}
.history-section-center .year-1 i{display: block;width: 8px;height: 8px;position: absolute;margin: auto;background: #e62129;border-radius: 100%;top: 50%;transform: translate(-50%,-50%);left: 50%;}
.history-section-center .year-1 i::before,.history-section-center .year-1 i::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #e62129;border-radius: 100%;}
.history-section-center .year-1 i::before {width: 40px;height: 40px;opacity: .2;z-index: 1;opacity: 0;}
.history-section-center .year-1 i::after {width: 20px;height: 20px;opacity: .5;z-index: 3;}
.history-section-center .swiper-slide-thumb-active .year-1 strong{color: #e62129;}
.history-section-center .swiper-slide-thumb-active i::before {animation: bowen1 2000ms infinite ease-in ;}
.history-section-center .style-next-1,.history-section-center .style-prev-1 {border-radius: 0;background: #f8f8f8;margin-top: -30px;width: 60px;height: 60px;box-sizing: border-box;}
.history-section-center .style-next-1:hover,.history-section-center .style-prev-1:hover  {background: #e62129;border: 1px solid #e62129;}
.history-section-center .style-next-1 {right: 10%;}
.history-section-center .style-prev-1 {left: 10%;}
@keyframes bowen1{0%{transform: translate(-50%,-50%) scale(0);opacity: .3;}100%{transform: translate(-50%,-50%) scale(1.6);opacity: 0;}}
.history-section-bottom {margin: auto;margin-top: 2%;overflow: hidden;}
.history-section-bottom-swiper {overflow: hidden;text-align: left;width: 65%;margin: auto;}
.history-section-bottom-swiper .title-1{float: left;width: 30%;line-height: 34px;opacity: 0;}
.history-section-bottom-swiper .text-2{float: right;width: 50%;color: #999999;opacity: 0;}
.history-section-bottom-swiper .swiper-slide-active .title-1,.history-section-bottom-swiper .swiper-slide-active .text-2 {opacity: 1;}
.history-section-center .swiper-button-next.swiper-button-disabled,.history-section-center .swiper-button-prev.swiper-button-disabled {opacity: 1;}

.culture-content {text-align: center;overflow: hidden;padding: 5% 0;background: #f8f8f8 url('../images/bg3.png') center no-repeat;background-size: cover;}
.culture-section-bottom {overflow: hidden;padding: 6% 0 3% 0;}
.culture-section-list {overflow: hidden;}
.culture-item {display: inline-block;vertical-align: top;width: 30%;margin: 1.5%;}
.culture-item a{text-align: left;}
.culture-item .img {background: none;}
.culture-item .text {padding-top: 4%;overflow: hidden;}
.culture-item .title-1 {color: #4a4a4a;margin-top: 2%;}
.culture-item .text-2 {margin-top: 3%;color: #7d7d7d;}

.responsibility-content {overflow: hidden;padding: 5% 0;background: #f8f8f8;}
.responsibility-section-bottom {overflow: hidden;padding: 6% 0 0 0;}
.responsibility-swiper {overflow: hidden;}
.responsibility-item {overflow: hidden;}
.responsibility-item-left {float:right;width: 65%;}
.responsibility-item-left .img{overflow: hidden;}
.responsibility-item-right {width: 35%;position: absolute;left: 0;top: 0;height: 100%;z-index: 1;background: url('../images/responsibility.jpg') center no-repeat;background-size: cover;}
.responsibility-item-right .text{width: 86%;height: 100%;color: #fff;padding: 10%;box-sizing: border-box;}
.responsibility-item-right .title-1{overflow: hidden;}
.responsibility-item-right .line-2{width: 30px;height: 2px;background: #fff;margin: 20px 0;}
.responsibility-item-right .text-3 {opacity: .5;text-align: justify;line-height: 34px;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;overflow: hidden;}
.responsibility-item-right .style-next-1,.responsibility-item-right .style-prev-1 {width: 58px;height: 58px;border-radius: 4px;top: auto;bottom: 10%;}
.responsibility-item-right .style-next-1:hover,.responsibility-item-right .style-prev-1:hover  {background: #fff;border: 1px solid #fff;}
.responsibility-item-right .style-next-1::after,.responsibility-item-right .style-prev-1::after {color: #e62129;}
.responsibility-item-right .style-prev-1{left: 10%;}
.responsibility-item-right .style-next-1{right: auto;left: 21%;}



/* business */
.business-section {overflow: hidden;padding: 5% 0;background: #f8f8f8;}
.business-overview {overflow: hidden;padding: 5% 0 0 0;background: #fff;position: relative;}
.business-overview::after {content: '';width: 100%;height: 10%;position: absolute;left: 0;bottom: 0;z-index:10;background: #f2f2f2;}
.business-overview-top {position: relative;}
.business-overview-top::after {content: '';width: 50px;height: 45px;position: absolute;right: 0;top: 0;background: url('../images/syh1.png') center no-repeat;background-size: 100%;}
.business-overview-top .text-1{color: #e62129;}
.business-overview-top .title-2 strong{color: #e62129;font-weight: normal;}
.business-overview-center{overflow: hidden;margin-top: 2%;}
.business-overview-center .title-2{color: #000;line-height: 54px;float: left;width: 50%;}
.business-overview-center .title-2 strong{color: #e62129;font-weight: normal;}
.business-overview-center .text-3{float: left;width: 33%;color: #6a6a6a;line-height: 34px;margin-left:8%;}
.business-overview-bottom{clear: both;overflow: hidden;margin-top: 5%;position: relative;}
.business-overview-bottom .img{overflow: hidden;position: relative;z-index: 11;}

.business-coverage-area {padding: 5% 0 3% 0;overflow: hidden;background: #f2f2f2 url('../images/bg2.jpg') center top no-repeat;background-size: cover;}
.business-coverage-area-list {overflow: hidden;width: 82%;margin: auto;padding: 5% 0;}
.business-coverage-area-item {overflow: hidden;float: left;width: 30.666%;margin-right: 2%;padding-right: 2%;position: relative;}
.business-coverage-area-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #ccc;opacity: .2;}
.business-coverage-area-item:last-child {margin-right: 0;padding-right:0;}
.business-coverage-area-item:last-child::after  {display: none;}
.business-coverage-area-item .img{position: relative;}
.business-coverage-area-item .text{padding-top: 5%;overflow: hidden;}
.business-coverage-area-item .title-1{color: #1a1a1a;margin-top: 3%;}
.business-coverage-area-item .text-2{color: #7e7e7e;margin-top: 4%;}

.business-technological-process {overflow: hidden;padding: 5% 0;background: #f8f8f8;}
.business-technological-process .business-overview-top {text-align: center;}
.business-technological-process .business-overview-top .title-2 {margin-top: 2%;}
.business-technological-process .business-overview-top::after {display: none;}
.business-technological-process-list {padding: 5% 0 1% 0;overflow: hidden;position: relative;text-align: center;}
.business-technological-process-list::after {content: '';width: 72%;height: 1px;background: #7e7e7e;opacity: .2;position: absolute;left:13%;bottom:33px;z-index: 1;}
.process-item {text-align: center;position: relative;display: inline-block;vertical-align: top;margin: 0 3%;z-index: 11;}
.process-item:hover .icon-1 i {background: #e62129;}
.process-item:hover .icon-1 i img {filter: brightness(.5);}
.process-item:hover .title-2{color: #e62129;}
.process-item .icon-1 {overflow: hidden;}
.process-item .icon-1 i{position: relative;display: block;width: 120px;height: 120px;border-radius: 100%;background: #f2f2f2;margin: auto;transition:all .4s ease;}
.process-item .icon-1 i img {max-width: 50%;max-height: 60%;}
.process-item .title-2{margin-top: 30px;overflow: hidden;transition:all .4s ease;}
.process-item .text-3{color: #999;margin-top: 20px;}
.process-item .number-4{margin-top:40px;position: relative;}
.process-item .number-4 i{font-style: normal;font-size: 12px;font-family:'Oswald-Bold';color:#e62129;background:#f2f2f2;border-radius:100%;width:30px;height:30px;line-height: 30px;display: block;margin: auto;}
.process-item .number-4::after {content: '';width: 7px;height: 11px;background: url('../images/r1.png') center no-repeat;position: absolute;right: -50%;top:50%;transform: translateY(-50%);}
.process-item:last-child .number-4::after{display: none;}

.business-advantage {overflow: hidden;padding: 5% 0;background: #ededed url('../images/bg3.jpg') center no-repeat;background-size: cover;}
.business-advantage .business-overview-top {text-align: center;}
.business-advantage .business-overview-top .title-2 {margin-top: 2%;}
.business-advantage .business-overview-top::after {display: none;}
.business-advantage-list {padding: 5% 0;overflow: hidden;width: 80%;margin: auto;}
.business-advantage-swipe {position: relative;}
.business-advantage-item {overflow: hidden;}
.business-advantage-item a {display: block;background: #f8f8f8;position: relative;overflow: hidden;}
.business-advantage-item a::before {content: '';width: 100%;height: 4px;position: absolute;left: 0;top: 0;z-index: 1;background: #e62129;transition:all .4s ease;}
.business-advantage-item a:hover {background: #e62129;}
.business-advantage-item a:hover .title-2,.business-advantage-item a:hover .text-3  {color: #fff;}
.business-advantage-item a:hover .icon-1 i img {filter: brightness(.5);}
.business-advantage-item a:hover::before {background: #d49400;}
.business-advantage-item .text {position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;padding: 10%;z-index: 11;}
.business-advantage-item .icon-1 {position: relative;margin-left: -10px;}
.business-advantage-item .icon-1 i {position: relative;display: block;width: 85px;height: 85px;}
.business-advantage-item .icon-1 i img {max-width: 80%;max-height: 80%;}
.business-advantage-item .title-2{margin-top: 10%;}
.business-advantage-item .text-3{margin-top: 10%;color: #7e7e7e;}
.business-advantage-item .img {background: none;}

.business-trendchart {overflow: hidden;padding: 5% 0;background: #f8f8f8 ;}
.business-trendchart .business-overview-top .title-2{margin-top: 2%;}
.business-trendchart .business-overview-top::after {display: none;}
.trendchart-content-bottom {width: 80%;margin: auto;padding: 4% 0;overflow: hidden;}
.trendchart-content-left {float: left;width: 22%;}
.trendchart-item {padding: 5% 0;overflow: hidden;border-top: 1px solid #e8e8e8;}
.trendchart-item .title-1{color: #e62129;}
.trendchart-item .number-2{font-family: 'Montserrat-Regular';padding: 4% 0;}
.trendchart-content-right {float: right;width: 60%;}
.trendchart-pic {width: 100%;position: relative;padding-bottom:5%;overflow: hidden;font-size: 0;height: 400px;}
.trendchart-pic::after {content: '';width: 100%;height: 10px;background: #f0f0f0;display: block;position: absolute;left: 0;bottom: 0;}
.trendchart-column {width: 7.2%;margin-right: 3%;display: inline-block;vertical-align: bottom;position: relative;overflow: hidden;height: 100%;}
.trendchart-column:last-child {margin-right: 0;}
.trendchart-column i {display: block;width: 100%;position: absolute;bottom: 0;left: 0;z-index: 11;height: 100%;background-image: -webkit-linear-gradient(to top, rgba(247,203,107,0.99608) 0%, rgb(251,169,128) 100%);background-image:linear-gradient( to top, rgba(247,203,107,0.99608) 0%, rgb(251,169,128) 100%);}
.trendchart-column:nth-child(1) {height: 35%;}
.trendchart-column:nth-child(2) {height: 42%;}
.trendchart-column:nth-child(3) {height: 51%;}
.trendchart-column:nth-child(4) {height: 60%;}
.trendchart-column:nth-child(5) {height: 66%;}
.trendchart-column:nth-child(6) {height: 69%;}
.trendchart-column:nth-child(7) {height: 73%;}
.trendchart-column:nth-child(8) {height: 81%;}
.trendchart-column:nth-child(9) {height: 90%;}
.trendchart-column:nth-child(10) {height: 100%;}

.trendchart-column_self_car {width: 7.2%;margin-right: 3%;display: inline-block;vertical-align: bottom;position: relative;overflow: hidden;height: 100%;}
.trendchart-column_self_car:last-child {margin-right: 0;}
.trendchart-column_self_car i {display: block;width: 100%;position: absolute;bottom: 0;left: 0;z-index: 11;height: 100%;background-image: -webkit-linear-gradient(to top, rgba(247,203,107,0.99608) 0%, rgb(251,169,128) 100%);background-image:linear-gradient( to top, rgba(247,203,107,0.99608) 0%, rgb(251,169,128) 100%);}
.trendchart-column_self_car:nth-child(1) {height: 15%;}
.trendchart-column_self_car:nth-child(2) {height: 18%;}
.trendchart-column_self_car:nth-child(3) {height: 22%;}
.trendchart-column_self_car:nth-child(4) {height: 28%;}
.trendchart-column_self_car:nth-child(5) {height: 35%;}
.trendchart-column_self_car:nth-child(6) {height: 45%;}
.trendchart-column_self_car:nth-child(7) {height: 58%;}
.trendchart-column_self_car:nth-child(8) {height: 69%;}
.trendchart-column_self_car:nth-child(9) {height: 83%;}
.trendchart-column_self_car:nth-child(10) {height: 100%;}

.business-area {overflow: hidden;padding:5% 0 15% 0;background: #f0f0f0 url('../images/bg4.jpg') center bottom no-repeat;position: relative;background-size: cover;}
.business-area .business-overview-center .title-1 {color: #e62129;}
.business-area .business-overview-center .title-2 {margin-top: 2%;}
.business-area-bottom {padding-top: 5%;overflow: hidden;width: 80%;margin: auto;}
.business-area-left {float: left;width: 45%;}
.business-area-list {overflow: hidden;}
.business-area-item {float: left;width: 45%;margin-bottom: 5%;}
.business-area-item .number-1{overflow: hidden;}
.business-area-item .number-1 strong{font-weight: normal;margin: 0;padding: 0;font-family: 'Montserrat-Regular';color: #e62129;display: inline-block;vertical-align: top;}
.business-area-item .number-1 sup{color: #e62129;display: inline-block;vertical-align: top;font-size: 16px;}
.business-area-item .text-2{color: #7e7e7e;margin-top: 5%;}
.business-area-right {width: 50%;position: absolute;right: 0;top:20%;z-index: 11;}
.business-area-map {overflow: hidden;position: relative;width: 704px;height: 582px;}
.map-point {position: absolute;left: 0;top: 0;}
.map-point i{display: block;width: 9px;height: 9px;background: #e62129;border-radius: 100%;margin: auto;}
.map-point i::after {content: '';width: 20px;height: 20px;border-radius: 100%;position: absolute;left:50%;top:50%;margin:-10px 0 0 -10px;background:#e62129;opacity:.3;}
.map-point i::before {content: '';width: 40px;height: 40px;border-radius: 100%;position: absolute;left:50%;top:50%;margin:-20px 0 0 -20px;background:#e62129;opacity:.2;animation: dianfanda 2000ms ease infinite;}
.map-point.mp1 {left: 85.5%;top: 66.5%;}
.add-point {position: absolute;right: 0;top: 0;z-index: 11;}
/* .add-point svg {width: 100%;display: block;height: auto;} */
.map-point .name{font-size: 16px;position: absolute;right: -70px;top: -6px;z-index: 1;width: 50px;}
.add-point .map-point i{transform: scale(.5);}
.add-point .map-point .name {right:10px;}
.add-point.add1 {right: 14%;top:67%;}
.add-point.add1 .map-point {left: 0;top:auto;bottom: 0;}
.add-point.add2 {right: 14%;top:66.77%;}
.add-point.add2 .map-point {left: -5px;top:auto;bottom: 0px;}
.add-point.add3 {right: 14%;top:62.88%;}
.add-point.add3 .map-point {left: -5px;top:auto;bottom: 42%;}
.add-point.add4 {right: 14%;top:59.55%;}
.add-point.add4 .map-point {left: -5px;top:auto;bottom: 13.5px}
.add-point.add5 {right: 14%;top:54.7%;}
.add-point.add5 .map-point {left: -5px;top:5px;}
.add-point.add6 {right: 14%;top:54%;}
.add-point.add6 .map-point {left: -5px;top:-3.5px;}
.add-point.add7 {right: 14.11%;top:47%;}
.add-point.add7 .map-point {left: -5px;top:-3px;}
.add-point.add8 {right: 14%;top:42%;}
.add-point.add8 .map-point {left: -5px;top:-4px;}
.add-point.add9 {right: 13.8%;top:30%;}
.add-point.add9 .map-point {left: -5px;top:17px;}
.add-point.add10 {right: 13.8%;top:30%;}
.add-point.add10 .map-point {left: -5px;top:-4px;}
.add-point.add11 {right: 12.8%;top:59.5%;}
.add-point.add11 .map-point {left: 0;top:-1px;}
.add-point.add11 .map-point .name {right:-60px;}

.path {stroke-dashoffset: 600;stroke-dasharray:600;stroke-width: 1px;stroke:rgb(240, 167, 0); }
.pathdash1 .path{animation: dash1 2000ms linear infinite;}
@keyframes dash {from {stroke-dashoffset: 0;}to{stroke-dashoffset: 600;}}
@keyframes dash1 {100% {stroke-dashoffset: 0;}}



.business-mobile-platform {background: #fff;overflow: hidden;padding:5% 0 ;}
.business-mobile-platform .business-overview-center .title-2{margin-top: 2%;}
.business-mobile-platform-content {overflow: hidden;}
.business-mobile-platform-bottom {margin-top:1%;overflow: hidden;padding: 5% 0;position: relative;}
.yuankuang {width: 820px;height: 820px;margin: auto;position: relative;}
.yuankuang .bgyuan-1{position: relative;width: 100%;height: 100%;}
.yuankuang .bgyuan-1 img {display: block;width: 100%;height: 100%;}
.yuankuang .yuan-1 {width: 640px;height: 640px;border-radius: 100%;border: 1px solid #e62129;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.yuankuang .yuan-2 {width: 640px;height: 640px;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;animation:turnrotate 8000ms linear infinite;}
.yuankuang .yuan-2::after {content: '';width: 50px;height: 50px;background: #e62129;border-radius: 100%;position: absolute;left: 50%;top: -25px;margin-left: -25px;}
.yuankuang .yuan-2::before {content: '';width: 10px;height: 10px;background: #e62129;border-radius: 100%;position: absolute;left: 50%;bottom:-5px;margin-left: -5px;}
.yuankuang .shouji-2{position: absolute;left: 3%;top: -6%;z-index: 30;width: 100%;}
.yuankuang .shouji-2 i {display: block;position: absolute;z-index: 11;left: 0;top: 0;width: 100%;height: 100%;}
.yuankuang .item {position: absolute;z-index: 50;right: 0;top: 0;cursor: pointer;}
.yuankuang .item * {transition:all .4s ease;}
.yuankuang .item i{display: inline-block;vertical-align: middle;width: 100px;height: 100px;border: 1px solid #e2e2e2;border-radius: 100%;position: relative;background: #f8f8f8;}
.yuankuang .item i img {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 60%;max-height: 60%;}
.yuankuang .item span{display: inline-block;vertical-align: middle;font-size: 22px;margin-left: 20px;}
.yuankuang .item-1 {top: -2%;right: 7%;}
.yuankuang .item-2 {top: 21%; right: -19%;}
.yuankuang .item-3 {top: 53%;right: -24%;}
.yuankuang .item-4 {top: 81%;right: -13%;}
.yuankuang .item-5 {bottom: -11%;top: auto;right:38%;text-align: center;}
.yuankuang .item-5 span {display: block;margin: 10px 0;}
.yuankuang .item.cur i{background: #e62129;border: 1px solid #e62129;}
.yuankuang .item.cur i img{filter: brightness(.5);}
.yuankuang .item.cur span{color: #e62129;}
.yuankuang .item:hover i{border: 1px solid #e62129;}
.ewmdonwload {text-align: center;width: 320px;height: 320px;border: 1px solid #e2e2e2;border-radius: 100%;position: absolute;left: 14%;top: 50%;}
.ewmdonwload .ewm-2 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.ewmdonwload .ewm-2 i{width: 160px;height: 160px;position: relative;display: block;margin: auto;}
.ewmdonwload .ewm-2 img{display: block;width: 100%;height: auto;}
.ewmdonwload .ewm-2 span{display: block;padding-top:10px;font-size: 22px;}
.shouji-swiper {position: relative;width: 100%;height: 100%;z-index: 13;}
.shouji-swiper .swiper-slide img {opacity: 0;}
.shouji-swiper .swiper-slide-active img {opacity: 1;}
.ewm-swiper {width: 100%;height: 100%;}
.ewm-swiper .ewm-2 {opacity: 0;}
.ewm-swiper .swiper-slide-active .ewm-2{opacity: 1;}

.business-cooperative-partner {background:#f0f0f0 url('../images/partnerbg1.jpg') center no-repeat;padding: 5% 0;overflow: hidden;background-size: cover;}
.business-cooperative-partner .business-overview-top .title-2 {margin-top: 2%;}
.business-cooperative-partner .business-overview-top::after {display: none;}
.business-cooperative-partner-list {overflow: hidden;padding: 5% 0;position: relative;}
.business-cooperative-partner-swiper {overflow: hidden;width: 80%;margin: auto;}
.cooperative-partner-item {text-align: center;overflow: hidden;position: relative;}
.cooperative-partner-item .logo-1 {position: relative;border: 1px solid #e9e9e9;background: #fff;}
.cooperative-partner-item .logo-1 img.img-center {max-width: 40%;max-height: 40%;filter:grayscale(100%);transition:all .4s ease;}
.cooperative-partner-item .name-2{padding-top: 3%;}
.cooperative-partner-item .logo-1::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border: 2px solid #d49400;opacity: 0;transition:all .4s ease;}
.cooperative-partner-item:hover .logo-1 img.img-center {filter:grayscale(0);}
.cooperative-partner-item:hover .logo-1::before {opacity: 1;}
.business-cooperative-partner-list .style-prev-1,
.business-cooperative-partner-list .style-next-1 {border: 2px solid #dddddd;opacity: 1;box-sizing: border-box;margin-top: -55px;}
.business-cooperative-partner-list .style-prev-1 {left: 4%;}
.business-cooperative-partner-list .style-next-1 {right: 4%;}



/* partner */
.partner-section {padding:2% 0;overflow: hidden;background: #fff;}
.partner-section .business-overview-center .title-2 {margin-top: 2%;}
.partner-section-bottom {width: 80%;margin: auto;}
.partner-logo-list {padding:5% 0;overflow: hidden;}
.partner-logo-item {float: left;width: 24%;margin-right: 1%;margin-bottom: 3%;}
.partner-logo-item a{display: block;overflow: hidden;}
.partner-logo-item .img{background: #f1f1f1;}
.partner-logo-item .img img.img-center {mix-blend-mode: darken;}
.partner-logo-item a:hover {box-shadow: 0px 0px 50px 0px rgba(195, 195, 195, 0.6);}




/* contact */
.contact-us-center {padding: 2% 0 6% 0;overflow: hidden;}
.contact-us-center .business-overview-center .title-2 {margin-top: 2%;}
.contact-us-bottom {padding: 5% 0;overflow: hidden;width: 80%;margin: auto;}
.contact-map-top {position: relative;width: 100%;height: auto;}
.contact-map-top .map {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}
.contact-map-top .map #bdmap {width: 100%;height: 100%;}
.contact-us-item {position: relative;overflow: hidden;margin-top: 5%;}
.contact-us-item .text-1{color: #cccccc;width: 10%;position: absolute;left: 0;top:0;}
.contact-us-item .email-2 {width: 86%;float: right;}
.contact-us-item .email-2 a{color: #1a1a1a;font-family: 'Montserrat-Regular','Microsoft YaHei',Arial;}
.contact-us-center .business-overview-center .title-2 {width: 100%;}

.message-section {background: #f8f8f8;padding: 2% 0 10% 0;overflow: hidden;position: relative;}
.message-section .business-overview-center .title-2 {margin-top: 2%;}
.contact-us-center-left {float: left;width: 55%;}
.contact-us-center-right {float: left;width: 38%;}

.message-bottom {padding: 4% 0;overflow: hidden;position: relative;}
.message-bottom-form {float: left;width: 50%;position: relative;margin-left: 3%;overflow: hidden;}
.message-bottom-form li{list-style: none;margin: 0;padding: 0;position: relative;margin-bottom:1%;overflow: hidden;clear: both;}
.message-bottom-form .input-1,
.message-bottom-form li .textarea-1{background: #ffffff;width: 100%;padding: 2%;overflow: hidden;box-sizing: border-box;border: none;font-size: 15px;border: 1px solid #fff;transition:all .4s ease;}
.message-bottom-form .input-1:focus,.message-bottom-form li .textarea-1:focus {border: 1px solid #e62129;}
.message-bottom-form li .input-1:first-child {float: left;width: 49%;}
.message-bottom-form li .input-1:last-child {float: right;width: 49%;}
.message-bottom-form li .textarea-1 {min-height: 150px;}
.message-bottom-form span{font-size: 15px;color: #aeaeaf;line-height: 28px;float: left;width: 60%;}
.message-bottom-form .submit-1 {width: 23%;padding: 2.5% 3%;background: #fff url('../../contact/images/r1.png') 80% center no-repeat;border: none;float: right;text-align: left;cursor: pointer;transition:all .4s ease;}
.message-bottom-form .submit-1:hover {background: #e62129 url('../../contact/images/r2.png') 80% center no-repeat;}
.message-right-map {position: absolute;right: 8%;top: 26%; z-index: 11;}
.message-right {width: 704px;height: 582px;overflow: hidden;position: relative;}
.message-right-map img {display: inline-block;width: auto;max-width: 100%;}
.message-map {width: 100%;position: absolute;height: 100%;overflow: hidden;left: 0;top: 0;z-index: 11;}
.message-map img{display: block;width: 100%;height: auto;}
.message-map .map-point.mp1{left: auto;top: 67%;right: 14%;}
.message-map .add-point.add1 {right: 15%;top:63%;}
.message-map .add-point.add1 .map-point {left: 0;top:5px;bottom:auto;}
.message-map .add-point.add2 {right: 14.5%;top: 47%;}
.message-map .add-point.add2 .map-point {left: 0;top:-3px;bottom:auto;}
.message-map .add-point.add3 {right: 14.3%;top:30.5%;}
.message-map .add-point.add3 .map-point {left: 0;top:-3px;bottom:auto;}
.message-map .add-point.add4 {right: 14%;top:32%;}
.message-map .add-point.add4 .map-point {left: -5px;top:8%;bottom: auto;}
.message-map .add-point.add5 {right: 13%;top:59.5%;}
.message-map .add-point.add5 .map-point {left: -1px;top:-6px;}
.message-map .add-point.add5 .map-point .name {right:-60px;}



/* join */
.join-section {background: #ffffff;padding: 4% 0;overflow: hidden;}
.join-section .business-overview-top {overflow: hidden;}
.join-section .business-overview-top .title-2{margin-top: 2%;overflow: hidden;}
.join-section .business-overview-top .title-2 strong {color: #e62129;font-weight: normal;}
.join-section-top {width: 80%;margin: auto;overflow: hidden;border-bottom: 1px solid #ededed;padding-bottom: 2.5%;}
.join-section-top .text-3 {color:#999999;line-height: 34px;float: right;width: 40%;}
.join-section-top .title-1{clear: both;padding-top: 3%;overflow: hidden;color: #e62129;}
.join-section-list {padding: 4% 0;overflow: hidden;width: 80%;margin: auto;}

.talent-item {overflow: hidden;border-bottom: 1px solid #ededed;transition:all .4s ease;position: relative;}
.talent-title{position: relative;padding: 3% 0 3% 15%;cursor: pointer;transition:all .4s ease;}
.talent-title .number-1 {position: absolute;left: 0;top: 50%;font-size: 16px;font-family: 'Oswald-Bold';color: #ddd;transform: translateY(-50%);}
.talent-title span{font-size: 28px;color: #1a1a1a;}
.talent-title i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index:11;}
.talent-title i::before {content: '';width: 20px;height: 1px;position: absolute;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.talent-title i::after {content: '';width: 1px;height: 20px;position: absolute;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.talent-title.cur {padding: 3% 0 3% 15%;}
.talent-title.cur span{color: #e62129;}
.talent-title.cur i::before,.talent-title.cur i::after  {background: #e62129;}
.talent-title.cur i::after {display: none;}
.talent-title.cur  .number-1 {color: #e62129;}
.talent-item:hover .talent-title span{color: #e62129;}
.talent-item:hover {border-bottom: 1px solid #e62129;}
.talent-item-content {padding: 1% 0 5% 0;overflow: hidden;font-size: 16px;line-height: 28px;color: #a1a1a1;font-weight: 400;display: none;margin-left: 15%;}
.talent-item-content strong{color: #000;}
.talent-item-top {overflow: hidden;}
.email-1 {background: #50514a;display: inline-block;padding: 10px 30px;}
.email-1 i {display: inline-block;vertical-align: middle;width: 28px;height: 19px;background: url('../images/email.png') no-repeat;}
.email-1 span {display: inline-block;vertical-align: middle;font-size: 16px;margin-left: 20px;color: #fff;}




/* news */
.news-section {background: #f8f8f8;overflow: hidden;padding: 4% 0;}
.news-section .text-1{color: #e62129;width: 94%;margin: auto;}
.news-section-list{padding:5% 0 0 0;overflow: hidden;border-bottom: 1px solid #e8e8e8;}
.news-section-item {position: relative;padding-top: 10px;overflow: hidden;margin-top: -10px;}
.news-section-item::before{content: '';width: 100%;height: 1px;background: #e8e8e8;position: absolute;left:0;top:10px;z-index: 11;}
.news-section-item .news-item {width: 80%;margin: auto;position: relative;overflow: hidden;}
.news-section-item .img {float: right;width: 25%;margin-left: 5%;position: relative;border: 1px solid #e8e8e8;padding: 10px;overflow: hidden;background: none;}
.news-section-item .text{position: relative;padding-left: 13%;overflow: hidden;float: left;width: 52%;}
.news-section-item .date-1{color: #dddddd;position: absolute;left: 0;top: 0;font-family: 'Oswald-Bold';}
.news-section-item .title-2{color: #000000;width: 80%;line-height: 34px;}
.news-section-item .text-3{color: #999999;margin-top: 5%;width: 100%;line-height: 34px;}
.news-section-item .more-4 {opacity: 0;margin-top: 5%;}
.news-section-item .more-4 span {display: inline-block;color: #fff;text-decoration: underline;}
.news-section-item a{display: block;padding: 4% 0;margin: auto;position: relative;}
.news-section-item a::after {content: '';width: 21px;height: 21px;background:url('../../news/images/jia.png') no-repeat;position: absolute;left: 10%;top: -10px;z-index: 11;}.news-section-item a{display: block;padding: 4% 0;margin: auto;position: relative;}
.news-section-item a::after {content: '';width: 21px;height: 21px;background:url('../../news/images/jia.png') no-repeat;position: absolute;left: 10%;top: -10px;z-index: 11;}
.news-section-item a:hover {background: #e62129;}
.news-section-item a:hover .date-1,.news-section-item a:hover .title-2,.news-section-item a:hover .text-3{color: #fff}
.news-section-item a:hover .more-4 {opacity: 1;}
.news-section-item a:hover .text-3{opacity: .6;}
.news-section-item a:hover .img {border: 1px solid rgba(255,255,255,0.2);}
.news-section-item a:hover .pic {transform: scale(1.05);}

.pageturn {text-align: center;margin-top: 5%;overflow: hidden;}
.pageturn a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;line-height: 50px;border: 1px solid #e2e2e2;border-radius: 100%;box-sizing: border-box;margin: 0 2px;text-align: center;color: #949494;font-size: 15px;font-family: 'Montserrat-Regular','Microsoft YaHei',Arial;}
.pageturn a.prev,.pageturn a.next{width: 100px;border-radius: 100px;}
.pageturn a.cur{background: #e62129;color: #fff;}
.pageturn a:hover {background: #e62129;color: #fff;}

.news-detail {padding: 2% 0;overflow: hidden;margin-top: 90px;}
.news-detail .section-content {position: relative;}
.news-detail-path {font-size: 14px;}
.news-detail-path a{color: #1a1a1a;}
.news-detail-path a:hover {color: #e62129;}
.news-detail-section {width: 80%;margin: auto;overflow: hidden;padding: 5% 0;position: relative;}
.news-detail-top {position: relative;overflow: hidden;border-bottom: 1px solid #ededed;padding-bottom: 3%;}
.news-detail-top .date-1{color: #dddddd;font-family: 'Oswald-Bold';}
.news-detail-top .title-2{width: 70%;overflow: hidden;margin-top: 1%;}
.news-detail-top .return-3{position: absolute;right: 0;top: 50%;transform: translateY(-95%);}
.news-detail-top .return-3 a{display: inline-block;background: #e62129;border: 1px solid #e62129;border-radius: 6px;padding: 17px 25px;text-align: center;font-size: 0;}
.news-detail-top .return-3 span{display: inline-block;vertical-align: middle;color: #fff;}
.news-detail-top .return-3 i{display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url('../images/r2.png') center no-repeat;margin-left: 10px;}
.news-detail-top .return-3 a:hover {background: #d49400;border: 1px solid #d49400;}
.news-detail-center {overflow: hidden;padding: 3% 0;position: relative;font-size: 18px;line-height: 34px;color: #666;}
.news-detail-center img{display: inline-block;max-width: 100%;}
.news-detail-bottom {overflow: hidden;border-bottom: 1px solid #ededed;}
.news-detail-bottom a{display: block;position: relative;overflow: hidden;padding: 2% 0;border-top: 1px solid #ededed;}
.news-detail-bottom strong {font-weight: normal;color: #000;}
.news-detail-bottom span {position: absolute;right: 0;top: 50%;transform: translateY(-50%);color: #999999;}
.news-detail-bottom a:hover strong,.news-detail-bottom a:hover span{color: #e62129;}
.news-detail-other {padding:  0 0 5% 0;overflow: hidden;position: relative;}
.news-detail-other-top {position: relative;width: 94%;margin: auto;}
.news-detail-other-top .more-1{position: absolute;right: 0;top: 0;}
.news-detail-other-bottom {padding-top: 4%;overflow: hidden;}

.news-detail-share {position: absolute;left: 3%;top: 20%;z-index: 11;}
.item-2 {display: block;position: relative;}
.item-2 a{display: block;position: relative;width: 70px;height: 70px;background: #f8f8f8;margin-bottom: 2px;}
.item-2 a:hover {background: #e62129;}
.news-detail-share,.news-detail-bottom-right,.news-detail-bottom {overflow:visible;}
.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.social-share *{font-family:"socialshare" !important}
.social-share a{position:relative;text-decoration:none;margin:4px 0;display:block;outline:none;}
.social-share a:hover::before {filter: invert(100%);opacity: 1;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;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}
.icon-weibo::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../../news/images/wb.png') center no-repeat;opacity: .2;}
.icon-wechat::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../../news/images/wx.png') center no-repeat;opacity: .2;}
.icon-qq::before {content: '';width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../../news/images/qq.png') center no-repeat;opacity: .2;}



.swiper-container,.index-news-top {-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none;}





/* fonts */

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'), url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'BEBAS';src: url('../fonts/BEBAS.woff2');}
@font-face {font-family: 'Oswald-Bold';src: url('../fonts/Oswald-Bold.otf');}

@keyframes fadeInbigpic{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(0.5);opacity: 0;}100%{transform:scale(1.0);opacity: 1;}}
.fadeInbigpic{-webkit-animation-name:fadeInbigpic;animation-name:fadeInbigpic;-webkit-animation-duration:.9s;animation-duration:.9s}
@keyframes chartcolumn{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%{height: 0px;opacity: 0;}100%{height: 100%;opacity: 1;}}
.chartcolumn{-webkit-animation-name:chartcolumn;animation-name:chartcolumn;-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);}}
@keyframes turnrotate2{0%{-webkit-transform:translate(-50%,-50%) rotate(360deg);}25%{-webkit-transform:translate(-50%,-50%) rotate(270deg);}50%{-webkit-transform:translate(-50%,-50%) rotate(180deg);}75%{-webkit-transform:translate(-50%,-50%) rotate(90deg);}100%{-webkit-transform:translate(-50%,-50%) rotate(0deg);}}

@keyframes dianfanda{0%{transform:scale(0);opacity: .5;} 100%{transform:scale(1.5);opacity: 0;}}
@keyframes dianfanda1{0%{transform:scale(0);opacity: 1;} 100%{transform:scale(1.5);opacity: 0;}}


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

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

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

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

}
@media screen and (max-width: 1920px) {
	.businessarea-map {width: 100%;height: 100%;position: absolute;right: 0;top: 0;}
	.anchorBL {display: none!important;}
}
@media screen and (max-width: 1680px) {
	.index-banner-swiper .text {top: 55%;}
	.more-1 a {padding: 14px 20px;}
	.footer-telemail {padding-top: 3%;}
	.footer-content-top {padding: 6% 0 3%;}
	.footer-nav ul li {margin-bottom: 7%;}
	.section-nav span {padding: 25px 0;}
	.about-section-left .text-3 p {line-height: 28px;}
	.about-section-bottom {padding: 5% 4% 3% 4%;}
	.about-section-left {width: 45%;margin-left: 0%;}
	.history-item .year-1 {margin-left: -95px;}
	.history-section-center {margin-top: 0;}
	.culture-section-bottom {padding: 3% 0;}
	.responsibility-item-right .text-3 {line-height: 24px;}
	.business-overview-center .title-2 {line-height: 50px;}
	.business-overview-center .text-3 {line-height: 30px;}
	.responsibility-section-bottom {padding: 4% 0 0 0;}
	.business-technological-process-list::after {bottom: 30px;}
	.trendchart-content-bottom {padding: 4% 0 0 0;}
	.business-area-right {width: 40%;right: 10%;}
	.business-overview-center .title-2 {width: 50%;}
	.shouji-swiper .swiper-slide-active img {display: block;width: 100%;height: 100%;}
	.shouji-2 i img{width: 100%;height: auto;display: block;}
	.yuankuang .shouji-2 {left: 4%;top: -5%;width: 80%;}
	.message-bottom-form {width: 45%;}
	.message-right-map {top: 23%;width: 40%;}
	.aside-top a {width: 50px;height: 50px;}
	.responsibility-item-right .style-next-1, .responsibility-item-right .style-prev-1 {width: 50px;height: 50px;}
	.yuankuang .item i {width: 80px;height: 80px}
	.ewmdonwload {width: 280px;height: 280px;left: 10%;}
	.ewmdonwload .ewm-2 i {width: 140px;height: 140px;}
	.yuankuang {width: 720px;height: 720px;}
	.yuankuang .yuan-1,.yuankuang .yuan-2 {width: 540px;height: 540px;}
	.process-item .icon-1 i {width: 100px;height: 100px;}
	.index-partner-swiper a {width: 350px;height: 350px;}
	.trendchart-pic {height: 340px;}
	.slidedown-1 i {width: 60px;height: 60px;}
	-content {height: 80px;}
	-nav li a.n1  {line-height: 80px;}
	.index-about-left {top: 50%;}
	.yuanxing-1 {width: 250px;height: 250px;}
	.yuanxing-2 {width: 150px;height: 150px;}
	.yuanxing-1 {top: 150px;}
	.yuanxing-2 {top: 44%;}
	.about-section .yuanxing-1 {top: 30%;}
	.about-section .yuanxing-2 {top: 35%;}

	.font14,.footer-content-bottom,.footer-content-bottom a {font-size: 14px;line-height: 22px;}
	.font15,-nav li a.n1,-nav-menu a,.footer-telemail,.date-item-1 span {font-size: 14px;}
	.font16,.talent-item-content,.email-1 span {font-size: 14px;line-height: 24px;}
	.font18,-tel span,.section-nav span,.news-detail-center {font-size: 16px;line-height: 24px;}
	.font20,.history-section-center .year-1 strong,.ewmdonwload .ewm-2 span,.yuankuang .item span {font-size: 18px;}
	.font22 {font-size: 19px;}
	.font23 {font-size: 20px;}
	.font24,.talent-title span {font-size: 22px;}
	.font28 {font-size: 24px;line-height: 38px;}
	.font30 {font-size: 28px;line-height: 34px;}
	.font38 {font-size: 34px;}
	.font42 {font-size: 36px;line-height: 48px;}
	.font50 {font-size: 46px;}
	.font54 {font-size: 48px;line-height: 60px;}
	.font60 {font-size: 52px;}
	.date-item-1 h3 strong {font-size: 70px;line-height: 70px;}
	.history-item .year-1 strong {font-size: 90px;}
	.font180 {font-size: 160px;line-height: 180px;}
	.index-advantage-swiper .swiper-slide-active .index-advantage-item strong {line-height: 140px;}
}
.about-section-left .text-3 p a { color:rgb(126, 126, 126); font-size:16px;}
@media screen and (max-width: 1440px) {
	.font15,-nav li a.n1,-nav-menu a,.footer-telemail,.date-item-1 span {font-size: 15px;}
	.font16,.talent-item-content,.email-1 span {font-size: 15px;line-height: 30px;}
	.font18,-tel span,.section-nav span,.news-detail-center {font-size: 16px;line-height: 30px;}
	.font20,.history-section-center .year-1 strong,.ewmdonwload .ewm-2 span,.yuankuang .item span {font-size: 16px;}
	.font23,.font24,.talent-title span {font-size: 18px;}
	.font28 {font-size: 20px;line-height: 34px;}
	.font30 {font-size: 24px;line-height: 30px;}
	.font38 {font-size: 38px;}
	.font42 {font-size: 32px;line-height: 42px;}
	.font50,.font54 {font-size: 40px;line-height: 50px;}
	.font60 {font-size: 44px;}
	.date-item-1 h3 strong {font-size: 52px;line-height: 60px;}
	.history-item .year-1 strong {font-size: 80px;}
	.font180 {font-size: 140px;line-height: 160px;}
	-nav li {margin-right: 30px;}
	-nav {left: 15%;}
	-content {height: 70px;}
	-nav li a.n1  {line-height: 70px;}
	-logo img {height: auto;max-height: 100%;}
	.index-banner-swiper .text {transform: translate(-50%,-50%) scale(.8);}
	.history-item .year-1 {margin-left: -80px;}
	.responsibility-item-right .text-3 {line-height: 22px;}
	-nav-menu {top: 65px;}
	.business-technological-process-list::after {bottom: 28px;}
	.responsibility-item-right .style-next-1, .responsibility-item-right .style-prev-1 {width: 40px;height: 40px;}
	.yuankuang .item i {width: 60px;height: 60px}
	.ewmdonwload {width: 240px;height: 240px;left: 10%;}
	.ewmdonwload .ewm-2 i {width: 130px;height: 130px;}
	.yuankuang {width: 680px;height: 680px;}
	.yuankuang .yuan-1,.yuankuang .yuan-2 {width: 500px;height: 500px;}
	.process-item .icon-1 i {width: 90px;height: 90px;}
	.index-partner-swiper a {width: 320px;height: 320px;}
	.trendchart-pic {height: 300px;}
	.yuanxing-1 {width: 210px;height: 210px; display:none;}
	.yuanxing-2 {width: 110px;height: 110px; display:none;}
	.style-prev-1, .style-next-1 {width: 50px;height: 50px;}
	.index-news-top-right .style-prev-1, .index-news-top-right .style-next-1 {line-height: 50px;}
	.business-advantage-item .icon-1 i {width: 65px;height: 65px;}
	.yuankuang .item-1 {top: 0%;right: 10%;}
	.yuankuang .item-2 {top: 21%;right: -16%;}
	.yuankuang .item-3 {top: 53%;right: -21%;}
	.yuankuang .item-4 {top: 83%;right: -9%;}
	.business-cooperative-partner-list .style-prev-1, .business-cooperative-partner-list .style-next-1 {margin-top: -35px;}
	.partner-logo-item .img img.img-center {max-width: 50%;max-height: 50%;}
	.pageturn a {width: 40px;height: 40px;line-height: 40px;font-size: 13px;}
	.item-2 a {width: 50px;height: 50px;}
	.history-section-center .style-prev-1 {left: 5%;}
	.history-section-center .style-next-1 {right: 5%;}
	.about-section .yuanxing-1 {top: 30%;}
	.about-section .yuanxing-2 {top: 40%;}
	.business-area-right {top: 15%;right: 15%;}
	.business-area-map,.message-right {transform: scale(.9);}
	.message-right-map {top: 10%;right: 10%;}
}
@media screen and (max-width: 1366px) {
	.font20,.history-section-center .year-1 strong,.ewmdonwload .ewm-2 span,.yuankuang .item span {font-size: 14px;}
	.font23,.font24,.talent-title span {font-size: 16px;}
	.font28 {font-size: 17px;line-height: 30px;}
	.font30 {font-size: 18px;line-height: 26px;}
	.font38 {font-size: 38px;}
	.font42 {font-size: 28px;line-height: 34px;}
	.font50,.font54 {font-size: 34px;line-height: 44px;}
	.font60 {font-size: 39px;}
	.date-item-1 h3 strong {font-size: 50px;line-height: 50px;}
	.history-item .year-1 strong {font-size: 70px;}
	.font180 {font-size: 120px;line-height: 140px;}
	.index-advantage-swiper .swiper-slide-active .index-advantage-item strong{line-height: 140px;}
	.index-partner-swiper a {width: 300px;height: 300px;}
	.index-partner-bottom {padding: 6% 0 2% 0;}
	.history-item {width: 210px;height: 280px;}
	.message-bottom-form span {line-height:22px;width: 65%;font-size: 12px;}
	.message-section {padding: 2% 0 5% 0;}
	.talent-title .number-1{font-size: 12px;}
	.history-section-center .style-next-1, .history-section-center .style-prev-1 {width: 45px;height: 45px;margin-top: -15px;}
	.business-overview-center .title-2 {line-height: 40px;}
	.business-overview-center .text-3 {line-height: 24px;}
	.business-area-map,.message-right {transform: scale(.8);}
}
@media screen and (max-width: 1280px) {
	-logo {width: 10%;}
	-content {height: 60px;}
	-nav li a.n1  {line-height: 60px;}
	-nav-menu {top: 55px;}
	.index-partner-swiper a {width: 280px;height: 280px;}
	.about-section .yuanxing-2 {top: 65%;}
	.responsibility-item-right .line-2 {margin: 10px 0;}
	.business-technological-process-list::after {width: 78%;left: 10%;bottom: 27px;}
	.business-advantage-list,.trendchart-content-bottom,.business-area-bottom {width: 90%;}
	.ewmdonwload {width: 240px;height: 240px;left: 5%;}
	.ewmdonwload .ewm-2 i {width: 90px;height: 90px;}
	.yuankuang {width: 600px;height: 600px;}
	.yuankuang .yuan-1,.yuankuang .yuan-2 {width: 460px;height: 460px;}
	.history-item .year-1 {margin-left: -59px;}
	.history-section-bottom-swiper .title-1 {line-height: 24px;}
	.process-item .icon-1 i {width: 80px;height: 80px;}
	.about-section .yuanxing-1 {top: 30%;}
	.about-section .yuanxing-2 {top: 35%;}
	.business-area-right {top: 10%;}
	.message-right-map {top: 7%;right: 13%;}
}
@media screen and (max-width: 1152px) {
	.font23,.font24,.talent-title span {font-size: 14px;}
	.font28 {font-size: 14px;line-height: 24px;}
	.font30 {font-size: 14px;line-height: 22px;}
	.font38 {font-size: 18px;}
	.font42 {font-size: 18px;line-height: 28px;}
	.font50,.font54 {font-size: 24px;line-height: 34px;}

	.font60 {font-size: 29px;}
	.date-item-1 h3 strong {font-size: 40px;line-height: 40px;}
	.history-item .year-1 strong {font-size: 60px;}
	.font180 {font-size: 100px;line-height: 120px;}
	.index-advantage-swiper .swiper-slide-active .index-advantage-item strong {font-size: 100px;}
	.about-section-left {width: 40%;margin-left: 5%;}
	.about-section-left .text-3 p {line-height: 24px;}
	.yuanxing-2 {top: 1%;}
	.yuanxing-1 {top: 90%;}
	.responsibility-item-right .text {width: 100%;}
	.responsibility-item-right .style-next-1 {left: 23%;}
	.business-overview-center .title-2 {line-height: 30px;}
	.process-item {margin: 0 2%;}
	.trendchart-pic {height: 250px;}
	.business-area-item .text-2 {width: 80%;}
	.ewmdonwload {width: 200px;height: 200px;}
	.contact-us-item .text-1 {top: 0;}
	.message-bottom-form .input-1, .message-bottom-form li .textarea-1 {font-size: 12px;}
	.message-bottom-form span {width: 100%;}
	.message-map {overflow: visible;}
	.about-section .yuanxing-1 {top: 80%;}
	.about-section .yuanxing-2 {top: 65%;right: 80%;}
	.business-area-right {top: -1%;right: 20%;}
}
@media screen and (max-width: 1024px) {
	.index-news-bottom,.business-coverage-area-list {width: 90%;}
	.index-partner-swiper a {width: 220px;height: 220px;}
	.footer-nav ul .ewm img {max-width: 90px;max-height: 90px;}
	.yuanxing-1 {width: 180px;height: 180px;}
	.font18, -tel span, .section-nav span, .news-detail-center {font-size: 12px;line-height: 22px;}
	.history-section-center .style-prev-1 {left: 0;}
	.history-section-center .style-next-1 {right:0;}
	.business-technological-process-list::after {width: 78%;left: 10%;bottom: 24px;}
	.index-about-left .text-2 {width: 100%;margin-left: 0;}
	.index-about-left .more-1 {margin-left: 0;}
	.index-about-right .pic-1 {width: 90%;margin: auto;float: none;}
}
@media screen and (max-width: 980px) {
	.index-business-bottom-swiper {width: 100%;}
	-nav {left: 0;top: 60px;width: 100%;background: #fff;position: fixed;transform: translateY(-140%);height: auto;transition:all .4s ease;z-index: 5;}
	.no-touch -nav{transform: translateY(0px);}
	-tel {right: 20%;}
	-logo {width: 30%;}
	-nav ul {width: 100%;height: 100%;overflow: auto;}
	-nav li {margin-right: 0px;display: block;border-bottom: 1px solid #ccc;}
	-nav li:first-child {border-top: 1px solid #ccc;}
	-nav li a.down {padding-right: 0px;}
	-nav li a.n1 {font-size: 16px;display: block;}
	.index-business-item {margin-top: 0;width: 90%;}
	.index-about-left {position: relative;left: auto;top: auto;transform: none;width: 90%;margin: auto;}
	.index-about-right {margin-top: 15%;}
	.index-about-right {width: 100%;}
	.font180 {font-size:70px;line-height:90px;}
	.index-advantage-swiper .swiper-slide-active .index-advantage-item strong {font-size: 70px;line-height:90px;}
	.index-partner-swiper a {width: 150px;height: 150px;}
	.index-partner-top .more-1 {position: absolute;right: 0;top: 0%;transform: none;margin-top: -5px;}
	.index-partner-bottom {padding: 16% 0 2% 0;}
	.footer-nav {padding: 4% 0;width: 100%;border-top: 1px solid #333;margin-top: 5%;}
	.footer-nav ul {list-style: none;margin: 0;padding: 0;width: 100%;float: none;text-align: left;padding-bottom: 3%;}
	.footer-nav ul h4 {margin-bottom: 0;position: relative;}
	.footer-nav ul h4::after {content:'';width: 10px;height: 1px;background: #999;position:absolute ;right: 1px;top: 50%;transform: translateY(-50%);}
	.footer-nav ul h4::before {content:'';width: 1px;height: 10px;background: #999;position:absolute ;right: 5px;top: 50%;transform: translateY(-50%);}
	.footer-nav ul {border-bottom: 1px solid #333;margin-bottom: 5%;}
	.footer-nav ul li {margin-bottom: 2%;display: none;}
	.footer-nav ul.cur h4 {color: #fff;margin-bottom: 3%;}
	.footer-nav ul.cur h4::after {opacity: 1;}
	.footer-nav ul.cur h4::before {display: none;}
	.footer-nav ul .ewm,.partner-logo-list {margin-top: 5%;}
	.footer-content-bottom {padding: 3% 0;}
	.footer-content-top {padding: 15% 0 5% 0;}
	.footer-nav {padding: 4% 0 0 0;}
	.section-nav span {margin: 0 10px;}
	.section-banner {margin-top: 60px;}
	.banner-img .pic img{width: 150%;max-width: 150%;}
	.about-section-left {width: 90%;margin-left: 5%;}
	.about-section-right {float: none;width: 100%;}
	.about-img .pic-1 {width: 100%;float: none;margin-right: 0;}
	.date-item-1 span {width: 50%;}
	.history-section-bottom-swiper {width: 80%;text-align: center;}
	.history-item {padding: 50px 0 30px 0;}
	.history-item .year-1 {bottom: 35%;}
	.business-overview-center .text-3 {margin-left: 0;margin-top: 5%;}
	.culture-item {width: 100%;margin: 2% 0 5% 0; }
	.index-business,.index-about,.index-advantage,.index-news,.index-news-bottom,.index-partner,.footer-content-top,.about-section,.history-content,.culture-content,.responsibility-content,.business-overview ,.business-technological-process,.business-advantage,.business-trendchart,.business-area,.business-mobile-platform,.business-cooperative-partner,.partner-section,.contact-us-center,.message-section,.news-section,.join-section{padding: 15% 0;}
	.history-section-bottom-swiper .title-1 ,.history-section-bottom-swiper .text-2,.responsibility-item-left,.business-overview-center .title-2,.business-overview-center .text-3 ,.trendchart-content-left,.trendchart-content-right,.business-area-left,.business-cooperative-partner-swiper,.partner-section-bottom,.contact-us-item,.message-bottom-form,.news-detail-top .title-2,.join-section-top .text-3{float: none;width: 100%;margin: auto;}
	-nav-menu ,-nav li a.down::after,.index-partner-item .text-1,.footer-niego,.process-item .number-4,.business-technological-process-list::after,.news-detail-share,.news-detail-top .return-3,.talent-title.cur .number-1,.talent-title .number-1{display: none!important;}
	.responsibility-item-right {width: 100%;position: relative;right: auto;top: auto;}
	.contact-us-item ,.join-section-top{overflow: hidden;margin-top: 15%;}
	.talent-item-content {padding-left: 0;margin: 0;}
	.banner-text {width: 80%;}
	.news-detail-other-top {padding: 15% 0;overflow: hidden;}
	.news-detail-other-top .more-1 {position: absolute;right: 0;top: 50%;transform:none;margin-top: -25px;}
	.business-overview-top::after {background: url('../images/syh1.png') center top no-repeat;background-size: 50%;}
	.business-coverage-area-item {width: 100%;margin-right: 0;padding-right:0;margin-bottom: 4%;}
	.process-item .title-2 ,.process-item .text-3{margin-top: 10px}
	.process-item .icon-1 i {width: 70px;height: 70px;}
	.process-item .icon-1 i img{max-width: 40%;max-height:40%;}
	.process-item {width: 26%;margin-top: 10%;}
	.trendchart-pic {height: 200px;}
	.talent-title.cur,.talent-title {padding: 10% 0;}
	.business-area-right {width: 100%;right: auto;position: relative;}
	.yuankuang .yuan-1, .yuankuang .yuan-2 {width: 290px;height: 290px;}
	.yuankuang {width: 100%;height: auto;text-align: center;}
	.yuankuang .item span {display: block;}
	.ewmdonwload {position: relative;top: auto;left: auto;margin: auto;margin-top: 20%;}
	.yuankuang .shouji-2 {top: -3%;}
	.yuankuang .item-1 {top: 0%;right: 0;}
	.yuankuang .item span {margin: 3% 0;}
	.yuankuang .item i {margin: auto;}
	.message-right-map {top: auto;width: 100%;position: relative;right: auto;}
	.partner-logo-item {width: 49%;}
	.yuankuang .item {position: relative;right: auto;top: auto;display: inline-block;text-align: center;margin: 3% ;}
	.contact-map-top .pic img{width: 200%;max-width: 200%;}
	.message-bottom-form .submit-1 {width: 100%;padding: 5% 3%;margin-top: 5%;}
	.news-section-item .text {padding-left: 0;float: left;width: 100%;padding-top: 5%;}
	.news-section-item .title-2 {width: 100%;line-height: 24px;}
	.news-section-item .text-3{line-height: 24px;}
	.news-section-item .img {float: none;width: 100%;box-sizing: border-box;margin-left: 0;}
	.news-section-item .date-1 {position: relative;left: auto;top: auto;}
	.index-news-top {overflow: hidden;}
	.index-news-top-right {width: 70%;}
	.index-news-top .title-1 {position: absolute;left: 0;top: 50%;margin-top: -20px;}
	.index-news-top-right .style-next-1 {margin-left: 1px;}
	.contact-us-center-left {float: none;width: 100%;}
	.contact-us-center-right {float: none;width: 100%;}
	.contact-us-item {margin-top: 5%;}
}
@media screen and (max-width: 860px) {
	.pcshow ,.aside-top a{display: none!important;}
	.mbshow,.menu-toggle{display: block!important;}
	.banner-pagination {right: -5%!important;}
	.style-prev-1, .style-next-1 {display: none;}
	.business-area-map, .message-right {transform: scale(1);}
	.message-right,.business-area-right,.business-area-map {width: 100%;height:auto;}

}




/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.news-section-item .title-2 ,.news-section-item .text-3{line-height: 24px;}
}

/* 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) {
	-logo img {height: auto;max-height: 100%;width: 100%;}
	-logo {width: 15%;}-tel {right: 10%;}
	.banner-pagination {right: -1%!important;}
	.font28 {font-size: 24px;line-height: 24px;}
	.font16 {font-size: 16px;line-height: 28px;}
	.footer-nav ul h4 {}
	.footer-telemail {font-size: 18px;}
	.font42 {font-size: 28px;line-height: 38px;}
	.font30 {font-size: 24px;line-height: 30px;}
	.footer-nav ul,.history-section-bottom-swiper .title-1 {
	margin-bottom: 3%;
	background-attachment: fixed;
}
	.business-overview-center .text-3 {margin-top: 5%;}
	.date-item-1 {width: 30%;}
	.font60 {font-size: 49px;}
	.business-overview-center .title-2 {line-height: 40px;}
	.font50, .font54 {font-size: 40px;line-height: 54px;}
	.date-item-1 span  {width: 60%;}
	.font15, -nav li a.n1, -nav-menu a,.date-item-1 span {font-size: 15px;}
	.responsibility-item-right .line-2 {margin: 20px 0;}
	.index-partner-swiper a {width: 250px;height: 250px;}
	.font23, .font24, .talent-title span {font-size: 18px;}
	.font14, .footer-content-bottom, .footer-content-bottom a {font-size: 14px;line-height: 24px;}
	.font180,.index-advantage-swiper .swiper-slide-active .index-advantage-item strong {font-size: 100px;line-height: 120px;}
	.font18, -tel span, .section-nav span, .news-detail-center {font-size: 16px;line-height: 22px;}
	.font20, .font22 {font-size: 18px;}
	.news-section-item .title-2 {line-height: 34px;margin-top: 5%;}
	.news-section-item .text-3 {line-height: 28px;}
	.news-detail-center {font-size: 17px;line-height: 24px;}
	.news-detail-bottom a {padding: 5% 0;}
	.news-detail-bottom strong {width: 70%;display: block;line-height: 30px;}
}




.aibg {
	width: 100%;
	background-attachment: fixed;
	background-image: url(../images/aibg1.jpg);
	background-repeat: no-repeat;
	background-position: top; padding-bottom:0px;
}

.baise { color:#fff !important;}
.index-about-left .about-section-left { width:100%;}
.chengse {color:#eb5405 !important;}

.swiper-button-next, .swiper-button-prev { top:40% !important;}





/*********header**********/
#header{
position:fixed; left:0; top:0; width:100%; z-index:888; background-image:url(../images/header/img2.png); background-position:bottom; background-repeat:repeat-x;}
_mid{
margin:0 3.64583333333333%; position:relative;}
_mid_left{
position:absolute; left:0; top:50%; z-index:10;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
_mid_mid{
margin-left:31.52083333333333vw; margin-right:115px;}
_mid_mid ul li{
/*float:left;*/ position:relative; margin-right:3.33333333333333vw;}


/*hhhhhhh s*/
        _mid_mid ul li dl{ display:none;   padding:0.4em 0; 
 position:absolute; left:-145px; width:350px; height:calc(100vh - 100px); background-color: rgba(255,255,255,.9); z-index:666} 
            .hasxiamid_1{
color:#000; font-size:1em; font-family:Times New Roman; }
.hasxiamid_2{
font-size:1.8em; color:#eb5405;}
.hasxiamid_3{
margin-top:3.5em;}
.hasxiamid_3 p{
margin:0.2em 0;}
.hasxiamid{
margin-left:70px; margin-top:50px;}
 
 
 .bodymenu #header{
background-color:#000;}
.hasxiamid_3 p a{
display:inline-block; position:relative; padding:0.3em 0;}
.hasxiamid_3 p a:after{
position:absolute; bottom:0%;  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out; content:''; background-color:#000; height:1px; width:0px; left:0;}
.hasxiamid_3 p a:hover:after{
width:100%;}	

/*hhhhhhh e*/
img { border: 0; vertical-align: middle; }



_mid_mid ul li dl dd:last-child a{
border:none}
_mid_mid ul li a.biga{ position:relative;
color:#fff; font-size:17px; padding:1.85em 0; display:block}
_mid_mid ul li a.biga:after{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:0;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
content:''; position:absolute; left:50%; bottom:0; height:1px; background-color:#fff; z-index:10;}
_mid_mid ul li:hover a.biga:after{
width:100%;}
_mid_right{
position:absolute; right:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); z-index:10;}
_mid_right ul li{
float:left; font-size:17px; padding:1.85em 0;}
_mid_right ul li a{ display:block; padding:0 10px;
color:#fff; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img3.png);}
_mid_right ul li:nth-child(1) a{
background-image:url(../images/img1a.png); padding-left:30px;}
_mid_right ul li:nth-child(2) a{
padding-right:0}






/* career */
.career-development {margin-top: 100px;overflow: hidden;}
.career-development-content {text-align: center;padding: 6% 0%;overflow: hidden;}
.career-development-content .class-1 {font-weight: 900;color: #ee1c25;}
.career-development-content .text-1 {color: #1a1a1a;margin: auto;margin-top: 1.5%;width: 80%;}
.career-development-content .text-2 {color: #1a1a1a;margin: auto;margin-top: 2%;width: 96%;}
.career-development-video {
	position: relative;
	background-attachment: fixed;
}
.career-development-video .video-text {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;width: 50%;text-align: center;}
.career-development-video .title-1 {color: #fff;margin-top:1%;}
.career-development-video .title_cu { font-weight:700; font-size:42px;}
.career-development-video .play-1 {width: 90px;height: 90px;border-radius: 100%;background: #fff;margin: auto;position: relative;cursor: pointer;transition:all .4s ease;}
.career-development-video .play-1 i{display: block;width: 20px;height: 20px;background: url('../images/play.png') center top no-repeat;position: absolute;left: 40%;top: 50%;transform: translateY(-50%);transition:all .4s ease; }
.career-development-video .play-1:hover {transform: scale(0.9);}

.career-development-center {overflow: hidden;padding-bottom: 3%;}
.career-development-center .career-development-content {width: 76%;margin: auto;text-align: left;padding: 6% 0 4% 0;}
.career-development-center .career-development-content .text-1 {margin: 0;margin-top: 3%;width: 66%;}
.career-development-swiper {position: relative;float: right;width: 88%;overflow: visible;}
.career-development-item {overflow: hidden;}
.career-development-item .title-1{margin-top: 3%;}
.career-development-bottom {width:1200px;margin: auto;padding-bottom: 6%;overflow: hidden;}






.init-4 {

}
.init-4 .container { text-align:center; width:100%; margin:0px auto;}


.init-4 .container .play{display:inline-block;position:relative;margin-top:50px;z-index:6}


.init-4 .container .play:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,.5);opacity:0;width:100%;height:100%;border-radius:100% !important;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1}


.init-4 .container .play:after{content:'';position:absolute;top:50%;left:50%;border-radius:100% !important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(255,255,255,.5);opacity:0;width:100%;height:100%;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}


.init-4 .container .play {
    display: inline-block;
    position: relative;
    margin-top: 50px; left:0%;
    z-index: 6; margin:50px auto 0px;
}

    
.init-4 .container .play:before {
    content: '';
    position: absolute; 
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 100% !important;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
}

.init-4 .container .play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100% !important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

@-webkit-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-o-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-moz-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}



.youshijt { width:100%; text-align:center; padding:50px 0px 0px;}




/*.index_2_1:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#fff; width:40px;}*/
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4em;}



.jiyu { font-size:32px; color:#333;}
.qianming { width:100%; display:flex; color:#fff;  justify-content: flex-end; line-height:50px; font-size:18px; margin-top:50px;}
.qianming img { height:50px;}

.jiyu-content {
    text-align: center;
    overflow: hidden;
    padding: 5% 0;
    background: #f8f8f8 url(../images/jiyu.jpg) center bottom no-repeat;
    background-size: cover;
}
.jiyu { margin-top:100px;  color:#fff;}
.jiyubt h5 { font-size:22px; font-weight:900; margin-top:20px; margin-bottom:20px; color:#fff;}

.about-section-left .jiyu::before {background: url(../images/yh1.png) center no-repeat;}







.index_case{ overflow:hidden; padding-bottom:8em;
background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img5.jpg);}
.index_case_1{
position:relative; height:700px; width:94%; margin:0px 3%;}
.index_case_1_left{
position:absolute; left:0; top:0; height:100%; width:49.5%;}

.index_case_1_left_top {overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:63.7%;}

.index_case_1_left_footer {overflow:hidden;
position:absolute; left:0; bottom:0; width:100%; height:34.5%;}

.index_case_1_left img{
width:100%;}
.index_case_1_left_jj{
position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.index_case_1_left_jj_mid{
padding:0 2.5em 2em 2.5em;}
.index_case_1_left_jj_mid_1{
font-size:1.575em;}
.index_case_1_left_jj_mid_2{
font-family:Arial, Helvetica, sans-serif; margin-top:0.4em; margin-bottom:0.4em;



}
.index_case_1_right{
position:absolute; right:0; top:0; height:100%; width:49.5%;}
.index_case_1_right_top{ overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:34.5%;}
.index_case_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_case_1_right_footer{ overflow:hidden;
position:absolute; left:0; bottom:0; width:100%; height:63.7%;}

.channeng { width:92%;}
.channeng .partner-logo-item .img img.img-center { width:100% !important; height:100% !important; object-fit:cover;  max-width:none !important; max-height:none !important;}
.channeng .partner-logo-item .img { height:400px;}
.channeng .partner-logo-item { width:49% !important;}

.rongyu { width:92%;}
.rongyu .partner-logo-item .img img.img-center { width:100% !important; height:100% !important;/* object-fit:cover;*/  max-width:none !important; max-height:none !important;}
.rongyu .partner-logo-item .img { height:300px;}
.rongyu .partner-logo-item { width:32.333333% !important;}



.rongyu .rongyu1 .img img.img-center { width:100% !important; height:100% !important;/* object-fit:cover;*/  max-width:none !important; max-height:none !important;}
.rongyu .rongyu1 .img { height:300px;}
.rongyu .rongyu1 { width:32.333333% !important;}



.rongyu .rongyu2 .img img.img-center { width: auto !important; height:100% !important;/* object-fit:cover;*/  max-width:none !important; max-height:none !important;}
.rongyu .rongyu2 .img { height:300px;}
.rongyu .rongyu2 { width:32.333333% !important;}

	
.gushi { background:#f2f2f2; padding:60px 0px;}
.jingying h6 { line-height:50px; margin:20px 0px; font-size:32px; font-weight:400; color:#000; }	
.jingying h5 { font-family: Arial, Helvetica, sans-serif; font-weight:900; color:#dcdcdc; text-transform:uppercase; line-height:50px; font-size:50px;} 
	
	
	/*Pros*/
	.promid {
    padding-top: 5.72916666666667vw;
    padding-bottom: 3.75em;
    background-color: #fbfbfb;
    overflow: hidden;
}


.div1200 {
    margin: 0 auto;
    padding: 0 1em; width:92%; margin:0px 4%;
   /* max-width: 75em;*/
}


.promid{ padding-top:0px; padding-bottom:3.75em;
background-color:#fbfbfb; overflow:hidden;}
.promid_1_mid{ min-height:528px;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); 
position:relative; background-color:#fff;}
.promid_1_mid_left{
overflow:hidden; position:absolute; left:0; bottom:0em; height:100%; width:50%;}
.promid_1_mid_left img{
width:100%;}
.promid_1 ul li{
margin-bottom:3.75em;}
.promid_1_mid_right{
margin-left:54%; margin-right:6.66666666666667%; padding-top:6.0625em;}
.promid_1_mid_right_0 {font-size:2em; color:#000;  font-family:Arial, Helvetica, sans-serif; font-weight:400; margin-bottom:30px; }
.promid_1_mid_right_1{
font-size:2.2em; color:#000; position:relative; padding-bottom:.5em; font-weight:400;}
.promid_1_mid_right_1:after{
content:''; position:absolute; left:0; bottom:0; width:23px; height:2px; background-color:#e62129;}
.promid_1_mid_right_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#000; line-height:1.8; margin-top:1.25em; margin-bottom:2em; color:#666; font-size:1.1em;}

.promid_1_mid_right_2 h6 { margin-bottom:30px; font-size:1.2em; color:#333; }
.promid .index_3_2_2_4 span{
left:0}
.promid_1 ul li:hover .index_3_2_2_4 span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.promid_1 ul li:nth-child(2n) .promid_1_mid_right{margin-right:64%; margin-left:6.66666666666667%;}
.promid_1 ul li:nth-child(2n) .promid_1_mid_left{
left:auto; right:0}
.promid_top_1{
text-align:center; color:#7a7a7a; font-size:1.6em;}
.promid_top_2{
font-size:3.25em; color:#000; text-align:center; font-weight:900;}
.promid_top_2 b { color:#d31e24;}
.promid_top{
margin-bottom:3.48958333333333vw;}
.pagination{
text-align:center}
.pagination li{
display:inline-block; margin:0 2px;}
.pagination li span,.pagination li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; width:1.75em; height:1.75em; text-align:center; line-height:1.75em;border-radius:100%;}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-color:#e62129}
.proinfomid{ padding-top:0;
background-color:#fbfbfb; overflow:hidden}
.proinfomid_2 .promid_1_mid{  -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0); 
  background:none}
.proinfomid_2{
padding-top:1.5vw;}
.proinfomid_2 .promid_1_mid_left{
bottom:0}
.proinfomid_2 .promid_1_mid_right{
padding-top:3em;}
.proinfomid_2_buy a{color:#464646;
display:block; border:1px #d2d2d2 solid; text-align:center; width:8.4375em; height:2.375em; line-height:2.375em;border-radius:4px; }
.proinfomid_2_buy a span{ padding-left:1.5em;
display:inline-block; position:relative; }
.proinfomid_2_buy a span:after{
content:''; position:absolute; left:0; width:1.1875em; height:1.125em; background-position:center; background-repeat:no-repeat; background-size: 100% auto; background-image:url(../images/img22on.png); top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.proinfomid_2_buy a:hover{
background-color:#e62129; border-color:#e62129; color:#fff;}
.proinfomid_2_buy a:hover span:after{
background-image:url(../images/img22.png);}
.proinfomid_2_photo dl dd{ margin-bottom:1em;
float:left; overflow:hidden; width:47.94520547945205%;}
.proinfomid_2_photo dl dd:nth-child(2n){
float:right}
.proinfomid_2_photo dl dd img{
width:100%;}
.proinfomid_2_photo{
padding-bottom:1em;}
.proinfomid_3{ margin-bottom:6.25em;
  line-height:2; margin-top:6.25vw;}
  .proinfomid_3 img { max-width:80%!important; height:auto!important; width: auto !important; }
.repro{ padding:1em 0; border-bottom:1px #c7c7c7 solid; padding-right:3.5em;
background-color:#fff; position:relative;}
.repro_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.repro_left{
font-size:1.125em;}	
.repro .index_3_2_2_4 span{
left:0}


.index_3_2_2_4 span{ background-position:-12px center; background-repeat:no-repeat; position:relative; left:1em;
display:block; width:1.5em; height:1.5em; background-color:#e62129;border-radius:100%; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}













	
	
	
	/*proe*/
	
	
	
	
	/*prolist s*/
	.news_2 .index_3_2_2_4 span{
left:0}
.news_2 .index_3_2 ul li{
background-color:#fff; margin-bottom:3.375em;}
.news_2{ padding-bottom:4.6875vw;
padding-top:0px;}
.news_2 .index_3_2_2{
padding-left:0; padding-right:0; text-align:center;}
.news_info_banner{
position:relative; height:30.36458333333333vw;}
.news_info_mid_mid_1{
font-size:1.5em; color:#040404; margin-top:4.47916666666667vw;}
.news_info_mid_mid_2{ margin-top:10px;
color:#666; font-size:.875em;}
.news_info_mid_mid_2 span{
display:inline-block; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-weight:900;}
.news_info_mid_mid_2 span:first-child { color:#da1f26;}
.news_info_mid_mid_3{
color:#666; line-height:1.8; padding-top:3.125vw; padding-bottom:3.125vw;}
.news_info_top{
position:relative; padding-right:2em;}
.news_info_top_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.news_info_top_right a{
display:block; width:1.5625em; height:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/news/img7.png);}
.news_info_mid_mid_4_left ul li{
float:left; width:50%;}
.news_info_mid_mid_4_left ul li a{
display:block; color:#666; padding:1em;}
.news_info_mid_mid_4_left ul li:nth-child(2) a{
text-align:right}
.news_info_mid_mid_4_left ul li a:hover{
color:#fff; background-color:#c13421}
.news_info_mid_mid_4{ overflow:hidden;
padding-bottom:4.94791666666667vw;}
.news_info_mid_mid_4_left ul li a span{
margin-right:10px;}



.index_2_2:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#fff; width:40px;}
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4em;}
.index_3_1{
position:relative;}
.index_3_1_right{
position:absolute; right:0; bottom:0;}
.index_3_1_right a{ display:block;
 width:4em; height:4em;border-radius:100%; background-color:#e62129; color:#fff; text-align:center; line-height:4em;}
.index_3_1_right span{
font-size:1.875em; font-family:黑体; color:#fff }
.index_3_1_right:hover{
right:.5em;}
.index_3{
}
.index_3_2 ul li{ background-color:#f5f6f2;
float:left; width:32%; margin-right:2%}
.index_3_2 ul li:nth-child(3n){
margin-right:0}
.index_3_2_2{
padding:2em 1.5em;}
.index_3_2_2_1{
color:#666;}
.index_3_2_2_1 span{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img13.png);
display:inline-block; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-weight:900; color:#e62129;}
.index_3_2_2_1 span:nth-child(1){
padding-left:0; background-image:none}
.index_3_2_2_2{
color:#0b0b0b; font-size:1.875em; letter-spacing:0em; margin-top:.5em; text-align:center;}
.index_3_2_2_3{
color:#333; font-size:1.125em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:.5em; margin-bottom:1.125em;}
.index_3{
padding-bottom:2.9375vw;}
.index_3_2_2_4 span{ background-position:-12px center; background-repeat:no-repeat; /*position:relative; */left:1em;
display: inline-block; width:1.5em; height:1.5em; background-color:#e62129;border-radius:100%; background-image:url(../images/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_2 ul li:hover .index_3_2_2_4 span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.index_3_2_1{
overflow:hidden; text-align:center;}
.index_3_2_1 img{
 height:250px; margin:8% auto 2%;}
.index_4_mid{
position:relative; overflow:hidden}
.index_4_mid img{
width:100%;}
.index_4 .swiper-slide{
width:20%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_4_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.65;}
.index_4_mid_name{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; z-index:2; width:100%; text-align:center; top:50%;-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); color:#fff;}
	
.index_4_mid_name em { font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:14px; letter-spacing:0px;}	
.index_4_mid_name span{ padding-bottom:13px;
font-size:1.875em; position:relative; display:inline-block; font-weight:700;}
.index_4_mid_name span:after{
content:''; position:absolute; width:24px; height:3px; bottom:0; left:50%; margin-left:-12px; background-color:#9b261a}
.index_4_mid_name_hide{border-radius:100%; left:50%; top:50%; opacity:0; z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; width:14.375vw; height:14.375vw;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); text-align:center; color:#fff;background-color:rgba(202,15,22,0.78); }
.index_4_mid_name_hide span{
display:block; padding:0 1em; font-size:2.25em;}
.index_4_mid:hover:after{
opacity:0;}
.index_4_mid:hover .index_4_mid_name{
opacity:0;}
.index_4_mid:hover .index_4_mid_name_hide{
opacity:1;}
.index_4 .swiper-slide.zhai{
width:18.48958333333333%;}
.index_4 .swiper-slide.kuan{
width:26.04166666666667%;}
.index_4_mid_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:48.17708333333333vw;}
.index_4_mid:hover .index_4_mid_bg{transform: scale(1.08, 1.08);}
.indexpro_act_left.swiper-button-disabled,.indexpro_act_right.swiper-button-disabled{
display:none}
.index_5{
	padding-top: 8.69791666666667vw;
	padding-bottom: 8.69791666666667vw;
	background-attachment: fixed;
	background-image: url(../images/jbg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.index_5_left{ overflow:hidden;
float:left; width:54.858934169279%;}
.index_5_left img{
width:100%;}
.index_5_right{ margin-top:1.875em;
float:right; width:40.75235109717868%;}





.promid_1_mid_left img{
display:none}
.promid_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}

.promid_1_mid_left_bg { background-size:auto 100%;}










/*prolist e*/





.pro_mid{
margin:0 6.25%;}
.pro_1_1{
text-align: center;}
.pro_1_1 ul li{ padding:0 1.5em; background-image:url(../images/img2.png); background-position:left center; background-repeat:no-repeat;
display:inline-block;}
.pro_1_1 ul li a{ color:#000;
font-size:17px; display:inline-block; position:relative; padding:10px 0px;}
.pro_1_1 ul li a.on{ color:#e62129;}

.pro_1_1 ul li a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#e62129;}


.pro_1_1 ul li a:hover:after,.pro_1_1 ul li a.on:after{
width:100%;}
.pro_1_1 ul li a:hover:after,.pro_1_1 ul li a.cur:after{
width:100%;}
.pro_1_1 ul li:nth-child(1){
background-image:none}
.pro_1_1{ margin-bottom:20px;
margin-top:20px;}

.pro_1_1 ul li.cur a { color:#e62129;}
	.index-span {
    font-size: 50px;
    color: #d9d9d9;
    font-family: 'Roboto';
    display: inline-block;
    background-image: -webkit-linear-gradient(top, #d9d9d9, #ececec,transparent);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; height:60px; line-height:60px!important; text-transform:uppercase; margin-bottom:0
}
.h_tlt1{ height:270px; padding-top:100px; text-align:center; width:100%; margin:0 auto}
.h_tlt1 p{color: #191919;line-height: 42px;text-align: center;margin-bottom: 16px;position:relative;padding-bottom:16px;}
.h_tlt1 p em{color:#1a3774; font-weight:bold}
.h_tlt1 p:before{content:'';display:block;background:#cbcbcb;width:264px;height:1px;position:absolute;bottom:0;left:50%;margin-left:-132px;}
.h_tlt1 p:after{content:'';display:block;background:#e62129;width:73px;height:2px;position:absolute;bottom:0;left:50%;margin-left:-36.5px;}
.h_tlt1 span{display:block; color: #999;line-height:34px;text-align:center; margin-bottom:20px}
.h_tlt2 p{color:#fff;}
.h_tlt2 p:before{background:#fff;}
.h_tlt2 span{color:#fff;}
.ipart05{background:url(../images/ipart05_bg.jpg) no-repeat center top; width:100%; margin:0 auto; background-size:100%; height:670px}
.ipart05 .left{float:left; width:44.2%; position:relative;}
.ipart05 .right{float:right; width:38%; padding:30px 0;}
.ipart05 .right .tit{color:#fff; font-size:36px; text-align:center; margin-bottom:10px;}
.ipart05 .item{display:none;}
.ipart05 .owl-item .item{display:block;}
.ipart05 .right .item .span-6{text-align:center;}
.ipart05 .right .item .box{height:78px; border:1px solid #22b2d3;}
.ipart05 .right .item .box img{width:auto; display:inline-block; margin-top:10px;}
.ipart05 .owl-dots {width:100%; position:absolute; bottom:-30px; left:0; text-align:center;}
.ipart05 .owl-dots .owl-dot{transition:.3s; display:inline-block; border-radius:10px; width:8px; height:8px; background:#fff; margin:0 4px; cursor:pointer; }
.ipart05 .owl-dots .owl-dot.active{width:20px;}
.ipart05 .left .dot{position:absolute;}
.ipart05 .left .icon{width:8px;height:8px;background:#2c6ea8; border:2px solid #fff;display:block;border-radius:50%;box-shadow: 0px 0px 14px 5px #2c6ea8;position:relative;-webkit-animation: bordershow 3s infinite;-moz-animation: bordershow 3s infinite;animation: bordershow 3s infinite;}
.ipart05 .left .icon:after,.ipart05 .left .icon:before{content:"";width:20px;height:20px;background:#fff;background:rgba(255,255,255,0.5);box-shadow: 0px 0px 4px rgba(255,255,255,0.5);display:block;border-radius:50%;position:absolute;top:-6px;left:-6px;}
.ipart05 .left .icon:after{-webkit-animation: boderM 3s infinite;-moz-animation: boderM 3s infinite;animation: boderM 3s infinite;}
.ipart05 .left .icon:before{-webkit-animation: boderM 3s .75s infinite;-moz-animation: boderM 3s .75s infinite;animation: boderM 3s .75s infinite;}
.ipart05 .left .pulse {position:absolute; width:26px; height:26px; left:50%; top:50%; margin-top:-18px; margin-left:-18px; border:5px solid rgba(230,33,41,0.8); border-radius:50%; z-index:1; opacity:0; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite;}
@keyframes boderM {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	75% {
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}

	100% {
		opacity: 0
	}
	
}
@-webkit-keyframes boderM {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}

	20% {
		opacity: 1
	}

	75% {
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
		opacity: 0
	}

	100% {
		opacity: 0
	}
}







.ipart05 .right .right_partner {
    background: url(../images/partner.png) no-repeat center;
    width: 823px;
    height: 494px;
    margin-left: -150px; margin-top:13%
}





/* CSS Document */
/*#region é‡ç½®å…ƒç´ */
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}




@font-face {
  font-family: "mb";
  src: url("../fonts/Montserrat-SemiBold.woff") format("woff"),
	  url("../fonts/Montserrat-SemiBold.ttf") format("truetype"),
       url("../fonts/Montserrat-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ml";
  src: url("../fonts/Montserrat-Light.woff") format("woff"),
	  url("../fonts/Montserrat-Light.ttf") format("truetype"),
       url("../fonts/Montserrat-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "meb";
  src: url("../fonts/Montserrat-ExtraBold.woff") format("woff"),
	  url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"),
       url("../fonts/Montserrat-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Barlow-Regular";
  src: url(../fonts/Barlow-Regular.ttf);

}

body{
    font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#115096;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }

/*********header**********/
#header{ height:5.25em;
position:fixed; left:0; top:0; width:100%; z-index:999; border-bottom:1px solid rgba(255,255,255,.2);}
#header:before{
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    transition: opacity .1s linear .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .1s linear .2s;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity .1s linear .2s, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    background-color: #fff;
    z-index: -1;
    opacity: 0}
#header:hover:before{
 -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
    transition: opacity 0s linear, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity 0s linear;
    transition: transform .5s cubic-bezier(.23, 1, .32, 1), opacity 0s linear, -webkit-transform .5s cubic-bezier(.23, 1, .32, 1)}	
.header_mid{
margin:0 4%; position:relative;  }
.header_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_left a{ display:block; position:relative; overflow:hidden;
}
.header_mid_left a img { height:42px;}
.header_mid_left a:after{background-position:center; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;background-image:url(../images/header/logo2.png); top:100%;}
#header:hover .header_mid_left a:after,#header.cur .header_mid_left a:after{
top:0;transition: all .5s ease;
}
#header:hover .header_mid_left a img{
opacity:0;}
.header_mid_mid ul li{ margin-right:40px;
float:left; position:relative; z-index:10;}
.header_mid_mid ul li dl{ display:none;
position:absolute; width:470px; z-index:10; left:-170px; background-color:#fff;}
.header_mid_mid ul li dl dd{
position:relative; padding-left:238px;}
.xiala_left{
position:absolute; left:0; top:0; width:238px; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_mid ul li a.biga{ display:block; color:#fff;
position:relative; line-height:5.25em; position:relative;}
#header:hover .header_mid_mid ul li a.biga{
color:#000;}
.header_mid_mid ul li a.biga:after{
content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background-color:#005eb2;transition: all .5s ease;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
width:100%; left:0;}
.header_mid_right{transform:translateY(-50%);
position:absolute; right:0; top:50%;}
.header_mid_right a{ font-family:Calibri; font-size:1.375em; color:#fff; padding-left:24px;
display:block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png);}
#header:hover .header_mid_right a,#header.cur .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
.header_mid_mid{
margin-left:30.5em;}
#header.cur{
background-color:#fff; /*height:4em;*/ padding:10px 0px;}
#header.cur .header_mid_mid ul li a.biga{
line-height:4em; color:#000}
.xiala_right_1{
padding-left:40px; font-size:20px; color:#005eb2}
.xiala_right_2{
font-family:Calibri; color:#999; padding-left:40px;}
.xiala_right_3{
padding-top:5px;}
.xiala_right_3 a{ padding:8px 40px;
display:block; color:#262424;transition: all .5s ease;}
.xiala_right_3 a:hover{
background-color:#f3f7fc; color:#005eb2}
.xiala_right{
padding:20px 0px 10px 0px;}
/**************index*****************/
.indexbanner_bg{
position:relative; width:100%; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_bg_mid{
position:absolute; height:100%; left:8%; width:84%; color:#fff;}
.indexbanner_bg_mid_1{
font-size:4.525vw; font-weight:900; letter-spacing:5px;}
.indexbanner_bg_mid_2{
font-size:2vw; margin-top:.5vw; margin-bottom:1.3vw;}
.indexbanner_bg_mid_3{
line-height:1.8; margin-bottom:1.875vw; font-family:Arial, Helvetica, sans-serif;}
.more_link{
display:inline-block; width:4.875em; height:3em; position:relative;}
.more_link span{transform:translateY(-50%); z-index:10;
position:absolute; left:0; top:50%; height:6px; width:3.375em;}
.more_link span:before{transform:translateY(-50%);
content:''; position:absolute; left:0; width:100%; height:1px; background-color:#fff; top:50%;}
.more_link span:after{transition: all .5s ease;
content:''; position:absolute; right:.5em; top:0; height:100%; width:7px; background-color:#fff;border-radius:50%; }
.more_link:after{transition: all .5s ease;
content:''; position:absolute; right:0; top:0; width:3em; height:100%; background-color:#005eb2;


border-radius:50%;}
.more_link:hover span:after{
right:0;
 }
.more_link:hover:after{transform: scale(.8, .8);}
.mouse { overflow:hidden;
  width: 1.625em;
  height: 2.375em;
  background-position:center; background-repeat:no-repeat; background-size:cover;
  background-image:url(../images/index/img1.png);
  position:absolute;
   z-index:10; left:50%; top:50%; margin-top:-1.1875em;
    z-index:100; margin-left:-0.8125em;
}
.mousedow{
position:absolute; left:50%; bottom:0; z-index:10; transform:translateX(-50%);}
.mouse::before {
  content: '';
  width: 2px;
  height: 5px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 2px;
  opacity: 1;
  animation: wheel 2s infinite;
  -webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 26px;
  }
}
@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 26px;
  }
}
.index_1{
margin:7.125em 5.95833333333333%;}
.index_1_mid_left{
float:left; width:55%;}
.index_1_mid_right{
float:right; width:45%;}
.index_1_mid_right ul li{
margin-bottom:1.875vw;}
.index_1_mid_right ul li:last-child{
margin-bottom:0}
.index_1_mid_right_mid{
overflow:hidden; position:relative; margin-left:1.875vw;}
.index_1_mid_right_mid_1{
position:absolute; z-index:1; left:1.875vw; top:1.875vw; color:#fff;}
.index_1_mid_right_mid_1_1{
font-size:1.875vw; margin-bottom:.1em;}
.index_1_mid_left_2{ margin-top:4.16666666666667vw;
text-align:right; font-family:Calibri; color:#3a4251; padding-right:1.875vw;}
.index_1_mid_left_1{
position:relative;}
.index_1_mid_left_1_right{
position:relative; overflow:hidden; margin-left:65.70731707317073%; margin-top:60%;}
.index_1_mid_left_1_right_2 img,.index_1_mid_right_mid_2 img{
width:100%;}
.index_1_mid_left_1_right_1 .index_1_mid_right_mid_1_1{
color:#005eb2}
.index_1_mid_left_1_left{transform:translateY(-50%); z-index:10;
position:absolute; left:0; top:50%; width:54.24390243902439%;}
.index_1_mid_left_1_left_2{
margin-top:2.5vw;}
.more_link.h span:before,.more_link.h span:after{
background-color:#d9e4ea}
.index_2 ul li{
float:left; width:100%; position:relative; overflow:hidden}
.index_2_img{
overflow:hidden;}
.index_2_img img{
width:100%;}
.index_2_mid_name{transform:translateY(-50%); text-align:center;
position:absolute; z-index:10; left:10%; width:80%; top:50%; color:#fff;}
.index_2_mid_name_1{
font-size:50px; font-weight:bold;}
.index_2_mid_name_2{ margin-top:20px;
font-family:Calibri; font-size:18px;}
.index_2_mid_name_2 b { padding:5px; color:#fff;}
.index_1_mid_left_1_left_1_1 span{ font-weight: normal; padding-left:0;
position:relative; display:inline-block; color:#333; font-family:Calibri; margin-bottom:40px;}
.index_1_mid_left_1_left_1_1 span i{ border-radius: 100%;transform:translateY(-50%);
width:0.9em; height:0.9em; background-color:#005eb2; position:absolute; left:0; top:50%;
}
.index_1_mid_left_1_left_1_1 span i:after{transform:translate(-50%, -50%);border-radius: 100%;
content:''; position:absolute; left:50%; top:50%; background-color:#fff; width:57.14285714285714%; height:57.14285714285714%;}
.index_1_mid_left_1_left_1_2{ font-weight:bold; margin-top:1vw;
  line-height:55px; letter-spacing:0..8vw; margin-bottom:1vw;


}
.index_1_mid_left_1_left_1_2 span { color:#1a3774;}



.index_1_mid_left_1_left_1_3{ font-family:Impact; line-height:1.14;
color:#005eb2; font-size:4.1vw;}
.index_3{
position:relative;}
.index_3_right{
margin-left:25%;}
.swiper-container-news .swiper-slide{
width:33.333333%; float:left}
.index_3_right_mid{ position:relative;
/*padding:0 17%;*/ position:relative; padding-top:8vw; padding-bottom:6vw;}
.index_3_right_mid:after{
content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ececed;}
.index_3_right_mid_mid{
padding:0 10%; position:relative;}
.index_3_right_mid_mid:after{ background-color:#e62129; z-index:100;
content:''; position:absolute; left:0; top:1vw;transition: all .5s ease; width:1px; height:4.0625vw;}
.index_3_right_mid_mid:hover:after{
height:10vw;}
.index_3_right_mid_mid_3{
overflow:hidden; margin-top:1.92708333333333vw;}
.index_3_right_mid_mid_3 img{
width:100%;}
.index_3_right_mid_mid_1{ color:#1a3774;
font-size:3.86666666666667vw; font-family:BEBAS;
 


}
.index_3_right_mid_mid_2{
font-size:1.195em; color:#000;font-family: BEBAS; margin-top:10px}
.index_3_right_mid_mid_4{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1vw 0;
color:#333; font-size:1.25vw;}
.index_3_right_mid_mid_5{
color:#666;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.8; margin-bottom:1.6vw;}
.index_3_right_mid_mid_6 span{ padding-left:16px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
 color:#000; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img12.png);}
.index_3_right_mid:hover .index_3_right_mid_mid_6 span{
padding-left:20px;}
.index_3_left{
position:absolute; left:5.95833333333333%; top:50%;transform:translateY(-50%);}
.index_3_left_mid_1{
color:#393939; margin-bottom:2.5vw;


  display: block;
        line-height: 40px;
        font-size: 18px;
        text-transform: uppercase;
        color: #666;
        font-family: mb; font-weight:900;
        padding-top: 0px; margin-top:-70px;
        position: relative;
        margin-bottom: 10px; 

 font-family: Barlow-Regular;

}
.index_3_left_mid_2 ul li a{
 color:#666; display:inline-block; position:relative; padding:.3em 0; font-family:Barlow-Regular
;}
.index_3_left_mid_2 ul li a:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#005eb2;}
.index_3_left_mid_2 ul li a:hover:after,.index_3_left_mid_2 ul li a.on:after{
width:100%;}
.index_3_left_mid_2 ul li{
margin-bottom:.875em;}
.index_3_left_mid{
padding-right:1em;}
.index_3_left_mid_3{
margin-top:2.6vw;}
.swiper-pagination-index-banner-right{transform:translateY(-50%);   z-index:10; cursor:pointer;
width:3vw; position:absolute; right:0;  top:50%; height:6vw;border-radius:3vw 0 0 3vw;}
.swiper-pagination-index-banner-right span{border-radius:2.5vw 0 0 2.5vw;
 position:absolute; right:0; top:50%; width:2.5vw; height:5vw;  transform:translateY(-50%);}
.swiper-pagination-index-banner-right span i{transform:translate(-50%, -50%); z-index:10; position:absolute; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img10.png); left:50%; top:50%; width:1.45833333333333vw; height:1.09375vw; background-size:cover;}

.swiper-pagination-index-banner-left{transform:translateY(-50%);  z-index:10; cursor:pointer;
width:3vw; position:absolute; right:9vw;  top:50%; height:6vw;border-radius:0vw 3vw 3vw 0vw;}
.swiper-pagination-index-banner-left span{border-radius:0vw 2.5vw 2.5vw 0vw;
 position:absolute; left:0; top:50%; width:2.5vw; height:5vw; transform:translateY(-50%);}
.swiper-pagination-index-banner-left span i{transform:translate(-50%, -50%); z-index:10; position:absolute; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img9.png); left:50%; top:50%; width:1.45833333333333vw; height:1.09375vw; background-size:cover;}
.banner_num{ font-family:Calibri; font-size:1.25vw;
position:absolute; height:6vw; top:50%;transform:translateY(-50%); right:4vw; z-index:10; line-height:6vw; color:#fff;}


/*.swiper-pagination-index-banner-left:hover,.swiper-pagination-index-banner-right:hover{background-color:#fff;}
.swiper-pagination-index-banner-left:hover span,.swiper-pagination-index-banner-right:hover span{background-color:#1994da;}*/
/***********about****************/
.nybody #header{
background-color:#fff;}
.nybody #header .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
.nybody #header .header_mid_mid ul li a.biga{
color:#000}
.nybody #header .header_mid_left a:after{
top:0;transition: all .5s ease;
}
.nybody #header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; z-index:100;}
.about_1{
margin-top:11.25em;}
.about_1_mid{  
margin:0 9%; position:relative;}
.about_1_mid_right{ overflow:hidden;
margin-left:34%; position:relative;}
.about_1_mid_right_mid{
overflow:hidden; margin-right:1.97916666666667vw; margin-bottom:1.97916666666667vw;}
.about_1_mid_right_mid{
overflow:hidden; position:relative; z-index:1;}
.about_1_mid_right_mid img{
width:100%;}
.about_1_mid_right_bg{
position:absolute; right:0; bottom:0;width:calc(100% - 3.33333333333333vw); height:calc(100% - 1.97916666666667vw);   background-color:#005eb2 }
.about_1_mid_left{
position:absolute; left:0; top:50%;transform:translateY(-50%); z-index:10; width:38.74491869918699%;}
.index_1_mid_left_1_left_1_1.index_1_mid_left_1_left_1_1_small span{
font-weight:normal; font-size:1em; color:#424242;}
.about_1_mid_left .index_1_mid_left_1_left_1_2{
color:#000; font-weight:normal;}
.about_1_mid_left .index_1_mid_left_1_left_1_3{ color:#000;
font-size:3.64583333333333vw;}
.about_1_mid_left_1{
color:#333; line-height:1.8; margin-top:2vw;}
.about_1{
}
.about_2{
position:relative; padding:4.25em 0;}
.about_2:after{
content:''; position:absolute; left:0; top:0; height:100%; background-color:#f5f8fb; width:66.14583333333333%;}
.about_2_mid{ padding:6.5em 0;
position:relative; z-index:10;   background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_left_1_left_1_2.w,.index_1_mid_left_1_left_1_3.w,.index_1_mid_left_1_left_1_1.index_1_mid_left_1_left_1_1_small.w span{
color:#fff}
.index_1_mid_left_1_left_1_2.w{
font-weight:normal}
.index_1_mid_left_1_left_1_1.w span i:after{
background-color:transparent}
.index_1_mid_left_1_left_1_1.w span i{
background:none; border:2px #fff solid;}
.about_2 .about_1_mid{
z-index:10;}
.about_2_mid_bg{opacity:0;transition: all 5.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_2_mid_bg.on{transform: scale(1.08, 1.08);
z-index:10; opacity:1}
.about_2 .about_2_mid{
overflow:hidden}
.about_2_mid_2{
position:relative;}
.about_2_mid_2_right{ height:381px; height:19.84375vw; color:#fff; position:relative; z-index:10;
width:55%; margin-left:44.71544715447154%;}
.about_2_mid_2_right .swiper-container {
      width: 100%;
      height: 100%;
    }

  .about_2_mid_2_right  .swiper-slide {
       
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      
    }
.about_2_mid_2_right_mid_1{
position:relative;padding-left:6.25vw;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.about_2_mid_2_right_mid_1 span{ display:inline-block;
font-family:Calibri; font-size:1.5em;transform: scale(1, 1);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1 span,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1 span{transform: scale(1.2, 1.2);}
.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1{
padding-left:7.8125vw;}
.about_2_mid_2_right_mid ul li .about_2_mid_2_right_mid_1:after,.about_2_mid_2_right_mid ul li .about_2_mid_2_right_mid_1:after{
content:''; position:absolute; left:-2vw; top:50%; width:0; height:2px; background-color:#fff;transform:translateY(-50%);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.about_2_mid_2_right_mid ul li.on .about_2_mid_2_right_mid_1:after,.about_2_mid_2_right_mid ul li:hover .about_2_mid_2_right_mid_1:after{
 width:8.5vw;   }

.about_2_mid_2_right_mid{
padding:0 0 0 0em; padding-top:4.89583333333333vw;}
.about_2_mid_2_right_mid_2{ padding-left:6.25vw;
font-size:1.25em; margin-top:.3em; margin-bottom:.2em}
.about_2_mid_2_right_mid_3{
line-height:1.5;padding-left:6.25vw;}
.about_2_mid_2_right_mid ul li{
margin-top:1.125em;}
.about_2_mid_2_left{
position:absolute; left:0; top:0; width:100%; height:100%;  width:44.71544715447154%;}
.about_2_mid_2_left_mid_1{
overflow:hidden; display:none}
.about_2_mid_2_left_mid_1 img{
width:100%;}
.about_2_mid_2{
margin-top:4.375em;}
.about_2_mid_2_right .swiper-scrollbar{
opacity:0;}
.swiper-container-hpic .swiper-slide{
width:100%; height:100%;  }
 
.about_2_mid_2_left .swiper-container{
height:100%; width:100%;}
.about_2_mid_2_left_mid_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_year{
position:relative; z-index:100; color:#fff; margin-top:5.625em; padding-bottom:4em;  }
.about_year:after{
content:''; position:absolute; left:0; top:0; width:100%; height:7px; background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img6.png);}
.about_year ul li{ padding-top:14px;
float:left; width:12.5%; text-align:center; position:relative;}
.about_year_line{
position:relative; padding:0;}
.about_year_line_blue{ z-index:10;
position:absolute; left:0; top:0; height:7px; width:50%; background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img7.png);}
.about_year_left{ z-index:10;
position:absolute; left:0; top:0; height:7px; width:9%;background-position:left top; background-repeat:repeat-x; background-image:url(../images/about/img7.png);}
.about_year_line_mid{
float:right; width:55px; margin-right:-28px}
.about_year_line_mid_1 span{
display:inline-block; width:22px; height:29px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img9.png);}
.about_year ul li.on .about_year_line_mid_1 span{
background-image:url(../images/about/img8.png);}
.about_honor_1{ margin-top:2.5vw;
text-align:center}
.index_1_mid_left_1_left_1_2.b,.index_1_mid_left_1_left_1_3.b{
color:#262a31;}
.about_honor_2{
text-align:center;}
.about_honor_2 ul li{ background-image:url(../images/about/img10.png);
display:inline-block; padding:0 1.25em; background-position:left center; background-repeat:no-repeat;}
.about_honor_2 ul li:nth-child(1){
background-image:none;}
.about_honor_2 ul li a{ padding:.5em 0;
font-size:1.125em; display:inline-block; position:relative;}
.about_honor_2 ul li a:after{transform:translateX(-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; width:0; background-color:#005eb2; bottom:0; left:50%; height:1px;}
.about_honor_2 ul li a:hover:after,.about_honor_2 ul li a.on:after{width:1.444444444444444em;}
.about_honor_2{
margin-top:1.5vw; margin-bottom:4.42708333333333vw;}
.about_honor_3_mid_1{
overflow:hidden;}
.about_honor_3_mid_1 img{
width:100%;}
.about_honor_3_mid_2{ background-image:url(../images/about/img5.png); width:100%; height:.36458333333333vw;
background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.zd_zs_act{ position:relative; height:.88541666666667vw;
margin:4em auto; width:21.45833333333333vw;}
.zd_zs_act_c{ border:2px #005eb2 solid; background-color:#fff;border-radius: 100%; z-index:10; 
position:absolute; left:50%; top:50%; width:.88541666666667vw; height:.88541666666667vw;transform:translate(-50%, -50%);}
.zd_about_2_mid_right_right_act_left2{
position:absolute; left:0; top:0; height:100%; width:50%;}
.zd_about_2_mid_right_right_act_right2{
position:absolute; right:0; top:0; height:100%; width:50%;}
.zd_about_2_mid_right_right_act_left2:after,.zd_about_2_mid_right_right_act_right2:after{
content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#005eb2;transform:translateY(-50%);}
.zd_about_2_mid_right_right_act_left2 span{ color:#005eb2;font-family:"宋体";transition:.5s cubic-bezier(.14,1,.34,1) 0s;opacity:0;
position:absolute; left:10px;   font-size:24px;top:calc(50% - 15px)}
.zd_about_2_mid_right_right_act_right2 span{ color:#005eb2;font-family:"宋体";transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; right:10px; font-size:24px;top:calc(50% - 15px); opacity:0;}
.zd_about_2_mid_right_right_act_right2:hover span{
opacity:1; right:-4px;}
.zd_about_2_mid_right_right_act_left2:hover span{
opacity:1; left:-4px;}
.culture_1{ font-weight:bold;
color:#3775b8; font-size:3.125vw;}
.culture_2{ font-size:2.5vw;
color:#262a31; margin-bottom:.8vw; margin-top:.1vw;}
.culture_3{ font-size:1.125em; font-family:Calibri; color:#999;}
.culture_4{ overflow:hidden;
position:relative; padding-top:5.4375vw;}
.culture_4:after{ background-color:#f3f6fa;
content:''; position:absolute; right:0; top:0; height:100%; width:52.86458333333333%;}
.culture_4_1{ padding-top:4.89583333333333vw;
position:relative; z-index:10;}
.culture_4_1_bg{ height:86.98884758364312%;
position:absolute; right:0; top:0; width:91%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img11.jpg);}
.culture_4_1_mid{ background-color:rgba(27,92,163,.77); color:#fff; padding-bottom:5.20833333333333vw;
position:relative; z-index:10; width:71.51041666666667%; padding-top:6.92708333333333vw;  }
#cultop{
margin-bottom:0} 
.culture_4_1_mid_mid{
margin-left:12.58557902403496%;margin-right:12.58557902403496%;}
.culture_4_1_mid_mid .index_1_mid_left_1_left_1_3{
margin-top:1vw;}
.culture_4_1_mid_mid_w_1 span{
display:inline-block; position:relative; font-size:1.5em;  padding-left:0.8333333333333333em;}
.culture_4_1_mid_mid_w_1 span:after{transform:translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:0.4em; height:0.4em; border:2px #fff solid;border-radius:100%}
.culture_4_1_mid_mid_w_2{
line-height:1.5; margin-top:.5em;}
.culture_4_1_mid_mid_w ul li{
margin-top:1.125em;}
.culture_4_1_mid_mid_w{
padding-top:1vw;}
.culture_5{ overflow:hidden; padding-top:7.29166666666667vw;
background-color:#f3f6fa; padding-bottom:8.64583333333333vw;}
.culture_5_left{ padding-top:3.90625vw;
position:relative; z-index:10; width:37%;}
.index_1_mid_left_1_left_1_3_small{ font-size:2vw;}
.culture_5_left_1_1{
line-height:2; margin-top:1.8vw; margin-bottom:3vw;}
.culture_5_right{
position:absolute; right:0; top:0; width:69.66524492697428%;}
.imgp{ -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);opacity:1;}
.swiper-slide.swiper-slide-active .imgp{transition: 0.95s all cubic-bezier(0.65, 0.05, 0.36, 1);
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);opacity:1;}
.zd_pro_1_left_img{
overflow:hidden;}
.zd_pro_1_left_img img{
width:100%;}
.culture_5_left_2{
width:70%;}
.zd_pro_act{ cursor:pointer; margin-top:.6em;
width:220px; position:relative; border-bottom:1px #b1b4b9 solid; padding:.875em 0;}
.zd_pro_act a{
display:block; position:relative; font-size:1.5em; color:#222121; font-family:Calibri;}
.zd_pro_act a:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:'>'; font-family:"宋体";transform:translateY(-50%); position:absolute; right:0; top:50%;}
.zd_pro_act:hover a:after{
right:.5em;}

.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 1026px) * 0.04375); width:1026px;}
.job_3_2_mid_2_zd{
text-align:center; margin:0 auto; max-width:500px;}
.job_3_2_mid_2_1_zd{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
font-size:1.875vw; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;}
.job_3_2_mid_2_2_zd{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;
 color:#2a2a2a;transition-delay:.3s;}
.job_hd_zb{ left:50%; bottom:0; z-index:10; font-family:"宋体"; color:#000;
position:absolute; width:554px;transform:translateX(-50%);}
.job_hd_left_zb{ cursor:pointer;
font-size:2.5em; float:left; position:relative;}
.job_hd_right_zb{ cursor:pointer; position:relative;
float:right; font-size:2.5em;}
.zd_pro_2_2 .swiper-slide-active .job_3_2_mid_2_1_zd,.zd_pro_2_2 .swiper-slide-active .job_3_2_mid_2_2_zd{
opacity:1;transform:translateY(0px);}
.job_3_2_mid_1{
overflow:hidden;}
.job_3_2_mid_1 img{
width:100%;}
.culture_6{
margin-bottom:3.64583333333333vw;}
.ser_1{ position:relative; margin-top:5.25em;
background-image:url(../images/about/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_1_left{
 width:50%;background-color:rgba(0,0,0,.7); padding:6.25vw 0; }
.ser_1_left_mid{
margin-left:18%; margin-right:18%;}
.ser_1_left_mid_1{
font-size:3.125vw; color:#fff; font-weight:bold;}
.ser_1_left_mid_2{ font-size:1.125em; max-width:450px;
color:#e2e9f1; margin-top:1.2vw; line-height:1.5; margin-bottom:1.5vw;}
.ser_1_left_mid_3{
position:relative; padding-left:67px;}
.ser_1_left_mid_3 span{ position:absolute; left:0; top:-.1vw;
color:#fff; font-size:1.75em;}
.ser_1_left_mid_3 ul li{
display:inline-block; margin:0 .1em; margin-right:.3em}
.ser_1_left_mid_3 ul li a{ line-height:1.777777777777778em; height:1.777777777777778em;border-radius: 1.777777777777778em;
font-size:1.125em; display:block; color:#2a3949; background-color:#fff; padding:0 1.611111111111111em;text-align:center;transition:.5s cubic-bezier(.14,1,.34,1);}
.ser_1_left_mid_3 ul li a.on{
color:#fff; background-color:#1670cb;}
.ser_1_left_mid_4 ul li{
float:left;  width:49%; margin-top:1.25em;}
.ser_1_left_mid_4 ul li:nth-child(2n){
float:right;}
.ser_1_left_mid_4 ul li select{background:none;  background-position:94% center; background-repeat:no-repeat; background-image:url(../images/about/img16.png);
border:none;  width:100%;  appearance:none;background-color:#f6f6f6;  padding-top:.8em; padding-bottom:.8em;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */ padding-left:.75em;}
.ser_1_left_mid_4 ul li div.in{
padding:0 1em;background-color:#f6f6f6;}
.ser_1_left_mid_4 ul li div.in input,.ser_1_left_mid_4 ul li div.in textarea{
border:none; background:none; width:100%;padding-top:.8em; padding-bottom:.8em;}
.ser_1_left_mid_4 ul li:nth-child(5),.ser_1_left_mid_4 ul li:nth-child(6){
width:100%;}
.ser_1_left_mid_4 ul li div.in textarea{
height:7em;
}
.ser_1_left_mid_5{
margin-top:1.875em;}
.fb_2_3 a{ max-width:395px; height:53px; line-height:53px; background-color:#225f9d;  
display:block; position:relative; text-align:center; color:#fff}
.fb_2_3 a span{ font-size:1.125em;
position:relative; z-index:10;}
.fb_2_3 a:after{transition:.8s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff;}
.fb_2_3 a:hover:after{
width:100%;}
.fb_2_3 a:hover{
color:#225f9d}
.ser_footer{ overflow:hidden; padding:6.92708333333333vw 0;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img18.jpg);}
.ser_footer_mid{ padding-bottom:5.20833333333333vw;
max-width:43.95325203252033%;background-color:rgba(27,92,163,.77); color:#fff; overflow:hidden; padding-top:5vw;}
.ser_footer_mid_mid{
margin:0 12%;}
.ser_footer_mid_mid_3{
line-height:1.8; margin-top:2.5vw;}
/**********product**************/
.pro_1{ padding-top:16.14583333333333vw; padding-bottom:16.66666666666667vw;
background-image:url(../images/product/banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_1_mid{
margin:0 auto; max-width:483px;}
.pro_1_mid_1{
text-align:center; color:#fff; font-weight:bold; font-size:3.125vw;}
.pro_1_mid_2{
text-align:center; font-family:Calibri; font-size:1.125em; color:#fff; margin-top:.5vw; margin-bottom:1.2vw;}
.pro_1_mid_3{
position:relative; background-color:#fff; padding-right:65px;}
.pro_1_mid_3_right{
position:absolute; right:0; top:0; width:65px; height:100%; background-color:#0f519b;}
.pro_1_mid_3_right:after{transform:translate(-50%, -50%); content:''; position:absolute;
 left:50%; top:50%; width:1.5em; height:1.5em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img3.png); }
.pro_1_mid_3_right input{border:none; background:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;cursor:pointer;}
.pro_1_mid_3_left{
padding:1em;}
.pro_1_mid_3_left input{
border:none; background:none; width:100%; font-size:1.125em;}
.pro_2{
text-align:center; }
.pro_2 ul li{
display:inline-block; padding:0 1.5em;}
.pro_2 ul li a{
display:block; position:relative;}
.pro_2 ul li a img:nth-child(2){transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; left:0; top:0; z-index:10;opacity:0;}
.pro_2 ul li a.on img:nth-child(2),.pro_2 ul li a:hover img:nth-child(2){
opacity:1;}
.pro_2 ul li a.on img:nth-child(1){
opacity:0;}
.pro_2 ul li{
background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img5.jpg);}
.pro_2 ul li:nth-child(1){
background-image:none}
.pro_3_1_left_1{
font-size:1.875em; color:#000;}
.pro_3_1_left_2{
font-family:Calibri; color:#999;}
.pro_3_1{
position:relative; margin-bottom:2.08333333333333vw;}
.pro_3_1_right{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/product/img6.png);
position:absolute; right:0; bottom:0; border-bottom:1px #c0c0c0 solid; padding-bottom:.875em; padding-right:3em; padding-top:.875em;width:20.4375em;}
#pro_xh{background:none; 
border:none; width:100%;    appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */ font-size:1.125em;  }
.pro_4{
margin:0 8.85416666666667%;}
.pro_4_1 ul li{ margin-right:1.26582278481013%; min-height:23.5791875em;
float:left; width:24.05063291139241%; margin-bottom:3.64583333333333vw;}
.pro_4_1 ul li:nth-child(4n){
margin-right:0}
.pro_4_1_1{
overflow:hidden; position:relative;}
.pro_4_1_1_mask{opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background-color:rgba(10,140,223,.5);}
.pro_4_1_1_mask span{ left:50%; top:50%;transform:translate(-50%,-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; width:0%; height:0%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img7.png);}
.pro_4_1 ul li:hover .pro_4_1_1_mask{
opacity:1;}
.pro_4_1_2{ position:relative; padding:1.875em 0;
border-bottom:1px #e6e6e6 solid;}
.pro_4_1_2_1{
color:#000; font-size:1.25em;}
.pro_4_1_2_2{ margin-top:.2em;
font-family:Calibri; color:#c1bfbf;}
.pro_4_1_2:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#457ac9;}
.pro_4_1 ul li:hover .pro_4_1_2:after{
width:100%;}
.pro_4_1 ul li:hover .pro_4_1_1_mask span{width:34.21052631578947%; height:34.21052631578947%;}
.pro_4_2{
text-align:center; margin-bottom:4em;}
.pro_4_2 ul li{
display:inline-block; margin:0 .2em;}
.pro_4_2 ul li span,.pro_4_2 ul li a{ font-size:1.125em;
padding:.4em .8em; border:1px #e3e3e3 solid; font-family:Calibri;transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.pro_4_2 ul li.active span,.pro_4_2 ul li a:hover{
background-color:#3b99d7; border-color:#3b99d7; color:#fff;}
.pro_info_1{
position:relative; height:42.70833333333333vw;}
.pro_info_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.video-back{
height:100%;}
.promid{
margin:0 11%;}
.pro_info_2_left{
float:left;}
.pro_info_2_right{
float:right}
.pro_info_2_left span{
color:#115096;}
.pro_info_2_left a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.pro_info_2{
margin:1.75em 0;}
.pro_info_3_right_3_img{ padding-bottom:2px;
overflow:hidden; cursor:pointer}
.pro_info_3_right_3_img img{
width:100%;}
.pro_info_3_mid{
position:relative;}
.pro_info_3_right{ position:relative;
margin-left:56%; padding-top:2.44791666666667vw;}
.pro_info_3_left{
position:absolute; left:0; top:0; height:100%; width:52%;}
.pro_info_3_right_1{
font-size:1.875vw; margin-top:1.1vw; margin-bottom:.85vw;}
.pro_info_3_right_2{
font-size:1.125em; line-height:1.6; max-width:474px;}
.pro_info_3_right_3{
margin-top:2.96875vw; padding-top:2.96875vw; border-top:1px #e3e3e3 solid;}
.swiper-pagination-roll-p{
display:none}
.prlbg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide.on .pro_info_3_right_3_img img{
border:1px #115096 solid}
.pro_info_4_mid{
background-color:#f4f7fd; margin-top:4.47916666666667vw;}
.pro_info_4_mid span{ display:block; max-width:15em; text-align:center; line-height:3.888888888888889em;
background-color:#115095; color:#fff; font-size:1.125em;}
.pro_info_4_footer_1{ margin-top:3.33333333333333vw;
color:#356aa5; font-size:1.5625vw; font-weight:bold}
.pro_info_4_footer_2{ margin-top:.4vw;
color:#c8cfd6; font-size:.875em;}
.pro_info_5_mid{
line-height:2; color:#666; margin-top:2.34375vw;}
.pro_info_6_mid_left{
width:42%;}
#tt ul li{ overflow:hidden;   display:block; clear:both;
position:relative; padding-left:100px; padding-top:1em; padding-bottom:1em;  }
#tt ul li span{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
#tt ul li dl dd{ background-color:#f3f6f8;
float:left; text-align:center; width:20%; }
#tt ul li dl dd a{padding:5px 0px; position:relative;
display:block; text-decoration:none; color:#666;}
#tt ul li dl dd a:after{
content:''; position:absolute; left:0; bottom:0; height:100%; width:1px; background-color:#fff}
#tt ul li dl dd:hover{
background-color:#ccc;}
#tt ul li dl dd a.disable,#tt ul li dl dd a.disable2{cursor:not-allowed; color:#c6cdd9;}
#tt ul li dl dd:hover a.disable,#tt ul li dl dd:hover a.disable2{
background-color:#f3f6f8; color:#c6cdd9}
#tt ul li dl dd.on{  
background-color:#447ebd}
#tt ul li dl dd.on a{
color:#fff}
#tt ul li:after{
content:''; position:absolute; left:0; bottom:0; height:1px;  width:100%; border-bottom:1px #e4e2e3 dashed}
.pro_info_6_mid{ position:relative;
margin:2vw 0 4vw 0; min-height:200px;}
.pro_info_6_mid_right{  
position:absolute; right:0; top:0; height:100%; background-color:#f8fbfb; width:53%;}
.pro_info_6_mid_right_mid{
margin:0 5%; margin-top:1.5em;}
.pro_info_6_mid_right_mid_1{
font-size:1.125em; color:#595959;}
.pro_info_6_mid_right_mid_2{
color:#4e4e4e; font-size:.875em;}
.pro_info_6_mid_right_mid_3{
max-width:237px; color:#666; margin-top:.5em;}
.pro_info_6_mid_right_mid_3 ul li{
border-bottom:1px #dad9da dashed; padding:.5em 0;}
.xh_no{
font-size:1.5em; color:#447ebd}
.pro_re{ z-index:100;
position:absolute; right:0; top:1.25em;}
.pro_re a{ border-radius: 100%; position:relative;
display:inline-block; border:1px #ccd9db solid; width:3.64583333333333vw; height:3.64583333333333vw}
.pro_re a.ne:after{  font-size:1.875vw; font-family:"宋体";
content:'>';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%;}
.pro_re a.pr:after{  font-size:1.875vw; font-family:"宋体";
content:'<';transform:translate(-50%, -50%); position:absolute; left:50%; top:50%;}
.pro_re a:hover{
background-color:#115096; border-color:#115096}
.pro_re a:after{color:#262a31;}
.pro_re a:hover:after{
color:#fff}
/**************news********************/
.ny_banner{
position:relative; height:100vh; width:100%;}
.banner_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.zd_ny_banner_jj{
position:absolute; width:100%; top:50%; text-align:center; color:#fff; z-index:10;transform:translateY(-50%);}
.zd_ny_banner_jj_1{
font-weight:bold; font-size:3.125vw;}
.zd_ny_banner_jj_2{
font-family:Calibri; font-size:1.125em; margin-top:.5vw;}
.ny_menu{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.ny_menu ul li{
float:left; text-align:center;}
.ny_menu ul li a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
display:block; margin-left:1px; background-color:#434547; color:#fff;}
.ny_menu ul li a span{ background-position:left center; background-repeat:no-repeat; padding-bottom:2.29166666666667vw;
display:inline-block; position:relative; font-size:1.125em; padding-left:1.666666666666667em; padding-top:2.29166666666667vw;}
.ny_menu ul li a.on,.ny_menu ul li a:hover{
background-color:rgba(27,92,163,.81); 
}
.news_1_mid{ -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
background-color:#fff; margin-left:1.5625vw;}
.news_1_mid{
position:relative;}
.news_1_mid_right{
margin-left:50%;}
.news_1_mid_left{ overflow:hidden;
position:absolute; left:-1.5625vw; top:-1.5625vw; width:52.33766233766234%; height:100%; overflow:hidden}
.news_1_mid_left img{
width:100%;}
.news_1_mid_right_mid{
padding:3.4375vw;}
.news_1_mid_right_mid_1 span{ padding-left:20px;
font-family:Calibri; display:inline-block; color:#424242; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img5.png);}
.news_1_mid_right_mid_2{
font-size:1.5625vw; margin-top:1.5vw;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_1_mid_right_mid_3{
display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; color:#333; margin-top:1.5625vw; padding-top:1.5625vw; margin-bottom:1.5625vw; border-top:1px #cbd3d8 dashed; line-height:2}
.news_1{
margin:7.55208333333333vw 0;}
.news_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_2_1_2_3 span{ padding-left:16px;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:.875em; color:#000; background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img12.png);}
.news_2_1 ul li:hover .news_2_1_2_3 span{
padding-left:20px;}
.news_2_1 ul li{ margin-right:4.81927710843373%; margin-top:5.20833333333333vw; overflow:hidden;
float:left; width:30.12048192771084%; background-color:#fff; position:relative; min-height:471.05px;}
.news_2_2{
margin:5.20833333333333vw 0;}
.news_2_1 ul li:after{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:0; bottom:0; width:100%; height:0.375em; background-color:#e4edf0;}
.news_2_1 ul li:hover:after{transform:translateX(100%);}

.news_2_1 ul li:before{transition:.5s cubic-bezier(.14,1,.34,1) .25s;transform:translateX(-100%);
content:''; position:absolute; left:0; bottom:0; width:100%; height:0.375em; background-color:#005eb2;}
.news_2_1 ul li:hover:before{transform:translateX(0%);}

.news_2_1 ul li:nth-child(3n){
margin-right:0}
.news_2{
background-color:#f4f6fa; overflow:hidden}
.news_2_1_1{
overflow:hidden;}
.news_2_1_1 img{
width:100%;}
.news_2_1_2{ overflow:hidden;
padding:1.45833333333333vw; padding-bottom:2vw}
.news_2_1_2_1{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.5em; color:#333; line-height:1.5;}
.news_2_1_2_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.6; margin:1vw 0 1.3vw 0;}

.pro_4_2 ul li a{
background-color:#fff;}
.news_info_1{
margin-top:8.4375em;}
.news_info_con{ padding-top:5.72916666666667vw;
background-color:#f6f8fa; overflow:hidden;}
.news_info_con_mid{
margin:0 16%;}
.news_info_con_mid_1{ margin-bottom:1.2vw;
text-align:center; font-size:1.875em;}
.news_info_con_mid_2{ font-size:1.125em;
text-align:center; color:#115096; font-family:Calibri;}
.news_info_con_mid_3{ border-top:1px #bdbaad dashed;
color:#666; line-height:2; margin-top:2.29166666666667vw; padding-top:2.29166666666667vw; padding-bottom:2.29166666666667vw}
.news_info_con_mid_4 ul li{
float:left; width:50%;}
.news_info_con_mid_4{
border:1px #c9d7d9 solid;  margin-bottom:5.72916666666667vw;}
.news_info_con_mid_4 a{transition:.5s cubic-bezier(.14,1,.34,1) 0s;
display:block; padding:.8em 1em; color:#666;}
.news_info_con_mid_4 ul li:nth-child(2)  a{
text-align:right}
.news_info_con_mid_4 ul li span{
margin-right:1em;}
.news_info_con_mid_4 a:hover{
color:#fff; background-color:#115096;}
.jobs_1_mid_left{
float:left; width:46.64406779661017%;}
.jobs_1_mid_right{
float:right; width:42.98305084745763%;}
.jobs_1_mid_left_1{
color:#333; line-height:2; margin-top:2.5vw;}
.jobs_1{
margin:6.61458333333333vw 0;}
.jobs_2{ overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img2.jpg);}
.jobinfo{background-color:rgba(0,0,0,.30); 
padding:1.77083333333333vw; color:#fff;transition:.5s cubic-bezier(.14,1,.34,1) 0s;}
.jobinfo_1{
font-size:1.875vw; margin-bottom:.4vw;}
.jobinfo_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
line-height:1.5;  position:relative;}
.jobinfo_2{margin:0 0 1.5vw 0; padding-bottom:1.5vw; position:relative;}
.jobinfo_2:after{
content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#005eb2; width:2.23958333333333vw;}
.jobinfo_2 span{
display:inline-block; margin-right:1em;}
.jobinfo_4 span{
display:block; position:relative; width:4em; height:2.125em;}
.jobinfo_4 span i:nth-child(1){ top:50%;transform:translateY(-50%); z-index:10;
position:absolute; left:0; height:1px; background-color:#d9e4ea; width:2.9375em}
.jobinfo_4 span i:nth-child(2){transition:.5s cubic-bezier(.14,1,.34,1) 0s;
position:absolute; right:0; top:0; width:2.125em; height:2.125em; background-color:rgba(58,153,216,.72); border-radius:100%;}
.jobinfo_4 span i:nth-child(2):after{border-radius:100%;transform:translateY(-50%);transition:.5s cubic-bezier(.14,1,.34,1) 0s;
content:''; position:absolute; left:15%; top:50%; width:7px; height:7px; background-color:#d9e4ea;}
.jobinfo_4{
margin-top:1.5vw;}
#jobslist{
margin-top:4.89583333333333vw;}
.jobs_2 .promid{
margin:0 4%;}
.jobinfo:hover{
background-color:rgba(58,153,216,.75); }
.jobinfo:hover .jobinfo_4 span i:nth-child(2){background-color:rgba(255,255,255,.17);}
.jobs_2 .zd_about_2_mid_right_right_act_left2 span{
color:#fff}
.jobs_2 .zd_about_2_mid_right_right_act_left2::after,.jobs_2 .zd_about_2_mid_right_right_act_right2::after {
background-color:#fff}
.jobs_2 .zd_about_2_mid_right_right_act_right2 span{
color:#fff}
.jobs_2 .zd_zs_act_c{
border-color:#fff;}
.jobmask{pointer-events:none;opacity:0;transition:.4s cubic-bezier(.14,1,.34,1) 0s;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background-color:rgba(0,0,0,.43);}
.jobmask .about_1_mid{background-color:rgba(58,153,216,.83); color:#fff; height:64vh; position:relative; top:24vh; overflow:hidden;transition:1s cubic-bezier(.14,1,.34,1) 0s; }
.jobmask.on{pointer-events:auto;opacity:1;}
.jobmask.on .about_1_mid{
top:18vh;}
.jobmask_mid{ 
position:relative; margin:0vw 4vw; height:80%; top:10%; overflow:hidden; overflow-y:auto;  }
.jobmask_mid_1{
font-size:1.875vw;}
.jobinfo_3_1{
font-size:1.125em;}
.jobinfo_3_2{
line-height:2; margin-top:.875em;}
.jobmask .jobinfo_2:after {
background-color:#fff}
.jobmask .jobinfo_3{
overflow:visible; display:block}
.jobmask_mid_close{ z-index:10;
position:absolute; right:1.40625vw; top:1.40625vw;;}
.jobmask_mid_close a{
display:block; width:2.08333333333333vw; height:2.08333333333333vw; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img3.png);}
.jobmask_mid_close a{
-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.jobmask_mid_close a:hover{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ovh{
overflow:hidden}
/********contact****************/
.contact_1{
position:relative; overflow:hidden}
.contact_1_mid_right{
position:absolute; right:0; top:0; height:100%; width:54.27083333333333%;}
.contact_1_mid_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img1.jpg);}
.contact_1_mid_left{ margin:10.15625vw 0;
width:38.33967046894804%;}
.contact_1_mid_left_1{
color:#262a31; font-size:1.25em; margin-top:1.5vw;}
.contact_1_mid_left_2{
line-height:1.5; margin-top:.5vw;}
.contact_1_mid_left_3 p{
margin-top:1em;}
.contact_2{
position:relative; width:100%; }
.contact_2 .BMap_pop img{
max-width:none}
.dsk{background-color:#005eb2;border-radius:50%;  
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite; 
position:absolute; left:0; top:0; width:60px; height:60px; z-index:1;}
  
  
  @keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
  
    @keyframes ripple2{0%{opacity:1;transform:scale(1.1,1.1)}5%{opacity:1}100%{opacity:0;transform:scale(1.8)}}
 
.dsk:before{
content:'';
display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 background-color:#005eb2;
 opacity:0; width:60px; height:60px;
 -webkit-animation:ripple2 4s ease-out 925ms infinite;
 -moz-animation:ripple2 4s ease-out 925ms infinite;
 -o-animation:ripple2 4s ease-out 925ms infinite;
 animation:ripple2 4s ease-out 925ms infinite
}
.mp1{
font-size:18px;}
.mp2{
font-size:14px;}
.indexnews_hide{
display:none}
.ser_map_mid_right{ margin-top:7.8125vw;
float:right; width:34.2422320862397%;}
.ser_map_mid_right_1{
line-height:1.8; margin-top:1.5vw; margin-bottom:2.3vw;}
.ser_map_mid_right_2 a{ height:3.64583333333333vw; line-height:3.64583333333333vw;
display:block; border:1px #8c8c8c solid; width:16.14583333333333vw; text-align:center;}
.ser_map_mid_right_2 a span{
display:block; margin:0 18.70967741935484%; position:relative; height:100%;}
.ser_map_mid_right_2 a span:after{
content:''; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#a3a3a3;transform:translateY(-50%);}
.ser_map_mid_right_2 a span i{
position:absolute; left:23.67149758454106%; top:50%; z-index:10;transform:translateY(-50%); width:15px; height:15px; border:2px #454545 solid;border-radius: 100%; background-color:#fff;}
.sermar_1{
margin:6.61458333333333vw 0;}
.sermar_2_mid{
text-align:center; margin-bottom:8.07291666666667vw;}
.sermar_2_mid ul li{
display:inline-block; margin:0 1.375em;}
.sermar_2_mid ul li a{
font-size:1.375em; color:#000; position:relative; display:inline-block; padding-left:1.566666666666667em;}
.sermar_2_mid ul li a:after{
content:''; position:absolute; left:0; top:50%;transform:translateY(-50%); background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img22.png); width:1.1em; height:1.1em;}
.sermar_2_mid ul li a.on:after{
background-image:url(../images/about/img21.png);}
/*****service map**********/
.ser_map_mid_left{
float:left; width:59.79708306911858%;}
.ser_map_mid_left_mid{
width:100%; position:relative;}
.ser_map_mid_left_mid img{
width:100%;}
.ser_map_mid_left_mid a {
 color:#fff;
 display:block;
 position:absolute;
 left:0;
 top:0;
 background-position:left top;
 background-repeat:no-repeat
}
.ser_map_mid_left_mid a div.mpk{ min-height:110px; display:none; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
position:absolute; width:240px; background-color:#fff;   z-index:10;  border-radius: 10px;}
.ser_map_mid_left_mid a div.mpk:after{ left:-17px; position:absolute; top:40px;
content:''; width:17px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img20.png);}
.ser_map_mid_left_mid a div.mpk i{
cursor:pointer; position:absolute; top:15px; right:15px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img19.png); width:17px; height:16px;}
.ser_map_mid_left_mid a div.mpk p{
padding:0 25px;}
.ser_map_mid_left_mid a div.mpk p:nth-child(2){
color:#225f9d; font-size:20px; padding-top:20px;
}
.ser_map_mid_left_mid a div.mpk p:nth-child(3){
color:#000; line-height:1.6; padding-bottom:10px; padding-top:10px;
}
.ser_map_mid_left_mid a span {
 position:absolute;
 left:0;
 top:0;
 width:40px;
 color:#606060
}
.ser_map_mid_left_mid a span i{
opacity:0;
 }
.ser_map_mid_left_mid a.sel span:after{ background-color:#fff;border-radius:50%;
content:''; position:absolute; width:14px; height:14px; left:50%; top:50%;transform:translate(-50%, -50%); }

.ser_map_mid_left_mid a.mid span:after{transform: scale(.7, .7);}
.ser_map_mid_left_mid a.sma span:after{transform: scale(.4, .4);}

.ser_map_mid_left_mid a:hover span,
.ser_map_mid_left_mid a.current span {
 color:#fff
}
.sel span:before{ left:calc(50% - 6.40625vw);top:calc(50% - 6.40625vw); width:12.8125vw; height:12.8125vw; background-image:url(../images/about/c.png); background-position:center; background-repeat:no-repeat; background-size:cover;  border-radius:50%;
content:''; position:absolute; animation: fades 3s 0.4s linear infinite;pointer-events:none }
.sel.sma span:before{transform: scale(.4, .4); animation: fades_sma 3s 0.4s linear infinite;left:calc(50% - 6vw);top:calc(50% - 6vw); }
.sel.mid span:before{transform: scale(.7, .7); animation: fades_mid 3s 0.4s linear infinite;left:calc(50% - 6.10625vw);top:calc(50% - 6.10625vw);}

.sel:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades 3s 0.9s linear infinite;
}

.sel.sma:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades_sma 3s 0.9s linear infinite;
}
.sel.mid:nth-child(2n+2) span:before {
  transition-delay: 0.5s;
  animation: fades_mid 3s 0.9s linear infinite;
}

.sel:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades 4s 1.4s linear infinite;
}
.sel.sma:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades_sma 4s 1.4s linear infinite;
}
.sel.mid:nth-child(3n+3) span:before {
  transition-delay: 0.7s;
  animation: fades_mid 4s 1.4s linear infinite;
}
 

@keyframes fades {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
 

@keyframes fades_sma {
  0% {
    opacity: 1;
    transform: scale(.4);
  }
  50% {
    opacity: 0.4;
    transform: scale(.6);
  }
  100% {
    opacity: 1;
    transform: scale(.4);
  }
}

@keyframes fades_mid {
  0% {
    opacity: 1;
    transform: scale(.7);
  }
  50% {
    opacity: 0.4;
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    transform: scale(.7);
  }
}
 



.ser_map_mid_left_mid a.s1 {
 width:39.70588235294118%;
 height:36.51452282157676%;
 top:8.71369294605809%
}
.ser_map_mid_left_mid a.s1 span {
  left:41.1522633744856%;
 top:56.81818181818182%
}
.ser_map_mid_left_mid a.s1.sma span {
  left:16.46090534979424%;
 top:22.72727272727273%
}
.ser_map_mid_left_mid a.s1.mid span {
  left:28.80658436213992%;
 top:39.77272727272727%
}

.ser_map_mid_left_mid a.s1 div.mpk {
  
  left:calc(41.1522633744856% + 50px);
  top:calc(56.81818181818182% - 40px); 
}
.ser_map_mid_left_mid a.s1.mid div.mpk {
  
  left:calc(41.1522633744856% + 50px);
  top:calc(56.81818181818182% - 45px); 
}

.ser_map_mid_left_mid a.s1:hover,
.ser_map_mid_left_mid a.s1.current {
 background-image:url(../images/address/s1.png)
}
.ser_map_mid_left_mid a.s2 {
 width:45.26143790849673%;
 height:43.15352697095436%;
 top:1.86721991701245%;
 left:40.35947712418301%
}
.ser_map_mid_left_mid a.s2 span {
 left:43.32129963898917%;
 top:72.11538461538462%
}

.ser_map_mid_left_mid a.s2 div.mpk {
  
  left:calc(43.32129963898917% + 50px);
  top:calc(72.11538461538462% - 40px);
  
  
}
.ser_map_mid_left_mid a.s2.mid div.mpk {
  
  left:calc(43.32129963898917% + 50px);
  top:calc(72.11538461538462% - 45px);
  
  
}

.ser_map_mid_left_mid a.s2.sma span {
 left:17.32851985559567%;
 top:28.84615384615385%
}
.ser_map_mid_left_mid a.s2.mid span {
 left:30.32490974729242%;
 top:50.48076923076923%
}
.ser_map_mid_left_mid a.s2:hover,
.ser_map_mid_left_mid a.s2.current {
 background-image:url(../images/address/s2.png)
}
.ser_map_mid_left_mid a.s3 {
 width:22.87581699346405%;
 height:24.89626556016598%;
 top:0;
 left:77.12418300653595%
}
.ser_map_mid_left_mid a.s3 span {
 left:42.85714285714286%;
 top:50%
}
.ser_map_mid_left_mid a.s3 div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(50% - 40px);
  
  
}
.ser_map_mid_left_mid a.s3.mid div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(50% - 45px);
  
  
}
.ser_map_mid_left_mid a.s3.sma span {
 left:17.14285714285714%;
 top:20%
}
.ser_map_mid_left_mid a.s3.mid span {
 left:30%;
 top:35%
}
.ser_map_mid_left_mid a.s3:hover,
.ser_map_mid_left_mid a.s3.current {
 background-image:url(../images/address/s3.png)
}
.ser_map_mid_left_mid a.s4 {
 width:16.01307189542484%;
 height:13.48547717842324%;
 top:19.29460580912863%;
 left:81.20915032679739%
}
.ser_map_mid_left_mid a.s4 span {
 left:30.61224489795918%;
 top:23.07692307692308%
}

.ser_map_mid_left_mid a.s4 div.mpk {
  
  left:calc(30.61224489795918% + 50px);
  top:calc(23.07692307692308% - 40px);
  
  
}
.ser_map_mid_left_mid a.s4.mid div.mpk {
  
  left:calc(30.61224489795918% + 50px);
  top:calc(23.07692307692308% - 45px);
  
  
}

.ser_map_mid_left_mid a.s4.sma span {
 left:12.24489795918367%;
 top:9.230769230769232%
}
.ser_map_mid_left_mid a.s4.mid span {
 left:21.42857142857143%;
 top:16.15384615384616%
}
.ser_map_mid_left_mid a.s4:hover,
.ser_map_mid_left_mid a.s4.current {
 background-image:url(../images/address/s4.png)
}
.ser_map_mid_left_mid a.s5 {
 width:11.43790849673203%;
 height:14.52282157676349%;
 top:26.76348547717842%;
 left:78.43137254901961%
}
.ser_map_mid_left_mid a.s5 span {
left:42.85714285714286%;
 top:28.57142857142857%
}

.ser_map_mid_left_mid a.s5 div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(28.57142857142857% - 40px);
}
.ser_map_mid_left_mid a.s5.mid div.mpk {
  
  left:calc(42.85714285714286% + 50px);
  top:calc(28.57142857142857% - 45px);
}

.ser_map_mid_left_mid a.s5.sma span {
left:17.14285714285714%;
 top:11.42857142857143%
}
.ser_map_mid_left_mid a.s5.mid span {
left:30%;
 top:20%
}
.ser_map_mid_left_mid a.s5:hover,
.ser_map_mid_left_mid a.s5.current {
 background-image:url(../images/address/s5.png)
}
.ser_map_mid_left_mid a.s6 {
 width:11.43790849673203%;
 height:18.67219917012448%;
 top:30.29045643153527%;
 left:68.95424836601307%
}
.ser_map_mid_left_mid a.s6 span {
left:14.28571428571429%;
 top:55.55555555555556%
}
.ser_map_mid_left_mid a.s6 div.mpk {
  
  left:calc(14.28571428571429% + 50px);
  top:calc(55.55555555555556% - 40px);
}
.ser_map_mid_left_mid a.s6.mid div.mpk {
  
  left:calc(14.28571428571429% + 40px);
  top:calc(55.55555555555556% - 55px);
}
.ser_map_mid_left_mid a.s6.sma span {
left:5.714285714285716%;
 top:22.22222222222222%
}
.ser_map_mid_left_mid a.s6.mid span {
left:-4%;
 top:38.88888888888889%
}
.ser_map_mid_left_mid a.s6:hover,
.ser_map_mid_left_mid a.s6.current {
 background-image:url(../images/address/s6.png)
}
.ser_map_mid_left_mid a.s7 {
 width:3.26797385620915%;
 height:4.5643153526971%;
 top:35.06224066390041%;
 left:72.05882352941176%
}
.ser_map_mid_left_mid a.s7:hover,
.ser_map_mid_left_mid a.s7.current {
 background-image:url(../images/address/s7.png)
}
.ser_map_mid_left_mid a.s8 {
 width:3.26797385620915%;
 height:4.149377593361%;
 top:37.34439834024896%;
 left:74.67320261437908%
}
.ser_map_mid_left_mid a.s8 span {
left:50%;
 top:50%
}
.ser_map_mid_left_mid a.s8 div.mpk {
  
  left:calc(50% + 50px);
  top:calc(50% - 40px);
}
.ser_map_mid_left_mid a.s8.mid div.mpk {
  
  left:calc(50% + 50px);
  top:calc(50% - 45px);
}
.ser_map_mid_left_mid a.s8.sma span {
left:20%;
 top:20%
}
.ser_map_mid_left_mid a.s8.mid span {
left:35%;
 top:35%
}
.ser_map_mid_left_mid a.s8:hover,
.ser_map_mid_left_mid a.s8.current {
 background-image:url(../images/address/s8.png)
}
.ser_map_mid_left_mid a.s9 {
 width:7.84313725490196%;
 height:17.42738589211618%;
 top:36.30705394190871%;
 left:62.74509803921569%
}
.ser_map_mid_left_mid a.s9 span {
left:20.83333333333333%;
 top:35.71428571428571%
}
.ser_map_mid_left_mid a.s9 div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(35.71428571428571% - 40px);
}
.ser_map_mid_left_mid a.s9.mid div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(35.71428571428571% - 45px);
}
.ser_map_mid_left_mid a.s9.sma span {
left:8.333333333333332%;
 top:14.28571428571428%
}
.ser_map_mid_left_mid a.s9.mid span {
left:14.58333333333333%;
 top:25%
}
.ser_map_mid_left_mid a.s9:hover,
.ser_map_mid_left_mid a.s9.current {
 background-image:url(../images/address/s9.png)
}
.ser_map_mid_left_mid a.s10 {
 width:10.45751633986928%;
 height:21.99170124481328%;
 top:39.83402489626556%;
 left:54.41176470588235%
}
.ser_map_mid_left_mid a.s10 span {
 left:46.875%;
 top:47.16981132075472%
}
.ser_map_mid_left_mid a.s10 div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 40px);
}
.ser_map_mid_left_mid a.s10.mid div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 45px);
}
.ser_map_mid_left_mid a.s10 div.mpk {
  
  left:calc(46.875% + 50px);
  top:calc(47.16981132075472% - 40px);
}
.ser_map_mid_left_mid a.s10.sma span {
 left:18.75%;
 top:18.86792452830189%
}
.ser_map_mid_left_mid a.s10.mid span {
 left:32.8125%;
 top:33.0188679245283%
}
.ser_map_mid_left_mid a.s10:hover,
.ser_map_mid_left_mid a.s10.current {
 background-image:url(../images/address/s10.png)
}
.ser_map_mid_left_mid a.s11 {
 width:27.12418300653595%;
 height:29.87551867219917%;
 top:29.04564315352697%;
 left:33.16993464052288%
}
.ser_map_mid_left_mid a.s11 span {
 left:36.14457831325301%;
 top:27.77777777777778%
}

.ser_map_mid_left_mid a.s11 div.mpk {
  
  left:calc(36.14457831325301% + 50px);
  top:calc(27.77777777777778% - 40px);
}
.ser_map_mid_left_mid a.s11.mid div.mpk {
  
  left:calc(36.14457831325301% + 50px);
  top:calc(27.77777777777778% - 45px);
}

.ser_map_mid_left_mid a.s11.sma span {
 left:14.4578313253012%;
 top:11.11111111111111%
}
.ser_map_mid_left_mid a.s11.mid span {
 left:25.30120481927711%;
 top:19.44444444444445%
}
.ser_map_mid_left_mid a.s11:hover,
.ser_map_mid_left_mid a.s11.current {
 background-image:url(../images/address/s12.png)
}
.ser_map_mid_left_mid a.s12 {
 width:5.22875816993464%;
 height:11.41078838174274%;
 top:40.45643153526971%;
 left:52.45098039215686%
}
.ser_map_mid_left_mid a.s12 span {
 top:18.18181818181818%
}
.ser_map_mid_left_mid a.s12 div.mpk {
  
  left:calc(18.18181818181818% + 50px);
   
}
.ser_map_mid_left_mid a.s12.sma span {
 top:7.272727272727272%
}
.ser_map_mid_left_mid a.s12.mid span {
 top:12.72727272727273%
}
.ser_map_mid_left_mid a.s12:hover,
.ser_map_mid_left_mid a.s12.current {
 background-image:url(../images/address/s11.png)
}
.ser_map_mid_left_mid a.s13 {
 width:38.23529411764706%;
 height:31.32780082987552%;
 top:41.49377593360996%;
 left:2.94117647058824%
}
.ser_map_mid_left_mid a.s13 span {
left:34.18803418803419%;
 top:39.73509933774834%
}
.ser_map_mid_left_mid a.s13 div.mpk {
  
  left:calc(34.18803418803419% + 50px);
  top:calc(39.73509933774834% - 40px);
}
.ser_map_mid_left_mid a.s13.mid div.mpk {
  
  left:calc(34.18803418803419% + 50px);
  top:calc(39.73509933774834% - 45px);
}
.ser_map_mid_left_mid a.s13.sma span {
left:13.67521367521368%;
 top:15.89403973509934%
}
.ser_map_mid_left_mid a.s13.mid span {
left:23.93162393162393%;
 top:27.81456953642384%
}
.ser_map_mid_left_mid a.s13:hover,
.ser_map_mid_left_mid a.s13.current {
 background-image:url(../images/address/s14.png)
}
.ser_map_mid_left_mid a.s14 {
 width:25.81699346405229%;
 height:22.82157676348548%;
 top:37.34439834024896%;
 left:23.8562091503268%
}
.ser_map_mid_left_mid a.s14 span {
 left:37.9746835443038%;
 top:36.36363636363636%
}
.ser_map_mid_left_mid a.s14 div.mpk {
  
  left:calc(37.9746835443038% + 50px);
  top:calc(36.36363636363636% - 45px);
}
.ser_map_mid_left_mid a.s14.mid div.mpk {
  
  left:calc(37.9746835443038% + 50px);
  top:calc(36.36363636363636% - 45px);
}
.ser_map_mid_left_mid a.s14.sma span {
 left:15.18987341772152%;
 top:14.54545454545454%
}
.ser_map_mid_left_mid a.s14.mid span {
 left:26.58227848101266%;
 top:25.45454545454545%
}
.ser_map_mid_left_mid a.s14:hover,
.ser_map_mid_left_mid a.s14.current {
 background-image:url(../images/address/s13.png)
}
.ser_map_mid_left_mid a.s15 {
 width:23.20261437908497%;
 height:24.06639004149378%;
 top:53.94190871369295%;
 left:37.90849673202614%
}
.ser_map_mid_left_mid a.s15 span {
  left:42.25352112676056%;
 top:34.48275862068966%
}
.ser_map_mid_left_mid a.s15 div.mpk {
  
  left:calc(42.25352112676056% + 50px);
  top:calc(34.48275862068966% - 40px);
}
.ser_map_mid_left_mid a.s15.mid div.mpk {
  
  left:calc(42.25352112676056% + 50px);
  top:calc(34.48275862068966% - 45px);
}
.ser_map_mid_left_mid a.s15.sma span {
  left:16.90140845070422%;
 top:13.79310344827586%
}
.ser_map_mid_left_mid a.s15.mid span {
  left:29.57746478873239%;
 top:24.13793103448276%
}
.ser_map_mid_left_mid a.s15:hover,
.ser_map_mid_left_mid a.s15.current {
 background-image:url(../images/address/s15.png)
}
.ser_map_mid_left_mid a.s16 {
 width:12.74509803921569%;
 height:9.95850622406639%;
 top:43.77593360995851%;
 left:71.89542483660131%
}
.ser_map_mid_left_mid a.s16 span {
 left:12.82051282051282%;
 top:20.83333333333333%
}
.ser_map_mid_left_mid a.s16 div.mpk {
  
  left:calc(12.82051282051282% + 50px);
  top:calc(20.83333333333333% - 40px);
}
.ser_map_mid_left_mid a.s16.mid div.mpk {
  
  left:calc(12.82051282051282% + 50px);
  top:calc(20.83333333333333% - 45px);
}
.ser_map_mid_left_mid a.s16.sma span {
 left:5.128205128205128%;
 top:8.333333333333332%
}
.ser_map_mid_left_mid a.s16.mid span {
 left:8.974358974358974%;
 top:14.58333333333333%
}
.ser_map_mid_left_mid a.s16:hover,
.ser_map_mid_left_mid a.s16.current {
 background-image:url(../images/address/s16.png)
}
.ser_map_mid_left_mid a.s17 {
 width:11.76470588235294%;
 height:13.69294605809129%;
 top:48.7551867219917%;
 left:63.39869281045752%
}
.ser_map_mid_left_mid a.s17 span {
  left:20.83333333333333%;
 top:30.3030303030303%
}
.ser_map_mid_left_mid a.s17 div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(30.3030303030303% - 40px);
}
.ser_map_mid_left_mid a.s17.mid div.mpk {
  
  left:calc(20.83333333333333% + 50px);
  top:calc(30.3030303030303% - 45px);
}
.ser_map_mid_left_mid a.s17.sma span {
  left:8.333333333333332%;
 top:12.12121212121212%
}
.ser_map_mid_left_mid a.s17.mid span {
  left:14.58333333333333%;
 top:21.21212121212121%
}
.ser_map_mid_left_mid a.s17:hover,
.ser_map_mid_left_mid a.s17.current {
 background-image:url(../images/address/s17.png)
}
.ser_map_mid_left_mid a.s18 {
 width:10.13071895424837%;
 height:12.44813278008299%;
 top:51.86721991701245%;
 left:74.50980392156863%
}
.ser_map_mid_left_mid a.s18 span {
 left:48.38709677419355%;
 top:33.33333333333333%
}
.ser_map_mid_left_mid a.s18 div.mpk {
  
  left:calc(48.38709677419355% + 50px);
  top:calc(33.33333333333333% - 40px);
}
.ser_map_mid_left_mid a.s18.mid div.mpk {
  
  left:calc(48.38709677419355% + 50px);
  top:calc(33.33333333333333% - 45px);
}
.ser_map_mid_left_mid a.s18.sma span {
 left:19.35483870967742%;
 top:13.33333333333333%
}
.ser_map_mid_left_mid a.s18.mid span {
 left:33.87096774193549%;
 top:23.33333333333333%
}
.ser_map_mid_left_mid a.s18:hover,
.ser_map_mid_left_mid a.s18.current {
 background-image:url(../images/address/s18.png)
}
.ser_map_mid_left_mid a.s19 {
 width:1.96078431372549%;
 height:3.11203319502075%;
 top:61.41078838174274%;
 left:82.6797385620915%
}
.ser_map_mid_left_mid a.s19 span {
 left:83.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19 div.mpk {
  
  left:calc(83.33333333333333% + 50px);
  top:0;
}
.ser_map_mid_left_mid a.s19.mid div.mpk {
  
  left:calc(83.33333333333333% + 50px);
  top:-45px;
}
.ser_map_mid_left_mid a.s19.sma span {
 left:33.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19.mid span {
 left:58.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s19:hover,
.ser_map_mid_left_mid a.s19.current {
 background-image:url(../images/address/s19.png)
}
.ser_map_mid_left_mid a.s20 {
 width:9.80392156862745%;
 height:14.52282157676349%;
 top:52.69709543568465%;
 left:72.38562091503268%
}
.ser_map_mid_left_mid a.s20 span {
  left:21.66666666666667%;
 top:35.71428571428571%
}
.ser_map_mid_left_mid a.s20 div.mpk {
  
   left:calc(21.66666666666667% + 50px);
  top:calc(35.71428571428571% - 40px);
  
}
.ser_map_mid_left_mid a.s20.mid div.mpk {
  
   left:calc(21.66666666666667% + 50px);
  top:calc(35.71428571428571% - 45px);
  
}
.ser_map_mid_left_mid a.s20.sma span {
  left:8.666666666666668%;
 top:14.28571428571428%
}
.ser_map_mid_left_mid a.s20.mid span {
  left:15.16666666666667%;
 top:25%
}
.ser_map_mid_left_mid a.s20:hover,
.ser_map_mid_left_mid a.s20.current {
 background-image:url(../images/address/s20.png)
}
.ser_map_mid_left_mid a.s21 {
 width:15.35947712418301%;
 height:12.03319502074689%;
 top:57.26141078838174%;
 left:59.64052287581699%
}
.ser_map_mid_left_mid a.s21 span {
left:31.91489361702128%;
 top:25.86206896551724%
}
.ser_map_mid_left_mid a.s21 div.mpk {
  
   left:calc(31.91489361702128% + 50px);
  top:calc(25.86206896551724% - 40px);
  
}
.ser_map_mid_left_mid a.s21.mid div.mpk {
  
   left:calc(31.91489361702128% + 50px);
  top:calc(25.86206896551724% - 45px);
  
}
.ser_map_mid_left_mid a.s21.mid span {
left:22.3404255319149%;
 top:18.10344827586207%
}
.ser_map_mid_left_mid a.s21.sma span {
left:12.76595744680851%;
 top:10.3448275862069%
}


.ser_map_mid_left_mid a.s21:hover,
.ser_map_mid_left_mid a.s21.current {
 background-image:url(../images/address/s21.png)
}
.ser_map_mid_left_mid a.s22 {
 width:8.49673202614379%;
 height:11.20331950207469%;
 top:60.78838174273859%;
 left:54.57516339869281%
}
.ser_map_mid_left_mid a.s22 span {
left:19.23076923076923%;
 top:37.03703703703704%
}
.ser_map_mid_left_mid a.s22 div.mpk {
  
   left:calc(19.23076923076923% + 50px);
  top:calc(37.03703703703704% - 40px);
  
}
.ser_map_mid_left_mid a.s22.mid div.mpk {
  
   left:calc(19.23076923076923% + 50px);
  top:calc(37.03703703703704% - 45px);
  
}
.ser_map_mid_left_mid a.s22.sma span {
left:7.692307692307692%;
 top:14.81481481481482%
}
.ser_map_mid_left_mid a.s22.mid span {
left:13.46153846153846%;
 top:25.92592592592593%
}

.ser_map_mid_left_mid a.s22:hover,
.ser_map_mid_left_mid a.s22.current {
 background-image:url(../images/address/s22.png)
}
.ser_map_mid_left_mid a.s23 {
 width:6.20915032679739%;
 height:9.33609958506224%;
 top:63.69294605809129%;
 left:79.08496732026144%
}
.ser_map_mid_left_mid a.s23 span {
left:13.15789473684211%;
 top:33.33333333333333%
}
.ser_map_mid_left_mid a.s23 div.mpk {
  
   left:calc(13.15789473684211% + 50px);
  top:calc(33.33333333333333% - 40px);
  
}
.ser_map_mid_left_mid a.s23.mid div.mpk {
  
   left:calc(13.15789473684211% + 50px);
  top:calc(33.33333333333333% - 45px);
  
}
.ser_map_mid_left_mid a.s23.sma span {
left:-10%;
 top:13.33333333333333%
}
.ser_map_mid_left_mid a.s23.mid span {
left:9.210526315789477%;
 top:23.33333333333333%
}
.ser_map_mid_left_mid a.s23:hover,
.ser_map_mid_left_mid a.s23.current {
 background-image:url(../images/address/s23.png)
}
.ser_map_mid_left_mid a.s24 {
 width:8.16993464052288%;
 height:13.07053941908714%;
 top:70.53941908713693%;
 left:75%
}
.ser_map_mid_left_mid a.s24 span {
 left:20%;
 top:31.74603174603175%
}
.ser_map_mid_left_mid a.s24 div.mpk {
  
   left:calc(20% + 50px);
  top:calc(31.74603174603175% - 40px);
  
}
.ser_map_mid_left_mid a.s24.mid div.mpk {
  
   left:calc(20% + 50px);
  top:calc(31.74603174603175% - 45px);
  
}
.ser_map_mid_left_mid a.s24.sma span {
 left:8%;
 top:12.6984126984127%
}
.ser_map_mid_left_mid a.s24.mid span {
 left:14%;
 top:22.22222222222223%
}
.ser_map_mid_left_mid a.s24:hover,
.ser_map_mid_left_mid a.s24.current {
 background-image:url(../images/address/s24.png)
}
.ser_map_mid_left_mid a.s25 {
 width:9.80392156862745%;
 height:16.59751037344398%;
 top:65.97510373443983%;
 left:70.09803921568627%
}
.ser_map_mid_left_mid a.s25 span {
 left:16.66666666666667%;
 top:25%
}
.ser_map_mid_left_mid a.s25 div.mpk {
  
   left:calc(16.66666666666667% + 50px);
  top:calc(25% - 40px);
  
}

.ser_map_mid_left_mid a.s25.mid div.mpk {
  
   left:calc(16.66666666666667% + 50px);
  top:calc(25% - 45px);
  
}
.ser_map_mid_left_mid a.s25.sma span {
 left:6.666666666666668%;
 top:10%
}
.ser_map_mid_left_mid a.s25.mid span {
 left:11.66666666666667%;
 top:17.5%
}
.ser_map_mid_left_mid a.s25:hover,
.ser_map_mid_left_mid a.s25.current {
 background-image:url(../images/address/s25.png)
}
.ser_map_mid_left_mid a.s26 {
 width:10.29411764705882%;
 height:16.18257261410788%;
 top:65.97510373443983%;
 left:60.7843137254902%
}
.ser_map_mid_left_mid a.s26 span {
 left:23.80952380952381%;
 top:25.64102564102564%
}
.ser_map_mid_left_mid a.s26 div.mpk {
  
   left:calc(23.80952380952381% + 50px);
  top:calc(25.64102564102564% - 40px);
  
}
.ser_map_mid_left_mid a.s26.mid div.mpk {
  
   left:calc(23.80952380952381% + 50px);
  top:calc(25.64102564102564% - 45px);
  
}
.ser_map_mid_left_mid a.s26.sma span {
 left:9.523809523809524%;
 top:10.25641025641026%
}
.ser_map_mid_left_mid a.s26.mid span {
 left:16.66666666666667%;
 top:17.94871794871795%
}
.ser_map_mid_left_mid a.s26:hover,
.ser_map_mid_left_mid a.s26.current {
 background-image:url(../images/address/s26.png)
}
.ser_map_mid_left_mid a.s27 {
 width:12.74509803921569%;
 height:12.86307053941909%;
 top:68.87966804979253%;
 left:49.50980392156863%
}
.ser_map_mid_left_mid a.s27 span {
 left:38.46153846153846%;
 top:32.25806451612903%
}
.ser_map_mid_left_mid a.s27 div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(32.25806451612903% - 40px);
  
}
.ser_map_mid_left_mid a.s27.mid div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(32.25806451612903% - 45px);
  
}
.ser_map_mid_left_mid a.s27.sma span {
 left:15.38461538461538%;
 top:12.90322580645161%
}
.ser_map_mid_left_mid a.s27.mid span {
 left:26.92307692307692%;
 top:22.58064516129032%
}
.ser_map_mid_left_mid a.s27:hover,
.ser_map_mid_left_mid a.s27.current {
 background-image:url(../images/address/s27.png)
}
.ser_map_mid_left_mid a.s28 {
 width:18.95424836601307%;
 height:22.61410788381743%;
 top:68.46473029045643%;
 left:35.94771241830065%
}
.ser_map_mid_left_mid a.s28 span {
left:34.48275862068966%;
 top:41.28440366972477%
}
.ser_map_mid_left_mid a.s28 div.mpk {
  
   left:calc(34.48275862068966% + 50px);
  top:calc(41.28440366972477% - 40px);
  
}
.ser_map_mid_left_mid a.s28.mid div.mpk {
  
   left:calc(34.48275862068966% + 50px);
  top:calc(41.28440366972477% - 45px);
  
}
.ser_map_mid_left_mid a.s28.sma span {
left:13.79310344827586%;
 top:16.51376146788991%
}
.ser_map_mid_left_mid a.s28.mid span {
left:24.13793103448276%;
 top:28.89908256880734%
}
.ser_map_mid_left_mid a.s28:hover,
.ser_map_mid_left_mid a.s28.current {
 background-image:url(../images/address/s28.png)
}
.ser_map_mid_left_mid a.s29 {
 width:15.68627450980392%;
 height:13.69294605809129%;
 top:77.38589211618257%;
 left:51.47058823529412%
}
.ser_map_mid_left_mid a.s29 span {
 left:41.66666666666667%;
 top:30.3030303030303%
}
.ser_map_mid_left_mid a.s29 div.mpk {
  
   left:calc(41.66666666666667% + 50px);
  top:calc(30.3030303030303% - 40px);
  
}
.ser_map_mid_left_mid a.s29.mid div.mpk {
  
   left:calc(41.66666666666667% + 50px);
  top:calc(30.3030303030303% - 45px);
  
}
.ser_map_mid_left_mid a.s29.sma span {
 left:16.66666666666667%;
 top:12.12121212121212%
}
.ser_map_mid_left_mid a.s29.mid span {
 left:29.16666666666667%;
 top:21.21212121212121%
}
.ser_map_mid_left_mid a.s29:hover,
.ser_map_mid_left_mid a.s29.current {
 background-image:url(../images/address/s29.png)
}
.ser_map_mid_left_mid a.s30 {
 width:16.99346405228758%;
 height:14.73029045643154%;
 top:79.46058091286307%;
 left:61.11111111111111%
}
.ser_map_mid_left_mid a.s30 span {
left:38.46153846153846%;
 top:21.12676056338028%
}
.ser_map_mid_left_mid a.s30 div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(21.12676056338028% - 40px);
  
}
.ser_map_mid_left_mid a.s30.mid div.mpk {
  
   left:calc(38.46153846153846% + 50px);
  top:calc(21.12676056338028% - 45px);
  
}
.ser_map_mid_left_mid a.s30.sma span {
left:15.38461538461538%;
 top:8.450704225352112%
}
.ser_map_mid_left_mid a.s30.mid span {
left:26.92307692307692%;
 top:14.7887323943662%
}
.ser_map_mid_left_mid a.s30:hover,
.ser_map_mid_left_mid a.s30.current {
 background-image:url(../images/address/s30.png)
}
.ser_map_mid_left_mid a.s31 {
 width:4.08496732026144%;
 height:9.33609958506224%;
 top:78.83817427385892%;
 left:82.51633986928105%
}
.ser_map_mid_left_mid a.s31:hover,
.ser_map_mid_left_mid a.s31.current {
 background-image:url(../images/address/s31.png)
}
.ser_map_mid_left_mid a.s32 {
 width:5.22875816993464%;
 height:5.18672199170124%;
 top:94.60580912863071%;
 left:58.33333333333333%
}
.ser_map_mid_left_mid a.s32:hover,
.ser_map_mid_left_mid a.s32.current {
 background-image:url(../images/address/s32.png)
}
.ser_map_mid_left_mid a.s33 {
 width:1.96078431372549%;
 height:1.45228215767635%;
 top:87.13692946058091%;
 left:69.77124183006536%
}
.ser_map_mid_left_mid a.s33 span {
 left:83.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33 div.mpk {
  
   left:calc(83.33333333333333% + 50px);
  top:-40px;
  
}
.ser_map_mid_left_mid a.s33.mid div.mpk {
  
   left:calc(83.33333333333333% + 50px);
  top:-45px;
  
}
.ser_map_mid_left_mid a.s33.sma span {
 left:33.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33.mid span {
 left:58.33333333333333%;
 top:0
}
.ser_map_mid_left_mid a.s33:hover,
.ser_map_mid_left_mid a.s33.current {
 background-image:url(../images/address/s33.png)
}
.ser_map_mid_left_mid a.s34 {
 width:0.81699346405229%;
 height:1.6597510373444%;
 top:88.17427385892116%;
 left:67.81045751633987%
}
.ser_map_mid_left_mid a.s34 span {
 left:-10px;
 top:0
}
.ser_map_mid_left_mid a.s34 div.mpk {
  
   left:70px;
  top:-40px;
  
}
.ser_map_mid_left_mid a.s34.mid div.mpk {
  
   left:70px;
  top:-45px;
  
}
.ser_map_mid_left_mid a.s34:hover,
.ser_map_mid_left_mid a.s34.current {
 background-image:url(../images/address/s34.png)
}
/************footer*************/









/*footer*/
.footer{  overflow: hidden; background-color: #2a3139; width: 100%;}

.xia{ width:88%; margin:0 6%; }
.xia_lo{ width:162px; float:left}
.xia_lo h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.xia_lo p{ width:100%; float:left; font-size:16px; line-height:30px;}
.xia_lo p a{ color:rgba(255,255,255,.8); }
.xia_lo p a:hover{ color:#fff; }

.xia_lo1{ width:260px; float:left}
.xia_lo1 h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.xia_lo1 p{ width:130px; float:left; font-size:16px; line-height:30px;}
.xia_lo1 p a{ color:rgba(255,255,255,.8); }
.xia_lo1 p a:hover{ color:#fff; }


.lianx { width:350px; padding-left:50px; float:left;color:#FFFFFF; line-height:28px; border-left:1px solid rgba(255,255,255,.1); border-right:1px solid rgba(255,255,255,.1); padding-bottom:50px;}
.lianx h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.lianx h4 b{ width:100%; font-family:Barlow-Regular; float:left; line-height:74px; font-size:35px;}
.lianx a{color:#FFFFFF;}


.ewm1{ float:right; width:250px; padding-top:60px;}


.banquan{ width:100%; float:left; padding-top:20px; border-top: rgba(255,255,255,.1) solid 1px; margin-top:40px; padding-bottom:30px;color:#fff; margin-top:50px;}
.banquan a{color:#fff}










#footer{ overflow:hidden;
background-color:#2a3139; border-top:4px #005eb2 solid;}
.footer_mid_1{ padding-right:12.6875em;
position:relative; padding-left:27.34375%;}
.footer_mid_1_left{
position:absolute; left:0; top:0; width:27.34375%}
.footer_mid_1_left_mid{
margin-right:17.53554502369668%;}
.footer_mid_1_mid{ color:#fff; padding:0 12%; margin-right:3.5625em;
border-left:1px #565b61 solid;border-right:1px #565b61 solid; padding-bottom:2.6875em;}
.footer_mid{
margin:0 5%;}
.footer_mid_1_mid_1{
font-family:Calibri; font-size:1.5em; }
.footer_mid_1_mid_2{
font-size:1.125em; margin-top:1em; margin-bottom:.75em; line-height:1.6;}
.footer_mid_1_mid_3{font-family:Calibri;
color:#effdef; border-bottom:1px #565b61 solid; padding-bottom:2em; margin-bottom:1.5em;}
.footer_mid_1_mid_4 ul li{
display:inline-block;}
.footer_mid_1_mid_4_1{color:#effdef; 
font-size:1.125em;font-family:Calibri; margin-top:.5em; }
.footer_mid_1_mid_4_1 a{color:#effdef; }
.footer_mid_1_mid_4_1 a:hover{
color:#fff}
.footer_mid_1_mid_4 ul li:nth-child(1){
margin-right:3.48958333333333vw;}
.footer_mid_1_left_mid_2{font-family:mb;
color:#fff; margin-top:20px; padding-bottom:1.5em; position:relative; text-transform:uppercase;  }
.footer_mid_1_left_mid_2:after{ background-color:#005eb2;
content:''; position:absolute; left:0; bottom:0; height:2px; width:5.05208333333333vw;}
.footer_mid_1_right{
position:absolute; right:0; top:0; width:12.6875em}
.footer_mid_1_right_mid{
 }
.footer_mid_1_right_mid_1{
font-size:1.5em; color:#fff}
.footer_mid_1_right_mid_2 ul li{
float:left; color:#fff; text-align:center; width:45%;}
.footer_mid_1_right_mid_2 ul li:nth-child(2n){
float:right}
.footer_mid_1_right_mid_2{
margin-top:1.75em;}
.footer_mid_1_right_mid_2_2{
margin-top:.5em;}
.footer_mid_1{ margin-bottom:3.75em;
margin-top:5.625em;}
.footer_mid_2_left{
float:left; font-size:.875em; }
.footer_mid_2_right{
float:right;}
.footer_mid_2{border-top:1px #565b61 solid;
line-height:1.5;color:#d0d0d0; padding:1em 0;}
.footer_mid_2 a{color:#d0d0d0;}
.footer_mid_2 a:hover{color:#fff;}
.footer_mid_2_right{
font-size:.875em; float:right;}
/************mobile*********************/
.header_btn{ display:none; z-index:888;
position:absolute; right:0; top:50%;transform:translateY(-50%);}
.menubtn { transition: 0.4s; position: relative; z-index: 20; float: right; cursor: pointer; width: 28px; height: 14px;}

.menubtn span { margin-top: 6px; display: block; width: 100%; height: 2px; background: #004098; position: relative; vertical-align: middle; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s; cursor: pointer;}

.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #004098; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }

.menubtn span:before { top: -6px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }

.menubtn span:after { bottom: -6px; width: 16px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.menubtn.active span { background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }

.menubtn.active span:after,
.menubtn.active span:before { -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

.menubtn.active span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.menubtn.active span:after { width: 100%; bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.navigate-mark {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.navigate {
  width: 90%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  transition: 0.7s;
}
.navigate.show {
  visibility: visible;
}
.navigate.show:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show .navigate-item {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: 0.6s 0.4s;
}
.navigate.show .navigate-item:nth-child(2) {
  transition-delay: 0.6s;
}
.navigate.show .navigate-item:nth-child(3) {
  transition-delay: 0.8s;
}
.navigate.show .navigate-item:nth-child(4) {
  transition-delay: 1s;
}
.navigate.show .navigate-item:nth-child(5) {
  transition-delay: 1.2s;
}
.navigate:before {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 64, 152, 0.2);
  z-index: -2;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate:after {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 80px;
  top: -40px;
  background: rgba(0, 64, 152, 0.8);
  z-index: -1;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate-list {
  position: absolute;
  left: 23%;
  top: 20.83%;
  right: 0;
  overflow: hidden;
}
.navigate-item {
  width: 20%;
  float: left;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateX(120px);
}
.navigate-item dt {
  display: block;
  margin-bottom: 18px;
}
.navigate-item dt a {
  display: inline-block;
  color: #fff;
  font-size: 1.25em;
  line-height: 1;
  font-weight: lighter;
}
.navigate-item dd {
  display: block;
}
.navigate-item dd .mssm a {
  display: inline-block;
  color: #a6c8f7;
  font-size: 1em;
  font-weight: lighter;
  line-height: 1.8;
}
.navigate-item dd .mssm a:hover {
  color: #fff;
}
.navigate-item dd .mssm{
position:relative}
.m-ins-navbox{
	width: 92%; margin:.5em auto;
	height: 38px;
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 11;
}
.m-ins-navbox.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
 
.m-ins-navbox .ret-subbox{
	position: absolute;
	top: 38px;
	width: 100%;
	background-color: #035cac;
	left: 0;
	z-index: 2;
	display: none;
}
.m-ins-navbox .ret-subbox a{
	display: block;
	width: 95%;
	padding-left: 5%;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #4882b6;
	color: #fff;
	font-size: 14px;
	background: url(../images/ico_38.png) no-repeat 92% center;
	background-size: auto 35%;
}
.m-ins-navbox .right{
	width: 100%; float:right;
	position: relative;
}
.m-ins-navbox .right .tit{
	display: block;
	width: 100%;
	padding-left: 0%;
	font-size: 1em;
	color: #035cac;
	line-height: 38px;
	background: url(../images/ico_36.png) no-repeat right center;
	background-size: auto 50%;
	cursor: pointer;
}
.m-ins-navbox .right .subbox{
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a{
	display: block;
	width: 95%;
	padding-left: 5%;
	line-height: 38px;  
	height: 38px; font-size:.9375em;
	border-top: 1px solid #e5e5e5;
	background: url(../images/ico_37.png) no-repeat right center;
	background-size: auto 35%;
	/*border-left: 1px solid #fff;
	margin-left: -1px;*/
}



@media screen and (max-width:1700px) {
	/*.about_2_mid_2_right{
	width:auto}*/
}
@media screen and (max-width:1600px) {
	.jobmask .about_1_mid{
	height:86vh; top:14vh;}
	.jobmask.on .about_1_mid{
top:7vh;}
}
@media screen and (max-width:1200px) {
.index_3_left{
left:4%; width:21%;}
.index_3_right{
margin-left:25%;}
.index_3_left_mid_2 ul li a{
font-size:1em;}
.index_3_right_mid_mid_5{
}
.index_3_right_mid_mid_4{
}
.index_3_right_mid_mid_2{
font-size:1em;}
.index_3_right_mid_mid_1{
font-size:2.5em;}
}
@media screen and (max-width:1090px) {
.swiper-pagination-index-banner-left span i,.swiper-pagination-index-banner-right span i{
width:21px; height:16px;}
.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
width:2em; height:4em;}
.swiper-pagination-index-banner-left span,.swiper-pagination-index-banner-right span{
width:1.7em; height:3.4em;}
.indexbanner_bg_mid_2{
font-size:1.5em;}
.indexbanner_bg_mid_1{
font-size:2em;}
.banner_num{
font-size:1em;}
.index_1_mid_right_mid_1_1{
font-size:1.375em;}
.index_2_mid_name_1{
font-size:1.5em;}
.index_2_mid_name_2{
font-size:1.25em;}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_3_right_mid_mid{
padding:0 10%;}
.pro_info_4_footer_1{
font-size:1.25em;}
.pro_info_4_mid span{
font-size:1em; line-height:2.5em;}
.pro_info_3_right_1{
font-size:1.25em;}
.pro_info_3_right_2{
font-size:1em;}
.pro_4_1_2_1{
font-size:1em;}
.pro_3_1_left_1{
font-size:1.5em;}
#pro_xh{
font-size:1em;}
.pro_1_mid{
max-width:none; margin:0 4%;}
.pro_1_mid_3_left{
padding:.85em 1em;}
.pro_1_mid_3_left input{
font-size:1em;}
.pro_1_mid_1{
font-size:1.875em;}
.pro_1_mid_2{
font-size:1em; margin-bottom:1em; margin-top:.5em;}
.sermar_2_mid ul li a{
font-size:1.375em;}
.ser_1_left_mid_3 span{
font-size:1.375em;}
.ser_1_left_mid_3 ul li a{
font-size:1em;}
.job_3_2_mid_2_1_zd{
font-size:1.5em;}
.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 850px) * 0.04375); width:850px;}
.culture_4_1_mid_mid_w_1 span{
font-size:1.125em;}
#cultop{
margin-top:2em}
.culture_1{
font-size:2em;}
.culture_2{
font-size:1.5em;}
.zd_zs_act_c{
width:10px; height:10px;}
.about_honor_2 ul li a{
font-size:1em;}
.news_info_con_mid_1{
font-size:1.5em;}
.pro_info_2{
margin:1.5em 0;}
.news_info_con_mid{
margin:0 4%;}
.ny_menu ul li a span{
font-size:1em; padding-left:2em;}
.news_2_1 ul li{
min-height:420px;}
.news_1_mid_right_mid_2,.news_2_1_2_1{
font-size:1.25em;}
.news_1_mid_right_mid_3,.news_2_1_2_2{
font-size:.9375em;}
.footer_mid,.promid{
margin:0 4%;}
.index_1_mid_left_1_left_1_2{
font-size:1.875em;}
.index_1_mid_left_1_left_1_3_small,.index_1_mid_left_1_left_1_3{
font-size:2em;}
.contact_1_mid_left_1{
font-size:1em}
.ny_banner{
height:60vh}
.zd_ny_banner_jj_1{
font-size:2em;}
.zd_ny_banner_jj_2{
font-size:1em;}
.header_mid_left{
z-index:888}
#header .header_mid_right a.wh{
color:#fff; background-image:url(../images/header/img1.png);}
	.menubtn.active span:after,
.menubtn.active span:before{
background-color:#fff;}
	.header_mid_right{
	z-index:888;}
	#main{ overflow:hidden;
	margin-top:4em;}
	#header{
	height:4em; background-color:#fff;}
 	#header:after{
	display:none}
 #header .header_mid_right a{
color:#000; background-image:url(../images/header/img1b.png);}
 
  #header .header_mid_left a:after{
top:0;transition: all .5s ease;
}
 #header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; z-index:100;}
	.header_mid_right{
	right:3em;}
	.header_mid_right a{
	font-size:1em;}
	.header_btn{
	display:block}
	.header_mid_mid{
	display:none}
	.header_mid{
	height:4em;}
}
.contact_1_mid_right_img{
display:none;}
.contact_1_mid_right_img img{
width:100%;}
@media screen and (max-width:1024px) {
	.pro_re a{
	width:2.5em; height:2.5em;}
	.pro_4_1 ul li{
	min-height:inherit}
	.ser_1_left_mid_2{
	font-size:1em;}
	.jobmask_mid{
	top:6%; height:88%;}
	.jobmask_mid_close{
	right:1em; top:1em;}
	.jobmask_mid_close a{
	width:1.5em; height:1.5em;}
	.jobinfo_3{
	font-size:.875em;}
	.jobinfo_1{
	font-size:1.25em;}
	.pro_4_1 ul li{
	width:32.48945147679325%;}
	.pro_4_1 ul li:nth-child(3n){
	margin-right:0}
	.pro_4_1 ul li:nth-child(4n){
	margin-right:1.26582278481013%}
}
@media screen and (max-width:950px) {
.swiper-pagination-index-banner-left, .swiper-pagination-index-banner-right,.banner_num{
display:none}
.index_3_right_mid_mid_4{
margin:.5em 0;}
.index_3_left_mid_3{
display:none}
.index_3_left_mid_2 ul li span{
display:none
}
.index_3_left_mid_2 ul li{
display:inline-block; margin:0 .5em;}
.index_3_left_mid_2 ul li:nth-child(1){
margin-left:0}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_3{
overflow:hidden}
.index_3_left{transform: translateY(0%);
position:static; width:auto; margin:0 4%; padding-top:2em;}
.index_3_right{
margin-left:0; margin-top:2em;}
.ser_map_mid_left,.ser_map_mid_right{
width:100%;}
.ser_footer_mid_mid{
margin:0 4%;}
.ser_footer_mid{
max-width:100%;}
.ser_1_left_mid{
margin:0 8.5%;}
.about_2_mid_2_right{
width:auto}
	.about_2_mid_2_right_mid_1 span{
	font-size:1.25em;}
	.about_2_mid_2_right_mid_2{
	font-size:1em;}
	.about_2_mid_2_right_mid_3{
	font-size:.875em;}
	.footer_mid_2_left,.footer_mid_2_right{
	text-align:center; float:none; width:100%;}
	.footer_mid_1{
	padding-right:0}
	.footer_mid_1_right{
	display:none}
	.footer_mid_1_mid{
	padding-right:0; border-right:none}
}
.index_1_mid_right_mid_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover;
position:relative; width:100%; height:27.60416666666667vw; display:none;}
@media screen and (max-width:900px) {
.index_1_mid_right_mid_1_1{
font-size:1.25em;}
.index_1_mid_right_mid_2_bg{
display:block;}
.index_1_mid_right_mid_2 img{
width:100%; display:none;}
.index_1_mid_right_mid{
margin-left:0;}
.index_1{ margin-left:4%; margin-right:4%;
margin-top:4em; margin-bottom:4em;}
.zd_pro_2_2 .swiper-slide{padding: 0 calc((100vw - 650px) * 0.04375); width:650px;}
.culture_5_left{
width:100%;}
.culture_5_right{
position:static; width:100%;}
.culture_5_left_2{
display:none}
.index_1_mid_left{
width:100%;}
.index_1_mid_right{
width:100%; margin-top:2em;}
.index_1_mid_right ul li{
width:49%; float:left; margin-bottom:0}
.index_1_mid_right ul li:nth-child(2){
float:right}

}
@media screen and (max-width:850px) {
.jobs_1_mid_left,.jobs_1_mid_right{
float:none; width:auto}
.jobs_1_mid_right{
text-align:center; margin-top:2em;}
}
#swiper-pagination-lcpic{
display:none; position:static}
#swiper-pagination-lcpic .swiper-pagination-bullet{
background:none; border:1px #fff solid; opacity:1;}
#swiper-pagination-lcpic .swiper-pagination-bullet-active{
background-color:#fff;}
.mobile_pro{
margin-bottom:1em; display:none}
.mobile_pro ul li p{
color:#225f9d; font-size:1.125em; border-bottom:1px #dedede solid; padding-bottom:.5em;}
.mobile_pro ul li{
margin-bottom:2em;}
.mobile_pro ul li div{
line-height:1.6; margin-top:.5em;}
@media screen and (max-width:768px) {
.mousedow img{
width:49.47916666666667vw;}
.indexbanner_bg_mid_2{
font-size:1.25em;}
.indexbanner_bg_mid_1{
font-size:1.5em;}
.index_2_mid_name_1{
font-size:1.375em;}
.index_2_mid_name_2{
font-size:1em}
.pro_info_6_mid_right_mid_2 span{
display:none}
.pro_info_6_mid_right{
position:static; width:100%; overflow:hidden}
.pro_info_6_mid_left{
width:100%;}
.pro_info_3_right_2{
max-width:none}
.pro_info_3_left{
position:static; width:100%; display:none}
.pro_info_3_right{
margin-left:0; padding-top:2em;}
.pro_4_1 ul li{
width:49%; margin-right:0;}
.pro_4_1 ul li:nth-child(4n){
margin-right:0}
.pro_4{
margin:0 4%; margin-top:2em;}
.pro_3_1_left{
display:none}
.pro_3_1_right{
position:static; width:100%;}

.pro_1_mid_3_left{
padding:.5em;}
.pro_1_mid_1{
font-size:1.5em;}
.pro_1_mid_3_right:after{
font-size:.875em;}
.ser_map_mid_right_2 a span i{
width:12px; height:12px;}

.mobile_pro{
display:block}
.ser_map_mid_left_mid a.sel span:after {
display:none}
.sermar_1{
margin-top:2em;}
.ser_map_mid_right{
margin-top:2em;}
.ser_map_mid_right_2 a{
width:200px; height:40px; line-height:40px;}
.sermar_2_mid ul li a{
font-size:1.25em;}
.ser_1_left_mid_1{
font-size:1.5em;}
.fb_2_3 a span{
font-size:1em;}
.ser_1_left_mid_3{
padding-left:50px;}
.ser_1_left_mid_3 span{
font-size:1.25em;}
.ser_1_left_mid{
margin-left:4%; margin-right:4%}
.ser_1_left{
width:100%;}
.ser_1{
margin-top:2em;}
.culture_5_left_1_1{
margin-bottom:1em;}
.zd_pro_act a{
font-size:1em;}
#plant{
margin-bottom:2em;}
.job_hd_left_zb,.job_hd_right_zb{
font-size:1.7em;}
.zd_pro_2_2{
margin:0 4%;}
.job_3_2_mid_2_1_zd{
font-size:1.125em;}
.culture_4{
padding-top:4em;}
.culture_2{
font-size:1.25em;}
.culture_1{
font-size:1.5em;}
.culture_3{
font-size:1em;}
.about_2_mid_2_left .swiper-container,.swiper-container-hpic .swiper-slide{
height:auto}
.about_2_mid_2{
margin-top:2em;}
#swiper-pagination-lcpic{
display:block; margin-top:2em;}
.about_2 .about_2_mid{
padding:4em 0;}
.about_2_mid_2_right{
display:none}
.about_2_mid_2_left{
position:static; width:100%;}
.about_2_mid_2_left_mid_1_bg{
display:none}
.about_2_mid_2_left_mid_1{
display:block; color:#fff}
.about_2_mid_2_right_mid_1{
margin-top:1.5em;}
.about_year{
display:none}


.about_2_mid_2_right_mid_1,.about_2_mid_2_right_mid_2,.about_2_mid_2_right_mid_3{
padding-left:0}

.about_2{
padding:2em 0;}
.about_1{ margin-bottom:4em;
overflow:hidden; margin-top:2em;}
.about_1_mid_left{transform: translateY(0%);
position:static; width:100%;}
.about_1_mid_right{
margin-left:0; margin-top:2em;}
.ny_menu{
display:none}
.m-ins-navbox{
display:block}
.pro_info_2_right{
display:none}
.more_link{
font-size:.875em;}
.news_2_1_2{
min-height:193px;}
.news_2_1_2{
padding:1em;}
.news_2_1 ul li{ min-height:inherit;
width:48%; margin-right:0}
.news_2_1 ul li:nth-child(2n){
float:right;}
.news_1_mid_right_mid_2, .news_2_1_2_1{
font-size:1.125em;}
.about_honor_1{
margin-top:2em;}

.footer_mid_1_left_mid_1 img{ 
max-width:160px;}
.footer_mid_1_left_mid{
margin-right:0}
.footer_mid_1_mid_1{
font-size:1.25em;}
.footer_mid_1_mid_2{
font-size:1em;}
.footer_mid_1{
margin-top:2em; margin-bottom:2em; padding-left:0}
.jobs_1{
margin-top:2em; margin-bottom:2em;}
.footer_mid_1_left{
position:static; width:100%;}
.footer_mid_1_mid{ margin-right:0; padding-bottom:0; margin-top:2em;
padding-left:0; padding-right:0; border-left:none;}
.zd_ny_banner_jj_1{
font-size:1.5em;}
.contact_1_mid_left{
margin:2em 0;}
.contact_1_mid_right_img{
display:block}
.contact_1_mid_right_bg{
display:none}
.contact_1_mid_right{
position:static; margin:0 4%; margin-bottom:2em; width:auto;}
.contact_1_mid_left{
width:100%;}
.index_1_mid_left_1_left_1_2{
font-size:1.5em;}
.index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
font-size:1.875em;}
.about_1_mid{
margin:0 4%;}
#header .header_mid_left a.wh:after{
display:none
}
#header:hover .header_mid_left a.wh img{
opacity:1;}
.navigate {
    width: 120%;
  }
  

}
.news_1_mid_left_img{
display:none;}
.news_1_mid_left_img img{
width:100%;}
@media screen and (max-width:640px) {
.mouse{ margin-top:-14.5px;
width:20px; height:29px; margin-left:-10px;}
#about_1{
margin-bottom:2em;}
.indexbanner_bg_mid_3{
font-size:.875em;}
.indexbanner_bg_mid_2{
font-size:1.25em;}
.indexbanner_bg_mid_1{
font-size:1.5em;}
.index_2_mid_name_1{
font-size:1.25em;}
.index_3_right_mid_mid_1{
font-size:1.875em;}
.index_3_right_mid_mid{
padding:0 5.5%;}
.swiper-container-news .swiper-slide{
width:80%;}
.pro_info_6_mid_right_mid_3 ul li{
font-size:.875em;}
.pro_info_6_mid_right_mid{
margin:1em;}
.xh_no{
font-size:1.25em;}
.pro_info_4_footer_1{
font-size:1.125em;}
.pro_info_4_footer_2{
font-size:.75em;}
.pro_info_4_mid span{
max-width:none; padding-left:1.4em; padding-right:1.4em; display:inline-block;}
.pro_re{
top:0}
.pro_info_3_right{
padding-top:0}
.pro_re a{
width:2em; height:2em;}
.pro_re a.ne:after {
font-size:1em;}
.pro_info_3_right_1{
font-size:1em;}
.pro_info_3_right_2{
font-size:.875em;}
.sermar_2_mid ul li a{
font-size:1em;}
.ser_1_left_mid_3 span{
font-size:1em;}
.ser_1_left_mid_2{
margin-top:.875em; margin-bottom:.875em;}
.ser_1_left_mid_1{
font-size:1.25em;}
.fb_2_3 a{
max-width:100%;}
.ser_1_left_mid_4 ul li{
width:100%;}
.job_hd_zb{
width:100%;}
.culture_2{
font-size:1.125em;}
.culture_1{
font-size:1.5em;}
.culture_4{
padding-top:2em;}
.culture_4_1_mid_mid{
margin-left:4%; margin-right:4%}
.culture_4_1_mid{
padding-top:2em; padding-bottom:2em;}
.culture_4_1{
padding-top:2em;}
.culture_4_1_mid{
width:100%;}
.about_2 .about_2_mid{
padding:2em 0;}
.about_1_mid_left .index_1_mid_left_1_left_1_3{
font-size:1.5em;}
.news_info_con_mid_4{
margin-bottom:2em;}
.news_info_con{
padding-top:2em;}
.news_info_con_mid_4 ul li{
width:100%;}
.news_info_con_mid_3{
margin-top:2em; padding-top:1em; padding-bottom:2em;}
.news_info_con_mid_4 ul li:nth-child(2) a{
text-align:left}
.news_info_con_mid_1{
font-size:1.25em;}
.news_2_2{
margin:2em 0;}
.news_2_2 ul{
font-size:.875em;}
.news_1_mid_left_bg{
display:none}
.news_1_mid_left_img{
display:block;}
.news_1_mid{
margin-left:0}
.news_1_mid_left{
position:static; width:100%;}
.news_1_mid_right{
margin-left:0}
.jobinfo{
padding:1.5em;}
.jobinfo_2{
margin-bottom:.5em;}
.jobinfo_4{
margin-top:1em;}
.jobinfo_1{
font-size:1.125em;}
.jobinfo_2{
font-size:.9375em;}
.contact_2{
height:40vh;}
 .index_1_mid_left_1_left_1_2{
 font-size:1.25em;}
 .index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
 font-size:1.5em;}
   .navigate-list {
    left: auto;
    right: 14.4%;
    overflow: visible;
	top:15%;
	
  }
  .navigate-item dt a{
  font-size:1.125em;}
  .navigate-item {
    width: auto;
    float: none;
    padding-bottom: 20px;
  }
  .navigate-item dt {
    margin-bottom: 0;
  }
  .navigate-item dd {
    margin-top: 10px;
    display: none;
  }
  .navigate-item dd .mssm {
    text-align: right;
  }
}
@media screen and (max-width:480px) {
.index_1_mid_right_mid_2_bg{
height:40vw;}
.index_1{
margin-top:2em; margin-bottom:2em;}
.index_2_mid_name_1{
font-size:1.125em;}
.pro_1_mid_3{
padding-right:45px;}
.pro_1_mid_3_right{
width:45px;}
.pro_1_mid_3_right:after{
font-size:.65em;}
.pro_1_mid_1{
font-size:1.25em;}
.ser_map_mid_right_2 a{ width:130px; height:32px; line-height:32px;}
.job_3_2_mid_2_zd{
max-width:none; margin:0 1em;}
.job_3_2_mid_2_1_zd{
font-size:1em;}
.about_2_mid_2_right_mid_1{
margin-top:1em;}
.news_info_1{
margin-top:6em;}
	.more_link{
	font-size:.75em;}
	.news_2_1 ul li{
	width:100%;}
	.news_2_1_2{
	min-height:inherit; padding-bottom:1.5em;
	}
	.jobmask.on .jobinfo_3_1{
	margin-top:.5em;}
	.jobinfo_4 span{
	font-size:.875em;}
	.jobinfo_2:after {
	width:2em; height:1px;}
	.jobinfo_2{
	margin-top:.5em;}
	.zd_zs_act{
	margin-top:2em; margin-bottom:2em;}
	
	.ny_banner{
	height:40vh}
	.footer_mid_1{
	display:none}
	.zd_zs_act_c{
	width:10px; height:10px;}
}
@media screen and (max-width:400px) {
.index_1_mid_left_1_left_1_3_small, .index_1_mid_left_1_left_1_3{
font-size:1.375em}
.index_1_mid_left_1_right{
margin-left:43%;}
}
@media screen and (max-width:360px) {
.mouse{ margin-top:-11.5px;
width:16px; height:23px; margin-left:-8px;}
}
/*******************/
.worldmap{
margin:0 auto; max-width:839px; position:relative}
.worldmap img{
width:100%;}
.worldmap a{
position:absolute;}
.worldmap a.w1{ left:7.38974970202622%; top:0;
width:21.45411203814064%; height:44.77611940298507%;}
.worldmap a span{ 
position:absolute; width:40px; left:50%; top:50%;transform:translate(-50%, -50%);}
.worldmap a span i{
opacity:0;  }
.worldmap a.sel2 span:before{ left:calc(50% - 6.40625vw);top:calc(50% - 6.40625vw); width:12.8125vw; height:12.8125vw; background-image:url(../images/about/c.png); background-position:center; background-repeat:no-repeat; background-size:cover;  border-radius:50%;
content:''; position:absolute; animation: fades 3s 0.4s linear infinite;pointer-events:none }
.worldmap a.sma span:before{transform: scale(.3, .3); animation: fades_sma2 3s 0.4s linear infinite;  }
.worldmap a.mid span:before{transform: scale(.5, .5); animation: fades_mid2 3s 0.4s linear infinite; }
.worldmap a.sel2 span:after{ background-color:#fff;border-radius:50%; z-index:10;
content:''; position:absolute; width:14px; height:14px; left:50%; top:50%;transform:translate(-50%, -50%); } 
.worldmap a.sel2.sma span:after{transform: scale(.3, .3);}
.worldmap a.sel2.mid span:after{transform: scale(.6, .6);}
.worldmap a.w2{ left:20.50059594755662%; bottom:9.95024875621891%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w3{ left:42.66984505363528%; top:28.60696517412935%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w4{ left:58.16448152562574%; top:0%;
width:21.45411203814064%; height:44.77611940298507%;} 
.worldmap a.w5{ right:3.5%; bottom:2%;
width:21.45411203814064%; height:44.77611940298507%;} 

.worldmap a.sel2.sma span:after{
left:36%; top:27%;}

.worldmap a.w1.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w2.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w3.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w4.sel2.mid span:after{
left:36%; top:28%;}
.worldmap a.w5.sel2.mid span:after{
left:36%; top:28%;}

.worldmap a div.mpk{ min-height:110px; display:none; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
position:absolute; width:240px; background-color:#fff;   z-index:10;  border-radius: 10px; left:70%; top:18%;}
.worldmap a div.mpk:after{ left:-17px; position:absolute; top:40px;
content:''; width:17px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img20.png);}
.worldmap a div.mpk i{
cursor:pointer; position:absolute; top:15px; right:15px; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img19.png); width:17px; height:16px;}
.worldmap a div.mpk p{
padding:0 25px;}
.worldmap a div.mpk p:nth-child(2){
color:#225f9d; font-size:20px; padding-top:20px;
}
.worldmap a div.mpk p:nth-child(3){
color:#000; line-height:1.6; padding-bottom:10px; padding-top:10px;
}





@keyframes fades_sma2 {
  0% {
    opacity: 1;
    transform: scale(.3);
  }
  50% {
    opacity: 0.4;
    transform: scale(.4);
  }
  100% {
    opacity: 1;
    transform: scale(.3);
  }
}

@keyframes fades_mid2 {
  0% {
    opacity: 1;
    transform: scale(.5);
  }
  50% {
    opacity: 0.4;
    transform: scale(.6);
  }
  100% {
    opacity: 1;
    transform: scale(.5);
  }
} 
 @media screen and (max-width:768px) {
 .worldmap{
margin-bottom:2em;
 }
 }
 .ser_map_mid_right_world{
 margin-top:0}
 .ser_map_mid_left_world{
 margin-top:5vw;}
/***********20210922************/ 
#header.cur.headroom--unpinned{
top:-100%;}
.txt .t {
color:#1865b0;
    letter-spacing: -3px;
    text-transform: uppercase;
    transition: 300ms;
    -webkit-transition: 300ms;
}

.txt .t b {
    font-weight: normal;
    display: inline-block;
} 
.txt{
line-height:1.2; text-align:center}
.txt .i { color:#fff;
     
    margin-bottom: 9px;
    transition: 300ms;
    -webkit-transition: 300ms;
    font-weight: bold;
}

.blue {
    width: 100%;
    height: 100%;
    background-color: rgba(53, 155, 55, 0);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
}
.tra1 {
    transition: 300ms ease 50ms;
    -webkit-transition: 300ms ease 50ms;
}

.tra2 {
    transition: 300ms ease 100ms;
    -webkit-transition: 300ms ease 100ms;
}

.tra3 {
    transition: 300ms ease 150ms;
    -webkit-transition: 300ms ease 150ms;
}

.tra4 {
    transition: 300ms ease 200ms;
    -webkit-transition: 300ms ease 200ms;
}

.tra5 {
    transition: 300ms ease 250ms;
    -webkit-transition: 300ms ease 250ms;
}

.tra6 {
    transition: 300ms ease 300ms;
    -webkit-transition: 300ms ease 300ms;
}

.tra7 {
    transition: 300ms ease 350ms;
    -webkit-transition: 300ms ease 350ms;
}

.tra8 {
    transition: 300ms ease 400ms;
    -webkit-transition: 300ms ease 400ms;
}

.tra9 {
    transition: 300ms ease 450ms;
    -webkit-transition: 300ms ease 450ms;
}

.tra10 {
    transition: 300ms ease 500ms;
    -webkit-transition: 300ms ease 500ms;
}

.tra11 {
    transition: 300ms ease 550ms;
    -webkit-transition: 300ms ease 550ms;
}

.tra12 {
    transition: 300ms ease 650ms;
    -webkit-transition: 300ms ease 650ms;
}

.tra13 {
    transition: 300ms ease 700ms;
    -webkit-transition: 300ms ease 700ms;
}

.tra14 {
    transition: 300ms ease 750ms;
    -webkit-transition: 300ms ease 750ms;
}

.tra15 {
    transition: 300ms ease 800ms;
    -webkit-transition: 300ms ease 800ms;
}

.tra16 {
    transition: 300ms ease 850ms;
    -webkit-transition: 300ms ease 850ms;
}

.tra17 {
    transition: 300ms ease 900ms;
    -webkit-transition: 300ms ease 900ms;
}

.tra18 {
    transition: 300ms ease 950ms;
    -webkit-transition: 300ms ease 950ms;
}

.tra19 {
    transition: 300ms ease 1000ms;
    -webkit-transition: 300ms ease 1000ms;
}

.tra20 {
    transition: 300ms ease 1050ms;
    -webkit-transition: 300ms ease 1050ms;
}

.tra21 {
    transition: 300ms ease 1100ms;
    -webkit-transition: 300ms ease 1100ms;
}

.tra22 {
    transition: 300ms ease 1150ms;
    -webkit-transition: 300ms ease 1150ms;
}
.tra23 {
    transition: 300ms ease 1200ms;
    -webkit-transition: 300ms ease 1200ms;
}
.tra24 {
    transition: 300ms ease 1250ms;
    -webkit-transition: 300ms ease 1250ms;
}
.tra25 {
    transition: 300ms ease 1300ms;
    -webkit-transition: 300ms ease 1300ms;
}
.tra26 {
    transition: 300ms ease 1350ms;
    -webkit-transition: 300ms ease 1350ms;
}
.tra27 {
    transition: 300ms ease 1400ms;
    -webkit-transition: 300ms ease 1400ms;
}
.tra28 {
    transition: 300ms ease 1450ms;
    -webkit-transition: 300ms ease 1450ms;
}
.tra29 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1500ms;
}

.tra30 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1550ms;
}
.tra31 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1600ms;
}
.tra32 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1650ms;
}
.tra33 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1700ms;
}
.tra34 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1750ms;
}
.tra35 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1800ms;
}
.tra36 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1850ms;
}
.tra37 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1900ms;
}
.tra38 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 1950ms;
}
.tra39 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2000ms;
}
.tra40 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2050ms;
}
.tra41 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2100ms;
}
.tra42 {
    transition: 300ms ease 1500ms;
    -webkit-transition: 300ms ease 2150ms;
}



.index_2 ul li:hover .blue {
    opacity: 1;
}

.index_2 ul li:hover .txt .t,
.index_2 ul li:hover .txt .i {
    color: #fff;
}

.index_2 ul li:hover .txt .bot i {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.index_2 ul li:hover .txt .t b {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}

.index_2 ul li:hover .txt .i {
    transform: translate(0px, -10px);
    -webkit-transform: translate(0px, -10px);
}

.culture_4_1_mid{ -webkit-transition: all .6s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 1s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1);
left:-100%; opacity:0;} 
.culture_4_1_mid.show{
opacity:1; left:0;}
.error{
color:#ff0000; margin-top:1em; display:none;}   
.ser_map_mid_right_2{
display:none}
.pro_4_1_1_mask span{
display:none} 
.pro_4_1 ul li.cssimgp:hover img{
transform: scale(1.2, 1.2);} 
.pro_re{
display:none} 
#pro_xh{
display:none;}
.pro_3_1_right_mid{
position:relative; z-index:10;}
.pro_3_1_right_mid p{
font-size:1.125em;}
.pro_3_1_right dl{ background-color:#fff; border:1px #c0c0c0 solid;
position:absolute; left:0; width:100%; top:30px; z-index:10; display:none;  }
.pro_3_1_right,.pro_3_1,.pro_3{
z-index:10;}
.pro_3_1_right dl dd a{ color:#666;
display:block; padding:.3em .5em;}
.pro_3_1_right dl dd a:hover{
background-color:#ccc; color:#000}
.pro_3_1_right{
cursor:pointer}

.showjobinfo:hover .jobinfo_4 span i:nth-child(2){transform: scale(.8, .8);}
.showjobinfo:hover .jobinfo_4 span i:nth-child(2):after{
left:28%;}
.header_mid_mid ul li dl{ width:320px; left:-128px;
  background:none}
.header_mid_mid ul li dl dd{
padding-left:0px;}

.acline{opacity:0;
-webkit-transition:all 250ms ease-out;-moz-transition:all 250ms ease-out;-o-transition:all 250ms ease-out;transition:all 250ms ease-out;width:5px;width:.3125rem;height:57px; background-image:url(../images/1.svg);background-repeat:no-repeat;background-size:5px auto;background-position:center bottom;position:absolute;z-index:11; top:0;top:0rem;pointer-events:none; left:50%; top:100%;transform:translateX(-50%);}
.header_mid_mid ul li:hover .acline{
opacity:1;}
.newxiala_left{
float:left; width:50%;}
.newxiala_left_mid{
padding-right:1em; text-align:right;}
.newxiala_left_mid_1{ font-weight:bold;
color:#fff; padding-bottom:15px; padding-top:44px;}
.newxiala_left_mid_2 .smm a{
color:#fff;}
.newxiala_left_mid_2 .smm{
margin-bottom:8px; position:relative;}
.menubg{ top:5.25em; display:none;
position:absolute; left:-4vw; width:100vw; height:260px; background-color:#005eb2; opacity:.85}
#header.cur .menubg{
top:4em;}
.newxiala_left_mid_2 .smm a span{ padding-left:22px;
display:inline-block; position:relative; background-position:left center; background-repeat:no-repeat; }
.newxiala_left_mid_2 .smm a span i{opacity:0;
  position:absolute; left:0; top:0; width:18px;-webkit-transition: all .3s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);}
.newxiala_left_mid_2 .smm:hover a span i{
opacity:1;}	
.tmm{ top:0; display:none;    
position:absolute; left:100%; width:144px;}
.smm:hover .tmm{
display:block;}
.tmm a{ font-size:14px; padding-bottom:5px;
display:block; text-align:left; padding-left:2em;}
.about_year_line_mid_2{
width:80px; margin-left:-12.5px;
}
.about_2_mid_2_right_mid ul li{
display:none;}
.about_2_mid_2_right_mid ul li.on{
display:block}
.navigate-item dd .mssm p{
display:none}
.navigate-item dd .mssm p a{
font-size:14px; display:block;}
.hact{
margin-left:6.25vw; margin-top:1.92708333333333vw;}
.hact a{ background-color:#005eb2; color:#fff; text-align:center;-webkit-transition: all .3s cubic-bezier(0.245, 0.145, 1.355, 1);
    -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .3s cubic-bezier(0.445, 1.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1);
display:inline-block; margin-right:.5em; font-family:"宋体"; border:1px #fff solid; width:2em; line-height:2em; height:2em;border-radius:100%;}
.hact a:hover{
background-color:#fff; color:#005eb2}
 @media screen and (max-width:768px) {
#pro_xh{
display:block}
.pro_3_1_right_mid{
display:none}
.txt .t,.txt .i{
color:#fff}
}
 @media screen and (max-width:480px) {
 .navigate{
 width:180%;}
.more_link{
font-size:.45em;} 
.more_link span{
left:.6em;}
 }
 #tt ul li,.tjdiv{ overflow:hidden;   display:block; clear:both;
position:relative; padding-left:100px; padding-top:1em; padding-bottom:1em;  }
.tjdiv span{
position:absolute; left:0; top:50%;transform:translateY(-50%);}
.tjdiv input{float:left; text-align:center; border:none; padding:5px 0px; border-left:1px #fff solid;}
.tjdiv input:hover{
background-color:#ccc;}
 .tjdiv input.bh-sku-selected{background-color:#447ebd; color:#fff}
.tjdiv input.dis{background-color:#f3f6f8; color:#c6cdd9;cursor:not-allowed;}
 
 
 
@font-face {font-family: "BEBAS";
  src:  url(../fonts/BEBAS-1.ttf);}

   .iab{width: 100%;height: auto;padding-bottom: 0px;overflow: hidden;
        /*background: url(../images/ipro-bg.jpg) center no-repeat*/
    }
    .iab .warp{/*width:86%; margin: 0 7%;padding-top:6%;height: auto;*/}
    .iab .warp .box{width: 50%; float: left;padding-top: 0px;}
	

	
	
    .iab .warp .box h2{
        display: block;
        line-height: 40px;
        font-size: 18px;
        text-transform: uppercase; color:#666;
        
        font-family: Barlow-Regular; font-weight:400;
        padding-top: 55px;
        position: relative;
        margin-bottom: 10px;
		
		/*background-image: -webkit-linear-gradient(left,#0066b0,#036eb3,#26b7d7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    }
    .iab .warp .box h2:before{
        display: block;
        width: 125px;
        height: 0px;
        background-color: #005eb2;
        display: block;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
    }

    .iab .warp .box h3{display: block;font-size: 48px;line-height: 55px;margin-bottom: 10px; font-weight:700;
	
		background-image: -webkit-linear-gradient(left,#0066b0,#2e95f2,#2e95f2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	
	
	}
	 .iab .warp .box h3 span { color:#005eb2;}
    .iab .warp .box .cent{font-size: 16px;line-height: 30px;color: #1d2830;margin-bottom: 40px;}
    .iab .warp .box .cent p{ font-size: 15px;line-height: 28px;color: #666;}
    .iab .warp .box .btns{
        display: block;
        width: 210px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform:capitalize;
        font-family: 'BEBAS';
        background:#1a1f3f url(../images/rddr.png) 80% center no-repeat;
        border:1px solid #1a1f3f;
        transition: all 0.5s;-webkit-transition: all 0.5s;
        margin-bottom: 0px;
    }
    .iab .box .btns:hover{background:#1a1f3f url(../images/rddr.png) 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(26,31,63,1)}
    .iab .box .details{width: 299px;height: 299px;overflow: hidden;float: right; margin-top:-30px;}
    .iab .box .details img{transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .box .details:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic{float: right;width: 598px;height: auto;}

    .iab .warp .pic .video-pc{width: 100%;height:auto;position:relative;margin-bottom: 50px;overflow:hidden; margin-top:20px; box-shadow:0px 10px 10px 10px rgba(0,0,0,.1);}
    .iab .warp .pic .video-pc img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s}
    .iab .warp .pic .video-pc:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
    .iab .warp .pic .video-pc .btns{
        display: block;
        width: 76px;
        height: 76px;
        background: url(../images/iab-btns.png) center no-repeat;
        z-index: 5;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -38px 0 0 -38px;
        cursor: pointer;
        transition: all 0.5s;-webkit-transition: all 0.5s;
    }
    .iab .warp .pic .video-pc .btns:hover{background: url(../images/iab-btns1.png) center no-repeat;}
    .iab .warp .pic .video-ph{display: none;}
    .iab .warp .bot{padding-left:0px;height: auto; width:100%; float:left; padding-bottom:40px;}
    .iab .warp .bot ul li{float: left;margin-right: 90px;}
    .iab .warp .bot ul li:last-child{margin-right: 0px;}
    .iab .bot li p{font-size: 55px;color: #333; text-align: center;line-height: 70px;font-family: 'BEBAS'; margin-bottom: 5px;}
	
	.iab .bot li p span { font-size:15px; line-height:20px;  background:#f7941d; color:#fff; font-weight:900; border-radius:50%; width:25px; height:25px; padding:2.5px;  display: inline-block; margin-left:-10px; margin-top:-15px; }
	
    /*.iab .bot li:nth-child(1) p{font-family: 'Times New Roman';}*/
    .iab .bot li .intro{display: block; text-align: left;font-size: 15px;line-height: 20px; color:#666;}
	
	
.index_9 {   height:700px; margin:0px auto; width:100%; clear:both; overflow: hidden;}

.index_3_left_mid .index_1_mid_left_1_left_1_1 span i { top:50%;}
	
	





.slide__text {

  width: 1000%;
 
  color: #fff; 

 
}
  .slide__text {
   
    width: 100%;
    height: 20rem;
    text-align: center;
   
  }
.slide__text-heading {
  font-family: "Polar", Helvetica, Arial, sans-serif;
  font-size: 42px;
  margin-bottom: 10px; font-weight:700;
}
  .slide__text-heading {
    line-height: 50px;
    font-size: 40px;
  }
.slide__text-desc {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size:16px; line-height:30px;
  margin-bottom: 40px; width:100%; display:block; float:left; 
}
.slide__text-desc p { width:23%; float:left; margin:1%;  background:rgba(255,255,255,.9); padding:2% 2%;  font-size:19px; transition:all .4s; border:2px solid #fff; color:#005eb2 !important; font-weight:900; text-align: left !important; position:relative;

/*text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 30px;
line-height:30px;*/


}
.slide__text-desc p span { display:block; font-size:15px; opacity:.7; color:#000; font-weight:400; text-align:left !important;}
.slide__text-desc p i { display:block; font-weight:400; font-style:normal; font-size:16px;}
.slide__text-desc p font {display:block; position:absolute; font-size:40px; font-family:mb; color:#005eb2; top:20px; right:20px; }
.slide__text-desc a:hover p { border:2px solid #005eb2; background:#005eb2; color:#fff !important; transform:translateY(-10px); }
.slide__text-desc a:hover p i { color:#ffff;}
.slide__text-desc a:hover p span { color:#ffff;}
.slide__text-desc a:hover p font { color:#ffff;}
.slide__text-desc a p { color:#fff;}
  .slide__text-desc {
   
  }
.slide__text-link {
  
 
  padding: ; 
  cursor: pointer;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  perspective: 1000px; color:#fff; width:90px; height:90px; line-height:90px; text-align:center; border-radius:50%; overflow:hidden; margin:40px auto ;
}
  .slide__text-link {
  
  }
.slide__text-link:before {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #005eb2;
  transform-origin: 50% 100%;
  transform: rotateX(-85deg);
  transition: transform 0.3s;
  will-change: transform;
}
.slide__text-link:hover:before {
  transform: rotateX(0); 
}.slide__text-link:hover {
  transform: rotateX(0); font-size:16px;  
}
.slide__text h3 { font-family:ml; text-transform:uppercase; font-size:30px; color:#fff; margin-bottom:30px; font-weight:400;}

.index_cp { background: url(../images/a5.jpg) no-repeat center top #005eb2; width:100%; height:750px; margin:0px auto; padding:100px 0px; background-attachment:fixed;}
.index_cp .con { width:; margin:0px 5.95833333333333%;  }	

.indexbanner_bg_mid_3 { font-family:Barlow-Regular;}
.indexbanner_bg_mid_2 { width:45%; font-size:45px; font-weight:900;}
.indexbanner_bg_mid_1 {font-size:35px; font-weight:400; }








.index_2{background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/img12.jpg);
color:#fff; text-align:center; background-color:#e4e4e4; padding-bottom:13%; position:relative; padding-top:8%;}
.index_2_2{ position:relative; margin-top:1em;
color:#fff; padding-bottom:20px; font-size:18px;}
.index_2_1{
font-size:38px; position:relative; padding-bottom:20px; }
.index_2_1 strong { font-weight:700; color:#e62129;}


/*.index_2_1:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#fff; width:40px;}*/
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:0;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4em;}



.zl { width:100%; clear:both; overflow:visible;}
.zl dl { width:28%; display:inline-block; text-align:center;color:#fff;font-size:18px;}
.zl dl img { margin:0px auto 27px;}
.zl dl dt {  line-height:46px; width:70%; margin:0px auto; color:#fff;}

.zl dl dt span{ font-family:Arial, Helvetica, sans-serif; line-height:36px; font-weight:normal}

.zl dl dd b { color:#fff; font-size:35px; font-weight:900; line-height:67px; font-family:Arial, Helvetica, sans-serif; }

.jiyu { font-size:32px; color:#333;}
.qianming { width:100%; display:flex; color:#fff;  justify-content: flex-end; line-height:50px; font-size:18px; margin-top:50px;}
.qianming img { height:50px;}

.jiyu-content {
    text-align: center;
    overflow: hidden;
    padding: 5% 0;
    background: #f8f8f8 url(../images/jiyu.jpg) center bottom no-repeat;
    background-size: cover;
}
.jiyu { margin-top:100px;  color:#fff;}
.jiyubt h5 { font-size:22px; font-weight:900; margin-top:20px; margin-bottom:20px; color:#fff;}

.about-section-left .jiyu::before {background: url(../images/yh1.png) center no-repeat;}







.index_case{ overflow:hidden; padding-bottom:8em;
background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img5.jpg);}
.index_case_1{
position:relative; height:700px; width:94%; margin:0px 3%;}
.index_case_1_left{
position:absolute; left:0; top:0; height:100%; width:49.5%;}

.index_case_1_left_top {overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:63.7%;}

.index_case_1_left_footer {overflow:hidden;
position:absolute; left:0; bottom:0; width:100%; height:34.5%;}

.index_case_1_left img{
width:100%;}
.index_case_1_left_jj{
position:absolute; left:0; bottom:0; width:100%; z-index:10; color:#fff;}
.index_case_1_left_jj_mid{
padding:0 2.5em 2em 2.5em;}
.index_case_1_left_jj_mid_1{
font-size:1.575em;}
.index_case_1_left_jj_mid_2{
font-family:Arial, Helvetica, sans-serif; margin-top:0.4em; margin-bottom:0.4em;



}/* footer */
.footer {overflow: hidden;color: #fff;position: relative; border-top:0px solid #e62129; }
.footer-content {overflow: hidden;  }
.footer-content-top {background: #0a0a0a;padding: 4% 0;overflow: hidden;}
.footer-logo {float: left;}

.footer-logo span{ color:#ffff}
.footer-logo .arrow1{ text-transform:uppercase}
.footer-logo .arrow2{ padding-top:20px}



.footer-logo a {display: block;background: url() center no-repeat;background-size: 100%;}
.footer-logo img {opacity: 1; margin-bottom:20px}
.footer-nav {font-size: 14px;color: #7d7d7d;float: right;width: 76%;}
.footer-nav ul{list-style: none;margin: 0;padding: 0;width: 15%;float: left;text-align: left;}
.footer-nav ul h4{display: block;margin: 0;padding: 0;font-weight: normal;margin-bottom: 15%; }
.footer-nav ul li{list-style: none;margin: 0;padding: 0;margin-bottom: 10%;}
.footer-nav ul li a{color: #fff;}
.footer-nav ul li a:hover {color: #e62129;}
.footer-nav ul .ewm {overflow: hidden;text-align: center;display: inline-block;color: #fff;}
.footer-nav ul .ewm img{max-width: 110px;max-height: 110px;display: block;height: auto;}
.footer-telemail {clear: both;overflow: hidden;font-size: 16px;padding-top: 6%;overflow: hidden;font-family: 'Montserrat-Regular','Microsoft YaHei',Arial;}
.footer-telemail a {color: #fff;font-size: 16px;}
.footer-content-bottom {background: #000;clear: both;color: #7d7d7d;padding: 1% 0;overflow: hidden;position: relative;font-size: 14px;}
.footer-content-bottom a{color: #7e7e7e;}
.footer-content-bottom a:hover {color: #e62129;}
.footer-copyicp {float: left;}
.footer-niego {float: right;}
.aside-top {position: fixed; width: 60px;bottom:10%;right:4%; z-index:199;display: none;}
.aside-top a {width: 60px;height: 60px;display: block;overflow: hidden; background: transparent url('../images/top.png') no-repeat center;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);}
.aside-top a:hover {background: #e62129 url('../images/top.png') no-repeat center;opacity: 1;border: 1px solid #e62129;}
.footer .aside-top{display: block;position: absolute;bottom:auto;top: 13%;right:3%; }








.index_3_left_mid_3 .mores {
    display: block;
    width: 200px;
    margin: 0px auto;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #c5c5c5;
    font: 400 16px/50px Microsoft Yahei;
    color: #525252;
    margin-top: 50px;
    text-decoration: none;
}


img {
    max-width:auto!important;
}




/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  



.pro_2_mid_right_1 ul{ display:block; width:100%}


.contact_2 {
    height: 70vh;
}







}