@charset "UTF-8";
*{
    padding:0;
    margin:0;
}
a{
    text-decoration: none;
    color:#585858;
}
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

input,img{
    border:none;
}
.clear{
    clear: both;
}

body{
    /*font-family: "Microsoft Himalaya","微软雅黑";*/
    font-size: 12px;
    color:#585858;
}
h1,h2,h3{
    margin: 0;
    padding:0;
}
.header{
    width: 100%;
    /* height:140px; */
}
#header{
    width: 100%;
    height:30px;
    background: #fafafa;
}
.top_nav{
    width:1000px;
    height:30px;
    margin: 0 auto;
    line-height:30px;
    text-align: right;
}
.top_nav a{
    margin: 0 5px;
}
.headBox{
    width: 1000px;
    height: 90px;
    margin: 0 auto;
    margin-top: 20px; 
}
.headBox .logo{
    width: 160px;
    height:80px;
    float: left;
}
.headBox .form{
    width: 498px;
    height:80px;
    margin: 0 35px 0 30px;
    /* border:1px solid #dddddd; */
    float: left;
}
.headBox .tel{
    width: 275px;
    height:80px;
    float: right;
}
/********导航*******/
#navBox{
    width: 100%;
    height:40px;
    border-bottom:2px solid #0676e4;
}
.nav{
    width: 1000px;
    margin: 0 auto;
}
.navClass{
    width: 220px;
    height:40px;
    float: left;
    cursor: pointer;
    position: relative;
}
.navClass h3{
    display: block;
    width: 100%;
    height:40px;
    font-size: 16px;
    color:#ffffff;
    background: url("../images/nav_bg.jpg") repeat-x;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    line-height:40px;
    text-align: center;
}
.navClass .productClass{
    width: 100%;
    /* height:405px; */
    border-left:1px solid #006cd6;
    border-right:1px solid #006cd6;
    border-bottom:1px solid #006cd6;
    position: absolute;
    left: 0;
    top:40px;
    z-index: 5;
}
.navClass .productClass p{
    width: 100%;
    height:30px;
    line-height:30px;
    padding-left: 15px;
    background: url("../images/icon_1.jpg")no-repeat right 15px center;
    font-size: 14px;
    font-weight: bold;
}
.navClass .productClass p i{
    margin-right: 10px;
}
.navClass .productClass ul li{
    padding-left:15px;
    height: 30px;
    line-height:30px;
}
.navClass .productClass .lihover{
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    box-shadow: 0 0 8px #dddddd;
    -webkit-box-shadow: 0 0 8px #dddddd;
    -moz-box-shadow: 0 0 8px #dddddd;
}
.navClass .productClass li:hover span{
    display:inline-block;
    width: 30px;
    height: 28px;
    background: #ffffff;
    float: right;
    position: relative;
    z-index: 20;
}
.submenu{
    width:780px;
    min-height:530px;
    border-right:1px solid #006cd6;
    border-bottom:1px solid #006cd6;
    border-left:1px solid #006cd6;
    padding: 10px 10px;
    background: #ffffff;
    position: absolute;
    left:217px;
    top:0;
    z-index: 19;
}
.submenu .subleft{
    width: 780px;
    height:auto;
}
.submenu .subleft dd{
    display: inline-block;
    padding: 0 5px;
}
/*************菜单品牌分类*****************/
/* #brand{
    width: 100%;
    height:auto;
} */
.navClass .productClass ul li#brand p{
padding-left: 0px;
}
.navClass .productClass li#brand:hover span{
    display: none;
}
.brandBox{
    width:780px;
    height:405px;
    border-right:1px solid #006cd6;
    border-bottom:1px solid #006cd6;
    border-left:1px solid #006cd6;
    padding: 10px 10px;
    background: #ffffff;
    position: absolute;
    left:217px;
    top:0;
    z-index: 19;
}
.brandBox dd{
    float: left;
    margin: 5px 10px;
}


