html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, select, textarea, p { margin: 0; padding: 0; -webkit-text-size-adjust: none; font-family: "微软雅黑" , Helvetica; color:#333;}
article, aside, details, figcaption, figure, footer, header, hgroup, menuYybs, nav, section { display: block }
audio, canvas, video { display: inline-block; *display:inline;*zoom:1}
audio:not([controls]) { display: none }
[hidden] {display:none}
input, select { vertical-align: middle; outline: 0 }
table { margin: 0 auto }
ol, ul { list-style: none }
li { list-style-type: none }
img {vertical-align: middle;border: 0; outline:none; }
img:not([src*="/"]) { display: none }
h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight: normal }
a { color: #000; text-decoration: none;-webkit-tap-highlight-color: rgba(255,255,255,0) ;font-family: "微软雅黑", Helvetica}
a:hover { text-decoration:none}
.clear { clear: both; height: 0; overflow: hidden; display: block; line-height: 0; background-color: #F00 }
.clearfix:after { clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; contentYybs: "." }
.both { clear: both; width: 100% }
.left { float: left }
.right { float: right }
.hidden { overflow:hidden;}

#header{ width:96%; height:50px; padding:0 2%; background:#393634; position:fixed; z-index:99; top:0}
#header .logo{ float:left; width:80%; color:#fff; font-size:1.25em; font-weight:bold; line-height:50px}
#header .logo img{ height:30px; margin-top:10px} 
#header .menuYybsbtn img{ float:right; height:20px; margin-top:15px}

.drawer-main{position:fixed;top:0;width:150px;height:100%;overflow:hidden}
 .drawer-left .drawer-main{left:-280px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
 .drawer-left.drawer-open .drawer-main{left:0}
 .drawer-right .drawer-main{right:-280px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
 .drawer-right.drawer-open .drawer-main{right:0}
 .drawer-overlay{position:relative}
 .drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
 .drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:280px}
 .drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
 .drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:150px}
 .drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}
 .drawer-left.drawer-open .drawer-overlay-upper{right:0}
 .drawer-right.drawer-open .drawer-overlay-upper{left:0}
 .drawer-default{background-color:#222;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
 .drawer-default+.drawer-overlay{background-color:#fff}
 .drawer-default .drawer-brand a{display:block;width:100%;padding:20px 15px;font-size:22px;color:#fff}
 .drawer-default .drawer-brand a:hover{color:#444;text-decoration:none}
 .drawer-default .drawer-nav-title{display:block; text-align:center; color:#fff; font-size:18px; padding:10px 0; border-bottom:1px solid #808080}
 .drawer-default .drawer-nav-title span{ display:block}
 .drawer-default .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
 .drawer-default .drawer-nav-list li{display:block}
 .drawer-default .drawer-nav-list li a{display:block; text-align:center; padding:10px 0; color:#888; color:#fff}
 .drawer-default .drawer-nav-list li ul a{padding:8px 20px}
 .drawer-hamberger{position:fixed;z-index:1000;display:block;width:30px;height:30px;padding:15px 10px;background-color:transparent;border:0}
 .drawer-hamberger span{margin-top:10px}
 .drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:3px;cursor:pointer;contentYybs:'';background-color:#fa8080;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
 .drawer-hamberger span:before{top:-10px}
 .drawer-hamberger span:after{bottom:-10px}
 .drawer-open .drawer-hamberger span{background-color:transparent}
 .drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
 .drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
 .drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
 .drawer-hamberger:hover{cursor:pointer}
 @media (min-width:767px){
 .drawer-responsive.drawer-left .drawer-toggle,.drawer-responsive.drawer-right .drawer-toggle{display:none;visibility:hidden}
 .drawer-responsive.drawer-left .drawer-main{left:0}
 .drawer-responsive.drawer-right .drawer-main{right:0}
 }
 @media (min-width:768px){
 .drawer-responsive{background-color:#222}.
 drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{position:absolute;width:150px!important;height:auto!important;overflow:visible!important}
 .drawer-responsive.drawer-left .drawer-main{float:left}
 .drawer-responsive.drawer-left .drawer-overlay{margin-left:150px}
 .drawer-responsive.drawer-right .drawer-main{float:right}
 .drawer-responsive.drawer-right .drawer-overlay{margin-right:150px}
 }
 @media (min-width:1200px){
 .drawer-responsive.drawer-left .drawer-main,.drawer-responsive.drawer-right .drawer-main{width:280px!important}
 .drawer-responsive.drawer-left .drawer-overlay{margin-left:280px}
 .drawer-responsive.drawer-right .drawer-overlay{margin-right:280px}
 }

.flickerplate{position:relative;width:100%;height:auto;overflow:hidden;top:50px}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0;margin:0;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-contentYybs{width:100%}
.flickerplate .dot-navigation{position:absolute;bottom:3.2%;width:100%;text-align:center;z-index:10}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:8px;height:8px;margin:0 5px;background-color:rgba(42,42,42,0.6);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(170,170,170,0.6)}
.flickerplate .dot-navigation .dot.active{background-color:#aaa}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%,0px,0px);-webkit-transform:translate3d(0%,0px,0px);-webkit-transition:-webkit-transform .6s;-o-transition:-o-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;-ms-transition:left .4s ease-out;transition:left .4s ease-out}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0}
.flickerplate.animate-scroller-slide{padding-bottom:0;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks{position:auto}

#main{ width:100%; margin:0 auto ; display:block; padding-bottom:20%; overflow:hidden}
#main .search{ padding:0 10px;background:#605b57; height:40px; line-height:40px}
#main .search input{ width:86%; height:30px; margin:5px 0; border-radius:5px; border:0}
#main .search a{ float:right; margin-left:10px; text-align:center; color:#fff}
#main .menuYybs li{ margin-top:10px;text-align:center;}
#main .menuYybs li:nth-child(3n){margin-right:0}
#main .menuYybs li img{ width:50%; height:auto; display:block}
#main .menuYybs li span{ color:#605b57; font-size:0.9em; margin-top:5px; text-indent:0.3em; display:block}
#main .menuYybs_x{ width:100%; height:5px; margin-top:10px; background:url(../images/menuYybs_x.png) no-repeat; background-size:70%}
#main .product_type li{ width:100%; padding:10px 0; text-align:center}
#main .product_type li:nth-child(2n){ background:#e2e2e2}
#main .product_list li{ float:left; width:48%; margin-right:4%; margin-top:2%; text-align:center}
#main .product_list li:nth-child(2n){margin-right:0}
#main .product_list li img{ width:100%; border:1px solid #ccc; height:100%}
#main .product_list li span{ display:block; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#5b5b5b}
#main .product_list li .span{ font-size:.85em}
#main .contentYybs{ padding:0 10px;}
#main .contentYybs p{ padding:10px 0; font-size:1em; line-height:1.5em; text-indent:2em;}
#main .contentYybs .message{ padding:10px 0; overflow:hidden; }
#main .contentYybs .line{border-bottom:1px solid #aaaaaa;}
#main .contentYybs label{width:30%; text-align:left; line-height:30px; float:left; font-size:.85em; color:#aaaaaa;}
#main .contentYybs .username{  background:url(../images/username.png) no-repeat left; text-indent:2em}
#main .contentYybs .pass{ background:url(../images/pass.png) no-repeat left; text-indent:2em}
#main .contentYybs .yanzheng{ width:100%; background:url(../images/yanzheng.png) no-repeat left; text-indent:2em}
#main .contentYybs label span{ color:#aaaaaa;}
#main .contentYybs textarea{ width:77%; float:left; padding:0 2%; height:105px; border:1px solid #bfbfbf; font-size:.75em}
#main .contentYybs .button{background:#409dde; width:100%; height:35px;  border:0; color:#fff; float:right; border-radius:8px;}
#main .contentYybs .rest{background:#fff; width:100%; height:35px; margin-top:10px;  border:0; color:#409dde; float:right; border:1px solid #aaaaaa; border-radius:8px;}
#main .contentYybs h3{ text-align:center}
#main .contentYybs img{ max-width:100%; margin:0 auto; display:block}
#main .contentYybs .text{ border-top:1px solid #bab9b7; margin-top:10px;}
#main .title{ width:100%; text-indent:10px; margin:10px 0; padding:0px 0 3px; text-align:left; position:relative;}
#main .title div{ color:#000; font-size:1.2em}
#main .title span{ font-family:Arial; font-size:.75em; background:#fa8080; color:#fff; padding:2px 5px}
#main .title .inmore{ float:right; border:0px; width:30px; position: absolute; right:0px; top:12px; text-align:left; text-indent:0px;}
#main .title .inmore a{color:#5b5b5b}
#main .title img{ width:auto; height:20px; vertical-align:-2px}
#main .more{ float:right; margin:0 10px; background:#fa8080; text-align:center; margin:20px auto 0; padding:5px 10px; border-radius:5px}
#main .more img{ width:20px; display:inline; vertical-align:-3px; margin-left:5px;}
#main .more a{ color:#fff ; padding:0 10px}
#main .map{ border:1px solid #bab9b7;}
#main .map img{ width:100%;}
#main .news_list { border: 2px dashed #fa8080; padding:20px 10px; overflow:hidden}
#main .news_list li{width:100%; padding:10px 0; border-bottom:1px dashed #333; overflow:hidden}
#main .news_list li time{ float:right; font-size:.8em; margin:3px 0 0 5px}
#main .news_list li p{ padding:0; float:left; width:65%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#main .news_list li a{ margin-left:5px; color:#6b6b6b}
#main .news_list li img{ float:left; width:14px; height:14px; margin-left:5px; margin-top:5px;}
#main .index_product { padding:0 10px 20px; background:url(../images/in_pro_bg.png) repeat; background-size:100%; overflow:hidden} 
#main .index_product li{ float:left; width:44%; margin-right:4%; margin-top:4%; padding:2%; text-align:center; background:#fff}
#main .index_product li:nth-child(2n){margin-right:0}
#main .index_product li img{ width:100%; height:100%}
#main .index_product li span{ display:block; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#5b5b5b}
#main .index_product li .span{ font-size:.85em}
#main .index_phone{ text-align:center;color:#18ac8c; font-size:1.5em; padding:10px 0; margin:10px 0;}
#main .index_phone span{ display:block; font-size:.75em}
#main .index_phone img{ width:40px; vertical-align:-11px}
#main .index_about dl{padding:20px 10px; background:#ededed; border-radius:5px}
#main .index_about dt{ color:#5b5b5b; text-align:center; margin-bottom:10px;}
#main .index_about dd{ color:#5b5b5b; font-size:.9em; line-height:1.5em; }
#main .cooperation_list li{ float:left; width:32%; margin-right:2%; margin-top:2%}
#main .cooperation_list li:nth-child(3n){margin-right:0}
#main .cooperation_list li img{ width:100%; height:100%}

.page{ padding:0 10px; text-align:center; margin-top:10px; overflow:hidden }
.page .next{ float:right; background:#fa8080; padding:10px; color:#fff}
.page .num{ vertical-align:middle; padding:10px; display:inline-block}
.page .prev{ float:left; background:#333; padding:10px; color:#fff}

.copyright{ width:96%; padding:10px 2%; background:#fff; position: fixed; bottom:60px}
.copyright span{ display:block; text-align:center; font-size:0.75em}

.gotop{ position:fixed; bottom:40px; right:0px; z-index:88; cursor:hand; opacity:0.7; }

#footer{ width:100%; height:50px; background:#fafafa; position:fixed; bottom:0}
#footer li{ float:left; width:26.9%; line-height:50px; text-align:center; color:#fff; font-size:.8em; cursor: pointer;  border-top:1px solid #e8e8e8;}
#footer li a{ color:#4a4a4a;}
#footer li span{ display:block;line-height:25px;}
.containerBtnImg{
 height:20px;
 width: 20px;
 margin: auto;
 margin-top:5px;
}

.sc_table{
 width:95%;
 border: 1px solid #476eef!important;
 border-bottom-right-radius:5px!important;
 border-bottom-left-radius:5px!important;

}

#footer .check{ background:#fa8080}

.am-share { font-size: 14px; border-radius: 0; top: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) }
.am-share-title { color: #fff; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; position:relative }
.am-share-title::after { content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }
.share_btn { position:absolute; top:11px; right:-49%; color: #fff; display: block; width: 100%; cursor: pointer; padding: 0; font-weight: 400; line-height: 1.2; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align:inherit-block; white-space: nowrap;font-family:"微软雅黑";  }
.share_btn img{ width:15px; height:15px}
.am-share-sns { margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }
.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }
.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block;}
.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }


.menuYybs .m_list {
	border: 1px solid #d8d8d8;
	text-align:left;
}
.menuYybs .m_list span {
	float: left;
	display: block;
	width: 33%;
}
.menuYybs .m_list select {
	float: left;
	height: 35px;
	line-height: 35px;
	width: 100%;
	border: none;
	color:#b4b3b3;
}
.menuYybs .m_list .txt {
	float: left;
	height: 35px;
	line-height: 35px;
	width: 100%;
	border: none;
}
.surplus {
	width: 100%;
	height: 180px;
	background: #edf5fd;
	margin-top: 1px;
}
surplus_con{ width:90%; margin:0 auto; border:1px solid #476eef; border-radius:10px; height:150px; position:relative; top:14px; background:#FFF}
.surplus_con .sc_num{}
.con_sub {
	background: #476eef;
	width: 100%;
	margin: 0 auto;
	display: block;
	text-align: center;
	color: #FFF;
	height:40px;
	line-height: 40px;
	border-radius: 25px;
	font-size: 0.9em;
	margin-top:15px;
}
.surplus_con .sc_table {
	border-collapse: collapse;
	font-size: 0.9em
}
.surplus_con .sc_table td {
	border-bottom: 1px solid #476eef;
	width: 25%;
	text-align: center;
	height: 30px;
}
.contain .content .sel_r .sel_con .rad {
	border: 1px solid #009;
}

label {
	padding-left: 20px;
	cursor: pointer;
	background: url(images/rad.png) no-repeat left center;
}
label.checked {
	background: url(images/rads.png) no-repeat left center;
	background-position: left center;
}
#main .menuYybs li{ margin-top:0px; text-align:left; border-bottom:1px solid #ebebeb;}
#main .menuYybs li a{ margin-top:0px;}
.con_tong{ float:left;background:url(../images/friends.png) no-repeat; text-indent:2.5em; height:40px; line-height:40px; background-position:10px; width:65%}
.con_phone{  float:left; height:35px; line-height:35px; background-position:10px;  width:15%; color:#ccc}
.con_a{  float:left; height:35px; line-height:35px; background-position:10px;  width:5%; color:#ccc}

#g-popwin, .g-popwin-mask, .g-popwin-mask iframe, .g-popwin-box {
 height: 100%;
 width: 100%;
}
.g-popwin-mask, .g-popwin-box {
 left: 0;
 position: fixed;
 top: 0;
 z-index: 100;
}
.g-popwin-mask {
 background: none repeat scroll 0 0 #000000;
 opacity: 0.3;
}
.g-popwin-mask iframe {
 opacity: 0;
}
.g_popwin {
 background-color: #FFFFFF;
 border: 1px solid #C6C6C6;
}
.g_popwin .tit .close {
 background: url("/images/swinclose.gif") no-repeat scroll 0 0 transparent;
 cursor: pointer;
 height: 14px;
 margin-top: 8px;
 width: 14px;
}
.g_popwin .tit b {
 display: block;
 height: 30px;
 width: 10px;
}
.g_popwin .tit
{
 background: none no-repeat scroll 0 0 #f2f2f2;
 border-bottom: 1px solid #C6C6C6;
 height: 30px;
 line-height: 30px;
 overflow: hidden;
 padding: 0 10px;
 font: 12px/1.5em Arial,Tahoma;
 color: #111111;
 line-height:30px;
}
.g_popwin .tit strong {
 display: block;
 height: 27px;
 width: 220px;
}
.g-f-r{float:right;}