@charset "utf-8";
/* CSS Document */

/*主页通用样式*/
a{ text-decoration:none; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; color:#000;}
h1,h2,h3,h4,h5,h6,{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important; margin:0px; padding:0px;}
li,ul,ol,dl,dt,dd{padding:0px; margin:0px; list-style:none;}


/*结构样式*/
body{ width:100%;font-size:14px; margin:auto; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
#contain{ width:1020px; height:125px;margin:0 auto;background:#f0f0f0;}
#head{ width:1020px; height:125px; margin:0 auto; position:relative; }
#nav{ width:1020px; height:38px; background:#0C89BD; margin:5px auto;}
#content{ width:1020px;  margin:auto; }
#leftside{ width:200px; float:left;}
#rightbox{ width:790px;  float:right;}
.cl{ clear:both;}
#textarea{ width:100%; height:auto; margin-top:6px; }
#fengge{ width:100%; height:8px; background:#fff;}
#footer{ width:100%; height:auto;  background:url(../images/bg.jpg) repeat;}

#head .head-left {
    width: 400px;
    float: left;
    margin-top: 20px;
}

#head .head-left img {
    width: auto;
    height: 100%;
    max-height: 70px;
}

img {
    border: 0;
}

/*HEAD*/
.cart{ position:absolute; right:0px; top:27px;}
.cart span{ font-size:16px; font-weight:bold; color:#fff; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; top:0px; right:25px; position:absolute;}
.search_l {position: inherit;}
.search_l{right: 180px;width: 250px;height: 38px;background: #fff;padding-left: 5px;margin-top:40px;margin-left:213px;}
.btn1{right:40px;background: #0c89bd;color: #fff;font-size: 20px;width: 125px;height: 41px;border: none;cursor: pointer;margin-top:40px;float:right;}
.sj_gjz{ position:absolute; bottom:8px; right:197px; color:#3b3b3b; font-size:15px;}
.sj_gjz span a{ color:#3b3b3b;}

/*add by df 2017.08.05*/
.s_gjc{margin-top:80px;text-align: center;font-size: 12px;}
.top_dec{    text-align: center;
    position: absolute;
    top: 10px;
    right: 0px;
	color:#282828;}
.top_dec span{font-weight:bold}

/*NAV*/
.nav_bar{ width:1000px; margin:auto;}
.nav_1 li{ float:left; margin-right:55px; line-height:38px; font-weight:500; font-size:16px;color: #fff;}
.nav_1 li a{ color:#FFF;font-size: 14px;font-weight: bold;text-transform: uppercase;}
.nav_1 li a:hover{color:#000000;}
.jfwi a:hover{color:#000000;}

.first_nav{ padding-left:60px; padding-right:60px; width:80px; height:38px; float:left; background:#0c89bd;}


/*LEFT_SIDEBAR*/
.leftnav1{ background:#4286b7; width:200px; height:35px; text-align:center; position:relative;}
.left_menu1{ background:#ADD8E6; width:180px; border-left:1px solid #1b1b1b; border-right:1px solid #1b1b1b; border-bottom:1px solid #1b1b1b; padding:9px;  margin-bottom:10px;}
.leftnav1 p{ color:#FFF; font-size:15px; font-weight:500; line-height:39px; padding-right:10px;}
.jaei{ z-index:999; position:absolute; top:12px;padding-left: 40px;}
.left_menu1 li{ line-height:30px;}
.left_menu1 li a{ color:#000000; font-size:15px;}
.left_menu1 li a:hover{ color:#00CCFF;}

.tejipage img{ width:200px; height:200px; margin-bottom:10px; border:0px;}
.tejipage img:hover{ border:2px solid #be0022;}

/*RIGHT*/


/*BANNER部份的CSS*/
#box {width:790px; height:400px; background:#000; position: relative; overflow: hidden;z-index:5000; margin-bottom:10px; float:left;}
#list {position:absolute; left:0; top:0;}
#list li {width:500px; height:400px; cursor: pointer;}
#num {position: absolute; right:10px; bottom:10px;}
#num li {width:16px; height:16px; float:left; margin-right:2px; color:#fff; cursor: pointer; font-size: 12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:16px; text-align: center; border:1px solid #fff;}
.active {background:#ff6600;}

.top3{ width:278px; height:398px; float:right; background:#fff; border:1px solid #be0022;}
.top3_nav{ height:36px;  background:#be0022; border:1px solid #be0022; color:#fff; font-size:16px; font-weight:bold; line-height:38px; text-align:center;}
.top3_table li{ width:278px; height:119px; border-bottom:1px solid #be0022;}
.no{float:left; padding-left:6px; padding-top:15px;}
.nopc{float:right; padding-right:8px;  padding-top:10px;height: 80px;width: 85px;}
.star{margin-left:15px; margin-top:18px;}
.tejia{font-size:21px; color:#F00; font-weight:bold; margin-left:80px;}
.yuanjia{font-size:12px; color:#ccc; text-decoration:line-through; margin-left:80px; margin-top:-3px;}
.top3_table h2{ margin-top:4px; margin-left:8px; width:255px;}
.top3_table h2 a{font-size:14px; color:#000; font-weight:300;}
.top3_table h2 a:hover{color:red;}


.guigp{ width:790px; height:140px; margin-bottom:12px;}
.guigp li{ float:left; }
.guigp li a img{width:262px; height:140px; overflow:hidden; border:0px;}
.jwqifi{ margin-right:2px;}


.hot{ background:url(../images/hot.jpg) no-repeat; width:790px; height:51px; margin-bottom:4px;}
.hot span{ color:#FFF; font-weight:bold;font-size:24px; line-height:56px; padding-left:92px;}

.joae{ width:256px; border:1px solid #ccc; float:left; margin:0 8px 10px 0;}
.joae1{ width:256px; border:1px solid #ccc; float:right;margin:0 0 10px 0;}
.weof{ width:256px; height:256px; border:0px;}
.cp_title{font-size:15px; margin-top:8px; line-height:1.4em; height:80px;text-align:center; padding:0px 8px;margin-bottom: 8px;}
.cp_title a{ color:#333;}
.cp_title a:hover{ color:#be0022;}
.cart_c{ margin:2px 28px 9px 28px;}
.tejia2{ font-size:24px; color:#F00; font-weight:bold; padding-left:80px; float:left; margin-top:-35px;}
.yuanjia2{ padding-right:8px; font-size:12px; text-decoration:line-through; color:#999; float:right; padding-right:35px; margin-top:-30px;}



.TOP4{ background-color: #01B1C0; width:790px; height:51px; margin-bottom:4px; margin-top:12px;}
.TOP4 span{ color:#FFF; font-weight:bold;font-size:24px; line-height:56px; padding-left:10px;}

.cp_descption{ margin-top:6px; padding:12px; width:766px; height:215px; background:#eae8e9;}
.desc_imga{ float:left; margin-right:15px;}
.desc_tit{font-size:15px;font-weight:bold; line-height:1.4em; margin-left:5px; margin-top:2px;}
.desc_tit a{color:#000;}
.desc_tit a:hover{color:#be0022;}
.desc_ms{ color:#333; font-size:14px; line-height:1.5em;  float:left; width:320px;  margin-left:5px; margin-top:-8px;}
.desc_right{ float:left; width:192px; margin-top:-8px; margin-left:14px;}
.desc_right span{ display:block; font-size:14px; line-height:1.5em;  border-bottom:1px solid #9a9a9a; color:#000;}

.desc_shop{ float:right; width:192px;}
.tejia2_des{font-size:18px; font-weight:bold; color:#F00; margin-left:-5px; }
.yuanjia2_des{font-size:12px; text-decoration:line-through; color:#9a9a9a; }
.cart2{ margin-left:-5px;}

/*textarea*/
.texta{ width:1000px; margin:auto; padding:10px 0; font-size:14px; line-height:1.5em;}
/*add by df 2017.08.05*/
.texta a{color:#000;font-weight:bold}

/*footer*/
.footer_con{width:1000px; margin:auto; padding-top:15px;}
.maoji{ text-align:center; margin-top:5px; font-size:14px;}
.maoji a:hover{ color:#F00;}
.pay{ margin-left:180px; margin-top:8px; padding-bottom:10px;}
.cantact li{ float:left; margin-right:10px;  margin-top:6px;}
.cantact img{ width:48px; height:48px;}


/*BANQUAN*/
#banquanxx{ width:100%; height:auto; background:#5e5e5e;}
.jfwoej{ width:1000px; margin:auto; padding:10px 0px;}
.jfwoej{ text-align:center; color:#FFF;}


/*产品页*/
.home_png{ float:left; margin-right:8px;}
.bread{ font-size:15px;  color:#000; padding-bottom:7px; border-bottom:1px dotted #9a9a9a; margin-bottom:10px; padding-top:2px;}
.bread a{font-size:15px; color:#000;  }
.bread a:hover{color:red;  }


.left_tpxx{ float:left; width:346px;}
.slul{ margin-top:5px;}
.SmallImg li{ float:left; margin-right:2px; width:65px; height:65px; border:1px solid #9a9a9a;}




.right_tpxx{ float:right; width:428px; height:426px; overflow:hidden; }
.tz_tpxx{ margin-bottom:15px;}
.tpxx_tit{font-size:15px; font-weight:bold; color:#000;  line-height:1.4em; margin:0px; }
.tz_tpxx span{font-size:15px; font-weight:bold; color:#ccc;  margin-right:10px; background-color:red; padding:3px 10px; -webkit-border-radius:5px;  -moz-border-radius:5px; text-align:center;     }
.tpxx_ms{font-size:14px; color:black;  line-height:1.5em; padding:8px 0px; margin-top:5px; border-top:1px dotted #9a9a9a; border-bottom:1px dotted #9a9a9a; font-weight:normal; margin-bottom:10px;}
.jia_xx{font-size:14px;color:#000; margin-top:8px;}
.tej_xx{ font-size:21px; color:#F00; font-weight:bold;}
.old_xx{font-size:12px; color:#555; text-decoration:line-through;}
.jaoei{ display:block; font-size:14px;color:#000;  padding-top:3px;}
.shopcar{ margin-top:10px;}

.daohan{ background:url(../images/nav-ce.jpg) repeat-x; width:775px; height:35px; margin-top:10px; font-size:18px; line-height:35px; padding-left:15px;}
.msiowe,.iqoei{font-size:14px;color:#000; line-height:1.6em;}

.fenjiexian{ width:790px; height:10px;}


.text_descrption{ border:1px solid #ccc; margin-bottom:10px;}
.text_title{ padding:10px; font-weight:bold; font-size:15px; color:#FFF; line-height:1.5em; width:180px; height:24px; background:#4286B7; text-align:center;}
.text_descms a{ color:#000; font-size:14px; font-weight:normal; line-height:1.5em;}
.text_descms{ padding:8px 10px; }

/* the other.css */
/* CSS Document */
/*BANNER*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom:1;
}
ul, li {
    list-style:none;
}
img {
    border:0;
}
.wrapper {
    width:790px;
}
h1 {
    height:50px;
    line-height:50px;
    font-size:22px;
    font-weight:normal;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.shuoming {
    margin-top:20px;
    border:1px solid #ccc;
    padding-bottom:10px;
}
.shuoming dt {
    height:30px;
    line-height:30px;
    font-weight:bold;
    text-indent:10px;
}
.shuoming dd {
    line-height:20px;
    padding:5px 20px;
}
/* qqshop focus */
#focus {
    width:790px;
    height:280px;
    overflow:hidden;
    position:relative;
}
#focus ul {
    height:380px;
    position:absolute;
}
#focus ul li {
    float:left;
    width:790px;
    height:280px;
    overflow:hidden;
    position:relative;
    background:#000;
}
#focus ul li div {
    position:absolute;
    overflow:hidden;
}
#focus .btnBg {
    position:absolute;
    width:790px;
    height:20px;
    left:0;
    bottom:0;
    background:#000;
}
#focus .btn {
    position:absolute;
    width:780px;
    height:10px;
    padding:5px 10px;
    right:0;
    bottom:0;
    text-align:right;
}
#focus .btn span {
    display:inline-block;
    _display:inline;
    _zoom:1;
    width:25px;
    height:10px;
    _font-size:0;
    margin-left:5px;
    cursor:pointer;
    background:#fff;
}
#focus .btn span.on {
    background:#fff;
}
#focus .preNext {
    width:45px;
    height:100px;
    position:absolute;
    top:95px;
    background:url(../images/sprite.png) no-repeat 0 0;
    cursor:pointer;
}
#focus .pre {
    left:0;
}
#focus .next {
    right:0;
    background-position:right top;
}


/*TEXTAREABLOCK*/
.textblock{ width:760px; padding:15px; background:url(../images/bg.jpg) repeat;  margin:10px 0px;}

/*推荐品*/

.hotREC{ background-color:#01B1C0; no-repeat; width:790px; height:40px; margin-bottom:4px;}
.hotREC span{ color:#FFF; font-weight:bold;font-size:24px; line-height:40px; padding-left:10px;}
.recomend{ width:790px; height:auto; margin-top:3px;}
.recomend li{ width:188px; height:auto; border:1px solid #ccc;  margin-bottom:10px;height:280px;}
.fl_pic{ float:left; margin-right:10px; position:relative;}
.toptp{ position:absolute; right:0px; top:0px;}
.last{ float:right; position:relative;}
.flpic1{ width:188px; height:188px; overflow:hidden;}
.recom_title{ font-size:14px; margin-top:0px; padding:6px 8px;height:40px;line-height:1.4em;margin-bottom:5px;}
.recom_title a{ color:#333;height: 35px;overflow: hidden;display: block;}
.recom_title a:hover{ color:red;}
.tej{font-size:21px; color:#F00; font-weight:bold; padding-left:8px; float:left;}
.yuanj{ padding-right:8px; font-size:12px; text-decoration:line-through; color:#999; float:right; display:block; margin-top:6px;}
h2{ margin:0px; padding:0px;}
.jiage{ margin-top:-5px; padding-bottom:2px;}

/*TEXTAREABLOCK2*/
.textblock2{ width:760px; padding:15px; background:url(../images/bg.jpg) repeat;  margin:5px 0px;}


.line_px{ width:790px; height:250px; border-bottom:1px dotted #ccc; margin-top:10px;}
.line1{ width:245px; height:245px; overflow:hidden; border:1px solid #ccc; float:left; margin-right:13px;}
.line_l{ float:right; width:530px; height:245px; position:relative;}
.line_title{ font-size:15px; margin-top:5px;line-height:1.4em;  font-weight:600; padding-bottom:3px;}
.line_title a{ color:#000;}
.line_title a:hover{ color:red;}
.tej1{font-size: 21px;
    color: #F00;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 10px;}
	
.yuanj1{    font-size: 15px;
    text-decoration: line-through;
    color: #999;
    margin-left: 20px;}
.starx{ }
.description{ padding-top:10px; margin-top:-8px; font-size:15px; line-height:1.6em; color:#666;}
.description>p{line-height:1.2em !important;}
.line_l>p{ line-height:23px;}
.cart3 img{ position:absolute; left:0px; bottom:20px;}
.cart3{ position:absolute; left:0px; bottom:6px;}

.paiw{ margin-top:10px;}
.cpt{width:198px; overflow:hidden; border:1px solid #9a9a9a; margin-top:4px;}
.cp_title{font-size:14px;font-weight:bold; height:80px; line-height:1.5em; margin-top:8px; text-align:center; padding:0px 6px;}
.cp_title a { color:#000;height: 40px;overflow: hidden;display: block; }
.cp_title a:hover{color:#0066CC;}
.star--{ margin-top:5px; margin-left:5px;}
.yuanjia--{font-size:11px; text-decoration:line-through; color:#999; float:right; margin-right:8px; margin-top:3px;}
.tejia--{ font-size:18px; font-weight:bold; color:#F00; float:left;  margin-top:-3px; margin-left:68px;}
.cart--{ margin:6px 32px; }

.nav_rectj{ width:200px; height:36px; background:#4286B7; font-size:15px; font-weight:600; text-align:center; line-height:36px; color:#FFF;}

.fenji{ width:790px; height:10px;}
.shopcart1{background:#E9A126; font-weight: 900;color:#000; text-align:center;font-size:16px;padding:10px 18px;  border: none; display:block; border-radius:4px;margin-top:16px; width:195px;cursor: pointer;height: 40px; }
.eFabricColors_title{margin-bottom:12px;font-weight:bold;}
.se { height: 30px;}

/* help */
.bread_navtop{ width:980px; margin:24px auto; height:30px; background:#fafafa; padding-left:20px;}
#middlebox{ width:1000px; margin:18px auto;}
.titkey{ font-size:21px; color:#333; font-weight:normal; padding-bottom:14px; border-bottom:2px solid #ccc; font-weight:bold; padding-top:8px; margin-bottom:15px; position:relative;}
.titkey>span{ padding-bottom:14px; border-bottom:2px solid #be0022; }

.titkey2{ font-size:21px; color:#333; font-weight:normal; padding-bottom:14px; border-bottom:2px solid #5c9c04; font-weight:bold; padding-top:8px;background:#fafafa;text-indent:12px;}
.titkey2>span{ padding-bottom:14px;  }


.keywdsgroup{  padding:10px 10px 10px 10px; border:1px solid #ccc; border-radius:5px; margin-bottom:18px;}
.keywdsgroup>li{ line-height:1.8em; text-indent:20px; background:#fafafa; padding:4px 1px; margin-bottom:6px; border-radius:5px; }
.keywdsgroup>li>a{ color:#333;}
.keywdsgroup>li>a:hover{ color:#5c9c04;}
.nexjian{ position:absolute; right:0px; top:8px; }

.keywdsgroup li span{ padding-right:5px; font-family: Helvetica,Arial, sans-serif}
.pagenum { float: right;margin-top: -2px;}


 /* product-description */

.description-text{
	line-height:1.5em;}

 .news-dl dd em{
	 margin-left:50px;}

.tag-recommend {
    width: 1000px;
    height: 250px;
	border:1px solid #ccc;
    margin-top: 10px;
	padding:5px;}
.tag-td {
    float: right;
    width: 700px;
    position: relative;
}
.tag_title {
    font-size: 16px;
    margin-top: 5px;
    line-height: 1.4em;
    font-weight: 600;
    padding-bottom: 3px;
}
.line_l>p {
    line-height: 23px;
}

.tag-recommend-description {
    padding-top: 10px;
    margin-top: -8px;
    font-size: 15px;
    line-height: 1.6em;
    color: #666;
}

.new-arrivals-h1 {
    text-align: center;
}
.new-arrivals-p {
    line-height: 20px;
}
.new-arrivals-bread {
    margin-top: 10px;
}
.new-arrivals-bread a:hover {
    color:#0C89BD;
}
.new-rightbox {
    width: 790px;
    float: right;
}
.new-leftside {
    width: 220px;
    float: left;
}

.newsdescripution{font-size:16px;}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb a {color:#337ab7;}
.breadcrumb a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;}

.all-tag{}
.all-tag a {
    font-size: 13px;
    display: inline-block;
    padding: 0 10px;
    min-height: 28px;
    line-height: 28px;
    border: 1px solid #0088CC;
    border-radius: 10px;
    margin: 2px 0;
    transition: all .2s;
}