@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2019-03-13 10:00:50
 * @version $Id$
 */
section.banner  .swiper-container{
	width: 100%;
	height: 100%;
}
section.banner div.swiper-wrapper .swiper-slide{
	float:left;
	width: 100%;
	height: 0;
	padding-top:27%;
	overflow: hidden;
	position: relative;
}
section.banner div.swiper-wrapper .swiper-slide img.pics{
	width: 100%;
	position: absolute;
	top: -60%;
	transform: translateY(25%);
	left:0;
	z-index: 1;
	display:block;
}
section.banner div.swiper-wrapper .swiper-slide  .fonts{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	display:none;
}
section.banner div.swiper-wrapper .swiper-slide-active img{
	animation:mymove 13s infinite;
	-webkit-animation:mymove 13s infinite; /*Safari and Chrome*/
}
/*@keyframes mymove
{
	from {transform: scale(1.1);}
	to {transform: scale(1);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
/*{
	from {transform: scale(1.1);}
	to {transform: scale(1);}
}*/
section.banner  .swiper-container .swiper-pagination-bullet{
	width: 40px;
	height: 5px;
	border-radius:10px;
	background-color:#fff;
}
section.banner  .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#f0861a;
}
section.banner  .swiper-container .swiper-pagination{
	bottom:30px;
}
@media only screen and (max-width: 750px) {
section.banner div.swiper-wrapper .swiper-slide{
	padding-top:144%;

}
section.banner div.swiper-wrapper .swiper-slide img.pics{
	display:none;
}
section.banner div.swiper-wrapper .swiper-slide  .fonts{
	display:block;
}
}
@media only screen and (max-width: 450px) {
section.banner  .swiper-container .swiper-pagination{
	bottom:10px;
}
}
/*plan*/
section.plan-index{
	overflow: hidden;
}
div.head{
	overflow: hidden;
}
div.head h3{
	font-size:36px;
	line-height:66px;
	color: #333;
	margin-top: 50px;
}
div.head span{
	display:block;
	line-height:16px;
	font-size:16px;
	color: #999999;
}
div.head .detail{
	margin: 70px 0 58px 8px;
}
div.head a{
	display:block;
	margin-top:70px;
	font-size:14px;
	position: relative;
}
div.head a:before{
	content:'';
	width: 9px;
	height: 2px;
	background-color:#999;
	position: absolute;
	top:8px;
	left:-16px;line-height:68px;
	font-size:18px;
}
@media screen and (max-width: 750px) and (min-width: 490px) {
div.head h3{
	margin-top: 50px;
}
div.head .detail {
    margin: 60px 8px;
}
div.head a {
    margin-top: 50px;
}
}
@media only screen and (max-width: 490px) {
div.head h3{
	margin-top: 14px;
	font-size:20px;
	line-height:50px;
}
div.head .detail {
    margin: 28px 0;
}
div.head span{
	font-size:10px;
	line-height:12px;
}
div.head a {
    margin-top: 36px;
    font-size:12px;
}
}

div.slideGroup .parHd {
	overflow: hidden;
}
div.slideGroup .parHd li{
	float:left;
	width: 50%;
	text-align:center;
	height: 80px;
	line-height:80px;
	font-size:24px;
	cursor: pointer;
	background-color:#f7f8fa;
}
div.slideGroup .parHd li.on{
	background-color:#1a5cb5;
	color: #fff;
}
div.slideGroup .parBd .slideBox a{
	display:block;
	width: 100%;
	height: 0;
	padding-top: 32.2%;
	overflow: hidden;
	position: relative;
}
div.slideGroup .parBd .slideBox img{
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	transition: all 2s;
	transform: scale(1.1);
}
div.slideGroup .parBd .slideBox a.model{
display:none;
}
div.slideGroup .parBd .slideBox:hover img{
	transform: scale(1);
}
@media only screen and (max-width: 750px) {
div.slideGroup .parHd li{
	height: 70px;
	line-height:70px;
}
div.slideGroup .parBd .slideBox a.pc{
display:none;
}
div.slideGroup .parBd .slideBox a.model{
display:block;
padding-top: 53.1%;
}
div.slideGroup .parBd .slideBox img{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);

}
}
@media only screen and (max-width: 490px) {
div.slideGroup .parHd li{
	height: 40px;
	font-size:15px;
	line-height:40px;
}
}
/*plan-end*/

/*case*/
div.case-index{
	overflow: hidden;
}
div.case-index li{
	float:left;
	width: 32%;
	margin-left: 2%;
	position: relative;
}
div.case-index li:first-child{
	margin-left: 0;
}
/*div.case-index li a{
	display:block;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}*/
