.contentBox{
	width: 100%;
	height: 100%;
}
.large{
	width: 100%;
	height: 560px;
	background-image: url(../img/large.jpg);
	background-size: 100% 560px;
}
.navD{
	width: 1210px;
	height: 94px;
	margin: 0 auto;
}
.navList>ul>.items>a{
	color: #cdd1d8;
}
.official {
    width: 1210px;
    height: 100%;
    margin: 0 auto;
    padding-top: 59px;
}
.guarantee {
    color: #333333;
    font-size: 24px;
    padding-left: 50px;
}
.official span {
    color: #666666;
    font-size: 16px;
    padding-left: 50px;
}
.officialIco {
    width: 30px;
    height: 4px;
    background-color: #d12a2f;
    margin: 20px 0 0 50px;
}
.introduce{
	width: 963px;
	height: 196px;
	color: #333333;
	font-size: 16px;
	margin: 42px 0 0 50px;
}
.vision{
	width: 1210px;
	height: auto;
	margin: 0 auto;
}
.vision ul{
	width: 965px;
	height: auto;
	margin: 92px 0 0 50px;
}
.vision ul li{
	width: 33.33%;
	height: auto;
	float: left;
}
.vision ul li div{
	width: 60px;
	height: 60px;
	margin-left: 0;
}
.vision ul li div img{
	width: 100%;
	height: 100%;
}
.vision ul li p{
	color: #333333;
	font-size: 24px;
}
.vision ul li span{
	color: #666666;
	font-size: 16px;
}
.perch{
	width: 100%;
	height: 80px;
	clear: both;
}
.carouselBox{
	width: 1210px;
	height: 300px;
	margin: 0 auto;
	clear: both;
}
.carousel{
	width: 1150px;
	height: 100%;
	margin-left: 50px;
}
.swiper-button-prev {
    width: 40px !important;
    height: 89px !important;
    position: absolute !important;
    left: 17px !important;
    top: 40% !important;
    background-image: none !important;
}
.zuo{
	 width: 40px !important;
     height: 89px !important;
	 background-image: url(../img/l1.png) !important;
	 background-size: 100% 100% !important;
}
.zuo2{
	 width: 40px !important;
     height: 89px !important;
	 background-image: url(../img/l2.png) !important;
	 background-size: 100% 100% !important;
}
.swiper-button-next {
    width: 40px !important;
    height: 89px !important;
    position: absolute;
    right: 17px !important;
    top: 40% !important;
    background-image: none !important;
    z-index: 999 !important;
}
.you{
	 width: 40px !important;
     height: 89px !important;
	 background-image: url(../img/r2.png) !important;
	 background-size: 100% 100% !important;
}
.you2{
	 width: 40px !important;
     height: 89px !important;
	 background-image: url(../img/r3.png) !important;
	 background-size: 100% 100% !important;
}
.swiper-slide {
    width: 450px !important;
    height: 300px !important;
    margin-left: 23px !important;
    position: relative;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
}
.city{
	width: auto;
	height: 100%;
	margin: 39px 0 0 41px;
}
.city ul li{
	float: left;
	width: 260px;
	height: 160px;
	margin: 0 9px 0 9px;
}
.city ul li img{
	width: 100%;
	height: 100%;
}
.company{
	width: 100%;
	height: 740px;
	margin-top: 80px;
	background-image: url(../img/company4.png);
	background-size: 100% 740px;
}
#roll {
	overflow:hidden;
	width: 100%;
	margin-top: 60px;
}
#roll img {
	 width: 100%;
	 height: 100%;
}
#indemo {
	float: left;
	width: 800%;
}
#roll1 {
	float: left;
}
#roll2 {
	float: left;
}
.modal-box{
	width: 100%;
	height: 100%;
	left: 0;
    top: 0;
    opacity: 0.9;
    background-color: #000000;
    z-index: 99;
    position: fixed;
    display: none;
}
.modal-data{
	width: 930px;
	height: 620px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -465px;
	margin-top: -310px;
	z-index: 999;
}
.modal-data .bigImg{
	width: 100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
}
.modal-data .bigImg img{
	width: 100%;
	height:100%;
}
.coloes{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: -40px;
	z-index: 9999;
}
.coloes img{
	width: 100%;
	height: 100%;
}