@charset "utf-8";

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}
body{ font: 12px/180% Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; background-color: #f4f4f4; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block}
*+html .clearfix{min-height:1%}
/* logo_top */
.logo_top{}
.top_text{width:980px;position:relative;margin:0 auto;}
.top_text table{}
.top_text table li{float:right;}
.top_text table li a{float:left;display:block;text-align:center;font:12px/18px Arial;color:#00aeaa; margin-left:15px; text-decoration:underline}
.top_text table li a:hover{float:left;display:block;text-align:center;font:12px/18px Arial;color:#FFA304; margin-left:15px; text-decoration:underline}

.logo{width:980px;height:60px;margin:0 auto; padding-bottom:5px;}
.logo div{float:left;}
.logo .logo_search{ margin-left:15px; margin-top:5px;}
/* 2014-7-13 修改开始 */
.logo .logo_search .search_txt{

    width:360px; height:30px; margin-left:10px; margin-top:1px; border:0px; vertical-align:top}
.logo .ProductTag a{margin-left:0px; color:#000}

.logo .logo_search .select {
    position: relative;
    top: 0px;
	left:0px;
    border: 1px solid #c8c8c8;
    border-left: none;
    width: 162px;
    height: 30px;
    line-height: 38px;
    font: 12px/36px "Microsoft Yahei";
    color: #969696;
    padding: 0 0 0 0px;
    cursor: pointer;
    background-color: #fafafa;
}
 .logo .logo_search .select .icon {
    width: 13px;
    height: 7px;
    overflow: hidden;
    background: url(../img/home_sprite2_1017.png) no-repeat -14px -90px;
    position: absolute;
    left: 148px;
    top: 16px;
}


.logo .logo_search .select_pop {
    width: 232px;
    height: 288px;
    border: 1px solid #c8c8c8;
    position: absolute;
    top: 31px;
	z-index:9999;
    left: -1px;
    background-color: #fff;
    overflow: auto;
}

.select_pop a, .select_pop a:hover {
    display: block;
    height: 24px;
    padding: 0 5px 0 15px;
    text-decoration: none;
    font: 12px/24px "Hiragino Sans GB", "Simsun";
}



/* 2014-7-13 修改结束 */
/* nav_menu */
.nav_menu{ height: 35px;}
.nav{width:980px;height:35px;position:relative;margin:0 auto; background-color: #f4f4f4;border-bottom:1px solid #dddddd;border-top:1px solid #dddddd; }
.nav .list li{float:left;}
/* 2014-7-13 修改开始 */
.nav .list a{float:left;display:block; padding-left:10px; padding-right:10px; height:35px;text-align:center;font:bold 13px/36px Arial;color:#000000;}
/* 2014-7-13 修改结束 */
.nav .list a:hover{color:#FFA304;}
.nav .list a:hover,.nav .list .now{color:#F00;background:#fff;border-bottom:1px solid #FFF; text-decoration:underline;}
.nav .box{position:absolute;top:36px;width:980px;background:#FFF;overflow:hidden;height:0;filter:alpha(opacity=0);opacity:0;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;border-right:1px solid #dddddd;z-index:1000 }
.nav .cont{position:relative;padding:25px 0 0px 24px;}
/* sublist */
.sublist li{float:left;width:160px;padding-right:20px;padding-bottom:5px;z-index:0}
.sublist li h3.mcate-item-hd{font-family:Arial;padding-left:2px;font-size:14px;height:26px;line-height:26px;border-bottom:1px solid #dddddd;color:#333;}
.sublist li p.mcate-item-bd{padding-left:2px;}
.sublist li p.mcate-item-bd a{height:26px;width:160px;line-height:26px;margin-right:5px;font-size:12px;color:#666;text-decoration:none;display:inline-block;}
.sublist li p.mcate-item-bd a:hover{color:#6c5143;text-decoration:underline;}

/* flexslider */
.flexBox{width:980px;margin:0 auto; margin-top:20px;}

.navbread{width:980px;margin:0 auto; margin-top:5px;}

	.navbread a {
		text-decoration: none;
        font: 14px/24px "Hiragino Sans GB", "Simsun";
		font-weight:bold;
		color:blue;
	}

		.navbread a:hover{
		text-decoration: none;
        font: 14px/24px "Hiragino Sans GB", "Simsun";
		font-weight:bold;
		color:blue;
	}

/* 2014-7-13 修改开始 */
.flexslider{position:relative; width:665px;height:300px;overflow:hidden;background:url(/img/loading.gif) 50% no-repeat; border:2px solid #dddddd;}
.small_banner{width: 300px;border:2px solid #dddddd;  height:300px}
/* 2014-7-13 修改结束 */
.slides{position:relative;z-index:1;}
.slides li{height:250px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}


/* main */

.main {width:980px; height:auto;margin:0 auto; margin-top:5px;}
.main .main_left{width:270px;float:left}
.main .main_left .scribe{width:270px; height:150px;border:1px solid #dddddd; border-top:3px solid #D71A1A; background-color:#FFF}
.main .main_left .scribe h3{color:#D71A1A; margin-left:50px; margin-top:15px;}
.main .main_left .scribe p{margin-left:25px; }
.main .main_left .scribe input{margin-left:25px; margin-top:5px; width:210px;}
.main .main_left .scribe img{margin-left:25px; margin-top:10px;}

.main .main_left .left_banner{width:270px;margin-top:10px;}
.main .main_left .left_banner li{margin-top:0px;}
.main .main_left .left_banner li img{border:1px solid #dddddd;}

.main .facebook{width:270px; height:450px;background-color:#FFF; border:1px solid #dddddd; border-top:2px solid #D71A1A}
.main .facebook h3{ text-align:center; margin-top:20px; color:#D71A1A}
.main .facebook table{ margin-left:10px; margin-top:15px;}
.main .facebook td{width:75px}
.main .facebook p{ margin-left:10px; margin-top:10px;}
.main .facebook ul{ margin-left:10px; margin-top:15px;}
.main .facebook ul li{margin-right:5px; float:left}
.main .facebook li img{width:60px; height:60px}

.main .main_right{width:700px; margin-left:10px; float:right}
.main .main_right .main_list{width:700px; background-color:#dddddd; margin-bottom:10px;}
.main .main_right .main_list .list_title_txt{width:150px;height:35px;background-color:#D71A1A;}
.main .main_right .main_list .list_title_txt h3{ text-align:center; line-height:35px; color:#FFF;font-family:Arial; font-size:16px }
/* 2014-7-13 修改开始 */
.main .main_right .main_list .list_title_txt h3 a{ text-align:center; line-height:35px; color:#FFF;font-family:Arial; font-size:16px }
/* 2014-7-13 修改结束 */
.main .main_right .main_list .content_list{width:698px; height:1070px;background-color:#FFF; border:1px solid #dddddd; border-top:3px solid #D71A1A;}
.main .main_right .main_list .content_list ul li{width:170px; float:left; margin-left:3px; margin-top:5px; height:350px;}
.main .main_right .main_list .content_list .commodity{width:170px;position:relative;}
.main .main_right .main_list .content_list .commodity:hover{border:1px solid #dddddd;width:170px;}
.main .main_right .main_list .content_list .commodity .commodity_title{ text-align:center; height:110px; }
.main .main_right .main_list .content_list .commodity .commodity_title a:hover{ color:#D71A1A}
.main .main_right .main_list .content_list .commodity .commodity_sbox{position:absolute;width:170px;}
.main .main_right .main_list .content_list .commodity .commodity_pirce{font-size:16px; font-weight:bold;color:#D71A1A; text-align:center;}
.main .main_right .main_list .content_list .commodity .commodity_fs{font-size:12px; color:#209eff; text-align:center;}
.main .main_right .main_list .content_list .commodity .commodity_Drop{font-size:12px; color:#959595; text-align:center;}

/* Flashlight */
.Flashlight{width:980px; height:440px; margin:0 auto;}
.Flashlight .light_title{background-color:#dddddd;}
.Flashlight .light_title .light_title_txt{width:180px;height:35px;background-color:#D71A1A}
.Flashlight .light_title .light_title_txt h3{text-align:center; line-height:35px; color:#FFF;font-family:Arial; font-size:16px }
.Flashlight .light_box{width:978px;height:380px;background-color:#FFF; border:1px solid #dddddd; border-top:3px solid #D71A1A;}
.Flashlight .light_box ul{ margin-top:15px;}
.Flashlight .light_box li{ float:left; margin-left:5px;}

/* hotkey */
.hotkey{width:980px; height:280px; margin:0 auto; background-color:#FFF; border:1px solid #dddddd;}
.hotkey h2{ margin-left:10px; margin-top:10px; color:#D71A1A}
.hotkey .keyli{ margin-left:10px; margin-top:10px; height:70px;}
.hotkey .keyli li{ margin-right:5px; float:left; margin-bottom:10px}
.hotkey .keyli li a{ padding:5px; background-color:#D71A1A; color:#FFF}
.hotkey .whyBox{ width:970px; height:150px;border:1px solid #cdcdcd;background-color:#e7e7e7; margin-left:4px;}
.hotkey .whyBox h1{margin-left:10px;margin-top:10px;color:#D71A1A}
.hotkey .whyBox .whyBox1{margin-left:10px;margin-top:10px; width:400px; float:left}
.hotkey .whyBox .whyBox1 ul{margin-left:20px;}
.hotkey .whyBox .whyBox1 li{list-style-type:disc}
.hotkey .whyBox .whyBox2{margin-left:10px;margin-top:10px; width:500px; height:80px; border-left:1px solid #dddddd; float:right;}
.hotkey .whyBox .whyBox2 h3{margin-left:20px;}
.hotkey .whyBox .whyBox2 ul{margin-left:20px; margin-top:10px}
.hotkey .whyBox .whyBox2 ul li{margin-right:15px; float:left; vertical-align:bottom; height:40px;}
.hotkey .whyBox .whyBox2 ul li .img_box{vertical-align:bottom; height:50px; line-height:40px;}
/* ContentUS */
.ContentUS{width:980px; height:180px; margin:0 auto; background-color:#FFF; margin-top:20px}
.ContentUS .CU_Top{ background-image:url(/img/bottom.jpg); height:10px;}
.ContentUS .CU_middle{height:160px;width:960px; border-left:10px solid #d4d4d4;border-right:10px solid #d4d4d4; }
.ContentUS .CU_middle div{ float:left; width:200px; margin-top:20px;margin-left:40px;}
.ContentUS .CU_middle h2{ padding-bottom:10px;}
.ContentUS .CU_middle li{list-style-image:url(/img/ico_arraw_2.gif); margin-left:20px;}
.ContentUS .CU_middle li a{ color:#474747}
.ContentUS .CU_middle li a:hover{ color:#D71A1A}
.ContentUS .CU_middle .middle_dd li{list-style-image:none }
.ContentUS .CU_Bottom{ background-image:url(/img/bottom.jpg);height:10px;}

/* foot */
.foot{width:980px; height:180px; margin:0 auto; background-color:#FFF; margin-top:20px; border-top:5px solid #D71A1A}
.foot p{ text-align:center;}
.foot .Note{ color:#494949}
.foot div{text-align:center}
.foot img{ padding-right:20px;padding-left:20px;}


subpage_wrap{padding:0 10px 10px}
.sitemapbox{padding:0 0 20px 20px}
.sitemaplist{overflow:hidden}
.sitemaplist li{float:left;width:290px;padding:10px 8px}
.sitemaplist li .category{padding-top:20px}
.sitemaplist li h2{line-height:30px;padding-bottom:5px}
.sitemaplist li h2 a{font-size:16px;color:#f66907}
.sitemaplist dt{padding-left:10px;line-height:22px}
.sitemaplist dt a{color:#4a4a4a;font-size:14px}
.sitemaplist dd{background-position:1px 7px;line-height:20px;padding:0 0 0 12px;margin-left:25px}
.sitemaplist dd a{color:#666;font-size:12px}
.sitemaplist dd a:hover{color:#f66907}

.clearfix:after{display:block;clear:both;height:0;visibility:hidden;content:'\20'}
.clearfix{*zoom:1}

.btn-select { 
position: relative; 
display: inline-block; 
width: 160px; 
height: 30px; 
background-color: #969696; 
font: 14px/20px "Microsoft YaHei"; 
color: #000; 
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
} 
.btn-select .cur-select { 
position: absolute; 
display: block; 
width: 160px; 
height: 30px; 
line-height: 30px; 

background: #f4f4f4 no-repeat 125px center; 
text-indent: 10px; 
} 
.btn-select:hover .cur-select { 
background-color: #fff; 
} 
.btn-select select { 
position: absolute; 
top: 0; 
left: 0; 
width: 160px; 
height: 30px; 
opacity: 0; 
filter: alpha(opacity: 0); 
font: 14px/20px "Microsoft YaHei"; 
color: #969696; 
} 
.btn-select select option { 
text-indent: 10px; 
} 
.btn-select select option:hover { 
background-color: #dddddd; 
color: #fff; 
}