body{
	position: relative;
	font-size: 14px;}
.inner{
	max-width: 1300px;
	padding: 0 20px;
	position: relative;
	margin: 0 auto;
	width: 80%;
}
@font-face {
	font-family: "DINPro-Medium";
	src: url("../font/DINPro-Medium.woff2") format("woff2"),
		 url("../font/DINPro-Medium.woff") format("woff"),
		 url("../font/DINPro-Medium.ttf") format("truetype"),
		 url("../font/DINPro-Medium.eot") format("embedded-opentype"),
		 url("../font/DINPro-Medium.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }

  #load {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background-size: cover;
	background-color: #fff;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#load .wrap{
	position: relative;
}
#load .bg {
	max-width: 120px;
	animation: rotate 1.5s linear infinite; }
#load .text{
	position: absolute;
	left: 0;
	top: 0; }
@keyframes rotate {
	to{
		transform: rotate(1turn);
	}
}

.submenu-item-logo{display: flex !important;align-items : center !important;justify-content : center !important;}
.bottom-content{padding: 20px;height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.bottom-content_left{width: 38%;height: 100%;background-color: #000;border-radius: 8px;overflow: hidden;}
.bottom-content_left img{object-fit: cover;}
.bottom-content_right{width: 58%;}
.bottom-content_title{font-size: 22px;color: #000;font-weight: bold;padding: 16% 0 2%;}
.bottom-content_text{font-size: 15px;color: #333;line-height: 1.7;}
body .popup{border-radius: 8px;box-shadow: 0 4px 12px rgba(0,0,0,.15);}

.iconfont{font-size: inherit}
.header{}
.header_top{background: #111;padding: 8px 0;color: #fff;position: relative;z-index: 10;}
.header_top .inner{display: flex;align-items: center;justify-content: space-between;}
.header_top .tell .iconfont{margin-right: 5px;}
.header_top .item_bar{display: flex;align-items: center;}
.header_top .item_bar>a{padding: 0 15px;border-left: 1px solid #848484;}
.header_top .item_bar>a:first-child{border-left: none;}
.header_top .item_bar .wx{position: relative;}
.header_top .item_bar .wx .qr{position: absolute;top: calc(100% + 10px);right: 50%;transform: translateX(50%);width: 120px;display: none;box-shadow: 0 0 15px 5px rgba(0,0,0,.1);z-index: 10000}
.header_top .item_bar .wx:hover .qr{display: block;}
.header {position: relative;z-index: 1001;}
.header .logo{max-width: 180px;}
.fixed_header.no_fixed{box-shadow: 0 0 15px 5px rgba(0,0,0,.1);background: #fff;color: #333;}
.fixed_header{position: fixed;left: 0;width: 100%;z-index: 1000;transition: background .3s linear;color: #fff;}
.fixed_header:hover{color: #fff;background: #fff;color: #333;box-shadow: 0 0 15px 5px rgba(0,0,0,.1);}
.fixed_header.active{top: 0;background: #fff;color: #333;box-shadow: 0 0 15px 5px rgba(0,0,0,.1);}


.header_menu .logo{position: relative;}
.header_menu .logo .hover_img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;}
.fixed_header:hover .logo .img,
.fixed_header.no_fixed .logo .img,
.fixed_header.active .logo .img{opacity: 0;}
.fixed_header:hover .logo .hover_img,
.fixed_header.no_fixed .logo .hover_img,
.fixed_header.active .logo .hover_img{opacity: 1;}

.header_menu .inner{display: flex;align-items: center;justify-content: space-between;}
.header_menu .menu_box{display: flex;align-items: center;}
.header_menu .menu_box .menu_list{display: flex;align-items: center;}
.header_menu .menu_box .menu_list .item{margin: 0 25px;}
.header_menu .menu_box .menu_list .item a{display: block;padding: 30px 0;font-size: 16px;}
.header_menu .menu_box a.active,
.header_menu .menu_box a:hover{color: #005bab;}
.header_menu .menu_box .search{font-size: 20px;padding-left: 20px;cursor: pointer;position: relative;padding: 30px 0;}
.header_menu .menu_box .search .iconfont{color: #333;font-weight: bold;}
.header_menu .menu_box .search_input{position: absolute;top: 100%;right: 0;padding:15px;background: #fff;border-top: 1px solid #ccc;border-radius: 5px;display: none;}
.header_menu .menu_box .search_input .input{width: 100%;border: none;height: 40px;font-size: 16px;}
.header_menu .menu_box .search_input .input_box{width: 300px;position: relative;padding-right: 50px;border-bottom: 2px solid #ccc;}
.header_menu .menu_box .search_input .btn{position: absolute;right: 0;top: 0;width: 50px;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 20px;}


.header-menu-toggle {
    display: none;
    
    position: relative;
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-family: "montserrat-regular", sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .2rem;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin-left: 10px;
}

.header-menu-toggle:hover,
.header-menu-toggle:focus {
    color: #333;
}

.header-menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    left: 9px;
    top: 50%;
    right: auto;
    bottom: auto;
    background-color: #333;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

.header-menu-toggle span::before,
.header-menu-toggle span::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: inherit;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header-menu-toggle span::before {
    top: -7px;
}

.header-menu-toggle span::after {
    bottom: -7px;
}

.header-menu-toggle.is-clicked span {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.header-menu-toggle.is-clicked span::before,
.header-menu-toggle.is-clicked span::after {
    background-color: #333;
}

.header-menu-toggle.is-clicked span::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.header-menu-toggle.is-clicked span::after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}



.home_banner .swiper-slide{height: calc(100vh - 35px);color: #fff;display: flex;align-items: center;}
.home_banner .swiper-slide .title{font-size: 65px;font-weight: bold;padding: 30px 0;}
.home_banner .swiper-slide .text{font-size: 28px;padding-bottom: 50px;}
.home_banner .swiper-slide .more{display: inline-block;padding: 12px 65px;font-size: 16px;background: #005bab;border-radius: 30px;}
.home_banner .swiper-slide .more .iconfont{margin-left: 10px;}
.home_banner .swiper-pagination{bottom: 38px;width: 80%;left: 10%;text-align: right;}
.home_banner .swiper-pagination-bullet{width: 15px;height: 15px;background: rgba(255,255,255,.2);opacity: 1;margin: 0 5px !important;}
.home_banner .swiper-pagination-bullet-active{background: rgba(255,255,255,.7);}

.section_title{text-align: center;margin-bottom: 25px;}
.section_title .title{font-size: 45px;padding: 15px 0;font-weight: bold;}
.section_title .text{color: #a3a3a3;font-size: 20px;}

.home_serve{background: #000;color: #fff;padding: 100px 0;text-align: center;}
.home_serve .section_title{margin-bottom: 75px;}
.home_serve .list_box{display: flex;flex-wrap: wrap;align-items: center;}
.home_serve .list_box .item{width: 33.33%;margin-bottom: 90px;}
.home_serve .list_box .item .num_box{line-height: 1;position: relative;display: inline-block;font-family: "DINPro-Medium";}
.home_serve .list_box .item .num_box .num{font-size: 80px;color:#3698f1;}
.home_serve .list_box .item .num_box .sup{font-size: 26px;position: absolute;left: 100%;top: 0;color:#3698f1;font-weight: bold;}
.home_serve .list_box .item .title{font-size: 20px;color: #cbcbcb;padding-top: 10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.home_serve .list_box .item .num_box .num{background: linear-gradient(to right, #3698f1, #015cae);background-clip: border-box;-webkit-background-clip: text;color: transparent;}
	.home_serve .list_box .item .num_box .sup{background: linear-gradient(to right, #015cae, #015cae);background-clip: border-box;-webkit-background-clip: text;color: transparent;}
}


.home_video{color: #fff;padding: 100px 0;background: #000;}
.home_video .section_title .title{font-size: 35px;}
.home_video .section_title .text{font-size: 16px;}
.home_video .inner{max-width: 1160px;margin: 0 auto;}
.home_video .video_box{display: flex;justify-content: center;margin-bottom: 160px;}
.home_video .video_box .video{position: relative;border-radius: 20px;overflow: hidden;}
.home_video .video_box .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: fill;z-index: 1;}
.home_video .video_box .video img{opacity: 0;}
.home_video .video_box .video::before{content: ''; position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 10;}
.home_video .video_box .video .play{position: absolute;top: 50%;left: 50%;background: rgba(255,255,255,.2);padding: 12px 35px;border-radius: 20px;font-size: 16px;cursor: pointer;transform: translate(-50%,-50%);z-index: 20;}
.home_video .video_box .video .play .iconfont{margin-right: 10px;}
.home_video .video_box .video.active::before,
.home_video .video_box .video.active .play{display: none;}
.home_video .list_box{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 -10px;}
.home_video .list_box .item{width: 50%;margin-bottom: 20px;padding: 0 10px;}
.item-wrap{display: block;width: 100%;height: 100%;background: url(../image/home_video_list_01.png) center / cover no-repeat;position: relative;}
.item-wrap .swiper-container{position: absolute;bottom: 40px;left: 0;width: 100%;}
.item-wrap .swiper-container .swiper-slide{text-align: center;}
.item-wrap .swiper-wrapper{align-items: flex-end;}

.home_contact{background: url(../image/home_contact_img.jpg) center / cover no-repeat;padding: 100px 0;}
.home_contact .inner{display: flex;align-items: center;justify-content: space-between;}
.home_contact .text_box{color: #fff;width: 40%;}
.home_contact .text_box .title{font-size: 65px;font-weight: bold;padding: 15px 0 5px 0;}
.home_contact .text_box .text{font-size: 28px;margin-bottom: 45px;}
.home_contact .text_box .tel{font-size: 38px;font-family: "DINPro-Medium";}
.home_contact .text_box .tel .iconfont{margin-right: 10px;}
.home_contact .contact_form{background: #fff;padding: 25px 35px;border-radius: 20px;width: 50%;} 
.home_contact .contact_form .radio_box{display: flex;justify-content: space-between;max-width: 80%;margin: 0 auto 30px auto;}
.home_contact .contact_form .radio_box .layui-form-radio div{font-size: 20px;color: #666;}
.home_contact .contact_form .radio_box .layui-form-radio>i:hover,
.home_contact .contact_form .radio_box .layui-form-radioed>i{color: #005bab;}
.home_contact .contact_form .item_box{display: flex;flex-wrap: wrap;justify-content: space-between}
.home_contact .contact_form .item_box .item.full_item{width: 100%;}
.home_contact .contact_form .item_box .item{width: 48%;margin-bottom: 20px;}
.home_contact .contact_form .item_box .layui-input,
.home_contact .contact_form .item_box .layui-textarea{height: 58px;padding:0 20px;border-radius: 6px;background: #ececec;border: none;}
.home_contact .contact_form .item_box .layui-textarea{height: 178px;padding: 20px;}
.home_contact .contact_form .btn_box {text-align: center;padding: 10px 0;}
.home_contact .contact_form .btn_box .layui-btn{background: #005bab;width: 100%;max-width: 320px;height: 50px;line-height: 50px;border-radius: 40px;}

.home_bottom{background: url(../image/home_bottom_bg.jpg) center / cover no-repeat;color: #fff;padding: 80px 0;}
.home_bottom .list_box{display: flex;}
.home_bottom .list_box .item{width: 33.33%;display: flex;justify-content: center;border-left: 1px solid #fff;}
.home_bottom .list_box .item:first-child{border: none;}
.home_bottom .list_box .item .title{font-size: 45px;font-family: "DINPro-Medium";}
.home_bottom .list_box .item .text{font-size: 22px;padding: 10px 0;}

.footer{background: #131313;color: #fff;}
.footer .footer_menu{padding: 70px 0;}
.footer .footer_menu .inner{display: flex;justify-content: space-between;}
.footer .footer_menu .menu_list{display: flex;width: 70%;}
.footer .footer_menu .menu_list .item{width: 20%;}
.footer .footer_menu .menu_list .item .title{font-size: 22px;padding-bottom: 20px;margin-bottom: 20px;position: relative;}
.footer .footer_menu .menu_list .item .title::before{content: '';position: absolute;left: 0;bottom:0;width: 40px;height: 1px;background: #fff;opacity: .4;}
.footer .footer_menu .menu_list .item .sub_menu .sub_item{font-size: 16px;color: #a7a7a7;margin-bottom: 15px;}
.footer .footer_menu .right_bar{width: 25%;text-align: right;}
.footer .footer_menu .right_bar .footer_logo{margin-bottom: 25px;}
.footer .footer_menu .right_bar .title{font-size: 22px;margin-bottom: 10px;}
.footer .footer_menu .right_bar .share{font-size: 18px;padding-top: 5px;}
.footer .footer_menu .right_bar .share a{padding: 0 5px;}
.footer .footer_menu .right_bar .share a:last-child{padding-right: 0;}

.footer .copy_box{border-bottom: 10px solid #005bab;font-size: 14px;}
.footer .copy_box .inner{display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.2);padding: 25px 20px;color: #a7a7a7;}
.footer .copy_box .copy .text a{margin-left: 10px;}
.footer .copy_box .link{padding-top: 5px;}
.footer .copy_box .link a{border-left: 1px solid rgba(255,255,255,.7);padding: 0 10px;line-height: 1;}
.footer .copy_box .link a:first-child{border: none;padding-left: 0;}

.home_vision{height: 300vh;position: relative;}
.home_vision .box{position: sticky;top: 0;height: 100vh;width: 100%;color: #fff;overflow: hidden !important;}
.home_vision .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.home_vision .box .text_box .text_item{position: absolute;width: 100%; color: #fff;z-index: 200;top: 50%;text-align: center;}
.home_vision .box .text_box .text_item .location{transform: translateY(-50%);margin: 0 auto;}
.home_vision .box .text_box .text_item .img{max-width: 150px;margin: 0 auto 15px auto;}
.home_vision .box .text_box .text_item .title{font-size: 60px;font-weight: bold;margin-bottom: 20px;}
.home_vision .box .text_box .text_item .text{font-size: 22px;line-height: 1.7;margin-bottom: 85px;}
.home_vision .box .text_box .text_item .more{display: inline-block;padding: 12px 35px;font-size: 18px;background: #005bab;border-radius: 30px;}
.home_vision .box .text_box .text_item .more .iconfont{margin-left: 10px;background:  center / 100% 100%   200% 100%;}

.yiyuan_page .section{padding: 95px 0;margin-top: -1px;}
.yiyuan_page .page_banner{padding: 175px 0 655px 0;color: #fff;}
.yiyuan_page .page_banner .sub_title{font-size: 24px;padding: 5px 0;opacity: .9;}
.yiyuan_page .page_banner .title{padding: 30px 0 0 0;font-size: 55px;}
.yiyuan_page .page_title{padding:35px 0;position: relative;color: #fff;text-align: center;margin-bottom: 80px;}
.yiyuan_page .page_title .cn{font-size: 38px;position: relative;z-index: 10;font-weight: bold;}
.yiyuan_page .page_title .en{font-size: 60px;position: absolute;left: 0;top: 0;width: 100%;opacity: .1;text-transform: uppercase;}
.yiyuan_page .page_title::before{content: '';position: absolute;left: 50%;width: 65px;height: 2px;background: #0059d1;bottom: 0;transform: translateX(-50%);}
.yiyuan_page .section_1{padding: 0 0 120px 0;}
.yiyuan_page .section_1 .page_title{text-align: right;margin-bottom: 0;}
.yiyuan_page .section_1 .page_title::before{right: 0;transform: none;left: auto;}
.yiyuan_page .section_1 .video{position: relative;text-align: center;max-width: 1130px;margin: 70px auto;}
.yiyuan_page .section_1 .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: fill;z-index: 10;}
.yiyuan_page .section_1 .video_img{opacity: 0;}
.yiyuan_page .section_1 .video .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;z-index: 20;}

.yiyuan_page .section_2 .list_box{display: flex;flex-wrap: wrap;justify-content: center;}
.yiyuan_page .section_2 .list_box .item{width: 25%;text-align: center;margin-bottom: 80px;}
.yiyuan_page .section_2 .list_box .item .title{font-size: 26px;color: #fff;padding: 15px 0;}
.yiyuan_page .section_3 .list_box{display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;margin: 0 -8px;text-align: center;}
.yiyuan_page .section_3 .list_box .item{width: 20%;padding: 0 8px;height: 450px;}
.yiyuan_page .section_3 .list_box .item .bg{height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.yiyuan_page .section_3 .list_box .item .title{font-size: 26px;font-weight: bold;color: #fff;padding-top:30px;max-width: 120px;margin: 0 auto;}

.yiyuan_page .section_4 .list_box{display: flex;justify-content: center;align-items: flex-start;}
.yiyuan_page .section_4 .list_box .item{position: relative;margin: 0 -35px;height: auto;}
.yiyuan_page .section_4 .list_box .item .hover_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.yiyuan_page .section_4 .list_box .item .text_box{position: absolute;left: 20%;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;width: 60%;font-size: 20px;text-align: center;}
.yiyuan_page .section_4 .list_box .item .img_box .text_box{flex-direction: column;}
.yiyuan_page .section_4 .list_box .item .img_box .text_box .title{font-size: 28px;font-weight: bold;padding: 20px 0;}
.yiyuan_page .section_4 .list_box .item:nth-child(even){margin-top: 150px;}
.yiyuan_page .section_4 .list_box .item:hover .hover_img{opacity: 1;}

.yiyuan_page .section_5 .img_box{text-align: center;padding-bottom: 100px;}

.serve_page .section_4{padding: 80px 0;}
.serve_page .section_4 .tab_title{display: flex;align-items: center;justify-content: space-between;text-align: center;max-width: 80%;margin: 0 auto 15px auto;}
.serve_page .section_4 .tab_title a{width: 49.5%;padding: 12px 0;border: 1px solid #000;font-size: 20px;}
.serve_page .section_4 .tab_title a.active{border-color: #2870b3;color: #fff;background: #2870b3;}
.serve_page .section_4 .page_title{padding: 50px 0;}
.serve_page .section_4 .describe,
.serve_page .section_4 .page_title .text{font-size: 16px;color: #666;text-align: center;padding: 10px 0;}
.serve_page .section_4 .page_title .title{font-size: 36px;font-weight: bold;text-align: center;}
.serve_page .section_4 .list_box{
	display: grid;
	grid-template: 
		'a b c d e' 
		'j i h g f' ;
}
.serve_page .section_4 .list_box .item:nth-child(1){grid-area: a;}
.serve_page .section_4 .list_box .item:nth-child(2){grid-area: b;}
.serve_page .section_4 .list_box .item:nth-child(3){grid-area: c;}
.serve_page .section_4 .list_box .item:nth-child(4){grid-area: d;}
.serve_page .section_4 .list_box .item:nth-child(5){grid-area: e;}
.serve_page .section_4 .list_box .item:nth-child(6){grid-area: f;}
.serve_page .section_4 .list_box .item:nth-child(7){grid-area: g;}
.serve_page .section_4 .list_box .item:nth-child(8){grid-area: h;}
.serve_page .section_4 .list_box .item:nth-child(9){grid-area: i;}
.serve_page .section_4 .list_box .item:nth-child(10){grid-area: j;}
.serve_page .section_4 .list_box .item{text-align: center;padding: 30px 40px 50px 40px;position: relative;}
.serve_page .section_4 .list_box .item .title{font-size: 18px;color: #005bab;padding: 15px 0;font-weight: bold;}
.serve_page .section_4 .list_box .item .text{font-size: 14px;color: #999;}
.serve_page .section_4 .list_box .item .icon{width: 28px;height: 28px;border-radius: 50%;background: #005bab;border:2px solid #fff;margin: 0 auto;position: relative;z-index: 10;}
.serve_page .section_4 .list_box .item .icon.active{background: #fff;border-color: #a0a0a0;}
.serve_page .section_4 .list_box .item .line{content: '';height: 2px;width: 100%;background:#000;position: absolute;right: 50%;top: 45px;margin: 0;}
.serve_page .section_4 .list_box .item .line::before{content: '';background: url(../image/line_arrow.png) no-repeat;width: 6px; height: 9px;position: absolute;left: 50%;top: -4px;transform: translateX(-50%);}
.serve_page .section_4 .list_box .item:first-child .line{display: none;}
.serve_page .section_4 .list_box .item:last-child .line{display: none;}

.serve_page .section_4 .list_box.step_list_1 .item:nth-child(5)::after{background: url(../image/line_down.png) no-repeat; content: '';position: absolute;left: 50%;bottom: 10px;width: 10px;height: 37px;transform: translateX(-50%);}
.serve_page .section_4 .list_box.step_list_1 .item:nth-child(6) .line::before,
.serve_page .section_4 .list_box.step_list_1 .item:nth-child(7) .line::before,
.serve_page .section_4 .list_box.step_list_1 .item:nth-child(8) .line::before,
.serve_page .section_4 .list_box.step_list_1 .item:nth-child(9) .line::before,
.serve_page .section_4 .list_box.step_list_1 .item:nth-child(10) .line::before{transform: rotate(180deg);transform-origin:center;}


.serve_page .section_4 .list_box.step_list_2{
	grid-template: 
		'a b c' 
		'f e d' ;
}
.serve_page .list_box.step_list_2 .item:nth-child(3)::after{background: url(../image/line_down.png) no-repeat; content: '';position: absolute;left: 50%;bottom: 10px;width: 10px;height: 37px;transform: translateX(-50%);}
.serve_page .section_4 .list_box.step_list_2 .item:nth-child(4) .line::before,
.serve_page .section_4 .list_box.step_list_2 .item:nth-child(5) .line::before,
.serve_page .section_4 .list_box.step_list_2 .item:nth-child(6) .line::before{transform: rotate(180deg);transform-origin:center;}
.serve_page .section_4 .list_box.step_list_2 .item .line{width: 97%;}
.serve_page .section_4 .list_box.step_list_3{
	grid-template: 
		'a b c' ;
}
.serve_page .section_4 .list_box.step_list_3 .item:nth-child(3) .line{display: block;}
.panorama_single .single_title{padding: 80px 0;}
.panorama_single .single_title .inner{display: flex;align-items: center;}
.panorama_single .single_title .title{width: 40%;font-size: 70px;opacity: .2 !important;text-align: center;font-weight: bold;}
.panorama_single .single_title .text{width: 60%;font-size: 22px;line-height: 1.7;padding-left: 10%;}
.panorama_single .single_fixed{position: relative;}


.single_tab .top_title{font-size: 50px;padding: 80px 0;font-weight: bold;position: relative;overflow: hidden;}
.single_tab .top_title .inner{position: static;}
.single_tab .top_title .icon{position: absolute;right: -20px;bottom: 20px;}
.single_tab .tab_box{background: url(../image/single_tab_bg.jpg) center /cover no-repeat;padding: 45px 0;}
.single_tab .tab_box .tab_title{display: flex;align-items: center;justify-content: center;}
.single_tab .tab_box .tab_title a{font-size: 22px;margin: 0 50px 55px 50px;position: relative;padding-bottom:25px;}
.single_tab .tab_box .tab_title a::before{content: '';position: absolute;left: 50%;bottom: 0;width: 115px;height: 2px;background: #666;transform: translateX(-50%);}
.single_tab .tab_box .tab_title a:hover,
.single_tab .tab_box .tab_title a.active{color: #005bab;}
.single_tab .tab_box .tab_title a:hover::before,
.single_tab .tab_box .tab_title a.active::before{background: #005bab;}

.single_tab .tab_box .tab_item{display: flex;align-items: center;justify-content: center;}
.single_tab .tab_box .tab_item .list_box{width: 49%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.single_tab .tab_box .tab_item .list_box .item{width: 49%;margin-bottom: 50px;display: flex;align-items: center;}
.single_tab .tab_box .tab_item .list_box .item .icon{max-width: 65px;}
.single_tab .tab_box .tab_item .list_box .item .name{font-size: 24px;margin-left: 15px;}
.single_tab .tab_box .tab_item .img_box{width: 45%;}

.recommend_box{padding: 80px 0;}
.recommend_box .list_box{display: flex;justify-content: space-between;margin: 0 -12px;}
.recommend_box .list_box .item{width: 50%;padding: 0 12px;}
.recommend_box .list_box .item .bg{background: #fafafa;display: block;}
.recommend_box .list_box .item .img img{transition: all .3s linear;}
.recommend_box .list_box .item .img{overflow: hidden;}
.recommend_box .list_box .item:hover .img img{transform: scale(1.1);}
.recommend_box .list_box .item .text_box{padding: 35px;}
.recommend_box .list_box .item .text_box .title{font-size: 24px;margin-bottom: 15px;font-weight: bold;}
.recommend_box .list_box .item .text_box .text{margin-bottom: 25px;color: #666;}
.recommend_box .list_box .item .text_box .more{border: 1px solid #a5a5a5;padding: 7px 25px;display: inline-block;border-radius: 40px;}
.recommend_box .list_box .item:hover .title{color: #005bab;}


.single_slider{background: url(../image/single_slider_bg.jpg) center /cover no-repeat;padding: 90px 0;box-shadow: 0 0 2px 0px rgba(0,0,0,0.1);}
.single_slider.active{background-attachment:fixed;}
.single_slider .inner{display: flex;}
.single_slider .img_box{width: 50%;display: flex;justify-content: center;align-items: flex-start;padding: 0 20px;}
.single_slider .text_box{width: 50%;padding-top: 8%;padding-bottom: 100px;}
.single_slider .img_box .img_item{display: none;}
.single_slider .img_box .img_item img{opacity: 0;}
.single_slider .img_box .img_item.active{display: block;position: sticky;left: 0;top: 165px;}
.single_slider .img_box .img_item.active img{animation: show .5s linear;animation-fill-mode: forwards;}


.single_slider .img_box .img_item{position: relative;}
.single_slider .img_box .img_item .img_1{position: absolute;top: 20%;left: -35%;max-width: 20%;max-width: 67%;}
.single_slider .img_box .img_item .img_2{position: absolute;top: 65%;left: -35%;max-width: 98%;}
.single_slider .img_box .img_item .img_3{position: absolute;top: 20%;right: -40%;max-width: 95%;}
.single_slider .text_box .text_item{margin-bottom: 50px;opacity: .3;}
.single_slider .text_box .text_item.active{opacity: 1;}
.single_slider .text_box .text_item .title{font-size: 40px;margin-bottom: 15px;font-weight: bold;}
.single_slider .text_box .text_item .text{font-size: 20px;line-height: 2;}


.tab_item .single_slider{padding-bottom: 0;margin-top: 80px;}
.single_slider .single_slider_title{font-size: 40px;font-weight: bold;margin-bottom: 35px;text-align: center;}
@keyframes show
{
from {opacity: 0;}
to {opacity: 1;}
}


.header_menu .menu_box .item{position: relative;}
.header_menu .menu_box .item::after{content: '';width: 100%;height: 3px;background-color: #005bab;position: absolute;left: 0;bottom: 0;transform: scaleX(0);transform-origin: left;transition: all .2s ease;}
.header_menu .menu_box .item:hover::after{transform: scaleX(1);}
.submenu{display: none;position: absolute;left: 0;top: 83px;width: 100%;}
.submenu-top{background-color: #fff;border-bottom: 1px dashed #dcdcdc;padding: 36px 0 70px;}
.submenu-list{display: flex;width: 100%;}
.submenu-item{width: 18%;padding-left: 2%;}
.submenu-item:first-child .submenu-title{font-size: 20px;}
.submenu-title{font-size: 18px;color: #333;padding-bottom: 16px;border-bottom: 1px solid #dcdcdc;}
.submenu-sublist{padding-top: 20px;}
.submenu-subitem{margin-bottom: 14px;font-size: 15px;color: #999;transition: all .3s linear;}
.submenu-subitem a{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.submenu-subitem:hover{color: #005bab;}
.submenu-bottom{width: 100%;height: 90px;background-color: #f7f7f7;}
.submenu-bottom .inner{height: 100%;display: flex;justify-content: space-between;align-items: center;}
.submenu-icon .iconfont{font-size: 20px;cursor: pointer;}


.news_single{padding: 90px 0;}
.news_single .title{font-size: 42px;font-weight: bold;margin-bottom: 15px;}
.news_single .date{font-size: 22px;margin-bottom: 25px;font-weight: bold;}
.news_single .date span{color: #999;font-weight: normal;}
.news_single .text_box{border-top: 3px solid #000;border-bottom: 2px solid #ddd;padding: 35px 0;}
.news_single .text_box p{font-size: 16px;line-height: 2;margin-bottom: 25px;}
.news_single .prev_next{display: flex;justify-content: space-between;align-items: center;padding-top: 35px;}
.news_single .prev_next .item{max-width: 48%;font-size: 16px;}
.news_single .prev_next .item a{color: #999;}



.video_window{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;display: flex;align-items: center;justify-content: center;display: none;}
.video_window .shadow{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);cursor: pointer;}
.video_window .video_box{max-width: 80%;max-height: 80%;position: relative;}
.video_window .video_box .close{position: absolute;right: 10px;top: 10px;z-index: 10;color: #fff;font-size: 20px;cursor: pointer;}
.video_window .video_box video{max-width: 100%;outline: none;}


@media screen and (max-width: 1300px) {
	.header_menu .menu_box .menu_list .item{margin: 0 15px;}
	.home_banner .swiper-slide .img{max-width: 180px;}
	.home_banner .swiper-slide .title{font-size: 45px;padding: 15px 0;}
	.home_banner .swiper-slide .text{font-size: 22px;padding-bottom: 30px;}
	.home_banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.section_title .title{font-size: 35px;}
	.section_title .text{font-size: 16px;}
	.home_serve{padding: 70px 0;}
	.home_serve .list_box .item .num_box .num{font-size: 65px;}
	.home_serve .list_box .item .num_box .sup{font-size: 20px;}
	.home_serve .list_box .item .title{font-size: 18px;}
	.home_vision .box .text_box .text_item .title{font-size: 45px;}
	.home_vision .box .text_box .text_item .text{font-size: 18px;margin-bottom: 55px;}
	.home_vision .box .text_box .text_item .more{padding: 10px 25px;font-size: 16px;}
	.home_video .section_title .title{font-size: 30px;}
	.home_contact .contact_form .radio_box .layui-form-radio div{font-size: 18px;}
	.home_contact .contact_form .radio_box .layui-form-radio>i{margin-right: 4px;}
	.home_contact .contact_form .radio_box .layui-form-radio{margin: 5px 5px 0 0;}
	.home_contact .contact_form .radio_box{max-width: 95%;margin: 0 auto 15px auto;}
	.home_contact .contact_form .item_box .layui-input, .home_contact .contact_form .item_box .layui-textarea{height: 40px;}
	.home_contact .contact_form .item_box .layui-textarea{height: 100px;}
	.home_contact .text_box .title{font-size: 40px;}
	.home_contact .text_box .text{font-size: 18px;}
	.home_contact .text_box .tel{font-size: 28px;}
	.home_contact .text_box .icon{max-width: 80px;}
	.home_contact .contact_form .btn_box .layui-btn{height: 40px;line-height: 40px;max-width: 100%;}
	.home_bottom .list_box .item .title{font-size: 26px;}
	.home_bottom .list_box .item .text{font-size: 16px;}
	.footer .footer_menu{padding: 50px 0;}
	.footer .footer_menu .menu_list .item .title{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;}
	.footer .footer_menu .menu_list .item .sub_menu .sub_item{font-size: 14px;}
	.single_slider .single_slider_title{font-size: 32px;}
	.yiyuan_page .page_banner{    padding: 150px 0 560px 0;}
	.yiyuan_page .page_banner .img img{transform: scale(.8);transform-origin: left;}
	.yiyuan_page .page_banner .sub_title{font-size: 20px;}
	.yiyuan_page .page_banner .title{padding: 25px 0 0 0;font-size: 45px;}
	.yiyuan_page .page_title .en{font-size: 50px;}
	.yiyuan_page .page_title .cn{font-size: 32px;}
	.yiyuan_page .page_title{padding: 30px 0;}
	.yiyuan_page .section_1 .video{margin: 60px auto;}
	.yiyuan_page .section_1{padding: 0px 0 100px 0;}
	
	.yiyuan_page .section{padding: 80px 0;}
	.yiyuan_page .section_2 .list_box .item{margin-bottom: 70px;}
	.yiyuan_page .section_2 .list_box .item .title{font-size: 22px;}
	.yiyuan_page .section_3 .list_box .item .title{font-size: 22px;}
	.yiyuan_page .section_4 .list_box .item .text_box{font-size: 18px;}
	.yiyuan_page .section_4 .list_box .item .img_box .text_box .title{font-size: 24px;}

	.panorama_single .single_title{padding: 70px 0;}
	.panorama_single .single_title .title{font-size: 55px;}
	.panorama_single .single_title .text{font-size: 20px;}
	.single_slider{padding: 80px 0;}
	.single_slider .text_box .text_item .title{font-size: 30px;margin-bottom: 12px;}
	.single_slider .text_box .text_item .text{font-size: 18px;}
	.single_slider .text_box{padding-bottom: 60px;}
	.single_slider .text_box .text_item{margin-bottom: 40px;}
	.single_tab .top_title{font-size: 40px;padding: 70px 0;}
	.single_tab .top_title .icon img{transform: scale(.8);}
	.single_tab .tab_box{padding: 36px 0;}
	.single_tab .tab_box .tab_title a{font-size: 20px;margin: 0 45px 50px 45px;padding-bottom: 20px;}
	.single_tab .tab_box .tab_item .list_box .item .icon{max-width: 55px;}
	.single_tab .tab_box .tab_item .list_box .item .name{font-size: 20px;}
	.recommend_box{padding: 70px 0;}
	.recommend_box .list_box .item .text_box .title{font-size: 20px;margin-bottom: 12px;}
	.recommend_box .list_box .item .text_box .text{margin-bottom: 20px;}
	.recommend_box .list_box .item .text_box .more{padding: 5px 20px;}

	.serve_page .section_4{padding:70px 0;}
	.serve_page .section_4 .tab_title a{font-size: 18px;}
	.serve_page .section_4 .page_title{    padding: 40px 0;}
	.serve_page .section_4 .page_title .title{font-size: 32px;}
	.serve_page .section_4 .list_box .item{    padding: 25px 35px 40px 35px;}
	.serve_page .section_4 .list_box .item .line{top: 38px;}
	.serve_page .section_4 .list_box .item .title{font-size: 16px;padding: 12px 0;}

	.news_single .title{font-size: 30px;}
	.news_single .date{font-size: 18px;margin-bottom: 15px;}
	.news_single{padding: 55px 0;}
	
	.home_banner .swiper-slide{height: calc(85vh - 35px);}
	.home_bottom{padding: 65px 0;}
}

@media screen and (max-width: 1200px) {
	.yiyuan_page .page_banner{    padding: 130px 0 480px 0;}
	.yiyuan_page .page_banner .img img{transform: scale(.6);transform-origin: left;}
	.yiyuan_page .page_banner .sub_title{font-size: 18px;}
	.yiyuan_page .page_banner .title{padding: 20px 0 0 0;font-size: 40px;}
	.yiyuan_page .page_title .en{font-size: 45px;}
	.yiyuan_page .page_title .cn{font-size: 28px;}
	.yiyuan_page .page_title{padding: 25px 0;}
	.yiyuan_page .section_1 .video{margin: 50px auto;}
	.yiyuan_page .section_1{padding: 0px 0 80px 0;}
	.yiyuan_page .section{padding: 70px 0;}
	.yiyuan_page .section_2 .list_box .item{margin-bottom: 60px;}
	.yiyuan_page .section_2 .list_box .item .title{font-size: 20px;}
	.yiyuan_page .section_3 .list_box .item .title{max-width: 150px;}
	.yiyuan_page .section_3 .list_box .item{width: 33.33%;}
	.yiyuan_page .section_3 .list_box .item .title{font-size: 20px;}
	.yiyuan_page .section_4 .list_box .item .text_box{font-size: 16px;}
	.yiyuan_page .section_4 .list_box .item .img_box .text_box .title{font-size: 22px;}

	.panorama_single .single_title{padding: 60px 0;}
	.panorama_single .single_title .title{font-size: 45px;}
	.panorama_single .single_title .text{font-size: 18px;}
	.single_slider{padding: 70px 0;}
	.single_slider .text_box .text_item .title{font-size: 25px;margin-bottom: 12px;}
	.single_slider .text_box .text_item .text{font-size: 16px;}
	.single_slider .text_box{padding-bottom: 50px;}
	.single_slider .text_box .text_item{margin-bottom: 30px;}
	.single_tab .top_title{font-size: 30px;padding: 60px 0;}
	.single_tab .top_title .icon img{transform: scale(.6);}
	.single_tab .tab_box{padding: 30px 0;}
	.single_tab .tab_box .tab_title a{font-size: 18px;margin: 0 40px 45px 40px;padding-bottom: 15px;}
	.single_tab .tab_box .tab_item .list_box .item .icon{max-width: 50px;}
	.single_tab .tab_box .tab_item .list_box .item .name{font-size: 18px;}
	.recommend_box{padding: 60px 0;}
	.recommend_box .list_box .item .text_box .title{font-size: 18px;margin-bottom: 12px;}
	.recommend_box .list_box .item .text_box .text{margin-bottom: 15px;}
	.recommend_box .list_box .item .text_box .more{padding: 5px 15px;}

	.serve_page .section_4{padding:60px 0;}
	.serve_page .section_4 .tab_title a{font-size: 16px;}
	.serve_page .section_4 .page_title{padding: 35px 0;}
	.serve_page .section_4 .page_title .title{font-size: 28px;}
	.serve_page .section_4 .list_box .item{padding: 20px 30px 35px 30px;}
	.serve_page .section_4 .list_box .item .line{top: 32px;}
	.serve_page .section_4 .list_box .item .title{font-size: 15px;padding: 10px 0;}
	.serve_page .section_4 .list_box .item .icon{width: 24px;height: 24px;}
	.serve_page .section_4 .list_box{
		display: grid;
		grid-template:
			'a b c d'
			'h g f e'
			'i j . .';
	}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(5) .line::before{transform: rotate(180deg);transform-origin: center;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(9) .line::before,.serve_page .section_4 .list_box .item:nth-child(10) .line::before{transform: rotate(0);transform-origin: center;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(5) .line{right: 50%;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(9) .line{left: 50%;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(8) .line{display: none;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(4)::after,
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(8)::after{background: url(../image/line_down.png) no-repeat;content: '';position: absolute;left: 50%;bottom: 10px;width: 10px;height: 37px;transform: translateX(-50%);}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(5)::after{display: none;}

	.home_contact .contact_form .radio_box .layui-form-radio{margin: 5px 0 0 0;}
    .home_banner .swiper-slide{height: calc(70vh - 35px);}
	.home_bottom{padding: 50px 0;}
	.home_bottom .list_box .item .title{font-size: 22px;}
	.home_bottom .list_box .item .text{font-size: 14px;}
	.footer .footer_menu{padding: 40px 0;}
	.footer .footer_menu .menu_list .item .title{font-size: 16px;padding-bottom: 12px;margin-bottom: 12px;}
	.footer .footer_menu .menu_list .item .sub_menu .sub_item{margin-bottom: 12px;}
	.footer .footer_menu .right_bar .footer_logo{margin-bottom: 20px;}
	.footer .footer_menu .right_bar .title{font-size: 20px;}
	.footer .footer_menu .right_bar .share{font-size: 16px;padding-top: 0;}
	.footer .copy_box .inner{padding: 20px;}
	
	.inner{padding: 0;}
}

@media screen and (max-width:992px) {
	.bottom-content_left{width: 100%;height: 65%;}
	.bottom-content_right{width: 100%;}
	.bottom-content_title{font-size: 18px;padding: 0% 0 2%;}
	.bottom-content_text{font-size: 14px;}
}

@media screen and (max-width: 768px) {
	.bottom-content_left{height: 50%;}

    .header-menu-toggle{display: block;}
    .fixed_header.active .header_menu .menu_box .menu_list{top: 0;padding-top: 20px;}
    .header_menu .menu_box .menu_list{flex-direction: column;position: fixed;left: -70%;top: 35px;width: 70%;z-index: 15;padding-top: 0;background-color: #fff;height: 100vh;transition: all .3s ease;}
	.header_menu .menu_box.open .menu_list{left: 0;margin-left: 0;}
	.header_menu .menu_box::after{content: '';width: 100%;height: 100vh;position: fixed;top: 0;right: 0;z-index: 10;background-color: rgba(0,0,0,.3);display: none;}
	.header_menu .menu_box.open::after{display: block;}
	.header_menu .menu_box .menu_list .item{border-bottom: 1px dashed #999;width: 100%;text-align: center;margin: 0;}
	.header_menu .menu_box .menu_list .item:first-child{display: block;}
	.header_menu .inner,.header_top .inner{width: 90%;}
	
	.header_menu .menu_box .search{padding: 25px 0;}
	.header_menu .logo{transform: scale(.7);}
	.yiyuan_page .page_banner .img img{transform: scale(.5);}
	.yiyuan_page .page_banner .sub_title{font-size: 16px;}
	.yiyuan_page .page_banner .title{padding: 10px 0 0 0;font-size: 36px;}
	.yiyuan_page .page_banner{padding: 110px 0 380px 0;}
	.yiyuan_page .section{padding: 50px 0;}
	.yiyuan_page .page_title{padding: 20px 0;}
	.yiyuan_page .page_title .en{font-size: 40px;}
	.yiyuan_page .page_title .cn{font-size: 24px;}
	.yiyuan_page .page_title{margin-bottom: 60px;}
	.yiyuan_page .section_2 .list_box .item{margin-bottom: 50px;}
	.yiyuan_page .section_2 .list_box .item .title{font-size: 18px;}
	.yiyuan_page .section_3 .list_box .item{height: 300px;}
	.yiyuan_page .section_3 .list_box .item .title{font-size: 18px;}
	.yiyuan_page .section_3 .list_box .item .title{max-width: 130px;}
	.yiyuan_page .section_4 .list_box .item .text_box{font-size: 14px;}
	.yiyuan_page .section_4 .list_box .item .img_box .text_box .title{font-size: 18px;}
	.yiyuan_page .section_5 .inner{width: 95%;}
	.yiyuan_page .section_5 .img_box{padding-bottom: 70px;}

	.home_bottom .list_box{flex-wrap: wrap;}
	
	.home_bottom .list_box .item{width: 50%;border: none;}
	.inner{width: 90%;}
	.footer .footer_menu .inner{flex-wrap: wrap;}
	.footer .footer_menu .menu_list{width: 100%;}
	.footer .footer_menu .right_bar{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
	.footer .footer_menu .right_bar .footer_logo{margin-bottom: 0;transform: scale(.8);}
	.footer .footer_menu .right_bar .title{font-size: 18px;}
	.footer .copy_box .inner{display: flex;flex-direction: column;}

	.home_banner .swiper-slide{height: calc(45vh - 35px);}
	.home_serve{padding: 50px 0;}
	.home_serve .section_title{margin-bottom: 60px;}
	.section_title .title{font-size: 30px;}
	.section_title .text{font-size: 14px;}
	.home_serve .list_box .item{margin-bottom: 70px;}
	.home_serve .list_box .item .num_box .num{font-size: 55px;}
	.home_serve .list_box .item .num_box .sup{font-size: 18px;}
	.home_serve .list_box .item .title{font-size: 16px;}
	.home_vision .box .text_box .text_item .title{font-size: 35px;}
	.home_vision .box .text_box .text_item .text{font-size: 16px;}
	.home_vision .box .text_box .text_item .img{max-width: 130px;}
	.home_vision .box .text_box .text_item .more{font-size: 14px;}
	.home_video{padding: 70px 0;}
	.home_video .section_title .title{font-size: 25px;}
	.home_video .video_box .video .play{font-size: 14px;}
	.home_video .video_box{margin-bottom: 120px;}
	.item-wrap .swiper-container{bottom: 20px;}
	.home_contact .contact_form{width: 60%;padding: 15px 20px;}
	.home_contact .contact_form .radio_box .layui-form-radio div{font-size: 14px;}
	.home_contact .contact_form .item_box .item{width: 100%;}
	.home_contact .text_box .title{font-size: 30px;}
	.home_contact .text_box .text{font-size: 16px;}
	.home_contact .text_box .tel{font-size: 24px;}

	.news_single .title{font-size: 18px;}
	.news_single {padding: 40px 0;}
	.news_single .prev_next{padding-top: 25px;flex-direction: column;align-items: flex-start;}
	.news_single .prev_next .item{max-width: 100%;}

	.panorama_page .panorama_text .img{width: 90%;}
	.panorama_single .single_title{padding: 30px 0;}
	.panorama_single .single_title .title{font-size: 26px;}
	.panorama_single .single_title .text{font-size: 14px;}
	.single_slider {padding: 50px 0;}
	.single_slider .text_box{padding-top: 4%;}
	.single_slider .text_box .text_item{margin-bottom: 20px;}
	.single_slider .text_box .text_item .title{font-size: 20px;margin-bottom: 5px;}
	.single_slider .text_box .text_item .text{font-size: 12px;}
	.single_tab .top_title{font-size: 22px;padding: 32px 0px;}
	.single_tab .top_title .icon{max-width: 240px;}
	.single_tab .tab_box{padding: 32px 0;}
	.single_tab .tab_box .tab_title a{font-size: 14px;margin: 0 22px 25px 22px;padding-bottom: 11px;}
	.single_tab .tab_box .tab_item .list_box .item{margin-bottom: 30px;}
	.single_tab .tab_box .tab_item .list_box .item .icon{max-width: 30px;}
	.single_tab .tab_box .tab_item .list_box .item .name{font-size: 14px;}
	.single_tab .tab_box .tab_item .list_box{width: 50%;}
	.recommend_box .list_box .item{padding: 0px 6px;}
	.recommend_box .list_box .item .text_box{padding: 12px 16px;}

	.serve_page .section_4{padding: 45px 0;}
	.serve_page .section_4 .describe, .serve_page .section_4 .page_title .text{font-size: 15px;}
	.serve_page .section_4 .page_title{padding: 30px 0;}
	.serve_page .section_4 .page_title .title{font-size: 24px;}
	.serve_page .section_4 .list_box.step_list_1{
		grid-template:
        'a b'
		'd c'
		'e f'
        'h g'
        'i j';
	}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(4) .line,.serve_page .section_4 .list_box.step_list_1 .item:nth-child(5) .line{display: none;}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(2)::after, .serve_page .section_4 .list_box.step_list_1 .item:nth-child(6)::after{
		background: url(../image/line_down.png) no-repeat;
		content: '';
		position: absolute;
		left: 50%;
		bottom: 10px;
		width: 10px;
		height: 37px;
		transform: translateX(-50%);
	}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(6) .line::before{
		transform: rotate(0deg);
    	transform-origin: center;
	}
	.serve_page .section_4 .list_box.step_list_1 .item:nth-child(3) .line::before{
		transform: rotate(180deg);
    	transform-origin: center;
	}
	.serve_page .section_4 .list_box.step_list_2{
		grid-template:
        'a b'
		'd c'
        'e f';
	}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(4) .line,.serve_page .section_4 .list_box.step_list_2 .item:nth-child(5) .line{display: none;}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(3)::after{
		display: none;
	}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(2)::after, .serve_page .section_4 .list_box.step_list_2 .item:nth-child(4)::after{
		background: url(../image/line_down.png) no-repeat;
		content: '';
		position: absolute;
		left: 50%;
		bottom: 10px;
		width: 10px;
		height: 37px;
		transform: translateX(-50%);
	}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(3) .line::before{
		transform: rotate(180deg);
    	transform-origin: center;
	}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(6) .line::before{
		transform: rotate(0deg);
    	transform-origin: center;
	}
	.serve_page .section_4 .list_box.step_list_2 .item:nth-child(6) .line{display: block;}
}

@media screen and (max-width: 480px) {
	.header_menu .inner, .header_top .inner{width: 95%;}
	.header_menu .logo{transform: scale(.5);left: -10%;}
	.header_menu .menu_box .menu_list .item a{padding: 15px 0;font-size: 15px;}
	.home_serve{padding: 35px 0;}
	.section_title .title{font-size: 25px;}
	.section_title .title{padding: 10px 0;}
	.home_serve .section_title{margin-bottom: 45px;}
	.home_serve .list_box .item .num_box .num{font-size: 40px;}
	.home_serve .list_box .item{width: 50%;margin-bottom: 45px;}
	.home_serve .list_box .item .num_box .sup{font-size: 16px;}
	.home_serve .list_box .item .title{font-size: 14px;}
	.home_vision .box .text_box .text_item .title{font-size: 25px}
	.home_vision .box .text_box .text_item .img{max-width: 105px;}
	.home_vision .box .text_box .text_item .text{font-size: 14px;margin-bottom: 45px;}

	.home_video{padding: 50px 0;}
	.home_video .section_title .text{font-size: 14px;}
	.home_video .section_title .title{font-size: 20px;}
	.section_title{margin-bottom: 15px;}
	.home_video .video_box .video .play{padding: 10px 20px;}
	.home_video .video_box{margin-bottom: 90px;}
	.home_video .list_box .item{width: 100%;}

	.home_contact{padding: 70px 0;}
	.home_contact .inner{flex-direction: column;}
	.home_contact .text_box{width: 100%;display: flex;flex-direction: column;align-items: center;padding-bottom: 30px;}
	.home_contact .contact_form{width: 100%;}
	.home_contact .contact_form .radio_box .layui-form-radio{display: flex;flex-direction: column;align-items: center;}
	.home_contact .text_box .title{font-size: 25px;}
	.home_contact .text_box .icon{max-width: 60px;}
	.home_contact .text_box .text{font-size: 14px;margin-bottom: 35px;}
	.home_contact .text_box .tel{font-size: 20px;}

	.home_bottom{padding: 35px 0;}
	.home_bottom .list_box .item{width: 100%;border: none;margin-bottom: 10px;}
	.home_bottom .list_box .item .title{font-size: 18px;}
	.home_bottom .list_box .item .text{padding: 5px 0;}
	.home_bottom .list_box .item:first-child{border: none;}
	.footer .footer_menu{display: none;}
	.footer .footer_menu .right_bar{flex-direction: column;}
	.footer .footer_menu .right_bar .title{font-size: 16px;padding: 20px 0;}

	.yiyuan_page .page_banner{padding: 50px 0 180px 0;}
	.yiyuan_page .page_banner .img img{transform: scale(.4);margin-bottom: -10px;}
	.yiyuan_page .page_banner .sub_title{font-size: 14px;}
	.yiyuan_page .page_banner .title{font-size: 26px;padding: 5px 0 0 0;}
	.yiyuan_page .section{padding: 25px 0;}

	.yiyuan_page .page_title .en{font-size: 30px;}
	.yiyuan_page .page_title .cn{font-size: 20px;}
	.yiyuan_page .page_title{padding: 15px 0;}
	.yiyuan_page .section_1 .video{margin: 25px auto;}
	.yiyuan_page .section_1 .video .play{width: 12%;}
	.yiyuan_page .page_title{margin-bottom: 40px;}
	.yiyuan_page .section_2 .list_box .item{margin-bottom: 20px;width: 33.33%;}
	.yiyuan_page .section_2 .list_box .item .title{font-size: 16px;padding: 5px 0;}
	.yiyuan_page .section_2 .list_box .item .icon{transform: scale(.7);}

	.yiyuan_page .section_3 .list_box .item{width: 50%;height: 250px;margin-bottom: 20px;}
	.yiyuan_page .section_3 .list_box .item .bg .icon{transform: scale(.8);}
	.yiyuan_page .section_3 .list_box .item .title{max-width: 120px;font-size: 16px;}
	.yiyuan_page .section_4 .list_box .item .text_box{font-size: 13px;}
	.yiyuan_page .section_4 .list_box{flex-wrap: wrap;}
	.yiyuan_page .section_4 .list_box .item:nth-child(even){margin-top: 0px;}
	.yiyuan_page .section_4 .list_box .item{margin: 0 70px 20px;}
	.yiyuan_page .section_4 .list_box .item .img_box .text_box .icon{transform: scale(.8);}
	.yiyuan_page .section_4 .list_box .item .img_box .text_box .title{font-size: 16px;padding: 8px 0;}

	.header_menu .menu_box .search_input .input_box{width: 270px;}

	.news_single .title{font-size: 17px;}
	.news_single {padding: 35px 0;}

	.header_top .right_bar>a{padding: 0 10px;font-size: 13px;}
	.panorama_banner .title{font-size: 24px;}
	.panorama_banner .link_list a{font-size: 13px;padding: 8px 10px;}
	.panorama_single .single_title{padding: 25px 0;}
	.panorama_single .single_title .title{font-size: 22px;width: 35%;}
	.panorama_single .single_title .text{width: 72%;font-size: 12px;padding-left: 3%;}
	.single_slider{padding: 40px 0;}
	.single_slider .inner{flex-wrap: wrap;}
	.single_slider .img_box{width: 100%;}
	.single_slider .text_box{width: 100%;padding-bottom: 0px;padding-top: 8%;}
	.single_slider .text_box .text_item .title{font-size: 17px;}
	.single_tab .top_title{font-size: 18px;padding: 25px 0px;}
	.single_tab .top_title .icon{max-width: 160px;}
	.single_tab .tab_box .tab_title a{font-size: 12px;margin: 0px 12px 10px 12px;white-space: nowrap;}
	.single_tab .tab_box .tab_item{display: grid;justify-items: center;row-gap: 10px;}
	.single_tab .tab_box .tab_item .list_box{width: 100%;}
	.single_tab .tab_box .tab_item .list_box .item{margin-bottom: 20px;justify-content: center;}
	.single_tab .tab_box .tab_item .list_box .item .name{font-size: 12px;}
	.single_tab .tab_box .tab_item .list_box .item .icon{max-width: 25px;}
	.single_tab .tab_box .tab_item div:last-child.img_box{grid-row: 1 / 2;}
	.recommend_box .list_box{flex-wrap: wrap;}
	.recommend_box .list_box .item{width: 100%;margin-bottom: 10px;}
	.single_tab .tab_box .tab_item .img_box{width: 60%;}
	.single_tab .tab_box .tab_title{min-width: 300px;overflow-x: auto;margin-bottom: 15px;}
	.single_tab .tab_box .tab_title a::before{width: 120%;}
}