@charset "utf-8";
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video {margin:0;padding:0}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video {display:block}
html,body {color:#333;font-size:16px;margin-left:auto !important;margin-right:auto !important;text-align:left;font-family:Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media(max-width:1440px) {html {font-size:14px;}}
@media(max-width:1366px) {html {font-size:12px;}}
table {border-collapse:collapse;border-spacing:0}
fieldset,img,button {border:0}
ul,ol,li {list-style:none}
input,select {vertical-align:middle}
i {font-style:normal}
s {font-style:normal;text-decoration:none}
a {text-decoration:none;color:#333}
a:hover {text-decoration:none;color:#c00}
h1,h2,h3,h4 {font-weight:100}
img {display:block}
.cl:after {content:"\200B";display:block;height:0;clear:both}
.cl {*zoom:1}
.fl {float:left}
.fr {float:right}
.fc {margin-left:auto;margin-right:auto;display:block}
.wy {font-family:Microsoft YaHei}
.iz {float:left;margin-right:0.20rem}
.ir {float:right;margin-left:0.20rem}
body,select,input {font-family:Microsoft YaHei}
body {width:100%;background:#fff;overflow-x:hidden;}
.wrap {width:100%;max-width:1340px;margin-left:auto;margin-right:auto;*width:1340px}
.col21 {width:49.99%;float:left}
.col31 {width:33.33%;float:left}
.col32 {width:66.66%;float:left}
.col41 {width:24.99%;float:left}
.col43 {width:74.99%;float:left}
.col52 {width:39.99%;float:left}
.col53 {width:59.99%;float:left}
.bk {padding:0 1rem;}
.mt {margin-top:0.5rem}
.mt2 {margin-top:1rem}
.mz {margin-left:0.5rem}

.pic {padding-top:75%;position:relative;overflow:hidden;}
.pic img {position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.5s;}
.pic img:hover{transform:scale(1.05);}

.header{position:absolute;top:0;left:0;width:100%;z-index:999;}
.header:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#004098 0%,rgba(0,0,0,0) 100%);}
.header-top{overflow:hidden;position:relative;border-bottom:0px solid rgba(255,255,255,.15);margin-bottom:-1rem;}
.header-top-r{float:right;margin-top:2.5rem}
.header .logo{float:left;line-height:7rem}
.header .logo img{display:inline-block;vertical-align:middle}
.header-top-r .btn{display:none}
.header-top-r .sobox{position:relative;color:#fff;}
.header-top-r .inp{background-color:rgba(255,255,255,.15);border:0;height:36px;line-height:36px;font-size:14px;padding-right:40px;padding-left:0.10rem;border-radius:4px;color:inherit;outline:none;color:#fff;}
.header-top-r .sub{border:none;background:url(so.png) center center no-repeat;vertical-align:middle;position:absolute;right:0;top:0;bottom:0;line-height:36px;display:block;width:36px;text-align:center;cursor:pointer;font-size:0.16rem;}

.sobox{float:right;margin-right:1rem;width:236px;height:36px;border:0px solid #eee;box-shadow: 0px 5px 1rem rgba(0,150,128,0.2);background:rgba(255,255,255,0.2);border-radius:5px;overflow:hidden;font-size:0.75rem;z-index:1;position:relative}
.sobox .search_input{position:absolute;top:0;left:5px;width:85%;line-height:28px;padding:4px;border:none;outline:none;background:url(#);font-size:14px;color:#fff}
.sobox .search_btn{position:absolute;top:8px;right:8px;width:1.25rem;height:1.25rem;cursor:pointer;z-index:2}
.sobox.focus{background:#fff;border-color:#0078d8;box-shadow:0 0 1px 0 #0078d8}

/*移动端导航按钮*/
.header .menu-btn{display:none;}
.nav-box{ position: relative;z-index:3;}
.nav-box.fixed {position:fixed;top:0;left:0;right:0;background:#004098;box-shadow:0 0 0.10rem rgb(0 0 0 / 15%);}
.nav > li{position: relative;float: left;line-height:3.75rem; }
.nav > li > a{position: relative;display: block;padding: 0 1.5rem;font-size:1.125rem;color: #fff;}
.nav > li > a::before{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: 0.3s; -weblit-transition: 0.3s; opacity: 0;}
.nav > li:first-child:before{display: none;}
.nav > li .more-btn{display: none;}
.nav > li:hover > a::before{ width:2rem; opacity: 1;}
.nav > li.on > a::before{width:2rem; opacity: 1;}
.nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top:3.75rem;width:100%;min-width: 140px;background-color:rgba(0,64,152,.7);transform: translateX(-50%);}
.nav-2nd > li{}
.nav-2nd > li > a{position: relative;display: block;padding:1rem;line-height:1rem;text-align: center; font-size:1rem; transition: 0.3s; -weblit-transition: 0.3s; color: #fff;}
.nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width:0px;height: 0;background-color: #fff;transition: 0.3s; -weblit-transition: 0.3s;}
.nav-2nd > li > a:hover{background: #004098;}
.nav-2nd > li > a:hover:before{top: 0;height: 100%;}

.footer {width:100%;color:#fff;background:rgba(0,64,152,.7) url(footer.jpg) bottom center no-repeat;background-size:100% 100%;}
.footer .wrap {font-size:1rem;color:#fff; padding:2rem 0;}
.footer a{color:#fff;}
.footer p{line-height:1.5rem;}

.ewm {float:right;font-size:0;margin-top:0rem;}
.ewm a {display:inline-block;width:4rem;height:4rem;margin-left:2rem;position:relative;background: rgba(255,255,255,0.1); border-radius:2rem; text-align: center;}
.ewm a:first-child {margin-left:0;}
.ewm a>img {position:absolute;left:0;right:0;top:0;bottom:0;max-width:100%;max-height:100%;margin:auto;}
.ewm a>span {position:absolute;bottom:100%;left:50%;margin-left:-3.5rem;margin-bottom:0.625rem;margin-top:1rem;padding:0.625rem;width:7rem;background-color:#fff;border-radius:3px;box-shadow:0 0 0.5rem rgba(0,0,0,0.15);box-sizing:border-box;visibility:hidden;opacity:1;transform:translateY(-0.1rem);transition:all 0.2s ease-out 0s;z-index:99;}
.ewm .code > img {display:block;width:100%;}
.ewm .code:after {content:'';position:absolute;left:50%;top:100%;width:0;height:0;border:0.5rem solid transparent;font-size:0;border-top-color:#fff;transform:translateX(-50%);}
.footer .ewm a:hover {opacity:0.8;}
a:hover .code {visibility:visible;opacity:1;transform:translateY(0);}
#gotop {background:#004098;position:fixed;bottom:1rem;right:1rem;z-index:997;width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:1.5rem;color:#fff;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;border-radius:5px; cursor:pointer;opacity:1;visibility:visible;overflow:hidden;}
#gotop svg {width:2.4rem;height:2.4rem;display:inline-block;fill:#fff;vertical-align:middle;margin-top:-0.5rem;transition:.6s}
#gotop:hover {background-color:#ffa300;}
#gotop.hide {height:0;opacity:0;visibility:hidden}

/*内页banner*/
.mban {width:100%;position:relative;border-bottom:4px solid #ffa300;}
.mban:before {content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,#004098 0%,rgba(0,0,0,0) 100%);}
.mban img{display: block;width: 100%;}
.mban h3 {position:absolute;top:60%;width:100%;font-size:2.5rem;color:#fff;text-align:center;z-index:99;font-weight:bolder;text-overflow:ellipsis;overflow:hidden;text-shadow:0 2px 3px rgba(0,0,0,.8);transition:.5s;transition-delay:.6s;}
.lst {}
.lst li {padding-left:1.5rem;height:3.5rem;line-height:3.5rem;border-bottom:1px dotted #eee;background:url(dian.png) 0.625rem center no-repeat;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.5s;}
.lst li a {font-size:1.125rem;color:#666;}
.lst li span {float:right;font-size:0.875rem;color:#999;margin:0 5px}
.lst li:hover{transform:translateX(5px);}
.sbx {clear:both;margin-top:-4rem;position:-webkit-sticky;position:sticky;top:76px; z-index: 100; background: #fff; border-left: solid 4px #ffa300;box-shadow:1px 1px 1rem #fff;}
.sbx dt {height:6rem;line-height:6rem;border-bottom:1px solid #eee;}
.sbx dt strong {display:block;font-size:2rem;color:#004098;text-align:center;}
.sbx dd {padding:1.5rem 2rem;font-size:1.125rem;background-size:100% auto;min-height:300px;background-color:#fcfcfc;}
.sbx li {position:relative;}
.sbx li a{display:block;background:url(li03.png) 0 center no-repeat;padding:1rem 0;}
.sbx li:before,.sbx li:after {content:"";position:absolute;left:0;bottom:0;height:1px;width:0;transition:all .3s ease-in-out;}
.sbx li:before {background-color:#EBEEF5;width:100%;}
.sbx li:after {background-color:#ffa300;}
.sbx li:hover:after,.sbx li.on:after {width:100%;}

.mbx{position:relative;margin-bottom:1rem;width:100%;overflow:hidden;clear:both;height:100%;}
.mbx dt{height:2rem;line-height:2rem;padding-bottom:1rem;border-bottom:2px solid #EBEEF5;}
.mbx dt strong{display:block;float:left;font-size:2.25rem;color:#333}
.mbx dt span.more{float:right;position:relative;font-size:0.875rem;color:#999}
.mbx dt span.more a{color:#999;text-decoration:none}
.mbx dd{padding-top:0.5rem;}

.pagenum {padding:1rem;text-align:center;font-size:0.875rem;}
.p_pages {margin-left:-5px;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.p_fun,.p_no,.p_dot,.p_fun_d,.p_no_d{border:solid 1px #ededed;color:#3e3e3e;text-align:center;margin-right:6px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;border-radius:3px;font-size:1rem;display:inline-block;vertical-align:middle;height:2rem;line-height:1.875rem;width:2rem;}
.p_fun a,.p_no a{display:inline-block;vertical-align:middle;height:2rem;line-height:1.875rem;width:2rem;cursor:pointer;}
.p_fun:hover,.p_no:hover{border:solid 1px #ffa300;text-decoration:none}
.p_no_d {color:#fff;background-color:#ffa300;}
.p_fun_d,.p_first,.p_first_d,.p_prev,.p_prev_d,.p_next,.p_next_d,.p_last,.p_last_d{background:url(page-first.png) center center no-repeat;background-size:1.125rem;font-size:0px;}
.p_last,.p_last_d{background-image:url(page-last.png)}
.p_prev,.p_prev_d{background-image:url(page-prev.png)}
.p_next,.p_next_d{background-image:url(page-next.png)}

.article {margin:0 auto}
.article h2 {height:auto;line-height:2rem;text-align:center;padding:1rem 0;color:#222;font-size:1.5rem}
.article .info {display:block;text-align:center;color:#7f7e7e;border-top:1px dashed #f5f3e7;line-height:1.5rem;padding-top:0.5rem;font-size:0.875rem}
.article .info span {color:#ff6600;}
.article .info span.green {color:#259235}
.enrty {line-height:1.8;text-align:justify;text-justify:inter-ideograph;min-height:360px}
.enrty h1,.enrty h2,.enrty h3,.enrty h4,.enrty h5,.enrty h6 {margin:1rem 0;line-height:1.8;}
.enrty h4{background:rgba(189,215,238,0.6);color:#006699;font-size:1.25rem;font-weight:bolder; padding:5px 10px;}
.enrty p,.enrty div {line-height:1.8;color:#555;margin:1rem 0;font-size:1.25rem}
.enrty h4 p{margin:0rem 0;text-indent:0em!important;color:#006699;}
.enrty p a,.enrty div a {color:#666}
.enrty p a:hover,.enrty div a:hover {color:#fff;background-color:#004098}
.enrty img {max-width:100%;height:auto !important;margin:0 auto}
.enrty img.ir {float:right;margin-left:1.5rem}
.enrty img.iz {float:left;margin-right:1.5rem}
.enrty video {background:#000;max-width:100%;height:auto !important;margin:0 auto}
.enrty .pi {text-align:center;font-family:"\6977\4F53","\6977\4F53_GB2312";margin-top:-0.5rem}
.enrty blockquote,.enrty pre {margin:1.25rem;padding:0 1.25rem;border-left:5px solid #eaeef1;color:#666}
.enrty ol,.enrty ul {margin:0.5rem 1rem}
.enrty ol li {list-style:decimal}
.enrty ul li {list-style:disc}
.enrty table{margin-bottom:1rem;color:#666;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1rem}
.enrty th{padding:5px 10px;border-right:1px solid #ddd;border-top:1px solid #ddd;background:#f8f8f8}
.enrty td{padding:3px 10px;border-right:1px solid #ddd;border-top:1px solid #ddd}
.enrty td p{line-height:1;color:#555;margin:5px 0;font-size:1rem}
.enrty .tags{clear:both;font-size:0.875rem;padding:0.5rem 0;color:#999;}
.enrty .tags span{float:right;}
hr{background:rgba(189,215,238,0.8); border:0;height:1px;}
.near{margin-top:1.5rem;border-top:1px dashed #eee;padding:0.5rem 1rem}
.near li{height:2rem;line-height:2rem}
.near li a{color:#333}
.ren{display:block;}
.ren li{float:left;width:calc(50% - 4rem);padding:1rem;margin:1rem;margin-bottom:2rem;border-radius:5px;background-color:#fafafa;}
.ren li>div {display:block;overflow:hidden;transition:.5s;width:calc(100% - 8rem);overflow:hidden;}
.ren li p{line-height:2rem;font-size:1rem;color:#999;background:url(data.png) left center no-repeat;padding-left:1.25rem;}
.ren li strong{line-height:2.5rem;font-size:1.25rem;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; border-bottom:1px dashed #EBEEF5;margin-bottom:1rem}
.ren li span{float:left;width:7rem;height:9rem;display:flex; margin-right:1rem;}
.ren li span img {display:block;width:100%;}
.ren li:hover {background-color:#EBEEF5;transition:all .5s ease-in-out;}

.gallery-item {overflow:hidden;float:left; width:33.33%;}
.gallery-item .img{display:block;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;border-radius:3px;margin:5px 1rem;font-size:0px;border:1px solid #ccc;}
.gallery-item img {display:block;height:12.5rem; width:100%;}
.gallery-item p{line-height:2.5rem;font-size:1.125rem;text-align:center;}

@media screen and (max-width:768px){
.col21 {width:100%;}
.col31 {width:100%;}
.col32 {width:100%;}
.col41 {width:100%;}
.col43 {width:100%;}
.col52 {width:100%;}
.col53 {width:100%;}
.header-top{overflow:visible;position:fixed;z-index:90;width:100%;background:rgba(0,64,152,.9)}
.header{height:50px;}
.header-top .logo{line-height:50px}
.header-top .logo img{max-height:40px;margin-left:10px}
.header-top-r{margin-top:0;top:0;left:0;width:calc(100% - 30px);right:0px;float:right;position:fixed;height:50px;background-color:transparent;border:none}
.header-top-r .btn{float:right;z-index:93;display:block;width:50px;height:50px;background:url(so.png) center center no-repeat}
.header-top-r .sobox{z-index:94;position:fixed;left:0;top:50px;width:100%;display:none;line-height:34px;height:34px;border:none;background:rgba(0,64,152,.6)}
.header-top-r .inp{height:30px;line-height:30px;border:1px solid #ddd;width:calc(100% - 36px);border:none;border-left:1px solid #f3f2f2;padding:0 5px;font-size:14px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.header-top-r .sub{width:24px;float:right;padding-top:10px;margin-right:10px}
/*移动端导航按钮*/
.header .menu-btn{display: block;z-index: 20;position: absolute;right:10px;top:14px;width:24px;height:24px;font-size: 0;cursor: pointer;}
.header .menu-btn span{display: inline-block;width: 100%;height: 3px;background-color: #fff;transition: 0.5s ease-out;}
.header .menu-btn span:nth-child(2){margin:6px 0;}
.header .menu-btn.close{position: fixed;}
.header .menu-btn.close span{background-color:#fff;}
.header .menu-btn.close span:nth-child(1){transform: rotate(45deg) translate3d(6px,7px,0);}
.header .menu-btn.close span:nth-child(2){transform: scale3d(0,1,1);}
.header .menu-btn.close span:nth-child(3){transform: rotate(-45deg) translate3d(6px,-7px,0);}
/*导航*/
.nav-box{display: none;z-index: 19;position: fixed;left: 0;top: 0;float: none;width: 100%;height: 100%;background-color: #fff;}
.nav-box .nav{width: 80%;height: 80vh;margin: 10vh auto 0;border: 0;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav-box .nav::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
.nav-box .nav::-webkit-scrollbar-thumb{background: #ccc;border-radius: 2px;}
.nav-box .nav > li{display: block;float: none;padding: 0;margin: 0;border: 0;border-bottom: 1px solid #eee;line-height: 50px;}
.nav-box .nav > li:before{display: none;}
.nav-box .nav > li .more-btn{display: block;position: absolute;right: 0;top: 0;width: 50px;height: 50px;font-size: 20px;text-align: center;line-height: 50px;color: #999;cursor: pointer;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
.nav-box .nav > li > a{display: block;width: 80%;padding: 0 10px;font-size:16px;color: #333;}
.nav-box .nav > li > a:after{display: none;}
.nav-box .nav > li.on,.nav-box .nav > li:hover{background-color: transparent;}
.nav-box .nav > li.on > a,.nav-box .nav > li:hover > a{color: #333;}
.nav-box .nav > li.on .more-btn{transform: rotate(45deg);}
.nav-box .nav-2nd{position: initial;width: 100%;padding: 0;margin-bottom:1rem;background-color: transparent;transform: translateX(0);}
.nav-box .nav-2nd > li > a{padding: 10px 20px;text-align: left;color: #999;font-size:14px;}
.nav-box .nav-2nd > li > a:hover{background-color: transparent;}
.icp{display:none;}

.footer .wrap {padding:1rem 0;}
.footer .flogo img{max-height:40px; margin:auto;}
.footer p{line-height:2; text-align:center}
.ewm{display: none;}

.sbx {margin-top:0rem;border-left: solid 0px #ffa300;}
.sbx dt {height:3rem;line-height:3rem;border-bottom:1px solid #eee;position:relative;}
.sbx dt strong {transform:none;text-align:left;font-size:1.25rem;line-height:1.8;padding-left:1rem;}
.sbx dt strong:after {content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;padding-right:0.5rem;background:url(sbx.png) no-repeat;background-position:right center;background-size:contain;}
.sbx dd {display:none;}
.sbx dd {height:auto;text-align:left;min-height:auto;padding:1.5rem 0rem;background-color:#fff;}
.sbx li{ float:left;}
.sbx li a{display:inline-block;font-size:1.25rem;color:#111;line-height:1;padding:1rem;transition:all .3s;}
.lst li a {font-size:1.25rem;}
.mban{margin-top:50px;}
.mban h3 {top:40%;font-size:1.5rem;}
.mbx dt{display:none;}
.article .info {font-size:0rem}
.article .info span {font-size:1rem;margin:0 0.2rem;}

.ren li{width:calc(100% - 2rem);margin:0rem; margin-bottom:1rem;}
.gallery-item {width:50%;}
.gallery-item img {height:auto;}

}