*{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;
    font-family: '微柔雅黑';
}
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;
}


/* 头部 */
.yu_head{
    width: 100%;
    height: auto;
    background-color: #fff;
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 999;*/
}

/* pc */
.head_pc{
    width: 100%;
    padding: 15px 50px 15px;
} 
.head_pc .yu_logo{
    width: 270px;
    margin-right: 60px;
    animation: logo .9s 1;
}
.head_pc .yu_logo img{
    width: 100%;
    height: auto;
}
.head_pc .head_ul{
    flex: 1;
    justify-content: flex-end;
    animation: head_ul .9s 1;
}
.head_pc .head_ul li{
    width: 10%;
    display: flex;
    justify-content: center;
}
.head_pc .head_ul li a{
    display: flex;
    padding: 0 3px 10px;
    border-bottom: 2px solid #e6001300;
    font-size: 22px;
    color: #333;
    transition: all .3s;
}
.head_pc .head_ul .head_liAct a{
    border-bottom: 2px solid #41B8EF;
}
.head_pc .head_ul li a:hover{
    border-bottom: 2px solid #41B8EF;
}
/* pc动画 */

@keyframes logo{
    from{
		transform: translateX(-200px);
    }
    to{
		transform: translateX(0);
    }
}
@keyframes head_ul{
    from{
		transform: translateX(400px);
    }
    to{
		transform: translateX(0);
    }
}

/* app */
.head_app{
    width: 100%;
    display: none;
}
.head_app .yu_app{
    justify-content: space-between;
    position: relative;
    padding: 15px;
}
.head_app .yu_logo{
    width: 42%;
    display: flex;
}
.head_app .yu_logo img{
    width: auto;
    max-width: 100%;
}
.head_app .logo_i {
    display: flex;
}
.head_app .logo_i i{
    font-size: 34px;
    color: #fff;
}
.head_app .head_ul{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 15px;
    display: none;
    z-index: 999;
}
.head_app .head_ul li{
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}
.head_app .head_ul li a{
    width: 100%;
    display: flex;
    padding: 10px 0;
    font-size: 17px;
    color: #333;
}
.head_app .head_ul .head_liAct a{
    color: #E60012;
}

/* 页面公共 */
.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_1440{
    width: 1440px;
    margin: 0 auto;
}
.yu_content{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.yu_content .yu_title{
    font-size: 48px;
    color: #333;
    font-weight: 500;
}
.yu_content .yu_img{
    width: 100%;
    display: flex;
    justify-content: center;
}
.yu_content .yu_img img{
    width: auto;
    max-width: 100%;
}
.yu_content .yu_text{
    width: 80%;
    font-size: 22px;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
}
.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;
}
/* 
@keyframes yu_content{
    from{
		transform: translateY(-200px);
    }
    to{
		transform: translateY(0);
    }
} */


