﻿@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer,i,img{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:' ',Helvetica,Arial,Tahoma;min-width:240px;color:#4D4D4D; background:#eee;}
a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{max-width:680px; min-width:240px; margin:0 auto;}

.menu ul li{float: left;width: 25%;text-align: center;line-height: 32px;}
.menu ul li a{color: #ffffff;}
/*banner*/
.box_swipe { overflow: hidden; position: relative; max-width:680px; min-width:240px; margin:0 auto; }
.box_swipe ul{ -webkit-padding-start: 0px; margin-top: -5px; z-index:1; position:relative;}
.box_swipe > ol{ height: 20px; position: relative; z-index: 10; margin-top: -20px; text-align: right; padding-right: 15px; background-color: rgba(0,0,0,0.3); }
.box_swipe > ol > li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.box_swipe > ol > li.on { background-color: #ffffff; }

.list ul li{margin: 5px 0;}
.list ul li img{max-width: 100%;}
.videolist video{width: 100%;}


.foot{background:#FE0036;padding: 10px 0;text-align: center; }
.foot span{color: #fff;font-size: 16px;}

.list2 ul li{width: 100%;margin: 0%;float: left;}
.list2 ul li img{max-width: 100%;}

.listnew ul li{width: 48%;margin: 1%;float: left;position: relative;border-radius:5px;overflow:hidden;}
.listnew ul li .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.listnew ul li h3{font-size: 18px;text-align: center;color: #fff;  display: flex;align-items: center; justify-content: space-around;flex-direction: column;height: 100%;}
.listnew img{max-width: 100%;}

.listnew2 ul li{position: relative;margin-bottom: 0px;}
.listnew2 ul li .bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.listnew2 ul li h3{font-size: 18px;text-align: center;color: #fff;  display: flex;align-items: center; justify-content: space-around;flex-direction: column;height: 100%;}
.listnew2 img{max-width: 100%;}