@charset "UTF-8";

/***********page-banner*************/
.page-banner { position:relative; height:100vh; overflow:hidden; }
.page-banner .bg_container { padding-bottom:56.25%; background-size: 100% 100%; }
.page-banner .page-text { position:absolute; left:0px; text-align:right; top:0px; height:80%; bottom:0px; width:100%; }
.page-banner .page-text .page-tit { color:#fff; line-height:1.3; }
.page-banner .page-text .page-tit span { color:#00537c; }
.page-banner .page-text .page-sub {color:#fff; padding-top:0.8125em; opacity:0.6; filter:alpha(opacity=60);}
.page-banner .li02 .page-text { height:73%; bottom:auto; text-align:left; }
.page-banner .li02 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .li03 .page-text { top:auto; height:46%;  }
.page-banner .li03 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .li04 .page-text { top:auto; height:90%;  }
.page-banner .li04 .page-text .page-sub { opacity:0.2; filter:alpha(opacity=20);}
.page-banner .swiper-slide .page-text { z-index: 200; filter:alpha(opacity=0); opacity:0; visibility: hidden; -webkit-transition: all 2000ms ease; transition: all 2000ms ease;  transform: translate(5%,0); color:#fff; -webkit-transform: translate(5%,0); }
.page-banner .swiper-slide.swiper-slide-active .page-text { transform: translate(0,0); -webkit-transform: translate(0,0);opacity:1; filter:alpha(opacity=100); visibility: visible; }
.page-banner .pagination { position:absolute; z-index:3; left:0px; bottom:25%; width:100%; }
.page-banner .pagination .swiper-pagination-bullet { width:30px; background:none; opacity:1; height:5px; position:relative; border-radius:0px; }
.page-banner .pagination .swiper-pagination-bullet:before { position:absolute;transition:0.5s all; content:""; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;  left:0px; bottom:0px; height:2px; background:#fff; width:100%; }
.page-banner .pagination .swiper-pagination-bullet-active { background:none; }
.page-banner .pagination .swiper-pagination-bullet-active:before { height:5px; background:#44b3d4; }

@media only screen and (max-width:767px){
.page-banner ul li .page-text .page-sub br { display:none; }
.page-banner .li02 .page-text { height:100%; }
.page-banner .li03 .page-text { height:100%; }
.page-banner .bg_container { padding-bottom:66%; }

}
@media only screen and (max-width:414px){
.page-banner .bg_container { padding-bottom:75%; }
}
@media only screen and (max-width:374px){
.page-banner .bg_container { padding-bottom:100%; }
}

.bcolist {
    width: 100%;
    height: 10rem;
	padding-top:1.6rem;
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 8;
}

.bcolist li {
   list-style-type:none;
   }
   
.kuanping {
   width:1440px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }  
   
.video-container {  
    position: relative;  
    width: 100%; /* 宽度100% */  
    height: 100vh; /* 高度为视口高度 */  
    overflow: hidden; /* 隐藏超出容器的部分 */  
  } 
  
.shipin {
   height:auto; overflow:hidden;
   margin-top: 40px;
   }   

.shipin video {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.sprow {
    height:auto; overflow:hidden;
    margin-left: -10px;
    margin-right: -10px;
}

.sprow li {
    list-style-type: none;
    width:50%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

/* 企业实力 */
.qiye {
   height:auto; overflow:hidden;
   padding-top:8rem;
   padding-bottom:8rem;
   background:url(../images/qybg.jpg);
   background-size: 100% 100%;
   }
   
.qiye .page-title p:first-child {
    opacity: 0.2;
    filter: alpha(opacity = 20);
    padding-bottom: 3px;
}
   
.shili {
   height:auto; overflow:hidden;
   border-top:1px solid #e5e5e5;
   border-left:1px solid #e5e5e5;
   margin-top:7rem;
   }
   
.shili li {
   list-style-type:none;
   width:16.666666666%;
   border-right:1px solid #e5e5e5;
   border-bottom:1px solid #e5e5e5;
   float:left;
   }  
   
.shili li .pic .img {
    width: 100%;
    height: auto;
    transition: all 1s ease 0s;
}
   
.shili li .pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    transition: all 400ms ease 0s;
}
   
.shili li .txt {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 8;
    padding: 15px 12px;
} 

.shili li .txt .numl {
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}

.shili li .txt .tt {
    line-height: 28px;
    font-size: 18px;
    color: #535353;
}

/* 合作客户 */
.hezuo {
   height:auto; overflow:hidden;
   padding-top:8rem;
   padding-bottom:8rem;
   color:#FFFFFF;
   background:url(../images/khbg.jpg);
   background-size: 100% 100%;
   }
   
.hezuo .page-title p:first-child {
    opacity: 0.2;
    filter: alpha(opacity = 20);
	color:#FFFFFF;
    padding-bottom: 3px;
}



.hezuo ul {
    padding:0px;
	margin-top:40px;
	margin-right:-15px;
	margin-left:-15px;
	padding-bottom:30px;
}
.hezuo ul li {
	float:left;
	width:25%;
	list-style-type:none;
	padding:0px 15px;
	margin-bottom:30px;
}
.hezuo ul li span {
	display:block;
	background:#fff;
	padding:25px;
	border-radius:15px;
}

.hezuo ul li span img {
   width:100%;
   }

.hezuo .more {
	width:55%;
	text-align:center;
	background:#fff;
	line-height:80px;
	color:#000;
	font-size:24px;
	cursor:pointer;
	transition:.3s;
	margin:0 auto;
}
.hezuo .more:hover {
	background:#053b92;
	color:#fff;
}


@media (max-width:1400px) {
	.ihonor ul li span {
	padding:10px;
}
.ihonor .more {
	line-height:50px;
	font-size:16px;
}
}@media (max-width:992px) {
	.ihonor ul {
	margin-top:10px;
	margin-right:-5px;
	margin-left:-5px;
	padding-bottom:10px;
}
.ihonor ul li {
	width:50%;
	padding:0px 5px;
	margin-bottom:10px;
}
.ihonor ul li span {
	padding:5px;
}
.ihonor .more {
	line-height:40px;
	font-size:14px;
}
}


/* 产品中心 */
.chanpin {
   height:auto; overflow:hidden;
   padding-top:80px;
   position:relative;
   }
   
.chanpin .page-title { color:#333; line-height:1.4; }
.chanpin .page-title p:first-child { opacity:0.2; filter:alpha(opacity=20); padding-bottom:3px; }
.chanpin .page-title a { color:#333; }
.chanpin .page-title a:hover { color:#fcc800;  }

.flrow {
   height:auto; overflow:hidden;
   margin-left:-5px;
   margin-right:-5px;
   margin-top:50px;
   }
   
.flrow li {
   list-style-type:none;
   width:33.3%;
   padding-left:5px;
   padding-right:5px;
   float:left;
   } 
   
.fgrow {
   height:auto; overflow:hidden;
   margin-left:-5px;
   margin-right:-5px;
   margin-top:10px;
   }
   
.fgrow li {
   list-style-type:none;
   width:25%;
   padding-left:5px;
   padding-right:5px;
   float:left;
   } 
   
.cpkk {
   position:relative;
   height:auto; overflow:hidden;
   } 
   
.cpkk img {
   width:100%;
   } 
   
.cpkk-zi {
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 70px;
    font-family: 'teko-medium_0', Helvetica, Arial, sans-serif;
    font-size: 24px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .6);
    padding-left: 35px;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
   
.cpkk a i {
    display: block;
    position: relative;
    overflow: hidden;
    font-style: normal;
}

.cpkk a i img{
	transition: .3s;
}
.cpkk a:hover i img{
	transform: scale(1.05);
}
.cpkk a i:before{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #25468f;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.cpkk a:hover i:before{
	width: 100%;
}
.cpkk a i:after{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #25468f;
	position: absolute;
	top: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.cpkk a:hover i:after{
	height: 100%;
}
.cpkk a i b:before{
	content: "";
	display: block;
	width: 10px;
	height: 0;
	background: #25468f;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: .3s;
	z-index: 7;
}
.cpkk a:hover b:before{
	height: 100%;
}
.cpkk a i b:after{
	content: "";
	display: block;
	width: 0;
	height: 10px;
	background: #25468f;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
	z-index: 7;
}
.cpkk a:hover b:after{
	width: 100%;
}
.cpkk a b p{
	display: flex;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	z-index: 6;
	transition: .3s;
	position: absolute;
	font-weight: normal;
	font-size: 1.6rem;
	justify-content: center;
	color: #fff;
	opacity: 0;
}
.cpkk a:hover b p{
	opacity: 1;
}  

   

/***********新闻中心*************/
.page-news { padding:8.625em 0px 13.75em; position:relative; overflow:hidden; }
.page-news .page-title { color:#333; line-height:1.4; }
.page-news .page-title p:first-child { opacity:0.2; filter:alpha(opacity=20); padding-bottom:3px; }
.page-news .page-list { padding-top:2.375em; }
.page-news .page-list ul { margin:0px -1.6875em; }
.page-news .page-list ul li { width:25%; float:left; margin-top:2em; }
.page-news .page-list ul li .page-con { padding:0px 1.6875em; }
.page-news .page-list ul li .page-img { overflow:hidden; position:relative; }
.page-news .page-list ul li .page-img:before {transition:transform .5s cubic-bezier(.165,.84,.44,1),-webkit-transform .5s cubic-bezier(.165,.84,.44,1); position:absolute; background:rgba(252,200,0,0.8); width:50%; height:100%; content:"";will-change:transform; z-index:3; -webkit-transform:skewX(-60deg) translateX(-320%); -ms-transform:skewX(-60deg) translateX(-320%);transform:skewX(-60deg) translateX(-320%); }
.page-news .page-list ul li .bg_container { /*height:13.125em;*/ padding-bottom:65.625%; /*background-size:contain; background-color:#fff; */}
.page-news .page-list ul li h2 { color:#000; margin-top:1.15em; height:3em; }
.page-news .page-list ul li .page-txt { color:#888; margin-top:1.5em; height:4.5em; }
.page-news .page-list ul li a { color:#888; display:block; position:relative;top:0px; }
.page-news .page-list ul li a:hover { color:#44b3d4; top:-5px; }
.page-news .page-list ul li a:hover .page-img:before {/*-webkit-transform:skewX(-60deg) translateX(320%);-ms-transform:skewX(-60deg) translateX(320%); transform:skewX(-60deg) translateX(320%);*/  }
.page-news .page-list ul li a:hover h2 { color:#44b3d4; }
.page-news .page-list ul li .page-more { padding-top:2.2857em; }
.page-news .page-btn { padding-top:4.75em; }
.page-news .page-btn a { display:inline-block; position:relative; overflow:hidden; border:1px solid #00537c; color:#00537c; line-height:2.75; padding:0px 2.75em; border-radius:1.375em; }
.page-news .page-btn a:before { position:absolute; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; left:-100%; content:""; top:0px; height:100%; background:#00537c; border-radius:1.375em; width:100%;}
.page-news .page-btn a span { position:relative; z-index:3; }
.page-news .page-btn a:hover { color:#fff; border-color:transparent; }
.page-news .page-btn a:hover:before { left:0px; }
.page-news .page-news-ico { position:absolute; top:0px; right:0px; width:14.27%; }
.page-news .page-news-ico img { width:100%; }

@media only screen and (max-width:1240px){
.page-news { padding:6.625em 0px 8.75em; }	
.page-news .page-list ul { margin:0px -1em; }
.page-news .page-list ul li .page-con { padding:0px 1em; }
}
@media only screen and (max-width:980px){
.page-news { padding:4.625em 0px 6.75em; }		
.page-news .page-list ul { margin:0px -0.5em; }
.page-news .page-list ul li .page-con { padding:0px 0.5em; }

}
@media only screen and (max-width:767px){
.page-news { padding:2em 0px; }	
.page-news .page-list ul li { width:50%;  }
.page-news .page-list { padding-top:0px; }
.page-news .page-btn { padding-top:2em; }
}
@media only screen and (max-width:374px){
.page-news .page-list ul li { width:100%;  }
}


/***********业务*************/
.page-bussiness { overflow:hidden; }
.page-bussiness ul li { width:25%; position:relative; }
.page-bussiness ul li .bg_container { padding-bottom:179.16%; }
.page-bussiness ul li .page-text { position:absolute; left:0px; color:#fff; top:13.2%; width:100%; padding:0px 12%; }
.page-bussiness ul li .page-text .page-title p:first-child { opacity:0.3; filter:alpha(opacity=30); padding-bottom:3px; }
.page-bussiness a { color:#fff; }
.page-bussiness .page-con { margin:1em 0px 3.25em; display:none; }
.page-bussiness .page-more { display:none; }
.page-bussiness ul li:hover .page-text { top:50%; }
.page-bussiness ul li:hover .page-text .page-con { display:block; }
.page-bussiness ul li:hover .page-text .page-more { display:block; }
.page-bussiness ul li:hover .page-text .page-more span { color:#fcc800;  }

@media only screen and (max-width:1050px){
.page-bussiness ul li .page-text { padding:0px 5%; }
.page-bussiness ul li:hover .page-text { top:30%; }
}
@media only screen and (max-width:767px){
.page-bussiness ul li { width:50%;}
}
@media only screen and (max-width:374px){
.page-bussiness ul li { width:100%;}
}

/***********关于我们*************/
.page-about { padding:8.625em 0px 0px; position:relative; overflow:hidden; }
.page-about .page-title { color:#333; line-height:1.4; }
.page-about .page-title p:first-child { opacity:0.2; filter:alpha(opacity=20); padding-bottom:3px; }
.page-about .page-title a { color:#333; }
.page-about .page-title a:hover { color:#fcc800;  }
.page-about .page-sub { color:#999; line-height:1.875; padding:1.625em 0% 3.25em; }
.page-about .page-sub a { color:#999; }
.page-about .page-sub a:hover { color:#000; }
.page-about .page-about-ico { position:absolute; top:30px; left:0px; width:17.1875%; }
.page-about .page-about-ico img { width:100%; }
.page-about .page-about-ico2 { position:absolute; bottom:0px; right:0px; width:12.5%; }
.page-about .page-about-ico2 img { width:100%; }
.page-about .page-about-number { padding:0px 6% 4.375em; }
.page-about .page-about-number ul li { padding-left:3.875em; position:relative; }
.page-about .page-about-number ul li .page-ico { position:absolute; left:0px; top:1.75em; }
.page-about .page-about-number ul li .page-ico img { height:2em; }
.page-about .page-about-number .page-num { color:#333; }
.page-about .page-about-number .page-num em { position:relative; top:-0.6em; }
.page-about .page-about-number .page-txt { color:#999; }
.page-about .page-about-line { position:relative; }
.page-about .page-about-line .page-img img { width:100%; }
.page-about .page-about-line ul li { position:absolute; cursor:pointer; width:6em; height:6em;  margin:-3em 0px 0px -3em;}
.page-about .page-about-line ul li .page-text { opacity:1;filter:alpha(opacity=100); position:absolute; padding:1em 0.5em; width:8.889em; top:100%; left:50%; margin-left:-4.4445em; color:#fff; background:#00537c; border-radius:5px; z-index:3; }
.page-about .page-about-line ul li:hover .page-text { opacity:1;filter:alpha(opacity=100); }
.page-about .page-about-line ul li .page-tit { position:absolute; top:100%; width:4em; left:50%; margin-left:-2em; }
.page-about .page-about-line ul li .page-circle { width:100%; height:100%; left:0px; top:0px; position:absolute; display:inline-block; border-radius:50%; }
.page-about .page-about-line ul li .page-circle span { width:0.875em; z-index:5; margin:-0.4375em 0px 0px -0.4375em; height:0.875em; position:absolute; content:""; left:50%; top:50%; background:#44b3d4;border-radius:50%;animation:line3 2s linear infinite; }
.page-about .page-about-line ul li .page-circle:before { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#44b3d4;border-radius:50%;opacity:0.1;animation:line 2s linear infinite;  }
.page-about .page-about-line ul li .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#44b3d4;border-radius:50%;opacity:0.1;animation:line 2s linear infinite;  }
.page-about .page-about-line ul li .page-circle:after { z-index:3; width:100%; height:100%; position:absolute; content:""; left:0px; top:0px; background:#44b3d4;border-radius:50%;opacity:0.1;animation:line2 2s linear infinite;  }
.page-about .page-about-line ul li.odd .page-circle:before {animation:line 1.5s linear infinite;  }
.page-about .page-about-line ul li.odd .page-circle:after { animation:line 1.5s linear infinite;  }
.page-about .page-about-line ul li.odd .page-circle:after { animation:line2 1.5s linear infinite;  }
.page-about .page-about-line ul li:first-child .page-text,.page-about .page-about-line ul li:first-child +li+li+li .page-text { top:auto; bottom:100%; }

.page-about .page-about-line ul li .xss { top:auto; bottom:100%; }



.bcolist .page-about-number { padding:0px 6% 4.375em; }
.bcolist .page-about-number ul li { padding-left:3.875em; position:relative; }
.bcolist .page-about-number ul li .page-ico { position:absolute; left:0px; top:1.75em; }
.bcolist .page-about-number ul li .page-ico img { height:2em; }
.bcolist .page-about-number .page-num { color:#333; }
.bcolist .page-about-number .page-num em { position:relative; top:-0.6em; }
.bcolist .page-about-number .page-txt { color:#999; }




@keyframes line{
0%{opacity:0;transform:scale(0)}
50%{opacity:0.6;transform:scale(0.5)}
100%{opacity:0;transform:scale(1)}
}
@keyframes line2{
0%{opacity:0;transform:scale(0)}
50%{opacity:0.6;transform:scale(0.33)}
100%{opacity:0;transform:scale(0.66)}
}
@keyframes line3{
0%{transform:scale(1)}
50%{transform:scale(1.375)}
100%{transform:scale(1.75)}
}

.quanqiu {
    position: relative;
}

.quanqiu img {
     width:100%;
}

.oumeng {
    position: absolute;
    width:100%;
    left:0px;
    top:0px;
    padding: 50px 0px 40px;
}

.oumeng h3 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 50px;
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    max-width: 1060px;
    margin: 0 auto 15px;
}

.oumeng section {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    max-width: 1060px;
    margin: 0 auto;
    text-align: center;
}

.shansuo {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.shansuo img{
	width: 100%;
	display: block;
	height: auto;
}
.shansuo dl dt,.shansuo dl dd{
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #44b3d4;
}
.shansuo dl dd{
	width: 16px;
	height: 16px;
}
@media (max-width:992px) {
	.shansuo{
		width: 100%;
	}
	.shansuo dl dt,.shansuo dl dd{
		width: 16px;
		height: 16px;
	}
	.shansuo dl dd{
		width: 10px;
		height: 10px;
	}
}
.shansuo dl dt:nth-child(1){
	top: 37%;
	left: 86%;
}

.shansuo dl dt:nth-child(1) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(2){
	top: 39.5%;
	left: 20.2%;
}

.shansuo dl dd:nth-child(2) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(3){
	top: 27.5%;
	left: 16.8%;
}

.shansuo dl dd:nth-child(3) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(4){
	top: 78.5%;
	left: 34.4%;
}

.shansuo dl dd:nth-child(4) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(5){
	top: 4%;
	left: 52.5%;
}

.shansuo dl dd:nth-child(5) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(6){
	top: 35.5%;
	left: 51.5%;
}

.shansuo dl dd:nth-child(6) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(7){
	top: 21%;
	left: 56.5%;
}

.shansuo dl dd:nth-child(7) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(8){
	top: 28.1%;
	left: 50.2%;
}

.shansuo dl dd:nth-child(8) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(9){
	top: 46.1%;
	left: 56.6%;
}

.shansuo dl dd:nth-child(9) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}

.shansuo dl dd:nth-child(10){
	top: 14.8%;
	left: 80.2%;
}

.shansuo dl dd:nth-child(10) p {
    width: 66px;
    margin-left: -5px;
    color: #FFFFFF;
}


.shansuo dl dd i,.shansuo dl dt i{
	position: relative;
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	background-image: radial-gradient(circle,rgba(68,179,212,0),rgba(68,179,212,1));
	animation: roateshow 1s linear infinite;
	-webkit-animation: roateshow 1s linear infinite;
}
.shansuo dl dt i{
	width: 22px;
	height: 22px;
}
@media (max-width:992px) {
	.shansuo dl dd i,.shansuo dl dt i{
		width: 10px;
		height: 10px;
	}
	.shansuo dl dt i{
		width: 16px;
		height: 16px;
	}
}
@keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
@-webkit-keyframes roateshow
{
	0% {transform: scale(0);opacity: 0;}
	50% {transform: scale(2);opacity: 1;}
	100% {transform: scale(4);opacity: 0;}
}
@keyframes toright
{
	0% {padding-left:0;}
	50% {padding-left:30px;}
	100% {padding-left:0;}
}
@-webkit-keyframes toright
{
	0% {padding-left:0;}
	50% {padding-left:30px;}
	100% {padding-left:0;}
}


@media only screen and (max-width:1050px){
.page-about .page-about-number ul li { padding-left:2.875em; }
.page-about .page-sub { padding:1.625em 0% 3.25em;}
.page-about .page-about-number { padding:0px 0px 4.375em; }

}
@media only screen and (max-width:767px){
.page-about { padding-top:0em; }	
.page-about .page-sub { padding-bottom:2em; }
.page-about .page-about-number ul li { width:50%; padding-right:1em; margin-top:1em; }
.page-about .page-about-line ul li { width:4em; height:4em;  margin:-2em 0px 0px -2em;}
.page-about .page-about-number .page-num em { top:-0.2em; }
}
@media only screen and (max-width:480px){
.page-about .page-about-line ul li { width:3em; height:3em;  margin:-1.5em 0px 0px -1.5em;}
.page-about .page-about-line ul li .page-text { top:auto; bottom:100%; margin-left:0px; left:0px; display:none; z-index:8; }
.page-about .page-about-line ul li:hover .page-text { display:block; }
.page-about .page-about-line ul li:first-child +li+li+li .page-text { top:auto; bottom:100%; left:auto; right:0px; }
}

/***********自主创新*************/
.page-innovate { padding:2.375em 0px; color:#fff; background: url(../images/page-innovate-bg01.jpg) no-repeat center center;
        background-attachment: scroll;
        background-size: auto auto;
    background-size: cover;
    background-attachment: fixed;}
.page-innovate .page-more a { display:inline-block; position:relative; overflow:hidden; background:#fff; color:#00537c; line-height:2.75; padding:0px 2.75em; border-radius:1.375em; }
.page-innovate .page-more a:hover { text-decoration:underline; }
.page-innovate .page-more a span { position:relative; z-index:5; }
.page-innovate .page-more a:before { position:absolute; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; left:-100%; content:""; top:0px; height:100%; display:none; background:rgba(0,0,0,0.1); border-radius:1.375em; width:100%; }
.page-innovate .page-more a:hover:before { left:0px; }
@media only screen and (max-width:480px){
.page-innovate .page-more { width:100%; padding-top:1em; }
}



/* 企业实力 */
.shilix {

    height: auto;
    overflow: hidden;
    margin-top: 4rem;

}


.ab3 .ul{display: flex;flex-wrap: wrap;}

.ab3 .li{width: calc(50% - 1rem);margin: 2rem 2rem 0 0; list-style-type:none;}

.ab3 .li:nth-child(1),
.ab3 .li:nth-child(2){margin-top: 0;}

.ab3 .li:nth-child(2n){margin-right: 0;}

.ab3 .li .ss{height: 100%;border: 1px solid #e5e5e5;padding:4rem; display: flex; justify-content: space-between;position: relative; background-color:#FFFFFF;}

.ab3 .li .ss .img{position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0;}

.ab3 .li .ss .img img{height: 100%;width: 100%;object-fit: cover;}

.ab3 .li .ss .img::before{content: "";position: absolute;top: 0;left: 0;width:100%; height: 100%;z-index: 1;background: url(../images/about3_imgzz.png) no-repeat center; background-size: cover;}

.ab3 .li .ss .re{width: 100px;height: 100px;border-radius: 50%;border: 1px solid #e5e5e5;position: relative;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}

.ab3 .li .ss .re img{width: 3.2rem;}

.ab3 .li .ss .re img:nth-child(2){position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;opacity: 0;}

.ab3 .li .ss .le{width: calc(100% - 150px);position: relative;z-index: 2;padding: 0.4rem 0 0;}

.ab3 .li .ss .t1{color: #214d9a;}

.ab3 .li .ss .t2{margin-top: 2.5rem;color: #666666;}

.ab3 .li .ss:hover .img{opacity: 1; transition: all 300ms ease-in 0ms;}

.ab3 .li .ss:hover .le .t1{color: #fff; transition: all 300ms ease-in 0ms;}

.ab3 .li .ss:hover .le .t2{color: #fff; transition: all 300ms ease-in 0ms;}

.ab3 .li .ss:hover .re img:nth-child(1){opacity: 0; transition: all 300ms ease-in 0ms;}

.ab3 .li .ss:hover .re img:nth-child(2){opacity: 1; transition: all 300ms ease-in 0ms;}

.f_22 {
    font-size: 22px;
}

.f_26 {
    font-size: 26px;
}

.fbd {
    font-weight: bold;
}

.yc {
    display: block;
}

.yd {
    display: none;
}


.licheng {
    position: relative;
}

.licheng:after{
	content:"";
	display:block;
	height:0px;
	width:calc(100% - 160px);
	top:50%;
	left:80px;
	margin-top:-1px;

	position:absolute;
}
.licheng .swiper-container{
	margin:0px 80px 0px 120px;
	position:static;
	padding:20px 0px;
}
#licheng .swiper-pagination{
	display:none;
}
@media (max-width:1200px) {
	.fazhan{
		padding:30px 0px 0px;
	}
	.fazhan .fztitle p{
		font-size:3.2rem;
		line-height:40px;
	}
	.fazhan .fztitle span{
		font-size:1.6rem;
		padding:10px 0px 0px;
	}
	.licheng{
		margin:0px 0px 0px;
	}
}
@media (max-width:992px) {
	.licheng{
		padding:20px 0px;
	}
	.fazhan{
		padding:30px 0px 0px;
	}
	.fazhan .fztitle p{
		font-size:2.4rem;
		line-height:30px;
	}
	.fazhan .fztitle span{
		font-size:1.4rem;
		padding:10px 0px 0px;
		line-height:24px;
	}
}
.licheng .swiper-container .swiper-button-next{
	background:url(../images/you.png) center no-repeat;
	width:26px;
	height:101px;
	margin-top:-60px;
	right:0;
}
.licheng .swiper-container .swiper-button-prev{
	background:url(../images/zuo.png) center no-repeat;
	width:26px;
	height:101px;
	margin-top:-60px;
	left:0;
}
.licheng .swiper-slide section{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	z-index:3;
	align-content:flex-end;
	height:367px;
	padding-left:10px;
}
@media (max-width:1200px) {
	.licheng .swiper-slide section{
		height:325px;
	}
}
@media (max-width:992px) {
	.licheng .swiper-slide section{
		height:410px;
	}
}
.licheng .swiper-slide section>small{
	cursor:pointer;
	position:relative;
	order:1;
	transition:.3s;
}
.licheng .swiper-slide section>small p{
	font-size:2.1rem;
	color:#FFFFFF;
	font-family:arial;
	display:block;
	width:76px;
	height:76px;
	background:#999999;
	border-radius:50%;
	text-align:center;
	line-height:76px;
	margin:0px;
	transition:.3s;
}
.licheng .swiper-slide section>span{
	width:calc(100% - 38px);
	left:38px;
	padding-top:30px;
	top:0;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	border-left:2px #ddd dashed;
	padding-left:15px;
	align-content:flex-end;
	order:2;
	transition:.3s;
}
.licheng .swiper-slide section>span:before{
	content:"";
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	border-radius:50%;
	background:#b8c1c1;
	left:-8px;
	bottom:0;
	transition:.3s;
}
.licheng .swiper-slide section>span p{
	font-size:1.5rem;
	color:#505659;
	font-weight:bold;
	line-height:20px;
	width:100%;
	order:2;
	margin-top:5px;
	margin-bottom:-3px;
	transition:.3s;
}
.licheng .swiper-slide section>span big{
	display:block;
	font-size:16px;
	line-height:21px;
	color:#666666;
	order:1;
	padding:10px 0px 0px;
	transition:.3s;
	min-height:94px;
}
.licheng .swiper-slide section:hover>span{
	border-left:2px #0b5aa8 solid;
}
.licheng .swiper-slide section:hover>small p{
	color:#fff;
	background:#0b5aa8;
	position:relative;
	z-index:2;
}
.licheng .swiper-slide section:hover>small:after{
	content:"";
	display:block;
	width:120%;
	height:120%;
	left:-10%;
	top:-10%;
	background:rgba(11,90,168,.18);
	border-radius:50%;
	position:absolute;
	z-index:1;
}
.licheng .swiper-slide section:hover>span p{
	color:#0b5aa8;
}
.licheng .swiper-slide section:hover>span:before{
	background:#0b5aa8;
}
@media (min-width:768px) {
	.licheng .swiper-slide:nth-child(2n+0) section{
		align-content:flex-start;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span{
		order:1;
		top:0;
		bottom:auto;
		align-content:flex-start;
		padding-bottom:30px;
		padding-top:0;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span:before{
		bottom:auto;
		top:0;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>small{
		order:2;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span big{
		order:2;
		padding:0px 0px 10px;
	}
	.licheng .swiper-slide:nth-child(2n+0) section>span p{
		order:1;
		margin-top:-4px;
		margin-bottom:5px;
	}
}
@media (max-width:768px) {
	.licheng .swiper-container{
		margin:0px 0px 0px 0px;
	}
	.licheng .swiper-slide section{
		height:auto;
		padding:0 25px;
	}
	.licheng .swiper-slide section>small{
		order:2;
		margin:20px auto 0;
	}
	.licheng .swiper-slide section>small p{
		color:#fff;
		background:#0b5aa8;
	}
	.licheng .swiper-slide section>span{
		border-left:0px #ddd dashed;
		order:1;
		padding:0;
		width:100%;
		text-align:center;
		left:0;
	}
	.licheng .swiper-slide section>small:after{
		content:"";
		display:block;
		width:120%;
		height:120%;
		left:-10%;
		top:-10%;
		background:rgba(11,90,168,.18);
		border-radius:50%;
		position:absolute;
		z-index:1;
	}
	.licheng .swiper-slide section>span p{
		order:1;
		color:#0b5aa8;
	}
	.licheng .swiper-slide section>span big{
		order:2;
	}
	.licheng .swiper-slide section>span:before{
		display:none;
	}
	.licheng:after{
		display:none;
	}
	.licheng .swiper-slide section:hover>span{
		border-left:0px #0b5aa8 solid;
	}
	#licheng .swiper-pagination{
		display:block;
	}
	#licheng .swiper-button-next{
		display:none;
	}
	#licheng .swiper-button-prev{
		display:none;
	}
	#licheng .swiper-pagination .swiper-pagination-bullet-active{
		background:#0b5aa8;
	}
}  


@media (min-width: 0px) and (max-width: 1000px) {
    
.page-header .page-language {
    top:14px;
    right:2.5%;
}    

.page-header .page-nav .page-nav-btn {
    right: 140px;
}

.page-header .page-nav-con>ul>li>a {
    display: block;
    padding: 0px 1.388em;
    line-height: 40px;
    height: 40px;
    color: #333;
    position: relative;
}

body {
    margin-top: 60px;
}

.page-banner .page-text .page-tit span {
    color: #FFFFFF;
    line-height: 40px;
}

.page-banner .page-text .page-sub {
    display: none;
}

.page-banner {
    position: relative;
    height: auto; overflow:hidden;
}

.bcolist {
    width: 100%;
    height: auto; overflow:hidden;
    padding-top: 1rem;
    background: rgba(255, 255, 255, 1);
    position:relative;
    z-index: 8;
}

.bcolist .page-about-number ul li {
    width:50%;
    padding-left: 3.875em;
    position: relative;
    margin-bottom: 10px;
}

.bcolist .page-about-number {
    padding: 10px;
}

.kuanping {
    width:100%;

}

.fnt-30 {
    font-size: 14px;
}

.bcolist .page-about-number .page-txt {
    color: #999;
    font-size: 12px;
}

#c_portalResPublic_codeContainer-16122365528600788 {
    display: none;
}

.shipin {
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.sprow li {
    list-style-type: none;
    width: 100%;
}

.zhanhui {
    height: auto;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f9f9f9;
}

.yc {
    display: none;
}

.yd {
    display: block;
}

.zhanhuik img {
    width:100%;
}

.page-wrap {
    margin: 20px auto 0px;
}

.page-banner .pagination {
    bottom: 45%;
    width: 100%;
}

.chanpin {
    height: auto;
    overflow: hidden;
    padding-top: 30px;
    position: relative;
}

.flrow {
    height: auto;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 20px;
}

.flrow li {
    list-style-type: none;
    width: 100%;
    margin-bottom: 10px;
    }

.cpkk-zi {
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, .6);
    padding-left: 15px;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}

.fgrow {
    margin-top: 0px;
}

.fgrow li {
    list-style-type: none;
    width: 100%;
    margin-bottom: 10px;
}

.qiye {
    height: auto;
    overflow: hidden;
    padding: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background:none;
    background-color: #f9f9f9;
}

.shilix {
    height: auto;
    overflow: hidden;
    margin-top: 2rem;
}

.ab3 .li {
    width: 100%;
    margin: 0px;
    list-style-type: none;
    margin-bottom: 1rem;
}

.ab3 .li .ss {
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.ab3 .li .ss .t2 {
    margin-top: 1rem;
    color: #666666;
}

.hezuo {
    height: auto;
    overflow: hidden;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #FFFFFF;
}

.hezuo ul li {
	float:left;
	width:50%;
	list-style-type:none;
	padding:0px 5px;
	margin-bottom:10px;
}
.hezuo ul li span {
	display:block;
	background:#fff;
	padding:5px;
	border-radius:15px;
}

.oumeng {
    position:relative;
    width: 100%;
    left: 0px;
    top: 0px;
    padding: 25px 0px20px;
}

.oumeng h3 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    max-width: 100%;
    margin: 0 auto 15px;
}

.oumeng section {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.quanqiu {
    background-color: #05162a;
}

.shuju ul li {
    width: 100%;
    padding: 10px;
    padding-top: 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.youhua2 {
    border-right: 1px solid rgba(255, 255, 255, 0);
}


.wenhh li {
    list-style-type: none;
    width: 33.3%;
    text-align: center;
    color: #333333;
    line-height: 26px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}
    
.wenhh li h2 {
    font-size: 20px;
    color: #00537c;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
}   

.wenhh li h3 {
    font-size: 12px;
    color: #a2a8b5;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

.licheng {
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lcnn {
    height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.shebb {
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.rongyu {
    height: auto;
    overflow: hidden;
    background: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;
}

.rykk {
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.shipin video {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.f_26 {
    font-size: 20px;
}

.f_22 {
    font-size: 16px;
}

    
}