@import url(http://fonts.googleapis.com/css?family=Six+Caps|Do+Hyeon|Roboto+Condensed|Oswald|Lato);
/*Great+Vibes|Acme|Amatic+SC|Abril+Fatface|Josefin+Sans|Playfair+Display| 这里字体比较大*/
@charset "UTF-8";
a, img, button, input, select {-webkit-tap-highlight-color: transparent;outline: 0}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0;vertical-align: baseline}
html, body {margin: 0;padding: 0;}
img {border: 0 none;vertical-align: top}
i, em {font-style: normal}
ol, ul,li {list-style: none}
input, select, button, h1, h2, h3, h4, h5, h6 {font-size: 100%;font-family: inherit}
table {border-collapse: collapse;border-spacing: 0}
a {text-decoration: none;color: #333}
a:hover {text-decoration: none;color: #FF0000;}
input, button, select, textarea {outline: none}
textarea {resize: none;} /* 禁止多行文本框textarea拖拽 */
p{word-wrap: break-word; word-break: break-all;} /*全部英文字符下自动换行*/
input:focus, textarea:focus {outline: none;} /* 去除Chrome等浏览器文本框默认发光边框 */
body {max-width: 640px;margin: 0 auto;background: #f8f8f8;font-size: 14px;color: #333;
	font-family: Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma,Arial;
	-webkit-text-size-adjust: 100%;-webkit-user-select: none;user-select: none;}
.icon-share, .icon-server, .icon-back,.icon-home {font-family: "template-font";font-style: normal;}
.icon-share:before {content: "\002E";}
.icon-server:before {content: "\0030";}
.icon-back:before {/*content: "\0031";*/}
.icon-home:before {content: "\0033";}
.show { display: block !important; }
.hide { display: none !important; }
.none {display: none !important;}
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml30{margin-left: 30px;}
.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}
.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl30{padding-left: 30px;}
.pr5{padding-right: 5px}.pr10{padding-right: 10px}.pr15{padding-right: 15px}.pr20{padding-right: 20px}.pr30{padding-right: 30px}
.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt30{padding-top: 30px;}
.pb5{padding-bottom: 5px}.pb10{padding-bottom: 10px}.pb15{padding-bottom: 15px}.pb20{padding-bottom: 20px}.pb30{padding-bottom: 30px}
.f12 { font-size: 12px; }.f14 { font-size: 14px; }.f16 { font-size: 16px; }.f26 { font-size: 26px; }
.cl333{color: #333333;}.cl999{color: #999999;}.red{color: #FF0000;}.blue{color: #0000FF;}.green{color: #008000;}.black{color: #000000;}
.clear{clear: both;height: 0;overflow: hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/*底部按钮*/
.wap-footer{width: 100%;left: 0;position: fixed;bottom: 0;z-index: 9999;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eaeaea));background: -webkit-linear-gradient(top, #fff, #eaeaea);background: -moz-linear-gradient(top, #fff, #eaeaea);background: -o-linear-gradient(top, #fff, #eaeaea);background: linear-gradient(top, #fff, #eaeaea);}
.wap-footer dl{margin:0;padding: 0;}
.wap-footer dl dd{width: 25%;margin: 0;text-align: center;float: left;display: inline;}
.wap-footer dl dd .foot-nav{width: 100%; text-align: center;padding: 4px 0 3px 0;}
.wap-footer dl dd .foot-nav img{width: 25px;border: 0}
.wap-footer dl dd .foot-nav span{font-size: 12px;display: block;margin-top:1px;color: #000}
.wap-footer dl dd .line{border-right: 1px solid #ddd}
.head{left: 0;top: 0;padding-top: 1px;
    width: 100%;height: 36px;position: fixed;z-index: 10000;border: 1px solid #333;background: #111;color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
    background-image: -webkit-linear-gradient(#3c3c3c,#111);
    background-image: -moz-linear-gradient(#3c3c3c,#111);
    background-image: -ms-linear-gradient(#3c3c3c,#111);
    background-image: -o-linear-gradient(#3c3c3c,#111);
    background-image: linear-gradient(#3c3c3c,#111);}
.head li{float: left;width:33.333%;text-align:center;line-height:35px;border-top: 1px solid #555;}
.head li span{margin-right: 5px}
.head li div{border-right: 1px solid #000}
.head li img{width:20px;margin-top:5px;}
.head .headlist{display: none;padding:15px;position: absolute; right:10px;top:36px;background: #eee;border-radius: 5px}
.head .headlist ol{height: 35px;line-height:35px;padding: 0 8px;border-bottom: 1px solid #ddd;color: #333}

/*商品页样式*/
.goodslist{padding: 10px;}
.goodslist ul{border: 0;box-shadow: 0 1px 3px 0 #000;-moz-box-shadow: 0 1px 3px 0 #000;-webkit-box-shadow: 0 1px 3px 0 #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #fff;margin-bottom: 20px;position: relative;}
.goodslist ul li{margin:10px;}
.goodslist ul li:nth-child(1){font-size:16px; height: 50px;line-height:50px;}
.goodslist ul li:nth-child(2){text-align:center;}
.goodslist ul li:nth-child(2) img{max-width:100%;max-height: 360px}
.goodslist ul li:nth-child(3){text-align:center;height: 35px; line-height:35px;overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 20px}
.goodslist ul a li:nth-child(1){height: 50px; line-height:50px;font-size:14px;}
.goodslist ul span{position: absolute; top:70px;right: 10px}
.goodslist .hot{margin-right:10px; padding: 1px 3px; border-radius: 3px; background: #ff6600;color: #fff}
.goodslist .new{margin-right:10px;padding: 1px 3px; border-radius: 3px; background: #45db03;color: #fff}
.goodslist .best{margin-right:10px;padding: 1px 3px; border-radius: 3px; background: #ff0000;color: #fff}

.goodsclass {width:100%;overflow: auto;}
.goodsclass  li{text-align:center;margin:10px;border-radius: 3px;border-radius: 5px;padding-bottom: 15px;color: #000;background: linear-gradient(to bottom, #fff, #e5e5e5 60%, #cecece 100%);
}
.goodsclass  li p{text-align: center;}
.goodsclass  li p:nth-child(1){height: 35px; line-height:35px;font-size: 16px;font-weight:bold;}

.goodsinfo{margin:10px;}
.goodsinfo .pic{margin-top:10px;text-align: center;}
.goodsinfo .pic img{max-width:100%;max-height: 500px}
.goodsinfo .title{margin-top:10px;border:1px solid #666;border-radius: 5px}
.goodsinfo .title li{height: 30px;line-height:30px;margin:0 auto;width:90%;overflow: hidden;}
.goodsinfo .title li:nth-child(1){border-bottom: 1px solid #ddd; height: 40px; line-height:40px;margin-bottom:5px;}
.goodsinfo .title li em{font-size: 12px; margin-left:10px;}
.goodsinfo .title li em a{color: #0c1c4f}
.goodsinfo .goodsvideo{margin-top:10px;border:1px solid #ddd;border-radius: 5px}
.goodsinfo .desc{line-height:25px;margin-top:20px;border:1px solid #666;border-radius: 5px;padding: 10px}
.goodsinfo .desc img{width:100%;}

.demo1-copyright{background: #0c1c4f; height: 50px; line-height:50px;text-align:center;color: #f5f5f5}
/*单页样式*/
.demo1-pagelist{width:100%;}
.demo1-pagelist .title{height: 50px; line-height:50px; text-align: center;font-size: 20px; font-weight: bold;padding:10px;}
.demo1-pagelist .desc{padding:20px;line-height:26px;text-align: justify;}
.demo1-pagelist .desc p{}
.demo1-pagelist .desc img{max-width: 100%;margin:10px auto;}
.map-canvas{width: 100%; height: 450px;}
.addresslist li{ line-height: 20px; }
.addresslist li:nth-child(1){color: #ff0000; font-weight: bold;}
.ad-box li img{width:100%;}

/*文章样式*/
.article_class{margin-top: 20px;}
.article_class li{height: 30px; line-height:30px; width:80px;text-align:center;float: left;margin-left:10px;}
.article_class .active{border-bottom: 2px solid #000;font-weight:bold;}

.article_list{padding: 15px}
.article_list ul{border-bottom: 1px solid #ddd;overflow: hidden;width:100%;padding: 15px 0}
.article_list ul li{float: left;}
.article_list ul li p{line-height:25px;display: block;}
.article_list ul li p:nth-child(1){font-size: 16px;}
.article_list ul li p:nth-child(2){color: #999;font-size: 12px}
.article_list ul span{float: right;}
.article_list ul span img{width:100%;height: 68px;border-radius: 3px}

.articleshow {padding: 20px;background: #fff;}
.articleshow .title{font-size:16px;text-align:center;line-height:30px;}
.articleshow .times{color: #999;text-align:center;line-height:40px;}
.articleshow .pic{margin:20px auto;text-align: center;}
.articleshow .pic img{width:100%;border-radius: 5px}
.articleshow .desc{line-height:25px;margin-bottom: 20px}
.articleshow .desc p{margin-top: 10px;}
.articleshow .desc img{width:100%;border-radius: 5px}
.articleshow video{max-width: 100%;}

.loadad{width:100%;position: relative; top: 0;left: 0;overflow: hidden;}
.loadad img{width:100%;min-height: 100%}
.loadad span{position: absolute;right: 10px; top: 10px;background: #ff0000; color: #fff;border-radius: 50%; width:20px; height: 20px;display: block;text-align:center;line-height:20px;}
.copyright{background: #000; color: #fff; font-size: 12px; text-align: center; height: 25px; line-height:25px;}

.texts{animation: animate_text 2s linear infinite alternate;}
@keyframes animate_text {from {color: #e7321f;}to {color: #1e2399;}}
@keyframes animate_s {from {left:20%;}to {left: 70%;}}