@charset "utf-8";

@media  (max-width: 1620px) {
	.w1400 .con15one h1 i{
	font-size: 30px;
	padding-left: 16px;
	line-height: 50px;
}
.w1400 .con10ul1,.w1400 .con10ul4{
	width: 700px;
}
.w1400 .con10ul2{
	width: 698px;
	border: solid 1px #e1bf8c;
	background-color: #f7f7f7;
}
.w1400 .ititle{
	font-size: 14px;
	color: #222222;
	margin-bottom: 14px;
}
.w1400 .h4big{
	height: 90px !important;
}
.w1400 .con10ul6 li,.w1400 .con10ul3{
	font-size: 13px;
	line-height: 24px;
}
.w1400 #con10ul1 ul li{
	font-size: 13px;
}
.w1400 .con10title{
	font-size: 15px;
}
.w1400 .powerin{
	width: 700px !important;
	color: #c89a54;
	margin-top: 10px;
}
.w1400 .con10ul3,.w1400 .con10ul5{
	width: 668px;
}
.w1400 .con15one h1{
	font-size: 16px;
}
.w1400 .con16img{
	width: 448px;
	height: 269px;
	position: relative;
	border: solid 1px #e3e3e3;
}
.w1400 .con16img img{
	width: 450px;
}
.w1400 .con16text{
	position: absolute;
	left: 1px;
	bottom: -1px;
	width:448px;
	height: 58px;
	background-color: rgba(0,0,0,0.4);
}
.w1400 .con16text h1,.w1400 .con16text h2{
	line-height: 58px;
}
.w1400 .con15one p{
	padding-left: 52px;
	font-size: 15px;
	line-height: 26px;
	color: #222222;
	padding-top: 14px;
	padding-right: 120px;
	line-height: 22px;
}
.w1400 .content02{
	padding: 30px 15px 0 15px;
}
.w1400 .con16 li{
	width: 450px;
	float: left;
	margin-right:30px;
}
	.w1400 .innleft h2:after{
	width: 44px;
	height: 4px;
	background-color: #c89a54;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 12px;
}
.w1400 #pimg img{
	width: 912px;
	margin-left: auto;
	margin-right: auto;
}
.w1400 .con02text p img{
	width: 598px;
}
.w1400 .pa_le_16{
	padding-left: 6px !important;
}
.w1400 .con15one{
	padding-bottom: 30px;
}
.w1400 .inner1 li{
	width: 430px;
	height: 258.14px;
	border: solid 1px #e4e4e4;
	position: relative;
}
.w1400 .con10ul311>li:first-child{
	width: 580px;
	}
