body {
    color: #111;
    font-size: 14px;
    font-family: 'Microsoft Yahei',Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;



}
iframe {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }

.img-hide:hover img{ transform: scale(1.1,1.1); }
.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;}
.logo{ line-height: 125px; }
.container{ width: 1430px; }
.nav-back{ background: url(../images/nav-back.png) center no-repeat; padding:10px 0; background-size: cover; }
.nav-list li{ float: left; margin-right: 1px; }
.nav-list li a{ display: block; font-size: 22px; color: #fff; line-height: 60px; padding:0 53px; }
.nav-list li.active a,.nav-list li a:hover{ background: #bec000; color: #fff; }
.search-back{ position: relative; width: 270px; }
.search-back .form-control{ border-radius: 0; color: #fff; font-size: 16px; height: 60px; width: 100%; border:none; box-shadow: none; background: rgba(255,255,255,0.25); }
.search-back .btn{ position: absolute; right: 10px; top: 0; bottom: 0; background: none; border-radius: 0; border:none; }
.about-top{ background: url(../images/back-top.png) center no-repeat; background-size: cover; box-shadow: 0 0 24px rgba(0,0,0,0.3); margin-top: 20px; padding:50px 0; }
.about-top-img img{ width: 210px; height: 283px; }
.about-top-right{ margin-left: 265px; }
.about-top-name{ font-size: 27px; margin-top: 15px; color: #00969a; font-weight: bold; }
.about-top-p p{ font-size: 18px; color: #343434; text-indent: 2em; line-height: 35px; margin:0; text-align: justify; }
.about-top-p{ margin-top: 25px; max-height: 210px; overflow:hidden; }
.about-slick a{ display: block; margin:0 50px; }
.about-slick .slick-prev{ width: 36px; height: 62px; background: url(../images/left.png) center no-repeat; left: -36px; }
.about-slick .slick-next{ width: 36px; height: 62px; background: url(../images/right.png) center no-repeat; right: -36px; }
.play-width{ width: 45.71%;position:relative; }
.title{ font-size: 26px; line-height: 35px; margin-top: 65px; margin-bottom: 30px; color: #198c8e; font-weight: bold; }
.title span{ color: #969800; }
.title a{ float: right; }
.play-link{ display: block; position: relative; background: url(../images/img-back.png) center no-repeat; background-size: cover; padding:20px; }
.play-link:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play.png) center no-repeat; z-index: 100; }
.play-link div{ position: relative; padding-top: 64.5%; }
.play-link div img{ position: absolute; left: 0; top: 0; width: 100%; }
.cg-width{ width: 50.7%; }
.jj-p p{ margin:0; text-align: justify; font-size: 18px; color: #414141; line-height: 35px; text-indent: 2em; }
.jj-p{ margin-top: 20px; height: 405px; overflow:hidden; }
.bottom{ background: url(../images/bottom.png) center bottom no-repeat;  overflow:hidden; }
.nr-ul li a{ display: block; position: relative; border:dashed 1px #aeaeae; font-size: 18px; color: #414141; line-height: 50px; padding-left: 75px; margin-bottom: 20px; }
.nr-ul li a i{ position: absolute; left: 30px; top: 0; bottom: 0; }
.nr-ul-hj li a{ padding-left: 35px; }
.nr-ul-hj li a span{ padding-left: 28px; background: url(../images/icon-a.png) left center no-repeat; }
.bottom .col-xs-4{ padding:0 70px; padding-bottom: 35px; }
.bottom .row{ margin:0 -70px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; font-size: 16px; color: #fff; padding:30px 0; }
.footer p{ margin:0; line-height: 30px; }
.footer p span{ padding:0 10px; display: inline-block; }
.footer a{color:#fff;}

.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: #1567b1; 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);}
.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);}
.nr-ul li a:hover{ color: #198c8e; }
.banner img{ width: 100%; }






/**************???|?…?????￥???￥?￠a?????…??*****************/
.bg-title-lg{font-size: 30px;color: #333;border-bottom: solid 1px #d0d0d0;padding-bottom: 30px;padding-top: 30px;margin-bottom: 20px;}
.bg-article p{font-size: 20px;color: #333;text-align: justify;line-height: 45px;margin-bottom: 30px;font-family: 宋体  !important;}
.bg-article{ margin-top: 50px; }
/******************???§?????￠a�??????¤?????￠a???1****************/
.list-left{ width: 350px; position: relative; z-index: 1; border-bottom: solid 5px #eae4e4; background: #fff; }
.list-left-top{ font-size: 33px; color: #fff; line-height: 100px; background: rgba(0, 106, 96, 0.9); margin-top: -100px; }
.list-nav{background:#fff;}
.list-nav li a{ display: block; position: relative; line-height: 90px; border-right: solid 1px #eae4e4; border-left: solid 1px #eae4e4; padding-left: 30px; font-size: 20px; color: #333; }
.list-nav li.active a,.list-nav li a:hover{ background: url(../images/nav-back.png) center no-repeat; background-size: cover; color: #fff; }
.list-right{ width: 1000px; }
.list-right-tt{ font-size: 24px; color: #333; }
.nav-b{ color: #333; margin-top: 10px; }
.nav-b a{ color: #333; }
.list-right-top{border-bottom: solid 1px #d0d0d0;padding-bottom: 10px;margin-top: 20px;display: none;}
.article-list{padding:30px 0;}
.list-left-top-phone{ display: none; }
.gc-box{ max-width: 1320px; overflow:hidden; margin:0 auto; margin-top: 15px; }
.gc-slick-date{ text-align: center; opacity: 0.67; font-size: 36px; color: #333; margin-top: 180px; }
.date-lg{ font-size: 60px; color: #333; padding-left: 45px; }
.gc-ul-title{ font-size: 24px; color: #333; margin-left: -45px; padding-left: 45px; background: url(../images/dian.png) left center no-repeat; }
.gc-ul-p{ font-size: 18px; margin-top: 15px; color: #333; line-height: 25px; height: 50px; overflow:hidden; }
.gc-ul li{ margin-top: 25px; position: relative; padding-left: 45px; }
.gc-ul{ position: relative; }
.gc-ul:before{ display: block; content: ""; position: absolute; left: 7px; top: -70px; bottom: 20px; border-right: solid 1px #b7b2ae; }
.gc-slick-right{ transform: scale(0,0); height: 0; overflow:hidden; }


.lc-ul li.lc-li{ padding-bottom: 30px; }


.video-mask{ position: absolute; display: none; right: 0; top: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5);  z-index: 10000000; }
.video-close{ position: absolute; right: 0; bottom:100%; margin-bottom: 15px; background: url(../images/close.png) center no-repeat; width: 30px; height: 30px; background-size: 100% 100%; }
.video-box-b{ position: relative; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); }
.about-slick{ margin:0; }

@media( max-width: 1479px){
    .container{ width: 1230px; }
    .nav-list li a{ padding:0 45px; }
  .list-left {width:300px;}
    .list-right{ width: 880px; }
}

@media( max-width: 1279px){
    .container{ width: 970px; }
    .page-tow .col-xs-6{ width: 100%; }
    .back-box-lg{ margin-top: 10px; }
  .nav-list li a{ padding:0 20px; }
    .list-left{ width: 300px; }
    .list-nav li a{ font-size: 16px; padding-left: 20px; line-height: 50px; }
    .list-right{ width: 580px; }
    .jj-p p{ line-height: 30px;}
    .jj-p{ max-height: 300px; }
    .bottom .col-xs-4{ padding-left: 15px; padding-right: 15px; }
    .bottom .row{ margin:0 -15px; }
}
@media( max-width: 991px){
    .container{ width: 750px; }
    .nav-list li a{ font-size: 16px;}
    .search-back{ width: 200px; }
    .nr-ul li a i{ left: 15px; }
    .nr-ul li a{ padding-left: 50px; font-size: 16px; }
    .nr-ul-hj li a{ padding-left: 20px; }
    .nav-list li a{ padding:0 20px; }
    .search-box{ width: 200px; }
    .video-p{ font-size: 16px; line-height: 30px; }
    .sq-ul li a,.cl-ul-tt{ font-size: 16px; }
    .gc-slick-date{ display: none; }
    .gc-slick-right {
    transform: scale(1,1);
    height: auto;
    overflow: hidden; margin:0 100px;
}
    .gc-slick{ margin:0; }
    .gc-slick .slick-prev{ left: 0px; }
    .gc-slick .slick-next{ right: 0px; }
    .list-right{ width: 400px; }
    .nav-b{ display: none; }
    }
@media( max-width: 768px){
    .container{ width: 100%; }
    .video-box{ padding:0; margin-top: 15px; }
    .video-box-left{ position: relative; width: 100%; padding-top: 60%; }
    .video-box-left a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    .video-right{ padding:20px; }
    .title{ font-size: 24px; }

    .video-p{ font-size: 14px; line-height: 25px; margin-top: 15px; }
    .back-one{ padding-bottom: 15px; }
    .banner{ margin:0; }
    .banner .slick-prev{ width: 28px; height: 28px; margin-top: -14px; left: 15px; background-size: 100% auto; }
    .banner .slick-next{ width: 28px; height: 28px; margin-top: -14px; right: 15px; background-size: 100% auto; }
    .page-tow{ padding:15px 0; }
    .sq-ul li{ width: 100%; height: auto; margin-bottom: 25px; }
    .sq-ul{ padding:0; }
    .back-box{ height: auto; }
    .bg-link{ margin-left: 0;  }
    .bg-link a{ line-height: 35px; font-size: 16px; }
    .bg-box{ height: auto; padding-bottom: 20px; }
    .bg-title { float: none!important; font-size: 24px; margin:0 auto; }
    .title-back{ font-size: 24px; padding-left: 70px; }
    .back-box-lg .title-back {padding-left: 57px;}
    .list-nav{position:absolute;left:0;right:0;border-bottom:solid 1px #eae4e4;}
    #vsb_content p video {
           width:100%;
           height: auto;
}
.cl-ul li{ height: auto; margin-bottom: 20px; }
.cl-ul-img img{ height: 60px; }
.cl-ul-img{ height: 70px; }
.sq-ul li a, .cl-ul-tt{ font-size: 13px; }
.cl-ul{ padding:0 10px; }
.gc-slick-right{ margin:0 30px; }
.date-lg{ font-size: 36px; padding-left: 40px; }
.gc-ul-title{ font-size: 18px; margin-left: -30px; padding-left: 30px; }
.gc-ul-p{ font-size: 14px; margin-top: 10px; }
.gc-ul:before{ left: 21px; top: -47px; }
.gc-slick .slick-prev,.gc-slick .slick-next{ height: 44px; width:21px; background-size: 100% 100%; top: 50%; margin-top: -22px;  }
.page-three{ padding:30px 0; }
.footer p{ line-height: 25px; margin:0; }
  .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); }
  .nav-down{ position: static; margin:0; padding:0; width: 100%; background: none; }
  .nav-down li{ text-align: left; padding:0; }
  .nav-down li a{ text-align: left; padding:0 15px; font-size: 16px; line-height: 20px; text-align: left; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-down:before{ display: none; }
  .menu-button{ display: block; }
 .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
  .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #fff!important; opacity: 1; text-align: left; font-size: 16px; }
  .nav-box{ height: 50px; position: relative; z-index: 100000; }
  .nav-list{ position: absolute; display: none; left: 0; top: 100%; padding:5px 0; right: 0;background: #198c8e; border-top: solid 1px #fff; }
  .search-box{ float: left!important; margin-top: 9px; }
  .header{ padding:15px 0; }
  .bg-title-lg{ font-size: 24px; padding:15px 0; }
  .bg-article p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
  .bg-article{ margin-top: 20px; }
  .footer .container:before{ border-width: 5px; margin-bottom: 20px; }
  .list-left-top{ font-size: 24px; line-height: 50px; position: relative; margin-top: -50px; text-align: left; padding:0 15px; }
  .list-left-top .nav-click{ color: #fff; height: 50px; line-height: 50px; }
  .list-left{ margin-top: 0; width: 100%; padding:0; border:none; }
  .list-nav{ display: none; }
  .list-right{ width: 100%; }
  .article-list{ margin-top: 20px; }
  .list-left-top{ display: none; }
  .list-left-top-phone{ display: block; }

.video-box-b{ width: 90%; }
.video-close{ width: 20px; height: 20px; }
.about-top-img{ float: none!important; margin:0 auto; }
.about-top-img img{ width: 105px; height: 140px; margin:0 auto; }
.about-top-right{ margin-left: 0; }
.about-top-p p{ font-size: 14px; line-height: 25px;}
.about-top-p{ height: 100px; margin-top: 10px; }
.about-slick .slick-prev{ left: 0; }
.about-slick .slick-next{ right: 0; }
.about-top{ padding:20px 0; }
.about-top-name{ font-size: 24px; }
.play-width,.cg-width{ width: 100%; }
.jj-p p{ font-size: 14px; line-height: 25px; }
.jj-p{ height: 150px; }
.bottom .col-xs-4{ width: 100%; padding-bottom: 0; }
.nr-ul li a{ margin-bottom: 10px; }
.nr-ul li:last-child a{ margin-bottom: 0; }
.footer p{ font-size: 14px; }
.footer{ padding:10px 0; }
.bottom{ padding-bottom: 30px; }
.title{ margin:25px 0; }
.logo{ line-height: 1; padding:10px 0; }
.search-back{ display: none; }
.nav-back{ height: 50px; position: relative; z-index: 1000; }
}