@charset "utf-8";

body {
    color: #b4eeff;}



Britannic Bold

a,a:hover {
    text-decoration: none;}

ul,li,ul li,ul,li,ul li a {
    text-decoration: none;
    margin-bottom: 0;
    list-style-type: none;}

ul li a,ul li a:marker {
    text-decoration: none !important;
    color: inherit;
    list-style-type: none !important;}

ul li a:marker {
    display: none;
    list-style-type: none !important;
    color: inherit;
    text-decoration: none !important;}

.fl {
    float: left;}

.fr {
    float: right;}

.clearfix {
    clear: both;}

ul,li {
    margin: 0;
    padding: 0;}

img {
    vertical-align: middle;}

html,body {
    font-size: 14px;
    line-height: 24px;
    color: #000;}

h3 {
    font-size: 22px;}

ul,li {
    list-style-type: none;}

img {
    border: none;}

a {
    text-decoration: none;
    color: #333;}

a:hover {
    text-decoration: none;
    color: #000;}

@font-face {
font-family:britannic;
src:url(../font/britannic.jpg)}

input {
    outline: none;}

textarea {
    outline: none;}

.clear {
    clear: both;}

.hide {
    display: none;}

.clearfix {
    clear: both;}

img {
    vertical-align: middle;}

.overfloat-dot-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.overfloat-dot-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
/*滚动条美化*/
::-webkit-scrollbar {
    width: 5px;}

::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
    border-radius: 5px;}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;}

::-webkit-scrollbar-button {
    background-color: #eee;
    display: none;}

::-webkit-scrollbar-corner {
    background-color: black;}

.top_down {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .6s linear .2s;
    transition: all .6s linear .2s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;}

.top_down.active .top_down_img {
    -webkit-animation: slide-fade 10s infinite 0s;
    animation: slide-fade 10s infinite 0s;}

@-webkit-keyframes slide-text-fade {
    0% {
        opacity: 0;}

    100% {
        opacity: 1;}
}

@keyframes slide-text-fade {
    0% {
        opacity: 0;}

    100% {
        opacity: 1;}
}

@-webkit-keyframes slide-fade {
    0% {
        opacity: .9;}

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0) rotateZ(0deg);
        transform: scale(1.1) translateY(0) rotateZ(0deg);}
}

@keyframes slide-fade {
    0% {
        opacity: .9;}

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1) translateY(0) rotateZ(0deg);
        transform: scale(1.1) translateY(0) rotateZ(0deg);}
}




/*公共样式*/
.container {
    margin: 0 auto;}

.hide {
    display: none;}

.show {
    display: block;}

/*.more {
    height: 15px;
    line-height: 15px;
    margin-top:50px;
}*/



/*.title {
    height: 40px;
    line-height: 40px;
    font-size: 28pt;
    overflow: hidden;
}

h2.index_title {
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    color: #2e60a1;
    font-weight: bold;
}

.titles {
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 28pt;
    font-weight: bold;
}
*/

h2.index_title {
    margin: 0;
    padding: 0;}

.containers {
    max-width: 1500px;
    margin: 0 auto;}

.containerss {
    max-width: 1500px;
    margin: 0 auto;}

.container2_box,.container3_box,.container4_box,.container5_box,.container6_box,.container7_box,.container8_box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;}

.mb30 {
    margin-bottom: 30px;}

.carousel-indicators {
    right: 20px;
    margin-left: 0;
    width: 30%;}

.carousel-indicators .active {
    margin: 0 5px;}

.carousel-indicators li {
    background: #247dc4;
    border: none;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin: 0 5px;}

/*导航*/
.ar_wap {
    display: none;}

.a_body {
    position: relative;
    z-index: 0;}

.section {
    overflow: hidden;}

.loader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999999;
    pointer-events: none;}

.loader .logoload {
    position: absolute;
    height: 1.6rem;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    z-index: 5;
    transition: .5s .3s;}

.loader .logoload img {
    height: 1.6rem;}

.loader ul {
    display: flex;
    justify-content: center;
    width: 100vw;
    height: 100vh;}

.loader ul li {
    width: 25%;
    background: #6c1576;
    height: 100%;}

.loader ul li:nth-child(1) {
    transition: height .5s .5s;}

.loader ul li:nth-child(2) {
    transition: height .5s .6s;}

.loader ul li:nth-child(3) {
    transition: height .5s .7s;}

.loader ul li:nth-child(4) {
    transition: height .5s .8s;}

.loader.hide {
    z-index: -999;
    opacity: 0;
    visibility: hidden;
    transition: 0s 1.5s;}

.loader.hide .logoload {
    opacity: 0;}

.loader.hide ul li:nth-child(1) {
    height: 0;}

.loader.hide ul li:nth-child(2) {
    height: 0;}

.loader.hide ul li:nth-child(3) {
    height: 0;}

.loader.hide ul li:nth-child(4) {
    height: 0;}

.wp {
    width: 15.6rem;
    padding: 0;
    margin: 0 auto;
    max-width: 94%;}

.fix-top {
    position: relative;
    position: relative\0;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    overflow: hidden;
    background: #fff;}

.fix-top.showdiv {
    top: 0;}

.fix-top::-webkit-scrollbar {
    width: 0;
    height: 8px;
    background-color: #f5f5f5;}

.fix-top::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e2e2e2;}

.fix-top::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #333;}

#m_nav .list_box1 {}

#m_nav .list_box1 li {
    text-align: center;
    padding: 0 .1rem;
    list-style-type: none;}

#m_nav .list_box1 li a {
    padding: 0;
    justify-content: center;
    font-size: .2rem;}

.headder_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    height: 1.3rem;
    transition: .5s;}

.headder_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/b_bg.jpg)no-repeat;
    background-size: 100% 100%!important;
    height: 328px;
    z-index: -1;}

.headder_box .wp {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding: 0 44px 0 57px;
    width: auto;}

.headder_box .logo img {
    max-width: 100%;}

.headder_box .logo img.img2 {
    display: none;}

.headder_box .right {
    align-items: center;
    padding: 0 0 0 .22rem;
    justify-content: space-between;}

.headder_box .right .ll .top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: -30px;
    margin-top: -30px;
    align-items: center;
    position: relative;
    z-index: 10;}

.headder_box .right .top {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;}

.list_box1 {
    display: flex;
    margin: 0 -3px;}

.list_box1 li {
    padding: 0;
    position: relative;}

.list_box1 li:before {
    content: "";
    position: absolute;}

.list_box1 li a {
    display: flex;
    align-items: center;
    border-radius: 12px;
    height: 24px;
    padding: 0 .18rem;
    font-size: .16rem;
    color: #fff;
    transition: .5s;}

#htmlu4 {
    padding-top: .1rem;}

.headder_box .right .ll .bottom {
    display: flex;
    justify-content: flex-end;
    margin: .24rem 0 0;}

