﻿@media only screen and (max-width:640px) {
	html{
		font-size:6px;
	}
}


.am-container{
	width:1100px;
}

.title{
	text-align:center;
	margin:1rem auto;
}

.title h2{
	display:inline-block;
	background-color:#856e3a;
	color:#fff;
	padding:1rem 4rem;	
	font-size:3rem;
	font-weight:400;
	border-radius: 20px;
	margin:0.2rem 0;
	letter-spacing: 0.2rem;
}


.title p{
	color:#bba377;
	font-size:1.4rem;
	margin:0.3rem 0;
}




.banner{
	min-width:1300px;
	position: relative;
}
.banner .main{
	position: absolute;
	left:49%;
	top:30%;
	width:50%;
	height:100%;
	letter-spacing:4px;
}

.banner .main h3{
	color:#fff;
	margin:0.5rem 0;
	font-size:4.8rem;
}

.banner .main h2{
	color:#e3ce8f;
	margin:1rem 0;
	font-size:6rem;
	font-weight:400;
}



.part1{
	background-color:#fdf6f0;
	padding:3rem 0;
}

.part1 .item{
	text-align:center;
}
.part1 .item h4{
	color:#3d2a61;
	margin:1.5rem 0;
	letter-spacing: 0.2rem;

	font-size: 2.4rem;
	font-weight:400;
}


.part2{
	padding:3rem 0;
}
.part2 .main{
	padding:3rem 0;
	position: relative;
}
.part2 .main .left{
    position: absolute;
	left:0;
	top:0;
}
.part2 .main .right{
    position: absolute;
	right:0;
	top:0;
}

