/*banner*/	
.banner{
	position: relative;
	width: 100%;
	height: 425px;
	margin: 0px auto;
	margin-top: 100px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	animation: banner 1s forwards;
	transition: all 0.3s;
}

@keyframes banner{
	0%{height: 250px}
	100%{height: 425px}
}

@-webkit-keyframes banner{
	0%{height: 250px}
	100%{height: 425px}
}

.b0{background-image: url(banner1.jpg)}
.b1{background-image: url(banner2.jpg)}
.b2{background-image: url(banner3.jpg)}
.b3{background-image: url(banner4.jpg)}


.banner .w1200{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -600px;
	z-index: 9;
}

.place_box{
	float: left;
	padding: 0 50px;
	background: #fff;
	line-height: 60px;
	font-size: 14px;
	overflow: hidden;
}

.place_box a:hover,.place_box span,.place_box span a{color: #e60000;}

.place_box .fa{margin: 0 15px}

.smenu_box{float: left;}

.smenu_box a{
	float: left;
	padding: 0 35px;
    line-height: 60px;
	color: #fff;
	font-size: 16px;
	transition: all 0.5s;
	background: #656565;
	margin-left: 3px;
}

.smenu_box a:hover,.smenunow,.smenunow:hover,a.class_active{color: #fff;background: #e60000!important;}

/*main*/	
#main_box{
    width: 100%;
    margin: 0px auto;
	padding: 40px 0px;
	background: #fbfbfb;
	text-align: justify;
	overflow: hidden;
}

#main_box h2{
	color: #151515;
	font-size: 36px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 30px;
	overflow: hidden;
}

#main_box h2 .nav{color: #151515;}

#main_box h2 .back{
	float: right;
	display: block;
	font-size: 14px;
	font-weight: 400;
}

#main_box h2 .fa{margin-right: 9px}

.show li,.show_pages li{
	float: left;
	width: 50%;
	color: #656565;
	font-size: 14px;
	line-height: 50px;
	border-top: 2px solid #353535;
	border-bottom: 1px solid #353535;
	margin-top: 50px;
}

