/* con_section_banner */
.con_section_banner{
    width: 100%;
    height: 720px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.con_section_banner .con_banner{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 720px;
    overflow: hidden;
}
.con_section_banner .con_banner img{
    width: 100%;
    display: inherit;
}
.help_center_con_section_banner {
    overflow: inherit;
}

.global_banner_text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 280px;
    box-sizing: border-box;
}
.global_banner_text .text_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.global_banner_text .text_box h2{
    font-size: 36px;
    color: #fff;
    line-height: 50px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;


    animation: banner_ani01 0.8s ease-out;
    -webkit-animation: banner_ani01 0.8s ease-out;
}
.global_banner_text .text_box p{
    max-width: 630px;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: justify;

    animation: banner_ani02 0.8s ease-out;
    -webkit-animation: banner_ani02 0.8s ease-out;
}

.global_banner_text .global_banner_link{
    float: left;
    display: block;
    width: auto;
    min-width: 160px;
    height: 50px;
    background: #3774ea;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 50px;
    margin-top: 50px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;

    animation: banner_ani03 1s ease-out;
    -webkit-animation: banner_ani03 1s ease-out;
}
.global_banner_text .global_banner_link span{
    position: relative;
    z-index: 2;
}
.global_banner_text .global_banner_link:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #30d0da;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.global_banner_text .global_banner_link:hover:after{
    width: 102%;
}

.global_acquiring_banner_text .global_banner_link{
    width: 200px;
}


