*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;list-style: none;text-decoration: none}
html,body{width: 100%;height: 100%;overflow-x: hidden;word-break:break-all;font-size: 14px;color: #333;font-family: Helvetica,sans-serif;-webkit-font-smoothing: antialiased;}
a{color: #333}
.tab{width: 100%;overflow: hidden;clear: both;background-color:#fff;position: relative;padding-bottom: 10px;}
.ul-container{overflow: hidden;clear: both; }
.ul-container li{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;float: left;}
.ul-container li .tab-box{display: block;position: relative;width:25%;}
.ul-container li a{display: block;color: #051B28;font-size: 12px;line-height: normal;height: auto;text-align: center;margin: 15px;background-color: #fff;background-clip: content-box;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.ul-container li img{display: block;margin: 0 auto 5px;width:55px;height:55px;border-radius:100px;}
.dot-container{width: 100%;background:transparent;position: absolute;text-align:center;bottom: 5px;}
.dot-container span{background-color:#ddd;border-radius: 50%;width: 6px;height: 6px;display: inline-block;margin:0 2px}
.dot-container span.act{background-color:#333;}

.sous { padding:10px;}
.sous .bt1 { width: 100%; line-height:40px; padding: 0 15px; font-size: 16px; border: 1px solid #ddd;}
.sous .bt2 {display: none;}

.foot { width: 100%; height:60px; display: block; position: fixed; bottom: 0; left: 0; background: #fff; border-top: 1px solid #ddd;}
.foot a { width: 33%; display: inline-block; float: left; text-align: center; padding: 5px 0 0 0;}
.foot svg { height: 30px;}

.index {padding: 0 0 0 3%; margin: 15px 0 0 0;}
.index ul {}
.index li { margin:0 3% 15px 0; width:47%; height:220px; position: relative; overflow: hidden; background: #eee; float: left;}
.index li a { display: block;}
.index li a span {width: 100%; height: 40px; line-height: 40px;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); color: #fff; display: block; position: absolute; bottom: 0; left: 0; text-align: center;}
.index li img { width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.tit { width: 100%; text-align: center; font-size: 18px; line-height: 30px; margin: 15px 0 0 0;}

.nei_banner {background: #333; text-align: center; line-height: 200px; width: 100%; display: block; height: 200px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.nei_banner span {width: 100%;text-align: center;background-color: rgba(0, 0, 0, 0.6);display: block;color: #fff;font-size: 30px;}
.ntit { width: 100%;font-size: 18px; line-height: 40px;font-weight: normal; padding: 0 15px; height:52px; overflow: auto;white-space: nowrap;}
.ntit a { padding:8px 10px;	}
.ntit a.active {background: #000;color: #ddd;}
.ntit::-webkit-scrollbar {width: 12px;height: 12px;}

.list {column-count:2;column-gap: 15px; padding: 0 3%;}
.list ul {}
.list li {width:100%;position: relative; overflow: hidden; background: #eee; margin-bottom: 15px;}
.list li a { display: block;}
.list li a span {width:100%;padding: 0 3%;height: 40px; line-height: 40px;background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); color: #fff; display: block; position: absolute; bottom: 0; left: 0; text-align: center;}
.list li img { width:100%;}
.list li i {background-color: rgba(0, 0, 0, 0.6);width: 35px;position: absolute;top: 12px;right: 9px;z-index: 999;height: 35px;padding:8px;border-radius: 50px;}
.list li i svg {fill:#fff;}

.nhead {width: 100%;height: 115px;display: block;position: fixed;top: 0;left: 0;background: #fff; z-index: 1001;}

.infofoot { width: 100%; height:60px; display: block; position: fixed; bottom: 0; left: 0; background: #fff; border-top: 1px solid #ddd;}
.infofoot .f1 { width:15%; display: inline-block; float: left; text-align: center; padding: 5px 0 0 0;}
.infofoot svg { height: 30px;}
.infofoot p { width: 70%; float: left; line-height: 60px; height: 60px;}
.infofoot p a { background: #eee; color: #333; display:inline-block; width: 50%; float: left; text-align: center;}
.infofoot p a.f2 { background: #333; color: #fff;}

.slider{width:100%;position: relative;padding-top:580px;}
.slider>img{position: absolute;left:5%; top: 0;transition: all 0.5s;}
.slider input[name='slide_switch'] {display: none;}
.slider label {margin:13px 0 0 4%;border: 3px solid #999;float: left;cursor: pointer;transition: all 0.5s;opacity: 0.6; width: 15%; height:90px; line-height: 90px;}
.slider label img{display: block; width: 100%; height: 100%;object-fit: cover;}
.slider input[name='slide_switch']:checked+label {border-color: #666;opacity: 1;}
.slider input[name='slide_switch'] ~ img {opacity: 0;transform: scale(1.1);height: 580px; width:90%; object-fit: cover;}
.slider input[name='slide_switch']:checked+label+img {opacity: 1;transform: scale(1);}

.info { padding: 0 5%;}
.info h1 {font-weight: normal; font-size: 26px; margin: 20px 0;}
.info h2 {font-weight: normal; font-size: 16px;}
.info h3 {font-weight: normal;font-size: 16px; line-height: 60px;}

.insctj {padding:16px 3% 0 3%;column-count: 2;column-gap: 15px;}
.insctj a {width:100%;height:100px;display: block;position: relative;margin: 0 0 15px 0;}
.insctj a img {border-radius: 10px; width: 100%; height: 100px; display: block;object-fit: cover;}
.insctj a span { width: 100%; height: 100px; position: absolute; top: 0; left: 0; line-height: 100px; font-size: 24px; text-align: center; color: #fff;background-color: rgba(0, 0, 0, 0.6);}