@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% \5FAE\8F6F\96C5\9ED1; color:#000;text-align:center; }
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 14px/200% \5FAE\8F6F\96C5\9ED1;}
li,p{text-align:left;font:normal 14px/200% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% \5FAE\8F6F\96C5\9ED1;}
.mt10{ margin-top:10px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1312{ width:1312px; overflow:hidden;}
.w1200{ width:1200px;position: relative;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
html{height: 100%;}
body{font-size: 1.4rem;line-height: 1.5;position: relative;height: 100%;}

.swiper-container {width: 100%;height: 100%;text-align: center;}
.swiper-slide{overflow: hidden;width: 100%;height: 100%;position: relative;}

.fm{background: url(images/fm_bg.jpg) no-repeat top center;}
.logo{position: absolute;top:36px;right:6px;z-index: 10;}
.tit1{position: absolute;top:200px;right: 130px;opacity: 0}
.arrow1{position: absolute;left: 45%;cursor: pointer;z-index: 10;}

.arrow2{position: absolute;left: 18.8%;background:url(images/nav1.png) no-repeat top center;height: 288px;width:700px;}
.arrow2 span{font-size: 14px;color:#01499b;position: absolute;line-height: 160%;width:330px;}
.arrow2 span.a1{top:98px;left:0px;text-align: right;}
.arrow2 span.a2{top:154px;right:0px;text-align: left;}
.arrow2 span.a3{top:192px;left:0px;text-align: right;}
.music{position: absolute;left:40%;top:310px;}
.txt1{position: absolute;right:3%;top:310px;width:400px;padding:0 17px;}
.txt1 p{margin-top: 30px;font-size: 18px;text-indent: 2em}
.txt1 h1{font-size: 30px;line-height: 32px;margin-top: 22px;margin-left: -30px;}
.txt1_x1{background:url(images/p2_1a.png) no-repeat;width:44px;height: 196px;position: absolute;top:5px;left:0px;}
.txt1_x2{background:url(images/p2_1b.png) no-repeat;width:103px;height: 261px;position: absolute;top:164px;right:0px;}
.arrow2b{position: absolute;left: 37%;background:url(images/arrow2b.png) no-repeat top center;height:304px;width:263px;}
.arrow2b span{position: absolute;top:214px;left:-100px;color: #927ad2;font-size: 14px;}
.p2 .arrow2b span,.p5 .arrow2b span{left:-150px;}
.p6 .arrow2b span,.p7 .arrow2b span,.p8 .arrow2b span,.p9 .arrow2b span{left:-160px;}
.p2 .txt1_x2{top:104px;}
.p4 .txt1_x2,.p5 .txt1_x2{top:104px;}
.p3 .arrow2b span,.p4 .arrow2b span{left:-120px;}
.p8 .txt1_x2{top:184px;}
.arrow10{position: absolute;left: -2%;background:url(images/arrow10.png) no-repeat top center;width:1200px;height: 305px;color:#927ad2;}
.arrow10 span{position: absolute;top:214px;left:-10px;width:50%;text-align:right;}
.arrow10 em{position: absolute;top:145px;right:-10px;width:50%;text-align:left;}

.nav{position: absolute;width:300px;height:443px;z-index: 10;top:50%;margin-top: -242px;right:2%;display: none;}
.nav i{display: block;position: absolute;line-height: 32px;height:33px;font-size: 12px;color: #adbbd6; cursor:pointer;}
.nav i.a0{position: absolute;top: 0;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a1{position: absolute;top: 30px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a2{position: absolute;top: 60px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a3{position: absolute;top: 90px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a4{position: absolute;top: 120px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a5{position: absolute;top:150px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a6{position: absolute;top:180px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a7{position: absolute;top:210px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a8{position: absolute;top:240px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a9{position: absolute;top:270px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.a10{position: absolute;top:300px;right:26px;background: url(images/ico4.png) no-repeat right center;padding-right: 23px;}
.nav i.this{background-image: url(images/ico3.png);color: #01499b;right:36px;}

.nav.p1{background: url(images/navbg1.png) no-repeat 0 28px;}
.nav.p2{background: url(images/navbg2.png) no-repeat 0 28px;}
.nav.p3{background: url(images/navbg3.png) no-repeat 0 28px;}
.nav.p4{background: url(images/navbg4.png) no-repeat 0 28px;}
.nav.p5{background: url(images/navbg5.png) no-repeat 0 28px;}
.nav.p6{background: url(images/navbg6.png) no-repeat 0 28px;}
.nav.p7{background: url(images/navbg7.png) no-repeat 0 28px;}
.nav.p8{background: url(images/navbg7.png) no-repeat 0 28px;}
.nav.p9{background: url(images/navbg7.png) no-repeat 0 28px;}
.nav.p10{background: url(images/navbg7.png) no-repeat 0 28px;}

.up{background: url(images/ico4.png) no-repeat top center; position: absolute;width:9px;height:9px;z-index: 10;top:50%;right:3.8%;display: none;margin-top: -260px;cursor: pointer;}

.am1000 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*.p1 .des{width:566px;position: absolute;top:175px;left: 10px;color: #333;line-height: 30px;}
.p5 .des,.p6 .des{width:713px;position: absolute;top:175px;left: 10px;color: #333;line-height: 30px;}*/
.p1 .des,.p2 .des,.p3 .des,.p4 .des,.p5 .des,.p6 .des,.p7 .des{width:713px;position: absolute;top:205px;left: 10px;color: #333;line-height: 30px;}

.p1{background: url(images/p1bg.jpg) no-repeat top center;}
.p2{background: url(images/p2bg.jpg) no-repeat top center;}
.p3{background: url(images/p3bg.jpg) no-repeat top center;}
.p4{background: url(images/p4bg.jpg) no-repeat top center;}
.p5{background: url(images/p5bg.jpg) no-repeat top center;}
.p6{background: url(images/p6bg.jpg) no-repeat top center;}
.p7{background: url(images/p7bg.jpg) no-repeat top center;}
.p8{background: url(images/p8bg.jpg) no-repeat top center;}
.p9{background: url(images/p9bg.jpg) no-repeat top center;}
.p10{background: url(images/p10bg.jpg) no-repeat top center;}



.copyright{width:100%;position: absolute;bottom:0;text-align: center;}

/*20171219*/
.nav {
    width: 305px;
}
.arrow2 span{
	width: 440px;	
}
.arrow2 span.a1{
	left: -110px;	
}
.arrow2b span{
	display: inline-block;
	width: 300px;
	height: 28px;
	text-align: right;
	left: -180px;
}
.p2 .arrow2b span,.p5 .arrow2b span{left:-180px;}
.p3 .arrow2b span,.p4 .arrow2b span{left:-180px;}
.p6 .arrow2b span,.p7 .arrow2b span,.p8 .arrow2b span,.p9 .arrow2b span{left:-180px;}

.arrow10 {
    position: absolute;
    left: -2%;
    background: url(images/arrow10.png) center 60px no-repeat ;
    width: 1200px;
    height: 305px;
    color: #927ad2;
}
.arrow10 span {
    top: auto;
	bottom: 0px;
}
.arrow10 em {
    top: auto;
	bottom: 70px;
}
.p10 .txt1 h1{
	margin-top: 10px;
}