html{ width:100%;overflow-x:hidden}
*{ font-family:"微软雅黑"}
body,ul,li,ol,p,h1,h2,h3,h4,h5,h6,form,input,dl,dt,dd{ margin:0; padding:0;}
body{ font-size:12px; font-family:"微软雅黑"; color:#fff; line-height:1.7; overflow-x: hidden;}
a{ text-decoration:none; color: #fff;}
input:focus{ outline:none;}
ul{ list-style:none;}
img{ border:none; vertical-align: middle;}
textarea{ resize:none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
.clear{ clear:both; overflow:hidden; height:0;}
.fl{ float:left;}
.fr{ float:right;}
.abs{ position:absolute;}
.rel{ position:relative;}
.content{width: 1200px;margin: 0 auto;}
.em{text-indent: 2em;}
.tac{text-align: center;}
.blod{font-weight: 700;}

.top{
	background: #282828;
	height: 30px;
	line-height: 30px;
}
.logo_area{
	background: url(../image/bg_02.jpg) repeat-x;
	height: 129px;
	line-height: 129px;
}
.tel{
	background: url(../image/p_03.png) no-repeat center left;
	color: #737373;
	font-size: 22px;
	line-height: 1.4;
	padding-left: 75px;
	margin-top: 32px;
}
.tel .tel_num{
	color: #0164b5;
	font-size: 34px;
}

nav{
	height: 48px;
	background: -webkit-linear-gradient(to right, #0291d7 , #02a121);
	background: linear-gradient(to right, #0291d7 , #02a121);
	border-bottom: 2px solid #0967b1;
}
.nav_list{
	display: table;
	width: 100%;
}
.nav_list li{
	display: table-cell;
	text-align: center;
	font-size: 16px;
	line-height: 48px;
}
.main{
	padding-top: 25px;
}
.aside{
	width: 238px;
}
.as_title{
	width: 238px;
	height: 52px;
	background: url(../image/t_09.jpg) no-repeat;
	padding-top: 6px;
	line-height: 1.4;
}
.as_title .zh{
	font-size: 20px;
}
.as_title .en{
	font-size: 12px;
}
.as_text{
	border: 1px solid #91b6d6;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	padding: 25px 9px;
}
.as_list>li{
	height: 35px;
	line-height: 35px;
	background: #0164b5;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.as_list a{
	display: block;
	line-height: 35px;
}
.right_box{
	width: 935px;
}
.p_box{
	padding-top: 29px;
	color:#000;
}
.p_list li{
	margin-right: 10px;
	margin-bottom: 11px;
	width: 226px;
	float: left;
}
.p_list li:nth-of-type(4n){
	margin-right: 0;
}
.p_img_box{
	width: 224px;
	height: 197px;
	position: relative;
	border: 1px solid #e6e6e6;
}
.p_img_box img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.p_name{
	display: block;
	height: 37px;
	line-height: 37px;
	background: #e6e6e6;
	color: #222121;
	text-align: center;
}
.pt20{
	padding-top: 20px;
}
.news_box{
	width: 572px;
}
.news_box .more{
	background: #6bbf21;
	padding: 0 12px;
	margin-top: 10px;
}
.news_title{
	color: #6bbf21;
	font-size: 24px;
	border-bottom: 1px dotted #9e9e9e;
}
.hot_news{
	padding: 10px 0;
	border-bottom: 1px dotted #9e9e9e;
}
.hot_news img{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
}
.hot_news a{
	color: #333;
	font-size: 16px;
}
.hot_news p{
	color: #969696;
	font-size: 14px;
}
.news_list,.news_list a{
	color: #969696;
	font-size: 14px;
	line-height: 46px;
}
.news_list li::before{
	content: ">>";
}
.news_list li span{
	float: right;
}
.about{
	background: url(../image/b_07.jpg);
	width: 583px;
	padding: 25px;
	padding-right: 0px;
}
.about_title{
	font-size: 24px;
	border-bottom: 1px dotted #fff;
}
.about .more{
	background: #fff;
	color: #333;
	padding: 0 12px;
	margin-top: 10px;
}
.about img{
	padding: 22px 0;
}
.adv_img{
	background: url(../image/j_19.jpg) no-repeat center center;
	height: 121px;
	margin-top: 54px;
}
.title{
	font-size: 30px;
	color: #151412;
}
.green_title span{
	color: #6cc023;
}
.blue_title span{
	color: #1472ca;
}
.items{
	padding-top: 30px;
}
.sec_title{
	height: 28px;
	width: 328px;
	text-align: center;
	margin: 0 auto;
	line-height: 28px;
	font-size: 14px;
}
.bg_blue.sec_title{
	background: #1472ca;
}
.bg_green.sec_title{
	background: #6bbf21;
}
.case_list li{
	width: 235px;
	float: left;
	margin-right: 6px;
}
.case_list li:last-child{
	margin-right: 0;
}
.inner_box::before{
	content: '';
	width: 100%;
	height: 3px;
	background: #e6e6e6;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.inner_box{
	padding-top: 35px;
	margin-top: 10px;
	position: relative;
}
.inner_box.green_line{
	border-top: 3px solid #6bbf21;
}
.inner_box.blue_line{
	border-top: 3px solid #1472ca;
}
.item_box{
	border: 1px solid #e6e6e6;
}
.zu_list li{
	float: left;
	margin: 0 6px 6px 0;
	border: 1px solid #ccc;
	position: relative;
}
.zu_list li:nth-child(3),.zu_list li:nth-child(5){
	margin-right: 0;
}
.zu_list a span{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	background: rgba(0,0,0,0.6);
	text-align: center;
}
footer{
	background: #30333c;
	padding: 20px 0;
	margin-top: 40px;
}
.footer_nav_list li{
	display: inline-block;
	margin: 0 4px;
	font-size: 14px;
}
.contact{
	padding-top: 20px;
}
.qr_code{
	right: 20px;
	top: -10px;
	bottom: 0;
	margin: auto 0;
}


.sec_class{
	left: 0;
	top: 40px;
	width: 100%;
}
.sec_list>li{
	border-bottom: 1px dashed #ccc;
	text-align: center;
}
.sec_list>li a{
	color: #2a84c8;
}
.more_list li{
	text-align: center;
}
.more_list li a{
	color: #f18c16;
	width:199px;
}
.more_list li:nth-child(6n+1) a{
	color: #586dd6;
}
.more_list li:nth-child(6n+2) a{
	color: #55c54d;
}
.more_list li:nth-child(6n+3) a{
	color: #fb6666;
}
.more_list li:nth-child(6n+4) a{
	color: #78c8c8;
}
.more_list li:nth-child(6n+5) a{
	color: #d3169b;
}


.page_list li{
	display: inline-block;
	line-height: 34px;
	height: 34px;
	padding: 0 10px;
	background: #f4f4f4;
	border: 1px solid #e0e0e0;
	margin: 0 4px;
}
.page_list li a{
	color: #333;
}
.page_box{
	padding-top: 50px;
}
.sec_top{
	border-bottom: 1px solid #ebebeb;
	line-height: 56px;
}
.sec_top h1{
	color: #0164b5;
	font-size: 30px;
}
.bread,.bread a{
	color: #999;
}


.message_list img{
	float: left;
	border: 1px solid #ccc;
	margin-right: 15px;
}
.message_list p{
	color: #8f8f8f;
	font-size: 14px;
}
.message_list a{
	color: #2e2e2e;
	font-size: 16px;
}
.message_list li{
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}
.sec_class,.more_class{
	display: none;
}
.more_list a{
	position: relative;
}
.more_list a span{
	position: absolute;
	right: 0;
	top: 0;
}