﻿@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-weight: normal;
	font-style: normal;
}

ol, ul, li {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #f50;
	text-decoration: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

body {
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	font-family: '宋体';
	background: #fff;
}

.logo {
	float: left;
	width: 180px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-indent: 999em;
	background: url(../images/logo_m.jpg) 8px center no-repeat;
	background-size: 95%;
}

.logo a {
	display: block;
	height: 100%;
	text-indent: 99em;
}

.cn {
	float: left;
	width: 36px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	text-indent: 999em;
	margin-left:80px;
	background: url(../images/lang_en.jpg) center no-repeat;
	background-size: 100%;
}

.cn a {
	display: block;
	height: 100%;
	text-indent: 99em;
}


.nav {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	border-top: 1px #fff solid;
	overflow: hidden;
	margin: 0 10px;
}

.nav ul {
	font-size: 12px;
}

.nav ul li {
	float: left;
	width: 25%;
	height: 30px;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	border-bottom: 1px #fff solid;
	background: #f4f4f4;
}

.nav ul li a {
	display: block;
	height: 100%;
	color: #333;
	background: url(../images/bg_x.jpg) right 0 repeat-y;
}

.nav ul li a:hover {
	color: #333;
	background-color: #ddd;
}

.nav .on {
	color: #fff !important;
	background-color: #666 !important;
}

.menu {
	padding: 50px 10px 0 10px;
	background: #f5f5f5;
	margin-bottom: 10px;
}

.menu ul {
	padding: 5px 0;
	font-size: 14px;
}

.menu li {
	float: left;
	width: 20%;
	height: 26px;
	overflow: hidden;
	text-align: center;
	line-height: 26px;
	padding: 1px 0;
}

.menu li a {
	display: block;
	height: 100%;
}

.menu li a:hover {
	color: #fff;
	background: #888;
	border-radius: 3px;
}

.menu .on {
	color: #fff;
	background: #888;
	border-radius: 3px;
}

/*--/top end--*/

.main1 {
	padding: 0 10px;
	margin-bottom: 10px;
}

.main2 {
	width: 100%;
}

/*--/主体 end--*/

.left {
}

.right {
}

/*--/分栏 end--*/

.tit_1 {
	line-height: 35px;
	font-size: 18px;
	text-align: center;
	
	background: url(../images/bg_1.png) center center no-repeat;
}

.tit_2 {
	line-height: 35px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	
	background: url(../images/bg_3.png) center center no-repeat;
}
.tit_2 a{
	color: #fff;
}

.tit_3 {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	color: #666;
	margin: 0 10px 10px 10px;
	background: #f4f4f4;
}

.tit_3 h3 {
	float: left;
	font-size: 14px;
	color: #fff;
	padding: 0 15px;
	font-weight: bold;
	background: #fc7a22;
}

.tit_3 span {
	float: right;
	padding-right: 10px;
}

.tit_4 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	border-bottom: 1px #aaa solid;
}

/*--/标题 tit--*/

.g_box1 {
	width: 100%;
	margin-bottom: 10px;
}

.g_box2 {
	width: 100%;
	margin-bottom: 10px;
	padding: 50px 0 10px 0;
	background: url(../images/bg_4.jpg) center top no-repeat #fc7a22;
	background-size: auto 50px;
}

.g_box3 {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 10px;
}

.g_list1 {
	margin: 0 5px;
	overflow: hidden
}

.g_list1 li {
	float: left;
	width: 30%;
	padding: 10px 1.5% 0 1.5%;
	text-align: center;
	line-height: 22px;
	overflow: hidden;
}

.g_list1 li img {
	width: 100%;
	height: 50px;
	padding: 2px;
	border: 1px #e5e5e5 solid;
	display: block;
	margin: 0 auto 5px auto;
	background: #fff;
}

.g_list1 li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #fff;
}

.g_list1 li a {
	position: relative;
	display: block;
	padding: 2px;
	height: 54px;
	background-position: center -20px;
}

.g_list1 li a:hover img {
	border-color: #fc7a22;
}

.g_list2 {
	margin: 5px 10px 0 10px;
	line-height: 40px;
	font-size: 16px;
}

.g_list2 li {
	height: 40px;
	overflow: hidden;
	text-indent: 15px;
	border-bottom: 1px #ddd dashed;
	background: url(../images/ico_2.jpg) 3px center no-repeat;
}

.g_list2 li span {
	float: right;
	font-size: 14px;
	color: #888;
}

.g_list1 b, .g_list2 b {
	font-weight: normal;
}

.g_con {
	padding: 0 15px;
}

.g_con h1 {
	color: #000;
	font-size: 22px;
	line-height: 30px;
	padding: 10px 0 5px;
	text-align: left;
	text-shadow: 1px 1px 1px #fff;
}