.list_box2 {
    height: 40px;
    line-height: 40px;
    float: right;
    color:#b4eeff;}

.headder_box .search {
    position: relative;
    padding-left: .2rem;
    margin-top: 30px;}

.headder_box .search:before {
    content: '';
    width: 1px;
    height: .14rem;
    position: absolute;
    left: .02rem;
    top: 50%;
    margin-top: 0;}

.headder_box .search .form {
    display: block!important;
    position: relative;
    margin-left: .1rem;}

.headder_box .search .form .serinp {
    width: 0;
    position: absolute;
    top: -.24rem;
    right: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;}

.headder_box .search .form .serbtn {
    width: .4rem;
    height: .4rem;
    position: relative;
    text-align: center;
    line-height: .4rem;
    font-size: .22rem;
    color: #fff;}

.headder_box .search .form .serbtn input {
    display: none;
    position: absolute;
    top: -.28rem;
    left: 0;
    width: .4rem;
    height: .4rem;
    z-index: 3;
    border: 0;}

.headder_box .search .form .serinp input {
    width: 100%;
    height: .4rem;
    line-height: .4rem;
    background: #fff;
    border: 0;
    font-size: .15rem;
    border-radius: .4rem;
    color: #333;
    border: 1px solid #ddd;}

.headder_box .search .form:hover .serinp {
    width: 2.6rem;
    opacity: 1;
    visibility: inherit;}

.headder_box .search .form:hover .serinp input {
    padding: 0 .4rem 0 .1rem;}

.headder_box .search .form:hover .serbtn {
    color: #666;}

.list_boxjs {
    display: flex;
    align-items: center;}

.list_boxjs li {
    padding: 0;
    position: relative;}

.list_boxjs li>a {
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: rgba(255,255,255,.4)1px solid;
    height: 26px;
    padding: 0 .12rem;
    font-size: .12rem;
    color: #fff;
    transition: .5s;}

.list_boxjs li>a img {
    margin: 0 0 0 .14rem;}

.list_boxjs li dl {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(99,6,95,.95);
    border-radius: .12rem;
    padding: .12rem;
    transform: scaleY(0);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s;
    transform-origin: top;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    text-align: center;}

.list_boxjs li dl a {
    display: block;
    font-size: .12rem;
    color: rgba(255,255,255,.7);
    line-height: 2;
    transition: .5s;}

.list_boxjs li:hover dl {
    transform: scaleY(1);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);}

.list_boxjs li dl a:hover {
    color: #e2be8f;}

.showdiv .headder_box {}

.headder_box1 .right {
    width: 70%;}

#m_nav .list_box1 {
    justify-content: space-between;
    margin: 0 auto .1rem;}

#m_nav .list_box2 {
    flex-wrap: wrap;
    line-height: 1.75;
    justify-content: space-between;
    margin-bottom: .1rem;
    width: auto;
    margin: 0 auto .2rem;}

#m_nav .list_box2 li {
    padding: 0 .1rem;
    font-size: .15rem;}

#m_nav .list_box2 .search {
    display: none;}

.topl2 {
    display: none;}

.bg_s .headder_box::before {
    height: 0;}

.bg_s .list_box2 li a img.img1 {
    display: none;}

.bg_s .list_box2 li a img.img2 {
    display: block;}

.bg_s .headder_box .logo img.img1 {
    display: none;}

.bg_s 
.headder_box .logo img.img2 {
    display: block;}

.bg_s .list_box2 li {
    position: relative;}

.bg_s .list_box1 li:before {
    content: "";
    position: absolute;
    width: .05rem;
    height: .05rem;
    background: rgba(255,255,255,.7);
    border-radius: 50%;
    top: 50%;
    margin-top: -.028rem;
    left: -.025rem;}

.bg_s .list_box1 li:first-child:before {
    display: none;}

.bg_s .list_box1 .li svg {
    fill: #63065f;}

.bg_s .topl2 {
    display: block;}

.bg_s .topl1 {
    display: none;}

.topl1 #nav {
    width: 100%;
    padding: 0;}

.topl1 #nav li {}

.topl1 #nav li h3 {
    font-size: .18rem;
    color: #e1fdff;}

.headder_box .right .topl1 .bottom {
    margin: 0 0 0 0;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;}
#cssmenu #menu-button {
  display: none;}
#cssmenu {
  width: auto;
  line-height: 1;}
#cssmenu > ul > li {
  float: left;}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;}
#cssmenu.align-center ul ul {
  text-align: left;}
#cssmenu.align-right > ul > li {
  float: right;}
#cssmenu.align-right ul ul {
  text-align: right;}
#cssmenu > ul > li > a {
  padding: 15px 15px;
  font-size: .18rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #00ffff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;}

#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;}

#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  margin-left: -20px;}
#cssmenu li:hover > ul {
  left: auto;}
#cssmenu.align-right li:hover > ul {
  right: 0;}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .4s ease;
  -moz-transition: height .4s ease;
  -ms-transition: height .4s ease;
  -o-transition: height .4s ease;
  transition: height .4s ease;
  width:100%;}
#cssmenu ul ul li:first-child{border-top:5px solid #00C1F2;}

#cssmenu ul li:hover > ul > li {
  height: 50px;}
#cssmenu ul ul li a {
  height:50px;
  line-height:50px;
  width:150px;
  font-size: .16rem;
  background: #C8FFFF;
  text-decoration: none;
  color: #333;
  -webkit-transition: color .4s ease;
  -moz-transition: color .4s ease;
  -ms-transition: color .4s ease;
  -o-transition: color .4s ease;
  transition: color .4s ease;
  text-align:center;}


#cssmenu ul ul ul li a{margin-left:0;}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #fff;
  background:#4060ab;}
#cssmenu .nav_fixed{display:none;}

#cssmenu > ul > li.last-nav{display:none;}
.nav_mask{display:none;}
#cssmenu ul ul li:last-child a{border-bottom-left-radius:10px !important;border-bottom-right-radius:10px !important;}
@media all and (max-width: 1200px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
    position:absolute;
    z-index:999;
    height:100%;}
  #cssmenu > ul > li > a{font-size:.16rem;}
  #cssmenu ul {
    width: 100%;
    display: none;}
   #cssmenu ul.nav_bg{overflow-y:scroll;height:100%;position:fixed;padding-bottom:100px;}

  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;}
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);}
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;}
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;}
  #cssmenu ul ul li a {
    font-size: 14px;
    color: #fff;
    background: none;}
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #e1fdff;}
  #cssmenu ul ul ul li a {
    padding-left: 40px;}
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;}
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;}
  #menu-line {
    display: none;}
  #cssmenu #menu-button {
    display: block;
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    height:.6rem;}
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;}
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 20px;
    height: 7px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;}
  .open{background:#063c87;}
  *#cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;}
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;}
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;}
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;}
  #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
      color: #fff;
      background:#063c87;}
    #cssmenu ul ul li a{margin-left:5px;}
    #cssmenu ul ul ul li a{margin-left:20px;}

}







.search_btn {
    cursor: pointer;}

.list_box0 .li svg {
    fill: #c00;
    width: .18rem;
    height: .18rem;}

.search-dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s;}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    background: #ce9239;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: .9;
    -webkit-backdrop-filter: blur(15px);}

.search-dialog-box.on:before {
    height: 100%;}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none;}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0,0,0,.7);
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77,0,.175,1);}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: .6s;}

.search-dialog {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;}

.search-dialog .search-tit {
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none;}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0;}

.search-dialog .search-input {
    width: 8rem;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%;}

