body, html { background-color: #fff; width: 100%; height: 100%; color: #333; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

*, ul { margin: 0; padding: 0; box-sizing: border-box; }

a, a:active, a:focus, a:hover { color: #333; text-decoration: none; }

.open { transform: scale(1); visibility: visible; opacity: 1!important; }

ul { list-style-type: none; }

.mainbox { width: 100%; max-width: 1250px; padding: 0 15px; position: relative; overflow: hidden; margin: 0 auto; }

/*菜单*/
.header { width: 100%; padding: 0; position: fixed; top: 0; /* background-color: rgba(255, 255, 255, 0.9); */ background-color: #fff; border-bottom: 1px solid #f2f2f2; box-shadow: 0 0 10px #555; z-index: 99; /* background: linear-gradient(rgb(218, 217, 215) 15px, rgba(218, 217, 215, 0.85) 32px, rgba(218, 217, 215, 0.6) 50px, rgba(218, 217, 215, 0) 70px, rgba(218, 217, 215, 0)); */ }

.scoll-header-on { background-color: #fff!important; border-bottom: 1px solid #f2f2f2; box-shadow: 0 0 10px #555; }

.header .h-t { width: 100%; height: 30px; line-height: 30px; position: relative; padding: 0 10px; }

.header a.old-sitebox, .header a.userbox { display: flex; justify-content: center; align-items: center; }

.header a.userbox span { height: 100%; font-size: 16px; color: #333; }

.old-site-box { margin: 0 10px; }

.old-site-box span { display: inline-block; font-size: 16px; text-align: center; }

.old-site-box .olds_icon { background: url("../images/old-site.png") no-repeat center; background-size: contain; display: inline-block; vertical-align: top; }

.old-site-box .olds_icon { height: 24px; width: 24px; margin-right: 2px; }

.header .navbar-brand img { height: 100%; vertical-align: top; }

.navbar-toggle .icon-bar { background-color: rgba(0, 64, 152, 0.8); }

.header .navbar { height: 90px; margin: 0; width: 100%; }

.header .navbar .container-fluid { height: 100%; padding: 0 2%; width: 100%; }

.header .navbar .navbar-header { height: 100%; width: 215px; position: absolute; left: 2%; top: 0; bottom: 0; }

.header .navbar .navbar-brand { height: 100%; padding: 20px 15px; }

.header .nav { width: calc(100% - 350px); display: flex; justify-content: space-around; }

.header .nav>li { width: 12%; text-align: center; }

.header .nav>li.nohover { width: 4%; display: flex; justify-content: center; align-items: center; }

.header .nav>li.nohover .search-btn { width: 20px; height: 20px; background: url(../images/search.png) no-repeat; background-size: 20px 20px; cursor: pointer; position: static; }

.blank { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; }

.search-wrap { position: absolute; right: 40px; top: 10px; background: rgba(0, 64, 152, 1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); width: 400px; overflow: hidden; transition: 0.3s all; -webkit-transition: 0.3s all; padding: 5px 0; display: none; z-index: 999; }

.search-box { box-sizing: border-box; height: 60px; padding: 10px; }

.search_box .search_box_text_wrap { box-sizing: border-box; padding: 0 10px; height: 40px; line-height: 40px; width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); position: relative; padding-right: 50px; }

.search_box_text { width: 100%; float: left; border: none; height: 40px; line-height: 40px; outline: none; padding: 0 20px; font-size: 16px; }

.search_box_button { position: absolute; right: 20px; top: 0; height: 100%; width: 30px; background: url(../images/search-ss.png) no-repeat center; border: none; outline: none; }

.header .nav>li>a { padding: 0 5px; height: 90px; line-height: 90px; overflow: hidden; font-size: 20px; z-index: 10; }

/* .header.scoll-header-on .nav>li a {
    color: #333;
} */

/* .header.scoll-header-on .nav>li ul li a {
    color: #fff;
} */

.header .nav>li:before { content: ""; width: 80%; height: 4px; left: 10%; bottom: 0; position: absolute; background-color: rgba(0, 64, 152, 1); visibility: hidden; transform: scaleX(0); transition: all 0.5s ease-in-out 0s; }

.delB:before { display: none!important; }

.header .nav>li:hover::before { visibility: visible; transform: scaleX(1); }

.header .nav>li:hover>a { color: rgba(0, 64, 152, 1); }

.header .nav>li.active { border-bottom: 4px solid #004098; }

.header .nav>li>a:active, .header .nav>li>a:focus, .header .nav>li>a:hover { background-color: inherit; }

.header .nav>li.active>a:focus:before, .header .nav>li.active>a:hover:before, .header .nav>li.nohover:hover::before, .header .nav>li.nohover:visited:hover:before { visibility: hidden; }

.header .nav>li ul { display: block; width: 100%; min-width: auto; height: 0; border: none; box-shadow: none; background-color: rgba(0, 64, 152, 0.8); color: #fff; border-radius: 0; padding: 10px 3px; padding: 0; margin: 0; z-index: 1; overflow: hidden; transition: 0.5s ease-in-out; }

.header .nav>li ul li:first-child { margin-top: 10px; }

.header .nav>li ul li { height: 50px; }

.header .nav>li ul li>a { color: #fff; width: 100%; height: 40px; line-height: 40px; font-size: 17px; font-weight: 600; overflow: hidden; text-align: center; padding: 0; }

.header .nav>li.nohover { padding: 0; }

.header .nav>li ul li a:active, .header .nav>li ul li a:focus, .header .nav>li ul li a:hover { background-color: rgba(0, 64, 152, 1); color: inherit; }

.searchicon { width: 24px; vertical-align: middle; padding: 0 4px; }

.userdown, .usericon { background: url("../images/user.png") no-repeat center; background-size: contain; display: inline-block; vertical-align: top; }

.userbox .userdown { background-image: url("../images/user_d.png"); height: 10px; width: 10px; margin-left: 5px; }

.userbox .usericon { height: 15px; width: 15px; margin-right: 5px; }

.header .nav>li>a.userbox { justify-content: center; display: flex; align-items: center; font-size: 16px; color: #555; flex-wrap: nowrap; overflow: hidden; }

.swiper-container, .swiper-slide { width: 100%; height: 100%; overflow: hidden; }

.index_top_banner { height: calc(100% - 120px); width: 100%; z-index: 1; margin-top: 120px; }

.index_top_banner .swiper-button-next.index-next, .index_top_banner .swiper-button-prev.index-prev { width: 12px!important; height: 12px!important; }

.index_top_banner .swiper-pagination-bullet { width: 15px; height: 15px; }

.index_swiper_item { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }

.index_top_banner .swiper-pagination-bullet { background-color: #fff; opacity: 0.7; margin: 0 5px; }

.swiper-pagination-bullet { background-color: #fff; opacity: 1; }

.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(0, 64, 152, 1); opacity: 1; }

.swiper-button-prev.index-prev { background: url("../images/s_pre.png") no-repeat center; background-size: contain; height: 10px; width: 10px; position: relative; display: inline-block; margin: 0 20px 0 0; top: auto; left: auto; }

.swiper-button-next.index-next { background: url("../images/s_next.png") no-repeat center; background-size: contain; height: 10px; width: 10px; position: relative; display: inline-block; margin: 0 0 0 20px; top: auto; right: auto; }

.swiper-bottom { position: absolute; height: 32px; width: 100%; bottom: 0; display: flex; align-items: center; justify-content: center; }

.swiper-bottom .swiper-pagination { position: relative; display: inline-block; }

.index_section1 { margin-top: 10px; }

.index_section1_con { height: 330px; overflow: hidden; margin-top: 10px; }

.index_section1l_catbox { width: 100%; }

.index_section1l_catbox ul { }

.index_section1l_catbox ul li { float: left; display: flex; flex-direction: row; justify-content: center; align-items: center; max-width: 25%; /* padding: 0 10px 0 0;*/ width: 100px; }

.index_section1l_catbox ul>li+li+li:before, .index_section1l_catbox ul>li+li:before { padding: 0 0 15px 0; color: #848484; content: "|"; font-weight: bolder; }

.index_section1l_catbox ul li a { display: block; height: 40px; line-height: 28px; color: #333; font-size: 16px; font-weight: 600; width: 100%; text-align: center; overflow: hidden; white-space: nowrap; }

.index_section1l_catbox ul li a:hover, .index_section1l_catbox ul li.active a { background: url("../images/catbg.png") no-repeat center; background-size: 100% 100%; color: #fff; }

.index_section1l_listbox { width: 100%; overflow: hidden; display: none; }

.index_section1l_listbox ul li { }

.index_section1l_listbox ul li a { display: block; width: 100%; padding-right: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 15px; position: relative; height: 36px; line-height: 36px; }

.index_section1l_listbox ul li a:focus { }

.index_section1l_listbox ul li a span { position: absolute; right: 0; top: 0; height: 30px; line-height: 30px; text-align: right; color: #bbb; font-size: 13px; }

.index-section1-swiper { max-width: 600px; }

.index_section1_rcon { display: flex; justify-content: flex-end; }

.index_section1_stitle { width: 100%; height: 30px; line-height: 30px; padding: 0 80px 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 13px; }

.index-section1-swiper .swiper-pagination { text-align: right; bottom: 5px; padding-right: 30px; }

.index_section2 { margin-top: 20px; }

.index_section2_con { position: relative; width: 100%; height: 200px; }

.index_section2 .index_section2cell { position: absolute; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; height: 200px; width: 70%; }

.index_section2l { background-image: url("../images/fs_1.png"); left: 0; z-index: 10; }

.index_section2r { background-image: url("../images/fs_2.png"); left: 70%; z-index: 20; }

.index_section2r.is2roverclass { left: 30%; transition: 0.5s ease-in-out; }

.index_section2r.is2routclass { left: 70%; transition: 0.5s ease-in-out; }

.index_section2_z { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; transition: 0.5s all; }

.index_section2_zl { padding: 30px 0; height: 100%; }

.index_section2_zl1 { position: relative; width: 50%; margin: 0 auto; height: 100%; border: 2px solid #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.index_section2_zl1_title { color: #fff; font-size: 18px; text-align: center; padding-bottom: 10px; }

.index_section2_zl1_en { color: #fff; font-size: 15px; text-align: center; padding-bottom: 10px; }

.index_section2_zl1_btn { width: 50%; height: 30px; line-height: 30px; overflow: hidden; text-align: center; background-color: #fff; position: absolute; bottom: -15px; left: 25%; color: #555; }

.index_section2_zr { display: flex; align-items: center; flex-wrap: wrap; height: 100%; padding: 30px 0; }

.index_section2_zr a { display: block; color: #fff; height: 20px; line-height: 20px; overflow: hidden; font-size: 15px; }

.index_section2_zr a:hover { color: rgba(0, 64, 152, 1); }

.index_section2_zr a i { width: 4px; height: 20px; display: inline-block; background: url("../images/icon_1.png") no-repeat center; background-size: contain; vertical-align: top; margin-right: 10px; }

.links { margin-top: 10px; width: 100%; border-bottom: 1px #eee solid; position: relative; }

.section3 { display: inline-block; width: calc(50% - 30px); padding: 10px 0; overflow: hidden; }

.links_tit { color: rgba(0, 64, 152, 1); display: inline-block; width: 24%; height: 30px; line-height: 30px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; margin-right: 10px; }

.links select { width: 70%; border: none; padding: 5px 0; border-radius: 5px; }

.section3 i { display: inline-block; width: 1%; height: 15px; background: url(../static/images/separator.png) no-repeat center; margin-right: 1%; }

.footer { padding-bottom: 20px; /* margin-top: 20px;*/ position: relative; z-index: 1; }

.footercon { margin-top: 10px; overflow: hidden; padding: 10px 0; }

.footer_linkbox { width: 100%; display: flex; align-items: center; justify-content: flex-start; }

.footercon a { display: inline-block; padding-right: 20px; color: #333; font-size: 14px; font-weight: 600; height: 45px; line-height: 45px; overflow: hidden; }

.copyright, .footer_linkbox { margin: 0; padding: 10px 0; font-size: 15px; color: #848484; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.footercon .imgBox { display: table-cell; text-align: center; vertical-align: middle; margin: 0 10px; background-color: #f6f6f6; }

/* .footercon .imgBox .code {
    position: absolute;
    width: 120px;
    height: 120px;
    top: -120px;
    left: 0;
    opacity: 0;
    transition: .2s all;
} */

.footercon .imgBox:hover .code { opacity: 1; }

.footercon .imgBox img { margin: 10px; height: 100px; }

.footercon .imgBox p { font-size: 14px; padding-top: 5px; text-align: center; }

.b5pagebox { overflow: hidden; position: relative; text-align: center; }

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: rgba(0, 64, 152, 0.8); border-color: rgba(0, 64, 152, 1); }

.pagination>li>a, .pagination>li>span { color: #333; }

.pagination>li>a:hover { color: rgba(0, 64, 152, 1); }

.b5conbox { position: relative; }

.b5listbox { }

.b5listbox li { }

.b5listbox li a { display: block; padding: 10px; border-bottom: 1px dotted #e0e0e0; font-size: 14px; color: #333; width: 100%; line-height: 20px; }

.searchBox { width: 100%; height: 70px; }

.searchWrap { width: 500px; height: calc(100% - 10px); margin: 0 auto; border-bottom: 1px solid #f4f4f4; position: relative; }

.searchWrap input { outline: none; border: none; width: calc(100% - 60px); height: 50px; padding: 5px 0 5px 30px; position: absolute; left: 0; top: 9px; font-size: 18px; }

.searchWrap .searchB { width: 60px; padding: 5px 15px; position: absolute; display: table-cell; right: 0; top: 10px; text-align: center; cursor: pointer; background-color: rgba(0, 64, 152, 1); }

.videomain { width: 100%; max-width: 700px; margin: 0 auto; position: relative; margin-bottom: 10px; }

.videobxo { width: 100%; padding-bottom: 70%; position: relative; }

.videocon { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.videocon .video_tag-dimensions, .videocon video { width: 100%; height: 100%; }

.mbox_r { padding-left: 110px; width: 100%; min-height: 300px; }

@keyframes is2rmover {
  0% { left: 70%; }
  50% { left: 50%; }
  100% { left: 30%; }
}

@keyframes is2rover {
  0% { left: 30%; }
  50% { left: 50%; }
  100% { left: 70%; }
}

#dialogBox { position: fixed; height: 100%; width: 100%; text-align: center; z-index: 9999999; }

#dialogBox .close { width: 30px; height: 30px; position: absolute; top: 10%; right: 27%; cursor: pointer; z-index: 99999; margin: 0; font-size: 30px; background: url(../images/close.png) center no-repeat; background-size: cover; opacity: 1; }

#dialogContent { left: 10%; top: 15%; position: absolute; height: 70%; width: 80%; z-index: 2; display: flex; justify-content: center; }

.mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

/*手机*/
/* @media screen and (max-width: 768px){*/
@media screen and (max-width: 768px) {
  .header .navbar { height: 60px; }
  div.banner { margin-top: 68px; }
  div.index_top_banner { margin-top: 60px; height: calc(100% - 60px); }
  .navbar-toggle { margin-right: 0; margin-top: 12px; }
  .header .navbar-brand img { width: 216px; }
  .header .navbar .navbar-header { width: 100%; }
  .header .navbar .navbar-brand { padding: 12px 15px; }
  .index-section1-swiper { max-width: 100%; }
  .index_section1_rcon { height: 220px; }
  .navbar-collapse { background-color: #fff; }
  .header .nav { width: 100%; flex-direction: column; justify-content: center; margin: 0; margin-top: 60px; }
  .header .nav>li { width: 100%; padding: 6px 0; }
  .header .nav>li.nohover { width: 100%; padding: 10px; }
  .header .nav>li>a { height: 35px; line-height: 35px; text-align: center; font-size: 17px; }
  .header .nav>li ul { position: relative; background: rgba(255, 255, 255, 0.9); }
  .header .nav>li ul li a { color: #333; }
  .header .nav>li ul li a:hover { background-color: inherit; color: rgba(0, 64, 152, 1); font-weight: 600; }
  .index_section2_con { height: 405px; }
  .index_section2 .index_section2l { width: 100%; left: 0; }
  .index_section2 .index_section2r { margin-top: 5px; width: 100%; left: 0; top: 200px; }
  .index_section2_zl1 { width: 80%; }
  .footer_linkbox { justify-content: space-between; }
  .footercon a { padding-right: 0; }
  .mbox_l { width: 100%!important; position: static!important; margin-bottom: 0; transition: 0.2s; }
  .mbox_l li { display: inline-block!important; width: 23.5%!important; border-bottom: none!important; height: 40px Im!important; text-align: center; }
  .mbox_r { padding: 0; width: 100%; }
  .article h1 { margin-top: 0; }
  #branch { width: 100%!important; padding: 10px 0; }
  #friends { width: 100%!important; padding: 10px 0; }
  .h-t { display: block; }
  .searchWrap { width: 100%; }
  .old-site-box { display: none; }
  .h-t { display: none; }
  .search-wrap { position: static; width: 100%; overflow: hidden; background-color: #fff; border-radius: 10px; padding: 5px 0; display: none; }
  .search-box { box-sizing: border-box; height: 100%; padding: 0 10px; }
  #catListPicBox { margin: 0; }
  #catListPicBox a { padding: 10px 0 0 0; }
  #dialogBox .close { right: 4%; }
}

@media screen and (min-width: 1202px) and (max-width: 1400px) {
  #dialogBox .close { right: 22%; }
}

/*平板*/
@media screen and (min-width: 768px) and (max-width: 992px) {
  .header .navbar { height: 60px; }
  div.banner { margin-top: 68px; }
  div.index_top_banner { margin-top: 60px; height: calc(100% - 60px); }
  .header .nav { width: calc(100% - 180px)!important; }
  .header .nav>li>a { line-height: 60px; height: 60px; font-size: 14px; padding: 0 4px; }
  .header .nav>li { /* padding: 0 8px; */ }
  .header .nav>li ul li>a { font-size: 14px; }
  .header .navbar .navbar-brand { padding: 15px; }
  .index-section1-swiper { max-width: 100%; }
  .header .nav>li>a.userbox>span { display: none; }
  .old-site-box span { font-size: 14px; }
  .searchWrap { width: 80%; }
  .h-t { display: none; }
  #dialogBox .close { right: 10%; }
}

@media screen and (min-width: 992px) and (max-width: 1202px) {
  .header .navbar { height: 60px; }
  div.banner { margin-top: 68px; }
  div.index_top_banner { margin-top: 60px; height: calc(100% - 60px); }
  .header .nav { width: calc(100% - 200px)!important; }
  .header .nav>li>a { line-height: 60px; height: 60px; font-size: 16px; padding: 0 4px; }
  .header .nav>li ul li>a { font-size: 15px; }
  .header .nav>li>a.userbox { display: flex; justify-content: center; align-items: center; }
  .header .nav>li { /* padding: 0 8px; */ }
  .old-site-box span { font-size: 15px; }
  .header .navbar .navbar-brand { padding: 15px; }
  .header .nav>li>a.userbox>span { display: none; }
  .mbox_r { padding-left: 110px; width: 100%; }
  .searchWrap { width: 80%; }
  .h-t { display: none; }
  #dialogBox .close { right: 15%; }
}

/* .qcrS{position: relative; display: inline-block;}
.bigBox{position: absolute; top: 0; left: 0; border: 3px solid rgba(0,64,152,1); font-size: 20px; font-weight: 700; transition: 0.2s;}
.bigBox img{width: 100px;} */
.footer-l { margin-top: 15px; padding-left: 0; }

.footer-r { padding-right: 0; }

.footer-r .imgBox:first-child { margin-right: 0; }

.pagination ul { overflow: hidden; }

.pagination>li { float: left; }

.ellipsis { float: left; height: 32px; line-height: 40px; cursor: default; transition: none; background: 0 0; padding: 0 10px; }