.g_con .info {
	color: #666;
	font-size: 12px;
	padding-bottom: 8px;
	border-bottom: 1px #ddd solid;
}

.g_con .pic {
	text-align: center;
	padding-top: 5px;
}

.g_con .pic img {
	padding: 6px;
	border: 1px #ddd solid;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.g_con .txt1 {
	line-height: 26px;
	font-size: 14px;
	color: #333;
	padding-top: 15px;
}

.g_con .txt1 p, .g_con .txt1 div {
	padding-bottom: 15px;
}

.g_con .txt1 img {
	border: 0 none;
	box-sizing: border-box;
	height: auto !important;
	max-width: 100% !important;
	vertical-align: middle;
}

.g_con .txt2 {
	width: 100%;
	margin-bottom: 10px;
}

.g_con .txt2 h1 {
	color: #000;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	padding: 8px 0 10px 0;
}

.g_con .txt2 p {
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.g_con .txt2 p a {
	color: #fff;
	display: block;
	height: 100%;
	background: url(../images/bg_f1.png) 20px center no-repeat #ff751a;
	background-size: auto 25px;
	border-radius: 5px;
}

.g_con .txt2 p a:hover {
	background-color: #333;
}

/*--/布局 grid--*/

.b_box1 {
	margin: 5px 10px 0 10px;
	line-height: 33px;
	font-size: 14px;
}

.b_box1 li {
	height: 33px;
	overflow: hidden;
	text-indent: 10px;
	background: url(../images/ico_1.png) 0 center no-repeat;
	background-size: 5px 9px;
}

.b_box1 li span {
	float: right;
	color: #fff;
}

.b_box1 li a {
	color: #fff;
}

.b_box2 {
	padding: 10px 10px 010px;
	line-height: 28px;
	font-size: 14px;
}

.b_box2 img {
	float: left;
	height: 140px;
	width: 187px;
	margin: 0 15px 0 0;
}

.b_box2 a {
	color: #f60;
}

.b_box3 {
	width: 100%;
	padding: 20px 0 0 0;
}

.b_box3 li {
	float: left;
	width: 25%;
	padding-top: 22%;
	height: 32px;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	color: #999;
}

.b_box3 li:hover {
	color: #fc7a22;
	cursor: pointer;
}

.b_box3 .l1 {
	background: url(../images/p1.jpg) center top no-repeat;
	background-size: 80%;
}

.b_box3 .l1:hover {
	background-image: url(../images/p1_h.jpg);
}

.b_box3 .l2 {
	background: url(../images/p2.jpg) center top no-repeat;
	background-size: 80%;
}

.b_box3 .l2:hover {
	background-image: url(../images/p2_h.jpg);
}

.b_box3 .l3 {
	background: url(../images/p3.jpg) center top no-repeat;
	background-size: 80%;
}

.b_box3 .l3:hover {
	background-image: url(../images/p3_h.jpg);
}

.b_box3 .l4 {
	background: url(../images/p4.jpg) center top no-repeat;
	background-size: 80%;
}

.b_box3 .l4:hover {
	background-image: url(../images/p4_h.jpg);
}

.b_box3 .l5 {
	background: url(../images/p5.jpg) center top no-repeat;
	background-size: 80%;
}

.b_box3 .l5:hover {
	background-image: url(../images/p5_h.jpg);
}

.b_box4 {
	border-top: 1px #ddd solid;
	margin: 10px 10px 0 10px;
	padding-top: 10px;
	color: #888;
	line-height: 24px;
}

.b_box5 {
	margin: 5px 10px 0 10px;
	line-height: 33px;
	font-size: 14px;
}

.b_box5 li {
	height: 33px;
	overflow: hidden;
	text-indent: 10px;
	background: url(../images/ico_2.jpg) 0 center no-repeat;
	background-size: 5px 9px;
}

.b_box5 li span {
	float: right;
	color: #333333;
}

.b_box5 li a {
	color: #333333;
}

/*--/盒子 box--*/

.u_ {
}

/*--/元件 unit--*/

.slideBox {
	width: 100%;
	height: 280px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 10px auto;
	padding-top: 60px;
/*max-width:640px;*/
	/* 设置焦点图最大宽度*/
}

.slideBox .hd {
	position: absolute;
	bottom: 10px;
	z-index: 1;
	width: 100%;
	text-align: center
}

.slideBox .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 8px;
	border: 1px #fff solid;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 3px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.slideBox .hd li.on {
	border-color: #fff;
	background: #fff;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.slideBox .bd {
	position: relative;
	z-index: 0;
}

.slideBox .bd li {
	height: 280px;
	position: relative;
	text-align: center;
}

.slideBox .bd li a {
	display: block;
	height: 100%;
	line-height: 100%;
	overflow: hidden;
	background-size: auto 280px !important;
}

