i,em{font-style:normal;}
      
      .head{/*width:80rem;*/margin:0 auto;box-sizing: border-box;background-color: #fff;}
      .head .h_top{padding: 0 5%;box-sizing: border-box;min-width:1200px;max-width: 1920px;}
      .head .logo{float:left;padding-top:1rem;}
      .head .logo .t_logo{float:left; line-height: 0; overflow: hidden;margin-right:0.5rem;}
      .head .logo .t_logo img{display: block;width: 3.8rem;height: 3.65rem;}
      .head .logo h2{float:left;padding-top:0.3rem;font-size: 1.6rem;font-weight: bold; color:#333;}
      .head .logo h2 span{font-size: 0.8rem; font-weight: normal; display: block;line-height: 1.2rem;color: #333;padding-bottom:0.5rem;}
  
      .head .hea-tel{float: right;margin-top: 2rem;}
      .head .hea-tel p{position: relative;display: inline-block;margin-left: 0.3rem;font-size: 1.3rem;line-height: 1.2rem;color:#1c4499;font-weight: bold;font-family: "Galano Classic Alt Bold";}
      .head .hea-tel img{display: inline-block;width: 1.3rem;height: 1.3rem;vertical-align: -0.15rem;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}
   
      @keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -5px); } 100% { transform: translate(0, 0); } }
      @-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -5px); } 100% { -webkit-transform: translate(0, 0); } }
