/*======================Reset=======================*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  

pre, form, fieldset, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent; line-height:1.8em;}



h1 {	font-size: 25px;}

h2 {	font-size: 23px;}

h3 {	font-size: 21px;}

h4 {	font-size: 19px;}

h5 {	font-size: 17px;}

h6 {	font-size: 15px;}

select{font-size:12px;font-family:simsun;}

ul,ol,li{list-style-type:none}

a {color:#3C3C3C;text-decoration:none; outline:none;/*FF标准去虚线框*/}

a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }

a:hover{color:#FF6600;text-decoration:underline;}

:focus {outline: none;}

body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}

table {border-collapse: collapse;border: none;} 

/*td{border: solid #000 1px; padding-left:5px;} */

caption, th, td {text-align: left;font-weight: normal; border: 1px solid #dddce1;}

table, td, th {vertical-align: middle;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}

a img {border: none;outline: none;}

ol {margin-left: 2em;}

sup {vertical-align: text-top;}

sub {vertical-align: text-bottom;}



/*======================浮动==================*/

.clear{clear:both;height:0px;overflow:hidden;}

.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

* html .clearfix { zoom:1}

.clearfix { display:block; }

.bugfix{zoom:1}



/*==========限制Detail页内图片大小======避免页面撑暴========*/

/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}

--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/





/*=====================文字样式===========================*/

.size_10{font-size:10px}

.size_11{font-size:11px}

.size_12{font-size:12px}

.size_13{font-size:13px}

.size_14{font-size:14px}

.size_16{font-size:16px}

.size_18{font-size:18px}

.size_20{font-size:20px}



