@charset "utf-8";
@media (max-width:1024px) {
	.home_head .header{
		padding: 15px 0;
	}
	.home_head .top{
		display: none;
	}
	.home_head .header .nav{
		display: none;
	}
	.home_head .navbtn{
		display: block;
	}
	.float-box{
		display: none;
	}
	.footer{
		padding-top: 0;
	}
	.footer .footer-top{
		display: none;
	}
	.foot-bottom{
		text-align: center;
	}
	.foot-bottom span{
		float: none;
	}
	.foot-bottom a{
		display: none;
	}
	.links{
		display: none;
	}
	.home-field .field_box{
		width: 101%;
	}
	.home-news .con_box .left ul li .text{
		max-width: 70%;
	}
	.home-news .con_box .right .text_box .text .text-b{
		width: 85%;
	}
	.home-news .con_box .left ul li{
		padding: 2.3%;
	}
	.contact_top .box{
		padding: 0;
		border: none;
	}
	.contact_top .box .text_con{
		width: 340px;
	}
	.news .left .news_box ul li .text{
		padding-top: 1%;
	}
	.news_show .data-box .f-l span{
		margin-right: 10px;
		line-height: 18px;
	}
	.news_show .data-box .f-l .s4{
		display: none;
	}
	.about_honor #focus_Box{
		display: none;
	}
	.about_honor .phone_honor{
		display: block;
	}
	.about_honor{
		min-height: auto;
		padding-bottom: 60px;
	}
	.core .title p{
		width: 100%;
	}
	.port .port_box .right span,
	.vehicle_t .right span{
		padding: 0;	
	}
	.port .port_box .right span:before,
	.vehicle_t .right span:before{
		display: none;
	}
	.vehicle_t{
		min-height: auto;
		padding: 60px 0;
	}
	.vehicle_t .left{
		padding-top: 5%;
	}
	
	.home-about .home-about-text{
		width: 100%;
	}
	.home-field .field_box .slick-dots{
		bottom: -10px;
	}
}

