@charset "utf-8";
/* CSS Document */

.l{float:left;}
.r{float:right;}

#fullPage-nav{
	display: none !important;
}
body{
	font-family: "Microsoft YaHei";
}
/*.web_serverh{
	position: relative;
}*/
.web_server{
	display: none;
}
*{
	margin:0;
	padding:0;
	text-decoration: none;
	list-style: none;
}
/*顶部导航*/
.head_t{
	width: 100%;
	height: 1.8125rem;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #fff;
	/*background:url(../images/nav/nav_back.png) center;*/
	border-bottom:2px solid #c6f24e;
}
.head_t .head_nav{
	width: 29.0rem;
	height: 1.8125rem;
	line-height: 1.8125rem;
	margin:0 auto;
}
.head_t .head_nav img{
	width: 6.3rem;
	float:left;
	margin-top: 0.35rem;
}
.head_t .head_nav .my_img{margin-left:1.3rem;}
.head_t .head_nav > ul{
	width: 17.28125rem;
	float: right;
	margin:0;
	padding:0;
	margin-right:1.6rem !important;
}
.head_t .head_nav > ul > li{
	width: 1.875rem;
	text-align: center;
	height: 1.8125rem;
	line-height: 1.8125rem;
	float: left;
	font-size: 16px;
	/* border-right: 1px solid #e5e5e5; */
}

.head_t .head_nav > ul > li span{
	/* color: #2253b2; */
	margin-left: 0 !important;
}
.head_t .head_nav > ul > li:last-child{
	border-right: 0px;
	color: #c2f142;
	position: relative;
}
.head_t .head_nav > ul > li.active{
	/* background-color: #2454b3; */
}
.head_t .head_nav > ul > li.active>a{
	color: #083672;font-weight: 600;
}
.head_t .head_nav > ul > li a{
	color: #000;
	text-decoration: none;
	display: block;
}


/* .head_t .head_nav > ul > li ul{ */
	/* width: 1.875rem; */
	/* position: absolute; */
	/* top:1.8125rem; */
	/* left: 0; */
	/* padding:0.234375rem 0; */
	/* background-color: #fff; */
	/* display: none; */
/* } */
/* .head_t .head_nav > ul > li:hover ul{ */
	/* display: block; */
/* } */
/* .head_t .head_nav > ul > li ul li:hover{ */
	/* background-color: #2454b3; */
/* } */
/* .head_t .head_nav > ul > li ul li:hover a{ */
	/* color: #fff; */
/* } */
/* .head_t .head_nav > ul > li ul li{ */
	/* width: 100%; */
	/* height: 0.6875rem; */
	/* line-height: 0.6875rem; */
	/* float: left; */
/* } */
/* .head_t .head_nav > ul > li ul li a{ */
	/* color: #000; */
/* } */


.en_zh_menu ul{
	width: 1.875rem;
	position: absolute;
	top:1.8125rem;
	left: 0;
	padding:0.234375rem 0;
	background-color: #fff;
	display: none;
}
.en_zh_menu:hover ul{
	display: block;
}
.en_zh_menu ul li:hover{
	background-color: #2454b3;
}
.en_zh_menu ul li a{
	color:#aaa !important;
	}
.en_zh_menu ul li:hover a{
	color: #fff;
}
.en_zh_menu ul li{
	width: 100%;
	height: 0.6875rem;
	line-height: 0.6875rem;
	float: left;
	color:#aaa;
}
.en_zh_menu ul li a{
	color: #000;
}



