body {
    color: #333;
    font-size: 14px;
    font-family: "å¾®è½¯é›…é»‘","Arial",Helvetica,"é»‘ä½“",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover 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;}
.header-top{ background: #123994; color: #fff; padding:8px 0; }
.header-top a{ color: #fff; display: inline-block; margin:0 10px; font-size: 15px; }

.banner-box{ position: relative; }
.nav-box{ background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); position: absolute; left: 0; top: 0; right: 0; z-index: 1000; }
.nav-list li{ float: left; width: 11%; position: relative; z-index: 10000; }
.nav-list li a{ display: block; font-size: 18px; font-weight:bold; color: #fff; line-height: 45px; }

.nav-down{position: absolute;left: 50%;top: 100%; transform: translate(-50%,0); min-width:100%;background: #fff;white-space: nowrap;}
.nav-down li{ float: none; width: 100%; margin:0!important; padding:0!important; }
.nav-down li a{ display: block; overflow:hidden; height: 0; transition: 0.3s all; padding:0 10px; background: #fff!important; font-size: 15px; color: #333!important; line-height: 40px; text-align: center; }
.nav-down li a:hover{ background: #0395e2!important; color: #fff!important; }
.nav-list li:hover .nav-down li a{ height: 40px; }
.container{ width: 1218px; }
.banner{ margin:0; overflow:hidden;}
.banner img{ width: 100%; height: 100%; }
.banner div,.banner a{ height: 100%; display: block; }
.banner .slick-dots{bottom: 20px;display: none !important;}
.banner .slick-dots li,.banner .slick-dots li button{ width: 12px; border-radius: 50%; height: 12px; border:none; padding:0; }
.banner .slick-dots li button{ background:#fff; }
.banner .slick-dots li.slick-active button{ background:#143b95; }

.banner .slick-prev,.banner  .slick-next{
  width: 88px;
  height: 88px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.banner .slick-prev{
  background:url(/images/banner-prev.png) no-repeat;
  background-size:100% 100%;
      left: 140px;
}
.banner .slick-prev:before{
  display:none;
}
.banner  .slick-next{
  background:url(/images/banner-next.png) no-repeat;
  background-size:100% 100%;
  right:140px;
}
.banner .slick-next:before{
  display:none;
}

#downPage {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 70px;
    z-index: 9;
    cursor: pointer;
}

#downPage img {
    display: block;
    animation: bb 2s linear 0s infinite;
}

@keyframes bb {
    0% {
        transform: translate(-50%, 0);
        opacity: 0;
    }

    20% {
        transform: translate(-50%, 3px);
        opacity: 1;
    }

    80% {
        transform: translate(-50%, 10px);
        opacity: 1;
    }

    90% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }

    100% {
        transform: translate(-50%, 10px);
        opacity: 0;
    }
}
.fixed-r{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  right:0;
  padding:6px;
  background:#0f6ac3;
  border-radius:50px;
  z-index: 9;
}
.fixed-r ul{
  border-radius:50px;
  border:3px solid #fff;
  padding: 20px 15px 30px 15px;
}

.fixed-r ul li a{
  display:block;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 1px;
  color: #ffffff;
  padding-top:10px;
  border-bottom:2px solid #fff;
}
 .page-four{
  background:#ebeff5;
}
.page-four-box{
    overflow: hidden;
}
.page-four-box>div{
    float: left;
    width: 33.33%;
}

.page-four-box>div a{
    display: block;
    text-align: center;
    font-size: 0;
    line-height: 80px;
    border-right: 1px solid #bfc2c7;
}
.page-four-box>div:nth-child(1) a{
   border-left: 1px solid #bfc2c7;
}
.page-four-box>div a div{
    display: inline-block;
    vertical-align: middle;
}
.page-four-box>div a div img{}
.page-four-box>div a p{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -1px;
    color: #000000;
    margin-left: 10px;
}
.page-four-box>div a:hover p{
   color:#143b95;
}


.title{ position: relative; margin:30px 0 40px 0; line-height: 22px; padding-top: 2px; font-size: 22px; color: #fff; background: url(/images/title.png) center no-repeat; height: 38px; }
.title:before{ display: block; content: ""; position: absolute; left: 0; top: 13px; height: 26px; border-right: solid 1px #c4c3c3; }
.title:after{ display: block; content: ""; position: absolute; right: 0; top: 13px; height: 26px; border-right: solid 1px #c4c3c3; }
.page-one{ background: url(/images/back01.png) center no-repeat; background-size: cover; }
.xw-list li{ float: left; width: 33.333333%; padding:0 40px; margin-bottom: 30px; }
.xw-title{ font-size: 20px; color: #03237f; border-bottom: solid 1px #03237f; padding-bottom: 10px; }
.xw-img{ position: relative; padding-top: 60%; margin-top: 25px; border-bottom: solid 3px #004190; }
.xw-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.xw-tt-b{ font-size: 15px; color: #323232; margin-top: 20px; padding-bottom: 3px; border-bottom: solid 1px #ddd; }
.xw-more{ display: inline-block; margin-top: 20px; font-size: 20px; color: #03237f; background: #fff; border-radius: 10px; border:solid 2px #71b7fd; width: 234px; height: 54px; line-height: 50px; }
.more-box{ border-bottom: solid 2px #133172; padding-bottom: 40px; }
.page-tow{ background: #f6f5f0; padding:30px 0; }
.tow-title{ position: relative; margin-bottom: 10px; }
.tow-title span{ display: inline-block; background: #0395e2; color: #fff; font-size: 20px; width: 96px; line-height: 30px; text-align: center; }
.tow-title:before{ display: block; content: ""; position: absolute; left: 100px; right: 0; bottom: 0; border-top: solid 1px #03237f; }
.tow-title font{ left: 105px; position: absolute; bottom: 5px; font-size: 16px; color: #999; }
.tow-title a{ float: right; font-size: 15px; color: #03237f; margin-right: 15px; margin-top: 3px; }
.tz-ul li a{ display: block; font-size: 15px; line-height: 38px; position: relative; padding-left: 20px; background: url(/images/li.png) left center no-repeat; }
.tz-ul li a:before{ display: block; content:""; position: absolute; border-bottom: solid 1px #c3c3c3; left: 20px; right: 0; bottom: 0; }
.video-tt{ background: #0395e2; line-height: 30px; padding:0 15px 0 5px; font-size: 20px; color: #fff; }
.video-tt a{ float: right; font-size: 16px; color: #fff; }
.video-slick .video-slick-t{ display: block; position: relative; padding-top: 62%; }
.video-slick a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.video-slick{ margin-top: 20px; }
.video-slick a{ display: block; }
.video-slick-tt{ color: #323232; margin-top: 15px; font-size: 15px; }
.video-slick .slick-dots{ bottom: -20px; }
.video-slick .slick-dots li,.video-slick .slick-dots li button{ width: 6px; height: 6px; border:none; padding:0; }
.video-slick .slick-dots li button{ background: url(/images/li02.png) center no-repeat; }
.video-slick .slick-prev{ bottom: -20px; z-index: 1000; top: auto; right: 50%; margin-right: 40px; left: auto; width: 8px; height: 10px; background: url(/images/left.png) center no-repeat; }
.video-slick .slick-next{ bottom: -20px; z-index: 1000; top: auto; left: 50%; margin-left: 40px; right: auto; width: 8px; height: 10px; background: url(/images/right.png) center no-repeat; }
.page-three{ background: url(/images/back03.png) center no-repeat; background-size: cover; padding-top: 25px; }
.three-title{ background: url(/images/lind.png) left center no-repeat; padding-left: 18px; font-size: 18px; color: #03237f; }
.three-title span{ padding-left: 18px; }
.zt-ul li{ float: left; width: 25%; padding:0 30px; margin-bottom: 35px; } 
.zt-ul-img{ position: relative; padding-top: 60%; }
.zt-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.zt-ul-tt{ font-size: 13px; color: #fff; background: #31568f; line-height: 30px; padding:0 10px; }
.zt-ul{ margin:30px 30px 0 30px; }
.footer-p p{ position: relative; padding-left: 30px; font-size: 16px; line-height: 40px; color: #fff; }
.footer-p a{
color: #fff;
}
.footer-p p i{ position: absolute; left: 0; top: 0; line-height: 40px; }
.footer{ background: url(/images/footer.png) center no-repeat; background-size: cover; padding:40px 0 30px 0; }
.logo-b{ width: 460px; border-left: solid 1px #a6b5ce; border-right: solid 1px #a6b5ce; height: 100px; line-height: 100px; margin-top: 10px; margin-left:25px; }
.pull-right.footer-p p{ padding-left: 28px; }
.footer-p p span{ padding-right: 20px; }
.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{ margin-top: -8px; }
.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; }
.layer{background:rgba(0,0,0,0.8);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;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,0.5) inset;-ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#0395e2;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; }
.xw-more:hover{ background: #143b95; border-color: #143b95; color: #fff; }
.tz-ul li a:hover{ color: #143b95; }
.xw-list li a:hover .xw-tt-b{ color: #143b95; }


.zt-list li{ float: left; width: 33.333333%; padding:0 16px; }
.zt-list{ margin:0 -16px; padding-bottom: 70px; }




.header-back{ background: url(/images/topbg.png) center no-repeat; position: relative; z-index: 100000; background-size: cover; padding:15px 0; }
.logo a{ display: inline-block; position: relative; z-index: 100; }
.header-back-a{ position: absolute; left: 0; padding-left: 90px; right: 0; top: 50%; transform: translate(0,-50%); }
.header-back-a a{ color: #fff!important; font-size: 16px; margin:0 10px ; display: inline-block; }
.header-back-a a.xz{ margin-left: 400px; }

.header-back-a1{display:none;}



.header-back-a1{background: #e8e8e8;  padding: 10px 0;}
.header-back-a1 a{ font-size: 14px; width: 24%;     display: inline-block;}


/*****************å•é¡µé¢***************/
.list-banner{ height: 400px; }
.list-left{ width: 240px; position: relative; z-index: 100;     margin-top: 25px;}
.list-left-top{ bottom: 100%; left: 0; width: 100%; font-size: 24px; color: #fff; font-weight: bold; height: 80px; line-height: 80px; text-align: center; background: #123994; }

.list-left-nav {    background: #fbfbfb;}

.list-left-nav li a{   display: block;
    font-size: 16px;
    color: #313131;
    padding: 15px;
    line-height: 25px;
    border-bottom: 1px solid #c8daf5;
    padding-left: 20px;
    padding-right: 30px; }
.list-left-nav li a.active,.list-left-nav li a:hover{ background:#416cac; color:#ffffff;  position: relative; }
.list-left-nav li img{
position: absolute;
    top: 22px;
    right: 17px;
}
.list-right{ width: 910px; margin-top: 25px; }
.list-right-tt{ border-bottom: solid 1px #eceae4; margin-bottom: 20px; }
.list-right-l{    font-size: 20px;
    color: #416cac;
    font-weight: bold;
    border-bottom: solid 3px #416cac;
    padding-bottom: 10px;
    margin-bottom: -3px; }

.nav-b a,.nav-b{ font-size: 14px; color: #888; }
.nav-b a.active,.nav-b a:hover{ color:#416cac; }
.nav-b{   padding-left: 22px;
    background: url(/images/dqwzback.png) no-repeat left center;
    font-size: 14px;    margin-top: 5px;
    padding-top: 0; }
.about-txt p{ margin-bottom: 0; text-align: justify; text-indent: 2em; line-height: 38px; font-size: 16px; color: #313131; }
.about-txt img{
margin: 0 auto;
    display: block;

}




.list-content{ position: relative; padding-bottom: 50px; }

/*******************åŽ†å²æ²¿é©***********************/
.ls-ul-tt{ font-size: 16px; color: #227f1e; font-weight: bold; }
.ls-ul{ margin-left: 25px; margin-top: 60px; position: relative; padding-bottom: 1px; }
.ls-ul-p{ font-size: 16px; color: #858985; margin-top: 15px; }
.ls-ul li{ position: relative; padding-left: 65px; margin-bottom: 47px; }
.ls-ul li:before{ display: block; content: ""; position: absolute; left: 0; top: 0px; width: 47px; height: 21px; background: url(/images/quan.png) left center no-repeat; }
.ls-ul:before{ display: block; content: ""; position: absolute; left: 0; top: 9px; background: url(/images/lind02.png) left top repeat-y; bottom: 0; width: 22px; }
/*******************åˆ—è¡¨******************/
.gg-list li{ position: relative; line-height: 49px; padding-right: 160px; border-bottom: dashed 1px #f4f3f0; font-size: 16px; color: #313131; }
.gg-list li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #969696; }
.gg-list li a{ font-size: 16px; color: #313131; padding-left: 15px; background: url(/images/icon-gg.png) left center no-repeat; }
.page-box{ margin-top: 80px; }
/**************å†…å®¹é¡µ***************/
.article-nav{position: absolute;
    bottom: 100%;
    left: 15px;
    width: 240px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    height: 94px;
    line-height: 94px;
    text-align: center;
    background: #1c6e19;
    background: rgba(0,57,143,0.75);
}
.article-nav span{ display: inline-block; height: 94px; padding-left: 56px; background: url(/images/icon-tt02.png) left center no-repeat; }
.article-tt{ font-size: 26px; color: #222; margin-top: 40px; }
.article-sm{ font-size: 16px; color: #666; }
.article-sm span{ padding:0 25px; }
.article-sm{ padding:20px 0 30px 0; border-bottom: solid 1px #f4f4f4; }
.article-txt p{ font-size: 16px; color: #222; line-height: 30px; margin-bottom: 0px;    text-indent: 2em; }
.vsbcontent_img{text-align: center;}
.article-txt img{
    height: auto !important;
/*width: 600px !important;*/
    display: block;
    margin: 0 auto;
}
.article-txt{ padding:30px 0; word-break: break-all; }
.article-link p,.article-link p a{ font-size: 16px; color: #313131; }
.article-link p span{ font-size: 16px; color: #a0a09f; font-weight: bold; }
.article-link p{ margin-bottom: 15px; }
.article-link{ margin-top: 25px; }
.article-right{ width: 305px; padding-left: 20px; z-index: 100; position: relative; background: #f4f4f4; }
.right-tt{ position: relative; margin-bottom: 10px; padding-left: 35px; margin-top: 50px; font-size: 18px; color: #000; font-weight: bold; background: url() left center no-repeat; background-size: 20px auto; }
.list-content-article .list-right{ width: 100%; padding-bottom: 50px; }

.list-content-article .nav-b{ padding-right: 15px; }
.right-tt:before{ position: absolute; display: block; content: ""; left: 135px; right: 0; top: 50%; border-top: solid 1px #eceae4; }
.article-list li a{ font-size: 16px; color: #313131; padding-left: 12px; background: url(/images/icon-gg.png) left center no-repeat; }
.article-list li{ line-height: 35px; margin-right: 5px; }
.article-bottom{ padding-right: 15px; }
.list-content-article{ padding-bottom: 0; }
/**************å›¾ç‰‡åˆ—è¡¨**************/
.list-left-nav li{ position: relative; }
.list-left-nav li a span{ display: inline-block; padding-right: 35px; background: url(/images/raw-b.png) right center no-repeat; }
.list-left-nav-down li a{ font-size: 16px; line-height: 40px; }
.list-left-nav-down li a,.list-left-nav-down li a:before{ border:none!important; }
.list-left-nav-down li a font{ padding-left: 20px; background: url(/images/down01.png) left center no-repeat; }
.list-left-nav-down li a.on font,.list-left-nav-down li a:hover font{ padding-left: 20px; background: url(/images/down01.png) left center no-repeat; }
.list-left-nav-down li a.on{ color: #1c6e19; }
.list-left-nav-down li a:before{ display: none!important; }
.list-left-nav-down li a:hover{ background: none!important; font-weight: normal; }
.list-left-nav-down{ display: none; }
.img-ul-img a{ display: block; position: relative; padding-top: 71%; }
.img-ul li{ float: left; width: 33.333333%; padding:0 18px; margin-top:15px; }
.img-ul{ margin:0 -18px; margin-top: -15px; }
.img-ul img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img-ul-tt a{ font-size: 16px; color: #000; }
.img-ul-tt{ margin-top: 10px; min-height:50px; }



.img-ul-img1 a{ display: block; position: relative; padding-top: 71%; }
.img-ul1 li{ float: left; width:25%; padding:0 18px; margin-top: 35px; }
.img-ul1{ margin:0 -18px; margin-top: -15px; }
.img-ul1 img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.img-ul-tt1 a{ font-size: 16px; color: #000; }
.img-ul-tt1{ margin-top: 10px; }



/******************å­¦æ ¡é¢†å¯¼********************/
.ld-list li{ float: left; width: 50%; padding:0 15px; margin-top: 30px; }
.ld-list{ margin:0 -15px; }
.ld-list-box{ height: 197px; position: relative; border:solid 1px #e7e7e7; padding:20px 25px 0 40px; }
.ld-list-name{ position: absolute; left: 25px; top: -15px; padding:0 15px; background: #fff; font-size: 20px; color: #000; font-weight: bold; }
.ld-list-zw{ font-size: 16px; color: #888; }
.ld-txt{ color: #888; line-height: 25px; height: 75px; overflow:hidden; margin-top: 20px; }
.ld-a{ display: inline-block; margin-top: 15px; padding-right: 25px; color: #709c6e; background: url(/images/ld-a.png) right center no-repeat; }
/****************å‹æƒ…é“¾æŽ¥*****************/
.list-right-lg{ width: 100%!important; margin-top: 0; padding-top: 25px; }
.list-content-no:before{ display: none; }
.friend-ul li{ float: left; width: 25%; padding:0 7px; margin-bottom: 20px; }
.friend-ul{ margin:0 -7px; }
.friend-ul li a{ display: block; border:solid 1px #eae7e7; line-height: 52px; padding:0 35px; font-size: 16px; color: #858985; }
.friend-ul li a:hover{     background: #416cac;
    box-shadow: 0 0 7px rgba(0,57,143,0.75);
    color: #fff;
    border-color: #416cac; }
/*****************ä¸“é¢˜ä¸“æ *****************/
.zt-list-lg li{ margin-bottom: 40px; }
.zt-list-lg{ padding-top: 20px; }
.page-box-sm{ margin-top: 0; }
.jg-ul li{ width: 33.333333%; padding:0 10px; margin-bottom: 25px; float: left; }
.jg-box{ border:solid 1px #f4f4f4; border-radius: 4px; padding:20px; }
.jg-logo{ width: 61px; height: 61px; background: url(/images/jg-logo.png) center no-repeat; }
.jg-name{ font-size: 16px; color: #000; font-weight: bold; margin-top: 10px; }
.jg-right{ margin-left: 75px; }
.jg-p{ font-size: 15px; color: #888; margin-top: 3px; }
.jg-ul{ margin:0 -10px; }
.jg-box:hover{ background: #f4f4f4; }

.nav-list-two-nav-item:hover,.news-list-tt a:hover,.notice-list a,.gg-list li a:hover,.article-list li a:hover,.img-ul-tt a:hover,.ld-a:hover{ color:#416cac!important; }
.mt-list-tt a:hover,.bottom-tt a:hover,.bottom-ul li a:hover,.friends-list li a:hover,.nav-list li a:hover{ text-decoration: none !important; }

.left-nav-down li{ border:none; }
.left-nav-down li a{ line-height: 40px; font-size: 14px; color: #333;padding:3px 0 3px 55px; }
.left-nav-down li a:before{ display: none; }
.left-nav li.active{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; margin-top: -1px; }
.left-nav li.active:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #004da1; }
.left-nav li.active a{ color: #004da1; font-weight: bold; }
.left-nav li.active .left-nav-down li a{ color: #333; font-weight: normal;}
.left-nav-down{ display: none; }
.left-nav-down .active{
background: #426dac;
}
.left-nav-down .active a{
    color: #ffffff;
}
.slick-dots li button:before{ display: none; }

@media( max-width: 1399px){
    .header .container,.container{ width: 1230px; }
    .list-right{ width: 920px; }
    .mt-list-lg li a{ height: 169px; }
    .footer-left{ width: 450px; }


    .list-content-article .list-right{ width: 100%; }
}
@media( max-width: 1279px){
    .header .container,.container{ width: 980px; }

    .back-box{ height: 450px; }
    .mt-list-lg li a{ height: 130px; }


    .list-right{ width: 670px; }
    .list-content-article .list-right{ width: 100%; }
    .jg-ul li{ width: 50%; }
    }


@media( max-width: 991px){
    .container{ width: 830px; }

    .header .header-right{ position: absolute; display: none; background: #277428; top: 100%; left: 0; right: 0; border-top: solid 1px #fff; padding-bottom: 50px; }
.pull-right.footer-p p{    padding-left: 0;margin: 0 4px;}
    .header-a{ position: absolute; left: 0; right: 0; bottom: 0px; text-align: center; }
    .header-a a{ display: inline-block; margin:0 10px; float: none; }
    .header-a a.icon03{ display: none; }
    .header-a .pull-right{ width: 100%; }
    .back-box{ height: 400px; }
    .mt-list-lg li a{ height: 96px; }


.list-right{ width: 450px; }
.list-content-article .list-right{ width: 100%; }
.list-content-article:before,.article-right{ display: none; }
.friend-ul li{ width: 33.333333%; }
.jg-ul li{ width: 100%; }
.nav-list li{ padding-bottom: 0; }


.header-back-a a{ font-size: 14px; margin:0 3px;}
.header-back-a a.xz{ margin-left: 0; }
.header-back-a{ padding-left: 0; }

}
@media( max-width: 768px){
    .container{ width: 100%;     padding-right: 10px;
    padding-left: 10px;}
    .header{ position: relative; }

    .news-list li{ width: 100%; margin-bottom: 15px; }
    .title span{ font-size: 24px; padding-left: 36px; }
    .title{ margin:20px 0; }
    .title span i img{ height: 30px; }
    .title span i{ height: 30px; line-height: 30px; margin-top: -15px; }
    .title a{ width: 20px; background-size: 100% auto!important; margin-top: 4px; }
    .news-list-tt a{ font-size: 16px; }
    .notice-list li{ width: 100%; margin-bottom: 10px; margin-top: 0; }
    .notice-list{ padding-top: 0; }
    .notice-list a{ font-size: 16px; }
    .notice-list a span{ font-size: 14px; }
    .tz-list li{ width: 100%; margin-bottom: 15px; }
    .left-box{ width: 100%; }
    .back-box{ height: auto; }
    .right-box{ width: 100%; }
    .right-box .back-box{ padding:15px; }
    .mt-list li{ width: 100%; margin-bottom: 15px; }
    .mt-list-b li{ width: 100%; margin-top: 15px; }
    .mt-list-b li:first-child{ margin-top: 0; }
    .mt-list-tt,.mt-list-tt a{ font-size: 16px; }
    .back-tow{ padding-bottom: 30px; }
    .back-three .col-xs-6{ width: 100%; margin-bottom: 15px; }
    .mt-list-lg li a{ height: auto; padding-top: 60%; }
    .back-three{ padding-bottom: 15px; }
    .zt-list li{ width: 100%; margin-bottom: 15px; text-align: center; }
    .zt-list{ padding-bottom: 10px; }

    .friends-tt{ margin-bottom: 10px; }
    .play-link a span{ font-size: 16px; background-size: auto 40px; padding-top: 45px; margin-top: -33px; }
    .ewm-box .pull-left{ margin:0 5px; display: inline-block; float: none!important; }
    .ewm-box{ width: 100%; padding:0; }

    .col-sm-4{ width: 50%; float: left; }
.search-box {
    width: auto;
    margin-left: 0;
    left: 15px;
    right: 15px;
}
.list-left{ width: 100%; }
.list-left-top,.article-nav{ height: 50px; line-height: 50px; text-align: left; padding-left: 20px; font-size: 18px;  }
.list-banner{ height: auto; padding-top: 50%; }
.list-content:before{ display: none; }
.list-left-nav li a{ font-size: 16px; line-height: 40px; padding-left: 20px; }
.list-left-nav{ display: none; }
.list-left-top .nav-click{ height: 50px; line-height: 50px; color: #fff; }
.list-right{ width: 100%; }
.nav-b{ display: none; }
.about-txt p{ font-size: 14px; line-height: 25px; }
.list-content{ padding-bottom: 30px; }
.ls-ul{ margin:20px 0 0 0; }
.ls-ul li{ margin-bottom: 20px; }
.gg-list li{ padding-right: 100px; }
.page-box{ margin-top: 30px; }
.gg-list li{ line-height: 40px; }
.gg-list li a{ font-size: 14px; }
.gg-list li span{ font-size: 14px; }
.article-tt{ font-size: 18px; margin-top: 20px; }
.article-sm{ font-size: 12px; padding-bottom: 20px; }
.article-sm span{ padding:0 5px; }
.article-txt p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
.article-txt{ padding:20px 0; word-break: break-all;}
.article-bottom{ padding-right: 0; }
.article-link p, .article-link p a,.article-link p span{ font-size: 14px; }
.list-content-article .list-right{ padding-bottom: 0; }
.article-nav span{ line-height: 50px; height: 50px; }
.article-nav{ width:auto; right: 15px; }
.img-ul li{ width: 50%; padding:0 5px; margin-top: 5px; margin-bottom: 10px; }
.img-ul{ margin:0 -5px; }
.img-ul-tt a{ font-size: 14px; }
.ld-list li{ width: 100%; }
.friend-ul li{ width: 100%; }
.friend-ul li a{ font-size: 16px; padding:0 20px; line-height: 45px; }
.zt-list-lg{ padding:0; }
}

@media( max-width: 1279px){
  .container{ width: 970px; }
  .xw-list li{ padding:0 20px; }
  .xw-list{ margin:0 -20px; }
  .logo-b{ width: 220px; padding:0 15px; }

  .banner .slick-prev, .banner .slick-next{
    width:40px;
    height:40px;
  }
  .banner .slick-prev{
    left:20px
  }
   .banner .slick-next{
    right:20px
  }
}
@media( max-width: 991px){
  .container{ width: 750px; }
  .zt-ul{ margin-left: -15px; margin-right: -15px; }
  .zt-ul li{ padding:0 15px; }
  .footer-p{ width: 100%; }
  .footer-p p{ display: inline-block; margin:0 10px; font-size: 14px;     padding-left: 10px;}
  .logo-b{ width: 100%; text-align: center; margin:0; border:none; }

  .nav-list{ position: absolute; left: 0; max-height: 120vh; overflow-y: auto; display: none; top: 100%; right: 0; border-top: solid 1px #fff; background: #f6f6f6; }
  .nav-list li{ float: none; width: 100%; }
  .nav-list li a{ text-align: left; padding:0 15px; font-size: 14px; line-height: 40px; color: #333; }
  .nav-list li.active a{ color: #333!important; background: none!important; }
  .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .close{ right: 20px!important; top: 20px!important; }
  .nav-down{ position: static; transform:translate(0,0);  margin:0; padding:0; width: 100%; background: none; }
  .nav-down li{ text-align: left; padding:0; }
  .nav-down li a{ text-align: left; height: 30px!important; padding:0 15px; color: #333; font-size: 14px; line-height: 30px; text-align: left; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-down:before{ display: none; }
    .logo{ margin:10px 0; }
  .logo img{ height: 30px; }
  .nav-box{ height: 50px; background: #1166b9; position: relative; z-index: 10000; }
  .header-top a{ font-size: 14px; margin:0 2px; }


  .logo{ position: absolute; left: 15px; top:30px; z-index: 100000; }
  }
@media( max-width: 768px){
  .container{ width: 100%; }

  .banner{ margin-top: 0; }
  
  .xw-list li{ padding:0 8px; width: 50%; margin-bottom: 15px; }
  .xw-list{ margin:0 -8px; }
  .col-xs-4{ width: 100%; margin-bottom: 20px; }
  .page-tow{ padding-bottom: 10px; }
  .zt-ul li{ width: 50%; margin-bottom: 15px; }
  .footer{ padding:20px 0; }
  .xw-more{ width: 180px; height: 44px; line-height: 40px; font-size: 18px; }
  .xw-title{ font-size: 18px; }
  .zt-ul{ margin-top: 20px; padding-bottom: 15px; }
.layer .search_box{
width: 100%;
}
.about-txt img{height:auto !important;/* min-height:145px; */}





.about-txt table td img{/* height:auto !important; *//* height:145px !important; */}
}


.banner img{ width: 100%; display: block; }
.banner div,.banner a{ height: auto; display: block; }
.banner{ height:auto!important; }

  #downPage{display:none;}
}



.footer-p img{
    padding-right: 5px;
}
@media (max-width:500px){
.pull-right.footer-p p{
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    padding-left: 10px;
}

.header-back{  padding:0 0; }
  .logo{  top: 1px; }



.header-back-a{display:none;}
.header-back-a1{display:block !important;}


#vsb_content video{
width: 100% !important;
    height: auto !important; display: block;}


.page-four-box>div a{line-height: normal;padding:10px 0}
.page-four-box>div a div {
    display: block;
}
.page-four-box>div a p {
    display: block;
    margin-left:0;
    font-size: 14px;
    margin-top: 10px;
}


}


@media( min-width: 499px){ 
 .header-back-a{display:block;}    


}

@media (max-width:320px){
.header-back-a1 a{width: 33%;}

}
.about-txt TABLE{ width:100%; margin:0 auto; border-collapse:collapse; border:1px solid #ffffff; } 
.about-txt TABLE TD{border:1px solid #ffffff;padding: 0px 15px;width: 50%;vertical-align: top;} 

.about-txt TABLE TD P {
    text-indent: 0px;
    margin: 0px;
    font-size: 14px;
    text-align:center;
    line-height:20px;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 20px;
}

.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    margin: 5px 0px 0px 5px;
}

.about-txt TABLE TD P.vsbcontent_img {
    padding-top: 67%;
    position: relative;
    overflow: hidden;
}

.about-txt TABLE TD P.vsbcontent_img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    transition: all 1s;   
}


/* æ‰‹æœºæœç´¢ */
.searchbg{width: 85%; margin:15px auto;height: 35px;background:#fff;line-height: 35px;}
.searchtext{width: 90%; padding-left: 5%;float: left;height: 35px;     border: 0px;}
.searchimg{width: 23px;float: left;height: 23px;margin-top: 0.5em; }