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

/*公共样式*/
*{margin: 0px;padding: 0px;}
body{font-size:12px;font-family: "微软雅黑"!important;padding-top: 0px !important;}
div{padding: 0px; margin: 0px;}
span,p{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
img{margin: 0px; padding: 0px;}
dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;}
img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
table{ width:100%;text-align:center;border-collapse:collapse;border-spacing:0;}
table td{word-break: break-all;word-wrap:break-word;}
from,input,select{margin: 0px; padding: 0px;}
a{text-decoration:none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.all_bg{width:1200px;height:100%;overflow:hidden;margin: 0 auto;}
.animated {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
}

/*top*/
.top{
	width: 100%;
	height: 35px;
	line-height: 35px;
	background-color: #0088ce;
	color: #fff;
	min-width: 1200px;
}
.top_left{
	width: 30%;
	font-size: 14px;
}
.top_right{
	width: 46%;
	height: 100%;
	overflow: hidden;
}
.top_phone{
	width: 55%;
}
.top_phone a{
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 35px;
	background: url(/statics/images/tem/top_phone_icon.png)no-repeat left center;
	padding-left: 30px;
}
.top_nav_list{
	width: 41%;
	color: #fff;
}
.top_nav_list ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.top_nav_list li{
	float: left;
}
.top_nav_list li a{
	color: #fff;
	display: inline-block;
	padding: 0 10px 0 10px;
	font-size: 14px;
}
.top_nav_list li:last-child a{padding-right: 0}
.top_nav_list li a:hover{color: #f4524e;}

/*head*/
.head{
	width: 100%;
	height: 120px;
	overflow: hidden;
	min-width: 1200px;
}
.head_left{
	width: 58%;
	height: 100%;
	overflow: hidden;
}
.head_logo{
	width: 172px;
	height: 100%;
}
.head_logo a,.head_logo a img{
	width: 100%;
}
.head_slogen{
	width:470px;
	margin:30px 0 0 190px;
}
.head_slogen P{
	color: #df1f1a;
	font-size: 20px;
	font-weight: bold;
}
.head_slogen p span {
	color: #0088ce;
	font-size:18px;
	font-weight: bold;
	display: block;
	margin-top: 6px;
}
.head_right{
	width: 350px;
	height: 62px;
	margin-top:30px;
	overflow: hidden;
}
.head_right form{
	width: 100%;
	height: 36px;
}
.head_text{
	float: left;
	width: 336px;
	height:32px;
	background:rgba(0, 0, 0, 0);
	border:2px solid #0088ce;
	padding-left: 10px;
}
.head_submit{
	width: 43px;
    height: 32px;
    background: url(/statics/images/tem/head_serch.png)no-repeat center;
    float: right;
    border: 0px;
    cursor: pointer;
    margin-top: -34px;
}
.head_list{
	width: 100%;
	height: 28px;
}
.head_list ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.head_list li{
	float: left;
	line-height: 28px;
}
.head_list li a{
	font-size: 12px;
	color: #666;
	padding: 0 5px 0 5px;
}
.head_list li:first-child a{padding-left: 0;}
.head_list li a:hover{color: #0088ce;}


/*first_nav*/
.nav{
	width: 100%;
	height: 50px;
	background: #f5f5f5;
	line-height: 50px;
	min-width: 1200px;
}
.nav_bg{
	width:1200px;
	height:100%;
	margin: 0 auto;
}
.nav_list{
	width: 100%;
	height: 100%;
}
.nav_list ul{
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: space-between;
}
.nav_list li{float: left;position: relative;}
.nav_list li img{
	position: absolute;
	top: -10px;
	right: 0;
}
.nav_list li a {
	font-size: 16px;
	color: #333;
	display: block;
}
.nav_list li a:hover{color: #0088ce;}

/*banner*/
#flash_bg{
	width:100%;
	height: 510px;
	margin:0 auto;
	min-width: 1200px;
}
.focus{
	width:100%;
	height: 510px;
	position: relative; 
	left:0;
	overflow:hidden;
}
.jqfocus ul,.jqfocus li{
	list-style:none;
	padding:0;
	margin:0;
	width: 100%;
	height: 510px;
}
.jqfocus li{display: none}
.focus .bg {
	position: absolute;
	width:100%; 
	height: 30px; 
	left: 0; bottom: 0; 
	opacity: 0.5; 
	filter: alpha(opacity=50); 
	z-index: 1; 
	background:none;
}
.focus .f_btns{
	position: absolute; 
	width: 100%; 
	height:40px;
	line-height:30px;
	left: 0; bottom: 20px;
	text-align: center; z-index: 2
}
.focus .f_btns h2 {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.focus .f_btns h2 a{color: #fff;}
.focus .f_btns h2 a:hover{text-decoration: none;}
.focus .f_btns .btn{
	text-align: center;
	height:22px; 
	overflow: hidden; 
	font-size:0;
}
.focus .f_btns .btn span {
	display: inline-block;
	width:22px; 
	height: 22px; 
	overflow: hidden; 
	margin: 0 10px; 
	background:url(/statics/images/tem/dian.png) no-repeat; 
	cursor: pointer
}
.focus .f_btns .btn span.cur{
	background:url(/statics/images/tem/yuan.png) no-repeat;
}
.jqfocus ul li a{
	width:100%;
	height: 100%;
	display:block;
	position:relative;
}
.jqfocus ul li a img{
	height:100%;
	position: absolute; 
	left:50%; 
	transform:translateX(-50%);
}
.banner_nav{
	width: 180px;
	height: 510px;
	position: absolute;
	top: 0;
	left: 18.5%;
	z-index: 3;
}
.second_nav_title{
	width: 100%;
	height: 42px;
	background-color:rgba(255,255,255,0.55);
}
.second_nav_title a{
	display: block;
	width: 60%;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	line-height: 42px;
	background: url(/statics/images/tem/second_icon1.png)no-repeat left center;
	padding-left: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.second_nav_title a:hover{color: #0088ce;}
.second_nav_list{
	width: 100%;
	height: 467px;
	margin-top: 1px;
	overflow: hidden;
	background-color:rgba(255,255,255,0.55);
}
.second_nav_total{
	width: 80%;
	margin: 0 auto;
	height: 14px;
	margin-top: 18px;
}
.second_nav_icon{
	width: 15px;
	height: auto;
}
.second_nav_icon img{
	width: 100%;
}
.second_nav_font{
	width: 80%;
	line-height: 14px;
	font-size: 15px;
}
.second_nav_font a{
	font-size: 14px;
	color: #333;
	line-height: 14px;
	text-align: left;
	font-weight: bold;
}
.second_nav_font:hover{color: #0088ce;}
.second_nav_font:hover a{color: #0088ce;}


/*footer*/
.footer{
	width: 100%;
	height: 360px;
	background: #0088ce;
}
.footer_top{
	width: 100%;
	height: 130px;
	overflow: hidden;
	margin-top:16px;
}
.footer_nav{
	width: 610px;
	height: 100%;
}
.footer_nav ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.footer_nav li{
	float: left;
	margin-right: 70px;
}
.footer_nav li a{
	font-size: 16px;
	color: #fff;
	line-height:40px;
}
.footer_nav li:nth-child(5){margin-right: 0}
.footer_nav li:nth-child(10){margin-right: 0}
.footer_nav li a:hover{color: #f4524e;}
.footer_phone{
	width: 170px;
	height: 100%;
	margin-left: 70px;
	color: #fff;
}
.footer_phone b{
	font-size: 28px;
	display: block;
}
.footer_phone p{
	font-size: 14px;
	line-height:26px;
	margin-top: 10px;
}
.footer_erm{
	width: 106px;
	height: 100%;
	text-align: center;
}
.footer_erm img{
	width: 100%;
}
.footer_erm p{
	width:100%;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.footer_bottom{
	width: 100%;
	margin-top: 0;
	text-align: center;
	overflow: hidden;
	color: #fff;
}
.footer_bottom p{
	font-size: 14px;
	line-height: 24px;
/*	margin-top: 4px;*/
}
.footer_bottom p a{color: #fff}
.footer_bottom a{color: #fff;line-height: 24px;margin-top: 4px;}
.footer_bottom p a:hover{color: #f4524e;}
.footer_bottom a:hover{color: #f4524e;}
@media (min-width:1900px){
	.jqfocus ul li a img{width: 100%;}
}
@media screen and (min-width:1800px) and (max-width:1900px){
	.banner_nav{position: absolute;top: 0;left:17.5%;}
}
@media screen and (min-width:1700px) and (max-width:1800px){
	.banner_nav{position: absolute;top: 0;left:15%;}
}
@media screen and (min-width:1600px) and (max-width:1700px){
	.banner_nav{position: absolute;top: 0;left:13%;}
}
@media screen and (min-width:1500px) and (max-width:1600px){
	.banner_nav{position: absolute;top: 0;left:11%;}
}
@media screen and (min-width:1400px) and (max-width:1500px){
	.banner_nav{position: absolute;top: 0;left:8%;}
}
@media screen and (min-width:1300px) and (max-width:1400px){
	.banner_nav{position: absolute;top: 0;left:5%;}
}
@media screen and (min-width:1200px) and (max-width:1300px){
	.banner_nav{position: absolute;top: 0;left:0%;}
}
@media screen and (min-width:500px) and (max-width:1200px){
	.banner_nav{position: absolute;top: 0;left:0%;}
}