body {
    color: #333;
    font-size: 14px;
    font-family:"微软雅黑", "Arial", Helvetica, "黑体", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    background: #fffefe
}
a:hover, a:focus{color:inherit;}
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-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;}
.slick-dots li button:before{ display: none; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -10; 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); }
.container{ width: 1510px;}

.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);}
.header{ height: 135px; background: url(../images/header.png) center no-repeat; background-size: cover; }
.container{ width: 1470px; }
.logo{ line-height: 135px; }
.header .container{ position: relative; }
.logo-txt{ line-height: 135px; position: absolute; left: 620px; top: 0; }
.header-right{ position: relative; padding-top: 30px; }
.header-a a{ display: inline-block; color: #fff; margin-bottom: 15px; font-size: 15px; padding-left: 28px; background: url(../images/icon01.png) left center no-repeat; }
.search-left .form-control{ width: 100%; border-radius: 2px; height: 42px; border-color: #fff; box-shadow: none; font-size: 15px; color: #999; padding: 6px 40px 6px 12px;}
.search-left{ width: 206px;}
.search-left select,.search-left option{ cursor:pointer;}
.search-left-right{ width: 220px; margin-left: 10px; position: relative; }
.btn-ss{ position:absolute; right: 10px; top: 0; bottom: 0; background: url(../images/search.png) center no-repeat!important; border:none;}
.nav-back{ background: #f6f9ff; }
.nav-list li{ float: left; width: 10%; position: relative; }
.nav-list li a{ display: block; position: relative; font-size: 18px; color: #333; line-height: 60px; background: url(../images/nav-lind.png) right center no-repeat; }
.nav-list li:last-child a{ background: none; }
.nav-list li:hover a{ color: #2e5db3; }
.nav-down{ position: absolute; white-space:nowrap; display: none; padding:15px 0; left: 50%; min-width: 120px; transform: translate(-50%,0); top: 100%; background: url(../images/nav-down.png) center no-repeat; background-size: cover; z-index: 101;}
.nav-down:before{ display: block; content: ""; position: absolute; left: 0; right:0; bottom: 100%; height: 9px; background: url(../images/raw.png) center no-repeat; }
.nav-down li{ float: none; width: 100%; }
.nav-down li a{ font-size: 16px; padding:0 15px; color: #fff!important; line-height: 40px; }
.nav-list li:hover .nav-down{ display: block; }
.page-one{ overflow:hidden; padding-bottom: 70px; background: url(../images/back-one.png) right bottom no-repeat; padding-top: 80px; }
.one-left{ width: 53.9%; position: relative; padding-top: 70px; }
.img-slick-top{ position: relative; padding-top: 64.4%; }
.img-slick-top img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.one-left:before{ display: block; content: ""; position: absolute; left: -50px; top: 0; bottom: 0; width: 51.5%; background: url(../images/back01.png) center no-repeat; background-size: cover; }
.img-slick a{ display: block; position: relative; padding-bottom: 90px; }
.one-left:after{ display: block; content: ""; position: absolute; left: -80px; top: -30px; width: 60px; height: 60px; background: #e4bb6c; }
.slick-date{ position: absolute; left: 40px; bottom: 40px; font-size: 16px; color: #e4bb6c; border:solid 2px #e4bb6c; width: 102px; height: 128px;}
.slick-date span{ font-weight: bold; font-size: 50px; display: inline-block; border-bottom: solid 3px #e4bb6c; padding-bottom: 2px; margin-bottom: 13px; }
.img-slick .slick-dots{ bottom: 0; right: 45px; left: auto; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 34px; height: 58px; margin:0; padding:0; }
.img-slick .slick-dots li{ margin-left: 25px; }
.img-slick .slick-dots li button{ background: url(../images/li01.png) center top no-repeat; }
.img-slick .slick-dots li.slick-active button{ background: url(../images/li02.png) center top no-repeat; }
.img-slick{ margin:0; height: 590px; overflow:hidden; }
.ani {
    transition: all 1s ease-out .3s;
    opacity: 0;
}
.aside_menu.showdiv,.aside_menu.showdiv:before,.aside_menu.showdiv:after{transform:none;opacity:1;}
.aside_menu{position: fixed;width: 200px;height:200px;right: -120px;top:50%;margin-top:-100px;background:url(../images/back-fix-box.png) left center no-repeat;z-index: 99999;border-radius: 200px;transform: scale(0);opacity:0}
.aside_menu:before,.aside_menu:after{content:'';position:absolute;}
.aside_menu:before{width:81px;height:160px;background:url(../images/menu_txt.png) 50% no-repeat;left:0px;top:26px;transform: scale(1.6);transition: all 1.5s ease-out 1.8s;opacity: 0;}
.aside_menu:after{width:39px;height:91px;background:url(../images/aside_txt.png) 50% no-repeat;left:38px;top:50%;margin-top:-45px;.aside_menu.showdiv: beforetransform: scale(1.6)transition: all 1.s ease-out 1.8s;transition: all 1s ease-out 2.5s;opacity:0;transform: translateX(-16px)}

.aside_menu.showdiv.on{transform: scale(0) !important;opacity:0 !important}

.slick_bar{ position: fixed; left: 0; top: 0; width: 0; height: 0; }


.fix-ul li a{ width: 172px; height: 80px; line-height: 80px; display: block; position: relative; border-radius: 80px 0 0 80px; padding-left: 80px; font-size: 17px; color: #fff; }
.fix-ul li{ margin-bottom: 28px; }
.fix-ul li a span{ display: inline-block; width: 68px; }
.fix-ul li a i{ position: absolute; left: 12px; top: 0; bottom: 0; line-height: 80px; }
.fix-ul li a.fix-ul01{ background: url(../images/fix01-1.png) center no-repeat; background-size: cover; }
.fix-ul li a.fix-ul02{ background: url(../images/fix02-1.png) center no-repeat; background-size: cover; }
.fix-ul li a.fix-ul03{ background: url(../images/fix03-1.png) center no-repeat; background-size: cover; }
.fix-ul li a.fix-ul04{ background: url(../images/fix04-1.png) center no-repeat; background-size: cover; }
.fix-ul li a.fix-ul02,.fix-ul li a.fix-ul03,.fix-ul li a.fix-ul04{ line-height: 20px; padding-top: 20px; }
.aside_nav{right:-100%;z-index:9999;  position: fixed; top: 50%; margin-top: -200px;  transition: 1.3s all ease;}
.aside_nav.on{right:0}
.aside_nav .link_hide {
    width: 40px;
    display: block;
    height: 40px;
    background: url(../images/link_hide.png) center no-repeat;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}
.aside_menu.showdiv:before{ opacity: 0.5; }



.tabs-ul{ background: url(../images/line.png) left bottom no-repeat; padding-left: 50px;}
.tabs-ul li{ float: left; margin-top: 5px; padding-right: 35px; margin-right: 20px; background: url(../images/tabs-lind.png) right 25px no-repeat; }
.tabs-ul li a{ position: relative; display: block; font-family: "思源宋体 CN"; padding: 15px 0 8px 0; font-size: 26px; color: #666; font-weight: bold; }
.tabs-ul li a span{ display: none; }
.tabs-ul li.active a{ color: #333; font-size: 34px; }
.tabs-ul li.active a font{ color: #2e5db3; }
.tabs-ul li.active a span{ position: absolute; display: block; font-family: "Arial"; opacity: 0.6; font-weight: normal; text-transform: uppercase;  white-space:nowrap; left: 0; top: 0; font-size: 12px; color: #666; background: url(../images/raw02.png) left center no-repeat; padding-left: 15px; }
.tabs-ul li:last-child{ background: none; }
.one-right{ width: 46.1%; }
.tabs-ul li.active{ margin-top: 0; }
.tabs-top{ display: block; height: 105px; position: relative; padding-top: 5px; padding-left: 115px; }
.tabs-date{ position: absolute; left: 0; top: 0; width: 84px; height: 105px; background: url(../images/tabs-back.png) center no-repeat; color: #fff; font-size: 15px; }
.tabs-date span{ font-weight: bold; font-size: 40px; }
.tabs-top-tt{ color: #333; font-size: 18px; }
.tabs-top-p{ color: #666; margin-top: 10px; height: 40px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tabs-box{ padding:50px 0px 0 50px; }
.news-ul li a{ display: block; position: relative; line-height: 66px; padding-left: 115px; font-size: 16px; color: #333; }
.news-ul li a:before{ display: block; content: ""; position: absolute; left: 115px; top: 0; right: 0; border-top: dashed 1px #d9e2f1; }
.news-ul li a span{ position: absolute; left: 0; top: 50%; font-size: 16px; color: #2e5db3; font-weight: bold; line-height: 36px; background: #f3f5fb; border-radius: 36px; margin-top: -18px; width: 84px; text-align: center; }
.news-ul{ margin-top: 25px; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding:70px 0 80px; position: relative; z-index: 100; }
.tow-left{ width: 53.9%; }
.tow-list li{ float: left; width: 25%; margin-right: -1px; margin-bottom: -1px; }
.tow-list li a{ display: block; font-size: 18px; color: #333; border:solid 1px #dae3f2; height: 262px; padding-top: 40px; }
.tow-list li a span{ display: block; line-height: 100px; margin:0 auto; margin-bottom: 30px; position: relative; width: 100px; height: 100px; border-radius: 50%; background: #2e5db3; }
.tow-list li a:hover{ color: #fff; background: url(../images/a-hover.png) center no-repeat; background-size: cover; }
.tow-list li a:hover span{ background: #e4bb6c; }
.tow-list li a:hover span:before{ display: block; content: ""; position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; border-radius: 50%; border:dashed 1px #e4bb6c; }
.tow-right{ width: 46.1%; padding-left: 50px; }
.tow-right .tabs-ul{ padding-left: 0; background: url(../images/line02.png) left bottom no-repeat; }
.tow-right .tabs-ul li a{ font-size: 22px; }
.tow-right .tabs-ul li.active a{ font-size: 34px; }
.tow-right .tabs-ul li{ padding-right: 30px; margin-right: 15px; padding-top: 5px; }
.tow-right .tabs-ul li.active{ padding-top: 0; }
.zn-list li a{ display: block; position: relative; line-height: 55px; padding-left: 40px; background: url(../images/li03.png) left center no-repeat; padding-right: 70px; font-size: 18px; color: #333; }
.zn-list li a span{ position: absolute; right: 0; top: 0; color: #999; }
.zn-list{ padding-top: 25px; }
.page-three{ background: url(../images/back03.png) center no-repeat; background-size: cover; padding:80px 0; overflow:hidden;}
.title-back{ background: url(../images/title-back.png) left center no-repeat; margin-bottom: 50px; position: relative; margin-right: 110px; padding-left: 110px; height: 66px; line-height: 66px; background-size: cover; font-size: 34px; color: #fff; font-weight: bold; font-family: "思源宋体 CN"; }
.title-back span{ color: #e4bb6c; }
.title-back font{ color: rgba(255,255,255,0.4); font-family: "Arial"; font-weight: normal; text-transform: uppercase;   position: absolute; left: 50%; line-height: 14px; font-size: 14px; bottom: -5px; margin-left: -160px; padding-left: 15px; background: url(../images/raw02.png) left center no-repeat; }
.three-left{ width: 66%; }
.ky-slick a{ display: block; padding:20px; position: relative; }
.ky-slick .slick-slide{ padding:15px; }
.ky-slick{ margin:0 -15px; }
.ky-slick-tt{ font-size: 18px; color: #fff; margin-top: 20px; }
.ky-slick-p{ color: #fff; line-height: 25px; margin-top: 15px; }
.ky-slick a:hover{ background: url(../images/hover02.png) center no-repeat; background-size: cover; }
.ky-slick a:hover:before{ display: block; content: ""; position: absolute; left: -20px; top: -20px; width: 40px; height: 40px; background: #e4bb6c; }
.ky-slick{ padding-bottom: 62px; }
.ky-slick .slick-prev{ left: 15px; bottom: 0; top: auto; width: 44px; height: 44px; background: url(../images/prev.png) center no-repeat; }
.ky-slick .slick-next{ right: 15px; bottom: 0; top: auto; width: 44px; height: 44px; background: url(../images/next.png) center no-repeat; }
.ky-slick .slick-prev:hover{ background: url(../images/prev02.png) center no-repeat; }
.ky-slick .slick-next:hover{ background: url(../images/next02.png) center no-repeat; }
.slick-prev:before,.slick-next:before{ display: none; }
.ky-slick .slick-dots{ bottom: 20px; left: 95px; right: 95px; display: flex; width: auto; border-bottom: solid 1px #5c81c5; }
.ky-slick .slick-dots li{ flex: 1; }
.ky-slick .slick-dots li,.ky-slick .slick-dots li button{ height: 2px; padding:0; margin:0; }
.ky-slick .slick-dots li.slick-active button{ background: #e4bb6c; width: 100%; }
.three-right{ width: 31%; padding-top: 25px; }
.three-news li a{ display: block; position: relative; line-height: 70px; border-bottom: solid 1px #5a80c3; font-size: 16px; color: #fff; }
.three-news li a:before{ display: block; content: ""; position: absolute; left: 0; width: 0; bottom: 0px; height: 2px; background: #e4bb6c; transition: 0.3s all; }
.three-news li a:hover:before{ width: 100%; }
.three-news li a:hover{ color: #e4bb6c; font-weight: bold; }
.footer{ background: url(../images/footer.png) center no-repeat; padding-top: 80px; padding-bottom: 50px; background-size: cover; position: relative; z-index: 10; }
.footer-left{ width: 520px; }
.footer-list li{ float: left; min-width: 25%; margin-bottom: 20px; }
.footer-list li a{ display: block; text-align: left; line-height: 24px; padding:0 10px 0 35px; background: url(../images/friends.png) left center no-repeat; font-size: 16px; color: #fff; }
.footer-list{ margin-top: 45px; }
.footer-img img{ width: 44px; }
.footer-center-top-p p{ color: #a6b4cd; margin-bottom: 10px; }
.footer-center-top-p p span{ padding-right: 30px; }
.footer-center-top-p{ margin-left: 25px; }
.dropdown .down-a{ border-radius: 0; width: 210px; display: block; position: relative; padding:0 40px 0 20px; font-size: 16px; color: #a6b4cd; border:solid 1px #4a6699; line-height: 48px; }
.dropdown .down-a:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 15px; background: url(../images/down.png) center no-repeat; }
.dropdown-menu{ left: 0; min-width: 100%; bottom: 100%; top: auto; }
.down-width{ margin-top: 40px; }
.dropdown-left{ margin-right: 20px; }
.ewm-box .pull-left{ margin-right: 7px; color: #fff; margin-top: 35px; }
.ewm-box .pull-left img{ margin-bottom: 10px; height: 94px; }
.ewm-box .pull-left:last-child{ margin-right: 0; }
.go-top{ display: block; position: absolute; left: 50%; top: -42px; width: 146px; margin-left: -73px; text-align: center; background: url(../images/footer-top.png) center top no-repeat; color: #fff; padding-top: 30px; }
.go-top span{ background: url(../images/icon-footer.png) center top no-repeat; display: inline-block; padding-top: 35px; color: #fff; }
.footer-center{ margin-left: 65px; padding-top: 10px; }
.tabs-more{ position: absolute; right: 0; top: -45px; line-height: 31px; background: url(../images/more.png) right center no-repeat; padding-right: 40px; font-size: 16px; color: #2e5db3; }
.page-one .tabs-more{ padding-left: 15px; background:#fff url(../images/more.png) right center no-repeat; }
.search-a,.close{ display: none; }
.tt-more{ position: absolute; right: -110px; top: 50%; line-height: 32px; font-size: 16px; color: #e4bb6c; font-family: "Arial"; margin-top: -10px; font-weight: normal; background: url(../images/more02.png) right center no-repeat; padding-right: 40px; }
/****************办事指南*****************/
.list-left{ width:300px; position: relative; padding-left: 20px; margin-top: 65px; }
.list-left-tt{ padding-left: 35px; position: relative; z-index: 100; font-size: 30px; color: #fff; font-weight: bold; line-height: 120px; font-family: "思源宋体 CN"; }
.list-left:before{ display: block; right: 0; content: ""; position: absolute; left: 0; top: 0; bottom: 40px; background: url(../images/list-left.png) center no-repeat; background-size: cover; }
.nav-back-box li a{ display: block; font-size: 18px; line-height: 65px; color: #333; padding-left: 35px; }
.nav-back-box{ position: relative; z-index: 100; padding-bottom: 170px; background: url(../images/nav-back.png) center bottom no-repeat; background-size: cover; }
.zn-down li a{ display: block; padding-left: 55px; background: url(../images/quan.png) 35px center no-repeat; position: relative; line-height: 50px; font-size: 16px; color: #666; border:none; }
.nav-back-box li{ border-bottom: solid 1px #d5dff0; position: relative;}
.zn-down li{ border:none; }
.zn-down{ border-top: solid 1px #d5dff0; padding:10px 0; display: none; }
.body.active{ height: 100%; overflow:hidden; }
.nav-back-box li span{ position: absolute; right: 20px; top: 0; bottom: 0; width: 18px; height: 65px; transform: rotate(180deg); background: url(../images/nav-r.png) center no-repeat; }
.nav-back-box li a:hover,.nav-back-box li.active a.nav-a{ font-weight: bold; color: #2e5db3; }
.nav-back-box li.active span{ transform: rotate(0deg); }
.zn-down .down-b{ height: 50px; transform: rotate(180deg)!important; }
.zn-down .active .down-b{ height: 50px; transform: rotate(0deg)!important; }
.zn-down-three{ display: none; padding-left: 15px; }

.list-right{ width: 1070px; margin-top: 65px;overflow:hidden; }
.list-right-top{ /*background: url(../images/tt-top.png) left bottom no-repeat;*/ padding-bottom: 20px; margin-bottom: 50px; }
/*.right-top-tt{ background: url(../images/raw02.png) left center no-repeat; margin-top: 5px; padding-left: 24px; font-size: 34px; font-family: "思源宋体 CN"; font-weight: bold; }*/
.right-top-tt{ background: url(../images/raw02.png) left center no-repeat;  margin-top: 5px; padding-left: 24px; font-size: 34px; font-family: "思源宋体 CN"; font-weight: bold; }
.list-right .right-top-tt{ position: relative; padding-right: 35px; max-height: 48px;}
.list-right .right-top-tt:before{ display: block; content: ""; position: absolute; left: 0; right: 0; height: 100%; bottom: -20px; background: url(../images/tt-bb.png) right bottom no-repeat;  }
.list-right .right-top-tt:after{ display: block; content: ""; position: absolute; left: 100%; margin-left: 0px; top: 42px; border-top: solid 1px #d5dff0; right: -2000px; }
.nav-b{ background: url(../images/nav-b.png) left center no-repeat; padding-left: 45px; line-height: 24px; }
.zn-list-ul li a{ font-size: 16px; display: block; padding-right: 40px; padding-left: 50px; color: #333; line-height: 70px; position: relative; border-bottom: solid 1px #d5dff0; background: url(../images/n01.png) left center no-repeat; }
.zn-list-ul li a:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 20px; background: url(../images/a-raw.png) right center no-repeat; }
.page-box{ margin-top: 70px; }
.list-back{ background: url(../images/list-back.png) center no-repeat; background-size: cover; padding-bottom: 125px; }
.zn-list-ul li a:hover{ background: url(../images/n02.png) left center no-repeat; color: #2e5db3; font-weight: bold; }
.zn-list-ul li a:after{ display: block; content: ""; position: absolute; left: 0; bottom: -1px; background: #2e5db3; height: 2px; width: 0; transition: 0.3s all; }
.zn-list-ul li a:hover:after{ width: 100%; }
.list-left-tt-phone{ display: none; }
/**********通知公告***********/
.tz-ul li a{ display: block; position: relative; }
.tz-ul-date{ border:solid 1px #d3dded; border-bottom: none; float: left; width: 80px; height: 88px; font-size: 30px; color: #2e5db3; font-weight: bold; line-height: 50px; }
.tz-ul-date span{ display: block; width: 100%; font-weight: normal; background: #2e5db3; line-height: 32px; font-size: 15px; color: #fff; }
.tz-ul-right{ margin-left: 115px; }
.tz-ul-tt{ font-size: 18px; color: #333; }
.tz-ul-p{ line-height: 25px; margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #666; }
.tz-ul li{ margin-bottom: 40px; }
.tz-ul li a:hover .tz-ul-tt{ color: #2e5db3; font-weight: bold; }
/***************科研成果**************/
.ky-ul li a{ display: block; position: relative; padding:40px 140px 40px 40px; border-radius: 0 40px 0 0; }
.ky-ul-img{ position: relative; }
.ky-ul-img img{ width: 360px; height: 240px; }
.ky-ul-img span{ position: absolute; left: 0; text-align: left; bottom: 20px; width: 90px; height: 40px; line-height: 40px; background: url(../images/date-a.png) center no-repeat; padding-left: 16px; font-size: 20px; color: #fff; }
.ky-ul-tt{ font-size: 22px; color: #333; }
.ky-ul-right{ padding-top: 30px; margin-left: 410px; }
.ky-ul-p{ color: #666; line-height: 30px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 40px; }
.ky-ul li a:before{ display: block; content: ""; position: absolute; right: 40px; top: 160px; background: url(../images/item01.png) center no-repeat; width: 56px; height: 56px; }
.ky-ul li a:hover{ background: url(../images/ky-back.png) center no-repeat; background-size: cover; }
.ky-ul li a:hover .ky-ul-tt,.ky-ul li a:hover .ky-ul-p{ color: #fff; }
.ky-ul li a:hover:before{ background: url(../images/item02.png) center no-repeat; }
.ky-ul li a:hover .ky-ul-img span{background: url(../images/date-b.png) center no-repeat;}
/************文章页**************/
.article-top{ padding:0 0 25px 25px; border-bottom: solid 1px #ddd; position: relative; }
.article-top-box{ background: #edf8ff; padding:30px 30px 30px 70px; position: relative; z-index: 100; }
.article-tt{ font-size: 28px; color: #333; margin:0; }
.article-left span{ display: inline-block; padding-right: 45px; font-size: 16px; color: #888; margin-top: 30px; }
.article-top:before{ display: block; top: 0; content: ""; position: absolute; left: 0; bottom: 0; width: 89px; background: url(../images/a-t.png) center no-repeat; background-size: cover; }
.article-p p{  font-size: 18px; color: #444; line-height:  1.8; margin-bottom: 20px; }
.article-p { padding:30px 0; }
.link-top p a{ font-size: 18px; color: #333; }
.link-top p a span,.link-top p a:hover{ color: #1c59ae; }
.link-top p{ margin-bottom: 20px; }
.link-top{ background: url(../images/link-top.png) left top no-repeat; padding-top: 40px; }
            #share-qrcode { background-image: url(../images/wx.png); }

            #share-qzone { background-image: url(../images/kj.png); }
            #share-sina { background-image: url(../images/wb.png); }
            #share-qq { background-image: url(../images/qq.png); }
      
            .box > div {
                width: 32px;
                height: 32px;
                display: block;
                cursor: pointer;
                float: left;
                border-radius: 32px;
                background-size: contain;
                margin: 0 5px;
                margin-top: 20px;
            }
.news-ul li a:hover,.tabs-top:hover .tabs-top-tt,.zn-list li a:hover{ color: #1c59ae; font-weight: bold; }
/***************list*************/
.list-right-lg{ width:100%!important;}
.xz-title{ height: 72px; line-height: 72px; background: url(../images/tt-back.png) center no-repeat; background-size: 100% 100%; padding-left: 45px; }
.xz-title span{ font-family: "思源宋体"; font-size: 26px; color: #fff; font-weight: bold; padding-right: 55px; background: url(../images/tt-raw.png) right center no-repeat; }
.tz-date{ background: #fff; border:solid 1px #c6d2e8; width: 80px; height: 88px; }
.tz-date span{ display: inline-block; font-size: 30px; color: #2e5db3; font-weight: bold; line-height: 48px; }
.tz-date font{ display: inline-block; width: 100%; background: #2e5db3; color: #fff; line-height: 40px; font-size: 15px; }
.tz-right{ margin-left: 115px; }
.tz-right-tt{ font-size: 18px; color: #333; }
.tz-right-p{ color: #666; line-height: 25px; margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tz-back li{ margin-bottom:40px; }
.tz-back{ padding:40px 40px 1px 40px; margin-bottom: 50px; background: url(../images/back-b.png) center no-repeat; background-size: 100% 100%; }
.zn-list-lg{ padding:20px 40px 20px 40px; margin-bottom: 50px; background: url(../images/back-b.png) center no-repeat; background-size: 100% 100%; }
.list-right-top-b{ background: none; overflow:hidden; }
.list-right-top-b .right-top-tt{ position: relative; padding-right: 35px; max-height: 48px;}
.list-right-top-b .right-top-tt:before{ display: block; content: ""; position: absolute; left: 0; right: 0; height: 100%; bottom: -20px; background: url(../images/tt-bb.png) right bottom no-repeat;  }
.list-right-top-b .right-top-tt:after{ display: block; content: ""; position: absolute; left: 100%; margin-left: 0px; top: 42px; border-top: solid 1px #d5dff0; right: -2000px; }
.img-slick-tt{ position: absolute; left: 200px; right: 20px; bottom: 120px; font-size: 18px; color: #fff;}
@media( max-width: 1479px){
    .container{ width: 1230px; }
    .news-ul li a{ line-height: 55px; }
    .news-ul{ margin-top: 10px; }
    .three-news li a{ line-height: 65px; }
    .footer-left{ width: 100%; text-align: center; }
    .footer-list{ width: 520px; margin-left: auto; margin-right: auto; margin-top: 20px; }
    .footer-center{ margin-left: 150px; }
    .footer-right{ margin-right: 150px; }
    .list-right{ width: 820px; }
    .img-slick{ height: 506px; }
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .logo-txt{ display: none; }
    .logo{ width: 500px; }
    .tabs-box{ padding:25px 0 0 25px; }
    .tabs-ul{ padding-left: 25px; }
    .tow-left{ width: 100%; }
    .tow-right{ padding:30px 0 0 0; width: 100%; }
    .three-news li a{ line-height: 60px; }
    .footer-center{ margin-left: 0px; }
    .footer-right{ margin-right: 0px; }
    .list-right{ width: 600px; }
    .ky-ul-img{ width: 100%; float: none!important; text-align: center; }
    .ky-ul-img img{ height: auto; width: 100%; }
    .ky-ul-right{ margin-left: 0; }
    .ky-ul li a:before{ display: none; }
    .ky-ul li a{ padding:20px; }
    .ky-ul-p{ margin-top: 10px; }
    .img-slick{ height: 416px; }
    }
@media( max-width: 991px){
    .container{ width: 750px; }
    .one-left{ width: 100%; }
    .header{ height: 50px; }
    .logo{ line-height: 50px; width: auto; }
    .logo img{ height: 30px; }
    .header .container{ width: 100%; }
    .header-right{ padding-top: 0; }
    .one-right{ width: 100%; margin-top: 30px; }
    .tabs-ul{ padding-left: 0; }
    .header-a{ line-height: 50px; margin-right: 80px; }
    .search-left{ display: none; }
    .nav-list{ position: fixed; border-top: solid 1px #ddd; overflow-y: auto; display: none; z-index: 1000; left: 0; top: 50px; right: 0; bottom: 0; background: #255295; }
    .header-right{ padding-top: 0; }
    .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
    .nav-list li a{ display: block; font-size: 16px; padding:0px 15px; text-align: left; color: #fff!important; line-height: 40px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down:before{ display: none; }
    .nav-down{ position: static; margin:0; width: 100%; padding:0; border:none; background: none; transform: translate(0,0); }
    .nav-down li a{ text-align: left; padding:0 25px; color: #fff; }
    .nav-list li:hover .nav-down{ display: none; }
    .menu-button{ display: block; }
    .search-a{ display: block; position: absolute; right: 60px; top: 0; line-height: 50px; }
    .nav-back{ height: 0; }
.layer{background:rgba(0,0,0,0.8); display: none; position: fixed;left:0;top:0;right:0;bottom:0;z-index:1000000;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer .close{font-size:60px; display: block; 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:90%; margin-left: 0%; 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; 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:#94070a;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; }
.search-a{ display: block; position: absolute; right: 55px; z-index: 10000; line-height: 50px; }
.layer .close{ top: 50%; width: 40px; margin-top: -160px; right: 5%; display: block; }
.header-right{ height: 50px; }
.three-left{ width: 100%; }
.three-right{ width: 100%; }
.footer-center{ width: 447px; margin:20px auto 0 auto; float: none!important; }
.footer-right{ width: 355px; margin:20px auto 0 auto; float: none!important;  }
.ewm-box .pull-left{ margin:0; padding:20px 10px; }
.list-right{ width: 400px; }
.nav-b{ display: none; }
.page-one{ background:none; }
.img-slick{ height: auto; }
}
@media( max-width: 768px){
    .img-slick-tt{ bottom: 80px; left: 110px; }
    .container{ width: 100%; }
    .hide-xs{ display: none!important; }
    .header-a{ display: none; }
    .page-one{ padding:20px 0; }
    .one-left{ padding-top:30px; }
    .slick-date{ font-size: 14px; left: 15px; height: auto; width: auto; bottom: 65px; font-size: 14px; padding:5px 10px; }
    .slick-date span{ font-size: 24px; }
    .img-slick a{ padding-bottom: 45px; }
    .img-slick .slick-dots{ bottom: -10px; right: 0; }
    .img-slick .slick-dots li{ margin-left: 10px; }
    .img-slick .slick-dots li, .img-slick .slick-dots li button{ height: 40px; }
    .tabs-ul li a{ font-size: 18px; }
    .tabs-ul li.active a{ font-size: 24px; }
    .tabs-ul li{ padding-right: 10px; margin-right: 10px; background: none; }
    .tabs-box{ padding-left: 0; }
    .tow-list li{ width: 50%; }
    .tow-list li a{ font-size: 14px; padding:20px 0; height: 180px; }
    .tow-list li a span{ width: 80px; height: 80px; line-height: 80px; padding:0 15px; margin-bottom: 20px; }
    .page-tow{ padding:30px 0; }
    .tow-right .tabs-ul li a{ font-size: 16px; }
    .tow-right .tabs-ul li.active a{ font-size: 22px; }
    .tow-right .tabs-ul li{ padding-right: 5px; margin-right: 5px; background: none; }
    .tabs-more{ font-size: 14px; padding-right: 30px; top: -40px; }
    .zn-list li a{ font-size: 16px; line-height: 40px; }
    .zn-list{ padding-top: 15px; }
    .page-three{ padding:30px 0 60px 0; }
    .title-back{ margin:0; padding:0; text-align: center; font-size: 24px; height: 24px; background: none; line-height: 24px; }
    .title-back font{ margin-left: -103px; left: 50%; bottom: -20px; }
    .three-news li a{ font-size: 16px; line-height: 55px; }
    .footer-list{ width: 100%; }
    .footer-list li{ width: 33.333333%; }
    .footer-left{ float: none!important; }
    .footer-center{ width: 100%; }
    .footer-center-top-p p span{ display: block; padding-right: 0; }
    .footer-center-top-p p{ line-height: 25px; margin:0; }
    .footer-img{ padding-top: 30px; }
    .dropdown-left{ width: 100%; margin-right: 0; margin-bottom: 15px; }
    .dropdown .down-a,.dropdown{ width: 100%; }
    .footer-right{ width: 100%; }
    .ewm-box .pull-left img{ height: 80px; }
    .down-width{ margin-top: 20px; }
    .footer{ padding-bottom: 1px; }
    .ky-slick{ padding-bottom: 40px; }
    .tabs-ul li a span{ display: none!important; }
    .tow-right .tabs-ul li a,.tabs-ul li a{ padding-top: 0; }
    .list-left{ width: 100%; margin-top: 25px; }
    .list-left-tt{ font-size: 18px; line-height: 40px; padding-left: 0; }
    .nav-back-box li a.nav-a{ font-size: 16px; line-height: 40px; }
    .zn-down li a{ font-size: 14px; line-height: 40px; }
    .nav-back-box li span{ height: 40px; }
    .nav-back-box{ padding-bottom: 0; display: none; }
    .list-left:before{ bottom: 0; }
    .list-right{ width: 100%; margin-top: 20px; }
    .right-top-tt{ font-size: 18px; }
    .list-right-top{ background: none; margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #2e5db3; }
    .zn-list-ul li a{ line-height: 60px; font-size: 15px; }
    .page-box{ margin-top: 30px; }
    .list-back{ padding-bottom: 60px; }
    .list-left-tt{ display: none; }
    .list-left-tt-phone{ display: block; position: relative; }
    .tz-ul-right{ margin-left: 95px; }
    .tz-ul li{ margin-bottom: 15px; }
    .ky-ul-tt{ font-size: 18px; }
    .ky-ul-right{ padding-top: 15px; }
    .article-top-box{ padding:20px; }
    .article-tt{ font-size: 18px; }
    .article-left span{ display: block; margin-top: 15px; font-size: 14px; }
    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .link-top p a{ font-size: 14px; }
    .link-top p{ margin-bottom: 15px; }
    .xz-title{ line-height: 50px; padding:0 20px; height: 50px; }
    .xz-title span{ line-height: 50px; font-size: 24px; }
    .tz-back{ padding:20px 20px 1px 20px; margin-bottom: 20px; }
    .tz-back li{ margin-bottom: 20px; }
    .zn-list{ padding:10px 20px; margin-bottom: 20px; }
    .tz-right{ margin-left: 95px; }
    .right-top-tt:before,.right-top-tt:after{ display: none!important; }
    .fix-ul{ display: none; }
}

/*### pagebar start */
/*pagebar可改为自定义名称*/
/*公共样式 字体，行高，字体颜色等*/
.pagebar {
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    text-align:center;}
/*.pagebar>.p_t:first-child{display: none;}*/
/*去掉a链接的下划线*/
.pagebar a{
    text-decoration: none;}

/*消掉最左侧页码区margin-left的5个像素*/
.pagebar .p_pages{}

/*按钮和页码的外观*/
.p_fun_d{
cursor:text;}
.pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun, .pagebar .p_no,.pagebar .p_dot{
    border: 1px solid #ddd;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    line-height: 32px;
    min-width: 36px;
    /*border-radius: 3px;*/
    margin: 3px 2px;
    overflow:hidden;}
.pagebar .p_fun_d,.pagebar .p_fun a{
    padding: 0 10px;
}
/*
.pagebar .p_fun_d,.pagebar .p_fun a{
text-indent:-999px;
position:relative;}
.pagebar .p_fun a:after,.pagebar .p_fun_d:after{
font-family: "swiper-icons" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent:0;
display:block;
position:absolute;
top:0;
left:10px;}
.p_prev_d:after,.p_prev a:after{
content: "\e62f";}
.p_next_d:after,.p_next a:after{
content: "\e676";}
*/

.pagebar .p_fun a, .pagebar .p_no a{
display:block;}
/*文字对齐样式*/
.pagebar .p_t{
    display:inline-block;
    vertical-align:middle;}

/*链接字体颜色*/
.pagebar .p_fun a, .pagebar .p_no a{
    color: inherit;}

/*鼠标移上时有链接按钮的外观*/
.pagebar .p_no a:hover{
    color:#2556b6;}

.pagebar .p_fun:hover{
border:none;
}

/*页码省略号...的外观*/
.pagebar .p_dot {
border:none;
min-width:auto;}

/*当前页码的外观*/
.pagebar .p_no_d,.pagebar .p_fun:hover a{
    border: 1px solid #2556b6;
    color: #fff;
    background-color: #2556b6;}

/*按钮控制*/

/*控制是否显示 "首页" "尾页" */
.pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
    display:none;}

/*控制是否显示 "上页" "下页"*/
.pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{}

/*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
.pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{}

/*控制是否显示页码*/
.pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{}

/*跳转到页码输入框的外观*/
.jump_to{display:inline-block;}
.pagebar .p_goto input {
    font-size:14px;
    border: 1px solid #ddd;
    height:32px;
    line-height:30px;
    box-sizing:border-box;
    vertical-align:middle;
    outline-width:thin;
    outline-color:#2556b6;
    margin:0px 2px;
    padding:0px 1px;
    width:32px;
    text-align:center;
    /*border-radius: 3px;*/
}

/*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
.pagebar .p_goto input:hover, .pagebar .p_goto input:focus{
    border: 1px solid #2556b6;}

/*跳转按钮的外观*/
.pagebar .p_goto a{
    border: 1px solid #ccc;
    padding: 10px 6px;
    color: #fff;
    /*border-radius: 3px;*/
    margin:0px;
    height:30px;
    -height:auto;
    line-height:7px;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:middle;
    background:#2556b6;
    border-color:#2556b6;
}
/*pagebar end*/

@media screen and (min-width:768px){
.nav-back-box .cur{font-weight: bold; color: #2e5db3;}

}
@media screen and (max-width:768px){

.header{ position: fixed; left: 0; top: 0; right: 0; z-index: 1000; }
body{ padding-top: 50px; }
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:2147483647;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/four_browsers_logo.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/four_browsers_logo.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/four_browsers_logo.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/four_browsers_logo.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}