@media (max-width:991px) {
	.home-news .con_box .left ul li{
		padding: 2.2%;
	}
	.news .left{
		width: 100%;
	}
	.news .right{
		display: none;
	}
	.news .left .news_box ul li .text{
		padding-top: 1.5%;
	}
	.core_text .ol_list{
		width: 100%;
	}
}
@media (max-width:768px ) {
	.home_head .logo{
		width: 40%;
	}
	.banner .slick-prev,.banner .slick-next{
		background-size: 100% 100%;
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.home-tech{
		padding: 6% 0;
	}
	.title em{
		font-size: 32px;
	}
	.title h3{
		font-size: 22px;
		margin-top: -28px;
	}
	.title h3 span{
		font-size: 22px;	
	}
	.home-tech .title p{
		width: 100%;
	}
	.home-tech ol{
		margin: 4% 0;
	}
	.home-tech ol li{
		padding: 0 0 10px;
	}
	.home-tech ol li .text{
		padding: 10px 10px 0;
	}
	.home-tech ol li .text h3{
		font-size: 16px;
	}
	.home-tech ol li .text p{
		margin-top: 5px;
		font-size: 14px;
	}
	.home-tech ol li .text span{
		margin-top: 10px;
		font-size: 12px;
	}
	.home-field{
		padding: 6% 0;
	}
	.home-field .field_box{
		margin-top: 5%;
	}
	.home-field .field_box .box{
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		height: auto;
	}
	.home-field .field_box .box a .text{
		padding-bottom: 20px;
	}
	.home-field .field_box .box a .text h3{
		font-size: 16px;
	}
	.home-field .field_box .box a .text p{
		margin-top: 5px;
		font-size: 14px;
	}
	.home-field .field_box .box a .text span{
		font-size: 12px;
	}
	.home-partner .partner_box{
		margin: 4% 0;
	}
	.home-partner{
		padding-bottom: 6%;
	}
	/*.home-about{
		padding-top: 7%;
	}*/
	.home-about .top li{
		padding: 0 10px;
	}
	.home-about .top li .text{
		margin-top: 15px;
	}
	.home-about .top li .text h3{
		font-size: 16px;
	}
	.home-about .top li .text p{
		margin-top: 5px;
	}
	.home-about .home-about-text{
		margin-top: 8%;
	}
	.home-about .home-about-text .tit h3{
		font-size: 22px;
		font-weight: bold;
	}
	.home-about .home-about-text{
		min-height: auto;
		padding: 5%;
	}
	.home-about .home-about-text p{
		margin-bottom: 4%;
	}
	.home-news{
		margin-top: 2%;
		padding-bottom: 6%;
	}
	.home-news .top .title h3{
		font-size: 22px;
	}
	.home-news .top .tit,.home-news .top .more{
		margin-top: 9px;
	}
	.home-news .top .tit{
		top: 11px;
	}
	.home-news .top .more{
		font-size: 14px;
	}
	.home-news .con_box{
		margin-top: 3.5%;
	}
	.home-news .con_box .right .text_box{
		padding: 0;
	}
	.home-news .con_box .right .text_box .text{
		padding: 10px;
	}
	.home-news .con_box .right .text_box .text .text-b{
		width: 82%;
	}
	.home-news .con_box .left ul li .text{
		max-width: 60%;
		margin-top: 8px;
		padding-left: 15px;
	}
	.home-news .con_box .left ul li .data{
		padding-right: 15px;
		width: 115px;
	}
	.home-news .con_box .left ul li{
		padding: 0.7% 3%;
	}
	
	.tech{
		padding: 6% 0 7%;
	}
	.tech ol{
		margin: 4% 0 3%;
	}
	.tech ol li{
		padding: 0 0 10px;
	}
	.tech ol li .text{
		padding: 10px 10px 0;
	}
	.tech ol li .text h3{
		font-size: 16px;
	}
	.tech ol li .text p{
		margin-top: 5px;
		font-size: 14px;
	}
	.tech ol li .text span{
		margin-top: 10px;
		font-size: 12px;
	}
	.partner{
		padding: 6% 0 7%;
	}
	.partner ol{
		margin: 4% 0 3%;
	}
	
	.menu a{
		font-size: 14px;	
		line-height: 33px;
		margin: 0 10px;
	}
	.contact_top .box .text_con{
		width: 100%;
		padding-top: 0;
	}
	.contact_top .box .map{
		width: 100%;
		margin-top: 4%;
	}
	.contact_top{
		margin-top: 4%;
	}
	.contact_message{
		padding: 6% 0 7%;
	}
	.contact_message ol{
		margin-top: 4%;
	}
	.contact_message ol li{
		width: 100%;
		margin-right: 0;
	}
	.contact_message ol li .btn{
		width: 100%;
	}
	.join_box{
		padding: 4% 0 7%;
	}
	.join_box .tit,.join_box ol li .bt{
		padding: 0 10px;
	}
	.join_box ol li .text{
		padding: 10px;
	}
	.news{
		padding-bottom: 7%;
	}
	.news .left .news_box ul{
		margin-bottom: 4%;
	}
	.news .left .news_box ul li .text .bottom{
		margin-top: 10px;
	}
	.news .left .news_box ul li .text p{
		margin-top: 8px;
	}
	.news_show h1{
		font-size: 18px;
	}
	.news_show .data-box{
		font-size: 12px;
		margin-top: 10px;
	}
	.news_show .data-box .f-r a{
		margin-left: 5px;
	}
	.about_box,.about_box2,.about_box3,.about_box4{
		padding: 6% 0 7%;
	}
	.about_box .box,.about_box2 ol{
		margin-top: 4%;
	}
	.about_box .box .left{
		width: 100%;
	}
	.about_box .box .right{
		width: 100%;
		margin-top: 4%;
	}
	.about_box3{
		min-height: auto;
		background-size: 100% 100%;
	}
	.about_box3 .about_text{
		width: 100%;
		margin-top: 4%;
	}
	.about_box4 .path{
		width: 100%;
		margin-top: 5%;
	}
	.about_box4 .path ol li{
		margin-bottom: 5%;
	}
	.about_box4 .path ol{
		margin-bottom: 5%;
	}
	.about_honor{
		padding: 6% 0 8%;
	}
	.about_honor .phone_honor{
		margin-top: 5%;
	}
	.about_box .box .left span{
		font-size: 12px;
		margin-top: 5px;
	}
	.about_box .box .left span:before{
		height: 1px;
	}
	
	.overseas{
		padding: 6% 0;	
	}
	.overseas .over_t{
		margin-top: 4%;
	}
	.overseas .over_t .left{
		padding-top: 9%;
	}
	.overseas .over_t .left h3{
		font-size: 18px;
	}
	.core{
		padding-bottom: 7%;
	}
	.core ol{
		margin-top: 4%;	
	}
	.transport{
		padding: 6% 0;
	}
	.transport .tran{
		margin-top: 4%;
	}
	.transport .tran .left{
		position: relative;
		top: 0;
		width: 100%;
		box-shadow: none;
		background: none;
		padding: 0;
	}
	.transport .tran .left h3,.integrity .left h3{
		font-size: 18px;
	}
	.transport .tran .left span{
		margin-top: 4px;
	}
	.transport .tran .left .text p{
		margin-top: 15px;
	}
	.transport .tran .right{
		width: 100%;
		margin-top: 4%;
	}
	.transport .tran .left span em{
		font-size: 12px;
	}
	.integrity{
		padding: 6% 0;
	}
	.integrity .left,.integrity .right{
		width: 100%;
	}
	.integrity .right{
		margin-top: 4%;
	}
	.integrity .left span{
		margin-top: 8px;
	}
	.port{
		padding: 6% 0;
	}
	.port .port_box{
		margin-top: 4%;
	}
	.port .port_box .left{
		width: 100%;
		position: relative;
		bottom: 0;
		padding: 0;
		background: none;
	}
	.port .port_box .left h3,
	.vehicle_t .left h3{
		font-size: 18px;
	}
	.port .port_box .left span,
	.vehicle_t .left span{
		font-size: 12px;
	}
	.port .port_box .right{
		width: 100%;
		margin-top: 4%;
	}
	.vehicle_t{
		background-size: 100% 100%;
		padding: 6% 0;
	}
	.vehicle_t .left{
		width: 100%;
		padding-top: 0;
	}
	.vehicle_t .right{
		width: 100%;
		margin-top: 4%;
	}
	.parts_t .port_box{
		margin-top: 0;
	}
	.parts_t .port_box .left{
		top: 0;
	}
	.parts{
		padding: 6% 0;
	}
	.parts .box{
		margin-top: 4%;
	}
	.parts .box .left{
		width: 100%;
		padding: 0;
		box-shadow: none;
	}
	.parts .box .right{
		position: relative;
		top: 0;
		width: 100%;
		margin-top: 4%;
	}
	.parts .box .left .bt h3{
		font-size: 18px;
	}
	.parts .box .left .bt h4{
		font-size: 12px;
		margin-top: 5px;
		padding-bottom: 15px;
	}
	.parts .box .left .bt h4:before{
		height: 1px;
	}
	.core_text{
		padding-top: 6%;
	}
	.core_text .ol_list{
		margin-top: 4%;
	}
	.core_text .ul_list{
		margin-top: 5%;
	}
	
	.zhengche .box .left{
		margin-top: 0;
	}
	.tables_tit{
		margin-top: 5%;
	}
	.tables_con{
		margin-top: 5%;
	}
	.partner1 .tables_con ol{
		margin: 0;
	}
	.network{
		padding-bottom: 7%;
	}
	.network ol{
		margin-top: 4%;
	}
	.core_text .title h3 span{
		font-size: 22px;
	}
	.partner1{
		padding-bottom: 6%;	
	}
	
	.home-about .g_title{
		display: none;
	}
	.home-about{
		padding-top: 0;
	}
	.home-about .home-about-text{
		margin-top: 15px;
	}
	.home-about{
		margin-bottom: 6%;
	}
	.home-about .home-about-text{
		padding: 15px;
	}
	.home-field .title h4{
		font-size: 32px;
	}
	.home-field .title h3{
		margin-top: -28px;
		margin-bottom: 0;
	}
	.home-field{
		background-size: 100% 244px;
	}
	.home-field .field_box .slick-dots{
		bottom: -26px;
	}
	.home-tech{
		background-size: 100% 241px;
	}
}
@media (max-width:640px) {
	.home-tech ol li{
		width: 100%;
		margin-left: 0;
		margin-top: 3%;
	}
	.home-tech ol li:first-child{
		margin-top: 0;
	}
	.home-tech ol li img{
		width: 100%;
	}
	.home-field .field_box{
		width: 100%;
		margin-left: 0;
	}
	.home-field .field_box .box{
		margin: 0;
	}
	.home-field .field_box .slick-dots{
		bottom: -20px;
	}
	.home-field .field_box .slick-dots li button{
		width: 15px;
		height: 2px;
	}
	.home-partner .partner_box ol li{
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
		float: left;
	}
	.home-partner .partner_box ol li:nth-child(2n){
		float: right;
	}
	.home-partner .partner_box ol li img{
		width: 100%;
	}
	.home-about{
		/*background: #f5b001;
		padding-bottom: 7%;*/
	}
	.home-about .top li:last-child{
		margin-bottom: 0;
	}
	.home-about .top li:before{
		display: none;
	}
	.home-about .top li{
		width: 100%;
		padding: 0;
		margin-bottom: 5%;
	}
	.home-about .home-about-text{
		width: 100%;
		margin-top: 3%;
		padding: 5% 10px;
	}
	.home-about .home-about-text .tit{
		margin-bottom: 15px;
	}
	.home-news .top h3{
		text-align: center;
		float: none;
		width: 100%;
	}
	.home-news .top .tit {
		margin-top: 12px;
		margin-left: 0;
		text-align: center;
		float: none;
		display: block;
	}
	.home-news .top .more{
		display: none;
	}
	.home-news .con_box .left{
		width: 100%;
		float: none;
	}
	.home-news .con_box .right{
		width: 100%;
		float: none;
		margin-bottom: 3%;
	}
	.home-news .con_box .right .text_box .img img{
		width: 100%;
	}
	.home-news .con_box .left ul li{
		padding: 2% 3%;
	}
	.tech .title p{
		width: 100%;
	}
	.tech ol li{
		width: 100%;
		margin-right: 0;
	}
	.tech ol li .img img{
		width: 100%;
	}
	.page a{
		line-height: 25px;
		padding: 0 10px;
		font-size: 12px;
	}
	.partner ol li{
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
		float: left;
	}
	.partner ol li:nth-child(2n){
		float: right;
	}
	.partner ol li img{
		width: 100%;
	}
	.join_box .tit{
		font-size: 14px;
		line-height: 46px;
	}
	.news .left .news_box ul li .text{
		padding-top: 0;
	}
	.news_show .data-box .f-r,
	.news_show .data-box .f-l .s3{
		display: none;
	}
	.fy_btn li a span{
		font-size: 14px;
	}
	.fy_btn{
		margin-top: 20px;
	}
	.fy_btn li a{
		padding-left: 10px;
		padding-right: 10px;
	}
	.about_box2 ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.about_box2 ol li:last-child{
		margin-bottom: 0;
	}
	.about_box2 ol li img{
		width: 100%;
	}
	.about_box2 ol li .text{
		min-height: auto;
		padding: 15px 10px;
	}
	.about_box4 .path ol li .img span{
		width: 75%;
	}
	.about_honor .phone_honor .text{
		margin: 0;
	}
	.about_honor .phone_honor .text span img{
		width: 100%;
	}
	
	.overseas .over_t{
		min-height: auto;
		background-size: 100% 100%;
		padding-bottom: 20px;
	}
	.overseas .over_t .left{
		width: 100%;
		padding-top: 0;
	}
	.overseas .over_t .right{
		width: 100%;
		margin-top: 4%;
	}
	.core ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 3%;
	}
	.core ol li img{
		width: 100%;
	}
	.core ol li:last-child{
		margin-bottom: 0;
	}
	.core_text .ul_list{
		margin-top: 4%;
	}
	.core_text .ul_list li{
		width: 100%;
		margin-right: 0;
		margin-top: 2%;
		transform: translateY(0);
	}
	.core_text .ul_list li img{
		width: 100%;
	}
	.core_text .ul_list li .text{
		height: auto;
		padding: 15px 10px;
	}
	.network ol li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.network ol li img{
		width: 100%;
	}
	.home-news .top .title{
		width: 100%;
		text-align: center;
	}
	.home-news .top .tit{
		position: relative;
		top: 0;
		left: 0;
		margin-top: 12px;
		display: block;
		float: left;
		width: 100%;
		text-align: center;
	}
}
@media (max-width:480px ) {
	.home-partner{
		padding-top: 2%;
	}
	.join_box .tit span:nth-child(2),
	.join_box .tit span:nth-child(3),
	.join_box .tit span:nth-child(4),
	.join_box ol li .bt span:nth-child(2),
	.join_box ol li .bt span:nth-child(3),
	.join_box ol li .bt span:nth-child(4){
		display: none;
	}
	.join_box .tit span:nth-child(1),
	.join_box ol li .bt span:nth-child(1){
		width: 50%;
	}
	.join_box .tit span:nth-child(5),
	.join_box ol li .bt span:nth-child(5){
		width: 25%;
		text-align: center;
	}
	.join_box .tit span:nth-child(6),
	.join_box ol li .bt span:nth-child(6){
		width: 25%;
		text-align: center;
	}
	.news .left .news_box ul li .img{
		width: 100%;
	}
	.news .left .news_box ul li .img img{
		width: 100%;
	}
	.news .left .news_box ul li .text{
		width: 100%;
		margin-top: 10px;
	}
	.news .left .news_box ul li .text .bt{
		font-size: 16px;
	}
	.news .left .news_box ul li .text p{
		margin-top: 5px;
	}
	.news .left .news_box ul li .text .bottom{
		font-size: 12px;
		line-height: 17px;
	}
	.news .left .news_box ul li .text .bottom a{
		margin-left: 10px;
	}
	.news .left .news_box .page{
		text-align: center;
	}
	.about_box4 .path ol{
		background: none;
	}
	.about_box4 .path ol li:before{
		display: none;
	}
	.about_box4 .path ol li .img{
		width: 100%;
	}
	.about_box4 .path ol li .img span{
		width: 100%;
	}
	.about_box4 .path ol li .text{
		width: 100%;
		margin-top: 15px;
	}
	.about_box4 .path ol li:nth-child(2n) .text{
		text-align: left;
	}
	.core_text .ol_list ol li .img{
		width: 40%;
		margin: 0 auto;
	}
	.core_text .ol_list ol li p{
		font-size: 14px;
	}
	.core_text .ol_list ol li:before{
		height: 100%;
	}
	.core_text .ul_list li .text h3{
		font-size: 16px;
	}
	.core_text .ul_list li .text .t{
		line-height: 20px;
	}
}
@media (max-width:414px) {
	.home_head .logo{
		width: 59%;
		position: relative;
		top: 1px;
	}
	.home_head .navbtn{
		width: 8%;
		margin-top: -4%;
	}
	.banner .slick-prev,.banner .slick-next{
		width: 20px;
		height: 20px;
		margin-top: -10px;
	}
	.home-news .con_box .left ul li .text{
		max-width: 67%;
	}
	.home-news .con_box .right .text_box .text .text-b p{
		margin-top: 12px;
	}
	.page a{
		font-size: 10px;
		padding: 0 8px;
		line-height: 22px;
	}
	.contact_top .box .map #map{
		height: 240px;
	}
	.contact_message ol li input{
		height: 38px;
		line-height: 38px;
		padding-left: 37px;
	}
	.contact_message ol li span{
		top: 10px;
		width: 18px;
	}
	.contact_message ol li textarea{
		height: 90px;
		padding-top: 8px;
		padding-left: 35px;
		padding-bottom: 8px;
		color: #666;
	}
	.contact_message ol li .btn{
		height: 46px;
		line-height: 46px;
		font-size: 18px;
	}
}
@media (max-width:375px ) {
	.home-news .con_box .left ul li .text{
		max-width: 63%;
	}
}
@media (max-width:360px ) {
	.home-news .con_box .left ul li .text{
		max-width: 61%;
	}
}
@media (max-width:320px ) {
	
}

