﻿a:hover{ color:#11654B;}
.bg-black{height:70px; background:url(bg.png);}
 a.logo{ display:block; width:230px; margin:0 auto; margin-top:5px;}
.text-large{font-size:30px;}
.keypoint{ width:100%;padding:0;}
.keypoint img,.figureBn img{ display: block;max-width:100%;margin:0 auto;}
.divtab { width:100%; padding-top:20px} 
.divtab table {background:#11654B; color:#FFF}
.divtab table td{ background:#11654B; height:35px; text-align:center;} 
.divtab table td a{ color:#FFF;}
.divtab table td a.hover{ color:#000;}

.siteUrl{font-size:14px; padding:5px 0;line-height:24px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#eee;}
.showcontent{ padding:5px 0;}
.footxt{ margin-bottom:50px; padding:20px 0; border-top:5px solid #11654B; text-align:center; color:#333333; margin-top:10px;}
.about{font-size:16px; color:#333333;}
.about img{ display:block; height:auto; max-width:100%; margin:0 auto;}
.header{ z-index:9999;}

.fixed-bottom{height:50px;background-color:#11654B; font-size:12px;}
.fixed-bottom .float-left{width:25%;height:50px;overflow:hidden;text-align:center;}
.fixed-bottom .float-left a{display:block;height:50px;padding-top:5px;border-left:1px solid #2C856A;border-right:1px solid #053123;}
.fixed-bottom .float-left a.a1{border-left:none;}
.fixed-bottom .float-left a.a2{}
.fixed-bottom .float-left a.a3{}
.fixed-bottom .float-left a.a4{border-right:none;}
.fixed-bottom .float-left a span{color:#FFFFFF;}
.fixed-bottom .float-left span{color:#FFFFFF;}
.fixed-bottom .float-left img{padding-bottom:5px;}

.listPic{padding-top:20px;}
.listPic .xl6{position:static;}
.listPic a{display:block; width:96%; margin:0 auto;}
.listPic a.pic{border:1px solid #ddd;padding:5px;}
.listPic a.pic img{width:100%;}
.listPic a.txt{background:none;}

.listNews{padding:10px 0 0 0;}
.listNews .xl6{position:static; padding:10px 0;}
.listNews a,.listNews p,.listNews span{ display:block; width:96%; margin:0 auto;}
.listNews a.pic{height:160px;}
.listNews a.pic img{ width:100%; height:100%;}
.listNews a.txt{background:none;text-align:left;height:30px;line-height:30px;padding-top:5px;}
.listNews p{color:#666;}
.listNews span{color:#666;}

.listProduct{padding:10px 0;}
.listProduct h3{color:#11654B; width:98%; margin:0 auto;}
.listProduct h4{color:#666;width:98%;margin:0 auto; padding:5px 0;}
.listProduct ol,.listProduct li{ margin:0; padding:0; list-style:none;}
.listProduct ol{ overflow:hidden; padding-bottom:5px; border-bottom:1px solid #ddd;}
.listProduct ol li{ float:left; width:33%; padding:4px 0.15%;}
.listProduct ol li a{ display:block; height:35px; line-height:35px; background-color:#ddd; text-align:center;}
.listProduct ol li.hover a{ background-color:#f60; color:#fff;}

.listProduct .xl6{position:static;}
.listProduct a{display:block; width:96%; margin:0 auto;}
.listProduct a.pic{height:100%;}
.listProduct a.pic img{width:100%;height:160px;}
.listProduct a.picc img{width:100%; height:100%;}
.listProduct a.txt{margin-top:-24px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;height:24px;line-height:24px;color:#000;}

.listBaoyang{padding:10px 0;}
.listBaoyang dl{clear:both; overflow:hidden; padding:10px 0;overflow:hidden;border-bottom:1px solid #ddd;}
.listBaoyang dt{line-height:30px; font-size:16px;font-weight:400;}
.listBaoyang dd{ padding:0; position:static;}
.listBaoyang dd.x3 img{ width:100%;padding-top:2px;}
.listBaoyang dd.x9{ padding-left:5px;}
.listBaoyang dd.x9 span{ color:#666; font-size:12px;}

.h15{ clear:both; height:10px; overflow:hidden;}
.list_page{text-align:center;margin-top:10px;}
.list_page a{cursor:pointer;display:inline-block;padding:5px;background:#fff;border:1px solid #d5d5d5;margin-left:5px;color:#a0a0a0;margin-bottom:10px;}
.list_page a:hover{background:#9BCAFF;color:#fff;border:1px solid #9BCAFF; color:#000;}
.list_page a.hover {background:#11654B;border:1px solid #11654B;color:#fff;display:inline-block;padding:5px;}

.list_page b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #90CBF9;color:#333;}
.list_page b input{border:0;margin:0;padding:0;font-size:12px;font-weight:normal;width:12px;vertical-align:middle;text-align:center;}

.showcontent{font-size:14px;}
.showcontent img{width:auto;height:auto;}
.artshow h1{padding:10px 0;}
.artshow .badge{padding:6px 0;}
.artshow .info{background:#f3f3f3;border-left:3px solid #ccc;padding:10px;}

.artshow .win-backtop{ margin-top:10px;}
.commentpost{bottom:0;position:fixed;width:100%;border-top:1px solid #ddd;padding:10px 0 0 10px;background:#fff;}

.listmore{list-style:none;margin:0;padding:0;display:block;text-align:center;color:#999;width:100%;}
.commentmore{margin-bottom:80px;}

.nav a{ display:block;width:95%; margin:0 auto;padding:10px 0;text-align:center;font-size:16px;color:#fff;}
.nav .x3{ position:static;}
.nav a:hover{color:#fff;}
.nav a span{font-size:40px;}
.nav a.a1{ background:#a1d300;}
.nav a.a2{ background:#61d493;}
.nav a.a3{ background:#05cff5;}
.nav a.a4{ background:#eb7ad2;}

.Home .s6{ width:50%; padding-top:20px;}
.Home .s6 dl{ width:96%; margin:0 auto; border-top:5px solid #ddd;}
.Home .s6 dt{ text-align:center; padding-top:10px; font-size:18px;}
.Hprod{ background-color:#eee; border-top:20px solid #fff; padding:5px;}
.Hprod h3{ text-align:center; color:#000; padding-bottom:20px; padding-top:10px; background:url(x.png) 0 25px repeat-x;}
.Hprod h3 span{ background-color:#eee; padding:0 20px;}
.Hprod .xl6{ padding-bottom:6px;}
@media (min-width:320px){.Hprod div.n .pic img{ height:162px;}}
@media (min-width:375px){.Hprod div.n .pic img{ height:197px;}}
@media (min-width:414px){.Hprod div.n .pic img{ height:222px;}}
@media (min-width:414px){.Hprod div.n .pic img{ height:100%;}}
.cbc{clear:both; height:0px; padding:0; margin:0;}
h3.jm{ background-color:#f05133; padding:2px 8px; color:#fff;}
.bookadd{ clear:both; padding-top:20px;}
.bookadd div{padding-bottom:10px;}
.bookadd .ip{ display:block; width:94%;border:1px solid #ccc;padding:8px 10px;border-radius:2px;}
.bookadd .ips{ display:block; width:94%;border:1px solid #ccc;padding:8px 10px;height:60px;}
.bookadd .bnt{border:1px solid #f05133;background:#f05133; cursor:pointer; color:#fff;padding:5px 20px;vertical-align:middle;}
.bookadd .x9{ position:relative;}
.n-top{}




/*
 * Swiper 2.7.0
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */
	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	
}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	
}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
