@charset "utf-8";
/* CSS Document */
@charset "utf-8";
*{margin:0;padding:0;-webkit-text-size-adjust:100%;font-family:"微软雅黑"; font-size:14px;}
html{background:#f1f1f1}
html,body{overflow-x:hidden; max-width:800px;margin:0 auto; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
input[type="button"],input[type="submit"]{cursor:pointer;-webkit-appearance: none;outline:none;}
ul,ol,li{ list-style:none;}
input{ border:0;outline:none;}
a{ text-decoration:none;}
.c{ clear:both;}
img{border:0;}
.h-65{ height:65px; overflow:hidden;}
.layui-flow-more{clear:both;}

.bw-title{ height:40px; line-height:40px; text-align:center; background:#f22127; color:#fff; font-size:14px;}
.header-position{ position:absolute; z-index:999; width:100%;}
.header-position a.a{font-size:30px;  position:absolute;color:#fff; left:10px; top:10px; height:35px; width:35px; border-radius:50%; text-align:center; line-height:35px; background-color:rgba(0,0,0,0.3);}
.header-position span{ right:10px;position:absolute;color:#fff; top:10px; height:35px; width:35px; border-radius:50%; text-align:center; background-color:rgba(0,0,0,0.3); line-height:35px;}
.header-position span a{ height:35px; width:35px; line-height:35px;color:#fff; display:block; text-align:center;}
.header-position span a i{height:35px; width:35px; line-height:35px;display:block;font-size:22px; }

.index-body{ background:#fff}
.index-nav{ border-bottom:10px solid #f2f2f2; overflow:hidden;}
.index-nav a{ color:#000;} 
.index-nav dl{ width:20%; margin:10px 2.5%; float:left; text-align:center;}
.index-nav dl dt{ width:60%; text-align:center; margin:0px auto;}
.index-nav dl dt img{ width:100%;}
.index-nav dl dd{ overflow:hidden;}

.index-title{ margin:10px 3%; overflow:hidden; line-height:25px;}
.index-title dt{ font-size:16px; border-bottom:5px solid #fbe9e7; float:left; padding:0px 7px;}
.index-title dd{ float:right; }
.index-title dd a{font-size:14px; color:#888;}

.h-10-bg{ background:#f2f2f2; height:10px; width:100%;}
.index-list{ width:96%;overflow:hidden; padding:2%; background:#f1f1f1;}
.index-list a{ color:#333;}
.index-list dl{ width:44%; float:left; border-radius:3px; padding:2%; margin:2% 1%; background:#fff;}
.index-list dl dt img{ width:100%;}
.index-list dl{ font-size:14px;}
.index-list dl dd{ line-height:18px; height:36px; overflow:hidden; padding:3px 0;}
.index-list dl li{ font-size:12px; color:red; height:25px; overflow:hidden;}
.index-list dl li i{ color:#fff; font-style:normal;font-size:14px; background:#218ffd; border-radius:2px; padding:0px 5px; height:25px; line-height:25px; display:inline-block; margin-left:3px;}
.index-list dl li span{ background:red; color:#fff; border-radius:2px; float:right; height:25px; width:50px; line-height:25px; display:block; overflow:hidden; text-align:center;}
.no-more{ height:30px; line-height:30px; text-align:center; background:#f2f2f2; color:#ccc;}

.search-position{ position:absolute; height:30px;line-height:30px; width:80px; border-radius:15px 5px 15px 5px; text-align:center; background-color:rgba(0,0,0,0.5); top:50px; right:10px; margin-right:0px; z-index:999999;}
.search-position a{color:#fff; display:block;}
.swiper-slide img{ width:100%;}


.copy{ color:#999;  font-size:12px; line-height:20px; margin: 0px 0 50px 0; padding:5px 0 10px 0;}
.floatB{ border-top:1px solid #e2e2e2; position:fixed; z-index:999999;  bottom:0; background:#fff; width:100%; line-height:51px; text-align:center; max-width:800px; margin:0px auto;}
.floatB li{ width:33%; float:left; color:#f22127; font-size:16px;}
.floatB li a{color:#333; display:block; font-size:16px;}
.floatB dd{ width:34%; float:left; background:#f22127; color:#fff;}
.floatB dd a{ display:block; color:#fff; font-size:16px;}
.floatB i{ margin-right:5px;}

.column-bg{ background:#e5e5e5;}
.column{ text-align:center;  overflow:hidden; padding:5px 0px;}
.column ul{ display:inline-table;}
.column ul li{ float:left; margin:0px 10px;}
.column ul li a{ font-size:12px; color:#444;}


.find{padding:8px 5%;background: #f1f1f1; overflow:hidden;}
.find .find-in{border:0; background:#fff;color:#333;height:26px; line-height:26px; float:left; font-size:14px; width:85%; text-indent:10px; padding:8px 0; border-radius:5px 0 0 5px;}
.find .find-bt{background:#fff;height:26px; line-height:29px; text-align:center; float:left; width:15%; padding:8px 0; border-radius:0 5px 5px 0; cursor:pointer}
.find .find-bt i{color:#676767; font-size:30px;-webkit-text-stroke:1px #fff;}

.iframe{  width:100%;height:100%;overflow:hidden;max-width:720px; background:#f1f1f1;}
.class-nav{position:relative;}
.class-nav div{ margin:0px 7%; height:30px; line-height:30px; overflow-x:scroll; white-space: nowrap; scrollbar-width: none;}
.class-nav div::-webkit-scrollbar{ display:none;}
.class-nav a{background:#fff; padding:0px 10px; margin-right:7px; line-height:30px; height:30px; display: inline-block; border-radius:2px;}
.class-nav a.hover{ background:red; color:#fff;}
.class-nav .fa-angle-left{ font-size:20px; line-height:30px; padding:0px 2px; position:absolute; left:3%;}
.class-nav .fa-angle-right{font-size:20px; line-height:30px; padding:0px 2px; position:absolute; right:3%; top:0px;}



.iright{overflow:hidden; background:#f1f1f1; margin-top: 15px;}

.no-content{  margin:20px  auto; text-align:center;}
.no-content p img{ width:150px;}
.no-content span{ line-height:30px; color:#888; text-align:center;}

.dl{ position:relative; width:92%; border-radius:3px; margin:0 2%; padding:2%; background:#fff; overflow:hidden; border-bottom:10px solid #f1f1f1;}
.dl img{ float:left; width:20%;}
.dl p{ width:77%; float:right; color:#666; font-size:14px; line-height:16px;}
.dl dt{ position:absolute; left:24%; bottom:10px; z-index:2; font-size:12px; color:#ccc;}
.dl dt span{ font-size:14px; color:#f22127;}
.dl dd{position: absolute; right: 0; bottom: 10px; z-index: 3; width: 50px; height: 25px;  text-align: center; line-height: 25px; border-radius: 4px; background: #f22127;color: #fff; font-size: 14px; right:5px;}


.slist{ margin:10px 2% 0 2%;}
.slist ul{ float:left; padding:2%; width:94%; position:relative; line-height:20px; background:#fff; border-bottom:10px solid #f1f1f1; border-radius:3px;}
.slist ul img{ width:32%; float:left;}
.slist ul p{ width:66%; float:right; color:#666;}
.slist ul li{ position:absolute; left:35%; bottom:10px; z-index:2; font-size:12px; color:#ccc;}
.slist ul li span{ font-size:16px; color:#f22127;}
.slist ul label{ position:absolute; right:10px; bottom:18px; z-index:3; width:50px; height:25px; text-align:center; line-height:25px; border-radius:4px; background:#f22127; color:#fff;}

header{ padding:10px 0; text-align:center; font-size:18px;color:#fff; background:#f22127;}
header a{ float:left; font-size:26px; padding:0 5px; margin-left:5px; line-height:10px; color:#fff;}
.news-show{ padding:10px;}
.pc-nav{ position:fixed; top:19px; left:50%; margin-left:-480px; background:#fff; width:80px;}
.pc-nav ul li a{ width:80px; display:block; text-align:center; color:#222; padding:10px 0px;}
.pc-nav ul li.nav-no{ background:#f22127;}
.pc-nav ul li.nav-no a{ color:#fff}
.pc-nav ul li:hover{ background:#f22127;}
.pc-nav ul li:hover a{ color:#fff}

.list{ padding-top:10px;}
.list li{ width:46%; float:left; overflow:hidden; margin:0 2% 10px 2%; text-align:center; background:#fff;}
.list li img{width:100%;}
.list li span{ display:block; line-height:20px; height:20px; color:#222; text-align:left; margin:4px 0; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; padding:0px 5px;}
.list li p{ background:#f22127; padding:4px 10px; height:30px; line-height:30px; font-size:18px; color:#fff; text-align:left;}
.list li p em{ font-style:normal; float:right; width:30px; height:30px; border-radius:50%; background:url(../images/buy.gif) center center no-repeat #fff; background-size:70% auto;}
  
@media screen and (min-width:750px){
	.iframe{ left:0; margin-left:0;}
	.search-position{  right:50%; margin-right:-365px; }
}