@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font: normal 90% "微软雅黑";
	color: #3a3a3a;
	background: #FAFAFA
}

/*公共样式*/

A {
	TEXT-DECORATION: none;
	color: #3a3a3a
}
A:hover {
	COLOR: #ff6600
}
.clear {
	clear: both
}
.fl {
	float: left
}
.fr {
	float: right
}
img {
	border: 0px;
}
DIV, ul, li, h1, h2, p, dl, dt, dd, input {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none
}
.main {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	position: relative
}
.title {
	padding-left: 10px;
	height: 30px;
	margin: 0 auto;
	display: block;
	font-size: 1.1em;
	line-height: 30px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 25px;
	box-shadow: 3px 3px 3px #999;
	text-shadow: 1px 1px 1px #000;
	background: #015BAA;
	border: 1px #0070C5 solid;
}



/*分页样式*/
.page_info{text-align:center;margin:10px auto;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px;margin:20px auto;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 5px;}
.page_list a.on{color:#fff;border:1px solid #015BAA;background:#015BAA;}


/* top.php */

.logo {
	position: relative;
	width: 100%;
	text-indent: 5px;
	height: 50px;
	line-height: 50px;
	font-size: 1.2em;
	font-weight: bolder;
	color: #5F73A8;
	text-align: left;
	background: #015BAA;
	color: #FFF;
}
.top_search {
	display: block;
	width: 55px;
	height: 50px;
	background: url(images/search.png) #004B8D no-repeat center;
	background-size: 40px;
	text-align: center
}
.seachbox_box {
	display: none;
	max-width: 640px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	height: 32px;
	padding: 8px 0;
	background: #004B8D;
	overflow: hidden;
}
.seachbox_box input.text {
	float: left;
	height: 14px;
	line-height: 32px;
	border: none;
	height: 32px;
	margin-left: 3%;
	background: #fdfdfd;
	font-size: 0.9em;
	padding-left: 10px;
	border-radius: 0;
}
.seachbox_box .submit {
	float: left;
	height: 32px;
	padding: 0px 19px;
	background: #fff url(images/search.png)no-repeat 3px center;
	background-size: 32px 32px;
	border-radius: 0;
}
.nav {
	width: 100%;
	border-top: 1px #FFFFFF solid;
	background: #fff;
	color: #FFF;
	overflow: hidden;
}
.nav ul {
	width: 102%;
}
.nav li {
	width: 24.5%;
	float: left;
	height: 31px;
	line-height: 31px;
	text-align: center;
	border-right:1px #FFFFFF solid;
	margin-bottom: 1px;
}
.nav li a {
	display: block;
	color: #FFF;
	background-color: #015BAA;
	text-shadow: 1px 1px 1px #000;
}


/* index.php */

.about {
	width: 100%;
	margin: 0 auto;
}
.about ul li {
	padding: 10px;
	line-height: 30px
}


.about ul li img{
	width:95%;
	text-indent:0px;
	text-align:center
}


.product {
	margin: 0 auto;
}
.product li {
	overflow: hidden;
}
.product li a {
	display: block;
	color: #000;
}
.full {
	padding: 10px;
	border-bottom: 1px solid #eceef0;
}
.full h2 {
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	font-size: 0.9em;
	font-weight: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 5px;
	margin-bottom: 4px;
}
.full .thumb {
	width: 75px;
	height: 55px;
	line-height: 51px;
	padding: 1px;
	background: #e9f1f4;
	border: 1px solid #e0e0e0;
	float: left;
	text-align: center;
}
.full .thumb img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	vertical-align: middle;
}
.full p {
	padding: 0 0 0 5px;
	line-height: 17px;
	font-size: 0.8125em;
	word-wrap: break-word;
	overflow: hidden;
	max-height: 34px;
	color: #878c92;
}
.more {
	height: 33px;
	line-height: 33px;
	margin: 0 8px;
	border: 1px solid #efefef;
	background-color: #f6f5f5;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}
.more, .more a, .more span {
	color: #b4b4b4
}
.more span {
	font-size: 1em;
}
.more .gochannel:after {
	content: "";
	display: inline-block;
	width: 21px;
	height: 21px;
	vertical-align: -5px;
	margin-left: 5px;
}
.more .gochannel:after {
	background-position: -63px 0;
}
.gochannel:after {
	background-image: url(images/icon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 119px 21px;
	-moz-background-size: 119px 21px;
	-o-background-size: 119px 21px;
	background-size: 119px 21px;
}

/* sort.php */

.sort {
	width: 95%;
	margin: 0 auto;
	color: #FFF;
	overflow: hidden;
}
.sort ul li {
	margin: 10px auto;
	height: 50px;
	line-height: 50px;
	text-align: left;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef));
	background: -moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#f0f0f0, grandientType=0)
}
.sort ul li a {
	display: block;
	line-height: 50px;
	font-size: 18px;
	padding-left: 20px;
	font-weight: bolder;
	color: #5D5D5D;
}
.sort ul li a:hover {
	background-color: #83c1f7;
}

