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: 1529px;
}

.autocenter {
    margin: 0 auto;
}

.top {
    padding-top: 35px;
}

.topwrap{
    background-color: #362eca;
  
}
.pc-top{
     background-image: url(../images/topbg.fw.png);
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f9feff;
    height:170px;
}
.logo{
    padding-top:32px;
    padding-left: 0px;
    
}
.search-wrap{ padding-top: 64px }
.search-input{width: 302px;height: 39px;box-sizing: border-box; border: 1px solid #5097a6;  background-color: #ffffff;line-height: 37px;padding: 0 16px }
.tline1{padding-left: 305px;padding-top: 17px}
.tline2{padding-left: 50px;padding-top: 32px}
.nav-wrap{background-color:#016179}
.index-nav li:first-child a{letter-spacing: 10px}
.index-nav li {
    float: left;
    width: 176px;
    height: 47px;
    text-align: center;
    line-height: 47px;
    transition: all .5s;
    position: relative;
    margin-right: 10px;
}
.index-nav li.active{
     background-color: #69a5b2;
}
.index-nav li.active>a{
    color: #fff;
}
.index-nav>li>a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    transition: all .5s;
    color: #fff
}

.index-nav li:hover {
    background-color: #69a5b2;
}

.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: #69a5b2;
    width: 176px;
    text-align: center;
    left: 0px;
    display: none;
    z-index: 99;
    font-size: 16px;
   
}
.index-nav li .dropmenu a{
   color:#ffffff;
}
.index-nav li .dropmenu .drop-item:hover {
    background-color:#016179;
}
.index-nav li .dropmenu .drop-item:hover a{
     color: #fff;
     text-decoration: none;
}
.index-nav li:hover .dropmenu {
    display: block;
}
.vs{width: 100%; height: 289px}
.mlogo{
    width: 40vw;
    padding-bottom:2vw;
    padding-top: 2vw; padding-left: 3vw
}
.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}
.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: 18px; font-weight: 500; width: 119px;padding-left: 27px }
.section-1{background-color:#f7f7f7;padding-top: 35px }
.scys{
  color: #016179;border-bottom:1px solid #016179; padding-bottom: 3px;
}
.ml15{margin-left: 15px}
.section-title-wrap .flex-1{
    border-bottom:1px solid #e4e4e4;
}
.flex{display: flex; }
.flex-1{flex:1;}
.flex-wrap{flex-wrap: wrap;}
.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}
.flink{padding-bottom: 40px;padding-top:0!important}
.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{}
#footer{
    background-color: #016179;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:#69a5b2;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;padding-right: 5px}
