@charset "utf-8";

*{box-sizing:border-box;margin:0;padding:0;  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;position: relative;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.2em;font-weight:normal;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color:#0d5fae}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:1px;background:#ddd; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@media print{
*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}




::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v-bottom{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;width:100%;cursor:pointer;position: relative;}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}
.bg-mask .pic a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.bg-mask:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.none{display: none}


.wp{width:90%;margin:0 auto;max-width:1200px}

.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co-main{color:#0662d4}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:900px){.pc-show{display:none}
.m-show{display:block}
}
.icon-plus{position:relative;width:25px;height:25px;border-radius:50%;background-color:#eee;flex:0 0 auto;margin:0 0 0 1em;cursor:pointer}
.icon-plus{display: none;}
.icon-plus:after,.icon-plus:before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;width:15px;height:1px;background-color:#1a1a1a;content:""}
.icon-plus:after{transition:.4s ease;transform:rotate(90deg)}
.icon-plus.-active:after{transform:rotate(0)}





.trans-line:before{content:'';position:absolute;width:60px;height:100%;margin-top:0px;margin-left:-120px;overflow:hidden;z-index:6;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.4)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.trans-line:hover:before{-webkit-animation:aniBlink .6s ease-out forwards;-moz-animation:aniBlink .6s ease-out forwards;
  -o-animation:aniBlink .6s ease-out forwards;  animation:aniBlink .6s ease-out forwards}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}