/* gallery.php */

#pro li {
	float: left;
	display: block;
	padding: 2%;
	line-height: 21px;
	text-align: center;
	width: 46%;
}
#pro li div {
	display: block;
	width: 97%;
	border: 1px solid #26488D;
	float: left;
	padding: 2px;
	text-align: center;
	overflow: hidden
}
#pro li img {
	width: 99%;
	border: 1px solid #fff;
	float: left;
}
#pro p {
	width: 100%;
	height: 28px;
	line-height: 28px;
	float: left;
	text-align: center;
	color: #fff;
	background: #26488D;
	margin-top: 9px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.product_sort {
	display: block;
	width: 80px;
	margin-right: 2%;
	background: #004B8D;
	font-size: 0.9em;
	height: 25px;
	line-height: 25px;
	margin-top: 2.5px;
	border-radius: 5px;
	color: #FFF;
	text-align: center
}
.gallery_more {
	display: block;
	width: 50%;
	margin: 10px auto;
	padding: 8px 0;
	text-align: center;
	background: #015BAA;
	color: #FFF
}
.allsort {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.allsort .close {
	border-right: 1px #FFFFFF solid;
	width: 20%;
	background: rgba(0,0,0,0.5);
}
.allsort .closeicon {
	width: 100%;
	height: 100px;
	background: url(images/back.png) no-repeat 50% 30px;
	background-size: 40px;
}
.allsort ul {
	background: #015BAA;
	height: 100%
}
.allsort ul li {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-indent: 15px;
}
.allsort ul li a {
	color: #FFF
}
.allsort ul li span {
	float: right;
	height: 20px;
	margin-top: 5px;
	background: #004B8D;
	border-radius: 8px;
	margin-right: 5px;
	font-size: 0.9em;
	text-indent: 0;
	line-height: 20px;
	padding: 0 15px;
	color: #FFF
}

/* show.php */

.show_titie {
	width: 100%;
	height: 50px;
	background: #015BAA
}
.show_back {
	float: left;
	background: #004B8D;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-left: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px
}
.show_back a {
	display: block;
	color: #FFF;
	font-size: 1.1em
}
.show_biaoti {
	float: left;
	width: 60%;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao {
	position: relative;
	float: left;
	background: #004B8D;
	width: 18%;
	height: 30px;
	margin-top: 10px;
	margin-right: 2%;
	line-height: 30px;
	text-align: center;
	border-radius: 10px;
	color: #FFF;
	font-size: 1.1em
}
.show_zihao ul {
	position: absolute;
	width: 100%;
	display: none
}
.show_zihao ul li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #028DC4;
	color: #FFF
}
.show_zihao_on {
	background: #004B8D !important;
	color: #fff
}
.show_zihao ul li:nth-child(1) {
	font-size: 0.9em
}
.show_zihao ul li:nth-child(2) {
	font-size: 1em
}
.show_zihao ul li:nth-child(3) {
	font-size: 1.1em
}
.show_zihao_sanjiao {
	display: none;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #028DC4;
}
.tel_message {
	width: 300px;
	margin: 0 auto
}
.tel_message li:nth-child(1) {
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #6AA227;
	border-radius: 5px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px
}
.tel_message li:nth-child(2) {
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #028DC4;
	border-radius: 5px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10%
}
.tel_message li a {
	color: #FFF
}
.content {
	line-height: 30px;
	width: 96%;
	margin: 0 auto
}
.content .b_img {
	margin-top: 5px;
	text-align: center
}
.content .b_img img {
	width: 300px;
}
.content .neirong {
	padding: 5px;
}
.content h2 {
	text-align: center;
	font-size: 1.1em
}
.content .img {
	text-align: center
}
.time {
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 0.9em;
}
.prenext {
	width: 90%;
	height: 35px;
	margin: 10px auto;
}
.prenext ul li:nth-child(1) {
	float: left;
	width: 45%;
	height: 35px;
	line-height: 35px;
	background: #f0f0f0;
	text-align: center;
}
.prenext ul li:nth-child(2) {
	float: left;
	width: 45%;
	margin-left: 10%;
	height: 35px;
	line-height: 35px;
	background: #f0f0f0;
	text-align: center;
}
.prenext ul li a {
	display: block
}

/* message.php */
.message_xxk {
	width: 50%;
	margin: 10px 1% 10px 0;
	float: right
}
.message_xxk ul li {
	float: left;
	width: 50%;
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #FFF;
	text-align: center
}
.message_xxk ul li.on {
	background: #015BAA;
}
.show_message_title {
	width: 98%;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	background: #9a9a9a;
	padding-left: 10px;
	color: #fff;
	font-size: 14px;
}
.show_message {
	width: 94%;
	height: auto;
	margin: 5px auto;
	padding: 2%;
	border: 1px #ccc solid;
	line-height: 30px;
	display: none
}
.show_message .liuyanren {
	float: left;
	font-size: 12px;
}
.show_message .time {
	float: right;
	margin-right: 20px;
	width: 200px
}
.show_message span {
	float: left;
	font-size: 12px;
	font-weight: bolder
}
.show_message .huifu {
	font-size: 12px;
	color: #F00;
}
.msgtitle {
	width: 18%;
	padding-bottom: 5px;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	margin-top: 15px;
}
.message_block {
	color: #666;
}
.message_block p {
	padding: 12px;
}
.msg_input {
	width: 94%;
	border: 1px solid #e0e0e0;
	padding: 8px 9px;
	background: #fdfdfd;
	font-size: 13px;
	color: #888;
	border-radius: 2px;
}
.msg_input_on {
	width: 92%;
	border: 1px solid #8cd1ff;
	background: #f1f9ff;
	padding: 8px 9px;
	border-radius: 2px;
	font-size: 13px;
	color: #888;
}
.message_labes {
	font-size: 14px;
}
.message_title {
	height: 34px;
	line-height: 34px;
	background: #f6f9fb;
	padding: 0 12px;
}
.message_title h2 {
	color: #376b88;
	font-size: 14px;
	float: left;
}
.message_title span {
	float: right;
	font-weight: bold;
	color: #999;
}
.message_info {
	color: #8ea6b6;
	text-align: right;
}
.msg_btn_area {
	margin: 5px auto;
	text-align: right;
	padding-right: 1%
}
.msg_btn_area a {
	display: inline-block;
	padding: 5px 15px;
	background: #015BAA;
	color: #fff;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
}
/* list.php */
	
.news {
	width: 100%;
	margin: 0 auto;
}
.news ul {
	width: 100%;
	margin: 0 auto;
}
.news li {
	list-style-position: inside;
	list-style-type: disc;
	border-bottom: 1px solid #eceef0;
	box-shadow: 0 1px 1px #FFFFFF;
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
	list-style: none;
}

/* map.php */

.map_titie {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 50px;
	background: #015BAA
}
.map_back {
	float: left;
	background: #004B8D;
	width: 20%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.map_back a {
	display: block;
	color: #FFF;
	font-size: 1.1em
}
.map_biaoti {
	float: left;
	width: 80%;
	text-align: center;
	line-height: 50px;
	color: #FFF;
	font-size: 1.1em
}
#allmap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 5px auto;
}
/* foot.php */

.line {
	background: #015BAA;
	height: 4px;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
.foot {
	background: #f6f5f5;
	margin-top: 10px;
	height: 100px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#bottom {
	position: fixed;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	height: 45px;
	bottom: 0;
	border-top: #fff solid 2px;
	background: #015BAA
}
#bottom ul {
	height: 45px;
	line-height: 45px
}
#bottom ul li {
	width: 25%;
	float: left;
	color: #FFF
}
#bottom ul li dl {
	width: auto;
	margin: 0 auto;
	text-align: center
}
#bottom ul li dt {
	width: auto;
	height: 25px;
}
#bottom ul li dd {
	width: auto;
	height: 20px;
	font-size: 0.8em;
	color: #fff;
	line-height: 20px;
	text-shadow: 1px 1px 1px #000;
}

