* {box-sizing: border-box;}
* {-webkit-tap-highlight-color: transparent;-webkit-appearance: none;}
header{
    height: 100px;
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    z-index: 5;
   
}
.header.on{
    position: fixed;
    z-index: 9999;
    background: #ffffff;
    width: 100%;
    box-shadow:0px 0px 5px 0px #cccccc;
}
.top{
    display: flex;
    align-items: center;
    width: 65%;
    height: 100%;
}
.top .logo{
    width: 20%;

}
.top img{
    max-width: 100%;
}

.menu{width: 70%;height: 100%;}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;

}
.menu ul .item{
    position: relative;
    font-size: 16px;
    width: 12%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;


}
.menu ul .secNav{
    /*visibility:hidden;*/
    height:0px; overflow:hidden;
    transition:all 250ms ease-out 0ms;
    transform:translate(0%, 10px);
    position: absolute;
    background: #ffffff;
    box-shadow:0px 0px 5px 0px #cccccc;
    width: 190%;
    padding: 0px 0;
    top: 100%;
   

}

.menu ul .secNav li{
    height: 33px;
    line-height: 33px;
    font-size: 14px;
}
.menu ul .secNav.active{
 
    /*visibility:visible;*/
    transform:translate(0%, 0px);
	height:auto;

  
}
.menu .item:after{content:" ";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:3px;background-color:#0067ac;-webkit-transition:all 250ms ease-out 0ms;transition:all 250ms ease-out 0ms;opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}
.menu .item:hover:after{-webkit-transform:none !important;transform:none !important;
    -webkit-transition:all 250ms ease-out 0ms;
    transition:all 250ms ease-out 0ms;opacity:1;visibility:visible
}
.menu .nowl{ background:#0067ac;}
.menu .nowl>a{color:#fff;}
@media screen and (max-width: 1200px){
.menu .nowl>a{color:#333;}
}


.tel div{
    display: flex;
    align-items: center;
}
.tel i{
    font-style: normal;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 30px;
    margin-left: 10px;
}
.blank-top {height: 100px;}
.banner{
    position: relative;
  }
.banner .swiper {
    width: 100%;
    height: 100%;

}
  
  .banner .swiper-slide {

   width: 100%;
   height: 100%;
   overflow: hidden;

  }


.banner .aniss{width: 80%; position: absolute;top: 25%; left: 10%; }
.slide-bg1  img{width: 100%; } 
.banner .aniss h1{font-size:5vw; color: #ffffff; line-height: 2; } 
.banner .aniss p{font-size: 3vw; color: #ffffff; line-height: 1.5;} 
.seemore{background: #0067ac; text-align: center; height: 33px; line-height: 33px; color: #ffffff; padding: 0 15px; display: inline-block; margin-top: 25px; } 
.seemore a{color: #ffffff; position: relative; font-size: 18px; display: flex; align-items: center; } 
.seemore  i{border-bottom: 1px solid #ffffff; width: 10px; display:block; height: 1px; margin-left: 5px; } 
.mores{background: #dc253b; text-align: center; height: 33px; color: #ffffff; padding: 0 25px; display: inline-block; margin-top: 45px; } 
.mores a{color: #ffffff; position: relative; font-size: 12px; display: flex; align-items: center; display: flex; height: 100%; } 
.mores  i{border-bottom: 1px solid #ffffff; width: 10px; display:block; height: 1px; margin-left: 5px; } 
.mores:hover{opacity: 0.8; } 
.more3{text-align: center; margin-top: 35px; } 
.more3 a:hover{opacity: 0.8; }

#swiper3{position: relative; overflow:hidden; margin-top: 55px; } 
#swiper3 .swiper-slide{height: 100%; }
.fangan{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; }
.fangan h2{color: #ffffff; font-size: 40px; line-height: 2; } 
.fangan p{color: #ffffff; font-size: 20px; line-height: 2; } 
.fangan a{display: inline-block; border: 1px solid #cccdcd; text-align: center; padding: 5px 45px; color: #fff; margin-top: 25px; font-size: 15px;} 
.fangan a:hover{background: #0067ac; border: 0; color: #fff;} 

#swiper3 .swiper-slide li{position: relative; }
#swiper3 .swiper-slide img{width: 100%; } 
#yxzl{position: absolute; left: 0; bottom: 3px; right: 0; border-top: 1px solid #393969; height: 55px; } 
#yxzl  .swiper-wrapper{display: flex; align-items: center; } 
#yxzl  .swiper-wrapper a{width: 33.3%; display: flex; align-items: center; justify-content:space-between; color: #ffffff; border-right: 1px solid #393969; padding: 0 1%; } 
#yxzl  .swiper-wrapper a.cur{background: #0067ac; } .top_r{display: flex; align-items: center; height: 100%; width: 30%; justify-content: flex-end; } 
.search{background: #0067ac; height: 100%; display: flex; margin-left: 22px; align-items: center; padding: 0  15px; /*min-width: 70px;*/ justify-content: center; } 
.search input{background: none; border: 0px; border-bottom: 1px solid #f2f2f2; transition:all 710ms; width: 0px; } 
.search div{display: flex; } 
.search:hover  input{width: 150px; outline: none; color: #ffffff; } 
.search input::-webkit-input-placeholder {/* WebKit browsers */ font-size:14px; color: #ffffff; } 
.search input::-moz-placeholder {/* Mozilla Firefox 19+ */ font-size:14px; color: #ffffff; } 
.search input:-ms-input-placeholder {/* Internet Explorer 10+ */ font-size:14px; color: #ffffff; }

.banner .swiper-pagination-bullet{ width:12px; height:12px; border-radius:12px; transition:all linear .2s; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,.8); width:32px;}
.news .swiper-pagination{
    top: 100%;
}

.swiper-pagination-progressbar {
	height: 4px !important;
	background: #DEDEDE !important;
	top: auto !important;
	bottom: 0 !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #FA401C !important;
}

.ps2{ background:#dc253b; }
.tit{
    text-align: center;
    margin-top: 75px;
}
.tit h1{
    font-size: 48px;
    line-height: 2;
   
}
.tit p{padding:0px 20%;font-size: 16px; line-height: 40px;}
.zn{
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
}
.zn dl{
    width: 48%;
}
.zn .li{
    width: 100%;
    position: relative;
    margin-top: 15px;
}
.zn .li img{
    width: 100%;
}
.zn .li div{
    position: absolute;
    left: 10%;
    top: 10%;
    width: 50%;
}
.zn .li div h1{

    font-size: 48px;
    line-height: 2;
}
.zn .li  img{
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}



.zn .li div p{
    font-size: 15px;
    font-family: pingfang;
    color: #6a6a6a;
    line-height: 1.8;
}
.zn .li div a{
    color: #6a6a6a;  font-family: pingfang;
    border: 1px solid #6a6a6a;
    border-radius: 35px;
    padding: 3px 10px;
    margin-top: 15px;
    display:inline-block;
}



.zn .li:hover div h1{
    color: #0067ac;
 
}

.zn .li:hover div a{
    color: #0067ac;  font-family: pingfang;
    border: 1px solid #0067ac;
 
}


.zn .li:hover img{
    box-sizing:border-box !important;-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
    filter: grayscale(0);

 
}


.indvd{
    position: relative;
    margin-top: 55px;

}
.indvd img.bg, .indvd img {
    width: 100%;
}
.Video-Plyr-play{
    position: absolute;
    left: 48%;
    top: 48%;
}
.indvd-click{width: 60px;height: 60px;}
.indvd-click i{display: block;width: 100%;height: 100%;background: url('../images/vdCk.png') no-repeat center /100% auto;cursor: pointer;}
.indvd-click:hover i{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}
/* 视频弹窗 */

.Video-Plyr-Box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999991;
    display: none;
}

.Video-Plyr {
    width: 1066px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;height: 600px;
    transform: translate(-50%, -50%);
}

.Video-Plyr video {
    width: 100%;max-height: 100%;
    object-fit: fill;
}

.Video-Plyr-close1 {
    width: 40px;
    height: 40px;
    text-align: center;

    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 919999;
}

.Video-Plyr-close1 i {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-image: url('../images/vd-close.png');
    display: inline-block;
    margin-top: 11px;
    transition: all .6s ease-in-out;
}

.Video-Plyr-close:hover {
    background-color: #1f5dcb;
}

.newsbg{
    background: 80% 10px  no-repeat #fafafa;
   
    position: relative;
    margin-top: 55px;
    padding-bottom: 35px;
}

.jtr{
    position: absolute;
    right: 0px;
    bottom: -63px;
}
.jtr img{
    width: 100%;
}
.newsbg::after{
    content: '';
    position: absolute;
    left: 0;
    width: 10px;
    height: 135px;
    background: #0067ac;
    top: 0px;
}
.news{
    position: relative;
    width: 93%;
    margin-left: 3%;
    padding-top: 35px;
   
}
.news .swiper {
    width: 100%;
     padding-bottom: 55px;
  }
.news .swiper-wrapper{
      display: flex;
 
}
.news .swiper-wrapper .swiper-slide{
    width: 33.33%;
    display: flex;
    height: 80%;
}
.news .swiper-wrapper .swiper-slide dl{
    width: 95%;
}
.news .swiper-wrapper .swiper-slide dl img.bg{width: 100%; }
.news .swiper-wrapper .swiper-slide dl h5{height: 52px; display: flex; justify-content: space-between; align-items: center; }
.news .swiper-wrapper .swiper-slide dl h5 a:hover{
	color:#dc263e;
}
.news .swiper-wrapper .swiper-slide dl h5 img{padding-left: 10px; width: 10%; }

.news dl dt{
    color: #6a6a6a;
    font-family: pingfang;
    font-size: 14px;
}
.news h1{
    font-size: 48px;
    line-height: 3;
	text-align:center;
}

.news h5{
    margin: 30px 0;
}
.news h5 span{font-weight: 500; font-size: 18px; line-height: 1.3; }
.swiper-scrollbar {
    background-color: #d2d1d3;
    right: 12px;
    width: 2px;
}
.swiper-scrollbar-drag {
   

    background-color: #dc253b !important;
   
} 
    .swiper-scrollbar-drag ::before {
       
      
         
    }
    .swiper-scrollbar-drag ::after {
  
       
}

.link{
    position: relative;
    margin-top: 55px;
    height: 100%;
   
}
.link .swiper {
    width: 100%;

}
.link .swiper-wrapper .swiper-slide {

}


.link .swiper-wrapper .swiper-slide img{
  max-width: 100%;
}


.foot{margin-top: 50px;}
footer{overflow: hidden;border-bottom: 1px solid rgba(71,70,69,0.1); border-top:1px solid rgba(71,70,69,0.1); margin-top: 55px;}
.foot-l{float: left;width: 70%;border-right: 1px solid rgba(71,70,69,0.1);}
.foot-r{float: left;width:30%;}
.logo-b{
    margin-top: 35px;
	padding-left:15px;
}
.foot-nav{
    display: flex;
    justify-content: space-around;
    margin-top: 35px;
    padding-bottom: 35px;
}

.foot-nav h1{
    font-size: 18px;
    padding-bottom: 25px;
    color: #606060;
}
.foot-nav p{
    line-height: 2;
}
.foot-nav  a{
    /*font-size: 14px;*/
    color: #8c8c8c;
    font-family: pingfang;
}
.foot-nav  a:hover{
	color:#0067ac;
}

.contact {
    width: 85%;
    margin-left: 12%;
    margin-top: 10%;
    font-size: 14px;
    color: #8c8c8c;
    font-family: pingfang;
}
.contact .address{
    font-size: 14px;
    color: #8c8c8c;
    font-family: pingfang;
    line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 25px;
}
.contact h1{
    color: #0067ac;
}

.share{
    display: flex;
    margin-top: 5px;
}

.share a{
    display: block;
    color: #4a4a4a;
    position: relative;
    font-size: 24px;
    margin-right: 15px;
    
}
.share a img {
    -webkit-transition:all .3s;transition:all .3s
}
.share a img{
    position:absolute;
    bottom:100%;left:50%;width:100px;height:auto;
    margin-left:-50px;-webkit-transform:scale(0);
    transform:scale(0);
    visibility:hidden;opacity:0;
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
}
.share a:hover {
    color:#dc263e;
}
.share a:hover img{
    visibility:visible;opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.copyright{font-size: 14px; color: #8c8c8c; padding: 25px 0;}
.zzjgn img{ max-width:100%; height:auto;}

.jianjie, .zzjg, .sonlinkmenu, .news-list, .newsxq, .prolist, .job, .contacts, .relyx-title, .copyright{ padding-left:15px;padding-right:15px;}