@charset "utf-8";
/* base */
body{ font:14px/1.5 \5b8b\4f53,Microsoft YaHei;font-family:Microsoft YaHei;color:#666666;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ vertical-align:top; border:0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6,input{ font-size:12px; font-weight:normal;}
address,cite,code,em,th{ font-weight:normal; font-style:normal;}
input,textarea,select{ outline:0; vertical-align:middle;}
/* public */
.fb{ font-weight:bold;}
.left{ float:left;}
.right{ float:right;}
.t_center{ text-align: center;}
.t_right{ text-align: right;}
.t_left{text-align: left;}
.clear{ zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.hied{ display:none;}
a img:hover{ opacity:0.8; filter:Alpha(opacity=80);}
.relative{position:relative;}
.absolute{position:absolute;}
.pading50{padding:50px;}
.pad50{padding:50px 0px;}
.pad60_l{padding:0px 60px}
.pad5_1{padding: 5px 0px;}
.pad10{padding:20px 10px;}
.padd10{padding:10px;}
.pad30{padding:30px 20px;}
.pad20_l{padding-left:20px;}
.pad30_l{padding-left:30px;}
.pad0_l{padding-left:10%;}
.pad30_t{padding-top:30px;}
.padding30{padding:30px;}
.mar20_r{margin-right:20px;}
.lineheight{line-height:1;}
.bor-rt{border-right:2px solid #fff;}
.bor-t{border-top:2px solid #fff;}
.white_line{background: #fff;height:2px;margin:30px 0px 0px}
.white_line1{background: #fff;height:2px;}
.block{display:block;}
.inline-block{display:inline-block;}
.radius3{border-radius:3px;}
.max-width{width:100%;}
.margin1_l{margin-left:2px;}
.margin10_l{margin-left:10px;}
.indent{text-indent:2em;}
.border{border:1px solid #e7e7e7;}
.verticabottom{vertical-align:bottom;}
/* font link */
a{ text-decoration:none; color:#666; cursor:pointer;}
.l_cross{text-decoration:underline;}
/**/
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;position:relative;}
.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
/*font*/
@font-face {font-family: "iconfont"; src: url('../fonts/iconfont.eot?t=1481597185661#iefix') format('embedded-opentype'),url('../fonts/iconfont.ttf?t=1481597185661') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.icon-point:before { content: "\e732"; }
.icon-weibiaoti3:before { content: "\e634"; }
.icon-qq01:before { content: "\e61a"; }
.icon-complete:before { content: "\e672"; }
.icon-close:before { content: "\e647"; }
.icon-arrowleft:before { content: "\e60c"; }
.icon-arrowright:before { content: "\e611"; }
.icon-arrowup1:before { content: "\e605"; }
.icon-arrowdown1:before { content: "\e61c"; }
.icon-xuanze:before { content: "\e6db"; }
.icon-icon:before { content: "\e681"; }
.icon-icon1:before { content: "\e682"; }
.icon-icon2:before { content: "\e683"; }
.icon-icon3:before { content: "\e684"; }
.icon-fail:before { content: "\e685"; }
.icon-ts:before { content: "\e686"; }
.icon-search:before { content: "\e612"; }
.icon-wenhao:before { content: "\e6e6"; }
/* font color */
.white{ color: #fff;}
.gray_6{color:#666666;}
.gray_9{ color:#999;}
.gray_3{ color:#333;}
.red{ color:#F30}
.green,a.green{color:#5cb51e;}
.gray_2{color:#c2c2c2;}
/* font size */
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.f32{ font-size: 32px;}
.f36{ font-size: 36px;}
.f150{ font-size: 150px;}
/*font-family*/
.st{ font-family:"宋体"}
.arial{ font-family:"Arial"}
.yahei{ font-family:Microsoft YaHei;}
/* box */
.box10{ height:10px;}
.box15{ height:15px;}
.box20{ height:20px;}
.box26{ height:26px;}
.box30{ height:30px;}
.box50{ height:50px;}
.box65{height:65px;}
/*bgcolor*/
.b_gray{background:#ededed;}
.b_grey{background:#eeeef0;}
.b_green{background:#5cb51e;}

.b_red{background:rgba(241,124,98,.8)}
.b_bl{background:rgba(108,160,227,.8)}
.b_brown{background:rgba(90,79,56,.8)}
.b_gree{background:rgba(107,184,41,.8)}
.b_gray8{background:#f8f8f8;}
.b_white1{background:#fff;}
.b_bor_green{border:1px solid #5cb51e;}
/*content*/
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.w980{width:980px;}
.w452{width:452px;}
.w226{width:226px;}
.w210{width:210px;}
.w330{width:333px;}
.w70{width:70px;}
.height242{height:242px}
.height359{height:359px;}
.height132{height:132px;}
.w420{margin:0 26px 0 20px; width:420px; }
.lihe48{
	line-height:48px;
}

.h_con{position:absolute;bottom:0px;width:282px;}
.h_nr label{display:inline-block;position:absolute}
.h_nr span{display:inline-block;margin-left:20px;vertical-align:top;padding-right:10px;}
.himg{margin-top:5px;}
.hewm{width:274px; padding:0 16px;}
.h_title{padding-bottom:40px;border-bottom:1px solid #ededed;}
.h_list li{position:relative;padding:15px 0px;}
.h_list li em.time{position:absolute;right:0px;top:0px;}
.h_list .icon-point{display:inline-block;vertical-align:middle;line-height:0;margin-top:-8px;}
.h_tit1 {padding:30px 20px 0px;}
.h_list li:hover a{text-decoration:underline;color:#5cb51e;}
/*product show*/
.preview{width:460px;position:relative;}
/* smallImg */
.smallImg{position:relative;height:72px;margin-top:1px;padding:6px 5px;width:450px;margin-left:-15px;overflow:hidden;float:left;}
.scrollbutton{height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{margin-top:8px;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{margin-left:435px; margin-top:-60px;}
#imageMenu {height:70px; width:446px; overflow:hidden; margin-left:0; float:left; margin-left:2px;}
#imageMenu li {height:70px; width:89px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:70px; height:70px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:64px; height:64px; border:3px solid #95cb2c;}
/* bigImg */
.bigImg{position:relative;float:left;width:460px;height:460px;overflow:hidden;}
.bigImg #midimg{width:460px; height:460px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595;overflow: hidden; z-index:999;margin:-80px 0px 0px -230px}
#bigView img{position:absolute;left:0px;}
.d_tabul{padding-bottom:20px;border-bottom:1px solid #ededed;}
.d_tabul a{padding:0px 25px;}
.f_show label{display:inline-block;width:80px;text-align:right;float:left;padding:5px 0px;}
.f_show .fs_href a{display:inline-block;width:90px;height:28px;border:1px solid #ededed;margin:2px 4px;text-align:center;vertical-align:top}
.f_show .fs_href a.cur{background:url(../images/arow.png) no-repeat right bottom;height:26px;border:2px solid #ffba01;}
.f_show1 label{text-align:left;margin-left:10px;width:70px;}
.f_btn{margin:5px 0px 0px 78px;}
.f_btn a{display:inline-block;padding:3px 50px;}
.h_step{position:absolute;right:0px;top:30px;}
.h_step span{display:inline-block;background:#ebebeb;border-radius:14px;}
.h_step span em{display:inline-block;padding:5px 30px;}
.h_step span em.cur{background:#83c44e;border-radius:14px;color:#fff;margin-left:-25px;}
.f_info label{margin-right:22px;line-height:28px;}
.f_info .fi_txt input.text{border:1px solid #d1d1d1;width:238px;height:34px;padding:0px 10px;}
.f_error{padding-left:10px;}
.f_info label.lbl{width:120px;}
.f_tip{line-height:34px;margin-left:-10px}
.f_info .ftxt{display:inline-block;padding:8px 0px;}
.f_chk .chks{display:inline-block;border:1px solid #cccccc;border-radius:3px;width:14px;height:14px;vertical-align:middle;cursor:pointer;margin:-3px 5px 0px 0px;}
.f_chk .icon-xuanze{line-height:14px;vertical-align:middle;margin-left:-2px;}
.f_lk{margin:10px 0px 0px 15px;}
.f_lk a{margin:0px 5px;}
.f_lk a.green,.f_lk a:hover{text-decoration:underline;color:#5cb51e;}
.f_tips{position:absolute;left:245px;top:0px;margin-top:-10px;width:60%;}
.arrow_box {position: relative;background: #ededed;border: 1px solid #d1d1d1;padding:5px 10px;border-radius:3px;}
.arrow_box:after, .arrow_box:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(237, 237, 237, 0);border-right-color: #ededed;border-width: 10px;margin-top: -10px;}
.arrow_box:before{border-color: rgba(209, 209, 209, 0);border-right-color: #d1d1d1;border-width: 11px;margin-top: -11px;}
.f_result i{margin-right:10px;}
.f_con{margin-left:30px;}
.f_rx{position:absolute;right:10px;top:0px;}
.f_agree{margin:10px 0px 0px 25px;}
/*orders*/
.bge5{ background:#e5e5e5}
.bga3{ background:#ffb0a3;}
.orderlist_top{ width: 100%;}
.orderlist_top td{ padding:8px 20px;vertical-align:top;}
.orderinfo{ background:#f5f6f7; border-bottom:1px solid #ededed; padding:8px 16px;}
.orderlisttable{ width:100%;border:solid #ededed;border-width:1px 1px 1px 0px;}
.orderlisttable td{ padding:0 20px; border:solid #ededed;border-width:0px 0px 0px 1px;}
.orderlisttable td.nopadd{padding:0px;}
.orderlistbtn{display:inline-block;border:1px solid #5cb51e; text-align:center; padding:3px 10px;margin:10px 0px;}
.ordertab{overflow:hidden;border-bottom:1px solid #ededed;}
.ordertab  a{ display:inline-block;padding:10px;}
.ordertab  a.cur{border-bottom:2px solid #5cb51e;color:#5cb51e;}
.oderseach{position:absolute;right:0px;top:0px;}
.oderseach .inp_val{min-width:200px;padding:8px 10px;border:1px solid #ededed;border-radius:3px 0px 0px 3px;}
.oderseach .searchbtn{padding:8px 5px 6px;margin-left:-5px;border-radius:0px 3px 3px 0px;vertical-align:middle;}
.oderseach .searchbtn:hover{text-decoration:none;}
/*select*/
.m_select{min-width:188px; _width:188px; border:1px solid #d3d3d3;padding:0px 10px;height:34px;line-height:34px; display:inline-block; *display:inline; zoom:1; white-space:nowrap;margin-right:20px; position:relative; z-index: 1; cursor:pointer;}
.m_select ul{ min-width:208px; max-height:200px; line-height:30px; background-color:#fff; display:none; border:1px solid #d3d3d3; position:absolute; left:-1px; top:34px; overflow:auto; z-index:100;}
.m_select ul li{ padding-left:10px;}
.m_select ul li:hover{ background-color:#f8f8f8;}
.m_select h2 .icon-arrowdown1{line-height:34px;}
.m_sel{min-width:90px;z-index:5}
.m_sel1{z-index:1}
.m_sel ul{min-width:110px;}
/*header*/
.w60{width:60%}
.h_top{background:#ededed;height:31px;}
.h_top a{ line-height:31px;}
.ht_link a{padding-right:20px;}
.h_top ul,.h_cont ul,.h_navbox ul,.c_product ul,.foot ul{ overflow:hidden;}
.ht_link ul li,.ht_user ul li{ float:left; padding: 0 6px;}
.head{ width:100%; background:#fff;}
.h_cont{ padding:40px 10px 40px 0px; }
.ht_gg{overflow: hidden;margin-left:160px;position:relative;height:30px;width:60%;}
.pad_tt{padding-top:6px;position:;left:0px;}
.ht_gg li{list-style:none;position:relative;line-height:30px;}
.ht_gg li span{padding-left:60px;}
.ht_gg li .gg_wz{display:inline-block;width:200px;overflow:hidden;whilte-space:nowrap;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;}
.h_head{border-bottom:2px solid #56aa1c;}
.h_head .logo{padding:25px 0px;}
.h_head .h_nav{margin-left:120px;}
.h_head .h_nav li{float:left;padding:46px 0px;margin:0px 30px;border-bottom:6px solid #fff;}
.h_head .h_nav li a:hover,.h_head .h_nav li.cur a{text-decoration:none;color:#56aa1c;}
.h_head .h_nav li.cur,.h_head .h_nav li:hover{border-bottom:6px solid #56aa1c;}
.h_contactbox{cursor:pointer; background:#fff; border:1px solid #efefef; padding:6px 10px; position:absolute; z-index:2; margin-left: -6px; margin-top:-1px; *margin-left: -61px; *margin-top:20px; border-top:0;}
.h_conhover:hover{background:#fff;height:32px; padding:0 5px; border-left:1px solid #ededed; border-right:1px solid #ededed;;}
.h_conhover:hover a{color:#5cb51e;text-decoration:underline}
.h_contactbox .iconfont{margin-right:5px;}
.icon-qq01{vertical-align:middle;margin-top:-8px;}
.h_mybugbox{ display:inline-block;padding:8px 10px;}
/*sider*/
.rulenavbox{background:#fff; width:218px; padding:10px 0;border-right:0px;}
.rulenavbox_sp{ width:197px;padding:10px}
.rulenavbox h2,.rulenavbox_sp h2{ padding:12px 13px 12px 28px; border-bottom:1px solid #ededed; font-size:16px;}
.rulenavbox_sp h2{font-size:14px; padding:12px 13px 12px 15px;position:relative;}
.rulenav h2{cursor:pointer;position:relative;color:#333;}
.rulenav h2.green{color:#5cb51e;}
.rulenav .rule1{cursor:pointer;}
.rulenav ul{ margin:0 auto; padding:12px 0 12px 50px;  border-bottom:1px solid #ededed;}
.rulenav ul li{ padding:9px 0;}
.rulenav ul li:hover a{text-decoration:underline;color:#5cb51e;}
.rulenav h2 .iconfont{position:absolute;right:10px;top:8px;}
.rulenav ul:last-child,.rulenavbox h2:last-child{border-bottom:none;}
/*btn*/
.btn button.btn{width:auto;padding:5px 35px 7px 35px;border:none;border-radius:3px;cursor:pointer;}
.btn button.btnn{border:1px solid #5cb51e;}
/*adver*/
.banner{ position:relative;height:270px;margin-top:2px;}
.bottmbox{ height:15px; background:#000; opacity:0.5; position:absolute; bottom:0px; width:100%; padding:8px 0;filter:Alpha(opacity=50);}
.botmtip{ z-index:10; position:absolute; top: 213px;left: 8px;}
.h_item{position:absolute;right:10px; bottom:10px; z-index:10;}
.h_item li{float:left; padding:0 3px; }
.h_item a{ background:#5a5345;  height:13px; width:13px; display:inline-block; border-radius:1px; opacity:0.8 }
.h_item .on{ background:#5ea826;  height:13px; width:13px; display:inline-block; border-radius:1px; opacity:1  }
.bannerbtn .left{ background:url(../images/left0.png) no-repeat left center; width:31px; height:84px; display:inline-block;  position:absolute; top:100px; left:20px; z-index:20;}
.bannerbtn .left:hover{ background:url(../images/left1.png) no-repeat left center; }
.bannerbtn .right{ background:url(../images/left01.png) no-repeat right center;width:31px; height:84px;display:inline-block;position:absolute; top:100px; right:20px; z-index:20; }
.bannerbtn .right:hover{background:url(../images/right1.png) no-repeat right center;}
/*pages 分页*/
.pages{margin:30px 0px;}
.pages a{display:inline-block;padding:5px 15px;margin:0px 3px;color:#333;}
.pages a.cur{background:#5cb51e;border-color:#5cb51e;color:#ffffff;}
.pages a:hover{background:#cccccc;border-color:#cccccc;}
.pages a.iconfont{vertical-align:middle;padding:0px 10px;line-height:32px}
/*login*/
.l_banner{height:380px;position:relative;}
.l_pic ul li{width:100%;position:absolute; top:0;z-index:1; display:none;}
.l_pic ol li{ position:relative; top:356px; display:inline-table; *display:inline; *margin:5px 3px; zoom:1; width:30px; height:8px; overflow:hidden; background-color:#999; z-index:3; cursor:pointer;}
.l_pic ol .on{ background-color:#5cb51e;}
.login{height:380px;position:relative;}
.l_box{width:300px;height:332px;padding:0px 20px;position:absolute; top:15px;right:-30px; z-index:12;}
.l_box h2{ margin:25px 0 16px 0;}
.l_box .bg{width:300px;height:306px; background:#000; filter:alpha(opacity:50); opacity:0.5;border-radius:3px; position:absolute; top:0; left:0;}
.l_box .error{ width:242px; background-color:#fdeee9; background-position:5px -264px; border:1px solid #fadcd3; padding:2px 5px 4px 10px; position:absolute; top:8px;  z-index:5; left:0px;}
.l_box .lginfo{ position:relative;}
.l_box .lginfo img{ vertical-align:top;}
.l_box input{ width:235px;padding:10px; background-color:#fff; margin-bottom:10px;border:none;border-radius:3px;color:#666;}
.l_box .ver{ width:88px; margin-right:6px;}
.l_box .submit{background:none;border:none;background:#5cb51e;width:260px;margin-top:10px;cursor:pointer;color:#fff;}
.l_box p{width:260px;position:relative;}
.l_box p.vcode{position:relative;}
.l_box p.vcode input{width:45%}
.l_box p.vcode .yzm{position:absolute;right:0px;top:0px;}
.t_error{background:url(../images/n_iconn.png) no-repeat center 0px;padding-top:160px;margin:50px 0px;}
.err_btn a{margin:0px 15px;color:#5cb51e;}
.icon_wh{display:inline-block;background:url(../images/n_iconn2.png) no-repeat center 0px;width:71px;height:69px;vertical-align:middle;padding-left:30px;}
.tx_con{padding:0px 0px 0px 180px;}
.t_err{width:50%;}
.t_error1{margin:50px 0px 30px;}
.t_err a{color:#5cb51e;}
/*footer*/
.foot{  background:#fff; width:100%;}
.f_line{ height:1px; background:#ededed;}
.f_link li{padding:15px 0px;}
.foot .f_codelie ul li{ float:none; width:70px; padding:4px 0;}
.foot .f_codelie ul li a{ display:inline;}
.foot .f_codelie ul li a:hover,.foot .f_codelie ul li a:active{ display:inline;color:#5cb51e;text-decoration:underline;}
.foot .f_codelie h2{ font-size:16px; color:#666; padding-bottom:10px;}
.f_codelie .t_left{ padding:0 50px; border-right:1px solid #ededed;}
.f_codelie .t_end{border-right:none;}
.f_codelie{ margin-left:-50px;}
.coryright{padding:28px 0;}
.coryright p span{ padding-right:76px;}
.coryright p{ line-height:24px;}
/*alert*/
.mask{display:none;width:100%; background:#000; filter:alpha(opacity=30); opacity:0.3;position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:9;}
.loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 36px;
}
.p_alert{display:none;position:fixed;left:50%;top:50%;margin:-100px 0px 0px -240px;z-index:11;}
.p_alert .p_con{position:relative;overflow-y:auto;background:#fff;padding:20px;margin:0px auto;border-radius:5px;}
.p_alert .p_tit{padding-bottom:10px;border-bottom:1px solid #ddd;}
.p_alert .close{position:absolute;right:0px;top:-5px;}
.p_alert .doBtn a{display:inline-block;color:#666;padding:6px 0px;border:1px solid #5cb51e;border-radius:3px;width:47%;margin:0px 1%;color:#5cb51e;}
.p_alert .doBtn a.cur{background:#5cb51e;color:#fff;}
.p_alert .line{background:#ddd;height:1px;}
.p_alert .icon-wenhao{margin-right:5px;vertical-align:middle;color:#f8c352;}
.p_480{width:480px;}
.p_w300{width:300px;margin:-100px 0px 0px -160px;}
.p_w300 .doBtn a{width:auto;padding:5px 30px;}
.dask{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:100;
	background:rgba(0,0,0,0.4);
	display:none;
}
.alert{
	position:fixed;
	left:50%;
	top:50%;
	background:#FFF;
	width:350px;
	height:150px;
	z-index:101;
	border-radius:5px;
	margin:-75px 0 0 -175px;
	display:none;
}
.alert .header{
	width:14px;
	height:14px;
	float:right;
	margin:15px 15px 0 0;
	cursor:pointer;
}
.alert .header img{
	width:100%;
	height:100%;
}
.alert .main{
	padding:50px 12px 0 12px;
	text-align:center;
	font-size:14px;
}
.soft-section .soft_leftimg{
	width:188px;
	right:342px;
	float:left;
	margin-left:20px;
}
.soft-section .section{
	    height: 111px;
    float: left;
    width: 150px;
    width:680px;
    margin-left:11px;
    margin-bottom:3px;
}
.soft-section .section img{
display:block;
float:left;
	}

.soft-section .sectionDask{
	display:block;
	float: left;
	position:relative;
	overflow:hidden;
}
.soft-section .dask{
	position:absolute;
	left:0;
	top:111px;
	background:rgba(0,0,0,0.5);
	display:inline-block;
	transition:top 0.3s;
	-moz-transition:top 0.3s;	/* Firefox 4 */
	-webkit-transition:top 0.3s;	/* Safari 和 Chrome */
	-o-transition:top 0.3s;
}
.soft-section .dask p{
	color:#FFF;
	font-size:14px;
	font-weight:700;
	float:right;
	text-align:left;
	 margin: 5px 14px 0 0;
}
.soft-section .dask a{
	font-size:14px;
	color:#FFF;
	padding:2px 5px;
	display:block;
    margin: 5px 19px 0 0;
	background:#222222;
	float:right;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
}
.soft-section .sectionDask:hover .dask{
	top:0px;
}