@charset "gb2312";


html{ margin:0 auto; padding:0; background:#efefef; max-width:500px; width:100%; padding:0;}
body {margin:0 auto; padding:0; font-size:15px !important; line-height:2;color:#000; font-family:"Microsoft Yahei","Arial";max-width:500px;}
div,form,img,ul,li,dl,dt,dd,h1,h2,h3,p {margin:0; padding:0; border:0;}
a:link,a:visited,a:active{color: #000;text-decoration:none;}
a:hover {color: #f00; text-decoration: none;}

a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
img{ margin:0; padding:0; border:0;;max-width: 100%; display:block;}
ul,li{ list-style-type:none; margin:0; padding:0;}
.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.html{ padding:3%; background:#fff;}
.border{margin-bottom:12px;background:#fff; border-radius:0;}
/*----------------------------------------------------------总体设置结束------------------------------------------------------*/
/*----------------------------------------------------------头部设置----------------------------------------------------------*/
/*----------------------------------------------------------头部设置----------------------------------------------------------*/
 /*头部整体布局样式*/
.m-logo{ border-top:4px solid #ab8506;}
.j-slide-not .m-box{ position:relative; display:inline-block; width:99%; margin:0 auto;}
.g-hd{}
.m-tel{ padding:45px 0 0 10px; color:#ff9814; line-height:15px;}

/*通栏广告*/
.g-adv{ position:relative; margin:0 auto 0 auto;  z-index:15; overflow:hidden; }
.g-adv .m-cnt{ width:100%; position:absolute; display:none; bottom:0; left:0; z-index:10; height:0px;}
.g-adv .m-cnt li{ float:left; height:0px;}

/*导航样式*/
.g-nav { margin:0 auto 0 auto; background-color:#957d52; 
background-image: -webkit-linear-gradient(top, #957d52, #8c754c);
background-image: -moz-linear-gradient(top, #957d52, #8c754c);
background-image: -o-linear-gradient(top, #957d52, #8c754c);
background-image: -ms-linear-gradient(top, #957d52, #8c754c);
background-image: linear-gradient(top, #957d52, #8c754c);
height:36px; }
.g-nav li {border-top:1px solid #a3895b;border-left: 1px solid #a3895b; border-bottom: 1px solid #836d45;border-right: 1px solid #836d45;float: left;height: 36px;line-height: 36px;text-align: center;width:24.5%;}
.g-nav li:first-child { border-left: 0 none;}
.g-nav li:nth-child(5n) { border-left: medium none;}
.g-nav li:nth-child(4n) { border-right: medium none;}
.g-nav li:nth-child(5n), .g-nav li:nth-child(6n), .g-nav li:nth-child(7n), .g-nav li:nth-child(8n) { border-bottom: medium none;}
.g-nav li a {color: #fff;text-shadow:0 1px 0 #957d52;}

.tabbj{  font-weight:bold;}
	
.tabbjs{ background:#1978fa; height:35px; line-height:35px;}
.tabs{ display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center; padding-right:13%; border-bottom:1px solid #ddd; border-top:1px solid #ddd; height:40px; line-height:40px;}
.tabs span{  -webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:left;color:#000; display:block !important;}

.tabs span:first-child{ border-left:0;display:block !important;;}
.tabs span.thistab{ background:#fff; color:#f00;}
/***/
.list{  border-left:0;border-bottom:0;}
.list ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;}
.list ul li{-webkit-box-flex:1; padding:2% 3%; -webkit-flex:1;flex:1;text-align:center; font-size:12px; text-align:center;}
.list ul li img{ width:100%; border-radius:90% 40%; margin-bottom:2%; border:0 solid #ddd;box-shadow: #ddd 0px 0px 12px;}
/**/
.newss{ padding:0px; }
.newss ul{ margin:0; }
.newss ul img{ width:100%;}
.newss ul li{ padding:6px 0;  border-bottom:1px dotted #ddd; color:#888;}
.newss ul li strong{overflow: hidden; display:block; color:#000; font-weight:normal;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
.newss ul li img{ float:left; width:100px; margin-right:20px;}
.newss ul li p{
	display:block;
	word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.newss ul li span{
	font-size:13px; text-indent:26px; line-height:1.6;
	display:block;
	word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }



/*文本类型*/
 .more{ float:right; background:none; color:#fff;font-size:12px; text-transform:capitalize; padding:13px 0 0 0;}
.tt{ font-size:18px; line-height:20px; color:#f00;}
.abouttitle{ padding:2% 0; border-bottom:1px solid #ddd;border-top:1px solid #ddd; }
.abouttitle img { width:auto; max-width:100%;}



.aboutcontent{ padding:2% 0;}
.aboutcontent img{ float:left; margin-right:12px;}

.banner{ padding:2%;}
/*首页新闻列表*/
.indexnewslist{ margin:0; padding:0; padding:0; width:100%;}
.indexnewslist ul{ padding:0;}
.indexnewslist ul li{ margin:0; padding:1%; font-size:13px; text-align:left;  border-bottom:1px dotted #ddd; background:url(images/dot.gif) no-repeat 8px 6px; padding-left:20px;}

.newslist{ margin:0;}
.newslist li{ margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #eee;}
.newslist li .listdata{ color:#2d9b2d; font-family:'微软雅黑'; font-size:12px;}
.newslist li span { display:block; height:80px; margin-right:20px; line-height:0.5 !important;}
.newslist li span p{ font-size:36px; color:#2d9b2d; }
.newslist li p{ line-height:1.6; font-size:12px;
word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
.newslist li strong{ color:#2d9b2d;  display:block;overflow: hidden; display:block; font-weight:normal;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}


.product3{ margin:0; padding:0; padding:0; }
.product3 ul{ padding:2% 0;}
.product3 ul li{ margin:0;  padding:1%; overflow:hidden; width:46.5%; float:left; border:1px solid #eee; margin-bottom:2%;}
.product3 ul li:nth-child(2n){ float:right;}

/*首页图片列表*/
.product{ margin:0; padding:0; padding:0; }
.product ul{ padding:2% 0;}
.product ul li{ margin:0;  padding:0; overflow:hidden; width:48.5%; float:left;}
.product ul li:nth-child(2n){ float:right;}
.product ul li .piccc{ border:1px solid #eee; padding:3px; margin-bottom:12px;}
.product ul li .piccc img{ width:100%; display:block;border-bottom:1px solid #eee;}
.product ul li .piccc strong{ display:block; font-weight:normal; padding:5px 0; text-align:center;overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.product ul li .piccc p{display:block;

	word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  }
.product ul li img{ width:100%;}
/*栏目*/
.indextitle{   overflow:hidden; font-size:18px; white-space:nowrap; border-bottom:1px solid #ddd; color:#02769b;}

.content{ padding:0;}
.content .ueditor_baidumap{ margin:0 !important; padding:0 !important; max-width:500px; width:100% !important;}

/*留言*/
.feedback{ background:#eee; border-radius:8px;margin-bottom:12px; padding:12px;}
.feedback span{ color:#bbb;}
.feedback1{ color:#F60;}

/*----------------------------------------------------------头部设置结束------------------------------------------------------*/


.classlist{ padding:0px 0;}
.classlist li{display: block;
	color: #222222;
	border-bottom:1px solid #eee;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-decoration: none;
	background:#fff;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	position: relative;
	/*padding:10px 8px;*/overflow:hidden;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 1) inset;
	-moz-box-shadow:0 1px 0 0 rgba(255, 255, 255, 1) inset;
	-webkit-box-shadow:0 1px 0 0 rgba(255, 255, 255, 1) inset;
	
	}

.classlist li:last-child{ border-bottom:0;}
.classlist li a{
	padding:10px 40px 9px 8px; display: block;
}
.classlist li.only2 a{
	padding:10px 40px 9px 15px;display: block;
}
.classlist li:hover {

	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.classlist li:active {
	background-color:#eeeeee;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

.classlist li h2 {
	font-size: 16px;
	color:#2f2f2f;
	font-weight:normal;
	height:20px;font-weight:normal;line-height:16px;padding:0;
max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;
}
.classlist li.only2 h2 {
	padding:6px 0 8px;
}
.classlist li .icon {
	margin-top: -6px;
	position: absolute;
	top: 50%;
	right: 10px;
	height: 14px;
	width: 14px;
	background:url(images/jiantou.png) no-repeat 0 0 ;
	background-size: 14px 14px;
}


.classlist li.bordernone{ border:0;}
.classlist li a{ display:block;}

/* 分页样式  */
.g-page{ margin-bottom:20px;  padding:12px 0;}
.g-page a{ color:#fff; display:block;}
.g-page .u-pup {border-radius:5px;display:inline-block;font-size:1em;height: 30px;line-height: 30px; text-align: center;width:35% !important; margin:0 5%; background:#ff8100; color:#fff;}
.g-page .u-pne { border-radius:5px;display: inline-block;font-size:1em;height:30px;line-height:30px; text-align: center;width:35% !important;background:#ff8100; color:#fff;}
/* 分页样式  */


.info{background:#fff;overflow:hidden;margin:0; padding:2% 0; border-top:0; text-align:left;}
.info iframe{ width:100% !important;}
.info div{ width:auto !important;}
.info TABLE { width:100% !important;}
.info table tr{width:100% !important;}
.info table td{ width:0 !important; }
.info table td div{ width:auto !important;}

.jiaruup{ width:28%; float:left; margin-right:3%; padding:1%;}
.jiaruup img{ width:100%;}

/*注册*/
.zhuce ul.title span{ background:url(images/zct.jpg) no-repeat 14px 7px; line-height:38px; text-indent:32px; display:block;}
.zhuceshow{ height:298px;}
.zhuceshow li{ height:42px; line-height:42px;}
.zhuceshow input{ border:1px solid #c5c5c5; height:25px; line-height:25px;}
.zhuceshow .add-on{ background:#eeeeee; padding:0 4px !important; border-radius:2px;  border:1px solid #ccc; margin:0; font-size:12px; height:25px !important; line-height:25px;}


/*----------------------------------------------------------首页设置结束------------------------------------------------------*/
/*----------------------------------------------------------产品展示----------------------------------------------------------*/


.articlist{ margin:0 auto;}
.articlist ul{ margin:0; padding:0%; }
.articlist ul li{ padding:6px 0 12px 0; line-height:2; border-bottom:1px dotted #ddd; color:#888;}
.articlist ul li strong{overflow: hidden; color:#000; font-weight:normal;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
}
.articlist ul li img{ float:left; width:100px; margin-right:12px;}
.articlist ul li p{
	display:block;
	font-size:13px;
	word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden; text-indent:26px; line-height:1.6;}
.articlist ul li dl{
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
  
.artictitle{ text-align:center; font-size:15px; ; border-bottom:1px dotted #ccc;}
.artictitle_1{ text-align:center; color:#ccc;}


.products1{ margin:0; padding:0; padding:0; width:100%;}
.products1 ul{ padding:0;}
.products1 ul li{ margin:0; padding:3%; text-align:center;  border-bottom:1px solid #ddd;}
.products1 ul li .ppic{ width:30%; float:left;}
.products1 ul li .ppic img{ width:100%;}
.products1 ul li .pname{width:66%; line-height:25px !important; text-align:left;float:right;}


.productss{ margin:0; padding:0; padding:0; width:100%;}
.productss ul{ padding:3% 0;}
.productss ul li{ margin:0; text-align:center; width:50%; float:left; padding-bottom:2%;}
.productss ul li .picimg{ width:90%; margin:0 auto;}
.productss ul li .picimg img{ width:100%;}



.picshow{ margin:15px auto;}
.picshow ul{ margin:0; }
.picshow ul li{ width:20%; float:left;}
.picshow ul li div{ margin:2% 3%; border:1px solid #ccc; padding:3px;}

.price{ font-size:15px; font-family:'微软雅黑';}
.price span{ font-size:30px; color:#f00; font-family:Arial, Helvetica, sans-serif;}

.picshowtitle{text-align:center; color:#bbb;}
.picshowtitle strong{ font-size:16px; color:#b72c31 }


#stage{ margin:0 auto; padding:0; max-width:800px; }
#stage li{ margin:0; padding:0; list-style:none;float:left; width:50%;}
#stage li div{ font-size:12px; color:#999999; text-align:left;border-radius:8px;box-shadow:0 0 11px #666;background:#fff; width:90%; margin:20px auto; line-height:30px; text-align:center; padding:2%;}
#stage li img{ width:100%;}
/*----------------------------------------------------------产品展示结束------------------------------------------------------*/
/*----------------------------------------------------------新闻列表----------------------------------------------------------*/



/*----------------------------------------------------------新闻列表结束------------------------------------------------------*/
/*--------------------------------------------------------------foot----------------------------------------------------------*/
.footer{text-align:center; margin:0 auto 0px auto; line-height:25px; background:#EEECED; }

.footer1{ height:35px;  line-height:22px; text-align:center; text-shadow:0 1px 1px #fff;}
.footer1 span{ width:16px; height:16px;display:block; position:absolute; left:49%; margin-top:-25px; margin-left:-35px; }

.m-bmu{ padding:14px 0 0 0;text-align:center; color:#555; position:relative; text-shadow:0 1px 1px #fff;}
.m-bmu a{padding:0 5px; color:#555;}
.m-bmu p{ line-height:24px; padding:10px 10px 0 10px;}


/*底部浮动栏样式*/
.social_nav4{height:55px; width:320px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}
/*底部浮动社交导航/电话*/
.social_nav4 .social4{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav4 a{ height:55px; line-height:85px; font-size:13px; width:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav4 a.tel{ width:65px; text-indent:15px;}
.social_nav4 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social4{ background-color:#2a2a31;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b)); 
	background-image: -webkit-linear-gradient(top, #32323a, #23232b); 
	background-image: -moz-linear-gradient(top, #32323a, #23232b); 
	background-image: -o-linear-gradient(top, #32323a, #23232b); 
	background-image: -ms-linear-gradient(top, #32323a, #23232b); 
	background-image: linear-gradient(top, #32323a, #23232b);}
.social4:before{ content:''; height:1px; width:100%; background:#000; border-bottom:1px solid #4b4c57; position:absolute; top:0; left:0;}
.social4:after{ content:''; height:1px; width:100%; background:#000; border-top:1px solid #4b4c57; position:absolute; bottom:0; left:0;}
.social4 b{width:1px; height:100%; background:#000; border-left:1px solid #4b4c57; position:absolute; top:0; right:0;}
/*底部社交-电话-动画*/
.social_nav4 span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
@-o-keyframes telshow {
	0% {-o-transform: rotate(0deg)}
	5% {-o-transform: rotate(-13deg)}
	10% {-o-transform: rotate(0deg)}
	15% {-o-transform: rotate(-13deg)}
	20% {-o-transform: rotate(0deg)}
	25% {-o-transform: rotate(-13deg)}
	100% {-o-transform: roate(0deg)}
}
/*底部社交-微信-动画*/
.social_nav4 span.weichat{
	left:86px; top:7px; background-position:6px -150px; background-repeat:no-repeat;

}
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
/*底部社交-微博-动画*/
.social_nav4 span.weibo{left:157px; top:7px;background-position:1px -540px; background-repeat:no-repeat;height:26px;}


@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
.social_nav4 span.home{background-position:0px -200px; background-repeat:no-repeat;left:224px; height:24px; width:26px; top:8px;}
.social_nav4 .btn{ display:block; width:34px; height:55px; position:absolute; right:0; background-position:0 -786px;}
.social_nav4 .btn2{ display:block; width:34px; height:55px; position:absolute; right:0;  background-position:0 -249px;display:none;}

/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav4 .btn, .social_nav4 .btn2, .social4 span, .brand_advance .yscontent .telbg {
    background-image: url(images/SkinsBar4.png);
	background-repeat:no-repeat;
    background-size: 32px 889px;}
.m-bmu .loaded{display:none;}
.m-bmu .code .loaded{display:block;}
/*

.footmenu a{ color:#858383;}
.footmenu{color:#858383; background:#fff; position:fixed; bottom:0; left:0; width:100%; z-index:10000;}
.footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;}
.footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:1.4rem;  padding-top:0.6rem;}
.footmenu ul li i{ display:block; width:1.8rem; height:1.8rem; line-height:1.8rem; font-size:1.8rem;  margin:0 auto;}

/**/
/*--在线报名-*/
.lanmut{ text-align:center;}
.lanmut1{ width:100%; margin:0 auto; font-size:16px; border:1px solid #ccc;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.lanmut1 p{ display:block;clear:both; margin-bottom:12px;} 
.lanmut1 strong{ display:block; text-align:center; height:35px; font-size:18px;}
.lanmut1 label{ display:block; text-align:right; height:30px; line-height:30px; width:30%; float:left; }
.lanmut1 .adds{ width:66% !important; float:left; }
.lanmut1 input[type='text']{ width:66%; float:left; border:1px solid #ccc; height:32px; line-height:32px; margin:0; padding:0; text-indent:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; height:32px;line-height: normal; /* for non-ie */
line-height: 32px\9; /* for ie */}
.lanmut1 input.txt1{ width:90px; float:none;}
#jzwt{ width:100%; margin:0 auto; border:1px solid #ccc; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#Submit{ width:90%; margin:0 auto; display:block; float:none;}