.search-dialog .search-input input[type=text] {
    float: left;
    height: .72rem;
    width: calc(100% - .72rem);
    background-color: initial;
    font-size: .2rem;
    line-height: .08rem;
    color: #333;
    transition: all .3s;
    padding: 0 .15rem;}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
    color: rgba(255,255,255,.5);}

.search-dialog .search-input input[type=text]:-moz-placeholder {
    color: rgba(255,255,255,.5);}

.search-dialog .search-input input[type=text]::-moz-placeholder {
    color: rgba(255,255,255,.5);}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color: rgba(255,255,255,.5);}

.search-dialog .search-input input[type=submit],.search-dialog .search-input .clear-btn {
    float: right;
    height: .72rem;
    width: .72rem;}

.search-dialog .search-input input[type=submit] {
    background-color: initial;
    background-repeat: no-repeat;
    background-position: 50%;
    background: #63065f url(../images/search-btn.jpg)50% no-repeat;
    background-size: .3rem;}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0,0,0,.2);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/close-btn.jpg);
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none;}

.search-dialog .search-input.on {
    background-color: #fff;}

.search-dialog .search-input.on input[type=submit] {}

.search-dialog .hot-search {
    font-size: 0;
    width: 19.5rem;
    margin: .6rem auto 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    overflow: hidden;}

.search-dialog .hot-search .hot-tit,.search-dialog .hot-search .hot-link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;}

.search-dialog .hot-search .hot-tit {
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: 700;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: .5rem;
    background-image:;}

.search-dialog .hot-link {
    margin-left: 1rem;}

.search-dialog .hot-link a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color: #fff;
    padding-bottom: 5px;
    position: relative;}

.search-dialog .hot-link a:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s;}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%;}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden;}

.search-dialog-box .bottom-box .copy {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    font-family: gilroy-regular;
    margin-top: .5rem;
    overflow: hidden;}

.header-right.is-open .bubbles-bg {
    visibility: visible;
    opacity: 1;}

.header-right.is-open .search-btn .con-box {
    display: none;}

.header-right.is-open .close-btn {
    display: block;}

.header-right.is-open .item .search-bg {
    transform: scale(1);}

.search-dialog-box.on {
    opacity: 1;
    visibility: visible;}

.search-dialog-box.on .search-bg {
    height: 100vh;}

.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible;}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0);}

.f-cb h3 {
    font-size: .3rem;
    color: #fff;
    text-align: center;
    margin-bottom: .3rem;}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;}

.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.jpg);
    transition: .6s;}

.pub-close i:hover {
    transform: rotate(180deg);}

@keyframes spin {
    to {
        transform: rotate(1turn);}
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);}
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn);}
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn);}
}

.list_box1 .li {
    margin-left: .1rem;}

.list_box1 .li a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    transition: .5s;
    width: .24rem;
    position: relative;
    height: 24px;}

.list_box1 .li input {
    position: absolute;
    width: 104%;
    height: 24px;
    border-radius: .15rem;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;}

.list_box1 .li svg {
    width: .24rem;
    height: .24rem;
    fill: #fff;
    transition: .5s;
    position: relative;
    z-index: 1;
    transition: .5s;}

.list_box1 .li.on a {
    width: 2rem;}

.list_box1 .li.on input {
    padding: 0 .5rem 0 .1rem;
    background: #fff;
    right: -.1rem;}

.list_box1 .li.on svg {
    width: .2rem;
    height: .2rem;}

.list_box1 .li.on a input {
    color: #63065f;
    border: #63065f 1px solid;}

.tc_search {
    margin: 0 1.3rem;
    width: calc(100% - 2.6rem);
    position: absolute;
    bottom: 1rem;}

.tc_search .header-search {
    height: 40px;
    border-radius: 0;
    background: rgba(255,255,255,.1);
    position: relative;
    width: 100%;
    margin-bottom: 1rem;}

.tc_search .focus_js {
    font-size: .875rem;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    box-shadow: none;
    -webkit-appearance: none;
    border-right: 0;
    background: 0 0;
    width: 100%;}

.tc_search .btn_blue {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 38px;
    line-height: 38px;
    border: 0;}

.tc_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;}

.tc_search input::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255,255,255,.7);}

.tc_search input::-moz-placeholder {
    color: #fff;
    color: rgba(255,255,255,.7);}

.tc_search input:-moz-placeholder {
    c color: #fff;
    color: rgba(255,255,255,.7);}

.tc_search input:-ms-input-placeholder {
    color: #fff;
    color: rgba(255,255,255,.7);}

.tc_search input:focus::-webkit-input-placeholder {
    color: transparent;}

.tc_search input:focus:-moz-placeholder {
    color: transparent;}

.tc_search input:focus::-moz-placeholder {
    color: transparent;}

.active#openBtn .lcitem.top {
    transform: rotateZ(45deg);
    top: 49%;}

.active#openBtn .lcitem.center {
    opacity: 0;}

.active#openBtn .lcitem.bottom {
    transform: rotateZ(-45deg);
    top: 49%;}

@keyframes move {
    0% {
        right: 0;}

    40% {
        right: 0;
        width: 0;}

    60% {
        right: auto;
        width: 0%;}

    100% {
        right: auto;
        width: 100%;}
}

.n_header #openBtn .lcbody .lcitem div {
    background: #fff;}

body.fixed {
    overflow: hidden;}

.slide_down_nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;}

.slide_down_nav .slide_down_nav_bg {
    position: fixed;
    right: 0;
    top: 0;
    height: 0;
    left: 0;
    background: #fff;
    background: #fff url(../images/slide_down_nav_bg.jpg)50% no-repeat;
    background-size: cover;
    transition: .9s cubic-bezier(.165,.84,.44,1).2s;}

.slide_down_nav .slide_down_nav_bg.on {
    height: 100%;}

.slide_down_nav_line_shuxian {
    position: absolute;
    left: 0;
    margin-left: -.5px;
    bottom: 0;
    width: 1px;
    height: 0;
    background: rgba(0,0,0,.15);
    opacity: 1;
    transition: .6s;}

.slide_down_nav_line_shuxian.on {
    height: 100%;
    transition-delay: 1s;}

.slide_down_nav .slide_down_nav_content {
    position: relative;
    z-index: 10;
    transition: .6s;
    height: 100%;
    opacity: 0;
    padding: 1rem 0 0;}

.slide_down_nav.on {
    visibility: visible;}

.slide_down_nav .slide_down_nav_content.on {
    transition: .6s;
    opacity: 1;}

.w1256 {
    max-width: 76%;
    padding: 0;
    margin: .9rem auto 0;
    height: 100%;
    display: flex;}

.miso_wzmap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;}

.miso_wzmap li {
    padding: .25rem .2rem;
    transform: translateY(.5rem);
    transition: .5s;
    opacity: 0;
    flex: 1;
    width: 12.5%\0;
    text-align: center;}

.miso_wzmap li:nth-child(1) {
    transition-delay: .1s;}

.miso_wzmap li:nth-child(2) {
    transition-delay: .2s;}

.miso_wzmap li:nth-child(3) {
    transition-delay: .3s;}

.miso_wzmap li:nth-child(4) {
    transition-delay: .4s;}

.miso_wzmap li:nth-child(5) {
    transition-delay: .5s;}