.slideBox .bd li p {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 35px;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	line-height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #000;
	color: #fff;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/*--/功能 function--*/

.dede_pages {
	width: 100%;
	padding: 15px 0 5px 0;
}

.dede_pages ul {
	text-align: center;
	padding: 0;
	line-height: 28px;
}

.dede_pages ul li {
	display: inline-block;
	font-size: 14px;
	height: 28px;
	margin: 5px 1px 0 1px;
	padding: 0 10px;
	color: #333;
	background: #eee;
	border-radius: 4px;
}

.dede_pages ul li a {
	color: #333;
	height: 28px;
	display: inline-block;
}

.dede_pages ul li:hover {
	text-decoration: none;
	color: #fff;
	background-color: #fc7a22;
}

.dede_pages ul li:hover a {
	color: #fff;
}

.dede_pages ul li:hover a:hover {
	color: #fff;
	text-decoration: none;
}

.dede_pages ul li.thisclass {
	background-color: #fc7a22;
	color: #fff;
}

.dede_pages ul li.thisclass a {
	color: #fff !important;
}

.dede_pagess {
	float: none;
	overflow: hidden;
	text-align: center;
}

.dede_pagess ul {
	display: inline-block;
	margin: 0 auto;
	clear: both;
	padding: 0 0 5px 0;
	text-align: center;
	white-space: nowrap;
}

.dede_pagess ul li {
	float: left;
	margin: 0 2px;
	padding: 3px 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.dede_pagess li a {
	float: none;
	display: inline;
}

.dede_pagess li a:hover {
	text-decoration: underline;
}

.dede_pagess .thisclass {
	font-weight: bold;
	border: none;
	color: #fff;
	border: 1px #fc7a22 solid;
	background-color: #fc7a22;
	border-radius: 4px;
}

.dede_pagess .thisclass a {
	color: #fff;
}

/*--/page--*/

.foot {
	width: 100%;
	padding: 15px 0 60px 0;
	line-height: 28px;
	text-align: center;
	font-size: 13px;
}

.foot .p {
	height: 40px;
	color: #fff;
	background: #fc7a22;
	line-height: 40px;
	font-size: 14px;
	margin-bottom: 20px;
}

.foot .p a {
	color: #fff;
	margin: 0 5px;
}

.footer {
	width: 100%;
	height: 50px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	position: fixed;
	_position: absolute;
	z-index: 999;
	_bottom: expression(documentElement.scrollTop);
	background: url(../images/bg_8.jpg) repeat;
}

.footer ul {
	height: 50px;
}

.footer ul li {
	float: left;
	height: 50px;
	width: 25%;
}

.footer li a {
	display: block;
	height: 50px;
	overflow: hidden;
	text-indent: 999em;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-left: 1px #888 dashed;
}

.footer li a:hover {
	background-color: #333;
}

.footer .f1 {
	background: url(../images/bg_f1.png) center center no-repeat;
	background-size: auto 24px;
}

.footer .f2 {
	background: url(../images/bg_f2.png) center center no-repeat;
	background-size: auto 24px;
}

.footer .f3 {
	background: url(../images/bg_f3.png) center center no-repeat;
	background-size: auto 26px;
}

.footer .f4 {
	background: url(../images/bg_f4.png) center center no-repeat;
	background-size: 24px 24px;
	border-left: none;
}

.message_m {
	padding: 20px 0;
}

.message_m dd {
	margin-bottom: 10px;
}

.message_m dd .k {
	width: 70%;
	border: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	color: #999
}

.message_m dd textarea {
	width: 70%;
	border: 1px solid #ccc;
	height: 100px;
	padding: 10px
}

.message_m dd span {
	float: left;
	line-height: 40px
}

.message_m .tj {
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #ff751a;
	border: 0;
	font-size: 14px;
	cursor: pointer;
	margin-left: 52px
}

.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto 10px auto;
	padding-top: 60px;
/*max-width:640px;*/
	/* 设置焦点图最大宽度*/
}

.page{ clear:both; text-align:center; padding:30px 10px 10px 10px; height:40px;}
.page a{
	color: #666666;
	font-size: 0.9em;
	border: 1px solid #E5E5E5;
	background: url(../images/pc/page.png) repeat-x left bottom;
	text-decoration: none;
	padding:5px 8px;
	margin:0px 1px;
}
.page span{padding:5px 8px; margin:0px 1px; background-color:#D7210B; color:#FFFFFF;}
.page a:hover{ background-image:none; background-color:#D7210B; color:#FFF;}
.page strong{ background-color:#D7210B; padding:5px 8px; margin:0px 1px; color:#FFF;border: 1px solid #A91A1F; font-weight:normal;}