html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button,
input {
    margin: 0;
    padding: 0;
    rder: 0;
    outline: 0;
    background: transparent;
    border: none
}

body {
    line-height: 1;
    color: #4e4e4e;
    font-size: 12px;
             --frontcolor: #E9F3FF;
    --hovercolor: #2647e7;
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html,
body {
    background-color: #fff;
}

a {
    text-decoration: none;
    color: #4e4e4e;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.block {
    display: block;
}

* {
    box-sizing: border-box;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.center {
    margin: 0 auto;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.pre {
    position: relative;
}

img.block {
    width: 100%;
    display: block;
}

.w1195 {
    width: 1200px;
}

.autocenter {
    margin: 0 auto;
}

.top {
    padding-top: 35px;
}

.topwrap{
  border-top: 3px solid #107bd4;
    background-color: #3A89CC;
    
}
.pc-top{
    
    background-repeat: no-repeat;
    background-position: center;
    background-color: #004d9d;
   padding-bottom: 22px
}
.logo{
    padding-top: 28px;
    padding-left: 0px
}
.tline1{padding-left: 305px;padding-top: 17px}
.tline2{padding-left: 50px;padding-top: 32px}
.nav-wrap{background-color:#107bd4}
.index-nav li.index a{letter-spacing: 10px}
.index-nav li {
    float: left;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    
    transition: all .5s;
    position: relative;
}
.index-nav li.active{
     background-color: #004d9d;
}
.index-nav li.active>a{
    color: #fff;
}
.index-nav>li>a {
    display: block;
    text-decoration: none;
    font-size: 18px;
    transition: all .5s;
    color: #fff
}

.index-nav li:hover {
    background-color: #2D73AC;
}

.index-nav li:hover>a {
    color: #fff;
}

.pr130 {
    padding-right: 130px;
}

.index-banner {
    height: 359px;
    background-image: url(../images/banner.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: block;
    border-bottom: 2px solid #9c0f1a
}
.l3-banner{
        height: 260px;
    background-image: url(../images/l3banner.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
}
.index-nav li .dropmenu {
    position: absolute;
    background:#3384C6;
    width: 170px;
    text-align: center;
    left: 0px;
    display: none;
    z-index: 99;
    font-size: 16px
}
.index-nav li .dropmenu a{
    color: #fff;
}
.index-nav li .dropmenu .drop-item:hover {
    background-color:#2D73AC;
    color: #fff;
}
.index-nav li .dropmenu .drop-item:hover a{
     color: #fff;
     text-decoration: none;
}
.index-nav li:hover .dropmenu {
    display: block;
}
.search-wrap{padding-top: 54px}
.search-input{width: 245px; height: 34px;background-color: #ffffff;text-indent: 24px}
.vs{width: 100%; height: 289px}
.mlogo{
    width: 69vw;
    padding-bottom:5vw;
    padding-top: 5vw; padding-left: 7vw
}
.top-text{ flex: 1 }
.cg{
    width: 453px
}
.video-wrap{padding-top: 16px;position:  relative;}
.playbtn{position: absolute; left: 50%; margin-left:-41px; top: 50%;margin-top: -41px;cursor: pointer; z-index: 99}
.pt40{padding-top: 40px}
.pt50{padding-top: 50px}
.pb50{padding-bottom: 50px}
.yy{width: 570px}
.index-more{background-color: #ffc26b;color: #fff; border-radius: 50px;padding: 2px 10px}
.index-more:hover{
    color: #fff;text-decoration: none;
}
.index-about{line-height: 33px; padding-top: 10px;font-size: 14px}
.gg-item{
     display: block; 
     width: 220px;height: 66px;background-color: #E9F3FF;
     font-size: 20px;
     background-repeat: no-repeat;
     background-position: 32px 15px; line-height: 66px; padding-left: 81px;
     position: relative;
     margin-top: 2px

}
.gg-item .g-icon{
position: absolute;left: 32px;top: 15px; width: 37px;height: 37px
}
.g1icon{background-image: url(../images/icon/fc1.png);}
.g2icon{background-image: url(../images/icon/fc2.png);}
.g3icon{background-image: url(../images/icon/fc3.png);}
.g4icon{background-image: url(../images/icon/fc4.png);}
.g5icon{background-image: url(../images/icon/fc5.png);}
.gg-item:hover{
    background-color: #016be3;
    color: #fff;
    text-decoration: none;
}

.gg-item:hover .g-icon{
background-position: 0 37px
}
.section-title-wrap{ line-height: 33px }
.section-title{font-size: 20px; font-weight: 500;  }
.scys{
  color: #000000;border-bottom:1px solid #3A89CC; padding-bottom: 3px;padding-left: 5px
}
.section-title-wrap .flex-1{
    border-bottom:1px solid #e9e9e9;
}
.flex{display: flex; }
.flex-1{flex:1;}
.dx{width: 498px}
.yy-list{
    padding-top: 18px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.yy-list-item{  width: 220px;height: 66px;background-color:#E9F3FF;margin: 7px 0;text-align: center;line-height: 66px;font-size: 20px }
.yy-list-item:hover{
    color: #fff;
    background-color: #2647e7;
}
.section-2{padding-top: 40px}
.cl{
    width: 547px
}
.cl-list-wrap{padding-top: 17px}
.cl-item{height: 50px;background-color:#E9F3FF;text-align: center;line-height: 50px;font-size: 18px;cursor: pointer; margin-top: 1px }
.cl-item:hover{
    color: #fff;
    background-color: #2647e7;
}
.sjwpier-wrap{
  background-color: #f3f3f3;padding: 20px 60px;
  margin-top: 10px;position: relative;
}
.sjwpier{width: 100%; height:186px;overflow: hidden; }
.box-title{text-align: center;font-size: 16px;padding-top: 15px}
.sjwpier .arrowBtn{
    color: #2647e7;
}
.boximages{width: 200px; height:152px;border: 1px solid #B8B8B8;background-size: cover; }
.sjwpier .swiper-scrollbar-drag{background-color:#362eca; }
.arrowBtn-next{}
.index-notice{width: 666px;margin-left: 35px}
.notice-list{padding-left: 0px;padding-top: 10px}
.notice-list .cal-date{margin-top: 5px; }
.notice-list .doubleline{line-height: 24px; padding-left: 14px;height: 63px;overflow: hidden;}
.notice-list .cal-date-day{font-size: 22px; background-color: #3A89CC;width: 55px;height: 32px;line-height: 32px;text-align: center; color: #ffffff}
.notice-list .cal-date-month{background-color: #F4F4F4; color: #000000;text-align: center; height: 26px;line-height: 26px;font-size: 14px}
.notice-list li{margin-top: 12px;border-bottom: 1px solid #eeeeee; padding-bottom: 12px}
.notice-list li .cal-title{
  padding-top: 5px;
  font-size: 16px;
  color: #272727;
   display: block;
   overflow: hidden;
   text-decoration: none;
   text-overflow: ellipsis;
white-space: nowrap;

 
}
.desctext{   display: block;
   overflow: hidden;
   text-decoration: none;
   text-overflow: ellipsis;
white-space: nowrap;
font-size: 16px;
    margin-top: 5px;
    color: #666;
}
.notice-list li .cal-title:hover{
  color: #3A89CC
}
.notice-list li .cal-desc{ font-size: 12px; color:#999999;margin-top: 4px; display: block;  }
.notice-list li:last-child{
  border: none;
}
.index-top-new{padding-top: 17px;padding-left: 10px;}
.index-top-new a:hover{
  text-decoration: none;
}
.index-top-new a:hover .index-top-title{
  color: #A41A2E
}
.index-top-new a:hover .index-top-text{
 background-color: #F4F4F4
}
.index-top-text{padding-left: 20px;line-height: 26px; padding-top: 10px;padding-right: 10px}
.index-top-desc{font-size: 14px;line-height: 26px; text-indent: 28px;margin-top: 5px}
.index-top-title{font-size: 16px;font-weight: bold;}
.index-top-new .img{
   width: 240px;height: 150px;
   background-size: cover;
   background-position: center;
}
#footer{
    background-color: #004D9D;color: #fff;
    text-align: center;
    line-height: 33px;
    padding: 30px 0;

}

#collapseMenu {
        background-color: #f3f3f3;
      
        width: 100%;
        color: #fff;
        z-index: 99;

    }

    #collapseMenu>ul>li {
        line-height: 40px;
        border-bottom: 1px solid #fff;
        text-align: center;
    }

    #collapseMenu>ul>li:last-child {
        border-bottom: none
    }

    #collapseMenu>ul>li .dropmenu {
        display: none;
        background-color: #fff;
    }

    #collapseMenu>ul>li .dropmenu .drop-item {
        padding: 0 20px;
        background-color: #fafafa;
        margin: 5px 0;
    }

    #collapseMenu>ul>li>a {
   
        font-size: 14px;
        display: block;
        text-decoration: none;
    }
     #collapseMenu>ul>li>a:active{
        background-color:#362eca;color: #fff
     }
.left-menu-wrap{
     width: 291px;
     text-align: center;
   
}
.type-name{
   background-image: url(../images/typebg.png);
    height: 79px;
    color: #fff;
    font-size: 26px;
    line-height: 79px
}
.left-menu li{
    list-style: none;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background-color: #E9F3FF;
    margin-bottom: 1px
}
.left-menu li a{
   display: block;
   text-decoration: none;
}
.left-menu li a:hover{
    color: #fff;
    background-color: #2647e7
}
.left-menu li.active a{
      color: #fff;
    background-color: #2647e7
}
.inner-right{width: 100%}
.type-label{font-size: 22px;color: #000;border-bottom: 1px solid #2647e7;padding-bottom: 8px}
.breadnav{border-bottom: 1px solid #e9e9e9;text-align: right; color: #999;font-size: 14px; padding-top: 8px}

.list-page{}
.inner-main{padding-bottom: 50px;padding-top: 47px}
.list-article li{
    line-height: 50px; height: 50px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 16px;
    border-bottom: 1px solid #E6E6E6;
     display: flex;
     padding: 0 10px 0 5px
}
.list-article li a:hover{
    text-decoration: none;
    color: #2647e7
}
.news-detail-title {
    font-size: 24px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    color: #000000;
    border-bottom: 2px solid #362eca;
}
.news-detail-content{font-size: 16px; line-height: 40px;padding-bottom: 20px}
.flink{padding-bottom: 40px;padding-top:0!important}
.swiper-slide-news-a{width:498px;height:332px; position: relative;color: #fff; background-size: cover;}
.swiper-slide-news-a:hover{color: #fff;
}
.swiper-slide-title{
      position: absolute;
      width: 100%;height: 62px;
      background: rgba(0,0,0,.5);
     bottom: 0;
      left: 0;
     padding: 0 15px;   
}
.swiper-slide-title-date{padding-top: 10px; padding-bottom: 10px;font-size: 12px}
.swiper-slide-title-text{font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width:360px}
#swiper-news{      overflow: hidden;
      width: 498px;height: 332px}
  #swiper-news{position: relative;}
     #swiper-news .swiper-pagination-bullet{
      background-color: #ffffff;opacity: 1
     }
  #swiper-news .swiper-pagination-bullet-active{background-color: #007aff}
@media (max-width:767px) {
#swiper-news{      overflow: hidden;
      width: 100%;height: 332px}

    .w1195 {
        width: 100%;
    }
    .pttop{width: 10vw; padding-top: 5vw; padding-right: 6vw;padding-top: 6vw; width: 13vw}
    .mobilepre{position: relative; background-color:#004D9D; }
    .mobile-menu{ display: block;  width: 100%}
    .index-banner{
        height: 27vw;
        background-image: url(../images/mbanner.jpg);
    }
    .cg{width: 100%; padding-top:8vw;}
    .cgitem{width: 42vw}
    .cgr{ float: right;}
  .index-main{
    padding: 0 6vw 8vw;
  }
  .yy{margin-left: 0; width: 100%; padding-top: 4vw}
  .yy-list-item{
    width: 42vw
  }
  .section-2{padding-top: 8vw}
  .cl{width: 100%}
  .sj{width: 100%;margin-left: 0; padding-top: 4vw}
  .sjwpier{
    width: 100%
  }
  #footer{font-size: 10px}
  .l3-banner{
       height: 20vw;
        background-image: url(../images/l3banner.png);
  }
  .left-menu-wrap{
    width: 100%;
    float: none !important;
    padding: 0 5vw
  }
  .left-menu-wrap{
    margin-top: -25px
  }
  .type-name{
  background-image: none;;
  background-color: #2647E7;
    height: 50px;
    color: #fff;
    font-size: 22px;
    line-height: 50px
}
.left-menu{display: flex; flex-flow: wrap;}
.left-menu li{
    width: 185px;
    list-style: none;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #E9F3FF;
    margin-top: 2px;

  
}
.left-menu li:nth-child(odd){
        margin-right: 2px
    }
  .inner-right{float: none; width: 100%;padding: 0 5vw}
  .type-label{font-size: 16px}

  .breadnav{font-size: 8px; padding:10px}

  .tline1{padding: 0;width: 100%;padding-top: 1vw}
.tline2{padding: 0;width: 100%; padding-top: .5vw}
.tline1 img,.tline2 img{width: 100%;display: block;padding-right: 14vw;padding-left: 5vw}
.gg-list{
    padding-top: 60px;
    width: 100%;display: flex;flex-wrap: wrap;
      justify-content: space-between;
}

.gg-item{
     display: block; 
       width: 49.8%; height: 60px;
     font-size: 18px;
     background-repeat: no-repeat;
     line-height: 60px; padding-left: 68px;
     position: relative;
     margin-top: 2px

}
.gg-item .g-icon{
position: absolute;left: 28px;top: 15px; width: 30px;height: 30px;
background-size: 30px;
}
.gg-item:hover .g-icon{
background-position: 0 30px
}
.boximages{
width: 180px; height: 126px
}
.sjwpier{height: 157px}
.type-line{padding-top: 8vw}
}


.animate__animated.animate__delay-halfs {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;

}
.hideout{overflow: hidden;}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
       opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0),
         opacity: 1
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
.index-bannerswpier-slide a{
  width: 100%;
  height: 450px;
  background-size:cover;
  background-position: center;
}
.swiper-button-next-index{

}
.flex-ds-2{display: none;}
.indexbannerwpier {position: relative; width: 100%; overflow: hidden;}
.arrowBtn-index{position: absolute; width:53px;height: 53px;top: 175px;  z-index: 10 }
.swiper-button-next-index{background-image: url(../images/index-arrow-right.fw.png); right: 35px;}
.swiper-button-prev-index{background-image: url(../images/index-arrow-left.fw.png); left: 35px;}
.flex-item-index-link{display: block; width: 250px; height: 73px;line-height: 73px; background-color: #ffffff; font-size: 18px;padding-left: 86px;background-repeat: no-repeat; background-position: 38px 16px}
.flex-item-index-link:hover{
    text-decoration: none;
  background-color: #2D73AC;
  color: #ffffff;
}
.flex-box{display: flex;}
.flex-ds{justify-content: space-between;flex-wrap: wrap;}
.quick-link-index{background-color: #f5f5f5;padding: 25px 0}
.fiil1{background-image: url(../images/icon1_on.fw.png);}
.fiil1:hover{
  background-image: url(../images/icon1.fw.png);

}

.fiil2{background-image: url(../images/icon2_on.fw.png);}
.fiil2:hover{
  background-image: url(../images/icon2.fw.png);

}

.fiil3{background-image: url(../images/icon3_on.fw.png);}
.fiil3:hover{
  background-image: url(../images/icon3.fw.png);

}
.fiil4{background-image: url(../images/icon4_on.fw.png);}
.fiil4:hover{
  background-image: url(../images/icon4.fw.png);

}
.sec1{width: 614px; }
.sec1 .linebox{width: 614px; height: 346px;}
.scli{line-height: 47px; font-size: 16px;border-bottom: 1px solid #ddd; }
.scli a:hover{color:#3A89CC; text-decoration: none; }
.linebox{border: 1px solid #ddd;}
.flex-1{flex: 1}
.pt10{padding-top: 10px}
.pt20{padding-top: 20px}
.ml57{margin-left: 57px}
.pt25{padding-top: 25px}

.xg{padding: 0 32px; color: #CCCCCC; border-bottom:1px solid #e9e9e9;}
.sc-tab-item{ border-bottom:1px solid #e9e9e9;  padding-bottom: 3px;}
.sc-tab-item-active{color: #004d9d;border-bottom:1px solid #004d9d;}
.sc-tab-item-g1-c,.sc-tab-item-c-g2{display: none;}
.minindexbanner{
  position: relative;
   width: 100%; overflow:hidden;
}
.minindexbanner-slide a{
  width: 100%;
  height: 50vw;
  background-size:cover;
  background-position: center;

}
.swiper-button-next-m-index{background-image: url(../images/index-arrow-right.fw.png); right: 10px; width: 30px; height: 30px;background-size: cover; top: 84px}
.swiper-button-prev-m-index{background-image: url(../images/index-arrow-left.fw.png); left: 10px; width: 30px; height: 30px;background-size: cover; top: 84px}
.innbg{
  height: 122px;
  background-image: url(../images/inbanner.png);
background-size:cover;
  background-position: center;
  width: 100%;
  border-bottom: 1px solid #1d7ffd;
  background-color:#3384C6;
}
.quick-link-index1{padding: 25px 0}
.type-line-detail{ padding-top: 15px }
.deltail-content{background-color: #fafafa;padding: 65px 76px;border: 1px solid #cccccc;}
.detail-info{color: #999999; justify-content: center; text-align: center; align-items: center; padding: 5px 150px}
.flink-wrap{background-color:#f3f3f3;padding:10px 0 30px 30px; margin-top: 18px;font-size: 16px; display: flex; flex-wrap: wrap; }
.flink-wrap a{display: block; margin-top: 18px;  width:234px }
.list-article li a{ padding-right: 100px; display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    #swiper-news .swiper-pagination{
      position: absolute; right: 0 ;bottom: 20px;text-align: right;padding-right: 20px;z-index: 10;width: auto;left:300px
    }
.sctitle{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media (max-width:767px) {
#swiper-news .swiper-pagination{left: 200px;bottom: 37px;
}
.flex-item-index-link{display: block; margin-top: 4vw; width: 40vw; height: 10vw;line-height: 10vw; background-color: #ffffff; font-size: 3.2vw;padding-left: 14vw;background-repeat: no-repeat; background-position: 5vw 2vw}
.flex-ds-2{display: flex;}
.flex-item-index-link1{display: block;  text-align: center; margin-top: 4vw; width: 40vw; height: 10vw;line-height: 10vw; background-color: #ffffff; font-size: 3.2vw;}
.quick-link-index{
  padding: 0vw 8vw 4vw 
}
.fiil1{background-size: 6vw}
.fiil2{background-size: 6vw}
.fiil3{background-size: 6vw}
.fiil4{background-size: 6vw}
.section-title{font-size: 4vw; font-weight: 500;  }
.scys{padding-bottom: 0}
.scli{font-size: 3.4vw}
.pt20{padding-top: 2vw}
.ml57{margin-left: 0}
.sjwpier-wrap{
  padding:0 1vw;
  background-color: #ffffff
}

.flink-wrap{padding:0vw 4vw 4vw; margin-top: 0;font-size: 2.4vw; display: flex; flex-wrap: wrap; }
.flink-wrap a{display: block; margin-top: 4vw; width: 26vw }
.innbg{background-image: url(../images/inbanner.png);
 height: 43vw;
}
.quick-link-index1{
  padding: 5vw
}
.inner-main{padding-top: 0vw}
.bline{border-bottom: 1px solid #e9e9e9;}
.list-article li{
  line-height:10vw; height: 10vw;  font-size:3vw;
    border-bottom: 1px solid #E6E6E6;
     display: flex;
     padding: 0 2vw
}
.list-article li a{
  width: 80vw;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.nopad{padding: 0}
.breadnavdetail {padding: 3vw 2vw; font-size: 2.6vw}
.news-detail-title{border:none;font-size: 4vw; padding: 8vw 0 0}
.deltail-content{background-color: #ffffff;padding: 2vw 6vw; font-size: 3vw;border:none; line-height: 7vw}
.sctitle{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dx{width: 100%}
.index-top-new .img{
  width: 34vw;
  height: 24vw
}
.index-top-title{
  font-size: 2.4vw;
  line-height: 4vw
}
.index-top-text{
  padding-top: .5vw;padding-left: 2vw
}
.index-top-desc{font-size: 2vw; line-height: 3vw}
.index-notice{width: 100%;margin-left: 0;padding-top: 4vw}
.notice-list{padding-top: 0}
.flink{padding-bottom: 0}
}
.date-line{padding-left: 5px}