@charset "utf-8";
@import url("base.css");
/* CSS Document */

/* General Styling */
#container{ width:1000px !important; width:1040px; margin:40px auto; padding:20px; background:#fff;}

/*---=== Header ===---*/
#header{ width:1000px; margin:0 auto; background:url(../images/header.jpg) no-repeat 0 0; overflow:hidden; }
#header .logo{ width:400px; height:100px;background:url(../images/logo.png) no-repeat 0 0; float:left;}
#header .subnav{ width:200px; height:30px; float:right; text-align:right; margin-right:10px; }
#header .subnav a{ height:30px; padding:0 10px; font:12px/30px Arial,"微软雅黑"; color:#fff; }
#header .subnav a:hover{ color:#ea4b35; }
/*------------menu */
#nav{ width:1000px; display:block; overflow:hidden; }
#nav li{ display:block; background:url(../Images/nav.jpg) no-repeat 0 0;
         font:bold 10pt/50px Arial,"微软雅黑"; float:left;}
#nav li a{ color:#fff; width:125px; text-align:center;  float:left;  /*background:url(../Images/line.png) no-repeat right center;*/}
#nav li.last{ background:url(../Images/nav.jpg) no-repeat 0 -100px; }
#nav li:hover, #nav li.active{ background:url(../Images/nav.jpg) no-repeat 0 -50px;}
.active{width: 125px; height: 50px; background:url(../Images/nav.jpg) no-repeat 0 -50px;}

/* Dropdown */

#nav li ul{ width:100px; color:#fff;display:none; z-index:999999; position:absolute;top:170px;font:bold 10pt/40px  Arial,"微软雅黑";}