.show li a{color: #656565;font-size: 14px;}

.show table{float: right; text-align: center}

.show table td{padding: 0px 5px;}

.show .pagesnow {color: #e60000;font-size: 14px;}

/*intro*/
.intro_word img{display: block;max-width: 100%;margin: auto;}

.intro_word p{margin-bottom: 30px; overflow: hidden}

.intro_word p em{
	float: left;
	display: block;
	width: 145px;
	line-height: 45px;
	border-radius: 22px;
	background: #e60000;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1.5px;
	font-style: normal;
	text-align: center;
	margin-right: 20px;
}

.intro_word  p strong{
	float: left;
	display: block;
	line-height: 40px;
	font-size: 18px;
	font-weight: 600;
}

.intro_word .left{float: left;width: 50%;}

.intro_word .right{float: right;width: 450px;margin-top: -30px}

/*cp*/
.cp_query{overflow: hidden;}

.cp_query a{
	float: left;
	display: block;
	position: relative;
	width: 380px;
	height: 250px;
	margin: auto 30px 30px auto;
	overflow: hidden;
}

.cp_query a:nth-child(3n+0){margin-right: 0px}

.cp_query a h5{width: 380px;height: 250px;overflow: hidden;}

.cp_query a img{display: block;width: 380px;height: 250px;transition: all 0.5s;}

.cp_query a:hover img{transform: scale(1.1);}

.cp_query a h4{
	position: absolute;
	left: 160px;
	top: 250px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: rgba(230,0,0,.8);
	text-align: center;
	transition: all 0.5s;
	z-index: 1;
	overflow: hidden;
}

.cp_query a:hover h4{top: 95px;}

.cp_query a .iconfont{color: #fff;font-size: 24px;line-height: 60px;}

/*ruzhu*/
.ruzu_word{
	width: 1200px;
	color: #fff;
	text-align: center;
	letter-spacing: 1.5px;
	margin: 40px auto
}

.ruzu_word h3{
	width: 520px;
	line-height: 80px;
	border-radius: 10px;
	background: #e60000;
	margin: auto;
	font-size: 24px;
	font-weight: normal; 
	overflow: hidden;
}

.r_table4 h3{width: 560px;}

.r_table7 h3{width: 625px;}

.r_icon{
	display: inline-block;
	width: 21px;
	height: 51px;
	background: url(ruzhu_icon.png) no-repeat;
}

.r_table{position: relative;overflow: hidden}

.r_table h4{
	width: 400px;
    background: #656565;
	border-radius: 10px;
	font-size: 20px;
    line-height: 70px;
	font-weight: normal; 
	margin: auto;
}

.r_table3 h4,.r_table5 h4,.r_table6 h4{
	width: 240px;
    line-height: 36px;
	padding: 20px 0;
}

.r_table span{
	display: block;
	position: absolute;
	width: 30px;
    background: #e60000;
	border-radius: 30px;
	font-size: 20px;
	z-index: 9;
}

.r_table .fa{line-height: 30px;margin-left: 5px;}

.r_table h5{
	position: absolute;
	width: 235px;
    background: #999;
	border-radius: 10px;
	font-size: 16px;
    line-height: 40px;
	font-weight: normal; 
}

.r_table2 span{top: 20px;left: 790px;}

.r_table3 span{top: 41px;left: 710px;}

.r_table5 span{top: 41px;left: 710px;}

.r_table2 h5{top: 15px;left: 810px;}

.r_table3 h5{width: 275px; top: 36px;left: 730px;}

.r_table5 h5{width: 366px;;top: 36px;left: 730px;}

.sf_word{overflow: hidden}

.sf_word strong{color: #e60000;font-weight: 500;font-size: 18px} 

.sf_word .left{float: left;width: 680px;margin-bottom: 30px;}

.sf_word .right{float: right;width: 500px;}

.sf_word h3{
    font-size: 30px;
    line-height: 80px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 3px;
    background: url(line.png) no-repeat center bottom;
}

/*fuwu*/
.fuwu_word strong{color: #e60000;font-size: 18px;}

/*news*/
.news_query a{
	float: left;
	display: block;
	width: 380px;
	height: 435px;
	margin: 10px 30px 30px auto;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.news_query a:nth-child(3n+0){margin-right: 0px;}

.news_query a h4{width: 380px;height: 240px;margin-bottom: 20px;overflow: hidden;}

.news_query a h4 img{
	display: block;
	width: 100%;
	height: 235px;
	transition: all 0.5s ease-in-out;
}

.news_query a:hover h4 img{transform: scale(1.1);}

.news_query a h3{
	width: 320px;
    height: 60px;
    margin-left: 30px;
    font-size: 22px;
    letter-spacing: 1.5px;
    line-height: 30px;
    overflow: hidden;
}

.news_query a h5{
	width: 320px;
	color: #656565;
	font-weight: lighter;
	margin: 20px 30px;
	overflow: hidden;
}

.news_detail h3{font-size: 30px;font-weight: 600;text-align: center}

.news_detail h4{
	width: 100%;
	padding: 20px 0;
	margin-bottom: 30px;
    border-bottom: 1px dotted #e5e5e5;
	color: #656565;
	font-size: 14px;
	font-weight: lighter;
	text-align: center;
}

/*ruzhu_form*/
.ruzhu_form .left{
	float: left;
	width: 750px;
	padding-top: 30px;
	border-right: 1px dotted #e5e5e5;
    overflow: hidden;
}

.ruzhu_form .left div{margin-bottom: 20px;overflow: hidden}

.ruzhu_form .left span{
	float: left;
	display: block;
	width: 180px;
	text-align: right;
	color: #353535;
	line-height: 36px;	
	margin-right: 20px;
}
	
.ruzhu_form .left input{
	width: 270px;
    line-height: 34px;
	border: 1px solid #eaeaea;
	text-indent: 10px;
	font-size: 14px!important;
}

.ruzhu_form .left select{
    width: 150px;
    height: 34px;
	border: 1px solid #eaeaea;
	text-indent: 10px;
	color: #656565;
	font-family: "Microsoft YaHei"!important;
	font-size: 14px!important;
}

.ruzhu_form .left textarea{
    width: 400px;
	min-height: 120px;
    padding: 20px;
	border: 1px solid #eaeaea;
	font-size: 14px!important;
}
	
.ruzhu_form .left .button{
	display: block;
	width: 165px;
	background: #e60000;
	margin: 30px auto 50px 200px;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-size: 16px!important;
	border: none;
	line-height: 50px;
	font-family: "Microsoft YaHei"!important;
	cursor: pointer;
	overflow: hidden;
}

.ruzhu_form .left .button:hover{color: #fff;background: #cc0000;}

.ruzhu_form .right{
	float: right;
	width: 400px;
	margin-top: 20px;
    overflow: hidden;
}

.ruzhu_form .right a{
    color: #e60000;
    font-size: 18px;
    font-family: "Arial";
	font-weight: 600;
}

/*lianxi*/
.lianxi_box .left{float: left;width: 550px;}

.lianxi_box h3{
    font-size: 30px;
    line-height: 40px;
	margin-bottom: 30px;
	letter-spacing: 1.5px;
	font-weight: 600; 
}

.lianxi_box h4{
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
    padding: 10px 0;
	margin-bottom: 40px;
	font-weight: 400; 
	line-height: 40px;
}

.map{
	float: right;
	position: relative;
	width: 600px;
	height: 635px;
	background: url(map.png);
	overflow: hidden;
}

.map .iconfont{color: #e60000;font-size: 21px;}

.map1{position: absolute;left: 280px;top: 315px;transition: all 0.5s;}

.map1:hover{top: 305px;}

/*xiangmu*/
.xm_word{text-align: center;}

.xm_word h1{
    font-size: 30px;
    line-height: 80px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    background: url(line.png) no-repeat center bottom;
}

.xm_word li{display: inline-block;margin: 0 50px;}

.xm_word h3{
	width: 120px;
	background: #e60000;
	border: 2px solid #fff;
	margin: 10px auto;
	border-radius: 100%;
	transition: all 0.5s;
	cursor: pointer;
}

.xm_word h3 .iconfont{
	color: #fff;
	font-size: 55px;
	line-height: 120px;
	font-weight: 500;
}

.xm_word .icon-tijian{font-size: 47px!important;}

.xm_word .icon-yaowan{font-size: 50px!important;}

.xm_word h3:hover{border: 2px solid #e60000;background: #fff;}

.xm_word h3:hover .iconfont{color: #e60000}

.xm_word h4{font-size: 20px;line-height: 50px; margin-bottom: 30px}

#swiper-container3{float: left;width: 1230px;margin-top: 20px;padding-bottom: 50px;}

#swiper-container3 a{
	display: block;
	width: 380px;
	height: 250px;
	overflow: hidden;
}

#swiper-container3 a img{
	display: block;
	width: 380px;
	height: 250px;
	transition: all 0.5s;
}

#swiper-container3 a:hover img{transform: scale(1.1,1.1);}
