.banner{
	position: relative;
	height: 300px;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

.b0{background-image: url(b1.jpg)}
.b1{background-image: url(b2.jpg)}
.b2{background-image: url(b3.jpg)}
.b3{background-image: url(b4.jpg)}

.banner .w1300{
	position: absolute;
	left: 0px;
	top: 80px;
	width: 100%;
	color: #fff;
	text-shadow: 2px 0px 5px rgba(0,0,0,0.35);
	text-align: center;
	animation: w1300 1.5s;
}

@keyframes w1300{from {top: 200px; opacity: 0}to {top: 80px; opacity: 1}}

.banner h1{font-size: 45px;line-height: 65px;text-transform: uppercase;}

.banner span{
	display: block;
	font-size: 30px;
	letter-spacing: 1.5px;
	margin: 0 auto;
}

#second_menu{width: 100%;background: #fff; border-bottom: 1px solid #e5e5e5;}

.down_menu ul{float: left;width: 144px; height: 60px; transition: all 0.5s;text-align: center; margin-right: 10px;position: relative;}

.smenu{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	line-height: 60px;
	font-weight: 600;
	z-index: 1;
	overflow: hidden;
}

.smenu:hover{color: #fff;background: #fa7921}

#second_menu .smenunow,.class_active,.class_active:hover{color: #fff;background: #39a9db}

.down_menu ul li{position: absolute;left: 0;top: 80px;display: none}

.down_menu ul:nth-of-type(5) li{left: -350px}

.down_menu ul:hover li{display: block}

.cp_two_class a,.down_class a{
	float: left;
	display: block;
	padding: 0 30px;
	line-height: 40px;
    background: #39a9db;
	border-radius: 3px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
}

.down_class .smenu{display: none!important;}

.cp_two_class a:hover,.down_class a:hover,.down_active{background: #fa7921!important;color: #fff}

#main_box{width: 100%;margin: 30px auto 100px;overflow: hidden;}

#container{position: relative;width: 1300px;margin: 0px auto;}

.grid{
	float: left;
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	margin: 8px;
}

.grid img{max-width: 100%;display: block;}

@media screen and (max-width : 1300px) {
	body{
		overflow:auto;
	}
}
@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:20px;
	}
	#wrapper{
		margin-top:90px;
	}
}

.news_query{float: left;width: 1335px;overflow: hidden;}

.news_query a{
	float: left;
	width: 410px;
	height: 435px;
	margin-top: 20px;
	margin-right: 35px;
}

.news_query a:nth-child(3n+3){margin-right: 0px;}

.news_query a h4{
	float: left;
	width: 100%;
	height: 275px;
	margin-bottom: 20px;
	overflow: hidden;
}

.news_query a h4 img{
	display: block;
	width: 100%;
	height: 275px;
	transition: all 0.5s;
}

.news_query a:hover h4 img{transform: scale(1.1,1.1);} 

.news_query a em{
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-style: normal;
	font-size: 12px;
	color: #999;
}

.news_query a h3{
	float: left;
	width: 90%;
	font-size: 18px;
	font-weight: 600;
	max-height: 60px;
	overflow: hidden;
}

