@import url(layout.css?v=6); 
.mpart { background-size: 100% 2.2rem; height: 2.4rem; margin-bottom: 0;}
.vision {height: 2.2rem;}
.vision .s_botm:nth-child(1n) ,.vision .s_botm:nth-child(2n) {margin-top: 1.1rem;}
.tline{ margin-top: 0.4rem;}

.swiper_img {overflow: hidden; margin:0 0.15rem;}
.swiper_img h2{ color:#7da1f3; font-size: 0.519rem; margin:0 0.1rem;}
.swiper_img ul {width: 100%; margin-top: 0.3rem;}
.swiper_img li {float: left; width:4.85rem; overflow: hidden; padding:0 0.15rem; box-sizing:border-box;}
.swiper_img li img {width:100%; height:4.55rem; display: block;}
.swiper_img li a { display: block; height:4.55rem; }
.swiper_img li span { text-align: center;position: relative; top: -0.8rem; line-height:0.8rem; height:0.8rem; width:100%; background:rgba(0,0,0,.8); display: block; padding: 0 5px; box-sizing:border-box; overflow: hidden; color: #fff; font-size: 0.36rem;}

.list:nth-child(3n+2) h2 { color: #a677ef;}
.list:nth-child(3n+2) h2 a{ color: #a677ef;}
.list:nth-child(3n+2) h2 a i{ background-color: #c3a4f4;}
.list:nth-child(3n+3) h2 { color: #6dc15e;}
.list:nth-child(3n+3) h2 a{ color: #6dc15e;}
.list:nth-child(3n+3) h2 a i{ background-color: #8fd084;}
.list:nth-child(3n+4) h2{ color:#c78570;}
.list:nth-child(3n+4) h2 a{ color: #c78570;}
.list:nth-child(3n+4) h2 a i{ background-color:#ccaca2;}

.list h4 strong{ font-size: 0.426rem; font-weight: normal; color:#fff; line-height: .72rem; padding: 0 .2rem; display: inline-block; border-radius: 5px; font-size: 0.426rem; background:#c6bde4;}
.list h4 small { display: inline-block; float: right; color: #9ec0e7 }
.list h4 i{ background:  #9ec0e7 url(../images/arrow_down.png) no-repeat center; background-size: 60% auto; display:inline-block; width:0.45rem; height:0.45rem; border-radius: 100%; margin-left: .2rem; vertical-align: middle;}
.list h4 span {vertical-align: middle; font-weight: normal;}