.w1400 .step{
	width: 704px !important;
}
.w1400 .con10img1 p{
	width: 620px;
}
.w1400 .con10ul7{
	width: 580px;
}
.w1400 .con10ul8{
	width: 578px;
}
.w1400 .con10u9{
	width: 608px;
}
.w1400 .con10ul310{
	width: 610px;
}
.w1400 .con10ul311{
	width: 580px;
}
.w1400 .con10u9 li{
	font-size: 13px;
}
.w1400 .con14text.hover{
height: 257px;
bottom: 1px;
}
.w1400 .inner li{
	height: 485px;
}
.w1400 .innimg img{
	width: 424.88px;
}
.w1400 .innright h1{
	font-size: 16px;
	margin-bottom: 8px;
}
.w1400 .innleft h1{
	font-size: 36px;
}
.w1400 .innright p{
	font-size: 13px;
	line-height: 22px;
}
.w1400 .con14text h1{
	font-size: 16px;
	right: 8px;
}
.w1400 .con14img{
	width: 432.4px;
	height: 258px;
	overflow: hidden;
}
.w1400 .con14img img{
	width: 432.4px;
	height: 258.14px;
	overflow: hidden;
}
.w1400 .con14text{
	height: 257px;
}
	.w1400 .con12{
	padding:54px 15px 0 15px;
}
.w1400 .con12 li{
	margin-right: 40px;
	margin-bottom: 45px;
	width: 443px;
}
.w1400 .con12 li img{
	width: 443px;
	
}
.w1400 .con12 .uptext{
	width: 443px;
	left: 0;
}
.w1400 .con12 .uptext h1{
	font-size: 16px;
	line-height: 24px;
	position: absolute;
	top: 8px;
	left: 12px;
	z-index: 9;
}
.w1400 .con14{
	padding: 64px 20px 0px 20px;
}
.w1400 .con03toptext1{
	top: 50px;
}
.w1400 .con03toptext{
	background-image: url(../images/textbg1.png);
	width: 38.5%;
	height: 244px;
	padding: 40px 30px 30px 30px;
}
.w1400 .con03toptext h2{
	margin-top: 15px;
}
.w1400 .con03topimg img{
	width: 410px;
	height: auto;
	margin-top: 40px;
}
.w1400 .imore{
	margin-top: 30px;
	margin-bottom: 40px;
}
.w1400 .con16text1{
	position: absolute;
	left: 1px;
	bottom: -1px;
	width:448px;
	height: 58px;
	background-color: rgba(0,0,0,0.4);
}
.w1400 .con16text1.hover,.w1400 .con16text1 h1.hover{
	height: 269px;
	line-height: 269px;
	font-size: 36px;
}
.w1400 .con16text1 h1{
	font-size: 22px;
	line-height: 58px;
	color: white;
	font-weight: normal;
	text-align: center;
}
}
.con12{
	padding:74px 28px 0 28px;
}
.con12 li{
	width: 536px;
	height: 320px;
	float: left;
	background-color: white;
	border: solid 1px #e3e3e3;
	margin-right: 68px;
	margin-bottom: 50px;
	position: relative;
	cursor: pointer;
}
.con12 .uptext{
	width: 534px;
	height: 96px;
	position: absolute;
	bottom: 0px;
	left: 1px;
	background-color: rgba(255,255,255,0.9);
	transition: height 0.2s;
	cursor: pointer;
	
}
.con12 .uptext1{
	bottom: 1px;
}
.con12 .uptext.hover{
	height: 124px;
	background-color: rgba(200,154,84,0.9);
	color: white !important;
	
}
.con12 .uptext.hover{
	bottom: 0;
	
}
.con12 .uptext h1.hover,.con12 .uptext p.hover{
	color: white;
}
.con12 .uptext h1{
	font-size: 18px;
	color: #222222;
	line-height: 26px;
	position: absolute;
	left: 12px;
	top: 6px;
	z-index: 9;
}
.con12 .uptext p{
	float: right;
	padding-right: 12px;
	font-size: 14px;
	color: #555555;
	position: absolute;
	right: 0;
	bottom: 12px;
}
.con12 .uptext p span{
	margin-left: 18px;
}
.con13{
	padding: 74px 28px 0px 28px;
}
.con13top{
	width: 100%;
	border:solid 1px #e3e3e3;
	height: 324px;
	 box-shadow: -1.095px 6.914px 10px 0px rgba(85, 85, 85, 0.1);
	 margin-bottom: 50px;
}
.con14{
	padding: 74px 28px 0px 28px;
}

