body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}
img {
    vertical-align: middle;
}
div{
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
.loginA {
	font-size: 18px; 
	color: #666;
	font-weight: 500;
}
.allPadding {
	width: 100%;
	padding: 0 250px;
	min-width: 1200px;
}
.headAll {
	width: 100%;
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 180px;
	/*box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);*/
	position: fixed;
	top: 0;
	z-index: 9999;
	background: #fff;
}
.headShadow {
	box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
}
.flexAll {
	display: flex;
	justify-content: space-around;
}
.shadowHeight {
	width:100%;
	height: 807px;
	padding: 0 180px;
	display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/banner.jpg) no-repeat;
}
.shadowHeightL {
   /* margin-right: 23.9%;
    width: 27.4%;*/
}
.shadowHeightR{
    /*width: 29.89%;*/
}
.contentDiv {
	/*padding: 0 150px;*/
}
.contentThree {
	display: flex;
    justify-content: center;
    flex-direction: column;
	width: 300px; 
	height: 360px;
	border-radius: 4px;
}

.contentThree:hover {
	transition: all 0.7s 0s ease;
	box-shadow: -4px -4px 20px 8px rgba(144,144,144,0.16);

}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.threeText {
	margin-top: 45px;
	padding: 0 40px;
	width: 100%;
	color: #666;
	font-size: 18px; 
}
.threeImg {
	width: 160px; 
	height: 160px;
}
.contentTitle {
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px; 
	color: #333; 
	font-weight: 550;
	padding-top: 50px;
}
.foreText {
	margin-top: 20px;
	font-size: 23px;
	font-weight: 550;
	color: #333;
}
.valueDiv {
	padding: 0 80px;
}
.valueFore {
	width: 220px; 
	height: 260px;
	/*border: 1px solid #eee;*/
	text-align: center;
	padding: 30px 0;
}

/*.valueFore:hover {
	border-radius: 10px;
	transition: all 0.4s 0s ease;
	box-shadow: 8px 8px 8px #eee,8px -8px 8px #eee,-8px 8px 8px #eee,-8px -8px 8px #eee;
}*/

.foreImg{
	width: 160px;
	height: 160px;
}
.controlALL {
	height: 160px;
	margin-top: 75px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.controlTitle {
	font-size: 28px; 
	color: #333; 
	font-weight: 550;
}
.controlLine {
	width: 84px;
	margin-top: 20px;
	border-bottom: 3px solid #FF9016;
}
.controlSmall {
    font-size: 16px;
    margin-top: 20px;
    color: #999;
}
.controlFlexAll {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.controlDiv {
   /*padding: 0 119px;*/
}
.controls {
   	width: 600px;
    height: 480px;
}
.controlImg{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.controls:hover {
	/*border: 1px solid #eee;*/
	border-radius: 9px;
	transition: all 0.7s 0s ease;
	box-shadow: -4px -4px 20px 8px rgba(144,144,144,0.16);
}
.successAll {
	display: flex;
	justify-content: center;
}
.successDiv {
	/*padding: 0 115px;*/
	margin-bottom: 165px;
}
.success {
   	/*width: 250px;*/
    /*height: 400px;*/
    padding-right: 20px;
    position: relative;
    display: flex;
    justify-content: center;
}
.successImg{
	/*width: 100%;*/
	/*height: 100%;*/
	vertical-align: middle;
}
.successText {
    position: absolute;
    bottom: 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    z-index: 4;
    width: 160px;
}
.successSt {
	text-align: center;
    font-size: 21px;
    margin-bottom: 14px;
}
.successSc {
	font-size: 16px;
}
.successBText {
    position: absolute;
    bottom: 24px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    z-index: 4;
    width: 210px;
    /*background: rgba(129, 129, 129, 0.1);*/
}
.successBSt {
	text-align: center;
    font-size: 23px;
    margin-bottom: 14px;
}
.successBSc {
	font-size: 18px;
}
.imgNone {
   display: none;
}
.sh {
	box-shadow: -3px -3px 7px 4px rgba(144,144,144,0.12);
	/*background: linear-gradient(rgb(255,255,255),rgb(64,64,64));*/
}
.imgOn {
	display: block;
}
/*.imgNone:hover {
	display: block;
	border: 1px solid #eee;
	transition: all 0.4s 0s ease;
	box-shadow: 8px 8px 8px #eee,8px -8px 8px #eee,-8px 8px 8px #eee,-8px -8px 8px #eee;
}*/
.cooperationAll {
	display: flex;
	justify-content: center;
}
.cooperationDiv {
	/*padding: 0 115px;*/
}
.cooperation {
   	/*width: 200px;*/
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 55px;
}
.cooperationImg{
	vertical-align: middle;
}

.bottomBack {
	background:url(../img/icon_bgtwo.png) no-repeat;
	margin-top: 170px;
	width: 100%;
	min-width: 1300px;
    height: 636px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.bottomAll {
	display: flex;
    width: 65%;
    justify-content: space-between;
    align-items: center;
    margin-top: 65px;
    padding: 0 60px;
}
.bottomTitle {
	color: #fff; 
	font-size: 28px; 
	font-weight: 550;
	margin-top: 240px;
}
.bottomFore {
	text-align: center;
}
.bottomForeText {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	margin-top: 12px;
}
.bottomContact {
	color: #fff;
    font-size: 17px;
    font-weight: 500;
    width: 55%;
    display: flex;
    justify-content: space-around;
    margin-top: 67px;
    margin-bottom: 55px;
}
.bottomCopy {
	color: #fff;
    font-size: 18px;
    font-weight: 500;
    min-width: 1300px;
    width: 100%;
    background: #3C3937;
    border-top: 1px solid #f2f2f2;
    display: flex;
    justify-content: center;
	align-items: center;
	padding: 10px 0;
}
.aq {
	text-align: center;
    background: #3C3937;
	
}
.aq > a {
	color: #fff;
}