@charset "UTF-8";body{padding:0;margin:0;list-style:none;font-family:'微软雅黑';color:#505050}
*{list-style:none;padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:rgba(255,0,0,0); margin: 0; padding: 0;}
a{text-decoration:none;color:#030304;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0}
a:hover , a:active , a:link{color:#000; text-decoration: none;}
img{max-width:100%}
button,input,label,select,textarea{outline:0;border-radius:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}
body{width:100%}
img{max-width:100%}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
::-webkit-scrollbar-thumb{background: #1d8ac5;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background: #1d8ac5;}
input,button{outline: 0;}
body{ background:#fff;}
#header.header-scrolled{ background:#fff;  padding:0}
#header .logo { padding: 20px 0; height: 86px;}
#header .logo h1{font-size:30px;margin:0;padding:0;line-height:1;font-weight:700;letter-spacing:1px}
#header .logo h1 a,#header .logo h1 a:hover{color:#fff;text-decoration:none}
.center{ background: #fff;}

.menubox{ display: flex; align-items: center; position: relative;}

.nav-menu,.nav-menu *{margin:0;padding:0;list-style:none}
.nav-menu>ul{display:flex;justify-content:center}
.nav-menu>ul>li{position:relative;text-align:center; width: 100%;}
/* .nav-menu>ul>li:hover .child-menu{ display: block;} */
.dropdown a i{ display: none;}
.nav-menu a{display:block;position:relative;color:#2a2a2a;transition:.3s;font-size:16px;line-height:86px}
.nav-menu .active>a,.nav-menu a:hover,.nav-menu li:hover>a{color:#2a2a2a;text-decoration:none; }
.nav-menu .active::before,.nav-menu li:hover::before{ position: absolute; content: ""; left: 20%; right: 20%; bottom: 0; height: 4px; background: #388abd;}

.child-menu li.active1 a{color:#0489d2 ;text-decoration:none; }
.nav-menu{ flex:1; padding: 0 20px; position: relative;}
/* .nav-menu .child-menu{ display: none;} */
.toprnav a{ padding: 0 10px;}
.toprnav a:hover{ color: #0489d2;}
.toprnav a:last-child{ padding-right: 0;}
.childnavbg{ position: absolute; left: 307px; right: 15px; top: 86px; background: rgba(255,255,255,.8); height: 166px; display: none;}
.childbox{ position: absolute; top: 86px; height: 166px; display: flex; width: 100%; z-index: 9; padding: 30px 0; display: none;}
.childbox ul{ width: 100%;}
.childbox ul li a{ line-height: 34px; font-size: 14px;border-left: 3px solid #dee0e5; padding-left: 10px;}
.childbox ul li::before{ display: none;}
.childbox ul li a:hover{ color: #0489d2; border-color: #388abd;}
.childbox ul li{ overflow: hidden;}

.child-menu{ position: absolute; left: 50%; margin-left: -75px; top:86px; width: 150px; background: rgba(255,255,255,.8); border:0; border-radius: 0; padding: 5px 0;  }
.child-menu li{ text-align: center;}
.child-menu li::before{content: "";right: 0;width: 1px;height: 20px;top: 15px;background: #f1f1f1;position: absolute; display: none;}
.child-menu li a{ font-size: 14px; background: none; color: #000; margin: 0; padding:5px 0;line-height: 28px;}
.child-menu li a:hover{ font-size: 14px !important; background: none !important; color: #0489d2 !important;}
.child-menu li a:hover::before{ display: none;}
@media (max-width:1366px){
  .nav-menu .drop-down .drop-down ul{left:-90%}
  .nav-menu .drop-down .drop-down:hover>ul{left:-100%}
  .nav-menu .drop-down .drop-down>a:after{content:"\ea9d"}
}
.mobile-nav{position:fixed;top:80px;bottom:0;z-index:9999;overflow-y:auto;left:-100%;width:100%;padding-top:0;background: #ffffff;transition:.4s;}
.mobile-nav *{margin:0;padding:0;list-style:none}
.mobile-nav a{display:block;position:relative;color: #000;padding:15px 0;text-align:center;font-size: 15px;}
.mobile-nav li>a{ border-bottom: 1px solid #388abd0a;}
.mobile-nav .active>a,.mobile-nav a:hover,.mobile-nav li:hover>a{color:#fff;text-decoration:none;background: #388abd;font-size: 15px;}
.mobile-nav .drop-down>a:after{content:"\e65a";font-family:iconfont;padding-left:10px; }
.mobile-nav .active.drop-down>a:after{content:"\e65a"}
.mobile-nav .drop-down ul{display:none;overflow:hidden;background:rgba(0,0,0,.1)}
.mobile-nav-toggle{position:absolute;right:15px;top:28px;z-index:9998;border:0;background:0 0;font-size:24px;transition:all .4s;outline:0!important;line-height:1;cursor:pointer;text-align:right}
.mobile-nav-toggle i{color:#444}
.mobile-nav-overly{width:100%;height:100%;z-index:9997;top:0;left:0;position:fixed;background: rgba(4,137,210,.6);overflow:hidden;display:none;background: rgba(0,0,0,.3);}
.mobile-nav-active{overflow:hidden}
.mobile-nav-active .mobile-nav{left:0}
.mobile-nav-active .mobile-nav-toggle i{color:#fff}
.header-one-top .headlogo{height:0;overflow:hidden;transition:all .5s}
.d-none{display:none!important}



.center{ padding: 40px 0;}
.ltitle{	height: 110px;background-color: #388abd; color: #ffffff;font-size: 28px; text-align: center;display: flex; align-items: center; justify-content: center; border-bottom: 4px solid #eba345; margin-bottom: 8px;}
.ltitle p{ margin: 0; flex:1;text-align: center;}
.ltitle span{ display: none;}
.group ul li a{height: 48px; display: block; text-align: left; position: relative; color: #5d5d5d;font-size: 16px; line-height: 48px; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; word-break: break-all;}
.group ul li a:hover{background-color: #388abd; color: #fff;}
.group ul li a:hover::before{ font-family: "iconfont" !important; content: "\e630"; top:0}
.group ul li.active a.para{background-color: #388abd; color: #fff;}
.group ul li.active a.para::before{font-family: "iconfont" !important; content: "\e630";  left: 0%;  top:0}
.group ul li.active ul{ background: #efeded;}
.group ul li ul li a.childa{ font-size: 14px;}
.group ul li.active1 a.childa{ color: #388abd; background: none !important;}
.group ul li ul li a.childa::before{ display: none;}
.group ul li ul li a.childa:hover{ color: #388abd; background: none !important;}
.bt{ display: flex; align-items: end;border-bottom: solid 1px #e2e2e2;color: #363636;	font-size: 18px; height: 40px;}
.bt p{ flex:1; margin: 0; text-align: right;font-size: 14px;color: #868686;line-height: 25px;margin-top: 6px;}
.bt span{ font-weight: bold;}
.bt p a{ font-weight: normal; font-size: 14px;color: #868686;}
.bt p b{ color: #2c7ca8;font-weight: normal;}
.bt p a:hover{color: #2c7ca8;}

.newlist ul li{ padding: 15px 0;border-bottom: solid 1px #e2e2e2;}
.newlist ul li h4 { padding-bottom: 10px;}
.newlist ul li h4 a{font-size: 18px;font-weight: bold;color: #353535; line-height: 20px;}
.newlist ul li h4 a:hover{ color: #388abd;}
.newlist ul li .memo{ padding-bottom: 10px; display: flex; align-items: center;color: #5c5c5c; font-size: 14px;}
.newlist ul li .memo .memol{ flex:1; padding-right: 15px;}
.newlist ul li .memo p{color: #5c5c5c; font-size: 14px; margin-bottom: 0; line-height: 24px;}
.newlist ul li .memo .memor a{width: 121px;height: 30px;background-color: #e8e8e8; display: block; text-align: center; line-height: 30px;font-size: 14px; color: #5c5c5c;}
.newlist ul li .memo .memor a:hover{width: 121px;height: 30px;background-color: #388abd; display: block; text-align: center; line-height: 30px;font-size: 14px; color: #fff;}
.newlist ul li .date{color: #5d5d5d;opacity: 0.9;}
.newlist ul li .date b{ font-size: 20px;color: #5d5d5d; font-weight: normal;} 


.faqsearch{ padding: 50px 0;}
.faqsearch form{ display: flex;}
.faqsearch form input{ flex:1; border: solid 2px #b8b8b8; border-right:0; border-radius:10px 0 0 10px ;background-color: #ffffff; padding: 0 17px; }
.faqsearch form button{ background-color: #1d8ac5; border-radius:0 10px 10px 0; border:0; height:44px;width: 97px;  color: #fff; }

.pager{color: #747474;}
.pager a{color: #747474;}
.pager a:hover{color: #388abd;}
.pager select{-webkit-appearance: searchfield-cancel-button;}


.contenttitle{font-size: 20px;color: #2e2e2e; text-align: center; padding: 33px 0 24px 0;}
.newshow{ text-align: center; padding-bottom: 20px;font-size: 14px;color: #868686;}
.newshowleft{text-align: left; }
.newshowleft a{ padding:10px; color:#fff;    background: #388abd; }
.content_p{font-size: 14px;line-height: 28px;color: #2e2e2e;}
.content{ overflow:hidden}

.faqbox ul li{background-image: linear-gradient(0deg,rgba(236, 248, 253, 0.74) 0%,rgba(245, 251, 253, 0.74) 100%),linear-gradient(#ffffff,#ffffff);box-shadow: -2.2px 4.5px 13.2px 0.8px rgba(85, 165, 252, 0.16);border-radius: 10px;border: solid 1px rgba(98, 151, 209, 0.2); margin-bottom: 40px;}
.faqbox ul li .bbox{ display: flex; align-items: center; padding: 23px; height: 100%;}
.faqbox ul li .bbox h4{font-size: 16px;	color: #388abd; font-weight: bold;}
.faqbox ul li .bbox h5{font-size: 14px;line-height: 24px;color: #2e2e2e;}


.feeditem{ display: flex; margin-top: 23px; align-items: center; border-bottom: 1px solid #cecece; height: 52px;font-size: 16px;color: #5d5d5d;}
.feeditem input{ flex:1; border:0; height: 52px; background: none; min-width: 1px; }
.feedbackbox h4{ font-size: 16px; line-height: 50px; padding: 0; margin: 0;}
.feedbackbox textarea{ width: 100%; height: 240px; border: 1px solid #cecece; background: none; padding: 10px;}
.feeditem1{ display: flex; margin-top: 10px; align-items: center; height: 42px;font-size: 16px;color: #5d5d5d;}
.feeditem1 input{ flex:1; border:1px solid #cecece; height: 32px; background: #fff; margin-right: 20px; padding: 0 5px; min-width: 1px; }
.feedbackbox button.btn{ padding: 10px 40px; margin: 30px 0;}


.searchtop{ background-color: #f6f6f6;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), inset 0px 3px 0px 0px #388abd; margin: 20px 0 40px 0; overflow: hidden; }
.searchtop dl{ display: flex; align-items: end; padding: 10px 0; margin: 0; border-bottom: 1px dashed #cac9c9; }
.searchtop dl dt{ width: 112px; text-align: center; font-weight: normal; font-size: 16px; color: #3d3d3d;line-height: 32px; position: relative;}
.searchtop dl dt::before{ content:""; position: absolute; right: 0; top:9px; width: 1px; height: 14px; background: #cccccc;}
.searchtop dl dd{ line-height: 26px; padding: 0 15px 0 10px; flex:1; display: flex; flex-wrap: wrap; overflow: hidden; position: relative;}
.searchtop dl dd a{ padding: 0 15px;font-size: 14px;color: #5d5d5d; min-width: 44px; text-align: center; display: inline-block; margin-top: 3px; margin-right: 3px;}
.searchtop dl dd a:hover{font-size: 14px; background: #eba345; color: #fff;}
.searchtop dl dd a.active{font-size: 14px; background: #eba345; color: #fff;}
.searchtop dl:last-child{ border:0}
.searchopen{ text-align: center; padding-bottom: 10px; font-size: 16px; margin: 0;}
.searchtop dl dd .searchopen{ position: absolute; right: 0; top: 2px; line-height: 30px; width: 30px; text-align: center; z-index: 999; padding: 0; }
.searchtop dl dd .searchopen i{ font-weight: bold;}
.searchtop dl dd .searchopen.on{transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ; -moz-transform:rotate(180deg) ; -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; }


.searchlist .top{height: 49px;background-color: #f6f6f6;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15),inset 0px 3px 0px 0px #388abd; display: flex; align-items: center;}
.searchlist .top p{font-size: 16px;	color: #3d3d3d; padding-top: 4px; margin: 0;}
.searchlist .top p:nth-child(1){ flex:1; text-align: center;}
.searchlist .top p:nth-child(2){ width: 424px; text-align: center;}
.searchlist .top p:last-child{width: 115px; text-align: center;}

.scenter ul li{ border-bottom: 1px solid #e2e2e2; padding: 20px 0; display: flex; align-items: center; line-height: 26px; font-size: 14px;}
.scenter ul li p{ margin: 0; color: #a2a2a2; text-align: center;}
.scenter ul li p:first-child{ color: #353535;}
.scenter ul li p:nth-child(1){ flex:1; text-align: left;}
.scenter ul li p:nth-child(2){ width: 424px; text-align: center;}
.scenter ul li p:last-child{width: 115px; text-align: center;}
.scenter ul li i{ color: #eba345;}
.scenter ul li a{ font-size: 14px;}
.scenter ul li a:hover{ color: #388abd;}

.booklist{ background: #f5f5f5; overflow: hidden;}
.booklist .item { background: url(../img/bookl.png) no-repeat bottom left; background-size: 100% auto; padding-bottom: 16px; display: flex; padding-top: 78px; justify-content: center;}
.booklist .item .img{ width: 198px; height: 245px; background: url(../img/book_bg.png) no-repeat; background-size: cover; padding: 1px;}
.booklist .item .img a{    margin-right: 12px;
    display: block;
    align-items: center;
    height: 100%;}
.booklist .item .img img{ width:100%; height:100%; max-width:none}
.booklist .item .memo{ padding-left: 24px; flex:1}
.booklist .item .memo h4 a:hover{ color: #388abd;}
.booklist .item{ width: 50%; float: left;}
/* .booklist .item{ height: 339px; background: url(../img/bookbg.jpg) no-repeat; background-size: 100% 100%;} */
.booklist .bookitembox .item:nth-child(2n){ background: url(../img/bookr.png) no-repeat bottom left; background-size: 100% auto; padding-bottom: 16px; display: flex; padding-top: 78px; justify-content: center;}


.footer{ background: #3a3c43; padding: 50px 0;color: #fff;}
.footer a{ color: #fff;}
.fnav a{ padding:0 10px;}
.copyright{ padding-top: 20px;}
.footer .item ul{ display: flex;}
.footer .item ul li{ text-align: center; line-height: 30px; margin-right: 50px;}
.footer .item ul li:last-child{ margin-right: 0;}
@media (min-width:992px){
  .d-lg-block{display:block!important}
  .d-lg-none{display:none!important}
  
}

@media screen and (max-width:1400px){
    .footer .item ul li{ margin-right:30px}
}
@media screen and (max-width:995px){
      .topnav{ display:none}
  .logo img{ height: 40px;}
  .container-fluid{ width: 100%;}
  .toprnav{display: none;}
  .childbox{ display: none;}
  .childnavbg{ display: none;}
  .ltitle{ padding: 0 15px; height: 60px;font-size: 18px; justify-content: end; display:none}
  .group{ display: none;}
  .group ul{ display: flex; flex-wrap: wrap;}
  .group ul li{ width: 33.3333%;}
  .group ul li a{ font-size: 14px;}
  .group ul li a:hover::before{  margin-left: -44px;}

  .bt span{ font-size: 16px;margin-top: 8px;}
  .ltitle p{ margin: 0; text-align: left; flex: none;}
  .ltitle span{ flex:1; text-align: right; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
  .child-menu{ position: unset; width: 100%; box-shadow: none;}
  .child-menu li{ overflow: hidden;}
  .child-menu li a{ padding: 6px 30px;}
  .dropdown a i{ position: absolute; right:20px; top: 15px; display: block;}
  .dropdown, .dropup { overflow: hidden;  }
  .mobile-nav a{ text-align: left; padding: 15px 20px;}
  .dropdown-backdrop{ display: none !important;}
 
}

@media screen and (max-width:768px){
  
  .footer{ text-align: center; padding: 20px 0; }
  .fnav{ text-align: center;}
  .footer .item { padding-top: 30px;}
  .footer .item ul{ justify-content: center;}

  .center{ padding: 10px 0;}
  .newlist ul li h4 { padding-bottom: 0px;}
  .newlist ul li h4 a{font-size: 15px;font-weight: bold;color: #353535; line-height: 20px;}
  .newlist ul li h4 a:hover{ color: #388abd;}
  .newlist ul li .memo{ padding-bottom: 10px; display: flex; align-items: center;color: #5c5c5c; font-size: 14px; flex-flow:wrap}
  .newlist ul li .memo .memol{ flex:none; padding-right: 15px; width:100%;}
    .newlist ul li .memo .memor {margin-top:10px}
  .newlist ul li .memo p{color: #5c5c5c; font-size: 12px; margin-bottom: 0; line-height: 22px;}
  .newlist ul li .memo .memor a{ width: auto; padding: 0 10px; height: 30px;background-color: #e8e8e8; display: block; text-align: center; line-height: 30px;font-size: 14px; color: #5c5c5c;}
  .newlist ul li .memo .memor a:hover{ width: auto;height: 30px;background-color: #388abd; display: block; text-align: center; line-height: 30px;font-size: 14px; color: #fff;}
  .newlist ul li .date{color: #5d5d5d;opacity: 0.9; font-size: 12px;}
  .newlist ul li .date b{ font-size: 12px;color: #5d5d5d; font-weight: normal;} 
  .newshow{padding-bottom: 20px;}

  .faqsearch{ padding:20px 0;}
  .faqbox ul li{ margin-bottom: 20px;}
  .feeditem{ margin: 0;}

  .searchtop dl dd a{ padding: 0 10px;}
  .searchlist{ overflow-x:auto;}
  .scrollx{ width:600px;}
  .searchlist .top p:nth-child(2){ width: 224px; text-align: center;}
  .scenter ul li p:nth-child(2){ width: 224px; text-align: center;}
  .booklist .item{ background: url(../img/mbook_bg1.png) no-repeat center bottom; background-size: 100% auto; padding-top: 20px; width: 100%;}
  .booklist .item .img{width: 128px;background-size: 100% auto;margin: 0 auto; height: auto;}
  .booklist .item .img img{width: 118px; }
  .booklist .item{ flex-flow: column-reverse;}
  .booklist .item .memo { padding-left: 0;}
  .booklist .item .memo h4{ text-align: center; font-size: 16px;}
  .booklist .item .memo h5{ display: none;}
  .booklist .bookitembox .item:nth-child(2n){ background: url(../img/mbook_bg1.png) no-repeat bottom left; background-size: 100% auto; padding-top: 20px;}
}
@media screen and (max-width:320px){
}