  @font-face {
  font-family: 'SHSCN-Bold';
  src: url("/font/SourceHanSerifCN-Bold.otf") format("opentype");
  font-display: swap;
}

body {
    color: #333;
    font-size: 14px;
    font-family:"Î¢ÈíÑÅºÚ","Arial",Helvetica,"ºÚÌå",Arial,Tahoma;
    margin:0 auto;
    position:relative;
  overflow-x: hidden;
    background: #fffefe;
}
.slick-slider{ touch-action: auto!important; }
.body-list{ padding-top: 0; }

html{  font-style: 100%;}
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .img-hide div,a:hover .ld-img,a:hover .one-list-img div,.zt-slick a:hover div,a:hover .rm-img{transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
body img{border:none;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }


@keyframes bigScale {
    from {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }

.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9a0813; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.search-a{ display: none; }
.layer{background:rgba(0,0,0,0.95);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000;}
.layer .close{font-size:60px; font-family: "???¡¯???????€????????????€??????????¡¯???¡è???€????????????€????¡­?€?"; position:absolute;right:50px;top:50px;width:80px;height:80px;text-align: center;line-height:80px;cursor:pointer;color:#ccc;}
.layer .search_box{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;max-width: 90%;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#0d3a7e;color:#fff; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }
.body_b.showdiv{ z-index: 1000; }
.bb{ width: 64px; animation: container ease-in-out 2.7s infinite alternate; height: 64px; cursor: pointer;  position: absolute; bottom: 40px; left: 50%; width: 18px; margin-left: -9px;  }
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*???¡¯???¡§???€????????€????????¡¯???????€????????€????????¡¯???????€????¡ã???????€??????????¡¯???????????€??????????€????????¡¯???¡ì???€????????€????? ???¡¯???????€????????€????? X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*???¡¯???¡§???€????????€????????¡¯???¡ì???€????????€????????¡¯???????€????????€????????¡¯???????€???????¡°???€????¡§Z???¡¯???¡§???€????????€????????¡¯???¡è???€????????€???? ???¡¯???¡ì???€????¡ì???€????????¡¯???????€???? ???€????¡§*/
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}
body.fixed{ overflow:hidden; }

html, body {
    min-height: 100vh;
}

.container{ width: 16rem; max-width: 16rem; padding:0; }
.header{ position: fixed; left: 0; border-bottom: solid 1px rgba(255,255,255,0.2); top: 0; right: 0; z-index: 1000; padding-top: 0.3rem;background: url(/images/header.png) center no-repeat; background-size: 100% 100%;}

.header-right,.header-right a{ font-size: 0.18rem; color: #fff; line-height: 1; }
.header-right span{ padding:0 0.2rem; }
.banner img{ width: 100%; }
.nav-list li{ float: left; position: relative; margin-right: 0.85rem; }
.nav-list li a{ display: block; line-height: 1; padding:0.25rem 0; font-size: 0.22rem; color: #fff; }
.nav-list li:nth-of-type(4){ margin-right: 3.7rem; }
.nav-down{ position: absolute; white-space:nowrap; background: #003ca4; left: 50%; min-width: 1.2rem; text-align: center; transform: translate(-50%,0); top: 100%;  }
.nav-down li{ float: none!important; margin:0!important; position: relative; }
.nav-down li a{ font-size: 0.18rem; overflow:hidden; padding:0; transition: 0.3s all; line-height: 0.55rem; height: 0; overflow:hidden;  }
.nav-list li:hover .nav-down li a{ height: 0.55rem; }
.nav-list li a:hover{ color: #00b3af; }
.nav-down-three{ left: 100%; transform: translate(0,0); display: none; top: 0; position: absolute; background: #003ca4; }
.nav-down li:hover .nav-down-three{ display: block; }
.nav-down-three li{line-height: 0.55rem;height: 0.55rem;}
.nav-down-three li a{ padding:0 15px; font-size: 0.16rem;}





.logo{ position: absolute; left: 50%; z-index: 999; top: 0; text-align: center; width: 3.01rem; margin-left: -1.5rem; }
.header .container{ position: relative; }
.right-a{ position: absolute; right: 0; bottom: 0.25rem; }
.right-a a{ font-size: 0.22rem; line-height: 0.22rem; display: block; float: left; color: #fff; margin-left: 0.2rem; }
.search-a{ width: 0.19rem; }
.nav-click{ width: 0.28rem; }
.banner .slick-dots{ bottom: 0.4rem; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 0.38rem; height: 0.61rem; }
.banner .slick-dots li button{ background: url(/images/li01.png) center no-repeat; background-size: 100% auto; }
.banner .slick-dots li.slick-active button{ background: url(/images/li02.png) center no-repeat; background-size: 100% auto; }
.slick-dots li button:before{ display: none; }
.nav-fix{ position: fixed; z-index: 100; transition: 0.3s all; right: -1.25rem; top: 50%; transform: translate(0,-50%); background: #00b3af; border-radius: 0.15rem 0 0 0.15rem; }
.nav-fix li a{ position: relative; display: block; font-size: 0.16rem; color: #fff; line-height: 0.50rem; padding:0 0.15rem 0 0.46rem; }
.nav-fix li a i{ position: absolute; left: 0.12rem; top: 50%; transform: translate(0,-50%); }
.nav-fix li a i img{ width: 0.26rem; }
.nav-fix li a:before{ display: block; content: ""; position: absolute; left: 0.12rem; right: 0.12rem; bottom: 0; border-top: dashed 1px rgba(255,255,255,0.2); }
.nav-fix li:last-child a:before{ display: none; }
.nav-fix ul{ position: relative; z-index: 10; }
.nav-fix-click{ width: 1.6rem; cursor: pointer; height: 1.6rem; border-radius: 50%; background: #00b3af; position: absolute; left: -0.26rem; top: 50%; transform: translateY(-50%); }
.nav-fix-click span,.nav-fix-click font{ position: absolute; left: 0.06rem; font-size: 0.16rem; color: #fff; width: 0.18rem; top: 50%; transform: translate(0,-50%); line-height: 20px;}
.nav-fix-click font{ display: none; }
.nav-fix.active{ right: 0; }
.nav-fix.active .nav-fix-click span{ display: none; }
.nav-fix.active .nav-fix-click font{ display: block; }
.back-box{ background: url(/images/back.jpg) center top no-repeat; background-size: cover; }



.page-one{ padding:1.15rem 0 1.8rem 0; }
.left-one{ width: 11.8rem; }
.tabs-ul li{ float: left; position: relative; margin-bottom: 0.25rem; padding-right: 0.35rem; margin-right: 0.25rem; background: url(/images/tabs-lind.png) right center no-repeat; background-size: 0.11rem auto; }
.tabs-ul li a{ font-size: 0.34rem; position: relative; opacity: 0.4; line-height: 0.38rem; font-family: "Ë¼Ô´ËÎÌå CN"!important; font-weight: bold; }
.tabs-ul li.active a{ color: #333; opacity: 1; font-size: 0.38rem; }
.tabs-ul li:last-child{ margin-right: 0; padding-right: 0; background: none; }
.tabs-ul li a font{ display: none; }
.tabs-ul li.active a font{ position: absolute; display: block; left: 0; top: 0; }
.tabs-ul li.active a font img{ height: 0.45rem; width: auto; max-width: 10000px; }
.tabs-ul li a span{ position: relative; z-index: 10; font-family: 'SHSCN-Bold';}
.left-one-sm{ width: 7.8rem; }
.left-one-ul li{ float: left; width: 50%; padding:0 0.1rem; }
.left-one-ul{ margin:0 -0.1rem; }
.left-one-ul li a{ display: block; }
.left-one-img{ height: 2.45rem; transition: 0.3s all; }
.left-one-ul-bottom{ padding:0.45rem 0.3rem; height: 3.25rem; background: url(/images/back01.png) center no-repeat; background-size: cover; }
.left-one-ul-date{ font-size: 0.16rem; line-height: 0.2rem; color: #fff; padding-left: 0.3rem; background: url(/images/icon-date01.png) left center no-repeat; background-size: 0.2rem auto; }
.left-one-ul-tt{ font-size: 0.2rem; color: #fff; line-height: 1.5; margin-top: 0.1rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  }
.left-one-ul-p{ font-size: 0.16rem; line-height: 1.5; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 0.1rem; color: #fff; opacity: 0.6; }
.raw{ height: 0.1rem; background: url(/images/raw.png) left center no-repeat; background-size: auto 0.1rem; margin-top: 0.4rem; }
.left-one-ul li:nth-of-type(1){ margin-top: 0.3rem; }
.left-one-ul li a:hover{ box-shadow: 4px 4px 13px rgba(12,54,117,0.3); }
.left-one-ul li:nth-of-type(2) .left-one-ul-bottom{ background: url(/images/back02.png) center no-repeat; background-size: cover; }
.left-one-right{ width: 3.8rem; margin-top: 0.3rem; background: #fff; border:solid 1px #d5e5ff; padding:0.35rem 0.25rem 0.4rem 0.4rem; }
.news-top-tt{ position: absolute; left: 0.85rem; top: 50%; transform: translate(0,-50%); right: 0; font-size: 0.2rem; color:#333; line-height: 0.25rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.news-top-box{ position: relative; min-height: 0.88rem; padding-left: 0.85rem; }
.news-top-date{ position: absolute; padding-top: 0.15rem; left: 0; top: 50%; width: 0.66rem; height: 0.8rem; background: url(/images/date-back.png) center no-repeat; background-size: 100% 100%; margin-top: -0.4rem; font-size: 0.12rem; color: #fff; }
.news-top-date span{ font-size: 0.28rem; font-weight: bold; }
.news-top{ display: block; padding-bottom: 0.3rem; background: url(/images/back-lind.png) center bottom no-repeat; background: auto 0.21rem; }
.news-top-p{ font-size: 0.16rem; color: #000; opacity: 0.6; line-height: 1.5; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 0.1rem; }
.news-tow-date{ font-size: 0.16rem; color: #00b3af; background: url(/images/icon-date02.png) left center no-repeat; background-size: 0.2rem auto; padding-left: 0.3rem; line-height: 0.2rem; }
.news-tow li{ margin-top: 0.25rem; }
.news-tow-tt{ font-size: 0.18rem; color: #333; line-height: 1.4; margin-top: 0.1rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.right-one{ width: 4rem; }
.back-r{ background:#fff url(../images/back-r.png) center no-repeat;  border:solid 1px #d5e5ff; background-size: cover; padding:0 0.25rem 0.25rem 0.25rem; }
.news-three li a{ display: block; padding:0.22rem 0; border-bottom: dashed 1px #ddd; }
.news-three li:last-child a{ border:none; }
.news-more{ font-size: 0.16rem; color: #00b3af; margin:0.05rem 0; display: inline-block; }
.page-tow{ background: url(/images/back03.png) center top no-repeat; background-size: 100% auto; margin-top: -0.1.15rem; padding-top: 2rem; }
.page-tow .tabs-ul li.active a{ color: #fff; }
.page-tow .tabs-ul li{ width: 2.8rem; }
.tow-tabs li{ float: left; margin-right: 0.35rem; }
.tow-tabs li a{ display: block; font-size: 0.24rem; color: #333; line-height: 0.5rem; padding:0 0.3rem; border-radius: 0.25rem; background: #fff;font-family: 'SHSCN-Bold'; }
.tow-tabs li.active a{ background: #00b3af; color: #fff; }
.tow-tabs{ padding-bottom: 0.5rem; }
.tow-ul li{ float: left; width: 10%; transition: 0.3s all; padding:0 0.05rem; }
.tow-ul li.active{ width: 60%; }
.tow-ul{ margin:0 -0.05rem; }
.tow-ul li:nth-of-type(1) a{ display: block; position: relative; height: 5.6rem; }
.tow-ul li:nth-of-type(2) a,.tow-ul li:nth-of-type(4) a{ display: block; position: relative; height: 5.1rem; margin-top: 0.5rem; }
.tow-ul li:nth-of-type(3) a,.tow-ul li:nth-of-type(5) a{ display: block; position: relative; height: 5.1rem; }
.txt-mask{ position: absolute; display: none; left: 0; right: 0; padding:1.1rem 0.4rem 0 0.4rem; font-size: 0.24rem; color: #fff; bottom: 0; height: 1.66rem; background: url(/images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.tow-ul li.active .txt-mask{ display: block; }
.three-list li{ float: left; width: 25%; padding:0 0.05rem; margin-bottom: 0.65rem; }
.three-list{ margin-top: 2rem; }
.link-one{ display: block; position: relative; }
.link-back{ height: 2.3rem; }
.link-icon{ position: absolute; left: 0; top: 50%; right: 0; font-size: 0.22rem; color: #fff; font-weight: bold; transform: translate(0,-50%); }
.link-icon img{ height: 0.8rem; margin-bottom: 0.1rem; }
.link-bottom{ display: block; position: relative; margin-top: 0.1rem; height: 1.6rem; }
.link-bottom-img{ position: absolute; left: 0; top: 0; bottom: 0; width: 1.8rem; }
.link-bottom-t{ position: absolute; left: 1.8rem; top: 0; bottom: 0; right: 0; }
.link-tow .link-back{ height: 4rem; }
.link-tow .link-icon img{ height: 1.3rem; margin-bottom: 0.2rem; }
.friends-back{ background: #fff; padding-top: 0.3rem; }
.friends-back .container{ position: relative; padding-left: 1.6rem; }
.friends-tt{ position: absolute; left: 0.85rem; top: 0rem; font-size: 0.18rem; color: #333; }
.friends-list li{ float: left; padding:0 0.18rem; position: relative; margin-bottom: 0.3rem; }
.friends-list li a{ font-size: 0.18rem; color: #333; }
.friends-list li:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; border-right: solid 1px #ddd; height: 0.2rem; margin-top: -0.1rem; }
.friends-list li:last-child:before{ display: none; }
.bottom{ background: url(/images/back-bottom.png) center no-repeat; background-size: 100% 100%; padding-top: 1rem; }
.zt-left{ width: 14.9rem; }
.zt-list li{ float: left; width: 25%; padding:0 0.08rem; }
.zt-list{ margin:0 -0.08rem; }
.zt-list li a{ display: block; cursor: pointer;}
.zt-list li a div{ height: 1.8rem; }
.zt-box{ background: url(/images/lind-b.png) center bottom no-repeat; background-size: auto 0.35rem; padding-bottom: 0.7rem; }
.zt-box .container{ position: relative; }
.zt-title{ position: absolute; right: 0.2rem; top: 0; font-size: 0.38rem; color: #333; font-weight: bold; width: 0.38rem; font-family: 'SHSCN-Bold';line-height:1;}
.zt-title a{ position: absolute; left: 0; right: 0; color: #fff; font-size: 0.18rem; bottom: -0.45rem; font-weight: normal; text-align: center; }
.zt-title a:hover{color:#fff;}
.footer{ padding:0.7rem 0; }
.logo-b img{ width: 5.22rem; }
.footer-dz{ font-size: 0.16rem; margin-top: 0.2rem; margin-left: 1.2rem; color: #fff; padding-left: 0.55rem; position: relative; }
.footer-dz span{ opacity: 0.6; }
.footer-dz font{ font-size: 0.18rem; color: #fff; margin-top: 0.15rem; display: inline-block; font-weight: bold; }
.footer-dz i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.footer-dz i img{ height: 0.41rem; }
.footer-dz-l{ margin-left: 0; }
.footer-bottom{ margin-top: 0.5rem; }
.footer-bottom-left{ font-size: 0.16rem; color: rgba(255,255,255,0.8); }




@media (min-width: 1024px){
.footer-bottom-left{
display: flex;
}

}




.footer-bottom-right{ font-size: 0.16rem; color: rgba(255,255,255,0.8); }
.footer-bottom-right a{ display: inline-block; position: relative; margin-left: 0.4rem; }
.footer-bottom-right>span{ padding-right: 0.2rem; }
.footer-bottom-right a font{ position: absolute; display: none; left: 50%; width: 1rem; bottom: 100%; transform: translate(-50%,0); }
.footer-bottom-right a img{ height: 0.24rem; }
.footer-bottom-right a font img{ height: 1rem; width: 100%; }
.footer-bottom-right a:hover font{ display: block; }
.footer-bottom-right a:before{ display: block; content: ""; position: absolute; height: 0.2rem; top: 50%; margin-top: -0.1rem; position: absolute; left: -0.2rem; border-right: solid 1px rgba(255,255,255,0.3); }
.footer-bottom-left a{ margin-left: 0.1rem; color: rgba(255,255,255,0.8); }
.footer-bottom-left a:hover{color: rgba(255,255,255,0.8); }
.tabs-more{ position: absolute; right: 0; top: -0.55rem; width: 0.92rem;   height: 0.33rem; font-size: 0.16rem; padding:0.05rem 0 0 0.1rem; background: url(/images/tabs-more.png) center no-repeat; background-size: 100% 100%; }
.tabs-more-news{width: 1.4rem;background: url(/images/tabs-more-news.png) center no-repeat;;color:#003ca4;font-size:0.18rem;font-weight: bold;padding: 0.01rem 0 0 0.1rem;}
.page-tow .tabs-more{ background: url(/images/tabs-more02.png) center no-repeat; top: -0.9rem;background-size: 100% 100%; color: #00b3af; }
.header.active{ background: #003ca4; }
.logo img{ transition: 0.3s; height: 2.46rem; }
.header.active .logo img{ height: 1.4rem; }
.nav-fix.active{ background: #00b3af; }
.banner{ margin-bottom: 0; }

.nav-back{ position: fixed; transition: 0.3s all; left: 0; right: 0; top: 0; height: 100vh; padding-top: 2.5rem; overflow-y: auto;opacity: 0;
    visibility: hidden;
     background: url(/images/nav-back.jpg) center no-repeat; background-size: cover; }
.flex-box{ display: flex; margin:0 .2rem; }
.flex-box-sm{flex:1;}
.flex-tt{ font-size: 0.22rem; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 0.7rem; }
.flex-nav li{ margin-bottom: 0.25rem; line-height: 1; }
.flex-nav li a{ font-size: 0.16rem; color: #fff; }
.navShow .nav-list{ opacity: 0; position: relative; z-index: -1; }
.flex-tt a{ color: #fff; }
.flex-tt a:hover{color:#00b3af;}
.flex-tt .caret {
    display: none;
}.navShow .nav-back {
    opacity: 1;
    visibility: visible;
}
.header .container{ position: relative; z-index: 100; }
/*Ñ§Ð£½éÉÜ*/
.list-banner img{ width: 100%; }
.list-banner{ position: relative; }
.list-left{ width: 3rem; position: relative; z-index: 10; }
.list-left-top{ position: absolute; padding-top: 0.45rem; left: 0; bottom: 100%; right: 0; height: 1.31rem; background: url(/images/nav-top.png) center no-repeat; background-size: 100% 100%; }
.list-top-tt{ font-size: 0.38rem; color: #fff; font-weight: bold; }
.list-top-b{ font-size: 0.14rem; color: #fff; margin-top: 0.1rem; padding-left: 0.4rem; position: relative; }
.list-top-b:before{ display: block; content: ""; position: absolute; top: 50%; left: 0; border-top: solid 1px #fff; opacity: 0.5; width: 0.3rem; }
.list-left-top-sm{ display: inline-block; text-align: left; }
.list-nav{ background: url(/images/list-left-back.png) center bottom no-repeat; padding:0.3rem 0 0.7rem 0; background-size: cover; }
.list-nav li a{ display: block; padding:0.25rem 0; font-size: 0.20rem; color: #666; text-align: center; position: relative; line-height:1;}
.list-nav li a:before{ display: block; content: ""; position: absolute; left: 0.14rem; right: 0.14rem; bottom: 0; border-top: solid 1px #ddd; }




.list-nav li.active a,.list-nav li a:hover{ color: #fff; font-weight: bold; background: #03409D;}
.list-nav li.active a:before,.list-nav li a:hover{ border-color: #03409D; }





.list-right{ width: 10.9rem; }
.container-list{ width: 14.8rem; }
.list-right-top{ padding:0.45rem 0; background: url(/images/lind-r.png) right bottom no-repeat; }
.list-right-tt{ font-size: 0.3rem; color: #03409D; font-weight: bold; }
.jj-one img{ width: 4rem; }
.jj-top-right{ width: 6.4rem; }
.jj-top-tt{ font-size: 0.32rem; color: #03409D; margin-top: 0.2rem; }
.jj-top{ margin-top: 0.5rem; }
.jj-top-lind{ width: 1.18rem; height: 0.04rem; background: #00B3AF; margin-top: 0.25rem; }
.jj-top-p p,.jj-p-tow p{ color: #333; font-size: 0.16rem; line-height: 2; text-indent: 2em; text-align: justify; margin-top: 0.3rem; }
.jj-p-tow{ position: relative; padding-left: 0.4rem; margin-right: 1.37rem; }
.jj-p-tow:before{ display: block; content: ""; position: absolute; left: 0; top: 0.05rem; bottom: 0.05rem; width: 2px; background: #03409D; }
.jj-back{ position: relative; background: url(/images/jj-back.png) center no-repeat; background-size: cover; padding:0.6rem; margin-top: 0.3rem; }
.jj-back-left{ padding-right: 0.5rem; position: relative; text-align: center; margin-right: 0.5rem; font-size: 0.16rem; color: #fff; }
.jj-back-left span{ font-size: 0.3rem; display: inline-block; margin-bottom: 0.2rem; }
.jj-back-left:before{ display: block; content: ""; position: absolute; right: 0; opacity: 0.5; top: 0rem; bottom: 0rem; width: 1px; background: #fff; }
.jj-back .jj-back-left-r:last-child{ margin-right: 0; padding-right: 0; }
.jj-back .jj-back-left-r:before{ display: none; }
.left-img{ position: absolute; right: 0; bottom: 0; }
.left-img img{ width: 1.89rem; }
.footer-list{ background: url(/images/footer-list.png) center repeat-x; background-size: auto 100%; }
.list-left-phone{ display: none; }
.nav-b{ font-size: 0.18rem; color: #666; line-height: 0.3rem; background: url(/images/icon-home.png) left center no-repeat; background-size: 0.15rem auto; padding-left: 0.25rem; }
.nav-b a{ color: #666 !important; }
.nav-b a:hover{ color: #003ca4; }
/**»ú¹¹ÉèÖÃ****/
.jg-title{ padding:0.2rem 0.3rem; background: url(/images/jg-back.png) center no-repeat; background-size: cover; border-radius: 0.15rem 0.15rem 0 0; }
.jg-title span{ display: inline-block; font-size: 0.24rem; padding-left: 0.4rem; color: #fff; background: url(/images/icon-jg01.png) left center no-repeat; background-size: 0.28rem auto; }
.jg-list{ background: #fff; min-height: 1.84rem; box-shadow: 0px 2px 10px 0px rgba(3, 64, 157, 0.1482); padding:0.3rem 0.1rem 0.01rem 0.7rem; }
.jg-list li{ float: left; margin-bottom: 0.35rem; width: 25%;  padding-right: 10px; }
.jg-list li a{ font-size: 0.16rem; color: #666; background: url(/images/icon-jg02.png) left center no-repeat; background-size: 0.15rem auto; padding-left: 0.25rem; }
.jg-list li a:hover{ color: #03409D; font-weight: bold; background: url(/images/icon-jg03.png) left center no-repeat; background-size: 0.15rem auto; }
.jg-box{ margin-top: 0.5rem; }
/***ÀúÊ·ÑØ¸ï**/
.logo-c img{ width: 0.98rem; }
.logo-c{ margin-top: 0.5rem; }
.ls-ul-tt{ font-size: 0.24rem; color: #03409D; font-weight: bold; padding-top: 0.25rem; }
.ls-ul-width{ width: 50%; margin-top: 0.2rem; padding-left: 0.75rem; padding-top: 0.2rem; position: relative; }
.ls-ul-p{ font-size: 0.18rem; color: #333; text-align: justify; line-height: 1.5; position: relative; }
.ls-ul-width i{ position: absolute; left: 0; top: 0; bottom: 0; border-right: 1px solid #b3c4e0; }
.ls-ul-width i:before{ display: block; content: ""; position: absolute; left: -0.1rem; top: 0.2rem; width: 0.2rem; height: 0.2rem; background: #03409D; opacity: 0.2; border-radius: 50%; }
.ls-ul-width i:after{ display: block; content: ""; position: absolute; left: -0.05rem; top: 0.25rem; width: 0.1rem; height: 0.1rem; background: #03409D; border-radius: 50%; }
.ls-ul-p:before{ display: block; content: ""; position: absolute; left: -0.65rem; top: 0.1rem; width: 0.5rem; border-top:1px solid rgba(3, 64, 157, 0.3);  }
.ls-ul-img{ margin-top: 0.2rem; }
.ls-ul-img img{ width: 3.16rem; }
.ls-ul li{ margin-bottom: 0.1rem; }



.ls-ul li .rs-ul-width{ float: none!important; padding-left: 0rem; padding-right: 0.75rem; }
.ls-ul li .rs-ul-width i{ left: auto; right: 0; }





.ls-ul li.li_l .ls-ul-p:before{ left: auto; right: -0.65rem; }
.ls-ul li.li_l .ls-ul-p{ text-align: right; }
.ls-ul li.li_l .ls-ul-img{ text-align: right; }
.ls-ul li.top{ margin-top: -2.3rem; }
.ls-ul li.top .ls-ul-width i{ margin-left: -1px; }
.ls-ul li.b{ margin-top: -0.7rem; }
.ls-ul li.c{ margin-top: -2rem; margin-left: 1px; }
.ls-ul li.d{ margin-top: -1.5rem; margin-left: 1px; }
.ls-ul li.e{ margin-top: -1rem; margin-left: 1px; }
/*ÏÖÈÎÁìµ¼**/
.ld-list li{ padding:0.25rem 0; background: #fff; }
.ld-list-left{ width: 50%; padding-left: 1.2rem; font-size: 0.22rem; color: #03409D; }
.ld-list-left span{ position: relative; padding-left: 0.15rem; }
.ld-list-left span:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; height: 0.22rem; margin-top: -0.11rem; width: 2px; background: #03409D; }
.ld-list-name{ width: 50%; padding-left: 1.2rem; font-size: 0.22rem; color: #333; }
.list-back-box{ background: #f9f9fb; padding-bottom: 1.5rem; }
.ld-list li:nth-child(even){ background: #F2F6FD; }
.ld-list{ margin-top: 0.5rem; }
/****Ñ§Ð£±êÊ¶****/
.bs-tabs li{ float: left; margin-right: 0.5rem; }
.bs-tabs{ margin:0.8rem 0 0.6rem 0; }
.bs-tabs li a{ font-size: 0.26rem; line-height: 0.34rem; color: #03409D; position: relative; }
.bs-tabs li.active a{ font-size: 0.34rem; }
.bs-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; top: 100%; right: 0; margin-top: 0.05rem; height: 0.21rem; background: url(/images/tabs-raw.png) center no-repeat; background-size: auto 100%; }
.txt-back{ background: url(/images/txt-back.png) center no-repeat; background-size: cover; border-radius: 0.08rem; padding:0.4rem 0.5rem 0.4rem 0.4rem; position: relative; width: 6.5rem; }
.txt-back p{ text-align: justify; font-size: 0.18rem; color: #fff; line-height: 1.5; margin-bottom: 0.2rem; }
.bs-img{ position: absolute; left: 100%; top: 50%; background: #FFFFFF;
transform: translate(0,-50%); margin-left:-0.3rem;
box-shadow: 0px 2px 20px 0px rgba(3, 64, 157, 0.3188); border-radius: 0.1rem; padding:0.3rem 0.2rem; text-align: center; width: 4.6rem; }
/****·Ã¿Í*/
.list-right-lg{ width:100%!important; }
.list-right-lg .list-right-top{ background: none; padding:0.3rem 0; }
.fk-row .jg-title{ font-size: 0.24rem; color: #fff; padding-left: 0.4rem; }
.fk-list{ background: #FFFFFF;
min-height: 1.6rem;
box-shadow: 0px 2px 10px 0px rgba(3, 64, 157, 0.1482); padding:0.4rem 0 0.1rem 0; }
.fk-list li{ float: left; width: 33.333333%; margin-bottom: 0.35rem; padding:0 10px; position: relative; }
.fk-list li a{ font-size: 0.2rem; color: #333; }
.fk-list li:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); border-right: solid 1px #03409D; opacity: 0.4; height: 0.2rem; }
.fk-list li:nth-child(3n):before,.fk-list li:last-child:before{ display: none; }
.fk-row .col-xs-6{ padding:0 0.3rem; margin-bottom: 0.6rem; }
.fk-row{ margin:0 -0.3rem; padding-top: 0.2rem; }
/**ÐÂÎÅ¿ìÑ¶***/
.news-ul li a{ display: block; padding:0.35rem 0.2rem 0.35rem 0; border-radius: 0.2rem; position: relative; transition: 0.3s all; }
.news-ul-img div{ width: 3.25rem; height: 1.83rem; }
.news-ul-right{ width: 7.1rem; padding-top: 0.15rem; transition: 0.3s all; }
.news-ul-tt{ font-size: 0.2rem; color: #333; }
.news-ul-lind{ width: 0.44rem; height: 2px; background: #00B3AF; margin-top: 0.2rem; }
.news-ul-p{ font-size: 0.16rem; color: #666; line-height: 1.5; margin-top: 0.2rem; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.news-ul-date{ font-size: 0.16rem; color: #333; margin-top: 0.25rem; }
.news-ul li a:hover{ padding-left: 0.35rem; padding-right: 0.35rem; background: url(/images/news-back.png) center no-repeat; background-size: cover; box-shadow: 0px 2px 26px 0px rgba(3, 64, 157, 0.6644); }
.news-ul li a:hover .news-ul-right{ width: 6.6rem; }
.news-ul li a:before{ display: block; content: ""; border-bottom: solid 1px #ddd; position: absolute; left: 0; right: 0; bottom: 0; }
.news-ul li a:hover:before{ display: none; }
.page-box{ margin-top: 1rem; }
.news-ul li a:hover .news-ul-tt,.news-ul li a:hover .news-ul-p,.news-ul li a:hover .news-ul-date{ color: #fff; }
/***Í¨Öª¹«¸æ***/
.notice-list li a{ padding:0.15rem 0.3rem; transition: 0.3s all; margin-top: 0.4rem; position: relative; display: block; background:#fff url(../images/tz-back.png) center no-repeat; border-radius: 0.1rem; background-size: cover; box-shadow: 0px 2px 8px 0px rgba(3, 64, 157, 0.0738); }
.notice-list-date{ font-size: 0.12rem; padding-right: 0.2rem; position: relative; color: #666; float: left; }
.notice-list-date span{ font-size: 0.22rem; color: #03409D; display: inline-block; margin-bottom: 0.05rem; }
.notice-list-date:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: solid 1px #ddd; }
.notice-tt{ position: absolute; left: 40px; margin-left: 0.7rem; font-size: 0.2rem; color: #333; top: 50%; transform: translate(0,-50%); right: 0.3rem;  }
.notice-list li a:hover{ background:url(/images/tz-back02.png) center no-repeat; border-radius: 0.1rem; background-size: cover; box-shadow: 0px 2px 8px 0px rgba(3, 64, 157, 0.8428); }
.notice-list li a:hover .notice-list-date:before{ border-color: #fff; }
.notice-list li a:hover .notice-tt,.notice-list li a:hover .notice-list-date span,.notice-list li a:hover .notice-list-date{ color: #fff; }
/ÎÄÕÂÒ³***/
.article-tt{ font-size: 0.28rem; color: #333; margin-top: 0.5rem; line-height: 1.5; }
.article-sm{ font-size: 0.16rem; color: #666; margin-top: 0.3rem; }
.article-sm>span{ display: inline-block; margin:0 0.2rem; }
.article-p{ border-top: 1px solid rgba(3, 64, 157, 0.5); border-bottom: 1px solid rgba(3, 64, 157, 0.5); margin-top: 0.3rem; padding-top: 0.3rem;  }
.article-p p{ font-size: 0.18rem; line-height: 1.8; /*margin-bottom: 0.3rem;text-indent: 2em;*/word-break: break-word;}
.article-p div,.article-p span,.article-p p,.article-p h1,.article-p h2,.article-p h3,.article-p h4,.article-p h5{background: none !important;}
.article-p img{max-width:100%;margin:0 auto;height:auto;display: block;}

.article-link{ margin-top: 0.5rem; }
.article-link p{ margin-bottom: 0.2rem; }
.article-link p a{ font-size: 0.2rem; color: #333; }
.article-link p a:hover{ color: #03409D; }

.friends-back-left{ position: absolute; left: 0; bottom: 100%; }
.friends-back-left img{ width: 2.33rem; }
.friends-back{ position: relative; }

a:hover .news-tow-tt,a:hover .news-top-tt,.header-right a:hover{ color: #00b3af }
.left-one-ul li a,.link-one,.link-bottom,.zt-list li a div{ transition: 0.3s all; }
.news-more:hover{ font-weight: bold; color: #00b3af; }
.link-one:hover,.link-bottom:hover{ box-shadow: 4px 4px 13px rgba(12,54,117,0.3); }
.friends-list li a:hover,.fk-list li a:hover{ color: #03409D; }
.zt-list li a:hover div{ transform: scale(1.05,1.05); }
.fix-nav-c{ display: none; padding-bottom:15px;}
.fix-nav-c li{ float: left; width: 25%; margin: 8px 0; }
.fix-nav-c li a{ font-size: 16px; color: #003ca4; }
.fix-nav-t{ display: none;box-shadow: 0px 2px 8px 0px rgba(3, 64, 157, 0.3);background: #fff;margin: 15px;padding: 15px; border-radius: 10px; }
.fix-nav-t a{ font-size: 16px; line-height: 1; color: #003ca4;}
.fix-nav-t span{ padding:0 0.4rem; }


.navShow{ overflow:hidden; height: 100vh; }
.list-nav-three li a{ padding-left: 0.2rem;  color: #666; font-weight: normal!important;   padding: 0.15rem 0;
    font-size: 0.18rem; }
.list-nav-three li a:before{ border-top: solid 1px #ddd!important; }
.list-nav li{ position: relative; }
.list-nav li span{ text-align: center; cursor: pointer; padding-right: 0.1rem; transition: 0.3s all; font-size: 0.22rem; position: absolute; right: 0; top: 0; width: 0.72rem; height: 0.72rem; }
.list-nav li span i{ position: absolute; top: 50%; transform: translate(0,-50%); }

.list-nav li.active span{ transform: rotate(180deg); }
.list-nav li.active span .caret{border-top-color: #fff;}
.list-nav li.active .list-nav-three li a{color:#fff;}
.list-nav-three li a:hover{ font-weight: bold !important; }

@media( max-width: 1630px){
.news-top-date{ width: 56px; height: 68px; padding-top: 15px; }
.news-top-date span{ font-size: 20px; }
.news-top-box{ min-height: 70px; padding-left: 70px; }
.news-top-tt{ left: 65px; }
.news-top-p{ margin-top: 10px; }
.news-top-date{ margin-top: -34px; }
}






@media( max-width: 1279px){

.left-img{ display: none; }
.jj-back-left{ display: table-cell; margin-right: 0; float: none!important; padding:0 20px; }
.jj-back{ display: table; width: 100%; padding:0.6rem 0; }
.jj-p-tow{ margin-right: 0; }
}


@media( max-width: 1023px){
  .container{ width: 750px; max-width: 100%; padding:0 15px; }
  .nav-fix{ display: none; }
  .left-one{ width: 100%; margin-bottom: 30px; }
  .left-one-sm{ width: 66%; }
  .left-one-right{ width: 32%; margin-top: 0; height: auto; padding:20px; height: 350px; }
  .left-one-ul-date,.news-tow-date{ font-size: 14px; padding-left: 25px; line-height: 20px; background-size: 16px auto; }
  .left-one-ul-tt{ font-size: 16px; margin-top: 10px; }
  .left-one-ul-p,.news-top-p{ font-size: 14px; }
  .left-one-img{ height: 125px; }
  .left-one-ul-p{ margin-top: 10px; }
  .left-one-ul-bottom{ height: auto; padding:27px 20px 28px 20px; height: 224px; }
  .news-tow li{ margin-top: 15px; }
  .news-top-tt,.news-tow-tt{ font-size: 16px; line-height: 1.5; }
  .right-one{ width: 100%; }
  .news-tow li:last-child{ display: none; }
  .left-one-ul li:nth-of-type(1){ margin-top: 0; }
  .tabs-ul li a{ font-size: 20px; }
  .tabs-ul li.active a{ font-size: 22px; }
  .tabs-ul li{ margin-bottom: 25px;     padding-right: 20px; margin-right: 10px; 
    background-size: 11px auto; }
    .tabs-ul li.active a font img{ height: 22px; }
    .tabs-more{ width: 92px;
    height: 33px;
    font-size: 16px;
    padding: 5px 0 0 10px; top: -50px; }
 .tabs-more-news{width:140px}





    .back-r{ padding:0 15px 20px 15px; }
    .news-three li a{ padding:10px 0; }
    .news-more{ font-size: 16px; }
    .tow-tabs li a{ font-size: 16px; padding:0 25px; line-height: 40px; border-radius: 20px; font-family: 'SHSCN-Bold';}
    .page-tow .tabs-ul li{ width: 180px; margin-top: 10px; }
    .page-tow .tabs-more{ top: -60px; }
    .three-list{ margin-top: 30px; }
    .zt-title{ position: static; width: 100%; margin-bottom: 20px; font-size: 24px; }
    .zt-title a{ position: static; float: right; width: 92px;
    height: 33px;
    font-size: 16px;
    padding: 5px 0 0 10px; text-align: left; color: #333;     background: url(/images/tabs-more.png) center no-repeat;}
    .zt-left{ width: 100%; float: none!important; }
    .logo-b{ width: 100%; text-align: center; float: none!important; }
    .footer-right{ float: none!important; }
    .footer-dz span{ font-size: 14px; }
    .footer-dz font{ font-size: 16px; }
    .footer-dz i img{ height: 30px; }
    .footer-dz{ padding-left: 40px; }
    .footer-bottom-left{ width: 100%; font-size: 14px; text-align: center; }
    .footer-bottom-right{ font-size: 14px; width: 100%; margin-top: 10px; text-align: center; }
    .footer-bottom-right a img{ height: 20px; }
    .footer-bottom-right a:before{ height: 16px; margin-top: -8px; left: -15px; }
    .footer-bottom-right a{ margin-left: 30px; }
    .friends-tt{ font-size: 16px; }
    .friends-list li{ margin-bottom: 15px; padding:0 15px; }
    .friends-list li a{ font-size: 16px; }
    .friends-back .container{ padding-left: 120px; }
    .nav-list{ display: none; }
    .header{ height: 60px; background: #003ca4; padding:0; }
    .header .container{ width: 100%; height: 60px; }
    .search-a,.search-a img{ width: 19px; }
    .btn-click img{ width: 28px; }
    .btn-click{ width: 28px; }
    .right-a{ right: 15px; top: 50%; height: 17px; transform: translate(0,-50%); bottom: auto; }
    .header-right{ display: none; }
    .right-a a{ font-size: 16px; line-height: 20px; margin-left: 15px; }
    .logo img{ height: 100px!important; }
.nav-back{ background: #fff; top: 60px; bottom: 0; height: auto; padding-top: 0; border-top: solid 1px #ddd; }
.flex-box{ display: block; margin:0; }
.flex-tt{ margin:0; position: relative; line-height: 50px; border-bottom: solid 1px #eee; font-size: 16px; padding:0 15px; color: #333; }
.flex-nav{ display: none; }
.flex-nav li{ margin:0; }
.flex-nav li a{ font-size: 14px; line-height: 40px; padding-left: 25px; color: #333; }
.flex-nav{ border-bottom: solid 1px #eee; }
.flex-tt .caret{ display: block; position: absolute; right: 20px; top: 50%; font-size: 24px; margin-top: -4px; }
.flex-tt a {
    color: #333;
}
.logo{ width: 172px; margin-left: -86px; }
.raw{ height: 10px; background-size: auto 100%; margin-top: 20px; }
.news-tow-tt{ margin-top: 10px; }
.footer-bottom-right{ line-height: 20px; }
body{ padding-top: 60px; }
.banner .slick-dots li, .banner .slick-dots li button{ width: 20px; height: 30px; }
.banner .slick-dots{ bottom: 15px; }
.footer-bottom-right a font{ width: 100px; }
.footer-bottom-right a font img{ height: 100px; }
.flex-tt.cross span{ transform: rotate(180deg); }
/*Ñ§Ð£½éÉÜ***/
.jj-one{ width: 100%; text-align: center; margin-top: 10px; }
.jj-one img{ width: auto; }
.jj-top-right{ width: 100%; }
.list-right{ width: 500px; }
.list-left{ width: 200px; }
.list-right-tt{ font-size: 18px; }
.jj-top-tt{ font-size: 18px; }
.jj-top{ margin-top: 20px; }
.jj-top-p p, .jj-p-tow p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
.jj-p-tow{ padding-left: 20px; }
.jj-top-lind{ width: 100px; height: 2px; margin-top: 15px; }
/****ÀúÊ·ÑØ¸ï/
.ls-ul-width{ width:100%; margin:0; text-align: center; padding-left: 0!important; padding-right: 0!important; }
.ls-ul-width i{ display: none; }
.ls-ul-p:before{ display: none; }
.ls-ul-p{ font-size: 14px; line-height: 25px; text-align: center!important; }
.ls-ul-tt{ font-size: 18px; padding-top: 15px; }
.ls-ul-img{ text-align: center!important; }
.ls-ul li{ margin-top: 0!important; margin-bottom: 10px; }
.ls-ul-img img{ width: auto; }
.logo-c img{ width: 80px; }
.logo-c{ margin-top: 20px; padding-bottom: 10px; }
/****Ñ§Ð£±êÊ¶***/
.bs-tabs li a{ font-size: 16px; line-height: 18px; }
.bs-tabs li.active a{ font-size: 18px; }
.bs-tabs li.active a:before{ height: 10px; }
.bs-tabs li{ margin-right: 30px; }
.bs-tabs{ margin:30px 0; }
.txt-back{ width: 100%; padding:20px; border-radius: 4px; }
.txt-back p{ font-size: 14px; line-height: 25px; }
.bs-img{ position: static; margin:0 auto 20px auto; transform: translate(0,0); width: 200px; }
/****ÐÂÎÅ¿ìÑ¶****/
.news-ul-img div{ width:165px; height: 120px; }
.news-ul li a{ padding:15px 0; }
.news-ul li a:hover{ padding:15px; }
.news-ul-right{ width: 320px; padding-top: 0; }
.news-ul-tt{ font-size: 16px; }
.news-ul-lind{ width: 25px; margin-top: 10px; }
.news-ul-p,.news-ul-date{ font-size: 14px; line-height: 25px; margin-top: 10px; }
.news-ul li a:hover .news-ul-right{ width: 290px; }

.fix-nav-c{ display: block; }
.fix-nav-t{ display: block; }
}

@media( max-width: 767px){
  .container{ width: 100%; padding:0 15px; }
  .page-one{ padding-top: 40px; }
  .left-one-sm{ width: 100%; }
  .left-one-ul li{ width: 100%; margin-bottom: 15px; }
  .left-one-img{ height: auto; padding-top: 65%; }
  .left-one-ul-bottom{ height: auto; padding:20px; }
  .left-one-right{ width: 100%; }
  .tow-ul li{ width: 100%!important; margin-top: 0!important; margin-bottom: 15px; }
  .tow-ul li a{ height: 150px!important; margin-top: 0!important; }
  .txt-mask{ height: auto; padding:15px 20px; font-size: 16px; display: block; }
  .tow-tabs{ padding-bottom: 20px; }
  .three-list{ margin-top: 0; }
  .three-list li{ width: 100%; margin-bottom: 15px; }
  .link-back{ padding-top: 60%; height: auto; }
  .link-icon img{ height: 60px; margin-bottom: 10px; }
  .link-icon{ font-size: 18px; }
  .link-bottom{ height: 80px; margin-top: 5px; }
  .link-bottom-img{ width: 150px; }
  .link-bottom-t{ left: 150px; }
  .link-tow .link-icon img{ height: 80px; margin-bottom: 15px; }
  .friends-tt{ position: static; margin-bottom: 10px; }
  .friends-back .container{ padding-left: 15px; }
  .friends-back{ padding-top: 15px; }
  .friends-list li{ padding-left: 0; padding-right: 15px; }
  .friends-list li a{ font-size: 14px; }
  .friends-list li:before{ display: none; }
  .zt-list li{ width: 50%; padding:0 8px; margin-bottom: 15px; }
  .zt-list li a div{ height: auto; padding-top: 50%; }
  .zt-list{ margin:0 -8px; }
  .footer-dz{ width: 100%; margin:15px 0 0 0; }
  .logo-b img{ width: 250px; }
  .footer-bottom{ margin-top: 15px; }
  .footer{ padding:15px 0; }
  .zt-box{ padding-bottom: 0; }
  /****Ñ§Ð£½éÉÜ***/
  .list-left{ width:100%; }
  .list-left-top{ display: none; }
  .list-right{ width: 100%; }
  .jj-back{ display: block; padding:10px 0; margin-top: 10px; }
  .jj-back-left{ display: block; width: 100%; padding:10px 0; font-size: 14px; }
  .jj-back-left span{ font-size: 18px; }
  .jj-back-left:before{ display: none; }
  .list-left-phone{ display: block; color: #fff; margin-top: 15px; background: #003ca4; height: 50px; font-size: 18px; line-height: 50px; padding:0 15px; position: relative; }
  .list-nav li a{ font-size: 16px; padding:15px 0; }
  .list-nav{ padding:0; display: none; }
  .list-right-top{ padding:15px 0; margin-top: 20px; }
  .list-left-phone .caret{ position: absolute; right: 15px; top: 23px; }
  .nav-b{ display: none; }
  /*»ú¹¹ÉèÖÃ*/
  .jg-title{ padding:10px 15px; border-radius: 8px 8px 0 0; }
  .jg-title span{ font-size: 18px; padding-left: 30px; background-size: 20px auto; }
  .jg-list{ padding:15px 10px 1px 15px; }
  .jg-list li{ width: 50%; margin-bottom: 15px; }
  .jg-list li a{ font-size: 16px; background-size: 15px auto!important; padding-left: 20px; }
  .jg-box{ margin-top: 15px; }
  /****ÏÖÈÎÁìµ¼**/
  .ld-list li{ font-size: 16px; padding:15px; }
  .ld-list-left span{ padding-left: 15px; font-size: 16px; }
  .ld-list-left span:before{ height: 16px; margin-top: -8px; }
  .ld-list-left{ padding-left: 0; width: 70%; }
  .ld-list-name{ font-size: 16px; width: 30%; padding-left: 0; }
  /****Ñ§Ð£±êÊ¶/
  .bs-tabs{ margin-top:20px; }
  .list-back-box{ padding-bottom: 20px; }
  /****·Ã¿Í****/
  .fk-list-left .list-left-top{ display: block; width: 140px; height: 60px; }
  .list-top-tt{ font-size: 18px; padding-top: 5px; }
  .list-top-b{ font-size: 12px; margin-top: 5px; padding-left: 20px; }
  .list-top-b:before{ width: 10px; }
  .fk-row .col-xs-6{ width: 100%; margin-bottom: 15px; }
  .fk-list li{ padding:0 5px; margin-bottom: 15px; }
  .fk-list{ padding:20px 0 5px 0; }
  .fk-list li a{ font-size: 14px; }
  .fk-list li:before{ height: 16px; }
  .fk-row .jg-title{ font-size: 18px; padding-left: 15px; }
  .fk-row{ padding-top: 0; }
  /***ÐÂÎÅ¿ìÑ¶****/
  .news-ul-img{ width:100%; }
  .news-ul-img div{ width: 100%; padding-top: 56%; }
  .news-ul-right{ width: 100%!important; margin-top: 15px; }
  .news-ul li a{ padding:15px; }
  .page-box{ margin-top: 20px; }
  /***Í¨Öª¹«¸æ***/
  .notice-list li a{ padding:15px; margin-top: 15px; border-radius: 6px; }
  .notice-list-date{ font-size: 12px; }
  .notice-list-date span{ font-size: 18px; margin-bottom: 5px; }
  .notice-list-date{ padding-right: 15px; }
  .notice-tt{ font-size: 16px; left: 90px; margin-left: 0; }
  /ÎÄÕÂÒ³**/
  .article-tt{ font-size: 18px; margin-top: 20px; }
  .article-sm span{ font-size: 14px; margin:10px 0 0 0; padding:0 10px; }
  .article-p{ padding:15px 0 5px 0; margin-top: 15px; }
  .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
  .article-link p a{ font-size: 16px; }
  .article-link p{ margin-bottom: 15px; }
  .article-link{ margin-top: 20px; }
  .layer .close{ width: 50px; height: 50px; right: 15px; top: 15px; }
  .friends-back-left{ display: none; }
 .list-nav li span{ width: 46px; height: 46px; padding-top: 15px; }
 

}


.pb_sys_style1 .p_no_d {
    border: 1px solid #003ca4 !important;
    color: #fff;
    background-color: #003ca4 !important;
}
embed,iframe{margin: 0 auto;display: block;max-width:100%;}




.nav-fix{background: transparent;}

@media( max-width: 1220px){
.nav-fix{right: -1.35rem;}
}
@media( max-width: 1100px){
.nav-fix{right: -1.42rem;}
}
.art-body video{
display:block;
margin:0 auto;
max-width:100%;
height:auto;
}


/* Í¼Æ¬ÁÐ±í */
.pic {
    position: relative;
    overflow: hidden;
}
.pic-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s;

}

.pic:hover .pic-bg {
    transform: scale(1.1);
}
.img-lists {
    overflow: hidden;
    padding: 0 10px 20px 10px;
}

.img-lists li {
    float: left;
    width: 31%;
    margin-left: 3.5%;
    margin-top: .5rem;
    transition: all 0.3s;
    box-shadow: 0px 0px 10px 0px rgba(68, 68, 68, 0.1);
    position: relative;
    top: 0;
}

.img-lists li:nth-child(3n+1) {
    margin-left: 0;
}

.img-lists li:hover {
    box-shadow: 0px 0px 15px 0px rgba(68, 68, 68, 0.3);
    top: -10px;
}

.img-lists li a {
    display: block;
    width: 100%;
}

.img-lists li a .pic {
    padding-top: 57.17%;
}

.img-lists li a:hover .pic .pic-bg {
    transform: scale(1.1);
}

.img-lists li a>img {
    display: block;
    width: 100%;
    height: 196px;
}

.img-lists li a .pic span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 180px;
    line-height: 40px;
    background-color: #03B4B0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 0 40px 40px 0;
}

.img-lists li a>div.info {
    padding: .25rem;
    font-size: 0;
    background-color: #fff;
}

.img-lists li a>div.info h3 {
    font-size: .2rem;
     font-weight: normal; 
    line-height: 1.5;
    height: .6rem;
   overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.img-lists li a>div.info p {
    color: #0043C2;
    font-size: .18rem;
    margin-top: 10px;
}

.img-lists li a>div.info img {
    height: 14px;
    vertical-align: middle;
}

.img-lists li a>div.info span {
    font-size: 14px;
    display: inline-block;
    margin-left: 5px;
    color: #999;
    vertical-align: middle;
}
@media screen and (max-width:1024px){
.img-lists li {
        margin-top: 23px;
    }

    .img-lists li a>img {
        height: 209px;
    }

    .img-lists li a>div.info p {
        font-size: 14px;
        margin-top: 5px;
    }

    .img-lists li a>div.info img {
        height: 12px;
    }

    .img-lists li a>div.info span {
        font-size: 12px;
    }
}
@media screen and (max-width:768px){
.img-lists li {
        width: 48%;
    }

    .img-lists li:nth-child(2n+1) {
        margin-left: 0;
    }

    .img-lists li:nth-child(even) {
        margin-left: 3.5%;
    }
}
@media screen and (max-width:640px){
.img-lists li {
        float: none;
        width: 100%;
    }

    .img-lists li:nth-child(even) {
        margin-left: 0;
    }

    .img-lists li a .pic span {
        bottom: 0px;
        width: 90px;
        line-height: 30px;
        font-size: 15px;
    }

    .img-lists li a>div.info h3 {
        height: auto;
    }
}