/* Banner */
 
.swipe {
	width: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}
.swipe ul {
	-webkit-transition: left 800ms ease-in 0;
	-moz-transition: left 800ms ease-in 0;
	-o-transition: left 800ms ease-in 0;
	-ms-transition: left 800ms ease-in 0;
	transition: left 800ms ease-in 0;
}
.swipe li img {
	width: 100%
}
.swipe #pagenavi {
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	bottom: 5px;
	text-align: right;
}
.swipe #pagenavi a {
	display: inline-block;
	width: 25px;
	height: 6px;
	background: #fff;
	margin: 8px 4px;
}
.swipe #pagenavi a.active {
	background: #015BAA;
}
#product_nav {
	width: 100%;
	text-align: center
}
#product_nav a {
	width: 40px;
	height: 5px;
	background: #b5b5b5;
	margin: 10px 2px;
	overflow: hidden;
	cursor: pointer;
	display: inline-block;
 	*display:inline;
 	*zoom:1;
}
#product_nav a.active {
	background: #418C09;
}
#btn_prev, #btn_next {
	width: 25px;
	height: 50px;
	position: absolute;
	top: 35%;
	background: url(images/sprite.png) no-repeat 0 0;
	cursor: pointer;
	opacity: 0.2;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	filter: alpha(Opacity=20);
}
#btn_prev {
	left: 0;
}
#btn_next {
	right: 0;
	background-position: right top;
}