.container-fluid,
.container-fluid .row,
.container-fluid .col-md-4,
.container-fluid .col-md-8,
/*.container-fluid .col-md-6,*/
.container-fluid .col-md-12{
	margin:0;
	padding: 0;
}
div.row.mt20{
	margin-top: 20px;
}

/*banner*/
.ban-ageoth{
	width: 100%;
	height: 960px;
	margin-bottom: 20px;
	background: url("../images/ban-oth.jpg") no-repeat center center;
	background-size:cover;
}
.ban-ageoth h2{
    left: 34%;
    top: 33%;
    text-align: right;
    width: auto;
    padding: 4% 1.5% 4% 0;
    background-size: 20% 70%;
}
/*con*/
.container-fluid .row{
	background-color: #f5f5f5;
	overflow: hidden;
}
.container-fluid.img-container .row img{
	width: 100%;
}
.container-fluid .txt{
	text-align: center;
	padding: 10% 0 0;
}
.container-fluid.img-container .col-md-6{
	padding: 0;
	margin: 0;
}
.container-fluid .txt h3{
	font-size: 42px;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 0;
}
.container-fluid .txt h3:before{
	content: '';
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 1px;
	background-color: #000;
}
.container-fluid .txt h4,
.container-fluid .txt h5{
	color: #21b8ce;
}
.container-fluid .txt h4{
	font-size: 120px;
	line-height: 120px;
	margin-top: 65px;
}
.container-fluid .txt h4 strong{
	font-size: 280px;
	font-weight: normal;
	margin-right: -30px;
}
.container-fluid .txt h5{
	text-transform: uppercase;
	font-size: 50px;
}
.container-fluid .txt p{
	font-size: 20px;
	color:#373737;
}
/*txt2*/
.container-fluid  .txt2{
	padding: 1% 0 0 0;
	position: absolute;
	left: 9%;
}
.container-fluid .txt2 h3{
	padding: 0 0 0 40px;
	margin: 0;
}
.container-fluid .txt2 h3:before{
	margin-left: -14px;
}
.container-fluid .txt2 h4{
	font-size: 82px;
	margin-top: 20px;
	margin-bottom: -30px;
}
.container-fluid .txt2 h4 strong{
	font-size: 190px;
	margin-right: -24px;
}
.container-fluid .txt2 h5{
	font-size: 40px;
}
.img-tth{
	margin-top: 20px;
}
.img-tth:after{
	content: "";
	display: table;
	clear: both;
	height: 0;
}
.img-tth .per-img:first-child{
	width: 32%;
}
.img-tth .per-img{
	width: 34%;
	float: left;
}
.img-tth .per-img img{
	width: 100%;
}



/*why*/
/*why common*/
.row.why{
	/*padding: 150px 0 130px;*/
	padding: 12% 0 10%;
}
.why h2{
	height: 60px;
	line-height: 85px;
	padding-left: 68px;
	color: #21b8ce;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 40px;
	background: url("../images/oth-icon.png") no-repeat 0 0;
}
.why ul li b,
.why ul li p{
	font-size: 20px;
	color: #373737;
}
.why ul li p strong{
	font-size: 30px;
	font-weight: normal;
}

.why ul li{
	padding-left: 100px;
	background: url("../images/oth-icon.png") no-repeat;
	margin-top: 20px;
}
.why .col-md-5{
	padding: 0;
}
.why .why-imgwrap{
	position: relative;
	/*height: 520px;*/

}
.why .why-imgwrap .btnwrap{
	position: absolute;
	right: -136px;
    top: -60px;
	z-index: 1;
	width: 360px;
	height: 290px;
	background: url("../images/borbg3.png") no-repeat right top;
}
.why .why-imgwrap2 .btnwrap{
	left: -375px;
	background: url("../images/borbg4.png") no-repeat right top;
}
.why .why-imgwrap .why-btn{
	position: absolute;
	z-index: 99;
	margin-top: -87px;
	width: 215px;
	height: 140px;
	line-height: 140px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	background-color: rgba(33,184,206,0.8);
}
.why .why-imgwrap1 .why-btn{
	left: 130px;
    top: 202px;
}

.why .why-imgwrap2 .why-btn{
	left: 263px;
	top: 200px;
}
.why .why-imgwrap img{
	/*position: absolute;*/
	width: 100%;
}
.why .why-txtwrap{
	/*padding-left: 95px;*/
}
/*why-one*/
.why-one{
	background-color: #f5f5f5;
}
.why-one ul li.why-txt1{
	background-position: 13px -136px;
}
.why-one ul li.why-txt2{
	background-position: 13px -249px;
}
.why-one ul li.why-txt3{
	background-position: 13px -358px;
}
.why-one ul li.why-txt4{
	background-position: 13px -479px;
}

