@charset "utf-8";

.index-content {width: 81%;margin: auto;}

em,i,b {font-style: normal;}

.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear{clear:both;}
.cl{clear:both;}
.left {float: left;}
.right {float: right;}
/*.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }*/
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.index-media-new-left .img{border-radius: 10px;}
.index-media-new-left .pic{border-radius: 10px;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom:9%;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.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;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}
::-webkit-scrollbar{height:4px; width:3px;background: #ededed;}
::-webkit-scrollbar-button{height:0; width:5px;background: #ededed;}
::-webkit-scrollbar-thumb{background-color:#514d55;box-shadow:inset 1px 1px 0 #514d55,inset 0 -1px 0 #514d55;}
 

/* about */
.polaris-about {overflow: hidden;}
.polaris-company-profile {overflow: hidden;padding: 5% 0;background: #f7f7f7;}
.polaris-company-profile .index-content {overflow: hidden;position: relative;}
.company-profile-top {overflow: hidden;position: relative;}
.company-profile-left {position: absolute;left: 0;top: 0;width:27%;height: 100%;}
.company-profile-left .title-1{overflow: hidden;    font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.company-profile-left .gezhi-1{position: absolute;left: 0; top: 40%;width:90%;}
.company-profile-right {float: right;width:70.5%;}
.company-profile-right .text-1{color: #666666;}
.company-profile-right .text-1 p{ padding:1% 0;}
.company-profile-center {clear: both;margin-top:4%;}	 
.company-profile-video {position: relative;overflow: hidden;}
.company-profile-video a {display: block;position: relative;}
.company-profile-video a.m-video::before {content: '';width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/play.png');cursor: pointer;filter:/* contrast(.5);*/}
/*.company-profile-video a:hover {transform: scale(1.02);}*/
.company-profile-bottom {margin-top: 7%;overflow: hidden;text-align: center;padding-bottom:1%;}
.company-profile-culture {display: inline-block;vertical-align: top;width:28%;}
.company-profile-culture .icon-1{position: relative;width: 7rem;height: 7rem;margin: auto;}
.company-profile-culture .title-1{margin-top:2%; font-family: 'GothamBold'; font-weight: bold;}
.company-profile-culture .text-1{margin-top: 2%; font-weight:normal; color:#1a1a1a; font-size:16px; line-height:26px; margin-top:20px;}

.polaris-corporate-image {padding: 6% 0;overflow: hidden;}
.polaris-corporate-image .index-content {width: 90.5%;margin-left: 9.5%;}
.corporate-image-top {overflow: hidden; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.corporate-image-bottom {margin-top: 2%;}
.corporate-image-swiper {overflow: hidden;}
.corporate-image-item {overflow: hidden;}
.corporate-image-item img {overflow: hidden;}
.polaris-corporate-image .news-swiper-bottom {width: 89%;margin-top: 3%;}

.polaris-certificate-honor {padding: 0 0 7% 0;overflow: hidden;}
.polaris-certificate-honor .index-content {overflow: hidden;position: relative;}
.certificate-honor-left {width: 32%;float: left;}
.certificate-honor-top {overflow: hidden;margin-left: 5%;margin-top: 12%;}
.certificate-honor-top .title-1{overflow: hidden;}
.certificate-honor-type {margin-top: 2%;}
.certificate-honor-type a{display: inline-block;vertical-align: top;margin-right: 2%;background: #f7f7f7;border-radius: 4px;text-align: center;padding: 1.5% 0;width: 30.5%;}
.certificate-honor-type strong{display: block;color: #514d55;font-weight: normal;margin: 0;padding: 0;}
.certificate-honor-type p {display: block;margin: 0;padding: 0;margin-top: 0;padding-bottom: 2%;}
.certificate-honor-bottom {overflow: hidden;}
.certificate-honor-right {float: right;width: 64%;}
.certificate-honor-bottom {margin-top:4.8%;overflow: hidden;position: relative;}
.certificate-honor-bottom::before {top: 0;background: linear-gradient(to top, rgba(255,255,255,0),rgba(255,255,255,.8));}
.certificate-honor-bottom::after {bottom: 0;background: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,.8));}
.certificate-honor-bottom::before,.certificate-honor-bottom::after{content: '';width: 100%;height: 35%;position: absolute;left: 0;pointer-events: none;z-index: 11;}
.certificate-honor-swiper {overflow: hidden;height: 500px;}
.certificate-honor-item {position: relative;padding-left: 10%;}
.certificate-honor-item a {display: block;}
.certificate-honor-item .item-title {position: relative;width: 50%;}
.certificate-honor-item .item-title::before {content: '';width: 21px;height: 25px;position: absolute;left: -50px;top: 0;background: url('../images/hic1.png');filter: grayscale(100%);}
.certificate-honor-item .item-title::after {content: '';width: 0;height: 2px;position: absolute;left: 50%;top: 50%;background: #514d55;transform: translateX(-50%);}
.certificate-honor-item .title-1 {color: #514d55;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;padding: 0 4%;background: #fff;z-index: 11;margin: auto;text-align: center;/*word-break: keep-all;*/max-width: 70%;overflow: hidden;}
.certificate-honor-item .mark-1 {opacity: 1;}
.honor-show-pic {position: absolute;right: 0;width:37%;height: auto;top:48%;transform: translateY(-48%);opacity: 0;}
.honor-show-pic .img-honor {max-width: 100%;max-height: 100%;}
/* .certificate-honor-item a:hover .honor-show-pic{display: block;}
.certificate-honor-item a:hover .mark-1 {opacity: 0;}
.certificate-honor-item a:hover .title-1 {opacity: 1;}
.certificate-honor-item a:hover .item-title {margin-left: -40px;}
.certificate-honor-item a:hover .item-title::after {width: 100%;}
.certificate-honor-item a:hover .item-title::before {filter: grayscale(0);} */
.certificate-honor-swiper .swiper-slide-active .honor-show-pic{display: block;opacity: 1;}
.certificate-honor-swiper .swiper-slide-active .mark-1 {opacity: 0;}
.certificate-honor-swiper .swiper-slide-active .title-1 {opacity: 1;}
.certificate-honor-swiper .swiper-slide-active .item-title {margin-left: -40px;}
.certificate-honor-swiper .swiper-slide-active .item-title::after {width: 100%;}
.certificate-honor-swiper .swiper-slide-active .item-title::before {filter: grayscale(0);} 

.polaris-joinus {background: #f7f7f7;overflow: hidden;}
.polaris-joinus-top {padding: 5% 0;overflow: hidden;}
.joinus-item1 {overflow: hidden;position: relative;}
.joinus-item1-left {float: left;width: 60%;position: relative;}
.joinus-item1-left .img-1{position: absolute;left: 0;top: 0;z-index: 1;width: 25%;border-radius: 10px;overflow: hidden;}
.joinus-item1-left .img-2{margin-left: 10%;width: 90%;margin-top: 10%;z-index: 10;position: relative;border-radius: 10px;overflow: hidden;}
.joinus-item1-right {float: left;margin-top: 15%;width: 20%;margin-left: 13%;}	  
.joinus-item1-right .text {overflow: hidden;}
.joinus-item1-right .title-1 {font-weight: bold;}
.joinus-item1-right .text-1 {margin-top: 10%;color: #666666;}
.joinus-item1-right .text-1 p {margin:0;padding:0;}

.joinus-item2 {overflow: hidden;position: relative;clear: both;padding-bottom: 2%;}
.joinus-item2-left {float: left;margin-top: 15%;width: 20%;margin-left:3%;}	  
.joinus-item2-left .text {overflow: hidden;}
.joinus-item2-left .title-1 {font-weight: bold;}
.joinus-item2-left .text-1 {margin-top: 10%;color: #666666;}
.joinus-item2-right {float: right;width: 60%;position: relative;}
.joinus-item2-right .img-1{margin-right: 35%;width:65%;margin-top: 15%;z-index: 10;position: relative;border-radius: 10px;overflow: hidden;}
.joinus-item2-right .img-2{position: absolute;right: 0;top: 0;z-index: 1;width: 45%;border-radius: 10px;overflow: hidden;}

.polaris-joinus-bottom {overflow: hidden;padding-bottom: 7%;}
.polaris-joinus-recruit {overflow: hidden;}
.joinus-recruit-top {background: #fff;padding: 3% 5%;overflow: hidden;}
.joinus-recruit-top .title-1 {overflow: hidden;font-weight: bold;}
.joinus-recruit-top .title-1 strong {color: #514d55;margin-left: 2%;}
.joinus-recruit-type {margin-top: 3%;overflow: hidden;}
.joinus-recruit-item {overflow: hidden;margin-bottom: 1%;}
.joinus-recruit-item .type-1 {overflow: hidden;display: inline-block;vertical-align: middle;font-weight: bold;width: 8%;}
.joinus-recruit-item .item-1 {overflow: hidden;display: inline-block;vertical-align: middle;}
.joinus-recruit-item .item-1 li {list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 3rem;} 
.joinus-recruit-item .item-1 li a{display: block;color: #666;} 
.joinus-recruit-item .item-1 li.cur a {color: #514d55;}

.joinus-recruit-bottom {overflow: hidden;position: relative;}
.join-us-item {background: #fff;overflow: hidden;margin-top: .8%;}
.join-us-item .title{position: relative;color: #666666;border-bottom: 1px solid #f7f7f7;overflow: hidden;padding: 2% 5%;cursor: pointer;}
.join-us-item .title div {float: left;width: 20%;}
.join-us-item .title-1{font-weight: bold;color: #000;width: 40%;}
.join-us-item div.jia-1{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 3.5rem;height: 3.5rem;background: #cccc;border-radius: 50px;}
.join-us-item div.jia-1::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url('../images/r3.png') center no-repeat;z-index: 11;}
.join-us-text {padding: 3% 5%;overflow: hidden;clear: both;width: 90%;position: relative;display: none;}
.join-us-text .text-3{overflow: hidden;position: relative;}
.join-us-text .more-1{position: relative;right: auto;bottom: auto;margin: 2% 0 0 0;}
.join-us-text .title:hover .jia-1{background: #514d55;}
.join-us-item .title.cur div.jia-1::before {transform: rotate(90deg);}
.join-us-item .title.cur div.jia-1{background: #514d55;}

.div-recruitment-windows {width: 31%;position: fixed;left: 50%;top: 50%;z-index: 1111;transform: translate(-50%,-250%);background: #fff;box-sizing: border-box;padding: 3% 3%;text-align: center;transition:all .4s ease;}
.div-recruitment-windows.cur {transform: translate(-50%,-50%);}
.div-recruitment-windows-mark {position: fixed;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.5);opacity: 0;transition:all .4s ease;}
.div-recruitment-windows-mark.cur {opacity: 1;z-index: 1110;}
.div-recruitment-windows .close-2{position: absolute;right: 2%;top: 2%;z-index: 2;}
.div-recruitment-windows .close-2 i {display: block;width: 50px;height: 50px;position: relative;cursor: pointer;transform: rotate(45deg);transition:all .4s ease;}
.div-recruitment-windows .close-2 i::after {content: '';width: 24px;height: 2px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2 i::before {content: '';width: 2px;height: 24px;background: #000;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.div-recruitment-windows .close-2:hover i{transform: rotate(135deg);}
.div-recruitment-windows .title-1{overflow: hidden;font-family: 'Work-Sans-Bold';}
.div-recruitment-from {text-align: left;margin-top:7%;}
.div-recruitment-from li{list-style: none;margin: 0;padding: 0;padding: 1% 0;position: relative;}
.div-recruitment-from li span {display: block;margin-bottom: 5px;}
.div-recruitment-from .input-2{width: 100%;display: block;border: none;background: #fff;box-sizing: border-box;padding: 3% 6%;overflow: hidden;border: 1px solid #dddddd;}
.div-recruitment-from .text-2 {overflow: hidden;}
.div-recruitment-from .text-2 span {color: #999999;}
.div-recruitment-from .input-3 {width: 100%;display: block;border: none;background:none;box-sizing: border-box;padding: 2% 6%;overflow: hidden;}
.div-recruitment-from .upload-2{position: relative;padding: 1% 0;border: 1px solid #e6e6e6;overflow: hidden;}
.div-recruitment-from .button-2{position: absolute;width:20%;display: block;border: none;background: #000;box-sizing: border-box;padding: 2% 3%;overflow: hidden;text-align: center;color: #fff;right: 8px;top: 50%;cursor: pointer;font-size: 12px;transform: translateY(-50%);}
.div-recruitment-from .button-2:hover {background: #000;}
.div-recruitment-from .submit-2 {width: 100%;display: block;border: none;background: #514d55;box-sizing: border-box;padding: 4% 0;overflow: hidden;text-align: center;color: #fff;cursor: pointer;margin-top: 5%;}
.div-recruitment-from .submit-2:hover {background: #e28a23;color: #fff;}




.info-banner .tbox{/*background: rgba(0,0,0, 0.65); */width:100%; height:100%; text-align:center; text-transform: none !important;}
.info-banner .tbox .title{ font-weight:normal; font-family: 'GothamBold'; line-height:60px}
.info-banner .tbox .txt{ padding-top:9%;}

.development-history {}
.development-history .top{position: absolute;width: 100%;height: 100%;}
.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}
.development-history .top .title-style h2{text-transform: uppercase; font-weight: bold; font-family: 'GothamBold';}
.development-history .img {}
.swiper-history {}
.swiper-history .swiper-wrapper{}
.swiper-history .swiper-history-time{text-align: center;background: url("../images/line.png") center no-repeat; padding:45px 0;}
.swiper-history .swiper-history-time .year-num {font-size: 30px;color: #808080; margin-top:160px; font-family: 'Barlow-Bold',Microsoft Yahei,Arial;}
.swiper-history .swiper-history-time .year-num span {color: #808080; font-family: 'Barlow-Bold',Microsoft Yahei,Arial;}
.swiper-history .swiper-history-time .text{ font-size: 18px;line-height: 28px;color: #666;margin: auto;overflow: hidden;display: none;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {font-size: 250px;color: #808080;padding-top: 0px;}
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {color: #1a1a1a; font-family: 'Barlow-Bold',Microsoft Yahei,Arial;}
.swiper-history .swiper-history-time .swiper-slide-active .text{display: block; padding-top:135px;}
.swiper-history .swiper-history-time .swiper-button-next,.swiper-history .swiper-history-time .swiper-button-prev {background-color: #fff;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #ccc;opacity: 1;}


.development-history {}
.development-history .top{position: absolute;width: 100%;height: 100%;}
.development-history .top .title-style{text-align: center;width:30%;margin: 150px auto auto;}
.development-history .top .title-style h2{margin: 0;}
.development-history .top .title-style h5{color: 999999;font-size: 16px;}

.swiper-history .swiper-history-time .swiper-button-next {right:18%;background: url("../images/right.png") center no-repeat #FFF;}
.swiper-history .swiper-history-time .swiper-button-prev {left:18%;background: url("../images/left.png") center no-repeat #FFF;}

.title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #1a1a1a;}
.title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a; font-family: 'GothamBold';
}
.title-style h2 {text-transform: uppercase;font-size: 50px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a; font-family: 'Montserrat-Extra-Bold',Microsoft Yahei,Arial;}
.title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #1a1a1a;}
.title-style .line {width: 80px;height: 4px;background:#fff;margin: 10px 0;}

.pcshow { display:block;}
.mbshow { display:none!important;}


body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}

.table {display: table;width: 100%;height: 100%;}
.table-cell {display: table-cell;vertical-align: middle;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}

.homeengrgy-title3 {font-size: 4.8rem;line-height: 5.2rem;/*text-transform: uppercase;*/font-weight: 500; color:#fff; font-family: 'GothamBold';}
.homeengrgy-title3 strong {color: #1a1a1a; font-family: 'GothamBold';}

/* about */

.about-sinexcel {position: relative;}
.about-sinexcel .text{position: absolute;width: 100%;height: 100%;}
.about-sinexcel .text .title-style{text-align: center;}
.about-sinexcel .text .title-style h4{}
.about-sinexcel .text .title-style h2{color: #fff;}
.about-sinexcel .scroll-down {position: absolute;bottom: 0;left: 50%;margin-left: -70px;width: 140px;text-align: center;}
.about-sinexcel .scroll-down span{font-size: 12px;color: #fff;display: block;margin: auto;}
.about-sinexcel .scroll-down i{height:40px;width: 1px;display: block;margin:10px auto auto;background: #fff;opacity: .5;}
.about-sinexcel .img{}
.about-sinexcel .img img{display: block;width: 100%;}
 
.about-ours {position: relative;}
.about-ours .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.about-ours .left{width:50%; margin-bottom:40px;}
.about-ours .left .title-style h2{ text-align:left;}
.about-ours .left .text{}
.about-ours .left .text .item{font-size: 14px;line-height: 24px;color: #999999;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-top: 20px;}
.about-ours .left .text .item h3{font-size: 18px;line-height: 26px;color: #1a1a1a; font-family: 'GothamBold';}
.about-ours .left .text .item h3 strong {color: #1a1a1a;}
.about-ours .right{width:45%;position: relative;margin-top:16%;text-align: center;}
.about-ours .right .slogo{width: 465px;height: 110px;position: absolute;left: 50%;top:20%;margin-left: -26%;text-align: center; animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.about-ours .right .slogo img{display: inline-block;}
.about-ours .img img{display: block;width: 100%;}

@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}} 

.about-date {position: relative;}
.about-date .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.about-date .left {width:50%;position: relative;}
.about-date .left::before,.about-date .left::after {content: '';display: block;background: #fff;position: absolute;opacity: .2;}
.about-date .left::before {width: 1px;height: 100%;left:40%;top: 0;}
.about-date .left::after {width: 100%;height: 1px;left:0;top: 53%;}
.about-date .left .item1{width: 50%;float: left;padding:10px 0 30px 0;}
.about-date .left .item1 h2{color: #fff;margin: 0;padding-bottom: 10px;overflow: hidden;}
.about-date .left .item2 h2 strong{font-size: 72px;}
.about-date .left .item1 h2 span{font-size: 30px;}
.about-date .left .item1 h2 sup{font-size: 14px;display: inline-block;vertical-align:baseline;}
.about-date .left .item1 h4{color:#cfcfcf;font-weight: normal;font-size: 16px;line-height: 24px;margin: 0;}
.about-date .left .item1 h3{color:#fff;text-transform: uppercase;margin: 0;}
.about-date .left .item1 h3 strong{color: #1a1a1a;}
.about-date .right {width:35%;position: relative;padding:2% 0 0 5%;}
.about-date .right::before {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;opacity: .2;}
.about-date .right .item1 {padding-bottom:30px;position: relative;}
.about-date .right .item1 i{display: block;width: 20px;height: 20px;position: absolute;text-align: center;font-size: 0;}
.about-date .right .item1 i img {display: inline-block;}
.about-date .right .item1 h4{padding-left:30px;margin: 0;}
.about-date .right .item1 h4 strong{color: #fff;font-weight: normal;}
.about-date .right .item1 h4 span{color:#999999;font-weight: normal;}
.about-date .right .item1:last-child h4 span{display: block;padding-top: 5px;}
.about-date .img {}
.about-date .img img{display: block;width: 100%;}	 
 

.core-competence {position: relative;}
.core-competence .absolute{position: absolute;height: 100%;width: 90%;left: 5%;text-align: center;}
.core-competence .absolute .title-style{ margin-top:1px;}
.core-competence .absolute .item3{margin-top: 50px;}
.core-competence .absolute .item3 .item{display: inline-block;vertical-align: top;width: 33%;position: relative;padding: 30px 0;}
.core-competence .absolute .item3 .item::after {content: '';display: block;position: absolute;width: 1px;height: 100%;background: #d9dbdb;top: 0;right: 0;}
.core-competence .absolute .item3 .item:last-child::after {display: none;}
.core-competence .absolute .item3 .item i{display: inline-block;}
.core-competence .absolute .item3 .item h3{font-size: 18px;color: #1a1a1a;margin: 20px 0; font-family: 'GothamBold'; text-transform: capitalize;}
.core-competence .absolute .item3 .item h5{width: 80%;font-size: 16px;line-height: 22px;opacity: .6;font-weight: normal;color: #1a1a1a;margin: 0 auto;min-height: 100px;}
.core-competence .img img{display: block;width: 100%;}

.company-culture {position: relative;}
.company-culture .absolute{position: absolute;height: 100%;width:100%;text-align: center;}
.company-culture .absolute .title-style {margin-top: 100px;}
.company-culture .absolute .title-style h2{color: #fff;}
.company-culture .absolute .img {margin-top: 100px;}
.company-culture .absolute .img img{display: inline-block;width:auto;}
.company-culture .img img{display: block;width: 100%;}

.about-global {position: relative;}
.about-global .img{position: relative;}
.about-global .img img{display: block;width: 100%;height: auto;}
.about-global .top{position: absolute;left:9.5%;width: 75%;top: 0;height: 100%;z-index: 3;}
.about-global .top .left{color: #fff;width: 45%;height: 100%;}
.about-global .top .left .title-style { margin-top:1px;}
.about-global .top .left .title-style h2{color: #fff; text-align:left;}
.about-global .top .left .text {font-size: 16px;line-height: 26px;color: #fff;padding: 20px 0;overflow: hidden;}
.about-global .top .left .text .num {overflow: hidden;padding-top: 50px;}
.about-global .top .left .text .num h2{margin: 0;padding: 10px 0;}
.about-global .top .left .text .num h2 strong{font-size: 72px;color: #fff;  font-family: 'GothamBold';}
.about-global .top .left .text .num h2 span{font-size: 32px;color: #fff;margin-left: 5px;}
.about-global .top .left .text .num h5{font-size: 14px;line-height: 24px;color: #fff;opacity: .5;font-weight: normal;margin: 0;}
.about-global .top .right {width: 50%;height: 100%;position: relative;}
.about-global .top .right .img {position: relative;}
.about-global .top .right .img img{}
.about-global .top .right .img .place {position: absolute;width: 100%;height: 100%;}
.about-global .top .right .img .place a{display: inline-block;position: relative;position: absolute;}
.about-global .top .right .img .place a .item {font-size: 0;}
.about-global .top .right .img .place a .item i{display: inline-block;vertical-align: middle;margin-right: 10px; width:5px;height:5px;background: #fff;border-radius: 10px;position: relative;z-index: 3;}
.about-global .top .right .img .place a .item i::after {content: '';display: block;width: 20px;height: 20px;border-radius: 100px;background: #fff;opacity: .7;z-index: 1;position: absolute; left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.about-global .top .right .img .place a .item h6{color: #fff;font-weight: normal; text-transform: uppercase; margin: 0;font-size: 16px;display: inline-block;vertical-align: middle; font-family: 'Raleway', sans serif;}


@keyframes place100{0%{width: 0px;height: 0px;margin: 0px;} 100%{width: 40px;height: 40px;margin: -20px 0 0 -20px;opacity: 0;}}

.about-global .top .right .img .place a .text {font-size: 12px;line-height: 22px;padding:30px;color: #fff; width: 300px;position: absolute;left: -120px;top:50px;;background-image: linear-gradient(rgba(0,190,134,0.4),rgba(0,0,0,0.1));display: none;}
.about-global .top .right .img .place a .text::before {content: '';display: block;width: 31px;height: 17px;position: absolute;top: -17px;left:43%;background: url("../images/ts.png") center no-repeat;}
.about-global .top .right .img .place a:hover .text {display: block;}
.about-global .top .right .img .place a:hover {z-index: 999;}


.homeengrgy-item3 {text-align: center;width: 70%;margin: auto;margin-top: 5%;}
.homeengrgy-item3 li {list-style: none;margin: 0;padding: 0;width: 30%;display: inline-block;vertical-align: middle;position: relative;margin: 0 1%;}
.homeengrgy-item3 li div {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.homeengrgy-item3 li i{display: block;position:absolute;width: 20%;left: 10%;top: 50%;transform: translateY(-50%);text-align: center;}
.homeengrgy-item3 li i img {display: inline-block;max-width: 100%;width: auto;}
.homeengrgy-item3 li span{position: absolute;left: 35%;width: 80%;top: 50%;transform: translateY(-50%);font-size: 2.2rem;line-height: 2.8rem;text-align: left; color:#fff;} 
.homeengrgy-item3 li img {display: block;width: 100%;height: auto;}

.info-banner{height:34.2vw;}



/*
@media screen and (max-width: 1920px) {	
	.swiper-history .swiper-history-time .swiper-button-next, .swiper-history .swiper-history-time .swiper-button-prev {margin-top: -303px;}	
}
*/


/*证书*/
.company-honor {overflow: hidden;padding:40px 0 100px 0;position: relative;}
.company-honor .title-style{margin-left: 13%;}
.company-honor .title-style h2{margin: 0;}
.company-honor .title-style h5{color: 999999;font-size: 16px;}
.company-honor-swiper {width: 100%;height:392px;margin: auto;background: url("../images/honort.png") center bottom repeat-x;margin-top: 100px; padding-bottom:40px;}
.company-honor-swiper .swiper-slide {width: auto;height: 300px;display: table;}
.table-bottom {display: table-cell;vertical-align: bottom;}
.honor-img {overflow: hidden;display:block;position: relative;max-width: 221px;}
.honor-img .htop{height: 7px;width: 100%;background: url("../images/honor1.png") no-repeat;background-size: 100% 100%;}
.honor-img .hbottom{height: 27px;width: 100%;background: url("../images/honor3.png") no-repeat;background-size: 100% 100%;}
.honor-img .hcenter {padding:0px 7px;background: url("../images/honor2.png") no-repeat;background-size:100% 100%;}
.honor-img .hcenter img {display: block; width:100%;}
.honor-img a {display: block;}
.honor-img a::before {content: '';width: 50px;height: 50px;position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -35px;z-index: 10;background: url("../images/fd.png") no-repeat;display: none;}
.honor-img a:hover::before {display: block; }
.honor-img a:hover {opacity: .6;}
.rpagination {position: relative;height:40px;}
.swiper-r {position: absolute;right:13%;top: 25%;width: 400px;}
.swiper-pagination-progressbar {width: 100%;height: 3px;background: rgba(0,0,0,.1);margin-top: 10px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#1a1a1a;}
.swiper-pagination-num #current {font-size: 24px;color: #000; font-family: 'Barlow-Bold',Microsoft Yahei,Arial;}
.swiper-pagination-num{font-size: 14px;color: #b2b2b2;}
.lbtip {width: 112px;height: 26px;position: absolute;left: 13%;bottom: 10%;}

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


.popup-close {z-index:1;width: 30px; height:30px;background: url("../images/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor: pointer;}



#a307 .title-style{ text-align:left;}


.about-company-qualification {position: relative;}
.about-company-qualification .main {width: 550px;height: 100%;position: absolute;top: 0;right:15%;z-index: 10;}
.about-company-qualification .main .title {color: #fff;}
.about-company-qualification .main .title h4{font-size: 40px;margin: 0; font-family: 'GothamBold'; text-transform: uppercase;}
.about-company-qualification .main .title .line{width: 80px;height: 4px;background: #1a1a1a;margin: 25px 0;}
.about-company-qualification .main .text {font-size: 16px;line-height: 28px;color: #b9b9b9;}
.about-company-qualification .main .date3 li span {padding:0;color: #b9b9b9;}
.about-company-qualification .img img{width: 100%;}

.date3 {text-align: left;margin-top: 40px;}
.date3 li {list-style: none;display: inline-block;vertical-align: top;padding: 0 9%;position: relative;text-align: left;}
.date3 li h3{margin: 0;font-weight: normal;font-size: 40px;color: #1a1a1a;}
.date3 li h3 strong {font-size: 60px;  font-family: 'GothamBold';}
.date3 li h3 i {font-style: normal;font-size:34px;font-weight: bold;}
.date3 li h4{margin: 0;font-size: 26px;color: #1a1a1a;}
.date3 li h6{color: #a9aaac;font-size: 16px;padding: 10px 0;display: block;margin: 0;}
.date3 li::after {content: '';display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;opacity: .1;}
.date3 li:last-child::after {display: none;}
.date3 li:first-child {padding: 0 9% 0 0px;}


.new_pro_item{float: left; width:23%; margin: 1% 1% 0 1%; font-size:1.2em; text-align:center;line-height:3em;}
.new_pro_item img{width: 100%;height: auto;display: block;}
.news_pro_page:after{content: ''; display: block; clear: both;}
.review_item{padding: 0.6em; 0;}
.review_item:after{content: '';display: block;clear: both;}
.review_item > p{float:left;width:80%;font-size: 1em;line-height: 1.5em;color: #666}
.review_item > span{float:left;width: 12%;text-align: right;line-height: 1.5em;font-size: 1em;padding-right: 4%;color: #333;position: relative;margin-right: 4%;}
.review_item > span:after{content: '';display:block;width: 9px;height: 9px;border-radius: 50%;background: #d3281b; position:absolute;right:-4px;top:50%;margin-top:-4px;z-index: 333;}
.review_item > span:before{content: '';display: block;width: 1px;background: #ccc;position: absolute;right: 0;height: 500%;display: block;top: -150%;}

.pro_item{ margin-top:100px;}
.pro_item .infor .tit{font-size:50px; color:#1a1a1a; text-align:center; font-weight:bold; text-transform: uppercase; font-family: 'GothamBold'; }
.pro_item .infor en{ text-align:center; font-family: 'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial; display:block; line-height:50px; font-size:16px; margin:6px auto 60px; font-size: 16px; color: #666;}
.pro_item .infor .line {width: 80px;height: 4px;background: #1a1a1a; margin:15px auto 0;}	



.w90{width:90%; margin:auto !important; position: relative;}
.product{ margin-bottom:4%;}
.pro-list{ position: relative; }
.product .col12 h2{ margin-top:100px; font-weight: bold; font-family: 'GothamBold'; font-size:50px; text-transform: uppercase;}
.pro-list .pro-ul{overflow: hidden; padding-top:30px;}
.pro-list .pro-ul ul li{float:left;width:23.6%; margin:12px;}
.pro-list .pro-ul ul li span{display: block; line-height: 0; overflow: hidden; border-bottom:0;}
.pro-list .pro-ul ul li span img{width:100%;/* height:100%;*/ transition: 1s;}
.pro-list .pro-ul ul li em{display: block; height:40px; line-height:40px; font-size:16px; text-align: center; color:#333;  position: relative; z-index:1;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pro-list .pro-ul ul li em:before{width:0;height:60px;background:#1a1a1a; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.pro-list .pro-ul ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); color:#fff;
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.pro-list .pro-ul ul li:hover em:before{width:100%; color:#fff;}
.pro-jt i{display: block; width:24px; height:43px;cursor: pointer;}
.pro-jt i.pro-prev{background:url(../images/pro-prev.png) no-repeat center; position: absolute; left:-2.7%;top:37%;}
.pro-jt i.pro-next{background:url(../images/pro-next.png) no-repeat center; position: absolute; right:-2.7%;top:37%;}

.pro-list .pro-ul ul li em:hover { color:#fff;}
.pro-list .pro-ul ul li:hover em{ color:#fff;}
@media (max-width: 1800px) {
.w90{width:90%; margin:auto; position: relative;}
.pro-list .pro-ul ul li{float:left;width:23.7%; margin:10.5px;}
.pro-list .pro-ul ul li em{display: block; height:56px; line-height:56px; text-align: center; font-size:16px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:56px;background:#1a1a1a; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 3%;}
}
@media (max-width: 1600px) {
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li{float:left;width:23.7%; margin:10px;}
 .pro-list .pro-ul ul li em{display: block; height:54px; line-height: 54px; text-align: center; font-size:15px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:54px;background:#1a1a1a; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 2%;}

}
@media (max-width: 1440px) {.pro-list .pro-ul ul li{float:left;width:23.7%; margin:9px;}
.product-range {/*padding: 100px 0 70px 0;*/}
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li em{display: block; height:54px; line-height:54px; text-align: center; font-size:15px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:54px;background:#1a1a1a; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}
.video{ padding:0 1.6%;}
}
@media (max-width: 1366px) {.pro-list .pro-ul ul li{float:left;width:23.7%; margin:8px;}
.w90{width:90%; margin:auto; position: relative;}
 .pro-list .pro-ul ul li em{display: block; height:48px; line-height:48px; text-align: center; font-size:14px; color:#333;  position: relative; z-index:1;}
.pro-list .pro-ul ul li em:before{width:0;height:48px;background:#1a1a1a; color:#fff; content:""; position: absolute;left:0;top:0; transition: .5s;z-index:-1;}

}