/* menu */



#menu {

	height: 24px;

	padding-top: 9px;

	background: rgba(239, 239, 241, 1);

}



#menu ul li {

	display: inline-block;

	height: 17px;

	line-height: 17px;

	padding: 0 20px;

	border-left: 1px solid rgba(248, 248, 248, 1);

	border-right: 1px solid rgba(227, 227, 227, 1);

}



#menu ul li a {

	color: rgba(164, 164, 164, 1);

}



#menu ul li a:hover {

	color: #ffa31f;

}



#menu ul li:first-child {

	border-left: none;

}



#menu ul li:last-child {

	border-right: none;

}





/* counter-window */



#counter-window {

	height: 453px;

	padding-top: 241px;

	background: url(../images/counter-window-bg.jpg) no-repeat center top;

}



#counter-window i {

	right: 115px;

	top: 17px;

	color: #ffa31f;

	font-size: 18px;

	font-weight: bold;

}



.counter-window-fl {

	width: 655px;

	padding-left: 110px;

}



.counter01 {

	padding-left: 21px;

	height: 50px;

}



.counter01 a {

	display: inline-block;

	width: 158px;

	height: 50px;

	line-height: 50px;

	margin-right: 13px;

	background: rgba(239, 239, 241, 1);

	text-align: center;

	color: rgba(76, 76, 78, 1);

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

	font-weight: 600;

	font-size:20px;

}



.counter01 a.hover {

	background: #ffa31f;

	color: rgba(255, 255, 255, 1);

}



.counter-window-fl h3 {

	color: rgba(128, 128, 128, 1);

	padding-top: 80px;

	line-height: 26px;

}



.counter-window-fl ul {

	padding: 18px 30px 0;

}



.counter-window-fl ul li {

	width: 268px;

	float: left;

	margin-top: 20px;

}



.counter-window-fl ul li label {

	width: 82px;

}



.counter-window-fl ul li input[type="text"],

.counter-window-fl ul li span {

	width: 140px;

	height: 38px;

	padding: 0 10px;

	border: 1px solid rgba(229, 229, 229, 1);

	border-radius: 5px;

}



.counter-window-fl ul li span {

	width: 155px;

	padding: 0;

	height: 30px;

	padding: 8px 0 0 5px;

}



.counter-window-fl ul li.submitbtn {

	float: none;

	width: 100%;

}



.counter-window-fl ul li.submitbtn input[type="button"],

.counter-window-fl ul li.submitbtn input[type="submit"] {

	width: 229px;

	height: 40px;

	line-height: 40px;

	border-radius: 5px;

	background: #ffa31f;

	margin-top: 42px;

	cursor:pointer;

}



.counter-window-fl p {

	line-height: 16px;

	padding: 10px 0 0 213px;

	color: rgba(128, 128, 128, 1);

}



.counter-window-fr {

	width: 316px;

	padding-top: 50px;

	color: rgba(128, 128, 128, 1);

}



.counter-window-fr h3 span {

	padding: 0 5px;

}



.list-lh {

	width: 278px;

	height: 164px;

	overflow: hidden;

	margin: 15px 0 0 18px;

	background: rgba(239, 239, 241, 1);

	border: 1px solid rgba(191, 191, 191, 1);

}



.list-lh li {

	line-height: 30px;

}



.list-lh li span {

	display: inline-block;

}



.list-lh li span.n1 {

	width: 62px;

	padding-left: 14px;

}



.list-lh li span.n2 {

	width: 123px;

}



.list-lh li span.n3 {

	width: 70px;

	color: rgb(252, 193, 110);

}



.counter-window-fr p {

	line-height: 15px;

	font-size: 13px;

	margin: 46px 0 0 18px;

	padding-left: 18px;

	border-left: 5px solid #ffa31f;

}



.counter-window-fr p a {

	color: rgba(128, 128, 128, 1);

}



.counter-window-fr p a:hover {

	color: #ffa31f;

}





/* steps */



#steps {

	padding-bottom: 65px;

}



.steps-tit{

	margin-top:50px;

	margin-bottom:40px;

}

/* #steps h2 {

	padding: 60px 0;

} */



#steps ul {

	padding: 0 10px;

}



#steps ul li {

	width: 378px;

	height: 415px;

	padding: 5px;

	float: left;

	position: relative;

	margin-right: 8px;

	-webkit-transition: all 200ms ease-in;

	-o-transition: all 200ms ease-in;

	-moz-transition: all 200ms ease-in;

	cursor: pointer;

}



#steps ul li:last-child {

	margin-right: 0;

}



#steps ul li:hover {

	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.16);

}



#steps ul li img {

	width: 378px;

	height: 199px;

}



#steps ul li h3 {

	font-size: 20px;

	color: #333;

	font-weight: normal;

	padding: 35px 0 10px;

}



#steps ul li p {

	font-size: 16px;

	color: #666;

}



#steps ul li span {

	display: inline-block;

	width: 0;

	height: 2px;

	background: rgba(254, 203, 21, 1);

	position: absolute;

	top: 310px;

	left: 170px;

	opacity: 0;

	-webkit-transition: all 200ms ease-in;

	-o-transition: all 200ms ease-in;

	-moz-transition: all 200ms ease-in;

}



#steps ul li:hover span {

	width: 48px;

	opacity: 1;

}



#steps ul li a.s-btn-group {

	line-height: 43px;

	margin-top: 63px;

	font-size: 16px;

	opacity: 0;

	text-align: left;

	display: inline-block;

	position: relative;

	width: 220px;

	height: 43px;

	overflow: hidden;

	border: 1px solid #ffa31f;

}



#steps ul li:hover a.s-btn-group {

	margin-top: 53px;

	opacity: 1;

}



.s-btn {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	border: 0;

	cursor: pointer;

}



.s-btn-bg1 {

	z-index: 0;

	background: white;

}



.s-btn-bg2 {

	z-index: 2;

	width: 0;

	background: #ffa31f;

	transition: width .6s;

	-moz-transition: width .6s;

	-webkit-transition: width .6s;

	-o-transition: width .6s;

}



.s-btn-text {

	left: 36%;

	z-index: 3;

	line-height: 43px;

	font-size: 16px;

	background: transparent;

	color: #ffa31f;

	-webkit-transition: left .6s;

	-moz-transition: left .6s;

	-ms-transition: left .6s;

	-o-transition: left .6s;

	transition: left .6s;

}



.s-btn-arrow {

	left: 55%;

	z-index: 3;

	line-height: 44px;

	font-size: 16px;

	background: transparent;

	color: #ffa31f;

	opacity: 0;

	-webkit-transition: all .6s;

	-moz-transition: all .6s;

	-ms-transition: all .6s;

	-o-transition: all .6s;

	transition: all .6s;

}



.s-btn-group:hover .s-btn-bg2 {

	width: 100%;

}



.s-btn-group:hover .s-btn-text {

	color: white;

}



.s-btn-group:hover .s-btn-text {

	left: 30%;

}



.s-btn-group:hover .s-btn-arrow {

	left: 65%;

	opacity: 1;

	color: white;

}





/* charge */



#charge {

	padding-top: 30px;

}

#steps h2,

#charge h2,

#service-commitments h2,

#champion h2 {

	font-size: 56px;

	line-height: 56px;

}

#steps h3,

#charge h3,

#service-commitments h3,

#champion h3 {

	color: rgba(128, 128, 128, 1);

}



#charge ul {

	padding-top: 55px;

}



#charge ul li {

	width: 148px;

	height: 105px;

	float: left;

	border-right: 2px solid rgba(240, 240, 240, 1);

}



#charge ul li img {

	padding: 7px 0 22px;

}



#charge ul li:last-child {

	border-right: none;

}



#charge a.s02-btn-group {

	line-height: 38px;

	margin-top: 74px;

	text-align: left;

	display: inline-block;

	position: relative;

	width: 207px;

	height: 38px;

	overflow: hidden;

	border: 1px solid #ffa31f;

}



.s02-btn {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	border: 0;

	cursor: pointer;

}



.s02-btn-bg1 {

	z-index: 0;

	background: white;

}



.s02-btn-bg2 {

	z-index: 2;

	width: 0;

	background: #ffa31f;

	transition: width .6s;

	-moz-transition: width .6s;

	-webkit-transition: width .6s;

	-o-transition: width .6s;

}



.s02-btn-text {

	left: 29%;

	z-index: 3;

	line-height: 38px;

	font-size: 16px;

	background: transparent;

	color: #ffa31f;

	-webkit-transition: left .6s;

	-moz-transition: left .6s;

	-ms-transition: left .6s;

	-o-transition: left .6s;

	transition: left .6s;

}



.s02-btn-arrow {

	left: 55%;

	z-index: 3;

	line-height: 38px;

	font-size: 16px;

	background: transparent;

	color: #ffa31f;

	opacity: 0;

	-webkit-transition: all .6s;

	-moz-transition: all .6s;

	-ms-transition: all .6s;

	-o-transition: all .6s;

	transition: all .6s;

}



.s02-btn-group:hover .s02-btn-bg2 {

	width: 100%;

}



.s02-btn-group:hover .s02-btn-text {

	color: white;

}



.s02-btn-group:hover .s02-btn-text {

	left: 20%;

}



.s02-btn-group:hover .s02-btn-arrow {

	left: 75%;

	opacity: 1;

	color: white;

}





/* service-commitments */



#service-commitments {

	padding: 75px 0 72px;

	margin-top: 80px;

	background: rgba(239, 239, 241, 1);

}



#service-commitments h3 {

	text-transform: uppercase;

	font-weight: normal;

}



#service-commitments h4 {

	font-size: 22px;

	color: rgba(51, 51, 51, 1);

	font-weight: normal;

	padding: 40px 0 30px;

}



#service-commitments ul {

	padding: 50px 0 0 130px;

}



#service-commitments ul li {

	width: 298px;

	height: 342px;

	float: left;

	margin-right: 20px;

	border-top: 1px solid rgba(229, 229, 229, 1);

	background: rgba(255, 255, 255, 1);

}



#service-commitments ul li img {

	padding-top: 53px;

}



#service-commitments span {

	width: 51px;

	height: 1px;

	background: rgba(191, 191, 191, 1);

	display: block;

	margin-left: 125px;

}



#service-commitments p {

	font-size: 16px;

	color: rgba(102, 102, 102, 1);

	line-height: 24px;

	padding-top: 20px;

}





/* champion */



#champion {

	padding-top: 65px;

	height: 423px;

	background: url(../images/champion-bg.jpg) no-repeat center top;

}



#set-up {

	margin-top: 30px;

}