*{box-sizing:border-box}
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, dt, li, p {
  padding: 0;
  margin: 0;
}
body{
    font-family:Arial, sans-serif;
    min-width:100%;
    margin:0 auto;
}
input,
button{
    outline:none;
    border:none;
}
a {
  text-decoration: none;
  color: #000;
}
a:hover{text-decoration: none;color:initial}

li, i {
  list-style: none;
}

img {
  width: auto;
  border:0 none;
  vertical-align: middle;
}
hr{
    width: 60%;
}

/* 页面公共 */
.yu_column{
    display: flex;
    flex-direction: column;
}
.yu_row{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.h_public{
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
}
.w_1600{
    width: 1600px;
    margin: 0 auto;
}
.yu_taps{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
}
.yu_taps .taps_En{
    font-size: 125px;
    font-family: AlibabaPuHuiTi-Heavy, AlibabaPuHuiTi;
    font-weight: 800;
    line-height: 171px;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 74, 135, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.yu_taps .taps_Ch{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.yu_taps .taps_Ch h1{
    font-size: 44px;
    font-weight: 400;
    color: #333333;
}
.yu_taps .taps_Ch span{
    color: #666;
    font-size: 18px;
}
.other_taps{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.other_taps h1{
    color: #333;
    font-size: 46px;
    font-weight: 500;
}
.other_taps .h3_text{
    color: #777;
    font-size: 19px;
    font-weight: 500;
    margin-top: 15px;
}

.h_case .yu_taps .taps_Ch span,
.h_case .yu_taps .taps_Ch h1{
    color: #fff;
}

.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
}





/* 头部 */
.yu_head{
    width: 100%;
    background-color: #fff;
}

/* pc */
.pc_head{
    width: 100%;
    padding: 0 40px 0 60px;
    justify-content: space-between;
    border-bottom: 1px solid #2690DA;
}
.pc_head .yu_logo{
    width: auto;
}
.pc_head .yu_logo img{
    width: auto;
    height: auto;
}
.pc_head .yu_logo .logo_jieshao {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    color: #666;
    margin-left: 30px;
}
.pc_head .yu_logo .logo_jieshao span:first-child{
    font-size: 24px;
    color: #2690DA;
    font-weight: bold;
}
.pc_head .yu_nav{
    flex: 1;
    justify-content: flex-end;
} 
.pc_head .yu_nav li{
    position: relative;
}
.pc_head .yu_nav li .nav_li_a{
    display: block;
    padding: 35px 30px;
    border-bottom: 5px solid #e5001300;
    font-size: 18px;
    color: #333;
}
.pc_head .yu_nav .nav_li .nav_li_a{
    background-color: #2690DA;
    color: #fff;
}
.pc_head .yu_nav .nav_li .nav_li_a:hover{
    color: #fff;
}
.pc_head .yu_nav li .nav_li_a:hover{
    color: #2690DA;
}
.pc_head .yu_nav li .nav_ol{
    width: 100%;
    position: absolute;
    top: 99%;
    left: 0;
    background-color: #2690DA;
    display: none;
    z-index: 999;
}
.pc_head .yu_nav li .nav_ol a{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 16px 0;
    border-bottom: 1px solid #d9d9d9;
}
.pc_head .yu_nav li .nav_ol a:last-child{
    border-bottom: 0px solid #d9d9d9;
}
.pc_head .yu_nav li .nav_ol a:hover{
    color: #E50014;
}
.pc_head .yu_nav li:hover .nav_ol{
    display: block;
}



/* app */

.app_head{
    width: 100%;
    position: relative;
    display: none;
}
.app_head .app{
    width: 100%;
    justify-content: space-between;
    padding: 10px 15px;
}
.app_head .app .app_logo{
    width: 45%;
}
.app_head .app .app_logo img{
    width: auto;
    max-width: 100%;
}
.app_head .app_nav_ul{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 66;
    background-color: #fff;
    height: 100vh;
    padding: 0 15px;
    display: none;
}
.app_head .app_nav_ul li{
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}
.app_head .app_nav_ul li a{
    width: 100%;
    display: block;
    padding: 12px;
    font-size: 18px;
    color: #333;
}
.app_head .app_nav_ul .nav_li a{
    color: #2690DA;
    font-weight: bold;
}

.app_head .app .app_nav{
    display: flex;
    align-items: center;
}
.app_head .app .app_nav .app_icon{
    font-size: 26px;
    color: #333;
}



/* 底部 */
.yu_footer{
    width: 100%;
    background-color: #191818;
}
.yu_footer .w_1600{
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 0;
}
.yu_footer .f_left{
    width: auto;
}
.yu_footer .f_left h1{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 32px;
}
.yu_footer .f_left p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 4px;
}
.yu_footer .f_right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} 
.yu_footer .f_right .rem_img{
    width: 160px;
    overflow: hidden;
    margin-bottom: 24px;
}
.yu_footer .f_right .rem_img img{
    width: 100%;
}
.yu_footer .f_right span{
    font-size: 14px;
    color: #fff;
}
.yu_footer2{
    border-top: 2px solid #fff;
}
.yu_footer2 .bah{
    font-size: 14px;
    color: #fff;
}
.yu_footer2 .bah a{
    font-size: 14px;
    color: #fff;
}
.yu_footer2 .a020 a{
    font-size: 14px;
    color: #fff;
}


.f_form{width: 300px;}
.f_form form{width: 100%;}
.f_form form input{width: 100%;height: 42px;background-color: #fff;margin-bottom: 15px;padding: 0 10px;}
.f_form form .form_item{width: 100%;display: flex;align-items: flex-start;}
.f_form form .form_item input{flex: 1;}
.f_form form .form_item #v_container{width: 120px;height: 42px;}
.f_form form .form_item #v_container #verifyCanvas{width: 120px;height: 42px;}
.f_form form button{width: 100%;height: 42px;background-color: #3387F2;font-size: 18px;color: #fff;}




/* 翻页条 */
.flex_row{
    width: 100%;
    display: flex;
}
.flex_row .tcdPageCode {
    width: 100%;
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.current {
    background: #3387F2;
    color: #fff;
    border-color: transparent;
    padding: 8px 14px;
    margin: 0 8px;
}
.flex_row .tcdPageCode a {
    color: #333 !important;
    padding: 8px 14px;
    margin: 0 8px;
    border: 1px solid #dddddd;
}
.flex_row .tcdPageCode .disabled,
.flex_row .tcdPageCode .nextPage {
    border: 1px solid #dddddd;
    color: #333 !important;
    padding: 8px 14px;
    margin: 0 8px;
    font-size: 12px;
}

/* 友情链接： */
.home_link{
    width: 100%;
    padding: 26px 0;
    background-color: #F4F4F4;
    border-top: 1px solid #DBDBDB;
}
.home_link .title{
    font-size: 26px;
    font-weight: 600;
    color: #333333;
    line-height: 42px;
}
.home_link a{
    font-size: 18px;
    color: #333333;
    line-height: 25px;
    margin-left: 40px;
}
.home_link a:hover{
    color: #2690DA;
}


/* 侧边栏 */
.float_window {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #F5F5F5;
}
.float_window .items {
    width: 48px;
    height: 48px;
    border-bottom: 1px solid #F5F5F5;
    transition: ease-in-out 0.4s;
    display: block;
    position: relative;
}
.float_window .items:last-child{
    border-bottom: 0px solid #F5F5F5;
}

.float_window .items .icon {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.float_window .items .icon i{
    font-size: 26px;
    color: #2690DA;
    transition: ease-in-out 0.2s;
}
.float_window .items .icon p{
    font-size: 12px;
    color: #2690DA;
    transition: ease-in-out 0.2s;
}
.float_window .items:hover {
    background: #2690DA;
    transition: ease-in-out 0.2s;
}
.float_window .items:hover .icon>i,
.float_window .items:hover .icon>p{
    color: #fff;
}
.float_window .items .float_none{
    position: absolute;
    right: 68px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    box-shadow: 0 0 5px #aaa;
    font-size: 16px;
    color: #fff;
    background-color: #2690DA;
    white-space: nowrap;
    display: none;
}
.float_window .items .float_none img{
    width: 150px;
    height: auto;
}
.float_window .items:hover .float_none{
    display: block;
}

@media (max-width:767px){
    .w_1600{width: 100%;}
    .app_head{display: block;}
    .pc_head{display: none;}
    .app_head .app .app_logo img{width: 66px;}
    .h_public{padding: 30px 0;}
    /* footer */
    .yu_footer{padding: 0 15px;}
    .yu_footer .w_1600{padding: 20px 0;}
    .yu_footer .f_left h1{font-size: 20px;}
    .yu_footer .f_right{width: 100%;}
    .yu_footer2 .bah{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
    .yu_footer2 .a020{width: 100%;text-align: center;}
    .yu_footer .f_right .rem_img{width: 140px;margin-bottom: 12px;}
    .yu_taps{margin-bottom: 40px;}
    .yu_taps .taps_En{font-size: 48px;line-height: 84px;}
    .yu_taps .taps_Ch{width: 100%;padding: 0 15px;}
    .yu_taps .taps_Ch h1{font-size: 26px;}
    .yu_taps .taps_Ch span{font-size: 14px;text-align: center;}
    .home_link{padding: 15px;}
    .home_link .title{font-size: 18px;}
    .home_link a{font-size: 16px;margin-left: 20px;}
    .other_taps{margin-bottom: 40px;}
    .other_taps h1{font-size: 32px;}
}

@media (min-width:768px) and (max-width:991px){
    
}

@media (min-width:992px) and (max-width:1024px){
    
}

@media (min-width:1025px) and (max-width:1280px){
    .pc_head{padding: 0 35px;}
    .pc_head .yu_nav li .nav_li_a{font-size: 12px;padding: 30px 14px;}
    .pc_head .yu_logo .logo_jieshao span:first-child{font-size: 18px;}
    .pc_head .yu_logo .logo_jieshao{font-size: 12px;}
    .w_1600{width: 900px;}
    .h_public {padding: 30px 0;}
    .yu_taps{margin-bottom: 40px;}
    .yu_taps .taps_En{font-size: 66px;}
    .yu_taps .taps_Ch h1{font-size: 26px;}
    .home_link{padding: 15px;}
    .home_link .title{font-size: 18px;}
    .home_link a{margin-left: 24px;font-size: 16px;}
    .other_taps h1{font-size: 38px;}
    .other_taps{margin-bottom: 30px;}
    .yu_footer .f_left h1{font-size: 24px;}
    .yu_footer .f_left p{font-size: 14px;}
}

@media (min-width:1281px) and (max-width:1440px){
    .pc_head{padding: 0 35px;}
    .pc_head .yu_nav li .nav_li_a{font-size: 14px;padding: 40px 20px;}
    .pc_head .yu_logo .logo_jieshao{font-size: 14px;}
    .w_1600{width: 1200px;}
    .yu_taps .taps_En{font-size: 84px;}
    .yu_taps .taps_Ch h1{font-size: 32px;}
    .home_link .title{font-size: 22px;}
    .home_link a{margin-left: 30px;}
    
}
@media (min-width:1441px) and (max-width:1600px){
    .pc_head .yu_nav li .nav_li_a{font-size: 16px;padding: 40px 20px;}
    .w_1600{width: 1200px;}
    .yu_taps .taps_En{font-size: 94px;}
    .yu_taps .taps_Ch h1{font-size: 34px;}
    .home_link .title{font-size: 22px;}
    .home_link a{margin-left: 30px;}
}