﻿/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-size:14px;font-family:"微软雅黑";} 
button,img {border:0;margin:auto} 
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:normal} 
ol,ul{list-style:none}  
h1,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
abbr,acronym { border:0}
.clear{clear:both; line-height:0;}
a{  text-decoration:none;  }
a:hover{  text-decoration:none;}




.lastbox{ width:auto; background-color:#01A17D; clear:both; }
.last{ width:1100px; margin:0 auto; height:100px; overflow:hidden;}
.last .l1,.last .l2,.last .l3{ float:left; line-height:100px; overflow:hidden;}
.last .l1{margin-top:30px; margin-left:64px;}
.last .l2{ font-size:20px; color:#ffffff; margin-left:20px; font-weight:bold;}
.last .l3 div{ float:left;}
.last .l3 div div{float:none; color:white; line-height:30px;}
.last .l31{ text-align:center; margin-left:74px; margin-right:60px;}
.last .l31 img{ margin:0 auto; margin-top:15px; }
.last .l32{ text-align:center; margin-right:50px;}
.last .l32 img{ margin:0 auto; margin-top:15px;}
.last .l33{ text-align:center; margin-right:46px;}
.last .l33 img{ margin:0 auto; margin-top:13px;}
.last .l34{ text-align:center;}
.last .l34 img{ margin:0 auto; margin-top:26px;}


/*ban*/
.ban{ height:650px; display:block; background:url(../images/ban.jpg) center no-repeat;}


/*第一层*/
.hkgaofang1{ background:#eeeeee;display:block;}
.hkgaofang1 h1{ text-align:center; font-size:30px; padding-top:45px; font-weight:bold;}
.hkgaofang1 h2{ text-align:center; font-size:20px; padding-top:15px; font-weight:bold; color:#595959}
.hkgaofang1 .div1{ width:1100px; margin:0px auto; display:block; padding-top:50px; padding-bottom:50px;}
.hkgaofang1 .div1 .left{ width:550px; float:left; margin-right:30px;}
.hkgaofang1 .div1 .right{ width:520px; float:left; background:#FFFFFF;  }

/*选择器*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*tab*/
.tab{ line-height:56px; font-size:14px;}
.tab a{ color:#07c;}
.tab a:hover{ color:#c00;}
.tab a.cur{ font-weight:bold;}


/*商品详细页*/
/*iteminfo*/
.iteminfo{}
.iteminfo_tit{ color:#333; font-size:22px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;  font-weight:normal; padding-bottom:12px; line-height:32px;}
.iteminfo_parameter{ padding:8px 0; padding-left:70px;}
.iteminfo_parameter_default{ color:#888;}
.iteminfo_parameter dt{  float:left; display:inline; width:120px; white-space:nowrap; text-align:left; color:#000; font-weight:bold;}

.iteminfo_mktprice{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:line-through;}
.lh32{ line-height:32px;}
.iteminfo_price{ color:#c00; font-size:14px; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
.sys_item_price{ color:#c00; font-size:22px; vertical-align:middle;}
.iteminfo_buying{  padding:0px 0;}

/*规格*/
.sys_item_spec dl.iteminfo_parameter{ padding-top:5px; padding-bottom:5px;}
.sys_item_spec dl.iteminfo_parameter dt{ line-height:32px; }
/**/
.sys_spec_text{}
.sys_spec_text li{ float:left; height:30px; position:relative; margin:2px 6px 2px 0; outline:none;}
.sys_spec_text li a{ height:26px; padding:1px 6px; border:1px solid #ccc; background:#fff; color:#959595; display:inline-block; line-height:26px; font-size:14px;}
.sys_spec_text li a:hover{ border:2px solid #01a17d; padding:0 5px; text-decoration:none; color:#01a17d}
.sys_spec_text li i{ position:absolute; width:10px; height:10px; font-size:0; line-height:0; right:2px; bottom:2px; background:url(img/sys_item_selected.gif) no-repeat right bottom; z-index:99; display:none;}
.sys_spec_text li.selected a{ border:2px solid #01a17d; padding:0 5px;}
.sys_spec_text li.selected i{ display:block;}

.hkgaofang1 .div2{width:100%; display:block;}
.hkgaofang1 .div2 dt{padding-left:70px;text-align:left; float:left; width:120px;font-size:16px; font-weight:bold; font-family:"微软雅黑",Arial, Helvetica, sans-serif; line-height:40px;}
.hkgaofang1 .div2 dd{padding-top:5px; padding-bottom:5px;}
.hkgaofang1 .div2 .jia{ border:none; background:url(../images/up.jpg) no-repeat; width:30px; height:30px;cursor:pointer;}
.hkgaofang1 .div2 .jian{ border:none; background:url(../images/down.jpg) no-repeat; width:30px; height:30px;cursor:pointer;}
.hkgaofang1 .div2 .num{ background:#FFFFFF; border:1px #bfbfbf solid; height:30px; width:50px;text-align:center; line-height:30px;}

.hkgaofang1 .div3{ padding:20px;}
.hkgaofang1 .div3 h5{font-size:18px; text-align:left; font-weight:bold;}

/*进度条样式*/
.progress-out {
    position: relative;
    border: 1px solid #bfbfbf;
    background-color: #fff;
}
.progress-in {
    position: absolute;
    height: 100%;
    width: 0%;
    border: none;
    background-color: #01a17d;
    text-align: center;
    color: #fff;
    z-index: 1;
}
.direction-left{
    left:0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.direction-right{
    right:0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.percent-show {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #000;
    text-align: center;
    z-index: 2;
}

.hkgaofang1 .divv{ width:120px; height:35px; text-align:center; line-height:35px; background:#eb6100; margin:20px auto 0px auto; float:left; margin-left:100px;}
.hkgaofang1 .divv a{color:#FFFFFF;font-size:16px;}
.hkgaofang1 .divv a:hover{ color:#000000;text-decoration:none}
.hkgaofang1 .divvv{ width:120px; height:35px; text-align:center; line-height:35px; background:#01a17d; margin:20px auto 0px auto; float:right; margin-right:100px;}
.hkgaofang1 .divvv a{color:#FFFFFF; font-size:16px;}
.hkgaofang1 .divvv a:hover{ color:#000000; text-decoration:none}
/*第二层*/
.hkgaofang2{ display:block;}
.hkgaofang2 h1{ text-align:center; font-size:30px; padding-top:45px; font-weight:bold;}
.hkgaofang2 h2{ text-align:center; font-size:20px; padding-top:15px; font-weight:bold; color:#595959; padding-bottom:10px;}
.hkgaofang2 .div1{ height:580px; width:1100px; margin:0px auto; background:url(../images/bg1.jpg) no-repeat top; display:block}
.hkgaofang2 .div1 .left{ width:285px; float:left}
.hkgaofang2 .div1 .left h3{ font-size:16px; padding-top:130px; padding-left:20px; color:#313131}
.hkgaofang2 .div1 .left h4{ font-size:16px; padding-top:130px; padding-left:20px; color:#313131}
.hkgaofang2 .div1 .zhong{ width:530px; float:left}
.hkgaofang2 .div1 .zhong .siceng{ margin-top:170px; font-size:30px; color:#626262;  text-align:center; line-height:55px;}
.hkgaofang2 .div1 .right{ width:285px; float:left}
.hkgaofang2 .div1 .right p{ font-size:16px; padding-top:170px; padding-right:20px; color:#313131}
.hkgaofang2 .div1 .right h5{ font-size:16px; padding-top:120px; padding-right:20px; color:#313131}

.hkgaofang2 .divv{ width:200px; height:35px; text-align:center; line-height:35px; background:#01a17d; float:left; margin-left:270px;}
.hkgaofang2 .divv a{color:#FFFFFF;font-size:16px;}
.hkgaofang2 .divv a:hover{ color:#000000;text-decoration:none}
.hkgaofang2 .divvv{ width:200px; height:35px; text-align:center; line-height:35px; background:#01a17d; float:right; margin-right:270px;}
.hkgaofang2 .divvv a{color:#FFFFFF; font-size:16px;}
.hkgaofang2 .divvv a:hover{ color:#000000; text-decoration:none}

/*第三层*/
.hkgaofang3{ background:#01a17d; height:100px;}
.hkgaofang3 h1{ text-align:center; font-size:30px; padding-top:10px; font-weight:bold; color:#FFFFFF}
.hkgaofang3 p{ text-align:center; font-size:24px; padding-top:5px; color:#fff; }

/*第四层*/

.hkgaofang4{ background:url(../images/bg2.jpg) top center no-repeat;  height:700px;}
.hkgaofang4 .div1{width:1100px; margin:120px auto 0px auto; position:absolute;left:50%; margin-left:-550px; color:#FFFFFF}
.hkgaofang4 .div1 .f1{ font-size:24px; font-weight:bold; text-align:center; display:block}
.hkgaofang4 .div1 .f2{ font-size:16px;  text-align:center; display:block; line-height:30px; padding-top:20px}
.hkgaofang4 .div1 dl{ padding-top:50px; display:block;}
.hkgaofang4 .div1 dl dd{float:left; width:250px; margin-left:50px; margin-right:50px; height:130px; line-height:30px; background:rgba(255,255,255,0.4); filter:alpha(opacity=40);font-size:16px;text-align:center;padding-top:20px; color:#fff}
.hkgaofang4 .div1 dl dd p{padding-top:15px}
.hkgaofang4 .div1 .divv { background:#01a17d;width:190px; height:35px; text-align:center; line-height:35px;position:absolute; margin-top:250px; margin-left:300px;}
.hkgaofang4 .div1 .divv a{color:#FFFFFF; font-size:16px;}
.hkgaofang4 .div1 .divv a:hover{ color:#000000; text-decoration:none}
.hkgaofang4 .div1 .divvv { background:#01a17d;width:190px; height:35px; text-align:center; line-height:35px;position:absolute; margin-top:250px; margin-left:550px;}
.hkgaofang4 .div1 .divvv a{color:#FFFFFF; font-size:16px;}
.hkgaofang4 .div1 .divvv a:hover{ color:#000000; text-decoration:none}

.hkgaofang4 .div2{width:1100px; margin:120px auto 0px auto; position:absolute;left:50%; margin-left:-550px; color:#FFFFFF}
.hkgaofang4 .div2 .f1{ font-size:24px; font-weight:bold; text-align:center; display:block}
.hkgaofang4 .div2 .f2{ font-size:16px;  text-align:center; display:block; line-height:30px; padding-top:20px}
.hkgaofang4 .div2 dl{ padding-top:50px; display:block;}
.hkgaofang4 .div2 dl dd{float:left; width:250px; margin-left:50px; margin-right:50px; margin-bottom:50px; height:85px; line-height:85px; background:rgba(255,255,255,0.4); filter:alpha(opacity=40);font-size:16px;text-align:center; color:#fff}

.hkgaofang4 .div3{width:1100px; margin:120px auto 0px auto; position:absolute;left:50%; margin-left:-550px; color:#FFFFFF}
.hkgaofang4 .div3 .f1{ font-size:24px; font-weight:bold; text-align:center; display:block}
.hkgaofang4 .div3 .f2{ font-size:16px;  text-align:center; display:block; line-height:30px; padding-top:0px}
.hkgaofang4 .div3 dl{ padding-top:20px; display:block;}
.hkgaofang4 .div3 dl dd{float:left; width:400px; margin-left:50px; margin-right:50px; margin-bottom:30px; height:200px; background:url(../images/kuang.png) no-repeat center; text-align:center; color:#fff}
.hkgaofang4 .div3 dl dd p{padding-top:15px; line-height:30px;}


.hkgaofang4 .div4{width:1100px; margin:120px auto 0px auto; position:absolute;left:50%; margin-left:-550px; color:#FFFFFF}
.hkgaofang4 .div4 .f1{ font-size:24px; font-weight:bold; text-align:center; display:block}
.hkgaofang4 .div4 .f2{ font-size:16px;  text-align:center; display:block; line-height:30px; padding-top:0px}
.hkgaofang4 .div4 dl{ padding-top:50px; display:block;}
.hkgaofang4 .div4 dl dd{float:left; width:235px; margin-left:50px; margin-right:50px; margin-bottom:30px; height:350px;  text-align:center; color:#fff}
.hkgaofang4 .div4 dl dd p{padding-top:15px; line-height:30px;}


/*第五层*/
.hkgaofang5{ display:block;}
.hkgaofang5 h1{ text-align:center; font-size:30px; padding-top:45px; font-weight:bold;}
.hkgaofang5 h2{ text-align:center; font-size:20px; padding-top:15px; font-weight:bold; color:#595959; padding-bottom:10px;}
.hkgaofang5 .div1{ height:540px; margin:0px auto; width:1100px; background:url(../images/bg5.jpg) top center no-repeat;}

.hkgaofang5 .div2{margin:0px auto; width:1100px;}
.hkgaofang5 .div2 .divvv { background:#01a17d;width:190px; height:35px; text-align:center; line-height:35px; margin-top:50px; margin-bottom:50px; float:left; margin-left:300px;}
.hkgaofang5 .div2 .divvv a{color:#FFFFFF; font-size:16px;}
.hkgaofang5 .div2 .divvv a:hover{ color:#000000; text-decoration:none}
.hkgaofang5 .div2 .divv { background:#01a17d;width:190px; height:35px; text-align:center; line-height:35px; margin-top:50px; margin-bottom:50px; margin-right:300px;  float:right;}
.hkgaofang5 .div2 .divv a{color:#FFFFFF; font-size:16px;}
.hkgaofang5 .div2 .divv a:hover{ color:#000000; text-decoration:none}

/*第六层*/
.hkgaofang6{ display:block; width:100%; height:730px; background:url(../images/bg6.jpg) top center no-repeat;}
.hkgaofang6 h1{ text-align:center; font-size:30px; padding-top:45px; font-weight:bold;}
.hkgaofang6 h2{ text-align:center; font-size:20px; padding-top:15px; font-weight:bold; color:#595959; padding-bottom:10px;}
.hkgaofang6 .div1{ height:570px; margin:10px auto; width:1100px;}
.hkgaofang6 .div1 .left{ width:450px; height:570px; background:url(../images/bg6_left.png) top center no-repeat; float:left;}
.hkgaofang6 .div1 .left .divv{ width:155px; height:40px; line-height:40px; text-align:center; background:#01a17d; color:#FFFFFF; font-weight:bold; margin:120px auto 0px auto; border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */  }
.hkgaofang6 .div1 .left .divvv{margin:20px 20px 0px 20px; line-height:30px;}
.hkgaofang6 .div1 .left .divvv p{ color:#707070}
.hkgaofang6 .div1 .left .divvv b{ color:#000}
.hkgaofang6 .div1 .left .divvv .xuxian{height:10px; border-bottom:1px #d2d2d2 dashed; margin-bottom:10px;}
.hkgaofang6 .div1 .zhong{ width:200px; float:left; color:#f3622e; font-size:90px; font-weight:bold; line-height:570px; text-align:center;}
.hkgaofang6 .div1 .right{width:450px; height:570px; background:url(../images/bg6_right.png) top center no-repeat; float:right;}
.hkgaofang6 .div1 .right .divv{ width:155px; height:40px; line-height:40px; text-align:center; background:#e60012; color:#FFFFFF; font-weight:bold; margin:120px auto 0px auto; border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */  }
.hkgaofang6 .div1 .right .divvv{margin:20px 20px 0px 20px; line-height:30px;}
.hkgaofang6 .div1 .right .divvv p{ color:#707070}
.hkgaofang6 .div1 .right .divvv b{ color:#000}
.hkgaofang6 .div1 .right .divvv .xuxian{height:10px; border-bottom:1px #d2d2d2 dashed; margin-bottom:10px;}


/*第七层*/
.hkgaofang7{ display:block;}
.hkgaofang7 h1{ text-align:center; font-size:30px; padding-top:45px; font-weight:bold;}
.hkgaofang7 h2{ text-align:center; font-size:20px; padding-top:15px; font-weight:bold; color:#595959; padding-bottom:30px;}
.hkgaofang7 .div1{ height:610px; background:url(../images/bg7.jpg) center top no-repeat;}
.hkgaofang7 .div1 h3{ font-size:24px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:60px;}
.hkgaofang7 .div1 h4{ color:#FFFFFF; font-size:18px; text-align:center; padding-top:10px;}
.hkgaofang7 .div1 .h5{font-size:24px; color:#FFFFFF; font-weight:bold; text-align:center; padding-top:395px;}
.hkgaofang7 .div1 .h6{color:#FFFFFF; font-size:18px; text-align:center; padding-top:10px;}

/*第八层*/

.hkgaofang8{ width:1100px; margin:0px auto; display:block}
.hkgaofang8 .div1{ width:1100px; margin:0px auto;}
.hkgaofang8 .div1 h1{ text-align:center; color:#313131; font-size:30px; line-height:30px; font-weight:bold; padding-top:60px;}
.hkgaofang8 .div1 h2{text-align:center; color:#313131; font-size:24px; line-height:30px;  padding-top:30px;}
.hkgaofang8 .div1 p{ color:#7d7d7d; font-size:16px; line-height:25px;  padding-top:30px; text-align:center;}
.hkgaofang8 .div2{ width:1100px; margin:0px auto;}

/*切换样式*/
.home_ad{width:1100px;overflow:hidden;margin:50px auto}

.home_ad .picScroll-left .bd .picList li{float:left;display:inline;background:#fff;padding:0px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.home_ad .picScroll-left .bd{padding:0 0px;}
.home_ad .picScroll-left .bd ul{overflow:hidden;zoom:1;}
.home_ad .picScroll-left .bd ul li{float:left;_display:inline;overflow:hidden;text-align:center;}
.home_ad .picScroll-left .bd ul li{text-align:center;}
.home_ad .picScroll-left .bd ul li img{width:360px;height:170px;display:block;padding:1px;}
.home_ad .picScroll-left .bd ul li a:hover img{border-color:#999;}
.home_ad .picScroll-left .bd ul li .title{line-height:24px;}

/*鼠标悬停*/
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;}
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;background:#000;width:100%;height:170px;overflow:hidden;opacity:.8;filter:alpha(opacity=80);}
.da-thumbs li a div.da-animate{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
/* Initial state classes:*/
.da-slideFromTop{left:0px;top:-100%;}
.da-slideFromBottom{left:0px;top:100%;}
.da-slideFromLeft{top:0px;left:-100%;}
.da-slideFromRight{top:0px;left:100%;}
/* Final state classes:*/
.da-slideTop{top:0px;}
.da-slideLeft{left:0px;}
.da-thumbs li a div span{display:block;position:relative;}
.home_ad .picScroll-left .bd .da-thumbs li a div span img{width:360px;height:168px;border:0;position:absolute;left:0px;top:0px;}




.scrollbox{ width: 1100px; margin: 0 auto; overflow: hidden; border-top: 1px solid #CFCFCF; padding: 0px; }
#scrollDiv{width:1100px;height:250px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:auto; width:1100px; padding:10px 20px;overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 solid 1px; line-height:25px;}
#scrollDiv li span{ font-size:16px; color:#7d7d7d; float:left; width:150px}
#scrollDiv li p{ font-size:16px; color:#7d7d7d; float:right; width:150px}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:300px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}
#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px; width:300px; color:#416A7F; line-height:18px; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(images/down.gif) no-repeat 0 0; text-indent:-9999px}