.head_t .head_nav > ul > p{
	font-size: 12px;
	display: block;margin:0 0.1875rem;
	float: left;
}
.head_t ul p img{
	margin-top:32px;
}
.head_t ul p a{
	color: #000;
}
.box1{ width:100%; height:900px;  margin:0px auto;margin-top:1.0rem;position: relative;}
/*.box1 img{
	width: 100%;
	position: absolute;
	left: 0px;
	top:0px;
}*/
.tableCell {vertical-align:top;margin-top:1.8rem;}
/*第二部分开始*/
.box2{ width:100%; height:100%;  margin:0px auto;overflow:hidden; }
.box2 > h2,.box4 > h2,.box6 > h2{
	width: 4.0rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin:0.9375rem auto 0;
	background:url(images/tit_bgb.png) no-repeat center bottom;
	background-size: 100%;
	color: #081f2c;
	font-size: 0.5625rem;
	font-weight: bold;
}
.box2 > p,.box4 > p,.box6 > p{
	color: #102e43;
	font-size: 0.28125rem;
	position: relative;
	width: 2.40625rem;
	margin:0 auto;
	height: 0.5rem;

}
.box2 > p:after,.box4 > p:after,.box6 > p:after{
	position: absolute;
	content: "";
	background-color: #2d5b7b;
	width: 0.84375rem;
	height: 2px;
	left: 0.78125rem;
	bottom:0px;
}
.box2 .project{
	width: 100%;
	height: 7.71875rem;
	position: absolute;
	bottom: 2.96875rem;
	left: 0;
	/*background:url(../images/pro.jpg) no-repeat center;
	background-size: 100% 100%;*/
}
.box2 .pro_na{
	display: none;
	width: 8.03125rem;
	margin-left: 4.6875rem;
	
	float: left;
	height: 100%;
	background-color: rgba(255,255,255,0.86);
	padding:0.3125rem 0.75rem;
}
.box2 .pro_na h3{
	color: #434343;
	font-size: 0.375rem;
	line-height: 1.0rem;
	font-weight: 500;
	float: left;
}
.box2 .pro_na img{
	width: 100%;
	height:48%;
}
.box2 .pro_na p{
	font-size: 0.21875rem;
	text-align: left;
	color: #444;
	line-height: 0.5625rem;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	display: -webkit-box; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.box2 .pro_na a{
	width: 0.375rem;
	height: 0.375rem;
	text-align: center;
	line-height: 0.375rem;
	font-size: 0.28125rem;
	color: #fff;
	border-radius: 0.1875rem;
	display: block;
	float: right;
	margin-top: 0.3125rem;
	background-color: #416bbc;
	font-family: '宋体';
}
.box2 .pro_botxin{
	width: 100%;
	height: 2.96875rem;
	position: absolute;
	left: 0;
	bottom:0;
	text-align: center;

	background-color: #e0e7ed;
}
.box2 .pro_tab{
	width: 21.5625rem;
	height: 2.8125rem;
	margin:0 auto;
}

.box2 .pro_tab li{
	width: 4.29375rem;
	height: 2.34375rem;
	padding-top: 0.46875rem;
	float: left;
	cursor: pointer;
}
.box2 .pro_tab li p{
	width: 1.09375rem;
	height: 1.09375rem;
	margin:0 auto;
}
.box2 .pro_tab li span{
	color: #606060;
	font-size: 0.25rem;
	line-height: 0.4375rem;
	display: block;
	margin-top: 0.234375rem;
}
.box2 .pro_tab li.pro_tab_active span{
	color: #446cbe;
}
.box2 .pro_tab li .p_1{
	background: url(../images/p_1.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li .p_2{
	background: url(../images/p_2.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li .p_3{
	background: url(../images/p_3.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li .p_4{
	background: url(../images/p_4.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li .p_5{
	background: url(../images/p_5.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li .p_6{
	background: url(../images/p_6.png) no-repeat center;
	background-size: 100% 100%;
}
/*hover*/
.box2 .pro_tab li.pro_tab_active .p_1{
	background: url(../images/p_1h.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li.pro_tab_active .p_2{
	background: url(../images/p_2h.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li.pro_tab_active .p_3{
	background: url(../images/p_3h.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li.pro_tab_active .p_4{
	background: url(../images/p_4h.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li.pro_tab_active .p_5{
	background: url(../images/p_5h.png) no-repeat center;
	background-size: 100% 100%;
}
.box2 .pro_tab li.pro_tab_active .p_6{
	background: url(../images/p_6h.png) no-repeat center;
	background-size: 100% 100%;
}
/*第三部分*/
.box3{ width:100%; height:100%;  margin:0px auto;overflow:hidden; }
.box3 > h2{
	width: 4.0rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin:0.9375rem auto 0;
	background:url(images/tit_bgb.png) no-repeat center bottom;
	background-size: 100%;
	color: #fff;
	font-size: 0.5625rem;
	font-weight: bold;
}
.box3 > p{
	color: #fff;
	font-size: 0.28125rem;
	position: relative;
	width: 2.40625rem;
	margin:0 auto;
	height: 0.5rem;

}
.box3 > p:after{
	position: absolute;
	content: "";
	background-color: #ffd500;
	width: 0.84375rem;
	height: 2px;
	left: 0.78125rem;
	bottom:0px;
}
.pro_left{
	width: 13.34375rem;
	float: left;
	margin-left: 5.25rem;
	margin-top:0.875rem;
}
.pro_left .pro_left_top{
	width: 100%;
	height: 5.9875rem;
}
.pro_left .pro_left_top .protop_left{
	width: 3.21875rem;
	height: 100%;
	border:2px solid #fdd400;
	float: left;

}
.pro_left .pro_left_top .protop_left h3{
	font-size: 0.375rem;
	color: #fff;
	margin:0.40625rem 0 0 0.4375rem;
	text-align: left;
}
.pro_left .pro_left_top .protop_left p{
	font-size: 0.21875rem;
	color: #fff;
	margin-left: 0.4375rem;
	text-align: left;
}
.pro_left .pro_left_top .protop_left ul li{
	float: left;
	width: 2.28125rem;
	height: 0.5625rem;
	color: #444;
	font-size: 0.28125rem;
	line-height: 0.5625rem;
	background-color: #fff;
	margin:0.0625rem 0 0 0.4375rem;
	cursor: pointer;
}
.pro_left .pro_left_top .protop_right{
	width: 8.71875rem;
	height: 100%;
	margin-left: 0.5rem;
	float: left;
	text-align: left;
	display: none;
}
.pro_left .pro_left_top .protop_right h4{
	color: #fff;
	font-size: 0.375rem;
	margin-top: 0.625rem;
	margin-bottom: 0.25rem;
	font-weight: 500;
}
.pro_left .pro_left_top .protop_right p{
	color: #fff;
	font-size: 0.265625rem;
	line-height: 0.53125rem;
}
.pro_left .pro_left_top .protop_right a{
	width: 1.640625rem;
	height: 0.5625rem;
	line-height: 0.5625rem;
	display: block;
	text-align: center;
	color: #fff;font-size: 0.25rem;
	border:1px solid #fff;
	border-radius: 0.09375rem;
	margin-top: 0.3125rem;
}
.pro_left .pro_left_bot{
	width: 100%;
	float: left;
	text-align: left;
}
.pro_left .pro_left_bot h2{
	font-size: 0.625rem;
	margin-top: 1.5rem;
	line-height: 1.25rem;
	color: #ced8ee;
}
.pro_left .pro_left_bot p{
	font-size: 0.3125rem;
	line-height: 0.625rem;
	color: #ced8ee;
}
.pro_ab_active{
	background-color: #ffd500 !important;
}
.pro_right{
	width: 6.25rem;
	height: 9.375rem;
	margin-top:0.875rem;
	background-color: rgba(255,255,255,0.2);
	padding:0.25rem;
	float: left;
}
.pro_right img{
	width: 100%;
	height: 100%;
}
.pro_right .pro_img{
	display: none;
}
/*第四部分开始*/
.box4{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.xiezhede{
	width: 2px;
	height: 50px;
	background-color: #fdd400;
	transform: rotate(40deg);
	-o-transform: rotate(40deg); /* Opera浏览器 */
	-webkit-transform: rotate(40deg); /* Webkit内核浏览器 */
	-moz-transform: rotate(40deg); /* Firefox浏览器 */
}
.box4 > span{
	width: 24.6875rem;
	height: 8px;
	border-bottom: 2px solid #446cbe;
	margin:2.65625rem auto 0;
	display: block;
	position: relative;
}
.box4 > span em{
	font-style: normal;
	font-size: 0.625rem;
	font-family: "宋体";
	position: absolute;
	bottom: -0.375rem;
	left: -0.0625rem;
	color: #446cbe;
	font-weight: bolder;
}
.box4 > span i{
	font-style: normal;
	font-size: 0.625rem;
	font-family: "宋体";
	position: absolute;
	bottom: -0.375rem;
	right: -0.0625rem;
	color: #446cbe;
	font-weight: bolder;
}
/*.box4 .lc_tol{
	width: 21.5625rem;
	margin:0 auto;
}*/
.box4 .lc_tol .lc_list{
	width: 5.3125rem;
	height: 6.9375rem;
	float: left;
	position: relative;
	overflow: hidden;
}
.box4 .lc_tol .lc_list span{
	position: absolute;
	top: -0.625rem;
	left: 1.875rem;
	width: 1px;
	height: 1.40625rem;
	background-color: #444;
	transform: rotate(20deg);
	-o-transform: rotate(20deg); /* Opera浏览器 */
	-webkit-transform: rotate(20deg); /* Webkit内核浏览器 */
	-moz-transform: rotate(20deg); /* Firefox浏览器 */
}
.box4 .lc_tol .lc_list:hover span{
	background-color: #446cbc;
}
.box4 .lc_tol .lc_list h3{
	font-size: 0.375rem;
	color: #444;
	line-height: 1.0rem;
}
.box4 .lc_tol .lc_list:hover h3{
	color: #446cbc;
}
.box4 .lc_tol .lc_list ul li{
	line-height: 0.65625rem;
	font-size: 14px;
	color: #444;
	text-align: left;
	margin-left: 0.5rem;
	/*text-indent: 0.375rem;*/
	position: relative;
	width: 100%;
	padding-left: 0.375rem;
}
.box4 .lc_tol .lc_list ul li a{
	color: #444;
}
.box4 .lc_tol .lc_list:hover ul li a{
	color: #446cbc;
}
.box4 .lc_tol .lc_list ul li:before{
	content: "•";
	color: #446cbc;
	font-size: 0.4375rem;
	position: absolute;
	left: 0;

}
.box4_btn{
	width: 100%;
	height: 1.140625rem;
	text-align: center;
}
.box4_btn p{
	display: inline-block;
	width: 1.203125rem;
	height: 1.140625rem;
	margin:0.375rem 0.3125rem 0;
	cursor: pointer;
}
.banner1{overflow: hidden;position: relative;height: 6.9375rem;width:21.5625rem;margin:0 auto;}
.banner1 .img{width:5000px;position: absolute;left: 0;top: 0;}

/*第五部分开始*/
.box5{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
#box5_tab{
	width: 21.4375rem;
	height: 7.0625rem;
	margin: 0.78125rem auto 0;
}
.an_all{
	width: 21.4375rem;
	height: 4.3625rem;
	position: relative;
}
.box5 > h2{
	width: 4.0rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin:0.9375rem auto 0;
	background:url(images/tit_bgb.png) no-repeat center bottom;
	background-size: 100%;
	color: #fff;
	font-size: 0.5625rem;
	font-weight: bold;
}
.box5 > p{
	color: #fff;
	font-size: 0.28125rem;
	position: relative;
	width: 2.40625rem;
	margin:0 auto;
	height: 0.5rem;

}
.box5 > p:after{
	position: absolute;
	content: "";
	background-color: #fff;
	width: 0.84375rem;
	height: 2px;
	left: 0.78125rem;
	bottom:0px;
}
.box5 .an_tol .an_list{
	width: 4.5625rem;
	height: 3.83125rem;
	padding:0.265625rem;
	margin:0 0.125rem;
	border-radius: 6px;
	float: left;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.box5 .an_tol .an_list img{
	width: 100%;
	height: 2.76875rem;
}
.box5 .an_tol .an_list p{
	width: 100%;
	height: 0.875rem;
	text-align: center;
	line-height: 0.875rem;
	background-color: #b1b5bb;
	color: #1f2222;
	font-size: 0.34375rem;
}
.box5 .an_tol .an_list p a{
	color: #1f2222;
}
.box5 .an_tol .an_list:hover p{
	color: #fff;
	background-color: #266fd1;
}
.box5 .an_tol .an_list:hover p a{
	color: #fff;
}
.btn_l5,.btn_l6,.btn_l7,.btn_l8,.btn_l9{
	position: absolute;
	width: 1.15625rem;
	height: 1.1875rem;
	top:1.5rem;
	left: -1.2rem;
}
.btn_l5 img,.btn_l6 img,.btn_l7 img,.btn_l8 img,.btn_l9 img{
	width: 100%;
}
.btn_r5 img,.btn_r6 img,.btn_r7 img,.btn_r8 img,.btn_r9 img{
	width: 100%;
}
.btn_r5,.btn_r6,.btn_r7,.btn_r8,.btn_r9{
	position: absolute;
	width: 1.15625rem;
	height: 1.1875rem;
	top:1.5rem;
	right: -1.2rem;
}
.banner5,.banner6,.banner7,.banner8,.banner9{overflow: hidden;position: relative;height: 4.3625rem;width:21.4375rem;margin:0 auto;}
.banner5 .img5,.banner6 .img5,.banner7 .img5,.banner8 .img5,.banner9 .img5{width:5000px;position: absolute;left: 0;top: 0;}
.box5_tab{
	width: 22.1875rem;
	height: 2.2125rem;
	border-bottom: 1px solid #fff;
	margin:0.80625rem auto;
}
.box5_tab ul{
	width: 100%;
	height: 1.0rem;
	padding:0.40625rem 0 0;
}
.box5_tab ul li{
	width: 5.5rem;
	height: 1.0rem;
	float: left;
	text-align: center;
	line-height: 1.0rem;
	color: #fff;
	font-size: 0.40625rem;
	overflow: hidden;
	cursor: pointer;
}
.box5_tab ul li:hover{
	background-color: #16409d;
	border:1px solid #fff;
}
.box5_tab ul li.b5tab_act{
	background-color: #16409d;
	border:1px solid #fff;
}
/*第六部分开始*/
.box6{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.new_tit{
	width: 22.96875rem;
	height: 0.40625rem;
	border-bottom:1px solid #e4e4e4;
	text-align: center;
	margin:0.71875rem auto 0;
}
.new_tit span{
	width: 2.5rem;
	height: 0.8125rem;
	display: inline-block;
	margin:0 0.203125rem;
	line-height: 0.8125rem;
	border:1px solid #b2b2b2;
	border-radius: 0.3125rem;
	background-color: #fff;
	font-size: 0.34375rem;
	color: #696969;
	overflow: hidden;
	cursor: pointer;
}
.new_tit .new_active{
	background-color: #16409d;
	color: #fff;
}
#news{
	width: 20.9375rem;
	height: 6.53125rem;
	margin:0 auto; 
}
.new_con{
	width: 20.9375rem;
	margin:1.34375rem auto 0;
	height:6.46875rem;
	
	background-color:#feffff;
}


/* --------------------------------- began*/
.new_con li{
	width: 10.0125rem;
	height: 2.9425rem;
	float: left;
	background-color:#7e7e7e;
	margin-left:0.1875rem;
	margin-top:0.1875rem;
	padding-right:0.1875rem;
	}
	
.new_con li .news_img{width:3.57rem;height:100%;float:left;overflow:hidden;}
.new_con li .news_img img{width:100%;height:100%;}
.new_con li:hover{background-color:#173f9d;}

.new_con li .news_con a{
	color: #fff;
	font-size: 0.28125rem;
	padding-left: 0.3125rem;
	text-align: left;
	line-height: 0.5rem;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	display: -webkit-box; 
	overflow:hidden;
	text-overflow:ellipsis;
}

.new_con li .news_con .news_con_title{
	color: #fff;
	font-size: 0.3125rem;
	height: 0.65625rem;
	line-height: 0.65625rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: block;
	text-indent: 0.3125rem;
	text-align: left;
	margin-top:0.2rem;
	}
.new_con li .news_con p{
	color: #fff;
	font-size: 0.28125rem;
	padding-left: 0.3125rem;
	text-align: left;
	line-height: 0.5rem;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	display: -webkit-box; 
	overflow:hidden;
	text-overflow:ellipsis;
}
.new_con li .news_con .news_detatil a{
	color: #fff;
	font-size: 0.28125rem;
	float:right;
	margin-top:0.4rem;
	margin-right:0.3rem;
	}
/* ---------------------------------end */


.new_left{
	width: 10.40625rem;
	float: left;
}
.new_left img{
	width: 100%;
	height: 5.375rem;
	float: left;
}
.new_left p{
	width: 100%;
	height: 1.125rem;
	line-height: 1.125rem;
	color: #5e5e5e;
	font-size: 0.34375rem;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	text-overflow:ellipsis;
	float: left;
	background-color: rgba(255,255,255,0.6);
}
.new_right {
	width: 9.75rem;
	float: right;
	height: 6.46875rem;
	overflow: hidden;
}
.new_right ul li:hover{
	background-color: #16409d;
}
.new_right ul li{
	width: 100%;
	height: 2.03125rem;
	float: left;
	
}
.new_right ul li:hover .new_data{
	background-color: #133886;
	color: #fff;
}
.new_right ul li:hover .new_data span{
	color: #fff;
}
.new_right ul li .new_data{
	width: 1.65625rem;
	height: 1.65625rem;
	float: left;
	background-color: #dadada;
	text-align: center;
	font-size: 0.21875rem;
	color: #545454;
	margin-top: 0.1875rem;
	margin-left: 0.1875rem;
}
.new_right ul li .new_data span{
	font-size: 0.625rem;
	color: #6c6c6c;
	line-height: 1rem;
}
.new_right ul li .new_news{
	width: 7.65625rem;
	float: right;
	border-left: 2px solid #e6e6e6;
	margin-top: 0.1875rem;
}
.new_right ul li:hover .new_news p{
	color: #fff;
}
.new_right ul li:hover .new_news span{
	color: #fff;
}
.new_right ul li .new_news p{
	color: #454545;
	font-size: 0.3125rem;
	height: 0.65625rem;
	line-height: 0.65625rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: block;
	text-indent: 0.3125rem;
	text-align: left;
}
.new_right ul li .new_news span{
	color: #646464;
	font-size: 0.28125rem;
	padding-left: 0.3125rem;
	text-align: left;
	line-height: 0.5rem;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	display: -webkit-box; 
	overflow:hidden;
	text-overflow:ellipsis;
}

.new_more{
	width: 2.15625rem;
	height: 0.6875rem;
	line-height: 0.6875rem;
	font-size: 0.28125rem;
	text-align: center;
	border:1px solid #fff;
	border-radius: 0.234375rem;
	margin:0.6875rem auto 0;
	background-color: #1b2f7f;
}

.new_more a{
	display: block;
	color: #fff;
}

.new_more:hover{background-color:#173f9d;border-color:#fff;}
.new_more:hover a{color:#fff;}
/*第七部分开始*/
.box7{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.box7 > h2{
	width: 4.0rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin:0.9375rem auto 0;
	background:url(../images/tit_bgb.png) no-repeat center bottom;
	background-size: 100%;
	color: #fff;
	font-size: 0.5625rem;
	font-weight: bold;
}
.box7 > p{
	color: #a8b2ce;
	font-size: 0.28125rem;
	position: relative;
	width: 2.40625rem;
	margin:0 auto;
	height: 0.5rem;

}
.box7 > p:after{
	position: absolute;
	content: "";
	/* background-color: #fe0100; */
	width: 0.84375rem;
	height: 2px;
	left: 0.78125rem;
	bottom:0px;
}
.active_con{
	width: 21.3125rem;
	height: 9.3125rem;
	margin: 44px auto;
	background-color: #fff;
}
.active_con ul {
	width: 21.3125rem;
	height: 9.3125rem;
	float: left;
}
.active_con ul li{
	/* width: 5.09375rem; */
	width: 6.86979rem;
	margin-left: 0.17875rem;
	height: 4.328125rem;
	margin-top: 0.234375rem;
	overflow: hidden;
	cursor: pointer;
	float: left;
	position: relative;
}
.active_con ul li img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
	-webkit-transition: all 0.6s; 
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.active_con ul li:hover img{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	behavior:url(ie-css3.htc);
}
.active_con ul li p{
	position: absolute;
	width: 100%;
	height: 0.8125rem;
	/* left: 0.1875rem; */
	left: 0;
	/* bottom: 0.1875rem; */
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 0.34375rem;
	line-height: 0.8125rem;
	text-indent: 0.28125rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: center;
}
.active_con ul li:hover p{
	color: #473603;
	background-color: rgba(255,212,1,0.82);
}
.active_con .active_right{
	width: 10rem;
	height: 7.8125rem;
	margin-top: 0.234375rem;
	margin-right: 0.3125rem;
	float: right;
	overflow: hidden;
	position: relative;
}
.active_con .active_right img{
	width: 100%;
	height: 100%;
	transition: all 0.6s;
	-webkit-transition: all 0.6s; 
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
}
.active_con .active_right:hover img{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	behavior:url(ie-css3.htc);
}
.active_con .active_right p{
	position: absolute;
	width: 9.625rem;
	height: 0.8125rem;
	left: 0.1875rem;
	bottom: 0.1875rem;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	font-size: 0.34375rem;
	line-height: 0.8125rem;
	text-indent: 0.28125rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align: left;
}
.active_con .active_right:hover p{
	color: #473603;
	background-color: rgba(255,212,1,0.82);
}
.active_more{
	width: 2.15625rem;
	height: 0.6875rem;
	line-height: 0.6875rem;
	font-size: 0.28125rem;
	text-align: center;
	border:1px solid #fff;
	border-radius: 0.234375rem;
	margin:0.6875rem auto 0;
}
.active_more a{
	display: block;
	color: #fff;
}
/*第八部分开始*/
.box8{ width:100%; height:100%;  margin:0px auto; overflow:hidden;position: relative; }
.box8 > h2{
	width: 4.0rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	margin:0.9375rem auto 0;
	background:url(../images/tit_bgb.png) no-repeat center bottom;
	background-size: 100%;
	color: #fff;
	font-size: 0.5625rem;
	font-weight: bold;
}
.box8 > p{
	color: #a8b2ce;
	font-size: 0.28125rem;
	position: relative;
	width: 2.40625rem;
	margin:0 auto;
	height: 0.5rem;

}
.box8 > p:after{
	position: absolute;
	content: "";
	background-color: #fe0100;
	width: 0.84375rem;
	height: 2px;
	left: 0.78125rem;
	bottom:0px;
}
.contact_con{
	width: 21.25rem;
	margin:1.328125rem auto 0;
	height: 6.5625rem;
}
.contact_con .contact_form{
	width:9.85rem;
	float: left;
	height: 6.6525rem;
}

.contact_con .contact_form .liuyan_text{
	width:9.85rem;
	font-size:0.42125rem;
	border-bottom:1px solid #5a5e69;
	text-align:left;
	padding-bottom:10px;
	color:#e8e8e9;
}


.contact_con .contact_info{
	width: 7.1875rem;
	float: right;
	height: 6.6525rem;
}

.contact_con .contact_info .liuyan_text{
	width:7.85rem;
	font-size:0.42125rem;
	border-bottom:1px solid #5a5e69;
	text-align:left;
	padding-bottom:10px;
	color:#e8e8e9;
}

.contact_con .contact_info .contact_1{
	background: url(../images/phoneb.png) no-repeat left center;
	text-indent: 0.9375rem;
	line-height: 0.84375rem;
	color: #fff;
	font-size: 0.28125rem;
	text-align: left;
}
.contact_con .contact_info .contact_2{
	background: url(../images/local.png) no-repeat left center;
	text-indent: 0.9375rem;
	line-height: 0.84375rem;
	color: #fff;
	font-size: 0.28125rem;
	text-align: left;
}
.contact_con .contact_info .contact_3{
	background: url(../images/email.png) no-repeat left center;
	text-indent: 0.9375rem;
	line-height: 0.84375rem;
	color: #fff;
	font-size: 0.28125rem;
	text-align: left;
}
.contact_con .contact_info .contact_4{
	margin:0.3125rem 0;
}
.contact_con .contact_info .contact_4 img{width:1.6rem;}
.contact_con .contact_info .contact_5{
	font-size: 0.28125rem;
	line-height: 0.375rem;
}
.contact_bot{
	width: 21.25rem;
	height: 1.1875rem;
	border-top:2px solid #242a39;
	margin:1rem auto 0;
}
.contact_bot ul li{
	width: 2.15625rem;
	display: inline-block;
	height: 1.1875rem;
	position: relative;
}
.contact_bot ul li:before{
	position: absolute;
	width: 1px;
	height: 0.3125rem;
	left: 0;
	top: 0.421875rem;
	background-color: #888;
	content: "";
}
.contact_bot ul li:first-child:before{
	width: 0;
}
.contact_bot ul li a{
	color: #888;
	font-size: 0.3125rem;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1.15625rem;
}
.box8_bot{
	position: absolute;
	left: 0;
	bottom:0;
	height: 44px;
	line-height: 44px;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
}
.box8_botcon{
	width: 21.875rem;
	height: 44px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
}
.box8_botcon p{
	color: #595c5c;
	display: block;
}
.box8_botcon a{
	color: #595c5c;
	display: inline-block;
}
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.ph1{ animation-name:ph;animation-duration:2.5s;}
@keyframes ph{
	0%{ transform:translateY(-840px);}
	100%{transform:translateY(0px);}
	}
.ph2{ animation-name:ph2;animation-duration:2.5s;animation-play-state:paused; }
@keyframes ph2{
	0%{ transform:translateY(0px);}
	100%{transform:translateY(-840px);}
	}
.wheel{animation-name:spin; animation-duration:5s; animation-timing-function:linear;animation-iteration-count:infinite; animation-delay:2.5s;}
@keyframes spin {
  100% {transform: rotate(1turn); }
  }
  	
.nail{ animation-name:nai;animation-duration:2.5s; animation-play-state:paused;}
@keyframes nai{
	0%{ transform:translateY(-240px);}
	100%{transform:translateY(0px);}
	}
	
.cloud{ animation-name:clou;animation-duration:2.5s;animation-play-state:paused;}
@keyframes clou{
	0%{ transform:translateX(700px);}
	100%{transform:translateX(0);}
	}
  
.shop{animation-name:shop;animation-duration:2.5s;animation-play-state:paused;}
@keyframes shop{
	0%{ transform:translateY(-640px);}
	100%{transform:translateY(0px);}
	}
	
.fun{ animation-name:fu;animation-duration:2.5s;animation-play-state:paused;}
@keyframes fu{
	0%{ transform:translateY(200px); opacity:0.1;}
	100%{transform:translateY(0px); opacity:1;}
	}
	
.gift1{ animation-name:gif1;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif1{
	0%{ transform:translateX(200px);}
	100%{transform:translateX(0);}
	}
	
.gift2{ animation-name:gif2;animation-duration:2.5s;animation-play-state:paused;}
@keyframes gif2{
	0%{ transform:translateX(-200px);}
	100%{transform:translateX(0);}
	}
	
.ballon{ animation-name:bal;animation-duration:2.5s;animation-play-state:paused;}
@keyframes bal{
	0%{ transform:translateY(400px); }
	100%{transform:translateY(0px); }
	}
	
.phone1{ animation-name:ph1;animation-duration:2.5s;animation-play-state:paused;}
@keyframes ph1{
	0%{ transform: rotate(0deg)}
	100%{transform: rotate(30deg); transform-origin:bottom right; }
	}



/*首页右边*/
.index_right{
	position: fixed;
	width: 55px;
	height: 300px;
	top:35%;
	right: 2%;
}
.index_right ul{
	position: relative;
	width: 100%;
	height: 100%;
	padding:0 !important;
}
.index_right li{
	width: 55px;
	height: 55px;
	margin-bottom: 18px;
	border-radius: 8px;
	border:1px solid #444c51;
}
.index_right li a{
	width: 53px;
	height: 53px;
	border:1px solid #fff;
	display: block;
}
.index_right li:hover{
	
	border:1px solid #0081ff;
}
.index_right .right_show{
	position: absolute;
	top:0;
	right: 65px;
	display: none;
	width: 175px;
	min-height: 30px;
	padding:15px 15px 25px 15px;
	/*background-color: rgba(255,255,255,0.3);*/
	background-color: rgba(20,70,154,1.0);
	border:1px solid #d6d6d6;
	border-radius: 6px;
}
.index_right .right_show p{
	font-size: 18px;
	color: #ffffff;
	line-height: 44px;
}
.index_right .right_show span{
	font-size: 15px;
	color: #ffffff;
	line-height: 18px;
	display: block;
}
.index_right .right_show hr{
	background-color: #ffffff;
	height: 2px;
	margin:0px 0 15px;
	border:none;
}
.index_right .right_show img{
	width: 100%;
	border-radius: 15px;
}
.index_right .right_show .right_showimg{
    font-size: 0;
	padding:15px;
	border-radius: 15px;
	background-color: #fff;
	display: inline-block;
}

.index_right li .right_ph{
	background: url(../images/phone.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right li .right_qq{
	background: url(../images/qq.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right li .right_er{
	background: url(../images/erweima.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right li .right_to{
	background: url(../images/top.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}

.index_right li:hover .right_ph{
	background: url(../images/phone-hover.png) no-repeat center #124597;
}
.index_right li:hover .right_qq{
	background: url(../images/qq-hover.png) no-repeat center #124597;
}
.index_right li:hover .right_er{
	background: url(../images/erweima-hover.png) no-repeat center #124597;
}
.index_right li:hover .right_to{
	background: url(../images/top-hover.png) no-repeat center #124597;
}
.index_right .right_3,.index_right .right_2,.index_right .right_1{
	position: relative;
	border-radius: 8px;
}
.index_right .right_1:hover >  .right_show{
	display: block;
}
.index_right .right_2:hover >  .right_show{
	display: block;
}
.index_right .right_3:hover >  .right_show{
	display: block;
}

form table tr{display:inline-block;float:left;margin-top:15px;font-size:0.32125rem;}
form table tr textarea{background:url(../images/lianji_back.png) center;border:none;color:#c4c5c7;padding-left:10px;padding-top:10px;font-size:0.27125rem;}
form table tr input{background:url(../images/lianji_back.png) center;border:none;color:#c4c5c7;padding-left:10px;float:left;font-size:0.27125rem;}
.bnt{width:72px;height:35px;background:url(../images/lianji_back.png) center;border:none;color:#c4c5c7;border-radius:5px;}

/* 头部导航 */

 .erjiNav{ display:none;overflow:hidden; width:100%;height:300px;padding-bottom:50px;border-top:2px solid #a8d432; background:url(../images/img/header_bg.png) repeat center; position:absolute; left:0; top:1.8125rem;}
 .erjiNav .erjibox{ overflow:hidden; width:18rem;height:100%; margin:0 auto;  position:relative;left: 70px;}
 .erjiNav .erjibox .nav_img{margin-left:0.8rem;margin-top:0.8rem;width:150px;height:150px;overflow:hidden;}
 .erjiNav .erjibox .nav_img img{width:80%;}
 
  .erjiNav .erjibox > .nav_li{width:6.0rem;margin-top:0.6rem;margin-left:0.8rem;}
  .erjiNav .erjibox > .nav_li > ul{margin:0;padding:0;}
  .erjiNav .erjibox > .nav_li >ul>li{width:1.875rem;line-height:0.4rem;float:left;margin-left:0.5rem;margin-top:0.4rem;background:url(../images/img/sanjiao.png) no-repeat left center;padding-left: 0.25rem;}
  .erjiNav .erjibox > .nav_li >ul>li a{color:#c2f142;font-size: 0.28125rem;}
  .head_t .head_nav > ul > li:nth-child(3) .erjiNav .erjibox{width:22.0rem;}
  .head_t .head_nav > ul > li:nth-child(3) .erjiNav .erjibox > .nav_li{width:12.0rem;}
  .head_t .head_nav > ul > li:nth-child(3) .erjiNav .erjibox > .nav_li >ul>li{width:4.875rem;text-align:left;}
  .head_t .head_nav > ul > li:nth-child(1) .erjiNav{display:none!important;}
  .head_t .head_nav > ul > li:nth-child(6) .erjiNav{display:none!important;}
  .head_t .head_nav > ul > li:nth-child(8) .erjiNav{display:none!important;}
  
  .erjiNav .erjibox >.nav_con{width:6.0rem;color:#fff;line-height:0.3rem;margin-top:0.8rem;text-align:left;}
  .erjiNav .erjibox >.nav_con h5{color:#fff;margin:0;padding:0;font-size:0.4rem;font-weight:500;}
  .erjiNav .erjibox >.nav_con a{color:#fff;line-height:0.62rem;display:block;margin-top:0.3rem;}
  
  .head_t .head_nav > ul > li:last-child .erjiNav{
       display: none;
   }
/* 头部导航 end*/


/*首页右边*/

.ewm_style{
    padding:10px!important;
    background:none!important;
    border:none!important;
 /*   box-shadow: 0 0 4px #333333;*/
	/*-moz-box-shadow: 0 0 4px #333333;*/
	/*-webkit-box-shadow: 0 0 4px #333333;*/
}


.index_right_nav{
	position: absolute;
	width: 55px;
	height: 300px;
	top:24%;
	right: 1%;
	z-index: 100;
}
.index_right_nav ul{
	position: relative;
	width: 100%;
	height: 100%;
	padding:0 !important;
}
.index_right_nav li{
	width: 55px;
	height: 55px;
	margin-bottom: 18px;
	border-radius: 8px;
	border:1px solid #444c51;
}
.index_right_nav li a{
	width: 53px;
	height: 53px;
	border:1px solid #fff;
	display: block;
}
.index_right_nav li:hover{
	
	border:1px solid #0081ff;
}
.index_right_nav .right_show{
	position: absolute;
	top:0;
	right: 65px;
	display: none;
	width: 175px;
	min-height: 30px;
	padding:15px 15px 25px 15px;
	/*background-color: rgba(255,255,255,0.3);*/
	background-color: rgba(20,70,154,1.0);
	border:1px solid #d6d6d6;
	border-radius: 6px;
}
.index_right_nav .right_show p{
	font-size: 18px;
	color: #ffffff;
	line-height: 44px;
}
.index_right_nav .right_show span{
	font-size: 14px;
	color: #ffffff;
	line-height: 18px;
	display: block;
}
.index_right_nav .right_show hr{
	background-color: #ffffff;
	height: 2px;
	margin:0px 0 15px;
	border:none;
}
.index_right_nav .right_show img{
	width: 100%;
	border-radius: 15px;
}
.index_right_nav .right_show .right_showimg{
	padding:15px;
	border-radius: 15px;
	background-color: #fff;
	display: inline-block;
	font-size: 0;
}

.index_right_nav li .right_ph{
	background: url(../images/phone.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right_nav li .right_qq{
	background: url(../images/qq.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right_nav li .right_er{
	background: url(../images/erweima.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}
.index_right_nav li .right_to{
	background: url(../images/top.png) no-repeat center rgba(255,255,255,0.3);
	border-radius: 8px;
}

.index_right_nav li:hover .right_ph{
	background: url(../images/phone-hover.png) no-repeat center #124597;
}
.index_right_nav li:hover .right_qq{
	background: url(../images/qq-hover.png) no-repeat center #124597;
}
.index_right_nav li:hover .right_er{
	background: url(../images/erweima-hover.png) no-repeat center #124597;
}
.index_right_nav li:hover .right_to{
	background: url(../images/top-hover.png) no-repeat center #124597;
}
.index_right_nav .right_3,.index_right .right_2,.index_right .right_1{
	position: relative;
	border-radius: 8px;
}
.index_right_nav .right_1:hover >  .right_show{
	display: block;
}
.index_right_nav .right_2:hover >  .right_show{
	display: block;
}
.index_right_nav .right_3:hover >  .right_show{
	display: block;
}