.h_nav{width: 50%; height:5.5rem;padding-right: 3%;}
.h_nav ul{ width: 100%; height:5.5rem;display: flex;justify-content: space-between;}
.h_nav li{position: relative;}
.h_nav li a{ font-size:0.9rem; color:#333;display:block; float:left;position: relative;z-index: 4; text-decoration:none;height: 5.5rem;line-height: 5.5rem;}
.h_nav li a:after {
	position: absolute;
	bottom: 1.4rem;
	left: 0;
	width: 100%;
	height: 0.1rem;
	background: #003686;
	content: '';
	opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
.h_nav li a:hover:after,
.h_nav li.cur a:after{
	height: 0.1rem;
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}
.h_nav li a:hover,.h_nav li.cur a{color: #003686;}

.h_nav li .erji{ display:none;background: rgba(0,0,0,0.8);height:auto; width:150px;text-align:center; position:absolute; top:5.5rem; left:-36px;z-index:5;}
.h_nav li .erji:before{content: "";width: 0;height: 0;position: absolute;top: -8px;left: calc(50% - 8px);border-bottom:8px solid rgba(0,0,0,0.8); border-left:8px solid transparent;border-right:8px solid transparent;}
.h_nav li .erji li{ border-bottom:rgba(255,255,255,0.3) 1px solid; height:44px; line-height:44px;}
.h_nav li .erji a{ height:44px; line-height:44px; width:150px;color:#fff;}
.h_nav li.cur .erji a:after,.h_nav li .erji a:hover:after{ background:none;opacity: 0;}
.h_nav li.cur .erji a{font-weight:normal;}
.h_nav li.cur .erji a:hover,.h_nav li .erji a:hover{font-weight:bold;}

.h_nav li.li05 .erji{ width:210px; left:-60px;}
.h_nav li.li05 .erji a{ width:210px;}
          
  
      .head.headFix{background:rgba(0,0,0,0.5);position: fixed;left: 0;top: 0;height: 5.1rem;box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);z-index: 99;}
      em,i{ font-style:normal;}
  
  /**/
            .content24 { width: 70rem; margin: 0px auto; position: relative; }
            /*@media screen and (max-width: 1600px) {
            .content24 {
                width: 1400px;
            }
            }
  
            @media screen and (max-width: 1500px) {
            .content24 {
                width: 1300px;
            }
            }
  
            @media screen and (max-width: 1300px) {
            .content24 {
                width: 1200px;
            }
            }*/
  
  
            /**/
  
            @media screen and (min-width: 1263px) {
            html {
                font-size: calc(1263px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1349px) {
            html {
                font-size: calc(1349px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1463px) {
            html {
                font-size: calc(1463px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1543px) {
            html {
                font-size: calc(1543px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1583px) {
            html {
                font-size: calc(1583px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1643px) {
            html {
                font-size: calc(1643px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1663px) {
            html {
                font-size: calc(1663px * 20 / 1903);
            }
            }
  
            @media screen and (min-width: 1903px) {
            html {
                font-size: calc(1903px * 20 / 1903);
            }
            }
  
  
    

.ban1{position:relative;}
          /*.ban1:after{position:absolute;left:0;top:0;width:100%;height:1000%;background:rgba(0,0,0,0.45);content:"";z-index:2;}*/
          
        .ban_txt {
            position: absolute;
            top: 33%;
            left: 5%;
          z-index: 20;
            width: 100%;
            display:block;
        }
        .ban_txt img{display:block; width: 100%;}
        
        .ban1 video {
            display: block;
            width: 100%;
            margin: 0 auto;
         position:relative;
        }
    .banner {overflow: hidden;
    }
    
    .banner video {
        object-fit: fill
    }
    
    .banner .swiper-slide {
        position: relative
    }
    
    .banner .swiper-slide img {
        display: block;
        width: 100%
    }
    
    .banner .swiper-slide .ind_ban_tex {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
        font-size: 5.3rem;
        line-height: 3.5;
        color: #cc0000;
        text-shadow: 3px 0 10px #cc0000;
        transform: translateY(15px);
        opacity: 0;
        margin-bottom: 10px
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
        color: #cc0000;
        font-size: 2.3rem;
        line-height: 3.4rem;
        margin-bottom: 10px;
        text-shadow: 3px 0 10px #cc0000;
        transform: translateY(15px);
        opacity: 0
    }
    
    .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
        color: #cc0000;
        line-height: 3rem;
        font-size: 2.8rem;
        text-shadow: 3px 0 10px #cc0000;
        transform: translateY(15px);
        opacity: 0
    }
    
    .banner .swiper-slide.active .ind_ban_tex_title_en {
        transition: all .5s ease .5s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-slide.active .ind_ban_tex_title {
        transition: all .5s ease .6s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-slide.active .ind_ban_tex_info {
        transition: all .5s ease .9s;
        transform: translateY(0);
        opacity: 1
    }
    
    .banner .swiper-container:hover div.swiper-button-next,.banner .swiper-container:hover div.swiper-button-prev{opacity:1;}
    .banner .swiper-button-next,
    .banner .swiper-button-prev {
        background-image: none;
        width: 64px;
        height: 64px;
        text-align: center;
        line-height: 64px;
        color: #cc0000;
        transition: all .3s ease;
        opacity: 0;
    }
    
    .banner .swiper-button-next.swiper-button-disabled,
    .banner .swiper-button-prev.swiper-button-disabled {          }
    
    .banner .swiper-pagination-bullet {        width: 12px;        height: 12px;        background-color: #cc0000;        margin: 0 2rem;        opacity:1;        color: transparent    }
    
    .banner .swiper-pagination-bullet-active {        opacity: 1;        width: 42px;        height: 42px;        line-height: 42px;        text-align: center;        border: 2px solid #ff0000;        background-color: transparent;        color: #ff0000;        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box    }
    
    .banner .swiper-pagination-bullet-active .rightcircle {        -webkit-animation: circleProgressLoad_right 4s linear infinite;
        animation: circleProgressLoad_right 4s linear infinite    }
    
    .banner .swiper-pagination-bullet-active .leftcircle {        -webkit-animation: circleProgressLoad_left 4s linear infinite;
        animation: circleProgressLoad_left 4s linear infinite    }
    
    .banner .swiper-pagination-bullet-active .wrapper_con {display: block    }
    
    .banner .swiper-pagination {font-size: 0    }
    
    .banner .swiper-pagination>span {display: inline-block; vertical-align: middle; position: relative    }
    
    .banner .swiper-button-prev,
    .banner .swiper-container-rtl .swiper-button-next {        left: calc(8.335% - 32px)    }
    
    .banner .swiper-button-next,
    .banner .swiper-container-rtl .swiper-button-prev {right: calc(8.335% - 32px)    }
    
    .banner .swiper-button-next,
    .banner .swiper-button-prev {top: 45%!important    }
    
    .banner .swiper-container-horizontal>.swiper-pagination-bullets,
    .banner .swiper-pagination-custom,
    .banner .swiper-pagination-fraction {bottom: 10%    }
    
    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 .5rem    }
    
    .wrapper_con {
        width: 21px;
        height: 42px;
        position: absolute;
        top: -2px;
        overflow: hidden;
        display: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .f-14 {
        font-size: 14px
    }
    
    .right {
        right: -2px
    }
    
    .left {
        left: -2px
    }
    
    .circleProgress {
        width: 42px;
        height: 42px;
        border: 2px solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 0;
        transform: rotate(-135deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .rightcircle {
        border-bottom: 2px solid #ff0000;
        border-left: 2px solid #ff0000;
        right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .leftcircle {
        border-top: 2px solid #ff0000;
        border-right: 2px solid #ff0000;
        left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    @keyframes circleProgressLoad_right {
        0% {
            transform: rotate(45deg)
        }
        100%,
        50% {
            transform: rotate(225deg)
        }
    }
    
    @keyframes circleProgressLoad_left {
        0%,
        50% {
            transform: rotate(45deg)
        }
        100% {
            transform: rotate(225deg)
        }
    }


      .layui-layer-page .layui-layer-content {
                overflow: hidden;
              }
  

 h4.fter {
    height: 2rem;
    line-height: 2rem;
    font-size: 1.1rem;
    font-weight: normal;
}
 a:hover{color: #ff0000;}
 .f_bg{ background: url(images/f_bg.jpg) no-repeat center top;}
    .footer{height: 24rem;padding-top: 3rem;box-sizing: border-box;background: url(images/f_bg.jpg) no-repeat center top;}
    .footer h3{display: block;height: 4rem;line-height: 3.6rem;font-size: 1.2rem;color: #8897b5;font-weight: normal;position: relative;}
    .footer h3:after{position: absolute;left: 0%;width: 1.6rem;height: 0.1rem;bottom: 0rem;background: #fff;content: "";}
    .f_lx{ float: left;width: 28%;}
    .f_lx::after{position: absolute;left: 16rem;width: 1px;height: 20.8rem;top: -1rem;background: #1c4499;content: "";}

    .f_nav::after{position: absolute;left: 28.6rem;width: 1px;height: 20.8rem;top: -1rem;background: #1c4499;content: "";}
    .f_xx::after{position: absolute;left: 52.5rem;width: 1px;height: 20.8rem;top: -1rem;background: #1c4499;content: "";}

    .f_lx h2 img{display: block;width: 13rem;height: 4.5rem;margin-bottom: 1rem; margin-top:2rem;}
    .f_lx h2 span{font-size: 1rem;font-weight: normal;margin-bottom: 2rem;display: block; color: #8897b5;}
    .f_lx p{ font-size: 0.8rem;line-height: 1.6rem;color:#8897b5;}
    .f_lx p a{color: #8897b5;}

    .f_nav{float: left;width: 13%;box-sizing: border-box;} 
    .f_nav .fter{color: #8897b5; font-weight:bold;}	
    .f_nav  ul{margin-top: 1.3rem;}
    .f_nav  ul li a{font-size: 0.8rem;color: #8897b5;line-height: 2.1rem;display: block;}
    .f_xx{float: left;width: 33%;margin-left: 4.25%; color: #8897b5;}
    .f_xx .fter{color: #8897b5; font-weight:bold;}
    .f_xx .gsxx{margin-top: 1.7rem;}
    .f_xx  .gsxx p{font-size: 0.8rem;color: #8897b5;line-height: 1.6rem;display: block;}
	.f_xx  .gsxx p a{color: #8897b5;}
    .f_xx  .gsxx  b{font-size: 1.4rem;line-height:1.4rem;margin-bottom: 0.5rem;display: block;color: #fff;font-family: "Galano Classic Alt Bold";}
    .f_xx .gsxx b i{font-size: 0.8rem;color: #8897b5;font-weight: normal;}
    .f_xx .gsxx p.adr {padding-top: 1.5rem;}

    .f_er{float: left;/* width:16.25%; */}
    .f_er .fter{color: #8897b5; font-weight:bold;}
    .f_er ul{margin-top: 1.7rem;}
    .f_er li{position:relative;margin-right:0.5rem;float:left;}
    .f_er li:last-child{margin-right:0;}
.f_er li img {
    display: block;
    width: 2.5rem;
    border-radius: 50%;
}
    .f_er li em {
    display: block;
    background: url('images/bger.png') no-repeat top left;
}
.f_er li:hover em{display: block;}
.f_er li em img{width:7.25rem;height:7.25rem;border-radius:0;}
    .f_er li span{font-size: 0.6rem;color: #fff;line-height: 2.5rem;display: block;text-align: center;display:none;float:left;}
    @media screen and  (max-width:1440px){
    
       }

  

    .links{background: url(images/f_bg.jpg) no-repeat center bottom;height: 5rem;}
   .links p{height: 5rem;line-height: 5rem;}
   .links p a{color:#8897b5;font-size: 0.8rem;padding-right: 1rem;}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1c4499;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1c4499;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }