@charset "utf-8";
.index-banner {
background-repeat: no-repeat;
background-position: top center;
/* background-attachment: fixed; */
/* min-width: 1200px; */
/* position: relative; */
width: 100%;
text-align: center;
color: #fafafa;
background-size: cover;
background-image: url(../images/banner.jpg); 
/* min-height: 829px; */
height: 100vh;
}
.w1500 {
max-width: 1500px;
width: 100%;
margin: 0 auto;
position: relative;


}
.ban-title {
position: absolute;
box-sizing: border-box;
left: 0;
width: 100%;
top: 300px;
text-align: left;

/* background: rgba(11, 113,211,0.7); */
}
.ban-title h2 {
font-size:60px;
color: #ffffff;

font-weight: 200;
}
.ban-title p{   font-size: 36px;
color: #ffffff;
margin-bottom: 50px;
font-weight: 200;}
.ban-title a{border-radius: 26px; font-size: 16px; border:solid 2px #fff; color:#fff; padding:10px 30px}
.ban-title a:hover{ background:#3768fa;border:solid 2px #3768fa;color:#fff}

.pgbanner{ position: relative;}
.pgbanner figure{height:629px;position:relative;overflow:hidden;}
.pgbanner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:629px;}
.pgbanner section{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);max-width:1300px; width:100%;color:#fff;}
.pgbanner section h1{font-size:40px;line-height:1.8;position:relative;margin:0 0 40px;text-transform:uppercase;color:#000; position: relative;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;}
.pgbanner section h1:after{content: "";
display: block;
position: absolute;
width: 30px;
left: 0;
bottom: -20px;
height: 4px;
background: #003A85;
transition: all 0.3s ease;}
.pgbanner section h2{font-size:40px;line-height:1.6;position:relative;margin:0 0 -25px;color:#8F8F8F; font-weight: 100;text-transform: capitalize;}


/****************产品中心*****************/
.product{background: #fafafa url(../images/bg2.jpg)center no-repeat;
min-height: 760px;
padding:50px 0 100px;
background-size:100% 100%;}
.product h2{ color:#fff; font-size: 40px; position: relative; padding-bottom: 40px; margin-bottom: 40px;}
.product h2 p{ font-size:26px; font-weight:normal}
.product h2:after{position:absolute;content: "";
clear: both;
position: absolute;
background: #348ffd;
width: 30px;
height: 0px;
left:0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.area { width:100%; float:left; margin-top:0px;}
.area ul li{ width:30%; float:left; margin-right:5%; margin-bottom:0px; position:relative; overflow:hidden;border-radius: 24px; }
.area ul li:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.area ul li:hover:before{ opacity:1; } 

.area ul li:nth-child(3n){ margin-right:0;}
.area ul li img{width: 100%;
min-height: 100%;
float: left;
transition: all 0.6s ease;}
.area ul li:hover img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}
.area ul li div{ position:absolute; background-color: #003494;width:100%;bottom:0; height:120px;  padding:0 50px; box-sizing:border-box; color:#fff;  box-sizing:border-box;  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;}
.area ul li:hover div{ height:100%;  background-color:rgba(53,53,53,0.3);  -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;}
.area ul li div h3{    color: #fff;
font-size: 28px;font-weight:normal;line-height:2; padding:30px 0;position:relative;}

.area ul li div p{font-size:16px;font-weight:normal; padding-top:10px; position:relative;bottom:-100px; }
.area ul li:hover div p{bottom:unset}
.area ul li div h3:before{ position:absolute;content: "";
clear: both;
position: absolute;
background: #fff;
width: 30px;
height: 0px;
left:0;
opacity: 1;
transition: all 0.3s;
bottom: 20px;}
.area ul li div a{ position: absolute; bottom:-40px; display: inline-block; color:#fff}
.area ul li:hover div a{bottom:40px}
.area ul li div a:hover{text-decoration: underline;}


/**************关于我们**************/
.about{background: #fff url(../images/bg3.png)left top no-repeat; box-sizing: border-box;
min-height: 800px;
padding: 80px 0 0px; position: relative;
}
.about .fl{ width:50%; float: left;}
.about .fl img{ float: left; width:90%}
.about .fr{ width:65%; float: right; }
.about .fr span{width:50%;background:#3768fa;border-radius: 30px;padding:100px 100px 60px ; color:#fff; position: absolute; right:0; bottom:80px}
.about .fr figure{float: left; display: block; position:absolute;top:0;margin-left:220px;margin-top:10px;}
.about .fr figure img{ float:left}
.about .fr h3{font-size: 38px; }
.about .fr p{font-size: 22px; line-height: 1.8;padding: 20px 0 40px;}
.about .fr a{border-radius: 26px;
font-size: 16px;
border: solid 2px #fff;
color: #fff;
padding: 10px 30px;}
.about .fr a:hover{ background-color:#348FFD;       border: solid 2px #348FFD;
color: #fff;}
.aboutin{ min-height: 810px;}


/************团队合作**************/
.team{background:url(../images/bgteam.jpg)center no-repeat; box-sizing: border-box; 
min-height: 820px;
padding: 70px 0;
background-size: cover;clear: both;}
.team h2{color:#348FFD; font-size: 40px; position: relative;padding-bottom: 40px; margin-bottom: 40px;}

.team h2:after{
position: absolute;
content: "";
clear: both;
position: absolute;
background: #fff;
width: 30px;
height: 0px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.conicon {
display: flex;
width:65%;
}

.left {
display: flex;
flex-direction: column;
width:62%; margin-right: 30px;

}

.left-item {
background-color: #fff; padding:40px; display: block; float: left; border-radius: 30px;
flex:1; display: flex;
margin-bottom: 30px;

}
.left-item:last-child {
margin-bottom: 0;
}
.left-item i{width:100px; margin-right: 50px;}
.left-item i img{float:left;width: 100%;}
.left-item text{ flex: 1;}
.left-item text h3{color:#003494;font-size:28px; position: relative; padding-bottom: 20px;}
.left-item text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 0px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.left-item text p{padding:10px 0;color:#999999;font-size:18px; line-height: 1.7;}

.right {
flex: 1;
background-color: #fff; padding:40px; display: block; float: left; border-radius: 30px;

}
.right i{width:100px; float: left; margin-bottom: 30px; }
.right i img{float:left;width: 100%;}
.right text{float: left;}
.right text h3{color:#003494;font-size:28px; position: relative; padding-bottom: 20px;}
.right text h3:after {
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 0px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.right text p{padding:10px 0;color:#999999;font-size:18px; line-height: 1.7;}
/************合作客户**************/
.nydaohang {
	width: 100%;
	overflow: hidden;
	margin: 0px 0px 60px 0px;
}
.nydaohangul {
	overflow: hidden;
	font-size: 0;
	margin: 0 auto;
	justify-content: center;
	text-align: center;
	display: block;
}
.nydaohangul li {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 18px;
	margin-bottom: 5px;
}
.nydaohangul li a {
	display: block;
	position: relative;
	box-sizing: border-box; /*border-radius: 10px; border-top-left-radius: 0px; border-bottom-right-radius: 0px;*/
	border: 1px solid #ccc;
	border-right: 0;
	background: #f0f0f0;
	transition: all .3s ease;
	padding:0 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	text-align: center;
	line-height: 50px;
}
.nydaohangul li:last-child a {
	border-right: 1px solid #ccc;
}
.nydaohangul li:first-child a {
	border-right: 1px solid #ccc;
}
.nydaohangul li:last-child .on, .nydaohangul li .on {
	border: 1px solid #0a62c8;
	color: #0a62c8;
	background: #FFF;
}
.nydaohangul li a:hover:after {
	width: 60px;
	margin-left: -30px;
}
.nydaohangul li a:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 6px;
	height: 2px;
	background: #348ffd;
	transition: all 0.3s ease;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}



.partner {padding:60px 0 50px; box-sizing: border-box; width: 100%;}
.partner h2{color:#003494; font-size: 40px; position: relative; padding-bottom: 40px; display: flex; justify-content: space-between;
margin-bottom: 0px;}
.partner h2:after {display:none;
position: absolute;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 3px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;
}
.partner h2 a{ font-size: 16px; color:#348FFD; text-decoration:underline;padding-top:20px}
.flex-logoul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.flex-logoul li {
width: calc(20% - 30px); /* 20% of container width minus margin */
margin: 15px; /* space between items */    vertical-align: middle;
text-align: center;
border-radius: 30px;
background-color: #f0f0f0;padding:30px 10px; box-sizing: border-box;
/* height: 110px; */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */

}

.flex-logoul li img{  max-height:100%; max-width:100%; justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */

transition: all 0.8s ease 0s;
-webkit-transform: all 0.8s ease 0s;overflow:hidden;}
.flex-logo {
width: calc(20% - 20px); /* 20% of container width minus margin */
margin: 10px; /* space between items */
}

.newsbg{background:#f7fbff; }
.newsbg h2 a{}

.pgnewlis{margin:0px 0 15px;}
.pgnewlis ul{margin:0 ; display: flex;}
.pgnewlis li{margin-right:100px; flex:1}
.pgnewlis li:last-child{ margin-right: 0;}
.pgnewlis li a{display:block;}		
.pgnewlis li a time{font-size:16px;color:#999;margin:0 0 20px;display:block;}
.pgnewlis li a h3{font-size:28px;line-height:1.5;word-break: break-all; color:#003494;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.pgnewlis li a figure{margin:25px 0 20px;overflow: hidden; border-radius: 30px;}
.pgnewlis li a figure img{width:100%;}
.pgnewlis li:hover figure img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}


/***************留言***************/
.feedbackbg{ background-color: #003494; float: left;}
.feedbackbg h2{color:#fff}
.feedbackbg h2:after{ background-color: #fff;}
.feedbackbg p{ color:#fff}
.myform{
    /* height:464px;margin:20px 0 0; */
}
.myform p{font-size:18px;line-height:30px;}
.myform ul{position:relative;margin:30px 0 0;height:364px;}
.myform li{margin-bottom:40px;width:30%; margin-right: 5%; float: left;}
.myform li:nth-of-type(1){}
.myform li:nth-of-type(2){}
.myform li:nth-of-type(3){margin-right: 0;}
.myform li:nth-of-type(4){width:100%;}
.myform li:nth-of-type(5){width:100%;}
.myform li:nth-of-type(6){width:100%; text-align: center; margin-bottom: 0;}
.myform li .txt{width:100%;height:46px;padding:0 10px;box-sizing:border-box;border:1px solid #e4e4e4;line-height:40px;border-radius:6px;}
.myform li:nth-of-type(4) .txt{width:100%;}
.myform li .txts{width:100%;height:180px;padding:10px;box-sizing:border-box;border:1px solid #e4e4e4;border-radius:6px;}
.myform li .btn{width:208px;height:80px;background:#348FFD;color:#fff;border-radius:24px;font-size:20px; margin-top:30px;}


/******************foot*******************/
#footmain:after, #foot:after, footbar:after, #footer:after {
content: '';
clear: both;
display: block;
font-size: 0;
}
#footmain { clear:both;
width: 100%;
background: #f7fbff;
color: #333; height:auto;
box-sizing: border-box;
}
#footer { 
max-width: 1500px;width:100%;
margin: 0 auto; padding: 60px 0 40px;
}
.foot_logo{width:35%; float:left;}
.foot_logo figure{ margin-bottom:50px;}
.foot_logo p{}
.foot_nav{ width:55%; float:right;}
.foot_nav ul{display:flex;}
.foot_nav li{ flex:1;
position: relative;
}
.foot_nav li:last-child{padding-right:0px;}
.foot_nav li dl{  width:100%;}
.foot_nav li dl dt{ color:#003494; font-size:24px; font-weight:bold; position:relative;

margin-bottom: 30px; position: relative;}
.foot_nav li dl dt a{color:#003494;}
.foot_nav li dl dt:after{position: absolute; display:none;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 2px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.foot_nav li dl dd{color:#999; font-size:15px; line-height:1.8; }
.foot_nav li dl dd a{color:#999;transition: all ease-out 0.3s; font-weight: normal;}
.foot_nav li dl dd a:hover{ color:#0093D6;}
.foot_p{width:100%; float:left;font-size:16px; color:#999; line-height:2;  margin-top:120px;}
.foot_copy{width: 100%; display: flex; justify-content: center;align-items: center; margin-top:80px;
float: right;font-size:14px; color:#333;  font-weight:100}
.foot_copy figure{ margin-right:80px;}
.foot_copy text h3{color:#003494; font-size:24px; font-weight:bold; position:relative;margin-bottom: 20px; position: relative;}
.foot_copy text h3:after{position: absolute; display:none;
content: "";
clear: both;
position: absolute;
background: #003494;
width: 30px;
height: 2px;
left: 0;
opacity: 1;
transition: all 0.3s;
bottom: 0px;}
.foot_copy text p{line-height: 1.6;}
.relative{ position:relative;}


/**************新闻列表详情*******************/
#banner_Main { position:relative;

width: 100%;  height:438px;

color: #fff;
/* background-image: url(../images/news.jpg); */
background-position: center center;
background-repeat: no-repeat;
/* background: url(../images/news.jpg) no-repeat center top; */
background-size: cover;
}
/*#banner_Main img{height:300px; width:100%;}*/
#banner_Main h2 {

line-height: 2; padding-bottom: 30px;
position: absolute;
left: 50%;
margin-left: -750px;
bottom:130px;
font-size: 60px;
color: #fff;
line-height: 1.2;
opacity: 1;
animation: change 0.3s ease;
-moz-animation: change 0.3s ease;
-webkit-animation: change 0.3s ease;
-o-animation: change 0.3s ease;
}
#banner_Main h2:after {
position: absolute; display:none;
left: 0;
bottom: 0px;
content: "";
width: 50px;
height: 5px;
overflow: hidden;
background-color: #fff;
}
.bannerin {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -750px;
}





.location {
width: 100%;
height: 25px;
line-height: 25px;
}
.location span {
position: relative;
display: inline-block;
padding-left: 0px;
font-size: 14px;
color: #fff;
}
/* .location span:nth-of-type(1):before {
position: absolute;
top: 0;
left: 0px;
font-family: 'FontAwesome';
content: "\f015";
}
.location span:before {
position: absolute;
top: 0;
left: 7px;
font-family: 'FontAwesome';
content: "\f105";
}  */
.bodyin{ background-color: #f7fbff; padding:100px 0;}

.pgnewslist ul{overflow:hidden; width:100%; margin:0 ;}
.pgnewslist li{ float:left; border-radius: 30px; width:100%; box-sizing:border-box;clear:both;padding:20px;transition:all ease-out 0.3s; margin:20px 0; background:#fff; position:relative;}


.pgnewslist li figure{float:left;margin-right:30px;width:450px; overflow:hidden; border-radius: 30px;}
.pgnewslist li figure img{width:100%;height:100%;transition:all ease-out 0.6s;  float: left;overflow:hidden;}

.news_fr{ float:right; 	width: calc( 100% - 500px); display:block; padding-top:80px;
/* align-items: center;
display: flex; */

}
.pgnewslist li h4{font-size:28px;color:#003494;transition: all 0.3s; position:relative; margin-bottom:30px;}

.pgnewslist li a{display: block;
float: left;
width: 100%;
box-sizing: border-box;
overflow: hidden; }
.pgnewslist li:hover h4{transition: all 0.3s; color:#0b6eca;}

.pgnewslist li p{}
.pgnewslist li p time{font-size:13px; line-height:24px; color:#999; }
/* .pgnewslist li p:nth-of-type(1){ font-size:14px;color:#838383; line-height:24px;
overflow: hidden; text-overflow: -o-ellipsis-lastline; text-align:justify;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical; margin:20px 0;} */
.pgnewslist li:hover{background:#f5f8fa;}


.pgnewslist li:hover figure img{-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
transform: scale(1.06);}
.pglispag{clear:both;text-align:center;overflow:hidden;font-size:14px;margin:50px 0 0;}
.pglispag a,.pglispag span{display:inline-block;padding:10px 18px;margin:0 3px 6px;border-radius:6px; background-color: #ecf0f4;}
.pglispag a:hover{background:#38478e;color:#fff;}
.pglispag span{background:#38478e;color:#fff;}



article{margin-bottom:20px;background:#fff;max-width: 800px; width:100%; margin:0 auto; line-height:2;}
article p{ margin-bottom:20px;}
.articlehead{padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:20px;}
.articlehead h1{font-size:24px;line-height:30px;}
.articlehead p{font-size:12px;color:#999;margin-top:10px;}
.articlehead p span{margin-right:10px;}
.articlehead p time{margin-right:10px;}
.articlebody{margin-bottom:20px;}
.articleinfo{line-height:200%;font-size:16px;color:#333; text-align: justify;}
.articleinfo figure{ margin:20px auto;text-align: center;}	
.articleinfo img{max-width:100%; border-radius: 30px; text-align: center; margin:0 auto}


/************联系我们*************/
.contact {display: flex; flex:1; clear: both;}
.contact .flimg{ width:45%;margin-right: 50px;}
.contact .flimg figure{border-radius: 30px;}
.contact .flimg figure img{float: left; width: 100%;border-radius: 30px;}
.contact .frtxt{padding:90px;}
.contact .frtxt h2{color:#003494; font-size:28px; margin-top:100px;}
.contact .frtxt h4{color:#003494; font-size:22px; font-weight: 300;margin-bottom: 50px;}
.contact .frtxt p{font-size:18px;line-height:36px;color:#071224;display: flex;}
.contact .frtxt p strong{display:inline-block;min-width:94px; padding-right: 10px; }
.mapdiv{width:100%;height: 530px; margin-top:100px}

.sloganbg{background: url(../images/bannerin.jpg)center no-repeat; 
box-sizing: border-box;
display:none;
padding: 0px 0;
background-size: cover; clear: both;}
.sloganbg .width{max-width: 1500px;width:100%;  min-height: 680px;position: relative; margin:0 auto; box-sizing: border-box;}
.sloganbg h1{font-size: 70px;color:#fff; padding-top:120px;}
.sloganbg figure{float: right; position: absolute;bottom:70px; right:0}
.sloganbg figure img{float: left;width: 100%;}

/*************产品中心***************/
.prodiv{display:flex;}
.profl{width:290px; margin-right: 100px;
}
.profl ul li{float: left; width: 100%; margin-bottom: 20px;}
.profl ul li a{float: left; width: 100%; background-color: #fff; border-radius: 50px; color:#3768FA;font-size: 18px;padding:12px 0; text-align: center;}
.profl ul li.on a,.profl ul li:hover a{background-color:#3768fa;color:#fff}
.profr{float: right;width:calc(100% - 390px)}

.profr li{float:left;width:31.3%;margin:0 1% 80px;position:relative; background-color: #fff; border-radius: 30px; padding:30px 50px 30px;box-sizing: border-box;}
.profr li p{padding-top:15px; height:100px; font-size:14px; line-height:1.6}
.profr li figure{position:relative;overflow:hidden;margin-bottom:10px;height: 150px;display: flex;
justify-content: center;
align-items: center;}
.profr li figure img{overflow: hidden;}

.profr li h3{font-size:16px;line-height:1.6;color:#555555; font-size: 20px; position: relative;padding-top:10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 64px;
}
.profr li h3:before{position: absolute;
left: 0;
top: 0px;
content: "";
width: 22px;
height: 0px;
overflow: hidden;
background-color: #555;}
.profr li a{text-align: center;color:#348FFD; font-size: 16px; display: block; text-decoration: underline;}
.profr li:hover a{ text-decoration: none;}
.profr li:hover img{transform:scale3d(1.05, 1.05, 1);}
.profr li:hover figcaption{opacity:1;}  
/***/
.procon .profl li a{border:solid 1px #3768FA;} 
.floor2{border-top:solid 1px #B4B4B4;padding-top:20px;}
.floor2 h2{color:#3768FA; font-size:26px;padding: 20px 0;}
.floor2 h3{padding-bottom:10px;color:#000}
.floor2 p{color:#707070; font-size: 18px; line-height: 1.8; padding:0px 0 20px;}


.table table{ float:left; width:100%;border-top: #ddd 1px solid; border-left: #ddd 1px solid;  }
.table table tr{  background:#f4f4f4;   }
.table table tr:nth-child(2n) {   background:#fff;  }

.table table td{  border-right: #ddd 1px solid;border-bottom: #ddd 1px solid; padding:12px 10px;text-align: right; font-size: 14px; }
.table table td:nth-child(2n){width:80%; text-align:left;}

h3.relation{color:#3768FA; font-size: 26px; position: relative; padding-bottom:20px; margin-bottom: 30px;}
h3.relation:after{    position: absolute;
 content: "";
 clear: both;
 position: absolute;
 background: #3768FA;
 width: 22px;
 height: 0px;
 left: 0;
 opacity: 1;
 transition: all 0.3s;
 bottom: 0px;}
 .floor1{ display: flex;}
 .floor1 .fltxt{padding-bottom: 40px;width:600px;}
 .floor1 .fltxt h1.name{ color:#000; font-size: 50px; position: relative; padding-top:30px;}
 .floor1 .fltxt h1.name:before{  position: absolute;
 content: "";
 clear: both;
 position: absolute;
 background: #3768FA;
 width: 58px;
 height: 0px;
 left: 0;
 opacity: 1;
 transition: all 0.3s;
 top: 0px;}
 .floor1 .fltxt p{color:#707070; font-size: 24px; font-weight:bold;padding:20px 0; min-height:200px;display: flex;
 align-items: center;}
 .floor1 .fltxt i{ font-style: normal; color:#707070; font-size: 20px; font-weight: 100;display: block; margin-bottom: 20px;}
 .floor1 .fltxt a{ display: inline-block; border-radius: 26px; background-color: #3768FA; color:#fff; padding:16px 40px;}
 .frimg{ float: right;width:500px;padding-bottom: 40px; padding-left: 50px; box-sizing:border-box;}


     /* .swiper {
      width: 100%;
      height: 100%;
    } */

  
/* 
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } */

 
   /*   .swiper {
      width: 100%;
     height: 350px; 
      margin-left: auto;
      margin-right: auto;
    }*/

    /* .swiper-slide {
      background-size: cover;
      background-position: center;
    } */

    .frimg .bigSwiper {
        height: 80%;
        width: 100%;
        margin-bottom: 20px;
      }
  
      .frimg .smallSwiper {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }
  
      .frimg .smallSwiper .swiper-slide {
        width: 25%;
        /* height: 100%; */
        overflow: hidden;
        opacity: 0.4; border:solid 1px #ccc; box-sizing: border-box;
      }
  
      .frimg  .smallSwiper .swiper-slide-thumb-active {
        opacity: 1;
      }
      .frimg .bigSwiper .swiper-slide img { max-width: 80%; }
      .frimg  .swiper-slide img {
        display: block;
        width: 100%;
       height: auto !important;
        /* object-fit: cover; */
      }
  
      .frimg .swiper-slide {
        text-align: center;
        background: #fff;
        display: flex !important;
        justify-content: center;
        align-items: center; height: auto;
      } 
      .frimg .swiper-button-next,.frimg .swiper-button-prev{color:#ddd}
     .frimg .swiper-button-next:hover,.frimg .swiper-button-prev:hover{outline: none !important; border:none; color:#3768FA;} 

/***********解决方案************/
.solution{background: url(../images/bgsolution.jpg)center no-repeat;
    min-height: 2406px;
    padding: 100px 0 0; box-sizing: border-box;
    background-size:cover; display: flex;justify-content: center;
    align-items: center;}
       .solpro{ border-radius: 30px; background-color: #fff;width: 100%; padding:80px; box-sizing: border-box; position: relative; min-height: 800px; margin-bottom: 300px;}
       .solution .name{color:#348FFD; font-size: 40px; position: relative; padding-bottom: 20px;}
       .solution .name:after{position: absolute;
    content: "";
    clear: both;
    position: absolute;
    background: #348FFD;
    width: 30px;
    height: 3px;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
    bottom: 0px;}
         p.more{color:#999999; font-size:18px; width:100%; margin:30px 0;}
      span.apply{ font-size: 24px; color:#666}
         .solpro .fuimg{ position: absolute; left:-100px; bottom:-90px}
       .solpro .solprofl{width:40%; float: left;}



       .procla{}
       .procla h3{text-align:center;}
       .procla h3 a{display:block;font-size:22px;color:#999;line-height:1.8;padding:8px 2px ;position:relative; border:solid 1px #999; border-radius:50px; font-weight: 300;box-sizing: border-box;}
		/* .procla h3 a:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(109deg,transparent 10%,#fff 11%,#fff 89%,transparent 90%,transparent 100%);transition:all 0.3s ease-out 0s;} */
		 .procla h3 a span{display:inline-block;position:relative;z-index:1;padding:0 25px;transition:all 0.3s ease-out 0s;}
		 .procla h3 a:hover, .procla .swiper-slide-active h3 a{color:#348FFD; background-color: #3768FA;border:solid 1px #3768FA; font-weight: normal; }
		/* .procla h3 a:hover:before,.procla .swiper-slide-active h3 a:before{background-image:linear-gradient(109deg,transparent 10%,#34456e 11%,#34456e 89%,transparent 90%,transparent 100%);} */
		.procla h3 a:hover span,.swiper-slide-active h3 a span{}
		.procla .swiper-pagination{display:none;}

        .solpro .prosli{width:50%; float: right; position: absolute; top:50px; right: 50px;} 
        .prosli .swiper-container{padding:0 0 80px;}
         .prosli .swiper-pagination{ bottom:170px !important;width: 55% !important; right: 0 !important; left:auto !important}	
        .prosli .swiper-pagination>.swiper-pagination-bullet{border-radius:5px;transition:all 0.3s ease-out 0s; background-color:#f2f2f2; width:14px; height: 14px;border-radius: 100%; opacity: 1;}
        .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px !important;}
        .prosli .swiper-pagination>.swiper-pagination-bullet-active{background:#3768fa;border-radius: 100%; }
		 .prosli ol{margin:0 0 40px;}
		.prosli ol li{}
		/* .prosli ol a{display:flex;justify-content:space-between;padding:40px;background:#fff;overflow:hidden;} */
		.prosli ol figure{flex:540px 0 0;min-width:0;position:relative;
            /* background:#000; */
            overflow:hidden;}
             .prosli ol figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
            .prosli ol figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
        
           .prosli ol section{flex:540px 0 0;min-width:0;position:relative; padding:40px;}
           .prosli ol h3{font-size:30px;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#000; position: relative; padding-top:10px; margin-top:70px;}
             .prosli ol h3:after{position: absolute;
    content: "";
    clear: both;
    position: absolute;
    background: #003494;
    width: 30px;
    height: 2px;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
top: 0px;}
		/* .prosli ol section>p:nth-of-type(1){font-size:14px;} */
		.prosli ol i{color: #34456e;
            height: 300px;
            display: block;
            line-height: 300px;
            text-align: center;
        }
        .prosli ol img{max-width:100%;vertical-align: middle; width: 70%;}
		.prosli ol h4{font-weight:normal;font-size:14px;margin:10px 0 50px;position:relative;color:#999;}		
		.prosli ol h4:after{content:'';display:block;position:absolute;bottom:-20px;left:0;width:40px;height:3px;background:#34456e;}
		.prosli ol p{margin-bottom:20px;overflow:hidden;font-size:22px;line-height:30px; color:#000; margin:20px 0 50px;width: 75%;}
		.prosli ol a{background-color:#3768FA;border-radius:26px; color:#fff; font-size: 16px; padding:14px 30px; border:solid 1px #3768FA;z-index: 999;
            display: inline-block;}
		.prosli ol a:hover{background-color: #fff; color:#3768FA; border:solid 1px #3768FA; cursor: pointer;}
        .prosli ol a:hover figcaption{opacity:1;}
		/* .prosli ol a:hover img{opacity:0.5;transform:scale3d(1.05, 1.05, 1);} */
		.prosli ul{overflow:hidden;margin:0 -1%;}
		.prosli ul li{float:left;width:23%;margin:0 1%;}
		.prosli ul li a{display:block;}
		.prosli ul li figure{position:relative;overflow:hidden;margin-bottom:10px;height:211px;}
		.prosli ul li figcaption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all 0.3s ease-out 0s;}
		.prosli ul li figcaption i{font-size:30px;display:inline-block;background:#34456e;width:30px;height:30px;border-radius:30px;line-height:30px;color:#fff;padding:10px;}
		.prosli ul li img{width:100%; height:100%}
		.prosli ul li h3{font-size:16px;text-align:center;font-weight:normal;}
		.prosli ul li a:hover figcaption{opacity:1;}
		.prosli ul li a:hover img{opacity:0.8;}


    
        .solpro2{ border-radius: 30px; background-color: #fff;width: 100%; padding:80px; box-sizing: border-box; position: relative; min-height: 800px; margin-bottom: 300px;}
      
        .solpro2 .fuimg{ position: absolute; right:-100px; bottom:-90px}
       .solpro2 .solprofl{width:40%; float: right;}



        .solpro2 .prosli{width:50%; float: left; position: absolute; top:50px; left: 50px;} 


      /***************关于我们**************/
      .inabout{background: #fff url(../images/inabout.png)left top no-repeat;
        box-sizing: border-box;
        min-height: 931px; 
        position: relative;}
.fl_about{ width: 50%;float: left; padding-right: 24px; box-sizing: border-box; margin-top:220px}
.fl_about h1{color:#003494; font-size: 36px; margin:20px 0;}
.fl_about p{color:#333; font-size: 22px; text-align: justify; line-height: 1.7;}
.fr_about{ width: 50%;float: right;margin-top:120px}
.fr_about figure{ width: 75%;float: right;}
.fr_about figure img{ border-radius: 30px;width: 100%;float: left;}

      .aboutbg{background: url(../images/bgabout.jpg)center no-repeat;
        min-height: 200px;
        padding: 50px 0; box-sizing: border-box;
        background-size:cover; display: flex;justify-content: center;
        align-items: center;}
        .aboutbg h3{color:#348FFD; font-size: 40px; text-align: center; position: relative; padding-bottom: 30px; display:none}
        .aboutbg h3:after{    
        content: "";
        display: block;
        position: absolute;
        width: 30px;
        margin-left: -15px;
        left: 50%;
        bottom: 3px;
        height: 3px;
        background: #348ffd;
        transition: all 0.3s ease;
    }
        .aboutbg p{color:#F7FBFF;font-size:30px; font-weight: bold;max-width:60%;  letter-spacing: 2px; margin:20px auto; text-align: center; position: relative;z-index:99;}
        .aboutbg p i.about_icon:before{ content: ''; font-family:"思源黑体";
        display: block;z-index:-1;
        position: absolute;
     width:100px;
     height:100px;
   left: -71px;
    top: -26px;
     color:#348FFD;
        transition: all 0.3s ease;
        background:  url(../images/flicon.png)no-repeat; background-size:80px;
    
    }
        .aboutbg p i.about_icon:after{ content: ''; font-family:"思源黑体";
        display: block;z-index:-1;
        position: absolute;
        width:100px;
        height:100px;
        right: 0px;
        bottom: -60px;
        color:#348FFD;
        transition: all 0.3s ease;
        background:  url(../images/fricon.png)no-repeat;  background-size:80px;
    }



      .history{background:  url(../images/history.png)right top no-repeat;
        box-sizing: border-box;
        /* min-height: 1030px; */
        padding: 150px 0;
        position: relative;}
        .pgresadvcat{margin:0 0 60px;width:30%; float: left;}
    .pgresadvcat ul{}
    .pgresadvcat li{float:left;width:100%;margin:40px 20px 0 0;text-align:left;line-height:30px; padding:25px 10px 25px 100px;font-size: 16px;text-transform: capitalize ;position: relative;color:#eee;font-size: 60px; font-weight: bold;}
    .pgresadvcat li:before{content: "";
    position: absolute;
    left: 0;
    top: 14px;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    background-color: #eee;
    overflow: hidden;
    }
    .pgresadvcat li.on:before{background-color:#348FFD}
    .pgresadvcat li.on{color:#003494; }
    .pgresadvcat li:nth-child(1){ margin-left: 293px;}
    .pgresadvcat li:nth-child(2){ margin-left: 226px;}
    .pgresadvcat li:nth-child(3){ margin-left: 126px;}
    .pgresadvcat li:nth-child(4){ margin-left: -28px;}
        .pgresfr{width:70%; float: right;  box-sizing: border-box;}
        .pgresadvinfo{ }
            .pgresadvinfo section{display:flex; position: relative;}		
                .pgresadvinfoimg{width:50%;overflow:hidden;margin:0  0 0 50%; }
                    .pgresadvinfoimg figure{float: left; width:100%}
                    .pgresadvinfoimg img{width:100%;}
                .pgresadvinfotxt{flex: 1;min-width: 0;align-items: end;position: absolute;bottom: 0;width: 50%; padding:0 100px 0 50px; box-sizing: border-box;}
                    /* .pgresadvinfotxt h3{font-size:20px;line-height:30px;position:relative;padding:0 0 20px;margin:0 0 20px;text-transform:capitalize}
                        .pgresadvinfotxt h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:60px;height:2px;background:#002e69;} */
                    .pgresadvinfotxt div{font-size:18px;line-height:1.8; color:#000}
.ourdevelope{padding:40px 0px 0;  margin:0 50px }
.ourdevelope-info-title h3{text-align:center;font-size:24px;margin-bottom:40px;line-height:40px;}
.ourdevelope-info-list{position:relative;}
.ourdevelope-info-list:after{content:'';display:block;position:absolute;top:50%;left:0;width:100%;right:0;background:#003494;height:1px;}
		.ourdevelope-info-list .hd{ overflow:hidden;  padding:0 10px;  }
		.ourdevelope-info-list .hd .prev,.ourdevelope-info-list .hd .next{ display:block;  width:50px; height:50px; top:50%;  
			 cursor:pointer; position:absolute;z-index:999;}
			 .ourdevelope-info-list .hd .next{ right:0;}
			 .ourdevelope-info-list .hd .prev{left:0}
			.ourdevelope-info-list .hd .prev:after {
  transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    top: 50%;
    margin-top: -36px;z-index:999;
    left: -40px;
    transform: rotate(45deg);
	  border-left: #003494 2px solid;
    border-bottom: #003494 2px solid;
   

			}
	.ourdevelope-info-list .hd .next:after { 	transition: all ease-out 0.1s;
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    top: 50%;
    margin-top: -36px;z-index:999;
    right: -40px;
    transform: rotate(45deg);
	   border-right: #003494 2px solid;
    border-top: #003494 2px solid; 
  }
		.ourdevelope-info-list .hd .next{ background-position:0 -50px;  }
		.ourdevelope-info-list .hd .prevStop{ background-position:-60px 0; }
		.ourdevelope-info-list .hd .nextStop{ background-position:-60px -50px; }
.ourdevelope-info-list .bd{}
.ourdevelope-info-list .bd ul{}
.ourdevelope-info-list .bd li{float:left;width:33.3%}
.ourdevelope-info-list .bd li dl{position:relative;height:520px;z-index:1;}
.ourdevelope-info-list .bd li:nth-of-type(2n) dl:before{content:'';display:block;position:absolute;top:270px;left:50%;width:1px;background:#003494;height:60px;}
.ourdevelope-info-list .bd li:nth-of-type(2n) dl:after{content:'';display:block;position:absolute;top:260px;left:50%;width:20px;height:20px;border-radius:10px;background:radial-gradient(#348FFD 0,#348FFD 6px,#fff 6px,#fff 9px,#348FFD 9px,#348FFD 10px);transform:translate(-50%,-50%);}
.ourdevelope-info-list .bd li:nth-of-type(2n+1) dl:after{content:'';display:block;position:absolute;bottom:270px;left:50%;width:1px;background:#003494;height:60px;}
.ourdevelope-info-list .bd li:nth-of-type(2n+1) dl:before{content:'';display:block;position:absolute;z-index:1;bottom:240px;left:50%;width:20px;height:20px;border-radius:10px;background:radial-gradient(#348FFD 0,#348FFD 6px,#fff 6px,#fff 9px,#348FFD 9px,#348FFD 10px);transform:translate(-50%,-50%);}
.ourdevelope-info-list .bd li dt{font-size:36px; font-weight:bold;position:absolute;left:0;right:0;text-align:center;color:#003494;display:inline-block;}
.ourdevelope-info-list .bd li:nth-of-type(2n) dt{top:190px;}
.ourdevelope-info-list .bd li:nth-of-type(2n+1) dt{bottom:190px;}
.ourdevelope-info-list .bd li dd{color:#666;position:absolute;z-index:1;left:10px;right:10px;background:#f9f9f9;padding:20px;height:170px;overflow:hidden; font-size:16px;line-height:1.6}
.ourdevelope-info-list .bd li:nth-of-type(2n) dd{bottom:0px;}
.ourdevelope-info-list .bd li:nth-of-type(2n+1) dd{top:0px;}
.ourdevelope-info-list span{position:absolute;top:50%;margin-top:-21px;display:inline-block;width:42px;height:42px;cursor:pointer;}
    /***********************/
    .wcol{ display: flex;}
.pgaboutimg{ width:100%;}
.pgaboutimg figure{ width:40%; float:right}
.pgaboutimg img{width:100%; border-radius:30px;}
.pgaboutimg section{width:56%; float:left;  padding:100px 0 0px;margin-bottom:100px; overflow:hidden;font-size: 20px;
    line-height: 1.8;
    color: #000;}
.pgaboutimg section h3{color:#003494; font-size:60px;PADDING-top:100PX; margin-bottom:20px; position: relative;}
.pgaboutimg section h3:after{position: absolute;
    content: "";
    clear: both;
    position: absolute;
    background-color:#348FFD ;
    width: calc(100% - 180px);
    height: 1px;
    right: 0;
    opacity: 1;
    transition: all 0.3s;
    bottom: 50px;}

/* .pgaboutimg section h3 font{color:#003A85; font-size:30px; font-weight:100;} */
/* .pgaboutimg section dl{ float:left; width:100%; display:block;}
.pgaboutimg section dd{ font-size:16px; color:#333; line-height:1.8; position:relative; padding-left:20px;} 
.pgaboutimg section dd:before{content: "";
position: absolute;
left: 0;
top: 10px;

width: 6px;
height: 6px;
border-radius: 100%;
overflow: hidden;
border:solid 2px  #0093D6;} */
.pgaboutimg .iconfont{font-size:60px;}
.pgaboutimg .swiper-button-prev{left:0; bottom:0; border:solid 1px #0093D6;border-radius:100%; color:#0093D6; top:auto;transform:translateY(0);box-sizing:border-box;  padding-left:10px;width:80px; height:80px; line-height:80px; text-align:center; }
.pgaboutimg .swiper-button-next{left:100px; bottom:0;border:solid 1px #0093D6;

border-radius:100%;  color:#0093D6; top:auto; transform:translateY(0);box-sizing:border-box;  padding-right:10px; width:80px; height:80px;line-height:80px;  }

.pgzjtd{z-index:99}
	.pgzjtdslide{z-index:99;position:relative;}
		.pgzjtdslide .hd{position:absolute;bottom:0;z-index:99}

			.pgzjtdslide .hd h3{font-size:38px;line-height:54px;font-weight: normal;}
			.pgzjtdslide .hd span{opacity: 0.8;transition: all ease-out 0.3s;position:absolute;top:0px;display:block;opacity:0.6;width:90px;height:90px;box-sizing:border-box;border-radius:100%;border:2px solid #348FFD;color:#348FFD;cursor:pointer;font-family:"iconfont" !important;line-height:80px;text-align:center;font-size:60px;}
			
            .pgzjtdslide .hd span.pgzjtdprev{left:0px;padding-left:12px;opacity:0.5; position: relative;  }
            .pgzjtdslide .hd span.pgzjtdprev:before{content: '';
    display: block;
    position: absolute;
    top: 50%;
   
    width: 26px;
    height: 26px;
    border-top:2px solid #0093d6;
    border-right: 2px solid #0093d6;
    transform: translateY(-50%) rotate(-135deg);
    transition: all ease-out 0.3s;
    left: 34px;
    background: transparent;}
			.pgzjtdslide .hd span.pgzjtdnext{left:120px; padding-right:12px;}
            .pgzjtdslide .hd span.pgzjtdnext:after{content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 34px;
    width: 26px;
    height: 26px;
    border-top: 2px solid #348FFD;
    border-right: 2px solid #348FFD;
    transform: translateY(-50%) rotate(45deg);
    transition: all ease-out 0.3s;
    left: auto;
    background: transparent;}
            .pgzjtdslide .hd span:hover{opacity:1;}
		.pgzjtdslide .bd{width:100%;float: left;}
			.pgzjtditem{width:100%;float: left;}
				.pgzjtditem ul{width:100%; float: left;}
				/* .pgzjtditem ul:nth-child(5){ display:none;} */
				.pgzjtditem section{width:60%;float:left;margin-bottom:20px; position: absolute; bottom:100px}
               .pgzjtditem>section>h2 {    color: #003A85;
    font-size: 50px;

    PADDING-top: 100PX;
    margin-bottom: 40px;}
    .pgzjtditem section dl{ float:left; width:100%; display:block;}
 .pgzjtditem section dd{ font-size:18px; color:#333; line-height:2; position:relative; padding-left:20px;} 
 .pgzjtditem section dd:before{content: "";
position: absolute;
left: 0;
top: 14px;

width: 6px;
height: 6px;
border-radius: 100%;
overflow: hidden;
border:solid 2px  #0093D6;}
.pgzjtditem section p{font-size: 20px;
    line-height: 1.8;
    color: #000; padding-right: 190px; text-align: justify; height: 240px;}
		.pgzjtditem figure{width:40%; float: right;  text-align:right;}
	.pgzjtditem figure img{ width:100%; float:right;}



    /*************首页合作客户*************/
    .pgabouthonor .swiper-container{margin:0 0 40px;}		
    .pgabouthonor h2,.pgaboutpatent h2{font-size:24px;line-height:30px;position:relative;}
    .pgabouthonor p,.pgaboutpatent p{display:block;margin:0 0 40px;opacity:0.6;position:relative;text-transform:uppercase;}
    .pgabouthonor figure,.pgaboutpatent figure{overflow:hidden;border-radius: 30px;padding: 14px 12px; box-sizing: border-box;
background-color: #f0f0f0;}
    .pgabouthonor img,.pgaboutpatent img{width:100%;padding: 14px 20px; box-sizing: border-box;}
    .pgabouthonor .swiper-button-prev,.pgaboutpatent .swiper-button-prev{left:0;}
    .pgabouthonor .swiper-button-next,.pgaboutpatent .swiper-button-next{right:0;} 
.pg img {	border: 0;	max-width: 100%;	height: auto;	width: auto\9; }
.w100{width: 100% !important;} 
.pgabouthonor{width:100%; margin:40px auto;}
.pgaboutpatent{width:100%;margin:40px auto}



.picMarquee-left,.picMarquee-left2,.picMarquee-left3{ width:100%;  overflow:hidden; position:relative;   }
	
.picMarquee-left .bd,.picMarquee-left2 .bd,.picMarquee-left3 .bd{ padding:10px 0;   }
.picMarquee-left .bd ul,.picMarquee-left2 .bd ul,.picMarquee-left3 .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li,.picMarquee-left2 .bd ul li,.picMarquee-left3 .bd ul li{ padding:5px 20px; float:left; box-sizing: border-box;  width:20%;overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic,.picMarquee-left2 .bd ul li .pic,.picMarquee-left3 .bd ul li .pic{ text-align:center; width:100%; padding:10px 10px; box-sizing: border-box;  border-radius: 30px;}
.picMarquee-left .bd ul li .pic img,.picMarquee-left2 .bd ul li .pic img,.picMarquee-left3 .bd ul li .pic img{ width:100%; display:block; padding:0px 0px; box-sizing: border-box; }