/*  公共top  */
.out_top {
    background-color: #fff;
}
.top {
    display: flex;
    justify-content: space-between;
    height: 11vw;
    background-color: #fff;
}
.top a {
    flex: 8;
    height: auto;
}
.top .logo {
    display: block;
    width: 100%; 
    object-fit: cover;
    margin-left: -3vw;
}
.top .kind {
    flex: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    /* width: 7.8vw; */
}
.top .kind li {
    width: 38%;
    height: 0.75vw;
    background-color: #1470B9;
    margin-bottom: 2vw;
}
.top .kind li:nth-of-type(3) {
    margin-bottom: 0;
}
/*  公共banner */
.banner {
    display: block;
    width: 100%;
}
/* 公共底部 */
.footer {
    width: 100%;
    margin-top: 5vw;
    padding-top: 3vw;
    font-size: 4vw;
    color: #ECECEC;
    line-height: 7vw;
    text-align: center;
    background-color:  #1470B9;
}
/*  公共fixed固定栏  */
.fixed {
    position: fixed;
    z-index: 99999;
    /* display: none; */
    top: 0;
    left: 100vw;
    width: 100vw;
    height: 100vh;
    background-color: #2B3544;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 6vw;
    /* transition: all .6s linear; */
}
.fixed a {
    color: #fff;
}
.fixed .fixed_right {
    width: 60vw;
    height: 100vh;
    background-color: #015AAA;
    float: right;
}
.fixed .row_first {
    height: 15vw;
    font-size: 4.5vw;
    line-height: 15vw;
    text-indent: 4.5vw;
    border-bottom: 1px solid #0A508E;
}
.fixed .row_first a {
    display: block;
    width: 100%;
    height: 100%;
}
.fixed .row{
    position: relative;
    border-bottom: 1px solid #0A508E;
    height: 15vw;
    line-height: 15vw;
    padding-left: 4.5vw;
    font-size: 4.5vw;
}

.fixed .row img {
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
    width: 5.5vw;
    transition: all .5s;
}
.fixed .row .down {
    transform: rotateZ(90deg);
    transform-origin: center center;
}
.fixed .row:nth-of-type(5) {
    border: none;
}
.fixed .fixed_right .row_content {
    display: none;
    font-size: 4vw;
    background-color: #094377;
    line-height: 13vw;
     
}
.fixed .fixed_right .row_content a {
    display: block;
    padding: 2vw;
    width: 100%;
    height: 100%;
    color: #ECECEC;
    text-indent: 10vw;
}
 
/*  公共tab栏 */
.public_tab {
    display: flex;
    color: #666;
    font-size: 4.1vw;
    text-align: center;
    overflow: auto;
    height: auto;
}
.public_tab li {
    line-height: 16vw;
    height: 16vw;
    min-width: 33.3vw;
}
.public_tab li a {
    display: block;
    width: 100%;
}
.public_tab .now {
    color: #fff;
    background-color: #1470B9;
    font-weight: 700;
}
.public_tab .now a {
    color: inherit;
}
/*  公共返回  */
.back_1 {
    position: fixed;
    right: 2vw;
    bottom: 30%; 
    width: 10vw;
    height: 10vw;
    z-index: 1;
    background-image: url('../images/public/back_04.png'); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s;
    animation: myfirst 3s linear infinite;
    /* background: red;
    animation:myfirst 5s;
	-moz-animation:myfirst 5s;  
	-webkit-animation:myfirst 5s;  
	-o-animation:myfirst 5s;   */
}
@keyframes myfirst
{
	0%   {background-image: url('../images/public/back_04.png'); }
	25%  {background-image: url('../images/public/back_01.png'); }
	50%  {background-image: url('../images/public/back_05.png'); }
    75%  {background-image: url('../images/public/back_02.png'); }
	100% {background-image: url('../images/public/back_03.png'); }
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {background-image: url('../images/public/back_04.png'); }
	25%  {background-image: url('../images/public/back_01.png'); }
	50%  {background-image: url('../images/public/back_05.png'); }
    75%  {background-image: url('../images/public/back_02.png'); }
	100% {background-image: url('../images/public/back_03.png'); }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {background-image: url('../images/public/back_04.png'); }
	25%  {background-image: url('../images/public/back_01.png'); }
	50%  {background-image: url('../images/public/back_05.png'); }
    75%  {background-image: url('../images/public/back_02.png'); }
	100% {background-image: url('../images/public/back_03.png'); }
}

