@charset "utf-8";

/*content_01*/

.content_01{padding: 30px 0 0}

.content_01 ul{display: flex;flex-wrap: wrap; justify-content: space-between;padding: 20px 0 0}

.content_01 ul li img{width: 280px;height: 200px;overflow: hidden;}

.content_01 ul li h2{font-size: 16px;color: #1a6bf1;}

.content_01 ul li h2 span{font-size: 12px;color: #ff820c;font-weight:normal;}

.content_01 ul li .qy{font-size:16px }

.content_01 ul li .mj{font-size:14px}

.content_01 ul li .mj span{color: #ff820c}

.content_01 ul li .jg{font-size:14px}

.content_01 ul li .jg span{color: #ff820c;font-size: 18px;font-weight: bold;padding-right: 5px}

.content_01 ul li{line-height: 180%;margin-bottom: 30px}



/*services*/

.services{padding: 30px 0;background: url(../images/fw.png); height: 268px;box-sizing: border-box;text-align: center;}

.services .tit{text-align: center;color: #fff;}

.services ul{display: flex;flex-wrap: wrap; justify-content: space-around;color: #fff;width: 1100px;padding: 20px 0 25px}

.services ul li img{display:inline-block;border: 2px solid #fff;border-radius: 50%}

.services ul li {text-align: center;width: 157.14px}

.services ul li span{display: block;}

.services .more_s{background: #fff;border-radius: 30px;padding: 5px 20px;font-size: 16px;font-weight: bold;

	display: block;width: 105px;margin: 0 auto; margin-top: 150px;

}



/*service01*/

.service01{border: 1px solid #d2d2d2;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-between;}



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

.service01 dl{width: 25%;border-right: 1px solid #d2d2d2;box-sizing: border-box;padding: 20px 20px 20px 85px}

.service01 dl dt{font-size: 24px;letter-spacing: 5px}

.service01 dl dd{font-size: 14px;color: #999;padding: 5px 0;line-height: 150%;letter-spacing: 0}

.service01 dl:nth-child(1){background: url(../images/s01-1.gif) no-repeat 10px 20px ;}

.service01 dl:nth-child(2){background: url(../images/s01-2.gif) no-repeat 10px 20px ;}

.service01 dl:nth-child(3){background: url(../images/s01-3.gif) no-repeat 10px 20px ;}

.service01 dl:nth-child(4){background: url(../images/s01-4.gif) no-repeat 10px 20px ;}



/*about*/



.about{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	box-sizing: border-box;

	margin-top: 20px;

}

.about .pic{

	width: 600px;

	height: auto;

	overflow: hidden;

	float: left;

}

.about .pic img{

	display: block;

	width: 600px;

	height: 380px;

}

.about .intro{

	width: 555px;

	float: right;

	margin-right: 20px;

	margin-top: 30px;

}



.about .intro .tit{

	width: 100%;

	height: 31px;

	overflow: hidden;

	border-bottom: 2px solid #1a6bf1;

}



.about .intro .tit p{

	float: left;

	font-size: 20px;

	font-weight: bold;

	color:#1a6bf1;

}



.about .intro .tit span{

	display: block;

	color:#999999;

	font-size: 13px;

	border-left: 1px solid #a9a9a9;

	height: 15px;

	line-height: 15px;

	padding-left: 7px;

	margin-left: 10px;

	float: left;

	margin-top: 8px;

}



.about .intro .tit  a{

	display: block;

	width: 60px;

	height: 24px;

	border: 1px solid #c9c9c9;

	text-align: center;

	line-height: 24px;

	float: right;

	border-radius: 5px;

	color:#c9c9c9;

}

.about .intro .tit  a:hover{

	color: #1a6bf1;

	border: 1px solid #1a6bf1;

}



.about .intro .info{

	width: 100%;

	height: auto;

	overflow: hidden;

	margin-top: 25px;

}



.about .intro .info p{

	color:#666666;

	font-size: 15px;

	line-height: 28px;

	text-indent: 2em;

}





.about-intro{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	overflow: hidden;

	margin-top:40px;

	margin-bottom: 80px;

}



.about-intro .tit{

	width: 278px;

	height: 256px;

	overflow: hidden;

	background: url()no-repeat right top;

	float: left;

}

.about-intro .tit p{

	color:#1a6bf1;

	font-size: 48px;

}



.about-intro .tit h4{

	font-size: 24px;

	color:#333333;

	text-align: right;

	font-weight: normal;

	margin-right: 35px;

	margin-top: 10px;

}



.about-intro .tit img{

	display: block;

 	width: 245px;

 	height: 140px;

 	margin-top: 25px;

}



.about-intro .intro{

	width: 835px;

	height: auto;

	overflow: hidden;

	float: right;

}

.about-intro .intro {

	color:#333333;

	font-size: 16px;

	line-height: 30px;

}



.about-intro .intro img{

	display: block;

	margin: 0 auto;

}

.about-adv{

	width: 100%;

	height: 520px;

	background: #1e90cb;

	margin-top: 60px;

	overflow: hidden;

}



.about-adv .tit{

	width: 647px;

	height: 72px;

	margin: 0 auto;

	margin-top: 45px;

	background: url(../images/tit08.png) no-repeat center;

}

.about-adv .tit p{

	color:#ffffff;

	font-size: 36px;

	font-weight: bold;

	text-align: center;

	line-height:72px;

}

.about-adv ul {

	margin-top: 40px;

}

.about-adv ul li{

	float: left;

	width: 340px;

	height: auto;

	overflow: hidden;

	margin-left: 90px;

}

.about-adv ul li:first-child{

	margin-left: 0;

}





.about-adv ul li img{

	display: block;

	width: 170px;

	height: 170px;

	margin: 0 auto;

}



.about-adv ul li  p{

	color:#fff;

	font-size: 20px;

	text-align: center;

	font-weight: bold;

	margin-top: 20px;

}



.about-adv ul li span{

	display: block;

	color:#ffffff;

	font-size: 15px;

	line-height: 24px;

	margin-top: 10px;

}

/*news*/

.news{padding: 30px 0}

.news .content{margin-bottom: 30px}

.news .left {width: 780px; height: 420px;background: #f4f4f4}

.news .left img{}

.news .left dl{width: 388px;overflow: hidden;height: 249px;box-sizing: border-box;padding: 20px}

.news .left dl dt{font-size: 18px;line-height: 180%;font-weight: bold;}

.news .left dl span{display: block;color: #999;line-height: 180%;font-size: 14px;}



.news .left dl dd{font-size: 15px; line-height: 180%;text-indent: 30px}

.news .left .news_more{position: absolute;right: 20px;bottom: 180px;background: url(../images/news_more.png); width: 26px; height: 26px;display: none}



.news .right {width: 408px; height: 420px;background: #f4f4f4;padding:5px 20px;box-sizing:border-box;}

.news .right dl{padding: 15px; border-bottom: 1px solid #dcdcdc}

.news .right dl dt{font-size: 18px;font-weight: bold;}

.news .right dl span{display: block;color: #999;line-height: 180%;font-size: 14px;}

.news .right dl dd{font-size: 15px; line-height: 180%;}



/*service02*/

.service02{padding: 30px 0;text-align: center;width: 1200px;margin: 0 auto; }

.service02 img{
	width: 100%;
}

/*cases*/

.cases{padding: 30px 0 0;}

.cases ul{padding: 30px 0 0;overflow:hidden; zoom:1;}

.cases ul li{padding: 10px;border: 1px solid #d2d2d2;width: 205px;background: #f2f2f2;float: left; height:auto;margin: 0 7px;overflow: hidden;}

.cases ul li img{width: 205px;height: 105px;border: 1px solid #a7a7a7;box-sizing: border-box;}

.cases ul li h2{line-height: 180%;text-align: center;}

.cases ul li .js{font-size: 14px;line-height: 180%}



/*partner*/

.partners{padding: 30px 0 ;}





.partners .show{

	width: 1200px;

	height: 450px;

	overflow: hidden;

	margin: 0 auto;

	margin-top: 15px;

}

.partners .box{

	height: 800%;

}

.partners .list{

	height: auto;

	overflow: hidden;

	width: 100%;

}

.partners .list ul {

	margin-left: -10px;

}

.partners .list ul li{

	float: left;

	width: 230px;

	height: 90px;

	margin-left: 10px;

	border: 1px solid #d2d2d2;

	border-radius: 10px;

	margin-top: 13px;

	

	overflow: hidden;

}

.partners .list ul li a{

	width: 232px;

	text-align: center;

	height: 90px;

	display: table-cell;vertical-align: middle;

}

.partners .list ul li img{

	 max-height:60px;

}

.partners .list ul li:hover{

	border: 1px solid #1a6bf1;

}







.window{

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0,0,0,.5);

	z-index: 100;

	display: none;



}



.window  .bg{

	width: 400px;

	height: auto;

	overflow: hidden;

	position: absolute;

	left: 50%;

	margin-left: -200px;

	top: 50%;

	margin-top: -102px;



}





.window   i{

	display: block;

	width: 60px;

	height: 60px;

	margin:0 auto;

	position: relative;

	z-index: 100;

	border-radius: 50%;

	background:#fff url(../images/icon03.png) no-repeat center;

}



.window   .bd{

	width: 100%;

	height: 175px;

	overflow: hidden;

	background: #fff;

	position: relative;

	margin-top: -30px;

	

}



.window    .bd p{

	color:#47DC66;

	font-size: 16px;

	text-align: center;

	margin-top: 45px;

}



.window    .bd  span{

	display: block;

	color:#333;

	font-size: 12px;

	text-align: center;

	margin-top: 10px;

}

.window   .bd a{

	display: block;

	width: 120px;

	height: 30px;

	background: #C2C2C2;

	color:#fff;

	line-height: 30px;

	text-align: center;

	margin:0 auto;

	margin-top:30px;

	font-size: 14px;

}

.link-section{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 40px;
}

.link-section .menu{
	width:1000px;
	height: auto;
	overflow: hidden;
}
.link-section .menu ul li{
	float: left;
	padding: 0 10px;
	line-height: 30px;
}
.link-section .menu ul li a{
	color: #fff;
	font-size: 14px;
 
}

.link-section .links{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.link-section .links ul li{
	float: left;
	padding: 0 10px;
	line-height: 30px;
}
.link-section ul li a{
	color: #fff;
	font-size: 14px;
	 
}

.index-banner{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.index-banner img{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.index-banner .screen{
	margin-top: 20px;
	height: auto;
	overflow: hidden;
}

.index-banner .screen .hd{
	width: 100%;
	height:28px;
	overflow: hidden;
	margin-top: 10px;
}
.index-banner .screen .hd .bd{
	float: left;
	width: 1100px;
	overflow: hidden;
	height: auto;
 
}
.index-banner .screen .hd .bd b{
	display: block;
	float: left;
}
.index-banner .screen .hd .bd span{
	display: block;
	float: left;
}

.index-banner .screen .hd .bd a{
	display: block;
	width: 70px;
	text-align: center;
	float: left;
}
.index-banner .screen  .more{
	float: right;
	font-size: 12px;
	color: #c9c9c9;
	line-height: 20px;
	height: 20px;
	margin-top: 5px;
	position: initial;
}
.index-banner .screen  .more:hover{
	color: #fff;
	height: 20px;
	padding: 0 5px;
}

.index-banner .screen .hd .bd .box{
	width: 975px;
	float: left;
}

.index-banner .screen .hd .bd  a:hover{
	padding: 0 5px;
}


.screen .btn{
	display: block;
	position: relative;
	width: 60px;
	height: 30px;
	float: right;
}
.screen .btn:hover{
	background: none;
}
.screen .btn:after{
	content: "More +";
	width:48px;
	text-align: center;
	position: absolute;
	color: #c9c9c9;
	font-size: 12px;
	right: 0;
	height: 21px;
	line-height: 21px;
	box-sizing:border-box;
	text-align: center;
	border:1px solid #c9c9c9;
	font-family: '微软雅黑';
	top: 0;

}

.screen  .open:after{
	content: "More -"
}


.case ul li{
	width: 280px;
	float: left;
}


.case ul li img{
	display: block;
	width: 100%;
	height: 200px;
}
.case ul li:nth-child(4n-3){
	margin-left: 0;
}

.case ul li span{
	display: block;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	color: #c6932f;
	margin-top: 5px;
}
.case ul li  h4{
	width: 100%;
	color: #0b1429;
	font-size: 16px;
	width: 100%;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
 
}

.case ul li p{
	font-size: 14px;
}

.cases-list{
	width: 1200px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	margin-top: 20px;
}

.cases-list ul li{
	width: 280px;
	float: left;
	margin-left: 26px;
	margin-bottom: 15px;
}


.cases-list ul li img{
	display: block;
	width: 100%;
	height: 200px;
}
.cases-list ul li:nth-child(4n-3){
	margin-left: 0;
}

.cases-list ul li span{
	display: block;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	color: #c6932f;
	margin-top: 5px;
}
.cases-list ul li  h4{
	width: 100%;
	color: #0b1429;
	font-size: 16px;
	width: 100%;
	 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
 
}

.cases-list ul li p{
	font-size: 14px;
}