.con13top1{
	width: 100%;
	border:solid 1px #e3e3e3;
	height: 324px;
	background-image: url(../images/topbanner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	 box-shadow: -1.095px 6.914px 10px 0px rgba(85, 85, 85, 0.1);
	 margin-bottom: 50px;
	 background-size: cover;
}
.con03toptext1{
	width: 60%;
	position: absolute;
	right: 45px;
	top: 80px;
}
.con03toptext1 h1{
	font-size: 20px;
	color: #000000;
	margin-bottom: 8px;
}
.con03toptext1 p{
	text-indent:30px;
	font-size: 15px;
	color: #222222;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
.con03topleft{
	width: 7.5%;
	height: 324px;
	background-color: #c89a54;
	font-size: 26px;
	line-height: 42px;
	color: white;
	float: left;
	text-align: center;
	background-image: url(../images/cicre.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.con03topleft h1{
	font-size: 26px;
	line-height: 42px;
	color: white;
	text-align: center;
	font-weight: normal;padding-top: 78px;
	
}
.con03toptext{
	width: 39.5%;
	float: left;
	height: 204px;
	padding:55px 40px 65px 40px;
	background-image: url(../images/textbg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.con03topimg{
	width: 46%;
	float: left;
}
.con03toptext h1{
	font-size: 20px;
	color: #222222;
	line-height: 24px;
	margin-bottom: 12px;
}
.con13top1{
	position: relative;
}
.inmore1{
	position: absolute;
	bottom: -45px !important;
}
.con03toptext p{
	font-size: 15px;
	color: #222222;
	line-height: 24px;
}
.con03toptext h2{
	font-size: 14px;
	color: #555555;
	float: right;
	font-weight: normal;
	text-align: right;
}
.con03toptext1 h2{
	font-size: 14px;
	color: #555555;
	float: right;
	font-weight: normal;
	text-align: right;
	margin-top: 20px;
}
.con03toptext h2 span{
	margin-left: 20px;
}
.con03topimg img{
	width: 502px;
	height: 299px;
	margin-top: 12px;
	margin-left: 10px;
}

.inner li{
	width:47%;
	height: 545px;
	margin-right: 6%;
	float: left;
	position: relative;
}
.inmore{
	position: relative;
}

.innimg{
	margin-bottom: 30px;
}
.innleft{
	width: 16%;
	text-align: center;
	float: left;
}
.innleft h1{
	font-size: 42px;
	color: #555555;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
}
.innleft h2{
	font-size: 20px;
	color:#c5c5c5 ;
	font-weight: normal;
	text-align: center;
}
.innright{
	width: 84%;
	float: left;
}
.innright h1{
	font-size: 18px;
	color: #000000;
	margin-bottom: 12px;
}
.innright p{
	font-size: 15px;
	color: #555555;
	line-height: 26px;
}
.inmore{
	width:82px;
	height: 28px;
	border: solid 1px #e3e3e3;
	text-align: center;
	line-height: 28px;
	padding-right: 14px;
	color: #c89a54;
	float: right;
	position: absolute;
	right: 0;
	bottom: 45px;
	cursor: pointer;
}
.inmore3 {
    width: 82px;
    height: 28px;
    border: solid 1px #e3e3e3;
    text-align: center;
    line-height: 28px;
    padding-right: 14px;
    color: #c89a54;
    float: right;
    position: absolute;
    right: 20px;
    bottom: 55px;
    cursor: pointer;
}
.inmore3.hover{
	background-color:#c89a54;
	color: white;
}
.inmore.hover{
	background-color:#c89a54;
	color: white;
}
.inmore span{
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-left: solid 6px #c89a54;
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: 10px;
	top: 8px;
}
.inmore span.hover{
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-left: solid 6px white;
}
.innleft h2{
	position: relative;
}
.innleft h2:after{
	width: 44px;
	height: 4px;
	background-color: #c89a54;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 20px;
}





.inner1 li{
	width: 47%;
	margin-right: 6%;
	float: left;
	position: relative;
	cursor: pointer;
	margin-bottom: 52px;
	
}
.con14text{
	width: 37%;
	height:318px;
	position: absolute;
	left: 1px;
	top: 1px;
	background-color: #f6f6f6;
	cursor: pointer;
}
.con14text.hover{
	height: 318px;
	background-color: #c89a54;
	position: absolute;
	top: auto;
	bottom: 6px;
}

.con14text .timeee.hover{
	color: white;
}
.con14text h1.hover{
	color: white;
}
.con14text h1{
	font-size: 18px;
	color: #222222;
	text-align: right;
	font-weight: normal;
	line-height: 26px;
	position: absolute;
	top: 50px;
	right: 20px;
	z-index: 999;
}
.con14text .timeee{
	font-size: 14px;
	color:#8e8e8e;
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.inmore2{
	right: 20px;
	bottom: 55px;
}
.con02text p{
	font-size: 16px;
	line-height: 26px;
	color: #222222;
}
.p9{
	margin-bottom: 20px;
	font-weight: bold;
}
.p10{
	margin-bottom: 20px;
}
.pa20{
	padding-left:20px;
	padding-right: 25px;
}
.con02text p img{
	width: 748px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin: 30px auto;
}

#pimg img{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
.pa_le_16{
	padding-left: 16px !important;
}

.pa_b80{
	margin-bottom: 80px;
}
.con15{
	padding-left: 30px;
	padding-bottom: 20px;
}
.con15iner{
	padding-left: 70px;
}
.con15one{
	padding-bottom: 40px;
}

.con15one h1{
	width: 100%;
	height: 58px;
	background-image: url(../images/titlebg.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 18px;
	color: #222222;
	font-weight: normal;
	background-size: 90%;
}
.con15one h1 i{
	padding-left: 22px;
	font-size: 36px;
	font-style: normal;
	transform: skewX(-10deg);
	display: inline-block;
	color: white;
	font-weight: bold;
}
.con15one h1 span{
	padding-left: 30px;
}
.con15one p{
	padding-left: 72px;
	font-size: 15px;
	line-height: 26px;
	color: #222222;
	padding-top: 14px;
	padding-right: 140px;
}

.con16 li{
	width: 536px;
	float: left;
	margin-right:68px;
	cursor: pointer;
}
.content02{
	padding: 30px 30px 0 30px;
}

.con16img{
	width: 534px;
	height: 318px;
	position: relative;
	border: solid 1px #e3e3e3;
}

.con16text{
	position: absolute;
	left: 1px;
	bottom: -1px;
	width: 534px;
	height: 68px;
	background-color: rgba(0,0,0,0.4);
}

.con16text h1{
	font-size: 22px;
	color: white;
	font-weight: normal;
	line-height: 68px;
	padding-left: 20px;
	float: left;
}
.con16text h2{
	float: right;
	font-size: 14px;
	font-weight: normal;
	color: white;
	padding-right: 20px;
	line-height: 68px;
}
.imore{
	width: 160px;
	height: 38px;
	border-radius: 19px;
	border: solid 1px #c89a54;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	line-height: 38px;
	text-align: center;
	color: #c89a54;
	margin-top: 40px;
	margin-bottom: 50px;
	cursor: pointer;
}

.imore:hover{
	background-color: #c89a54;
	color: white;
}
.imore.hover{
	background-color: #c89a54;
	color: white;
}
.con16text1{
	position: absolute;
	left: 1px;
	bottom: -1px;
	width: 534px;
	height: 68px;
	background-color: rgba(0,0,0,0.4);
}
.con16text1.hover,.con16text1 h1.hover{
	height:318px;
	line-height: 318px;
	font-size: 42px;
}

.con16text1 h1{
	font-size: 26px;
	line-height: 68px;
	color: white;
	font-weight: normal;
	text-align: center;
}

.con02text1 p{
	font-size: 16px;
	line-height: 26px;
	color: #222222;
	text-indent: 32px;
}
.con02text1 h1{
	font-size: 18px;
	color: #222222;
}
.pa_le_30{
	padding-left: 30px;
}
.mar_b16{
	margin-bottom: 16px !important;
}
.con10img1{
	padding-left: 48px;
}
#con10ul1 li:before,#con10ul3 li:before{
	border: none;
	background:none;
}
#con10ul1 ul{
	
	height: 50px;
	
}
#con10ul1 ul li{
	width: 33.33%;
	text-align: center;
	float: left;
	line-height: 50px;
	font-size: 15px;
	color: #222222;
}
.con10ul1{
	width: 900px;
	background-color:#e1bf8c ;
}


.con10ul2{
	width: 898px;
	border: solid 1px #e1bf8c;
	background-color: #f7f7f7;
}

.powerin{
	width: 900px !important;
	color: #c89a54;
	margin-top: 10px;
}

.con10title1{
	padding-left: 60px;
}
.mar_b50{
	margin-bottom: 50px;
}
.con10ul3{
	width: 868px;
	border: solid 1px #e1bf8c;
	padding: 16px 15px;
	background-color: #f7f7f7;
	font-size: 15px;
	line-height: 26px;
	color: #222222;
}

.h1big{
	font-weight: bold;
	margin-bottom: 10px;
}
.con10ul4{
	width: 900px;
	height: 70px;
	background-color: #e1bf8c;
}
.con10ul4 li{
	font-size: 18px;
	line-height: 70px;
	text-align: center;
	font-weight: bold;
	color: white;
}
.con10ul5{
	width: 868px;
	height: 290px;
	border: solid 1px #e1bf8c;
	padding: 16px 15px;
}
.con10ul5 li{
	width: 45%;
	float: left;
	margin-right: 10%;
}
.ititle{
	font-size: 15px;
	color: #222222;
	margin-bottom: 14px;
}

.h2big{
	font-weight: bold;
}
.con10ul6 li{
	width: 100% !important;
	font-size: 15px;
	line-height: 26px;
}
.con10ul3 li .h3big{
	font-weight: bold;
	height: 36px;

}
.con10ul3 li span{
	float: left;
	display: inline-block;
}
.con10ul31 li span{
	width: 778px;
	
}
.con10ul31 li span{
	width: 578px;
}
.h4big{
	height: 72px !important;
	width: 90px !important;
}

.content10_bg2{
	width: 820px;
	padding-right: 120px;
}
.step{
	width: 772px !important;
}
.con10img1 .powerinh1{
	font-size: 16px;
	color: #c89a54;
	margin-top: 50px;
}
.con10img1 p{
	font-size: 14px;
	color: #222222;
	line-height: 26px;
}
.con10img1 .yellow{
	color: #c89a54;
}
.con10ul7{
	width: 690px;
}
.con10ul7 li{
	width: 40%;
	float: left;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	color: #222222;
	background-color: #e1bf8c;
}
.con10ul7 li:first-child,.con10ul8 li:first-child{
	width: 20% !important;
}
.con10ul8{
	width: 688px;
	border-left:solid 1px #e1bf8c;
	border-right:solid 1px #e1bf8c;
}
.con10ul8 li{
	width: 40%;
	float: left;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	color: #222222;
	border-bottom:solid 1px #e1bf8c;
}
.con10ul8 li:first-child{
	background-color: #F7F7F7;
}
.mar_b10{
	margin-bottom: 16px;
}
.con10ul310{
	margin-bottom: 20px;
}
.con10ul310>li:first-child{
	border-top: solid 4px #e1bf8c;
}

.con10ul311{
	margin-bottom: 20px;
}
.con10ul311>li:first-child{
	width: 690px;
	border-top: solid 4px #e1bf8c;
}
.con10u9{
	border-left:solid 1px #e1bf8c;
	border-right:solid 1px #e1bf8c;
}
.con10u9 li{
	width: 52%;
	height: 50px;
	line-height: 50px;
	font-size: 15px;
	color: #222222;
	float: left;
	padding-left: 8%;
	border-bottom:solid 1px #e1bf8c;
	
}
.con10u9 li:first-child{
	width: 32% !important;
	background-color: #F7F7F7;
}
.height_80{
	padding: 20px 0;
	line-height: 24px !important;
	display: inline-block;
}
.height_801{
	line-height: 50px !important;
}
.height_80 span{
	padding-right: 30px;
	display: inline-block;
	letter-spacing: -1px;
}
.con10img2 h1{
	font-size: 16px;
	color: #222222;
}

.con10img{
	padding-left: 48px;
}
.con10img3 p span{
	padding-left: 28px;
	display: inline-block;
}
