@font-face {
  font-family: 'iconfont';  /* project id 551712 */
  src: url('//at.alicdn.com/t/font_551712_alo2fjgns6bhuxr.eot');
  src: url('//at.alicdn.com/t/font_551712_alo2fjgns6bhuxr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_551712_alo2fjgns6bhuxr.woff') format('woff'),
  url('//at.alicdn.com/t/font_551712_alo2fjgns6bhuxr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_551712_alo2fjgns6bhuxr.svg#iconfont') format('svg');
}
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.02rem;
          -moz-osx-font-smoothing: grayscale;
        }

html, body {
	color:#222;
	font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	margin:0;
	padding: 0;
	text-decoration: none;
	max-width:500px;
	background:#eee;
	line-height:2;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
img {
	border:0;
}
ol, ul {
	list-style: none outside none;
	margin:0;
	padding: 0;
}
a {
	color:#000000;
	text-decoration: none;
}
.clr {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
.copyright{padding:8px;text-align:center;font-size:14px;color:#666;}
.copyright a{color:#666;}
h2 {
	font-size:16px;
}
.floatR{ float:right;}
.floatL{ float:left;}
.clear{ clear:both;}
/*cate2*/
#cate2{background-color: #F0EFEF;overflow-x: hidden;}
#todayList {
	display: block; margin: 0 auto; min-height:450px;background-color: #fff;
}
.todayList li {
	display: block;
	color: #222222;
	border-bottom:1px solid #DDDDDD;
	font-weight: bold;
	/*text-shadow: 0 1px 0 #FFFFFF;*/
	text-decoration: none;
	background:#F9F9F9;
	-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;
}
.todayList li a{
	padding:10px 40px 9px 8px; display: block;
}
.todayList li.only2 a{
	padding:10px 40px 9px 15px;display: block;
}
.todayList li:hover {
	background-color:#eeeeee;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}
.todayList li:active {
	background-color:#eeeeee;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
}

.todayList 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;
}
.todayList li.only2 h2 {
	padding:6px 0 8px;
}
.todayList 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;
}
.topmenu{ height:45px; border-bottom:1px solid #fff; background:#117103; text-align:center; line-height:45px; font-size:20px; font-weight:bold;position:fixed; top:0; width:100%; left:0; z-index:1000000; color:#fff;}
.menushow{ width:120px; padding:3% 0; font-size:15px !important; position:absolute; right:0; z-index:10000000; display:none; background:rgba(0,0,0,0.6);border-radius:5px;}
.menushow li{ height:35px; font-weight:normal; line-height:35px;}
.menushow li a{ color:#fff;}


.index{ max-width:500px; margin:2% auto; min-height:420px; width:92% !important; background:#fff; border-radius:8px; padding:2%;}
.index ul.title{ border-bottom:1px dotted #aaa; font-size:18px; line-height:23px; padding:10px 0;}
.index ul.title p{ font-size:13px; color:#aaa;}
.index ul.content{ padding:1%; }
.index ul.content iframe{ width:100% !important; height:250px !important;}
.index ul.content iframe#mapbarframe{ height:350px !important;  width:330px !important;}
.index ul.content img{ width:100% !important; height:auto !important; display:block; }
.index ul.content section{ display:block; width:auto !important; height:auto !important;}
.copyright{ padding:3% 0; text-align:center;}
.index ul.content table{table-layout:fixed !important;word-break:break-all !important;border-collapse:collapse !important; width:100% !important;}
.index ul.content colgroup{ width:100% !important;}
.index ul.content col{ width:auto !important;}
.index ul.content table tr{width:100% !important;}
.index ul.content table td{text-align:center; width:0 !important; }
.index ul.content table td div{ width:auto !important;}


.products{ margin:0; padding:0; padding:0; width:100%;}
.products ul{ padding:0; padding:3% 0;}
.products ul li{ margin:0; width:47%;  border:1px solid #eee;padding:0%; margin-bottom:4%; float:left; text-align:center; overflow:hidden;}
.products ul li:nth-child(2n){ float:right;}
.products ul li p{overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}
.products ul li img{ width:100%; }
body,



select,

textarea,

button{font-size:12px; font-family:Microsoft YaHei, "微软雅黑", sans-serif;-webkit-appearance: none;}

.form_box{ }

.form_box dl{overflow:hidden; padding:10px;}

.form_box dl dt{float:left; width:20%;display:block; color:#666; line-height:37px;}

.form_box dl dd{float:left;float:left; width:75%; display:block;}

.form_box input{background-color:#d0d8e4; width:96% !important; border:0; color:#444; height:37px; line-height:37px; padding:0 2%;}

.form_box button{width:96px; height:50px; background:url(../../images/btn.png) no-repeat; border:0; overflow:hidden; font-size:13px; text-align:center; color:#fff; cursor:pointer;}

.form_box .select{display:inline-block;  background:#d0d8e4 url(../../images/arrow_3.png) no-repeat right 50%; border:1px solid #c5cfdf; color:#444; height:37px; line-height:37px; position:relative;}

.form_box .select select{background-color:transparent; opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; min-width:50px; padding:0 10px; height:37px; line-height:37px;width:130px;}

.form_box .select span{display:block; text-indent:10px;}



.form_box_mobile{padding:10px 0; background-size:auto 300px;}

.form_box_mobile input{border-radius:1px !important; -webkit-appearance:caret;}

.form_box_mobile dl{padding:10px 20px;}

.form_box_mobile dl dt,

.form_box_mobile dl dt{float:none;}


.footmenu a{ color:#fff !important;}
.footmenu{color:#fff; background:#117103; 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:14px;  padding-top:6px;}
.footmenu ul li i{ display:block; color:#fff; width:20px; height:20px; line-height:20px; font-size:20px;  margin:0 auto;}



/*--------------------------------------------------------------foot----------------------------------------------------------*/
.footer{text-align:center; margin:0 auto 0px auto; line-height:25px; background:#EEECED; padding-top:12px; }

.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 70px 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;}
*/