@charset "utf-8";
/* CSS Document */
* html .clearfix{zoom:1;}
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{color:#000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{font:14px/1.6 "Microsoft Yahei"; }
a{color:#333333;text-decoration:none;}
html, body{ top:0px;height:auto;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";font-size:0;}
*{
	font-family: "微软雅黑";
	font-size:14px;
	outline: none;
}
a,h1,h2,h3,h4,h5,dd,li{
    transition: all .2s ease-in 0s;
}
a{
	text-decoration:none;
	color: #666;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover{
	color:#e60619;
}
ul{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	margin:0;
	padding:0;
}
body{
	background:#fff;
	margin:0;}
iframe{border:0;}
h1,h2,h3,h4,h5,h6,h7,h8,h9,p,dl,dt,dd,th,td{
	margin:0;
	padding:0;
	word-break: break-all;
}
img{
	border:none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border-radius: 0 4px 4px 0;
}
.clearfix {
	*zoom:1;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
@-moz-document url-prefix(){ /*这段区域的样式代码只在firefox起作用*/ .backggray{
	background: #e3e3e3;
} } 
.BGf5{
	background: #f5f5f5;
}
.marb10{
	margin-bottom:10px!important;
}
.red{
	color: #e60619!important;
}
.float_l{
	float: left!important;
}
.c_blue{
	color:#0082c9;
}

/*首页*/
.nav_wrapper{width:1080px;margin:0 auto;overflow:hidden;position: relative;}
.nav_top{height:38px;line-height: 38px;background: #f5f5f5;}
.nav_top .text{color: #888;}
.nav_top .login{float: right;position: relative;}
.nav_top .login:after{content: "";width:1px;height:13px;position: absolute;top:13px;left:50%;background: #0082c9; }
.nav_top .login a{margin:0 10px;color: #0082c9;}
.nav_header .logo{padding:30px 0;}
.nav_header .logo p{color: #231815;font-size: 16px;font-weight:bold;padding-top:5px;}
.nav_header .search_box{position: absolute;left:352px;top:42px;}
.nav_header .search_box .search{overflow:hidden;}
.nav_header .search_box .search input{width:436px;height:40px;line-height: 40px;border:none;text-indent: 10px;float: left;border:2px solid #0082c9;border-right:none;} 
.nav_header .search_box .search input::-webkit-input-placeholder{color: #999;} 
.nav_header .search_box .search input:-moz-placeholder{color: #999;}  
.nav_header .search_box .search input::-moz-placeholder{color: #999;}  
.nav_header .search_box .search input:-ms-input-placeholder{color: #999;} 
.nav_header .search_box .search .btn{float: left;height:44px;line-height:44px;width:82px;background: url(../images/icon_search.png) 17px 15px no-repeat #0082c9;color: #fff;text-indent: 37px;}
.nav_header .search_box .search .btn:hover{background-color:#035582; }
.nav_header .search_box .keyword{padding-top:10px;}
.nav_header .search_box .keyword a{margin-right:15px;}
.nav_navigation{padding:18px 0;background: #fff;margin:10px 0;}
.nav_navigation ul{position:relative;}
.nav_navigation li{float: left;width:20%;height:112px;position: relative;box-sizing: border-box;border-right:1px solid #ddd;margin-left:-1px;}
.nav_navigation li.last{border-right: none;}
.nav_navigation li .tit{text-align: center;}
.nav_navigation li .tit span{display: inline-block;padding-left:33px;line-height: 26px;color: #0082c9;font-size: 16px;font-weight: bold;}
.nav_navigation li .tit span.qw{background: url(../images/icon_qw.png) no-repeat left center;}
.nav_navigation li .tit span.fw{background: url(../images/icon_fw.png) no-repeat left center;}
.nav_navigation li .tit span.yx{background: url(../images/icon_yx.png) no-repeat left center;}
.nav_navigation li .tit span.jy{background: url(../images/icon_jy.png) no-repeat left center;}
.nav_navigation li .tit span.zh{background: url(../images/icon_zh.png) no-repeat left center;}
.nav_navigation li dl{padding:10px 10px 10px 15px;}
.nav_navigation li dd{width:50%;float: left;text-indent: 10px;height:22px;overflow-y: hidden;}
.nav_navigation li dd .morethen{text-indent: -9999px;display: inline-block;width:16px;height:22px;transition: transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s;-o-transition: -o-transform 0.5s;background: url(../images/icon_down.png) no-repeat left center;}
.nav_navigation li dd .up{background: url(../images/icon_up.png) no-repeat left center;}
.nav_navigation li .showbox{position: absolute;top:90%;left:0;padding:10px;z-index: 2;display: none;}
.nav_navigation li .showbox:after{content: "";width:20px;height:12px;position: absolute;top:-1px;left:50%;margin-left:-13px;background: url(../images/icon_top.png) no-repeat center ;}
.nav_navigation li .showbox dl{padding:10px;border:1px solid #61add6;background: #fff;}
.nav_subNav{margin-left:-10px;margin-bottom: 10px;background: #fff;position: relative;}
.nav_subNav:after{content: "";position: absolute;top:0;left:50%;margin-left:-5px;width:10px;height:100%;background: #f5f5f5;}
.nav_subNav .list_subNav{width:50%;float: left;}
.nav_subNav .list_subNav .box{margin-left:10px;padding:0 10px;}
.nav_title{line-height: 42px;font-size: 16px;border-bottom:1px solid #0082c9;color: #0082c9;width:100%;}
.nav_title a{float: right;font-size: 12px;color: #666;*margin-top:-42px;}
.nav_title a:hover{color: #e60619;}
.nav_title a i{font-style: normal;font-family: '宋体';font-weight: bold;}
.nav_subNav .list_subNav .box ul{padding:10px 0;}
.nav_subNav .list_subNav .box li{width:33%;float: left;height:34px;line-height: 34px;position: relative;}
.nav_subNav .list_subNav .box li .pop_code{top: 34px;}
.nav_recommended{padding:0 30px;background: #fff;position: relative;margin-bottom:10px;}
.imgScroll-left{ position:relative;}
.imgScroll-left .hd .prev,
.imgScroll-left .hd .next{ display:block;  width:30px; height:86px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer;position: absolute;top:50%;margin-top:-43px;z-index: 2;}
.imgScroll-left .hd .prev{background: url(../images/icon_left.png) #fff no-repeat center;left:-30px;}
.imgScroll-left .hd .next{background: url(../images/icon_right.png) #fff no-repeat center;right:0;right:-35px;}
.imgScroll-left .hd .prevStop{ background: url(../images/icon_left2.png) #fff no-repeat center;opacity: .8;}
.imgScroll-left .hd .nextStop{ background: url(../images/icon_right2.png) #fff no-repeat center;opacity: .8;}
.imgScroll-left .bd{width:100%;}
.imgScroll-left .bd ul{ zoom:1; }
.imgScroll-left .bd ul li{float:left;text-align:center; width:255px;height:86px;position: relative;}
.imgScroll-left .bd ul li a{padding:10px;height:86px;width:255px;box-sizing: border-box;display: table-cell;vertical-align: middle;text-align: center;*display: block;}
.imgScroll-left .bd ul li a .text{display: none;}
.imgScroll-left .bd ul li a:hover .text{background: url(../images/mask_bg.png);position: absolute;top:0;left:0;color: #fff;width:235px;padding:23px 10px;display: block;}
.imgScroll-left .bd ul li a:hover .text p{line-height: 20px;height:40px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;text-shadow: 0px 1px 1px #000;}
.imgScroll-left .bd ul li a img{max-width:80%;display: block;margin:0 auto;vertical-align: middle;max-height:66px;}
.pop_code{position: absolute;top:90px;left:50%;margin-left:-110px;width:198px;text-align: center;background: #fff;border: 1px solid #ddd;z-index: 2;box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.22);padding:10px;display: none;}
.pop_code .out{position: absolute;left: 50%;margin-left:-10px;height: 0px;  width: 0px;line-height: 0;border-width: 10px;border-color: transparent transparent #fff transparent;  border-style: dashed dashed solid dashed;top: -20px;}
.pop_code img{width:180px;height:180px;}
.pop_code p{padding-top:10px;color: #666;}
.nav_hotrecom{background: #fff;margin-bottom:10px;padding:0 10px;}
.nav_hotrecom ul{padding:10px;}
.nav_hotrecom ul li{float: left;width:16.6%;text-align: center;line-height: 36px;height:36px;position: relative;}
.nav_hotrecom ul li .pop_code{top:36px;}
.nav_classific{width:710px;float: left;}
.nav_classific .classific{padding:0 10px;margin-bottom:10px;background: #fff;}
.nav_classific ul{margin-left:-10px;padding-bottom:10px;}
.nav_classific ul li{margin-left:11px;width:222px;float: left;height:80px;position: relative;padding-top:10px;}
.nav_classific ul li a{padding:10px;height:80px;width:222px;box-sizing: border-box;display: table-cell;vertical-align: middle;text-align: center;*display: block;}
.nav_classific ul li a img{max-width:80%;display: block;margin:0 auto;vertical-align: middle;max-height:60px;}
.nav_classific ul li a p{height:30px;line-height: 30px;overflow: hidden;background: #0082c9;color: #fff;position: absolute;bottom:0;left:0;width:100%;display: none;}
.nav_classific ul li a:hover p{display: block;}
.nav_popularity{width:340px;float: right;background: #fff;margin-bottom:10px;padding:0 10px;}
.nav_popularity ul li{padding:10px 0;position: relative;margin:5px 0;}
.nav_popularity ul li a{display: block;padding-left:54px;}
.nav_popularity ul li a i{position: absolute;top:50%;left:2px;margin-top:-22px;}
.nav_popularity ul li a i.num_ord{margin-top:-18px;}
.nav_popularity ul li .img_box{width:140px;position: absolute;left: 54px;}
.nav_popularity ul li .img{height:66px;box-sizing: border-box;-webkit-box-sizing: border-box; display: table-cell;vertical-align: middle;text-align: center;*display: block;}
.nav_popularity ul li .img img{width:80%;display: block;margin:0 auto;vertical-align: middle;max-height:66px;}
.nav_popularity ul li .title{margin-left:150px;}
.nav_popularity ul li .title p{height:44px;line-height: 22px;overflow: hidden;color: #333;}
.footers{padding:70px 0 50px;text-align: center;}
.footers .box{display: inline-block;text-align: left;color: #666;line-height: 28px;padding-left:46px;position: relative;*display:inline;}
.footers .box .netcheck{position: absolute;left:0;top:3px;}
.left_side{position: fixed;top:196px;left:50%;margin-left:-688px;}
.left_side ul{background: #0082c9;overflow: hidden;}
.left_side li{background: #fff;color: #0082c9;margin:3px;text-align: center}
.left_side li.on{background: #0082c9;}
.left_side li a{color: #0082c9;font-size: 16px;display: block;width: 120px;line-height: 18px;padding:10px 5px;}
.left_side li.on a{color: #fff;}
.left_side .go_top{position: relative;padding-top:11px;}
.left_side .go_top:after,
.left_side .go_top:before{content: "";height:30px;top:0;background: #0082c9;width:2px;position: absolute;}
.left_side .go_top:before{left:32px;}
.left_side .go_top:after{right:32px;}
.left_side .go_top a{color: #fff;font-size: 16px;display: block;line-height: 38px;text-align: center;background: #0082c9;}
/*列表页面*/
.nav_listpage{border-top:2px solid #0082c9;}
.nav_listpage .nav_wrapper{overflow: inherit;}
.nav_listpage .nav_crumbs{font-size: 16px;padding:15px;}
.nav_listpage .nav_crumbs span{color: #000;}
.nav_list ul{padding:5px;margin-bottom:20px;}
.nav_list ul li{float: left;width:20%;position: relative;}
.nav_list ul li a{display: block;}
.nav_list ul li .img{margin:10px;border:1px solid #f5f5f5;overflow: hidden; height: 93px;}
.nav_list ul li .img div{height: 93px;box-sizing: border-box;-webkit-box-sizing: border-box;display: table-cell;vertical-align: middle;text-align: center;width:194px;}
.nav_list ul li .img img{max-width: 80%;display: block;margin: 0 auto;vertical-align: middle;max-height: 93px;}
.nav_list ul li p{padding:5px 10px;text-align: center;height:32px;overflow: hidden;    line-height: 18px;}
.nav_list ul li .pure_text{text-align: left;margin:20px 0 0;height:40px;line-height:20px;}
.nav_list .no_img .pop_code{top:59px;}
.nav_list .has_img .pop_code{top:110px;}
.nav_list_title{padding-left:25px;font-size: 16px;color:#0082c9;position: relative;}
.nav_list_title:after{content: "";position: absolute;top: 5px;left: 16px;width:3px;height:17px;background: #0082c9;}
.no_record{text-align: center;padding:100px 0;}
.no_record p{color: #666;padding-top:20px;}
/*详情页面*/
.nav_code{padding:30px 0 100px;}
.nav_code_img{float: left;padding-left: 30px;}
.nav_code_img img{width:200px;height:200px;display: block;border:1px solid #ddd;padding:25px;}
.nav_code_img p{text-align: center;padding-top:10px;color: #666;}
.nav_code_intr{margin-left:370px;padding:10px 30px 0 0;}
.nav_code_intr h2{font-size: 24px;}
.nav_code_intr p{text-indent: -64px;padding:20px 0 20px 64px;font-size: 16px;}
.nav_code_intr .num{font-size: 16px;}