div.case-index li .imgbox{
	width: 100%;
	height: 0px;
	padding-top: 72.72%;
	overflow: hidden;
	position: relative;
}
div.case-index li .imgbox .imgboxs{
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.3);
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
div.case-index li .imgbox .imgboxs1{
	width: 100%;
	height: 0;
	background-color:rgba(26, 92, 181, 0.9);
	position: absolute;
	bottom:50%;
	/*transform: translateY(-50%);*/
	left:0;
	z-index: 2;
}
div.case-index li .imgbox .imgboxs2{
	width: 100%;
	height: 0;
	background-color:rgba(26, 92, 181, 0.9);
	position: absolute;
	top:50%;
	/*transform: translateY(-50%);*/
	left:0;
	z-index: 2;
}
div.case-index li .imgbox img{
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	transition: all 1.2s;
	transform: scale(1.2);
}
div.case-index li .iboxT{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	transition: all 1.2s;
	width: 80%;
}
div.case-index li .iboxT span{
	font-size:24px;
	color: #fff;
	display:block;
	text-align:center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.case-index li .iboxB{
	position: absolute;
    width: 90%;
    left: 5%;
    bottom: 25%;
    text-align: center;
    color: #fff;
    height: 108px;
}
div.case-index li .iboxB .line{
    display: block;
    height: 0px;
    width: 2px;
    background-color: #fff;
    position: absolute;
    bottom:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}
div.case-index li .iboxB .cha{
	display:block;
	width: 140px;
	height: 0px;
	text-align:center;
	line-height:42px;
	color: #fff;
	overflow: hidden;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	z-index: 5;
}
div.case-index li:hover img{
	transform: scale(1);
}
div.case-index li:hover .imgboxs1{
	height: 50%;
	transition: all 0.4s ease 0.4s;
	-webkit-transform: all 0.4s ease 0.4s;
}
div.case-index li:hover .imgboxs2{
	height: 50%;
	transition: all 0.4s ease 0.4s;
	-webkit-transform: all 0.4s ease 0.4s;
}
div.case-index li:hover .iboxT{
	transform: translate(-50%, -130%);
}
div.case-index li:hover .iboxB .line{
	height: 16px;
	transition: all 0.4s ease 0.4s;
	-webkit-transform: all 0.4s ease 0.4s;
}
div.case-index li:hover .iboxB .cha{
	height: 42px;
	transition: all 0.4s ease 0.4s;
	-webkit-transform: all 0.4s ease 0.4s;
	border:1px solid #fff;
}
@media only screen and (max-width: 750px) {
div.case-index li{
	width: 100%;
	float:none;
	margin-left: 0;
	margin-top: 30px;
}
div.case-index li:first-child{
	margin-top: 0;
}
}
@media only screen and (max-width: 490px) {
div.case-index li .iboxT span {
    font-size: 18px;
}
}
/*case*/

/*ours*/
div.ours-index{
	overflow: hidden;
	margin-bottom: 94px;
}
div.ours-index .left{
	width: 50%;
}
div.ours-index .left .pic{
	width: 100%;
	height: 0;
	padding-top:57.1%;
	overflow: hidden;
	position: relative;
}
div.ours-index .left .pic img{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	-webkit-transition: all 1.4s;
	-moz-transition: all 1.4s;
	-ms-transition: all 1.4s;
	-o-transition: all 1.4s;
	transition: all 1.4s;
	transform: scale(1.1);

}
div.ours-index .left:hover img{
	 transform: scale(1);
}
div.ours-index .right{
	width: 40%;
	padding: 0 5%;
	padding-bottom: 19px;
	background-color:#f7f8fa;
}
div.ours-index .right h3{
	font-size:30px;
	line-height:28px;
	color: #333;
	margin-top: 56px;
	margin-bottom: 10px;
}
div.ours-index .right p{
	margin-top: 34px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}
div.ours-index .right a:after{
	content:'';
	width: 28px;
	height: 2px;
	background-color:#333;
	position: absolute;
	top:-34px;
	left:0;
	z-index: 1;
}
div.ours-index .right a{
	display:block;
	margin-top: 49px;
	width: 138px;
	height: 44px;
	text-align:center;
	line-height:44px;
	border:1px solid #e6e8ec;
	font-size:14px;
	color: #999;
	position: relative;
}
div.ours-index .right a:hover{
	color: #fff;
	border:1px solid #1a5cb5;
	background-color:#1a5cb5;
}
@media only screen and (max-width: 1024px) {
div.ours-index .right h3 {
    font-size: 30px;
    line-height: 28px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px;
}
div.ours-index .right p {
    margin-top: 18px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
div.ours-index .right{
	padding-bottom: 10px;
}
}
@media only screen and (max-width: 750px) {
div.ours-index .left,div.ours-index .right{
	width: 100%;
	margin: 0;
}
div.ours-index .right p{
	margin-top: 34px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	width: 90%;
}
div.ours-index{
	margin-bottom: 30px;
}
div.ours-index .right {
    padding-bottom: 40px;
}
}
@media only screen and (max-width: 490px) {
div.ours-index .right h3{
	font-size:20px;
	margin-top: 30px;
}
div.ours-index .right p{
	margin-top: 10px;
}
div.ours-index .right a{
	    margin-top: 35px;
	    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

div.ours-index .right a:after{
	top:-25px;
}
div.ours-index .right{
	padding-bottom: 30px;
}
div.ours-index {
    margin-bottom: 20px;
}
}
/*ours-end*/