.navBtn{
    width: 780px;
    height:40px;
    float: right;
    line-height:40px;
}
.navBtn ul li{
    float: left;
}
.navBtn ul li a{
    display: block;
    padding: 0 10px;
    font-size: 14px;
}
.firstBox{
    width: 1000px;
    height:405px;
    margin: 0 auto;
}
.firstBox .box{
    width: 765px;
    height:405px;
    float: right;
    padding-top: 10px;
}
.firstBox .box .box_top{
    width: 765px;
    height:260px;
}
.firstBox .box .box_top .yx_slider{
    width: 550px;
    height: 260px;
    float: left;
}/*用于获取更加体验*/
.firstBox .box .box_top .yx_slider .focus span{width:10px;height:10px;margin-right:10px;border-radius:50%;background:#666;font-size:0}
.firstBox .box .box_top .yx_slider .focus span.current{background:#fff}
.firstBox .box .box_top .yx_tab{
    width: 208px;
    height:260px;
    border:1px solid #cfcfcf;
    float: right;
}
.firstBox .box .box_top .yx_tab .yx_tabs{
    width: 206px;
    height:30px;
    background: #f5fbef;
}
.firstBox .box .box_top .yx_tab .yx_tabs a{
    display:block;
    width: 103px;
    height: 30px;
    line-height:30px;
    text-align: center;
    font-size: 14px;
    float: left;
    border-bottom:1px solid #cfcfcf;
}
.firstBox .box .box_top .yx_tab .yx_tabs a.line{
    border-right:1px solid #cfcfcf;
}

.firstBox .box .box_top .yx_tab .yx_tabs .current{
    background: #ffffff;
    border-bottom:1px solid #ffffff;
}
.firstBox .box .box_top .yx_tab .tabbox .tab_box{
    width: 198px;
    height: 230px;
}
.firstBox .box .box_top .yx_tab .tabbox .tab_box .sliders{
    width: 198px;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.firstBox .box .box_top .yx_tab .tabbox .tab_box ul{
    width: 100%;
    height: 400px;
    position: absolute;
    top: 0;
    left: 10px;
}
.firstBox .box .box_top .yx_tab .tabbox .tab_box ul li{
    width: 100%;
    height:26px;
    line-height:26px;
    background: url("../images/icon_03.jpg") no-repeat left center;
    padding-left: 15px;
}
.firstBox .box .box_b{
    width: 765px;
    height: 128px;
    background: #eeeeee;
    margin-top: 8px;
}
.firstBox .box .box_b #leftBtn{
    width: 40px;
    height:128px;
    float: left;
}
.firstBox .box .box_b #rightBtn{
    width: 40px;
    height:128px;
    float: right;
}
#warpBox{
    width: 685px;
    height: 128px;
    float: left;
    overflow: hidden;
    position: relative;
}
#warpBox ul{
    padding-top:8px;
    width: 1370px;
    position: absolute;
    left:0;
    top:0;
}
#warpBox ul li{
    width: 115px;
    height: 113px;
    background: #ffffff;
    float: left;
    margin: 0 10px;
    border:1px solid #dcdcdc;
    padding: 5px;
}
#warpBox ul li h3{
    font-size: 12px;
    height:30px;
    line-height:30px;
    text-align: center;

}
#warpBox ul li .img{
    width: 97px;
    height:70px;
    margin: 5px auto;
}
#warpBox ul li .img img{
    width: 97px;
    height:70px;
}
/**************热卖产品********************/
.hotBox{
    width: 1000px;
    height:180px;
    margin: 15px auto;
}
.hotBox ul li{
    width: 245px;
    height:245px;
    float: left;
    border:1px solid #dcdcdc;
    margin:0 2px;
    background: #f0f0f0;
    position: relative;
    padding: 10px 15px;
}
.hotBox ul li .info{
    width:200px;
    height:50px;
    position: absolute;
    left: 15px;
    top:10px;
    z-index: 2;
}
.hotBox ul li .info h3 {
    width: 200px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}
.hotBox ul li .info h3 a{
    color:#000000;
    font-weight: bold;
}
.hotBox ul li .info p{
    width: 75px;
    height:25px;
    background: #ff7200;
    text-align: center;
    line-height:25px;
    color:#ffffff;
}
.hotBox ul li .img{
    width: 245px;
    height:205px;
    position: absolute;
    right:0;
    bottom:10px;
    z-index: 1;
}
.hotBox ul li .img img{
    display: block;
    margin: 0px auto;
    max-height: 190px;
    max-width: 190px;
} 
/*********推荐产品*****************/
.recommendBox{
    width:1000px;
    height: 480px;
    margin:15px auto;
}

.ad_01{
    width: 1000px;
    height: 110px;
    margin: 20px auto;
}
#adBox1{
    width: 1000px;
    height:105px;
    margin: 15px auto;
}
#adBox1 .ad_left{
    width: 492px;
    height:105px;
    float: left;
    border:1px solid #bcbcbc;
}
#adBox1 .ad_right{
    width: 492px;
    height:105px;
    float:right;
    border:1px solid #bcbcbc;
}



