*{margin:0;padding:0;}
body 
{   
    margin:0;
    padding:0;
	font-family:"微软雅黑"; 
	/*font-size:14px;*/ 
	 cursor: default;
	 background-color:#f6f6f6;
  font-size: .14rem;
	 
	
}
html{font-size:625%}
.hide{display: none}
table{border-collapse:collapse;border-spacing:0px;}
a{text-decoration:none;font-size:14px;outline:none;}
/* a:hover{text-decoration:underline} */
a:active{outline:none;}
a img{border:0;}
.clearfix{clear:both}
 body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,b{padding:0;margin:0}
a:focus,input,select,textarea{outline:0}

textarea{resize:none;overflow:auto;	font-family:"微软雅黑";  }
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.l{float: left !important}
.r{float: right !important;}


.clear{clear: both; height: 0;}

  @media only screen and (min-width: 320px){
    html {
    font-size: 625% !important;
   }
 }
  @media only screen and (min-width: 375px){
    html {
    font-size: 721% !important;
   }
 }
   @media only screen and (min-width: 414px){
    html {
    /*font-size: 796% !important;*/
	font-size: 776% !important;
   }
 }
/*  @media only screen and (min-width: 481px){
    html {
    font-size: 925% !important;
   }
 }
  @media only screen and (min-width: 561px){
   html {
    font-size: 1079% !important;
  }
 }
 
 @media only screen and (min-width: 640px){
   html {
    font-size: 1230% !important;
  }
 }
 */

 @font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?19dq6');
  src:  url('fonts/icomoon.eot?19dq6#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?19dq6') format('truetype'),
    url('fonts/icomoon.woff?19dq6') format('woff'),
    url('fonts/icomoon.svg?19dq6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-uniE900:before {
  content: "\e900";
  color: #fff;
}
.icon-1:before {
  content: "\e901";
  color: #fff;
}
.icon-2:before {
  content: "\e902";
  color: #c91f3a;
}
.icon-3:before {
  content: "\e903";
  color: #c91f3a;
}
.icon--1:before {
  content: "\e904";
  color: #ff623e;
}
.icon--2:before {
  content: "\e905";
  color: #777;
}
.icon-4:before {
  content: "\e906";
  color: #777;
}
.icon-5:before {
  content: "\e907";
  color: #fff;
}
.icon--:before {
  content: "\e908";
  color: #fff;
}
.icon--3:before {
  content: "\e909";
  color: #c91f3a;
}
.icon-6:before {
  content: "\e90a";
  color: #fff;
}
.icon-7:before {
  content: "\e90b";
  color: #c91f3a;
}
.icon-8:before {
  content: "\e90c";
  color: #fff;
}
.icon-9:before {
  content: "\e90d";
  color: #09bb07;
}
.icon-10:before {
  content: "\e90e";
  color: #c91f3a;
}
.icon-11:before {
  content: "\e90f";
  color: #fff;
}
.icon-18:before {
  content: "\e910";
  color: #fff;
}
.icon-17:before {
  content: "\e911";
  color: #fff;
}
.icon-__jurassic:before {
  content: "\e912";
  color: #fff;
}
.icon-16:before {
  content: "\e913";
  color: #fff;
}
.icon-15:before {
  content: "\e914";
  color: #fff;
}
.icon-14:before {
  content: "\e915";
  color: #c91f3a;
}
.icon--11:before {
  content: "\e916";
  color: #777;
}
.icon-13:before {
  content: "\e917";
  color: #fff;
}
.icon-12:before {
  content: "\e918";
  color: #c91f3a;
}



.noscroll{ height:100vh; overflow:hidden}
.max-box{ max-width: 640px;margin: 0 auto;}

