﻿@charset "UTF-8";

#header .k1120{ height: inherit;}

.language{position:absolute; top:50%; right: -97px; margin-top:-10px; z-index: 9999; background-color: #fff;}
.language a{width: auto;height: auto;padding: 0 4px;font-size: 12px;}
.language a:hover{ color:#f15a24;}


.enlanguage{ right: -61px;}

.banner{ width:100%; height: auto; overflow: hidden; padding-top: 100px;position: relative;}
.banner ul{ width: 300%; height:auto; z-index: 1;}
.banner ul li{ width: 33.33%; height: auto; float: left; overflow: hidden;}

.banner .dots{ width: auto; height: 10px; position: absolute; bottom:38px; z-index: 999; left: 50%; margin-left: -30px; padding: 0 ;}
.banner .dots .dot{ width: 10px; height: 10px; float: left; font-size:0px; background: url(../images/BannerIco.png) top left no-repeat; margin: 0 5px;}
.banner .dots .active{ background-position: top right;}

.bannerBOX{ width: 100%; height:100%; padding: 40px 0; overflow: hidden; position: relative;     box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}

.b_pic{
	width:50%;
	float:right;
	position:relative;
	max-height:400px;
	}
.b_pic img{
	max-width:100%;
	}
.mac{
 	z-index:1;
	margin-top:0;
	width:100%;
	}
.ipad{
	position:absolute;
	z-index:2;
	width:30%;
	bottom:0px;
	right:20px;
	}
.iphone{
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	width:16%;
	}
.b_text{
	padding:50px 0 0 0;
	float:left;
	color:#fff;
	width:50%;
	}
.b_text h1{
	line-height:140%;
	font-size:35px;
	padding-left:10%;
	}
.b_text h2{
	line-height:170%;
	font-size:30px;
	padding-left:10%;
	font-weight: normal;
	}
.b_text h4{
	font-size:18px;
	font-weight:normal;
	padding:10px 0 30px 10%;
	}
.b_text p{
	padding:10px 0 5px 10%;
 	font-size:22px;
	font-weight: normal;
	line-height:120%;
	}
	
.b_2 h2{
	color:#fff;
	font-size:36px;
	font-weight:normal;
	position:relative;
	width:100%;
	}
.b_2 h1{
	color:#f15a24;
	font-size:40px;
	font-weight:normal;
	line-height:120%;
	height:100px;
	line-height:100px;
	padding:40px 0;
 	}
.b_2 h5{
	font-size:14px;
	color:#fff;
	}	


.textBOX2{text-align: center; color: #fff; }
.textBOX2 h2{font-size: 36px; line-height: 100%; margin-top: 5%;}
.textBOX2 h1{ margin: 30px 0; color: #0071bc; line-height: 120%; font-weight: normal; font-size: 70px;}
.textBOX2 h5{font-size: 20px; color: #fffffff;}
.enBox2 h1{line-height: 80%;}


.textBOX3{text-align: center; color: #fff;}
.textBOX3 h3{
	font-size: 27px;
	line-height: 30px;
font-weight: inherit;
margin-top: 12%;}
.textBOX3 h4{font-size: 62px;
line-height: 100%;
margin-top: 50px;
color:#f15a24;
font-weight: inherit;}
.enBox3 h4{ font-size: 56px;}


@media (max-width: 1120px) {
	.b_2{
		display:none;
		}
	 
	
	}
@media (max-width: 960px) {
	 
	.b_text{
		padding-top:10px;}
	
	}
 

 
@media (max-width: 768px) {	
	.b_1{
		padding:40px 0;
		}
	.scrol-page{
  		padding:0 0 0 0;
  	}
	.b_text{
		padding-top:20px;}
	.b_text h1{
 		font-size:30px;
  	}
	.b_text h4{
		font-size:14px;
		line-height:140%;
		padding-bottom:10px;
  		}
	.b_text  p{
 		font-size:12px;
		padding-top:5px;
		padding-bottom:0;
		}

.textBOX2 h2{margin-top: 15%;}
.textBOX2 h1{ font-size:50px;}
.enBox2 h2{margin-top: 5%;}
.enBox2  h1{font-size: 76px;}


	
}
@media (max-width: 480px) {	
	
	.QQbox{
		visibility:hidden;
		}
	.b_1{
		padding:0px 0 10px 30px;
		}
	.b_text{
		width:auto;
		float:none;
		padding-bottom:0px;
 		}
	.b_pic{
		width:auto;
		float:none;
		margin:0 10px;
		}
	.b_text h1{
 		padding:0 0 0 30px;
	line-height:160%;
	font-size:22px;
	font-weight: bold;
  	}
	.b_text h4{
  		padding:10px;
  		}
	.b_text p{
		padding:0 0 0 30px;
		line-height:170%;
 	font-size:20px;
	font-weight: bold;
	}
	

.textBOX2 h2{font-size: 30px; margin-top: 33%;}
.textBOX2 h1{ margin: 30px 0; color: #0071bc; line-height: 120%; font-weight: normal; font-size: 40px;}
.textBOX2 h5{font-size: 16px; color: #fffffff;font-weight: bold;}
.gsjj2 img{
	width:100%;
}



}


.det #news{padding-top: 100px;}
.det #case{padding-top: 100px;}
.det #kuaidi{padding-top: 100px;}
.det #wuliu{padding-top: 100px;}
.det #model{padding-top: 100px;}


@media (max-width: 1334px){
		.language{
right: 0px;
top: 110px;
margin-left: 0;
padding: 0 10px 5px;}

}


@media (min-width: 990px) {
	.banner ul li{ height: 513px;}
	#tbox{
		visibility:hidden;
		}
}
@media (max-width: 990px){
	.banner {padding-top: 70px}
	.det #news{padding-top: 70px;}
	.det #case{padding-top: 70px;}
	.det #model{padding-top: 70px;}
	.banner ul li{ height: 491px;}
	.language{top: 80px;}
}
@media(max-width: 767px){
	.banner {padding-top: 45px}
	.det #news{padding-top: 45px;}
	.det #case{padding-top: 45px;}
	.det #model{padding-top: 45px;}

	.language{
position: absolute;
right: 50px;
top: 50%;
margin-top:-12px;
padding:0;
background-color: none;}
}
}
@media (max-width: 768px) {
	.banner ul li{ height: 332px;}
}
@media (max-width: 480px) {
	.banner ul li{ height: 555px;}
	.banner ul li{ background-size: auto 330px;}
	.b_pic{
	width:100%;	
	max-height:300px;	
	}
	.det #news{padding-top: 50px;}
.det #case{padding-top: 50px;}
.det #kuaidi{padding-top: 50px;}
.det #wuliu{padding-top: 50px;}
.det #model{padding-top: 50px;}
	
	.enBox1 .b_pic{width: 60%; margin:0 auto;}

}

/* #case{padding-bottom: 50px;}
#services{padding-bottom: 50px;} */

/*min-height*/
.minheight{min-height:370px;}