*{margin: 0;padding: 0;}
html, body{position: relative;height: 100%;font-size: 14px;}
i,em{font-style: normal;}
li{list-style: none;}
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}



/* 上面是一些常规样式和音乐和箭头样式，下面才是内容区的样式 */
.swiper-pagination-bullet {
width: .6rem; 
height: .6rem;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}


.g_top{height:3.8rem;line-height: 3.8rem;background: #2f4881;text-align: center;font-size: 1.5rem;color: #fff;z-index: 11;}

.swiper-slide-1{position: relative; background:url(/uploads/image/mi/home1.jpg) no-repeat;background-size: 100%;}
.swiper-slide-2{position: relative; background:url(/uploads/image/mi/home2.jpg) no-repeat;background-size: 100%;}
.swiper-slide-3{position: relative;background:url(/uploads/image/mi/home3.jpg) no-repeat;background-size: 100%; }
.swiper-slide-1 .tit1{  margin: 3.5rem 0 0 9.35%; font-size: 2.1rem;font-weight: bold;color:#fff; position: relative;background:url(/uploads/image/mi/home_1_wzbj.png) no-repeat;background-size: 19.15rem 11.95rem; padding: 3rem 0 0 2.3rem; height:12rem;}
.swiper-slide-1 .tit1 span{display: block; font-size: 1.5rem; font-weight: normal; line-height: 3rem;}


.swiper-slide-active .tit1  ,.swiper-slide-active .tit2 ,.swiper-slide-active .tit3 ,.swiper-slide-active .tit5{
	opacity: 1;
	-webkit-animation-name:fadeindown;
	animation-name: fadeindown;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}


.tit2{ margin: 4.8rem 0 0 8.4%; font-size: 2.4rem; color:#333333; line-height: 3rem; padding-top: 1.3rem; position: relative;font-weight: bold;}
.tit2 i{text-transform: uppercase; font-size: 0.8rem; font-weight: normal;display: block;background:url(/uploads/image/mi/home02_ico.png) no-repeat;background-size: 1.05rem 1.05rem; color:#333333; font-family: arial;padding-top: 2rem;margin-top: 1.5rem; line-height: 1rem;}
.tit2 span{display: block; font-size: 1.2rem; font-weight: normal;  color:#fff; width:17rem; height:1.6rem;background:#cf3f46; text-align: center;line-height: 1.6rem; margin-top: 0.5rem;}
.tit2::before{position: absolute;content:""; width:2.4rem; height:0.3rem; background:#cf3f46; top: 0;left: 0;}
.swiper-slide-active .tit2{
    opacity: 1;
    -webkit-animation-name:fadeindown;
    animation-name: fadeindown;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;}

.tit3{ margin-top: 3.6rem;width:90.31%; text-align: right; font-size: 2.1rem; color:#fff;font-weight: bold; line-height: 2.4rem; padding-top: 3.6rem; padding-right: 3rem; background:url(/uploads/image/mi/home3_ico.png) no-repeat right 0;background-size: 23.8rem 14.5rem; height:15rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.tit3 span{display: inline-block;position: relative;width:19.2rem; font-size: 1.3rem; color:#fff;height:1.7rem;background:#cf3f46; font-weight: normal;line-height: 1.5rem;text-align: center;}
.tit3 i{display: block; font-size: 0.7rem; font-family: arial; color:#fff; text-transform: uppercase; line-height: 1rem;font-weight: normal;margin-top: 0.4rem;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}