/* CSS Reset */
html{-webkit-text-size-adjust:none; }
body{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{color: #3c3c3c;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.alltra {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
 
.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;}
.no-touch body,.no-touch html {overflow: hidden;height: 100%;}

 
 


/* footer */
.footer {position: relative;}
.footer a{color: #9b9fa7;}
.footer a:hover {color: #000;}
.footer-content {position: relative;width: 1200px;margin: auto;padding: 5% 0 1% 0;}
.footer-content-top {overflow: hidden;position: relative;padding-bottom: 7%}
.footer-content-left {float: left;width: 35%;color: #9b9fa7;}
.footer-content-logo {width: 48%;}
.footer-content-tel {margin-top: 7%;line-height: 24px;}
.footer-content-tel .title-1{font-size: 14px;padding-bottom: 5px;}
.footer-content-tel .tel-2{font-size: 24px;line-height: 24px;font-family: 'Manrope-Bold';}
.footer-content-add {font-size: 14px;margin-top: 3%;}
.footer-content-add strong{display: block;margin: 0;padding: 0;padding-bottom: 5px;}
.footer-content-add p{display: block;margin: 0;padding: 0;}
.footer-content-icon {margin-top: 5%;margin-left: -1%;}
.footer-content-icon li{display: inline-block;vertical-align: middle;position: relative;}
.footer-content-icon a{display: block;font-size: 14px;position: relative;}
.footer-content-icon i{display:block;position: relative;width: 30px;height: 30px;opacity: .3;overflow: hidden;}
.footer-content-icon a:hover i {opacity: 1;}
.footer-content-icon i * {fill:#000;}
.footer-content-icon i svg {max-width: 20px;max-height: 20px;}
.ewmshows {width: 110px;height: 110px;position: absolute;left: 50%;top: 30px;z-index: 11;transform: translateX(-50%);opacity: 0;display: none;}
.footer-content-icon li:first-child .ewmshows{left:0;transform: translateX(0);}
.ewmshows img {display: block;width: 100%;height: auto;}
.footer-content-icon a:hover .ewmshows {opacity: 1;display: block;}
.footer-content-right {float: right;width: 65%;text-align: right;}
.footer-content-right ul{text-align: left;display: inline-block;vertical-align: top;margin: 0;padding: 0;padding-left: 5%;}
.footer-content-right strong{font-size: 14px;color: #9b9fa7;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #cccccc;display: block;padding-right: 40px;}
.footer-content-right li {list-style: none;margin: 0;padding: 0;padding-bottom: 10px;}
.footer-content-right li a{color: #9b9fa7;}
.footer-content-bottom {overflow: hidden;position: relative;padding: 1% 0;font-size: 12px;color: #9b9fa7;border-top: 1px solid #e5e5e5;}
.footer-content-bottom-copy {float: left;}
.footer-content-bottom-weblink {float: right;}
.footer-content-bottom a{font-size: 12px;}
.footer-fztuxing {width: 76px;height: 99px;position: absolute;top: -50px;right: 0;background: url('../../en/static/images/footer.png') no-repeat;}


 

/* index */
.index-banner {width: 100%;overflow: hidden;position: relative;background: #000;}
.index-banner-item .text{color: #fff;position: absolute;width: 35%;left: 18.5%;top: 50%;transform: translateY(-60%);z-index: 10;}
.index-banner-item .title-1{font-size: 30px;text-transform: uppercase;}
.index-banner-item .title-2{font-size: 50px;font-weight: bold;border-bottom: 2px solid #fff;padding: 1% 0 2% 0;margin-bottom: 2%;}
.index-banner-item .title-3{font-size: 18px;}
.index-banner-item .more-4 {margin-top: 8%;}
.index-banner-item .more-4 a {border: 2px solid #fff;display: inline-block;color: #fff;padding: 3% 5%;}
.index-banner-item .more-4 span{display: inline-block;vertical-align: middle;font-size: 14px;text-transform: uppercase;}
.index-banner-item .more-4 i{display: inline-block;vertical-align: middle;width: 29px;height: 8px;background: url('../../en/static/images/r1.png') center no-repeat;margin-left: 20px;}
.index-banner-item .img{position: relative;}
.index-banner-item .img .pic {opacity: 1;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-banner-swiper .title-2 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .title-3 {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .more-4  {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .title-3,
.index-banner-swiper .swiper-slide-active .more-4 {transform:translateY(0px);opacity:1;}
.index-banner-pagination {right: 18.5%;top: auto;bottom: 7%;z-index: 10;width: 20%;position: absolute;text-align: right;}
.index-banner-pagination span {font-size: 16px;color: #fff;opacity: .7;display: inline-block;vertical-align: middle;}
.index-banner-pagination span.cur {opacity: 1;}
.banner-pagination-num {position: relative;display: inline-block;vertical-align: middle;width: 240px;height: 10px;margin: 0 20px;}
.banner-pagination{width: 100%;height: 100%;position: relative;left: auto;top: auto;}
.banner-pagination .swiper-pagination-bullet {width:100%;height:10px;margin:0;border-radius: 0;opacity:0;background: none;position: absolute;z-index: 9;outline: none;left: 0;top: 0;}
.banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height:2px;position: absolute;left: 0;top:5px;opacity:1;z-index: 9;background: #fff;opacity: .5;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {z-index: 20;opacity: 1;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;z-index: 20;}
.banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;transition:all .4s ease;background: #fff;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1 forwards;animation: w100 4000ms 1 forwards;}
@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

.index-banner-scroll {position: absolute;left: 18.5%;bottom: 7%;z-index: 10;}
.index-banner-scroll i{display: block;width: 71px;height: 35px;background: url('../../en/static/images/scroll.png') center no-repeat;}
.index-banner-item  video {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 6;object-fit: cover;}





.index-product {text-align: center;padding: 8% 0;overflow:hidden;background: url('http://www.jxzbx.com/static/images/bg1') right top no-repeat;}
.index-content {width: 1440px;margin: auto;}
.title {color: #331e87;}
.title .title-1{font-size: 30px;font-weight: bold;}
.title .line-2{width: 60px;height: 2px;background: #00d4aa;margin: 20px auto;}
.title .text-3{font-size: 14px;}
.index-product-list {position: relative;padding: 5% 0;overflow: hidden;}
.index-product-item {width: 33%;overflow: hidden;position: relative;float: left;}
.index-product-item a{display: block;position: relative;}
.index-product-item .text{position: absolute;width: 86%;left: 30px;bottom: 30px;z-index: 11;color: #fff;text-align: left;}
.index-product-item .title-1{text-transform: uppercase;font-size: 20px;text-transform: uppercase;opacity: .2;}
.index-product-item .title-2{font-size: 20px;font-weight: bold;padding: 1% 0;}
.index-product-item a:hover .pic {transform: scale(1.05);}


.index-about {text-align: center;padding: 8% 0;overflow:hidden;background-size: cover;background-position: center;background-repeat: no-repeat;}
.index-about .title {color: #fff;}
.index-about .title .line-2{background: #fff;opacity: .3;}
.index-about .title .text-3{font-size: 16px;line-height: 30px;width: 60%;margin: auto;}
.index-about-content {margin-top: 3%;overflow: hidden;border: 1px solid rgba(255,255,255,.2);background: rgba(0,0,0,.4);box-sizing: border-box;}
.index-about-item {position: relative;float: left;width: 16.666%;overflow: hidden;transition:all .4s ease}
.index-about-item:hover {background: rgba(0,0,0,.2);}
.index-about-item:first-child {width: 50%;}
.index-about-item:first-child .title-1::after {content: '';display: block;width: 100%;height: 1px;background: #fff;opacity: .2;margin: 20px 0;}
.index-about-item:first-child .text {width: 100%;left: 0;}
.index-about-item::before {content: '';width: 1px;height: 100%;background: #fff;opacity: .2;position: absolute;left: 0;top: 0;}
.index-about-item::after {content: '';width: 100%;height: 1px;background: #fff;opacity: .2;position: absolute;left: 0;bottom: 0;} 
.index-about-item .text{color: #fff;width: 80%;position: absolute;left: 10%;top:50%;z-index: 11;text-align: left;box-sizing: border-box;padding: 10%;transform: translateY(-50%);}
.index-about-item .title-1 {font-weight: bold;font-size: 18px;}
.index-about-item .title-1 strong{display: inline-block;vertical-align: bottom;font-size: 50px;line-height: 50px;}
.index-about-item .title-1 span{display: inline-block;vertical-align: bottom;font-size: 14px;line-height: 24px;margin: 1%;}
.index-about-item .text-2{font-size: 16px;line-height: 30px;text-align: justify;}
.index-about-item .text-3{font-size: 14px;padding-top: 10px;}
.index-about-item .play-3{position: relative;margin-top: 7%;}
.index-about-item .play-3 a {display: inline-block;background: #00d4aa;padding: 15px 30px 15px 25px;font-size: 0;}
.index-about-item .play-3 a:hover {background: #009b7c;}
.index-about-item .play-3 i{display: inline-block;vertical-align: middle;width: 15px;height: 17px;background: url('../../en/static/images/play.svg') center no-repeat;margin-right: 10px;}
.index-about-item .play-3 span{display: inline-block;vertical-align: middle;font-size: 16px;color: #fff;}		 
.index-about-item .img {background: none;}
.index-about-item .img img {opacity: 0;}


.index-news {padding: 9% 0 8% 0;overflow:hidden;background: #eff1f4;}
.index-news .index-content {width: 1200px;}
.index-news-top {position: relative;}
.index-news-top .title .line-2{margin: 20px 0;}
.index-news-top .viewmore {position: absolute;right: 0;bottom: 1%;}
.viewmore{position: relative;overflow: hidden;}
.viewmore a{display: inline-block;font-size: 16px;padding-bottom: 10px;position: relative;text-transform: uppercase;color: #331e87;}
.viewmore a::after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #00d4aa;}
.index-news-list {padding: 4% 0 0 0;overflow: hidden;}
.index-news-list-swiper {overflow: hidden;}
.index-news-item {overflow: hidden;}
.index-news-item a{display: block;overflow: hidden;position: relative;}
.index-news-item a::before  {content: '';width: 0;height: 2px;background: #321e87;position: absolute;left: 0;bottom: 0;z-index: 1;transition:all .4s ease}
.index-news-item a::after {content: '';width: 100%;height: 2px;background: #d7d8db;position: absolute;left: 0;bottom: 0;}
.index-news-item a:hover::before {width: 100%;}
.index-news-item .text{color: #000000;padding-top: 17%;}
.index-news-item .title-1{font-size: 17px;font-weight: bold;opacity: .75;}
.index-news-item .text-2{font-size: 14px;line-height: 24px;margin: 4% 0;min-height: 87px;opacity: .75;}
.index-news-item .more-3{overflow: hidden;padding-bottom: 10%;opacity: .7;}
.index-news-item .more-3 span{font-size: 14px;display: inline-block;vertical-align: middle;}
.index-news-item .more-3 i{display: inline-block;vertical-align: middle;width: 6px;height: 12px;background: url('../../en/static/upload/r1.png') center no-repeat;margin-left: 10px;}
.index-news-item a:hover .title-1 {color: #321e87;opacity: 1;}
.index-news-item a:hover .more-3,.index-news-item a:hover .text-2 {opacity: 1;}
.index-news-item a:hover .pic {transform: scale(1.05);}


.index-partner {padding: 9% 0;overflow:hidden;}
.index-partner .index-content {width: 1300px;}
.index-partner-top {text-align: center;}
.index-partner-top .title .text-3 {line-height: 30px;}
.index-partner-list {padding: 5% 0;overflow: hidden;font-size: 0;text-align: left;margin-left:0;}
.index-partner-list li {list-style: none;margin: 0;padding: 0;position: relative;display: inline-block;vertical-align: middle;min-height: 100px;width: 14%;}
.index-partner-list li img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .5;transition:all .4s ease;max-width: 100%;max-height: 90%;}
.index-partner-list li:hover img {opacity: 1;filter:none;filter:none;}
.index-partner-list li {margin-right: 7.5%;}
.index-partner-list li.ilogo5 {margin-right: 0;}

.index-contact {padding: 5% 0 9% 0;overflow:hidden;background: #d7dbe3;}
.index-contact .index-content {width:1200px;}
.index-contact-top {text-align: center;}
.index-contact-top .title-0{font-size: 20px;color: #00d4aa;}
.index-contact-top .text-3{font-size: 14px;line-height: 24px;color: #360e61;}
.index-contact-bottom {padding-top: 7%;overflow: hidden;}
.index-contact-left {float: left;width: 48%;overflow: hidden;}
.index-contact-left .title-1{color: #360e61;border-top: 2px solid #a399bc;border-bottom: 2px solid #a399bc;padding: 2% 0;}
.index-contact-left .title-1 strong{font-size: 17px;}
.index-contact-left .title-1 p{font-size: 14px;display: block;margin: 0;padding: 0;padding-top: 5px;}
.index-contact-left .item {padding: 3% 0 0 0;overflow: hidden;}
.index-contact-left .item.item-2 li {float: left;}
.index-contact-left .item.item-2 li:first-child {padding-right: 10%;margin-right: 10%;}
.index-contact-left .item.item-2 li:first-child::after {content: '';width: 1px;height: 100%;background: #b7b2c9;position: absolute;right: 0;top: 0;}
.index-contact-left .item li {list-style: none;margin: 0;padding: 0;color: #321e87;padding-left: 40px;position: relative;}
.index-contact-left .item li .icon-1{background: url('../../en/static/upload/ctel.png') left center no-repeat;}
.index-contact-left .item li .icon-2{background: url('../../en/static/upload/cemail.png') left center no-repeat;}
.index-contact-left .item li .icon-3{background: url('../../en/static/upload/cadd.png') left center no-repeat;}
.index-contact-left .item li i{display: block;width: 39px;height: 39px;position: absolute;left: 0;top: 0;}
.index-contact-left .item li p{font-size: 12px;opacity: .5;display: block;margin: 0;padding: 0;}
.index-contact-left .item li strong{font-size: 14px;margin: 0;padding: 0;display: block;font-weight: normal;}
.index-contact-left .map-1{margin-top: 5%;position: relative;overflow: hidden;}
.index-contact-right {float: right;width: 48%;overflow: hidden;color: #360e61;}	
.index-contact-right .title-1{font-size: 17px;font-weight: bold;line-height: 17px;padding-bottom: 10px;}	
.index-contact-right .item{overflow: hidden;font-size: 12px;color: #857c9d;line-height: 22px;}	
.index-contact-right .item li {padding: 1% 0;overflow: hidden;list-style: none;margin: 0;float: left;width: 49%;}
.index-contact-right .item li:first-child {float: right;}
.index-contact-right .item input{border: none;background: #f5f5f7;display: block;width: 100%;box-sizing: border-box;padding: 4% 5%;}
.index-contact-right .item input:focus {background: #fff;}
.index-contact-right .item textarea{border: none;background: #f5f5f7;display: block;width: 100%;box-sizing: border-box;padding: 2.7%;margin: 1% 0;min-height: 100px;}
.index-contact-right .item .checkbox{width: auto;padding: 0;display: inline-block;}
.index-contact-right .item .submit{background: #9b9fa7;text-align: center;display: block;padding: 2% 0;font-size: 14px;font-weight: bold;color: #fff;margin-top: 2%;}
.index-contact-right .item .submit:hover {background: #00d4aa;}

.video-windows {width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #000;z-index: 11111;overflow: hidden;display: none;}
.video-windows video{display: block;width: 70%;height: auto;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.close-1 {width: 70px;height: 70px;position: absolute;right:1%;top:2%;z-index:11;background: #fff;border-radius:100%;cursor: pointer;transition:all .4s ease;opacity: 1;}
.close-1.cur {opacity: 1;bottom:10%;}
.close-1 i {width: 70px;height: 70px;display: block;position: relative;transition:all .4s ease;transform: rotate(45deg);}
.close-1 i::before,.close-1 i::after {content: '';background: #000;left: 50%;top:50%;transform: translate(-50%,-50%);position: absolute;transition:all .4s ease;}
.close-1 i::before{width: 20px;height: 2px;}
.close-1 i::after {width: 2px;height: 20px;}
.close-1:hover {background: #1e64dd;}
.close-1:hover i::before,.close-1:hover i::after {background: #fff;}




/* about */
.page-banner {margin-top: 80px;overflow: hidden;position: relative;}
.page-banner .text{position: absolute;left: 18.5%;top: 50%;width: 70%;z-index: 11;transform: translateY(-70%);color: #fff;}
.page-banner .text .title-1{font-size: 40px;opacity: .2;text-transform: uppercase;}
.page-banner .text .title-2{font-size: 30px;font-weight: bold;}
.page-banner .img{overflow: hidden;}
.page-banner-nav {position: absolute;left: 50%;bottom: 0;width: 1200px;transform: translateX(-50%);z-index: 51;font-size: 0;transition:all .4s ease;}
.page-banner-nav li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;position: relative;text-align: center;overflow: hidden;background: #331e87;}
.page-banner-nav li::after {content: '';width: 1px;height: 20px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;opacity: .2;}
.page-banner-nav li:last-child::after {display: none;}
.page-banner-nav li a{display: block;color: #fff;font-size: 16px;padding: 20px 0;width: 101%;}
.page-banner-nav li a.cur{background: #fff;color: #321e87;}
.page-banner-nav.num8 li {width: 12.5%;}
.page-banner-nav.num7 li {width: 14.285%;}
.page-banner-nav.num6 li {width: 16.6666%;}
.page-banner-nav.num5 li {width: 20%;}
.page-banner-nav.num4 li {width: 25%;}
.page-banner-nav.num3 li {width: 33.333333%;}
.page-banner-nav.num2 li {width: 50%;}
.page-banner-nav.num1 li {width: 100%;}
.page-banner-nav.cur {position: fixed;top: 80px;height: 60px;}


.about-introduction {overflow: hidden;}
.about-introduction .index-content{width: 1200px;margin: auto;overflow: hidden;padding: 5% 0;}
.about-introduction-left {float: left;width: 25%;overflow: hidden;}
.about-introduction-left .line-2 {margin: 20px 0;}
.about-introduction-right {float: right;width: 72%;overflow: hidden;}
.about-introduction-text {font-size: 16px;line-height: 32px;color: #676767;}
.about-introduction-text p {margin: 0;padding: 0;}
.about-introduction-text img {max-width: 100%;height: auto;}
.about-introduction-bottom {margin-top: -15%;overflow: hidden;padding: 5% 0 8% 0;}
.about-introduction-bottom .index-content{width: 1200px;margin: auto;overflow: hidden;margin-top: 8%;}
.icon-item {color: #fff;text-align: center;position: relative;width: 25%;float: left;}
.icon-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #fff;opacity: .2;}
.icon-item:last-child::after {display: none;}
.icon-item .icon-1 {width: 60px;height: 60px;position: relative;overflow: hidden;margin: auto;}
.icon-item .title-2 {margin-bottom: 5px;}
.icon-item .title-2 strong{font-size: 40px;display: inline-block;vertical-align: middle;}
.icon-item .title-2 span{display: inline-block;vertical-align: middle;font-size: 30px;}
.icon-item .text-3{font-size: 20px;opacity: .7;}


.about-team {padding:  7% 0 11% 0;overflow: hidden;}
.about-team-top {overflow: hidden;padding-bottom: 4%;}
.about-team-top .index-content{width: 1200px;margin: auto;overflow: hidden;}
.team-left{float: left;width: 20%;}
.team-left .line-2{margin: 20px 0;}
.team-right{float: right;width: 36%;position: relative;}
.team-right .text{font-size: 16px;line-height: 32px;color: #676767;padding-bottom: 20%;}
.about-team-bottom {overflow: hidden;margin-left: 18.5%;width: 81.5%;}		
.team-swiper {overflow: hidden;}
.team-pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #000;}
.team-next,.team-prev  {position: relative;left: auto;top: auto;bottom: auto;margin: 0;right: auto;display: inline-block;vertical-align: middle;outline: none;}
.team-next:after,.team-prev:after {font-size: 20px;color: #130a64;}
.team-next {margin-left: 20px;}

.about-culture {position: relative;overflow: hidden;background-position: center top;background-repeat: no-repeat;background-size: 100%;}
.about-culture-top {text-align: center;margin-top: 8%;}
.about-culture-top .title-1 {color: #fff;}
.about-culture-top .line-2 {background: #fff;}
.about-culture-bottom {position: relative;margin-top: 4%;padding-bottom: 5%;}
.about-culture-bottom .index-content{background: #fff;margin: auto;box-shadow: 0px 7px 11.96px 1.04px rgba(0, 0, 0, 0.06);width: 1200px;overflow: hidden;padding: 5% 0;text-align: center;}
.culture-item{float: left;width: 25%;position: relative;overflow: hidden;}
.culture-item::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #e5e5e5;}
.culture-item:last-child::after {display: none;}
.culture-item .icon-1{width: 60px;height: 60px;position: relative;margin: auto;}
.culture-item .title-2{font-size: 20px;color: #737373;padding-bottom: 10px;}
.culture-item .title-3{color: #271475;font-size: 20px;font-weight: bold;width: 70%;margin: auto;line-height: 30px;min-height: 60px;}

.about-organizational-structure {padding: 5% 0;overflow: hidden;}
.organizational-structure-top {text-align: center;}
.organizational-structure-top .title .text-3{font-size: 16px;line-height: 30px;}
.organizational-structure-bottom {text-align: center;background: url('../../en/about/images/map.png') center no-repeat;}
.organizational-structure-bottom .index-content{padding: 3% 0;overflow: hidden;width: 1200px;}
.organizational-structure-pic{overflow: hidden;margin-top: 3%;}
.organizational-structure-pic img {display: inline-block;max-width: 100%;}
.organizational-structure-btn{margin-top: 3%;}
.organizational-structure-btn a{display: inline-block;border: 1px solid #00d4aa;padding: 10px 20px;font-size: 0;}
.organizational-structure-btn a span{display: inline-block;vertical-align: middle;font-size: 16px;color: #321e87;margin-right: 10px;}
.organizational-structure-btn a i{display: inline-block;vertical-align: middle;width: 19px;height: 17px;background: url('../../en/about/images/r1.png') center no-repeat;}


.about-development-history {padding: 9% 0;overflow: hidden;background: url('../../en/about/images/bg3.jpg') center no-repeat;background-size: cover;}
.development-history-top {text-align: center;}
.development-history-top .title-1{color: #fff;}
.development-history-top .line-2{background: #fff;opacity: .5;}
.development-history-bottom {margin-top: 5%;overflow: hidden;background: url('../../en/about/images/hline.svg') center 70px no-repeat;}
.development-history-swiper {overflow: hidden;}
.development-history-swiper .swiper-slide-active .development-history-item {opacity: 1;}
.development-history-swiper .swiper-slide-active .development-history-item-bottom {opacity: 1;}
.development-history-swiper .swiper-slide-active .development-history-item-top .title-1:before {display: inline-block;}
.development-history-item {text-align: center;opacity: .2;transition:all .4s ease;padding-bottom: 6%;}
.development-history-item *{transition:all .4s ease;}
.development-history-item-top {padding-bottom: 50px;overflow: hidden;}
.development-history-item-top .title-1{font-size: 0;overflow: hidden;}
.development-history-item-top .title-1:before {content: '';display:none;vertical-align: middle;color: #fff;font-size: 40px;text-transform: uppercase;margin-right: 20px;}
.development-history-item-top .title-1 strong {color: #fff;font-size: 40px;text-transform: uppercase;display: inline-block;vertical-align: middle;margin: 0;padding: 0;font-weight: normal;}
.development-history-item-bottom {opacity: 0;overflow: hidden;padding-top: 16px;position: relative;margin-top: 3%;width: 110%;margin-left: -5%;}
.development-history-item-bottom::before {content: '';width: 39px;height: 17px;position: absolute;left: 50%;top:0px;background: url('../../en/about/images/sj1.png') center no-repeat;transform: translateX(-50%);}
.development-history-item-main {padding: 3%;text-align: left;background: #fff;overflow: hidden;}
.development-history-item-bottom .pic-1{float: left;width: 35%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.development-history-item-bottom .text-1{float: left;color: #271475;width: 55%;padding: 4% 2% 0 8%;}
.development-history-item-bottom .text-1 .title-1{font-size: 20px;position: relative;font-weight: bold;}
.development-history-item-bottom .text-1 .title-1::after {content: '';width: 40px;height: 1px;background: #339962;display: block;margin: 15px 0;}
.development-history-item-bottom .text-1 .text-2{font-size: 16px;line-height: 30px;}

.about-patent-qualification {padding: 7% 0;overflow: hidden;}
.patent-qualification-top {width: 1200px;margin: auto;position: relative;}
.patent-qualification-top .line-2{margin: 20px 0;}
.patent-qualification-top .qualification-nav {overflow: hidden;position: absolute;right: 0;bottom: 0;text-align: right;}
.patent-qualification-top .qualification-nav::before {content: '';width: 100%;height: 2px;background: #ccc;position: absolute;left: 0;bottom: 0;}
.patent-qualification-top .qualification-nav a {color: #000;opacity: .7;font-size: 20px;display: inline-block;vertical-align: middle;padding-bottom: 15px;position: relative;margin-left: 30px;}
.patent-qualification-top .qualification-nav a:first-child {margin-left: 0px;}
.patent-qualification-top .qualification-nav a.cur {opacity: 1;color: #321e87;}
.patent-qualification-top .qualification-nav a.cur::before {content: '';width: 100%;height: 2px;background: #321e87;position: absolute;left: 0;bottom: 0;}
.patent-qualification-bottom {overflow: hidden;}
.patent-qualification-swiper {width: 80%;margin: auto;padding: 100px 0;}
.patent-qualification-item {overflow: hidden;text-align: center;transition:all .4s ease;}
.patent-qualification-item .img-1{overflow: hidden;position: relative;}
.patent-qualification-item .img-1 img.img-center {max-width: 70%;transition:all .4s ease;}
.patent-qualification-item .title-2{color: #000;font-size: 14px;padding-top: 20px;opacity: 0;margin: auto;}
.patent-qualification-swiper .swiper-slide-active .patent-qualification-item {transform: scale(1.1);}
.patent-qualification-swiper .swiper-slide-active .patent-qualification-item .img-1 img.img-center{max-width: 100%;}
.patent-qualification-swiper .swiper-slide-active .patent-qualification-item .title-2{opacity: 1;font-size: 14px;}
.patent-qualification-swiper .swiper-slide-prev .patent-qualification-item .img-1 img.img-center{margin-left: 3%;}
.patent-qualification-swiper .swiper-slide-next .patent-qualification-item .img-1 img.img-center{margin-right: 3%;}
.patent-qualification-swiper .swiper-pagination-progressbar {top: auto;bottom: 0;width: 60%;left: 20%;height: 2px;}
.patent-qualification-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #321e87;}

.about-partner {padding: 7% 0 5% 0;overflow: hidden;background: #f7f8f9;}
.about-partner .index-content {width: 1200px;}
.about-partner .index-partner-top .title .text-3 {font-size: 16px;line-height: 30px;}

.about-production-base {padding: 7% 0 5% 0;overflow: hidden;}
.about-production-base .index-content{width: 1200px;}
.about-production-base-top{text-align: center;}
.about-production-base-bottom {position: relative;}
.about-production-base-bottom .map-1{width: 90%;margin: auto;position: relative;}
.about-production-base-bottom .tip-2 {position: absolute;left: 0;bottom: 10%;z-index: 1;}
.about-production-base-bottom .tip-2 li{font-size: 16px;color: #847cb0;list-style: none;margin: 0;padding: 10px 0;padding-left: 25px;position: relative;}
.about-production-base-bottom .tip-2 li::before {content: '';width: 10px;height: 10px;background: #00803b;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about-production-base-bottom .tip-2 li:first-child::before {border-radius: 100%;background: #321e87;}
.about-production-base-bottom .point {position: absolute;right: 0;z-index: 50;cursor: pointer;}
.about-production-base-bottom .point i{display: inline-block;vertical-align: middle;width: 10px;height: 10px;background: #321e87;border-radius: 100%;position: relative;z-index: 1111;}
.about-production-base-bottom .point i::after {content: '';width: 30px;height: 30px;background: #130a64;border-radius: 100%;opacity: .2;position: absolute;left: 50%;top: 50%;margin: -15px 0 0 -15px;}
.about-production-base-bottom .point span {display: inline-block;vertical-align: middle;font-size: 14px;color: #271475;margin-left: 10px;}
.about-production-base-bottom .point i::after  {animation: yuanfangda 1500ms infinite ease;}
@keyframes yuanfangda{0%{transform:scale(0.1);opacity:1;}100%{transform:scale(1.2);opacity: 0;}}
.about-production-base-bottom .point.point-1 {right: 26%;bottom: 9%;}
.about-production-base-bottom .point.point-2 {right: 30%;bottom: 8%;}
.about-production-base-bottom .point.point-3 {right: 25%;bottom: 25%;}
.about-production-base-bottom .point.point-4 {right: 22%;bottom: 29%;}
.about-production-base-bottom .point.point-5 {right: 26%;bottom: 33%;}
.about-production-base-bottom .point.point-1 i,.about-production-base-bottom .point.point-1 span,
.about-production-base-bottom .point.point-2 i,.about-production-base-bottom .point.point-2 span{display: block;margin:10px auto;}
.about-production-base-bottom .point.point-1 i {border-radius: 0;background: #339962;}
.about-production-base-bottom .point.point-1 i::after {border-radius: 0;}


.about-production-base-bottom .showbox {background: #fff;position: absolute;left:0;top: 60%;width: 46%;z-index: 50;
	box-shadow: 0px 0px 10.4px 2.6px rgba(50, 30, 135, 0.15);transform: translateY(-50%);display: block;opacity: 0;transition:all .4s ease;}
.about-production-base-bottom .showbox.cur {display: block;opacity: 1;top: 45%;}
.about-production-base-bottom .showbox .img {overflow: hidden;z-index: 11;position: relative;}
.about-production-base-bottom .showbox .text{padding: 5%;overflow: hidden;z-index: 11;position: relative;}
.about-production-base-bottom .showbox .title-1{font-size: 16px;font-weight: bold;}
.about-production-base-bottom .showbox .text-2{font-size: 14px;line-height: 24px;color: #666;padding-top: 10px;}

.about-production-base-bottom .point::after {content: '';width: 0px;height: 1px;background: #d6d2e7;position: absolute;bottom: 10px;right:50px;z-index: 1;transition:all .4s ease;}
.about-production-base-bottom .point::before {content: '';width: 1px;height: 0px;background: #d6d2e7;position: absolute;bottom: 10px;right:550px;z-index: 1;transition:all .4s .4s ease;} 
.point.cur::after {width: 500px;}
.point.cur::before {height: 300px;}
.about-production-base-bottom .point.point-1::after  {bottom: 43px;right:23px;}
.about-production-base-bottom .point.point-1::before  {bottom: 43px;right:523px;}
.about-production-base-bottom .point.point-2::after  {bottom: 43px;right:23px;}
.about-production-base-bottom .point.point-2::before  {bottom: 43px;right: 523px;}


.subordinate-enterprises {margin-top: -8%;position: relative;z-index: 11;}
.subordinate-enterprises-content {width: 1200px;margin: auto;background: #fff;padding: 4% 3%;box-sizing: border-box;overflow: hidden;}
.subordinate-enterprises-content .title .line-2{margin: 20px 0;}
.subordinate-enterprises-left {float: left;width: 20%;}
.subordinate-enterprises-right {float: right;width: 68%;}
.about-us-1 {padding-bottom: 10%;overflow: hidden;}
.about-us-1 .title .text-3{font-size: 18px;color: #321e87;font-weight: bold;}
.about-us-1 .title .text-4{font-size: 16px;line-height: 30px;color: #737373;margin-top: 3%;text-align: justify;}
.service-product-1 {position: relative;overflow: hidden;}
.service-product-swiper .img{background: none;}
.service-next,.service-prev  {top: auto;bottom: auto;margin: auto;top: 0;color: #130a64;outline: none;}
.service-next::after,.service-prev::after {font-size: 18px;}
.service-prev {left: auto;right: 50px;}
.contact-us-2 {padding-top: 10%;overflow: hidden;}
.contact-us-2 .title .text-2{font-size: 16px;line-height: 30px;color: #737373;}
.contact-us-2 .map-2{margin-top: 3%;}
.subordinate-enterprises-other {text-align: center;margin-top: 3%;}
.subordinate-enterprises-other .title .line-2{margin: 20px auto;}
.subordinate-enterprises-other .subordinate-enterprises-content {background: none;padding: 4% 0;}
.subordinate-enterprises-other-item {text-align: center;overflow: hidden;}
.subordinate-enterprises-other-logo {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.subordinate-enterprises-other-logo.mr0 {margin-right: 0;}
.subordinate-enterprises-other-logo .logo-1{position: relative;width: 100%;min-height: 135px;background: #fff;}
.subordinate-enterprises-other-logo .title-2{font-size: 16px;padding: 4% 0;color: #757575;}



/* product */
.page-product {padding: 1% 0;overflow: hidden;}
.page-product-list {padding: 1% 0;overflow: hidden;}
.page-product-list .index-content{width: 1200px;margin: auto;}
.index-content-path {color: #737373;}
.index-content-path a {font-size: 12px;color: #737373;}
.index-content-path a:hover {color: #000;}
.page-product-list-top {padding: 5% 0;overflow: hidden;}
.page-product-list-left {float: left;width: 20%;}
.page-product-list-left .line-2{margin: 20px 0;}
.page-product-list-right {float: right;width: 64%;}
.page-product-list-right .text-1{font-size: 16px;line-height: 30px;color: #666;}
.page-product-list-content {padding-bottom: 10%;overflow: hidden;}
.page-product-item {float: left;width: 32.666%;margin-right: 1%;overflow: hidden;margin-bottom: 5%;}
.page-product-item.mr0 {margin-right: 0;}
.page-product-item a{display: block;overflow: hidden;}
.page-product-item a .img {overflow: hidden;background: none;}
.page-product-item a:hover .pic {transform: scale(1.1);}
.page-product-item .title-1{color: #4c4c4c;font-size: 16px;padding-top:20px;}
.page-product-item a:hover .title-1 {color: #321e87;}

.page-content-path {margin-top: 80px;overflow: hidden;background: #e4e5e4;}
.page-content-path .index-content {width: 1200px;margin: auto;}
.page-content-path {color: #737373;padding: .7% 0;overflow: hidden;}
.page-content-path a {font-size: 12px;color: #737373;}
.page-content-path a:hover {color: #000;}

.page-product-detail {padding: 5% 0;overflow: hidden;position: relative;background: url('../../product/images/bg.jpg') no-repeat;background-size: 100%;}
.page-product-detail-top{width: 1200px;margin: auto;}
.page-product-detail-left{float: left;width: 50%;}
.page-product-detail-title {overflow: hidden;}
.page-product-detail-title .title-1{font-size: 40px;color: #dad9d7;}
.page-product-detail-title .title-2{font-size: 30px;font-weight: bold;position: relative;}
.page-product-detail-title .title-2::after {content: '';width: 56px;height: 2px;background: #c6c5c2;margin: 30px 0;display: block;}
.page-product-detail-title .text-3 {font-size: 16px;line-height: 30px;color: #62615f;text-align: justify;}
.page-product-detail-right {float: right;width: 50%;margin-right: -5%;}
.page-product-detail-right .pic-1{overflow: hidden;position: relative;}
.page-product-detail-right .pic-1 .img-center {max-width: 100%;max-height: 100%;} 
.page-product-detail-right .pic-1 .img-block {display: block;width: 100%;height: auto;}

.page-product-detail-nav {position: absolute;width: 1200px;background: #321e87;left: 50%;bottom: 0;z-index: 11;transform: translateX(-50%);text-align: center;font-size: 0;}
.page-product-detail-nav a{width: 25%;display: inline-block;font-size: 20px;color: #d8d6e5;padding: 1.5% 0;position: relative;}
.page-product-detail-nav a.cur {background: #fff;color: #130a64;}
.page-product-detail-nav a::after {content: '';width: 1px;height: 20px;background: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);opacity: .2;}
.page-product-detail-nav a:last-child::after  {display: none;}

.page-product-detail-content {padding: 5% 0;overflow: hidden;}
.page-product-detail-swiper {overflow: hidden;width: 1200px;margin: auto;}
.page-product-detail-swiper .title {text-align: center;}
.product-features {padding: 10% 0;overflow: hidden;}
.product-features-left {float: left;width: 20%;text-align: left;}
.product-features-left .title {text-align: left;}
.product-features-left .line-2 {margin: 20px 0;}
.product-features-right {float: right;width: 70%;}
.product-features-right * {transition:all .4s ease;}
.product-features-right li {list-style: none;position: relative;margin: 0;padding: 3% 0;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.product-features-right li strong{display: block;margin: 0;padding: 0;position: absolute;left: 0;top:50%;font-size: 30px;color: #b2b2b2;transform: translateY(-50%);}
.product-features-right li span{font-size: 16px;color: #737373;display: block;padding-left:55px;width: 90%;}
.product-features-right li:first-child {margin-top: -3%;}
.product-features-right li:hover {border-bottom: 1px solid #ced1e2;}
.product-features-right li:hover strong {color: #130a64;}
.product-features-right li:hover span {color: #130a64;}
.product-advantages {position: relative;}
.product-advantages-main {overflow: hidden;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.09);box-sizing: border-box;width:98%;margin: 5% auto;position: relative;}
.product-advantages-text {overflow: scroll;width: 50%;box-sizing: border-box;padding: 3% 5% 0 5%;font-size: 16px;line-height: 30px;color: #62615f;position: absolute;left: 0;transform: translateY(-50%);top: 50%;height: 90%;}
.product-advantages-pic {overflow: hidden;float: right;width: 50%;}
.related-products-list {margin-top: 5%;overflow: hidden;}
.technical-parameter {padding: 0 0 5% 0;overflow: hidden;}
.technical-parameter-list {overflow: hidden;margin-top: 4%;}
.technical-parameter-list .item-2{text-align: center;float: left;width: 49%;margin-right: 1%;}
.technical-parameter-list .item-2:last-child {margin-right: 0;}
.technical-parameter-list .item-2 li{list-style: none;padding: 0;margin: 0;background: #d7dbe3;overflow: hidden;border-bottom: 1px solid #ccc;}
.technical-parameter-list .item-2 li span{display: block;float: left;width: 50%;padding: 20px 0;color: #787a7f;box-sizing: border-box;}
.technical-parameter-list .item-2 li span:first-child{border-right: 1px solid #ccc;}
.technical-parameter-list .item-2 li.i2 {background: #f2f2f2;}





/* responsibility */
.page-responsibility {padding: 5% 0;overflow: hidden;}
.page-responsibility .index-content{width: 1200px;margin: auto;background: #f7f7f7;overflow: hidden;}
.responsibility-left {float: left;width: 52%;padding: 5% 5% 0 5%;overflow: hidden;}
.responsibility-left .line-2{margin: 20px 0;}
.responsibility-left .title-2{font-size: 20px;color: #636363;font-weight: bold;padding-bottom: 3% ;}
.responsibility-left .text-4{font-size: 16px;line-height: 30px;color: #636363;text-transform: none;text-align: justify;}
.responsibility-right {float: left;width: 38%;}

.public-welfare-undertakings {padding: 10% 0 8% 0;overflow: hidden;}
.public-welfare-undertakings .index-content {width: 1200px;margin: auto;overflow: hidden;position: relative;}
.public-welfare-undertakings-top {position: relative;}
.public-welfare-undertakings-top .title-1{color: #fff;}
.public-welfare-undertakings-top .line-2{margin: 20px 0;background: #fff;}
.public-welfare-undertakings-swiper {position: relative;margin-top: 7%;}
.public-welfare-undertakings-item {overflow: hidden;}
.public-welfare-undertakings-item .title-1{font-size: 16px;padding: 20px 0;color: #fff;opacity: .8;}

.public-welfare-undertakings-nav {position: absolute;right: 0;top:50%;width: 40%;transform: translateY(-50%);}
.public-welfare-undertakings-nav-swiper {width: 80%;margin: auto;}
.public-welfare-undertakings-nav-swiper .swiper-slide{font-size: 20px;opacity: .5;color: #fff;opacity: .5;cursor: pointer;}
.public-welfare-undertakings-nav-swiper .swiper-slide-thumb-active {opacity: 1;}
.public-welfare-undertakings-type-swiper {overflow: hidden;}
.undertakings-prev::after,.undertakings-next::after {font-size: 22px;color: #fff;opacity: .5;}

.Social-Responsibility-Report {padding: 8% 0 5% 0;overflow: hidden;background-position: center bottom;background-size: 100%;background-repeat: no-repeat;}
.Social-Responsibility-Report .index-content{text-align: center;width: 1200px;margin: auto;}
.Social-Responsibility-Report-bottom {overflow: hidden;position: relative;padding:3% 0  5% 0;}
.Social-Responsibility-Report-swiper {width: 80%;margin: auto;}
.Social-Responsibility-Report-swiper .pic-1{overflow: hidden;background-repeat: no-repeat;background-position: center;}
.Social-Responsibility-Report-swiper .title-1{font-size: 20px;opacity: .8;padding-top: 20px;}
.report-prev::after,.report-next::after {font-size: 32px;color: #321e87;opacity: .5;}
.report-prev,.report-next{margin-top: -5%;}
.report-prev {left: 0;}
.report-next {right: 0;}




/* investor */
.page-stock-information {padding: 5% 0 6% 0;overflow: hidden;}
.page-stock-information .index-content {width: 1200px;margin: auto;overflow: hidden;background: #f3f3f3;padding: 4% 3%;box-sizing: border-box;}
.stock-information {float: left;width: 23%;}
.stock-information .line-2{margin: 20px 0;}
.stock-information-center {float: left;width:40%;}
.stock-information-center .title-1{position: relative;display: inline-block;}
.stock-information-center .title-1 strong{display: block;padding-right: 40px;font-size: 100px;color: #321e87;line-height: 100px;}
.stock-information-center .title-1 i{display:block;width: 27px;height: 22px;position: absolute;right: 0;bottom: 10%;}
.stock-information-center .title-1 i.up {background: url('../../en/investor/images/up.png') center no-repeat;}
.stock-information-center .text-1{font-size: 20px;padding: 10px 0;margin-top: 4%;}
.stock-information-center .text-2{font-size: 14px;opacity: .8;line-height: 24px;}
.stock-information-right {float: right;width: 31%;}
.stock-information-right li{list-style: none;margin: 0;padding: 0;float: left;width:45%;position: relative;padding-left: 5%;}
.stock-information-right li::before {content: '';width: 1px;height: 90%;background: #000;position: absolute;left: 0;top: 0;opacity: .2;}
.stock-information-right li span{display: block;margin: 0;padding: 0;opacity: .8;font-size: 14px;}
.stock-information-right li strong{display: block;margin: 0;padding: 0;font-size: 26px;font-weight: normal;padding-top: 5px;}
.stock-information-right li:first-child {margin-bottom: 20%;}
.stock-information-right li:nth-child(2) {margin-bottom: 20%;}
.stock-information-right li:nth-child(2)::after {content: '';width: 1px;height: 90%;background: #000;position: absolute;right: 0;top: 0;opacity: .2;}
.stock-information-right li:nth-child(4)::after {content: '';width: 1px;height: 90%;background: #000;position: absolute;right: 0;top: 0;opacity: .2;}

.page-capital-structure {padding: 8% 0;overflow: hidden;}
.page-capital-structure .index-content {text-align: center;width: 1200px;margin: auto;overflow: hidden;}
.capital-structure {overflow: hidden;}
.capital-structure .title-1{color: #fff;}
.capital-structure .line-2{background: #fff;opacity: .5;}
.capital-structure-table {margin: 3% 0;border: 1px solid #676868;overflow: hidden;color: #fff;}
.capital-structure-table li{list-style: none;margin: 0;padding: 0;width: 100%;border-bottom: 1px solid #676868;overflow: hidden;}
.capital-structure-table li:last-child {border: none;}
.capital-structure-table span{width: 30%;display: block;position: relative;padding: 20px 0 20px 5%;float: left;overflow: hidden;text-align: left;}
.capital-structure-table span:nth-child(1) {width: 45%;}
.capital-structure-table span:nth-child(2) {width: 25%;}
.capital-structure-table span:nth-child(3) {width: 15%;}
.capital-structure-table span:first-child::after {content: '';width: 1px;height: 100%;background: #676868;position: absolute;right: 0;top: 0;}
.capital-structure-table span:last-child::before {content: '';width: 1px;height: 100%;background: #676868;position: absolute;left: 0;top: 0;}

.page-financial-information {padding: 8% 0;overflow: hidden;}
.page-financial-information .index-content{width: 1200px;margin: auto;overflow: hidden;}
.financial-information-left{float: left;width: 20%;}
.financial-information-left .line-2{margin: 20px 0;}
.financial-information-nav {margin-top: 80px;overflow: hidden;}
.financial-information-nav li {list-style: none;margin: 0;padding: 0;margin-top: 40px;}
.financial-information-nav a{display: inline-block;color: #6e6f70;font-size: 20px;position: relative;padding-bottom: 10px;}
.financial-information-nav a::after {content: '';width: 100%;height: 1px;background: #130a64;position: absolute;left: 0;bottom: 0;display: none;}
.financial-information-nav a.cur{color: #130a64;}
.financial-information-nav a.cur::after {display: block;}
.financial-information-right{float: right;width: 70%;}
.financial-information-list {border-top: 2px solid #130a64;overflow: hidden;}
.financial-information-list li{list-style: none;margin: 0;padding: 0;}
.financial-information-list li a{display: block;padding: 3% 0;overflow: hidden;position: relative;border-bottom: 1px solid #c5c6c7;}
.financial-information-list li span{color: #494a4a;font-size: 16px;}
.financial-information-list li span:last-child {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.financial-information-list li a:hover {border-bottom: 1px solid #130a64;}
.financial-information-list li a:hover span {color: #130a64;}
.return-page {margin-top: 5%;overflow: hidden;}
.return-page a{display: inline-block;vertical-align: middle;width: 40px;height: 40px;line-height:40px;background: #e2e2e2;text-align: center;font-size: 16px;color: #999;}
.return-page a.cur{background: #321e87;color: #fff;}
.return-page a:hover {background: #321e87;color: #fff;}
.return-page a.next,.return-page a.prev {font-family: 'Manrope-Bold';padding: 0 10px;font-size: 14px;}


.page-investor-contact {padding: 6% 0;overflow: hidden;}
.page-investor-contact .index-content{width: 1200px;margin: auto;text-align: center;overflow: hidden;}
.investor-contact {text-align: center;margin-top: 5%;font-size: 0;overflow: hidden;}
.investor-contact-item {width: 49%;overflow: hidden;background: #f3f3f3;text-align: left;box-sizing: border-box;padding: 5% 4%;float: left;margin-right: 2%;margin-bottom: 3%;}
.investor-contact-item:nth-child(2) {margin-right: 0;float: right;}
.investor-contact-item .title-1{font-size: 24px;border-bottom: 1px solid #ccc;overflow: hidden;padding-bottom: 20px;overflow: hidden;}
.investor-contact-item .text-2{padding-top: 20px;overflow: hidden;font-size: 20px;line-height: 30px;}




/* news */
.page-news {overflow: hidden;padding: 5% 0;}
.page-news .index-content{width: 1200px;overflow: hidden;margin: auto;}
.page-news-list{overflow: hidden;}
.page-news-list .index-news-item {float: left;width: 32%; margin-right: 2%;margin-bottom: 4%;}
.page-news-list .index-news-item.mr0 {margin-right: 0;}
.page-news .return-page{text-align: center;}
.page-news-detail {padding: 5% 0;overflow: hidden;}
.page-news-detail .index-content{width: 1200px;overflow: hidden;margin: auto;}
.news-detail-content {overflow: hidden;}
.news-detail-title {overflow: hidden;padding-bottom: 30px;position: relative;}
.news-detail-title::before {content: '';width: 15%;height: 2px;position: absolute;left: 0;bottom: 0;background: #130a64;z-index: 1;}
.news-detail-title::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #ccc;}
.news-detail-title .data-1{font-size: 16px; color: #321e87;}
.news-detail-title .title-2{font-size: 30px; color: #000;font-weight: bold;}
.news-detail-content-text {padding: 3% 0;overflow: hidden;line-height: 30px;color: #737373;}
.news-detail-bottom {position: relative;margin: 5% 0;overflow: hidden;padding: 1.3% 0;border-top: 2px solid #e5e5e5;border-bottom: 2px solid #e5e5e5;}
.news-detail-bottom a{display: block;position: relative;}
.news-detail-bottom i{display: inline-block;vertical-align: middle;width: 21px;height: 8px;}
.news-detail-bottom i img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: .5;transition:all .4s ease;display: block;}
.news-detail-bottom a:hover img {opacity: 1;filter:none;filter:none;}
.news-detail-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #737373;}
.news-detail-bottom a.prev{float: left;width: 50%;}
.news-detail-bottom a.prev i {margin-right: 10px;}
.news-detail-bottom a.next{float: right;width: 50%;text-align: right;}
.news-detail-bottom a.next i {margin-left: 10px;}
.news-detail-bottom a.return{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);}
.news-detail-bottom a:hover span {color: #130a64;}
.page-news-other {padding: 7% 0;overflow: hidden;background: #eff1f4;}
.page-news-other .index-content{width: 1200px;overflow: hidden;margin: auto;}
.page-news-other .index-news-top {text-align: center;}
.page-news-other .index-news-top .line-2 {margin: 20px auto;}




/* recruit */
.page-talent-concept {padding: 6% 0;overflow: hidden;}
.page-talent-concept .index-content{text-align: center;width: 1200px;margin: auto;overflow: hidden;}
.page-talent-concept .index-content .text-2{line-height: 30px;}
.talent-concept {padding: 3% 0;overflow: hidden;}
.talent-concept-item {float: left;width: 23.5%;margin-right: 2%;overflow: hidden;text-align: left;padding: 4% 3%;box-sizing: border-box;background: #f8f9fa;}
.talent-concept-item:last-child {margin-right: 0;}
.talent-concept-item .title-1 {text-align: left;}
.talent-concept-item .title-1 i{display: inline-block;vertical-align: middle;width: 35px;height: 35px;position: relative;margin-right: 10px;}
.talent-concept-item .title-1 span{font-size: 20px;display: inline-block;vertical-align: middle;font-weight: bold;}
.talent-concept-item .text-2{font-size: 16px;color: #707171;line-height: 30px;padding-top: 20px;min-height: 210px;}
		
.page-staff-presence {overflow: hidden;}
.page-staff-presence .index-content{text-align: center;width: 1200px;margin: auto;overflow: hidden;}
.staff-presence-item {float: left;width: auto;position: relative;}
.staff-presence-item img{max-width: 100%;display: block;opacity: 0;}
.staff-presence-item.pi1 {width: 20%;}
.staff-presence-item.pi2 {width: 20%;}
.staff-presence-item.pi3 {width: 20%;}
.staff-presence-item.pi4 {width: 40%;}
.staff-presence-item.pi5 {width: 40%;}
.staff-presence-item.pi6 {width: 20%;}
.staff-presence-item.pi7 {width: 20%;}
.staff-presence-item.pi8 {width: 20%;}
.staff-presence-item.pi9 {width: 20%;}
.staff-presence-item.pi6 .img{background-size: 100%;background-position: center bottom;background-color: #f4f5f7;}
.staff-presence-item .text{position: absolute;left: 50%;text-align: center;top: 27%;transform: translate(-50%,-50%);z-index: 1;}


.talent-concept-list {margin-top: 5%;overflow: hidden;}
.talent-concept-top {font-size: 0;background: #130a64;}
.talent-concept-top li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 25%;padding: 20px 0;color: #fff;font-size: 16px;}
.talent-concept-bottom {overflow: hidden;}
.joinour-item {overflow: hidden;}
.joinour-title {border-bottom: 1px solid #edeff2;overflow: hidden;position: relative;cursor: pointer;}
.joinour-item.cur .joinour-title {border: none;}
.joinour-title li {list-style: none;margin: 0;padding: 25px 3%;text-align: center;width: 19%;float: left;font-size: 16px;color: #6b6c6d;}
.joinour-title li:first-child {text-align: left;}
.joinour-content {padding: 5%;overflow: hidden;color: #6b6c6d;font-size: 16px;line-height: 30px;display: none;text-align: left;background: #edeff2;}
.joinour-content strong {color: #6b6c6d;margin: 0;padding: 0;}
.joinour-content p  {margin: 0;padding: 0;}
.joinour-content .email {color: #000;font-weight: bold;padding: 30px 0;}




.aside-top {position: fixed; width: 50px;bottom:10%;right:1.5%; z-index:199;display: none;}
.aside-top a {width: 38px;height: 38px;display: block;overflow: hidden; background:url(../../en/static/images/aside-top1.svg) no-repeat center #fff;background-size:70%;border: 1px solid #cccc;}
.aside-top a:hover {background: #271475 url(../../en/static/images/aside-top.svg) no-repeat center;background-size: 70%;opacity: 1;}
 

.product-features-item-list table tr td {text-align: center!important;}
.product-features-item-list table tr td p {display:inline-block!important;margin: 0;padding: 0;}
.product-features-item-list table tr td div {text-align: center!important;}
.product-features-item-list table tr td * {text-align: center!important;}



/* font */
.index-banner-item .more-4 span,.index-banner-item .title-3,.index-banner-item .title-1,.index-banner-pagination span,.index-about-item .title-1 strong,.viewmore a,
.development-history-item-top .title-1 strong,.development-history-item-top .title-1::before,.product-features-right li strong,.public-welfare-undertakings-nav-swiper .swiper-slide,.investor-contact-item .title-1 {font-family: 'Montserrat-Bold';}
.index-product-item .title-1,.page-banner .text .title-1 {font-family: 'Montserrat-Light';}
.index-about-item .play-3 span {font-family: 'Montserrat-Regular';}
.stock-information-center .title-1 strong {font-family: 'Manrope-Regular';}
.stock-information-right li strong {font-family: 'Manrope-Bold';}


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

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

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../../en/static/fonts/Montserrat-Light.eot');
	src: local('☺'), url('../../en/static/fonts/Montserrat-Light.woff') format('woff'), url('http://www.jxzbx.com/static/fonts/Montserrat-Light.ttf') format('truetype'), url('../../en/static/fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manrope-Bold';
	src: url('http://www.jxzbx.com/static/fonts/Manrope-Bold');
	src: local('☺'), url('../../en/static/fonts/Manrope-Bold.woff') format('woff'), url('../../en/static/fonts/Manrope-Bold.ttf') format('truetype'), url('../../en/static/fonts/Manrope-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Manrope-Regular';
	src: url('http://www.jxzbx.com/static/fonts/Manrope-Regular');
	src: local('☺'), url('http://www.jxzbx.com/static/fonts/Manrope-Regular.woff') format('woff'), url('../../en/static/fonts/Manrope-Regular.ttf') format('truetype'), url('../../en/static/fonts/Manrope-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


 


@media screen and (max-width: 5120px) {
	.news-detail-content-text img {max-width: 100%;height: auto!important;}
}
@media screen and (max-width: 3840px) {
		
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
}
@media screen and (max-width: 1680px) {
	.page-banner .text {left: 14%;}
}
@media screen and (max-width: 1600px) {		
	.index-banner-item .text {width: 50%;left: 7.5%;}
	.index-banner-item .title-2 {font-size:40px;display: inline-block}
	.index-banner-item .title-1 {font-size: 24px;}
	.index-banner-item .title-3 {font-size: 16px;}
	.index-banner-item .more-4 a {padding: 2% 3%;}
	.index-banner-pagination {right: 7.5%;width: 30%;}
	.index-banner-scroll {left: 7.5%;}
	.page-banner .text {left: 12%;}
}
@media screen and (max-width: 1500px) {	
	.page-banner .text {left: 9.5%;}
}
@media screen and (max-width: 1440px) {
	.page-banner .text {left: 8%;}
}
@media screen and (max-width: 1366px) {
	.header-content {height: 60px;}
	.header-logo {width: 13%;}
	.index-about-item .title-1 span,.index-news-item .more-3 span,.footer-content-right li a,.footer-content-add {font-size: 12px;}
	.index-news-item .text-2 ,.stock-information-center .text-2{font-size: 12px;line-height: 20px;}
	.index-news-item a:hover .title-1,.culture-item .title-2 ,.development-history-item-bottom .text-1 .title-1 {font-size: 15px;}
	.header-nav li a {font-size: 14px;line-height: 14px;}
	.header-right span,.index-banner-pagination span,.index-product-item .title-1,.index-about-item .play-3 span,.viewmore a,.page-banner-nav li a,.technical-parameter-list .item-2 li span,.public-welfare-undertakings-item .title-1,.financial-information-list li span,.joinour-title li{font-size: 14px;}
	.index-about .title .text-3,.index-about-item .text-2,.about-introduction-text ,.team-right .text,.organizational-structure-top .title .text-3,.development-history-item-bottom .text-1 .text-2,.about-partner .index-partner-top .title .text-3,.page-product-list-right .text-1,.page-product-detail-title .text-3,.product-advantages-text,.responsibility-left .text-4,.news-detail-content-text,.page-talent-concept .index-content .text-2,.joinour-content {font-size: 14px;line-height: 24px;}
	.index-product-item .title-2,.index-about-item .title-1,.icon-item .text-3,.culture-item .title-3,.patent-qualification-top .qualification-nav a ,.page-product-detail-nav a,.public-welfare-undertakings-nav-swiper .swiper-slide,.Social-Responsibility-Report-swiper .title-1,.stock-information-center .text-1,.financial-information-nav a ,.investor-contact-item .text-2 {font-size: 16px;}
	.investor-contact-item .title-1,.talent-concept-item .title-1 span {font-size: 18px;}
	.product-features-right li strong {font-size: 20px;}
	.index-about-item .title-1 strong {font-size: 30px;line-height: 30px;}
	.development-history-item-top .title-1 strong,.development-history-item-top .title-1::before {font-size: 30px;}
	.header-right i {width: 18px;height: 18px;background-size: 90%;}
	.page-banner .text .title-1 ,.icon-item .title-2 strong{font-size: 30px;}
	.index-banner-item .title-2 {font-size: 36px;}
	.index-banner-item .title-1,.title .title-1,.page-banner .text .title-2,.icon-item .title-2 span {font-size: 24px;}
	.stock-information-center .title-1 strong {font-size: 70px;line-height: 70px;}
	.index-banner-item .title-3 {font-size: 15px;}
	.index-banner-item .more-4 a {padding: 4% 4%;}
	.index-banner-item .more-4 span {font-size: 12px;}
	.index-banner-pagination {right: 10%;}
	.banner-pagination-num {width: 160px;}
	.index-banner-scroll,.index-banner-item .text,.page-banner .text {left: 10%;}
	.header-content,.index-content,.index-contact .index-content,.footer-content ,.page-banner-nav,.about-introduction .index-content,.about-team-top .index-content,.organizational-structure-bottom .index-content,.organizational-structure-btn a span,.patent-qualification-top,.about-production-base .index-content,.page-product-list .index-content,.page-content-path .index-content,.page-product-detail-top,.page-product-detail-nav,.page-product-detail-swiper,.page-responsibility .index-content,.public-welfare-undertakings .index-content,.page-stock-information .index-content,.page-capital-structure .index-content,.page-financial-information .index-content,.page-investor-contact .index-content,.page-news .index-content,.page-news-detail .index-content,.page-news-other .index-content,.page-talent-concept .index-content,.index-news .index-content{width: 80%;}
	.index-partner .index-content,.about-partner .index-content {width: 86%;}
	.footer-content-right strong {padding-right: 20px;}
	.page-banner,.page-content-path {margin-top: 60px;}
	.development-history-item-bottom .text-1 {padding: 1% 2% 0 4%;}
	.page-product-detail {background-size: cover;}
	.header.black .header-search i,.header.black .header-language i {background-size: 90%;}
	.stock-information-right li:first-child,.stock-information-right li:nth-child(2) {margin-bottom: 10%;}
	.financial-information-nav {margin-top: 0;}
	.index-about .title .text-3{width: 80%;}
	.subordinate-enterprises-content {width: 80%;}
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1152px) {
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 840px) {
	.pcshow ,.aside-top a{display: none!important;}
	.mbshow,.menu-toggle  {display: block!important;}
	.news-detail-content-text img {height: auto!important;width: auto!important;max-width: 100%;}
	.header-content {height: 50px;}
	.header-content,.index-content,.index-contact .index-content,.footer-content ,.page-banner-nav,.about-introduction .index-content,.about-team-top .index-content,.organizational-structure-bottom .index-content.patent-qualification-top,.about-production-base .index-content,.page-product-list .index-content,.page-content-path .index-content,.page-product-detail-top,.page-product-detail-nav,.page-product-detail-swiper,.page-responsibility .index-content,.public-welfare-undertakings .index-content,.page-stock-information .index-content,.page-capital-structure .index-content,.page-financial-information .index-content,.page-investor-contact .index-content,.page-news .index-content,.page-news-detail .index-content,.page-news-other .index-content,.page-talent-concept .index-content,.index-news .index-content,.index-partner .index-content,.about-partner .index-content,.about-culture-bottom .index-content,.organizational-structure-top,.Social-Responsibility-Report .index-content{width: 84%;}
	.header-logo {width: 25%;}
	.header-nav,.index-banner-scroll,.header-search,.header-language,.index-partner-top .title .text-3,.footer-content-icon,.index-contact{display: none;}
	.header-search {margin: 0 10px;}
	.header-language {padding-left: 15px;padding-right: 50px;}
	.index-banner-scroll, .index-banner-item .text, .page-banner .text {left: 8%;}
	.index-banner-item .text {width: 84%;left: 7%;}
	.index-banner-item .title-2 {font-size: 24px;}
	.news-detail-title .title-2 {font-size: 20px;}
	.index-banner-item .title-3  {font-size: 12px;}
	.index-banner-item .more-4 a {font-size: 0;}
	.no-touch .header.black {background: #434343;}
	.no-touch .header.black .header-logo *{fill: #fff;}
	.no-touch .header.black .menu-toggle span.cross:before, .no-touch .header.black .menu-toggle span.cross:after {background: #fff;}
	.index-product,.index-about,.index-news,.index-partner,.index-contact,.about-introduction .index-content,.about-team,.about-development-history ,.about-patent-qualification,.about-partner,.about-production-base,.index-product-list,.public-welfare-undertakings,.Social-Responsibility-Report,.page-stock-information,.page-capital-structure,.page-financial-information,.page-investor-contact,.page-news-other,.page-talent-concept,.page-news{padding: 20% 0;}
	.index-product-item,.index-contact-left,.index-contact-right ,.footer-content-left,.footer-content-right,.about-introduction-left,.about-introduction-right,.team-right,.team-left,.culture-item,.about-production-base-bottom .showbox,.about-production-base-bottom .map-1,.page-product-list-left,.page-product-list-right,.stock-information,.stock-information-center,.stock-information-right,.financial-information-left,.financial-information-right{width: 100%;}
	.index-about-item:first-child,.page-product-detail-left,.page-product-detail-right,.page-product-detail-nav,.product-features-left,.product-features-right,.product-advantages-pic,.responsibility-right {width: 100%;}
	.index-about-item {width: 50%;}
	.index-about-item .text {width:80%;padding: 5%;text-align: center;}
	.index-about-item:first-child .img,.footer-content-right {display: none;}
	.index-about-item:first-child .text {padding: 11% 5%;position: relative;left: auto;top: auto;transform: none;text-align: left;}
	.index-about-content {margin-top: 10%;}
	.index-news-list-swiper .swiper-wrapper{display: block;}
	.index-news-item .text,.footer-content-bottom {padding-top: 5%;}
	.index-news-item,.index-contact-left {margin-bottom: 5%;}
	.index-partner-list {padding: 1% 0 5% 0;text-align: center;}
	.index-partner-list li {min-height: 80px;width: 33%;}
	.index-partner-list li img {max-width: 80%;}
	.footer-content,.page-product-list,.page-responsibility {padding: 10% 0;}
	.footer-content-bottom-weblink {float: none;}
	.index-about .title .text-3{width: 100%;text-align: center;}
	.index-about-item .text-2 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.index-about-item .play-3 a {padding: 10px 20px 10px 15px;}
	.index-news-item .text-2 {min-height: auto;}
	.index-news-item .more-3 {padding-bottom: 8%;}
	.index-news-item {margin-bottom: 7%;}
	.index-news-list {padding: 8% 0 0 0;}
	.footer-fztuxing {width: 40px;height: 99px;top:-27px;background-size: 100%;}
	.footer-content-top {padding-bottom: 10%;}
	.footer-content-bottom-copy span,.footer-content-bottom-weblink {display: block;}
	.footer-content-bottom-copy {float: none;}
	.footer-content-bottom-copy span {padding: 5px 0;}
	.footer-content-add p {font-size: 14px;display: block;}
	.footer-content-tel .title-1 {padding-bottom: 0;}
	.footer-content-add,.page-product-detail-content {margin-top: 5%;}
	.footer-content-logo {width: 45%;}
	.footer-content-tel {padding-top: 5%;border-top: 1px solid #ccc;}
	.footer-content-tel .title-1,.about-production-base-bottom .tip-2 li {font-size: 12px;}
	.index-news-item .title-1 {font-size: 15px;}
	.Social-Responsibility-Report {background-image:url('../images/fbt.jpg')!important;}
	.index-partner,.about-production-base,.page-product-list,.page-product-detail-content,.Social-Responsibility-Report,.page-investor-contact,.page-talent-concept,.page-product,.page-news {background: url('../images/fbt.jpg') left bottom repeat-x;}
	.header-right {right: -2%;}
	.index-banner-pagination {right: auto;bottom: 7%;width: 84%;left: 7%;}
	.banner-pagination-num {width: 72%;}
	.index-product {background: none;}
	.page-banner, .page-content-path {margin-top: 50px;}
	.page-banner .img img.img-block{max-width: 200%;width: 200%;}
	.page-banner-nav,.about-production-base-bottom .point::after,.index-news-top .viewmore {display: none;}
	.page-banner .text {transform: translateY(-50%);}
	.page-banner .text .title-1 {font-size: 24px;}
	.page-banner .text .title-2 {font-size: 20px;}
	.about-introduction-text {text-align: justify;}
	.about-introduction-bottom {margin-top: -35%;}
	.icon-item {width: 49%;margin-bottom: 30px;}
	.icon-item:nth-child(2)::after {display: none;}
	.page-banner .text .title-1, .icon-item .title-2 strong {font-size: 24px;}
	.icon-item .text-3,.page-product-detail-nav a {font-size: 14px;}
	.about-team-bottom {margin-left: 7%;width: 93%;}
	.about-production-base-bottom .tip-2 li {padding-left: 20px;}
	.about-culture{overflow: hidden;}
	.about-culture {background-size: 300%;}
	.about-culture-top {margin-top: 18%;}
	.organizational-structure-top {margin: 20% auto auto auto;}
	.organizational-structure-bottom {background-size: 100%;}
	.organizational-structure-bottom .index-content,.page-product-detail-content {padding-bottom: 100px;}
	.organizational-structure-btn {margin-top: 40px;}
	.organizational-structure-btn a span {font-size: 14px;}
	.organizational-structure-btn a i {width: 14px;height: 13px;background: url('../../en/about/images/r1.png') center top no-repeat;background-size: 100%;}
	.organizational-structure-btn a span {width:auto;}
	.development-history-item-bottom {padding-top: 16px;margin-top: 3%;width: 90%;margin: auto;}
	.development-history-bottom {background: url('../../en/about/images/hline.svg') center 49px no-repeat;}
	.patent-qualification-top .qualification-nav a {margin-left: 10px;}
	.patent-qualification-item .title-2 {white-space: normal;}
	.patent-qualification-swiper {padding: 50px 0 50px 0;}
	.about-production-base-bottom .showbox {display: none;position: relative;top: auto;left: auto;transform:none}
	.about-production-base-bottom .showbox.cur {display: block;top: auto;margin-top: 5%;}
	.mappoint {position: relative;}
	.about-production-base-bottom .point.point-5 {bottom: 35%;}
	.about-production-base-bottom .point.point-6 {bottom: 45%;}
	.about-production-base-bottom .point.point-2 {right: 35%;bottom: 1%;}
	.about-production-base-bottom .point.point-3 {right: 5%;bottom: 23%;}
	.about-production-base-bottom .point.point-1 {right: 23%;bottom: 0;}
	.page-product-item {float: none;width: 100%;margin-right: 0;padding-bottom: 30px;}
	.page-product-item a .title-1 {padding-top: 10px;}
	.page-content-path {padding: 3% 0;}
	.page-product-detail-left {overflow: hidden;float: none;}
	.page-product-detail-right {margin-right:0;overflow: hidden;float: none;margin: 0px 0 40px 0;}
	.page-product-detail-nav a {padding: 3% 0;}
	.product-advantages-text {overflow: hidden;width:100%;padding: 5%;position: relative;left:auto;transform:none;top: auto;height: auto;}
	.technical-parameter-list .item-2 {float: left;width: 100%;margin-right: 0;}
	.technical-parameter-list .item-2 li span {width: 50%;padding: 20px 2.5%;}
	.product-features-right li {padding: 5% 0;}
	.product-features {padding: 0;}
	.responsibility-left {width: 90%;padding: 10% 5%;}
	.public-welfare-undertakings-nav {width: 65%;}
	.public-welfare-undertakings-nav-swiper .swiper-slide {text-align: center;}
	.Social-Responsibility-Report-swiper .pic-1 {background-size: 90%;}
	.page-stock-information .index-content {padding: 10%;}
	.stock-information-center .text-2{padding-bottom: 30px;}
	.stock-information-center .title-1 strong {font-size: 50px;line-height: 50px;}
	.capital-structure-table span {box-sizing: border-box;padding:5%;font-size: 12px;}
	.capital-structure-table span:nth-child(1) {width: 33%;}
	.capital-structure-table span:nth-child(2) {width: 33%;}
	.capital-structure-table span:nth-child(3) {width: 33%;}
	.financial-information-nav li {width: auto;display: inline-block;margin: 30px 0;}
	.financial-information-nav li:first-child {padding-right: 20px;}
	.investor-contact-item,.talent-concept-item {width: 100%;padding: 10% 5%;float: none;margin-right: 0;margin-bottom: 3%;}
	.page-news-list .index-news-item {float: none;width: 100%;margin-right: 0;margin-bottom: 10%;}
	.talent-concept-item .text-2 {min-height: auto;}
	.staff-presence-item.pi1 {width: 33.3333%;}
	.staff-presence-item.pi2 {width: 33.3333%;}
	.staff-presence-item.pi3 {width: 33.3333%;}
	.staff-presence-item.pi4 {width: 100%;}
	.staff-presence-item.pi5,.staff-presence-item.pi8,.staff-presence-item.pi9 {width: 50%;}
	.staff-presence-item.pi7,.staff-presence-item.pi6 {width: 25%;}
	.staff-presence-item .text ,.qualification-nav{display: none;}
	.talent-concept-top li {font-size: 13px;}
	.index-news-top {text-align: center;}
	.index-news-top .title .line-2 {margin: 20px auto;}
	.index-product {padding: 20% 0 5% 0;}
	.footer-content-add {font-size: 16px;}
	.header.scroll-down {top: -50px;}
	.about-culture-bottom {margin-top: 24%;}
	.development-history-item-bottom .text-1 {box-sizing: border-box;width: 65%;}
	.development-history-item-bottom .text-1 {padding: 1% 0 0 5%;}
	.patent-qualification-top {text-align: center;}
	.patent-qualification-top .line-2 {margin: 20px auto;}
	.about-production-base-bottom .point.point-1 span,.about-production-base-bottom .point.point-2 span {margin: 3px auto;}
	.about-production-base-bottom .point span {margin-left: 5px;}
	.about-production-base-bottom .point.point-1 i  {margin: 5px 0;}
	.public-welfare-undertakings-nav .swiper-button-next,.public-welfare-undertakings-nav .swiper-container-rtl .swiper-button-prev {right: -5px;left: auto;}
	.public-welfare-undertakings-nav .swiper-button-prev,.public-welfare-undertakings-nav .swiper-container-rtl .swiper-button-next {left: 0px}
	.financial-information-left {position: relative;}
	.financial-information-nav {margin-top: 0;right: 0;top:50%;position: absolute;transform: translateY(-50%);}
	.financial-information-list {margin-top: 10%;}
	.joinour-item.cur .joinour-title {background: #dde1e6;}
	.capital-structure-table span:first-child::after,.capital-structure-table span:last-child::before {display: none;}
	.capital-structure-table {position: relative;}
	.capital-structure-table::before {content: '';width: 1px;height: 100%;background: #676868;position: absolute;left: 33%;top: 0;}
	.capital-structure-table::after {content: '';width: 1px;height: 100%;background: #676868;position: absolute;right:33%;top: 0;}
	.footer-content-bottom-weblink,.product-features-left,.page-product-detail-swiper .title {display: none;}
	.footer-content-bottom-copy a.mbshow,.footer-content-bottom-copy span {display: inline-block!important;}
	.subordinate-enterprises-banner .img img{width: 200%;max-width:200%;}
	.subordinate-enterprises-content {width: 90%;}
	.subordinate-enterprises-left {float: none;width: 100%;text-align: center;padding: 10% 0;}
	.subordinate-enterprises-right {float: none;width: 100%;}
	.subordinate-enterprises-other-logo {float: none;width: 100%;margin-right: 0;margin-bottom: 10%;}
	.product-features-item-list table tr td {padding: 15px 5%!important;display: block;border-right:none!important;text-align: left!important;}
	.product-features-item-list table tr td:first-child,.product-features-item-list table tr td:nth-child(3) {background: #f1f1f1;font-weight: bold;}
	.product-features-item-list table tr td p {padding: 0;margin: 0;}
	.news-detail-bottom {padding: 3% 0;}
	.close-1 i,.close-1 {width: 40px;height: 40px;}
	.video-windows video {width: 100%;}
	.product-features-item-list table tr td div {text-align: left!important;}
	.product-features-item-list table tr td * {text-align: left!important;}

}


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


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

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

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

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

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

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

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

}