.part2 .main .item{
	text-align:center;
	margin:2rem 0;
	padding:2rem 0;
}
@media only screen and (max-width:640px) {
	.part2 .main .item{
		text-align:center;
		margin:1rem 0;
		padding:1rem 0;
	}
}
.part2 .main .item.middle{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.part2 .main .item span{
	color:#3d2a61;
	font-size:3rem;
}
.part2 .main .item p{
	color:#666;
	margin:0;
}


.part3{
	background-color:#fdf6f0;
	padding:3rem 0; padding-bottom:50px;
}
.part3 .block{
	margin:2rem 0;
}
.kh_ys,.kh_nan{display:flex;flex-wrap:wrap; justify-content:space-start; margin-top:20px;}
.kh_ys .item{ 
    width:calc((100% - 60px) /4 ); 
	border-radius: 6px; 
	text-align:center;
	flex-wrap:wrap;
	align-items:center; 
	margin-left:20px; 
	margin-top:20px; 
	background: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); 
	padding:30px 0;
}
.kh_ys .item .ico{ width:75px; margin:0 auto;}
.kh_ys .item .desc{  width:80%; margin:0 auto;text-align: center; }
.kh_ys .item .desc .ys_tit{font-size:18px; padding:20px 0 5px;}
.kh_ys .item .desc .desc_c{font-size:14px; padding-bottom:10px;}
.alinks{border-radius:20px; display:block; line-height:35px; width:150px; background:#f29700; color:#FFFFFF; text-align:center; font-size:16px; margin:0 auto;}
.kh_ys .item:hover .alinks{background:#dca345;}

.kh_ys .item:first-child,.kh_nan .item:first-child{ 
	margin-left:0;
}
.part3 .block .item-a{
	width:30%;
	float:left;
	min-height:10rem;
	padding-left:3rem;
	padding-right:8rem;
	background:url('../image/arr1.png') no-repeat right center;
	background-size:contain;
}

.part3 .block .item-a h3{
	font-size:3rem;
	color:#3d2a61;
	font-weight:400;
	letter-spacing: 0.2rem;
}
.part3 .block .item-a p{
	color:#666;
	letter-spacing: 0.2rem;
}

.part3 .block .item-b{
	width:30%;
	text-align:center;
	float:left;
	min-height:10rem;
	padding-left:2rem;
	padding-right:7rem;
	background:url('../image/arr1.png') no-repeat right center;
	background-size:contain;
}

.part3 .block .item-b h3{
	font-size:3rem;
	color:#3d2a61;
	font-weight:400;
	letter-spacing: 0.2rem;
	line-height:1.8;

}
.part3 .block .item-c{
	width:40%;
	float:left;
	padding-left:2rem;
}

.part3 .block .item-c span{
	width:47%;
	display:inline-block;
	margin:0.5rem 1%;
	background-color:#fde0be;
	color:#3d2a61;
	font-size:2rem;
	letter-spacing: 0.2rem;
	text-align:center;

	padding:0.5rem 1rem;
	border-radius: 10px;
}



@media only screen and (max-width:640px) {

	.part3 .block .item-a,.part3 .block .item-b,.part3 .block .item-c{
		float:none;
		width:100%;
	}

}

.part3 .block .item{
	position: relative;
	margin:2rem 0; padding:20px; 
	background: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}
.part3 .block .item .ico{
	width:7rem; 
	margin:0 auto;
 }
.part3 .block .item h5{
	color:#3b2a60;
	margin:0.2rem 0;
	font-size:2rem;
	font-weight:400;
}
.part3 .block .item p{
	color:#666;
	margin:0.2rem 0;
}



.part4{
	padding:3rem 0;
}
.kh_nan{ margin-top:10px;}

.kh_nan .item{ 
    width:calc((100% - 60px) /4 ); 
	border-radius: 6px; 
	text-align:center;
	flex-wrap:wrap;
	align-items:center; 
	margin-left:20px; 
	margin-top:20px; 
	background: #ffffff;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2); 
}
.kh_nan .item .nan_tit{color:#FFFFFF; font-size:20px; text-align:center; line-height:40px; border-radius: 6px 6px 0 0; background: rgba(55, 199, 255, 1);}
.kh_nan .item:nth-child(2) .nan_tit{background: rgba(67, 224, 169, 1);}
.kh_nan .item:nth-child(3) .nan_tit{background: rgba(255, 170, 53, 1);}
.kh_nan .item:nth-child(4) .nan_tit{background: rgba(255, 84, 66, 1);}
.kh_nan .item .desc{ width:80%; margin:0 auto;}
.kh_nan .item .desc .ico{text-align:center; padding:10px 0;}
.kh_nan .item .desc .ico img{ max-width:100%;}
.kh_nan .item .desc .con{ font-size:14px; padding-bottom:30px;}



.part5{padding:3rem 0;}


.kh_pj{display:flex;flex-wrap:wrap; justify-content:space-start; margin-top:20px;}
.kh_pj .item{ 
    width:calc((100% - 60px) /4 ); 
	text-align:center;
	flex-wrap:wrap;
	align-items:center; 
	margin-left:20px; 
	margin-top:20px; 
	background: #ffffff; 
	border:#CCCCCC solid 1px;
	padding:6px;
}
.kh_pj .item .ico{ width:100%;}
.kh_pj .item .ico img{ width:100%;}
.kh_pj .item .desc .ys_tit{font-size:22px; padding:10px 0 5px;}
.kh_pj .item .desc .desc_c{font-size:14px; padding-bottom:10px;}

.kh_pj .item:first-child{ 
	margin-left:0;
}



.part6{
	padding:3rem 0;
}

.part6 .item{
	background-color:#f5f1e5;
	padding:1.5rem;
	border-radius: 10px;
	margin:1rem 0;
}
.part6 .item h5{
	margin:0.6rem 0;
	color:#3c2b62;
	font-size:2.4rem;
}

.part6 .item p{
	margin:0.5rem 0;
	color:#666;
}

.part6 .tips{
	background-color:#3d2a61;
	padding:1.5rem 0;
	text-align:center;
	font-size:2.4rem;
	border-radius: 10px;
	color:#fff;
	letter-spacing: 0.2rem;

}
.part6 .tips strong{
	font-size:3rem;
	color:#f8f3e0;
}
.part6 .tips span{
	margin:0 1rem;
}
.part6 .tips img{
	display:inline-block;
	max-height:3rem;
}



.part7{
	padding:3rem 0;
	background:url('../image/bank_bg.jpg') no-repeat center center;
	background-size:cover;
}

.part7 .item{
	background-color:#fff;
	border-radius: 10px;
	padding:0.5rem;
	margin:1.5rem 1rem;
}

.part7 .title h2 {
    background-color: #f8e8cf;
	color:#3d2c62;
}

.part8{
	padding:3rem 0;
}


.part8 .item{
	padding-left:8rem;
	position: relative;
	margin:2rem 0;
	
}
.part8 .item img{
	width:6rem;
	position: absolute;
	left:0;
	top: 10%;
}

.part8 .item h5{
	margin:0.5rem 0;
	font-size:2.4rem;
	color:#3d2a61;
	font-weight:400;
}

.part8 .item ul{
	padding:0;
	margin:1rem 0;
	min-height: 10rem;
}

.part8 .item li{
	font-size:1.4rem;
	color:#666;
	letter-spacing: 0.1rem;
	line-height:2;
}
.part8 .item li:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #666;
    border-radius: 50%;
	margin-right:1rem;
}


.part9{
	padding:3rem 0;
}

.part9 .five{
	margin:2rem auto;
}


.part9 .five li{
	position: relative;
	padding-right:2rem;
	padding-left:0.5rem;
}

.part9 .five li:after{
	content:' ';
	display:block;
	position: absolute;
	right:0;
	top: 50%;
	transform: translateY(-50%);
	width:2rem;
	height:100%;
	background:url('../image/arr2.png') no-repeat right center;	
}

.part9 .five li:last-child{
	padding-right:0;
}
.part9 .five li:last-child:after{
	content:none;
}

.part9 .five span{
	display:block;
	background-color:#f4ebe2;
	padding:2rem 0;
	text-align:center;
	color:#3d2a61;

	border-radius: 10px;
	letter-spacing: 0.2rem;
	
}


.part10{
	padding:3rem 0;
}

.part10 .am-slider-default {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow:none;
	margin:3rem 0;
}

.part10 .am-slider-default .am-control-nav li a {
    width: 120px;
    height: 8px;
    background-color: #f3ece4;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.part10 .am-slider-default .am-control-nav li a.am-active {
    background-color: #fcdfbf;
    cursor: default;
}




@media (max-width: 768px) {
.kh_ys .item,.kh_nan .item,.kh_pj .item{ 
    width:calc((100% - 20px) /2 ); 
}
.kh_ys .item:nth-child(2n+1),.kh_nan .item:nth-child(2n+1),.kh_pj .item:nth-child(2n+1){ 
	margin-left:0;
}
}
@media (max-width: 480px) {
.kh_ys .item,.kh_nan .item,.kh_pj .item{ 
    width:100%; margin-left:0;
}
}