.fc_white { color: #fff; }

.fc_red { color: #D00000; }

.fc_red02 { color: #F73501; }

.fc_black { color: #000; }

.fc_blue { color: #336599; }

.fc_blue02 { color: #0A4E97; }

.fc_gray { color: #333; }

.fc_orange { color: #FF663A; }

.fc_green { color: #007B00; }

.line_h26 { line-height: 26px; }

.line_h20 { line-height: 20px; }



/*=======================翻页样式===========================*/

.pager{text-align:center;padding:10px;}

.pager a{color:#0066CC;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}

.pager a:hover{color:#FFFFFF;background-color:#4483DC;}

.pager .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}



/*=====================文字阴影=============================*/

.context {position:relative;}

.context .normal{position:absolute;top:0px;left:0px;z-index:2;}

.context .shadow{position:relative;top:1px;left:2px;z-index:1;}

/*    文字阴影应用之HTML部分代码

<div class="context">

	<span class="normal">需要有阴影效果的文字</span>

	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>

</div>*/







/*================= 基础布局样式，随需要修改 =================*/

html{

overflow-x:hidden\9;

}



body{margin:0 auto;font-family:Arial;overflow-x:hidden; color:#3C3C3C; background:#E1E1E9;}

#wrapper{ width:1002px; margin:0 auto;}

#top{ position:relative; width:1002px; height:90px;margin:0 auto; z-index:30; color:#535756;}

#top .logo{position:absolute; top:10px; left:10px;height:30px; z-index:30;}

#top .other{ position:absolute; top:3px; right:0px; height:30px; z-index:30; width:20px; height:30px; padding:5px 0 0 37px;}

#top .login{position:absolute; top:20px;  right:0px;height:30px; z-index:30;}



#nav{height:25px;margin:0 auto; position:absolute; top:56px; left:306px;}

.nav{width:747px;margin:0 auto;}

.nav dd {float:left;}

.nav dd a.first{background-image:url(../images/nav.jpg);display:block;height:50px;text-indent:-10000em;}

.nav dd.nav0 a{background-position:-0px -0px;width:166px;}

.nav dd.nav1 a{background-position:-166px -0px;width:109px;}

.nav dd.nav2 a{background-position:-275px -0px;width:132px;}

.nav dd.nav3 a{background-position:-407px -0px;width:116px;}

.nav dd.nav4 a{background-position:-523px -0px;width:115px;}

.nav dd.nav5 a{background-position:-638px -0px;width:109px;}





.runav{width:747px;margin:0 auto;}

.runav dd {float:left;}

.runav dd a.first{background-image:url(../images/runav.jpg);display:block;height:50px;text-indent:-10000em;}

.runav dd.nav0 a{background-position:-0px -0px;width:166px;}

.runav dd.nav1 a{background-position:-166px -0px;width:115px;}

.runav dd.nav2 a{background-position:-281px -0px;width:126px;}

.runav dd.nav3 a{background-position:-407px -0px;width:116px;}

.runav dd.nav4 a{background-position:-523px -0px;width:115px;}

.runav dd.nav5 a{background-position:-638px -0px;width:109px;}





#nav dl dd{position:relative;z-index:30;}

#nav dl dd ul{position:absolute;top:-25px;left:1px;background:url(../images/nav_tit.png);}

#nav dl dd ul li{display:block; float:left;padding:0 0 0 10px;overflow: hidden;}

#nav dl dd span{ height:25px; display:block; overflow:hidden; float:left;}

#nav dl dd ul li a{height:25px;line-height:25px;text-align:center;width:100%;color:#fff;}

#nav .nav1 ul{width:464px;}

#nav .nav2 ul{width:524px;}

#nav .nav3 ul{width:186px;}

#nav .nav4 ul{width:165px;}

#nav .nav5 ul{width:400px;left:-220px;}



.ver{ width:170px; height:16px; line-height:16px; top:12px; right:18px; position:absolute; }



.ver ul li { width:70px; height:11px; margin-left:10px; text-align:center; line-height:16px; font-size:12px; display:inline; float:left;}

.ver ul li a{ width:70px; height:11px; line-height:11px; text-align:center; display:block; color:#007117; float:left; }

.ver ul li a:hover{ color:#d7000e;}

.ver ul li img{ margin-right:3px;}







.lmenu{ width:211px; position:relative;background: url(../images/lmenu_mid.jpg) repeat-y;}

.nav_list{ width:201px;overflow:hidden; position:relative; z-index:1;}

.nav_list dd{ _display:inline;}

.nav_list dd a{ line-height:30px; font-family:"微软雅黑"; font-size:13px; color:#FFFFFF;}

.nav_list dd a:hover{ line-height:30px; font-family:"微软雅黑"; font-size:13px; color:#333;}

.move{ width:0px; height:34px; overflow:hidden; background:url(../images/lmenu_hover.jpg) right top no-repeat; position:absolute; left:0; top:0; +z-index:-1;}

.move .move_left{ width:10px; height:34px; overflow:hidden; background:url(../images/lmenu_hover.jpg) no-repeat; float:left;}



.menu_info{ width:202px; margin-bottom:40px;}

.menu_info a{ display:block; width:188px; height:23px; margin:10px 0 0 10px; padding:52px 0 0 15px; text-decoration:none;}

.menu_info .img01 a{ background:url(../images/sub01.jpg) no-repeat;}

.menu_info .img02 a{ background:url(../images/sub02.jpg) no-repeat;}

.menu_info .img03 a{ background:url(../images/sub03.jpg) no-repeat;}





#main #menu {

float: left;

width: 202px;

 margin-left:10px;

 margin-top:10px;

 display:inline;

}

#main #menu div {

/*color: #fff;*/

font-size: 12px;

font-weight: bold;

height:63px;

/*width: 202px;*/

}



#main #menu #left_comm{ width:180px; padding:10px; height:auto; border:1px solid #ccc;}



#main #menu #left_comm td{ border:0px}



#main #menu dl dd a {

background: url(../images/lmenu_bg.jpg) no-repeat;

color: #333333;

display: block;

height: 36px;

line-height: 36px;

padding-left:5px;

width: 197px;

 overflow:hidden;

}

#main #menu dl dd a:hover, #main #menu dl dd a.hover {

background: url(../images/lmenu_hover.jpg) no-repeat;

color: #FFFFFF;

text-decoration: none;

}

#main #menu dl dd ul li a {

background-image: url(../images/lmenu.jpg);

color: #333333;

font-weight: normal;

height: 33px;

line-height: 33px;

padding-left: 45px;

width: 170px;

}

#main #menu dl dd ul li a:hover, #main #menu dl dd ul li a.hover {

background-image: url(../images/lmenu.jpg);

color: #FF6600;

font-weight: normal;

}



#banner{width:1002px; height:160px; margin:0 0 10px 0;}
.banner .swiper-pagination-bullet-active{ background:#fff;}

#main #path{float:right;display:inline;width:763px; height:46px; margin:10px 10px 10px 0;background:url(../images/path.jpg) no-repeat;}

#main #path .title{float:left; display:block;  font-size:14px; font-weight:bold; color:#3F3F3F; padding:10px 0 0 25px;margin-left:5px;height:27px;}

#main #path .title span{ padding-left:5px;font-weight:normal; font-size:11px; color:#989898;font-family:Arial;}

#main #path .link{ float:right;}

#main #path .link h3{float:left; display:block;font-size:12px; font-weight:normal; color:#fff; padding:5px 0 0 11px;width:43px;}

#main #path .link_path{ margin:12px 20px 0 0;float:left; display:inline;}

#main #path .link a{padding:0 1px;}

#main #path .link a.hover{ color:#005bac;}





#main #path_pro{width:982px; height:46px; margin-top:10px; margin-left:10px; margin-bottom:10px; background:url(../images/path_pro.jpg) no-repeat; float:left;}

#main #path_pro .title{float:left; display:block;  font-size:14px; font-weight:bold; color:#3F3F3F; padding:10px 0 0 25px;margin-left:5px;height:27px;}

#main #path_pro .title span{ padding-left:5px;font-weight:normal; font-size:11px; color:#989898;font-family:Arial;}

#main #path_pro .link{ float:right;}

#main #path_pro .link h3{float:left; display:block;font-size:12px; font-weight:normal; color:#fff; padding:5px 0 0 11px;width:43px;}

#main #path_pro .link_path{ margin:12px 20px 0 0;float:left; display:inline;}

#main #path_pro .link a{padding:0 1px;}

#main #path_pro .link a.hover{ color:#005bac;}



#main #content{float:right;display:inline;width:735px;min-height:400px;height:auto !important;height:400px;overflow:visible; margin:0 20px 0 0;}



#main #content_pro{width:982px;min-height:400px;height:auto !important;height:400px;overflow:visible; margin-left:10px;}



#foot{height:38px; text-align:center;}

.footer{ width:1002px; line-height:38px; margin:0 auto; text-align:center; color:#666666;font-family:Arial;}

.footer .foot_01{ width:490px; height:38px; float:left;}

.footer .foot_01 li{padding:2px 5px; float:left;}

.footer .foot_01 li span{ display:block; width:20px; height:20px; float:left; margin-right:3px;}

.footer .foot_01 li .ico02{ background:url(../images/ico2.jpg) no-repeat 0 1px;}

.footer .foot_01 li .ico03{ background:url(../images/ico3.jpg) no-repeat 0 1px;}

.footer .foot_01 li .ico04{ background:url(../images/ico4.jpg) no-repeat 0 1px;}

.footer .foot_01 li .ico05{ background:url(../images/ico5.jpg) no-repeat 0 1px;}

.footer .foot_02{ width:300px; height:35px; float:right; padding-top:3px;}

.link_dropdown{ float:left;}

.link_dropdown select{width:120px; margin-left:8px;}



.Main_Login{ margin:30px 0 0 10px;}

#member{ width:330px; color:#835436; margin:0 auto;}

#member li{ margin:10px 0; float:left; display:inline;}



#member .text{ float:left; width:75px; text-align:right;}

#member .table{ float:left; width:180px;}

#member .table2{ float:left; width:200px;}

#member .login{ margin:0 0 20px 0;}

#member .login_btn{ margin:0 0 0 40px;}





.Index_Login{ margin:0px 0 0 10px;}

.Index_Login{ width:530px; height:30px; color:#835436;}

.Index_Login li{ margin:10px 0; float:left; display:inline;}

.Index_Login .text{ float:left; width:70px;}

.Index_Login .table{ float:left; margin-right:10px;}

.Index_Login .login_btn{ padding:12px 0 0 0;}

.logininfo{ float:left; margin:12px 0 0 10px; display:inline; text-align:right; width:415px;}

#Checkout{ float:left; margin:12px 0 0 10px; display:inline;}







#memberreg{ width:460px; color:#835436;}

#memberreg li{ width:460px; margin:10px 0; float:left; display:inline;}

#memberreg li label{ float:left; width:110px; text-align:right; padding-right:20px;}

#memberreg #btnSub{ padding-left:20px; padding-bottom:20px;}





#main #left_menu {

float: left;

width: 202px;

 margin-left:10px;

 margin-top:10px;

 display:inline;

}



#main #left_menu #left_comm{ width:180px; padding:10px; height:auto; border:1px solid #ccc; float:left;}



#main #left_menu #left_comm td{ border:0px;}



.cont-left dl dt{ width:202px; height:28px; line-height:28px; margin-bottom:2px; font-weight:bold; color:#333; border-bottom:1px solid #DDDDDD; float:left; overflow:hidden; background:url("../images/left-bg.gif") repeat-y scroll left 0 transparent; text-indent:10px; cursor:pointer;}

.cont-left dl dt a{ display:block; height:28px; line-height:28px;color:#333; font-weight:bold; text-indent:10px; font-size:12px; float:left;overflow:hidden;}

.cont-left dl dt a:hover{ color:#d7000e; text-indent:10px; }



.cont-left dl dd{ width:202px; height:28px; line-height:28px; text-indent:20px; border-bottom:1px solid #f5f5f5; float:left; overflow:hidden;}

.cont-left dl dd a{ display:block; width:202px; height:28px; line-height:28px; color:#333; float:left; overflow:hidden;}

.cont-left dl dd a:hover{ color:#d7000e; background:url("../images/left-bgjt.gif") no-repeat 8px 8px ; }





#selected{ background:url("../images/left-bgjt.gif") no-repeat 8px 8px ; color:red;}

#selected_red{ color:#d7000e; background:#efefef;}

.fd { position: fixed; /*left: 50%; margin-left: 600px;*/ z-index:9999999; top: 120px; right:5%; width: 100px; height: 350px; }

.fd dl dd { text-align: center; margin-bottom: 10px; color:#005bac; line-height:20px; font-family:"微软雅黑"; }

.fd dl dd img { border: none; }

.fd dl dd i { position: absolute; margin-top: -40px; right: -120px }

.fd dl dd a i { position: absolute; margin-top: 0px; right: 80px; opacity: 0; -webkit-opacity: 0; }

.fd dl dd :hover i { position: absolute; margin-top: 0px; right: 80px; opacity: 1; -webkit-opacity: 1; }

.fd dl dd a p { position: absolute; margin-top: -4px; right: 80px; opacity: 0; -webkit-opacity: 0; }

.fd dl dd :hover p { position: absolute; margin-top: -4px; right: 80px; opacity: 1; -webkit-opacity: 1; }