.commont{
    width: 1000px;
    height:auto;
    margin: 20px auto;
}
.commont .dh{
    width: 1000px;
    height:30px;
    border-bottom:2px solid #2c92f5;
    line-height:28px;
}
.commont .dh .typename{
    width: 150px;
    height:30px;
    float: left;
}
.commont .dh .typename h2{
    font-size: 16px;
    margin: 0;
    line-height: 30px;
    font-weight: bold;
}
.commont .dh .search_hot{
    width: 700px;
    height:30px;
    float: right;
}
.commont .dh .search_hot span{
    display: block;
    width: 100px;
    height: 30px;
    float: left;
}
.commont .dh .search_hot .hotlist1{
    width: 600px;
    height: 30px;
    float: right;
    position: relative;
    overflow: hidden;
}
.commont .dh .search_hot .hotlist1 ul{
    width: 2000px;
    height: 30px;
    position: absolute;
    left:0;
    top:0;
}
.commont .dh .search_hot .hotlist1 ul li{
    padding: 0 5px;
    float: left;
}


.commont .dh .search_hot .hotlist2{
    width: 600px;
    height: 30px;
    float: right;
    position: relative;
    overflow: hidden;
}
.commont .dh .search_hot .hotlist2 ul{
    width: 2000px;
    height: 30px;
    position: absolute;
    left:0;
    top:0;
}
.commont .dh .search_hot .hotlist2 ul li{
    padding: 0 5px;
    float: left;
}


.commont .dh .search_hot .hotlist3{
    width: 600px;
    height: 30px;
    float: right;
    position: relative;
    overflow: hidden;
}
.commont .dh .search_hot .hotlist3 ul{
    width: 2000px;
    height: 30px;
    position: absolute;
    left:0;
    top:0;
}
.commont .dh .search_hot .hotlist3 ul li{
    padding: 0 5px;
    float: left;
}

.commont .list{
    width: 1000px;
    height:auto;
}
.commont .list ul li{
    width: 190px;
    height: 190px;
    float: left;
    margin: 10px 5px;
}
.commont .list ul li .img{
    width: 190px;
    height:140px;
}
.commont .list ul li .info{
    width: 190px;
    height:50px;
    text-align: center;
    font-size: 14px;
}
.commont .list ul li .info p{
    width: 190px;
    height: 25px;
    line-height:25px;
    color:#006cd6;
    font-weight: bold;
}

.commont .list ul li .info p span{
    margin-right: 10px;
}
.commont .list ul li .info h3{
    font-weight: 300;
    font-size: 14px;
    margin: 0;
}
.commont .list ul li .info h3 a{
    color:#ff7200;
}


#helpBox{
    width: 1000px;
    height:205px;
    margin: 20px auto;
    background: #f4f4f4;
}
#helpBox ul li{
    width: 200px;
    height: 205px;
    padding: 25px 10px 25px 15px;
    background: url("../images/help_line.jpg") no-repeat right center;
    float: left;
}
#helpBox ul li .liLeft{
    width: 55px;
    float: left;
}
#helpBox ul li .liRight{
    width: 120px;
    height: 155px;
    float: right;
}
#helpBox ul li .liRight p{
    width: 120px;
    text-align: center;
    font-size: 16px;
}
#helpBox ul li .liRight a{
    display: block;
    width: 120px;
    height:25px;
    line-height:25px;
    text-align: center;
}
#flink{
    width: 1000px;
    height:65px;
    border:1px solid #dcdcdc;
    background: #f4f4f4;
    line-height:65px;
    padding: 0 25px;
    margin: 0 auto;
}
#flink span{
    font-size: 14px;
}
#flink a{
    margin: 0 10px;
}
#footer{
    width: 1000px;
    height:auto;
    margin: 0 auto;
    position: relative;
}
#footer .f_nav{
    width: 700px;
    height:35px;
    line-height:35px;
    text-align: center;
    margin: 0 auto;
}
#footer .f_nav ul li{
    float: left;
    padding: 0 5px;
}
#footer .banquan{
    width: 500px;
    height: 30px;
    margin: 0 auto;
}
#footer .banquan p{
    width: 250px;
    height: 30px;
    float: left;
    line-height:30px;
}
#footer .zz{
    width: 1000px;
    height:60px;
    margin: 20px auto;
}
#footer .zz img{
    display:block;
    float: left;
    margin: 0 25px;
}