@charset "utf-8";
/* CSS Document */
/* Author: zq */
/* Time: 2014/12/3*/

/*header*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{ font:12px/24px '宋体'; color:#666;}
a{ color:#484848; text-decoration:none;}
h3{ font-family:"Microsoft YaHei";}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
*{ outline:none;}
.wd1200{ width:1200px; margin:0 auto;}
body a:hover,a:hover .brank_title,.h_serList li a:hover,.ask_list li a:hover,.hot_proList li a:hover span{ color:#078be3;}

/*header*/
.header{ position:relative; z-index:1000; width:100%; min-width:1200px; height:212px;}
.h_t{ width:100%; height:31px; line-height:32px; background-color:#f8f8f8; border-bottom:1px solid #ebebeb;}
.h_top{ position:relative; height:31px;}
.h_wxShow{ display:none; position:absolute; top:34px; right:192px; z-index:1000; background:#FFF url(../images/wx_shbd.png) no-repeat; width:102px; padding:16px 9px 12px 10px;}
.h_t,.h_t a{ color:#888;}
.h_sc{ margin-left:8px; margin-right:18px; display:inline;}
.h_sc a{ display:block; background:url(../images/h_ticon.png) no-repeat left; padding-left:18px;}
.h_tel{ margin-left:15px; height:31px; display:inline;}
.h_tel span{ float:left;}
.h_tel em{ float:left; font-family:"Microsoft YaHei"; color:#e50000; font-size:14px; font-style:normal;}
.h_look{ background:url(../images/h_icon2.jpg) no-repeat left; padding-left:18px; margin-left:18px;}
.h_service{ position:relative; z-index:600; width:60px; height:32px; margin-left:12px; display:inline;}
.h_serList{ display:none; position:absolute; top:32px; left:0; z-index:600; background-color:#FFF; width:60px; height:auto; overflow:hidden; padding:0 5px; border-bottom:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-radius:0 0 3px 3px; box-shadow: #ebebeb 0px 3px 4px;}
.h_serList li{ width:60px; height:24px; line-height:24px;}
.h_serList li a{ color:#666;}
.h_top .cur .h_serName{  background-color:#FFF;  border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb; border-radius:3px 3px 0 0; box-shadow: #ebebeb 0px 0px 4px;}
.h_top .cur .h_serName a{ background:url(../images/h_serho.png) no-repeat right; color:#078be3;}
.h_serName{ width:60px; height:32px; padding:0 5px;}
.h_serName a{ background:url(../images/h_serac.png) no-repeat right; padding-right:12px;}
.h_click{ color:#e0e0e0;}
.h_click a{ padding:0 11px;}
.h_cen{ position:relative; height:120px;}
.logo{ position:absolute; left:0; top:13px;}
.h_ser{ position:absolute; left:496px; top:25px;}
.h_serSel{ height:21px;}
.h_serSel li{ float:left; margin-right:2px; display:inline; background:url(../images/ser_selac.jpg) no-repeat; width:60px; height:21px; line-height:22px; text-align:center;}
.h_serSel li a{ display:block; width:60px; height:21px; color:#078be3;}
.h_serSel li.cur a,.h_serSel li a:hover{ background:url(../images/ser_selho.jpg) no-repeat; color:#FFF;}
.h_serText{ display:block; color:#a3b2bc; font-size:12px; background:url(../images/ser_text.jpg) no-repeat; width:322px; height:20px; line-height:20px; padding:9px 18px; border:0; border:none;}
.h_serSub{ display:block; background:url(../images/ser_sub.jpg) no-repeat; font-family:"Microsoft YaHei"; color:#FFF; font-size:15px; width:72px; height:38px; border:none; cursor:pointer;}
.h_serHot{ padding-top:2px;}
.h_serHot a{ color:#aaa; margin-right:8px;}
.h_dlist{ position:absolute; top:38px; right:0;}
.h_dlist li{ float:left; position:relative; width:52px; height:70px; margin-left:22px; display:inline;}
.h_dlist li img,.h_dlist li span{ display:block;}
.h_dlist li img{ margin-left:5px;}
.h_dlist li.cur .h_dName{ background:url(../images/sub_shicon.jpg) no-repeat bottom; padding-bottom:9px;}
/*购物车列表*/
.red{font-family:"Microsoft YaHei"; color:#e40808;}
.delete{ display:block; color:#ff8a00;}
.sub_show{ display:none; position:absolute; top:70px; z-index:800; width:346px; height:auto; overflow:hidden; background-color:#FFF; border:1px solid #e5e5e5; border-radius:4px; box-shadow: #e5e5e5 0px 0px 5px;}
.sub_prilist{ left:-222px;}
.sub_car{ left:-296px;}
.sub_shTop{ height:40px; line-height:40px; border-bottom:1px solid #eee;}
.sub_shTop h3{ color:#484848; font-size:14px; padding-left:9px;}
.sub_shTable{ height:355px; overflow-x:hidden; overflow-y:auto;}
.sub_shTable td{ border-bottom:1px dotted #ccc;}
.sub_shDown{ background-color:#f5f5f5; height:72px; padding-right:16px; padding-top:4px; text-align:right;}
.h_dlist li .sub_shDown  span{ display:inline-block;}
.sub_proTitle{ color:#078be3; padding-left:15px; display:block; line-height:20px;}
.sub_pdd{ padding-right:28px;}
.sub_priEnd{ display:block; background:url(../images/price_endbd.png) no-repeat; font-family:"Microsoft YaHei"; color:#FFF; font-size:16px; width:108px; height:32px; padding-right:16px; border:none; cursor:pointer;}

.h_dName,.h_memName{ position:relative; z-index:900; padding-top:4px; text-align:center;}
.h_dnum{ position:absolute; top:-10px; right:0; background:url(../images/h_numbd.png) no-repeat; font-family:Arial; color:#FFF; width:22px; height:20px; line-height:18px; text-align:center;}
.h_d{ width:100%; height:60px; background-color:#078be3;}
.h_down{ position:relative; height:60px;}
.h_me,.h_meName{ width:220px; height:60px;}
.h_me{ position:relative;}
.h_meName{ background-color:#ff8a00; line-height:60px; cursor:pointer;}
.h_meName h3{ background:url(../images/all_chalicon.jpg) no-repeat left; padding-left:28px; font-family:"Microsoft YaHei"; color:#FFF; font-size:15px; margin-left:20px;}
.nav{ position:absolute; top:0; left:220px;}
.nav li{ float:left; position:relative; width:130px; height:60px; line-height:60px;}
.nav_name{ display:block; font-family:"Microsoft YaHei"; color:#FFF; font-size:15px; width:auto; height:60px; padding:0 35px;  background:url(../images/nav_line.jpg) no-repeat right; text-align:center;}
.nav li.cur .nav_name,.nav li.nav_this .nav_name{ background-color:#0478c6; color:#FFF;}
.sub_nav{ display:none; position:absolute; top:60px; left:0; z-index:1000; width:90px; height:auto; overflow:hidden; padding:17px 20px; background:url(../images/sub_navbd.png) repeat;}
.nav .sub_nav li{ float:none; width:90px; height:36px; line-height:40px; border-bottom:1px solid #37afff;}
.nav .sub_nav li a{ display:block; color:#FFF; font-size:13px; background:url(../images/sub_icon.png) no-repeat left; padding-left:14px; margin-left:2px; width:74px; height:24px;line-height:20px;padding-top:7px; /*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/ }
.me_brand{ position:absolute; right:0; top:-5px; z-index:10;}
.h_meList{ position:absolute; left:0; top:60px; z-index:1000; width:220px; height:744px; background-color:#078be3; border-radius:0 0 3px 3px; box-shadow: #a0c4bf 2px 0 2px;}
.h_meList li{ width:220px; height:62px; position:relative;}
.h_meList a{ font-family:"Microsoft YaHei";}
.h_mechnal{ width:188px; height:52px; background:url(../images/all_chline.jpg) repeat-x bottom; padding:8px 14px 2px 18px;}
.h_meChname{ background:url(../images/all_subchicon.png) no-repeat right;}
.h_meChname a{ display:block; color:#FFF; font-size:13px; width:178px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.h_meSub{ width:188px; height:25px;overflow:hidden;}
.h_meSub a{ color:#a3daff; margin-right:6px;}
.h_meList li.cur{ background-color:#FFF;}
.h_meList li.cur .h_meChname a{ color:#078be3;}
.h_meList li.cur .h_meSub a{ color:#67c2ff;}

.h_meShow{ display:none; position:absolute; left:220px; top:0; width:442px; height:auto; overflow:hidden; padding:10px 16px 10px 22px; background-color:#FFF; opacity:0.9; filter: alpha(opacity=90); border-radius:0 4px 4px 0; box-shadow: #acacac 2px 0px 2px;}
.h_meList .h_meShow li{ width:442px; height:auto; overflow:hidden; padding:6px 0; border-bottom:1px dashed #e8e8e8;}
.h_shName{ color:#078be3;}
.h_shClick a{ color:#666; margin-right:18px;}

#body{ background:#e8e8e8 url(../images/body_bd.jpg) no-repeat center top; height:auto; overflow:hidden; min-width:1200px; padding-bottom:45px;}
.bd{ background-color:#FFF; height:auto; overflow:hidden;}
.pd{ padding:6px 20px 0 20px;}

/*me-brand*/
.we_brand{ height:220px;}
.we_brList{ height:120px; overflow:hidden; padding-top:22px;}
.we_brList ul{ width:1200px;}
.we_brList li{ float:left; width:255px; margin-right:45px;}
.we_brR{ width:120px;}
.we_brTitle a{ display:block; font-family:"Microsoft YaHei"; font-size:14px; width:120px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.we_brIntro{ height:96px; overflow:hidden; margin-top:2px;}

/*message*/
.mess_wel,.mess_table{ font-family:"Microsoft YaHei"; font-size:14px;}
.mess_wel{ padding:28px 0;}
.mess_label{ text-align:right; display:block;}
.com_text{ font-family:"Microsoft YaHei"; color:#666; font-size:14px; height:18px; line-height:20px; padding:5px; border:1px solid #d0d0d0; display:block;}
.mess_text1{ width:292px;}
.mess_select select,.my_carScity select{ font-family:"Microsoft YaHei"; color:#000; font-size:14px; width:90px; padding:2px 0; border:1px solid #7f9db9;}
.mess_area{ width:502px; height:104px; overflow:hidden;}
.yz_text{ width:136px;}
.mess_yz img{ float:left; width:80px; height:32px; margin:0 10px;}
.yz_shure{ color:#078be3; text-decoration:underline;}
.mess_subReset input,.pri_askSubmit{ display:inline-block; float:left; margin-right:6px; background-color:#078be3; font-family:"Microsoft YaHei"; color:#FFF; font-size:14px; width:150px; height:34px; border:none; cursor:pointer;}

/*footer*/
.footer{ clear:both; width:100%; min-width:1200px;}
.foot_t{ height:auto; overflow:hidden; padding:42px 0 30px 24px;}
.foot_t dl{ float:left; width:70px; margin-right:70px; display:inline; text-align:center;}
.wx_box{ width:116px; padding:16px 12px 12px 12px; margin-right:26px; display:inline; border:1px solid #e2e2e2;}
.foot_color a{ font-family:"Microsoft YaHei"; color:#4a4a4a; font-size:14px;}
.foot_t dt{ height:86px;}
.foot_color{ height:24px; padding-bottom:8px;}
.foot_color a{ color:#666;}
.foot_t dd a{ display:block; width:70px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx_box img,.wx_box span{ display:block;}
.wx_name{ padding-top:6px; text-align:center;}
.f_click{ color:#b6b6b6; height:40px; line-height:40px; text-align:center; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.f_click a{ padding:0 20px;}
.foot_d{ height:auto; overflow:hidden; padding:16px 0 14px; text-align:center;}
.copyright{ padding-bottom:12px;}
.foot_img img{ margin-right:6px;}


@font-face {
    font-family: "iconfont";
    src: url("../font/iconfont.eot?t=1526743339181");
    /* IE9*/
    src: url("../font/iconfont.eot?t=1526743339181#iefix") format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url("../font/iconfont.ttf?t=1526743339181") format("truetype"), url("../font/iconfont.svg?t=1526743339181#iconfont") format("svg");
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-QQ:before {
    content: "\e7ee";
}

.icon-weixin:before {
    content: "\e660";
}
.icon-dianhua1:before {
    content: "\e619";
}
.suspend {
    position: fixed;
    z-index: 20;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}

@media only all and (max-width: 1024px) {
    .suspend {
        width: 40px;
    }
}

@media only all and (max-width: 414px) {
    .suspend {
        width: 40px;
    }
}

.suspend a {
    display: inline-block;
    height: 40px;
    width: 100%;
    margin-bottom: 1px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
}

@media only all and (max-width: 1024px) {
    .suspend a {
        height: 40px;
    }
}

@media only all and (max-width: 414px) {
    .suspend a {
        height: 40px;
    }
}

.suspend a i {
    height: 30px;
    line-height: 30px;
    width: 30px;
    background: #e9eae6;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 5px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 18px;
}

@media only all and (max-width: 1024px) {
    .suspend a i {
        height: 30px;
        line-height: 30px;
        width: 30px;
        font-size: 18px;
    }
}

@media only all and (max-width: 414px) {
    .suspend a i {
        height: 30px;
        line-height: 30px;
        width: 30px;
        font-size: 18px;
        margin-top: 5px;
    }
}

.suspend a.qq i {
    color: #1da3fc;
}

.suspend a.weixin {
    position: relative;
}

.suspend a.weixin i {
    color: #3cb035;
}

.suspend a.weixin img {
    position: absolute;
    left: -134px;
    top: 50%;
    margin-top: -66px;
    width: 132px;
    display: none;
    max-width: 132px;
}

.suspend a.weixin:hover img {
    display: block;
}

.suspend a.phone {
    position: relative;
}

.suspend a.phone i {
    color: #ff0000;
}

.suspend a.phone span {
    position: absolute;
    left: -142px;
    left: 300px;
    height: 100%;
    line-height: 40px;
    width: 150px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.6);
    font-size: 18px;
    color: #f39800;
    z-index: -1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

@media only all and (max-width: 1024px) {
    .suspend a.phone span {
        line-height: 40px;
    }
}

@media only all and (max-width: 414px) {
    .suspend a.phone span {
        line-height: 40px;
    }
}

.suspend a.phone:hover span {
    left: -151px;
}

.suspend a.qq:hover i {
    background: #1da3fc;
    color: #fff;
}
.suspend a.weixin:hover i {
    background: #3cb035;
    color: #fff;
}
.suspend a.phone:hover i {
    background: #ff0000;
    color: #fff;
}