@charset "utf-8";
.swiper-container-banner{height:800px;position: relative;}
.banner .img { position: relative; padding-bottom: 800px; height: 0; }
.banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.banner a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; }
.banner .txt_con{position: absolute; left: 0; top: 35%; margin-top: -86px; margin-left:auto; margin-right:auto; width:100%; letter-spacing:5px;}
.banner .txt_con .txt_con1 {width: 96%; text-align:center; margin:0 auto;}
.banner .txt { position: absolute; left: 14%; top: 45%; margin-top: -86px; width: 50%; }
.banner .txt .top_txt{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);line-height:60px; font-size:36px; }
.banner .swiper-slide-active .top_txt { transform: translateY(0); }
.banner .txt1 { height: 56px; overflow: hidden; line-height: 50px; margin-bottom: 20px; }
.banner .swiper-slide-active .txt1 span { transform: translateY(0); }
.banner .txt1 span { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(300%);display: block; font-size: 60px;  color: #fff; }
.banner .txt .txt2 {transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:500px; overflow: hidden;}
.banner .txt .txt2 span { display: block;color: rgb(255, 255, 255);height:60px; border-radius:30px;background:linear-gradient(45deg, rgb(2, 174, 162), rgb(50, 201, 159)); text-align:center; line-height:60px;transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:24px;}
.banner .swiper-slide-active .txt2 span { transform: translateY(0); }
.banner .txt .txt22 {transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); width:70%; overflow: hidden;}
.banner .txt .txt22 span { display: block;color: rgb(255, 255, 255);height:60px;line-height:60px;transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); font-size:24px;}
.banner .swiper-slide-active .txt22 span { transform: translateY(0); }
.banner .txt_con .txt2 { height:96px; overflow: hidden; width:90%; text-align:center; margin:0 auto;  color:#fff; letter-spacing:6px;}
.banner .swiper-slide-active .txt_con .txt2 span,.banner .swiper-slide-active .txt_con .txt2 strong{ transform: translateY(0); }
.banner .txt_con .txt2 span {  display: block; line-height:85px; font-size:58px;  font-weight: bold; color: #fff; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(40%);}
.banner .txt_con .txt2 strong {  font-size: 86px;line-height:70px; color:#e40011; margin:0 8px; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateY(40%);}
.banner .swiper-slide-active .txt_con .txt3{ transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; transform: translateY(20%); text-align:center; font-size: 24px; line-height:45px; color: #fff;  }
.banner .txt_con .txt3_con{width:70%; margin:0 auto;}
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
  50% { transform: translateY(0px); }
  100% { transform: translateY(-5px); } }
@media (max-width: 1700px) {
.swiper-container-banner{height:708px;}
.banner .img {padding-bottom: 708px; }
.banner .txt1 span { font-size: 50px; }
}
 
@media (max-width: 1440px) {
.swiper-container-banner{height:583px;}
.banner .img {padding-bottom: 583px; }
.banner .txt1 span { font-size: 44px; }
.banner .txt { left: 4%; width: 80%; }
.banner .txt1 { height: 46px; line-height:40px; margin-bottom: 10px; }
.banner .txt .txt22 { transform: translateY(0); }
}
@media (max-width: 1366px) {
.swiper-container-banner{height:569px;}
.banner .img {padding-bottom: 569px; }
.banner .txt1 span { font-size: 38px; }
}
@media (max-width: 1200px) {
.swiper-container-banner{height: 500px;}
.banner .img {padding-bottom: 500px; }
.banner .txt1 span { font-size: 34px; }
}
@media (max-width: 1024px) {
.swiper-container-banner{height:427px;}
.banner .img {padding-bottom: 427px; }
.banner .txt1 span { font-size: 30px; }
}
@media (max-width: 960px) {
.swiper-container-banner{height:400px;}
.banner .img {padding-bottom: 400px; }
.banner .txt1 { height: 36px; line-height:30px; margin-bottom:5px; }
}
@media (max-width: 768px) {
.banner { padding-top:60px;}
.swiper-container-banner{height:320px;}
.banner .img {padding-bottom: 320px; }
.banner .txt1 span { font-size: 28px; }
.banner .txt .txt22 span {  height:40px;line-height:40px; font-size:20px;}
.banner .txt { margin-top: -40px;}
}
@media (max-width: 568px) {
.swiper-container-banner{height:240px;}
.banner .img {padding-bottom: 240px; }
.banner .txt1 { height: 30px; line-height:28px; margin-bottom:0px; }
.banner .txt1 span { font-size: 24px; }
.banner .txt .txt22 span {  height:30px;line-height:30px; font-size:18px;}
}
@media (max-width: 425px) {
.swiper-container-banner{height:190px;}
.banner .img {padding-bottom: 190px; }
.banner .txt1 span { font-size: 22px; }
.banner .txt .txt22 span {  height:30px;line-height:30px; font-size:18px;}
}
@media (max-width: 375px) {
.swiper-container-banner{height:170px;}
.banner .img {padding-bottom: 170px; }
.banner .txt1 span { font-size: 20px; }
}

.banner .swiper-button-prev {  left: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-button-next {  right: 10px;  width: 30px;  height: 30px;  opacity: 0;  -webkit-transition: opacity .3s;  -o-transition: opacity .3s;  -moz-transition: opacity .3s;  transition: opacity .3s;}
.banner .swiper-container:hover .swiper-button-prev,
.banner .swiper-container:hover .swiper-button-next {  opacity: 1;}
.banner .swiper-button-next,
.banner .swiper-button-prev {background-image:none!important;  content: "";  display: block;  width: 30px;  height: 30px;  border: 3px solid;  border-color: transparent transparent #076fb8 #076fb8;}
.banner .swiper-button-prev {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.banner .swiper-button-next {  -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg);  -ms-transform: rotate(-135deg);  -o-transform: rotate(-135deg);  transform: rotate(-135deg);}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 43px;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;  background: #fff;  -webkit-transition: all .5s;  -o-transition: all .5s;  -moz-transition: all .5s;  transition: all .5s;  border-radius: 10px;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #076fb8;  width: 33px;}

/*.page-section {padding:4em 0;}*/
.pages-section {padding:3em 0;}
.index-title { margin:0 auto 30px; text-align:center;}
.index-title h3 {font-size: 32px;font-weight: 700;letter-spacing: 3px;margin-bottom: 20px;}
.index-title .con {color: #444;font-size: 18px;}

.subPage{padding: 40px 50px;}
.subPage .tit{ text-align:center; line-height:45px; font-size:26px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
@media (max-width: 1366px) {
.subPage{padding: 30px 40px;}
.subPage .tit{  font-size:20px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
.index-title h3 {font-size: 26px;}
}

@media (max-width: 1024px) {
.subPage{padding: 20px 30px;}
.index-title h3 {font-size: 22px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 23px;}
}
@media (max-width:768px) {
.subPage{padding: 5px 5px;}
.index-title .con { font-size: 16px;}
.subPage .tit{ text-align:center; line-height:35px; font-size:18px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc}
}
.white{ background: #FFF;}/* 公共颜色白色 */
.articleBox{line-height:28px;}
.articleBox em,
.articleBox i{font-style: italic;}
.articleBox .title{ font-size:20px; text-align:center; padding-bottom:15px;border-bottom:1px solid #ccc; margin-bottom:15px;}
.articleBox .sj{ text-align:center; padding-bottom:15px;}

.articleBox img{max-width: 100%;}
.articleBox h3{ color:#3044a3; margin-bottom:20px;}
.articleBox p{ line-height:28px;}

.headline1{width: 100%;margin-bottom: 26px;position: relative;}
.en1{font-size: 30px;text-align:center;font-weight: bold;line-height: 40px;height: 40px;overflow: hidden;text-transform: uppercase;}
.cn1{font-size: 20px;line-height: 30px;text-align:center;height: 30px;overflow: hidden;position: relative;}
.cn1 em{display: inline-block;width: 60px;height: 1px;background: #076fb8;position: absolute;top: 50%;margin-left: 10px;}


.product{width: 100%;height: auto;overflow: hidden;padding: 50px 0;}
.headline{width: 100%;margin-bottom: 26px;position: relative;}
.en{font-size: 30px;font-weight: bold;line-height: 40px;height: 40px;overflow: hidden;text-transform: uppercase;}
.cn{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;position: relative;}
.cn em{display: inline-block;width: 60px;height: 1px;background: #076fb8;position: absolute;top: 50%;margin-left: 10px;}
.imore{position: absolute;right: 0;bottom: 8px;background:#076fb8;color:#FFF;}
.imore a{display: block;color:#FFF;padding:0 34px 0 15px;background: url(../images/imore_g.png) right center no-repeat;line-height: 38px;height: 38px;overflow: hidden;}
.imore a:hover{color: #076fb8;border:1px solid #076fb8;background: #FFF url(../images/imore.png) right center no-repeat;}
.product .headline{padding-right: 622px;}
/*.product .headline:before,.news .headline:before{content: "";width: 60px;height: 1px;background: #076fb8;position: absolute;top: 20px;left: -70px;}*/
.pro_slide{width: 100%;position: relative;height: auto;}
.pro_hd{ position: absolute;right: 150px;top: -72px;}
.pro_hd ul{width: 100%;height: auto;overflow: hidden;}
.pro_hd ul li{float: left;padding: 0 10px;margin: 0 10px;line-height: 38px;height: 38px;overflow: hidden;position: relative;color: #808080;cursor: pointer;border-bottom:1px solid #076fb8;}
.pro_hd ul li:after{content: "";width: 100%;height: 1px;background: #076fb8;position: absolute;bottom: 0;left: 0px;filter:alpha(opacity=0);opacity: 0;transition: 300ms;transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);}
.pro_hd ul li:hover,.pro_hd ul li.on{background:#076fb8;color: #fff;}
.pro_hd ul li:hover:after,.pro_hd ul li.on:after{filter:alpha(opacity=100);opacity: 1;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}

.news{width: 100%;height: auto;overflow: hidden;padding: 50px 0;}
.news_slide{width: 100%;height: auto;overflow: hidden;}
.news_slide ul{margin:0;}
.news_slide .slick-track{margin: 0;}
.news_slide .slick-slide{padding: 0 12px;}
.news_item{width: 32%;float:left;margin-right:2%;height:405px;overflow: hidden;position: relative;}
.news_item:nth-child(3){margin-right:0;}
.news_slide .slick-slide:nth-child(odd) .news_item{padding-bottom: 170px;}
.news_slide .slick-slide:nth-child(even) .news_item{padding-top: 170px;}
.news_img{width: 100%;font-size: 0px;height: auto;overflow: hidden;}
.news_img img{width: 100%;}
.news_intro{width: 100%;height: auto;overflow: hidden;padding: 25px 10% 0px;background: #f2f2f2;position: absolute;left: 0;transition: 400ms;}
.news_hover{width: 100%;height: auto;overflow: hidden;padding: 36px 15% 0px;background: #f2f2f2;position: absolute;left: 0;transition: 400ms;}
.news_slide .slick-slide:nth-child(odd) .news_item .news_intro{}
.news_slide .slick-slide:nth-child(even) .news_item .news_intro{top: 0px;}
.news_time{line-height: 24px;height: 24px;overflow: hidden;color: #808080;margin-bottom: 8px;}
.news_bt{font-size: 16px;font-weight: bold;line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 30px;}
.news_hover{height: 100%;left: -100%;top: 0;background: #076fb8;}
.news_hover .news_time{color: #eec597;}
.news_hover .news_bt{color: #fff;}
.news_nr{line-height: 30px;height: 120px;overflow: hidden;color: #f7d6b1;margin-bottom: 40px;}
.news_imore{}
.news_imore{width: 180px;}
.news_imore a{display: block;position: relative;line-height: 42px;color: #076fb8;background: #fff;height: auto;overflow: hidden;text-indent: 20px;position: relative;}
.news_imore a:after{content: "";width: 15px;height: 100%;position: absolute;right: 20px;top: 0;}
/*.news_slide .slick-slide:nth-child(odd) .news_item{}
.news_slide .slick-slide:nth-child(even) .news_item{}*/
.news_item:hover .news_intro{left: 100%;}
.news_item:hover .news_hover{left: 0;}
.news_slide .slick-dots{position: relative;margin-top: 28px; bottom: 0px;z-index: 3;line-height: 0px;font-size: 0px;display: none!important;}
.news_slide .slick-dots li{width: auto;height: auto;margin: 0 10px;}
.news_slide .slick-dots li button{width: 10px;height: 10px;background: #ccc;border-radius: 50%;transition: 400ms;filter:alpha(opacity=100);opacity: 1;padding: 0px;}
.news_slide .slick-dots li.slick-active button{background: #076fb8;filter:alpha(opacity=100);opacity: 1;}
.news_slide .slick-dots li button:before{display: none;}

.product{ background:#fafafa;}
.product ul li { margin-bottom:15px;}
.product ul li .box{ border:1px solid #fafafa;}
.product ul li img{ width:100%;}
.product ul li .porBbox {position: relative;overflow: hidden;width: 100%;height: auto;padding: 15px 10px; background:#fff;border-bottom: 2px #ccc solid;text-align:center;}
.product ul li .proTitle {font-size: 16px;color: #000000;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;font-weight: bold;width: 100%;text-transform: uppercase;}
.product ul li .proSummry {color: #aaa;margin: 10px 0;line-height: 1.5em;display: -webkit-box;overflow: hidden;font-weight: 300;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;font-size: 16px;}
.product ul li:hover .proTitle { color: #076fb8;}
.product ul li:hover .porBbox {border-bottom: 2px #076fb8 solid;}
.indexabout { padding:50px 0;background:url(../images/img12.jpg) left bottom no-repeat;}
.indexabout .content p{ line-height:32px;}
.indexabout .uni_more_btn { margin-top:1.2em;}
.indexabout .content1{width:100%; position:relative; }
.indexabout .content1 ul{padding:35px 0px; text-align:center}
.indexabout .content1 ul li{float:left; width:25%; border-left: 1px solid #aaaaaa; position: relative;}
.indexabout .content1 ul li:before{ position: absolute; left: -1px; top: 0px; height: 25px; width: 2px; content: ""; background-color: #076fb8;}
.indexabout .content1 ul li .about-item .about-img {width: 50px;height:50px;margin: 0 auto;}
.indexabout .content1 ul li .about-item .about-img .img {width: 100%;height: 100%;}
.indexabout .content1 ul li .about-item .about-img .img2 {display: none;}
.indexabout .content1 ul li .about-item:hover .img1 {display: none;}
.indexabout .content1 ul li .about-item:hover .img2 {display: block;}
.indexabout .content1 ul li .about-item .about-tit {font-size:18px; margin-top: 15px;}

.digital{ width:100%; margin:-60px auto 0; background:#fff; height:150px; padding:30px 30px; box-shadow:0 0 1rem #ccc; position:relative;}
.digital li{ width:25%; float:left; position:relative; text-align:center; font:16px "Microsoft YaHei UI"; color:#333; height:96px;}
.digital li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; border-right:0px dashed #666;}
.digital li:last-child:before{border:0;}
.digital li span{ display:block; font:50px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:8px;}
.digital li span em{ display:inline-block; width:30px; height:30px; font:18px "Microsoft YaHei UI"; text-align:center; line-height:30px; border-radius:30px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0dabea+0,32c4b5+100 */
background: rgb(7,111,184); /* Old browsers */
/*background: -moz-linear-gradient(left,  rgba(232,33,45,1) 0%, rgba(50,196,181,1) 100%);  FF3.6-15 */
/*background: -webkit-linear-gradient(left,  rgba(232,33,45,1) 0%,rgba(50,196,181,1) 100%);  Chrome10-25,Safari5.1-6 */
 /*background: linear-gradient(to right,  rgba(232,33,45,1) 0%,rgba(50,196,181,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8222c', endColorstr='#32c4b5',GradientType=1 ); IE6-9 */ color:#fff;}
.digital li:hover span{ color:#076fb8;}
@media (max-width:1366px){
	.digital li span{ display:block; font:40px Arial, Helvetica, sans-serif; }
}
@media (max-width:1280px){
	.digital li span{ display:block; font:34px Arial, Helvetica, sans-serif; }
}
@media (max-width:768px){
		.digital{ height:200px;}
.digital li{ width:50%;}
	.digital li span{ display:block; font:26px Arial, Helvetica, sans-serif; }
.indexabout .content1 ul li .about-item .about-tit {font-size:16px; margin-top: 15px;}
.digital li span em{ width:25px; height:25px; font:16px "Microsoft YaHei UI"; line-height:25px; border-radius:25px;}
}
@media (max-width:568px){
	.digital{ height:220px; padding:30px 0px; }
	}
.uni_more_btn  {display:inline-block; *display:inline; *zoom:1; width:175px; text-align:left; background-color:#fff100; }
.uni_more_btn,.uni_more_btn:hover{ color:#000000;}
.uni_more_btn ._btn_con { display:inline-block; *display:inline; *zoom:1; position:relative; padding-left:35px; height:38px; line-height:38px; }
.uni_more_btn ._btn_con:after { content:''; display:block; position:absolute; top:50%; right:0; margin-right:-35px; margin-top:-6px; width:20px; height:12px; background-image:url(../images/uni_more_btn_arr.png); background-position:0 0; background-repeat:no-repeat; }

.uni_more_btn { color:#fff; background-color:#076fb8; border:#076fb8 1px solid; }
.uni_more_btn ._btn_con:after { background-image:url(../images/uni_more_btn_arr3.png); }
.uni_more_btn:hover { color:#ffffff; background-color:#00489d; border:#00489d 1px solid; }
.uni_more_btn:hover ._btn_con:after { background-image:url(../images/uni_more_btn_arr3.png); }
.uni_more_btn.btn_wd_white { color:#ffffff; background-color:transparent; border:#ffffff 1px solid; }
.uni_more_btn.btn_wd_white ._btn_con:after { background-image:url(../images/uni_more_btn_arr3.png); }
.uni_more_btn.btn_wd_white:hover { color:#fff; background-color:#076fb8; border:#076fb8 1px solid; }
.uni_more_btn.btn_wd_white:hover ._btn_con:after { background-image:url(../images/uni_more_btn_arr3.png); }
.uni_more_btn.btn_wd_black { color:#000000; background-color:transparent; border:#000000 1px solid; }
.uni_more_btn.btn_wd_black ._btn_con:after { background-image:url(../images/uni_more_btn_arr.png); }
.uni_more_btn.btn_wd_black:hover { color:#000000; background-color:#076fb8; border:#076fb8 1px solid; }
.uni_more_btn.btn_wd_black:hover ._btn_con:after { background-image:url(../images/uni_more_btn_arr.png); }

.indexapplication{padding:50px 0;}
.indexapplication .proLi {position: relative;overflow: hidden; border: #e6e6e6 solid 1px;margin-bottom:15px;}
.indexapplication .porTbox {position: relative;overflow: hidden;width: 100%;padding-bottom: 65.5%;}
.indexapplication .proImg {position: absolute;top:0;left:0;width: 100%;transition: all .5s ease;}
.indexapplication .showBox {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.indexapplication .showBoxLink {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 18px;padding: 0.5rem 0;}
.indexapplication .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 10%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 10%;height: 1px;background: #fff;transition: all .5s ease;}
.indexapplication .showBox:hover {opacity: 1;}
.indexapplication .porBbox {position: relative;overflow: hidden;width: 100%;padding: 10px 15px;border-top: 0px solid #e6e6e6;background: #fff;}

.indexnews {background: url(../images/guanggao.jpg) no-repeat center;height:360px;overflow:hidden;}
.indexnews .index-title{ color:#fff;}
.indexnews .index-title .con {color: #fff;}
.indexnews .news-con {background-color: #fff;padding: 2.7% 2.7% 1.6%;box-shadow: 0 0px 16px rgba(0, 0, 0, 0.2);}
.indexnews .row>div>.news-content {height: 100%;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.indexnews .index-t h3 {margin-bottom: 60px;}
.indexnews .news-big{ padding:20px 0;}
.indexnews .news-li { height: 100%;}
.indexnews .news-li .news-item:first-child,
.indexnews .news-li .news-item:nth-child(2) {padding-bottom: 25px;}
.indexnews .news-li .news-item {-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.indexnews .news-big .news-tit {font-size:18px;font-weight: 700; height:60px; margin-bottom:10px;}
.indexnews .news-contents .news-tit {font-size:18px;font-weight: 700; }
.indexnews .news-more {-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.indexnews .news-item:hover .news-more,
.indexnews .news-big:hover .news-more {color: #076fb8}
.indexnews .news-more,
.indexnews .news-c {color: #666; margin-top:10px; }
.indexnews .news-more:after {content: "";display: inline-block;border: 6px solid;border-color: transparent transparent transparent #076fb8;margin-left: 20px;margin-bottom: -2px;}
.indexnews .news-date{ margin:5px 0;}
.indexnews .news-img img {max-width: 100%; overflow:hidden;}
.indexnews .news-right-item1 { height:140px; border-bottom:1px solid #fafafa; margin-bottom:20px; padding-bottom:20px;}
.indexnews .news-right-item1 .news-img1 { width:24%; float:left;}
.indexnews .news-right-item1 .news-contents1{ width:74%; float:left; margin-left:2%; }
.indexnews .news-right-item {}
.indexnews .line{ height:1px; background:#ccc; width:100%; margin:20px 0;}
.indexnews .news-big .news-c{word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.indexnews .news-contents .news-c{word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;}
@media (max-width:768px) {
.indexnews .news-big{ margin-bottom:30px; border-bottom:1px solid #ccc;}
.indexnews .news-big .news-tit {font-size:16px; }
.indexnews .news-contents .news-tit {font-size:16px; }
}

.page_banner{position:relative; -webkit-transition: all 0.3s; transition: all 0.3s;}
.page_banner img{ width:100%;  -webkit-transition: all 0.3s; transition: all 0.3s;}
.page_banner .cat_box{position:absolute; bottom:0px; left:0; width:100%;}
.page_banner .cat_box .cat_name { margin-bottom:12%;}
.page_banner .cat_box .cat_name h2{font-size:40px; color:#fff; line-height:2; margin-bottom:15px; font-weight:normal; text-align:center; position:relative;}
.page_banner .cat_box .cat_name h2:after{ position:absolute; left:49%; bottom:0px; content:""; background:#fff; width:40px; height:2px;}
.page_banner .cat_box .cat_name h3{ font-size:24px; color:#fff;font-weight:normal; text-align:center; }
.page_banner .mask{position:absolute; left:0; top:0; width:100%; height:100%; }
.sec_nav_box .posi{ height:60px; line-height:60px; font-size:15px; color:#666; font-weight:normal; text-align:right;}
.sec_nav_box .posi em{margin:0 8px;}
.sec_nav_box .posi a{ color:#666;}
.sec_nav_box{text-align:center; height:60px; line-height:60px; background: #fff; border-bottom:1px solid #eee;}
.sec_nav_box ul { text-align:left; }
.sec_nav_box ul li { float:left; margin-right:3%;line-height:60px; height:60px; padding:0 10px;}
.sec_nav_box ul li a{ font-size:16px; color:#555555;}
.sec_nav_box ul li:hover,.sec_nav_box ul li.cur{background:#076fb8;}
.sec_nav_box ul li:hover a,.sec_nav_box ul li.cur a{color: #fff; }
.sec_nav_box ul li a:hover::after{left: 0; width: 100%;}
@media only screen and (max-width: 1366px){
.page_banner .cat_box .cat_name { margin-bottom:8%;}
}
@media only screen and (max-width: 1280px){
.page_banner .cat_box .cat_name { margin-bottom:5%;}
.page_banner .cat_box .cat_name h2{font-size: 30px; }
.page_banner .cat_box .cat_name h3{ font-size:20px; }
.page_banner .cat_box .cat_name h2:after{ left:48%;}
}
@media only screen and (max-width: 1024px){
.page_banner{ margin-top:60px;}
.page_banner .cat_box .cat_name { margin-bottom:3%;}
.page_banner .cat_box .cat_name h2{font-size: 26px; }
.page_banner .cat_box .cat_name h2:after{ left:47%;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box{bottom:20px;}
.page_banner .cat_box .cat_name h2{font-size: 24px;margin-bottom: 10px;}
.page_banner .cat_box .cat_name h3{ font-size:16px; }
.page_banner .cat_box .cat_name h2:after{ left:47%;}
}
@media only screen and (max-width: 460px){
.page_banner .cat_box .cat_name h3{ display:none;}
.page_banner .cat_box .cat_name h2{font-size: 20px;margin-bottom: 10px;}
.page_banner .cat_box .cat_name h2:after{ left:46%; width:30px;}

}
@media only screen and (max-width: 1240px){
.sec_nav_box {display: none;}
}
.title_box {transition: all 0.5s; text-align:center; }
.title_box .en {font-size: 30px;line-height: 36px;color: #17447e; text-transform:uppercase;font-family: Arial;position: relative; padding-bottom: 13px;}
.title_box .en:after {display: block;position: absolute;bottom: 0;left: 50%;margin-left: -17px;width: 34px;height: 3px;background: #ed000d;content: '';}
.title_box .cn {font-size: 30px;line-height: 50px;color: #333;margin-top: 10px; }
@media (max-width: 1460px) {
.title_box .en {font-size: 26px;line-height: 30px; }
.title_box .cn {margin-top: 8px;font-size: 26px;line-height: 44px; }
}
@media (max-width: 1024px) {
.title_box .en {font-size: 22px;line-height: 30px; }
.title_box .cn {margin-top: 3px;font-size: 22px;line-height: 30px; }
}
.about .content h3{font-size: 28px;line-height: 30px; font-weight:600; margin-bottom:15px; }
.about .content .tit{font-size:20px;line-height: 30px; margin-bottom:20px; }
.about .content p{font-size:16px;line-height:30px; margin-bottom:5px;}
.aboutdigital{ width:100%; padding:4em 30px; position:relative; background:#fafafa;}
.aboutdigital li{ width:25%; float:left; position:relative; text-align:center; font:16px "Microsoft YaHei UI"; color:#333; height:96px;}
.aboutdigital li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; border-right:0px dashed #666;}
.aboutdigital li:last-child:before{border:0;}
.aboutdigital li span{ display:block; font:50px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:8px;}
.aboutdigital li span em{ display:inline-block; width:30px; height:30px; font:18px "Microsoft YaHei UI"; text-align:center; line-height:30px; border-radius:30px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0dabea+0,32c4b5+100 */
background: rgb(232,33,45); /* Old browsers */
/*background: -moz-linear-gradient(left,  rgba(232,33,45,1) 0%, rgba(50,196,181,1) 100%);  FF3.6-15 */
/*background: -webkit-linear-gradient(left,  rgba(232,33,45,1) 0%,rgba(50,196,181,1) 100%);  Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  rgba(232,33,45,1) 0%,rgba(50,196,181,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8222c', endColorstr='#32c4b5',GradientType=1 ); IE6-9 */ color:#fff;}
.aboutdigital li:hover span{ color:#076fb8;}
@media (max-width:1366px){
.aboutdigital li span{ display:block; font:40px Arial, Helvetica, sans-serif; }
}
@media (max-width:1280px){
.aboutdigital li span{ display:block; font:34px Arial, Helvetica, sans-serif; }
}
@media (max-width:768px){
.aboutdigital{ height:200px;}
.aboutdigital li{ width:50%;}
.aboutdigital li span{ display:block; font:26px Arial, Helvetica, sans-serif; }
.indexabout .content1 ul li .about-item .about-tit {font-size:16px; margin-top: 15px;}
.aboutdigital li span em{ width:25px; height:25px; font:16px "Microsoft YaHei UI"; line-height:25px; border-radius:25px;}
}
@media (max-width:568px){
.aboutdigital{ height:220px; padding:30px 0px; }
}
.about1 li{overflow: hidden;}
.about1 a{display:block;}
.anim3d { opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; /*overflow:hidden; */transform:translateX(0);perspective: 1500px; -webkit-perspective: 1500px;}
.anim3d.act { opacity:1;}
.about1 .item_box{ position:relative; -webkit-transform-style:preserve-3d; transform-style: preserve-3d;  -webkit-transform: rotateX(90deg) translateZ(300px) translateY(-100%); transform: rotateX(90deg) translateZ(300px) translateY(-100%); -webkit-transition: .8s ease-in-out; transition: .8s ease-in-out; width:100%;}
.about1 .item_box .img_box{position:relative; left:0%; bottom:30px; transform: rotateX(0deg); width:100.1%; overflow:hidden;}
.about1 .item_box .img_box .rect-75{z-index: 3;}
.about1 .item_box .mask{z-index: 1; }
.about1 .item_box:hover .mask{z-index: 4;}
.about1 .act .item_box{ -webkit-transform: rotateX(0deg) translateZ(0px) translateY(0px); transform: rotateX(0deg) translateZ(0px) translateY(0px);}
.about1 .item_box:after{ content: ''; display: block; background: #015696; position: absolute; top: 0; z-index:1; left: 0; width:100%; height:100%; -webkit-transform: rotateX(-90deg) translateY(100%); transform: rotateX(-90deg) translateY(100%); transform-origin: center bottom 0; -webkit-transform-origin: center bottom 0;}
.about1 .delay1 .item_box { -webkit-transition-delay: 0s; transition-delay: 0s; }
.about1 .delay2 .item_box { -webkit-transition-delay: .4s; transition-delay: .4s; }
.about1 .delay3 .item_box { -webkit-transition-delay: .8s; transition-delay: .8s; }
.about1 .delay4 .item_box { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.about1 .item_box .tit_box{position:absolute; bottom:0; left:0; padding-bottom: 30px;  width:100%;}
.about1 .item_box .tit_box .pd{padding:60px 5% 5px; font-size:20px; font-weight: bold; line-height:50px; color:#fff; position: relative;}
.about1 .item_box .tit_box .pd::before{ position: absolute; left: 5%; bottom: 0px; content: ""; width: 50px; height: 3px; background-color: #fff;}
.about1 .item_box .mask{position:absolute; padding:5%; bottom:0; top: 0; left:0; right:0; background:url(../images/about_mask.png) center center no-repeat; background-size:cover; opacity:0; transform:scale(0.9); -webkit-transform:scale(0.9); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.about1 li:hover .item_box .mask{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.about1 li:hover .item_box .tit_box{display:none;}
.about1 .item_box .mask .name{font-size:20px;  font-weight: bold;color:#fff; text-align:left; padding-top: 90%; line-height:50px; position: relative;}
.about1 .item_box .mask .name::before{ position: absolute; left: 0; bottom: 0px; content: ""; width: 50px; height: 3px; background-color: #fff;}
.about1 .item_box .mask .desc{ color:#fff; line-height:30px; margin-bottom:20px; height:96px; margin-top: 10px; overflow:hidden;}
@media (max-width: 1366px){
  .about1 .item_box .mask .name{ padding-top: 82%; }
}
@media (max-width: 1200px){
  .about1 .item_box .tit_box .pd{ font-size:18px; }
  .about1 .item_box .mask .name{font-size:18px; padding-top: 80%; }
  .about1 .item_box .mask .desc{ line-height:26px; }
}
@media (max-width: 768px){
  .about1 .item_box .tit_box .pd{ font-size:17px; }
  .about1 .item_box .mask .name{font-size:17px; }
}	

.time-line {
    background: #00a0e9;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 69%;
    left: 0;
}

.time-to-panle {
    /* position: absolute; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* top: 26%; */
    cursor: pointer;
    z-index: 1;
}

.time-to-panle p {
    font-size: 32px;
    font-weight: 700;
}

.time-to-panle0 {
    left: 2%;
}

.time-to-panle1 {
    left: 19%;
}

.time-to-panle2 {
    left: 38%;
}

.time-to-panle3 {
    left: 57%;
}

.time-to-panle4 {
    left: 76%;
}

.time-to-panle5 {
    left: 92.5%;
}

.time-circle {
    border: 2px solid #00a0e9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    margin-top: 20px;
}

.activeBlue {
    background: #00a0e9
}
.development {
    background: white;
    margin: 0 auto;
    min-width: 1388px;
    padding: 80px 10%;
    margin-bottom: 0 132px 20px 132px;
}

.timeHrizontal {
    display: block;
    margin: 40px 0 40px 0;
    width: 100%;
}

.timeHrizontal li {
    list-style-type: none;
    float: left;
    position: relative;
    width: 120px;
    padding-top: 18px;
    font-size: 18px;
    border-top: 8px solid #49adff;
}

.timeHrizontal li>b {
    position: absolute;
    top: -15px;
    left: -2px;
    width: 20px;
    height: 20px;
    border: 1px solid #49adff;
    border-radius: 50%;
    background: #fff;
    color: #49adff;
    font-size: 19px;
}

.time-to-time {
    position: relative;
    height: 200px;
    /* background: #eee; */
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 40px;
    justify-content: space-between;
}

.development .ptime {
    font-size: 30px !important;
    font-weight: 700;
    letter-spacing: 0;
}

.development .park {
    padding-top: 0px;
    border-right: 20px solid #fff;
    box-sizing: border-box;
}

.development .time-to-time p {
    margin-top: 10px;
}

.pborder {
    height: 4px;
    background: #666;
    margin: 20px 0;
    width: 90%;
}
.history img{ width:100%;}


.culture-list ul li {height:360px; overflow:hidden;}
.culture-list ul li .img {
    width: 50%; float:left;
}
.culture-list ul li .text {
    width: 50%; float:left; height:100%;
    align-items: center;
}
.culture-list ul li .text .box{ padding:30px;}
.culture-list ul li:nth-child(2n) .img {
float:right!important}
.culture-list .col-md-6{    padding-right: 0px;
    padding-left: 0px;}
	@media only screen and (max-width:1480px){
.culture-list ul li {height:320px;}
}
	@media only screen and (max-width:1366px){
.culture-list ul li {height:300px;}
}
@media only screen and (max-width:1280px){
.culture-list ul li {height:280px;}
}
@media only screen and (max-width:1080px){
.culture-list ul li {height:250px;}
}
@media only screen and (max-width:768px){
.culture-list ul li {height:190px;}
}
@media only screen and (max-width:668px){
.culture-list ul li {height:160px;}
}
@media only screen and (max-width: 560px){
.culture-list ul li {height:420px;}
	.culture-list ul li .img {
    width: 100%;
}
	.culture-list ul li .img img{
    width: 100%;
}
.culture-list ul li .text {
    width: 100%;
    display: block;
    align-items: center;
}
}
@media (min-width: 1200px){
.p-xl-5 {
    padding: 3rem!important;
}
}
.bg-gray {
    background-color: #fafafa!important;
}


.detail .content{max-width: 1200px;min-width: 1024px;height: 100%;background: #fff;padding: 30px 60px;margin: 30px auto 30px;box-sizing: border-box;}
.detail .content .title{width: 100%;text-align: center;line-height: 60px;color: #333;font-size: 22px;}
.detail .content .sj{width: 100%;height: 30px;text-align: center;line-height: 30px;font-size: 12px;}
.detail .content .sj img{width: 18px;height: 18px;vertical-align: middle;margin: 0;margin-right: 10px;display: inline-block;}
.detail .content .sj .gks{width: 20px;height: 11px;}
.detail .content p{width: 100%;line-height: 30px; color: #333;text-indent: 2em;margin-top: 20px;}
.detail .content img{width: 100%;height: 100%;margin:  20px auto;display: block;}

.honor-list li { margin-bottom: 35px;}
.honor-list li .img{ padding: 15px; }
.honor-list li .infor{padding:20px; background-color: #f1f5f8; text-align:center; position: relative;}
.honor-list li .infor:after{ content:""; position:absolute; bottom:-1px; width:30px; height:3px; left:50%; margin-left:-15px; background: #076fb8; transition:0.9s}
.honor-list li .infor .title{ font-size: 18px; padding: 15px 0;  }
.honor-list li:hover .infor:after {width:100%; height:3px; left:15px;}
.honor-list li:hover .infor .title {color:#076fb8; }
.honor-list li img{ width:100%;}
@media (max-width:768px){
.honor-list li { margin-bottom: 25px;}
.honor-list li .img{ padding: 5px; }
.honor-list li .infor{padding:5px; }
.honor-list li .infor .title{ font-size: 15px; padding: 10px 0; }
.honor-list li .infor:after{ height:2px;}
}
.product_list .desc{ background:#fafafa; padding:30px; margin-bottom:30px;}
.product_list .desc h3 { font-size:22px; margin-bottom:20px; color:#333;}
.product_list .desc span { font-size:18px; line-height:32px; margin-bottom:20px; color:#666;}
.product_list .desc p{ line-height:32px; color:#666; }
.product_list li{ margin-bottom: 30px;}
.product_list .box { border: 1px solid #e5e5e5; width: 100%;}
.product_list a .pro-txt { display: block;background-color: #f7f7f7; padding: 20px 20px;}
 .product_list a .pro-txt .index-more { line-height: 30px; color: #666;text-align:center;}
 .product_list a:hover .pro-txt .index-more { color: #076fb8; background: url(../images/arr_more_h.png) no-repeat right;}
.product_list a:hover .img-box img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.product_list a .pro-txt .pro-c { color: #666; line-height: 2em; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 15px;}
@media only screen and (max-width: 560px){
  .product_list a .pro-txt { padding: 7px 5px; text-align:center;}
  .product_list a .pro-txt .pro-c{border-bottom: 0px solid #e5e5e5; height: 50px; line-height: 1.6em; margin-bottom: 0px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

}
.news_list .rect-62 img{height:auto;}
.news_list ul li{ border: 1px solid #f2f2f2;  margin-bottom:30px;}
.news_list ul li a{display:block;}
.news_list ul li .img{float:left; width: 28%;}
.news_list ul li .intro{width:100%;}
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li.noimg .intro .box{padding-bottom:30px;}
.news_list ul li .intro .box{padding:30px 50px;}
.news_list ul li .intro .box .txt .t{font-size:22px; margin-bottom: 15px; color:#333; }
.news_list ul li .intro .box .txt .c{font-size:16px; color:#666; line-height:30px; overflow:hidden; text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; margin:8px 0 15px; font-weight:lighter; transition:.3s ease;}
.news_list ul li .intro .box .txt .date1{color: #666; margin-top:30px;display: block;}
.news_list ul li .intro .box .txt .c a{ color:#666; }
.news_list ul li .intro .box .txt .t a:hover{ color:#076fb8; }
@media only screen and (max-width: 1240px){
.news_list ul li.noimg .img{display:none;}
.news_list ul li.noimg .intro{width:100%;}
.news_list ul li .intro{float:left; width:68%;}
.news_list ul li .tit{font-size:30px; color:#232323; line-height:35px; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list ul li .img{ width:32%;}
.news_list ul li .intro .box .txt{float:left; width:100%;}
.news_list ul li .intro .box .txt .t{font-size:18px; margin-bottom: 10px; color:#333; }
}
@media only screen and (max-width: 992px){
.news_list ul li .img{ width:35%;}
.news_list ul li .intro{float:left; width:65%;}
.news_list ul li .intro .box .txt .date1{ margin-top:20px;}
.news_list ul li .intro .box{padding:20px 30px 0;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .tit{font-size:18px; line-height:22px; height:44px;}
.news_list ul li .intro .box .txt .c{ line-height: 26px; overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: box;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list ul li .intro .box{padding:10px 16px 0 16px;}
.news_list ul li .intro .box .txt .t{font-size:17px; color:#000;}
.news_list ul li .intro .box .txt .date1{ margin-top:0px; }
.news_list ul li:hover{background: none;}
}
@media only screen and (max-width: 760px){
.news_list ul li .intro .box .txt .c{ margin:5px 0 5px; line-clamp: 1;-webkit-line-clamp: 1;}
}
@media only screen and (max-width: 460px){
.news_list ul li .img{ width:100%;}
.news_list ul li .intro{float:left; width:100%;}
.news_list ul li .intro .box{padding:15px 16px 15px 16px;}
.news_list ul li .intro .box .txt .c{ line-clamp: 2;-webkit-line-clamp: 2;}
}

.news_show p,.news_show div { line-height: 30px;}
.news_show .param-tit{font-size: 30px; text-align:center; padding: 20px 0; color: #333; }
.news_show .param-s{ font-size: 16px; margin-bottom: 30px; text-align:center;  color: #666; padding-bottom: 20px;border-bottom:1px solid #e5e5e5; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.news_show .param-s i{ margin-right: 5px;}
.news_show .param-c {padding-bottom: 30px;}
.news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.news_show .param-c p{ line-height:32px; font-size: 16px; color: #555; }
.news_show .param-img{  margin-bottom: 20px; }
.news_show .prev_next {line-height: 60px;height: 60px; border-top:1px solid #e5e5e5;}
.news_show .prev_next a{color: #444;}
.news_show .prev_next li {margin: 10px auto; padding:0 5px; width: 48%;}
.news_show .prev_next li a:hover { color: #cc0000; }
@media(max-width:1365px) {
.news_show img{ max-width: 100%;}
.news_show .param-c {padding-bottom: 20px;}
}
@media(max-width:1280px) {
.news_show .param-t{font-size: 20px; }
.news_show .param-tit{font-size: 20px; }
}
@media(max-width:992px) {
.news_show .param-tit{font-size: 18px;padding-bottom: 15px; }
.news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;}
.news_show .param-c { padding-top: 10px;}
.news_show p,.news_show div { line-height: 28px;}
.news_show .prev_next {line-height: 26px;height: 80px; }
.news_show .prev_next li {width: 98%; margin-bottom: 5px;}
.news_show .prev_next li.rt { float: left;}
}
@media(max-width:680px) {
.news_show .param-t{font-size: 18px; padding-bottom:10px;}
.news_show .param-tit{font-size: 18px; }
.news_show .param-c p{ font-size: 15px;line-height:26px;}
.news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.news_show .param-c { padding-top: 0px;}

}
.join .job{ margin-bottom:30px;}
.join .li{ padding:0 0.5rem;}
.join .box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden}
.join .box .top{background: #bca99b;height: 140px;text-align:center;padding:50px 0 0;width: 100%;}
.join .box .top h3{font-size:24px; font-weight: bold; color:#fff;margin:0 0 14px;}
.join .box .top h5{font-size: 16px;color:#666;}
.join .box .con{background: #fff;padding: 1.1rem 0.625rem;border: #e5e5e5 1px solid;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.join .box .con h4{font-size: 14px;color:#bea26a;font-weight:bold;margin-bottom: 5px;line-height: 30px;}
.join .box .con .ar_article{height: 348px;overflow:hidden;overflow-y:scroll;margin-right: 0;padding-right: 10px;background-color: white;}
.join .box .con .ar_article strong { color: #333; font-size: 17px;}
.join .box .con .ar_article p{ font-size: 15px;line-height: 32px;color:#666; text-indent:0}
.join .li:hover .box .top{background:#076fb8;}
.join .li:hover .box .top h3{ color:#fff;}
.join .li:hover .box .top h5{ color:rgba(255,255,255,0.6);}
.join .box .con .ar_article::-webkit-scrollbar {width:2px;height:1px; background:#e2e2e2}
.join .box .con .ar_article::-webkit-scrollbar-track {border-radius:1px; background:#e2e2e2}
.join .box .con .ar_article::-webkit-scrollbar-thumb {border-radius:1px; background:#076fb8}

.g_fk dt img {
    width: 440px;
    height: 300px;
 }
.g_fk dt {
    float: left;
    width: 35%;
}
.g_fk dt img {
    width: 440px;
    height: 300px;
    display: block;
}
.g_fk dd {
    float: left;
    background: #f5f5f5;
    width: 65%;
    height: 300px;
    padding: 70px 50px 0 50px;
}
.g_fk h3 {
    height: 32px;
    font-weight: normal;
    font-size: 18px;
    color: #1f2d6a;
}
.g_fk p {
    font-size: 16px;
    color: #666666;
    line-height: 34px;
 }

.contact .sale{
    width: 100%;
    display: flex;
    font-size: 24px; margin-top:30px; margin-bottom:30px;
}
.sale>div{
    width: 50%; float:left;
    /* border: 1px solid #000; */
    padding: 20px 0 30px 0;
}
.map {height: 490px; margin-bottom:30px;}
@media(max-width:992px) {.contact .sale{
    font-size: 20px; margin-top:30px; margin-bottom:30px;
}
	
}
@media(max-width:768px) {
	.contact .sale{
    width: 100%;font-size: 18px;
    display: block;}
.sale>div{
    width: 100%; float:left;}	
}
@media(max-width:568px) {
.contact .sale{font-size: 16px;}

}
.product-section {
	padding-bottom: 50px;
	position: relative;
}
.product-title {
	padding: 50px 10px 30px;
	font-weight: normal;
	font-size: 36px;
	line-height: 46px;
	color: #252b3a;
	text-align: center;
	color: #333
}
.product-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.product-features .product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	background: url(../images/productBase-features-model.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}
/*li*/
.features-item {
	position: relative;
	float: left
}
.features-slide .features-item>* {
	text-align: center
}
.features-item h3 {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 50px;
	color: #333;
	opacity: 0.7;
	transition: all 0.1s
}
.features-item i {
	position: absolute;
	width: 75%;
	height: 33px;
	background: url(../images/productBase-features-timeline.png) no-repeat;
	background-size: contain;
	background-position: right center;
	left: -25%;
	margin-left: 10px;
	top: 35px;
	z-index: 3;
}
.features-item .features-info {
	display: block;
	margin: 0 auto;
	padding: 20px 33px;
	transition: all 0.3s;
	border-radius: 2px
}
@media(max-width:768px) {
	.features-item .features-info {padding: 10px 13px;
	}
	
}
.features-item .features-info .features-info-i {
	font-size: 14px;
	color: #A0A2A8;
	line-height: 22px;
	margin-bottom: 10px
}
.features-item .features-info .features-info-s {
	font-size: 16px;
	color: #333;
	line-height: 24px;
	overflow: hidden
}
.features-item.dark i {
	background: url(../images/productBase-features-timeline-dark.png) no-repeat;
	background-size: contain;
	background-position: right center
}
/*鼠标悬浮效果*/
.features-item:hover h3 {
	font-size: 22px;
	line-height: 28px;
	opacity: 0.9
}
.features-item:hover i {
	width: 75%;
	margin-left: 13px;
	background: url(../images/productBase-features-timeline-hover.png) no-repeat;
	background-size: contain;
	background-position: right center
}
.features-item:hover a {
	background: url(../images/productBase-features-info.png) no-repeat;
	background-size: 100% 100%
}
/*左右按钮*/
.product-features .swiper-button-prev {
	width: 30px;
	height: 40%;
	left: -15px;
	top: 60%;
	background: none
}
.product-features .swiper-button-prev:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(../images/productBase-features-left.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}
.product-features .swiper-button-next {
	width: 30px;
	height: 40%;
	right: -15px;
	top: 60%;
	background: none
}
.product-features .swiper-button-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(../images/productBase-features-right.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}