.right-list-wrap{background-color: #ffffff}
.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;padding-left: 87px; padding-right: 87px; padding-bottom: 50px;padding-top: 20px}
.index-news{ width: 480px;padding-bottom: 44px}
.index-news-top{padding-top: 12px}
.index-news-top-img{width: 480px; height:319px;background-size: cover;background-repeat: no-repeat; background-position: center; display: block; }
.index-news-title{font-size: 16px; color: #272727;font-weight: bold; background-color: #ffffff; display: block; line-height: 50px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; padding: 0 10px}
.index-news-list li{font-size: 14px; padding-left: 7px;padding-right: 19px;margin-top: 16px; height:20px;line-height: 20px}
.index-news-list li a{
   color: #000000
}
.index-news-list li a:hover{
  text-decoration: none;
  color: #016179
}
.index-news-list li .catetext{padding: 0 6px;position: relative; margin-right: 11px}
.index-news-list li .catetext::after{
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  width: 2px;
  height: 14px;
  background-color: #016179;
  top: 3px;
}
.index-news-list li .catetext::before{
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  width: 2px;
  height: 14px;
  background-color: #016179;
  top: 3px;
}
.index-news-list li .news-title{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.notice-list{padding-left: 21px;padding-top: 10px}
.notice-list .cal-date{margin-top: 5px; }
.notice-list .doubleline{line-height: 24px; padding-left: 14px; width: 400px}
.notice-list .cal-date-day{font-size: 30px; background-color: #ffffff;width: 74px;height: 52px;line-height: 52px;text-align: center; color: #016179}
.notice-list .cal-date-month{background-color: #016179; color: #ffffff;text-align: center; height: 28px;line-height: 28px;font-size: 14px}
.notice-list li{margin-top: 12px;border-bottom: 1px dotted #eeeeee; padding-bottom: 12px}
.notice-list li .cal-title{
  font-size: 16px;
  color: #272727;
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   width: 400px
}
.notice-list li .cal-desc{ font-size: 12px; color:#999999;margin-top: 4px; display: block;  }
.notice-list li:last-child{
  border: none;
}
.index-main{padding-bottom: 11px}
.fimg{ width: 292px;height: 158px;margin-right: 5px }
.mt20{margin-top: 20px}
.msgbox-wpra{width: 532px}
.msg-list a{
  font-size: 20px;
  color: #ffffff;
  background-color: #016179;
   display: flex;
   width: 235px;
   height: 49px;
    margin-bottom: 5px;
}
.msg-list a:hover{
  background-color: #5097a6;
    text-decoration: none;

  }
.msg-list a img{margin-right: 12px}
.right-list{padding-bottom: 50px}
.right-list a{text-decoration: none;}
.right-list .list-tile{
  font-size: 20px;
  color: #000000
}
.right-list .list-desc{
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  margin-top: 12px
}
.right-list li{padding: 33px 15px 0;box-sizing: border-box; }
.right-list li a{
  padding-bottom: 33px;
  border-bottom: 1px solid #e4e4e4
}
.right-list .cal-date{ margin-right: 30px }
.right-list .doubleline{line-height: 24px; padding-left: 14px; width: 400px}
.right-list .cal-date-day{font-size: 30px; background-color: #f7f7f7;width: 74px;height: 52px;line-height: 52px;text-align: center; color: #016179}
.right-list .cal-date-month{background-color: #016179; color: #ffffff;text-align: center; height: 28px;line-height: 28px;font-size: 14px}
.right-list li:hover{
background-color: #f7f7f7
}
.right-list li:hover a{
  border-bottom-color: #ffffff
}
.right-news-title{font-size: 22px; text-align: center; padding-top: 50px}
@media (max-width:767px) {
    .w1195 {
        width: 100%;
    }
    .pttop{width: 10vw; padding-top: 4vw; padding-right: 5vw; }
    .mobilepre{position: relative;  }
    .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 0 6vw;
    background-color: #f7f7f7
  }
  .yy{margin-left: 0; width: 100%; padding-top: 8vw}
  .yy-list-item{
    width: 42vw
  }
  .section-2{padding-top: 8vw}
  .cl{width: 100%}
  .sj{width: 100%;margin-left: 0; padding-top: 0vw}
  .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: 14px}

  .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: 362px;
  background-size:cover;
  background-position: center;
}
.swiper-button-next-index{

}
.indexbannerwpier {position: relative; width: 100%; overflow: hidden;}
.arrowBtn-index{position: absolute; width:53px;height: 53px;top: 150px;  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: 20px;padding-left: 86px;background-repeat: no-repeat; background-position: 38px 16px}
.flex-item-index-link:hover{
    text-decoration: none;
  background-color: #362eca;
  color: #ffffff;

}
.flex-box{display: flex;}
.align-items-center{align-items:center}
.justify-content-center{justify-content: center} 
.flex-ds{justify-content: space-between;}
.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:#0f4e93; text-decoration: none; }
.linebox{border: 1px solid #ddd;}
.flex-1{flex: 1}
.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; cursor: pointer;}
.sc-tab-item-active{color: #362ECA ;border-bottom:1px solid #362ECA;}
.sc-tab-item-g1-c,.sc-tab-item-c-g2{display: none;}
.minindexbanner{
  position: relative;
}
.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
}
.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}
.list-main{background-color: #f7f7f7;padding-bottom: 50px}
.list-main-top{
  height: 61px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(../images/mtbg.fw.png);
  background-size: cover;
  border-bottom: 1px solid #cbe7ef;
  border-top: 1px solid #cbe7ef;
}
.list-main-top-line{
   height: 60px;
    width: 100%;
    border-bottom: 1px solid #ffffff;
     z-index: 0
}
#left-menu{
  width: 233px;

}
#left-menu a{color: #ffffff;}
#left-menu a{text-decoration: none;}
.left-menu-label{height:54px; background:rgba(1,97,121,.7); color: #ffffff;font-size: 20px; text-align: center;line-height: 54px}
.pretop{position: relative; z-index: 2;padding-top: 30px}
.left-menu-lsit li{
  background:rgba(80,151,166,.85);
  height: 46px;
  border-bottom: 1px solid #a1c9d3;
  line-height: 46px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;

}
.left-menu-lsit li:last-child{
  border-bottom: 1px solid rgba(80,151,166,.85);
}
.left-menu-lsit li:hover{
  background-color: #016179
}
.left-menu-lsit li.active{
  background-color: #016179
}
.left-menu-lsit li a{display: block; width: 100%}
.leftlink{margin-top: 12px}
.list-msg-list{opacity: 1}
.list-msg-list a{
  font-size: 20px;
  color: #ffffff;
  background-color: #016179;
   display: flex;
   width: 233px;
   height: 50px;
  border-top: 1px solid #a1c9d3
}
.list-msg-list a:hover{
  background-color: #6aa6b3;
    text-decoration: none;

  }
.list-msg-list a img{margin-right: 12px}
.linkimg{position: relative; opacity: 1}
.linkimg-line{border:1px solid #ffffff; width:227px;height: 122px;top: 3px;position: absolute; left: 3px;display:none }
.leftlink{}
.right-wrap{ padding-left: 60px;padding-top: 50px }
.boxline{border-bottom: 1px solid #dddddd}
.right-label{border-bottom: 1px solid #016179;line-height: 50px; height: 50px; padding-left: 30px;padding-right: 20px;font-size: 22px; color:#016179 }
.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 }
.subimgnews-img{display: block; background-size: cover; width: 100%; height: 133px}
.subimgnews{margin-top: 20px}
.subimgnews-title{ font-size: 14px; width: 100%; display: block; height: 30px; line-height: 30px;overflow: hidden; text-overflow: ellipsis;text-align: center; }
.subimgnews-title:hover{text-decoration: none;}
@media (max-width:767px) { 
.flink-wrap{background-color:#ffffff;padding:0 2vw 2vw; margin-top: 0;font-size: 2.4vw; display: flex; flex-wrap: wrap; }
.flink-wrap a{display: block; margin-top: 4vw; width: 29vw }
.section-1{padding-top: 0;}
.mobilebg{border-bottom: 3px solid #016179;
  background-image: url(../images/mtbg.fw.png);
     background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f9feff;}
    .index-news-mobile{padding-top: 20px}
    .section-title{
      padding-left: 15px
    }
    .section-title{font-size: 16px; width: 90px}
    .index-news-mobile{padding: 0 15px; width: 100%; margin-top: 15px}
    .index-news-top-img{width: 100%;height: 280px}
    .index-news-wrap{background-color: #ffffff;padding-top: 1px;padding-bottom: 15px; padding-left: 8px}
    .index-news-list li{margin-top: 10px; padding-bottom: 4px}
    .index-news-title{
      border-bottom: 1px solid #f7f7f7;
      height: 40px;
      line-height: 40px;
      font-size: 14px;

    }
    .index-news-list li a{font-size: 12px}
    .mobile-zt.ml15{
      margin-left: 0
    }
    .index-notice {padding-top: 16px;background-color: #ffffff; margin-top: 20px}
    .notice-list .cal-date-day{background-color: #f7f7f7;
      font-size: 24px; width: 60px;height: 45px;line-height: 45px;}
    .notice-list{padding-left: 5px;padding-top: 4px}
    .notice-list .cal-date-month{
       font-size: 12px;
       height: 24px;
       line-height: 24px;
    }
    .notice-list .doubleline{
      width: auto;
    }
    .notice-list li .cal-title{
       width: 68vw;
    }
    .section-2{background-color: #f7f7f7;}
    .section-2 .index-news-list{padding-top: 10px}
    .wbg{background-color: #ffffff}
    .pt5{padding-top: 5px}
    .pb20{padding-bottom: 15px}
    .msg-list a{
      width: 50vw;
      font-size: 12px;
      height: 6.5vw
    }
    .fimg{
      width: 45vw;
      height: auto;
    }
    .fimg img{width: 100%}
    .msg-list a img{width: 4vw;margin-right: 1vw}
    .msgbox-wpra .mt20{margin-top: 15px}
    .right-wrap{padding-top: 0px;padding-left: 0}
    .right-label{border-bottom: 1px solid #016179;line-height: 40px; height: 40px; padding-left: 15px;padding-right: 10px;font-size: 18px; color:#016179 }
    .pretop{
      padding-top: 0px
    }
    .news-detail-content{padding: 0 15px}
    .news-detail-content img{
    display: block;width: 100% !important;
    height: auto !important;}
    .right-mobile-label{ width: 100%; text-align: center; }
    .breadnavwrap{line-height: 40px; border-bottom: 1px solid #dddddd;margin-bottom: 15px;font-size: 14px}
    .breadnav{border-bottom: none;padding-top: 4px}
    .list-bread{padding-top: 15px}
    .pt10{padding-top: 10px}
  .right-list{
    padding-bottom: 30px
  }
.right-list .cal-date{
  margin-right: 15px
}
    .right-list .cal-date-day{font-size: 24px; background-color: #f7f7f7;width: 60px;height:45px;line-height: 52px;text-align: center; color: #016179}
.right-list .cal-date-month{background-color: #016179; color: #ffffff;text-align: center; height: 28px;line-height: 28px;font-size: 12px}
.right-list li{padding-top: 20px}
.right-list li a{padding-bottom: 20px}
.right-list .list-tile{
  font-size: 16px;
  line-height: 20px
}
.right-list .list-desc{font-size: 12px;line-height: 18px; margin-top: 10px}
.list-main{padding-bottom: 0px}
}
#page{padding-bottom:50px}