.miso_wzmap li:nth-child(6) {
    transition-delay: .6s;}

.miso_wzmap li:nth-child(7) {
    transition-delay: .7s;}

.miso_wzmap li:nth-child(8) {
    transition-delay: .8s;}

.miso_wzmap li:nth-child(9) {
    transition-delay: .9s;}

.miso_wzmap li h3 a {
    font-size: .22rem;
    color: #fff;
    position: relative;
    display: block;
    padding: 0 0 .18rem;
    margin-bottom: .16rem;
    font-weight: 700;}

.miso_wzmap li h3 a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: 1.2s 1.2s;
    transform: translateX(-50%);}

.miso_wzmap li dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.25rem;}

.miso_wzmap li dl dd {
    width: 100%;
    padding: 0 .25rem;}

.miso_wzmap li dl dd a {
    font-size: .17rem;
    color: #fff;
    line-height: .36rem;
    display: block;
    transition: .5s;}

.slide_down_nav_content.on .miso_wzmap li {
    transform: translateY(0);
    opacity: 1;}

.slide_down_nav_content.on .miso_wzmap li h3 a:before {
    width: .3rem;}

.banner {
    height: 100vh;
    position: relative;}

.main-visual-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;}

.main-visual-slider {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    position: relative;}

.main-visual-slider .swiper-slide {
    overflow: hidden;
    color: #fff;}

.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top,black 0,transparent 50%,transparent 63%,#000 100%);
    background: -webkit-linear-gradient(top,black 0,transparent 50%,transparent 63%,#000 100%);
    background: linear-gradient(to bottom,black 0,transparent 50%,transparent 63%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#c9000000',GradientType=0);
    transition: all 2.5s ease;}

.main-visual-slider .swiper-slide-duplicate-active .overlay,.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;}

.main-visual-slider .swiper-slide .visual-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1649px;
    height: 100%;
    width: 100%;}

.main-visual-slider .swiper-slide .visual-img a {
    display: block;
    width: 100%;
    height: 100%;}

.main-visual-slider .swiper-slide .visual-img img,.main-visual-slider .swiper-slide .visual-img video {
    width: 100%;
    height: 100%;
    object-fit: cover;}

.main-visual-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    top: 0;}

.main-visual-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;}

.search_img {
    padding: 0 0.1rem;}

.search_img img {
    margin-top: -5px;}

@media screen and (max-width:1200px) {
    .banner .slide-banner .swiper-slide .bat {
        height: .3rem;}
}

.main-visual-slider .swiper-slide .visual-img .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding: 0 0 .3rem 50px;
    z-index: 1;}

.main-visual-slider .swiper-slide .visual-img .txt::after {
    content: "";
    position: absolute;
    top: 0;
    right: 40%;
    bottom: 0;
    left: 0;
    background-size: 100% 1.4rem;
    z-index: -1;}

.main-visual-slider .swiper-slide .visual-img .txt h3 {
    font-size: .26rem;
    color: #fff;
    width: auto;
    line-height: 1.375;
    text-shadow: 0 0 .3rem rgba(0,0,0,.6);}

.main-visual-slider .swiper-pagination-bullet {
    margin: 0 20px;
    width: .36rem;
    height: .42rem;
    background: 0 0;
    opacity: 1;
    margin: 0!important;
    transition: .5s;
    position: relative;}

.main-visual-slider .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: rgba(255,255,255,.5);
    border-radius: 50%;
    transition: .5s;
    top: 50%;
    left: 50%;
    margin: -.065rem 0 0 -.065rem;}

.main-visual-slider .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: rgba(255,255,255,.5);
    border-radius: 50%;
    transition: .5s;
    top: 50%;
    left: 50%;
    margin: -.065rem 0 0 -.065rem;}

.main-visual-slider .swiper-pagination {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;}

.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    opacity: 0;}

.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    opacity: 1;
    transform: scale(1);
    background: rgba(255,255,255,1);
    width: .12rem;
    height: .12rem;
    margin-bottom: -1px;}

.main-visual-slider .swiper-pagination_box {
    position: absolute;
    bottom: .1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    z-index: 1;
    padding-right: .12rem;}

.b_m {
    position: relative;
    z-index: 1;
    margin-left: .2rem;}

.b_m:before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: .2rem;
    background: #ffff;
    opacity: .5;
    top: 50%;
    margin-top: -.1rem;}

.b_m h6 {
    display: flex;
    align-items: center;
    padding: 0 0 0 .25rem;}

.b_m h6 {
    font-size: .14rem;
    color: #fff;
    white-space: nowrap;}

.b_m h6 svg {
    width: .3rem;
    height: .3rem;
    fill: #fff;
    transform: rotateX(180deg);
    margin: 0 0 0 .1rem;
    transition: .5s;}

.miso-arrow1_b .miso-arrow1 {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;}

.miso-arrow1_b * {
    transition: all .5s ease 0s;}

.miso-arrow1_b .wp {
    display: flex;
    align-items: center;
    justify-content: flex-end;}

.miso-arrow1_b .miso-arrow1 {
    width: .27rem;
    height: .57rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    top: 50%;
    margin-top: -.28rem;}

.miso-arrow1_b .miso-arrow1 img {
    width: 100%;
    height: 100%;
    opacity: .5;}

.miso-arrow1_b .miso-arrow1.miso-prev1 {
    left: 1.2rem;}

.miso-arrow1_b .miso-arrow1.miso-next1 {
    right: 1.2rem;
    left: auto;}

.miso-arrow1_b .miso-arrow1:hover img {
    opacity: 1;}

.miso-arrow1_b .miso-prev1:hover .img2 {
    transform: translate(-50%,-50%)scale(1);
    opacity: 1;}

.miso-arrow1_b .miso-prev1:hover .img1 {
    transform: translate(calc(-50% - 100%),-50%)scale(0);
    opacity: 0;}

.miso-arrow1_b .miso-next1:hover .img2 {
    transform: translate(-50%,-50%)scale(1);
    opacity: 1;}

.miso-arrow1_b .miso-next1:hover .img1 {
    transform: translate(calc(-50% + 100%),-50%)scale(0);
    opacity: 0;}

.compensate-for-scrollbar {
    margin-right: 0!important;}

.fancybox-iframe,.fancybox-video {
    object-fit: cover;}

.cursor,.cursor::after {
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference;}

.cursor {
    width: .8rem;
    height: .8rem;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 120;
    visibility: hidden;
    pointer-events: none;
    cursor: none;
    text-align: center;
    border-radius: 50%;
    font-size: .14rem;}

.cursor .drag {
    opacity: 0;
    visibility: hidden;
    transition: .3s;}

.cursor.drag .drag {
    opacity: 1;
    visibility: visible;}

.cursor.drag:before {
    display: none;}

#nav_btn_box.on {
    background: 0 0;}

#nav_btn .point.on .navbtn::after,#nav_btn .point.on .navbtn::before {}

#nav_btn_box {
    position: relative;
    width: .85rem;
    height: .75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    min-width: .85rem;}

#nav_btn_box:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;}

#nav_btn .point {
    display: inline-block;
    width: .3rem;
    height: .18rem;
    position: relative;
    outline: none;}

