@font-face {
   font-family: 'SourceHanSansCN-Regular';
   src: url('./SourceHanSansCN-Regular.ttf');
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd {
   /* 默认有边距，都要清除 */
   margin: 0;
   padding: 0;
   /*字体设置*/
   font-family: "SourceHanSansCN-Regular", "SourceHanSansSC-Light", "Source-Han-Light", "Source Han Sans CN", "SourceHanSansCN-Light";
   font-size: 14px;
   color: #ccc;
   /* 去掉列表的原点 */
   list-style: none;
   /* 默认鼠标 */
   cursor: default;
}

.main-content p {
   padding: 15px;
   line-height: 1.7;
   font-size: 14px;
   color: #888;
}

/*行内块元素*/

input, img {
   margin: 0;
   padding: 0;
   border: 0 none;
   outline-style: none;
   vertical-align: bottom;
}

/*行内元素*/

a, a:active, a:visited {
   /*下划线和颜色*/
   text-decoration: none;
   color: #ccc;
}

a:hover {
   color: #333;
}

textarea {
   /* 边框清零 */
   border: none;
   /* 轮廓线清零 */
   outline: none;
   /* 防止文本域被随意拖拽 */
   resize: none;
}

i {
   /*文字样式*/
   font-style: normal;
}

table {
   /*边框合并*/
   border-collapse: collapse;
   border-spacing: 0;
}

/* 使用伪元素清除浮动 */

.clearfix::before, .clearfix::after {
   content: "";
   height: 0;
   line-height: 0;
   display: block;
   visibility: none;
   clear: both;
}

.clearfix {
   *zoom: 1;
}

/* 版心*/

.w {
   width: 1000px;
   margin: 0 auto;
}

/* 头部 */
.head{
   height: 200px;
}
.head-top {
   height: 150px;
   position: relative;
}

.head-top .logo {
   display: inline-block;
   margin-top: 36px;
}

.head-top .logo span{
   display: none;
}

.head-top .search-box {
   margin-left: 40px;
   margin-top: 60px;
   display: block;
   height: 50px;
   width: 540px;
   display: inline-block;
   vertical-align: top;
}

.head-top .search-box input {
   width: 400px;
   height: 46px;
   border: solid 2px #009fe9;
   padding: 0 18px;
   display: block;
   float: left;
}

.head-top .search-box .search-btn {
   float: right;
   width: 100px;
   height: 50px;
   background-color: #009fe9;
   font-size: 20px;
   line-height: 50px;
   letter-spacing: 0px;
   color: #ffffff;
   text-align: center;
   cursor: pointer;
}

.head-top .search-box .search-btn:hover {
   background-color: #0481bb;
}

.head-top .tel {
   position: absolute;
   top: 67px;
   right: -60px;
}

.head-top .language {
   position: absolute;
   right: -60px;
   top: 30px;
   font-size: 13px;
   color: #4d4d4d;
}

.head-top .language a {
   color: #4d4d4d;
}

.head-top .language .active {
   color: #009fe9;
}

.head-top .tel .txt {
   display: inline-block;
}

.head-top .tel .txt p {
   font-size: 16px;
   letter-spacing: 0px;
   color: #4d4d4d;
}

.head-top .tel .txt .tel-num {
   font-size: 14px;
   font-weight: bold;
   letter-spacing: 0px;
   color: #009fe9;
}

/* 浮动顶部 */

.head-top.fixed-top {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   background: #009fe9;
   width: 100%;
   text-align: center;
   height: 60px;
}

.head-top.fixed-top .logo{
   margin-top: 0;
   position: absolute;
   left: calc(50% - 500px);
}
.head-top.fixed-top .logo img{
   display: none;
}
.head-top.fixed-top .logo span{
   display: block;
   height: 60px;
   line-height: 60px;
   color:#fff;
   letter-spacing: 10px;
   font-size: 20px;
}

.head-top.fixed-top .tel {
   display: none;
}

.head-top.fixed-top .search-box {
   margin-top: 5px;
   margin-left: 0;
}
/* 导航 */

.nav {
   width: 100%;
   height: 50px;
   background-color: #009fe9;
}

.nav li {
   width: 120px;
   height: 50px;
   font-size: 18px;
   text-align: center;
   color: #fff;
   line-height: 50px;
   display: inline-block;
   cursor: pointer;
}

.nav li.active {
   background-color: #fff;
}

.nav li.active>a {
   color: #009fe9;
}

.nav li a {
   color: #fff;
}

.nav li:hover {
   background-color: #fff;
}

.nav li:hover .menu {
   color: #009fe9;
}

.nav li dl {
   /* display: none; */
   position: absolute;
   width: 120px;
   z-index: 999;
   background: #009fe9;
}

.nav li dl dd:hover {
   background: #fff;
}

.nav li dl dd:hover>a {
   color: #009fe9;
}

.nav li .rig {
   min-width: 130px;
   padding-left: 10px;
   -webkit-filter: drop-shadow(0px 0 10px #eee);
   -moz-filter: drop-shadow(0px 0 10px #eee);
   -ms-filter: drop-shadow(0px 0 10px #eee);
   -o-filter: drop-shadow(0px 0 10px #eee);
   filter: drop-shadow(0px 0 10px #eee);
   box-shadow: 0px 0 10px #eee;
   position: relative;
   display: none;
}

.nav li .subox .fl>dd {
   position: relative;
}

.nav li .rig i {
   position: absolute;
   left: -14px;
   top: 20px;
   width: 0;
   height: 0;
   border: 7px solid transparent;
   border-right-color: #009fe9;
   overflow: hidden;
}

/* banner */

.banner {
   text-align: center;
}

.banner img {
   height: 240px;
   width: auto;
   /* min-width: 1920px; */
   object-fit: cover;
}

.banner .swiper-container img {
   width: 100%;
   height: 400px;
   object-fit: cover;
}

.banner .swiper-pagination {
   margin-left: 410px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   bottom: 43px !important;
}

.banner .swiper-pagination-bullet {
   width: 12px !important;
   height: 12px !important;
   margin: 0 5px!important;
   opacity: 0.7;
   background-color: rgba(255, 255, 255, 1) !important;
}

.banner .swiper-pagination-bullet-active {
   opacity: 1 !important;
}

/* footer */

.footer-box {
   background-color: #f5f5f5;
}

.footer-box .box {
   border-bottom: 1px solid#eaeaea;
}

.footer-box .box1 {
   height: 60px;
   line-height: 60px;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 0px;
   color: #4764b5;
}

.footer-box .box1 span {
   margin-right: 140px;
}

.footer-box .box1 span:last-child {
   margin-right: 0;
}

.footer-box .box1 i {
   width: 20px;
   height: 20px;
   display: inline-block;
   vertical-align: sub;
   margin-right: 10px;
}

.footer-box .box1 .foot-icon1 {
   background: url("../image/home/icon_b_1.png") no-repeat;
}

.footer-box .box1 .foot-icon2 {
   background: url("../image/home/icon_b_2.png") no-repeat;
}

.footer-box .box1 .foot-icon3 {
   background: url("../image/home/icon_b_3.png") no-repeat;
}

.footer-box .box1 .foot-icon4 {
   background: url("../image/home/icon_b_4.png") no-repeat;
}

.footer-box .box2 {
   padding-top: 22px;
   padding-bottom: 10px;
}

.footer-box .box2 .column {
   display: inline-block;
   vertical-align: top;
   margin-right: 110px;
}

.footer-box .box2 .column:last-child {
   margin-right: 0;
}

.footer-box .box2 .column .column-tit {
   font-size: 16px;
   line-height: 28px;
   letter-spacing: 0px;
   color: #4d4d4d;
   font-weight: bold;
}

.footer-box .box2 .column a {
   font-size: 14px;
   line-height: 28px;
   letter-spacing: 0px;
   color: #808080;
}

.footer-box .box2 .column1 {
   margin-right: 55px;
}

.footer-box .box2 .column1 .contact-box {
   width: 250px;
}

.footer-box .box2 .column1 .contact-box img {
   display: inline-block;
   width: 100px;
   height: 100px;
   vertical-align: top;
   margin-right: 5px;
}

.footer-box .box2 .column1 .contact-box .txt-box {
   display: inline-block;
   margin-top: 10px;
}

.footer-box .box2 .column1 .contact-box .txt-box .txt1 {
   font-size: 10px;
   letter-spacing: 1px;
   color: #4d4d4d;
}

.footer-box .box2 .column1 .contact-box .txt-box .txt2 {
   font-size: 24px;
   letter-spacing: 2px;
   color: #333333;
   margin-top: 0px;
   font-weight: bold;
}

.footer-box .box2 .column1 .contact-box .txt-box .txt3 {
   font-size: 14px;
   font-weight: bold;
   line-height: 28px;
   letter-spacing: 0px;
   color: #4664b5;
}

.footer-box .box2 .column1 .email {
   margin-top: 20px;
   width: 240px;
   height: 32px;
   background-color: #4764b5;
   font-size: 14px;
   line-height: 32px;
   padding-left: 10px;
   font-weight: bold;
   letter-spacing: 0px;
   color: #ffffff;
}

.footer-box .links {
   min-height: 24px;
   padding: 15px 0;
   color: #888;
   line-height: 24px;
   overflow: hidden;
}

.footer-box .links a {
   padding: 0 8px;
   color: #888;
}

.footer-box .copy {
   color: #999;
   text-align: center;
   padding: 12px 0;
   line-height: 18px;
}

.footer-box .copy a {
   color: #999;
   padding: 12px 0;
   line-height: 18px;
}

.footer-box .copy span a img {
   vertical-align: bottom;
   margin-bottom: 4px;
}

/* 内页通用 */

.inside-content {
   margin: -40px auto 0px auto;
   display: inline-block;
}

.inside-content .left-box .top {
   background-color: #fafafa;
   margin-bottom: 10px;
}

.inside-content .left-box {
   width: 200px;
   z-index: 1;
   float: left;
}

.inside-content .left-box .menu-box {
   padding: 30px 0;
   text-align: center;
}

.inside-content .left-box .menu-box li>a {
   font-size: 16px;
   font-weight: normal;
   font-stretch: normal;
   line-height: 50px;
   letter-spacing: 0px;
   color: #333333;
}

.inside-content .left-box .menu-box li .arr {
   display: none;
}

.inside-content .left-box .menu-box .on .arr {
   display: inline-block;
}

.inside-content .left-box .menu-box .on>a, .arr {
   color: #64a3f1;
}

.inside-content .left-box .menu-box a:hover {
   color: #64a3f1;
}

.inside-content .left-box .menu-box li dd a {
   font-size: 14px;
   font-weight: normal;
   letter-spacing: 0px;
   color: #808080;
   line-height: 30px;
}

.inside-content .left-box .menu-box li .topcate {
   position: relative;
}

.inside-content .left-box .menu-box li dd span {
   position: absolute;
   right: 20px;
   top: 7px;
   color: #808080;
   cursor: pointer;
}

.inside-content .left-box .menu-box li dd .sub {
   display: none;
   background: #efeeee;
   padding: 10px 0;
}

.inside-content .left-box .menu-box li dd .sub a {
   display: block;
}

.inside-content .left-box .title-box {
   width: 200px;
   height: 80px;
   background: url("../image/inside/img_left_titlebg.png") no-repeat;
   position: relative;
   padding-right: 90px;
   padding-top: 40px;
   text-align: center;
   margin: -40px 0 0 0;
}

.inside-content .left-box .title-box h1 {
   font-size: 20px;
   line-height: 30px;
   letter-spacing: 0px;
   color: #ffffff;
   margin: 0;
}

.inside-content .left-box .title-box h2 {
   font-size: 12px;
   line-height: 30px;
   letter-spacing: 0px;
   color: #ffffff;
}

.inside-content .right-box {
   width: 760px;
   background-color: #fff;
   z-index: 2;
   display: inline-block;
   position: relative;
   padding: 32px 20px;
}

.inside-content .right-box .breadcrumb {
   border-bottom: solid 1px #f0f0f0;
   padding-bottom: 32px;
   font-size: 14px;
   letter-spacing: 0px;
   color: #7e8080;
}

.inside-content .right-box .breadcrumb a {
   font-size: 14px;
   letter-spacing: 0px;
   color: #7e8080;
}

.inside-content .right-box .main-content {
   padding: 20px 0;
}

.inside-content .right-box .search-tab {
   position: absolute;
   right: 20px;
   top: 53px;
   border: 1px solid #e4e7ed;
   border-bottom: none;
   border-radius: 4px 4px 0 0;
   box-sizing: border-box;
}

.inside-content .right-box .search-tab a:hover {
   color: #64a3f1;
}

.inside-content .right-box .search-tab .tab {
   line-height: 26px;
   border-right: solid 1px #e4e7ed;
   padding: 0px 10px;
   display: block;
   float: left;
}

.inside-content .right-box .search-tab .tab:last-child {
   border-right: none;
}

.inside-content .right-box .search-tab .active {
   border-bottom: solid 1px #fff;
   color: #64a3f1
}

.inside-content .right-box .search-tab .active a {
   color: #64a3f1;
}

.blank30 {
   height: 30px;
   width: 100%;
   overflow: hidden;
}

.blank25 {
   height: 25px;
   width: 100%;
   overflow: hidden;
}

.blank20 {
   height: 20px;
   width: 100%;
   overflow: hidden;
}

#turn_page {
   text-align: center;
}

#turn_page a {
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 3px;
   padding: 10px 14px;
   margin: 0 3px;
   color: #888;
}

#turn_page .page_item_current {
   background: #4495ef;
   border: 1px solid #4495ef;
   border-radius: 3px;
   padding: 10px 14px;
   margin: 0 3px;
   color: #fff;
}

.clear {
   /* border-bottom: dashed 1px #888; */
   clear: both;
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.jump_page div, .jump_page div * {
   font-size: 14px;
   color: #888;
}

.jump_page2 {
   height: 48px;
   line-height: 48px;
   border: 1px solid #e5e5e5;
   overflow: hidden;
   margin-left: 30px;
}

.jump_page2 .lef {
   width: 290px;
   padding-left: 20px;
   font-size: 14px;
   color: #888;
}

.jump_page2 .rig {
   width: 275px;
   padding-right: 20px;
   text-align: right;
   font-size: 14px;
   color: #888;
}

.jump_page2 .mid {
   width: 118px;
   height: 48px;
   line-height: 48px;
   border-left: 1px solid #e5e5e5;
   border-right: 1px solid #e5e5e5;
   text-align: center;
   font-size: 14px;
   color: #888;
   overflow: hidden;
}

.jump_page2 div, .jump_page2 div * {
   color: #888;
   font-size: 14px;
}

#ol {
   border-bottom: #e5e5e5 1px dashed;
}

#ddInquiry {
   border: #e5e5e5 1px solid;
   width: 100%;
   border-bottom: none;
}

#ddInquiry td {
   height: 48px;
   line-height: 48px;
}

#ddInquiry .td1 {
   color: #555555;
   font-size: 14px;
   background: #f6f6f6;
   border-bottom: #e5e5e5 1px solid;
}