#nav li ul li a{ color:#fff;width:100px;line-height:40px;background: #353535; border-bottom:1px solid #404040;}
#nav li ul li a:hover{ color:#fff; background:#252525;border-bottom:1px solid #404040;}
/*#nav li ul li.active{ width:125px;background:#fc6;border-bottom:1px solid #353535;}*/
#nav li ul li:last-child a{ border:none;}
#nav li:hover ul{ display:block;}
/**/
/*产品分类菜单样式*/
.demo{width:200px;margin:0 auto;}
.menu_head{ height:40px; margin:0; padding-left:30px; cursor:pointer;position:relative; 
            font:bold 10pt/40px 微软雅黑; background:#2b2b2b; border-bottom:#252525 1px solid;
            border-top:#343434 1px solid;}
.menu_head:hover{ background:#242424;}
.menu_list .current{ }
.menu_body{ width:200px; display:none; overflow:hidden;}
.menu_body a{display:block;background: #505050; color: #fff; padding-left: 30px;
             border-bottom: 1px #454545 solid; border-top: 1px #555 solid;
             text-decoration:none;overflow: hidden;font:bold 10pt/40px 微软雅黑;}
.menu_body a:hover{color:#ddba58; background: #484848; text-decoration:underline;}

/*************************************/
/*首页焦点图Touch Slide*/
/*************************************/
#banner_pro{ width: 1000px;height: 300px;background: url(../images/mid_03.jpg);}
#kinMaxShow{visibility:hidden;width:1000px;margin: 0 auto; /*height:450px;*/ overflow:hidden;}

/*Banner*/
.js { position:relative; width:1000px; /*overflow:hidden;*/ margin:0 auto;left:50%; margin-left:-500px; clear:both; z-index:1; background:url(../images/loading.gif) center no-repeat}
.jsRow{ width:1000px; margin:20px auto; height:180px; overflow:hidden;}

.jsNav { /*position:absolute; right:200px; bottom:45px;*/ height:170px; }
.jsNav a{ height:170px; width:310px; display: inline-block; border:#262626 5px solid}
/*.jsNav a{ height:33px; width:102px; display: inline-block; margin:0 0 0 10px; border:#fff 1px solid}*/
a.imgSelected { border:#ffd86e 5px solid;}
.indexjs{height:450px;}
.subjs{ height:450px}
#kmsBox{width: 700px !important; width: 710px;height: 450px !important; height: 460px;
        background: #fff;margin: 0 auto; padding: 5px;}

/*-----index main-----*/
#home_img{ width:1000px; margin:20px auto; overflow:hidden;}
#home_img a{ width:320px; height:180px; background:url(../images/home_img.jpg) no-repeat;}
#home_img a.left{ background-position:0 0; float:left;}
#home_img a.middle{ background-position:-320px 0; float:left; margin:0 20px;}
#home_img a.right{ background-position:-640px 0; float:right;}
/*--- inside web title---*/
#title{ width:1000px; height:65px; background:url(../Images/inside_title.png) no-repeat top center; padding-bottom:12px; overflow:hidden; margin:0 auto;}
#title .left{ width:400px; height:53px; margin-left:15px; padding-left:20px; background:url(../Images/icon.png) no-repeat left center; float:left; 
              font:bold 10pt/53px  Arial,"微软雅黑";}
#title .right{ width:400px; height:53px; margin-right:15px; float:right; font:10pt/53px  Arial,"微软雅黑"; text-align:right; text-decoration:underline;}

#main{ width:1000px; overflow:hidden; margin:20px auto;}
#main .left{ width:200px; float:left;}
#main .left .list{ width:200px;}
#main .left .list_tit{ width:200px; height:50px; background:#e84c3d; color:#fff;
                text-align:center; font:bold 15px/50px  Arial,"微软雅黑";}
#main .left .left_img{ background:url(../images/left_img.jpg); width:200px; height:120px;margin-top: 20px;}
#main .left .left_img2{ background:url(../images/left_img2.jpg); width:200px; height:120px;margin-top: 20px;}
/* Sub Menu*/
ul#subMenu, ul#subMenu ul { list-style-type:none; margin: 0;  padding: 0;  width:200px;}
ul#subMenu a { display: block; text-decoration: none;}
ul#subMenu li { font: bold 10pt/50px Arial, "Microsoft YaHei"; }
ul#subMenu li a { background: #eee; color: #000; height:50px; padding-left:20px;                   
                  border-bottom:#dadada 1px solid; border-top:#fff 1px solid;}
ul#subMenu li a:hover { background: #ccc; color:#e84c3d;
                        border-bottom:#bababa 1px solid; border-top:#e5e5e5 1px solid;}
ul#subMenu li ul li a { background: #505050; color: #fff; padding-left: 20px;
                        border-bottom: 1px #454545 solid; border-top: 1px #555 solid;}
ul#subMenu li ul li a:hover,ul#subMenu li ul .current a { background: #484848; padding-left: 20px;}



#main .right{ width:780px; float:right; background:#fff;}
#main .right .txtColumn{ height:50px; background:url(../images/doc.jpg) repeat-x center bottom;}
#main .right .txtName{ height:49px; background:url(../images/mini_icon.png) no-repeat left center;
                         font:bold 15px/49px Arial,"微软雅黑"; color:#000; padding-left:20px; border-bottom:solid 1px #eee; }
#main .right .txtContent{ color:#000; overflow:hidden; font:10pt/18px  Arial,"微软雅黑"; padding:20px 0;}
/*************************************/
/*新闻样式*/
/*************************************/
#search{ background:#eee; padding:20px; overflow:hidden; border-bottom: #dadada 1px solid;}
#search .textfield{ width:124px !important; width:130px; background:#fff; height:24px !important;
                          float:left;border:none; height:30px; padding:3px; font:10pt/24px Arial,"微软雅黑"; color:#333;}
#search .submit{ width:30px; background:#353535 url(../images/icon.png) no-repeat center center; 
                            float:right; height:30px; border:none;cursor:pointer;}
#search .submit:hover{ background-color:#e84c3d;}
/*************************************/
/*新闻样式*/
/*************************************/
/* news_list */
#news_list dl{ clear:both; width:780px; height:34px; padding:0; margin:0; border-bottom:#e5e5e5 dashed 1px;}
#news_list dl dt{ display:block; float:left; width:600px; font:10pt/34px Arial,"微软雅黑";padding-left: 15px;
                  background: url(../images/next.png) no-repeat 0 center;}
#news_list dl dd{ margin-left:600px; color:#999; text-align:right; font:10pt/34px Arial,"微软雅黑";}
/* news_show */
#news_show{ width: 780px;}
#news_show .news_show_tit{ height:60px; color:#ea4b35; font:bold 18px/60px  Arial,"微软雅黑"; text-align:left;}
#news_show .news_show_tag{ width:760px !important; width:780px; padding:0 10px; height:40px; font:9pt/40px  Arial,"微软雅黑"; color:#666; background:#f5f5f5; }
#news_show .news_show_con{ font:10pt/18px  Arial,"微软雅黑"; padding:10px 0; color:#000;}

/*************************************/
/*商品样式*/
/*************************************/
#pro_list { width:770px; overflow:hidden; margin-left: 10px;}
#pro_list a { display: block; float: left; width:160px !important; width: 180px; height:190px !important; 
              height: 210px; padding:10px; margin:10px 10px 0 0; background-color: #eee;}
#pro_list div { display: block; float: left; width: 170px; height: 170px; margin: 22px;}
#pro_list img { display: block; float: left; width: 160px; height: 160px;}
#pro_list ul { display: block; float: left; text-align:center; height: 35px; width: 100%; color: #333333; font:10pt/35px Arial,"Microsoft YaHei";}
#pro_list a:hover { background-color: #4b89dc; color: #FFFFFF;}
#pro_list a:hover  ul  { background-color: #4b89dc; color: #FFFFFF;}
#pro_show .pro_show_items { width: 780px;height: 780px; margin: 20px auto; text-align: center;background: #fff;}
#pro_show .pro_show_items img{ max-width: 100%!important; height: auto!important;width:expression(this.width > 740 ? "740px" : this.width)!important;}
#pro_show .pro_show_title{ width: 780px; overflow: hidden;}
#pro_show .pro_show_text{width: 700px; height:50px; color:#4a89dc; font:bold 25px/50px  Arial,"微软雅黑"; float: left;}
#pro_show a.pro_show_icon{width: 30px; height:30px; margin: 10px; float: right;border-radius: 100px;
                         background:url(../images/return.png) no-repeat 0 0;}