/*why-two*/
.why-two{
	background-color: #eee!important;
}
.why-two ul li.why-txt1{
	background-position: 13px -595px;
}
.why-two ul li.why-txt2{
	background-position: 13px -710px;
}
.why-two ul li.why-txt3{
	background-position: 13px -821px;
}
.why-two ul li.why-txt4{
	background-position: 13px -929px;
}



@media (max-width : 1800px){
	.container-fluid .txt h4{
		font-size: 60px;
		margin-right: -10px;
		margin-top: 0;
	}
	.container-fluid .txt h4 strong{
		font-size: 138px;
		margin-right: -10px;

	}
	.container-fluid .txt h5{
		font-size: 30px;
		margin: -33px 0  0 0;
	}
	.container-fluid .txt p{
		font-size: 16px;
		line-height: 24px;
		margin-top: 2px;
	}
	.container-fluid .txt h3:before{
		bottom: 3px;
	}
	.container-fluid .txt2 h3:before{
		bottom: -13px;
	}
}

/*字体*/
@media (max-width: 1400px){
	/*banner*/
	.ban-ageoth{
		height: 650px;
	}
	.ban-ageoth h2{
		background-size: 18% 90%;
	}
	.container-fluid .txt{
		padding-top: 20%;
		line-height: 22px;
	}
	.container-fluid .txt h3{
		font-size: 28px;
		margin: 0;
	}
	.container-fluid .txt h3:before{
		bottom: 0;
	}
	.container-fluid .txt h4{
		font-size: 60px;
		margin: 0;
	}
	.container-fluid .txt h4 strong{
		font-size: 80px;
		margin: 0;

	}
	.container-fluid .txt h5{
		font-size: 32px;
		margin-top: -5%;
	}
	.container-fluid .txt p{
		font-size: 14px;
	}
	/*2.3*/
	.container-fluid .txt2 h3:before{
		bottom: -20px;
	}
	.container-fluid .txt2 h5{
		margin-top: -12%;
		margin-bottom: 3px;
	}
	.container-fluid .txt2{
		padding-top: 1%;
	}

	/*why*/
	.why h2{
		font-size: 22px;
		background-size: 8%;
		background-position:0 13px;
	}
	.why ul li{
		padding-left: 80px;
		background-size: 9%;
	}
	.why ul li p strong{
		font-size: 18px;
	}
	.why ul li b, .why ul li p{
		font-size: 14px;
	}
	.why .why-imgwrap .btnwrap{
		right: -96px;
		background-size: 22% 75%;
	}
	.why .why-imgwrap1 .why-btn{
		left: 140px;
    	top: 185px;
	}
	.why .why-imgwrap2 .why-btn{
		left: 296px;
	}
	.why .why-imgwrap .why-btn{
		width: 200px;
		height: 80px;
		line-height: 80px;
		font-size: 20px;
	}
	.why .why-imgwrap2 .btnwrap{
		left: -372px;
	}

	/*why1*/
	.why-one ul li.why-txt1{
		background-position: 13px -110px;
	}
	.why-one ul li.why-txt2{
		background-position: 13px -195px;
	}
	.why-one ul li.why-txt3{
		background-position: 13px -280px;
	}
	.why-one ul li.why-txt4{
		background-position: 13px -372px;
	}
	/*why2*/
	.why-two ul li.why-txt1{
		background-position: 13px -460px;
	}
	.why-two ul li.why-txt2{
		background-position: 13px -550px;
	}
	.why-two ul li.why-txt3{
		background-position: 13px -635px;
	}
	.why-two ul li.why-txt4{
		background-position: 13px -720px;
	}
}
@media (max-width: 1280px){
	.why ul li{
		padding-left: 70px;
		/*background-size: 10%;*/
	}
	.why ul li b, .why ul li p{
		font-size: 12px;
	}
	/*why1*/
	.why-one ul li.why-txt1{
		background-position: 13px 12%;
	}
	.why-one ul li.why-txt2{
		background-position: 13px 22%;
	}
	.why-one ul li.why-txt3{
		background-position: 13px 31%;
	}
	.why-one ul li.why-txt4{
		background-position: 13px 41%;
	}
	/*why2*/
	.why-two ul li.why-txt1{
		background-position: 13px 51%;
	}
	.why-two ul li.why-txt2{
		background-position: 13px 61%;
	}
	.why-two ul li.why-txt3{
		background-position: 13px 70%;
	}
	.why-two ul li.why-txt4{
		background-position: 13px 79%;
	}
}
@media (max-width: 1024px){
	.ban-ageoth h2{
		left: 20%;
	}
	.container-fluid .txt h4{
		font-size: 36px;
	}
	.container-fluid .txt h4 strong{
		font-size: 70px;
	}
	.container-fluid .txt h5{
		font-size: 20px;
		margin: -35px 0 5px 0;

	}
	.container-fluid .txt p{
		font-size: 12px;
		line-height: 20px;
	}
	.container-fluid .txt h3{
		font-size: 24px;
		margin-bottom: -20px;
	}
	.container-fluid .txt h3:before{
		width: 30px;
		margin-left: -17px;
	}
	.container-fluid .txt2{
		left: 10%;
	}
	.container-fluid .txt2 h3{
		padding: 0 0 0 15px;
	}
	.container-fluid .txt2 h3:before{
		margin-left: -11px;
	}
	.container-fluid .txt2 h4 strong{
		font-size: 60px;
	}
	.why .why-imgwrap .btnwrap{
		width: 330px;
		height: 250px;
		left: -60px;
		top: -40px;
		background-size: 15% 65%;
	}
	.why .why-imgwrap .why-btn{
		width: 160px;
		height: 70px;
		line-height: 70px;
		font-size: 14px;
		left: 160px;
    	top: 158px;
	}
	.why .why-imgwrap2 .btnwrap{
		left: -338px;
	}
	.why .why-imgwrap2 .why-btn{
		left: 292px;
	}
	.why h2{
		padding-left: 45px;
		margin-bottom: 20px;
		background-position: 0 22px;
	}
	.why ul li{
		padding-left: 50px;
		margin-top: 15px;
		background-size: 8%;
	}
	/*why1*/
	/*.why-one ul li.why-txt1{
		background-position: 13px -65px;
	}
	.why-one ul li.why-txt2{
		background-position: 13px -125px;
	}
	.why-one ul li.why-txt3{
		background-position: 13px -175px;
	}
	.why-one ul li.why-txt4{
		background-position: 13px -236px;
	}*/
	/*why2*/
}
@media (max-width: 768px){
	.ban-ageoth{
		height: 500px;
		margin-top:15px;
	}

	.container-fluid .txt{
		padding-top: 13%;
	}
	.container-fluid .txt2{
		padding-top: 1%;
	}
	.container-fluid .txt h3{
		font-size: 18px;
		margin-bottom: -30px;
	}
	.container-fluid .txt h3:before{
		bottom: 3px;
	}
	.container-fluid .txt h4{
		font-size: 30px;
		height:126px;
	}
	.container-fluid .txt h4 strong{
		font-size: 46px
	}
	.container-fluid .txt2 h4{
		font-size: 24px;
	}
	.container-fluid .txt2 h4 strong{
		font-size: 30px;
	}
	.container-fluid .txt2 h3:before{
		bottom: -8px;
	}
	.container-fluid .txt2 h5{
		font-size: 14px;
		margin: -45px 0 0px 0;
	}
	.container-fluid .txt2 p{
		line-height: 18px
	}
	.why h2{
		background-position: 0 30px;
	}
	.why ul li{
		background: none;
		margin-top: 10px;
	}
	.why .why-imgwrap .btnwrap{
		left: -118px;
	}
	.why .why-imgwrap2 .btnwrap{
		left: -338px;
	}
}
@media (max-width: 414px){
	.ban-ageoth{
		width: 100%;
		height: 200px;
		margin-bottom: 0px;
		background-size: cover;
	}
	.row.mt20{display:none;}
	.img-tth{margin-top:0;}
	.ban-ageoth h2{
		
		background:none;
	}
	.img-tth .per-img,
	.img-tth .per-img:first-child{
		width: 100%;
	}
	.btnwrap{
		display: none;
	}
	.why .col-sm-3{
		padding: 0;
	}
	.row.why{
		padding: 0;
	}
	.why h2{
		background: none;
		height: 40px;
    line-height: 55px;
		font-size: 14px;
		padding-left: 33px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.why ul li,
	.why h2{
		padding-left: 4px;
	}
	.container-fluid .txt{
		padding-top: 5%;
		    padding-bottom: 2%;
	}
	.container-fluid .txt h3{
		margin-bottom: -50px;
	}
	.container-fluid .txt h3:before{
		bottom: 12px;
	}
	.container-fluid .txt h4{
		font-size: 20px;
	}
	.container-fluid .txt h4 strong{
		font-size: 30px;
	}
	.container-fluid .txt h5{
		font-size: 16px;
		margin: -42px 0 5px 0;
	}
	.container-fluid .txt2{
		left: 33%;
		margin-top: 8%;
	}
	.container-fluid .txt2 h3:before{
		bottom: -12px;
	}
	.container-fluid .txt2 h5 {
	    margin: -40px 0 0px 0;
	}
	.container-fluid .txt2 h3{
		margin-bottom: -30px;
	}
	.container-fluid .txt2 p{
		line-height: 20px;
	}
	/*
	
	.container-fluid .txt2 h4{
		font-size: 30px;
	}
	.container-fluid .txt2 h4 strong{
		font-size: 46px
	}
	
	*/
}