@-o-keyframes myfirst /* Opera */
{
    0%   {background-image: url('../images/public/back_04.png'); }
	25%  {background-image: url('../images/public/back_01.png'); }
	50%  {background-image: url('../images/public/back_05.png'); }
    75%  {background-image: url('../images/public/back_02.png'); }
	100% {background-image: url('../images/public/back_03.png'); }
}
/* page */
.group .content a {
    display: flex;
    width: 100%;
    height: 1005;
}
.tab_content .page_module4,
.tab_content .page_module3,
.tab_content .page_module2,
.tab_content .page_module1,
.tab_content .page3,
.tab_content .page2,
.tab_content .page1 {
     margin-top: 5vw;
     display: flex;
     justify-content: center;
}
.tab_content .page_module4 a,
.tab_content .page_module3 a,
.tab_content .page_module2 a,
.tab_content .page_module1 a,
.tab_content .page3 a,
.tab_content .page2 a,
.tab_content .page1 a {
    width: 7vw;
    height: 7vw;
    border: 0.2vw solid #999;
    text-align: center;
    line-height: 7vw;
    border-left-width: 0;
    font-size: 3vw;
}
.tab_content .page_module4 a:nth-of-type(1),
.tab_content .page_module3 a:nth-of-type(1),
.tab_content .page_module2 a:nth-of-type(1),
.tab_content .page_module1 a:nth-of-type(1),
.tab_content .page3 a:nth-of-type(1),
.tab_content .page2 a:nth-of-type(1),
.tab_content .page1 a:nth-of-type(1) {
    border-left-width: 0.2vw;
    font-size: 2vw;
    width: auto;
    border: none;
    border-right-color: #999;
    border-right-width: 0.2vw;
    border-right-style: solid;
    padding-right: 1vw;
}
.tab_content .page_module4 .active,
.tab_content .page_module3 .active,
.tab_content .page_module2 .active,
.tab_content .page_module1 .active,
.tab_content .page3 .active,
.tab_content .page2 .active,
.tab_content .page1 .active {
    color: #fff;
    background-color: #1470B9;
}
.tab_content .right_module4,
.tab_content .right_module3,
.tab_content .right_module2,
.tab_content .right_module1,
.tab_content .page_right2,
.tab_content  .page_right1,
.tab_content .page3 .right3,
.tab_content .page2 .right2,
.tab_content .page1 .right {
    margin-right: 1vw;
}
.tab_content .page_module4 .go,
.tab_content .page_module3 .go,
.tab_content .page_module2 .go,
.tab_content .page_module1 .go,
.tab_content .page3  .go,
.tab_content .page2 .go,
.tab_content .page1  .go {
    font-size: 2vw;
}
.tab_content .page_module4 .go input,
.tab_content .page_module3 .go input,
.tab_content .page_module2 .go input,
.tab_content .page_module1 .go input,
.tab_content .page3 .go input,
.tab_content .page2 .go input,
.tab_content .page1  .go input {
   font-size: 3vw;
   width: 7vw;
   height: 7vw;
   border: 0.2vw solid #999;
   text-align: center;
   line-height: 7vw;
}
/* index */
.index .prev_top {
    margin-top: 6vw;
    font-size: 5.2vw;
    margin-bottom: 6vw;
}
.index .new_sp {
    display: block;
    color: #ccc;
    font-size: 4vw;
    margin-top: 1vw;
}
.index h3 {
    color: #505050;
    font-size: 4.3vw;
    margin: 2.5vw auto;
}
.index .tabs {
    position: relative;
    border-bottom: 2px solid #ccc;
    padding-bottom: 3vw;
    height: 9vw;
    margin-bottom: 4vw;
}
.index .tabs li {
    color: #505050;
    float: left;
    font-size: 4vw;
    font-weight: 700;
    margin-right: 6.5vw;
    height: 9vw;
}
.index .tabs .active {
    color: #1470B9;
    border-bottom: 2px solid #1470B9;
    animation: width 1s linear;
    transition: all .5s;
}
@keyframes width {
    0% {

    }
    20% {
        color: #fff;
    }
    40% {
        
    }
    60% {
        
    }
    80% {
        
    }
    100% {
        border-bottom: 2px solid #4CABFF;
    }
}
.index .tabs li a {
    display: block;
    width: 100%;
    height: 100%;
}
.index .tabs .newsMore {
    position: absolute;
    right: 0;
    font-size: 4vw;
    font-weight: 700;
    color: #999;
}
.index .tab_content .big_img {
    display: block;
    width: 100%;
}
.index .tab_content h3 {
    line-height: 7vw;
    margin-bottom: 1vw;
}
.index .tab_content p {
    color: #999999;
    font-size: 3.8vw;
    line-height: 6vw;
}
.index .cols li {
    position: relative;
    padding-right: 25vw;
    padding-left: 6vw;
    font-size: 3.8vw;
    color: #666;
    height: 6.5vw;
    line-height: 5vw;
    margin-bottom: 2vw;
}
.index .cols span{
    position: absolute;
    right: 0;
    color: #ccc;
}
.index .cols {
    margin-top: 3vw;
    border-top: 0.2vw dashed #ccc;
    padding-top: 3vw;
}
.index .cols li {
    height: 8vw;
    line-height: 8vw;
}
.index .cols img {
    position: absolute;
    width: 3vw;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.index .scope {
    margin-top: 6vw;
    padding-top: 1vw;
    background-image: url("../images/index/z2889.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.index .scope h3 {
    font-size: 5.2vw;
    margin-bottom: 6vw;
    margin-top: 6vw;
}
.index .scope .five_scope {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}
.index .five_scope li {
    width: 48.5%;
    height: 60vw;
    margin-bottom: 2vw;
    padding-top: 18vw;
    background-color: #fff;
    border-radius: 3vw;
    box-shadow: 5px 5px 5px -4px rgba(180,160,120,.8);
}
.index .five_scope img {
    width: 20vw;
    margin-bottom: 8vw;
}
.index .five_scope h5 {
    font-size: 4vw;
    color: #666;
    letter-spacing: 0.5vw;
}
.index .group {
    display: flex; 
    position: relative;
    font-size: 4vw;
    font-weight: 700;
    height: 9vw;
    border-bottom: 1px solid #ccc;
}
.index .group li {
    margin-right: 3vw;
    color: #666;
    height: 9vw;
}
.index .group .groupMore {
    position: absolute;
    right: 0;
    color: #999;
}
.index .group .active {
    color: #E50E19;
    border-bottom: 2px solid #E50E19 ;
}
.index .cols2 li {
    position: relative;
    padding-right: 25vw;
    font-size: 3.8vw;
    color: #666;
    height: 5.5vw;
    line-height: 5.5vw;
    margin-bottom: 2vw;
}

.index .cols2 span{
    position: absolute;
    right: 0;
    color: #999;
}
.index .cols2 {
    margin-top: 3vw;
    height: 38.5vw;
}
.index .cols2 img {
    position: absolute;
    width: 3vw;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.index .zt {
    position: relative;
    /* border-bottom: 2px solid #ccc;
    padding-bottom: 3vw; */
    font-size: 4.5vw;
}
.index .zt a {
    display: block;
}
.index .zt::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 20vw;
    height: 0.5vw;
    /* background-color: #4CABFF; */
}
.zt_out {
    overflow-x: auto;
}
.zt_content {
  width: 409vw;
  overflow-x:scroll;
}
.zt_content li {
    float: left;
    width: 100vw;
    margin-right: 3vw;  
}
.zt_content li:nth-last-child(1) {margin-right: 0;}
.zt_content li img {
    display: block;
    width: 100%;
    object-fit: cover;
}
.index .bank {
    position: relative;
    /* border-bottom: 2px solid #ccc; */
 
    font-size: 4.5vw;
    height: 10vw;
    line-height: 10vw;
}
.index .bank a {
    position: absolute;
    right: 0;
    top: 50%;
    color: #505050;
    transform: translateY(-50%);
    font-size: 4vw;
}
.index .bank::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 20vw;
    height: 0.5vw;
    /* background-color: #4CABFF; */
}

.index .bank_swiper {
    overflow: hidden;
}
.index .along_swiper {
    /* width: 564vw;  */
}
.index .along_swiper li {
    width: 47vw;
    float: left;
    padding-right: 3vw;
    margin-bottom: 5vw;
}
.index .along_swiper li img {
    display: block;
    width: 44vw;
    height: 50px; 
    /* background: rgba(0,0,0,.1); */
    border-radius: 2vw;
    border: none;
}
/*  about */
.about .footer {
    margin-top: 0 !important;
}
.about .tab_content h3 {
    text-align: center;
    color: #505050;
    font-weight: 500;
    font-size: 4.5vw;
    margin: 3vw 0;
}
.about .tab_content .two {
    position: relative;
    text-align: center;
    color: #999;
    font-size: 4vw;
    margin-bottom: 5vw;
}
.about .tab_content .two::before {
    position: absolute;
    content: "";
    width: 28vw;
    height: 1vw;
    left: 0;  
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(245deg, #ABABAB 0%, rgba(224, 224, 224, 0) 100%);
}
.about .tab_content .two::after {
    position: absolute;
    content: "";
    width: 28vw;
    height: 1vw;
    right: 0;  
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(115deg, #ABABAB 0%, rgba(224, 224, 224, 0) 100%);
}
.about .tab_content .new_type::after {
    width: 18.5vw;
}
.about .tab_content .new_type::before {
    width: 18.5vw;
}
.about .tab_content .zz {
    display: block;
    width: 100%;
}
.about .tab_content p {
    text-indent: 2em;
    color: #666;
    font-size: 3.8vw;
    line-height: 8vw;
}
.about .out_map {
    position: relative;
}
.about .out_map .top_move {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
.about .out_map .text {
    position: absolute;
    background-color: #fff;
    border: 2px solid #ccc;
    width: 35vw;
    font-size: 4vw;
    top: 58vw;
    left: 6vw;
    text-align: center;
    padding: 2vw;
}
.about .out_map .location {
    position: absolute;
    top: 49vw;
    left: 35vw;
    width: 16vw;
}
.about .about_footer {
    position: relative;
    margin-top: 5vw;
    /* color: #505050; */
    color: #fff;
    font-size: 4.1vw;
    padding-left: 4em;
    
}
.about .about_footer span {
    position: absolute;
    top: 0;
    left: 0;
}
/*  scope */
.scope .tab_content {
     
}
 
.scope .tab_content li div{
    background-color: #fff;
    /* padding-top: 3vw; */
    min-height: 100vw;
     display: flex;
     justify-content: center;
     align-items: center;
    /* display: flex;
    justify-content: center;
    height: 80vw;
    align-items: center; */
}
.scope .tab_content img {
  width: 100%;
}
.scope .footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

/* group */
.group .group_out {
    margin-top: 3vw;
    overflow: auto;
}
.group .group_tab {
    height: 40vw;
    width: 262vw;
    overflow-x: scroll;
}
.group .group_tab li {
    position: relative;
    float: left;
    width: 60vw;
    margin-right: 3vw;
    box-sizing: content-box;
}
.group .group_tab li img {
    display: block;
    width: 100%;
    height: 30vw;
}
.group .group_tab  .now {
    border: 1.5vw solid #4CABFF;
}
.group .group_tab  .now::after {
    position: absolute;
    content: "";
    width: 15vw;
    height: 2vw;
    background-color:  #4CABFF;
    transform: translateX(-50%);
    left: 50%;
    bottom: -6vw;
    border-radius: 2vw;
}
.group .content {
    display: flex;
    border-bottom: 0.2vw dashed #ccc;
    margin-bottom: 6vw;
    padding-bottom: 6vw;
    box-sizing: content-box;
}
.group .content:nth-of-type(1) {
    margin-top: 6vw;
}
.group .content img {
    width: 25vw;
    height: 20vw;
 
    object-fit: cover;
}
.group .content .fr_con {
    position: relative;
    flex: 1;
    padding-left: 3vw;
}
.group .content .fr_con span {
    position: absolute;
    left: 2vw;
    bottom: 0;
    color: #999;
    font-size: 4vw;
}
.group .content .fr_con h5 {
    color: #333;
    font-size: 4.8vw;
    font-weight: 600;
    line-height: 6.5vw;
}
.group  button {
    display: block;
    margin: 0 auto;
    border: none;
    background: none;
    color: #999;
}
/* detail */
.detail {
    color: #666;
}
.detail h3 {
    margin: 5vw;
    color: #333;
    text-align: center;
    font-size: 6vw;
}
.detail .number {
    font-size: 5vw;
}
.detail .time {
    font-size: 5vw;
    margin: 3vw auto;
    text-align: center;
}
.detail .con {
    margin: 5vw auto;
    font-size: 5vw;
    text-indent: 2em;
    line-height: 8vw;
}
.detail .center{
    display: block;
    width: 96vw;
    margin: 0 auto;
}
.detail .prev img {
    vertical-align: middle;
    margin-top: -1vw;
    width: 6vw;
    transform: rotateZ(-90deg);
    margin-right: 2vw;
}
.detail .prev {
    color: #000;
    font-size: 5vw;
    margin: 3vw auto;
}
.detail .prev span {
    color: #999;
    margin-right: 2vw;
}
.detail .next {
    color: #000;
    font-size: 5vw;
}
.detail .next span {
    color: #999;
    margin-right: 2vw;
}
.detail .next img {
    margin-right: 2vw;
    width: 6vw;
    transform: rotate(90deg);
    vertical-align: middle;
}
/*  news  */
.news .tab_content {
    margin-top: 3vw;
}
.news .items {
    display: flex;
    border-bottom: 0.2vw dashed #ccc;
    margin-bottom: 6vw;
    padding-bottom: 6vw;
    box-sizing: content-box;
}
.news .items:nth-child(1) {
    margin-top: 6vw;
}
.news .items img {
    width: 25vw;
    height: 20vw;
    object-fit: cover;
}
.news .items div {
    flex: 1;
    position: relative;
    padding-left: 3vw;
}
.news .items h3 {
    color: #000;
    font-size: 4.8vw;
    line-height: 6.5vw;
    font-weight: 600;
}
.news .items span {
    position: absolute;
    color: #999;
    bottom: 0;
    font-size: 4vw;
}
.news button {
    display: block;
    margin: 0 auto;
    background: none;
    color: #999;
    border: none;
}
.swiper_banner  {
    width: 100%;
}
.swiper_banner img {
    display: block;
    width: 100%;
    /* height: 50vh; */
    /* object-fit: ; */
}
.index .swiper-pagination-bullet-active {
    background: #1470B9;
    opacity: 1;
}

.about .tab_content li>p:nth-child(2){ display: flex; justify-content: center; align-items: center;min-height: 100vw;background-color: #fff; }
.about .tab_content p img { display: block;max-width: 100% !important;width: 100%; }
.detail img { display: block;max-width: 100% !important; }