.show_pages{border-top: 2px solid #252525;border-bottom: 1px solid #e5e5e5;margin-top: 30px}

.show_pages li{
	float: left;
	width: 50%;
	color: #666;
	line-height: 60px;
}

.show_pages table{float: right; text-align: right;}

.pages{margin: 0px 6px;}

.pagesnow{color: #13509a;margin: 0px 6px;font-weight: 600}

.news_detail h1{
	font-size: 32px;
	font-weight: 600;
	line-height: 70px;
	text-align: center;
}

.news_detail span{
	display: block;
	width: 100%;
	color: #666;
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}

.news_con{text-indent: 2rem;margin-bottom: 60px;}

.news_con img{
    display: block;
    text-indent: inherit;
	max-width: 100%;
    margin: 10px auto;
}

.case_query a{
	float: left;
	display: block;
	width: 50%;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}

.case_query h3{
	float: left;
	width: 300px;
	height: 195px;
	margin-right: 30px;
	overflow: hidden;
}

.case_query h3 img{
	display: block;
	width: 300px;
	height: 195px;
	transition: all 0.5s;
}

.case_query a:hover h3 img{transform: scale(1.1,1.1);} 

.case_query h4{
	float: left;
	position: relative;
	width: 245px;
	font-size: 18px;
    font-weight: 600;
    line-height: 30px;
	max-height: 90px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.case_query h4:before{
    content: '';
    display: block;
	position: absolute;
    left: 0;
    bottom: -2px;
    width: 40px;
    height: 3px;
    background: #39a9db;
}

.case_query span{float: left;display: block;width: 245px;color: #151515}

.activ{margin-top: 30px;color: #fff;letter-spacing: 0.5px;cursor: pointer;}

.activ p{font-size: 16px;}

.activ strong{font-size: 27px;letter-spacing: 3px;}

.activ li{float: left;margin-right: 5px;overflow: hidden;}

.activ .l1{position: relative;width: 346px;height: 459px;}

.activ .l1 h1{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 346px;
	height: 137px;
	padding-top: 60px;
	background: rgba(57,169,219,.7);
	transition: all 0.5s;
	text-align: center;
	color: #fff;
}

.activ .l1:hover h1{background: rgba(57,169,219,.9);padding-top: 40px;height: 157px}

.activ .l2 h3{
	color: #151515;
	width: 320px;
	height: 160px;
	padding-top: 67px;
	background: #ffdf61;
	margin-bottom: 5px;
	text-align: center;
	overflow: hidden;
}

.activ div{
	float: left;
	width: 614px;
	height: 459px;
	background: url(pic3.jpg);
	overflow: hidden;
}

.activ div h1{
	width: 562px;
	height: 389px;
	padding-left: 60px;
	padding-top: 70px;
	background: rgba(21,138,183,0.9);
	transition: all 0.5s;
	overflow: hidden;
}

.activ div:hover h1{background: rgba(21,138,183,0.5);padding-top: 50px;height: 409px;}

.activ div strong{display: block;margin-top: 10px;}

.form_contact{text-align: center}

.tj li{
	display: inline-block;
	width: 24%;
	padding-top: 60px;
	cursor: pointer;
    overflow: hidden;
}

.tj li i{
	display: block;
	width: 120px;
	border-radius: 50%;
	background: #39a9db;
    margin: 0px auto;
	color: #fff;
	font-size: 50px;
	line-height: 120px;
	transition: all 0.5s;
    overflow: hidden;
}

.tj li:hover i{transform: scale(1.2,1.2);}

.tj .icon-kehu1{font-size: 45px;}

.tj li p{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 80px;
}

.lc{
	width: 100%;
	height: 320px;
	background: url(lc.jpg);
	text-align: center;
	overflow: hidden;
}

.lc li{
	float: left;
	position: relative;
	width: 14.2%;
	height: 320px;
	margin-right: 0.1%;
	color: #fff;
	cursor: pointer;
    overflow: hidden;
}

.lc li:nth-child(7){margin-right: 0px;}

.lc li em{
	position: relative;
	display: block;
	margin-top: 85px;
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
	font-style: normal;
	transition: all 0.5s;
	z-index: 1;
}

.lc li:hover em{margin-top: 65px;}

.lc li b{
	position: relative;
	font-size: 20px;
	line-height: 60px;
	font-weight: 500;
	letter-spacing: 2px;
	z-index: 1;
}

.lc li p{
	position: relative;
	margin: auto;
	width: 90%;
	letter-spacing: 0.5px;
	line-height: 24px;
	z-index: 1;
}

.lc li span{
	display: block;
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 0;
	background: rgba(250,121,33,.85);
	transition: all .5s;	
}

.lc li:hover span{height: 300px;}

.form_box li,.form_box ul{float: left; width: 590px;margin: 30px 30px auto 30px;border-bottom: 2px solid #151515;overflow: hidden;}

.form_box ul{width: 1240px;margin-bottom: 30px;}

.form_box li span{
	float: left;
	width: 90px;
	line-height: 50px;
	font-weight: 600;
}

.form_box li input{
	float: left;
	width: 400px;
	line-height: 50px;
	border: none;
	font-size: 14px;
	text-indent: 20px;
}

.form_box font{
	float: right;
	display: block;
	width: 30px;
	height: 40px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}

.form_box textarea{
	float: left;
	border: none;
    width: 1200px;
	min-height: 150px;
	margin-bottom: 30px;
}

.form_box ul font{margin-top: 100px;}
	
.form_box .more{
	float: right;
	border: none;
	margin: 0;
	margin-right: 30px;
}

.contact{
	float: left;
	width: 50%;
	line-height: 40px;
	overflow: hidden
}

.map{
	float: right;
	width: 50%;
	margin-top: 10px;
	overflow: hidden
}

.contact strong{
	color: #39a9db;
	font-size: 27px;
	line-height: 60px;
	letter-spacing: 3px;
}

.contact em{
	float: left;
	display: block;
    margin-right: 10px;
	color: #39a9db;
	font-size: 21px;
    overflow: hidden;
}

.contact p{width: 100%;margin: 0;margin-top: 10px; overflow: hidden}

.down_title{
	width: 100%;
	line-height: 45px;
	border-bottom: 2px solid #39a9db;
	font-size: 15px;	
	overflow: hidden;
}

.down_title li{font-weight: 600;}

.down_query{
	width: 100%;
	line-height: 60px;
	border-bottom: 1px dotted #e5e5e5;
	overflow: hidden;
}
	
.down_title li,.down_query li{float: left;width: 135px;text-align: center;}

.down_query h3{font-weight: 600;font-size: 16px}

.down_query h3:before{
    content: "";
	display: inline-block;
    width: 9px;
    height: 9px;
	margin-right: 12px;
	margin-top: -6px;
	vertical-align: middle;
    background: #39a9db;
}

.down_query .down{
	display: block;
    width: 90px;
	line-height: 32px;
    background: #39a9db;
	border-radius: 3px;
	margin: 14px auto;
	text-align: center;
	color: #fff;
}

.down_query .down:hover{background: #fa7921;color: #fff}

.down_h1{
	font-size: 18px;
	font-weight: 600;
	line-height: 60px;
    margin: 10px auto;
	text-align: center;
	overflow: hidden;
}

.login_box li{
	color: #353535;
    width: 300px;
    margin: 20px auto;
	overflow: hidden;
}

.login_box li font{
	float: left;
	display: block;
    width: 40px;
	height: 40px;
	background: #ddd;
	text-align: center;
	overflow: hidden;
}

.login_box li i{color: #fff;font-size: 24px;line-height: 40px;}

.login_box li .input{
	float: left;
    height: 38px;
    width: 248px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
}

.login_box li .button{
	float: left;
    height: 40px;
    width: 300px;
    border: 0;
	text-align: center;
	background: #39a9db;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	transition: all 0.5s;
}

.login_box li .button:hover{background: #fa7921;color: #fff;}

.login_box li a{float: right;cursor: pointer;}

.feedback{margin-top: 30px;margin-left: 50px;}
	
.feedback li{
	float: left;
    width: 100%;
    margin-bottom: 20px;
	line-height: 40px;
	overflow: hidden;
}
	
.feedback li font,.feedback li span{float: left; display: block;margin-left: 30px;}

.feedback li span{width: 80px;}

.feedback li font{margin-right: 30px}

.mustfill{color: red}
	
.feedback li .input{
	float: left;
    height: 38px;
    border: 1px solid #e5e5e5;
    padding-left: 10px;
	margin-right: 10px;
}
	
.feedback li dt{
	float: left;
	display: block;
	font-style: normal;
	margin-right: 10px;
}

.feedback .button{
	float: left;
    height: 40px;
    padding: 0 60px;
    margin-top: 20px;
    margin-left: 110px;
    border: 0;
    text-align: center;
    background: #39a9db;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s;
}

.feedback .button:hover{background: #fa7921;color: #fff;}

.cp_query a{
	display: block;
	width: 100%;
	margin: 30px auto;
	padding-bottom: 30px;
	border-bottom: 1px dotted #e5e5e5;
	overflow: hidden;
}

.cp_query a h3{
	float: left;
	display: block;
	width: 325px;
	height: 205px;
	overflow: hidden;
}

.cp_query a h3 img{
	float: left;
	display: block;
	width: 295px;
	height: 205px;
	margin-left: 0px;
	transition: all 0.5s;
}

.cp_query a:hover h3 img{margin-left: 20px;} 

.cp_query h4{
	float: left;
	position: relative;
	width: 900px;
	font-size: 18px;
    font-weight: 600;
    line-height: 60px;
}

.cp_query h4:before{
    content: '';
    display: block;
	position: absolute;
    left: 0;
    bottom: 3px;
    width: 60px;
    height: 3px;
    background: #39a9db;
}

.cp_query p{
	float: left;
	width: 900px;
	max-height: 90px;
	color: #666;
	overflow: hidden;
}

.cp_query a span{
	float: left;
	display: block;
    width: 120px;
	line-height: 32px;
    background: #39a9db;
	border-radius: 3px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
}

.cp_query a:hover span{background: #fa7921;color: #fff}

.cp_top h4{
	float: left;
	width: 400px;
	height: 278px;
	margin: 30px auto;
	overflow: hidden;
}

.cp_top h4 img{width: 400px;height: 278px;}

.case_top img{float: left;display: block; width: 390px;height: 250px;margin: 30px 60px 30px auto;}

.cp_top h1{
	float: left;
	position: relative;
	width: 900px;
	margin-top: 20px;
	padding-bottom: 30px;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
}

.case_top h1{
	float: left;
	width: 850px;
	margin: 35px auto;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
}

.cp_top h1:before{
    content: '';
    display: block;
	position: absolute;
    left: 0;
    bottom: -2px;
    width: 60px;
    height: 3px;
    background: #39a9db;
}

.case_top p{width: 750px;margin: 5px auto auto;color: #151515}

.cp_detail{float: left;width: 900px;overflow: hidden;margin-bottom: 60px}

.cp_detail p{width: 100%;font-size: 16px; overflow: hidden}

.cp_detail strong{
	display: block;
	color: #39a9db;
	font-size: 24px;
	font-weight: 600;
	margin-top: 30px;
}

.cp_detail span{margin-right: 6px;}

.cp_detail img{display: block;max-width: 100%;margin: auto}

.cp_detail table{
	width: 898px;
	margin: 30px auto;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.case_detail table{
	float: left;
	width: 850px;
	margin-bottom: 60px;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
.cp_detail table td,.case_detail table td{padding: 10px 20px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}

.search_query a{float: left;width: 295px;height: 275px; margin: 30px 40px 30px auto;}

.search_query a:nth-child(4n+4){margin-right: 0px;}

.search_query a h4{
	float: left;
    width: 293px;
    height: 203px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.search_query a h4 img{display: block;width: 283px;height: 193px;padding: 5px;}

.search_query a h3{
	float: left;
	width: 295px;
	margin-top: 10px;
	max-height: 60px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}

.hon_query a{
	float: left;
	display: block;
	width: 295px;
	max-height: 480px;
	margin-top: 20px;
	margin-right: 40px;
	text-align: center;
	overflow: hidden;
}

.hon_query a:nth-child(4n+4){margin-right: 0px;}

.hon_query a img{
	display: block;
	/*width: 293px;*/
	padding: 20px;
    margin: 0 auto;
	height: 326px;
	border: 1px solid #e5e5e5;
}

.hon_query a h4{
	width: 90%; 
    font-size: 16px;
	height: 56px;
    /* font-weight: 600; */
    line-height: 22px;
    margin: 12px auto;
    /* overflow: hidden;*/
}