*{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(../images/index/home1.jpg) no-repeat;background-size: 100% 100%;}
.swiper-slide-2{position: relative; background:url(../images/index/home2.jpg) no-repeat;background-size: 100% 100%;}

.swiper-slide-1 .tit1{ text-align:center; width:100%; font-family:"Microsoft Yahei"; font-weight:normal; font-size:1.5rem; color:#555; top:3rem; left:0; position:absolute;}
.swiper-slide-1 .tit1 em{ display:block; width:50.78125%; margin:0 auto 0.6rem;}
.swiper-slide-1 .tit1 em img,.swiper-slide-2 .tit3 img{ display:block; width:100%;}
.swiper-slide-1 .tit1 span{ padding:0.8rem 10% 0.6rem 10%; text-align:center; display:block; line-height:2rem; position:relative;}
.swiper-slide-1 .tit1 span:before{ content:""; width:2rem; height:2px; position:absolute; bottom:0; left:50%; margin-left:-1rem; background:#970707;}
.swiper-slide-active .tit1,.swiper-slide-active .tit3{
	opacity: 1;
	-webkit-animation-name:fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}

.tit2{ width:80.625%; padding:1rem 5%; position:absolute; bottom:7rem; left:4.6875%; background:rgba(255,255,255,0.8); font-size:1.5rem; font-weight:bold; color:#9d0808; font-family:"Microsoft Yahei";}
.tit2 em{ display:block; font-size:1.2rem; color:#333; font-weight:normal;}
.swiper-slide-active .tit2{
	opacity: 1;
	-webkit-animation-name:fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;}

.swiper-slide-2 .tit3{ top:3rem; left:4%; position:absolute; width:60.625%;}

.home1 .home1_nav{ width:30%; height:1rem; position:absolute; bottom:8rem; left:4.6875%; background:#333;}
.home1 .home1_nav span{ display:inline-block; width:1rem; height:1rem; background:url(../images/index/arr1.png) no-repeat; background-size:100%;}

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;}}