@charset "utf-8";*{margin:0;padding:0}
html,body,button,input,select,textarea{font-size:62.5%}
html{height:100%}
body{margin:0;position:relative;height:100%;background-color:#CCC;font-family:Microsoft YaHei;font-size:1.8rem}
a{text-decoration:none;display:block;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
ul, li{list-style:none}

/*-------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%;background-color:rgba(0, 0, 0, 0.55);}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0057a8;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#1d2088}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*------手机站导航结束----------*/

.swiper-container{width:100%;height:100%;color:#fff}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.pagination{position:absolute;z-index:20;right:10px;top:50%;margin-top:-90px}
.swiper-pagination-switch{display:block;width:8px;height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;background:#555;margin:0 0 5px;opacity:.8;cursor:pointer}
.swiper-active-switch{background:#fff}
.videobox{width:100%;height:100%;position:absolute;z-index:21;background:rgba(0,0,0,.9);display:none}
#myAudio{display:none}
.player-button{display:block;width:27px;height:19px;position:fixed;right:10px;bottom:15px;z-index:100000;cursor:pointer;background:url(../ke01_img/music.png) no-repeat;background-position:0 0}
.player-button-stop{background-position:0 -19px}
.swiper-slide{position:relative;overflow:hidden}

/*每屏背景*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0%{transform: scale(1);  /*开始为原始大小*/}25%{transform: scale(1.2); /*放大1.1倍*/}50%{transform: scale(1);}75%{transform: scale(1.1);}}
.swiper-slide .bg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;-webkit-animation-name: scaleDraw; /*关键帧名称*/ -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/-webkit-animation-duration: 20s; /*动画所花费的时间*/}
.swiper-slide .bg img{display:block;width:100%;height:100%}


/*底部箭头提示*/
.s-jiantou{position:absolute;left:45%;bottom:5%;width:7%;opacity:0;transition:all 1s}
.s-jiantou img{width:100%}
.swiper-slide-active .s-jiantou{opacity:.7;-webkit-animation:fadeInUp 1s 3s ease both;-moz-animation:fadeInUp 1s 3s ease both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite}

/*第一屏*/
.s-001_title{position:absolute; width:28%; right:0; bottom:-10%; opacity:0; -webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);transition:all 1s}
.s-001_title img{width:100%}
.swiper-slide-active .s-001_title{opacity:1; width:28%; right:10%; bottom:0; -webkit-transform:scale(1,1); transform:scale(1,1); transition-delay:.5s}

.s-001_wz{position:absolute; width:92%; left:-10%; top:24%; opacity:0; transition: all 1s; z-index: 9;}
.s-001_wz img{width:100%}
.swiper-slide-active .s-001_wz{opacity:1; left:4%; transition-delay:1s;}

.s-001_text1{position:absolute; width:92%; left:4%; top:60%; opacity:0; transition: all 1s;}
.s-001_text1 img{width:100%;}
.swiper-slide-active .s-001_text1{opacity:1; left:3%; top:36%; transition-delay:1.2s;}

.s-001_text2{position:absolute; width:60%; left:-20%; top:42%; opacity:0; transition: all 1s; z-index: 9;}
.s-001_text2 img{width:100%}
.swiper-slide-active .s-001_text2{opacity:1; left:20%; transition-delay:1.4s;}

.s-001_text3{position:absolute; width:60%; right:-20%; top:46%; opacity:0; transition: all 1s; z-index: 9;}
.s-001_text3 img{width:100%}
.swiper-slide-active .s-001_text3{opacity:1; right:20%; transition-delay:1.4s;}

/*第二屏*/
.s-002_text1{position:absolute; width:55%; left:25%; top:-20%; opacity:0; transition: all 1s; z-index: 9;}
.s-002_text1 img{width:100%}
.swiper-slide-active .s-002_text1{opacity:1; top:20%; transition-delay:1s;}

.s-002_text2{position:absolute; width:90%; left:-10%; top:32%; opacity:0; transition: all 1s; z-index: 9;}
.s-002_text2 img{width:100%;}
.swiper-slide-active .s-002_text2{opacity:1; left:5%; transition-delay:1.5s;}

.s-002_text3{position:absolute; width:90%; right:-20%; top:53%; opacity:0; transition: all 1s; font-size: 14px;}
.swiper-slide-active .s-002_text3{opacity:1; right:5%; transition-delay:1.7s;}

.s-002_text4{position:absolute; width:28%; left:37.5%; height: 30px; border:1px solid #fff; border-radius:30px; top:100%; opacity:0; transition: all 1s; font-size: 14px; text-align: center; line-height: 30px;}
.s-002_text4 a{color: #fff;}
.swiper-slide-active .s-002_text4{opacity:1; top:65%; transition-delay:1.7s;}

/*第三屏*/
.s-003_text1{position:absolute; width:55%; left:25%; top:-20%; opacity:0; transition: all 1s; z-index: 9;}
.s-003_text1 img{width:100%}
.swiper-slide-active .s-003_text1{opacity:1; top:20%; transition-delay:1s;}

.s-003_text2{position:absolute; width:90%; left:5%; top:100%; opacity:0; transition: all 1s;}
.s-003_text2 ul{width: 100%;}
.s-003_text2 ul li{float: left; width: 47%; margin: 1% 1%; height: 30px; line-height: 30px; border:1px solid #fff; border-radius:30px; text-align: left;}
.s-003_text2 ul li a{color:#fff; font-size: 14px; display: block;}
.s-003_text2 ul li:hover{background: #1d2088; border:1px solid #1d2088;}
.s-003_text2 ul li img{margin-right: 10px; margin-left: 10px; width: 20px; margin-top: 5px;}
.swiper-slide-active .s-003_text2{opacity:1; left:5%; top:35%; transition-delay:1.2s;}

/*第四屏*/
.s-004_text1{position:absolute; width:55%; left:25%; top:-20%; opacity:0; transition: all 1s; z-index: 9;}
.s-004_text1 img{width:100%}
.swiper-slide-active .s-004_text1{opacity:1; top:20%; transition-delay:1s;}

.s-004_text2{position:absolute; width:90%; left:5%; top:100%; opacity:0; transition: all 1s; z-index: 9;}
.s-004_text2 ul li{width: 100%; height: 60px; background: #fff; margin-bottom: 5px;}
.s-004_text2 ul li .s-004_text2_img{float: left; margin-left: 5px; margin-top: 5px; margin-right: 5px; width: 82px; height: 50px;}
.s-004_text2 ul li .s-004_text2_img img{width: 82px; height: 50px;}
.s-004_text2 ul li .s-004_text2_content{float:right; margin-right: 5px; width: 210px;}
.s-004_text2 ul li .s-004_text2_content a{font-size: 14px; color: #000000;}
.s-004_text2 ul li .s-004_text2_content a:hover{color: #1d2088;}
.s-004_text2 ul li .s-004_text2_content p {color: #8e8e8e; font-size: 12px; line-height: 18px;}
.swiper-slide-active .s-004_text2{opacity:1; left:5%; top:38%; transition-delay:1.5s;}

.s-004_text3{position:absolute; width:28%; left:37.5%; height: 30px; border:1px solid #fff; border-radius:30px; top:100%; opacity:0; transition: all 1s; font-size: 14px; text-align: center; line-height: 30px;}
.s-004_text3 a{color: #fff;}
.swiper-slide-active .s-004_text3{opacity:1; top:75%; transition-delay:1.7s;}

/*第五屏*/
.s-005_text1{position:absolute; width:56%; left:25%; top:-20%; opacity:0; transition: all 1s; z-index: 9;}
.s-005_text1 img{width:100%}
.swiper-slide-active .s-005_text1{opacity:1; top:20%; transition-delay:1s;}

.s-005_text2{position:absolute; width:70%; left:-10%; top:32%; opacity:0; transition: all 1s; z-index: 9;}
.s-005_text2 img{width:100%;}
.swiper-slide-active .s-005_text2{opacity:1; left:15%; transition-delay:1.5s;}

.s-005_text3{position:absolute; width:80%; right:-20%; top:53%; opacity:0; transition: all 1s; font-size: 14px;}
.swiper-slide-active .s-005_text3{opacity:1; right:10%; transition-delay:1.7s;}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
50%{opacity:1;-webkit-transform:translateY(0px)}
100%{opacity:.7;-webkit-transform:translateY(-10px)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
50%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-10px)}}