/* 底部 */
.yu_footer{
    width: 100%;
    padding: 80px 70px 50px 100px;
    background: url(../images/f_backg.png) no-repeat;
    background-size: 100% 100%;
    align-items: flex-start;
    justify-content: space-between;
}
.f_left{
    width: 600px;
    display: flex;
    flex-direction: column;
}
.f_left .f_logo{
    width: 100%;
}
.f_left .f_logo img{
    width: auto;
    max-width: 100%;
}
.f_left .f_ewm{
    width: auto;
    max-width: 100%;
    margin: 50px 0 30px;
}
.f_left .f_ewm img{
    width: auto;
    max-width: 100%;
}
.f_left .f_xinxi{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.f_left .f_xinxi p{
    width: 100%;
    font-size: 35px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}
.f_left .f_xinxi span{
    width: 100%;
    font-size: 25px;
    color: #fff;
    margin-bottom: 5px;
}

.f_right{
    flex: 1;
    margin-left: 110px;
    align-items: flex-start;
    justify-content: space-between;
}
.f_right li{
    display: flex;
    flex-direction: column;
}
.f_right li .title{
    font-size: 40px;
    color: #fff;
    padding-bottom: 12px;
    border-bottom: 1px solid #606C79;
    margin-bottom: 26px;
}
.f_right li a{
    display: flex;
    font-size: 25px;
    color: #fff;
    padding: 10px 0;
} 
.f_right li a:hover{
    color: #E60012;
}


/* 翻页条 */

.flex_row .tcdPageCode {
    text-align: center;
    margin: 40px auto;
}
.current {
    background: #518EFD;
    color: #fff;
    border-color: transparent;
    padding: 5px 15px;
    margin: 8px;
}
.flex_row .tcdPageCode a {
    background: #eee;
    color: #333 !important;
    padding: 5px 15px;
    margin: 8px;
}
.flex_row .tcdPageCode .disabled,
.flex_row .tcdPageCode .nextPage {
    background: #eee;
    color: #333 !important;
    padding: 5px 15px;
    margin: 8px;
}

/* footer_2 */
.other_footer{
    width: 100%;
    background: url(../images/f_back2.png) no-repeat;
    background-size: 100% 100%;
    padding: 25px 80px 20px;
}
.other_footer .f_navs{
    width: 100%;
    justify-content: space-between;
    margin-bottom: 80px;
}
.other_footer .f_navs li a{
    display: flex;
    align-items: center;
    font-size: 24px;
    color: #fff;
}
.other_footer .f_navs li a:hover{
    color: #E60012;
}
.other_footer .f_navs li a span{
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #fff;
    margin-right: 5px;
}
.other_footer .f_navs li a:hover span{
    background-color: #E60012;
}
.other_footer .other_xx{
    width: 100%;
}
.other_footer .other_xx .f_logo{
    width: auto;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.other_footer .other_xx .f_logo img{
    width: auto;
    max-width: 100%;
}
.other_footer .other_xx .yu_xx{
    align-items: flex-start;
    justify-content: flex-end;
    margin-bottom: 38px;
}
.other_footer .other_xx .yu_xx .xx{
    margin-right: 120px;
    display: flex;
    flex-direction: column;
}
.other_footer .other_xx .yu_xx .xx .xx_h1{
    font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.other_footer .other_xx .yu_xx .xx .xx_h1 h1{
    font-size: 25px;
    color: #fff;
}
.other_footer .other_xx .yu_xx .f_img img{
    width: 176px;
    height: auto;
    margin-left: 20px;
}
.other_footer .go_top{
    width: 100%;
    display: flex;
    justify-content: center;
}
.other_footer .go_top .items{
    width: 180px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 50px;
    background-color: #296692;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #fff;
}
.other_footer .go_top .items:hover{
    color: #E60012;
}


/*右侧栏目*/
.float_window {
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    display: flex;
    flex-direction: column;
}
.float_window .items {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    border: 1px solid #BBBBBB;
    transition: ease-in-out 0.4s;
    display: block;
    position: relative;
    margin-bottom: 4px;
}

.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: 28px;
    color: #666;
    transition: ease-in-out 0.4s;
}
.float_window .items .icon p{
    font-size: 12px;
    color: #666;
    transition: ease-in-out 0.4s;
}
.float_window .items:hover {
    background: #296692;
    transition: ease-in-out 0.4s;
}
.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: #084155;
    white-space: nowrap;
    display: none;
}
.float_window .items .float_none img{
    width: 80px;
    height: auto;
}
.float_window .items:hover .float_none{
    display: block;
}


.app_shouji{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.app_shouji ul{
	width: 100%;
	padding: 8px 0;
	background-color: #296692;
	display: flex;
	align-items: center;
}
.app_shouji ul li{
	width: 25%;
}
.app_shouji ul li a{
	width: 100%;
	/*height: 38px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	color: #fff;
}
.app_shouji ul li a i{
	font-size: 22px;
	color: #fff;
}
.app_kong{
	height: 0;
}



@media (max-width:767px){
	.h_public{padding: 30px 0;}
	.app_shouji{display: block;}
	.app_kong{height: 57px;}
    .head_app{display: block;}
    .head_pc{display: none;}
    .w_1440{width: 100%;}
    .yu_content{margin-bottom: 18px;}
    .yu_content .yu_title{font-size: 26px;text-align: center;}
    .yu_content .yu_img{width: 88%;}
    .yu_content .yu_text{width: 90%;font-size: 16px;line-height: 24px;}
    .yu_footer{padding: 60px 15px;background-size: auto 100%;}
    .f_right{display: none;}
    .f_left .f_ewm{text-align: center;}
    .f_left .f_ewm img{width: 60%;}
    .f_left .f_xinxi p{font-size: 22px;}
    .f_left .f_xinxi span{font-size: 16px;}
    .other_footer{padding: 25px 15px 20px;background-size: auto 100%;}
    .other_footer .f_navs li{margin-bottom: 10px;width: 25%;}
    .other_footer .f_navs li a{font-size: 14px;}
    .other_footer .f_navs{margin-bottom: 20px;justify-content: inherit;}
    .other_footer .other_xx .f_logo{width: 250px;}
    .other_footer .other_xx .yu_xx .xx{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .other_footer .other_xx .yu_xx .xx .xx_h1,
    .other_footer .other_xx .yu_xx .xx .xx_h1 h1{font-size: 16px;}
    .other_footer .other_xx .yu_xx .f_img img{width: 33%;margin: 0;}
    .other_footer .go_top .items{width: 160px;height: 40px;font-size: 16px;}
}

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

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

@media (min-width:1025px) and (max-width:1280px){
    .head_pc{padding: 26px 15px 0;}
    .head_pc .yu_logo{width: 190px;margin-right: 30px;}
    .head_pc .head_ul li a{font-size: 16px;}
    .head_pc .head_ul li{width: 12%;}
    .w_1440{width: 100%;}
    .yu_content{padding: 0 15px;margin-bottom: 40px;}
    .yu_content .yu_title{font-size: 36px;}
    .yu_content .yu_text{font-size: 18px;line-height: 30px;}
    .zuixin .zx_title .title1 .title{font-size: 48px;}
    .yu_footer{padding: 60px 15px;}
    .f_left{width: 400px;}
    .f_left .f_logo{width: 70%;}
    .f_left .f_ewm{width: 40%;}
    .f_left .f_xinxi p{font-size: 26px;}
    .f_left .f_xinxi span{font-size: 18px;}
    .f_right{margin-left: 40px;}
    .f_right li .title{font-size: 20px;}
    .f_right li a{font-size: 16px;}
    .other_footer{padding: 25px 20px 20px;}
    .other_footer .other_xx .yu_xx .xx{margin-right: 40px;}
    .other_footer .other_xx .yu_xx .xx .xx_h1{font-size: 18px;}
    .other_footer .f_navs li a{font-size: 18px;}
    .other_footer .other_xx .yu_xx .f_img img{width: 134px;}
    .other_footer .other_xx .f_logo img{width: 400px;}
    .other_footer .go_top .items{font-size: 16px;width: 160px;height: 36px;}
}

@media (min-width:1281px) and (max-width:1440px){
    .head_pc{padding: 26px 30px 0;}
    .head_pc .yu_logo{width: 230px;}
    .head_pc .head_ul li a{font-size: 18px;}
    .w_1440{width: 1100px;}
    .yu_content .yu_title{font-size: 48px;}
    .yu_content .yu_text{font-size: 20px;}
    .f_left{width: 440px;}
    .f_left .f_logo{width: 80%;}
    .f_left .f_ewm{width: 50%;}
    .f_left .f_xinxi p{font-size: 30px;}
    .f_left .f_xinxi span{font-size: 20px;}
    .f_right{margin-left: 40px;}
    .f_right li .title{font-size: 24px;}
    .f_right li a{font-size: 18px;}
    .other_footer .other_xx .yu_xx .xx{margin-right: 8px;}
    .other_footer .other_xx .yu_xx .xx .xx_h1{font-size: 22px;}
    .other_footer .f_navs li a{font-size: 22px;}

}
@media (min-width:1441px) and (max-width:1600px){
    .head_pc .head_ul li a{font-size: 22px;}
    .w_1440{width: 1200px;}
    .f_left{width: 540px;}
    .f_right{margin-left: 40px;}
    .f_right li .title{font-size: 30px;}
    .yu_footer{padding: 80px 50px 50px;}
    .yu_content .yu_title{font-size: 54px;}
}