@charset "utf-8";
/* CSS Document */
@import url( reset.css);

@font-face {  
    font-family: 'MyCustomFont';   
    src: url('../css/syst.ttf') format('woff');   
    font-weight: normal;  
    font-style: normal;  
}  
/* body {  
    font-family: 'MyCustomFont', sans-serif; 
}  */
       

.head{width: 100%; height: 1040px; }
.top{width: 100%; height:47px;background-color: #023e80;  margin: 0 auto; display: flex; justify-content: space-between;}
.logo{display: block; margin-top: 8px;}
.righ{width: 361px;height: 100%; display: flex; align-items: center; justify-content: space-between;}
.sevh{width: auto; height: 44px; background-color: #eaf4ff; border-radius: 25px; line-height: 44px; }
.sevh input{border: none; outline: none; height: 44px; text-indent: 1.5em;   background-color: #eaf4ff;  width: 88%;border-radius: 25px;}
.sevh input:-moz-placeholder, textarea:-moz-placeholder {font-size: 16px;color: #666666;}
.sevh input:-ms-input-placeholder, textarea:-ms-input-placeholder {  font-size:16px; color: #666666;}
.sevh input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 16px; color: #666666; }
.wx{font-size: 16px; color: #fff !important; display: block; height: 30px; line-height: 30px;}
.wx:hover{color: #fff !important;}

.wx img{width: 26px;}
.xmts{width: 16px;}
.ssuo img{width: 21px;}
.top1{width: 1770px; display: flex; justify-content: space-between; margin: 0 auto;align-items: center;}
.hyc{color: #fff; font-size: 18px;}

.topxb{width: 100%; height: 991px;position: relative;}
.mc{position: absolute; bottom: 0; z-index: 11;    width: 100%;}
.topblb{width: 100%; height: 100%; position: relative; top: 0; z-index: 10;}
.topblb .tbbd{width: 100% !important; height: 991px;}
.topblb .tbbd li{width: 100% !important; height: 100%;}
.topblb .tbbd li a,.topblb ul li a img{display: block;width: 100%;height: 100%;}
.topblb .tbbd li img{width: 100%; height: 100%;    object-fit: cover;}
.topblb .prev{display: block;width: 60px;height: 150px;position: absolute;top: 32%;background: url(../images/header_icon11.png) no-repeat;cursor: pointer;opacity: 0;transition: all 0.5s;background-position-y: -170px;}
.topblb .next{display: block;width: 60px;height: 150px;position: absolute;top: 32%;background: url(../images/header_icon11.png) no-repeat;cursor: pointer;opacity: 0;transition: all 0.5s;
    background-position-x: -80px;    background-position-y: -170px;}

.topblb:hover>.prev{ opacity:1;filter: alpha(opacity=100);} 
.topblb:hover>.next{ opacity:1;filter: alpha(opacity=100);} 
.topblb:hover>.prev{ left:0px;}
.topblb:hover>.next{ right:0px;}
.ico_drop a:hover{color: #fff !important;}
.TopRelLinks li a:hover{color: #fff !important;}
.TopRelLinks li a:hover span{ color: #fff !important;}

.TopMain{display: none ;}
.TopRelLinks li a>span:hover{color: #fff !important;}

.TopRelLinks li .ico_drop_warp{display:none;position:absolute;top: 100%;left: 50%;transform: translateX(-50%);    z-index: 99;}

.TopRelLinks li a>span{color: #fff;}

.nalf{width: 100%; height: 174px; background: url(../images/header_icon4.png) no-repeat center;position: absolute;top: 0; z-index: 14;background-size: 100% 100%;}
.w1770{width: 1770px; height: 130px;    position: relative; display: flex;align-items: center;justify-content: space-between; margin: 0 auto;}
.NavUl{width: 100%; height: 60px; }
.NavUl {width: 1014px; height: 60px;  display: flex; justify-content: space-between; align-items: center;}
.NavUl  li{width: auto; text-align: center; height: 45px; line-height: 45px; position: relative;}
.NavUl  li a{font-size: 22px; color: #fff;}
.NavUl  li a:hover{color: #fff !important;}
.NavUl  li:before {content: ""; width: 0; height: 4px; border-radius: 2px; background: #fff;position: absolute;bottom: -4px; left:50%; z-index: 2;transition: 0.5s;}
.NavUl li:nth-child(1):hover:before { width: 47px;left: 0px; }
.NavUl li:nth-child(1).on:before { width: 47px;left: 0px; }
.NavUl li:hover:before { width: 86px;left: 0px; }
.NavUl li.on:before { width: 86px;left: 0px; }
.NavUl li:hover a{font-weight: bold;}
.NavUl li.on a{font-weight: bold;}
.pageState span{font-size: 44px;font-weight: bold;color: #d22423;display: block;margin-top: 2px;margin-right: 5px;}
.pageState{position: absolute; bottom: -843px;left: 82px; z-index: 55; font-size: 28px;display: flex; align-items: center; font-weight: bold; color: #fff;}
.xxhd{width: 100%; height: 86px; position: absolute; bottom: 16px;z-index: 12;  display: flex; flex-direction:column; align-items: center;text-align: center;font-size: 18px; color: #fff;}
@keyframes jiantou {0% { margin-top: 10px;}100% { margin-top: 15px;}}
.xxhd div{margin-top: 14px;}
.xxhd img{display: block;width: 31px; height: 49px;  animation: jiantou 1.5s infinite;}
.tbhd{
    position: absolute;
    z-index: 12;
    bottom: 0;
    width: auto;
    height: 100px;
    right: 4%;
    display: flex;
    justify-content: space-between;
}
.tbhd li{
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;margin-right: 10px;
}
.tbhd li .div{display: block; width: 0px; height: 1px;transition: width 0.5s; background-color: #fff; margin-left: 10px;}
.tbhd li.on{font-size: 24px;}
.tbhd li.on .div{width: 60px;}

.txt{width: 40%; height: 50px;   overflow: hidden;position: absolute; bottom: 26px;left: 2%;z-index: 12;}
.txt li{ width:98%; height:50px; line-height:50px; position:absolute; font-size: 25px;color: #FFF;} /*bottom:-50px; */
.txt li a {display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 10px;font-size: 25px;color: #FFF;transition: all 0.3s;text-decoration: none;}
.txt li:nth-child(1){display: none;}

.szywn{width: 1600px;height: 340px;border-bottom: #1253a1 solid 4px;margin: 0 auto;overflow: hidden;background: url(../images/header_icon8.png) no-repeat center;background-size: cover;}
.szywn .Tit{ position: relative; width: 203px; height: 60px; margin: 0 auto; margin-top: 62px; }
.szywn .Tit a{ display: flex; height: 100%; align-items: flex-end; }
.szywn .Tit img:nth-of-type(3){ position: absolute; right: 0; top: 0; }

.szywn .Con{ width: 100%;  margin-top: 36px; position: relative; }
.szywn .Con h1{ position: relative; margin: 0 40px; text-align: center; line-height: 1.5;    margin-bottom: 10px;}
.szywn .Con h1 a{ display: inline-block; font-size: 58px;font-family: MyCustomFont; font-weight: bold; color: #004b9e; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; position: relative; overflow: hidden; max-width: 100%; }
.szywn .Con .Conhd{position: relative;margin-top: 10px;text-align: center;display: flex;justify-content: center;}
.szywn .Con .Conhd li{width: auto;font-size: 18px;color: #222;margin-right: 20px;display: flex;min-width: 5px;margin-left: 10px;float: left;}

.szywn .Con .Conhd li:last-child div {
    display: none;
}
.szywn .Con .Conhd li a{display: block;width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: inherit;color: inherit;margin-right: 17px;}

.Conbd{width: 100%; height: auto; display: flex; margin-top: 32px; justify-content: center;}
.Conbd li{width: 40px; height: 6px; background-color: #dcdcdc; font-size: 0;margin-right: 13px; cursor: pointer;}
.Conbd li.on{background-color: #d22423;}

.szywn1{width: 1600px; height: 422px; margin: 0 auto; margin-top: 40px;}
.szywn1 .more{font-size: 16px; color: #1253a1; display: flex;align-items: center;float: right;    margin-bottom: 19px;}
.szywn1 .more img{margin-left: 12px;}
.szywn1 ul{width: 100%; height: 343px; display: flex;justify-content: space-between; margin-top: 19px;}
.szywn1 ul li{width: 376px;    position: relative;}
.szywn1 ul li img{width: 100%; height: 242px;}
.szywn1 ul li a{display: block; font-size: 18px; color: #333; font-weight: bold; margin-top: 20px;}
.szywn1 ul li div{font-size: 18px; color: #999; float: right;position: absolute; right: 0; bottom: 0; }

.text-ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.header-search {visibility: hidden;position: absolute;top:47px;left: 0;height: 100px;z-index: 10000;width: 0vw; background: url(../images/pic6.png) no-repeat center; background-size: 100% 100%; color: #ffffff;padding: 0px;transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.header-search input {width: 30%;height: 50px;position: absolute;top: 50%;left: 35%;margin-top: -25px;padding-left: 15px;outline: none;}
.header-search span {background: #1253a1;width:30px;height: 38px; padding: 8px 20px;font-size: 25px;margin-left: 15px;border-radius: 3px;position: absolute;margin-top: -25px;top: 50%;left: 65%;background-image: url(../images/02021_index_search0.png);background-repeat: no-repeat;background-position:center;cursor: pointer;}
.header-search-close {cursor: pointer;position: absolute;right: 100px;top: 25px;width: 24px;height:24px;background-image: url(../images/02021_index_close0.png);background-repeat: no-repeat;}
.header-search-close span {background: rgba(255, 255, 255, 0);}
.search {font-size: 20px; cursor: pointer;}


@media screen and (max-width:1920px )  {
    .topblb ul li img {
        width: 100%;
        height: 100%;
        object-fit: fill;
    }
   }