@charset "utf-8";

/*格式化*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}

body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}

li, ol { list-style:none; }

ins { text-decoration:none; }

i, em { font-style:normal; }

a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}

a:hover { cursor:pointer; text-decoration:none;}

a:active{star:expression(this.onFocus=this.blur());}

:focus{outline:0;}

.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

img{ padding:0; margin:0;}

a img { border:none; }

input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}

h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}

.fl{float: left;}

.fr{float: right;}

/* -- 页面整体布局 -- */

.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/

.wrap img{display:block;width:100%;}



.tit{ text-align:center; color:#424242; font-size:2.5rem; font-weight:bold;}

.tit em{ display:block; font-size:1.2rem; color:#626262; font-weight:normal; padding-top:1.6rem; background:url(../images/line.png) no-repeat center top; background-size:18.85rem 1.4rem; margin-top:0.3rem;}



.g-yinz{ margin:3rem 0;}

.g-yinz p{ padding:0 3%; text-align:center; font-size:1.1rem; line-height:1.5rem; color:#949494; margin:1.2rem 0;}

.g-yinz ul{ width:93.75%; margin:0 auto; padding:1.5rem 0; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #e0dfdf;}

.g-yinz li{ width:44%; padding-left:10%; float:left; font-size:1.1rem; color:#626262; border-right:1px solid #d1d1d1; box-sizing:border-box; margin-bottom:1.3rem; position:relative;}

.g-yinz li span{ display:block; font-size:3.5rem; color:#424242;}

.g-yinz li span em{ display:block; width:1.7rem; height:1.7rem; background:#0e2b5c; border-radius:1.7rem; font-size:0.9rem; color:#fff; text-align:center; line-height:1.7rem; position:absolute; top:1rem; left:46%;}

.g-yinz li:nth-child(2n){ border:0; width:56%;}

.g-yinz li:nth-child(3) span em{ left:57%;}

.g-yinz li:nth-child(4) span em{ left:82%;}


.fea{height:42.5rem;background:url(../images/fea_bg.jpg) no-repeat;background-size: 100% 42.5rem;}
.fea h3{ text-align: center; padding:2.3rem 0;font-size: 2.3rem;}
.fea h3 span{ color: #333333; font-size: 1.2rem; padding-top: 1.3rem; display: block;background: url(../images/line2.png) no-repeat center 0.6rem;background-size:10rem 0.1rem;}
.fea h3,.fea h3 i,.fea h3 span{color:#fff !important;}
.fea li{float: left;width: 45.3%;height: 14.5rem;background: #fff;border-radius: 0.2rem;margin-left: 3.1%;margin-bottom: 1rem;}
.fea li img{display:block;width: 5.2rem;height: 5.2rem;margin:2.7rem auto 0.5rem;border-radius: 50%;background: #e6e6e6;}
.fea li p{font-size: 1rem;color: #333;line-height: 1.8rem;text-align: center;padding:0 0.7rem;}


/**/

.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}

.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*pro*/

.pro{padding: 2.2rem 1.56% 2.5rem;position: relative;background: #f2f2f2;}

.pro h2{margin-bottom: 2.5rem;}

.prot{ margin:1rem 0 0 3%;}

.prot h3,.prot h5{ width:30.97%; height: 2.6rem;line-height: 2.6rem;text-align:center;font-size:1.2rem; color:#535353; box-sizing:border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; background:#ebebeb; margin:0 1.9% 0.5rem 0;}

.prot h3 em,.prot h5 em{ display:block; font-size:0.6rem; font-weight:normal; color:#aaaaaa;}

.prot .active{ background:#0e2b5c; color:#fff;}

.prot .active em{ color:#80aad2;}

.pro li{float: left;width: 48.3%;}

.pro li img{border:1px solid #e6e6e6;box-sizing: border-box;}

.pro li span{display:block;height: 2.7rem;line-height: 2.7rem;text-align: center;font-size:1rem;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.pro li:nth-child(even){float: right;}



.xz{ padding:4rem 0 0rem; background: #fff;}

.xz h2{width: 87.5%; margin:0 auto 1.5rem;}

.xz h2 span{width: 24rem;}

.xzbg{ background: #004fab; width: 100%;padding-bottom: 2rem; }

.xz dl{width: 100%; margin:0 auto;}

.xz dt img{display:block; width:100%;}

.xz dd{padding-top: 2.6rem;padding-bottom: 2rem;padding-left: 3rem; width: 87.5%; margin:0 auto; box-sizing: border-box; }

.xz dd h3{height:2rem; font-size:1.5rem; color:#ffffff; font-weight:bold; overflow:hidden;padding-left: 1.5rem;}

.xz dd em{font-size: 1.3rem; font-weight:normal; display: block; color: #004fab;background: url(../images/xzembg.png) no-repeat;background-size: 21rem 3rem; height: 3rem;padding-top: 1rem; box-sizing: border-box;padding-left: 1.5rem;margin-bottom: 1.5rem;}

.xz dd p{ font-size:1.1rem; line-height:1.8rem; color:#ffffff; position:relative; text-align: justify;margin-bottom: 1rem;padding-left: 1.5rem;}





.xz .swiper-pagination{ height:2rem; position:relative; border-radius:1.5rem;padding-top: 0.5rem;box-sizing: border-box;z-index: 1}

.xz .swiper-pagination-bullet{ background:#80a7d5; opacity:1; width:0.8rem; height:0.8rem; margin :0 4%;}

.xz .swiper-pagination-bullet-active{ background:#ffffff;width: 2.7rem;border-radius: 1rem; }





.xz .ys1 dd{background: url(../images/01.png) no-repeat 0 2.8rem; background-size: 3.2rem 4.5rem;}

.xz .ys2 dd{background: url(../images/02.png) no-repeat 0 2.8rem; background-size: 3.2rem 4.5rem;}

.xz .ys3 dd{background: url(../images/03.png) no-repeat 0 2.8rem; background-size: 3.2rem 4.5rem;}

.xz .ys4 dd{background: url(../images/04.png) no-repeat 0 2.8rem; background-size: 3.2rem 4.5rem;}

.xz .ys5 dd{background: url(../images/05.png) no-repeat 0 2.8rem; background-size: 3.2rem 4.5rem;}



/*case*/

.g-case{ margin-bottom:2.5rem;padding: 2rem 0 0rem;}

.g-caset{ width:93.75%; margin:1.6rem auto;}

.g-caset h3{ width:25%; float:left; text-align:center; font-size:1.2rem; color:#333; background:#fff; box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #eee; padding:1rem 0;}

.g-caset h3 em{ display:block; width:2.5rem; height:2.5rem; margin:0 auto;}

.g-caset h3 em img{ display:block; width:100%;}

.g-caset h3 i{ display:block; font-size:0.6rem; color:#afafaf;}

.m-case{ width:93.75%; margin:0 auto; overflow:hidden;margin-top: 20px;}

.m-case li{ width:47.66%; font-size:1.2rem; color:#424242; margin-bottom:1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.m-case li img{ display:block; width:100%; margin-bottom:0.6rem;height:125px}

.m-case li em{ display:block; font-size:1.1rem; color:#909090;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.m-case a:nth-child(2n-1) li{ float:left;}

.m-case a:nth-child(2n) li{ float:right;}

.g-case h5{ width:93.75%; margin:1.5rem auto 0;}

.g-case h5 img{ display:block; width:100%;}



.g-ys{position:relative; background:#f4f3f3; padding:3.5rem 0 2.5rem;}

.yst{ width:2.5rem; position:absolute;top:12rem; left:3%; z-index:10;}

.yst a{ display:block; width:2.5rem; height:2.5rem; border-radius:2.5rem; background:#424242; margin-bottom:1.8rem; text-align:center; font-size:1.1rem; line-height:2.5rem; color:#fff; font-size:1.1rem; position:relative;}

.yst a:before{ content:""; position:absolute; top:2.7rem; left:50%; width:1px; height:1.35rem; background:#cdcdcd;}

.yst a:last-child:before{ background:none;}

.yst .active{ background:#0e2b5c;}

.m-ys{ width:100%; overflow:hidden; margin-top:1.7rem;}

.g-ys dt{ width:85.9375%; float:right;margin-right: 5px;}

.g-ys dt img{ display:block; width:100%;}

.g-ys dd h3{ margin-top:1rem; background:#0e2b5c; padding:1.2rem 0 1.2rem 14%; font-size:1.4rem; color:#fff;}

.g-ys dd h3 em{ display:block; font-size:0.6rem; color:#4d88c0;}

.g-ys .swiper-slide:nth-child(3) h3,.g-ys .swiper-slide:nth-child(4) h3{ font-size:1.2rem;}

.g-ys dd p{ font-size:1.1rem; line-height:1.7rem; color:#797979; padding-left:18%; padding-right:3%; position:relative; margin-top:0.8rem;}

.g-ys dd p:before{ content:""; position:absolute; top:0.7rem; left:14%; width:0.4rem; height:0.4rem; border-radius:0.4rem; background:#0e2b5c;}



.g-news{padding:2.5rem 0;}

.tab02{ height:7.5rem; margin:1.1rem auto 0; text-align:center;}

.tab02 a{ display:inline-block; width:26.5625%;color:#333; text-align:center; font-size:1.1rem; background:#fff; margin:0 1%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:1.2rem 0;}

.tab02 span{ display:block; width:2.2rem; height:1.9rem; margin:0 auto 0.1rem; position:relative;}

.tab02 span img{ display:block; width:100%;}

.tab02 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.tab02 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.tab02 b{ display:block; font-size:0.6rem; color:#afafaf; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tab02 .active span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.tab02 .active span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.tab02 .active{ color:#0e2b5c; box-shadow:0.1rem 0.1rem 0.5rem #ddd;}

.m-news{ width:93.75%; margin:0 auto; overflow:hidden;}

.g-news .dl01{ width:93.75%; margin:0 auto; overflow:hidden;}

.g-news .dl01 dd{ background:#0e2b5c; padding:1.2rem 3%;}

.g-news .dl01 dt img{ display:block; width:100%;}

.g-news .dl01 dd h4{ font-size:1.1rem; color:#ddd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding-bottom:0.6rem; border-bottom:1px solid #3376b7;}

.g-news .dl01 dd h4 em{ display:block; font-size:0.9rem; color:#fff;}

.g-news .dl01 dd h4 em i{ color:#27d796;}

.g-news .dl01 dd p{ font-size:1.1rem; line-height:1.3rem; color:#80aad2; margin:0.8rem 0;}

.g-news .dl01 dd em{ display:block; font-size:0.9rem; color:#c0c0c0;}

.g-news .dl02{ margin-top:0.5rem; padding:1rem 3%; background:#fff; border:2px solid #eaeaea; box-sizing:border-box;}

.g-news .dl02 dt{ width:27.75%; float:left;}

.g-news .dl02 dt img{ display:block; width:100%;}

.g-news .dl02 dd{ width:69.6%; float:right;}

.g-news .dl02 dd h3{ font-size:1.1rem; font-weight:bold; color:#424242;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.g-news .dl02 dd em{ display:block; font-size:1.1rem; line-height:1.2rem; color:#9e9e9e; margin-top:0.5rem;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;}





.g-about{padding:0 0 2rem;}

.m-about{ margin-top:1.3rem; overflow:hidden; position:relative;}

.m-about img{ display:block; width:100%;}

.g-about dl{ width:93.75%; margin:-2.7rem auto 0; position:relative; background:#fff; box-shadow:0.1rem 0.1rem 0.7rem 0.1rem #ddd; z-index:8; border-top:0.35rem solid #0e2b5c; padding:2rem 3%; box-sizing:border-box;}

.g-about dt{ font-size:1.2rem; font-weight:bold; color:#0e2b5c;}

.g-about dt p{ font-size:1.1rem; line-height:1.4rem; color:#797979; font-weight:normal; margin:0.5rem 0 1rem;overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;}

.g-about dd a{ display:block; width:33.33%; float:left; border-right:1px solid #d9d9d9; box-sizing:border-box; font-size:1.1rem; color:#333; text-align:center;}

.g-about dd a:last-child{ border:0;}

.g-about dd em{ display:block; width:2.4rem; height:2.3rem; margin:0 auto;}

.g-about dd em img{ display:block; width:100%;}

.g-about dd i{ display:block; font-size:0.6rem; color:#afafaf;}






.p1-s01 {
	padding: 100px 0 100px
}

.p1-s01 .container{
	
	box-sizing: border-box;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10px;
}
.p1-s01 h2 {
	font-family: effra,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 20px;
color: #444;
margin-bottom: 30px;
}

.p1-s01 .industry-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.p1-s01 .industry-list p{
	font-family: neuzeit-grotesk,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #999;
line-height: 1.5;
	
}

.p1-s01 li {
	width: 49%;
	max-width: 580px;
	-webkit-box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	background-color: #fff;
	position: relative
}

.p1-s01 li:last-child {
	margin: 0 auto;
	margin-right: 0
}

.p1-s01 li:hover h4 {
	color: #ff5e14
}

.p1-s01 .text-wrap {
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 25px 60px
}

.p1-s01 h4 {
	font-family: effra,sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	color: #444;
}

.p1-s01 i {
	margin-left: 10px;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px)
}

.p1-s01 a.btn {
	display: inline-block;
	border-radius: 50px;
	text-align: center;
	padding: 9px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px #ff5e14;
	font-size: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #ff5e14;
	position: absolute;
	bottom: -25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	-webkit-box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1)
}

.p1-s01 a.btn i {
	margin-right: 10px;
	font-size: 24px
}

.p1-s01 a.btn:hover {
	background-color: #ff5e14;
	color: #fff
}

.p1-s06 {
	padding: 80px 0
}

.p1-s06 h2 {
	text-align: center
}

.p1-s06 ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.p1-s06 li {
	width: 32%;
	max-width: 380px;
	margin-right: 2%;
	margin-top: 50px;
	background-color: #fff;
	-webkit-box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	box-shadow: 6px 5px 40px 0 rgba(27,35,116,.1);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.p1-s06 li:hover .title {
	color: #0c4da2
}

.p1-s06 li:nth-child(3n) {
	margin-right: 0
}

.p1-s06 .txt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	min-height: 132px
}

.p1-s06 i.fa-clock {
	margin-right: 10px
}

.p1-s06 .title {
	margin: 10px 0;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.p1-s06 p {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.p1-s06 .news-sec {
	margin-top: 80px
}
@media (max-width:1450px) {
	.p1-s01 {
		padding: 50px 0 100px
	}
}



@media (max-width:680px) {
	.p1-s01 .industry-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.p1-s01 li {
		width: 100%
	}

	.p1-s01 li:last-child {
		margin: 0 auto;
		margin-top: 60px
	}
}


@media (max-width:540px) {
	.home-banner {
		height: 450px
	}

	.home-banner section {
		padding: 90px 0 60px
	}

	.p1-s01 {
		padding: 15px 0 90px
	}

	.p1-s01 h2 {
		margin-bottom: 30px
	}

	.p1-s03 {
		padding: 60px 0
	}

	.p1-s04 {
		padding: 60px 0
	}

	.p1-s04 b {
		font-size: 36px
	}

	.p1-s04 .numbers-list {
		margin-top: 20px
	}

	.p1-s05 {
		height: 540px
	}

	.p1-s05 section {
		width: 95%
	}

	.p1-s06 {
		padding: 60px 0
	}

	.p1-s06 ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.p1-s06 li {
		width: 100%
	}

	.p1-s06 .news-sec {
		margin-top: 40px
	}
}


.toolbar { position: fixed; top: 50%; right: 1%; margin-top: -163px; z-index: 100; width: 80px; }
.toolbar dd { position: relative; float: left; width: 80px; height: 80px; background: #ff5e14; margin-top: 2px; border-radius: 5px; color: #fff; font-size: 14px; line-height: 21px; text-align: center; cursor: pointer; transition: all .5s; }
.toolbar dd:first-child { margin-top: 0; }
.toolbar dd i { width: 100%; height: 30px; display: block; margin-top: 13px; background: url(../images/toolbar.png) no-repeat center 0; }
.toolbar dd.qq i { background-position-y: 0; }
.toolbar dd.tel i { background-position-y: -30px; }
.toolbar dd.code i { background-position-y: -60px; }
.toolbar dd.top i { background-position-y: -90px; }
.toolbar dd span { display: block; color: #fff; }
.toolbar dd.tel .box { position: absolute; top: 0; width: 190px; right: -200px; height: 100%; margin-right: 10px; border-radius: 5px; background: #ff5e14; opacity: 0; transition: all .5s; }
.toolbar dd.tel .box p { font-size: 14px; margin: 15px auto 7px; }
.toolbar dd.tel .box h3 { font-size: 18px; font-weight: bold; }
.toolbar dd.tel .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #ff5e14; ; border-width: 9px; width: 0; height: 0; position: absolute; top: 50%; margin-top: -9px; right: -18px; margin-left: -12px; }
.toolbar dd.code .box { position: absolute; top: 0; padding: 11px; width: 162px; right: -172px; height: 162px; margin-right: 10px; border-radius: 5px; background: #ff5e14) opacity: 0; transition: all .5s; }
.toolbar dd.code .box img { width: 140px; height: 140px; }
.toolbar dd.code .box:after { display: block; content: " "; border-style: solid dashed dashed dashed; border-color: transparent transparent transparent #ff5e14 ; border-width: 9px; width: 0; height: 0; position: absolute; top: 30px; right: -18px; margin-left: -12px; }
.toolbar dd:hover { background: #333; }
.toolbar dd.tel:hover .box { opacity: 1; right: 80px; }
.toolbar dd.code:hover .box { opacity: 1; right: 80px; }

/**/

/**/

@media screen and (min-width:320px) {html {font-size: 10px;}}

@media screen and (min-width:360px) {html {	font-size: 11.25px;}}

@media screen and (min-width:375px) {html {	font-size: 11.7px;}}

@media screen and (min-width:384px) {html {	font-size: 12px;}}

@media screen and (min-width:480px) {html {	font-size: 15px;}}

@media screen and (min-width:414px) {html {	font-size: 13px;}}

@media screen and (min-width:560px) {html {	font-size: 17.5px;}}

@media screen and (min-width:640px) {html {	font-size: 20px;}}