#nav_btn .point:hover .navbtn,#nav_btn .point:hover .navbtn::after,#nav_btn .point:hover .navbtn::before {
    width: 100%;}

#nav_btn .navbtn {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;
    margin-top: -1px;}

#nav_btn .navbtn::after,#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #fff;}

#nav_btn .navbtn::after {
    top: -8px;}

#nav_btn .navbtn::before {
    top: 8px;}

#nav_btn .point.on .navbtn {
    background: 0 0;}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;}

.m_nav_list {
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    align-items: center;
    display: flex;
    background: rgba(255,255,255,.1);}

.m_nav_list::-webkit-scrollbar {
    display: none;}

#m_nav {
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 100vh;
    right: -105vw;
    top: 0;
    display: none;
    padding: 70px 20px 20px;
    overflow: hidden;
    pointer-events: none;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    display: block;
    align-items: flex-start;
    background: #063c87;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-image: -moz-linear-gradient( #354d9c 100%);
    background-image: -webkit-linear-gradient( #354d9c 100%);
    background-image: -ms-linear-gradient( #354d9c 100%);
    overflow: hidden;
    overflow-y: scroll;}

#m_nav .close {
    position: absolute;
    top: 7px;
    right: 15px;
    left: 15px;
    font-size: 30px;
    color: #333;
    z-index: 10000;
    width: auto;
    height: 35px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;}

#m_nav.act {
    pointer-events: auto;
    right: 0;
    opacity: 1;
    visibility: visible;}

#m_nav .search_box input.submit {
    background: #0656b7;
    background-size: 1.75rem;}

#m_nav .old_rukou {
    margin: .24rem 0 0;
    width: 100%;}

.list_box_nav_mobile {
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin: 0;
    margin-bottom: .2rem;}/
.list_box_nav_mobile>li {
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin: 0 auto;}

.list_box_nav_mobile>li .con {
    position: relative;}

.list_box_nav_mobile>li .a {
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.08);
    line-height: .5rem;
    color: #e1fdff;
    padding: 0;
    font-size: .16rem;
    display: flex;
    position: relative;
    transition: .5s;}

.list_box_nav_mobile>li .a h3 {
    width: 100%;
    color: #fff;}

.list_box_nav_mobile>li i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: url(../images/arrow_down.jpg) 50% no-repeat;
    background-size: 16px 16px!important;
    position: absolute;
    display: block;
    right: -5px;
    top: 0px;}

.list_box_nav_mobile>li.on1 i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a {
    color: #fff;}

.list_box_nav_mobile>li .list {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    display: none;}

.list_box_nav_mobile>li .list a {
    display: block;
    font-size: 14px;
    color: rgba(255,255,255,.6);
    line-height: 3;
    border: none;}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 888;
    background-color: rgba(0,0,0,.4);
    display: none;}

.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 100%;
    height: 60px;
    display: block;}

.wap_search .header-search {
    height: 40px;
    border-radius: 0;
    position: relative;
    width: 100%;
    margin: 10px auto;}

.wap_search .input {
    font-size: 14px;
    color: #646464;
    height: 40px;
    line-height: 40px;
    padding: 0 .24rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: 0 0;
    width: calc(100% - 40px);
    border: 0;}

input:focus, textarea:focus {
    outline: none;}

.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: -5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: url(../images/search.jpg) no-repeat;}

.wap_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;}