/**2018-1-10**/
@media (max-width:1024px ) {
	.business_box .work_service1 .box .left{
		width: 100%;
		position: relative;
		box-shadow: none;
		padding: 0;
	}
	.business_box .work_service1 .box .right{
		width: 100%;
		position: relative;
		margin-top: 5%;
	}
	.business_box .work_service2 .box .left .bt span,
	.business_box .work_service3 .box .left span,
	.business_box .work_service5 .box .left .bt span,
	.business_box .work_service6 .box .left .bt span,
	.business_box .work_service7 .box .left .bt span{
		display: none;
	}
	.business_box .work_service2 .box .left .bt h3,
	.business_box .work_service5 .box .left .bt h3,
	.business_box .work_service6 .box .left .bt h3,
	.business_box .work_service7 .box .left .bt h3{
		margin-top: 0;
	}
	.business_box .work_service1 .box .left{
		margin-top: 0;
	}
	.business_box .work_service3,
	.business_box .work_service6{
		background: none;
		border-top: 1px solid #f3f3f3;
	}
	.business_box .work_service4 .box .right:before,
	.business_box .work_service5 .box .right:before,
	.business_box .work_service7 .box .right:before{
		display: none;
	}
	.business_box .work_service6 .box .left .bt h3{
		color: #17498e;
	}
	.business_box .work_service1 .box .left .text{
		color: #666666;
	}
}
@media (max-width:768px ){
	.business_box{
		padding-top: 6%;
		padding-bottom: 2%;
	}
	.business_box .work_service1{
		padding: 6% 0;
	}
	.business_box .work_service1 .box .left .bt h3{
		font-size: 18px;
	}
	.business_box .work_service1 .box .left .bt h4{
		font-size: 12px;
	}
}
/**2018-1-15**/
@media only screen and (max-width:1024px) {
	.path_box .path_con ul li .text{
		padding-top: 3%;
	}
}
@media only screen and (max-width:768px) {
	.path_box{
		padding: 6% 0;
	}
	.path_box .path_con{
		margin-top: 5%;
	}
	.path_box .path_con ul{
		margin-bottom: 3%;
	}
	.path_box .path_con ul li{
		margin-bottom: 3%;
	}
	.path_box .path_con ul li .img{
		width: 40%;
	}
	.path_box .path_con ul li .text{
		width: 57%;
	}
	.news{
		padding-top: 0;
	}
}
@media only screen and (max-width:640px) {
	.path_box .path_con ul li .text{
		padding-top: 1%;
	}
}
@media only screen and (max-width:480px) {
	.path_box .path_con ul li .img{
		width: 100%;
	}
	.path_box .path_con ul li .text{
		width: 100%;
		padding-top: 10px;
	}
}