#pro_show a:hover.pro_show_icon{ background:#e84c3d url(../images/return.png) no-repeat 0 -30px;}
#pro_show .pro_show_tag{ width:760px !important; width:780px; padding:0 10px; height:40px; font:10pt/40px  Arial,"微软雅黑"; color:#666; background:#eeeeee; }
/*商品切换图*/
#pro_focus { width: 780px; height: 780px; clear: both; overflow: hidden; position: relative; float: left; }
#pro_focus ul { width: 780px; height: 780px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#pro_focus ul li { float: left; width: 780px; height: 780px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#pro_focus .preNext { width: 390px; height: 780px; position: absolute; top: 0px; cursor: pointer; }
#pro_focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#pro_focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }

/* index main */

#footer{ margin:0 auto; padding:10px; background:#eee;}
#footer .txt{ text-align:center; color:#fff; font:10pt/16px 微软雅黑;}
#contactus{ width:1000px; margin:10px auto; padding:0 0 10px 0;}
#contactus .txt{ text-align:center; color:#ccc; font:10pt/16px 微软雅黑;}

/* show room */
div.wrapper { width: 720px; margin: 10px auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: 10px; z-index: 100; width: 45px; height: 100px; overflow: hidden; text-indent: -9999em; margin-top: -50px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 720px; height: 500px; }
    #slideshow ul { display: none; }


/*留言区域*/
.form_box dl{clear:both;padding:10px 0;font-size:12px;line-height:28px;}
.form_box dl dt{display:block;float:left;width:150px;text-align:right; color:#000;
                font-weight: bold;}