.wap_search input::-webkit-input-placeholder {
    color: #999;}

.wap_search input::-moz-placeholder {
    color: #999;}

.wap_search input:-moz-placeholder {
    color: #999;}

.wap_search input:-ms-input-placeholder {
    color: #999;}

.wap_search input:focus::-webkit-input-placeholder {
    color: transparent;}

.wap_search input:focus:-moz-placeholder {
    color: transparent;}

.wap_search input:focus::-moz-placeholder {
    color: transparent;}

.wap_search input:focus:-ms-input-placeholder {
    color: transparent;}

.a_news_img .swiper-pagination-fraction,.a_news_img .swiper-pagination-custom,.a_news_img .swiper-container-horizontal > .swiper-pagination-bullets {
    width: 30%;
    left: 70%;}

.a_news_img .swiper-horizontal>
.a_news_img .swiper-pagination-bullets,
.a_news_img .swiper-pagination-bullets.swiper-pagination-horizontal, 
.a_news_img .swiper-pagination-custom,.a_news_img .swiper-pagination-fraction {
    width: 30%;
    right: 0;
    left: 70%;
    bottom: 20px;}

.a_news_img .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #257ec5;
    opacity: 1;}

.a_news_img .swiper-pagination-bullet-active {
    background: #fff;}

.slide-inner {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-transition: all .6s linear .2s;
    transition: all .6s linear .2s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;}

.slide-inner.actives .visual-img {
    -webkit-animation: slide-fade 10s infinite 0s;
    animation: slide-fade 10s infinite 0s;}



/*轮播图*/
.banner .slide-banner .swiper-slide .bat {
    height: .24rem;}}

.search_ico img {
    margin-top: .4rem;}

.list_box2 a {
    color: #b4eeff;
    font-size: .15rem;
    padding: 0 .1rem;}
.list_box2 a.search_img{padding:0 0 0 0.1rem;}
.list_box2 a img.en{padding:0 0.1rem 0 0;}

.list_box2 a:hover {
    color: #ffffff !important;}

.list_box2 span {
    
    color: #b4eeff;}

#gotop {
    background: #3a8cd8 !important;}

.container01 .box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;}

.cursor.drag {
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    background: rgba(255,255,255,.4);}

.cursor:before {
    content: '';
    display: block;
    width: .5rem;
    height: .5rem;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)scale(1);
    transition: all .4s cubic-bezier(.3,1.83,.49,.88);
    display: none\0;}

.banner_box1 {
    height: 100vh;
    position: relative;
    overflow: hidden;}

banner_box1s {
    overflow: hidden;}

.banner {
    overflow: hidden;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;}

.banner .pubSvg {
    position: absolute;
    height: 70vh;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    top: 56%;
    z-index: 5;
    pointer-events: none;
    max-height: 70vh;}

.banner .pubSvg svg {
    height: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;}

.banner .pubSvg svg:last-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;}

.banner .scSvg {
    position: absolute;
    right: 0;
    width: calc((100vw - 16rem)/2 + 16rem);
    bottom: -2.3rem;
    z-index: 6;}

.banner .scSvg img {
    width: 100%;}

.banner .scDown {
    position: absolute;
    bottom: .2rem;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: .14rem;}

.banner .scDown i {
    display: block;
    width: 23px;
    height: 33px;
    animation: up 1.5s linear infinite;}

.banner .cls-0 {
    opacity: .2;}

.banner .cls-1 {
    fill: none;
    stroke: #fff;}

.banner .cls-1,.banner .cls-2 {
    fill-rule: evenodd;}

.banner .cls-2,.banner .cls-3 {
    fill: #fff;}

.banner .cls-3,.banner .cls-5,.banner .cls-6,.banner .cls-7 {
    stroke: #fff;}

.banner .cls-6 {
    stroke-miterlimit: 10;}

.banner .cls-7,.banner .cls-loop {
    stroke-width: 4px;}

.banner .cls-loop {
    stroke: #fff;
    fill: none;}

.banner .swiper-slide-active .cls-0 {
    opacity: .4;
    transition: all 1s linear 6s;}

.m_header_box {
    transition: .6s;
    display: none;
    height: .75rem;
    position: relative;
    z-index: 100000;}

.m_header_box header {
    padding: 0 0 0 15px;
    height: .75rem;
    background: #063c87;
    box-shadow: 0 3px 5px rgba(0,0,0,5%);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;}

.m_header_box header #logo img {
    height: .4rem;}

.m_header_box header #logo {
    padding: 0;
    width: 100%;}

.m_header_box .list_box1 {
    margin-right: .4rem;}

.m_header_box .list_box1 .li a {
    border-radius: 0;
    width: 28px;
    height: 20px;
    font-size: 10px;}

.banner .slide-banner .swiper-slide .bat {
    position: absolute;
    height: .7rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;}

.banner .slide-banner .swiper-slide .bat1 {
    right: 110%;}

.banner .slide-banner .swiper-slide .bat2 {
    left: 110%;}
/*动态*/
.lunbo {}

.a_news_con{width:750px;height:350px;background:url(../images/news_bg1.jpg) no-repeat left center;padding:54px 40px 40px 48px;margin-top:45px;
    box-shadow: 0 1px 5px #999;}
.a_news_pic{width:800px;height:530px;}
.a_news_con h2{font-size:20px;color:#000;line-height:20px;margin-bottom:30px;font-weight:bold;text-align:left;height:20px;overflow:hidden;
 white-space: nowrap;text-overflow: ellipsis;word-break: break-all;margin-top:0;}
.a_news_content{font-size:16px;line-height:30px;color:#666;text-align:left;height:90px;overflow:hidden;}

.a_news_time{color:#4e5194;margin:20px 0;font-size:16px;}
#swiper{height:565px;position:relative;}
#swiper .swiper-slide .a_news_con{position: absolute;left:0;top:75px;z-index:1;}
#swiper .swiper-slide .a_news_pic{position: absolute;right:0;top:35px;z-index:0;}
#swiper .lunbo_swiper_next{position: absolute;right:800px;opacity: 1;}
#swiper .lunbo_swiper_prev{position: absolute;right:888px;opacity: 1;}

.index_news_title{width:660px;height:70px;overflow:hidden;position:absolute;left:0;top:0;z-index:10;}
.index_news_title_l{float:left;}
.index_news_title_r{float:right;margin-top:50px;height:15px;line-height:15px;}

 .lunbo_swiper-pagination{bottom:150px;}
#swiper .swiper-pagination-fraction, #swiper .swiper-pagination-custom, 
#swiper .swiper-horizontal >#swiper  .swiper-pagination-bullets, 
#swiper .swiper-pagination-bullets.swiper-pagination-horizontal
{width:auto;top:auto;bottom:140px;left:30px;}

#swiper .swiper-pagination-bullet{width:13px;height:13px;background:#d2d5da;opacity: 1;}
#swiper .swiper-pagination-bullet-active{background:#5a8ce1;}
.a_news_more{background:#6f9eee;color:#fff;width:105px;height:32px;line-height:32px;font-size:14px;display:inline-block;text-align:center;
    position:absolute;right:40px;bottom:45px;}
.a_news_more:hover{color:#fff;}


.a_news_box {
    padding: 45px 0 70px;}

.container2_box {
    background: url(../images/news_bg.jpg) no-repeat bottom center #fff;}

.a_news_box .a_news_img img {
    width: 100%;
    height: 400px;}

.a_news_box .title .state_icon {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;}

.a_news_box .title .state_icon img {
    display: block;
    width: 40px;
    height: 40px;}

.a_news_box .title h2 {
    line-height: 40px;
    font-size: 28pt;
    color: #6365ac;
    padding-left: 60px;}

.lunbo {
    position: relative;
    overflow: hidden;}

.swiper {
    width: 100%;
    height: 100%;}

.swiper-slide {
  
    position: relative;
    justify-content: center;
    align-items: center;}


.lunbo_swiper-pagination{position:absolute;left:10%;bottom:150px;}
.lunbo_img  .swiper-button-prev {
    position: absolute;
    bottom: 0px !important;
    height: 68px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    backgrounf: #f8b623;}

.lunbo_img  .swiper-button-next {
    position: absolute;
    bottom: 0 !important;
    height: 68px;
    z-index: 10;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background: #eaf3fa;}
.lunbo_img .swiper-button-prev,
.lunbo_img .swiper-container-rtl .swiper-button-next {
    background: url(../images/arrow_l.jpg) no-repeat center center ;
    left: auto;
    width:88px;height:68px;}
.lunbo_img .swiper-button-next,
.lunbo_img .swiper-container-rtl .swiper-button-prev {
    background: url(../images/arrow_r.jpg) no-repeat center center ;
    width:88px;height:68px;}

.cl_box .a_news_pic img {
    width: 100%;
    height: 100%;}

.cl_box .con_box {
    background: -webkit-linear-gradient(left,#24a8e6, #3866b3);
    padding: 34px 35PX;
    width: 90%;
    height: 140px;}

.cl_box .con_box .con_box_top {
    overflow: hidden;
    color: #d4e8ff;
    font-size: 12px;}

.con_box_label {
    float: left;
    font-size: 14px;}

.con_box_date {
    float: right;
    font-size: 14px;}

.cl_box .con_box h3 {
    font-size: 20px;
    line-height: 40px;
    margin: 0;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 50px;}

.cl_box .con_box a:hover h3 {
    color: #b8efff;}

.cl_box .con_box a a:hover,.tex_box .tex_title a:hover {
    color: #354d9c;}



.tex_box .tex_data {
    width: 100px;
    text-align: center;
    border-right: 1px solid #b4d1e6;}

.tex_box .tex_data h2 {
    font-size: 32px;
    color: #354d9c;
    margin: 0;}

.tex_box .tex_data p {
    font-size: 15px;
    color: #8da2b7;
    margin: 0;}

.tex_box .tex_title {
    padding-left: 28px;
    min-height: 48px;
    font-size: 17px;}



.title .more1{margin-right:55px;}
/*通知公告*/
.gonggao_bg{background: url(../images/gonggao_bg.jpg) no-repeat top center;}
.gonggao .index_title{color:#eaf0ff;font-size:38px;text-indent:15px;}
.gonggao .title{margin-bottom:40px;}
.gonggao{width:705px;float:left;}
.gonggao_lis{background:url(../images/gg_bg.jpg) no-repeat top center;height:465px;padding:30px 40px;}
.a_gonggao_box {
    padding: 70px 0 75px;
    overflow: hidden;}
.gonggao .tex_box li  {
    border-bottom: #e0e5e8 1px solid;
    height:81px;
    display: block;
    position: relative;
    font-size: 18px;
    color: #000000;
    padding:0 15px;}
.gonggao .tex_box li:last-child{border-bottom:0;}
.gonggao .tex_box li a:hover .tex_title {
    color: #354d9c;}
.gonggao .tex_box li a:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 0;
    height: 1px;
    background: #63065f;}
.gonggao .tex_day{background:url(../images/date.jpg) no-repeat center center;width:50px;height:48px;
    line-height:48px;color:#3464a6;font-size:28px;font-family:britannic;margin-top:16px;}
.gonggao .tex_day h3{margin:0;font-weight:bold;line-height:48px;text-align:center;color:#3464a6;}
.gonggao .tex_year{line-height:81px;margin:0;}
.gonggao .tex_year p{margin:0;font-size:16px;color:#6c7b97;margin-left:10px;}
.gonggao .tex_box .tex_title{padding-left:25px;}
.gonggao .tex_box .tex_title {
    height:81px;
    line-height: 25px;
    padding-left:25px;
    font-size: 18px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;}
.gonggao .tex_box .tex_title a:hover{color:#3464a6;}
.gonggao .tex_box .tex_title a{max-height:50px; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
/*招生就业*/
.zhaosheng .title{margin-bottom:40px;}
.zhaosheng .index_title{color:#4655ac;font-size:38px;}
.zhaosheng{width:750px;float:right;}
.zhaosheng_main{overflow:hidden;}
.zhaosheng_main_l{width:216px;float:left;}
.zhaosheng_main_top{height:297px;background:#7884f0;text-align:center;padding:50px 0 0;}
.zhaosheng_main_top h2{font-size:27px;color:#e1f4fb;margin:30px 0 0 ;}
.zhaosheng_main_bot{overflow:hidden;color:#e3f0ff;}

.zhaosheng_main_bot_l{width:108px;float:left;background:#586ee6;text-align:center;padding:30px 0 0 0;height:161px;}
.zhaosheng_main_bot_r{width:108px;float:right;background:#4555ac;text-align:center;padding:30px 0 0 0;height:161px;}
.zhaosheng_main_bot_l h2,.zhaosheng_main_bot_r h2{font-size:20px;}
.zhaosheng_main_r{width:534px;float:right;background:#fff;padding:36px 30px;}
.zhaosheng_main_r li{height:55px;line-height:50px;border-bottom:1px solid #d2dbe0;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;padding:0 15px;}
.zhaosheng_main_r li a{font-size:18px;background:url(../images/zs_circle.jpg) no-repeat left center;padding-left:20px;color:#000;}
.zhaosheng_main_r li a:hover{color:#3464a6;}
/*数说中心*/
.num_box{background:url(../images/number_bg.jpg) repeat-y bottom center;padding:120px  0 82px ;}
.a_number_box{position:relative;}
.number_title{position:absolute;right:0;top:-60px;}
.number_title1{display:none;}
.num_box h2.index_titles{color:#fff;}
.num_box .title{margin-bottom:40px;}
.num_swiper{overflow:hidden;}
/*.num_swiper .swiper{padding-bottom:90px;}*/
.num_lis{width:1200px;margin:0 auto;}
.num_li{float:left;width:16%;}
.num_li{margin:0 2%;}
.num_li:last-child{margin-right:0;}
.num_li1,.num_li5{margin-top:76px;}
.num_li2,.num_li4{margin-top:38px;}
.num_li .num_li_icon{float:left;width:190px;height:191px;background:url(../images/circle.jpg) no-repeat top center;text-align:center;
    line-height:191px;margin-bottom:30px;}
.num_li .num_li_icon img{width:84px;}
.num_li .num_li_infor{float:left;text-align:center;width:100%;}
.num_li .num_li_infor p{color:#000;font-size:18px;margin-top:10px;line-height:40px;}
.num_li .num_li_infor .num_li_num{color:#1f4e81;font-size:35px;font-family:britannic;}
.num_li .num_li_infor .num_li_num span{font-size:20px;color:#000;}
.num_box .swiper-slide{background:none;}
#swiper-pagination1.swiper-pagination{bottom:-6px;}
#swiper-pagination1 .swiper-pagination-bullet{width:19px;height:20px;background:url(../images/num_tab2.jpg) no-repeat center center;opacity: 1;border-radius:0;}
#swiper-pagination1 .swiper-pagination-bullet-active{background:url(../images/num_tab1.jpg) no-repeat center center;opacity: 1;border-radius:0;}
#swiper-pagination1 span{margin:0 12px;}


/*国际交流*/
.jiaoliu_box{background: url(../images/jiaoliu_bg.jpg) no-repeat top center;}
.jiaoliu .index_title{color:#eaf0ff;font-size:38px;text-indent:15px;}
.jiaoliu .title{margin-bottom:38px;}
.hangye .title{margin-bottom:38px;}
.jiaoliu{width:718px;float:left;}
.hangye{width:718px;float:right;}
.a_jiaoliu_box{padding:90px 0;}
.a_jiaoliu_box .more1{margin-top:15px;}
.hangye .more1{margin-top:15px;margin-right:0;}
.jiaoliu .more1{margin-top:15px;margin-right:0;}
.jiaoliu_main{overflow:hidden;}
.jiaoliu_li_top{height:160px;overflow:hidden;background:rgba(0,0,0,0.2);}
.jiaoliu_li_top_l{float:left;width:223px;}
.jiaoliu_li_top_l img{width:223px;height:160px;}
.jiaoliu_li_top_r{float:left;width:495px;padding:18px 40px;}
.jiaoliu_li_top_r a{color:#fff;font-size:20px;}

.jiaoliu_li_top_r h2{margin:0;font-size:20px;line-height:40px;max-height:80px;overflow:hidden;}

.jiaoliu_li_top_r p{color:#698bc5;font-size:16px;margin-top:12px;}
.jiaoliu_li_top_r p img{margin-right:10px;}
.jiaoliu_li_li{height:68px;line-height:68px;border-bottom:1px solid #2c62c2;background:rgba(0,0,0,0.1);
    padding:0 25px;overflow:hidden;color:#fff;}
.jiaoliu_li_li:last-child,.jiaoliu_li_last{border-bottom:0;}
.jiaoliu_li_li a{float:left;width:81%;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;color:#dfd7f9;font-size:16px;
    background:url(../images/hyxx_icon1.jpg) no-repeat left center;padding-left:35px;height:68px;line-height:68px;}
.jiaoliu_li_li a:hover{text-decoration: underline;}
.jiaoliu_li_li span{float:right;width:15%;text-align:right;color:#919add;}







/*footer*/
.footer {
    position:relative;
    background:url(../images/bottom_bg.jpg) no-repeat top center;
    overflow: hidden;
    padding: 60px 0 55px;
    border-top:2px solid #fff;}
.footer .containers{width:1420px;margin:0 auto;}
.footer_l {
    float: left;
    width:540px;}
.footer_l_top{border-bottom:1px solid #b1b1b1;margin-bottom:30px;padding-bottom:31px;}
.footer_l_bot p{line-height:32px;margin:0;font-size:16px;color:#666;text-indent:10px;}
.footer_c {
    float: left;
    width: 550px;
    margin:0 70px 0 110px;}
.footer_c h2{margin:0;color:#31459e;font-size:30px;margin-bottom:37px;}
.footer_link a{float:left;line-height:40px;color:#666;margin:0 30px 0 0;font-size:16px;}
.footer_r {
    float: right;
    width: 10%;
    text-align:center;}
.footer_r h2{font-size:16px;color:#2954a2;margin:10px 0;text-align:center;}




















/*新闻*/
.banners img {
    width: 100%;}

.abouts {
    min-height: 400px;
    margin-bottom: 100px;}

.main_l {
    width: 308px;
    position: relative;}

.main_r {
    width: 1094px;}

.main_nav {
    background:url(../images/nei_tab.jpg) no-repeat left center;
    color: #fff;
    height: 138px;
    position: absolute;
    top: -138px;
    width: 308px;
    text-align: center;
    line-height: 138px;
    font-size: 35px;
    font-weight: bold;}

.main_navs {
    width: 308px;
    background:#fff;
    box-shadow: 0 0 10px rgba(9,153,242,.3);
    border-bottom-right-radius:40px;
    padding:0;
    margin-bottom:30px;}

.main_navs li {
    height: 85px;
    line-height: 85px;
    border-bottom: 1px solid #d6dee1;
    background: url(../images/dian.jpg) no-repeat 44px center;
    text-indent:30px;}

.main_navs li a {
    color: #000;
    font-size: 22px;
    padding:0 44px;
    height: 85px;
    line-height: 85px;
    display:block;}
.main_navs li a:hover{
    color:#2b4b86;
    display:block;
    background: url(../images/dian.jpg) no-repeat 44px center #f5f6f8;
    border-bottom: 1px solid #d6dee1;}
.main_navs .logos{
    text-align: center;}
.main_navs .logos img{
    margin:30px auto;}


.main_r_top {
    margin: 62px 0 60px;
    height: 36px;
    line-height: 36px;
    position:relative;}
.main_r_top1 {
    margin: 62px 0 40px;}
.main_nav_title {
    position:absolute;
    left:0;top:0;
    background:#fff;
    z-index:1;
    padding-right:28px;}

.navs_r {
    position:absolute;
    color: #959595;
    border-bottom:1px solid #9fb9de;
    height:32px;line-height:32px;
    width:100%;
    text-align:right;
    right:0;top:-8px;
    z-index:0;}

.main_r_top h2 {
    margin: 0;
    color: #4060ab;
    font-weight: bold;
    font-size:36px;}

.navs_r a {
    color: #666;
    margin-right: 5px;}

.navs_r span {
    color: #666;}

.navs_r a:hover {
    color: #3b4f9a;}

.about_information {
    line-height: 30px;
    color: #3b3b3b;
    font-size: 16px;}

.about_information p {
    margin: 0;
    line-height: 35px;
    color: #000000;}

.news_navs {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;}

.news_navs li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    text-align: center;}

.news_navs li img {
    margin-right: 20px;}

.news_navs li a {
    color: #000;
    font-weight: bold;
    font-size: 20px;}

.news_navs li a.active,.news_navs li a:hover {
    color: #3b4f9a;}

.news_li {
    position: relative;
    padding:20px 35px;
    background: #f8f8f8;
    border-top-left-radius:30px;
    border-bottom-right-radius:30px;
    margin-bottom:32px;}
.news_li:hover,.news_li.active{background:#065fbf;color:#fff;}
.news_li:hover .news_li_top,.news_li.active .news_li_top{border-bottom:1px solid #0aa6c7;}
.news_li:hover .news_li_time,.news_li:hover .news_li_time span,.news_li.active .news_li_time,.news_li.active .news_li_time span{color:#fff;}

.news_li:hover .news_li_top h2,.news_li.active .news_li_top h2{color:#fff;}

.news_li_top{border-bottom:1px solid #ccc;overflow:hidden;height:50px;line-height:50px;}
.news_li_top h2{font-size:20px;color:#000;font-weight:bold;float:left;width:75%;margin:0;height:50px;line-height:50px;overflow:hidden;}
.news_li_top h2 a{color:#000;height:50px;line-height:50px;}
.news_li_top .news_li_time{float:right;width:20%;text-align:right;color:#999;font-size:16px;}
.news_li_top .news_li_time span{color:#0099cc;font-size:24px;padding:0 10px;}



.news_li_con .news_li_title {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #426586;}

.news_li:hover .news_li_top h2 a,.news_li.active .news_li_top h2 a{
    color: #fff;}

.news_li_main {
    line-height: 25px;
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color:#797979;font-size:15px;margin:10px 0;}

.news_li:hover .news_li_main a,.news_li.active .news_li_main a{
    color:#a5e3fc;}

.news_content h2 {
    font-size: 24px;
    line-height: 35px;
    color: #000;
    text-align: center;}

.news_cont_label {
    margin: 20px 0 0;
    text-align: center;
    font-size: 16px;}

.news_cont_label span {
    display: inline-block;
    margin: 0 20px;
    color: #999;}

.news_contents {
    line-height: 30px;
    color: #3b3b3b;
    font-size: 18px;}

.news_contents p {
    margin: 0;
    line-height: 35px;
    color: #000000;}

.news_contents img {
    margin: 10px auto;
    text-align: center;
    display: block;
    max-width: 100%;}

.photo{overflow:hidden;}
.photo_title{height:30px;line-height:30px;}
.photo_title_l{float:left;}
.photo_title_l h2{font-size:26px;color:#4d52ba;background:url(../images/line.jpg) no-repeat left center;text-indent:20px;float:left;margin:0;line-height:30px;}
.photo_title_l span{float:left;color:#999;font-size:15px;margin-left:10px;}
.photo_title .more{float:right;}

.photo_lis{margin-right:-40px;}
.photo_li{float:left;width:520px;height:272px;background:#f6f6f6;margin:38px 47px 0 0;
    border-bottom:3px solid #00b1ec;padding:33px 37px 33px 37px;}
.photo_li_l{float:left;width:157px;height:205px;}
.photo_li_l img{width:100%;}
.photo_li_r{float:left;margin-left:37px;width:250px;}
.photo_li_r h2{font-size:22px;color:#4060ab;margin:0 0 20px;height:24px;line-height:24px;}
.photo_li_r p{font-size:16px;color:#333;margin-bottom:20px;padding-bottom:20px;line-height:16px;
    overflow:hidden; white-space: nowrap;text-overflow: ellipsis;word-break: break-all;border-bottom:1px dashed #aeaeae;}

.photo_li_con{font-size:15px;color:#7f7f7f;margin-bottom:20px;line-height:25px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.photo_more{float:right;display:block;width:108px;height:36px;background:url(../images/mores2.jpg);}
.photo_more:hover{background:url(../images/mores1.jpg);}
.about_content img {
    width: 100%;
    margin: 20px auto;}

.modal-dialog {
    margin: 25% auto;}

.search_con {
    height: 70px;
    line-height: 70px;
    background: #006699;
    }

.search_con_input {
    float: left;
    width: 80%;
    border: 0;
    padding: 0 10px;}

.search_con_btn {
    float: right;
    width: 20%;
    color: #fff;
    text-align: center;
    font-size: 18px;
    height: 72px;}

.search_con_btn:hover {
    color: #fff;
    text-decoration: underline;}

button.close {
    top: 30px;
    right: 30px;}

button.close img {
    width: 20px;
    height: 20px;
    transition: all 0.6s ease 0s;}

.close:focus, .close:hover {
    opacity: 1;}

.close {
    opacity: 1;
    margin: 50px 50px 0 0;}

.sections_title {
    position: sticky;
    position: -webkit-sticky;
    top: 170px;}
/*内页banner*/
.visual-img .iphone_nei{display: none;}
/*内页banner结束*/