body {
    color: #000;
    font-size: 14px;
    font-family: "PingFangSC", "PingFang SC", "微软雅黑", "Arial", Helvetica, "黑体", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;

 
}
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }
.img-hide img,.one-li-img,.cg-ul-img div{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,a:hover .one-li-img,a:hover .cg-ul-img div{ 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;}

.slick-dots li button:before{ display: none; }

.container{ width: 1530px;}


.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); }


.search-box{ width: 240px; position: relative; margin-top: 24px; }
.search-box .form-control::-webkit-input-placeholder{
            color:#666666;
        }
.search-box .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#666666;
        }
.search-box .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#666666;
        }
.search-box .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#666666;}
.header-top{ background: #0075d9; line-height: 28px; color: #fff; }
.home-a{ float: left; line-height: 28px; color: #fff; padding-left: 22px; background: url(../pics/icon01.png) left center no-repeat; }
.span-lind{ padding:0 20px; }
.header-box{ position: absolute; left: 0; top: 0; right: 0; z-index: 100; }
.banner{ margin:0; overflow:hidden; }
.banner img{ width: 100%; }
.logo{ padding-top: 26px; }
.nav-list{ padding-top: 30px; margin-right: -20px; }
.nav-list li{ float: left; position: relative; margin-left: 10px; }
.nav-list li a{ font-size: 18px; color: #fff; font-weight: bold; display: block; position: relative; line-height: 1; padding:20px; }
.nav-list li a:before{ display: block; transition: 0.3s all; content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px;  background: #fff; }
.nav-list li a:hover:before,.nav-list li a.active:before{ left: 0; right: 0; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 17px; height: 17px; }
.banner .slick-dots li{ margin:0 10px; }
.banner .slick-dots li button{ background: url(../pics/li01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../pics/li02.png) center no-repeat; }
.page-one{ position: relative; overflow:hidden; }
.page-one .container{ position: relative; z-index: 10; }
.page-one:before{ display: block; margin-left: -115px; content: ""; position: absolute; left: 50%; width: 1045px; height: 791px; background: url(../pics/back01.png) center no-repeat; top: 155px; }
.title-left{ font-size: 40px; color: #232323; font-weight: bold; line-height: 1; }
.title-left span{ color: #0075d9; position: relative; }
.title-left span:before{ display: block; content: ""; width: 55px; height: 48px; background: url(../pics/icon-tt.png) center no-repeat; position: absolute; left: 65px; bottom: 20px; }
.title{ margin:85px 0 30px 0; }
.more{ float: right; background: url(../pics/more.png) right center no-repeat; padding-right: 18px; font-size: 18px; color: #666; line-height: 40px; }
.img-slick{ width: 934px; height: 600px; overflow:hidden; margin:0; }
.img-slick img{ width: 934px; height: 600px; }
.img-slick a{ display: block; position: relative; }
.txt-mask{ position: absolute; left: 0; padding:0 180px 0 30px; font-size: 20px; color: #fff; bottom: 0; width: 767px; line-height: 72px; height: 72px; background: url(../pics/txt-mask.png) center no-repeat; }
.txt-mask font{ position: absolute; right: 60px; font-size: 16px; color: #fff; opacity: 0.47; }
.img-slick .slick-dots{ position: absolute; right: 20px; bottom: 30px; left: auto; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 10px; }
.img-slick .slick-dots li button{ background: #fff; opacity: 0.5; }
.img-slick .slick-dots li.slick-active,.img-slick .slick-dots li.slick-active button{ width: 40px; }
.img-slick .slick-dots li.slick-active button{ opacity: 1; }
.one-ul{ width: 520px;  }
.one-ul li a{ display: block; position: relative; height: 150px; padding:40px 20px 0 120px; border-bottom: solid 1px #ddd; }
.one-ul-date{ position: absolute; left: 0; width: 120px; top: 40px; font-size: 16px; color: #999; text-align: center; }
.one-ul-date span{ font-weight: bold; font-size: 36px; color: #0075d9; }
.one-ul-tt{ font-size: 18px; color: #232323; }
.one-ul-p{ margin-top: 10px; line-height: 25px; height: 50px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #999;  }
.one-ul li a:hover{ background: #fff; border-bottom: solid 2px #0075d9; box-shadow: 5px 0 20px rgba(0,117,217,0.1); }
.one-ul li a:hover .one-ul-tt{ color: #0075d9; font-weight: bold; }
.page-one-b{ position: relative; overflow:hidden; margin-top: 105px; padding-bottom: 260px; }
.page-one-b .title-left span,.page-one-b .title-left{ color: #fff; }
.page-one-b:before{ display: block; content: ""; position: absolute; left: 0; right: 50%; margin-right: -620px; height: 286px; background: url(../pics/back02.png) center no-repeat; background-size: cover; }
.page-one-b .title-left span:before{ background: url(../pics/icon-tt02.png) center no-repeat; }
.tz-slick{ position: absolute; z-index: 100; margin-bottom: 0; height: 280px; bottom: 0; left: 50%; right: -180px; margin-left: -770px;  }
.tz-slick a{ display: block; position: relative; height: 240px; background: #fff; padding:30px; box-shadow: 5px 0 20px rgba(0,117,217,0.1); }
.tz-slick .slick-slide{ padding:20px; }
.tz-slick-date{ background: #0075d9; color: #fff; padding:0 5px; }
.tz-slick-date font{ background: url(../pics/icon-date.png) left center no-repeat; padding-left: 18px; }
.tz-slick-tt{ font-size: 18px; color: #232323; text-align: justify; line-height: 28px; height: 56px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 10px; }
.tz-slick-p{ margin-top: 15px; line-height: 25px; height: 50px; color: #999; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; text-align: justify;  }
.tz-slick a:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #0075d9; transition: 0.3s all; }
.tz-slick a:hover:before{ width: 100%; }
.tz-slick a:hover .tz-slick-tt{ color: #0075d9; }
.tz-slick .slick-prev{ width: 58px; height: 58px; background: url(../pics/left01.png) center no-repeat; top: -55px; left: 50%; margin-left: 210px; }
.tz-slick .slick-next{ width: 58px; height: 58px; background: url(../pics/right01.png) center no-repeat; top: -55px; left: 50%; margin-left: 290px; }
.tz-slick .slick-prev:hover{ background: url(../pics/left02.png) center no-repeat; }
.tz-slick .slick-next:hover{ background: url(../pics/right02.png) center no-repeat; }
.slick-prev:before,.slick-next:before{ display: none; }
.page-tow .col-xs-6{ padding:0 35px; }
.page-tow .row{ margin:0 -35px; }
.page-tow{ overflow:hidden; }
.tow-ul li a{ display: block; position: relative; border-bottom: solid 1px #ddd; padding-right: 180px; font-size: 18px; color: #232323; line-height: 56px; padding-left: 15px; background: url(../pics/li.png) left center no-repeat; }
.tow-ul li a span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #999; }
.tow-ul{ margin-top: -10px; }
.page-three{ background: url(../pics/back03.png) center -480px no-repeat; background-size: cover; padding-bottom: 90px; margin-top: 55px; }
.jc-ul li{ float: left; padding-right: 23px; margin-bottom: 23px; width: 25%; }
.jc-ul{ margin-right: -23px; }
.jc-ul li a{ display: block; position: relative; }
.jc-ul li a img{ width: 100%; height: 248px; }
.jc-ul li a span{ position: absolute; left: 0; right: 0; bottom: 0; font-size: 18px; color: #fff; height: 150px; background: url(../pics/mask-b.png) center no-repeat; background-size: 100% 100%; padding:110px 20px 0 20px; }
.yq-list li{ float: left; margin-right: 40px; margin-bottom: 15px; }
.yq-list li a{ font-size: 16px; color: #363636; padding-left: 12px; background: url(../pics/dian.png) left center no-repeat; }
.footer{ background: url(../pics/footer.png) center no-repeat; background-size: cover; padding:60px 0; }
.footer p{ font-size: 15px; color: #fff; line-height: 30px; margin:0; }
.footer p span{ padding:0 15px; }
.more:hover,.tow-ul li a:hover{ color: #0075d9; }
.tow-ul li a:hover{ font-weight: bold; }
.header-bottom{ padding-bottom: 100px; background-image: linear-gradient(rgba(0,117,217,0.6), rgba(255,255,255,0)); }
.nav-down li{ float: none; margin:0; padding:0; }
.nav-down{ position: absolute; display: none; left: 50%; white-space:nowrap; top: 100%; min-width: 100%; transform: translate(-50%,0); background: rgba(0,117,217,0.8); }
.nav-down li a:hover{ background: rgba(0,117,217,1); }
.nav-list li:hover .nav-down{ display: block; }
/***********列表不带图************/
.banner-list{ height:350px; }
.nav-b{ margin-top: 20px; color: #999; padding-left: 20px; background: url(../pics/home.png) left center no-repeat; }
.nav-b a{ color: #999; }
.nav-b a:hover{ color: #0075d9; }
.title-sm{ margin-top: 50px; border-bottom: solid 1px #ddd; padding-bottom: 13px; position: relative; }
.list-left{ width: 1170px; }
.tow-ul-b li a{ background: url(../pics/dian.png) left center no-repeat; }
.title-sm:before{ display: block; content: ""; position: absolute; left: 0; bottom: -1px; width:130px; height: 2px; background: #0075d9; }
.page-box{ margin: 40px 0; }
.list-right{ width: 270px; margin-bottom: 40px; }
.list-right-tt{ margin-top: 69px; font-weight: bold; border-bottom: solid 1px #ddd; padding-bottom: 14px; position: relative; line-height: 1; font-size: 20px; color: #232323; }
.list-right-tt:before{ display: block; content: ""; position: absolute; left: 0; bottom: -1px; width:80px; height: 1px; background: #0075d9; }
.list-right-tt span{ color: #0075d9; }
.yq-ul li a{ display: block; font-size: 16px; color: #363636; line-height: 37px; border-bottom: solid 1px #eee; padding-left: 12px; background: url(../pics/dian.png) left center no-repeat;  }
.yq-ul li a:hover,a:hover .img-ul-tt{ color: #0075d9; font-weight: bold; }
.list-box{ position: relative; }
.list-box:before{ display: block; border-right: solid 1px #ddd; content: ""; position: absolute; right: 295px; top: 69px; bottom: 40px; }
.img-ul-img img{ width: 230px; height: 162px; }
.img-ul-img{ border-radius: 6px; }
.img-ul li a{ display: block; position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #eee; }
.img-ul-right{ width: 910px; padding-top: 10px; }
.img-ul-tt{ font-size: 18px; color: #333; }
.img-ul-p{ font-size: 15px; line-height: 25px; height: 50px; margin-top: 10px; color: #999; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; text-align: justify; }
.img-ul-date{ color: #999; margin-top: 40px; padding-left: 18px; background: url(../pics/icon-date02.png) left center no-repeat; }
.article-tt{ font-size: 30px; color: #232323; margin-top: 60px; margin-bottom: 25px; }
.article-date span{ color: #999; margin-top: 40px; padding-left: 18px; background: url(../pics/icon-date02.png) left center no-repeat; }
.article-date{ padding-bottom: 15px; border-bottom: solid 1px #eee; }
.article-p p{ font-size: 16px; line-height: 30px; margin-bottom: 30px; text-align: justify; }
.article-p{ padding:30px 0 1px 0; color: #363636; }
.article-link{ border-top: solid 1px #eee; padding-top: 30px; padding-bottom: 30px; }
.article-link p{ font-size: 16px; color: #666; margin-bottom: 20px; }
.article-link p a{ color: #333; }
.article-link p a:hover,.yq-list li a:hover{ color: #0075d9; font-weight: bold; }

.layer{background:rgba(0,0,0,0.5); display: none; 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;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 10000000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer .close{font-size:60px; opacity: 1; font-family: "宋体"; position:absolute;right:15%;top:15%;width:80px;height:80px;text-align: center;line-height:60px;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; width: 90%; max-width: 500px; float: none!important;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px; height: 45px; font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#0075d9;color:#fff; right: 0; 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; }

.close{ display: block; }
.layer .search_box .ok{ height: 45px; }


.search-right .form-control::-webkit-input-placeholder{
            color:#999;
        }
.search-right .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999;
        }
.search-right .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999;
        }
.search-right .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;}


.search-right .form-control{ color: #333;}



.PrevDisabled { height: 20px !important;}
.Prev {height: 20px !important;}
.break {height: 20px !important;}
.NextDisabled {height: 20px !important;}
.Next { height: 20px !important;}