.head-bj{width:100%; height:.52rem;box-shadow: 0 .03rem .03rem rgba(0, 0, 0, 0.08); z-index:999; position:fixed; left:0; top:0; background-color: #fff; }
.head-box{ width:94%;height:.52rem; margin:0 auto; max-width:640px; position: relative;}
.head-box .logo{float: left; width: 2.04rem; height: .246rem;  margin: .137rem 0 0 0}
.head-box .icon{ position: absolute; right: 0; top: .12rem; font-size: .28rem ;color: #041855}
.head-box .dm-box{ float: left; margin: .14rem 0 0 .1rem }
.head-box .dm-box h3{ font-size: .1rem ; color: #555 ;line-height: .12rem; margin-bottom: .02rem}
.head-box .dm-box h4{ font-size: .12rem ; color: #c91f3a ;font-weight: bold;line-height: .12rem;}



/* 栏目 */
.gb{ width: .2rem; height: auto ;  margin: .2rem 0 .3rem 85%}
.list{width:72%; background: rgba(255, 255, 255, 0.95); position: fixed; right: -72%; top: 0 ;  z-index: 999;height: 100%; overflow-y: auto}
.list ul{ width: 85% ; margin: 0 auto;}
.list ul li{ width: 100% ; }
.list ul li a{color: #333333; font-size:.16rem; display: block;border-bottom:solid 1px #bfbfbf;   height:.44rem;line-height: .44rem; position: relative;}
.list ul li .inactives a{ color: #f6cd8e ;}
.list ul li ul li a{ font-size: .15rem;}
.list ul li .inactive{    background: url(../images/no.png) no-repeat ;
  background-position: 96% center ;background-size: .07rem auto; }
.list ul li .inactives{ background-image: url(../images/no.png) ;background-position: 96% center ;
 background-size: .07rem auto ; background-repeat: no-repeat;} 
.list ul li ul{display: none; width: 100% ;  }
.list ul li ul li { width: 90%; padding:0 0 0 10%;  line-height: .44rem; background: rgba(4, 24, 85, 0.85);  border-bottom: dashed 1px #879cba}
.list ul li ul li a{ border: none ;color: #fff}
.list ul li ul li ul li a{ width: 100%;display: block; background: none !important ;border: none !important ; font-size: .12rem !important;}
.list ul li .cor{font-weight: bold }
.list ul li ul li ul li a:hover{font-weight: bold }
.list ul li:last-of-type{ border: none}
.hei{ width: 100% ; height: 100%; background: rgba(0, 0, 0, 0.3);  position: fixed; left: 0; top: 0; z-index: 98; display: none}
.list ul li ul li ul li{ background: none ; }
.list ul li.style>.inactive{ background-image: url(../images/no2.png) ;background-position: 96% center ;
  background-size: .13rem auto ; background-repeat: no-repeat;}
.list ul li ul li.ej .inactive{background-image: url(../images/off2.png) ;background-position: 96% center ;
  background-size: .07rem auto ; background-repeat: no-repeat;}
.list ul li ul li.ej .style2{background-image: url(../images/off.png) ;background-position: 96% center ;
    background-size: .13rem auto ; background-repeat: no-repeat;}
.list ul li:last-child a{border: none}



    .bottom_bj{ width:100%; position:fixed; left:0; bottom:0; z-index: 99; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4)}
    .bottom_box{ width:100%;height:.52rem;  margin:0 auto;max-width:640px;background-color:#041855;}
    .bottom_box ul{ width:100%}
    .bottom_box ul li{ width:25%; height:.52rem; float: left; text-align:center; position: relative;}
    .bottom_box ul li a{ width: 100%; display: block;height:.52rem; overflow: hidden;}
    .bottom_box ul li h4{ width:100%; height:0.16rem; line-height:0.16rem; font-size:.12rem; color:#fff;  overflow:hidden;  position: absolute; left: 0; bottom: .04rem; }
    .bottom_box ul li .iconfont{  color:#fff; font-size:.24rem; display:block; margin-top: .06rem}
    /* .bottom_box ul li.on .iconfont{ color: #f7890e} */
    .bottom_box ul li.on h4{font-weight: bold}
    .bottom_box ul li:nth-child(3) .iconfont{font-size: .22rem}
    

    


    .slideBox5{ position:relative; width:100%;  height: 100vh; overflow:hidden;}
    .slideBox5 .hd{ position:absolute; width:100%; height:14px; line-height:14px; bottom:.35rem; right:0; z-index:1; text-align:center;}
    .slideBox5 .hd li{ display:inline-block; width:7px; height:7px; border-radius:50%; background-color: #bfbfbf; text-indent:9999px; overflow:hidden; margin:0 4px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
    .slideBox5 .hd li.on{ opacity: 1; background-color: #c91f3a ; width: 20px ; border-radius: 3px;  }
    .slideBox5 .bd{ position:relative; z-index:0; }
    .slideBox5 .bd li{ position:relative; }
    .slideBox5 .bd li img{ width:100%;  height: 100vh; object-fit: cover  }
    .slideBox5 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }

.btj2{ width: 100%; position: absolute; left: 0; top: 10vw;text-align: center}
.btj2 .lg2{ width: 62% ; height: auto;}
.jr-box{ background: rgba(171, 53, 53, 0.5) ; font-size: .14rem; color: #fff ; width: 1.1rem; height: .36rem; line-height: .36rem; text-align: center; position: absolute; left: 50%; margin-left: -.5rem; bottom: .66rem; border-radius:.36rem ; -webkit-border-radius:.36rem ; -moz-border-radius:.36rem ; -ms-border-radius:.36rem ; -o-border-radius:.36rem ; }




@media screen and (min-width: 375px) {
  
}
@media screen and (width: 360px) {

	
}




.swiper-container2 { width: 100%; position: relative;}
.swiper-container2 .swiper-slide {
    text-align: center;font-size: 18px;background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container2 .swiper-slide img{ width:100%;  height: 100vh; object-fit: cover  }
.swiper-container2 .swiper-pagination{ bottom: .4rem !important}
.swiper-container2 .swiper-pagination span{ display:inline-block; width:6px; height:6px; background-color: #bfbfbf; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.swiper-container2 .swiper-pagination .swiper-pagination-bullet-active{width: 20px ; border-radius: 3px; background-color: #c91f3a;  }

.btj2{ width: 100%; position: absolute; left: 0; top: 10vw;text-align: center ;z-index: 99;}
.btj2 .lg2{ width: 62% ; height: auto;}
.jr-box{ background: rgba(171, 53, 53, 0.5) ; font-size: .14rem; color: #fff ; width: 1.1rem; height: .36rem; line-height: .36rem; text-align: center; position: absolute; left: 50%; margin-left: -.5rem; bottom: .66rem; border-radius:.36rem ; -webkit-border-radius:.36rem ; -moz-border-radius:.36rem ; -ms-border-radius:.36rem ; -o-border-radius:.36rem ;z-index: 99; }