#ddInquiry .td2 {
   color: #888888;
   font-size: 14px;
   border-bottom: #e5e5e5 1px solid;
}

#ddInquiry .td3 {
   /*width:158px;*/
   width: 200px;
   border-right: #e5e5e5 1px solid;
}

#ddInquiry .td4 {
   width: 428px;
   border-right: #e5e5e5 1px solid;
}

#ddInquiry .td5 {
   border-right: none;
}

#ddInquiry .td6 {
   text-indent: 10px;
}

#ddInquiry .td7 a {
   display: block;
   margin: 0px auto;
   width: 122px;
   height: 31px;
   line-height: 31px;
   color: #4495ef;
   text-align: center;
}

#lib_join_detail {
   width: 728px;
   padding: 30px;
   overflow: hidden;
}

#lib_join_detail .brief {
   width: 668px;
   padding: 15px 30px;
   background: #f5f5f5;
   overflow: hidden;
}

#lib_join_detail .brief span {
   display: block;
   float: left;
   width: 222px;
   height: 45px;
   line-height: 45px;
   font-size: 14px;
   color: #888;
   overflow: hidden;
}

#lib_join_detail .detail {
   width: 728px;
   margin: 20px 0;
   font-size: 14px;
   color: #888;
   overflow: hidden;
}

#online {
   position: fixed;
   top: 220px;
   right: -140px;
   width: 180px;
   height: 200px;
   z-index: 10;
}

#online a {
   display: block;
   width: 180px;
   height: 40px;
   line-height: 40px;
}

#online a.on1 {
   background: #29a700;
}

#online a.on2 {
   background: #0380fb;
   position: relative;
}

#online a.on3 {
   background: #68a5e1;
}

#online a.on4 {
   background: #b9022d;
}

#online a.top {
   background: #777;
}

#online a .img {
   display: block;
   float: left;
   width: 25px;
   height: 25px;
   padding: 7px;
}

#online a span {
   display: block;
   float: left;
   width: 140px;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   color: #fff;
   overflow: hidden;
}

#online a.on2 span {
   position: absolute;
   left: -128px;
   top: 0;
   width: 120px;
   height: 120px;
   padding: 3px;
   background: #fff;
   overflow: hidden;
   display: none;
}

#online a.cur {
   margin-left: -140px;
}