html,body{
	background-color: white;
	line-height:2;
}
a{
	text-decoration: none;
}
td{
	border:1px solid gray;
	text-align:center;
}

.swiper-container .swiper-slide img{
	width:100%;
	height:auto;
	min-height:100%;
	transition:1s linear 2s;
	transform:scale(1.1,1.1);
}
.swiper-container .swiper-slide-active img,.swiper-container.swiper-slide-duplicate-active img{
	transition:6s linear;
	transform:scale(1,1);
}
.clearmp{
	margin: 0;
	padding: 0;
}
.max_with{
	max-width: 1600px;
	margin: 0 auto;
}
.nav-item a{
	color: #FFFFFF;
	padding: 25px 35px;
	font-size: 18px;
	position: relative;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}


.nav-item a::after {
	position: absolute;
	content: "";
	top: 95%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #3570b5;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.5s;
}

.nav-item a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}
.nav-item{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.nav-phone a{
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
.swiper-text{
	top: 50%;left: 13%;z-index: 1;
}
.swiper-text h1{
	color: #FFFFFF;
	font-size: 72px;
	font-weight: bold;
}
.swiper-text h2{
	margin-top: 30px;
	font-size: 60px;
	color: #FFFFFF;
}
.model_title{
	
}
.model_title h1{
	margin-top: 80px;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
}
.model_title p{
	margin-top: 26px;
	font-size: 14px;
	color: #666666;
}
.model_con{
	padding: 0 35px;
	width: 380px;
	height: 380px;
	box-shadow: 0 0 12px rgba(0,0,0,.12), 0 12px 12px rgba(0,0,0,.12);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: white;
	z-index: 3;
}
.model_con img:hover{
	margin-top:-20px;
}
.model_con img{
	transition:all 0.5s;
}
.model_con h6{
	margin-top: 40px;
	font-size: 18px;
	font-weight: bold;
}
.model_con p{
	color: #666666;
	line-height:1.5;
}
.bluebg{
	background: url(../img/bgblue.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	padding-bottom: 80px;
	padding-top: 240px;
	margin-top: 280px;
    z-index: 1;
}
.bluebg h1{
	
	font-size: 30px;
	color: #FFFFFF;
}
.bluebg p{
	color: #FFFFFF;
	font-size: 28px;
}
.bluebg h6{
	color: #FFFFFF;
	margin-bottom: 45px;
}
.bluebg a{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: white;
	background:none;
	border: 1px solid white;
	text-decoration: none;
	margin:  0 auto;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.prosild{
	margin-top: 48px;
	padding-bottom: 170px;
}
.pro{
	background-image: url(../img/probg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.prolist a p{
	padding: 26px 20px;
	background-color: white;
	font-size: 18px;
	color: #333333;
	display: flex;
	line-height:1.5;
}
.prolist a{
	text-decoration: none;
}
.swiper-pagination-bullet{
	width: 18px;
	height: 18px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 15%;
}
.casemodel{
	background: url(../img/fangan.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	display: flex;
	transition: all 1.0s;
}
.case-flex{
	z-index:2;
	display: block;
	padding: 295px 0;
	flex: 0 0 20%;
	max-width: 20%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	border-right: 1px solid #ffffff61;
	transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.case-flex:hover{
	background-color: #4982c49e;
	text-decoration: none;
}
.case-flex p{
	margin-top: 40px;
	color: white;
	font-size: 20px;
}
.model_title a{
	background-color: #3570b5;
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	color: white;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 35px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.model_title a:hover{
	background-color: #3570b5c2;
	border-radius: 10px;
}
.footer{
	padding: 60px 0 40px 0;
}
.footer .fo-left h3{
	font-size: 24px;
	font-weight: bold;
	color: white;
	margin-bottom: 50px;
}
.footer .fo-left span{
	color: white;
}
.footer .fo-right h3{
	font-size: 20px;
	font-weight: bold;
	color: white;
	margin-bottom: 30px;
}
.fo-right ul li{
	list-style: none;
	margin: 5px 0;
}
.fo-right ul li a{
	color: white;
	text-decoration: none;
	font-size: 14px;
}
.navbar-toggler{
	border: none;
	outline: none;
}
.navbar-toggler:focus{
	border: none;
	outline: none;
}
.bluebg a:hover{
	border-radius: 10px;
}
.moodel{
	position: absolute;
	top: 200px;z-index: 3;
	left:0;
}

.prolist{
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.prolist a img{
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
.prolist a p{
	transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	
}
.prolist a:hover .prolist-img{
	filter: contrast(0.5);
}
.prolist a:hover .prolist-img{
	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.prolist a:hover p {
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
	color: #ffffff;
	background-color: #3570b5;
}
.swiper-container2 .prolist-img{
	background-color: #bcd0e8;
}
.swiper-container2 .prolist-img2{
	background-color: #dadfe3;
}
.bg_white{
	background-color: white;
	box-shadow: rgba(0, 0, 0, 0.26) 0px 0px 5px 0px;
}
.header{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.centers{
	display: flex;
	justify-content: center;
	align-items: center;
}
.img_text{
	position: absolute;
	text-align: center;
}
.img_text h2{
	font-size: 36px;
	color: #FFFFFF;
}
.img_text p{
	font-size: 18px;
	color: #FFFFFF;
}
.aboutus{
	margin-top: 75px;
	margin-bottom: 100px;
}
.aboutus-left{
	padding-right: 10%;
}
.aboutus-left h1{
	font-size: 80px;
	font-weight: bold;
	color: #f3f3f3;
}
.aboutus-left h3{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	position: relative;
	top: -50px;
}
.aboutus-right .abicon{
	position: absolute;
	top: 10%;
	right: 76px;
}
.number{
	padding: 45px;
	background-color: #f7f8fa;
	margin-bottom: 80px;
}
.number_model{
	border-right: 1px solid lightgray;
	color: #3570b5;
}
.number_model p{
	font-size: 18px;
	color: #333333;
}
.num{
	font-size: 48px;
	font-weight: bold;
	color: #3570b5;
}
.number_model .year{
	color: black;
}
.phoner{
	background-color: #f7f8fa;
	padding: 92px 0;
}
.honer h2{
	color: #e2e2e2;
	font-size: 36px;
	font-weight: bold;
}
.honer h1{
	font-size: 36px;
	font-weight: bold;
	color: #333333;
}
.swiper-container3{
	padding-top: 50px;
}
.changqu{
	padding: 100px 0 0;
}
.vert{
	font-size: 30px;vertical-align: top;
}
.leftmodel::after{
	transition: all 0.5s;
}
.pimg{
	z-index:88;
}
.leftmodel:hover::after{
	content: "";
	    position: absolute;
	    top: 50%;
	    left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	    height: 60px;
	    width: 60px;
	    background: url(../img/fangda.png) no-repeat center center;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -webkit-transition: 250ms;
	    transition: all 0.5s;
		z-index:-1;
}
.rightmodel_1:hover::after{
	content: "";
	    position: absolute;
	    top: 50%;
	    left: 50%;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	    height: 60px;
	    width: 60px;
	    background: url(../img/fangda.png) no-repeat center center;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -webkit-transition: 250ms;
	    transition: 250ms;
		z-index:-1;
}
.rightmodel_2:hover::after{
	content: "";
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    height: 60px;
	    width: 60px;
		transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
	    background: url(../img/fangda.png) no-repeat center center;
	    border-radius: 5px;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -webkit-transition: 250ms;
	    transition: 250ms;
		z-index:-1;
}

.leftmodel{
	position: relative;
	background-image: url(../img/leftchangqu.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 32.5%;
	float: left;
	z-index: 1;
}
.rightmodel{
	width: 66.7%;
	float: right;
}
.rightmodel_1{
	background-image: url(../img/leftchangqu.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 42.1%;
	position: relative;
	float: left;
	z-index: 1;
}
.rightmodel_2{
	background-image: url(../img/leftchangqu.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	width: 56.7%;
	float: right;
	margin: 0 0 20px 9px;
	z-index: 1;
}
.proedtit{
	font-size: 36px;
	color: #000000;
	margin-top: 90px;
	margin-bottom: 20px;
}
.leftpic{
	
}
.righttext{
	padding: 60px 60px 50px 0;
}
.f24{
	font-size: 24px;
	color: #333333;
}
.righttext p{
	font-size: 16px;
	color: #666666;
	margin-top: 35px;
}
.righttext a{
	
}
.pro_model{
	background-color: #f6f6f6;
	display: flex;
	text-decoration: none;
}
.pro_model:hover{
	text-decoration: none;
}
.righttext button{
	margin-top: 90px;
	width: 120px;
	height: 40px;
	border: 1px #3771b6 solid;
	color: #3771b6;
	border-radius: 0px;
}
.righttext button:hover{
	background-color: #3771b6;
}
.pro_model img{
	width: 49%;
}
.xiangqingpic{
	background-color: #f6f6f6;
	width: 720px;
	height: 500px;
	text-align: center;
	line-height: 500px;
}
.xiangqing{
	padding: 50px 0 50px 0px;
}
.xiangqing h3{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 40px;
}
.xiangqing p{
	color: #333333;
	margin-bottom: 55px;
}
.xiangqing button{
	background-color: #3771b6;
	color: white;
	width: 166px;
	height: 46px;
	border-radius: 0;
}
.miaoshu{
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: white;
	background-color: #3771b6;
}
.solution{
	margin-top: 90px;
}
.solution h3{
	font-size: 36px;
	color: #e2e2e2;
	
}
.solution h4{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
}
.newsmodel{
	padding: 58px;
	display: flex;
	border: 1px solid gainsboro;
	justify-content: space-between;
}
.newsmodel:hover a .lefts p{
	color: #3570b5;
}
.newsmodel a{
	display: contents;
	text-decoration: none;
}
.newsmodel a:hover{
	
	text-decoration: none;
}
.newsmodel a .lefts{
	width: 70%;
}
.newsmodel a .lefts h4{
	font-size: 20px;
	color: #333333;
}
.newsmodel a .lefts p{
	transition: all 0.5s;
	color: #666666;
}
.newsmodel a .rights h4{
	font-size: 30px;
	color: #333333;
}
.newsmodel a .rights p{
	color: #666666;
}
.maptext{
	background-color: #3570b5cc;
	padding: 90px 50px;
	position: absolute;
	z-index: 5;
	right: 5%;
	top: 20%;
}
.maptext h3{
	font-size: 24px;
	font-weight: bold;
	color: black;
	margin-bottom: 30px;
	color: white;
}
.maptext p{
	margin: 0;
	padding: 0;
	color: white;
}
.topfed{
	display: flex;
	justify-content: space-between;
}
.topf{
	width: 30%;
	border-radius: 0;
	background-color: white;
	border: none;
	height: 52px;
}
.topfed textarea{
	margin: 26px 0;
	border-radius: 0;
	background-color: white;
	border: none;
	
}
.topfed button{
	width: 55%;
	height: 52px;
	background-color: #3570b5;
	
	border-radius: 0;
	border: none;
}
@media screen and (max-width: 768px){
	.shis{
		display: flex;
    justify-content: center;
	}
	.moodel{
		position:relative;
		top:0;
	}
	.banner{
	margin-top:50px;
}
.topf{
	width: 100%;
	margin-top:26px;
}
.toppic{
	margin-top:50px;
}
.topfed button{
	width: 100%;
}
.topfed{
	flex-direction:column;
}
.topfed img{
	width:fit-content;
	margin:20px 0;
}
	.navbar{
		background-color: #3570b5;
		text-align: center;
	}
	.nav-item a{
		padding: 10px;
	}
	.swiper-text h1{
		font-size: 18px;
	}
	.swiper-text h2{
		font-size: 16px;
	}
	.bluebg{
		margin-top: 20px;
		padding-top: 20px;
	}
	.prolist a p{
		font-size: 8px;
		padding: 10px 7px;
	}
	.case-flex{
		padding: 15px 5px;
	}
	.case-flex p{
		font-size: 8px;
	}
	.prosild{
		padding-bottom: 80px;
	}
	.num{
		font-size: 16px;
	}
	.vert{
		font-size: 16px;
	}
	.aboutus-left h1{
		font-size: 60px;
		font-weight: 500;
	}
	.aboutus-right .abicon{
		position: relative;
		top: 0;
		right: 0;
	}
	.number{
		padding: 20px;
	}
	.img_text h2{
		font-size: 16px;
	}
	.img_text p{
		font-size: 14px;
	}
	.leftmodel{
		width: 100%;
	}
	.rightmodel{
		margin-top: 10px;
		width: 100%;
	}
	.rightmodel_1{
		width: 42%;
	}
	.rightmodel_2{
		    margin: 0 0 10px 0px;
			width: 54.4%;
	}
	.maptext{
		position: relative;
		right: 0;
		top: 0;
	}
	.newsmodel{
		padding: 25px;
	}
	.xiangqingpic{
		width: 100%;
	}
	.pro_model{
		flex-direction: column;
		    align-items: center;
	}
	.righttext{
		padding: 60px 50px;
	}
	.righttext button{
		margin-top: 20px;
	}
	.newsmodel a .lefts p{
		font-size: 12px;
	}
	.newsmodel a .lefts h4{
		font-size: 14px;
	}
	.newsmodel a .rights h4{
		font-size: 18px;
	}
	.newsm{
		font-size:20px;
		font-weight:bold;
	}
}
@media screen and (min-width: 768px){
	
}