.header{width:100%;height: 177px;background: #1861bc;background-size: 100% 100%;}
.header .top{padding: 18px 0}
.header .top .searchbtn{font-size: 30px;color: #fff}
.mian-nav-m{display: none;float: right;}
.mian-nav-h{width: 100%}
.logo{z-index: 10;position: relative;}
.logo img{height:84px;}
.logom{display: none;}

.mian-nav{border-top: 1px solid #1b3d5e}
.mian-nav ul{line-height: 56px;}
.mian-nav ul li{position:relative;font-size:16px;transition:.3s;text-align: center;text-align: center;}
.mian-nav ul li>a{position: relative;color: #fff}

.mian-nav ul li:before{position:absolute;bottom:0px;left:50%;width:0;height:2px;background:#f9924d;content:"";transition:width .5s}
.mian-nav ul li:after{position:absolute;bottom:0px;right:50%;width:0;height:2px;background:#f9924d;content:"";transition:width .5s}
.mian-nav ul li:hover:before{width:40%}
.mian-nav ul li:hover:after{width:40%}


.sub-nav{position:absolute;top:100%;right:0;left:50%;z-index:99;padding-top:0;display: none;min-width: 140px;margin-left: -70px}
.sub-nav .sub-nav-h{text-align:center;background:#f3f3f3;}
.sub-nav .sub-nav-h a{display:block;font-size:14px;line-height:48px}
.sub-nav .sub-nav-h a:hover{background: #ffffff;color: #f9924d}
.mian-nav ul li:hover .sub-nav{display:block}
.mian-nav ul li:hover>a{color: #f9924d}


.head-menu-btn{z-index:999;overflow:hidden;margin-left:15px;width:40px;height:40px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;display: none}
.head-menu-btn .line-1,.head-menu-btn .line-2,.head-menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;margin-right:-25px;
  width:40px;height:2px;background:#fff;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.head-menu-btn .line-1{margin-top:-11px;width:36px}
.head-menu-btn .line-3{margin-top:11px;width:36px}
.drawerMenu-open .head-menu-btn .line-1{visibility:hidden}
.drawerMenu-open .head-menu-btn .line-2{margin-top:0!important;width:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.drawerMenu-open .head-menu-btn .line-3{margin-top:0!important;width:100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.header .top .searchbtn{height: 84px;line-height: 84px}
.mobNav{position: fixed;top:60px;left: 0;right: 0;background: rgba(255,255,255,.95);z-index: 889;padding-top: 53px;padding: 40px 30px 30px;display: none;bottom: 0;border-top: 1px solid #ddd}
.mobNav ul{height: 70vh;overflow: auto;}
.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd}
.mobNav ul li:last-child{border-bottom: 0}
.mobNav ul li .navp a{font-size: 15px;color: #104374;font-weight: bold;}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px}
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.mobNav ul li .subNavm{margin-top: 10px;padding-left: 10px;display: none}
.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px }



@media screen and (max-width:1000px){
body{padding-top: 60px}
.header{height: 60px;position: fixed;left: 0;right: 0;top:0;z-index: 99;padding: 8px 0;box-shadow: 0 0 5px rgba(0,0,0,.2)}
.header .top{padding: 0}
.header .top .searchbtn{font-size: 24px;height: 40px;line-height: 40px}
.head-menu-btn{display: block;}
.logo img{height: 44px}
.mian-nav{display: none}
.toplink,.top-r{display: none}
.mobNavbtn{display: flex;}
.top{height: 50px;line-height: 50px;padding: 4px 0}
}
@media screen and (max-width:640px){
.logom{display: block;}
.logop{display: none;}

}
@media screen and (max-width:320px){
.logo{padding-top: 5px}
.logo img{height: 35px}
}

.footer{background:url(../images/fbg.jpg) no-repeat top center;background-size: cover; color: #fff;padding: 40px 0 0;background-size: cover;}
.footer .qcode{width: 220px;}
.footer .info{width:calc(100% - 320px);}
.footer .info dt{font-size: 24px;padding-bottom: 13px;border-bottom: 1px solid #577c9e;margin-bottom: 12px}
.footer .info dd p{font-size: 14px;width: 50%}
.footer .info dd p i{margin-right: 5px}
.footer p {padding: 10px 0}
.footer .qcode i{display: block;width: 40px;height: 40px;border-radius: 50%;margin: 0 auto 10px;background: #fff;color: #0c4274;line-height: 40px;font-size: 24px;}
.footer .qcode img{width: 101px}

.footer p img{display: inline-block;vertical-align: -2px;margin-right: 5px}
.footer p span{margin: 0 5px}
.footer a{color: #fff;margin-left: 10px}
.footer .banquan{background: #00376d;padding: 15px 0;font-size: 14px;margin-top: 30px}
@media screen and (max-width:1040px){
.footer .qcode{width: 100%;max-width: 220px;margin: 0 auto}
.footer .info dd{margin-bottom: 30px}
.footer .info dd p{width: 100%}
.footer .info{width:100%;text-align: center}
}



.in-banner .swiper-slide{height:480px;background-position:50%;background-size:cover;background-repeat:no-repeat;position: relative;}
.in-banner .swiper-slide img{display:none}

.in-banner .swiper-pagination-bullets{bottom:30px;right: 0}
.in-banner .swiper-pagination-bullet:after{content: '';height: 1px ;background: #fff;position: absolute;top:49%;left: -15px;width: 15px;z-index: 0}
.in-banner .swiper-pagination-bullet:before{content: '';height: 1px ;background: #fff;position: absolute;top:49%;right: -15px;width: 15px;z-index: 0}
.in-banner .swiper-pagination-bullet{margin: 0 15px!important;position: relative;}
.in-banner .swiper-pagination-bullet{background:url(../images/sq.svg) no-repeat center;width:16px;height:16px;display:inline-block;opacity:.7;border-radius: 0}
.in-banner .swiper-pagination-bullet-active{background:url(../images/sqon.svg) no-repeat center;width:40px;height:20px;background-size: 40px 20px;opacity: 1;position: relative;top:2px;}
.in-banner .swiper-pagination-bullet-active:after{opacity: .7}
.in-banner .swiper-pagination-bullet-active:before{opacity: .7}

@media screen and (max-width:1366px){
.in-banner .swiper-slide{width: 100%}
}
@media screen and (max-width:1200px){
  .in-banner .swiper-slide{height:400px}
}
@media screen and (max-width:768px){
.in-banner .swiper-slide{height:300px}
.in-banner .swiper-pagination-bullets{bottom:15px;width: 100%}

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

.in-banner .swiper-slide{height:220px}
.in-banner .swiper-pagination-bullets{bottom:10px;}

}










.swiper-button-next:after, .swiper-button-prev:after{display: none}




.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.ctit{position:relative;margin-bottom:35px}
.ctit h4{position:relative;z-index:10;display:inline-block;font-size:36px;color: #333333}
.ctit h4 i{display: inline-block;margin-right: 5px;vertical-align: -5px}
.ctit a{position:relative;z-index:10;text-transform:uppercase;font-size:16px;padding-top: 15px;}


@media screen and (max-width:980px){
.ctit h4{font-size:26px}
.ctit h4 span{font-size:14px;}
.ctit a{padding-top:10px;font-size:14px;}



}
.homea{padding: 50px 0;background: #f7f7f7}
.homea .ctit{padding-left: 85px;background: url(../images/ll.png) no-repeat left center;}
.homea .ctit a{font-size: 24px;padding-top: 5px}
.homea .aleft{width: 52%}
.homea .aright{width: 46%}

.homea .aleft .topNews-slide{padding-bottom: 35px}
.homea .aleft .swiper-slide  h4{position:absolute;right:5%;bottom:-35px;left:5%;padding:20px ;background:#1a5c9c;color:#fff;font-size: 24px}
.homea .aleft .swiper-slide  h4 a{color: #fff}
.homea .aleft .swiper-slide .pic{height: 500px}
.homea .aleft .topNews-slide .swiper-pagination-bullets{right:40px;bottom:80px;left:auto;width:auto}
.homea .aleft .topNews-slide .swiper-pagination-bullet{display:inline-block;width:8px;height:8px;border-radius:100%;background:#fff;opacity:1}
.homea .aleft .topNews-slide .swiper-pagination-bullet-active{background:#1a5c9c}


.homea .aright ul li{width: 48%;background: #fff;padding: 30px 20px 35px;transition: .3s}
.homea .aright ul li:nth-child(1){margin-bottom: 20px}
.homea .aright ul li:nth-child(2){margin-bottom: 20px}
.homea .aright ul li time{color: #777}
.homea .aright ul li time i{margin-right: 5px}
.homea .aright ul li h4{font-size: 20px;margin-bottom: 10px;line-height: 1.4em;margin-top: 10px}
.homea .aright ul li h4 a{max-height: 56px}
.homea .aright ul li  p{max-height: 50px;line-height: 1.6em;color: #777;margin-bottom: 15px}
.homea .aright ul li:hover{background: #f9924d;color: #fff}
.homea .aright ul li:hover a{color: #fff}
.homea .aright ul li:hover p{color: #fff}
.homea .aright ul li:hover time{color: #fff}
.homea .aright ul li:hover .m{text-decoration: underline;}

.homeb{padding:50px 0 40px;background:#fff}
.homeb .ctit{margin-bottom:15px}
.homeb .aleft{width:48%}
.homeb .aright{width:48%}
.homeb .aleft ul li{padding:20px 0;border-bottom:1px solid #ddd}
.homeb .aleft ul li a{display:flex;justify-content:space-between}
.homeb .aleft ul li:last-child{border-bottom:0}
.homeb .aleft ul li .time{float:left;width:50px;height:54px;background:#0d5fae;color:#fff;text-align:center;font-size:14px;line-height:27px}
.homeb .aleft ul li span{display:block;height:27px;background:#fff;border:1px solid #ddd;border-top:0;color:#555}
.homeb .aleft ul li h4{font-size:18px;margin-bottom:10px}
.homeb .aleft ul li p{color:#777}
.homeb .aleft ul li .info{width:calc(100% - 65px)}
.homeb .aright ul li{padding-right:120px;position:relative;padding-left:14px;line-height:50px;background:url(../images/sq.png) no-repeat left center;border-bottom:1px solid #ddd;font-size:18px}
.homeb .aright ul li span{position:absolute;top:0;right:0;color:#666}
.homeb .aright ul li:last-child{border-bottom:0}

.homec{padding:80px 0 80px;background:url(../images/bg.jpg) #f7f7f7 no-repeat bottom center;background-size: 100% auto}
.homec .item{width: 31.5%;background: #fff;border: 1px solid #eee;padding: 30px 20px}
.homec .ctit h4{font-size: 28px;padding-left: 8px;line-height: 1em;border-left: 4px solid #163f6b}
.homec .ctit a{padding-top: 5px}

.homec .aleft ul li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 25px;}
.homec .aleft ul li:last-child{margin-bottom: 0}
.homec .aleft ul li:hover a{color: #0d5fae}
.homec .aleft ul li .pic{width: 80px;height: 98px}
.homec .aleft ul li .txt{width: calc(100% - 100px);font-size: 18px}
.homec .aleft ul li .txt div{font-size: 16px;color: #777;margin-top: 8px}

.homec .amid ul li{font-size: 18px;margin-bottom:32px}
.homec .amid ul li p{font-size: 14px;color: #777;margin-top: 15px}
.homec .amid ul li:last-child{margin-bottom: 0}
.homec .amid ul li i{font-size: 20px;color: #f9924d;margin-right: 5px}
.homec .amid ul li.first{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 20px}

.homec .aright ul li{font-size: 18px;margin-bottom:28px;position: relative;padding-left: 23px}
.homec .aright ul li:last-child{margin-bottom: 0}
.homec .aright ul li:before{content: '';width: 12px;height: 12px;border-radius: 50%;border: 1px solid #ccc;position: absolute;left: 0;top:50%;transform: translateY(-50%);background: #fff;z-index: 5}
.homec .aright ul li:after{content: '';width: 1px;height: 52px;position: absolute;left: 6px;top:-10px;background: #ccc;z-index: 0}
.homec .aright ul li:hover:before{border: 2px solid #163f6b;left: -1px}

.homed{padding:70px 0 70px;background:#f7f7f7 }
.homed dl dt span{font-size: 24px;;padding-left: 8px;line-height: 1em;border-left: 4px solid #163f6b}
.homed dl dd{width: calc(100% - 132px);font-size: 18px}
.homed dl dd a{margin-right: 30px;display: inline-block;}
.homed dl dd a:hover{color: #0d5fae;text-decoration:underline;}

@media screen and (max-width: 980px){
.homea .aleft{width:100%;margin-bottom: 30px}
.homea .aright{width: 100%}
.homea .aleft .swiper-slide .pic{height: 400px}
.homea .ctit a{font-size: 15px;padding-top: 8px}

.homeb .aleft{width:100%;margin-bottom: 30px}
.homeb .aright{width:100%}

.homec .item{width: 100%;margin-bottom: 30px}
}
@media screen and (max-width: 640px){
.homea .ctit{padding-left:0;background: transparent;}
.homea .aleft .swiper-slide  h4{bottom:-35px;padding:20px ;font-size: 16px}
.homea .aleft .swiper-slide .pic{height: 300px}
.homea .aright ul li{width: 100%;padding: 20px 20px 25px;transition: .3s}
.homea .aright ul li h4{font-size: 16px;}
.homea .aright ul li h4 a{max-height: inherit;}
.homea .aright ul li  p{max-height:  inherit;;font-size: 14px}
.homea .aright ul li  .m{font-size: 14px}

.homeb{padding:40px 0 50px;background:#fff}
.homeb .aleft ul li h4{font-size: 15px}
.homeb .aleft ul li p{font-size: 14px}
.homeb .aright ul li{font-size: 15px;padding-right: 100px}
.homec{padding:50px 0 50px;}
.homec .ctit h4{font-size: 24px}
.homec .aleft ul li .txt{font-size: 16px}
.homec .aleft ul li .txt div{font-size: 14px}
.homec .amid ul li{font-size: 16px;margin-bottom:22px}
.homec .aright ul li{font-size: 16px;margin-bottom:22px;}

.homed{padding:50px 0 50px;}
.homed dl dt span{font-size: 20px;}
.homed dl dd{width: calc(100% - 122px);font-size: 16px}
.homed dl dd a{margin:0 10px 5px 0;}
}



.hidden_search .text{width:100%;height:40px;padding:0;font-size:14px;color:#444;background:0 0;border:none;font-family:"Microsoft Yahei"}
.hidden_search .btn{display:block;cursor:pointer;position:absolute;right:0;top:0;height:40px;width:40px;border:none;border-radius:50%;
	overflow:hidden;background-size:50%;font-size:24px;color:#0d5fae;background:0 0}
.hidden_search .search_wrap{border:1px solid #e4eaec;border-radius:20px;position:relative;padding-right:45px;padding-left:20px;width:95%}
.hidden_search .close_btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:30px;-webkit-transition:.5s;transition:.5s;font-size:26px;background-size:50%}
.hidden_search .close_btn:hover{color:#0d5fae}
.cd-popup{position:fixed;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.7);visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index:9999;opacity:0}
.cd-popup.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-popup-container{position:relative;padding:30px 40px 30px 30px;background:#fff;width:60%;margin:0 auto;top:50%;margin-top:-58px;background:#fff;border-radius:.4rem .4rem .4rem .4rem;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s}
.is-visible .cd-popup-container{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.cd-popup0,.cd-popup1,.cd-popup2,.cd-popup3{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.3);opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;z-index:9999}
.cd-popup0.is-visible,.cd-popup1.is-visible,.cd-popup2.is-visible,.cd-popup3.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-popup-container0,.cd-popup-container1,.cd-popup-container2,.cd-popup-container3{position:relative;padding:40px;background:#fff;width:60%;margin:0 auto;top:20%;background:#fff;border-radius:.4rem .4rem .4rem .4rem;box-shadow:0 0 20px rgba(0,0,0,.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s}
.cd-popup-container1{top:10%}
.is-visible .cd-popup-container0,.is-visible .cd-popup-container1,.is-visible .cd-popup-container2,.is-visible .cd-popup-container3{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.sear_p{float:left;margin:20px 0 0 5%;width:90%;-webkit-border-radius:5px;border-radius:5px;background:#fff}
.sear_txt{float:left;height:30px;font-size:12px;line-height:30px;border:none;width:calc(100% - 35px);background:0 0;color:#666;text-indent:5px}


@media screen and (max-width: 600px){
.hidden_search .close_btn{right: 10px;font-size: 18px;}
.cd-popup-container{width: 90%}
.hidden_search .text{font-size: 14px}
.cd-popup-container{padding: 20px 30px 20px 10px}
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;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/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.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}

/*内页*/


.jg_info_jbxx h1{
margin-top: 20px;
    color: #444;
    font-weight: bold;
    font-size: 22px;
}
.jg_info_jbxx .date{
width: 100%;
    height: 38px;
    line-height: 41px;
    background: #f2f2f2;
    font-size: 15px;
    color: #999;
    padding: 0 36px;
    box-sizing: border-box;
    margin-top: 20px;
}