.form_box dl dt em{padding-right:5px;color:#FF0000;font-style:normal;}
.form_box dl dd{margin-left:150px; padding-left:10px;}
.form_box dl dd i{display:block;line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd em{line-height:28px;color:#999;font-size:12px;font-style:normal;}
.form_box dl dd .btn_submit{padding:15px 30px;background:#52a152; color:#fff;font:bold 10pt/1em Arial,'Microsoft YaHei';
                            cursor:pointer; border:none;}
.form_box dl dd .btn_submit:hover{ background:#e84c3d; color:#fff;}

/*************************************/
/*Member会员中心样式*/
/*************************************/

#loginform{ float:left; width:320px;margin: 50px 170px; }
#loginform dl{clear:both; padding:8px 0; line-height:28px;font-size:14px;font-family:"Microsoft Yahei"; }
#loginform dl dt{display:block; float:left;width:70px; }
#loginform dl dd{ margin-left:70px;}
#loginform #msgtips{display:none; font-size:12px; color:#F00;}
#loginform dl dd .btn_login{display:inline-block; margin-right:10px; padding:10px 30px; cursor:pointer;border: none;
                        background:#01bf9d; color:#fff; font-size:18px; line-height:1em; font-family:"Microsoft Yahei";
                        -webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;
                        -o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;
}
#loginform dl dd .btn_login:hover{ background:#ea4b35; color:#fff; }

.wrap{ margin:0 auto; clear:both; width:1000px; text-align:left; }
	.wrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.boxwrap{ margin:0 auto;width:1000px; height:auto; background:#FAFAFA; text-align:left;}
	.boxwrap:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.main_box{padding:20px;background:#fff;}
.base_tit{border-bottom:1px solid #DADADA;color:#444;font-size:14px;margin:20px auto 2px 0;padding-bottom:5px;}
	.base_tit span{float:right;font-size:12px;font-weight:100;margin:5px 0 0 0;color:#ccc;}
	.base_tit span a{color:#999;}
.main_tit{border-bottom:1px solid #EEE;color:#444;font-size:18px;margin:0 0 20px;padding:0 0 10px;}
	.main_tit strong{color:#999;font:bold 12px/18px arial;margin:0 10px;}
	.main_tit span{float:right;font-size:12px;font-weight:100;margin:5px 5px 0 0;}
	.main_tit span{color:#ccc;}
	.main_tit span a{color:#999;}
	.main_tit i{display:block;margin-top:5px;color:#999;font-size:12px;font-style:normal;font-weight:normal;}
.main_head h3{margin-bottom:15px;font-size:15px;}
	.main_head .tips_box{margin-left:146px;}
/*会员注册*/
.reg-box{margin:0 auto;padding:0 50px;}
.reg-top ul{ padding:10px 0 10px; height:30px; border-bottom:1px solid #DADADA; }
	.reg-top ul li{ float:left; padding:0 30px 0 10px; height:30px; font:bold 20px "Microsoft Yahei"; color:#666; }
	.reg-top ul li em{ margin-right:5px; padding:5px 10px; background:#999; color:#FFF; font-size:20px;
	                   border-radius: 100px; font-family:Verdana, Geneva, sans-serif; }
	.reg-top .step .step1,
	.reg-top .stepsendmail .step2,
	.reg-top .stepcheckmail .step3,
	.reg-top .stepcheckerror .step2,
	.reg-top .stepverify .step2,
	.reg-top .stepsucceed .step3{color:#FF6C1E;}
	.reg-top .step .step1 em,
	.reg-top .stepsendmail .step2 em,
	.reg-top .stepcheckmail .step3 em,
	.reg-top .stepcheckerror .step2 em,
	.reg-top .stepverify .step2 em,
	.reg-top .stepsucceed .step3 em{background:#FF6C1E; }
.reg-con{margin-top:30px;}
	.reg-con dl{clear:both;padding:8px 0;font-size:14px; line-height:28px;font-family:"Microsoft Yahei";}
	.reg-con dl dt{display:block; float:left;width:150px;text-align:right;}
	.reg-con dl dt em{padding-right:5px; color:#FF0000; font-style:normal;}
	.reg-con dl dd{margin-left:150px; padding-left:10px;}
	.reg-con dl dd i{display:block; line-height:28px; color:#999; font-size:12px; font-style:normal; }
	.reg-con dl dd .btn_submit{padding:10px 30px;border:1px solid #cf5413;background:#FF6C1E;color:#fff;font-size:18px;line-height:1em;font-family:"Microsoft Yahei";cursor:pointer; }
/*提示样式*/
.msg_tips{margin:30px auto;position:relative;width:380px;}
.msg_tips .ico{display:block;float:left;background:url(../images/icon_tips.png) no-repeat left top;width:46px;height:46px; text-indent:-99999px;overflow:hidden;}
.msg_tips .ico.error{background-position:-50px 0;}
.msg_tips .ico.warning{background-position:-100px 0;}
.msg_tips .msg{margin-left:60px;}
.msg_tips .msg strong{margin-bottom:10px;font-size:14px;color:#444;}
.msg_tips .msg p{line-height:1.8em;}
/*************************************/
/*DTcms分页样式*/
/*************************************/

div.pages { padding:0; margin:40px 0 20px 0; text-align: left; font-family:Arial,'Microsoft YaHei'; font-size:10pt;}
div.pages a { padding:10px 15px; color: #969696; margin-right: 5px;text-decoration: none;background: #eee;}
div.pages a:hover {	background:#e84c3d; color:#fff; }
div.pages a:active { color: #fff; background-color: #37bc9b; }
div.pages span.current { padding:10px 15px; font-weight: bold; color: #fff; margin-right: 3px; background-color: #4a89dc;}
div.pages span.disabled { padding:10px 15px; color: #ccc; margin-right: 5px; background: #f0f0f0;}

#line{ height: 2px; background: url(../images/doc.jpg) repeat-x 0 bottom;}
#btn_submit a{ padding:10px 20px; background:#37bc9b; color:#fff;font:bold 10pt/1em Arial,'Microsoft YaHei';
                            cursor:pointer; border:none;}
#btn_submit a:hover{ background:#4a89dc; }

/*********************************************************/
/*返回顶部样式*/
/*********************************************************/
#scrolltop_item { width: 60px; height: 50px; position: fixed; right: 15px; bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none;}
#scrolltop_item.off { opacity: 0; visibility: hidden;}
#scrolltop { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat;
	background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px;}
#scrolltop:hover { background-color: rgba(0,0,0,.7);}
#scrolltop:active { background-color: rgba(0,0,0,.75);}