@keyframes banner_ani01 {
    0% { transform: translateY(-50px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}

@keyframes banner_ani02 {
    0% { transform: translateX(50px); opacity: 0; }
    100% { transform: translateX(0px); opacity: 1; }
}

@keyframes banner_ani03 {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}


/* help_center_banner_text */
.help_center_banner_text{
    padding-top: 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.help_center_banner_text .text_box{
    margin-bottom: 35px;
}
.help_center_banner_text .text_box h2{
    text-align: center;
}
.help_center_banner_text .text_box p{
    display: block;
    width: 60px;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    position: relative;
}
.help_center_banner_text .text_box p span{
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.help_center_banner_text .input_box{
    width: 600px;
    height: auto;
    position: relative;
    margin: 0 auto;


    animation: banner_ani03 1.1s ease-out;
    -webkit-animation: banner_ani03 1.1s ease-out;
}
.help_center_banner_text .input_box .input_text{
    display: block;
    width: 100%;
    height: 58px;
    background-color: #fff;
    padding: 14px 25px;
    padding-left: 40px;
    padding-right: 150px;
    box-sizing: border-box;
    border: none;
    border-radius: 60px;

    font-size: 16px;
    color: #888;
    line-height: 30px;
}
.help_center_banner_text .input_box .input_btn{
    display: block;
    width: 130px;
    height: 50px;
    padding: 0px 30px;
    box-sizing: border-box;
    border: none;
    border-radius: 60px;
    position: absolute;
    top: 4px;
    right: 4px;

    background: #1573f1 url('../images/search_icon.png') no-repeat center center;
    cursor: pointer;
}

/* global_banner_text_center */
.global_banner_text_center{
    padding-top: 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* global_banner_animation */
.global_banner_animation{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
}
.global_banner_animation .banner_animation {
    display: block;
    width: 100%;
    height: 9em;
    max-height: 100vh;
    margin: 0;
}
.global_banner_animation .parallax{
    display: block;
    width: 100%;
}
.global_banner_animation .parallax > use {
    animation: move_forever 8s linear infinite;
}
.global_banner_animation .parallax > use:nth-child(1) {
    animation-delay: -2s;

    fill: rgba(230, 0, 18, 0.1);
}
.global_banner_animation .parallax > use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s;

    fill: rgba(230, 0, 18, 0.2);
}

@keyframes move_forever {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

.security_section1 .global_banner_animation .banner_animation{
    width: 100%;
    height: 18em;
    max-height: 100vh;
}
.security_section1 .global_banner_animation .parallax > use {
    animation: security_move_forever 8s linear infinite;
}
.security_section1 .global_banner_animation .parallax > use:nth-child(1) {
    animation-delay: -2s;
    fill: rgba(34, 88, 84, 0.038);
}
.security_section1 .global_banner_animation .parallax > use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 5s;
    fill: rgba(0, 122, 195, 0.038);
}

@keyframes security_move_forever {
    0% {
        transform: translate(-90px, 0%);
    }
    100% {
        transform: translate(85px, 0%);
    }
}

/* security_global_subNav */
.security_global_subNav{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.security_global_subNav .subNav{
    width: 100%;
    height: auto;
    padding: 0 5%;
    box-sizing: border-box;
    text-align: center;
}
.security_global_subNav .subNav ul{
    max-width: 960px;
    width: 100%;
    height: auto;
    margin: 0 auto;
	    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.security_global_subNav .subNav ul li{
    height: auto;
    text-align: center;
}
.security_global_subNav .subNav ul li a{
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 18px;
    color: #333;
    line-height: 28px;
    padding: 20px 40px;
    box-sizing: border-box;
    position: relative;
    font-weight: 600;
}

.security_global_subNav .subNav ul li a.active{
    color: #e60012;
}
.security_global_subNav .subNav ul li a:hover{
    color: #e60012;
}

.security_global_subNav .subNav ul li a:after {
    content: '';
    display: block;
    width: 0%;
    height: 3px;
    background-color: #e60012;
    border-radius: 50px;
    position: absolute;
    bottom:0%;
    left: 0%;
    transition: all 0.5s;
    z-index: 1;
}
.security_global_subNav .subNav ul li a:hover:after{
    width: 100%;
}
.security_global_subNav .subNav ul li a.active:after{
    width: 100%;
}

/* home_content */
.home_content .content_title{
    width: 100%;
    height: auto;
    padding-bottom: 60px;
    box-sizing: border-box;
}
.home_content .content_title h2{
    font-size: 36px;
    color: #333333;
    line-height: 70px;
    font-weight: 600;
    text-align: center;
}

/* section_container_spacing */
.section_container_spacing{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 110px;
    box-sizing: border-box;
}



/* about_page */
.about_page{
    width: 100%;
    height: auto;
}
.about_page_section1{
    width: 100%;
    height: auto;
    padding-top: 90px;
    padding-bottom: 130px;
    box-sizing: border-box;
    position: relative;
}
.about_page_section1_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;

    background: url('../images/about_page_section1_bj.png') no-repeat bottom right;
    background-size: 95%;
}
.about_page_section1 .section_container_con{
    max-width: 1040px;
    position: relative;
    z-index: 1;
}
.about_page_section1 .text_box{
    width: 100%;
    height: auto;
}
.about_page_section1 .text_box .article{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    margin-bottom: 60px;
}
.about_page_section1 .text_box .article p{
    margin-bottom: 30px;
}
.about_page_section1 .text_box .link_box{
    display: block;
    width: 190px;
    height: auto;
    background-color: #e60012;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 15px 55px;
    box-sizing: border-box;
    border-radius: 60px;
    letter-spacing: 2px;
    position: relative;
    overflow: hidden;    margin: 0 auto;
}

.about_page_section1 .text_box .link_box span{
    position: relative;
    z-index: 2;
}
.about_page_section1 .text_box .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color:#bf0a18;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.about_page_section1 .text_box .link_box:hover:after{
    width: 102%;
}

.about_page_section1_bj_logo{
    width: 460px;
    height: 300px;
    background: url('../images/about_page_section1_logo_icon.png') no-repeat top left;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* about_page_section2 */
.about_page_section2{
    width: 100%;
    height: auto;
    background:linear-gradient(to left,#e43643 , #e66973 , #e60012);
}
.about_section2_list{
    width: 100%;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
}
.about_section2_list ul li{
    float: left;
    width: 25%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.about_section2_list ul li .num_box{
    width: 100%;
    height: 70px;
    text-align: center;
    margin-bottom: 10px;
}
.about_section2_list ul li .num_box p{
    font-size: 16px;
    color: #fff;
    line-height: 70px;
    text-align: center;
}
.about_section2_list ul li .num_box p span{
    display: inline-block;
    font-size: 58px;
    font-weight: 500;
    margin-right: 3px;
}
.about_section2_list ul li .text_box{
    width: 100%;
    height: auto;
    text-align: center;
}
.about_section2_list ul li .text_box p{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
}
.about_section2_list ul li .text_box p br{
    display: none;
}
.about_section2_list ul li .xian{
    width: 1px;
    height: 60px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -30px;
}
.about_section2_list ul li:last-child .xian{
    display: none;
}

/* about_page_section3 */
.about_page_section3{
    position: relative;
}

.about_page_section3_container{
    width: 100%;
    height: auto;
    position: relative;
}
.about_page_section3_container_con{
    padding-left: 80px;
    padding-right: 80px;
    box-sizing: border-box;
}
.about_page_section3_container .swiper-wrapper{
    width: 100%;
    height: auto;
}
.about_page_section3_container .gallery_thumbs{
    width: 100%;
    height: auto;
    position: relative;
}
.about_page_section3_container .gallery_thumbs:before {
    content: '';
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 5px;
    left: 0%;
    background-color: #eee;
}
.about_page_section3_container .gallery_thumbs .swiper-slide{
    float: left;
    width: 16.666666%;
    height: auto;
    cursor: pointer;
}
.gallery_thumbs .swiper-slide p{
    font-size: 22px;
    color: #333;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.gallery_thumbs .swiper-slide span{
    display: block;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e60012;
    position: relative;
    border: 2px solid #fff;
}
.gallery_thumbs .swiper-wrapper{
   position: relative;
}

.gallery_thumbs .swiper-slide-thumb-active p{
    background-image:linear-gradient(to left,#e43643 , #e66973 , #e60012);
    -webkit-background-clip: text;
    color: transparent;
}
.gallery_thumbs .swiper-slide-thumb-active span{
    background: url('../images/icon_yuan_bjs.png') no-repeat center center;
    background-size: 100%;
    transform:scale(1.30);
}

.about_page_section3_container .gallery_top{
    width: 100%;
    height: auto;
    margin-top: 60px;
}
.about_page_section3_container .gallery_top .swiper-slide{
    float: left;
    width: 100%;
    height: auto;
}
.gallery_top .swiper-slide .conter_box{
    width: 100%;
    height: auto;
    position: relative;
}
.gallery_top .swiper-slide .conter_box .text_box{
    width: 700px;
    height: 360px;
    position: absolute;
    top: 80px;
    left: 15px;
    background: #fff;
    box-shadow: -5px 0px 10px 0px rgba(0,0,0,.08);
    border-radius: 10px;
    z-index: 1;
    padding: 50px;
    padding-top: 70px;
    box-sizing: border-box;
}
.gallery_top .swiper-slide .conter_box .text_box p{
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    margin: 10px 0;
    padding-left: 35px;
    box-sizing: border-box;
    background: url(../images/air_travel_section1_icon_dian.png) no-repeat left 8px;
}
.gallery_top .swiper-slide .conter_box .pic_box{
    float: right;
    max-width: 900px;
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.gallery_top .swiper-slide .conter_box .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.swiper-button-next, .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.swiper-button-prev{
    background: #eeeeee url('../images/swiper_button_prev_icon.png') no-repeat center center;
    background-size: 18px;
}
.swiper-button-next{
    background: #eeeeee url('../images/swiper_button_next_icon.png') no-repeat center center;
    background-size: 18px;
}

.swiper-button-prev:hover{
    background: #e60012 url('../images/swiper_button_prev_icon_hover.png') no-repeat center center;
    background-size: 18px;
}
.swiper-button-next:hover{
    background: #e60012 url('../images/swiper_button_next_icon_hover.png') no-repeat center center;
    background-size: 18px;
}

.about_page_section3_container .swiper-button-prev{
    position: absolute;
    top: 60px;
    left: 0;
}
.about_page_section3_container .swiper-button-next{
    position: absolute;
    top: 60px;
    right: 0;
}

/* about_page_section4 */
.about_page_section4{
    padding-bottom: 85px;
    position: relative;
    background-color: #f8f8f8;
}
.about_page_section4_list{
    width: 100%;
    height: auto;
    position: relative;
}
.about_page_section4_list .swiper-slide{
    float: left;
    width: 50%;
    height: auto;
}
.about_page_section4_list ul li{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin: 25px 0;
    box-sizing: border-box;
}
.about_page_section4_list ul li .li_con{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 46%;
    box-sizing: border-box;
}
.about_page_section4_list ul li .text_box{
    float: left;
    width: 100%;
    height: 250px;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0px 0 10px 0 rgba(0,0,0,.08);
    border-radius: 10px;

    background: #fff url('../images/about_page_section4_bj_icon.png') no-repeat 150px center; 
    background-size: 50%;
}
.about_page_section4_list ul li .text_box .time{
    font-size: 20px;
    color: #00bbac;
    line-height: 30px;
    font-weight: 500;
    margin-top: 20px;
}
.about_page_section4_list ul li .text_box .article{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-top: 20px;
}
.about_page_section4_list ul li .pic_box{
    width: 46%;
    height: 88%;
    position: absolute;
    right: 0;
    top: 6%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}
.about_page_section4_list ul li .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

/* about_page_section5 */
.about_page_section5{
}
.about_page_section4_list .swiper-button-prev{
    left: -100px;
}
.about_page_section4_list .swiper-button-next{
    right: -100px;
}
.about_page_section4 .content_title{
    padding-bottom: 35px;
}

/* news_page */
.news_page{
    width: 100%;
    height: auto;
}
.news_page_section1{
}
.news_page_section1_container{
    width: 100%;
    height: auto;
    position: relative;
}
.news_section1_item_container{
    float: left;
    width: 50%;
    height: 460px;
    padding-right: 80px;
    padding-top: 30px;
    padding-left: 30px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;

}
.news_section1_item_container_con{
    width: 100%;
    height: 430px;
    position: relative;
}
.news_section1_item_container_bj{
    width: 200px;
    height: 300px;
    background: linear-gradient(45deg,#007ac3, #01b6db ,#00bbac );
    position: absolute;
    top: 0;
    left: 0;
}
.news_section1_item{
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.news_section1_item .pic_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.news_section1_item .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}


.news_section1_nav{
    float: right;
    width: 50%;
    height: auto;
}
.news_section1_nav ul li{
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    border-radius: 10px;
    position: relative;
}
.news_section1_nav ul li a{
    display: block;
    padding: 25px 40px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.news_section1_nav ul li .text_box{
    width: 100%;
    height: auto;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
.news_section1_nav ul li .text_box .title_box{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 10px;
    padding-right: 85px;
    box-sizing: border-box;
}
.news_section1_nav ul li .text_box .title_box h3{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 600;

    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis; 

}
.news_section1_nav ul li .text_box .title_box .time{
    width: 100px;
    height: auto;
    font-size: 14px;
    color: #bfbfbf;
    line-height: 30px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
.news_section1_nav ul li .text_box .article{
    font-size: 14px;
    color: #666;
    line-height: 24px;

    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis; 
}
.news_section1_nav ul li .text_box .article p{
    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis; 
}
.news_section1_nav ul li:after{
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background: #fff;
    transition:all .4s;
    border-radius: 10px;
}

.news_section1_nav ul li:hover:after,.news_section1_nav ul li.active:after{
    box-shadow:0 6px 15px rgba(0,0,0,.1);
    z-index: 2;
}
.news_section1_nav ul li:hover:after,.news_section1_nav ul li.active:after {
    transform:scale(1.035);
}
.news_section1_nav ul li:hover a,.news_section1_nav ul li.active a{
    z-index: 9;
}

.news_section1_nav ul li.active .title_box h3{
    color: #007ac3;
}
.news_section1_nav ul li.active .text_box .title_box .time{
    color: #007ac3;
}


.news_page_section1_link_more{
    width: 100%;
    height: auto;
    margin-top: 80px;
    padding-bottom: 20px;
    box-sizing: border-box;
    text-align: center;
}
.news_page_section1_link_more .link_box{
    display: inline-block;
    min-width: 160px;
    width: auto;
    height: auto;
    background-color: #1573f1;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 60px;
    position: relative;
    overflow: hidden;
}

.news_page_section1_link_more .link_box span{
    position: relative;
    z-index: 2;
}
.news_page_section1_link_more .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #30d0da;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.news_page_section1_link_more .link_box:hover:after{
    width: 102%;
}


/* news_list_page */
.news_list_page{
    width: 100%;
    height: auto;
}
.news_list_section1{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.news_list_nav{
    width: 100%;
    height: auto;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.news_list_nav ul{
    width: 100%;
    height: auto;
}
.news_list_nav ul li{
    float: left;
    width: auto;
    height: auto;
    margin-right: 20px;
}
.news_list_nav ul li a{
    float: left;
    display: block;
    width: auto;
    min-width: 135px;
    height: 50px;
    /* background: #dedede; */
    font-size: 16px;
    color: #666;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 50px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    border: 1px solid #dedede;
}
.news_list_nav ul li a span{
    position: relative;
    z-index: 2;
}
.news_list_nav ul li a:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #1573f1;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.news_list_nav ul li a:hover:after{
    width: 102%;
}
.news_list_nav ul li a.active:after{
    width: 102%;
}
.news_list_nav ul li a:hover{
    color: #fff;
}
.news_list_nav ul li a.active{
    color: #fff;
}




.news_list_container{
    width: 100%;
    height: auto;
}
.news_list_container ul li{
    width: 100%;
    min-height: 205px;
    height: auto;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 25px;
    position: relative;
    padding-left: 240px;
}
.news_list_container ul li .pic_box{
    width: 240px;
    height: 180px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.news_list_container ul li .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.news_list_container ul li .text_box{
    width: 100%;
    height: auto;
    padding-left: 60px;
    padding-right: 40px;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
}
.news_list_container ul li .text_box h3{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    font-weight: 600;

    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis; 
}
.news_list_container ul li .text_box .article{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news_list_container ul li .text_box .time{
    font-size: 14px;
    color: #bfbfbf;
    line-height: 30px;
    text-align: right;

    margin-top: 30px;
}

.news_list_container ul li:hover .text_box h3{
    color: #007ac3;
}

/* news_page_section2 */
.news_page_section2{
    position: relative;
    background: #f8f8f8;

    display: none;
}
.news_page_section2_container{
    width: 100%;
    height: auto;
    position: relative;
}
.news_page_section2_list{
    width: 100%;
    height: auto;
}
.news_page_section2_list ul li{
    float: left;
    width: 430px;
    height: auto;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 10px;
    padding-bottom: 15px;
    position: relative;

    -webkit-transition: margin-top 0.3s ease-in-out;
    transition: margin-top  0.3s ease-in-out;
}
.news_page_section2_list ul li:hover {
    margin-top: -30px;
}
.news_page_section2_list ul li a{
    display: block;
    position: relative;
}
.news_page_section2_list ul li .pic_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.news_page_section2_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.news_page_section2_list ul li .text_box{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 5px 10px 1px rgba(0,0,0,.1);

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.news_page_section2_list ul li .text_box h3{
    font-size: 18px;
    color: #333;
    line-height: 28px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}
.news_page_section2_list ul li .text_box .time {
    width: 100px;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}
.news_page_section2_container .swiper-button-prev{
    left: -100px;
}
.news_page_section2_container .swiper-button-next{
    right: -100px;
}

.news_page_section2_list ul li .text_box:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(to left,#00bbac , #01b6db );
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    transition: all 0.4s;
    z-index: 1;
}
.news_page_section2_list ul li:hover .text_box:after{
    height: 100%;
}
.news_page_section2_list ul li:hover h3{
    color: #fff;
}
.news_page_section2_list ul li:hover .text_box .time {
    color: #fff;
}

/* news_details_page */
.news_details_page{
    width: 100%;
    height: auto;
}
.news_details_section1{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.news_details_section1 .section_container_con{
    max-width: 1230px;
}
.news_details_section1 .section_container_con:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }   
.news_details_section1 .section_container_con .news_left{
    width: 70%;
    float: left;
}
.news_details_section1 .section_container_con .news_right{
    width: 25%;
    float: right;
}
.news_details_section1 .section_container_con .news_right .global_payments_section2_list ul li{
	    width: 100%;
}
.news_details_section1 .section_container_con .news_right .global_payments_section2_list ul li .text_box{
	margin:0 0 30px;    height: auto;    padding: 20px 10px;
}

.news_details_section1 .section_container_con .news_right .global_payments_section2_list ul li .text_box p{ text-indent:0;}


.news_details_section1 h2{
    font-size: 30px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.news_details_section1 .time{
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    text-align: center;
}
.news_details_section1 .title_box{
    font-size: 12px;
    color: #666;
    line-height: 30px;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #333;
    box-sizing: border-box;
    margin-top: 20px;
}
.news_details_section1 .text_box{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: justify;
    margin-top: 50px;
}
.news_details_section1 .text_box img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: 10px auto;
}
.news_details_section1 .text_box p{
    text-indent: 2em;
}

/* contact_page */
.contact_page{
    width: 100%;
    height: auto;
}
.contact_page_section1{
}
.contact_page_section1_box{
    width: 100%;
    height: auto;
}
.contact_page_section1_box .left{
    float: left;
    width: 50%;
    height: auto;
    padding-top: 10%;
    box-sizing: border-box;
}
.contact_page_section1_box .left .text_box{
    width: 100%;
    height: auto;
}
.contact_page_section1_box .left .text_box p{
    font-size: 22px;
    color: #333;
    line-height: 30px;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
}
.contact_page_section1_box .left .text_box p span{
    display: inline-block;
    font-size: 22px;
    margin-left: 40px;
    font-weight: normal;
    color: #666666;
}
.contact_page_section1_box .left .text_box p span.time{
    font-size: 16px;
    margin-left: 15px;
    color: #666666;
}
.contact_page_section1_box .right{
    float: right;
    width: 46%;
    height: auto;
    min-height: 300px;
    position: relative;
    padding-top: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}
.contact_section1_right_bj{
    width: 200px;
    height: 300px;
    background: linear-gradient(45deg,#e60012 10%, #de3c49 ,#f18890 );
    position: absolute;
    top: 0;
    right: 0;    border-radius: 5px;
}
.contact_page_section1_box .right .map_pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.contact_page_section1_box .right .map_pic_box img{
    display: block;
    width: 100%;
    height: auto;    border-radius: 5px;
}
.contact_page_section1_box2{
    width: 100%;
    height: auto;
    padding: 35px 40px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-radius: 10px;
    margin-top: 90px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);

    display: none;
}
.contact_page_section1_box2 ul li{
    float: left;
    width: 33.333333%;
    height: auto;
    padding: 0 60px;
    box-sizing: border-box;
    border-right: 1px solid #ededed;
}
.contact_page_section1_box2 ul li:last-child{
    border-right: none;
}
.contact_page_section1_box2 ul li a{
    display: block;
}
.contact_page_section1_box2 ul li .li_con{
    width: 100%;
    height: 150px;
    padding: 35px 0;
    padding-left: 80px;
    box-sizing: border-box;
    position: relative;
}
.contact_page_section1_box2 ul li .icon_box{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 35px;
    left: 0;
}
.contact_page_section1_box2 ul li .icon_box img{
    display: block;
    width: 80px;
    height: 80px;
}
.contact_page_section1_box2 ul li .text_box{
    width: 100%;
    height: auto;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
} 
.contact_page_section1_box2 ul li .text_box h3{
    font-size: 22px;
    color: #333;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 12px;
}
.contact_page_section1_box2 ul li .text_box p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
}

/* contact_page_section2 */
.contact_page_section2{
    min-height: 720px;
    background: #f9f9f9;
    position: relative;
}
.contact_page_section2 .left_box{
    float: left;
    max-width: 560px;
    width: 100%;
    height: auto;
    padding-right: 50px;
    box-sizing: border-box;
}
.contact_page_section2 .left_box .content_title h2{
    text-align: left;
} 
.contact_page_section2_container{
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 40px;
}

.contact_page_section2_list{
    width: 100%;
    height: auto;
}
.contact_page_section2_list ul li{
    float: left;
    width: 100%;
    height: auto;
    padding-right: 50px;
    box-sizing: border-box;
}
.contact_page_section2_list ul li .title_box{
    width: 100%;
    height: auto;
}
.contact_page_section2_list ul li .title_box h3{
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: 500;
}
.contact_page_section2_list ul li .text_box{
    width: 100%;
    min-height: 300px;
    margin-top: 20px;
} 
.contact_page_section2_list ul li .text_box p{
    font-size: 15px;
    color: #666;
    line-height: 30px;
    margin-bottom: 10px;
}
.contact_page_section2_list ul li .text_box strong{
    color: #333;
    font-size: 18px;
    font-weight: 500;
}
.contact_page_section2_list ul li .text_box_sec1{
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.contact_page_section2_list ul li .text_box_sec1 p{
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 5px;
}
.contact_page_section2_list ul li .contact_link_box{
    width: 100%;
    height: auto;
    margin-top: 20px;
    font-size: 16px;
    color: #40aada;
    line-height: 30px;
}
.contact_page_section2_list ul li .contact_link_box a{
    display: inline-block;
    color: #40aada;
    text-decoration:underline
}
.contact_page_section2_container .swiper_button_container{
    width: 120px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact_staff_style_box{
    width: 55%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}
.contact_staff_style_list{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.contact_staff_style_list ul li{
    float: left;
    width: 320px;
    height: 100%;
}
.contact_staff_style_list ul li .pic_box{
    width: 100%;
    height: 80%;
    overflow: hidden;
    position: relative;
}
.contact_staff_style_list ul li .pic_box .pic{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.contact_staff_style_list ul li:nth-of-type(odd) .pic_box{
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact_staff_style_list ul li .pic_box:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    left: 0%;
    transition: all 0.5s;
    z-index: 1;
}
.contact_staff_style_list ul li:nth-of-type(1n+1) .pic_box:after{
    background: rgba(83,153,227,0.50);
}
.contact_staff_style_list ul li:nth-of-type(2n+1) .pic_box:after{
    background: rgba(255,255,255,0.55);
}
.contact_staff_style_list ul li:nth-of-type(3n+0) .pic_box:after{
    background: rgba(59,199,221,0.50);
}

.contact_staff_style_list ul li .pic_box:hover:after{
    height: 0%;
}

/* contact_page_section3 */
.contact_page_section3{
}
.contact_page_section3_container{
    width: 100%;
    min-height: 600px;
    position: relative;
}
.contact_page_section3_map_pic{
    display: block;
    width: 1400px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -700px;
    background: url(../images/contact_page_section3_map_pic.png) no-repeat center center;
}

.contact_map_punctuation_container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.contact_map_punctuation_container .contact_map_punctuation_item{
    width: 160px;
    height: 160px;
    position: relative;
}
.contact_map_punctuation_container .contact_map_punctuation_item .icon_box{
    width: 50px;
    height: 50px;
    background: url('../images/map_punctuation_new_icon.png') no-repeat center center;
    background-size: 40px;
    position: relative;
}

.mobile_contact_map_punctuation_container{
    display: none;
}
.contact_map_punctuation_item .icon_box span{
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateX(50deg);
    position: absolute;
    left: 50%;
    bottom: -6px;
}
.contact_map_punctuation_item .icon_box span,.contact_map_punctuation_item .icon_box span::before,.contact_map_punctuation_item .icon_box span::after{
    display: block;
    position: absolute;
    width: 12px; 
    height: 12px; 
    border-radius: 50%;
    content: ''; 
    background: rgba(230, 0, 18, 0.8);
    z-index: -1;
    
}
.contact_map_punctuation_item .icon_box span::before{
    animation: contact_map_scale 2.5s infinite; 
}
.contact_map_punctuation_item .icon_box span::after{
    animation: contact_map_scale2 2.5s infinite; 
}
@keyframes contact_map_scale{
    0%{ 
        transform: scale(1); 
        opacity:.7
    }
    100%{ 
        transform: scale(3); 
        opacity: 0;
    }
}
@keyframes contact_map_scale2{
    0%{ 
        transform: scale(1);
        opacity:.7;
    }
    100%{ 
        transform: scale(6);
        opacity:0;
    }
}

.contact_map_punctuation_container2 .contact_map_punctuation_item .information_box{
    position: relative;
    z-index: 2;
}
.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em{
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateX(50deg);
    position: absolute;
    left: 50%;
    bottom: -7px;
}
.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em,.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em::before,.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em::after{
    display: block;
    position: absolute;
    width: 8px; 
    height: 8px; 
    border-radius: 50%;
    content: ''; 
    background: rgba(230, 0, 18, 0.8);
    z-index: -1;
}
.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em::before{
    animation: contact_map_scale 2.5s infinite; 
}
.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box em::after{
    animation: contact_map_scale2 2.5s infinite; 
}

.contact_map_punctuation_item .information_box{
    width: 90px;
   /* height: 110px;*/
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ededed;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    padding: 6px;
}
.contact_map_punctuation_item .information_box .pic_box{
    width: 100%;
    height: 50px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    margin-bottom: 6px;
}
.contact_map_punctuation_item .information_box .pic_box .pic{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.contact_map_punctuation_item .information_box p{
    font-size: 13px;
    color: #333;
    line-height: 20px;
    text-align: center;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(1){
    position: absolute;
    top: 170px;
    left: 130px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(1) .icon_box{
    position: absolute;
    top: 40px;
    right: 10px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(2){
    position: absolute;
    top: 35px;
    left: 545px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(2) .icon_box{
    position: absolute;
    top: 60px;
    right: 10px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(3){
    position: absolute;
    top: 68px;
    left: 767px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(3) .information_box{
    float: right;
    margin-right: 25px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(3) .icon_box{
    position: absolute;
    top: 5px;
    left: 2px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(4){
    position: absolute;
    top: 370px;
    left: 687px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(4) .icon_box{
    position: absolute;
    top: 35px;
    right: 20px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(5){
    position: absolute;
    top: 150px;
    left: 900px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(5) .information_box{
    float: right;
    margin-right: 25px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(5) .icon_box{
    position: absolute;
    top: 40px;
    left: -15px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(6){
    position: absolute;
top: 413px;
    left: 1157px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(6) .icon_box{
    position: absolute;
    top: 40px;
    right: 10px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7) {
        position: absolute;
            top: 203px;
    left: 1150px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7) .icon_box {
    position: absolute;
    top: 40px;
    right: 10px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(8) {
        position: absolute;
            top: 234px;
    left: 287px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(8) .icon_box {
    position: absolute;
    top: 40px;
    right: 164px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(9) {
        position: absolute;
    top: 289px;
    left: 483px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(9) .icon_box {
    position: absolute;
    top: 40px;
    right: 164px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(10) {
        position: absolute;
        top: 86px;
    left: 1148px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(10) .icon_box {
    position: absolute;
    top: 40px;
    right: 10px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(11) {
    position: absolute;
    top: -58px;
    left: 683px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(11) .icon_box {
    position: absolute;
        top: 111px;
    left: 36px;
}

.contact_map_punctuation_container2{
    width: 100px;
    height: 100%;
    position: absolute;
    top: -30px;
    right: 0;
    z-index: 2;
}
.contact_map_punctuation_container2 .contact_map_punctuation_item{
    margin-bottom: 10px;
}
.contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box{
    display: inline-block;
    width: 12px;
    height: 20px;
    background: url('../images/map_punctuation_new_icon.png') no-repeat center center;
    background-size: 18px;
    margin-right: 10px;
    vertical-align: bottom;
    position: relative;
}

/* help_page */
.help_page{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
}
.help_page_section1{
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 150px;
    box-sizing: border-box;
    position: relative;
}
.help_page_nav{
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.help_page_nav ul {
    margin: 0 -1%;
}
.help_page_nav ul li{
    float: left;
    width: 23%;
    height: 350px;
    margin: 0 1%;
    border-radius: 10px;
    overflow: hidden;
    background: #f8f8f8;
    position: relative;
    cursor: pointer;

    -webkit-transition: margin-top 0.4s ease-in-out;
    transition: margin-top  0.4s ease-in-out;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.help_page_nav ul li:hover{
    margin-top: -20px;
    -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
    box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
}

.help_page_nav ul li .icon_box{
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 2;

    transition: all 0.6s;
}
.help_page_nav ul li .icon_box img{
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
}
.help_page_nav ul li .icon_box .pic{
    opacity: 0;
}
.help_page_nav ul li .text_box{
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    text-align: center;
    position: relative;
    z-index: 2;

    transition: all 0.6s;
}
.help_page_nav ul li .text_box h3{
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    font-weight: 500;
}
.help_page_nav ul li .text_box p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.help_page_nav ul li.active .icon_box img{
    opacity: 0;
}
.help_page_nav ul li.active .icon_box .pic{
    opacity: 1;
}
.help_page_nav ul li.active .text_box h3{
    color: #fff;
}
.help_page_nav ul li.active .text_box p{
    color: #fff;
}
.help_page_nav ul li.active .li_bj{
    opacity: 1;
}

.help_page_nav ul li:hover .icon_box img{
    opacity: 0;
}
.help_page_nav ul li:hover .icon_box .pic{
    opacity: 1;
}
.help_page_nav ul li:hover .text_box h3{
    color: #fff;
}
.help_page_nav ul li:hover .text_box p{
    color: #fff;
}

.help_page_nav ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(45deg,#007ac3 8% , #01b6db , #00bbac);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s;
    z-index: 1;
}
.help_page_nav ul li:hover:after{
    height: 100%;
}
.help_page_nav ul li.active:after{
    height: 100%;
}

.help_page_item_container{
    width: 100%;
    height: auto;
    min-height: 300px;
}
.help_page_item{
    width: 100%;
    height: auto;
    display: none;
}
.help_search_page_item_container .help_page_item{
    display: block !important;
}
.help_page_item_list{
    width: 100%;
    height: auto;
}
.help_page_item_list ul li{
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    border-radius: 10px;
    position: relative;
}
.help_page_item_list ul li:first-child{
    border-top: 1px solid #ededed;
}
.help_page_item_list ul li .li_con{
    display: block;
    padding: 20px 40px;
    padding-right: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.help_page_item_list ul li .title_box{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 60px;
    padding-left: 30px;
    box-sizing: border-box;
    z-index: 1;
}
.help_page_item_list ul li .title_box span{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    width: 30px;
    text-align: center;
}
.help_page_item_list ul li .title_box h3{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}
.help_page_item_list ul li .title_box .jt{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 15px;
    right: 0;
    margin-top: -25px;

    background: url('../images/help_icon_jt.png') no-repeat center center;
}
.help_page_item_list ul li .text_box{
    width: 100%;
    height: auto;
   
    display: none;
}
.help_page_item_list ul li .text_box .article{
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    text-align: justify;
    padding: 20px 0;
    padding-bottom: 15px;
    box-sizing: border-box;

    padding-left: 30px;
    position: relative;
}
.help_page_item_list ul li .text_box .article span{
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    width: 30px;
    text-align: center;
}
.help_page_item_list ul li .text_box .article p{
    margin-bottom: 10px;
}
.help_page_item_list ul li .text_box .article p:last-child{
    margin-bottom: 0;
}

.help_page_item_list ul li:after{
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background: #fff;
    transition:all .4s;
    border-radius: 10px;
}

.help_page_item_list ul li:hover:after{
    box-shadow:0 3px 15px rgba(0,0,0,.1);
    z-index: 2;
}
.help_page_item_list ul li:hover:after{
    transform:scale(1.035);
}
.help_page_item_list ul li:hover .li_con{
    z-index: 9;
}
.help_page_item_list ul li:hover .title_box h3{
    color: #007ac3;
}
.help_page_item_list ul li:hover .title_box span{
    color: #007ac3;
}
.help_page_item_list ul li:hover .title_box .jt{
    background: url('../images/safety_tips_icon_jt_hover.png') no-repeat center center;
}

/* digital_entertainment_page */
.digital_entertainment_page{
    width: 100%;
    height: auto;
}
.digital_entertainment_section1{
    width: 100%;
    height: auto;
    padding-top: 125px;
    padding-bottom: 10px;
    box-sizing: border-box;
    position: relative;
}

.digital_entertainment_list{
    width: 100%;
    height: auto;
}
.digital_entertainment_list ul li{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 135px;
    box-sizing: border-box;
    cursor: pointer;
}
.digital_entertainment_list ul li .li_con{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 46%;
    box-sizing: border-box;
}

.digital_entertainment_list ul li .text_box{
    float: left;
    width: 100%;
    height: 430px;
    padding: 60px 90px;
    box-sizing: border-box;
    box-shadow: 0px 0 15px 0 rgba(0,0,0,.08);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.digital_entertainment_list ul li .text_box .title{
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-weight: 600;
    position: relative;
    z-index:2;
    transition: all 0.6s;
}
.digital_entertainment_list ul li .text_box .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    margin-top: 40px;

    position: relative;
    z-index: 2;
    transition: all 0.6s;
}
.digital_entertainment_list ul li .pic_box{
    width: 46%;
    height: 112%;
    position: absolute;
    right: 0;
    top: -6%;
    border-radius: 10px;
    overflow: hidden;
}
.digital_entertainment_list ul li .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.digital_entertainment_list ul li:nth-of-type(even) .li_con{
    padding-right: inherit;
    padding-left: 46%;
}
.digital_entertainment_list ul li:nth-of-type(even) .pic_box{
    right: inherit;
    left: 0;
}
.digital_entertainment_list ul li:nth-of-type(even) .text_box{
    border-radius: inherit;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.digital_entertainment_list ul li .li_con .text_box:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(45deg,#e60012 -10%, #e23e4b, #e66e77 );
    position: absolute;
    bottom: 0%;
    left: 0%;
    transition: all 0.5s;
    z-index: 1;
    opacity: 0;
}
.digital_entertainment_list ul li:hover .text_box:after{
    height: 100%;
    opacity: 1;
}

.digital_entertainment_list ul li:hover .text_box .title{
    color: #fff;
}
.digital_entertainment_list ul li:hover .text_box .article{
    color: #fff;
}


/* solution_bottom_contact */
.solution_bottom_contact{
    width: 100%;
    height: 240px;
    background: url('../images/solution_bottom_contact_bj.jpg');

    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;

    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.solution_bottom_contact_link{
    display: inline-block;
    width: 460px;
    height: auto;
    border: 3px solid #fff;
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    padding: 15px 60px;
    box-sizing: border-box;
    border-radius: 80px;
    letter-spacing: 2px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.solution_bottom_contact_link span {
    position: relative;
    z-index: 2;
}
.solution_bottom_contact_link:after {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    background-color: #e60012;
    box-sizing: border-box;
    border-radius: 80px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s;
    z-index: 1;
}
.solution_bottom_contact_link:hover:after{
    width: 100%;
}

/* air_travel_page */
.air_travel_page{
    width: 100%;
    height: auto;
}
.air_travel_section1{
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0px;
    box-sizing: border-box;
    position: relative;
}
.air_travel_section1_list{
    width: 100%;
    height: auto;
}
.air_travel_section1_list ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
    position: relative;
}
.air_travel_section1_list ul li:nth-of-type(even){
    background: #f5f8fa;
}
.air_travel_section1_list ul li:nth-of-type(2) .li_bj{
    width: 30%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.air_travel_section1_list ul li .li_con{
    width: 100%;
    height: auto;
    padding: 20px 0;
    box-sizing: border-box;
    padding-left: 50%;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.air_travel_section1_list ul li .text_box{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 90px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.air_travel_section1_list ul li .text_box .title{
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-weight: 600;
}
.air_travel_section1_list ul li .text_box .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    margin-top: 50px;
}
.air_travel_section1_list ul li .text_box .article p{
    margin-bottom: 20px;
    position: relative;
}
.air_travel_section1_list ul li .text_box .article p:last-child{
    margin-bottom: 0;
}
.air_travel_section1_list ul li .pic_box{
    float: left;
    width: 100%;
    height: auto;
    padding-left: 60px;
    box-sizing: border-box;
}
.air_travel_section1_list ul li .pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
}
.air_travel_section1_list ul li .text_box .article p i{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url('../images/air_travel_section1_icon_dian.png') no-repeat center center;
}
.air_travel_section1_list ul li:nth-of-type(1) .text_box .article p{
    padding-left: 30px;
}
.air_travel_section1_list ul li:nth-of-type(2) .text_box .article p{
    padding-left: 30px;
}
.air_travel_section1_list ul li:nth-of-type(2) .text_box .article p strong{
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.air_travel_section1_list ul li:nth-of-type(even) .li_con{
    padding-left: 0;
    padding-right: 50%;
}
.air_travel_section1_list ul li:nth-of-type(even) .text_box{
    padding-right: 0;
    padding-left: 90px;
    left: inherit;
    right: 0;
}
.air_travel_section1_list ul li:nth-of-type(even) .pic_box{
    padding-left: 0;
    padding-right: 60px;
    padding-top: 20px;
}

.air_travel_section1_list ul li.air_travel_section1_li2 .text_box .article p.mg{
    margin-bottom: 5px;
}
.air_travel_section1_list ul li.air_travel_section1_li2 .text_box .article p span{
    font-size: 14px;
}

.air_travel_section2{
    width: 100%;
    height: auto;
    padding-left: 50%;
    box-sizing: border-box;
    position: relative;
    margin: 40px 0;
}
.air_travel_section2 .right_box{
    width: 100%;
    height: auto;
    position: relative;
}
.air_travel_section2 .right_box .pic_box{
    width: 100%;
    height: auto;
}
.air_travel_section2 .right_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.air_travel_section2 .right_box .title_box{
    width: 100%;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px;

    padding-right: 10%;
    box-sizing: border-box;
}
.air_travel_section2 .right_box .title_box h3{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px;
}

.air_travel_section2 .left_box {
    width: 50%;
    height: 112%;
    position: absolute;
    left: 0;
    top: -6%;
    overflow: hidden;

    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
}
.air_travel_section2 .left_box .text_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    padding: 40px 15px;
    box-sizing: border-box;

    padding-left: 27%;
    padding-right: 12%;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.air_travel_section2 .left_box .text_box p{
    font-size: 16px;
    color: #fff;
    line-height: 36px;
    text-align: justify;
}
.air_travel_section2_xian{
    width: 44.5%;
    height: 80%;
    border: 5px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 10%;
    left: 9.5%;
}

/* air_travel_section3 */
.air_travel_section3{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8;
}
.air_travel_section3_container{
    width: 100%;
    height: auto;
    position: relative;
}
.air_travel_section3_list{
    width: 100%;
    height: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 -5px 10px 0 rgba(0,0,0,.08);
    position: absolute;
    top: 0;
    left: 0;
}
.air_travel_section3_list ul li{
    display: inline-block;
    width: 230px;
    height: auto;
    padding: 20px 5px;
    box-sizing: border-box;
    margin: 0 10px;
}
.air_travel_section3_list ul li .pic_box{
    max-width: 200px;
    width: 100%;
    height: 100px;
    margin: 0 auto;
}
.air_travel_section3_list ul li .pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.air_travel_section3_list .str_wrap{
    background: none !important;
}

.air_travel_page .solution_bottom_contact{
    height: 320px;
    padding-top: 60px;
    box-sizing: border-box;
    background: url(../images/solution_bottom_contact_bj2.jpg);
}

.air_travel_section1_li3_animation{
    float: right;
    width: 600px;
    height: 600px;
    position: relative;
}
.air_travel_section1_li3_animation_pic{
    width: 100%;
    height: auto;
    position: absolute;
    top: 150px;
    left: -20px;
}
.air_travel_section1_list ul li .air_travel_section1_li3_animation_pic img{
    max-width: 450px;
    width: 100%;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.08);
}

/* air_travel_rotate_box */
.air_travel_rotate_box {
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0%;
    left: 0%;

    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.air_travel_rotate_box .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: air_travel_animate 6s linear infinite;
}
.air_travel_rotate_box .face:nth-child(1) {
    width: 58%;
    height: 58%;
    color: #c7f0ec;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    --deg: -65deg;
    animation-direction: normal;
}

.air_travel_rotate_box .face:nth-child(2) {
    width: 85%;
    height: 85%;
    color: #c7f0ec;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    animation-direction: reverse;
}
.air_travel_rotate_box .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}
.air_travel_rotate_box .face:nth-of-type(1) .circle::before {
    position: absolute;
    top: -18px;
    right: -18px;
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url('../images/global_acquiring_card_dian_icon.png') no-repeat center center;
}

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

.air_travel_pic_icon_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    animation: air_travel_animtran 10s linear infinite;
    -webkit-animation: air_travel_animtran 10s linear infinite;
}
.air_travel_pic_icon_box .icon_box{
    display: inline-block;
    width: auto;
    height: auto;
    border-radius: 50%;

    animation: air_travel_animtrans 10s linear infinite;
    -webkit-animation: air_travel_animtrans 10s linear infinite;
}
.air_travel_pic_icon_box .icon_box img{
    display: block;
    width: 75px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.08);
}
.air_travel_pic_icon_box .icon_box1{
    position: absolute;
    top: 35px;
    left: 125px;
}
.air_travel_pic_icon_box .icon_box2{
    position: absolute;
    top: 40px;
    right: 125px;
}
.air_travel_pic_icon_box .icon_box3{
    position: absolute;
    top: 43.5%;
    right: 0;
}
.air_travel_pic_icon_box .icon_box4{
    position: absolute;
    bottom: 45px;
    right: 115px;
}

@keyframes air_travel_animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes air_travel_animtran {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes air_travel_animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}
@-webkit-keyframes air_travel_animtrans {
    from {
        transform: rotateZ(360deg);
    }
    to {
        transform: rotateZ(0deg);
    }
}

/* elecCommerce_page */
.elecCommerce_page{
    width: 100%;
    height: auto;
}
.elecCommerce_section1{
    width: 100%;
    height: auto;
    padding-top: 140px;
    padding-bottom: 140px;
    box-sizing: border-box;
    position: relative;
}
.elecCommerce_section1_list{
    width: 100%;
    height: auto;
}
.elecCommerce_section1_list ul li{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}
.elecCommerce_section1_list ul li .li_con{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 57%;
    box-sizing: border-box;
}
.elecCommerce_section1_list ul li .text_box{
    float: left;
    width: 100%;
    height: 430px;
    padding: 60px 80px;
    box-sizing: border-box;
    box-shadow: 0px 0 15px 0 rgba(0,0,0,.08);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: relative;
    z-index: 10;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.elecCommerce_section1_list ul li .text_box .title{
    font-size: 36px;
    color: #333333;
    line-height: 60px;
    font-weight: 600;
}
.elecCommerce_section1_list ul li .text_box .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    margin-top: 30px;
}
.elecCommerce_section1_list ul li .pic_box{
    width: 57%;
    height: 120%;
    position: absolute;
    right: 0;
    top: -10%;
   border-radius: 10px;
    overflow: hidden;
}
.elecCommerce_section1_list ul li .pic_box .pic{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.elecCommerce_section1_list ul li .li_con_bj{
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -120px;
    z-index: 1;

    background: linear-gradient(to right, rgba(0,187,172,0.53) , rgba(1,182,219,0.53) , rgba(0,122,195,0.53));
}

.elecCommerce_section2{
    position: relative;

    background: url('../images/elecCommerce_section2_bj.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home_content .elecCommerce_section2 .content_title h2 {
    color: #fff;
}
.elecCommerce_section2_container{
    width: 100%;
    height: 520px;
    position: relative;
    padding-left: 330px;
    box-sizing: border-box;
}
.elecCommerce_section2_nav{
    width: 430px;
    height: 520px;
    position: absolute;
    top: 0;
    left: 50px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.elecCommerce_section2_nav .yuan_box{
    width: 460px;
    height: 460px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -230px;
    margin-top: -230px;
    box-sizing: border-box;
    border-radius: 50%;
}
.elecCommerce_section2_nav .yuan0{
    width: 460px;
    height: 460px;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    border:4px solid #fff;
    box-sizing: border-box;
    border-radius: 50%;
}
.elecCommerce_section2_nav .yuan{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;

    transition: all 1s ease;
    transform:rotate(180deg);
}

.elecCommerce_section2_nav .yuan:after{
    display: block;
    content:" ";
    width: 50%;
    height: 100%;

    border: 4px solid #63d7cc;
    border-right: none;
    border-radius: 100% 0 0 100%/50%;

    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.elecCommerce_section2_nav ul li{
    float: left;
    width: 100%;
    height: auto;
    margin: 15px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.elecCommerce_section2_nav ul li .icon_box{
    width: 70px;
    height: 70px;
    border: 2px solid #efefef;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;

    transition: all 0.6s;
}
.elecCommerce_section2_nav ul li .icon_box img{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;

    transition: all 0.6s;
}
.elecCommerce_section2_nav ul li:nth-of-type(1){
    padding-left: 195px;
}
.elecCommerce_section2_nav ul li:nth-of-type(2){
    padding-left: 115px;
    margin-bottom: 30px;
}
.elecCommerce_section2_nav ul li:nth-of-type(3){
    padding-left: 92px;
}
.elecCommerce_section2_nav ul li:nth-of-type(4){
    padding-left: 115px;
    margin-top: 30px;
}
.elecCommerce_section2_nav ul li:nth-of-type(5){
    padding-left: 187px;
}

.elecCommerce_section2_item_container{
    width: 100%;
    height: 520px;
    margin: 0 auto;
    padding-top: 110px;
    padding-bottom: 110px;
    box-sizing: border-box;
    position: relative;
}
.elecCommerce_section2_item{
    width: 100%;
    height: 100%;
    padding-left: 300px;
    box-sizing: border-box;
    padding-top: 65px;
    position: absolute;
    opacity: 0;
    transition: all 0.38s;
}
.elecCommerce_section2_item .icon_box{
    width: 300px;
    height: 300px;
    background: #0092e7;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.elecCommerce_section2_item .icon_box .icon_box_con{
    width: 140px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -70px;

    background: url('../images/icon_box_con_bj.png') no-repeat center center;
    background-size: 100%;
}
.elecCommerce_section2_item .icon_box img{
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
}
.elecCommerce_section2_item .text_box{
    width: 100%;
    height: auto;
    padding-left: 18%;
    padding-right: 20%;
    box-sizing: border-box;
    text-align: left;
}
.elecCommerce_section2_item .text_box h3{
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 30px;
   
}
.elecCommerce_section2_item .text_box .article{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: justify;
}


.elecCommerce_section2_nav ul li .icon_box .pic2{
    opacity: 0;
}

.elecCommerce_section2_nav ul li.active .icon_box img{
    opacity: 0;
}
.elecCommerce_section2_nav ul li.active .icon_box .pic2{
    opacity: 1;
}
.elecCommerce_section2_nav ul li.active .icon_box{
    background:#fff;
}


/* elecCommerce_section3 */
.elecCommerce_section3{
}
.elecCommerce_section3_container{
    width: 100%;
    height: auto;
    position: relative;
}
.elecCommerce_section3_container2{
    display: none;
}
.elecCommerce_section3_list{
    width: 100%;
    height: auto;
}
.elecCommerce_section3_list ul li{
    float: left;
    width: 800px;
    height: auto;
    position: relative;
}
.elecCommerce_section3_list ul li .li_con{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 50%;
    box-sizing: border-box;
}
.elecCommerce_section3_list ul li .pic_box{
    width: 100%;
    height: auto;
}
.elecCommerce_section3_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}

.elecCommerce_section3_list ul li .text_box_pro{
    width: 50%;
    height: 106%;
    position: absolute;
    top: -3%;
    right: 0;

    background: linear-gradient(to left ,#007ac3, #01b6db);
}
.elecCommerce_section3_list ul li .text_box_pro .text_box{
    width: 100%;
    height: auto;
    padding: 40px;
    padding-top: 50px;
    box-sizing: border-box;
}
.elecCommerce_section3_list ul li .text_box h3{
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 40px;
}
.elecCommerce_section3_list ul li .text_box .article{
   width: 100%;
   height: auto;
}
.elecCommerce_section3_list ul li .text_box .article p{
    float: left;
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 40px;
    margin: 5px 0;
    margin-right: 8px;
    text-align: justify;
}
.elecCommerce_section3_list ul li.li_text .text_box .article p{
    padding: 4px 12px;
}
.elecCommerce_section3_list ul li .title_box{
    width: 100px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    background: linear-gradient(to left ,#007ac3, #01b6db);

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.elecCommerce_section3_list ul li .title_box h3{
    font-size: 20px;
    color: #fff;
    line-height: 100px;
    font-weight: 500;
    letter-spacing: 3px;

    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.elecCommerce_section3_list ul li.swiper-slide-prev .title_box{
    left: 50%;
}
.elecCommerce_section3_list ul li.swiper-slide-prev .li_con{
    padding-right: inherit;
    padding-left: 50%;
}
.elecCommerce_section3_list ul li.swiper-slide-prev .text_box_pro{
    right: inherit;
    left: 0;
}
.elecCommerce_section3_list ul li.swiper-slide-next .title_box{
    left: inherit;
    right: 50%;
}
.elecCommerce_section3_list ul li.swiper-slide-active .title_box{
    opacity: 0;
}
.elecCommerce_section3_list ul li .text_box_pro2 .text_box .article p{
    border: none;
}

/* risk_management_page */
.risk_management_page{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box;
}
.con_section_banner .section_container_con{
    position: relative;
}
.risk_management_banner_pic_box{
    width: 650px;
    height: auto;
    position: absolute;
    top: -240px;
    right: 80px;
}
.risk_management_banner_pic_box .pic_box{
    width: 650px;
    height: auto;
}
.risk_management_banner_pic_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.risk_management_banner_gif{
    width:220px;
    height:127px;
    position: absolute;
    right: 70px;
    bottom: 10px;
}
.risk_management_banner_gif img{
    display: block;
    width:210px;
    height:121px;
}
.risk_management_section1{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
}
.risk_management_section1{
    width: 100%;
    height: auto;
}
.risk_management_section1 ul {
    margin: 0 -1.5%;
}
.risk_management_section1 ul li{
    float: left;
    width: 30.333333%;
    height: 570px;
    background: #fff url('../images/risk_management_section1_bj.png') no-repeat left bottom;
    background-size: 100%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    padding: 60px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;

    margin: 0 1.5%;
}
.risk_management_section1 ul li .xian{
    display: block;
    width: 55px;
    height: 5px;
    background: #007ac3;
    margin-bottom: 25px;
}
.risk_management_section1 ul li h3{
    font-size: 24px;
    color: #007ac3;
    line-height: 36px;
    font-weight: 500;
}
.risk_management_section1 ul li .article{
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 50px;
    text-align: justify;
}
.risk_management_section2{
    width: 100%;
    height: auto;
}
.risk_management_section2 .air_travel_section1_list ul li .text_box .article p{
    padding-left: 0;
}
.risk_management_section2 .air_travel_section1_list ul li:nth-of-type(2) {
    background: inherit;
}
.risk_management_section2 .air_travel_section1_list ul li:nth-of-type(odd) {
    background: #f6f6f6;
}
.risk_management_section2 .air_travel_section1_list ul li .li_con{
    padding-left: 47%;
}
.risk_management_section2 .air_travel_section1_list ul li .text_box{
    width: 47%;
}
.risk_management_section2 .air_travel_section1_list ul li:nth-of-type(even) .li_con {
    padding-left: 0;
    padding-right: 47%;
}

.risk_management_section2 .air_travel_section1_list ul li .link_box{
    float: left;
    display: block;
    width: 160px;
    height: 50px;
    background: #3774ea;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50px;
    margin-top: 50px;
    letter-spacing: 1px;

    overflow: hidden;
    position: relative;
}

.risk_management_section2 .air_travel_section1_list ul li .link_box span{
    position: relative;
    z-index: 2;
}
.risk_management_section2 .air_travel_section1_list ul li .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #30d0da;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.risk_management_section2 .air_travel_section1_list ul li .link_box:hover:after{
    width: 102%;
}

/* risk_management_secure_page */
.risk_management_secure_page{
    width: 100%;
    height: auto;
}

/* risk_management_secure_pic_box */
.risk_management_secure_pic_box{
    width: 580px;
    height: 580px;
    position: absolute;
    top: -165px;
    right: 110px;
}
.risk_management_secure_pic_box .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.risk_management_secure_pic_box .pic_box img{
    display: block;
    width: 580px;
    height: 580px;
}

.risk_management_secure_animation_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.risk_management_secure_wave_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50px;
    left: 30px;
    transform-style: flat;
    transform: translate(0%, 0%) rotateX(45deg);
}
.risk_management_secure_wave_box .wave {
    width: 400px;
    height: 350px;
    border: 4px solid #c7f0ec;
    border-radius: 50%;

    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -179px;
    margin-left: -204px;

    opacity: 0;

    -moz-animation-name: risk_management_secure_ripple1;
    -webkit-animation-name: risk_management_secure_ripple1;
    animation-name: risk_management_secure_ripple1;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
  
.risk_management_secure_wave_box .wave:before {
    content: "";

    width: 520px;
    height: 470px;
    border: 4px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -239px;
    margin-left: -264px;

    opacity: 0;

    -moz-animation-name: risk_management_secure_ripple2;
    -webkit-animation-name: risk_management_secure_ripple2;
    animation-name: risk_management_secure_ripple2;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.risk_management_secure_wave_box .wave:after {
    content: "";

    width: 640px;
    height: 590px;
    border: 4px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -299px;
    margin-left: -324px;

    opacity: 0;

    -moz-animation-name: risk_management_secure_ripple3;
    -webkit-animation-name: risk_management_secure_ripple3;
    animation-name: risk_management_secure_ripple3;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes risk_management_secure_ripple1 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.38;
    }
    100% {
        width: 520px;
        height: 470px;
        border-width: 1px;
        opacity: 0;

        margin-top: -239px;
        margin-left: -264px;
    }
}

@keyframes risk_management_secure_ripple2 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.5;
    }
    100% {
        width: 640px;
        height: 590px;
        border-width: 1px;
        opacity: 0;
        
        margin-top: -299px;
        margin-left: -324px;

    }
}

@keyframes risk_management_secure_ripple3 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.6;
    }
    100% {
        width: 760px;
        height: 710px;
        border-width: 1px;

        opacity: 0;
        
        margin-top: -359px;
        margin-left: -384px;

    }
}


.risk_management_secure_section1{
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 110px;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
}
.risk_management_secure_section1_box{
    width: 100%;
    height: auto;
}
.risk_management_secure_section1_box .left_text_box{
    float: left;
    width: 52%;
    height: auto;
    padding-top: 20px;
    box-sizing: border-box;
}
.risk_management_secure_section1_box  h2{
    font-size: 36px;
    color: #333333;
    line-height: 50px;
    font-weight: 600;
}
.risk_management_secure_section1_box .text_box_article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    margin-top: 40px;
}
.risk_management_secure_section1_box .left_text_box_list{
    width: 100%;
    height: auto;
    margin-top: 80px;
}
.risk_management_secure_section1_box .left_text_box_list ul{
    margin: 0 -2%;
}
.risk_management_secure_section1_box .left_text_box_list ul li{
    float: left;
    width: 46%;
    height: 300px;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    margin: 0 2%;
    padding: 35px 30px;
    box-sizing: border-box;
}
.risk_management_secure_section1_box .left_text_box_list ul li h3{
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
}
.risk_management_secure_section1_box .left_text_box_list ul li .article{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;
}

.risk_management_secure_section1_box .rgiht_pic_box{
    float: left;
    width: 48%;
    height: auto;
    padding-left: 80px;
    box-sizing: border-box;
}
.risk_management_secure_section1_box .rgiht_pic_box .pic_box{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.risk_management_secure_section1_box .rgiht_pic_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}


.risk_management_secure_section2{
}
.risk_management_secure_section2_list{
    width: 100%;
    height: auto;
}
.risk_management_secure_section2_list ul{
    margin: 0 -1%;
}
.risk_management_secure_section2_list ul li{
    float: left;
    width: 31.333333%;
    height: auto;
    margin: 0 1%;
}
.risk_management_secure_section2_list ul li .icon_box{
    width: 100%;
    height: auto;
    text-align: center;
}
.risk_management_secure_section2_list ul li .icon_box img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.risk_management_secure_section2_list ul li p{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}
.risk_management_secure_section3{
    width: 100%;
    height: auto;
    padding-top: 90px;
    padding-bottom: 110px;
    box-sizing: border-box;
    background: #f9f9f9;
}
.risk_management_secure_section3_list{
    width: 100%;
    height: auto;
    position: relative;
}
.risk_management_secure_section3_list ul{
    margin: 0 -3%;
    position: relative;
    z-index: 9;
}
.risk_management_secure_section3_list ul li{
    float: left;
    width: 44%;
    height: auto;
    margin: 0 3%;
    position: relative;
}
.risk_management_secure_section3_list ul li h2{
    font-size: 36px;
    color: #333333;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
}
.risk_management_secure_section3_list ul li .pic_box{
    width: 100%;
    height: auto;
    position: relative;
}
.risk_management_secure_section3_list ul li .pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.risk_management_secure_section3_list2{
    width: 100%;
    height: auto;
    margin-top: 90px;
}
.risk_management_secure_section3_list2 ul{
    margin: 0 -2%;
}
.risk_management_secure_section3_list2 ul li{
    float: left;
    width: 29.333333%;
    height: 520px;
    margin: 0 2%;
    background: #fff;
    box-shadow: 0 0 15px 1px rgba(0,0,0,.08);
    border-radius: 10px;
    position: relative;

    -webkit-transition: margin-top 0.4s ease-in-out;
    transition: margin-top  0.4s ease-in-out;
    transition: margin-top  0.4s ease-in-out;
    transition: margin-top  0.4s ease-in-out;

}

.risk_management_secure_section3_list2 ul li:hover {
    margin-top: -30px;
    -webkit-box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
    box-shadow: rgba(10, 10, 10, 0.2) 2px 16px 16px -4px;
}

.risk_management_secure_section3_list2 ul li .li_con{
    width: 100%;
    height: auto;
    padding: 60px 53px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.risk_management_secure_section3_list2 ul li .icon_box{
    width: 110px;
    height: 110px;
    border: 1px solid #ededed;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;
}
.risk_management_secure_section3_list2 ul li .icon_box img{
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
}
.risk_management_secure_section3_list2 ul li h3{
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 25px;
}
.risk_management_secure_section3_list2 ul li .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
}
.risk_management_secure_section3_list2 ul li:hover .icon_box{
    background: #fff;
    border: 1px solid #fff;
}
.risk_management_secure_section3_list2 ul li:hover h3{
    color: #fff;
}
.risk_management_secure_section3_list2 ul li:hover .article{
    color: #fff;
}
.risk_management_secure_section3_list2 ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.6s;
    z-index: 1;
}
.risk_management_secure_section3_list2 ul li:hover:after{
    height: 100%;
}

.risk_management_secure_section3_list ul li .icon_pic_box{
    width: 150px;
    height: 340px;
    background: url('../images/risk_management_secure_section3_icon.png') no-repeat left top;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.risk_management_secure_section3_list ul li:nth-of-type(2) .icon_pic_box{
    left: inherit;
    right: 0;
}
.risk_management_secure_section3_list .icon_pic_box2{
    width: 340px;
    height: 150px;
    background: url('../images/risk_management_secure_section3_icon_dian.png') no-repeat left top;
    background-size: 100%;
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -170px;
}
.risk_management_secure_section3_list .secure_section3_vs_text{
    width: 50px;
    height: 50px;
    font-size: 36px;
    color: #333;
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    position: absolute;
    bottom: 305px;
    left: 50%;
    margin-left: -25px;

    background-image: linear-gradient(to right,#007ac3, #01b6db , #00bbac);
    -webkit-background-clip: text;
    color: transparent;
}

.risk_management_secure_section4{
}
.risk_management_secure_section4_box{
    width: 100%;
    height: auto;
}
.risk_management_secure_section4 .left_text_box{
    float: left;
    width: 50%;
    height: auto;
    padding-top: 50px;
    padding-right: 50px;
    box-sizing: border-box;
}
.risk_management_secure_section4 .left_text_box_list{
    width: 100%;
    height: auto;
}
.risk_management_secure_section4 .left_text_box_list ul li{
    float: left;
    width: 100%;
    height: auto;
    margin: 15px 0;
}
.risk_management_secure_section4 .left_text_box_list ul li h3{
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
    padding-left: 30px;
    box-sizing: border-box;
    background: url('../images/air_travel_section1_icon_dian.png') no-repeat left 5px;
}
.risk_management_secure_section4 .left_text_box_list ul li .article{
    font-size: 14px;
    color: #666;
    line-height: 30px;
    text-align: justify;
    margin-top: 15px;
    padding-left: 30px;
    box-sizing: border-box;
}
.risk_management_secure_section4 .rgiht_pic_box{
    float: left;
    width: 50%;
    height: auto;
    padding-left: 30px;
    box-sizing: border-box;
}
.risk_management_secure_section4 .rgiht_pic_box .pic_box{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.risk_management_secure_section4 .rgiht_pic_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}

/* risk_management_shield_page */
.risk_management_shield_page{
    width: 100%;
    height: auto;
}

/* risk_management_shield_pic_box */
.risk_management_shield_pic_box{
    width: 900px;
    height: 450px;
    position: absolute;
    top: -70px;
    right: -65px;
}
.risk_management_shield_pic_box .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.risk_management_shield_pic_box .pic_box img{
    display: block;
    width: 900px;
    height: 450px;
}

.risk_management_shield_section1{
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 90px;
    box-sizing: border-box;
}
.shield_section1_box{
    width: 100%;
    height: auto;
}
.shield_section1_nav{
    float: left;
    width: 50%;
    height: auto;
}
.shield_section1_nav ul{
    float: left;
    max-width: 600px;
    height: auto;
}
.shield_section1_nav ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 40px;
    padding-right: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.shield_section1_nav ul li h3{
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: 500;

    position: relative;
    z-index: 1;
}
.shield_section1_nav ul li .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    text-align: justify;
    padding-top: 30px;
    padding-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;

    display: none;
}
.shield_section1_container{
    float: right;
    width: 50%;
    height: auto;
}
.shield_section1_item{
    width: 100%;
    height: auto;
    display: none;
}
.shield_section1_item .pic_box{
    width: 100%;
    height: auto;
}
.shield_section1_item .pic_box img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.shield_section1_nav ul li:after{
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background: #fff;
    transition:all .4s;
    border-radius: 10px;
}
.shield_section1_nav ul li:hover:after{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.1);
    transform:scale(1.035);
    z-index:2;
}
.shield_section1_nav ul li:hover h3{
    color: #096edb;
    z-index: 3;
}
.shield_section1_nav ul li:hover .article{
    display: block;
    z-index: 3;
}

.shield_section1_nav ul li.active:after{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.1);
    transform:scale(1.035);
    z-index:2;
}
.shield_section1_nav ul li.active h3{
    color: #096edb;
    z-index: 3;
}
.shield_section1_nav ul li.active .article{
    display: block;
    z-index: 3;
}

/* risk_management_shield_section2 */
.risk_management_shield_section2{
    width: 100%;
    height: auto;
    padding: 85px 0;
    box-sizing: border-box;
    background: #f9f9f9 url('../images/risk_management_shield_section2_bj.png') no-repeat left bottom;
}
.shield_section2_box{
    width: 100%;
    height: auto;
}
.shield_section2_container{
    float: left;
    width: 50%;
    height: auto;
}
.shield_section2_item{
    width: 100%;
    height: auto;
    display: none;
}
.shield_section2_item .pic_box{
    width: 100%;
    height: auto;
}
.shield_section2_item .pic_box img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.shield_section2_box_right{
    float: right;
    width: 50%;
    height: auto;
    padding-top: 50px;
} 
.shield_section2_box_right .content_title{
    float: right;
    max-width: 620px;
}
.shield_section2_box_right .content_title h2{
    text-align: left;
}
.shield_section2_nav{
    float: right;
    max-width: 620px;
    width: 100%;
    height: auto;
    position: relative;
}
.shield_section2_nav_xian {
    width: 1px;
    height: 100%;
    border-left: 1px dashed #ededed;
    position: absolute;
    top: 0;
    left: 20px;
}
.shield_section2_nav ul li{
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 40px;

    padding-left: 40px;
    box-sizing: border-box;

    position: relative;
    z-index: 1;
    cursor: pointer;
}
.shield_section2_nav ul li:last-child{
    margin-bottom: 0;
}
.shield_section2_nav ul li h3{
    font-size: 24px;
    color: #333;
    line-height: 40px;
    font-weight: 500;
    padding-left: 25px;
    box-sizing: border-box;
    transition: all 0.5s;
}
.shield_section2_nav ul li:hover h3{
    padding-left: 50px;
}
.shield_section2_nav ul li .icon_box{
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
}
.shield_section2_nav ul li .icon_box img{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
}
.shield_section2_nav ul li .icon_box .icon_pic2{
    opacity: 0;
}

.shield_section2_nav ul li:hover h3{
    color: #096edb;
}
.shield_section2_nav ul li:hover .icon_box{
    background: #096edb;
}
.shield_section2_nav ul li:hover .icon_box img{
    opacity: 0;
}
.shield_section2_nav ul li:hover .icon_box .icon_pic2{
    opacity: 1;
}

.shield_section2_nav ul li.active h3{
    color: #096edb;
}
.shield_section2_nav ul li.active .icon_box{
    background: #096edb;
}
.shield_section2_nav ul li.active .icon_box img{
    opacity: 0;
}
.shield_section2_nav ul li.active .icon_box .icon_pic2{
    opacity: 1;
}

/* risk_management_shield_section3 */
.risk_management_shield_section3{
}
.risk_management_shield_section3_pic {
    width: 100%;
    height: auto;
}
.risk_management_shield_section3_pic img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.risk_management_shield_section4{
    background: url(../images/risk_management_shield_section4_bj.jpg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.risk_management_shield_section4 .content_title h2{
    color: #fff;
}
.risk_management_shield_section4_list{
    display: block;
    max-width: 1020px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
}
.risk_management_shield_section4_list ul li{
    float: left;
    width: 24%;
    height: auto;
}

.risk_management_shield_section4_list ul li img{
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
}
.risk_management_shield_section4_list ul .li_con{
    max-width: 260px;
    width: 100%;
    height: 170px;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    justify-content: center;

    position: relative;
} 
.risk_management_shield_section4_list ul li h3{
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 500;
    text-align: center;
}
.risk_management_shield_section4_list ul li .num_box{
    display: block;
    width: 60px;
    height: 60px;
    background: #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    border-radius: 50%;
    text-align: center;
}
.risk_management_shield_section4_list ul li .num_box p{
    display: inline-block;
    font-size: 24px;
    color: #333;
    line-height: 60px;
    text-align: center;
    font-weight: 600;

    background-image: linear-gradient(to right,#007ac3, #01b6db , #00bbac);
    -webkit-background-clip: text;
    color: transparent;
}

.risk_management_shield_section4_list ul li:nth-of-type(2){
    width: 14%;
}
.risk_management_shield_section4_list ul li:nth-of-type(4){
    width: 14%;
}
.risk_management_shield_section4_list ul li:nth-of-type(2) .li_con{
    border: none;
}
.risk_management_shield_section4_list ul li:nth-of-type(4) .li_con{
    border: none;
}
.risk_management_shield_section4_article{
    width: 100%;
    height: auto;
    font-size:18px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin-top: 60px;
}
.shield_bottom_contact_link {
    display: block;
    width: 270px;
    height: auto;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    padding: 4px 20px;
    box-sizing: border-box;
    border-radius: 80px;
    letter-spacing: 2px;
    margin: 0 auto;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
}
.shield_bottom_contact_link span {
    position: relative;
    z-index: 2;
}
.shield_bottom_contact_link:after {
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    background-color: #3774ea;
    box-sizing: border-box;
    border-radius: 80px;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s;
    z-index: 1;
}
.shield_bottom_contact_link:hover:after{
    width: 100%;
}

/* compliance_system */
.compliance_system_page{
    width: 100%;
    height: auto;
}

/* compliance_system_banner_pic_box */
.compliance_system_banner_pic_box{
    width: 1000px;
    height: 660px;
    position: absolute;
    top: -200px;
    right: 0px;
}
.compliance_system_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.compliance_system_banner_pic_box .pic_box img{
    width: 1000px;
    height: 660px;
}

.compliance_system_animation_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.compliance_system_wave_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 45px;
    left: 80px;
    transform-style: flat;
    transform: translate(0%, 0%) rotateX(30deg);
}
.compliance_system_wave_box .wave {

    width: 300px;
    height: 250px;
    border: 15px solid #c7f0ec;
    border-radius: 50%;

    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -165px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple1;
    -webkit-animation-name: compliance_system_ripple1;
    animation-name: compliance_system_ripple1;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
  
.compliance_system_wave_box .wave:before {
    content: "";

    width: 420px;
    height: 370px;
    border: 20px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -205px;
    margin-left: -230px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple2;
    -webkit-animation-name: compliance_system_ripple2;
    animation-name: compliance_system_ripple2;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.compliance_system_wave_box .wave:after {
    content: "";

    width: 550px;
    height: 500px;
    border: 20px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -295px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple3;
    -webkit-animation-name: compliance_system_ripple3;
    animation-name: compliance_system_ripple3;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes compliance_system_ripple1 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.08;
    }
    100% {
        width: 420px;
        height: 370px;
        border-width: 4px;
        opacity: 0;

        margin-top: -160px;
        margin-left: -215px;
    }
}

@keyframes compliance_system_ripple2 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.35;
    }
    100% {
        width: 550px;
        height: 500px;
        border-width: 4px;
        opacity: 0;
        
        margin-top: -262px;
        margin-left: -287px;
    }
}

@keyframes compliance_system_ripple3 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.45;
    }
    100% {
        width: 700px;
        height: 650px;
        border-width: 4px;

        opacity: 0;
        
        margin-top: -340px;
        margin-left: -365px;

    }
}


.compliance_system_section1{
    width: 100%;
    height: auto;
    padding-top: 95px;
    padding-bottom:95px;
    box-sizing: border-box;
    position: relative;
}
.compliance_system_section1_list{
    width: 100%;
    height: auto;
}
.compliance_system_section1_list ul{
    margin: 0 -0.5%;
}
.compliance_system_section1_list ul li{
    float: left;
    width: 59%;
    height: 320px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin: 0.5%;
    cursor: pointer;
}

.compliance_system_section1_list ul li:nth-of-type(2){
    width: 39%;
    height: 320px;
}
.compliance_system_section1_list ul li:nth-of-type(3){
    width: 39%;
    height: 320px;
}
.compliance_system_section1_list ul li .pic_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.compliance_system_section1_list ul li .pic_box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.compliance_system_section1_list ul li .pic_box .title_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    background: url('../images/compliance_system_section1_pic_bj.png') no-repeat left bottom;
    background-size: 100%;
}
.compliance_system_section1_list ul li .pic_box h3{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;

    padding: 20px 25px;
    box-sizing: border-box;

    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 500;
    z-index: 1;
}

.compliance_system_section1_list ul li .text_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    padding: 60px 80px;
    padding-top: 70px;
    box-sizing: border-box;

    opacity: 0;
}
.compliance_system_section1_list ul li .text_box h3{
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: 600;
    position: relative;
    z-index: 9;
    opacity: 0;
    transition: all 1.2s;
}
.compliance_system_section1_list ul li .text_box .article{
    max-width: 620px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 30px;
    position: relative;
    z-index: 9;
    opacity: 0;
    transition: all 1.2s;
}
.compliance_system_section1_list ul li .text_box:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: rgba(9, 110, 219, 0.92);
    border-radius: 10px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    transition: all 0.6s;
    z-index: 1;
}

.compliance_system_section1_list ul li:hover .text_box:after{
    height: 100%;
}
.compliance_system_section1_list ul li:hover .text_box{
    opacity: 1;
}
.compliance_system_section1_list ul li:hover .pic_box h3{
    opacity: 0;
}
.compliance_system_section1_list ul li:hover .text_box h3{
    opacity: 1;
}
.compliance_system_section1_list ul li:hover .text_box .article{
    opacity: 1;
}

.compliance_system_section2{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom:80px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8;
}
.compliance_system_section2_container{
    width: 100%;
    height: 400px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    box-sizing: border-box;
    position: relative;
    padding-left: 400px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 50px 0;
}
.compliance_system_section2_nav{
    width: 400px;
    height: 112%;

    background: linear-gradient(to left , #01b6db 30%, #007ac3);

    position: absolute;
    top: -6%;
    left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.compliance_system_section2_nav ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 15px;
    padding-left: 70px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.compliance_system_section2_nav ul li .title_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.compliance_system_section2_nav ul li .title_box h3{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}

.compliance_system_item_container{
    width: 100%;
    height: 400px;
    box-sizing: border-box;
    position: relative;
}
.compliance_system_item_container .compliance_system_item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    padding: 25px;
    padding-left: 50px;
    box-sizing: border-box;

    display: none;
}
.compliance_system_item_con{
    width: 100%;
    height: 100%;
    position: relative;
    padding-right: 380px;
    box-sizing: border-box;
}
.compliance_system_item .left_text_box{
    width: 100%;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
}
.compliance_system_item .left_text_box h3{
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}
.compliance_system_item .left_text_box .article{
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.compliance_system_item .right_pic_box{
    width: 380px;
    height: 350px;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    border-radius: 10px;
}
.compliance_system_item .right_pic_box .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.compliance_system_section2_nav ul li:after{
    position:absolute;
    left:-3%;
    top:0;
    content:'';
    display:block;
    width:106%;
    height:100%;
   
    transition:all .4s;
    border-radius: 10px;
}

.compliance_system_section2_nav ul li:hover:after{
    box-shadow:0 3px 15px rgba(0,0,0,.1);
    transform:scale(1.06);
    background: #fff;
}
.compliance_system_section2_nav ul li:hover .title_box h3{
    color: #096edb;
}
.compliance_system_section2_nav ul li.active:after{
    box-shadow:0 3px 15px rgba(0,0,0,.1);
    transform:scale(1.06);
    background: #fff;
}
.compliance_system_section2_nav ul li.active .title_box h3{
    color: #096edb;
}

/* security */
.security_page{
    width: 100%;
    height: auto;
}

/* security banner */
.security_banner_pic_box{
    width: 860px;
    height: 530px;
    position: absolute;
    top: -135px;
    right: 0px;
}
.security_rotate_box{
    width: 500px;
    height: 500px;
    position: absolute;
    top: 47%;
    left: 57%;
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateY(75deg);
}
.security_rotate_box .face_box{
    width: 500px;
    height: 500px;
    transform-style: preserve-3d;
    animation: security_rotate_box 20s linear infinite;
    position: relative;

    top: -40px;
    left: 40px;
}
@keyframes security_rotate_box {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}
.security_rotate_box .face{
    width: 500px;
    height: 500px;
    border: 4px solid rgba(255,255,255,.15);
    border-radius: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}
.security_rotate_box .face:nth-of-type(1) {
    /* transform: rotateX(60deg) rotateZ(60deg) */
}
.security_rotate_box .face:nth-of-type(2) {
    transform: rotateX(60deg) rotateZ(60deg)
}
.security_rotate_box .face:nth-of-type(3) {
    transform: rotateX(-60deg) rotateZ(-60deg)
}

.security_rotate_box .face .circle {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/global_payments_rotate_box_xian.png) no-repeat center center;
    background-size: 100% 100%;
    animation: security_face 3.5s linear infinite;
}
@keyframes security_face {
    to {
        transform: rotate(360deg);
    }
}

.security_banner_pic_box .security_face_pic {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 860px;
    height: 530px;
    margin-top: -230px;
    margin-left: -260px;
    background: url(../images/security_banner_pic.png) no-repeat center center;
    background-size: 860px;
    transform-style: flat;
    transform: translate(0%, 0%) rotateY(290deg);
}


/* security_section1 */
.security_section1{
    position: relative;
}
.security_section1_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.security_section1_box .left_title_box{
    float: left;
    width: 38%;
    height: auto;
    padding-top: 12%;
    box-sizing: border-box;
}
.security_section1_box .left_title_box h2{
    text-align: left;
}
.security_section1_box .left_title_box p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-align: left;
    margin-top: 15px;
}
.security_section1_list{
    float: left;
    width: 62%;
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.security_section1_list ul{
    float: left;
    width: 45%;
    height: auto;
    margin: 0 2.5%;
}
.security_section1_list ul:nth-of-type(2){
    padding-top: 60px;
    box-sizing: border-box;
}
.security_section1_list ul li{
    float: left;
    width: 100%;
    height: 350px;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    border-radius: 10px;
    margin: 5.5% 0;
    position: relative;
}
.security_section1_list ul li .text_box{
    width: 100%;
    height: 100%;
    padding: 40px;
    padding-top: 50px;
    box-sizing: border-box;

    position: relative;
    z-index: 2;
}
.security_section1_list ul li .text_box h3{
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: 600;
    transition: all 0.6s;
}
.security_section1_list ul li .text_box .article{
    width: 100%;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    text-align: justify;
    margin-top: 30px;
    transition: all 0.6s;
}
.security_section1_list ul li:hover .text_box h3{
    color: #fff;
}
.security_section1_list ul li:hover .text_box .article{
    color: #fff;
}

.security_section1_list ul li:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(to left ,#00bbac , #01b6db);
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
    z-index: 1;
}
.security_section1_list ul li:hover:after{
    height: 100%;
}

.security_section2{
}
.home_content .security_section2 .content_title p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-align: center;
    margin-top: 15px;
}

.security_section2_list{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.security_section2_list ul{
    margin: 0 -2%;
}
.security_section2_list ul li{
    float: left;
    width: 31.333333%;
    height: auto;
    margin: 0 1%;
    position: relative;
}
.security_section2_list ul li a{
    display: block;
}
.security_section2_list ul li .pic_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    box-sizing: border-box;
}
.security_section2_list ul li .pic_box .pic{
    display: block;
    width: 100%;
    height: auto;    opacity: 0;
}
.security_section2_list ul li .text_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    padding: 20px 5px;
    box-sizing: border-box;
}
.security_section2_list ul li .text_box h3{
    font-size: 20px;
    color: #333;
    line-height: 30px;
    font-weight:normal;
    height: 60px;
    text-align: center;
}

.security_section2_list ul li .text_box h3 span:nth-child(2){    font-size: 14px;
    color: #989898;
}


.security_section2_list ul li .text_box .article {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    text-align: justify;
}
.security_section2_list ul li .pic_box .title_bj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/security_section2_pic_bj.png) no-repeat left top;
    background-size: 100%;
}
.security_section2_list ul li .pic_box .logo_pic_box{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    padding: 30px 35px;
    box-sizing: border-box;
}
.security_section2_list ul li .pic_box .logo_pic_box img{
    display: block;
    width: auto;
    height: auto;
}

/* case_analysis_page */
.case_analysis_page{
    width: 100%;
    height: auto;
}
.case_analysis_section1{
    width: 100%;
    height: auto;
    padding-top: 125px;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
}

/* safety_products */
.safety_products_page{
    width: 100%;
    height: auto;
}
.safety_products_section1{
}
.safety_products_section1_container{
    width: 100%;
    height: auto;
}
.safety_products_section1_container .left_title_box {
    float: left;
    width: 47%;
    height: auto;
    padding-top: 12%;
    padding-right: 60px;
    box-sizing: border-box;
}
.safety_products_section1_container .left_title_box h2{
    text-align: left;
}
.safety_products_section1_container .left_title_box p{
    max-width: 520px;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-align: left;
    margin-top: 15px;
}
.safety_products_section1_container .right_pic_box{
    float: left;
    width: 53%;
    height: auto;
    padding-top: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    position: relative;
}
.safety_products_section1_container .right_pic_box .pic_box{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.safety_products_section1_container .right_pic_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.safety_products_section1_pic_bj {
    width: 200px;
    height: 200px;
    background: #129dda;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
}

.safety_products_section2{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    box-sizing: border-box;
    position: relative;
    background: #f8f8f8;
}
.safety_products_section2 .section_container_con{
    position: relative;
    z-index: 1;
}
.safety_products_section2_container{
    width: 100%;
    height: auto;
    padding: 30px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
}
.safety_products_section2_list{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.safety_products_section2_list ul li{
    float: left;
    width: 22.6%;
    height: 460px;
    overflow: hidden;
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 0 15px 0px #b8cac0;
}
.safety_products_section2_list ul li .pic_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.safety_products_section2_list ul li .pic_box .pic{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow: hidden;

    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.safety_products_section2_list ul li .text_box{
    width: 100%;
    height: 150px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px 35px;
    padding-top: 60px;
    box-sizing: border-box;

    background: linear-gradient(to left,#00bbac , #01b6db);
}
.safety_products_section2_list ul li .text_box h3{
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    text-align: left;
}
.safety_products_section2_list ul li .text_box .icon_box{
    width: 64px;
    height: 64px;
    position: absolute;
    top: -32px;
    left: 35px;
    border-radius: 50%;
    background: #0399d0;
}
.safety_products_section2_list ul li .text_box .icon_box img{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.safety_products_section2_list ul li .text_box_pro{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    padding: 35px;
    padding-top: 40px;
    box-sizing: border-box;
    text-align: left;
    z-index: 9;

    opacity: 0;
}
.safety_products_section2_list ul li .text_box_pro_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    background: rgba(1, 182, 219, 0.9);

    opacity: 0;
}
.safety_products_section2_list ul li .text_box_pro h3{
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;

    opacity: 0;

    position: relative;
    top: -20px;
}
.safety_products_section2_list ul li .text_box_pro p{
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    text-align: justify;
    font-weight: 500;
    height: 130px;
    position: relative;
    top: 150px;
    z-index: 1;

    opacity: 0;
}
.safety_products_section2_list ul li .text_box_pro .li_link{
    display: block;
    width: 120px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border-radius: 40px;
    letter-spacing: 1px;
    border: 1.5px solid #fff;
    position: absolute;
    bottom: 0px;
    left: 35px;
    opacity: 0;
}

.safety_products_section2_bj_icon1{
    position:absolute;
    top:10px;
    left:-100px;
    width:172px;
    height:100px;
    overflow: hidden;
    background-image: url('../images/safety_products_section2_bj_icon1.png');
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}

.safety_products_section2_bj_icon2{
    position:absolute;
    bottom:-50px;
    right: -80px;
    width:200px;
    height:200px;
    overflow: hidden;
    background: url('../images/safety_products_section2_bj_icon2_2.png') no-repeat center center;
    background-size: 100%;
}

.safety_products_section2_container .swiper-button-prev{
    left: -100px;
}
.safety_products_section2_container .swiper-button-next{
    right: -100px;
}

/* safety_tips */
.safety_tips_page{
    width: 100%;
    height: auto;
}
.safety_tips_section1{
}
.safety_tips_container{
    width: 100%;
    height: auto;
}
.safety_tips_left_box {
    float: left;
    width: 50%;
    height: auto;
    padding-right: 80px;
    box-sizing: border-box;
    position: relative;
}
.safety_tips_left_box .pic_box{
    max-width: 460px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin: 15px 0;
}
.safety_tips_left_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.safety_tips_left_text_box{
    width: 400px;
    height: 250px;
    background: #e60012;
    position: absolute;
    top: 50%;
    right: 90px;
    margin-top: -125px;
    z-index: 1;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.safety_tips_left_text_box .content_title{
    padding: 10px 50px;
    padding-bottom: 30px;
}
.safety_tips_left_text_box .content_title h2{
    color: #fff;
    text-align: left;
}
.safety_tips_left_text_box .content_title p {
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: left;
    margin-top: 15px;
}
.safety_tips_left_text_box2{
    width: 400px;
    height: 250px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    right: 75px;
    margin-top: -110px;
}

.safety_tips_right_box {
    float: left;
    width: 50%;
    height: auto;
}
.safety_tips_list{
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}
.safety_tips_list ul li{
    width: 100%;
    height: auto;
    padding: 30px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
}
.safety_tips_list ul li:first-child{
    border-top: 1px solid #ededed;
}
.safety_tips_list ul li .title_box{
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 100px;
    box-sizing: border-box;
}
.safety_tips_list ul li .title_box h3{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;  
    white-space: nowrap;  
    text-overflow: ellipsis; 
}
.safety_tips_list ul li .title_box .down_icon{
    width: 40px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -25px;

    background: url('../images/help_icon_jt.png') no-repeat right center;
}
.safety_tips_list ul li .text_box{
    width: 100%;
    height: auto;
  
    padding-top: 20px;
    padding-bottom: 5px;
    box-sizing: border-box;
    display: none;
}
.safety_tips_list ul li .text_box_con{
    width: 100%;
    height: auto;
    padding: 30px 40px;
    box-sizing: border-box;
    background: #f8f8f8;
}
.safety_tips_list ul li .text_box .article{
    font-size: 15px;
    color: #666666;
    line-height: 26px;
    text-align: justify;
}
.safety_tips_list ul li .text_box .article p{
    margin: 10px 0;
}

.safety_tips_list ul li.active .title_box h3{
    color: #007ac3;
}
.safety_tips_list ul li:hover .title_box h3{
    color: #007ac3;
}
.safety_tips_list ul li.active .title_box .down_icon{
    background: url('../images/safety_tips_icon_jt_hover.png') no-repeat right center;
}
.safety_tips_list ul li:hover .title_box .down_icon{
    background: url('../images/safety_tips_icon_jt_hover.png') no-repeat right center;
}

/* global_payments_page */
.global_payments_page{
    width: 100%;
    height: auto;
}

.global_payments_section1_li1 .pic_box{
    position: relative;
}
.global_payments_section1_li1 .text_box .article span{
    font-size: 24px;
    color: #55bab0;
    font-weight: 400;

    display: inline-block;
    vertical-align: bottom;
}

/* global_payments_section1_li1_animation */
.global_payments_section1_li1_animation{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -300px;
    margin-right: -360px;
}
.global_payments_section1_li1_animation_pic{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 99;
}

/* global_payments_rotate_box */
.global_payments_rotate_box{
    width: 500px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateY(75deg);
}
.global_payments_rotate_box .face_box{
    width: 600px;
    height: 500px;
    transform-style: preserve-3d;
    animation: hxz 20s linear infinite;
    position: relative;
}
@keyframes hxz {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}
.global_payments_rotate_box .face{
    width: 500px;
    height: 500px;
    border: 4px solid #c7f0ec;
    border-radius: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}
.global_payments_rotate_box .face:nth-of-type(1) {
    transform: rotateX(60deg) rotateZ(60deg)
}
.global_payments_rotate_box .face:nth-of-type(2) {
    transform: rotateX(-60deg) rotateZ(-60deg)
}

.global_payments_rotate_box .face .circle {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/global_payments_rotate_box_xian.png) no-repeat center center;
    background-size: 100% 100%;
    animation: hx 3.5s linear infinite;
}
@keyframes hx {
    to {
        transform: rotate(360deg);
    }
}

/* face_pic */
.global_payments_rotate_box .face_pic{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 320px;
    margin-top: -160px;
    margin-left: -160px;
    background: url('../images/global_payments_rotate_map.jpg') no-repeat center center;
    background-size: 320px;
    transform-style: flat;
    transform: translate(0%, 0%) rotateY(100deg);
}

/* global_payments_banner_pic_box */
.global_payments_banner_pic_box{
    width: 550px;
    height: 580px;
    position: absolute;
    top: -160px;
    right: 120px;
}
.global_payments_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
}
.global_payments_banner_pic_box .pic_box img{
    display: block;
    width: 550px;
    height: 580px;
}
.global_payments_banner_gif{
    width: 100px;
    height: 70px;
    position: absolute;
    bottom: 75px;
    right: 200px;
}
.global_payments_banner_gif2{
    transform:rotate(180deg);
    bottom: 160px;
    right: 115px;
}
.global_payments_banner_gif img{
    display: block;
    width: 100px;
    height: 70px;
}

.global_payments_section1 .air_travel_section1_list ul li .li_con{
    padding-left: 47%;
}
.global_payments_section1 .air_travel_section1_list ul li .text_box{
    width: 47%;
}
.global_payments_section1 .air_travel_section1_list ul li:nth-of-type(even) .li_con {
    padding-left: 0;
    padding-right: 47%;
}
.global_payments_section1 .air_travel_section1_list ul li:nth-of-type(2) .text_box .article p{
    margin-bottom: 20px;
}

.global_payments_li2 .pic_box{
    position: relative;
}
.global_payments_li2 .animation_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.global_payments_li2 .animation_box .pic_box1{
    width: auto;
    height: auto;
    position: absolute;
    left: 30px;
    bottom: 100px;

    opacity: 0;    
}

.global_payments_li2 .animation_box .pic_box2{
    width: auto;
    height: auto;
    position: absolute;
    right: -40px;
    bottom: 170px;

    opacity: 0;
    -webkit-animation:global_payments_li2_pic_box2 2s infinite ;
}
.global_payments_li2 .animation_box .pic_box3{
    width: auto;
    height: auto;
    position: absolute;
    right: 60px;
    bottom: 290px;
    opacity: 0;
    -webkit-animation:global_payments_li2_pic_box3 3s infinite ;
}

@-webkit-keyframes global_payments_li2_pic_box3 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0px);
    }
}
@-webkit-keyframes global_payments_li2_pic_box2 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(12px);
    }
    100%{
        transform: translateY(0px);
    }
}

.global_payments_li3{
    position: relative;
}
.global_payments_li3 .pic_box{
    position: relative;
}
.global_payments_li3 .animation_box2{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.global_payments_li3 .animation_box2 .pic_box1{
    position: absolute;
    top: 8px;
    left: 0px;

    opacity: 0;

    -webkit-animation:global_payments_li2_pic_box2 2.5s infinite ;
}
.global_payments_li3 .animation_box2 .pic_box2{
    position: absolute;
    left: 265px;
    bottom: -50px;
    opacity: 0;
    -webkit-animation:global_payments_li2_pic_box2 2.5s infinite ;
}
.global_payments_li3 .animation_box2 .pic_box3{
    position: absolute;
    right: -50px;
    top: 120px;
    opacity: 0;
    -webkit-animation:global_payments_li2_pic_box3 2s infinite ;
}
.global_payments_li3{
    overflow: hidden;
}
.global_payments_li3 .section_container_con{
    position: relative;
    z-index: 99;
}

.payments_punctuation_box{
    left: 100px;
    top: 50%;
    margin-top: -175px;
}
.payments_punctuation_box,.payments_punctuation_box::before,.payments_punctuation_box::after{
    position: absolute;
    width: 350px; 
    height: 350px; 
    border-radius: 50%;
    content: ''; 
    background: #fff;
}
.payments_punctuation_box::before{
    animation: payments_scale 3s infinite; 
    z-index: -1;
    border: 40px solid #f4f7f7;
    margin-top: -40px;
    margin-left: -40px;
}
.payments_punctuation_box::after{
    animation: payments_scale2 3s infinite; 
    z-index: -1;
    border: 40px solid #f7f9f9;
    width: 550px;
    height: 550px;
    margin-top: -135px;
    margin-left: -135px;
}
@keyframes payments_scale{
    0%{ 
        transform: scale(1); 
        opacity:0.98
    }
    100%{ 
        transform: scale(1.5); 
        opacity: 0;
    }
}
@keyframes payments_scale2{
    0%{ 
        transform: scale(1);
        opacity:0.7;
    }
    100%{ 
        transform: scale(1.5);
        opacity:0;
    }
}


.global_payments_section2{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
    background: #0d83c7;
}
.global_payments_section2 .content_title h2{
    color: #fff;
}

.global_payments_section2_list{
    width: 100%;
    height: auto;
}
.global_payments_section2_list ul{
    margin: 0 -2%;
}
.global_payments_section2_list ul li{
    float: left;
    width: 29.333333%;
    height: auto;
    border-radius: 10px;
    margin: 0 2%;
    box-sizing: border-box;

    position: relative;
}
.global_payments_section2_list ul li .pic_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.global_payments_section2_list ul li .pic_box img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1.5s;
    -webkit-transition: -webkit-transform 1.5s;
    -moz-transition: -moz-transform 1.5s;
    -o-transition: -o-transform 1.5s;
}
.global_payments_section2_list ul li:hover .pic_box img{
    -webkit-transform:scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
    -o-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3);
}
.global_payments_section2_list ul li .text_box{
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: relative;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    text-align: center;

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.global_payments_section2_list ul li .text_box p {
    max-width: 85%;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin: 0 auto;
}

.global_payments_page .air_travel_section1_list ul li:nth-of-type(odd) .text_box .article p{
    padding-left: 30px;
}
.global_payments_page .air_travel_section1_list ul li:nth-of-type(1){
    background: url('../images/global_payments_section1_bj.png') no-repeat left top;
}


/* product_faqs_container */
.product_faqs_container{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 110px;
    box-sizing: border-box;
}
.product_faqs_container .content_title {
    position: relative;
}
.product_faqs_container .content_title h2{
    text-align: left;
}
.product_faqs_container .content_title .link_box{
    width: auto;
    height: auto;
    font-size: 14px;
    color: #888;
    line-height: 30px;
    position: absolute;
    top: 18px;
    right: 0;
}
.product_faqs_container .content_title .link_box:hover{
    color: #007ac3;
}
.product_faqs_list{
    width: 100%;
    height: auto;
}
.product_faqs_list ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ededed;
}
.product_faqs_list ul li:first-child{
    border-top: 1px solid #ededed;
}
.product_faqs_list ul li .title_box{
    width: 100%;
    height: auto;
    min-height: 30px;
    position: relative;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 15px 0;
}
.product_faqs_list ul li .text_box{
    width: 100%;
    height: auto;
    min-height: 30px;
    position: relative;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 15px 0;
}
.product_faqs_list ul li .icon_box{
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #c9ccd3;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}
.product_faqs_list ul li p{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.product_faqs_list ul li .text_box .icon_box{
    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
}

/* currency_exchange */
.currency_exchange_page{
    width: 100%;
    height: auto;
}

/* currency_exchange_banner_pic_box */
.currency_exchange_banner_pic_box{
    width: 660px;
    height: 560px;
    position: absolute;
    top: -160px;
    right: 80px;
}
.currency_exchange_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
}
.currency_exchange_banner_pic_box .pic_box img{
    display: block;
    width: 660px;
    height: 560px;
}
.currency_exchange_animation_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
}
.currency_exchange_animation_box .xian_box1{
    width: 200px;
    height: 200px;
    position: absolute;
    left: 35px;
    top: 220px;
}
.currency_exchange_animation_box .xian_box1 .box:nth-of-type(1){
    -webkit-animation: currency_exchange_xian1_1 2.5s infinite;
}
.currency_exchange_animation_box .xian_box1 .box:nth-of-type(2){
    left: 70px;
    top: -60px;

    -webkit-animation: currency_exchange_xian1_2 2.5s infinite;

    -moz-animation-delay: 0.2s;
    -webkit-animation-delay:0.2s;
    animation-delay: 0.2s;
}
.currency_exchange_animation_box .xian_box1 .box:nth-of-type(3){
    left: 140px;
    top: -120px;

    -webkit-animation: currency_exchange_xian1_3 2.5s infinite;

    -moz-animation-delay: 0.4s;
    -webkit-animation-delay:0.4s;
    animation-delay: 0.4s;
}
.currency_exchange_animation_box .xian_box2{
    width: 200px;
    height: 200px;
    position: absolute;
    right: -155px;
    top: 230px;
}
.currency_exchange_animation_box .xian_box2 .box:nth-of-type(1){
    -webkit-animation: currency_exchange_xian2_1 2.5s infinite;

    -moz-animation-delay: 0.4s;
    -webkit-animation-delay:0.4s;
    animation-delay: 0.4s;
}
.currency_exchange_animation_box .xian_box2 .box:nth-of-type(2){
    right: 90px;
    top: -60px;

    -webkit-animation: currency_exchange_xian2_2 2.5s infinite;

    -moz-animation-delay: 0.2s;
    -webkit-animation-delay:0.2s;
    animation-delay: 0.2s;
}
.currency_exchange_animation_box .xian_box2 .box:nth-of-type(3){
    right: 180px;
    top: -120px;

    -webkit-animation: currency_exchange_xian2_3 2.5s infinite;
}
.currency_exchange_animation_box .xian_box3{
    width: 400px;
    height: 350px;
    position: absolute;
    left: 50%;
    top: 215px;
    margin-left: -200px;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(1){
    left: 10px;
    top: 160px;

    -webkit-animation: currency_exchange_xian3_1 3s infinite;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(2){
    left: 40px;
    top: 255px;

    -webkit-animation: currency_exchange_xian3_2 3s infinite;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(3){
    left: 180px;
    top: 270px;

    -webkit-animation: currency_exchange_xian3_3 3s infinite;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(4){
    left: 260px;
    top: 220px;

    -webkit-animation: currency_exchange_xian3_4 3s infinite;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(5){
    left: 300px;
    top: 260px;

    -webkit-animation: currency_exchange_xian3_5 3s infinite;
}
.currency_exchange_animation_box .xian_box3 .box:nth-of-type(6){
    left: 330px;
    top: 160px;

    -webkit-animation: currency_exchange_xian3_6 3s infinite;
}
.currency_exchange_animation_box .box{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;

    opacity: 0;
}
.currency_exchange_animation_box .box img{
    display: block;
    max-width: 100%;
    height: auto;
}

@keyframes currency_exchange_xian1_1{
    0%{ 
        opacity:0.95;
        top: -100px;
    }
    100%{ 
        opacity: 0;
        top: 50px;
    }
}
@keyframes currency_exchange_xian1_2{
    0%{ 
        opacity:0.95;
        top: -160px;
    }
    100%{ 
        opacity: 0;
        top: -60px;
    }
}
@keyframes currency_exchange_xian1_3{
    0%{ 
        opacity:0.95;
        top: -220px;
    }
    100%{ 
        opacity: 0;
        top: -120px;
    }
}

@keyframes currency_exchange_xian2_1{
    0%{ 
        opacity:0.95;
        top: -100px;
    }
    100%{ 
        opacity: 0;
        top: 50px;
    }
}
@keyframes currency_exchange_xian2_2{
    0%{ 
        opacity:0.95;
        top: -160px;
    }
    100%{ 
        opacity: 0;
        top: -60px;
    }
}
@keyframes currency_exchange_xian2_3{
    0%{ 
        opacity:0.95;
        top: -220px;
    }
    100%{ 
        opacity: 0;
        top: -120px;
    }
}


@keyframes currency_exchange_xian3_1{
    0%{ 
        opacity:0.95;
        top: 60px;
    }
    100%{ 
        opacity: 0;
        top: 160px;
    }
}
@keyframes currency_exchange_xian3_2{
    0%{ 
        opacity:0.95;
        top: 255px;
    }
    100%{ 
        opacity: 0;
        top: 155px;
    }
}
@keyframes currency_exchange_xian3_3{
    0%{ 
        opacity:0.95;
        top: 170px;
    }
    100%{ 
        opacity: 0;
        top: 270px;
    }
}
@keyframes currency_exchange_xian3_4{
    0%{ 
        opacity:0.95;
        top: 220px;
    }
    100%{ 
        opacity: 0;
        top: 120px;
    }
}
@keyframes currency_exchange_xian3_5{
    0%{ 
        opacity:0.95;
        top: 160px;
    }
    100%{ 
        opacity: 0;
        top: 260px;
    }
}
@keyframes currency_exchange_xian3_6{
    0%{ 
        opacity:0.95;
        top: 160px;
    }
    100%{ 
        opacity: 0;
        top: 60px;
    }
}

.currency_exchange_page .product_faqs_container{
    background: #fbfbfb;
}
.currency_exchange_section1 .air_travel_section1_list ul li:nth-of-type(2){
    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
}
.currency_exchange_section1 .air_travel_section1_list ul li:nth-of-type(2) .text_box .title{
    color: #fff;
}
.currency_exchange_section1 .air_travel_section1_list ul li:nth-of-type(2) .text_box .article p{
    color: #fff;
}
.currency_exchange_section1 .air_travel_section1_list ul li:nth-of-type(2) .text_box .article p i{
    background: url(../images/air_travel_section1_icon_dian_hover.png) no-repeat center center;
}
.currency_exchange_page .air_travel_section1_list ul li .text_box .article p{
    padding-left: 30px;
}

.currency_exchange_section1 .air_travel_section1_list ul li:nth-of-type(3){
    background: url('../images/currency_exchange_section3_bj.png') no-repeat left bottom;
}

.currency_exchange_li .pic_box{
    position: relative;
}
.currency_exchange_section1_animation_box{
    width: 0px;
    height: 80px;
    background: url('../images/currency_exchange_section1_pic1_icon.png') no-repeat left top;
    background-size: 80px;
    position: absolute;
    top: 170px;
    left: 255px;
    -webkit-animation:currency_exchange_section1_animation_box 2s infinite ;
}

@-webkit-keyframes currency_exchange_section1_animation_box {
    0%{
        width: 0;
    }
    100%{
        width: 80px;
    
    }
}

.currency_exchange_li2 .pic_box{
    position: relative;
}
.currency_exchange_section2_animation_box{
    width: 620px;
    height: 520px;
    position: relative;
    margin: 0 auto;
}
.currency_exchange_section2_animation_box .yuan_text_box{
    width: 124px;
    height: 124px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -62px;
    margin-left: -42px;
    z-index: 9;

    display: flex;
    flex-direction: column;
    justify-content: center;

    text-align: center;
}
.currency_exchange_section2_animation_box .yuan_text_box h3{
    font-size: 32px;
    color: #007bc3;
    line-height: 36px;
    font-weight: 600;
    letter-spacing: -1px;
}
.currency_exchange_section2_animation_box .yuan_text_box h3 span{
    font-size: 18px;
    margin-left: 2px;
}
.currency_exchange_section2_animation_box .yuan_text_box p{
    font-size: 14px;
    color: #007bc3;
    line-height: 18px;
}
.currency_exchange_section2_animation_box .currency_point_box{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -55px;
}
.currency_point_box,.currency_point_box::before,.currency_point_box::after{
    position: absolute;
    width: 150px; 
    height: 150px; 
    border-radius: 50%;
    content: ''; 
    background: #fff;  
}
.currency_point_box{
    animation: currency_scale 3.5s infinite; 
    z-index: -1;
}
.currency_point_box::before{
    animation: currency_scale2 3.5s infinite; 
    z-index: -1;
}
.currency_point_box::after{
    animation: currency_scale3 3.5s infinite; 
    z-index: -1;
}
@keyframes currency_scale{
    0%{ 
        transform: scale(1); 
        opacity:.38
    }
    100%{ 
        transform: scale(1.8); 
        opacity: 0;
    }
}
@keyframes currency_scale2{
    0%{ 
        transform: scale(1); 
        opacity:.9
    }
    100%{ 
        transform: scale(1.8); 
        opacity: 0;
    }
}
@keyframes currency_scale3{
    0%{ 
        transform: scale(1);
        opacity:.9;
    }
    100%{ 
        transform: scale(2.6);
        opacity:0;
    }
}

.currency_exchange_section2_animation_box .currency_pic_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.currency_pic_icon_box .pic_icon_box{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    z-index: 9;
}
.currency_pic_icon_box .pic_icon_box img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
}
.currency_pic_icon_box .pic_icon_box1{
    position: absolute;
    top: 180px;
    left: 115px;

    -webkit-animation: currency_pic_icon_box1 3.5s infinite;
}
.currency_pic_icon_box .pic_icon_box2{
    position: absolute;
    bottom: 5px;
    left: 235px;

    -webkit-animation: currency_pic_icon_box2 3s infinite;
}
.currency_pic_icon_box .pic_icon_box3{
    position: absolute;
    bottom: 115px;
    right: 45px;

    -webkit-animation: currency_pic_icon_box3 2.5s infinite;
}

.currency_pic_icon_box .pic_icon_box4{
    position: absolute;
    top: 115px;
    left: 420px;

    -webkit-animation: currency_pic_icon_box4 3.5s infinite;
}

.currency_pic_icon_box .pic_icon_box5{
    position: absolute;
    top: 50px;
    left: 300px;

    -webkit-animation: currency_pic_icon_box5 2.5s infinite;
}


@-webkit-keyframes currency_pic_icon_box1 {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(12px);
    }
    100%{
        transform: translateX(0px);
    
    }
}
@-webkit-keyframes currency_pic_icon_box2 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(12px);
    }
    100%{
        transform: translateY(0px);
    
    }
}
@-webkit-keyframes currency_pic_icon_box3 {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0px);
    
    }
}
@-webkit-keyframes currency_pic_icon_box4 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(12px);
    }
    100%{
        transform: translateY(0px);
    
    }
}
@-webkit-keyframes currency_pic_icon_box5 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(8px);
    }
    100%{
        transform: translateY(0px);
    
    }
}


.air_travel_section1_list ul .currency_exchange_li2:nth-of-type(even) .pic_box{
    padding-bottom: 10px;
    padding-top: 10px;
}

.currency_exchange_section1_pic2_bj{
    width: 100%;
    height: 210px;
    background: url('../images/currency_exchange_section1_pic2_icon1.png');
    position: absolute;
    bottom: 100px;
    left: 0;
}

.currency_exchange_li3 .pic_box{
    position: relative;
}
.currency_exchange_section3_animation_box{
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 50px;
}
.currency_exchange_section3_animation_box img{
    display: block;
    width: 130px;
    height: 130px;

    position: absolute;
    top: 0;
    left: 0;
}

.currency_exchange_section3_animation_box .pic3_icon2{
    -webkit-animation:currency_exchange_section1_pic3_icon2 2s infinite ;
}

@-webkit-keyframes currency_exchange_section1_pic3_icon2 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

/* global_acquiring_page */
.global_acquiring_page{
    width: 100%;
    height: auto;
}

/* global_acquiring_banner_pic_box */
.global_acquiring_banner_pic_box{
    width: 800px;
    height: 620px;
    position: absolute;
    top: -180px;
    right: 10px;
}
.global_acquiring_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
}
.global_acquiring_banner_pic_box .pic_box img{
    width: 800px;
    height: 620px;
}
.global_acquiring_animation_box{
    width: 160px;
    height: 160px;
    position: absolute;
    left: 0px;
    bottom: 165px;
}
.global_acquiring_animation_box .pic_box{
    width: 160px;
    height: 160px;
}
.global_acquiring_animation_box .pic_box img{
    display: block;
    width: 160px;
    height: 160px;
}

.acquiring_message_icon1{
    width: auto;
    height: auto;
    position: absolute;
    right: 200px;
    bottom: 202px;
    -webkit-animation: acquiring_message_icon1 2.5s infinite;
    opacity: 0;
    z-index: 9;
}
.acquiring_message_icon1 img{
    display: block;
    max-width: 100%;
    height: auto;
}
.acquiring_message_icon2{
    width: auto;
    height: auto;
    position: absolute;
    right: 160px;
    bottom: 100px;

    -webkit-animation: acquiring_message_icon2 2.5s infinite;
    opacity: 0;
    z-index: 9;

    -moz-animation-delay: 0.6s;
    -webkit-animation-delay:0.6s;
    animation-delay: 0.6s;
}
.acquiring_message_icon2 img{
    display: block;
    max-width: 100%;
    height: auto;
}
@keyframes acquiring_message_icon1{
    0%{ 
        opacity:0;
        right: 200px;
    }
    100%{ 
        opacity: 1;
        right: 165px;
    }
}
@keyframes acquiring_message_icon2{
    0%{ 
        opacity:0;
        right: 200px;
    }
    100%{ 
        opacity: 1;
        right: 160px;
    }
}

.acquiring_animation_box{
    width: 160px;
    height: 160px;
    position: absolute;
    left: 15px;
    bottom: 160px;
}

.acquiring_animation_box .drop {
    position: relative;
    width: 35px;
    height: 35px;
    top: -20px;
    margin: 0 auto;
    background: url('../images/global_acquiring_animation_icon_jb.png') no-repeat center center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-animation-name: drip;
    -webkit-animation-name: drip;
    animation-name: drip;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.acquiring_animation_box .wave {
    position: relative;
    opacity: 0;
    top: 0;
    width: 2px;
    height: 2px;
    border: #c7f0ec 2px solid;
    -moz-border-radius: 200px / 100px;
    -webkit-border-radius: 200px / 100px;
    border-radius: 200px / 100px;
    -moz-animation-name: ripple;
    -webkit-animation-name: ripple;
    animation-name: ripple;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    margin: 175px auto;
}
  
.acquiring_animation_box .wave:before {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 2px;
    height: 2px;
    border: #c7f0ec 2px solid;
    -moz-border-radius: 200px / 100px;
    -webkit-border-radius: 200px / 100px;
    border-radius: 200px / 100px;
    -moz-animation-name: ripple-2;
    -webkit-animation-name: ripple-2;
    animation-name: ripple-2;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.acquiring_animation_box .wave:after {
    content: "";
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    width: 2px;
    height: 1px;
    border: #c7f0ec 2px solid;
    -moz-border-radius: 200px / 100px;
    -webkit-border-radius: 200px / 100px;
    border-radius: 200px / 100px;
    -moz-animation-name: ripple-3;
    -webkit-animation-name: ripple-3;
    animation-name: ripple-3;
    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes ripple {
    from {
        opacity: 1;
    }
    to {
        width: 80px;
        height: 40px;
        border-width: 2px;
        top: 0;
        opacity: 0;
    }
  }
@keyframes ripple-2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        width: 120px;
        height: 60px;
        border-width: 2px;
        top: -10px;
        left: -20px;
    }
}
@keyframes ripple-3 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        width: 160px;
        height: 80px;
        border-width: 2px;
        top: -20px;
        left: -40px;
    }
}
@keyframes drip {
    to {
        top: 180px;
        opacity: 1;
    }
}
  
/* global_acquiring_section1 */
.global_acquiring_section1{
    width: 100%;
    height: auto;
    position: relative;
}
.home_content .global_acquiring_section1 .content_title{
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 9;
}

.global_acquiring_card_container{
    width: 1400px;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.global_acquiring_card_pic_box{
    width: 600px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -300px;
    z-index: 1;
}
.global_acquiring_card_pic_box img{
    display: block;
    width: 100%;
    height: auto;
}

/* global_acquiring_card_box */
.global_acquiring_card_box{
    width: 1200px;
    height: 460px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -600px;
    z-index: 2;
}
.global_acquiring_card_box .pic_box{
    display: inline-block;
    width: auto;
    height: auto;
    background: #fff;
    padding: 8px;
    box-sizing: border-box;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    border-radius: 10px;
}
.global_acquiring_card_box .pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}
.global_acquiring_card_box .pic_box p{
    font-size: 13px;
    color: #243b52;
    line-height: 20px;
    text-align: center;
    padding-top: 6px;
    box-sizing: border-box;
    font-weight: 500;
}

.global_acquiring_card_box .pic_box:nth-of-type(1){
    position: absolute;
    top: 300px;
    left: 70px;

    -webkit-animation: smaller 2s ease-in-out infinite alternate both;
    animation: smaller 2s ease-in-out infinite alternate both;
}
.global_acquiring_card_box .pic_box:nth-of-type(2){
    position: absolute;
    top: 0px;
    left: 170px;

    -webkit-animation: smaller 3s ease-in-out infinite alternate both;
    animation: smaller 3s ease-in-out infinite alternate both;
}
.global_acquiring_card_box .pic_box:nth-of-type(3){
    position: absolute;
    top: 40px;
    right: 280px;

    -webkit-animation: smaller 1.5s ease-in-out infinite alternate both;
    animation: smaller 1.5s ease-in-out infinite alternate both;
}
.global_acquiring_card_box .pic_box:nth-of-type(4){
    position: absolute;
    top: 300px;
    right: 200px;

    -webkit-animation: smaller 2s ease-in-out infinite alternate both;
    animation: smaller 2s ease-in-out infinite alternate both;
}
.global_acquiring_card_box .pic_box:nth-of-type(5){
    position: absolute;
    top: 40%;
    right: 15px;

    -webkit-animation: smaller 2.5s ease-in-out infinite alternate both;
    animation: smaller 2.5s ease-in-out infinite alternate both;
}

@-webkit-keyframes smaller{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to{
        opacity:0.75;
        -webkit-transform:scale(0.65);
        transform:scale(0.65)
    }
}

@keyframes smaller{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    to{
        opacity:0.75;
        -webkit-transform:scale(0.65);
        transform:scale(0.65)
    }
}


/* rotate_box */
.rotate_box {
    width: 1360px;
    height: 1360px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -620px;
    margin-left: -680px;
    font-size: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rotate_box .face {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    animation: animate 6s linear infinite;
}
.rotate_box .face:nth-child(1) {
    width: 45%;
    height: 45%;
    color: #f2f2f2;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    animation-direction: reverse;
}
.rotate_box .face:nth-child(2) {
    width: 61%;
    height: 61%;
    color: #f2f2f2;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    --deg: -65deg;
    animation-direction: normal;
}
.rotate_box .face:nth-child(3) {
    width: 80%;
    height: 80%;
    color: #f4f4f4;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    --deg: -165deg;
    animation-direction: reverse;
}
.rotate_box .face:nth-child(4) {
    width: 100%;
    height: 100%;
    color: #f6f6f6;
    border-color: currentColor currentColor currentColor currentColor;
    border-width: 1px 1px 1px 1px;
    animation-direction: reverse;
}
.rotate_box .face .circle {
    position: absolute;
    width: 50%;
    height: 0.1em;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: rotate(var(--deg));
    transform-origin: left;
}
.rotate_box .face:nth-of-type(2) .circle::before {
    position: absolute;
    top: -18px;
    right: -18px;
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url('../images/global_acquiring_card_dian_icon.png') no-repeat center center;
}
.rotate_box .face:nth-of-type(3) .circle::before {
    position: absolute;
    top: -18px;
    right: -18px;
    content: '';
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url('../images/global_acquiring_card_dian_icon.png') no-repeat center center;
}

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


/* global_acquiring_section2 */
.global_acquiring_section2{
    width: 100%;
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
    box-sizing: border-box;
    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
    position: relative;
}
.global_acquiring_section2 .content_title{
    padding-bottom: 30px;
}
.global_acquiring_section2 .content_title h2{
    color: #fff;
}
.global_acquiring_section2 .section_container_con{
    height: 100%;
}
.page5_section_warpper{
    width: 100%;
    height: 600px;
    z-index: 2;
    box-sizing: border-box;
}
.page5_section_left{
    width: 100%;
    height: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    z-index: 9;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page5_section_nav{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.page5_section_nav ul li{
    float: left;
    width: 25%;
    height: 80px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding: 5px;
    box-sizing: border-box;

    position: relative;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.page5_section_nav ul li:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.page5_section_nav ul li .icon_box{
    display: inline-block;
    width: 70px;
    height: 70px;
    position: relative;
    vertical-align: bottom;
}
.page5_section_nav ul li .icon_box img{
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
}
.page5_section_nav ul li .icon_box .selected{
    opacity: 0;
}
.page5_section_nav ul li .text_box{
    display: inline-block;
    width: auto;
    height: 70px;
    padding: 15px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    margin-left: 25px;
}
.page5_section_nav ul li .text_box p{
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
}
.page5_section_nav ul li.active{
    background: #fff;
}
.page5_section_nav ul li.active .icon_box img{
    opacity: 0;
}
.page5_section_nav ul li.active .icon_box .selected{
    opacity: 1;
}
.page5_section_nav ul li.active .text_box p{
    color: #0399d0;
}
.page5_section_right{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.page5_section_conter{
    width: 1200px;
    height: 550px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.page5_section_map_bj{
    display: block;
    width: 1250px;
    height: 550px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -625px;

    background: url('../images/page5_section_map_pic.png') no-repeat center center;
}
.page5_section_container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.page5_section_item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.page5_section_item_conter{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
}
.page5_section_item_box{
    width: 350px;
    height: auto;
    padding: 35px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    overflow: hidden;
}
.page5_section_item_box h3{
    font-size: 20px;
    color: #0399d0;
    line-height: 30px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 5px;
}
.page5_section_item_box h4{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    text-align: left;
    font-weight: 500;
    margin-bottom: 20px;
}
.page5_section_item_box .logo_list{
    width: 100%;
    height: auto;
}
.page5_section_item_box .logo_list ul{
    margin: 0 -2%;
}
.page5_section_item_box .logo_list ul li{
    float: left;
    width: 29.333333%;
    height: auto;
    margin: 2%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
}
.page5_section_item_box .logo_list ul li img{
    display: block;
    width: 80px;
    height: 60px;
    margin: 0 auto;
    border-radius: 6px; 
    overflow: hidden;
}
.punctuation_box {
    position: absolute;
    width: 50px;
    height: 50px;
}
.punctuation_box .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 17px;
    top: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: linear-gradient(to left,#ec6a8e , #f69d6b);
    border-radius: 50%;
    z-index: 2;
}
.punctuation_box .pulse {
    position: absolute;
    width: 20px;
    height: 20px;
    left: -25px;
    top: -25px;
    border: 40px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: punctuation_warn 2s ease-out;
    -moz-animation: punctuation_warn 2s ease-out;
    animation: punctuation_warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 40px #fff;
}

@keyframes punctuation_warn {
    0% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.1;
    }

    25% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        opacity: 0.3;
    }

    50% {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        opacity: 0.5;
    }

    75% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        opacity: 0.3;
    }

    100% {
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        opacity: 0.1;
    }
}

.page5_section_item1 .map_punctuation_box{
    position: absolute;
    top: 190px;
    right: 420px;
}
.page5_section_item1 .page5_section_item_conter{
    top: 180px;
    left: 250px;
}

.page5_section_item2 .map_punctuation_box{
    position: absolute;
    top: 90px;
    right: 560px;
}
.page5_section_item2 .page5_section_item_conter{
    top: 70px;
    left: 120px;
}

.page5_section_item3 .map_punctuation_box{
    position: absolute;
    top: 390px;
    right: 220px;
}
.page5_section_item3 .page5_section_item_conter{
    top: 320px;
    right: 380px;
}
.page5_section_item4 .map_punctuation_box{
    position: absolute;
    top: 190px;
    right: 520px;
}
.page5_section_item4 .page5_section_item_conter{
    top: 160px;
    left: 170px;
}
.page5_section_item5 .map_punctuation_box{
    position: absolute;
    top: 170px;
    right: 140px;
}
.page5_section_item5 .page5_section_item_conter{
    top: 160px;
    right: 350px;
}

.global_payments_section4{
    width: 100%;
    height: auto;
    padding-top: 80px;
    box-sizing: border-box;
}
.global_payments_section4_container{
    width: 100%;
    height: auto;
    position: relative;
}
.global_payments_section4_container .home_section7_list{
    position: absolute;
    top: 0;
    left: 0;
}
.global_payments_section4_bj{
    width: 100%;
    height: 350px;
    box-sizing: border-box;
    background: linear-gradient(to left,#00bbac , #01b6db , #007ac3);
    margin-top: 130px;
}

.global_acquiring_page .air_travel_section1_list ul li .text_box .article p{
    padding-left: 30px;
}
.global_acquiring_page .air_travel_section1_list ul li:nth-of-type(2) .text_box .article p{
    margin-bottom: 20px;
}

/* platform_collection */
.platform_collection_page{
    width: 100%;
    height: auto;
}

.platform_collection_banner_pic_box{
    width: 1220px;
    height: 680px;
    position: absolute;
    top: -270px;
    right: 0px;
}
.platform_collection_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.platform_collection_banner_pic_box .pic_box img{
    display: block;
    width: 1220px;
    height: 680px;
}
.platform_collection_gif{
    width: 460px;
    height: 737px;
    position: absolute;
    bottom: -108px;
    right: 110px;
}
.platform_collection_gif img{
    width: 460px;
    height: 737px;
}

.platform_collection_section1{
    width: 100%;
    height: auto;
    padding-top: 90px;
    padding-bottom: 110px;
    box-sizing: border-box;
}
.platform_collection_section1_list{
    width: 100%;
    height: auto;
    padding: 50px 0;
    box-sizing: border-box;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    border-radius: 10px;
}
.platform_collection_section1_list ul li{
    float: left;
    width: 33.3333333%;
    height: 300px;
    border-right: 1px solid #efefef;
    box-sizing: border-box;
    padding: 0 20px;
    box-sizing: border-box;
}
.platform_collection_section1_list ul li .icon_box{
    width: 100%;
    height: auto;
}
.platform_collection_section1_list ul li .icon_box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.platform_collection_section1_list ul li .text_box{
    max-width: 78%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: center;
}
.platform_collection_section2{
    width: 100%;
    height: 600px;
    padding-top: 80px;
    padding-bottom: 90px;
    box-sizing: border-box;
    position: relative;

    background: linear-gradient(to left , #007ac3,#01b6db );

    margin-bottom: 150px;
}
.platform_collection_section2_bj{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/platform_collection_section2_bj.png') no-repeat left bottom;
    background-size: 100%;
}
.platform_collection_section2 .section_container_con{
    position: relative;
    z-index: 1;
}
.platform_collection_section2 .content_title h2{
    color: #fff;
}
.platform_collection_section2 .content_title p{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-top: 15px;
}
.platform_collection_section2_link{
    display: block;
    width: 160px;
    height: 50px;
    background: #30d0da;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 50px;
    margin-top: 40px;
    letter-spacing: 1px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.platform_collection_section2_link span {
    position: relative;
    z-index: 2;
}
.platform_collection_section2_link:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #3774ea;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.platform_collection_section2_link:hover:after{
    width: 102%;
}

.platform_collection_section2_list{
    width: 100%;
    height: auto;
    margin-top: 60px;
}
.platform_collection_section2_list ul{
    margin: 0 -1%;
}
.platform_collection_section2_list ul li{
    float: left;
    width: 31.333333%;
    height: 400px;
    margin: 0 1%;
    background: #fff;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    padding: 25px 35px;
    box-sizing: border-box;
    border-radius: 10px;

    -webkit-transition: margin-top 0.4s ease-in-out;
    transition: margin-top  0.4s ease-in-out;
}
.platform_collection_section2_list ul li:hover {
    margin-top: -30px;
}
.platform_collection_section2_list ul li .num_box{
    width: 100%;
    height: 90px;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.platform_collection_section2_list ul li .num_box .xian{
    width: 100%;
    height: 2px;
    border-bottom: 2px dashed #ededed;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
}
.platform_collection_section2_list ul li .num_box .yuan_box{
    width: 90px;
    height: 90px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -45px;
}
.platform_collection_section2_list ul li .num_box .yuan_box .num{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 24px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    background: url('../images/icon_yuan_bjs.png') no-repeat;
    background-size: 100%;
}
.platform_collection_section2_list ul li h3{
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
}
.platform_collection_section2_list ul li .icon_box{
    width: 210px;
    height: 210px;
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
}
.platform_collection_section2_list ul li .icon_box img{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.platform_collection_section2_list ul li .icon_box .pic_hover{
    width: 36px;
    height: 36px;
    transition: all 1s ease;
}
.platform_collection_section2_list ul li:nth-of-type(1) .icon_box .pic_hover{
    top: 134px;
    left: 127px;
}
.platform_collection_section2_list ul li:nth-of-type(2) .icon_box .pic_hover{
    top: 120px;
    left: 13px;
}
.platform_collection_section2_list ul li:nth-of-type(3) .icon_box .pic_hover{
    top: 134px;
    left: 53px;
}
.platform_collection_section2_list ul li:nth-of-type(1):hover .icon_box .pic_hover{
    transform:rotate(180deg);
}
.platform_collection_section2_list ul li:nth-of-type(2):hover .icon_box .pic_hover{
    transform:rotate(360deg);
}
.platform_collection_section2_list ul li:nth-of-type(3):hover .icon_box .pic_hover{
    transform:rotate(180deg);
}

.platform_collection_section2 .waves{
    width: 100%;
    height: 160%;
    position: absolute;
    top: -60%;
    left: 0;
}

.platform_collection_section3{
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 110px;
    box-sizing: border-box;
}
.platform_collection_section3_container{
    width: 100%;
    height: auto;
}
.platform_collection_section3_nav{
    float: left;
    width: 45%;
    height: auto;
    padding-right: 60px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
}
.platform_collection_section3_nav ul{
    float: left;
    max-width: 500px;
    width: 100%;
    height: auto;
}
.platform_collection_section3_nav ul li{
    float: left;
    width: 100%;
    height: 110px;
    padding: 10px 30px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    margin: 10px 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    
}
.platform_collection_section3_nav ul li .title_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.platform_collection_section3_nav ul li .title_box h3{
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    font-weight: 500;
    padding-left: 35px;
    box-sizing: border-box;
    background: url(../images/air_travel_section1_icon_dian.png) no-repeat left 6px;
}

.platform_collection_section3_item_container{
    float: right;
    width: 55%;
    height: auto;
}
.platform_collection_section3_item{
    width: 100%;
    height: auto;
    display: none;
}
.platform_collection_section3_item .pic_box{
    display: block;
    width: 100%;
    height: auto;
}
.platform_collection_section3_item .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.platform_collection_section3_nav ul li:hover{
    background: #01b1d9;
}
.platform_collection_section3_nav ul li:hover .title_box h3{
    color: #fff;
    background: url(../images/icon_logo_bai.png) no-repeat left 5px;
}

.platform_collection_section3_nav ul li.active{
    background: #01b1d9;
}
.platform_collection_section3_nav ul li.active .title_box h3{
    color: #fff;
    background: url(../images/icon_logo_bai.png) no-repeat left 5px;
}

/* platform_collection_section4 */
.platform_collection_section4{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 40px;
    box-sizing: border-box;
    background-color: #007cc4;
    margin-bottom: 80px;
}
.platform_collection_section4 .content_title h2{
    color: #fff;
}
.platform_collection_section4 .content_title p{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-top: 15px;
}
.platform_collection_section4_pic_box{
    width: 1100px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}
.platform_collection_section4_pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.platform_collection_section4_pic_box .mobile_platform_collection_section4_pic{
    display: none;
}

.platform_collection_section4_point_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.point_box,.point_box::before,.point_box::after{
    position: absolute;
    width: 10px; 
    height: 10px; 
    border-radius: 50%;
    content: ''; 
    background: rgba(95, 200, 255, 1);

    opacity: 0;
}
.point_box::before{
    animation: scale 3s infinite; 
    z-index: -1;
}
.point_box::after{
    animation: scale2 3s infinite; 
    z-index: -1;
}
@keyframes scale{
    0%{ 
        transform: scale(1); 
        opacity:.9
    }
    100%{ 
        transform: scale(3); 
        opacity: 0;
    }
}
@keyframes scale2{
    0%{ 
        transform: scale(1);
        opacity:.9;
    }
    100%{ 
        transform: scale(6);
        opacity:0;
    }
}
.platform_collection_section4_point_box .point_box1{
    position: absolute;
    top: 153px;
    left: 126px;
}
.platform_collection_section4_point_box .point_box2{
    position: absolute;
    top: 158px;
    left: 290px;
}
.platform_collection_section4_point_box .point_box3{
    position: absolute;
    top: 117px;
    left: 558px;
}
.platform_collection_section4_point_box .point_box4{
    position: absolute;
    top: 115px;
    left: 490px;
}
.platform_collection_section4_point_box .point_box5{
    position: absolute;
    top: 82px;
    left: 750px;
}
.platform_collection_section4_point_box .point_box6{
    position: absolute;
    top: 80px;
    left: 635px;
    display: none;
}
.platform_collection_section4_point_box .point_box7{
    position: absolute;
    top: 174px;
    left: 700px;

    display: none;
}
.platform_collection_section4_point_box .point_box8{
    position: absolute;
    top: 230px;
    left: 905px;
}
.platform_collection_section4_point_box .point_box9{
    position: absolute;
    top: 170px;
    left: 550px;
}
.platform_collection_section4_point_box .point_box10{
    position: absolute;
    top: 136px;
    left: 730px;

    display: none;
}

.platform_collection_section4_point_box .xian1{
    position: absolute;
    top: 130px;
    left: 130px;
}
.platform_collection_section4_point_box .xian2{
    position: absolute;
    top: 80px;
    left: 290px;
}
.platform_collection_section4_point_box .xian3{
    position: absolute;
    top: 55px;
    left: 490px;
}
.platform_collection_section4_point_box .xian4{
    position: absolute;
    top: 155px;
    left: 457px;

    display: none;
}
.platform_collection_section4_point_box .xian5{
    position: absolute;
    top: 88px;
    left: 553px;
}
.platform_collection_section4_point_box .xian6{
    position: absolute;
    top: 86px;
    left: 752px;
}
 .platform_collection_section4_point_box .xian1{
     width: 0px;
     height: 47px;
     background: url('../images/point_xian1.png') no-repeat top left;
     transition: all 1.5s; 
 }
 .platform_collection_section4_point_box .xian2{
    width: 0px;
    height: 93px;
    background: url('../images/point_xian2.png') no-repeat top left;
     transition: all 1.5s;  
}
.platform_collection_section4_point_box .xian3{
    width: 0px;
    height: 81px;
    background: url('../images/point_xian3.png') no-repeat top left;
     transition: all 1.5s;  
}
.platform_collection_section4_point_box .xian4{
    width: 0px;
    height: 75px;
    background: url('../images/point_xian4.png') no-repeat top left;
     transition: all 1.5s;  
}
.platform_collection_section4_point_box .xian5{
    width: 0px;
    height: 101px;
    background: url('../images/point_xian5.png') no-repeat top left;
     transition: all 1.5s;  
}
.platform_collection_section4_point_box .xian6{
    width: 160px;
    height: 0px;
    background: url('../images/point_xian6.png') no-repeat top left;
    transition: all 1.5s;  
}

.platform_collection_section4_current .xian1{
    width: 170px;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s; 
    -webkit-transition-delay: 0.2s; 
    -o-transition-delay: 0.2s;
}
.platform_collection_section4_current .xian2{
    width: 276px;
    transition-delay: 1s;
    -moz-transition-delay: 1s; 
    -webkit-transition-delay: 1s; 
    -o-transition-delay: 1s;
}
.platform_collection_section4_current .xian3{
    width: 266px;
    transition-delay: 2s;
    -moz-transition-delay: 2s; 
    -webkit-transition-delay: 2s; 
    -o-transition-delay: 2s;
}
.platform_collection_section4_current .xian4{
    width: 250px;
    transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
}
.platform_collection_section4_current .xian5{
    width: 208px;
    transition-delay: 2.7s;
    -moz-transition-delay: 2.7s; 
    -webkit-transition-delay: 2.7s; 
    -o-transition-delay: 2.7s;
}
.platform_collection_section4_current .xian6{
    height: 150px;
    transition-delay: 3s;
    -moz-transition-delay: 3s; 
    -webkit-transition-delay: 3s; 
    -o-transition-delay: 3s;
}

.platform_collection_section4 .section_container_con{
    position: relative;
}
.platform_collection_section4_list{
    width: 100%;
    height: auto;
    padding: 35px 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.08);

    position: absolute;
    left: 0;
    bottom: -105px;
}
.platform_collection_section4_list ul{
    padding: 0 50px;
    box-sizing: border-box;
}
.platform_collection_section4_list .str_wrap{
    background: none !important;
}
.platform_collection_section4_list ul li{
    display: inline-block;
    width: 270px;
    height: auto;
}
.platform_collection_section4_list ul li .pic_box{
    width: 100%;
    height: auto;
}
.platform_collection_section4_list ul li .pic_box img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* platform_collection_section5 */
.platform_collection_section5{
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.platform_collection_section5_container{
    width: 100%;
    height: auto;
}
.platform_collection_section5_container .left_text_box{
    float: left;
    width: 50%;
    height: auto;
    padding: 80px;
    padding-left: 70px;
    padding-right: 20px;
    padding-top: 120px;
    box-sizing: border-box;
}
.platform_collection_section5_container .left_text_box .article{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}

.platform_collection_section5_container .left_text_box .article p{
    background: url(../images/air_travel_section1_icon_dian.png) no-repeat left 6px;
    padding-left: 30px;
    box-sizing: border-box;
    margin: 5px 0;
}

.platform_collection_section5_container .right_pic_box{
    float: left;
    width: 50%;
    height: auto;
}
.platform_collection_section5_container .right_pic_box img{
    float: right;
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
}

.platform_collection_section5_link_box {
    display: block;
    width: 330px;
    height: auto;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 50px;
    margin-top: 60px;
    position: relative;

    background: linear-gradient(to right,#4c4c4c , #4c4c4c , #4c4c4c); 

    overflow: hidden;
}
.platform_collection_section5_link_box .bjs{
    width: 326px;
    height: 50px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: 2px;
    left: 2px;

    transition: all 0.5s;
}
.platform_collection_section5_link_box p{
    width: 100%;
    height: 50px;
    background: #fff;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 10px 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;

    background-image: linear-gradient(to right,#4c4c4c , #4c4c4c , #4c4c4c);
    -webkit-background-clip:text;
    color: transparent;
}

.platform_collection_section5_link_box:hover .bjs{
    width: 0%;
    opacity: 0.8;
}
.platform_collection_section5_link_box:hover p{
    background: none;
    color: #fff;
}
.platform_collection_page .product_faqs_container{
    background: #f8f8f8;
}

/* common_problem_page */
.common_problem_page{
    width: 100%;
    height: auto;
}
.common_problem_section1{
    width: 100%;
    height: auto;
    padding: 100px 0;
    padding-bottom: 150px;
    box-sizing: border-box;
}

/* privacyClause_page */
.privacyClause_page{
    width: 100%;
    height: auto;
}
.privacyClause_section{
    width: 100%;
    height: auto;
    min-height: 800px;
    padding: 100px 0;
    padding-top: 220px;
    box-sizing: border-box;
    background: rgba(246,246,246,.9);
}
.privacyClause_conter{
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.home_content .privacyClause_conter .content_title{
    padding-bottom: 40px;
}
.home_content .privacyClause_conter .content_title h2{
    color: #15b4bc;
    line-height: 50px;
    font-weight: normal;
}
.privacyClause_conter .text_box{
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 20px 1px rgba(0,0,0,.06);
    border-radius: 10px;

    font-size: 16px;
    color: #555;
    line-height: 30px;
    text-align: justify;
}
.privacyClause_conter .text_box strong{
    color: #000;
    font-weight: 600;
}
.privacyClause_conter .text_box p .dian{
    font-size: 20px;
}
.privacyClause_conter .text_box a{
    display: inline-block;
    color: #007ac3;
    text-decoration: underline;
}
.privacyClause_conter .text_box a.privacy_link{
    color: #15b4bc;
}

.privacyClause_conter table{
    width: 100%;
    height: auto;
    border: 1px solid #888;
    display: inline-table;
    border-collapse: collapse;
}
.privacyClause_conter table thead td{
    min-width: 60px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.privacyClause_conter table td{
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #888;

    word-wrap: break-word;
    word-break: break-all;
}
.privacyClause_conter table td:last-child{
    width: 50%;
}
.privacyClause_conter table td p{
    margin: 10px 0;
}


.cookie_page .privacyClause_conter table td:first-child{
    width: 100px;
}
.cookie_page .privacyClause_conter table thead{
    background: #15b4bc;
}
.cookie_page .privacyClause_conter table thead td{
    color: #fff;
   
}
.cookie_page .privacyClause_conter table tbody tr:nth-of-type(odd){
    background: #efefef;
}


/* cooperative_partner_page */
.cooperative_partner_page{
    width: 100%;
    height: auto;
}
.cooperative_partner_section1{
    width: 100%;
    height: auto;
    padding: 80px 0;
    padding-bottom: 100px;
    box-sizing: border-box;
}

.cooperative_partner_sec1_box{
    width: 100%;
    height: auto;
}
.cooperative_partner_sec1_nav{
    float: left;
    width: 50%;
    height: auto;
    padding-right: 40px;
    box-sizing: border-box;
}
.cooperative_partner_sec1_nav ul li{
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
}
.cooperative_partner_sec1_nav ul li:first-child{
    border-top: 1px solid #eee;
}
.cooperative_partner_sec1_nav ul li .title_box{
    width: 100%;
    height: auto;
    min-height: 46px;
    position: relative;
    padding-left: 60px;
    box-sizing: border-box;
    cursor: pointer;
}

.cooperative_partner_sec1_nav ul li .title_box h3 {
    font-size: 20px;
    color: #333;
    line-height: 46px;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s;
}
.cooperative_partner_sec1_nav ul li .title_box .icon_box{
    width: 46px;
    height: 46px;
    overflow: hidden;
    position: relative;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
.cooperative_partner_sec1_nav ul li .title_box .icon_box img{
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
}
.cooperative_partner_sec1_nav ul li .title_box .icon_box .icon_pic2{
    opacity: 0;
}


.cooperative_partner_sec1_nav ul li.active h3{
    color: #096edb;
}
.cooperative_partner_sec1_nav ul li.active .icon_box{
    background: url('../images/cooperative_partner_sec1_iconbjs.png') no-repeat center center;
    background-size: 100%;
}
.cooperative_partner_sec1_nav ul li.active .icon_box img{
    opacity: 0;
}
.cooperative_partner_sec1_nav ul li.active .icon_box .icon_pic2{
    opacity: 1;
}

.cooperative_partner_sec1_nav ul li .text_box{
    width: 100%;
    height: 0;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    text-align: justify;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
    /* display: none; */
    /* transition: all 0.3s; */
    opacity: 0;
}
.cooperative_partner_sec1_nav ul li.active .text_box{
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    opacity: 1;

}
.cooperative_partner_sec1_container{
    float: left;
    width: 50%;
    height: auto;
    padding-top: 60px;
    padding-left: 40px;
    box-sizing: border-box;
}
.cooperative_partner_sec1_item{
    float: left;
    width: 100%;
    height: auto;
    display: none;
}
.cooperative_partner_sec1_item .pic_box{
    display: block;
    width: 100%;
    height: auto;
    
}
.cooperative_partner_sec1_item .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}



.partner_sec1_nav_list{
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 0 10px 0px rgba(0,0,0,.06);
    border-radius: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    margin-top: 20px;
}
.partner_sec1_nav_list .item{
    display: inline-block;
    width: 150px;
    height: 110px;
    padding: 20px 5px;
    box-sizing: border-box;
    margin: 0 10px;
}
.partner_sec1_nav_list .item a{
    display: block;
    position: relative;
    z-index: 9;
}
.partner_sec1_nav_list .item .pic_box{
    width: 120px;
    height: 70px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;

    -webkit-transition: margin-top 0.3s ease-in-out;
    transition: margin-top  0.3s ease-in-out;
}
.partner_sec1_nav_list .item .pic_box img{
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto;
}

.partner_sec1_nav_list .str_wrap{
    background: none !important;
    width: 500px !important;
    height: 110px !important;
    margin: 0 auto;
    display: block !important;
}






.cooperative_partner_section2{
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 80px;
    box-sizing: border-box;
    /* display: none; */
}
.cooperative_partner_section2_box{
    width: 100%;
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;

}

.cooperative_partner_section2_list{
    width: 1140px;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto;
}
.cooperative_partner_section2_list ul li{
    float: left;
    width: 190px;
    height: 215px;
    background: url('../images/cooperative_partner_section2_bj.png') no-repeat center;
    background-size:100%;
    padding: 30px 5px;
    box-sizing: border-box;
    margin-bottom:-46px;
}
.cooperative_partner_section2_list ul li .pic{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin:0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cooperative_partner_section2_list ul li .pic img{
    display: block;
    width: 160px;
    height: auto;
    margin: 0 auto;
}
.cooperative_partner_section2_list ul li:nth-of-type(7){
    margin-left: 95px;
}
.cooperative_partner_section2_list ul li:nth-of-type(18){
    margin-left: 95px;
}
.cooperative_partner_section2_list ul li:nth-of-type(29){
    margin-left: 95px;
}
.cooperative_partner_section2_list ul li:nth-of-type(40){
    margin-left: 95px;
}

/* cooperative_partner_page end */





/* vulnerability_feedback */
.vulnerability_feedback_page{
    width: 100%;
    height: auto;
}
.vulnerability_feedback_section1{
    width: 100%;
    height: auto;
    padding-top: 100px;
    box-sizing: border-box;
    position: relative;
}
.vulnerability_feedback_section1_container{
    width: 100%;
    height: auto;
    position: relative;
}
.vulnerability_feedback_section1 .left_box{
    float: left;
    width: 50%;
    height: auto;
}
.vulnerability_feedback_section1 .left_box .text_box{
    width: 100%;
    height: auto;
    padding: 20px 0;
    padding-top: 60px;
    padding-right: 110px;
    box-sizing: border-box;
}
.vulnerability_feedback_section1 .left_box .text_box p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
    text-align: justify;
}
.vulnerability_feedback_section1 .left_box .text_box strong{
    font-weight: 500;
    font-size: 24px;
    color: #15b4bc;
}

.vulnerability_feedback_section1 .right_box{
    float: left;
    width: 50%;
    height: auto;
}
.vulnerability_feedback_section1 .right_box .pic_box{
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.vulnerability_feedback_section1 .right_box .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}

.vulnerability_feedback_section1_list{
    width: 100%;
    height: auto;
}
.vulnerability_feedback_section1_list_conter{
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 8%);
    padding: 40px 50px;
    box-sizing: border-box;
    border-radius: 10px;
}
.vulnerability_feedback_section1_list .title_box{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    box-sizing: border-box;
}
.vulnerability_feedback_section1_list .title_box h2{
    font-size: 24px;
    color: #15b4bc;
    line-height: 40px;
    font-weight: 500;
}
.vulnerability_feedback_section1_list_container{
    width: 100%;
    height: auto;
    position: relative;
}
.vulnerability_feedback_section1_list_container .xian_box{
    display: block;
    width: 90%;
    height: 1px;
    border: 1px dashed #d0f0f2;
    box-sizing: border-box;
    position: absolute;
    top: 45px;
    left: 5%;
}
.vulnerability_feedback_section1_list_container ul{
    margin: 0 -100px;
}
.vulnerability_feedback_section1_list_container ul li{
    float: left;
    width: 20%;
    height: auto;
    position: relative;
    z-index: 1;
}
.vulnerability_feedback_section1_list_container ul li .icon_box{
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
    background: #fff;
}
.vulnerability_feedback_section1_list_container ul li .icon_box img{
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    transition: all 1s ease;
}
.vulnerability_feedback_section1_list_container ul li:hover .icon_box img{
    transform: rotate(360deg);
}
.vulnerability_feedback_section1_list_container ul li .text_box{
    width: 135px;
    height: 60px;
    margin: 0 auto;
}
.vulnerability_feedback_section1_list_container ul li .text_box p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    text-align: center;
}

.vulnerability_feedback_section2{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
    background: #f8f8f8;
}
.vulnerability_feedback_section2_container{
    max-width: 1560px;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 auto;
    box-shadow: 0 0px 10px 0px rgb(0 0 0 / 8%);
}
.vulnerability_feedback_section2_table{
    width: 100%;
    height: auto;
}

.vulnerability_feedback_section2_table table{
    width: 100%;
    height: auto;
    border: 1px solid #888;
    display: inline-table;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 30px;
}
.vulnerability_feedback_section2_table table thead td{
    min-width: 60px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.vulnerability_feedback_section2_table table td{
    padding: 10px 15px;
    box-sizing: border-box;
    border: 1px solid #888;

    word-wrap: break-word;
    word-break: break-all;
}
.vulnerability_feedback_section2_table table td:last-child{
    width: 50%;
}
.vulnerability_feedback_section2_table table td p{
    margin: 10px 0;
}

.vulnerability_feedback_section2_table table td:first-child{
    width: 135px;
    text-align: center;
}
.vulnerability_feedback_section2_table table thead{
    background: #15b4bc;
}
.vulnerability_feedback_section2_table table thead td{
    color: #fff;
   
}
.vulnerability_feedback_section2_table table tbody tr:nth-of-type(odd){
    background: #efefef;
}


/* export_tax_rebate */

.export_tax_rebate_banner_pic_box{
    width: 620px;
    height: 560px;
    position: absolute;
    top: -160px;
    right: 80px;
}
.mobile_export_tax_rebate_animation_box{
    display: none;
}
.export_tax_rebate_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.export_tax_rebate_banner_pic_box .pic_box img{
    display: block;
    width: 620px;
    height: 560px;
}
.export_tax_rebate_animation_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 9;
}

.export_tax_rebate_animation_box img{
    display: block;
    max-width: 100%;
    height: auto;
}

.export_tax_rebate_animation_box .pic_box1{
    width: auto;
    height: auto;
    position: absolute;
    left: 320px;
    top: 10px;

    -moz-animation-name: export_tax_rebate_drip;
    -webkit-animation-name: export_tax_rebate_drip;
    animation-name: export_tax_rebate_drip;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_tax_rebate_animation_box .pic_box2{
    width: auto;
    height: auto;
    position: absolute;
    left: 415px;
    top: 15px;

    -moz-animation-name: export_tax_rebate_drip2;
    -webkit-animation-name: export_tax_rebate_drip2;
    animation-name: export_tax_rebate_drip2;

    animation-delay:0.2s;
    -webkit-animation-delay:0.2s;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_tax_rebate_animation_box .pic_box3{
    width: auto;
    height: auto;
    position: absolute;
    left: 130px;
    bottom: -20px;

    -moz-animation-name: export_tax_rebate_drip3;
    -webkit-animation-name: export_tax_rebate_drip3;
    animation-name: export_tax_rebate_drip3;

    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}

@keyframes export_tax_rebate_drip {
    to {
        top: 110px;
        opacity: 1;
    }
}
@keyframes export_tax_rebate_drip2 {
    to {
        top: 120px;
        opacity: 1;
    }
}
@keyframes export_tax_rebate_drip3 {
    to {
        bottom: 60px;
        opacity: 1;
    }
}



.export_tax_rebate_wave_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 0px;
    transform-style: flat;
    transform: translate(0%, 0%) rotateX(30deg);
}
.export_tax_rebate_wave_box .wave {

    width: 300px;
    height: 250px;
    border: 5px solid #c7f0ec;
    border-radius: 50%;

    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -165px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple1;
    -webkit-animation-name: compliance_system_ripple1;
    animation-name: compliance_system_ripple1;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
  
.export_tax_rebate_wave_box .wave:before {
    content: "";

    width: 420px;
    height: 370px;
    border: 10px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -205px;
    margin-left: -230px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple2;
    -webkit-animation-name: compliance_system_ripple2;
    animation-name: compliance_system_ripple2;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.export_tax_rebate_wave_box .wave:after {
    content: "";

    width: 550px;
    height: 500px;
    border: 10px solid #c7f0ec;
    border-radius: 50%;

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -295px;

    opacity: 0;

    -moz-animation-name: compliance_system_ripple3;
    -webkit-animation-name: compliance_system_ripple3;
    animation-name: compliance_system_ripple3;

    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes compliance_system_ripple1 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.08;
    }
    100% {
        width: 420px;
        height: 370px;
        border-width: 4px;
        opacity: 0;

        margin-top: -160px;
        margin-left: -215px;
    }
}

@keyframes compliance_system_ripple2 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.35;
    }
    100% {
        width: 550px;
        height: 500px;
        border-width: 4px;
        opacity: 0;
        
        margin-top: -262px;
        margin-left: -287px;
    }
}

@keyframes compliance_system_ripple3 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 0.45;
    }
    100% {
        width: 700px;
        height: 650px;
        border-width: 4px;

        opacity: 0;
        
        margin-top: -340px;
        margin-left: -365px;

    }
}






.export_tax_rebate_page .air_travel_section1_list ul li .text_box .article p{
    padding-left: 0;
}
.export_tax_rebate_section1 .animation_box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.export_tax_rebate_section1 .animation_box img{
    display: block;
    max-width: 100%;
    height: auto;
}

.export_tax_rebate_section1 .animation_box .pic_box1{
    width: auto;
    height: auto;
    position: absolute;
    left: 180px;
    top: 90px;

    -webkit-animation:export_tax_rebate_pic_box1 2s infinite ;
}
.export_tax_rebate_section1 .animation_box .pic_box2{
    width: auto;
    height: auto;
    position: absolute;
    left: 170px;
    bottom: 90px;

    -webkit-animation:export_tax_rebate_pic_box2 3s infinite ;
}
.export_tax_rebate_section1 .animation_box .pic_box3{
    width: auto;
    height: auto;
    position: absolute;
    right: 40px;
    top: 40px;

    -webkit-animation:export_tax_rebate_pic_box1 2s infinite ;
}
.export_tax_rebate_section1 .animation_box .pic_box4{
    width: auto;
    height: auto;
    position: absolute;
    right: 100px;
    bottom: 110px;

    -webkit-animation:export_tax_rebate_pic_box2 3s infinite ;
}
.export_tax_rebate_section1 .animation_box .pic_box5{
    width: auto;
    height: auto;
    position: absolute;
    right: 90px;
    top: 98px;

    -webkit-animation:export_tax_rebate_pic_box3 2.5s infinite ;
}
.export_tax_rebate_section1 .animation_box .pic_box5 img{
    max-width: 80%;
    margin: 0 auto;
}
.export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box p{
    font-size: 15px;
    color: #fff;
    line-height: 26px;
}
.export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3{
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    font-weight: normal;
    margin-top: 5px;
}
.export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3 strong{
    font-size: 26px;
    font-weight: 500;
}

@-webkit-keyframes export_tax_rebate_pic_box2 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0px);
    }
}
@-webkit-keyframes export_tax_rebate_pic_box1 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(12px);
    }
    100%{
        transform: translateY(0px);
    }
}
@-webkit-keyframes export_tax_rebate_pic_box3 {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(16px);
    }
    100%{
        transform: translateX(0px);
    }
}








.export_tax_rebate_section2 {
    width: 100%;
    height: auto;
    min-height: 400px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 75px 0;
    box-sizing: border-box;
}
.export_tax_rebate_section2_container{
    width: 100%;
    height: 100%;
    position: relative;
}
.export_tax_rebate_section2 .left_box{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.export_tax_rebate_section2 .left_box .content_title{
    padding-bottom: 0;
}
.export_tax_rebate_section2 .left_box .content_title h2{
    text-align: left;
    color: #fff;
}
.export_tax_rebate_section2 .right_box{
    float: right;
    width: 50%;
    height: auto;
}
.export_tax_rebate_section2 .right_box_list{
    float: right;
    max-width: 580px;
    width: auto;
    height: auto;
    padding-right: 90px;
    box-sizing: border-box;
}
.export_tax_rebate_section2 .right_box_list ul li{
    float: left;
    width: 100%;
    height: auto;
    min-height: 100px;
    position: relative;
    padding-left: 100px;
    box-sizing: border-box;
    margin: 30px 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
}
.export_tax_rebate_section2 .right_box_list ul li .icon_box{
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
}
.export_tax_rebate_section2 .right_box_list ul li .icon_box img{
    display: block;
    width: 100%;
    height: auto;
    transition: all 1s ease;
}
.export_tax_rebate_section2 .right_box_list ul li:hover .icon_box img{
    transform: rotate(360deg);
}
.export_tax_rebate_section2 .right_box_list .text_box{
    width: 100%;
    height: auto;
    padding-left: 40px;
    box-sizing: border-box;
    text-align: left;
}
.export_tax_rebate_section2 .right_box_list .text_box h3{
    font-size: 22px;
    color: #fff;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 10px;
}
.export_tax_rebate_section2 .right_box_list .text_box p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

.export_tax_rebate_section3{
    width: 100%;
    height: auto;
    padding: 100px 0;
    padding-bottom: 110px;
    box-sizing: border-box;
}
.export_tax_rebate_section3_container{
    width: 100%;
    height: auto;
}
.export_tax_rebate_section3_list{
    width: 100%;
    height: auto;
}
.export_tax_rebate_section3_list ul{
    margin: 0 -1.5%;
}
.export_tax_rebate_section3_list ul li {
    float: left;
    width: 30.333333%;
    height: 450px;
    margin: 0 1.5%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 8%);
    padding: 80px 40px;
    padding-bottom: 100px;
    box-sizing: border-box;
    border-radius: 15px;
    position: relative;

    -webkit-transition: margin-top 0.4s ease-in-out;
    transition: margin-top 0.4s ease-in-out;
}
.export_tax_rebate_section3_list ul li .icon_box{
    width: 100%;
    height: auto;
}
.export_tax_rebate_section3_list ul li .icon_box img{
    display: block;
    width: auto;
    height: auto;
}
.export_tax_rebate_section3_list ul li .text_box{
    width: 100%;
    height: auto;
    padding: 10px 25px;
    padding-right: 35px;
    box-sizing: border-box;
    font-size: 20px;
    color: #333;
    line-height: 36px;
}
.export_tax_rebate_section3_list ul li .num_box{
    width: 80px;
    height: 80px;
    background: #30d0da;
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 32px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-weight: 600;
    border-radius: 50%;
    border-bottom-right-radius: 0;
}






/* export_trade */
.export_trade_banner_pic_box{
    width: 700px;
    height: 620px;
    position: absolute;
    top: -190px;
    right: 20px;
}
.export_trade_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
}
.export_trade_banner_pic_box .pic_box img{
    width: 700px;
    height: 620px;
}
.export_trade_animation_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
}
.export_trade_animation_box img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
}

.export_trade_animation_box .pic_box1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: -120px;

    -moz-animation-name: export_trade_pic_box1;
    -webkit-animation-name: export_trade_pic_box1;
    animation-name: export_trade_pic_box1;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
@keyframes export_trade_pic_box1 {
    to {
        top: 0px;
        opacity: 1;
    }
}

.export_trade_animation_box .pic_box2{
    position: absolute;
    width: 100%;
    height: 100%;
    top: -120px;

    -moz-animation-name: export_trade_pic_box1;
    -webkit-animation-name: export_trade_pic_box1;
    animation-name: export_trade_pic_box1;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}

.export_trade_animation_box .pic_box_xian{
    width: 65px;
    height: 130px;
}
.export_trade_animation_box .pic_box_xian1{
    position: absolute;
    top: 110px;
    left: 330px;
}
.export_trade_animation_box .pic_box_xian2{
    position: absolute;
    top: 40px;
    left: 198px;
}
.export_trade_animation_box .pic_box_xian .xian{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
}
.export_trade_animation_box .pic_box_xian .xian img{
    display: block;
    width: auto;
    height: auto;
}
.export_trade_animation_box .pic_box_xian .xian:nth-of-type(1){
    position: absolute;
    top: 18px;
    left: 15px;

    -webkit-animation: export_trade_animation_xian1_1 2.5s infinite;
}
.export_trade_animation_box .pic_box_xian .xian:nth-of-type(2){
    position: absolute;
    top: 60px;
    left: 32px;

    -webkit-animation: export_trade_animation_xian1_2 2.5s infinite;
}
.export_trade_animation_box .pic_box_xian .xian:nth-of-type(3){
    position: absolute;
    top: -15px;
    left: 43px;

    -webkit-animation: export_trade_animation_xian1_3 2.5s infinite;
}
.export_trade_animation_box .pic_box_xian .xian:nth-of-type(4){
    position: absolute;
    top: 70px;
    left: 58px;

    -webkit-animation: export_trade_animation_xian1_4 2.5s infinite;
}

@keyframes export_trade_animation_xian1_1{
    0%{ 
        opacity:0.90;
        top: -10px;
    }
    100%{ 
        opacity: 0;
        top: 40px;
    }
}
@keyframes export_trade_animation_xian1_2{
    0%{ 
        opacity:0.90;
        top: -10px;
    }
    100%{ 
        opacity: 0;
        top: 80px;
    }
}
@keyframes export_trade_animation_xian1_3{
    0%{ 
        opacity:0.90;
        top: -35px;
    }
    100%{ 
        opacity: 0;
        top: 50px;
    }
}
@keyframes export_trade_animation_xian1_4{
    0%{ 
        opacity:0.90;
        top: -30px;
    }
    100%{ 
        opacity: 0;
        top: 60px;
    }
}


.export_trade_animation_box .pic_box3{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 205px;
    right: 265px;

    -moz-animation-name: export_trade_pic_box3;
    -webkit-animation-name: export_trade_pic_box3;
    animation-name: export_trade_pic_box3;
    

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_trade_animation_box .pic_box3 img{
    display: block;
    width: 40px;
    height: 40px;
}
@keyframes export_trade_pic_box3 {
    0%{ 
        opacity:0.90;
    }
    100%{ 
        right: 118px;
        bottom: 138px;
        opacity: 0;
    }
}



.export_trade_animation_box .pic_box4{
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 205px;
    right: 265px;

    -moz-animation-name: export_trade_pic_box4;
    -webkit-animation-name: export_trade_pic_box4;
    animation-name: export_trade_pic_box4;

    animation-delay:1s;
    -webkit-animation-delay:1s; 

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_trade_animation_box .pic_box4 img{
    display: block;
    width: 40px;
    height: 40px;
}
@keyframes export_trade_pic_box4 {
    0%{ 
        opacity:0.90;
    }
    100%{ 
        right: 118px;
        bottom: 138px;
        opacity: 0;
    }
}


.export_trade_animation_box .pic_box5{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 266px;
    left: 110px;

    -moz-animation-name: export_trade_pic_box5;
    -webkit-animation-name: export_trade_pic_box5;
    animation-name: export_trade_pic_box5;
    

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_trade_animation_box .pic_box5 img{
    display: block;
    width: 40px;
    height: 40px;
}
@keyframes export_trade_pic_box5 {
    0%{ 
        opacity:0.90;
    }
    100%{ 
        top: 220px;
        left: 0px;
        opacity: 0;
    }
}

.export_trade_animation_box .pic_box6{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 266px;
    left: 110px;

    -moz-animation-name: export_trade_pic_box6;
    -webkit-animation-name: export_trade_pic_box6;
    animation-name: export_trade_pic_box6;

    animation-delay:1s;
    -webkit-animation-delay:1s; 
    

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
.export_trade_animation_box .pic_box6 img{
    display: block;
    width: 40px;
    height: 40px;
}
@keyframes export_trade_pic_box6 {
    0%{ 
        opacity:0.90;
    }
    100%{ 
        top: 220px;
        left: 0px;
        opacity: 0;
    }
}




.export_trade_section1{
    width: 100%;
    height: auto;
    min-height: 800px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 100px 0;
    box-sizing: border-box;
}
.export_trade_section1_container{
    width: 100%;
    height: auto;
}
.export_trade_section1_container .export_trade_section1_nav{
    float: left;
    width: 50%;
    height: auto;
    padding-right: 70px;
    box-sizing: border-box;
}
.export_trade_section1_nav ul{
    margin: 0 -2%;
}
.export_trade_section1_nav ul li{
    float: left;
    width: 46%;
    height: 260px;
    position: relative;
    margin: 2% 2%;
    border-radius: 10px;
}
.export_trade_section1_nav ul li .li_con{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.08);

    padding: 40px 35px;
    box-sizing: border-box;

    transition: all 1s;
}
.export_trade_section1_nav ul li h3{
    font-size: 24px;
    color: #333;
    line-height: 36px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 20px;

    position: relative;
    z-index: 3;
    transition: all 0.3s;
}
.export_trade_section1_nav ul li .article{
    font-size: 15px;
    color: #333;
    line-height: 24px;
    text-align: justify;

    position: relative;
    z-index: 3;
    transition: all 0.4s;
}
.export_trade_section1_nav ul li .article p{
    margin-bottom: 10px;
}

.export_trade_section1_item_container{
    float: left;
    width: 50%;
    height: auto;
    padding-left: 70px;
    box-sizing: border-box;
}
.export_trade_section1_item{
    width: 100%;
    height: auto;
    display: none;
}
.export_trade_section1_item .pic_box{
    width: 100%;
    height: auto;
}
.export_trade_section1_item .pic_box img{
    float: right;
    display: block;
    max-width: 100%;
    height: auto;
}

.export_trade_section1_nav ul li:hover h3{
    color: #fff;
}
.export_trade_section1_nav ul li:hover .article{
    color: #fff;
}
.export_trade_section1_nav ul li:hover .li_bj{
    opacity: 1;
}

.export_trade_section1_nav ul li.active h3{
    color: #fff;
}
.export_trade_section1_nav ul li.active .article{
    color: #fff;
}
.export_trade_section1_nav ul li.active .li_bj{
    opacity: 1;
}

.export_trade_section1_nav ul li .li_con:after {
    content: '';
    display: block;
    width: 100%;
    height: 0%;
    background: linear-gradient(to left,#2f8ad4 , #01c6b8 );
    border-radius: 10px;
    position: absolute;
    bottom: 0%;
    left: 0%;
    transition: all 0.6s;
    z-index: 1;
}
.export_trade_section1_nav ul li:hover .li_con:after{
    height: 100%;
}
.export_trade_section1_nav ul li.active .li_con:after{
    height: 100%;
}


/* export_trade_section2 */
.export_trade_section2{
    width: 100%;
    height: auto;
    padding: 100px 0;
    padding-bottom: 110px;
    box-sizing: border-box;
}
.export_trade_section2_container{
    width: 100%;
    height: auto;
}
.export_trade_section2_list{
    width: 100%;
    height: auto;
}
.export_trade_section2_list ul{
    margin: 0 -1%;
}
.export_trade_section2_list ul li{
    float: left;
    width: 23%;
    height: 510px;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    margin: 0 1%;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 8%);
    position: relative;

    transition: transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
}
.export_trade_section2_list ul li:hover{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.12,1.1);
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
}
.export_trade_section2_list ul li .pic_box{
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.export_trade_section2_list ul li .pic_box .pic {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.export_trade_section2_list ul li .text_box{
    width: 100%;
    height: auto;
    padding: 35px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.export_trade_section2_list ul li .text_box .title{
    font-size: 30px;
    color: #000000;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 32px;
}
.export_trade_section2_list ul li .text_box h3{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: 600;
}
.export_trade_section2_list ul li .text_box p{
    font-size: 16px;
    color: #333;
    line-height: 26px;
    margin-bottom: 10px;
}
.export_trade_section2_list ul li:nth-of-type(4) .text_box p{
    /* font-size: 18px;
    margin-bottom: 12px; */
}

.export_trade_section2_list ul li .icon_box{
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.export_trade_section2_list ul li .icon_box img{
    display: block;
    width: 100%;
    height: auto;
}

.export_trade_section2_list ul li:hover .text_box .title{
    color: #01b8cc;
    transition: all 0.2s;

}
.export_trade_section2_list ul li:hover .text_box h3{
    color: #01b8cc;
    transition: all 0.2s;
}



/* jishiyu_page */
.jishiyu_banner_pic_box{
    width: 700px;
    height: 620px;
    position: absolute;
    top: -205px;
    right: 50px;
}
.jishiyu_banner_pic_box .pic_box{
    width: 100%;
    height: auto;
}
.jishiyu_banner_pic_box .pic_box img{
    width: 700px;
    height: 620px;
}
.jishiyu_animation_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
}
.jishiyu_animation_box img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
}

.jishiyu_animation_box .pic_box1{
    position: absolute;
    width: 100%;
    height: 100%;

    -webkit-animation:jishiyu_animation_pic_box1 2.5s infinite ;
}
@-webkit-keyframes jishiyu_animation_pic_box1 {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0px);
    }
}

.jishiyu_animation_box .pic_box2{
    position: absolute;
    width: 100%;
    height: 100%;

    -webkit-animation:jishiyu_animation_pic_box2 4s infinite ;
}
@-webkit-keyframes jishiyu_animation_pic_box2 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(20px);
    }
    100%{
        transform: translateY(0px);
    }
}

.jishiyu_animation_box .pic_box3{
    position: absolute;
    width: 100%;
    height: 100%;

    -webkit-animation:jishiyu_animation_pic_box3 3s infinite ;
}
@-webkit-keyframes jishiyu_animation_pic_box3 {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0px);
    }
}
.jishiyu_animation_box .pic_box4{
    width: 65px;
    height: 65px;
    position: absolute;
    top: 265px;
    left: 285px;

    -moz-animation-name: jishiyu_animation_pic_box4;
    -webkit-animation-name: jishiyu_animation_pic_box4;
    animation-name: jishiyu_animation_pic_box4;

    -moz-animation-duration: 1.8s;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}
@keyframes jishiyu_animation_pic_box4 {
    0%{ 
        opacity:0.10;
        transform:scale(0.65, 0.65);
    }
    100%{ 
        top: 368px;
        left: 198px;
        opacity: 1;
        transform:scale(1, 1);
    }
}




.jishiyu_page{
    width: 100%;
    height: auto;
}
.jishiyu_section1{
    width: 100%;
    height: auto;
    padding: 100px 0;
    padding-bottom: 150px;
    box-sizing: border-box;
    margin-bottom: 150px;

   
}
.jishiyu_section1 .content_title{
    padding-bottom: 40px;
}
.jishiyu_section1 .content_title_text_box{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
}

.jishiyu_section1_container{
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 45%;
    box-sizing: border-box;
}
.jishiyu_section1_container .left_box{
    float: left;
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;

    position: absolute;
    top: 0;
    left: 0;
}
.jishiyu_section1_container .left_box h2{
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    padding-left: 30px;
    box-sizing: border-box;

    background: url(../images/air_travel_section1_icon_dian.png) no-repeat center left;
    background-size: 20px;
}
.jishiyu_section1_container .left_box p{
    width: 100%;
    height: auto;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}
.jishiyu_section1_container .pic_box{
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
}
.jishiyu_section1_container .pic_box .pic{
    display: block;
    width: 100%;
    height: auto;
}
.jishiyu_section1_container .pic_box .animation_box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.jishiyu_section1_container .pic_box .animation_box img{
    display: block;
    width: 100%;
    height: auto;
}

.jishiyu_section1_container .pic_box .animation_box .pic_box1{
    width: 170px;
    height: 170px;
    position: absolute;
    right: 50px;
    bottom: 0;

    -webkit-animation:jishiyu_section1_pic_box1 3s infinite ;
}

@-webkit-keyframes jishiyu_section1_pic_box1 {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0px);
    }
}


.jishiyu_section1_container .pic_box .animation_box .pic_box2{
    width: 75px;
    height: 75px;
    position: absolute;
    right: -80px;
    bottom: 10px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-animation-name: jishiyu_section1_pic_box2;
    -webkit-animation-name: jishiyu_section1_pic_box2;
    animation-name: jishiyu_section1_pic_box2;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

    opacity: 0;
}

@keyframes jishiyu_section1_pic_box2 {
    to {
        right: 50px;
        opacity: 1;
    }
}





.jishiyu_section2{
    width: 100%;
    height: auto;
    min-height: 800px;
    background: #fafafa;
    padding-top: 20px;
    padding-bottom: 100px;
    box-sizing: border-box;
    position: relative;
}
.jishiyu_section2_bj{
    width: 100%;
    height: 220px;
    position: absolute;
    top: -220px;
    left: 0;
    background: url('../images/jishiyu_section2_bj.png') no-repeat 50%;
    background-size: cover;
}
.jishiyu_section2_container{
    width: 100%;
    height: 700px;
    text-align: center;
    position: relative;
}
.jishiyu_section2_animation_box{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;
}
.jishiyu_section2_animation_yuan{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
}
.jishiyu_section2_animation_yuan img{
    display: block;
    width: 100%;
    height: auto;
}
.jishiyu_section2_animation_num{
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    z-index: 9;
}
.jishiyu_section2_animation_num .num{
    display: block;
    width: 60px;
    height: 30px;
    background: #fff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 8%);
    border-radius: 30px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.jishiyu_section2_animation_num .num_1{
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -30px;
    margin-top: -15px;
}
.jishiyu_section2_animation_num .num_2{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    margin-top: -15px;
}
.jishiyu_section2_animation_num .num_3{
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: -30px;
    margin-top: -15px;
}
.jishiyu_section2_animation_num .num_4{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    margin-bottom: -15px;
}

.jishiyu_section2_animation_wave_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.jishiyu_section2_animation_wave_box .yuan1 {
    content: "";
    width: 100px;
    height: 100px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan1;
    -webkit-animation-name: jishiyu_section2_animation_yuan1;
    animation-name: jishiyu_section2_animation_yuan1;

    animation-delay:0.5s;
    -webkit-animation-delay:0.5s; 

    -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jishiyu_section2_animation_wave_box .yuan2 {
    content: "";
    width: 200px;
    height: 200px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan2;
    -webkit-animation-name: jishiyu_section2_animation_yuan2;
    animation-name: jishiyu_section2_animation_yuan2;

    animation-delay:0.8s;
    -webkit-animation-delay:0.8s; 

     -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jishiyu_section2_animation_wave_box .yuan3 {
    content: "";
    width: 300px;
    height: 300px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan3;
    -webkit-animation-name: jishiyu_section2_animation_yuan3;
    animation-name: jishiyu_section2_animation_yuan3;

    animation-delay:1.1s;
    -webkit-animation-delay:1.1s; 

     -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jishiyu_section2_animation_wave_box .yuan4 {
    content: "";
    width: 400px;
    height: 400px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan4;
    -webkit-animation-name: jishiyu_section2_animation_yuan4;
    animation-name: jishiyu_section2_animation_yuan4;

    animation-delay:1.4s;
    -webkit-animation-delay:1.4s; 

     -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jishiyu_section2_animation_wave_box .yuan5 {
    content: "";
    width: 500px;
    height: 500px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -250px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan5;
    -webkit-animation-name: jishiyu_section2_animation_yuan5;
    animation-name: jishiyu_section2_animation_yuan5;

    animation-delay:1.7s;
    -webkit-animation-delay:1.7s; 

     -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.jishiyu_section2_animation_wave_box .yuan6 {
    content: "";
    width: 600px;
    height: 600px;
    border: 2px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -300px;

    opacity: 0;

    -moz-animation-name: jishiyu_section2_animation_yuan6;
    -webkit-animation-name: jishiyu_section2_animation_yuan6;
    animation-name: jishiyu_section2_animation_yuan6;

    animation-delay:2s;
    -webkit-animation-delay:2s; 

     -moz-animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;

    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes jishiyu_section2_animation_yuan1 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 200px;
        height: 200px;
        opacity: 0;

        margin-top: -100px;
        margin-left: -100px;
    }
}
@keyframes jishiyu_section2_animation_yuan2 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 300px;
        height: 300px;
        opacity: 0;

        margin-top: -150px;
        margin-left: -150px;
    }
}
@keyframes jishiyu_section2_animation_yuan3 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 400px;
        height: 400px;
        opacity: 0;

        margin-top: -200px;
        margin-left: -200px;
    }
}
@keyframes jishiyu_section2_animation_yuan4 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 500px;
        height: 500px;
        opacity: 0;

        margin-top: -250px;
        margin-left: -250px;
    }
}
@keyframes jishiyu_section2_animation_yuan5 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 600px;
        height: 600px;
        opacity: 0;

        margin-top: -300px;
        margin-left: -300px;
    }
}
@keyframes jishiyu_section2_animation_yuan6 {
    0% {
        opacity: 0.38;
    }
    50% {
        opacity: 1;
    }
    100% {
        width: 700px;
        height: 700px;
        opacity: 0;

        margin-top: -350px;
        margin-left: -350px;
    }
}





.jishiyu_section2_text_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.jishiyu_section2_text_box ul li{
    width: 400px;
    height: 110px;
    background: #fff;
    border-radius: 120px;
    box-shadow: 0 0 15px 0 rgb(21 115 241 / 10%);
    position: relative;

    padding-left: 55px;
    box-sizing: border-box;
}
.jishiyu_section2_text_box ul li .title_box{
    width: 110px;
    height: 110px;
    position: absolute;
    top: 0;
    left: -55px;
    background: #1573f1;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgb(21 115 241 / 50%);

    display: flex;
    flex-direction: column;
    justify-content: center;


}
.jishiyu_section2_text_box ul li:hover{
    box-shadow: 0 0 15px 0 rgb(49 208 218 / 35%);
    transition: all 0.2s;
}
.jishiyu_section2_text_box ul li:hover .title_box{
    background: linear-gradient(to left,#a1e0bb , #31d0da );
    box-shadow: 0 0 15px 0 rgb(49 208 218 / 50%);
    transition: all 0.3s;
}
.jishiyu_section2_text_box ul li .title_box h3{
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
}
.jishiyu_section2_text_box ul li .text_box{
    width: 100%;
    height: 100%;
    padding: 20px 40px;
    box-sizing: border-box;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    font-weight: 500;
    text-align: left;

    display: flex;
    flex-direction: column;
    justify-content: center;
}


.jishiyu_section2_text_box ul li:nth-of-type(1){
    position: absolute;
    top: 50%;
    left: 0%;
    margin-top: -55px;

    padding-left: 0;
    padding-right: 55px;
}
.jishiyu_section2_text_box ul li:nth-of-type(2){
    position: absolute;
    top: -10px;
    left: 50%;
}
.jishiyu_section2_text_box ul li:nth-of-type(3){
    position: absolute;
    top: 50%;
    right: 0%;
    margin-top: -55px;
}
.jishiyu_section2_text_box ul li:nth-of-type(4){
    position: absolute;
    bottom: -10px;
    right: 50%;

    padding-left: 0;
    padding-right: 55px;
}

.jishiyu_section2_text_box ul li:nth-of-type(1) .title_box{
    left: initial;
    right: -55px;
}
.jishiyu_section2_text_box ul li:nth-of-type(4) .title_box{
    left: initial;
    right: -55px;
}
.jishiyu_section2_text_box ul li:nth-of-type(1) .text_box{
    text-align: right;
}
.jishiyu_section2_text_box ul li:nth-of-type(4) .text_box{
    text-align: right;
}





/* cross_border_classroom */
.cross_border_classroom_page{
    width: 100%;
    height: auto;
}
.classroom_section1{
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 50px;
    box-sizing: border-box;
}
.classroom_section1 .section_container_con{
    max-width: 1230px;
}
.classroom_section1_container{
    width: 100%;
    height: auto;
    position: relative;
}
.classroom_section1_container .pic_box{
    float: left;
    max-width: 800px;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}
.classroom_section1_container .pic_box img{
    display: block;
    width: 100%;
    height: auto;
}
.classroom_section1_container .content_box{
    width: 500px;
    height: 500px;
    background: rgba(48, 208, 218, 0.75);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -250px;
    border-radius: 40px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 70px;
    box-sizing: border-box;
}
.classroom_section1 .live_countdown_box{
    width: 100%;
    height: auto;
}
.classroom_section1 .live_countdown_box .title{
    width: 100%;
    height: auto;
    font-size: 26px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    font-weight: 500;
    padding-bottom: 50px;
    box-sizing: border-box;
    letter-spacing: 1px;
}
.classroom_section1 .live_countdown_box .count_down_time_box{
    width: 100%;
    height: 110px;
}

.classroom_section1 .live_countdown_box .time_box{
    width: 100%;
    height: auto;
    box-sizing:border-box;
}

.classroom_section1 .live_countdown_box .time_box .countdown {
    list-style: none;
    display: block;
    text-align: center;
}
.classroom_section1 .live_countdown_box .time_box .countdown li {
    display: inline-block;
    margin: 0 6px;
}
.classroom_section1 .live_countdown_box .time_box .countdown li span {
    display: inline-block;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 15px;

    font-size: 32px;
    font-weight: 400;
    line-height: 64px;
    color: #333333;
    text-align: center;
}
.classroom_section1 .live_countdown_box .time_box .countdown li p {
    font-size: 18px;
    color: #efefef;
    line-height: 24px;
    text-align: center;
    margin-top: 15px;
}

.classroom_section1 .live_countdown_box .num_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 55px;
}
.classroom_section1 .live_countdown_box .num_box p{
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    text-align: center;
}
.classroom_section1 .live_countdown_box .num_box .num{
    font-weight: 600;
    font-size: 24px;
}
.classroom_section1 .live_countdown_box .button_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 30px;
}
.classroom_section1 .live_countdown_box .link_box{
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 150px;
    background-color: #1573f1;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 60px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}

.classroom_section1 .live_countdown_box .link_box span{
    position: relative;
    z-index: 2;
}
.classroom_section1 .live_countdown_box .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.classroom_section1 .live_countdown_box .link_box:hover:after{
    width: 102%;
}
.classroom_section1 .live_countdown_box .link_box:hover{
    color: #1573f1;
}

.live_playback_section{
    /* display: none; */
}
.live_playback_container{
    width: 100%;
    height: auto;
}
.live_playback_container .content_box{
    padding-left: 100px;
}
.live_playback_container .pic_box{
    position: relative;
}
.live_playback_container .live_playback_video_link_box{
    width: 80px;
    height: 80px;
    position: absolute;
    background: url(../images/video_icon.png) no-repeat;
    background-size: 80px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 1;
}
.live_playback_text_box{
    width: 100%;
    height: auto;
}
.live_playback_text_box .text_box{
    width: 100%;
    height: auto;
    padding: 12px 0;
    box-sizing: border-box;
}
.live_playback_text_box .text_box h3{
    font-size: 24px;
    color: #fff;
    line-height: 36px;
    font-weight: 500;
}
.live_playback_text_box .text_box .article{
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 10px;
}
.live_playback_text_box .text_box .article p{
    margin: 5px 0;
    padding-left: 20px;
    box-sizing: border-box;
    background: url(../images/live_playback_dian.png) no-repeat left 12px;
}


.booking_live_broadcast_popup_box{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
   
    display: none;
}
.booking_live_broadcast_popup_box_con{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.booking_live_broadcast_mask{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}
.booking_live_broadcast_container{
    width: 720px;
    height: 550px;
    background: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 9;
    margin: 0 auto;

    padding-left: 250px;
    box-sizing: border-box;
}
.booking_live_broadcast_close{
    width: 50px;
    height: 50px;
    background: url('../images/booking_live_broadcast_close_icon.png') no-repeat center center;
    background-size: 40px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.booking_live_broadcast_close:hover{
    background: url('../images/booking_live_broadcast_close_icon_hover.png') no-repeat center center;
    background-size: 40px;
}
.booking_live_broadcast_container .left_box{
    width: 250px;
    height: 107%;
    position: absolute;
    top: -3.5%;
    left: 0;
    background: url('../images/booking_live_broadcast_container_bj.png') no-repeat;
    background-size: cover;
    border-radius: 15px;
    padding-top: 90px;
    box-sizing: border-box;
}
.booking_live_broadcast_container .left_box h3{
    font-size: 32px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 5px;
}

.booking_live_broadcast_container .right_box{
    width: 100%;
    height: auto;
    padding: 70px 60px;
    box-sizing: border-box;
}
.booking_live_broadcast_form{
    width: 100%;
    height: auto;
}
.booking_live_broadcast_form .item{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 18px;
    position: relative;
}
.booking_live_broadcast_form .item input{
    display: block;
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding: 11px 30px;
    box-sizing: border-box;
    border-radius: 15px;
    border: none;

    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.booking_live_broadcast_form .item_captcha input{
    padding-right: 130px;
    box-sizing: border-box;
} 
.booking_live_broadcast_form .item_captcha button{
    display: block;
    width: auto;
    height: auto;
    padding: 11px 25px;
    box-sizing: border-box;
    border: none;

    font-size: 16px;
    color: #1573f1;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    cursor: pointer;
}
.booking_live_broadcast_form .item_captcha button:hover{
    color: #30d0da;
}
.booking_live_broadcast_form .item select{
    display: block;
    width: 100%;
    height: auto;
    padding: 11px 30px;
    padding-right: 50px;
    box-sizing: border-box;
    border-radius: 15px;
    border: none;
    background: #f5f5f5 url('../images/booking_live_broadcast_select_icon.png') no-repeat 310px center;

    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.booking_live_broadcast_form .item_btn{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
    position: relative;
}
.booking_live_broadcast_form .item_btn button{
    display: block;
    width: 100%;
    height: auto;
    border: none;
    background: #1573f1;
    padding: 11px 30px;
    box-sizing: border-box;

    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 5px;
    border-radius: 15px;

    cursor: pointer;
}
.booking_live_broadcast_form .item_btn:hover button{
    background: #30d0da;
}


.classroom_section2{
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.classroom_section2_container{
    width: 100%;
    min-height: 500px;
    height: auto;
    background: #f8f8f8;
    box-shadow: 0px 0 6px 0 rgb(0 0 0 / 6%);
    position: relative;
    padding-left: 36%;
    box-sizing: border-box;
}
.classroom_section2_container .left_box{
    width: 36%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;

    padding: 50px 0px;
    padding-left: 13.2%;
    padding-right: 2%;
    padding-top: 80px;
    box-sizing: border-box;
}
.classroom_section2_container .right_box{
    float: left;
    width: 100%;
    height: auto;
    padding-top: 80px;
    padding-left: 60px;
    padding-bottom: 70px;
    box-sizing: border-box;
}
.recommended_courses_nav{
    width: 100%;
    height: auto;
}
.recommended_courses_nav ul{
    margin: 0 -25px;
}
.recommended_courses_nav ul li{
    float: left;
    width: 160px;
    height: 60px;
    margin: 15px 20px;
    border-radius: 30px;
}
.recommended_courses_nav ul li a{
    display: block;
    padding: 15px;
    padding-left: 75px;
    box-sizing: border-box;
    position: relative;
}
.recommended_courses_nav ul li .icon_box{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 30px;
}
.recommended_courses_nav ul li .icon_box img {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px;
}
.recommended_courses_nav ul li .icon_box .icon_pic2 {
    opacity: 0;
}
.recommended_courses_nav ul li h3{
    font-size: 22px;
    color: #333;
    line-height: 30px;
    font-weight: 500;
}
.recommended_courses_nav ul li.active{
    background: #fff;
    box-shadow: 0px 0 20px 0 #ededed;
}
.recommended_courses_nav ul li.active .icon_box img{
    opacity: 0;
}
.recommended_courses_nav ul li.active .icon_box .icon_pic2 {
    opacity: 1;
}
.recommended_courses_nav ul li.active h3{
    color: #096edb;
}
.recommended_courses_nav ul li:hover{
    background: #fff;
    box-shadow: 0px 0 20px 0 #ededed;
}
.recommended_courses_nav ul li:hover .icon_box img{
    opacity: 0;
}
.recommended_courses_nav ul li:hover .icon_box .icon_pic2 {
    opacity: 1;
}
.recommended_courses_nav ul li:hover h3{
    color: #096edb;
}



.recommended_courses_container{
    width: 100%;
    height: auto;
}
.recommended_courses_container .swiper-slide{
    float: left;
    width: 550px;
    height: auto;
    background: #30d0da;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.recommended_courses_container .swiper-slide a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.recommended_courses_container .swiper-slide .mantle{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s;
}
.recommended_courses_container .swiper-slide .pic_box{
    width: 100%;
    height: auto;
    position: relative;
}
.recommended_courses_container .swiper-slide .pic_box img{
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.recommended_courses_container .swiper-slide:hover .pic_box img{
    -webkit-transform: translate3d(0,-54px,0);
	transform: translate3d(0,-54px,0);
}
.recommended_courses_container .swiper-slide .title{
    width: 100%;
    height: auto;
    padding: 12px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    opacity: 0;

}
.recommended_courses_container .swiper-slide .title p{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.recommended_courses_container .swiper-slide:hover .mantle{
    opacity: 0;
}
.recommended_courses_container .swiper-slide:hover .title{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.recommended_courses_container .swiper-slide .video_icon{
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(../images/video_icon.png) no-repeat;
    background-size: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 1;
}

.classroom_section2_container .swiper_button_container{
    width: 120px;
    height: 50px;
    position: relative;
    margin-top: 50px;
}




.classroom_section3{
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
    box-sizing: border-box;
}
.classroom_section3_container{
    width: 100%;
    height: auto;
}
.classroom_section3_list{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.classroom_section3_container .mobile_classroom_box{
    display: none;
}
.classroom_section3_list ul li{
    display: inline-block;
    width: 400px;
    height: 300px;
    background: #30d0da;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    margin: 10px;
    position: relative;
    cursor: pointer;
}
.classroom_section3_list ul li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.classroom_section3_list ul li .mantle{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;

    transition: all 0.6s;
}
.classroom_section3_list ul li .pic_box{
    width: 400px;
    height: 300px;
    position: relative;
    overflow: hidden;
}
.classroom_section3_list ul li .pic_box .pic{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;

    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.classroom_section3_list ul li:hover .pic_box .pic{
    -webkit-transform: translate3d(0,-54px,0);
	transform: translate3d(0,-54px,0);
}

.classroom_section3_list ul li .title{
    width: 100%;
    height: auto;
    padding: 12px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
 
    text-transform: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);

}
.classroom_section3_list ul li .title p{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.classroom_section3_list ul li:hover .mantle{
    opacity: 0;
}
.classroom_section3_list ul li:hover .title{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.classroom_section3_list ul li .video_icon{
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(../images/video_icon.png) no-repeat;
    background-size: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 1;
}

.classroom_section3_list .str_wrap{
    background: none;
}
.classroom_section3_list .str_wrap.str_active{
    background: none;
}

.classroom_section3 .button_box{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 50px;
}
.classroom_section3 .link_box{
    display: inline-block;
    width: auto;
    min-width: 150px;
    height: auto;
    background-color: #1573f1;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 60px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}

.classroom_section3 .link_box span{
    position: relative;
    z-index: 2;
}
.classroom_section3 .link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #30d0da;
    border-radius: 50px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.classroom_section3 .link_box:hover:after{
    width: 102%;
}


/* recommended_courses */
.recommended_courses_page{
    width: 100%;
    height: auto;
}
.recommended_courses_section{
    width: 100%;
    height: auto;
    padding: 100px 0;
    box-sizing: border-box;
}
.recommended_courses_page_container{
    width: 100%;
    height: auto;
    position: relative;
}
.recommended_courses_icon1{
    width: 400px;
    height: 350px;
    background: url('../images/recommended_courses_icon1.png') no-repeat;
    background-size: 70%;
    position: absolute;
    top: 25%;
    left: -110px;
} 
.recommended_courses_icon2{
    width: 250px;
    height: 310px;
    background: url('../images/recommended_courses_icon2.png') no-repeat;
    background-size: 60%;
    position: absolute;
    bottom:350px;
    right: -135px;

    display: none;
} 
.courses_page_nav{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}
.courses_page_nav ul li{
    display: inline-block;
    width: auto;
    height: auto;
    margin: 10px 8px;
}
.courses_page_nav ul li a{
    display: block;
    padding: 10px 32px;
    box-sizing: border-box;
    border-radius: 50px;
}
.courses_page_nav ul li a h3{
    display: block;
    width: 100%;
    height: auto;
    font-size: 22px;
    color: #333;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
}
.courses_page_nav ul li.active a{
    background: linear-gradient(to left,#00bbac , #01b6db);
}
.courses_page_nav ul li.active a h3{
    color: #fff;
}
.courses_page_nav ul li:hover a{
    background: linear-gradient(to left,#00bbac , #01b6db);
}
.courses_page_nav ul li:hover a h3{
    color: #fff;
}
.courses_page_container{
    width: 100%;
    height: auto;
}
.courses_page_list{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}
.courses_page_list ul { 
    margin: 0 -1%; 
}
.courses_page_list ul li { 
    float: left; 
    width: 23%; 
    height: auto; 
    margin: 0 1%; 
    margin-bottom: 2%; 

    background: #30d0da;
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.courses_page_list ul li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.courses_page_list ul li .mantle{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;

    transition: all 0.6s;
}
.courses_page_list ul li .pic_box{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.courses_page_list ul li .pic_box img{
    display: block;
    height: auto;
    width: 100%;
    position: relative;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: all 0.6s;

    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.courses_page_list ul li:hover .pic_box img{
    -webkit-transform: translate3d(0,-54px,0);
	transform: translate3d(0,-54px,0);
}
.courses_page_list ul li .title{
    width: 100%;
    height: auto;
    padding: 12px 20px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    opacity: 0;
}
.courses_page_list ul li .title p{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.courses_page_list ul li:hover .mantle{
    opacity: 0;
}
.courses_page_list ul li:hover .title{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.courses_page_list ul li .video_icon{
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(../images/video_icon.png) no-repeat;
    background-size: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 1;
}





/* video_play */
/* .videoshadow { position: fixed; z-index: 999; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.85); }
.videobox { position: absolute; width: 0px; height: 2px; margin: -250px 0 0 -445px; left: 50%; top: 50%; background: #000; overflow: hidden; }
.videobox .close { position: absolute; top: 5px; right: 5px; width: 40px; z-index: 9; height: 40px; background: url('../images/booking_live_broadcast_close_icon_hover.png') no-repeat center center; cursor: pointer; z-index:99;}
.videobox .fullscreen { position: absolute; bottom: 5px; right: 5px; width: 32px; z-index: 9; height: 32px; background: url(../images/fullscreen.png) no-repeat; cursor: pointer; }
.videobox #video { background: url(../images/loading.gif) no-repeat center center #000; }
 */

 .recommended_courses_video_show{
    position: fixed; 
    width: 100%; 
    height: 100%; 
    left: 0px; 
    top: 0px;
    z-index: 1000; 
    display: none;
 }
 .recommended_courses_video_show_con{
    width: 100%; 
    height: 100%; 
    position: absolute;
    left: 0px; 
    top: 0px;

    display: flex;
    flex-direction: column;
    justify-content: center;
 }
 .recommended_courses_show_shadow{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    top: 0;
    left: 0;
 }
 .recommended_courses_video_show .home_video_box{
    width: 700px;
    height: auto;
    position: relative;
    margin: 0 auto;
 }
 .recommended_courses_video_close {
    width: 50px;
    height: 50px;
    background: url(../images/booking_live_broadcast_close_icon.png) no-repeat center center;
    background-size: 40px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 9;
}
 .recommended_courses_video_show video{
    display: block;
    width: auto;
    height: 700px;
    max-width: 700px;
    border-radius: 15px;
    /* overflow: hidden; */
    margin: 0 auto;
 }

 /* live_broadcast_dynamics_show */
.live_broadcast_dynamics_show{
    width: 430px;
    height: auto;
    position: fixed;
    right: 30px;
    bottom: 25px;
    background: #fff;
    box-shadow: 0px 0 20px 1px rgb(0 0 0 / 10%);
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;

    display: none;
}
.live_broadcast_dynamics_show .title_box{
    width: 100%;
    height: auto;
    background: #30d0da;
    padding: 10px 20px;
    padding-right: 60px;
    box-sizing: border-box;
}
.live_broadcast_dynamics_show .title_box h3{
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: 500;
}
.live_broadcast_dynamics_close{
    width: 30px;
    height: 30px;
    background: url('../images/live_broadcast_dynamics_close.png') no-repeat center center;
    position: absolute;
    top: 11px;
    right: 20px;
    cursor: pointer;
}
.live_broadcast_dynamics_container{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
}
.live_broadcast_dynamics_container .title_time_box{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.live_broadcast_dynamics_container .title_time_box p{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    font-weight: 500;
}
.live_broadcast_dynamics_container .title_time_box p span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #efefef;
    color: #1573f1;
    font-size: 16px;
    text-align: center;
    margin: 0 5px;
    border-radius: 5px;
    font-weight: 500;
}
.live_broadcast_dynamics_conter{
    width: 100%;
    height: 110px;
    position: relative;
    padding-left: 160px;
    box-sizing: border-box;
}
.live_broadcast_dynamics_conter a{
    display: block;
}
.live_broadcast_dynamics_conter .pic_bix{
    width: 160px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    overflow: hidden;
}
.live_broadcast_dynamics_conter .pic_bix .pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
}
.live_broadcast_dynamics_conter .text_box{
    width: 100%;
    height: auto;
    padding-left: 20px;
    box-sizing: border-box;
}
.live_broadcast_dynamics_conter .text_box h3{
    width: 100%;
    height: 50px;
    font-size: 15px;
    color: #333333;
    line-height: 26px;
    font-weight: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.live_broadcast_dynamics_conter .buttom_link_box{
    display: inline-block;
    width: auto;
    min-width: 90px;
    height: auto;
    background-color: #1573f1;
    font-size: 15px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 8px;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

.live_broadcast_dynamics_conter .buttom_link_box span{
    position: relative;
    z-index: 2;
}
.live_broadcast_dynamics_conter .buttom_link_box:after {
    content: '';
    display: block;
    width: 0%;
    height: 102%;
    background-color: #30d0da;
    border-radius: 8px;
    position: absolute;
    top: -1%;
    left: -1%;
    transition: all 0.3s;
    z-index: 1;
}
.live_broadcast_dynamics_conter .buttom_link_box:hover:after{
    width: 102%;
}
.live_broadcast_dynamics_conter .link_box:hover h3{
    color: #30d0da;
}



input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;

    font-family: "PingFang SC", "Microsoft YaHei",Helvetica, Arial, sans-serif,"Source Han Serif";
}
textarea {  -webkit-appearance: none;}
input {  -webkit-appearance: none;}
select {  -webkit-appearance: none;}

.platform_collection_section4_list2{
    display: none;
}
.platform_collection_section4_list2 .str_wrap{
    background: none !important;
}


.mobile_platform_collection_banner_pic_box{
    display: none;
}
.mobile_global_payments_banner_pic_box{
    display: none;
}
.mobile_currency_exchange_animation_box{
    display: none;
}
.mobile_global_acquiring_banner_pic_box{
    display: none;
}

.mobile_compliance_system_banner_pic_box{
    display: none;
}
.mobile_risk_management_shield_pic_box{
    display: none;
}
.mobile_risk_management_secure_pic_box{
    display: none;
}
.mobile_security_banner_pic_box{
    display: none;
}
.mobile_risk_management_banner_pic_box{
    display: none;
}

.mobile_export_trade_animation_box{
    display: none;
}

.mobile_jishiyu_animation_box{
    display: none;
}

@media screen and (min-width: 1921px) {
    .con_section_banner {
        height:auto;
    }
    .con_section_banner .con_banner {
        width:100%;
        position:relative;
        height:auto;
        margin-left:0;
        left:0;
    }
}

@media screen and (max-width: 1600px){
    .con_section_banner{
        width: 100%;
        height: 600px;
    }
    .con_section_banner .con_banner{
        margin-left: -800px;
        width: 1600px;
        height: 600px;
    }
    .global_banner_text .text_box p{
        max-width: 520px;
    }
    .global_banner_text{
        padding-top: 225px;
    }
    .help_center_banner_text{
        padding-top: 60px;
    }
    .section_container_con{
        max-width: 1230px;
    }
    .section_container_spacing{
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .about_page_section4{
        padding-bottom: 75px;
    }
    .global_banner_text .text_box h2{
        font-size: 30px;
    }
    .home_content .content_title h2{
        font-size: 30px;
        line-height: 60px;
    }
    .home_content .content_title{
        padding-bottom: 50px;
    }
    .header{
        max-width: 1230px;
    }
    .header .header_right{
        padding-left: 10px;
    }
    .header_right .nav ul li a{
        padding: 5px 9px;
    }
    .header_right .right_sign_box_con a.link_register{
        margin-left: 10px;
    }
    .header_right .right_sign_box_con .language_box{
        margin-left: 10px;
    }
    .header_right .right_sign_box_con .language_box{
        width: 75px;
    }
    .header_right .right_sign_box_con .language_box p span{
        background: url('../images/language_jt.png') no-repeat 50px center;
    }
    .header_right .right_sign_box_con .language_box:hover p{
        background: url('../images/language_jt.png') no-repeat 50px center;
    }
   
    .footer_top_box .footer_left{
        width: 46%;
    }
    .footer_top_box .footer_right{
        width: 54%;
    }
    .footer_top_box .footer_left .code_box .pic_box{
        margin: 0 10px;
    }
    .footer_top_box .footer_left .numbers_box{
        padding-right: 25px;
    }
    .footer_top_box .footer_left .numbers_box .numbers{
        font-size: 30px;
    }
    .footer_top_box .footer_right ul li p a{
        font-size: 16px;
        margin-bottom: 10px;
    }

    .about_section2_list ul li:nth-of-type(2){

    }
    .about_section2_list ul li:nth-of-type(4){

    }
    .about_page_section4_list .swiper-button-prev{
        left: -60px;
    }
    .about_page_section4_list .swiper-button-next{
        right: -60px;
    }

    .news_page_section2_container .swiper-button-prev{
        left: -60px;
    }
    .news_page_section2_container .swiper-button-next{
        right: -60px;
    }

    .contact_page_section1_box2{
        padding: 30px 25px;
    }
    .contact_page_section1_box2 ul li{
        padding: 0 45px;
    }
    .contact_page_section1_box2 ul li .text_box{
        padding-left: 35px;
    }
    .contact_page_section1_box .left .text_box p{
        font-size: 20px;
    }
    .contact_page_section1_box .left .text_box p span{
        font-size: 20px;
    }

    .contact_page_section3 .section_container_con{
        max-width: 1230px;
    }
    .contact_page_section3_map_pic{
        width: 1200px;
        height: 520px;
        margin-top: -260px;
        margin-left: -600px;
        background-size: 100%;
    }
    .contact_page_section3_container{
        min-height: 520px;
    }
    .contact_map_punctuation_container2 .contact_map_punctuation_item{
        margin-bottom: 6px;
    }
    .contact_page_section3{
        padding-bottom: 90px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(1) {
        position: absolute;
    top: 146px;
    left: 49px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(2) {
        position: absolute;
        top: 25px;
        left: 445px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(3) {
        position: absolute;
        top: 57px;
        left: 649px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(4) {
        position: absolute;
        top: 288px;
    left: 582px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(5) {
        position: absolute;
        top: 125px;
        left: 760px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(6) {
        position: absolute;
    top: 344px;
    left: 954px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7) {
        position: absolute;
        top: 170px;
    left: 960px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7) .icon_box {
    position: absolute;
    top: 40px;
    right: 10px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(8) {
        position: absolute;
        top: 189px;
    left: 243px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(8) .icon_box {
    position: absolute;
    top: 40px;
    right: 164px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(9) {
        position: absolute;
    top: 289px;
    left: 442px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(9) .icon_box {
    position: absolute;
    top: 40px;
    right: 164px;
}

    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(10) {
        position: absolute;
        top: 58px;
    left: 960px;
    }
	.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(10) .icon_box {
    position: absolute;
    top: 40px;
    right: 10px;
}

.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(11) {
    position: absolute;
    top: -58px;
    left: 576px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(11) .icon_box {
    position: absolute;
        top: 111px;
    left: 36px;
}



    .contact_map_punctuation_container2{
        top: -20px;
    }

    .compliance_system_section2_container{
        padding-left: 360px;
    }
    .compliance_system_section2_nav{
        width: 360px;
    }
    .compliance_system_section2_nav ul li{
        padding-left: 55px;
    }
    .compliance_system_section1_list ul li,.compliance_system_section1_list ul li:nth-of-type(2){
        height: 300px;
    }
    .compliance_system_section1_list ul li:nth-of-type(3){
        height: 300px;
    }
    .compliance_system_section1_list ul li .text_box{
        padding: 50px 65px;
        padding-top: 60px;
    }

    .security_section2_list ul li .text_box h3{
        font-size: 16px;
    }
    .security_section1_box .left_title_box{
        width: 36%;
    }
    .security_section1_list{
        width: 64%;
    }

    .safety_products_section1_container .left_title_box{
        width: 50%;
    }
    .safety_products_section1_container .right_pic_box{
        width: 50%;
    }

    .safety_products_section2_list ul li{
        height: 430px;
    }
  
    .security_banner_pic_box{
        transform: scale(0.80);
        right: -30px;
    }

    .case_analysis_section1{
        padding-top: 100px;
        padding-bottom: 10px;
    }
    .digital_entertainment_list ul li .text_box{
        height: 400px;
        padding: 50px 80px;
    }

    .compliance_system_banner_pic_box{
        transform: scale(0.80);
        right: -30px;
    }
    .compliance_system_section1{
        padding: 75px 0;
    }
    .compliance_system_section2{
        padding: 70px 0;
    }
    .compliance_system_item .left_text_box{
        padding-left: 35px;
        padding-right: 40px;
    }

    .risk_management_banner_pic_box{
        transform: scale(0.85);
        right: 0px;
    }
    .risk_management_section1 ul li{
        height: 535px;
    }

    .risk_management_shield_pic_box{
        transform: scale(0.85);
        right: -100px;
        top: -60px;
    }

    .shield_section1_nav{
        width: 45%;
    }
    .shield_section1_nav ul li{
        padding: 25px 30px;
        padding-right: 40px;
    }
    .shield_section1_nav ul li .article{
        padding-top: 25px;
        padding-bottom: 10px;
    }
    .shield_section1_nav ul li h3{
        font-size: 20px;
    }
    .shield_section1_container{
        padding-left: 30px;
        box-sizing: border-box;
    }
    .shield_section2_box_right{
        width: 45%;
        padding-top: 20px;
    }
    .shield_section2_container{
        padding-right: 30px;
        box-sizing: border-box;
    }
    .shield_section2_nav ul li h3{
        font-size: 22px;
    }
    .risk_management_shield_section4_list ul li h3{
        font-size: 22px;
    }

    .risk_management_secure_section4 .left_text_box{
        padding-top: 0;
    }
    .risk_management_secure_section1_box .left_text_box{
        padding-top: 0;
        padding-right: 50px;
    }
    .risk_management_secure_section1_box .text_box_article{
        margin-top: 30px;
    }
    .risk_management_secure_section1_box .left_text_box_list{
        margin-top: 50px;
    }
    .risk_management_secure_section1_box .left_text_box_list ul li .article{
        line-height: 26px;
    }
    .risk_management_secure_section1_box .rgiht_pic_box{
        padding-left: 50px;
    }

    .risk_management_secure_section3{
        padding-top: 80px;
        padding-bottom: 90px;
    }
    .risk_management_secure_section3_list2 ul li .li_con{
        padding: 60px 47px;
    }
    .risk_management_secure_section3_list2{
        margin-top: 80px;
    }

    .risk_management_secure_section3_list ul{
        margin: 0 -6%;
    }
    .risk_management_secure_section3_list ul li{
        width: 38%;
        margin: 0 6%;
    }

    .risk_management_secure_pic_box{
        transform: scale(0.85);
        right: 50px;
        top: -140px;
    }
    .risk_management_secure_section3_list2 ul li h3{
        font-size: 22px;
    }

    .elecCommerce_section3_list ul li .text_box h3{
        font-size: 22px;
        margin-bottom: 30px;
    }

    .elecCommerce_section3_list ul li .text_box_pro .text_box{
        padding: 40px 30px;
        padding-top: 50px;
    }
    .elecCommerce_section3_list ul li.li_text .text_box .article p{
        font-size: 12px;
        padding: 3px 10px;
    }

    .elecCommerce_section1_list ul li .text_box .title{
        font-size: 30px;
        line-height: 50px;
    }

    .air_travel_section1_li3_animation{
        float: initial;
        transform: scale(0.88);
    }
    .air_travel_section1_list ul .air_travel_section1_li3{
        padding: 20px 0;
    }

    .global_acquiring_banner_pic_box{
        transform: scale(0.80);
        right: -20px;
        top: -170px;
    }
    .global_acquiring_card_container{
        margin-left: -100px;
    }

    .currency_exchange_banner_pic_box{
        transform: scale(0.80);
        top: -160px;
    }
    .currency_exchange_section2_animation_box {
        width: 550px;
        height: 450px;
    }

    .global_payments_banner_pic_box{
        transform: scale(0.80);
        top: -165px;
        right: 85px;
    }
    .global_payments_section2_list ul li .text_box{
        padding: 30px 10px;
    }
    .platform_collection_banner_pic_box{
        transform: scale(0.80);
        top: -255px;
        right: -40px;
    }


    /*  */
    .export_tax_rebate_banner_pic_box{
        transform: scale(0.80);
        right: 0px;
    }
    .vulnerability_feedback_section1 .left_box .text_box{
        padding-right: 80px;
    }
    .vulnerability_feedback_section1_list_container ul {
        margin: 0px -85px;
    }
    .vulnerability_feedback_section1 .left_box .text_box p{
        line-height: 32px;
    }


    /* cross_border_classroom */
    .classroom_section2_container{
        padding-left: 40%;
    }
    .classroom_section2_container .left_box{
        width: 40%;
    }


    .booking_live_broadcast_container{
        width: 600px;
        height: 460px;
        padding-left: 200px;
    }
    .booking_live_broadcast_container .left_box{
        width: 200px;
    }
    .booking_live_broadcast_container .left_box h3{
        font-size: 26px;
    }
    .booking_live_broadcast_form .item input{
        padding: 8px 30px;
    }
    .booking_live_broadcast_container .right_box{
        padding: 60px 55px;
    }
    .booking_live_broadcast_close{
        width: 40px;
        height: 40px;
        background: url('../images/booking_live_broadcast_close_icon.png') no-repeat center center;
        background-size: 30px;
        top: 5px;
        right: 5px;
    }
    .booking_live_broadcast_close:hover{
        background: url('../images/booking_live_broadcast_close_icon_hover.png') no-repeat center center;
        background-size: 30px;
    }
    .booking_live_broadcast_form .item{
        margin-bottom: 12px;
    }
    .booking_live_broadcast_form .item_captcha button{
        padding: 8px 20px;
    }
    .booking_live_broadcast_form .item select{
        padding: 8px 30px;
        padding-right: 50px;
        background: #f5f5f5 url(../images/booking_live_broadcast_select_icon.png) no-repeat 245px center;
    }
    .booking_live_broadcast_form .item_btn button{
        padding: 8px 30px;
    }
    .booking_live_broadcast_form .item_btn{
        margin-top: 5px;
    }

    .vulnerability_feedback_section1_list_container .xian_box{
        top: 40px;
    }

    .recommended_courses_icon1{
        background: url('../images/recommended_courses_icon1.png') no-repeat;
        background-size: 60%;
        top: 25%;
        left: -90px;
    } 
    .recommended_courses_icon2{
        background: url('../images/recommended_courses_icon2.png') no-repeat;
        background-size: 60%;
        bottom:300px;
        right: -135px;
    } 

    .partner_sec1_nav_list .str_wrap{
        width: 430px !important;
    }



    /* export_trade_banner_pic_box */
    .export_trade_banner_pic_box{
        transform: scale(0.80);
        right: -30px;
    }
    .export_trade_section1_item_container{
        padding-top: 50px;
    }

    .jishiyu_con_section_banner .global_banner_text .text_box p{
        max-width: 530px;
    }
    .jishiyu_banner_pic_box{
        transform: scale(0.80);
        right: 0px;
    }


    .recommended_courses_video_show .home_video_box{
        width: 600px;
    }
    .recommended_courses_video_show video{
        height: 600px;
        max-width: 600px;
    }

}


@media screen and (max-width: 1440px){
	.news_details_section1 .section_container_con .news_left {
    width: 100%;
    float: none;
}
.news_details_section1 .section_container_con .news_right {
    width: auto;margin-top: 50px;
    float: none;
}.news_details_section1 .section_container_con .news_right .global_payments_section2_list ul li {
    width: 96%;
}

    .section_container_con{
        max-width: 1100px;
    }
    .news_details_section1 .section_container_con{
        max-width: 1100px;
    }
    .section_container_spacing{
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .global_banner_text .text_box p{
        max-width: 520px;
    }
    .header{
        max-width: 1150px;
        padding-left: 190px;
    }
    .header .logo{
        padding: 24px 0;
    }
    .header .logo img{
        width: 168px;
    }
    .header_right .nav ul li a {
        padding:5px 14px;
        font-size: 16px;
    }
    .header_right .nav ul li .subNav a{
        font-size: 16px;
    }
    .header_right .right_sign_box_con a.link{
        font-size: 15px;
    }
    .header_right .right_sign_box_con .language_box{
        font-size: 15px;
    }
    .sidebar_box{
        width: 70px;
        top: 41%;
        right: 3px;
    }
    .sidebar_box_conter ul li{
        width: 70px;
        height: 70px;
        padding: 10px 5px;
    }
    .sidebar_box_conter ul li .icon_box{
        height: 28px;
    }
    .sidebar_box_conter ul li .icon_box img{
        width: 26px;
        height: 26px;
        margin-left: -13px;
    }
    .sidebar_box_conter ul li p{
        font-size: 10px;
    }
    .sidebar_box_conter ul li .text_box{
        height: 70px;
        top: 70px;
        right: 71px;
        padding: 15px 0px;
    }
    .sidebar_box_link_box{
        width: 80px;
        height: 80px;
        left: -7px;
    }
    .sidebar_box_link_box .link_box{
        width: 70px;
        height: 70px;
        padding: 10px 0;
    }
    .sidebar_box_link_box img{
        width: 26px;
        height: 26px;
    }
    .sidebar_box_link_box p{
        font-size: 12px;
    }
    .sidebar_punctuation_box{
        width: 80px;
        height: 80px;
    }
    .sidebar_punctuation_box .dot{
        width: 70px;
        height: 70px;
    }
    .sidebar_punctuation_box .pulse{
        width: 90px;
        height: 90px;
        left: -15px;
        top: -15px;
    }

    .footer_top_box .footer_left{
        width: 43%;
        padding-right: 5px;
    }

    .footer_top_box .footer_right{
        width: 56%;
    }
    .footer_top_box .footer_left .code_box .pic_box{
        margin: 0 6px;
    }
    .footer_top_box .footer_left .numbers_box {
        padding-right: 10px;
    }
    .footer_top_box .footer_right ul li p a{
        font-size: 16px;
    }
    .footer_top_box .footer_left .numbers_box h3{
        font-size: 20px;
    }
    .footer_top_box .footer_left .numbers_box .numbers{
        font-size: 24px;
        margin-bottom: 15px;
    }

    /* about */
    .about_section2_list{
        padding: 45px 0;
    }
    .about_section2_list ul li .num_box p{
        font-size: 14px;
    }
    .about_section2_list ul li .num_box p span{
        font-size: 50px;
    }
    .about_section2_list ul li .text_box p{
        font-size: 14px;
        line-height: 24px;
    }
    .gallery_top .swiper-slide .conter_box .pic_box{
        max-width: 650px;
        height: 400px;
    }
    .gallery_top .swiper-slide .conter_box .text_box{
        width: 550px;
        height: 300px;
        top: 60px;
        padding: 40px;
        padding-top: 40px;
    }
    .gallery_top .swiper-slide .conter_box .text_box p{
        font-size: 16px;
        line-height: 32px;
        background: url(../images/air_travel_section1_icon_dian.png) no-repeat left 6px;
    }
    .about_page_section4_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
    }
    .about_page_section4_list ul li{
        margin: 15px 0;
    }
    .about_page_section4_list ul li .text_box{
        padding: 35px;
        padding-right: 20px;
    }

    /* news */
    .news_section1_nav ul li .text_box .title_box h3{
        font-size: 16px;
    }
    .news_section1_nav ul li a{
        padding: 20px 30px;
        padding-right: 20px;
    }
    .news_section1_item_container{
        height: 420px;
    }
    .news_section1_item_container_con{
        height: 390px;
    }
    .news_section1_item_container_bj{
        width: 170px;
        height: 270px;
    }

    .contact_page_section1_box .right{
        width: 46%;
    }
    .contact_page_section1_box .left{
        padding-top: 6%;
    }
    .contact_page_section1_box2 ul li {
        padding: 0 30px;
    }
    .contact_page_section1_box2 {
        padding: 30px 20px;
    }
    .contact_page_section1_box2 ul li .li_con{
        padding-left: 70px;
    }
    .contact_page_section1_box2 ul li .icon_box{
        width: 70px;
        height: 70px;
    }
    .contact_page_section1_box2 ul li .icon_box img{
        display: block;
        width: 70px;
        height: 70px;
    }
    .contact_page_section1_box2 ul li .text_box {
        padding-left: 30px;
    }
    .contact_page_section1_box2 ul li .text_box h3{
        font-size: 20px;
        margin-bottom: 7px;
    }
    .contact_page_section1_box2 ul li .text_box p{
        font-size: 15px;
    }
    .contact_page_section2 .left_box{
        width: 40%;
    }

    .contact_page_section3 .section_container_con{
        max-width: 1150px;
    }
    .contact_page_section3_map_pic{
        width: 1120px;
        height: 520px;
        margin-top: -260px;
        margin-left: -560px;
        background-size: 100%;
    }
    .contact_page_section3_container{
        min-height: 520px;
    }
    .contact_map_punctuation_container2 .contact_map_punctuation_item{
        margin-bottom: 6px;
    }
    .contact_page_section3{
        padding-bottom: 90px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(1) {
        position: absolute;
        top: 130px;
        left: 80px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(2) {
        position: absolute;
        top: 30px;
        left: 410px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(3) {
        position: absolute;
        top: 56px;
    left: 615px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(4) {
        position: absolute;
    top: 286px;
    left: 532px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(5) {
        position: absolute;
        top: 125px;
        left: 712px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(6) {
        position: absolute;
    top: 329px;
    left: 881px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7) {
        position: absolute;
    top: 169px;
    left: 883px;
    }
	
	
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(9) {
    position: absolute;
    top: 289px;
    left: 413px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(10) {
    position: absolute;
    top: 58px;
    left: 865px;
}
.contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(11) {
    position: absolute;
    top: -49px;
    left: 545px;
}
	
	
	
    .help_page_nav ul li{
        height: 320px;
    }
    .help_center_banner_text .input_box{
        width: 520px;
    }
    .security_banner_pic_box{
        right: -80px;
    }
    .security_section1_list ul li .text_box{
        padding: 32px;
        padding-top: 40px;
    }
    .security_section1_box .left_title_box{
        width: 35%;
    }
    .security_section1_list{
        width: 65%;
    }
    .safety_products_section2_list ul li{
        height: 400px;
    }
    .safety_products_section2_list ul li .text_box h3{
        font-size: 20px;
    }
    .safety_products_section2_list ul li .text_box{
        height: 115px;
        padding: 25px 30px;
        padding-top: 45px;
    }
    .safety_products_section2_list ul li .text_box .icon_box{
        width: 56px;
        height: 56px;
        position: absolute;
        top: -28px;
        left: 30px;
    }
    .safety_products_section2_list ul li .text_box .icon_box img{
        width: 32px;
        height: 32px;
        margin-top: -16px;
        margin-left: -16px;
    }
    .safety_products_section2_list ul li .text_box_pro{
        padding: 30px;
        padding-top: 10px;
    }
    .safety_products_section2_list ul li .text_box_pro h3{
        margin-bottom: 25px;
    }

    .safety_tips_left_box{
        width: 45%;
        padding-right: 100px;
    }
    .safety_tips_left_text_box .content_title{
        padding: 0 35px;
    }
    .safety_tips_left_text_box{
        width: 350px;
        height: 220px;
        right: 40px;
    }
    .safety_tips_left_text_box2{
        width: 350px;
        height: 220px;
        right: 25px;
    }
    .safety_tips_right_box{
        width: 55%;
        padding-left: 5%;
        box-sizing: border-box;
    }
    .safety_tips_list ul li{
        padding: 25px 0;
    }
    .safety_tips_list ul li .title_box h3{
        font-size: 16px;
    }
    .safety_tips_list ul li .text_box_con{
        padding: 15px 30px;
    }
    .safety_tips_list ul li .text_box{
        padding-bottom: 0;
    }

    .safety_products_section1_container .left_title_box{
        padding-top: 9%;
    }
    .safety_products_section2_list ul li .text_box_pro p{
        font-size: 14px;
        line-height: 24px;
    }
    .digital_entertainment_list ul li .text_box{
        height: 360px;
        padding: 50px 70px;
    }

    .compliance_system_section2_container{
        padding-left: 330px;
    }
    .compliance_system_section2_nav{
        width: 330px;
    }
   
    .compliance_system_section2_nav ul li{
        padding-left: 40px;
    }

    .compliance_system_section2_container,.compliance_system_item_container{
        height: 360px;
    }
    .compliance_system_item_con{
        padding-right: 310px;
    }
    .compliance_system_item .right_pic_box{
        width: 310px;
        height: 310px;
    }
    .compliance_system_item .left_text_box{
        padding: 30px 20px;
        padding-right: 30px;
    }
    .compliance_system_item .left_text_box h3{
        font-size: 22px;
    }

    .risk_management_section1 ul li{
        padding: 50px;
        height: 500px;
    }
    .risk_management_section1 ul li .article{
        margin-top: 40px;
    }

    .shield_section1_nav{
        padding-right: 5%;
        box-sizing: border-box;
    }
    .shield_section2_box_right{
        padding-left: 5%;
        box-sizing: border-box;
    }
    .risk_management_secure_section1_box .left_text_box_list ul li{
        padding: 30px 25px;
    }
    .risk_management_secure_section1_box .left_text_box_list ul li .article{
        line-height: 24px;
    }
    .risk_management_secure_section1_box .text_box_article{
        line-height: 26px;
        margin-top: 30px;
    }
    .risk_management_secure_section1_box .left_text_box{
        padding-top: 0;
    }
    .risk_management_secure_section1_box .left_text_box_list{
        margin-top: 50px;
    }
    .risk_management_secure_section3_list2 ul li .li_con{
        padding: 40px;
    }
    .risk_management_secure_section4 .left_text_box{
        padding-top: 0;
    }
    .risk_management_secure_section4 .left_text_box_list ul li{
        margin: 15px 0;
    }
    .risk_management_secure_section4 .left_text_box_list ul li .article{
        margin-top: 10px;
        line-height: 26px;
    }

    .elecCommerce_section3_list ul li .text_box_pro .text_box{
        padding: 35px 25px;
    }
    .elecCommerce_section3_list ul li .text_box h3{
        margin-bottom: 30px;
    }
    .elecCommerce_section3_list ul li.li_text .text_box .article p{
        padding: 3px 8px;
        margin: 3px 0;
        margin-right: 6px;
    }
    .platform_collection_section3_item_container{
        padding-top: 40px;
    }
    .platform_collection_section5_container .right_pic_box{
        padding-left: 5%;
        box-sizing: border-box;
    }
    .platform_collection_section5_container .left_text_box{
        padding-top: 70px;
        padding-left: 60px;
    }
    .global_payments_section2_list ul li .text_box p{
        max-width: 100%;
        font-size: 15px;
    }
  
    .global_payments_section4_bj{
        height: 310px;
    }
    .compliance_system_banner_pic_box {
        right: -80px;
    }

    .risk_management_section1{
        padding: 70px 0;
    }
    .risk_management_banner_pic_box {
        right: -20px;
    }
    .risk_management_shield_pic_box {
        right: -200px;
        top: -40px;
    }
    .risk_management_shield_banner_text{
        padding-top: 180px;
    }
    .risk_management_secure_pic_box {
        right: 30px;
    }
    .elecCommerce_section1_list ul li .text_box{
        height: 400px;
        padding: 50px 70px;
    }
    
    .air_travel_section1_list ul li{
        padding: 40px 0;
    }

    .air_travel_section1_list ul li.global_payments_section1_li1{
        padding: 60px 0;
    }

    .air_travel_section1_list ul li .text_box{
        padding-right: 30px;
    }
    .air_travel_section1_list ul li .pic_box{
        padding-left: 50px;
    }

    .air_travel_section1_li3_animation{
        float: initial;
        transform: scale(0.80);
    }
    .air_travel_section1_list ul .air_travel_section1_li3{
        padding: 10px 0;
    }

    .digital_entertainment_section1{
        padding-top: 100px;
    }

    .page5_section_nav ul li .text_box{
        margin-left: 0;
    }
    .global_acquiring_card_container{
        width: 1200px;
        height: 700px;
        margin-left: -50px;
    }
    .global_acquiring_card_container .rotate_box{
        width: 1100px;
        height: 1100px;
        margin-top: -500px;
        margin-left: -550px;
    }
    .global_acquiring_card_pic_box{
        width: 500px;
        height: 300px;
        margin-top: -70px;
        margin-left: -250px;
    }
    .global_acquiring_card_box {
        width: 1050px;
        height: 420px;
        margin-top: -180px;
        margin-left: -525px;
    }
    
    .global_acquiring_banner_pic_box {
        transform: scale(0.75);
        right: -80px;
        top: -180px;
    }

    .home_section7_list{
        padding: 50px 10px;
    }
   

    .currency_exchange_banner_pic_box{
        right: 35px;
    }

    .global_payments_banner_pic_box {
        right: 40px;
    }

    .platform_collection_banner_pic_box{
        right: -80px;
    }

    .air_travel_section1_list ul li:nth-of-type(even) .text_box{
        padding-left: 40px;
    }
    .global_payments_section3 .air_travel_section1_list ul li:nth-of-type(3) .text_box{
        padding-right: 0;
    }
    .air_travel_section1_list ul li.global_payments_li3 .text_box{
        padding-right: 60px;
    }

    .global_payments_li2 .animation_box .pic_box1{
        width: 150px;
        bottom: 75px;
        left: 175px !important;
    }
    .global_payments_li2 .animation_box .pic_box3{
        width: 75px;
        bottom: 225px;
        margin-right: -10px;
    }
    .global_payments_li2 .animation_box .pic_box2{
        width: 65px;
        bottom: 115px;
        margin-right: 60px;
    }

    .home_content .global_acquiring_section2 .content_title{
        padding-bottom: 30px;
    }
    .global_acquiring_section2{
        padding-top: 60px;
    }
    .page5_section_warpper{
        height: 450px;
    }
    .page5_section_conter {
        width: 1000px;
        height: 420px;
        left: 50%;
        margin-left: -500px;
    }
    .page5_section_map_bj{
        width: 1000px;
        height: 420px;
        margin-top: -210px;
        margin-left: -500px;
        background-size: 100%;
    }
    .page5_section_item_box{
        padding: 30px 35px;
    }

    .page5_section_item3 .map_punctuation_box {
        position: absolute;
        top: 295px;
        right: 205px;
    }
    .page5_section_item3 .page5_section_item_conter {
        top: 230px;
        right: 300px;
    }
    .page5_section_item5 .map_punctuation_box {
        position: absolute;
        top: 110px;
        right: 135px;
    }
    .page5_section_item5 .page5_section_item_conter {
        top: 90px;
        right: 250px;
    }
    .page5_section_item1 .map_punctuation_box {
        position: absolute;
        top: 170px;
        right: 300px;
    }
    .page5_section_item1 .page5_section_item_conter {
        top: 100px;
        left: 250px;
    }
    .page5_section_item2 .map_punctuation_box {
        position: absolute;
        top: 70px;
        right: 490px;
    }
    .page5_section_item2 .page5_section_item_conter {
        top: 0px;
        left: 110px;
    }
    .page5_section_item_box h4{
        margin-bottom: 15px;
    }

    .contact_map_punctuation_container .contact_map_punctuation_item .icon_box{
        background: url(../images/map_punctuation_new_icon.png) no-repeat center center;
        background-size: 30px;
    }
    .contact_map_punctuation_item .icon_box span{
        bottom: -1px;
    }


    .security_section2_list ul li .text_box{
        padding: 5px 15px;
    }


    .cooperative_partner_section2_list{
        width: 950px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(7){
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(18){
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(29){
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(40){
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(6){
        margin-left: 95px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(15){
        margin-left: 95px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(24){
        margin-left: 95px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(33){
        margin-left: 95px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(42){
        margin-left: 95px;
    }


    .currency_exchange_section1_animation_box {
        position: absolute;
        top: 120px;
        left: 200px;
    }

    .page5_section_item1 .map_punctuation_box {
        position: absolute;
        top: 150px;
        right: 325px;
    }
    .page5_section_item4 .map_punctuation_box {
        position: absolute;
        top: 130px;
        right: 435px;
    }



     /*  */
     .export_tax_rebate_section1 .animation_box .pic_box1{
        left: 135px;
        top: 60px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box2{
        left: 125px;
        bottom: 60px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box3{
        right: 20px;
        top: 20px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box4{
        right: 70px;
        bottom: 90px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5{
        right: 50px;
        top: 73px;
    }
    
    .export_tax_rebate_section1 .air_travel_section1_list ul li .animation_box img{
        max-width: 85%;
    }
    .export_tax_rebate_section1 .air_travel_section1_list ul li .animation_box .pic_box5 img{
        max-width: 60%;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box p{
        font-size: 13px;
        line-height: 20px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3{
        font-size: 13px;
        line-height: 20px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3 strong{
        font-size: 20px;
        font-weight: 500;
    }
    .export_tax_rebate_section2{
        padding: 70px 0;
    }
    .export_tax_rebate_section2 .right_box_list ul li{
        min-height: 90px;
        padding-left: 90px;
        margin: 25px 0;
    }
    .export_tax_rebate_section2 .right_box_list ul li .icon_box{
        width: 90px;
        height: 90px;
    }
    .export_tax_rebate_section3_list ul li{
        padding: 50px 30px;
        height: 360px;
    }
    .export_tax_rebate_section3_list ul li .icon_box img{
        width: 75%;
    }
    .export_tax_rebate_section3_list ul li .text_box{
        font-size: 16px;
        line-height: 30px;
        padding: 15px 20px;
        padding-right: 30px;
    }
    .export_tax_rebate_section3_list ul li .num_box{
        width: 60px;
        height: 60px;
        font-size: 24px;
        line-height: 60px;
    }
    .vulnerability_feedback_section1{
        padding-top: 75px;
    }
    .vulnerability_feedback_section1_list .title_box h2{
        font-size: 20px;
    }
  
    .vulnerability_feedback_section1_list_container ul {
        margin: 0px -75px;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box{
        width: 70px;
        height: 70px;
        margin-bottom: 15px;
    }
    .vulnerability_feedback_section1_list .title_box{
        padding-bottom: 25px;
    }
    .vulnerability_feedback_section1_list_container .xian_box{
        top: 35px;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box img{
        width: 70px;
        height: 70px;
    }
    .vulnerability_feedback_section1 .left_box .text_box{
        padding-right: 60px;
        padding-top: 20px;
    }
    .vulnerability_feedback_section2_container {
        max-width: 1200px;
        padding: 50px;
    }
    .vulnerability_feedback_section2{
        padding: 75px 0;
    }


    /*  */
    .footer_top_box .footer_left .code_box .pic_box{
        width: 100px;
    }
    .footer_top_box .footer_left .code_box .pic_box img{
        width: 100px;
    }
    .footer_top_box .footer_left .numbers_box p{
        font-size: 13px;
    }
    .footer_top_box .footer_left .code_box .pic_box p{
        font-size: 13px;
    }


    /*  */
    .classroom_section1 .section_container_con{
        max-width: 1030px;
    }
    .classroom_section1_container .pic_box{
        max-width: 650px;
    }
    .classroom_section1_container .content_box{
        width: 400px;
        height: 400px;
        margin-top: -200px;
        padding: 50px;
    }
    .classroom_section1 .live_countdown_box .time_box .countdown li span{
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        border-radius: 12px;
    }
    .classroom_section1 .live_countdown_box .title{
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 40px;
    }
    .classroom_section1 .live_countdown_box .time_box .countdown li p{
        font-size: 16px;
    }
    .classroom_section1 .live_countdown_box .num_box p{
        font-size: 16px;
    }
    .classroom_section1 .live_countdown_box .num_box .num{
        font-size: 20px;
    }
    .classroom_section1 .live_countdown_box .num_box{
        margin-top: 20px;
    }

    .classroom_section1 .live_countdown_box .button_box{
        margin-top: 20px;
    }

    .live_playback_text_box .text_box h3{
        font-size: 20px;
        line-height: 30px;
    }
    .live_playback_text_box .text_box .article{
        font-size: 15px;
        line-height: 24px;
    }
    .live_playback_text_box .text_box{
        padding: 10px 0;
    }
    .live_playback_text_box .text_box .article p{
        margin: 3px 0;
        padding-left: 15px;
        box-sizing: border-box;
        background: url(../images/live_playback_dian.png) no-repeat left 9px;
        background-size: 6px;
    }

    .classroom_section1{
        padding-top: 80px;
        padding-bottom: 40px;
    }
    .classroom_section2{
        padding-top: 40px;
    }


    .recommended_courses_nav ul li .icon_box{
        top: 5px;
        left: 20px;
    }
    .recommended_courses_nav ul li .icon_box img {
        display: block;
        width: 26px;
        height: 26px;
        position: absolute;
        top: 7px;
        left: 7px;
    }
    .recommended_courses_nav ul li h3{
        font-size: 18px;
    }
    .recommended_courses_nav ul{
        margin: 0 -15px;
    }
    .recommended_courses_nav ul li{
        width: 130px;
        height: 50px;
        margin: 12px 15px;
    }
    .recommended_courses_nav ul li a{
        padding: 10px;
        padding-left: 60px;
    }

    .classroom_section3_list ul li{
        width: 320px;
        height: 240px;
    }
    .classroom_section3_list ul li .pic_box{
        width: 320px;
        height: 240px;
    }
    .classroom_section3_list ul li .video_icon {
        width: 50px;
        height: 50px;
        background: url(../images/video_icon.png) no-repeat;
        background-size: 50px;
        margin-top: -25px;
        margin-left: -25px;
    }
    .recommended_courses_container .swiper-slide .video_icon{
        width: 50px;
        height: 50px;
        background: url(../images/video_icon.png) no-repeat;
        background-size: 50px;
        margin-top: -25px;
        margin-left: -25px;
    }
    .classroom_section3_list ul li .title p{
        font-size: 16px;
    }
    .recommended_courses_container .swiper-slide .title p{
        font-size: 16px;
    }
    .live_playback_container .live_playback_video_link_box {
        width: 65px;
        height: 65px;
        background: url(../images/video_icon.png) no-repeat;
        background-size: 65px;
        margin-top: -32.5px;
        margin-left: -32.5px;
    }

    .recommended_courses_section{
        padding: 70px 0;
    }
    .classroom_section3{
        padding: 70px 0;
    }

    .courses_page_list ul li .title p{
        font-size: 16px;
    }
    .courses_page_list ul li .video_icon{
        width: 50px;
        height: 50px;
        background: url(../images/video_icon.png) no-repeat;
        background-size: 50px;
        margin-top: -25px;
        margin-left: -25px;
    }


    .courses_page_nav ul li a h3{
        font-size: 18px;
    }
    .courses_page_nav ul li{
        margin: 10px 5px;
    }
    .courses_page_nav ul li a{
        padding: 5px 30px;
    }

    .courses_page_list ul li{
        width: 31.333333%;
    }


    .partner_sec1_nav_list .str_wrap{
        width: 380px !important;
    }



    .export_trade_section2_list ul li .text_box{
        padding: 25px;
    }

}



@media screen and (max-width: 1366px){
    .con_section_banner{
        width: 100%;
        height: 520px;
    }
    .con_section_banner .con_banner{
        margin-left: -700px;
        width: 1400px;
        height: 520px;
    }
    .global_banner_text {
        padding-top: 190px;
    }
    .help_center_banner_text {
        padding-top: 60px;
    }
    .global_banner_text .text_box h2{
        margin-bottom: 20px;
    }
    .global_banner_text .global_banner_link{
        margin-top: 40px;
    }
    .global_banner_animation .banner_animation{
        height: 7em;
    }

    .security_banner_pic_box{
        transform: scale(0.75);
    }

    .risk_management_banner_pic_box{
        transform: scale(0.70);
        right: -20px;
    }

    .risk_management_shield_pic_box {
        transform: scale(0.75);
        right: -200px;
        top: -55px;
    }

    .risk_management_shield_banner_text{
        padding-top: 160px;
    }

    .risk_management_secure_pic_box {
        transform: scale(0.70);
        right: 25px;
        top: -160px;
    }

    .global_acquiring_banner_pic_box {
        transform: scale(0.65);
        top: -190px;
    }

    .currency_exchange_banner_pic_box {
        transform: scale(0.70);
        top: -160px;
        right: 15px;
    }

    .global_payments_banner_pic_box {
        transform: scale(0.70);
        top: -175px;
        right: 30px;
    }


     /*  */
     .export_tax_rebate_banner_pic_box {
        transform: scale(0.70);
        right: 0px;
        top: -170px;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box{
        width: 60px;
        height: 60px;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box img{
        width: 60px;
        height: 60px;
    }
    .vulnerability_feedback_section1_list_container .xian_box{
        top: 30px;
    }


    /*  */
    .classroom_section1 .section_container_con{
        max-width: 930px;
    }
    .classroom_section1_container .pic_box{
        max-width: 600px;
    }
    .classroom_section1_container .content_box{
        width: 400px;
        height: 400px;
        margin-top: -200px;
        padding: 50px;
    }


    .recommended_courses_icon1{
        background: url('../images/recommended_courses_icon1.png') no-repeat;
        background-size: 50%;
        top: 25%;
        left: -60px;
    } 
    .recommended_courses_icon2{
        background: url('../images/recommended_courses_icon2.png') no-repeat;
        background-size: 55%;
        bottom:250px;
        right: -150px;
    } 


    /* export_trade_banner_pic_box */
    .export_trade_banner_pic_box{
        transform: scale(0.70);
        top: -200px;
        right: -55px;
    }
    .jishiyu_banner_pic_box{
        transform: scale(0.70);
        right: -30px;
    }



    .recommended_courses_video_show .home_video_box{
        width: 550px;
    }
    .recommended_courses_video_show video{
        height: 550px;
        max-width: 550px;
    }



}



@media screen and (max-width: 1200px){
    .section_container_con{
        width: 1150px !important;
    }
    .header{
        width: 1150px !important;
    }
}

@media screen and (max-width: 768px){
    .section_container_con{
        width: 100% !important;
    }
    .sidebar_box{
        display: none;
    }

    .home_content .content_title {
        padding-bottom: 40px;
    }
    .home_content .content_title h2{
        font-size: 22px;
        line-height: 40px;
    }
    .footer_top_box .footer_right{
        display: none;
    }
    .footer_top_box .footer_left{
        width: 100%;
        padding-top: 0;
        padding-right: 0;
    }
    .footer_top_box .footer_left .numbers_box p{
        float: left;
        width: 100%;
    }
    .footer_top_box .footer_left .numbers_box h3{
        float: left;
        width: auto;
        font-size: 16px;
        line-height: 30px;
        margin-right: 20px;
    }
    .footer_top_box .footer_left .numbers_box .numbers{
        width: auto;
        float: left;
        font-size: 22px;
        line-height: 30px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .footer_top_box .footer_left .numbers_box{
        width: 100%;
        height: auto;
        margin-bottom: 25px;
        padding-right: 0;
    }
    .footer_top_box .footer_left .numbers_box p{
        margin-top: 5px;
    }
    .footer_top_box .footer_left .code_box{
        width: 100%;
    }
    .footer_top_box .footer_left .code_box .pic_box{
        float: initial;
        display: inline-block;
        margin-left: 0;
        margin-right: 15px;
    }
    .footer_top{
        padding: 35px 0;
        padding-top: 35px;
    }
    .footer_top .section_container_con{
        width: 295px !important;
        margin: 0 auto;
    }
    
    .about_page_section1{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .about_page_section1 .text_box .article{
        font-size: 15px;
        margin-bottom: 40px;
    }
    .about_page_section1 .text_box .link_box{
        font-size: 15px;
        padding: 10px 35px;
    }
    .about_page_section1_bj_logo{
        width: 200px;
        height: 200px;
    }
    .about_page_section1_bj{
        background-size: 155%;
    }
    .about_section2_list ul li{
        width: 50%;
        height: 150px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        border-bottom: 1px solid #cccccc5c;
        border-right: 1px solid #cccccc5c;
    }
    .about_section2_list{
        padding: 40px 0;
    }
    .about_section2_list ul li:nth-of-type(2){
        width: 50%;
    }
    .about_section2_list ul li:nth-of-type(4){
        width: 50%;
    }
    .about_section2_list ul li .num_box{
        height: 50px;
    }
    .about_section2_list ul li .num_box p{
        font-size: 15px;
        line-height: 50px;
    }
    .about_section2_list ul li .num_box p span{
        font-size: 36px;
    }
    .about_section2_list ul li .xian{
        display: none;
    }
    .about_section2_list ul li .text_box{
        height: 48px;
    }
    .about_section2_list ul li .text_box p{
        font-size: 14px;
        line-height: 24px;
    }
    .about_section2_list ul li .text_box p br{
        display: block;
    }
    .about_section2_list ul li:nth-of-type(2){
        border-right: none;
    }
	.about_section2_list ul li:nth-of-type(3){
        border-bottom: none;
    }
    .about_section2_list ul li:nth-of-type(4){
        border-right: none;border-bottom: none;
    }
    .about_section2_list ul li:nth-of-type(5){
        border-bottom: none;
    }

    .about_page_section4{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .about_page_section4 .content_title {
        padding-bottom: 30px;
    }
    .about_page_section4_list ul li{
        margin: 15px 0;
    }
    .about_page_section4_list ul li .text_box{
        height: 210px;
        padding: 20px;
        padding-right: 15px;
    }
    .about_page_section4_list ul li .text_box .time{
        font-size: 16px;
        margin-top: 15px;
    }
    .about_page_section4_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
        margin-top: 12px;
    }
    .about_page_section4_list .swiper-button-prev{
        left: 0px;
    }
    .about_page_section4_list .swiper-button-next{
        right: 0px;
    }

    .about_page_section5{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .home_section10_list ul{
        margin: 0 -2%;
    }
    .home_section10_list ul li{
        width: 46%;
        margin: 2%;
    }

    .about_page_section3{
        padding-top: 60px;
    }
    .about_page_section3_container_con {
        padding-left: 60px;
        padding-right: 60px;
    }
    .gallery_thumbs .swiper-slide p{
        font-size: 18px;
    }
    .gallery_thumbs .swiper-slide p{
        margin-bottom: 15px;
    }
    .about_page_section3_container .swiper-button-prev{
        top: 55px;
    }
    .about_page_section3_container .swiper-button-next{
        top: 55px;
    }
    .about_page_section3_container .gallery_top{
        margin-top: 50px;
    }
    .gallery_top .swiper-slide .conter_box .text_box{
        width: 300px;
        height: 240px;
        padding: 20px 18px;
        padding-right: 15px;
        background: rgba(255, 255, 255, 0.75);
        top: 25px;
        left: 12px;
    }
    .gallery_top .swiper-slide .conter_box .text_box p{
        font-size: 14px;
        line-height: 24px;
        background: url(../images/air_travel_section1_icon_dian.png) no-repeat left 5px;
        background-size: 14px;
        padding-left: 22px;
    }
    .gallery_top .swiper-slide .conter_box .pic_box{
        width: 65%;
        height: 290px;
    }

    .news_page_section2{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .news_page_section2_list ul li .pic_box{
        height: 250px;
    }
    .news_page_section2_list ul li .text_box{
        height: 100px;
        padding: 20px;
    }
    .news_page_section2_list ul li .text_box h3{
        font-size: 16px;
    }
    .news_page_section2_container .swiper-button-prev{
        left: 0px;
    }
    .news_page_section2_container .swiper-button-next{
        right: 0px;
    }
    .news_section1_item_container{
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
        display: none;
    }
    .news_section1_item_container_bj{
        display: none;
    }
    .news_section1_nav{
        width: 100%;
    }
    .news_section1_nav ul li .text_box .title_box h3{
        font-size: 15px;
    }
    .news_section1_nav ul li a{
        padding: 25px 15px;
    }
    .news_page_section1{
        padding-top: 60px;
        padding-bottom: 80px;
    }

    .contact_page_section1_box .left{
        width: 100%;
        padding-top: 0;
        margin-bottom: 40px;
    }
    .contact_page_section1_box .left .text_box{
        max-width: 100%;
    }
    .contact_page_section1_box .right{
        width: 100%;
        min-height: 200px;
    }
    .contact_page_section1_box .left .text_box p{
        font-size: 16px;
        padding: 20px 0;
    }
    .contact_page_section1_box .left .text_box p span{
        font-size: 16px;
        margin-left: 25px;
    }
    .contact_page_section1_box .left .text_box p span.time {
        font-size: 12px;
        margin-left: 88px;
    }
    .contact_section1_right_bj {
        width: 120px;
        height: 150px;
    }
    .contact_page_section1_box2 ul li{
        width: 100%;
        border-right: none;
    }
    .contact_page_section1_box2 ul li {
        padding: 0 20px;
    }

    .contact_page_section1_box2 ul li .li_con{
        height: 90px;
        padding: 15px 0;
        padding-left: 60px;
    }
    .contact_page_section1_box2 ul li .icon_box{
        width: 60px;
        height: 60px;
        top: 15px;
    }
    .contact_page_section1_box2 ul li .icon_box img{
        display: block;
        width: 60px;
        height: 60px;
    }
    .contact_page_section1{
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .contact_page_section1_box2 {
        padding: 25px 20px;
        margin-top: 70px;
    }
    .contact_page_section1_box2 ul li .text_box{
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .contact_page_section1_box2 ul li .text_box h3{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .contact_page_section1_box2 ul li .text_box p{
        font-size: 14px;
        line-height: 24px;
    }

    .contact_page_section2 .left_box{
        width: 100%;
        padding-right: 0;
    }
    .contact_page_section2{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .contact_staff_style_box{
        width: 100%;
        height: 350px;
        position: relative;
        margin-top: 70px;
    }
    .contact_page_section2_list ul li .title_box h3{
        font-size: 18px;
    }
    .contact_page_section2_list ul li .title_box h3{
        font-size: 16px;
    }
    .contact_page_section2_list ul li .text_box strong{
        font-size: 16px;
    }
    .contact_page_section2_list ul li .text_box p{
        font-size: 14px;
    }
    .contact_page_section2_list ul li .text_box_sec1 p{
        margin-right: 20px;
    }
    .contact_page_section2_list ul li{
        padding-right: 0;
    }
    .contact_page_section2_list ul li .text_box{
        min-height: auto;
    }
    .contact_page_section2_container{
        padding-bottom: 50px;
    }
    .contact_page_section3_container {
        min-height: 240px;
        text-align: center;
    }
    .contact_page_section3_map_pic{
        width: 360px;
        height: 240px;
        margin-top: -120px;
        margin-left: -180px;
        display: none;
    }
    .contact_map_punctuation_container{
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .contact_map_punctuation_container2{
        width: 100%;
        height: auto;
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item{
        display: inline-block;
        width: 100px;
        height: 120px;
        position: initial !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 5px;
    }
    .contact_map_punctuation_container .contact_map_punctuation_item .icon_box{
        display: none !important;
    }
    .contact_map_punctuation_item .information_box{
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* .contact_map_punctuation_container .contact_map_punctuation_item:nth-of-type(7){
        display: none;
    } */
    .contact_map_punctuation_container2 .contact_map_punctuation_item{
        display: inline-block;
        margin: 5px;
    }
    .contact_page_section3{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .contact_map_punctuation_container2 .contact_map_punctuation_item .icon_box{
        display: none;
    }
    .contact_map_punctuation_item .information_box{
        width: 100px;
        height: 120px;
    }
    .contact_map_punctuation_item .information_box .pic_box{
        height: 60px;
    }

    .help_center_banner_text .input_box{
        max-width: 500px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .help_center_banner_text .input_box .input_text{
        height: 50px;
        padding: 10px 20px;
        font-size: 14px;
    }
    .help_center_banner_text .input_box .input_btn{
        width: 90px;
        height: 42px;
        padding: 0px 10px;
        right: 14px;
        background-size: 32px;
    }
    .help_page_item_list ul li .li_con{
        padding: 20px;
    }
    .help_page_item_list ul li .title_box .jt{
        right: -20px;
    }

    .help_page_nav ul{
        margin: 0 -2%;
    }
    .help_page_nav ul li{
        width: 46%;
        height: 210px;
        padding-top: 10px;
        box-sizing: border-box;
        margin: 0 2%;
        margin-bottom: 4%;
    }

    .help_page_nav ul li .icon_box{
        width: 70px;
        height: 70px;
    }
    .help_page_nav ul li .icon_box img{
        width: 70px;
        height: 70px;
    }
    .help_page_nav ul li .text_box h3{
        font-size: 18px;
        line-height: 30px;
    }
    .help_page_nav ul li .text_box p{
        font-size: 12px;
    }
    .help_page_section1{
        padding-top: 40px;
        padding-bottom: 100px;
    }

    .help_page_nav{
        margin-bottom: 40px;
    }
    .home_content .content_title{
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
    .security_section1_list{
        width: 100%;
        padding: 0;
    }
    .security_section1_list ul{
        width: 100%;
        margin: 0;
    }
    .security_section1_list ul li{
        margin: 15px 0;
        height: auto;
    }
    .security_section1{
        padding-top: 60px;
    }

    .security_global_subNav .subNav{
        padding: 0;
    }
    .security_global_subNav .subNav ul li a{
        font-size: 16px;
        padding: 15px 5px;
    }
    .security_section1_list ul li .text_box {
        padding: 25px;
        padding-top: 30px;
    }
    .security_section1_list ul li .text_box h3{
        font-size: 16px;
        line-height: 30px;
    }
    .security_section1_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .security_section1_list ul:nth-of-type(2){
        padding-top: 0;
    }
    .security_section1_bj{
        bottom: -80px;
    }
    .security_section2{
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .security_section1_box .left_title_box p{
        font-size: 14px;
        line-height: 24px;
    }
    .home_content .security_section2 .content_title p{
        font-size: 14px;
        line-height: 24px;
        padding: 0 10%;
        box-sizing: border-box;
    }

    .security_section2_list ul li{
        width: 96%;
    }
    .security_section2_list ul li .text_box h3{
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
    }
    .security_section2_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
    }
    .security_section2_list ul li .text_box{
        padding: 20px 10px;
        padding-bottom: 30px;
    }
    .security_section2_list ul li .pic_box{
        height: 260px;
    }
    .security_section2_list ul li .pic_box .logo_pic_box{
        padding: 20px 30px;
    }

    .safety_products_section1_container .right_pic_box{
        width: 100%;
    }
    .safety_products_section1{
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .safety_products_section1_container .left_title_box p{
        font-size: 14px;
        line-height: 24px;
    }
    .safety_products_section1_pic_bj {
        width: 150px;
        height: 150px;
    }
    .safety_products_section2{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .safety_products_section2_container .swiper-button-prev{
        left: 0px;
    }
    .safety_products_section2_container .swiper-button-next{
        right: 0px;
    }

    .safety_tips_left_box{
        width: 100%;
        padding-right: 0;
    }
    .safety_tips_left_box .pic_box{
        display: none;
    }
    .safety_tips_right_box{
        width: 100%;
        padding-left: 0;
    }
    .safety_tips_list{
        padding-left: 0;
        padding-top: 60px;
    }
    .safety_tips_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
    }
    .safety_tips_list ul li {
        padding: 20px 0;
    }

    .safety_tips_left_text_box{
        width: 85%;
        height: 190px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin-top: 0;
        padding: 20px 30px;
        box-sizing: border-box;
    }
    .safety_tips_left_text_box2 {
        width: 85%;
        height: 190px;
        right: 0;
        left: 15px;
        margin-top: -80px;
    }
    .safety_tips_left_text_box .content_title{
        margin-bottom: 0;
    }

    .safety_tips_section1{
        padding-top: 60px;
        padding-bottom: 100px;
    }
    .safety_tips_left_text_box .content_title p{
        font-size: 14px;
        line-height: 24px;
    }


    .case_analysis_section1{
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .digital_entertainment_list ul li{
        margin-bottom: 50px;
    }
    .digital_entertainment_list ul li .text_box{
        padding: 30px;
    }
    .digital_entertainment_list ul li .text_box .title{
        font-size: 18px;
        line-height: 30px;
    }
    .digital_entertainment_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
    }

    .digital_entertainment_list ul li .li_con{
        padding-right: 0;
    }
    .digital_entertainment_list ul li .text_box{
        height: auto;
        border-radius: 0 !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }
    .digital_entertainment_list ul li .text_box .article{
        margin-top: 20px;
    }
    .digital_entertainment_list ul li .pic_box{
        float: left;
        width: 100%;
        height: 220px;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        border-radius: 0 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
    }

    .digital_entertainment_list ul li:nth-of-type(even) .li_con{
        padding-right: inherit;
        padding-left: 0;
    }

    .compliance_system_section1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .compliance_system_section1_list ul li{
        width: 100% !important;
        height: 250px !important;
        margin: 0;
        margin-bottom: 15px;
    }
    .compliance_system_section1_list ul li .text_box h3{
        font-size: 18px;
        line-height: 30px;
    }
    .compliance_system_section1_list ul li .text_box .article{
        font-size: 13px;
        line-height: 24px;
        margin-top: 15px;
    }
    .compliance_system_section1_list ul li .pic_box h3,.compliance_system_section1_list ul li .pic_box .title_bj{
        display: none;
    }
    .compliance_system_section1_list ul li .text_box{
        opacity: 1 !important;
    }
    .compliance_system_section1_list ul li .text_box h3{
        opacity: 1 !important;
    }
    .compliance_system_section1_list ul li .text_box .article{
        opacity: 1 !important;
    }
    .compliance_system_section1_list ul li .text_box:after{
        height: 100% !important;
        background: rgba(9, 110, 219, 0.85);
        border-radius: 0;
    }
    .compliance_system_section1_list ul li .text_box {
        width: 75%;
        padding: 25px 20px;
        padding-right: 15px;
    }
    .compliance_system_section1_list ul li:nth-of-type(even) .text_box{
        left: initial;
        right: 0;
    }

    .compliance_system_section2_container, .compliance_system_item_container{
        height: auto;
    }
    .compliance_system_section2{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .compliance_system_section2_container{
        padding-left: 0;
        box-shadow: none;
    }
    .compliance_system_section2_nav{
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .compliance_system_item_container .compliance_system_item{
        padding: 25px;
        padding-left: 25px;
    }
    .compliance_system_item_con{
        padding-right: 0;
        height: auto;
    }
    .compliance_system_item .left_text_box{
        padding: 10px 0;
        padding-bottom: 30px;
    }
    .compliance_system_item .right_pic_box{
        position: relative;
        width: 100%;
        height: 240px;
    }
    .compliance_system_item .left_text_box h3{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .compliance_system_item .left_text_box .article{
        font-size: 14px;
        line-height: 24px;
    }
   
    .compliance_system_section2_nav{
        display: none;
    }
    .compliance_system_section2_container{
        background: none;
        margin-bottom: 20px;
    }
    .compliance_system_item_container .compliance_system_item{
        width: 100%;
        height: auto;
        position: relative;
        opacity: 1 !important;
        box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
        background: #fff;
        margin-bottom: 30px;
        border-radius: 10px;

        display: block !important;
    }

    .risk_management_section1{
        padding: 60px 0;
    }
    .risk_management_section1 ul li{
        width: 97%;
        height: 330px;
        padding: 25px;
        margin-bottom: 30px;
    }
    .risk_management_section1 ul li:last-child{
        margin-bottom: 0;
    }
    .risk_management_section1 ul li .xian{
        margin-bottom: 15px;
    }
    .risk_management_section1 ul li h3{
        font-size: 18px;
        line-height: 30px;
    }
    .risk_management_section1 ul li .article{
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
    }

    .air_travel_section1_list ul li{
        padding: 50px 0;
    }
    .risk_management_section2 .air_travel_section1_list ul li .li_con{
        padding-left: 0%;
    }
    .risk_management_section2 .air_travel_section1_list ul li .text_box{
        width: 100%;
        padding-right: 0;
        position: relative;
        margin-bottom: 50px;
    }
    .air_travel_section1_list ul li .pic_box{
        padding-left: 0;
    }
    .air_travel_section1_list ul li .li_con{
        padding: 0;
    }
    .air_travel_section1_list ul li .text_box .title{
        font-size: 18px;
    }
    .air_travel_section1_list ul li .text_box .article{
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
    }
    .risk_management_section2 .air_travel_section1_list ul li .link_box{
        width: 110px;
        height: 40px;
        font-size: 14px;
        line-height: 30px;
        padding: 5px;
        margin-top: 30px;
    }
    .risk_management_section2 .air_travel_section1_list ul li:nth-of-type(even) .li_con{
        padding-right: 0;
    }
    .risk_management_section2 .air_travel_section1_list ul li .text_box{
        padding-left: 0;
    }
    .air_travel_section1_list ul li:nth-of-type(even) .pic_box{
        padding-top: 0;
        padding-right: 0;
    }

    .risk_management_shield_section1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .risk_management_shield_section2{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .shield_section1_nav{
        width: 100%;
        padding-right: 0;
    }
    .shield_section1_nav ul li h3{
        font-size: 16px;
        line-height: 32px;
    }
    .shield_section1_nav ul li .article{
        font-size: 14px;
        line-height: 24px;
        padding-top: 15px;
        padding-bottom: 0px;
    }
    .shield_section1_container{
        width: 100%;
        padding-left: 0;
        margin-top: 10px;
    }

    .shield_section2_container{
        width: 100%;
        padding-right: 0;
    }
    .shield_section2_box_right{
        width: 100%;
    }

    .shield_section2_nav ul li h3{
        font-size: 16px;
    }
    .shield_section2_nav ul li{
        margin-bottom: 25px;
    }

    .risk_management_shield_section3 {
        padding-bottom: 60px;
    }
    .risk_management_shield_section4 {
        padding-bottom: 80px;
    }

    .risk_management_shield_section4_list{
        margin-top: 60px;
    }

    .risk_management_shield_section4_list ul li h3{
        font-size: 16px;
    }

    .risk_management_shield_section4_list ul li .num_box{
        width: 40px;
        height: 40px;
        top: -20px;
        margin-left: -20px;
    }
    .risk_management_shield_section4_list ul li .num_box p{
        font-size: 20px;
        line-height: 40px;
    }
    .risk_management_shield_section4_list ul li img {
        width: 20px;
        height: 20px;
    }
    .risk_management_shield_section4_list ul .li_con{
        height: 130px;
    }
    .risk_management_shield_section4_article{
        font-size: 16px;
        line-height: 32px;
        margin-top: 50px;
    }
    .shield_bottom_contact_link{
        margin-top: 40px;
    }

    .risk_management_secure_section1{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .risk_management_secure_section1_box .left_text_box{
        width: 100%;
        padding-right: 0;
    }
    .risk_management_secure_section1_box .rgiht_pic_box{
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .risk_management_secure_section1_box .left_text_box_list ul li{
        width: 96%;
        height: auto;
        margin-bottom: 20px;
    }
    .risk_management_secure_section1_box h2{
        font-size: 22px;
        line-height: 40px;
    }
    .risk_management_secure_section1_box .text_box_article{
        font-size: 15px;
        margin-top: 25px;
    }
    .risk_management_secure_section1_box .left_text_box_list{
        margin-top: 40px;
    }

    .risk_management_secure_section2_list ul {
        margin: 0 -3%;
    }
    .risk_management_secure_section2_list ul li{
        width: 27.333333%;
        margin: 0 3%;
    }
    .risk_management_secure_section2_list ul li p{
        font-size: 14px;
        line-height: 22px;
    }
    .risk_management_secure_section1_box .left_text_box_list ul li h3{
        font-size: 18px;
    }

    .risk_management_secure_section3_list2 ul li{
        width: 96%;
        height: auto;
        margin-bottom: 20px;
    }
    .risk_management_secure_section3_list2 ul li .li_con {
        padding: 35px;
    }
    .risk_management_secure_section3_list2 ul li h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .risk_management_secure_section3_list2 ul li .article{
        font-size: 14px;
        line-height: 26px;
    }

    .risk_management_secure_section3_list2 ul li .icon_box {
        width: 100px;
        height: 100px;
        margin-bottom: 25px;
    }
    .risk_management_secure_section3_list2 ul li .icon_box img {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }
    .risk_management_secure_section3 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .risk_management_secure_section3_list ul li{
        width: 88%;
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .risk_management_secure_section3_list ul li h2{
        font-size: 22px;
        line-height: 40px;
        margin-bottom: 15px;
    }

    .risk_management_secure_section3_list ul li .icon_pic_box {
        width: 90px;
        height: 200px;
    }
    .risk_management_secure_section3_list .icon_pic_box2{
        width: 200px;
        height: 150px;
        bottom: 50%;
        margin-left: -100px;
        margin-bottom: -105px;
    }
    .risk_management_secure_section3_list .secure_section3_vs_text{
        bottom: 50%;
        font-size: 30px;
        margin-bottom: -22px;
    }

    .risk_management_secure_section3_list2 {
        margin-top: 10px;
        padding-bottom: 60px;
    }
    .risk_management_secure_section4 .left_text_box{
        width: 100%;
        padding-right: 0;
    }
    .risk_management_secure_section4 .rgiht_pic_box{
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .risk_management_secure_section4 .left_text_box_list ul li h3{
        font-size: 16px;
    }
    .risk_management_secure_section4 .left_text_box_list ul li .article {
        margin-top: 5px;
        line-height: 24px;
    }
    .risk_management_secure_section4 .left_text_box_list ul li {
        margin: 12px 0;
    }

    .risk_management_secure_section4 {
        padding-bottom: 70px;
    }

    .elecCommerce_section1{
        padding: 60px 0;
    }
    .elecCommerce_section1_list ul li .li_con{
        padding-right: 0;
    }
    .elecCommerce_section1_list ul li .pic_box{
        width: 100%;
        height: 240px;
        position: relative;
        top: 0;
    }
    .elecCommerce_section1_list ul li .text_box{
        padding: 0;
        box-shadow: none;
        height: auto;
        margin-bottom: 40px;
    }
    .elecCommerce_section1_list ul li .li_con_bj{
        display: none;
    }
    .elecCommerce_section1_list ul li .text_box .article{
        font-size: 14px;
        line-height: 26px;
        margin-top: 20px;
    }
    .elecCommerce_section1_list ul li .text_box .title{
        font-size: 22px;
        line-height: 40px;
    }

    .solution_bottom_contact{
        height: 180px;
    }
    .solution_bottom_contact_link {
        display: block;
        width: 250px;
        border: 2px solid #fff;
        font-size: 18px;
        color: #fff;
        line-height: 30px;
        padding: 10px 20px;
        border-radius: 40px;
    }

    .air_travel_section1_list ul li .text_box{
        width: 100%;
        height: auto;
        position: relative;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .air_travel_section3_list ul li{
        display: inline-block;
        width: 130px;
        height: auto;
    }
    .air_travel_section3_list ul li .pic_box{
        max-width: 110px;
        width: 100%;
        height: 60px;
        margin: 0 auto;
    }
    .air_travel_section3_list ul li .pic_box img{
        display: block;
        max-width: 100% !important;
        height: auto;
        margin: 0 auto;
    }

    .air_travel_section1_list ul li:nth-of-type(even) .li_con{
        padding-right: 0;
    }
    .air_travel_section1_list ul li:nth-of-type(even) .text_box{
        padding-left: 0;
    }
    .air_travel_section1_list ul li:nth-of-type(2) .li_bj{
        display: none;
    }

    .air_travel_section2{
        padding-left: 0;
    }
    .air_travel_section2_xian{
        display: none;
    }
    .air_travel_section2 .right_box .title_box{
        padding-right: 0;
    }
    .air_travel_section2 .right_box .title_box h3{
        font-size: 22px;
        line-height: 40px;
    }
    .air_travel_section2 .left_box{
        width: 100%;
        height: 200px;
        z-index: 9;
        top: 100%;
    }
    .air_travel_section2 .left_box .text_box{
        width: 100%;
        height: 200px;
        position: absolute;
        top: 0;
        letter-spacing: 0;
        padding: 25px 25px;
    }
    .air_travel_section2 .left_box .text_box p{
        font-size: 14px;
        line-height: 26px;
    }
    .air_travel_section2{
        margin-bottom: 200px;
    }
    .air_travel_section3{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .air_travel_page .solution_bottom_contact{
        height: 240px;
    }

    .air_travel_section1_li3_animation{
        width: 340px;
        height: 340px;
        transform: none; 
        margin: 0 auto;
        margin-top: 30px;
    }
    .air_travel_rotate_box{
        width: 340px;
        height: 340px;
    }
    .air_travel_section1_list ul .air_travel_section1_li3{
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .air_travel_section1_li3_animation_pic {
        width: 75%;
        height: auto;
        position: absolute;
        top: 85px;
        left: 0px;
    }
    .air_travel_rotate_box .face:nth-child(1){
        width: 60%;
        height: 60%;
    }
    .air_travel_rotate_box .face:nth-child(2){
        width: 90%;
        height: 90%;
    }
    .air_travel_pic_icon_box .icon_box img{
        width: 60px;
    }
    .air_travel_pic_icon_box .icon_box1 {
        position: absolute;
        top: 5px;
        left: 65px;
    }
    .air_travel_pic_icon_box .icon_box2 {
        position: absolute;
        top: 25px;
        right: 40px;
    }
    .air_travel_pic_icon_box .icon_box3 {
        position: absolute;
        top: 50%;
        right: -10px;
    }
    .air_travel_pic_icon_box .icon_box4 {
        position: absolute;
        bottom: -10px;
        right: 115px;
    }

    .elecCommerce_section2_nav{
        display: none;
    }
    .elecCommerce_section2_container{
        width: 100%;
        height: auto;
        padding-left: 0;
    }
    .elecCommerce_section2_item_container{
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 0;
    }
    .elecCommerce_section2 {
        padding-bottom: 50px;
    }
    .elecCommerce_section2_item{
        opacity: 1 !important;
        position: relative;
        padding-left: 90px;
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .elecCommerce_section2_item .icon_box{
        width: 70px;
        height: 70px;
    }
    .elecCommerce_section2_item .icon_box .icon_box_con{
        width: 70px;
        height: 70px;
        margin-top: -35px;
        margin-left: -35px;
    }
    .elecCommerce_section2_item .icon_box img{
        width: 46px;
        height: 46px;
        margin-top: -23px;
        margin-left: -23px;
    }
    .elecCommerce_section2_item .text_box{
        padding-left: 0;
        padding-right: 0;
    }
    .elecCommerce_section2_item .text_box h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    .elecCommerce_section2_item .text_box .article{
        font-size: 14px;
        line-height: 26px;
    }

    .elecCommerce_section3_container{
        display: none !important;
    }
    .elecCommerce_section3_container2{
        display: block !important;
    }
    .elecCommerce_section3_list ul li{
        width: 100%;
        margin-bottom: 5px;
    }
    .elecCommerce_section3_list ul li .text_box_pro{
        width: 100%;
        height: auto;
        position: relative;
        top: -25px;
    }
    .elecCommerce_section3_list ul li .li_con{
        padding-right: 0;
    }
    .elecCommerce_section3_list ul li .text_box h3{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .elecCommerce_section3_list ul li .text_box_pro .text_box {
        padding: 30px 25px;
    }

    .digital_entertainment_section1 {
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .elecCommerce_section3 {
        padding-bottom: 50px;
    }

    .platform_collection_section1{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .platform_collection_section1_list ul li{
        width: 100%;
        height: auto;
        border-right: none;
        margin-bottom: 30px;
        padding: 0;
    }
    .platform_collection_section1_list{
        box-shadow: none;
        padding: 0;
    }
    .platform_collection_section1_list ul li .icon_box{
        float: left;
        width: 40%;
        height: auto;
        margin: 0 auto;
    }
    .platform_collection_section1_list ul li .text_box{
        float: left;
        width: 60%;
        max-width: initial;
        margin-top: 0;
    }
    .platform_collection_section1_list ul li .text_box{
        font-size: 15px;
        line-height: 30px;
        height: 95px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: left;
    }
    .platform_collection_section1_list ul li:last-child{
        margin-bottom: 0;
    }
    .platform_collection_section3_nav{
        width: 100%;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .platform_collection_section3_nav ul{
        max-width: 100%;
    }
    .platform_collection_section3_item_container{
        width: 100%;
    }
    .platform_collection_section3_nav ul li .title_box h3{
        font-size: 16px;
    }
    .platform_collection_section3_nav ul li{
        float: left;
        width: 100%;
        height: 90px;
        padding: 10px 25px;
    }
    .platform_collection_section3{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .platform_collection_section5{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .platform_collection_section5_container .left_text_box{
        width: 100%;
        padding: 0;
    }
    .platform_collection_section5_container .left_text_box .article{
        font-size: 16px;
    }
    .platform_collection_section5_link_box{
        margin: 0 auto;
        margin-top: 40px;
    }

    .platform_collection_section5_container .right_pic_box{
        width: 100%;
        padding-left: 0;
        margin: 0 auto;
        margin-top: 50px;
    }
    .product_faqs_list ul li p{
        font-size: 14px;
        line-height: 24px;
    }

    .product_faqs_container{
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .platform_collection_section2_list ul li{
        width: 98%;
        height: auto;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.08);
        padding: 20px 30px;
    }
    .platform_collection_section2_list ul li:last-child{
        margin-bottom: 0;
    }

    .platform_collection_section2{
        width: 100%;
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 0;
    }
    .platform_collection_section2 .waves{
        display: none;
    }
    .platform_collection_section2 .section_container_con{
        padding-left: 30px;
        padding-right: 30px;
    }
    .platform_collection_section2_list ul li h3{
        font-size: 18px;
    }

    .platform_collection_section2_list ul li .icon_box{
        width: 180px;
        height: 180px;
    }
    .platform_collection_section2_list ul li .num_box{
        height: 80px;
    }
    .platform_collection_section2_list ul li .num_box .yuan_box{
        width: 80px;
        height: 80px;
        margin-left: -40px;
    }
    .platform_collection_section2_list ul li .num_box .yuan_box .num{
        width: 50px;
        height: 50px;
        top: 15px;
        left: 15px;
        font-size: 20px;
        line-height: 50px;
    }

    .platform_collection_section4_pic_box{
        width: 100%;
        height: auto;
    }
    .platform_collection_section4_point_box{
        display: none;
    }
    .platform_collection_section4_list{
        width: 92%;
        left: 4%;
    }

    .platform_collection_section4_list{
        display: none;
    }
    .platform_collection_section4_list2{
        display: block;
    }

    .platform_collection_section4_list{
        padding: 25px 0;
    }
    .platform_collection_section4_list ul{
        padding: 0 15px;
    }
    .platform_collection_section4_list ul li{
        float: initial;
        display: inline-block;
        width: 130px;
        height: auto;
        box-sizing: border-box;
        margin: 0 10px;
    }
    .platform_collection_section4_list ul li .pic_box{
        max-width: 130px;
        width: 100%;
        height: 55px;
        margin: 0 auto;
    }
    .platform_collection_section4_list ul li .pic_box img{
        max-width: 100% !important;
    }
    .platform_collection_section4{
        padding-top: 60px;
    }
    .platform_collection_section4 .content_title p{
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }

    .global_payments_section4{
        padding-top: 60px;
    }
    .home_section7_list ul li{
        width: 100%;
        border-right: 0;
        padding: 20px 0;
    }
    .home_section7_list ul li:nth-child(1),.home_section7_list ul li:nth-child(2),.home_section7_list ul li:nth-child(3){
        padding: 20px 0;
    }
    .home_section7_list{
        padding: 15px;
    }
    .home_section7_list ul li .li_con .text_box h3{
        font-size: 16px;
    }
    .global_payments_section4_container{
        height: 170px;
    }
    .home_section7_list ul li{
        border-bottom: 1px solid #ededed;
    }
    .home_section7_list ul li:last-child{
        border-bottom: none;
    }
    .home_section7_link_box .icon_box{
        margin: 0 auto;
    }

    .global_acquiring_section1 .section_container_con{
        padding-left: 0;
        padding-right: 0;
    }
    .home_content .global_acquiring_section1 .content_title{
        top: 60px;
    }
    .global_acquiring_card_container{
        width: 360px;
        height: 500px;
        margin: 0 auto;
    }
    .global_acquiring_card_container .rotate_box{
        width: 500px;
        height: 500px;
        margin-top: -250px;
        margin-left: -250px;
    }
    .global_acquiring_card_pic_box{
        width: 250px;
        height: 150px;
        margin-top: -50px;
        margin-left: -125px;
    }

    .global_acquiring_card_box {
        width: 100%;
        height: 360px;
        left: 0;
        margin-top: -130px;
        margin-left: 0;
    }
    .global_acquiring_card_box .pic_box{
        width: 90px;
    }
    
    .global_acquiring_card_box .pic_box:nth-of-type(1){
        position: absolute;
        top: 230px;
        left: 30px;
    }
    .global_acquiring_card_box .pic_box:nth-of-type(3){
        top: 40px;
        right: 275px;
    }
    .global_acquiring_card_box .pic_box:nth-of-type(5){
        position: absolute;
        top: 25%;
        right: 0px;
    }
    .global_acquiring_card_box .pic_box:nth-of-type(4){
        position: absolute;
        top: 210px;
        right: 60px;
    }

    .page5_section_conter{
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        margin-left: 0;
    }
    .page5_section_container,.page5_section_item{
        position: relative;
    }
    .page5_section_map_bj{
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
        background: url(../images/page5_section_map_pic.png) no-repeat center center;
        background-size: 100%;
    }
    .page5_section_item .page5_section_item_conter{
        position: relative;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .page5_section_item .map_punctuation_box{
        display: none;
    }
    .page5_section_item_box h3{
        font-size: 18px;
    }
    .page5_section_item_box h4{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .page5_section_item_box{
        width: 100%;
        padding:30px;
        padding-bottom: 25px;
    }
    .page5_section_warpper{
        width: 100%;
        height: auto;
        min-height: 300px;
        padding-top: 120px;
        box-sizing: border-box;
        position: relative;
    }
    .page5_section_left{
        top: 0;
        bottom: initial;
    }
    .page5_section_left .section_container_con{
        padding-left: 0;
        padding-right: 0;
    }
    .page5_section_nav ul li{
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }
    .page5_section_nav ul li .icon_box{
        display: none;
    }
    .page5_section_nav ul li .text_box{
        padding: 15px 0;
    }
    .page5_section_nav ul li .text_box p{
        font-size: 16px;
    }

    .global_acquiring_section2{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .currency_exchange_section3_animation_box {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 20px;
    }
    .currency_exchange_section1_animation_box{
        top: 65px;
        left: 70px;
    }

    .currency_exchange_section2_animation_box {
        width: 350px;
        height: 350px;
    }
    .currency_exchange_section1_pic2_bj{
        background: url(../images/currency_exchange_section1_pic2_icon1.png) no-repeat center center;
        background-size: 100%;
        bottom: 10px;
    }
    .currency_exchange_section2_animation_box .yuan_text_box{
        margin-left: -62px;
    }
    .currency_exchange_section2_animation_box .currency_point_box{
        margin-left: -75px;
    }
    .currency_pic_icon_box .pic_icon_box1 {
        position: absolute;
        top: 80px;
        left: 15px;
    }
    .currency_pic_icon_box .pic_icon_box2 {
        position: absolute;
        bottom: 5px;
        left: 100px;
    }
    .currency_pic_icon_box .pic_icon_box4 {
        position: absolute;
        top: 20px;
        left: 150px;
    }
    .currency_pic_icon_box .pic_icon_box5 {
        position: absolute;
        top: 60px;
        left: 260px;
    }

    .news_details_section1 h2{
        font-size: 18px;
    }

    .global_payments_section2{
        padding: 60px 0;
    }
    .global_payments_section2_list ul li{
        width: 96%;
        margin-bottom: 30px;
    }
    .global_payments_section2_list ul li:last-child{
        margin-bottom: 0;
    }

    .global_payments_section1 .air_travel_section1_list ul li .li_con{
        padding-left: 0;
    }
    .global_payments_section1 .air_travel_section1_list ul li .text_box{
        width: 100%;
    }
    .global_payments_section1 .air_travel_section1_list ul li:nth-of-type(even) .li_con{
        padding-right: 0;
    }

    .payments_punctuation_box{
        left: -50px;
        margin-top: -280px;
        transform: scale(0.50);
    }
    .global_payments_li3 .animation_box2 .pic_box1{
        width: 90px;
    }
    .global_payments_li3 .animation_box2 .pic_box3{
        width: 75px;
    }
    .global_payments_li3 .animation_box2 .pic_box2{
        width: 70px;
        left: 160px;
    }

    .global_payments_li2 .animation_box .pic_box1{
        width: 90px;
        bottom: 60px;
        left: 130px !important;
    }
    .global_payments_li2 .animation_box .pic_box3{
        width: 75px;
        bottom: 185px;
        margin-right: -135px;
    }
    .global_payments_li2 .animation_box .pic_box2{
        width: 65px;
        bottom: 90px;
        margin-right: -50px;
    }

    .global_payments_section1_li1_animation{
        transform: scale(0.50);
    }

    /* banner */
    .global_banner_text .text_box h2{
        font-size: 22px;
        line-height: 40px;
    }
    .global_banner_text .text_box p{
        font-size: 14px;
        line-height: 24px;
    }

    .security_banner_pic_box,.risk_management_shield_pic_box,.risk_management_secure_pic_box,.global_payments_banner_pic_box,.global_acquiring_banner_pic_box{
        display: none;
    }
    .compliance_system_banner_pic_box,.risk_management_banner_pic_box,.platform_collection_banner_pic_box,.currency_exchange_banner_pic_box{
        display: none;
    }

    .con_section_banner{
        width: 100%;
        height: 420px;
    }
    .con_section_banner .con_banner{
        margin-left: -560px;
        width: 1120px;
        height: 420px;
    }
    .global_banner_text {
        padding-top: 145px;
    }
    .global_banner_text .global_banner_link{
        margin-top: 35px;
        min-width: 135px;
    }

    .mobile_platform_collection_banner_pic_box{
        display: block;
        width: 360px;
        height: 300px;
        position: absolute;
        right: 5px;
        top: 0;
    }
    .mobile_platform_collection_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_global_payments_banner_pic_box{
        display: block;
        width: 250px;
        height: 270px;
        position: absolute;
        right: 0px;
        top: 0;
    }
    .mobile_global_payments_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_currency_exchange_animation_box{
        display: block;
        width: 330px;
        height: 250px;
        position: absolute;
        right: -15px;
        top: 10px;
    }
    .mobile_currency_exchange_animation_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_global_acquiring_banner_pic_box{
        display: block;
        width: 220px;
        height: 260px;
        position: absolute;
        right: -10px;
        top: 80px;
    }
    .mobile_global_acquiring_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }
    .global_acquiring_banner_text .global_banner_link{
        width: auto;
    }
    .global_banner_text .global_banner_link{
        padding-left: 25px;
        padding-right: 25px;
    }

    .mobile_compliance_system_banner_pic_box{
        display: block;
        width: 360px;
        height: 240px;
        position: absolute;
        right: 0px;
        top: 30px;
    }
    .mobile_compliance_system_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_risk_management_banner_pic_box{
        display: block;
        width: 240px;
        height: 240px;
        position: absolute;
        right: -10px;
        top: 20px;
    }
    .mobile_risk_management_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .risk_management_shield_banner_text {
        padding-top: 120px;
    }


    .mobile_risk_management_shield_pic_box{
        display: block;
        width: 320px;
        height: 200px;
        position: absolute;
        right: -10px;
        top: 30px;
    }
    .mobile_risk_management_shield_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_risk_management_secure_pic_box{
        display: block;
        width: 320px;
        height: 230px;
        position: absolute;
        right: -30px;
        top: 40px;
    }
    .mobile_risk_management_secure_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .mobile_security_banner_pic_box{
        display: block;
        width: 280px;
        height: 210px;
        position: absolute;
        right: -30px;
        top: 55px;
    }
    .mobile_security_banner_pic_box img{
        display: block;
        width: 100%;
        height: auto;
    }

    .solution_bottom_contact_link:hover:after{
        display: none;
    }
    .global_banner_text .global_banner_link:after{
        display: none;
    }

    .platform_collection_section4_pic_box img{
        display: none;
    }
    .platform_collection_section4_pic_box .mobile_platform_collection_section4_pic{
        display: block;
    }

    .global_payments_section1_li1 .text_box .article span{
        font-size: 18px;
    }
    .air_travel_section1_list ul li.global_payments_li3 .text_box{
        padding-right: 0;
    }

    .help_center_con_section_banner .con_banner img{
        position: relative;
        left: 200px;
    }

    
    .privacyClause_section{
        padding-top: 150px;
        padding-bottom: 80px;
    }
    .home_content .privacyClause_conter .content_title{
        padding-bottom: 0;
    }
    .privacyClause_conter .text_box{
        padding: 40px 20px;
        font-size: 14px;
        line-height: 26px;
    }

    .privacyClause_conter table td{
        padding: 10px 3px;
    }


    .platform_collection_section5_link_box .bjs{
        transition: none;
    }
    .platform_collection_section2_link:after{
        transition: none;
    }


    .cooperative_partner_section1 {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .cooperative_partner_sec1_nav{
        width: 100%;
        padding-right: 0;
    }
    .cooperative_partner_sec1_nav ul li{
       padding: 15px 0;

    }
    .cooperative_partner_sec1_container{
        display: none;
    }
    .cooperative_partner_sec1_nav ul li .title_box{
        min-height: 40px;
        padding-left: 55px;
    }
    .cooperative_partner_sec1_nav ul li .title_box h3{
        font-size: 16px;
        line-height: 40px;
    }
    .cooperative_partner_sec1_nav ul li .text_box{
        font-size: 14px;
        line-height: 24px;
      
    }
    .cooperative_partner_sec1_nav ul li .title_box .icon_box{
        width: 40px;
        height: 40px;
    }
    .cooperative_partner_sec1_nav ul li .title_box .icon_box img{
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;
    }
    .partner_sec1_nav_list .item .pic_box img{
        width: 100px;
    }
    .partner_sec1_nav_list .item{
        width: 120px;
        height: 100px;
    }
    .partner_sec1_nav_list .str_wrap{
        width: 300px !important;
    }
    .partner_sec1_nav_list .item .pic_box{
        width: 100px;
        height: 60px;
    }
    .cooperative_partner_section2{
        padding-top: 0;
    }
    .cooperative_partner_section2_box{
        border-top: none;
        padding-top: 0px;
        padding-bottom:15px;
    }
    
    .cooperative_partner_section2_list{
        width: 330px;
    }
    .cooperative_partner_section2_list ul li{
        width: 110px;
        height: 124px;
        padding: 10px 5px;
        margin-bottom: -28px;
    }
    .cooperative_partner_section2_list ul li .pic img{
        width: 100px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(6) {
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(15) {
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(24) {
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(33) {
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(42) {
        margin-left: 0;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(4) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(9) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(14) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(19) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(24) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(29) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(34) {
        margin-left: 55px;
    }
    .cooperative_partner_section2_list ul li:nth-of-type(39) {
        margin-left: 55px;
    }

    

    .help_center_banner_text {
        padding-top: 60px;
    }


    .news_page_section1_link_more{
        margin-top: 50px;
        padding-bottom: 0;
    }
    .news_page_section1_link_more .link_box{
        min-width: 135px;
        padding-left: 25px;
        padding-right: 25px;
    }



    .news_list_section1{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .news_list_nav{
        padding-bottom: 40px;
    }
    .news_list_nav ul li{
        margin-right: 6px;
    }
    .news_list_nav ul li:last-child{
        margin-right: 0;
    }
    .news_list_nav ul li a{
        min-width: 80px;
        height: 40px;
        padding: 5px;
        letter-spacing: 0;
    }
    .news_list_container ul li{
        min-height: auto;
        padding-left: 0;
    }
    .news_list_container ul li .pic_box{
        width: 100%;
        height: 260px;
        position: relative;
    }
    .news_list_container ul li .text_box{
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .news_list_container ul li .text_box .time{
        margin-top: 15px;
    }
    .news_list_container ul li .text_box .article{
        margin-top: 15px;
    }
    .news_list_container ul li .text_box h3{
        font-size: 15px;
        white-space: inherit;
        text-overflow: inherit;
    }


    .news_details_section1 .text_box{
        font-size: 15px;
        line-height: 26px;
    }



    .safety_products_section2_list ul li .text_box_pro{
        padding: 30px 40px;
        padding-top: 10px;
    }



     /*  */
     .export_tax_rebate_banner_pic_box{
        display: none;
    }
    .mobile_export_tax_rebate_animation_box {
        display: block;
        width: 280px;
        height: 220px;
        position: absolute;
        right: 0px;
        top: 40px;
    }
    .mobile_export_tax_rebate_animation_box img {
        display: block;
        width: 100%;
        height: auto;
    }
    .export_tax_rebate_section1 .animation_box .pic_box1{
        left: 60px;
        top: 40px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box2{
        left: 50px;
        bottom: 40px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box3{
        right: 0px;
        top: 10px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box4{
        right: 30px;
        bottom: 50px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5{
        right: 3px;
        top: 45px;
    }
    .export_tax_rebate_section1 .air_travel_section1_list ul li .animation_box img{
        max-width: 65%;
    }
    .export_tax_rebate_section1 .air_travel_section1_list ul li .animation_box .pic_box5 img{
        max-width: 55%;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box p{
        font-size: 12px;
        line-height: 18px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3{
        font-size: 12px;
        line-height: 18px;
    }
    .export_tax_rebate_section1 .animation_box .pic_box5 .pic_text_box h3 strong{
        font-size: 18px;
        font-weight: 500;
    }
    .export_tax_rebate_section3{
        padding: 50px 0;
    }
    .export_tax_rebate_section3_list ul li{
        width: 97%;
        height: 320px;
        margin-bottom: 25px;
    }
    .export_tax_rebate_section3_list ul li .icon_box img {
        width: 60%;
    }
    .export_tax_rebate_section2 {
        padding: 50px 0;
    }
    .export_tax_rebate_section2 .left_box{
        width: 100%;
        height: auto;
        position: inherit;
    }
    .export_tax_rebate_section2 .right_box{
        width: 100%;
    }
    .export_tax_rebate_section2 .right_box_list{
        padding-right: 0;
    }
    .export_tax_rebate_section2 .right_box_list ul li {
        min-height: 90px;
        padding-left: 70px;
        margin: 15px 0;
    }
    .export_tax_rebate_section2 .right_box_list ul li .icon_box {
        width: 70px;
        height: 70px;
    }
    .export_tax_rebate_section2 .right_box_list .text_box {
        padding-left: 25px;
    }
    .export_tax_rebate_section2 .right_box_list .text_box h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .export_tax_rebate_section2 .right_box_list .text_box p {
        font-size: 14px;
        line-height: 24px;
    }

    .security_global_subNav .subNav ul li a{
        padding: 15px 12px;
    }
    .vulnerability_feedback_section1 .left_box{
        width: 100%;
        margin-bottom: 35px;
    }
    .vulnerability_feedback_section1 .left_box .text_box{
        padding: 0;
    }
    .vulnerability_feedback_section1{
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .vulnerability_feedback_section1 .right_box{
        width: 100%;
        margin-bottom: 40px;
    }
    .vulnerability_feedback_section1 .left_box .text_box p{
        font-size: 15px;
    }
    .vulnerability_feedback_section1 .right_box .pic_box{
        border-radius: 10px;
    }
    .vulnerability_feedback_section1_list_conter{
        max-width: 100%;
        width: 100%;
        height: auto;
        position: inherit;
        left: 0;
        margin-left: 0;
        box-shadow: none;
        padding: 20px 0;
    }
    .vulnerability_feedback_section1_list_container ul {
        margin: 0
    }
    .vulnerability_feedback_section1_list_container ul li{
        width: 100%;
        min-height: 60px;
        height: auto;
        padding-left: 60px;
        box-sizing: border-box;
        position: relative;
        margin: 12px 0;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box{
        position: absolute;
        top: 0;
        left: 0;
    }
    .vulnerability_feedback_section1_list_container ul li .text_box{
        width: 100%;
        height: 60px;
        padding-left: 25px;
        box-sizing: border-box;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .vulnerability_feedback_section1_list_container ul li .text_box p{
        text-align: left;
        font-size: 15px;
    }
    .vulnerability_feedback_section1_list_container ul li .text_box p br{
        display: none;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box{
        width: 60px;
        height: 60px;
    }
    .vulnerability_feedback_section1_list_container ul li .icon_box img{
        width: 60px;
        height: 60px;
    }
    .vulnerability_feedback_section1_list_container .xian_box{
        width: 1px;
        height: 86%;
        position: absolute;
        top: 6%;
        left: 30px;
    }
    .vulnerability_feedback_section1_list .title_box {
        padding-bottom: 15px;
    }
    .vulnerability_feedback_section1 .left_box .text_box strong{
        font-size: 18px;
    }
    .vulnerability_feedback_section2 {
        padding:60px 0;
    }
  
    .vulnerability_feedback_section2_container{
        max-width: 100%;
        width: 100%;
        box-shadow: none;
        padding: 40px 0px;

        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .vulnerability_feedback_section2_table table{
        font-size: 14px;
        line-height: 24px;
    }
    .vulnerability_feedback_section2_table table td{
        min-width: 100px;
        padding: 10px 5px;
    }
    .vulnerability_feedback_section2_table table td:first-child{
        min-width: 85px;
    }


     /*  */
     .footer_top_box .footer_left .code_box .pic_box{
        width: 110px;
    }
    .footer_top_box .footer_left .code_box .pic_box img{
        width: 110px;
    }
    .footer_top_box .footer_left .numbers_box p{
        font-size: 14px;
    }
    .footer_top_box .footer_left .code_box .pic_box p{
        font-size: 14px;
    }

    .classroom_section2_container{
        padding-left: 0;
    }
    .classroom_section2_container .left_box{
        float: left;
        width: 100%;
        background: none;
        position: inherit;
        top: 0;
        left: 0;
        padding: 30px 15px;
        box-sizing: border-box;
    }
    .recommended_courses_nav ul {
        margin: 0 -1.5%;
    }
    .recommended_courses_nav ul li{
        float: left;
        width: 30.333333%;
        margin: 1.5%;
    }
    .recommended_courses_nav ul li h3{
        font-size: 16px;
        font-weight: 500;
    }
    .recommended_courses_nav ul li .icon_box {
        top: 5px;
        left: 13px;
    }
    .recommended_courses_nav ul li a{
        padding-left: 53px;
    }
    .classroom_section2_container .right_box{
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 30px;
    }
    .classroom_section2_container .swiper_button_container{
        margin: 0 auto;
        margin-top: 30px;
    }
    .classroom_section1{
        padding-top: 60px;
        padding-bottom: 10px;
    }

    .classroom_section1_container .pic_box{
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .classroom_section1_container .content_box{
        width: 100%;
        min-height: 350px;
        height: auto;
        position: relative;
        top: 0px;
        border-radius: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 35px 15px;
    }
    .classroom_section1 .live_countdown_box .title{
        padding-bottom: 35px;
    }
    .classroom_section1 .live_countdown_box .time_box .countdown li{
        margin: 0 5px;
    }
    .classroom_section1 .live_countdown_box .time_box .countdown li p{
        margin-top: 10px;
    }
    .classroom_section1 .live_countdown_box .num_box{
        margin-top: 15px;
    }
    .classroom_section1 .live_countdown_box .button_box{
        margin-top: 15px;
    }
    .classroom_section1 .live_countdown_box .link_box{
        font-size: 16px;
        min-width: 135px;
    }

    .live_playback_container .content_box{
        padding: 30px 35px;
    }
    .live_playback_container .live_playback_video_link_box {
        width: 60px;
        height: 60px;
        background: url(../images/video_icon.png) no-repeat;
        background-size: 60px;
        margin-top: -30px;
        margin-left: -30px;
    }



    .booking_live_broadcast_container{
        width: 330px;
        height: 390px;
        padding-left: 100px;
    }
    .booking_live_broadcast_container .left_box{
        width: 100px;
        padding-top: 65px;
    }
    .booking_live_broadcast_container .left_box h3{
        font-size: 26px;
    }
    .booking_live_broadcast_form .item input{
        padding: 5px 18px;
        border-radius: 8px;
        font-size: 14px;
    }
    .booking_live_broadcast_container .right_box{
        padding: 50px 25px;
    }
    .booking_live_broadcast_form .item_captcha button{
        padding: 5px 2px;
        border-radius: 8px;
        font-size: 12px;
        background: none;
    }
    .booking_live_broadcast_form .item select{
        padding: 5px 18px;
        border-radius: 8px;
        font-size: 14px;
        padding-right: 30px;
        background: #f5f5f5 url(../images/booking_live_broadcast_select_icon.png) no-repeat 150px center;
        background-size: 18px;
    }
    .booking_live_broadcast_container .left_box h3{
        font-size: 22px;
        letter-spacing: 3px;
        line-height: 32px;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .booking_live_broadcast_form .item {
        margin-bottom: 10px;
    }
    .booking_live_broadcast_form .item_btn button {
        padding: 5px 20px;
        font-size: 15px;
        border-radius: 8px;
    }


    .classroom_section3{
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .classroom_section3_container .pc_classroom_box{
        display: none;
    }
    .classroom_section3_container .mobile_classroom_box{
        display: block;
    }
  
    .classroom_section3_list{
        padding: 0 5px;
        box-sizing: border-box;
    }
    .classroom_section3_list ul li{
        float: left;
        width: 100%;
        height: auto;
        margin: 10px 0;
    }


    

    .recommended_courses_container .swiper-slide .title{
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
    .recommended_courses_container .swiper-slide:hover .title{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .recommended_courses_container .swiper-slide .title p{
        font-size: 16px;
    }

    .classroom_section3_list ul li .pic_box{
        width: 100%;
        height: 240px;
        overflow: hidden;
    }

    .classroom_section3_list ul li .title{
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
    .classroom_section3_list ul li:hover .title{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .classroom_section3_list ul li .title p{
        font-size: 16px;
    }

    .recommended_courses_page_container{
        padding: 0 5px;
        box-sizing: border-box;
    }
    .courses_page_list ul li{
        width: 98%;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .courses_page_list ul li .title{
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1;
    }
    .courses_page_list ul li:hover .title{
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .recommended_courses_section {
        padding: 60px 0;
    }


    .courses_page_nav{
        text-align: left;
        margin-bottom: 35px;
    }
    .courses_page_nav ul {
        margin: 0 -2%;
    }
    .courses_page_nav ul li{
        float: left;
        width: 29.333333%;
        height: auto;
        text-align: center;
        margin: 0 2%;
        margin-bottom: 4%;
    }
    .courses_page_nav ul li a{
        padding: 5px;
        background: #f5f5f5;
    }
    .courses_page_nav ul li a h3 {
        font-size: 16px;
    }


    .recommended_courses_icon1 {
        width: 200px;
        height: 200px;
        background: url(../images/recommended_courses_icon1.png) no-repeat;
        background-size: 80%;
        position: absolute;
        top: 25%;
        left: -50px;
    }
    .recommended_courses_icon2 {
        width: 100px;
        height: 100px;
        background: url(../images/recommended_courses_icon2.png) no-repeat;
        background-size: 80%;
        bottom: -20px;
        right: -30px;
    }


    .live_broadcast_dynamics_show{
        width: 310px;
        right: 10px;
        bottom: 10px;
        box-shadow: 0px 0 20px 3px rgb(0 0 0 / 10%);
    }
    .live_broadcast_dynamics_show .title_box{
        padding: 6px 20px;
    }
    .live_broadcast_dynamics_show .title_box h3{
        font-size: 18px;
    }
    .live_broadcast_dynamics_close{
        background: url(../images/live_broadcast_dynamics_close.png) no-repeat center center;
        right: 12px;
        top: 7px;
    }
    .live_broadcast_dynamics_container{
        padding: 15px;
    }
    .live_broadcast_dynamics_container .title_time_box p{
        font-size: 15px;
        line-height: 24px;
    }
    .live_broadcast_dynamics_container .title_time_box p span{
        width: 24px;
        height: 24px;
        font-size: 15px;
        line-height: 24px;
        margin: 0 3px;
    }
    .live_broadcast_dynamics_container .title_time_box{
        padding-bottom: 15px;
    }
    .live_broadcast_dynamics_conter{
        padding-left: 120px;
        height: 85px;
    }
    .live_broadcast_dynamics_conter .pic_bix{
        width: 120px;
        height: 80px;
    }
    .live_broadcast_dynamics_conter .text_box{
        padding-left: 15px;
    }
    .live_broadcast_dynamics_conter .text_box h3{
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    .live_broadcast_dynamics_conter .buttom_link_box{
        margin-top: 8px;
        min-width: 80px;
        font-size: 14px;
        padding: 3px 6px;
        border-radius: 10px;
    }




    .export_trade_banner_pic_box{
        display: none;
    }
    .mobile_export_trade_animation_box {
        display: block;
        width: 220px;
        height: 200px;
        position: absolute;
        right: -15px;
        top: 90px;
    }
    .mobile_export_trade_animation_box img {
        display: block;
        width: 100%;
        height: auto;
    }
    .export_trade_section2{
        padding: 60px 0;
    }
    .export_trade_section2_list ul li{
        width: 98%;
        height: auto;
        margin-bottom: 30px;
    }
    .export_trade_section2_list ul li .text_box {
        padding: 30px;
    }
    .export_trade_section2_list ul li .text_box .title{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .export_trade_section2_list ul li .text_box h3{
        font-size: 14px;
        line-height: 24px;
    }
    .export_trade_section2_list ul li .text_box p{
        font-size: 14px;
        line-height: 24px;
    }
    .export_trade_section2_list ul li .icon_box {
        width: 65px;
        height: 65px;
    }

    .export_trade_section2_list ul li:hover{
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1);
        box-shadow: 0 0 15px 0 rgb(0 0 0 / 8%);
    }
    .export_trade_section2_list ul li .text_box .title{
        color: #01b8cc;
        transition: all 0.2s;
    
    }
    .export_trade_section2_list ul li .text_box h3{
        color: #01b8cc;
        transition: all 0.2s;
    }
    /* .export_trade_section2_list ul li:nth-of-type(4) .text_box p {
        font-size: 14px;
        margin-bottom: 6px;
    } */
    /* .export_trade_section2_list ul li:nth-of-type(4) .text_box p br{
        display: none;
    } */


    .export_trade_section1{
        min-height: auto;
        padding: 60px 0;
    }
    .export_trade_section1_item_container{
        display: none;
    }
    .export_trade_section1_container .export_trade_section1_nav{
        width: 100%;
        padding-right: 0;
    }
    .export_trade_section1_nav ul li{
        width: 96%;
        height: 180px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .export_trade_section1_nav ul li:nth-of-type(3){
        height: 215px;
    }
    .export_trade_section1_nav ul li h3{
        font-size: 18px;
        line-height: 30px;
    }
    .export_trade_section1_nav ul li .article{
        font-size: 14px;
        line-height: 26px;
    }
    .export_trade_section1_nav ul li .li_con {
        padding: 30px;
    }



    .jishiyu_banner_pic_box{
        display: none;
    }
    .mobile_jishiyu_animation_box {
        display: block;
        width: 230px;
        height: 200px;
        position: absolute;
        right: -20px;
        top: 75px;
    }
    .mobile_jishiyu_animation_box img {
        display: block;
        width: 100%;
        height: auto;
    }

    .jishiyu_section1{
        padding: 60px 0;
    }
    .jishiyu_section1 .content_title_text_box{
        font-size: 16px;
        line-height: 26px;
        padding: 0 15%;
        box-sizing: border-box;
    }
    .jishiyu_section1_container .pic_box{
        width: 330px;
    }
    .jishiyu_section1_container .pic_box .animation_box .pic_box1 {
        width: 90px;
        height: 90px;
        position: absolute;
        right: 20px;
        bottom: -5px;
    }
    .jishiyu_section1_container .pic_box .animation_box .pic_box2{
        width: 40px;
        height: 40px;
        bottom: 0px;
    }

    .jishiyu_section2{
        min-height: auto;
        padding-bottom: 50px;
    }
    .jishiyu_section2_container{
        height: auto;
    }
    .jishiyu_section2_animation_box{
        display: none;
    }
    .jishiyu_section2_text_box{
        width: 100%;
        height: auto;
        position: initial;
    }
    
    .jishiyu_section2_text_box ul li:nth-of-type(1){
        position: relative;
        top: 0;
        left: 0;
        padding-right: 0;
        padding-left: 30px;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(2){
        position: relative;
        top: 0;
        left: 0;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(3){
        position: relative;
        top: 0;
        right: 0%;
        margin-top: 0;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(4){
        position: relative;
        bottom: 0;
        right: 0;
        padding-right: 0;
        padding-left: 30px;
    }
    .jishiyu_section2_text_box ul{
        max-width: 320px;
        width: 100%;
        min-width: 300px;
        height: auto;
        position: relative;
        margin: 0 auto;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .jishiyu_section2_text_box ul li{
        
        width: 100%;
        height: 60px;
        border-radius: 60px;
        margin-bottom: 25px;
        padding-left: 30px;
    }
    .jishiyu_section2_text_box ul li .text_box{
        padding: 10px 20px;
        font-size: 14px;
        line-height: 22px;
    }
    .jishiyu_section2_text_box ul li .title_box{
        width: 60px;
        height: 60px;
    }
    .jishiyu_section2_text_box ul li .title_box h3{
        font-size: 16px;
    }
    .jishiyu_section2_text_box ul li .title_box{
        left: -30px;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(1) .title_box{
        left: -30px;
        right: initial;
        
    }
    .jishiyu_section2_text_box ul li:nth-of-type(4) .title_box{
        left: -30px;
        right: initial;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(1) .text_box{
        text-align: left;
    }
    .jishiyu_section2_text_box ul li:nth-of-type(4) .text_box{
        text-align: left;
    }




    .contact_map_punctuation_container,.contact_map_punctuation_container2{
        display: none;
    }
    .mobile_contact_map_punctuation_container{
        display: block;
    }


    .jishiyu_section1_container{
        padding-left: 0;
    }
    .jishiyu_section1_container .left_box{
        width: 100%;
        position: initial;
        margin-bottom: 40px;
    }
    .jishiyu_section1_container .pic_box{
        float: initial;
    }
    .jishiyu_section1_container .left_box h2{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .jishiyu_section1_container .left_box p{
        font-size: 14px;
    }


    /* .recommended_courses_video_show .home_video_box{
        width: 330px;
    }
    .recommended_courses_video_show video{
        height: 330px;
        max-width: 330px;
    } */



}





/* platform_details_page */
.platform_details_page{
    width: 100%;
    height: auto;
}
.platform_details_section{
    width: 100%;
    height: auto;
    min-height: 800px;
    padding: 100px 0;
    padding-top: 220px;
    box-sizing: border-box;
    background: rgba(246,246,246,.9);
}
.platform_details_conter{
    max-width: 1100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.home_content .platform_details_conter .content_title{
    padding-bottom: 40px;
}
.home_content .platform_details_conter .content_title h2{
    color: #15b4bc;
    line-height: 50px;
    font-weight: normal;
}
.platform_details_conter .text_box{
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 20px 1px rgba(0,0,0,.06);
    border-radius: 10px;

    font-size: 16px;
    color: #555;
    line-height: 30px;
    text-align: justify;
}
.platform_details_conter .text_box strong{
    color: #000;
    font-weight: 600;
}
.platform_details_conter .text_box p .dian{
    font-size: 20px;
}
.platform_details_conter .text_box a{
    display: inline-block;
    color: #007ac3;
    text-decoration: underline;
}
.platform_details_conter .text_box p{
    margin: 8px 0;
}
.platform_details_conter .text_box p img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.platform_details_conter .text_box p strong img{
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px;
}

.slides .slide-bench1 .s-root {
    position: relative;
    overflow: visible;
}
.slides .slide-bench1 .s-root .s-container {
    position: relative;
    overflow: visible;
    margin-left: auto;
    margin-right: auto;
}
#id_0846ac26915afbcd917b3308 .clearfix {
    display: block;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}#id_0846ac26915afbcd917b3308 .clearfix {
    display: block;
}
#id_0846ac26915afbcd917b3308 .b_wrap_tit {
    text-align: center;
    position: relative;
}
#id_0846ac26915afbcd917b3308 .b_title1 {
    margin-top: 0rem;
    margin-bottom: 0.15625rem;
}
.u-inline-block {
    display: inline-block;
}
 .slides .slide .s-components-link{position: relative;}
.b_title1 a, .b_title2 a {
    cursor: text;
}
#id_0846ac26915afbcd917b3308 .b_title2 {
    margin-bottom: 0.9375rem;
}
#id_0846ac26915afbcd917b3308 .clearfix {
    display: block;
}
#id_0846ac26915afbcd917b3308 .b_wrap_con {
    text-align: center;
}
#id_0846ac26915afbcd917b3308 ul, #id_0846ac26915afbcd917b3308 li, #id_0846ac26915afbcd917b3308 dl, #id_0846ac26915afbcd917b3308 dd, #id_0846ac26915afbcd917b3308 dt, #id_0846ac26915afbcd917b3308 p, #id_0846ac26915afbcd917b3308 h2, #id_0846ac26915afbcd917b3308 h3, #id_0846ac26915afbcd917b3308 h4 {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#id_0846ac26915afbcd917b3308 .clearfix {
    display: block;
}
#id_0846ac26915afbcd917b3308 .b_list {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-top: -0.9375rem;
}
#id_0846ac26915afbcd917b3308 .b_list li {
    width: 18%;
    float: left; margin:0 1%;
}
#id_0846ac26915afbcd917b3308 .b_list li .b_top {
    width: 3.125rem;
    height: 3.125rem;
    margin: 0 auto;
    background: rgb(51, 51, 51);
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.r-components-icon-iconfont-span {
    display: block;
    height: 1em;
}
#id_0846ac26915afbcd917b3308 .b_list li .b_bottom {
    margin-top: 0.625rem;
}
#id_0846ac26915afbcd917b3308 .b_list li .b_bottom .b_tit {
    margin-bottom: 0.625rem;
}#id_0846ac26915afbcd917b3308 .b_list li .b_top {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: rgb(51, 51, 51);
    border-radius: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}


 
 .slides, .slides .slide {
    position: relative;
}
#id_e19af1f6bc5d301993e5a8c2 .s-container {
    margin: 0 auto;
    max-width: 100%;
}
#id_e19af1f6bc5d301993e5a8c2 .title {
    color: #333;
    font-size: .875rem;
    text-align: center;
    padding: 30px 0 10px;
    font-size: 30px;
    color: rgb(0, 0, 0);
}
#id_e19af1f6bc5d301993e5a8c2 .box {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 40px;
    width: 1380px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#id_e19af1f6bc5d301993e5a8c2 button {
    outline: none !important;
    border: none;
}
#id_e19af1f6bc5d301993e5a8c2 .left-btn, #id_e19af1f6bc5d301993e5a8c2 .right-btn {
    width: 60px;
    height: 60px;
    background: url(../images/11.png) no-repeat;
    position: absolute;
    margin-top: -30px;
    cursor: pointer;
    z-index: 10;
}
#id_e19af1f6bc5d301993e5a8c2 .left-btn {
    left: 0;
    top: 50%;
}
#id_e19af1f6bc5d301993e5a8c2 .right-btn {
    right: 0px;
    top: 50%;
    background-position: 0px -60px;
}
#id_e19af1f6bc5d301993e5a8c2 .box .wrap {
    width: 1260px;
    margin: 0 auto;
    overflow: hidden;
}
#id_e19af1f6bc5d301993e5a8c2 ul, #id_e19af1f6bc5d301993e5a8c2 li, #id_e19af1f6bc5d301993e5a8c2 h3, #id_e19af1f6bc5d301993e5a8c2 p {
    margin: 0;
    padding: 0;
}
#id_e19af1f6bc5d301993e5a8c2 .box .wrap ul {
    position: relative;
    height: 380px;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item {
    width: 220px;
    float: left;
    box-sizing: border-box;
    position: relative;
    top: 20px;
    line-height: 22px;
    cursor: pointer;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .text {
    background: #fff;
    position: relative;
    border: 1px solid #e1e1e1;
    padding: 10px;
    top: -10px;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .text:before {
    content: "";
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    bottom: -9px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    margin-left: -8px;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item:nth-child(even) .text:before {
    top: -9px;
    bottom: unset;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .text * {
    font-size: 12px !important;
    color: #666 !important;
    line-height: 22px !important;
}
#id_83ed254faade6bcf008032d9 p {
    margin-bottom: 10px;
    word-break: normal;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .year {
    width: 62px;
    height: 62px;
    background: #e1e1e1;
    position: absolute;
    border-radius: 50%;
    left: 80px;
    top: 136px;
    z-index: 1;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .year span {
    font-size: 16px !important;
    line-height: 62px !important;
    text-align: center !important;
    color: #666 !important;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item .adv {
    display: none;
    position: absolute;
    top: 216px;
    padding: 0 10px;width: 207px;
    text-align: center;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item:nth-child(even) .adv {
    top: -10px;
}
#id_e19af1f6bc5d301993e5a8c2 img {
    max-width: 100%;
}#id_e19af1f6bc5d301993e5a8c2 .box .b-item.active .text {
    background: #e60012;
    border-color: #e60012;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item.active .text * {
    color: #fff !important;
}
#id_e19af1f6bc5d301993e5a8c2 .box .b-item.active .year {
    background: #e60012 !important;
}#id_e19af1f6bc5d301993e5a8c2 .box .b-item.active .year span {
    color: #fff !important;
}

#id_e19af1f6bc5d301993e5a8c2 .box .b-item:nth-child(even) .text {
    top: 216px;
}#id_e19af1f6bc5d301993e5a8c2 .box .wrap ul:after {
    content: "";
    background: #e1e1e1;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;    visibility: inherit;
}#id_e19af1f6bc5d301993e5a8c2 .box .b-item.active .text:before {
    background: #e60012;
    border-color: #e60012;
}
.id_18a7f2c4f16f062529120fe1{    max-height: 130px;
    overflow: hidden;}
.id_18a7f2c4f16f062529120fe1 *{    max-height: 130px;}




@media screen and (max-width: 768px){
    .platform_details_section{
        padding-top: 150px;
        padding-bottom: 80px;
    }
    .home_content .platform_details_conter .content_title{
        padding-bottom: 0;
    }
    .platform_details_conter .text_box{
        padding: 40px 20px;
        font-size: 14px;
        line-height: 26px;
    }
	
#id_0846ac26915afbcd917b3308 .b_list li {
    width: 46%;
    float: left;
    margin: 0 2% 20px;
}

#id_e19af1f6bc5d301993e5a8c2 .box {
    width: 100%;
}
#id_e19af1f6bc5d301993e5a8c2 .box {

}
#id_e19af1f6bc5d301993e5a8c2 .left-btn {
    left: 10px;
}
#id_e19af1f6bc5d301993e5a8c2 .right-btn {
    right: 10px;
}
#id_e19af1f6bc5d301993e5a8c2 .box .wrap {
    width: 89%;
}

	
	
}