@media (max-width:1840px) {
	
}
@media (max-width:1600px) {
	
}
@media (max-width:1445px) {
	.Hfloor1 .auto{padding: 30px 0 120px 0;}
	.ServiceHig .listBox1,
	.New .New_deatil .content .slickBox{padding: 0 50px;}
	.ServiceHig .listBox1 .slick-arrow.slick-prev,
	.New .New_deatil .content .slickBox .slick-arrow.slick-prev{left: 0;}
	.ServiceHig .listBox1 .slick-arrow.slick-next,
	.New .New_deatil .content .slickBox .slick-arrow.slick-next{right: 0;}
	.ServiceHig .listBox .slick-arrow,
	.New .New_deatil .content .slickBox .slick-arrow{background-size: contain;padding: 20px;}
	
	
}
@media (max-width:1300px) {
	header .top_right .top_menu li em a{padding: 0 20px;}
	.Hfloor1 .auto{padding: 30px 2% 120px 2%;}
	.Hfloor1 .auto .info{max-width: 80%;}
	.Hfloor2 li .tip{margin-top: 46px;}
	.Hfloor3 li{height: 260px;}
	.colunm_banner .txt{right: 2%;}
	.development .Timeline .item{padding-right: 54.6%;}
	.development .Timeline .item:nth-child(2n+1){padding-left: 54.6%;}
	.Culture .Culture_list li .txtBox{padding: 60px;}
	.New .New_deatil .content .slickBox{padding: 0 30px;}
	.joinBox .join_list .item .txtBox{padding: 30px;}
}
@media (max-width:1024px) {
	body{padding-top: 60px;}
	header{height: 60px;}
	header .top_left{width: 40%;}
	header .top_right{width: 50%;}
	header .top_right .top_sulo,
	header .top_left {line-height: 60px;}
	header .top_right .top_menu li{padding: 10px 0;}
	header .top_right .top_menu li em a{color: white;font-size: 16px;padding-left: 30px;line-height: 1.8;}
	header .top_right .top_menu li.on em a{background: none;}
	header .top_right .top_menu{float: none;position: fixed;top: 60px;right: -100%;transition: 0.3s;z-index: 999;padding-top: 30px;background-color: rgba(0,0,0,0.7);width: 250px;height: calc(100% - 60px);overflow-y: auto;}
	header .top_right .top_menu.show{right: 0;}
	header .top_right .top_menu li{display: block;text-align: left;}
	header .top_right .top_menu li .sub a::before,
	header .top_right .top_menu li.on em::before{display: none;}
	header .top_right .top_menu li .sub a:first-child{border: none;}
	header .top_right .top_menu li .sub{position: relative;background: none;padding-left: 40px;}
	header .top_right .top_menu li .sub a{color: white;border: none;font-size: 14px;}
	header .top_right .top_menu li .sub a:hover{background:none;}
	header .top_right .top_search .top_input{padding-right: 50px;top: 60px;width: 240px;}
	header .top_right .top_search .top_input .search_btn {display: block;}
	header .top_right .top_search:hover .wapopen{background: url(../images/search.png)no-repeat center;}
	header .top_right .top_search .wapopen.on{background: #33887b url(../images/close.png)no-repeat center;}
	header .top_right .open_menu{width: 30px;height: 30px;padding-top: 15px;margin-left: 10px;display: inline-block;vertical-align: middle;}
	header .top_right .open_menu i{font-style: normal;display: block;height: 1px;position: relative;background-color: #000000;}
	header .top_right .open_menu i::before,
	header .top_right .open_menu i::after{content: "";position: absolute;background-color: #000000;left: 0;width: 100%;height: 100%;transition: .3s;}
	header .top_right .open_menu i::before{top: -10px;}
	header .top_right .open_menu i::after{top: 10px;}
	header .top_right .open_menu.open i{background: none;}
	header .top_right .open_menu.open i::before{transform: rotate(45deg);top: 0px;background: #33887b;}
	header .top_right .open_menu.open i::after{transform: rotate(-45deg);top: 0px;background: #33887b;}
	
	footer .bottom_top{padding: 30px 0;}
	footer .bottom_top .bottom_menu{display: none;}
	footer .bottom_top .bottom_logo{margin-bottom: 30px;}
	footer .bottom_top .bottom_code,
	footer .bottom_top .bottom_logo{float: none;text-align: center;width: 100%;}
	
	.Hfloor2 li:nth-child(2n+1) .txtBox,
	.Hfloor2 li .txtBox{float: none;width: 100%;background: white;}
	.Hfloor2 li:nth-child(2n+1) .img,
	.Hfloor2 li .img{float: none;width: 100%;text-align: center;}
	.Hfloor2 li:nth-child(2) .txtBox{background: white;}
	
	.development .Timeline .main{padding-top: 30px;}
	.development .Timeline .main:before{left: 0;}
	.development .Timeline .item:nth-child(2n+1){padding-left: 54px;}
	.development .Timeline .info,
	.development .Timeline .item:nth-child(2n+1) .info{float: none;max-width: 100%;}
	.development .Timeline .item{padding-right: 0;padding-left: 54px;}
	.development .Timeline .info:before{left: -37px;right: auto;background: url(../images/time1_2.png)no-repeat center;}
	.development .Timeline .info::after{right: auto;left: -64px;}
	.development .Timeline .year{text-align: left;}
	.development .Timeline .pre .preBox{padding-left: 0;}
	
	.Honor .HonorBox .slider{padding: 20px 0;}
	.Honor .HonorBox .slick-list{padding: 60px 18% !important;}
	.Honor .HonorBox .item{padding: 20px;}
	.Honor .HonorBox .item .tit{font-size: 14px;}
	.Honor .HonorBox .item.slick-current .tit{font-size: 12px;}
	.Honor .HonorBox .item .year{width: 50px;height: 50px;background-size: contain;font-size: 12px;}
	.Honor .HonorBox .item .year em{left: 2px;top: 10px;}
	.Honor .HonorBox .slick-arrow{width: 25px;}
	.Honor .HonorBox .slick-arrow.slick-prev{left: 0;background-size: contain;}
	.Honor .HonorBox .slick-arrow.slick-next{right: 0;background-size: contain;}
	.Honor .HonorBox .honor_list li{width: 50%;height: 135px;margin-bottom: 0px;}
	
	.Culture .Culture_list li .txtBox{padding: 40px;}
	.Culture .Culture_list li .txtBox h3{font-size: 24px;}
	.Culture .Culture_list li .txtBox .info{font-size: 18px;}
	
	.New .NewBox .New_top li .txtBox{padding: 20px;}
	.New .NewBox .new_list li .img{width: 40%;}
	.New .NewBox .new_list li .txtBox{padding-right: 100px;width: 60%;}
	
	.ProjectBox .project_info .min_slide{max-width: 100%;padding: 0 15%;}
	.ProjectBox .project_info .min_slide .slick-arrow.slick-prev{left: 0;}
	.ProjectBox .project_info .min_slide .slick-arrow.slick-next{right: 0;}
	
	.serviceBox .service_list li .txtBox{padding: 20px 15px;}
}
@media (max-width:1000px) {
	
}
@media (max-width:768px) {
	footer .linkBox{font-size: 14px;padding: 20px 0;}
	.Home_banner li .play{padding: 20px;background-size: contain;}
	.Hfloor1 .auto{padding: 30px 2% 50px 2%;min-height: auto;}
	.Hfloor1 .auto .tit{padding: 10px 10px 30px;background-size: contain;font-size: 24px;max-width: 70px;}
	.Hfloor1 .auto .info{font-size: 14px;line-height: 1.5;padding-top: 10px;}
	.Hfloor1 .auto .info p{margin-bottom: 10px;}
	.Hfloor1 .Hfloor1bg{height: 250px;}
	.Hfloor2,
	.Hfloor3{padding: 30px 0;}
	.Hfloor .title h3{font-size: 24px;}
	.Hfloor3 ul,
	.Hfloor2 ul{margin-top: 30px;}
	.Hfloor2 li{margin-bottom: 20px;}
	.Hfloor2 li:nth-child(2n+1) .txtBox, .Hfloor2 li .txtBox{padding: 20px 15px;}
	.Hfloor2 li .txtBox h3{font-size: 16px;}
	.Hfloor2 li .tip{margin-top: 20px;font-size: 14px;}
	.Hfloor2 li .txtBox .info{height: auto;font-size: 14px;}
	.Hfloor3 li{height: auto;min-height: 200px;float: none;width: 100%;}
	
	.colunm_banner .txt{bottom: 10px;font-size: 14px;}
	.about_top{padding-bottom: 30px;}
	.aboutImg{min-height: auto;padding: 30px 0;}
	.aboutImg .txtBox{padding-top: 85%;}
	.aboutImg .txtBox .tit{font-size: 22px;background-size: contain;padding: 15px 15px 35px;max-width: 86px;}
	.aboutImg .txtBox .info{margin-top: 30px;}
	
	.about .title .cn{font-size: 24px;}
	.development{padding-bottom: 50px;}
	.development .Timeline{padding-left: 10px;padding-top: 30px;}
	.development .Timeline .year{font-size: 24px;margin-bottom: 5px;}
	.development .Timeline .item:not(:last-child){margin-bottom: 20px;}
	.development .Timeline .item,
	.development .Timeline .item:nth-child(2n+1){padding-left: 35px;}
	.development .Timeline .item:nth-child(2n+1) .pre .preBox{padding-right: 10px;}
	.development .Timeline .ytable-cell{display: block;}
	.development .Timeline .pic{width: 100%;margin-top: 10px;}
	.development .Timeline .item:nth-child(2n+1) .info:before,
	.development .Timeline .item .info:before{background-size: contain;padding: 10px;}
	.development .Timeline .item .info:before,
	.development .Timeline .item:nth-child(2n+1) .info:before{left: -20px;}
	.development .Timeline .item:nth-child(2n+1) .info::after,
	.development .Timeline .info::after{left: -45px;}
	.development .Timeline .item:nth-child(2n+1) .info .inner,
	.development .Timeline .info .inner{padding: 20px 15px;}
	.Honor .HonorBox{padding:30px 0;}
	.Honor .HonorBox .item .tit{padding: 0 15px;}
	.Page002046 .Pages .a_first{ margin-right: 5px;padding: 0 5px;font-size: 14px;}
	.Page002046 .Pages .a_end{ margin-left: 5px;padding: 0 5px;font-size: 14px;}
	
	.Culture .CultureBox{padding-top: 30px;}
	.Culture .Culture_list{padding: 30px 0;}
	.Culture .Culture_list li{padding-bottom: 20px;}
	.Culture .Culture_list li .img,
	.Culture .Culture_list li:nth-child(2n) .img,
	.Culture .Culture_list li:nth-child(2n) .txtBox,
	.Culture .Culture_list li .txtBox{float: none;width: 100%;max-width: 100%;background: none;padding: 15px;text-align: center;}
	.Culture .Culture_list li .img,
	.Culture .Culture_list li:nth-child(2n) .img{padding: 0;}
	.Culture .Culture_list li .txtBox .info{margin-top: 15px;font-size: 16px;}
	
	.New .NewBox .New_top li {float: none;width: 100%;margin-right: 0;margin-bottom: 20px;}
	.New .NewBox .New_top li .img{text-align: center;}
	.New .NewBox .New_top li .txtBox{padding: 20px 15px 0 15px;}
	.New .NewBox .New_top li .txtBox h3{font-size: 16px;}
	.New .NewBox .new_list li .txtBox .info,
	.New .NewBox .New_top li .txtBox .info{height: auto;}
	.New .NewBox .new_list li .img{float: none;width: 100%;text-align: center;}
	.New .NewBox .new_list li .txtBox{float: none;width: 100%;padding: 20px 15px 0 15px;}
	.New .NewBox .new_list li .txtBox h3{font-size: 16px;}
	.New .NewBox .new_list li .txtBox .time{right: auto;left: 0;top: auto;position: relative;transform: translateY(0);margin-top: 15px;}
	.New .NewBox .new_list li .txtBox .moreBox{margin-top: 20px;text-align: center;}
	
	.New .New_deatil{padding-top: 20px;}
	.New .New_deatil .tit {margin-bottom: 30px;}
	.New .New_deatil .tit h3{font-size: 16px;}
	.New .New_deatil .detailbotm{padding: 30px 0;}
	
	.New .video_list li{width: 49%;}
	.New .video_list li:nth-child(2n){margin-right: 0;}
	.New .video_list li:nth-child(3n){margin-right: 2%;}
	.video_float .video_con{max-width: 90%;}
	.video_float .video_con .closeA{right: 0;top: -50px;padding: 20px;background-size: contain;}
	.New .video_list li .txtBox{font-size: 18px;padding: 20px 0;}
	
	.ProjectBox{padding-top: 30px;}
	.ProjectBox .Project_list{padding-top: 30px;}
	.ProjectBox li{width: 49%;}
	.ProjectBox li:nth-child(2n){margin-right: 0;}
	.ProjectBox li .txtBox{padding: 20px 10px;}
	.ProjectBox li .txtBox h3{font-size: 18px;}
	.ProjectBox .project_info .big_slide{margin-bottom: 30px;}
	.ProjectBox .project_info .min_slide .slick-arrow{padding: 20px;background-size: contain;}
	.ProjectBox .project_info .detailbotm{padding: 50px 0;}
	.ProjectBox .project_info h3{font-size: 24px;}
	.ProjectBox .project_info .info{margin: 30px 0;}
	
	.service{background-size: auto;}
	.serviceBox .service_list{padding-bottom: 30px;margin-top: 20px;}
	.serviceBox .service_list li .img{float: none;width: 100%;text-align: center;}
	.serviceBox .service_list li .txtBox{float: none;width: 100%;}
	.serviceBox .service_list li .txtBox .info{margin-top: 20px;}
	.serviceBox .sertop{padding: 20px 15px;}
	.serviceBox .sertop h3{font-size: 24px;}
	.serviceBox .sertop .info{font-size: 16px;margin-top: 20px;}
	
	.businessBox .bustop{margin-top: -5px;padding: 20px;}
	.businessBox .bustop h3{font-size: 24px;}
	.businessBox .bustop h4{font-size: 18px;margin-top: 20px;}
	.businessBox .main{margin-top: 30px;padding-bottom: 50px;}
	.businessBox .business_bd .item .txtBox{float: none;width: 100%;padding: 20px 15px;}
	.businessBox .business_bd .item .img{float: none;width: 100%;}
	.businessBox .business_hd .libox h3{font-size: 16px;margin-top: 10px;}
	.businessBox .business_hd{padding: 20px 30px;}
	.businessBox .business_hd .slick-arrow{padding: 15px 8px;background-size: contain;top: 40%;}
	.businessBox .business_hd .slick-arrow.slick-prev{left: 10px;}
	.businessBox .business_hd .slick-arrow.slick-next{right: 10px;}
	.businessBox .business_hd .libox{margin: 0 5px;padding-bottom: 10px;}
	
	.ServiceHig{margin-top: 30px;padding-bottom: 30px;}
	.ServiceHig .titBox .txt{font-size: 18px;}
	.ServiceHig .info{margin-top: 20px;}
	.ServiceHig .listBox1{padding: 0 30px;padding-bottom: 20px;}
	.ServiceHig .listBox .slick-arrow{padding: 20px 15px;top: 40%;}
	.ServiceHig .listBox .li{margin: 0 5px;}
	.ServiceHig .listBox .li h3{font-size: 14px;}
	.ServiceHig .itemBox3,
	.ServiceHig .itemBox2{padding: 30px 0;}
	.ServiceHig .left{float: none;width: 100%;margin-bottom: 20px;}
	.ServiceHig .right{float: none;width: 100%;}
	.ServiceHig .itemBox2 .info{margin-top: 20px;}
	.ServiceHig .itemBox3 .flbox .img,
	.ServiceHig .itemBox3 .flbox .list{width: 100%;float: none;padding-right: 0;}
	.ServiceHig .itemBox3 .flbox .list .libox{padding: 20px 15px;width: 100%;margin-right: 0;}
	.ServiceHig .itemBox3 .flbox .list .libox .tit{margin-bottom: 15px;}
	.ServiceHig .itemBox4{padding-top: 30px;}
	.ServiceHig .itemBox4 .listBox{margin-top: 20px;}
	.ServiceHig .itemBox4 .listBox ul li{width: 32.666%;height: 60px;line-height: 60px;}
	.ServiceHig .itemBox4 .listBox ul li:nth-child(3n){margin-right: 0;}
	
	.joinBox{padding: 30px 0;}
	.joinBox .join_list .item{margin-bottom: 20px;}
	.joinBox .join_list .item:nth-child(2n+1) .img,
	.joinBox .join_list .item:nth-child(2n+1) .txtBox,
	.joinBox .join_list .item .img,
	.joinBox .join_list .item .txtBox{float: none;width: 100%;}
	.joinBox .join_list .item .txtBox{padding: 20px 15px;}
	.joinBox .join_list .item:nth-child(2n+1){flex-direction: row;}
	.joinBox .join_list .item .txtBox .info{margin-top: 10px;font-size: 14px;}
	.joinBox .join_list .item .txtBox h3{font-size: 20px;}
	.joinBox .join_list .item .txtBox h4{font-size: 18px;}
	.joinBox .join_list .item .txtBox pre{font-size: 15px;}
	
	.recruit ul li .info,
	.recruit ul li .tit{padding: 10px 20px;}
	.recruit ul li .tit h3{font-size: 16px;}
	.recruit ul li .tit .open{width: 30px;height: 30px;}
	.recruit ul li .info .info_hed span{margin-right: 10px;}
	.recruit .join_contact{padding: 20px;}
	
	.contactBox .mapBox .map,
	.contactBox .mapBox .img{float: none;width: 100%;margin: 10px 0;text-align: center;}
	.contactBox .mapBox .map{height: 250px;}
	.contactBox .compayBox{margin-top: 0;padding: 20px 15px 20px 50px;background-position: 10px 20px;font-size: 14px;}
}
@media (max-width:480px) {
	.Hfloor1 .auto{padding: 10px 2% 10px 2%;background-size: 100% 100%;}
	.Hfloor1 .auto .tit{font-size: 14px;max-width: 52px;}
	.Hfloor3 li a p,
	.Hfloor3 li a h3{font-size: 20px;}
	

	.New .video_list li{width: 100%;float: none;margin-right: 0;margin-bottom: 20px;}
	.New .video_list li:nth-child(3n){margin-right: 0;}
}