@charset "utf-8";
html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,small,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style:none;font-style:normal;}
body{font-family:Microsoft YaHei,Verdana,Arial,SimSun;font-size:12px;color:#333;background:#fff;}
a{color:#666;text-decoration:none;font-weight:500;}
a:hover{color:#666;}

/* swiper */
.swiper-container{position:relative;width:100%;height:auto;overflow:hidden;background: #fff;}
.swiper-slide{display:block;height:auto;overflow:hidden;text-align:center;}
.swiper-slide img{width:100%;vertical-align:top;height:144px;}
.swiper-container .txtBox{z-index:2;position:absolute;bottom:0;width:100%;height:auto;}
.swiper-container .txt{float:left;padding:5px 0;text-align:center;font-size:14px;line-height:20px;color:#FFF;background:#666;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;width:100%;}
.swiper-container .num{width:100%;height:25px;line-height:25px;}
.swiper-container .num span.price{ display:inline-block;float:right;color:#666;}
.swiper-container .num span.page{display:inline-block;float:left;color:#666;}
.detailPic .swiper-slide img{margin:0 auto;width:auto;height:144px;}
.swiper-container-horizontal>.swiper-pagination{bottom:12%;}
.swiper-container-horizontal>.swiper-pagination2{bottom:0;}
/*header*/
header{border-bottom:2px solid #00676b;clear:both;/*overflow:hidden;*/height:66px;position: fixed;
    z-index: 99999;
    width: 100%;background:#fff;}
header h1{display:block;width:100%;height:66px;line-height:40px;text-align:center;background:url(../images/logobg_01.png) no-repeat center center;background-size:100%;}
header a{display:inline-block;width:25px;height:25px;}
header a.nav1{position:absolute;top:20px;left:15px;background-image:url(../images/menu.png);background-repeat:no-repeat;background-position:center center;background-size:100%;}
header a.nav2{position:absolute;top:20px;right:15px;background-image:url(../images/shopppingcard.png);background-repeat:no-repeat;background-position:center center;background-size:100%;}
header .menu{display: none;text-align:center;width:100%;position:absolute;z-index:5;top:78px;background-color:#00676B;padding:20px 0;}
header .menu .searchbox{overflow:hidden;width:95%;margin:0 auto;height: 40px;line-height: 40px;position: relative;}
header .menu .searchbox form input{padding-left:12px;width:100%;height:100%;line-height: 40px;background-color: #013739}
header .menu .searchbox .searchicon{position:absolute;top:4px;right:10px;width:27px;height:32px;background: url(../images/searchicon.png)no-repeat center center;background-size:100%;}
header .menu>a{border-bottom: 1px solid #418F92;text-align:left;width:95%;margin:0 auto;height:auto;font-size:20px;font-weight:bold;color:#fff;line-height:40px;}
header .menu a.hassub{border-bottom: 1px solid #418F92;text-align:left;width:95%;margin:0 auto;height:auto;font-size:20px;font-weight:bold;color:#fff;line-height:40px;position: relative;}
header .menu a.hassub img{position: absolute;top:13px;right:0;width: 25px;height:13px;}
header .menu>ul{display: none;}
header .menu>ul>li{padding-left: 20px;}
header .menu>ul>li>a{text-align:left;border-bottom: 1px solid #418F92;width:95%;margin:0 auto;height:auto;font-size:16px;color:#fff;line-height:32px;}
header .buybox{display: none;text-align:center;width:100%;position:absolute;z-index:5;top:78px;background-color:#00676B;}
header .buybox p{display: block;
    text-align: left;
    width: 98%;
    margin: 0 auto;
     border-bottom: 1px solid #ff9a18;
    line-height: 48px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;}

header .buybox .workshop{padding:20px 40px;text-align: center;background-color:#00676B;overflow: hidden;}
header .buybox .workshop a:first-child{    margin: 0;
    width: 97%;
        margin-bottom: 2%;
    height: 35px;}
header .buybox .workshop a{       float: left;
    margin: 10px 0%;
    margin-right: 2%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #4AA5A9;
    width: 31%;
    height: 35px;
    line-height: 35px;}
header .buybox p img{display:inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 10px;}
/*header .menu ul li ul li{width:100%;font-size:20px;font-weight:bold;color:#fff;line-height:40px;}*/


.pageLocation{line-height:25px;padding:0 10px;background:#f2f2f2;}
.pageLocation a{padding-left:5px;}
.pageLocation a.current{color:#066;}
h3.h3Tit{padding:5px 10px;color:#066;}
h3.h3Tit1{padding:5px 10px;color:#fff;background:#066;}
.bannerImg{clear:both;overflow:hidden;width:100%;padding:0 10px;}
.bannerImg li{width:45%;float:left;padding:5px 3px;text-align:center;}
.bannerImg li img{width:100%;height:100%;margin:0 auto;}

.titList{margin-top:20px;clear:both;overflow:hidden;border-top:2px solid #686868;background-color: #c9c9c9;padding-bottom:24px;}
.titList .tabTit{text-align:left;padding:0 10px;}
.titList h4{font-weight: bold;font-size:16px;padding:8px 0;color:#066;background-image:url(../images/upicon.png);background-repeat:no-repeat;background-position:right center;background-size:15px;border-bottom:1px solid #666;margin:0 10px;}
.titList .tabCon{padding:0 20px;height:auto;display:none;}
.titList .tabCon a{text-align:left;display: block;font-size: 12px;color: #555555;line-height: 39px;border-top: 1px solid #555555;margin-left: 16px;}
.titList .tabCon a:first-child{border-top:none;}
.titList .noticed {    min-width: 260px;/* width: 100%; */padding: 10px 4%;height: 40px;font-weight: bold; background-color: #aeaeae;line-height: 40px;}
.titList .weichatbox{display:none;position:fixed;left:0;text-align:center;bottom:0;width:100%;z-index:999;max-height:480px;background-color: #00676b;}
.titList .weichatbox .close_alert{background: url(../images/close.png) no-repeat right center;background-size: 100%;width: 27px;height: 27px;display:block;margin:10px 10px 0 0;}
.titList .weichatbox img{display: block;width: 195px;height: 195px;margin:50px auto 40px;}
.titList .weichatbox p{background-color: #00676b;padding:0 10px;font-weight:400;text-align: center;color:#fff;font-size: 16px;line-height: 28px;}
.titList .weichatbox p span{background-color: #00676b;color:#ff9a18;font-size: 16px;line-height: 28px;}
.titList .noticed .noticed_left{font-size: 14px;color: #555555;border-right: 1px solid #555555;/* padding-right: 4px; */ width: 30%;}
.titList .noticed .noticed_left .weichat{display: inline-block;width: 30%;height: 20px;background: url(../images/weichaticon.png) no-repeat center center;background-size: 20px;
vertical-align: middle;}
.titList .noticed .noticed_left .weiblog{display:inline-block;width:28%;height:20px;background: url(../images/weiblog.png) no-repeat center center;background-size: 20px;vertical-align: middle;}
.titList .noticed .noticed_center a{    display: inline-block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    background: url(../images/telphoneicon.png) no-repeat left center;
    background-size: 20px;
    vertical-align: middle;
    width: 76%;
    margin-left: 4%;
    /* margin: 0 3%; */
    /* padding: 0 20%; */
    padding-left: 20%;
}
.titList .noticed .noticed_right a{    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    background: url(../images/dailog.png) no-repeat 4px center;
    background-size: 20px;
    vertical-align: middle;
    /* width: 100%; */
    margin-left: 6%;
    /* margin-left: 0px; */
    padding: 0 4px 0 26px;
    border: 1px solid #555;
    border-radius: 5px;}
.titList .bottomnav{font:12px;color:#555;text-align:center;padding:0 10px;margin:20px 0 10px 0;}
.titList .bottomnav a{border-left:1px solid #555;padding:0 5px;}
.titList .bottomnav a:first-child{border-left:none;}
.titList .copyright{ height:auto; overflow:hidden; padding:0 2%;}
.titList .copyright p{background-color: #c9c9c9;text-align: center;font-size: 12px; line-height: 20px;}
.titList .friends{text-align: center;padding:0 10px;}
.titList .friends a{border-left:1px solid #555;padding:0 5px;line-height: 20px;}
.titList .friends a:first-child{border-left:none;padding:0;}
.mbody{overflow: hidden;}
