article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block;
}
audio,canvas,video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}
body {
	margin: 0;
}
a {
	color: #000;
}


a:active,a:hover{
	outline: 0;
	color: #000;
}
h1 {
	font-size: 2em;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}


hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}


code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

iframe{display: block;}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}
img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}
svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em .75em;
}
legend {
	border: 0;
	padding: 0;
}
button,input,select,textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}
button,input {
	line-height: normal;
}
button,select {
	text-transform: none;
}
button,html input[type="button"],
input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled] {
	cursor: default;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
table {
    width: 100%;
    max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}


/*自行定义的css*/
a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: none;
}

a,
span {
	display: inline-block;
}


/*正确瞄点的顺序*/

a:link {
	/*color: #000;*/
}


/*未访问*/


/* UI元素伪类 主要针对form元素*/


/*

:enabled    可用状态

:disabled   不可用状态

:checked    选中状态    

*/

input,textarea,button {
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: inherit;
}

ul,ol,li {
	list-style: none;
}

button {
	cursor: pointer;
	background: none;
}
/*栅格*/

.xg-12 {
	width: 100%
}

.xg-11 {
	width: 91.66666667%
}

.xg-10 {
	width: 83.33333333%
}

.xg-9 {
	width: 75%
}

.xg-8 {
	width: 66.66666667%
}

.xg-7 {
	width: 58.33333333%
}

.xg-6 {
	width: 50%
}

.xg-5 {
	width: 41.66666667%
}

.xg-4 {
	width: 33.33333333%
}

.xg-3 {
	width: 25%
}

.xg-2 {
	width: 16.66666667%
}

.xg-1 {
	width: 8.33333333%
}

.xw-10 {
	width: 100%;
}

.xw-9 {
	width: 90%;
}

.xw-8 {
	width: 80%;
}

.xw-7 {
	width: 70%;
}

.xw-6 {
	width: 60%;
}

.xw-5 {
	width: 50%;
}

.xw-4 {
	width: 40%;
}

.xw-3 {
	width: 30%;
}

.xw-2 {
	width: 20%;
}

.xw-1 {
	width: 10%;
}

.xg-1,.xg-2,.xg-3,.xg-4,.xg-5,.xg-6,.xg-7,.xg-8,.xg-9,.xg-10,.xg-11,.xg-12 {
	float: left;
}

.xw-1,.xw-2,.xw-3,.xw-4,.xw-5,.xw-6,.xw-7,.xw-8,.xw-9,.xw-10 {
	float: left;
}

.xw-15>* {
	float: left;
	width: 15%
}

.xw-15>*:not(:nth-child(6n)) {
	margin-right: 2%;
}

.xw-23>* {
	float: left;
	width: 23.5%;
}

.xw-23>*:not(:nth-child(4n)) {
	margin-right: 2%;
}

.xw-24>* {
	float: left;
	width: 24.25%;
}

.xw-24>*:not(:nth-child(4n)) {
	margin-right: 1%;
}

.xw-32>* {
	float: left;
	width: 32%;
}

.xw-32>*:not(:nth-child(3n)) {
	margin-right: 2%;
}

.xw-48>* {
	float: left;
	width: 49%;
}

.xw-48>*:not(:nth-child(2n)) {
	margin-right: 4%;
}

.xw-49>* {
	float: left;
	width: 49%;
}

.xw-49>*:not(:nth-child(2n)) {
	margin-right: 2%;
}

.xw-495>* {
	float: left;
	width: 49.5%;
}

.xw-495>*:not(:nth-child(2n)) {
	margin-right: 1%;
}

.xw-15:after,
.xw-23::after,
.xw-24::after,
.xw-32::after,
.xw-48::after,
.xw-49::after,
.xw-495::after {
	content: "";
	display: block;
	clear: both;
}

.xw-16,
.xw-23,
.xw-24,
.xw-32,
.xw-48,
.xw-49,
.xw-495 {
	zoom: 1;
}


/*第几个右外边距为0*/

.nthMar-2>*:nth-child(2n) {
	margin-right: 0;
}

.nthMar-3>*:nth-child(3n) {
	margin-right: 0;
}

.nthMar-4>*:nth-child(4n) {
	margin-right: 0;
}

.nthMar-last>*:last-child {
	margin-right: 0;
}


/*穿透*/

.pierce{position: relative;}

.pierce::before {
	content: "";
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	border-bottom: 1px solid #c4c4c4;
	z-index: 1;
}

.pierce>span {
	position: relative;
	padding-right: 7px;
	background: #fafafa;
	z-index: 2;
}


/*浮动与清除浮动*/

.fl {float: left;}

.fr {float: right;}


/*在所有浏览器中都兼容的清浮动方案如下：*/

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	zoom: 1;
}


/*　除了清除浮动外，常常也需要解决外边距margin重叠的问题。这时，清除浮动和解决margin重叠的代码如下*/


/*

	.clear:before,.clear:after{content:"";display:table;}

	.clear:after{clear:both;}

	.clear{zoom:1}

 

 */


/*flexbox*/

.fdef {display: flex;}

.fc {
	display: flex;
	justify-content: center;
}

.fcw {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.fdefc {
	display: flex;
	align-items: center;
}

.fcc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fccw {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.fs {
	display: flex;
	justify-content: space-between;
}

.fsw {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.fsc {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fscw {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.ffc {
	display: flex;
	align-content: flex-end;
	align-items: center;
}

.ffcw {
	display: flex;
	align-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}


/*定义在触摸图片时的效果*/

.hover-img {
	overflow: hidden;
}

.hover-img img {
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}




.full-img{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.full-img img{
	max-width: 100%;
	max-height: 100%;
}

.page>li {
    float: left;
    margin-left: 11px;
    text-align: center;
}
.page>li *{
	font-size: 1.25rem;
	color: #333;
}
.page>li.active,.page>li.active *{
	color: #65ba6e;
}
.page .nothing{
	line-height: 12rem;
	color: #65ba6e;
}

/*css3的过度效果*/

.linear {
	-webkit-transition: .5s !important;
	-ms-transition: .5s !important;
	-moz-transition: .5s !important;
	-o-transition: .5s !important;
	transition: .5s !important;
}

.linear-transform {
	-webkit-transition: transform .5s !important;
	-ms-transition: transform .5s !important;
	-moz-transition: transform .5s !important;
	-o-transition: transform .5s !important;
	transition: transform .5s !important;
}

.ease {
	-webkit-transition: .5s ease !important;
	-ms-transition: .5s ease !important;
	-moz-transition: .5s ease !important;
	-o-transition: .5s ease !important;
	transition: .5s ease !important;
}

.ease-transform {
	-webkit-transition: transform .5s ease !important;
	-ms-transition: transform .5s ease !important;
	-moz-transition: transform .5s ease !important;
	-o-transition: transform .5s ease !important;
	transition: transform .5s ease !important;
}

.ease-in {
	-webkit-transition: .5s ease-in !important;
	-ms-transition: .5s ease-in !important;
	-moz-transition: .5s ease-in !important;
	-o-transition: .5s ease-in !important;
	transition: .5s ease-in !important;
}

.ease-in-transform {
	-webkit-transition: transform .5s ease-in !important;
	-ms-transition: transform .5s ease-in !important;
	-moz-transition: transform .5s ease-in !important;
	-o-transition: transform .5s ease-in !important;
	transition: transform .5s ease-in !important;
}

.ease-out {
	-webkit-transition: .5s ease-out !important;
	-ms-transition: .5s ease-out !important;
	-moz-transition: .5s ease-out !important;
	-o-transition: .5s ease-out !important;
	transition: .5s ease-out !important;
}

.ease-out-transform {
	-webkit-transition: transform .5s ease-out !important;
	-ms-transition: transform .5s ease-out !important;
	-moz-transition: transform .5s ease-out !important;
	-o-transition: transform .5s ease-out !important;
	transition: transform .5s ease-out !important;
}

.cubic-bezier {
	-webkit-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-ms-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-moz-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-o-transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	transition: .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
}

.cubic-bezier-transform {
	-webkit-transition: transform .3s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-ms-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-moz-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	-o-transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
	transition: transform .5s cubic-bezier(0.815, 1.650, .400, 0.680) !important;
}


/*css transform effect*/

.transform-left {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.transform-top {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.transform-center {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*模态框  几种形式*/

.modal {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 1050;
	opacity: 0;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.dialog,
.dialog-center {
	width: 500px;
	min-height: 150px;
	position: relative;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border-radius: 10px;
	background-color: #fff;
	margin: 30px auto;
	-webkit-transition: all .5s ease-out 0s;
	-moz-transition: all .5s ease-out 0s;
	-ms-transition: all .5s ease-out 0s;
	-o-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}

.dialog {
	-webkit-transform: translate(0, -40%);
	-moz-transform: translate(0, -40%);
	-ms-transform: translate(0, -40%);
	-o-transform: translate(0, -40%);
	transform: translate(0, -40%);
}

.dialog-center {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0 auto;
	-webkit-transform: translate(-50%, -80%);
	-moz-transform: translate(-50%, -80%);
	-ms-transform: translate(-50%, -80%);
	-o-transform: translate(-50%, -80%);
	transform: translate(-50%, -80%);
}

.dialog-header {
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 15px;
	color: #000;
}

.dialog-header h3,
.dialog-header span {
	display: inline-block;
	color: #000;
}

.dialog-header i {
	float: right;
	overflow: hidden;
	cursor: pointer;
	font-size: 18px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

.dialog-header i:hover {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
}

.dialog-header i:before,
.dialog-header i:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000000;
	border-radius: 2px;
}

.dialog-header i:before {
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
}

.dialog-header i:after {
	height: 12px;
	width: 2px;
	margin: -6px 0 0 -1px;
}

.dialog-content {
	padding: 15px;
	color: #000;
}

.modal.in {
	opacity: 1;
}

.in .dialog {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.in .dialog-center {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*白色覆盖层*/

.cover-layer {
	position: relative;
}

.cover-layer::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 2;
}

.btn-black{
	background:#000;
	color:#fff;
	transition:background-color .5s,color .5s;
	-webkit-transition:background-color .5s,color .5s;
	-ms-transition:background-color .5s,color .5s;
	-moz-transition:background-color .5s,color .5s;
	-o-transition:background-color .5s,color .5s;
}
.btn-black:hover{
	background:#fff;
	color:#000;
}

/*按钮上下左右滑动*/
.btn-slide{
	position:relative;
	overflow: hidden;
	color:#fff;
	z-index: 1;
}
.btn-slide:hover{
	color:#fff;
}
.btn-slide::before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	width:100%;
	height:100%;
	background:#65ba6e;
	color:#000;
	transition:transform .5s;
	transition:transform .5s;
	-webkit-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	-o-transition:transform .5s;
	z-index: -1;
	box-sizing: border-box;
}
.btn-slideup::before{transform:translateY(100%);}
.btn-slidedown::before{transform:translateY(-100%);}
.btn-slideright::before{transform:translateX(100%);}
.btn-slideleft::before{transform:translateX(-100%);}
.btn-skewcenter::before,.btn-skewcenter::after{
	content:"";
	position: absolute;
	top: 0;
	width:80%;
	height:100%;
	background:#65ba6e;
	color:#fff;
	transition:transform .5s;
	-webkit-transition:transform .5s;
	-ms-transition:transform .5s;
	-moz-transition:transform .5s;
	-o-transition:transform .5s;
	z-index: -1;
	box-sizing: border-box;
}
.btn-skewcenter::before{
	left: -30px;
	-webkit-transform: skew(-45deg, 0) translateX(-100%);
	-moz-transform: skew(-45deg, 0) translateX(-100%);
	-ms-transform: skew(-45deg, 0) translateX(-100%);
	transform: skew(-45deg, 0) translateX(-100%);
}
.btn-skewcenter::after{
	right:-30px;
	-webkit-transform: skew(-45deg, 0) translateX(100%);
	-moz-transform: skew(-45deg, 0) translateX(100%);
	-ms-transform: skew(-45deg, 0) translateX(100%);
	transform: skew(-45deg, 0) translateX(100%);
}
@media only screen and (min-width: 767px) {
	.btn-slide:hover::before{
		-webkit-transform:translate(0);
		transform:translate(0);
	}
	.btn-skewcenter:hover::after,.btn-skewcenter:hover::before{
		-webkit-transform: skew(-45deg, 0) translateX(0);
		-moz-transform: skew(-45deg, 0) translateX(0);
		-ms-transform: skew(-45deg, 0) translateX(0);
		transform: skew(-45deg, 0) translateX(0);
	}
}


.scrollX{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.scrollX>*{
	display: inline-block !important;
}
.scrollY {
	overflow-x: hidden;
	overflow-y: auto;
}

@media only screen and (max-width: 767px) {
	.scrollXs{
	    overflow-x: auto;
	    overflow-y: hidden;
	    white-space: nowrap;
	}
	.scrollXs>*{
		display: inline-block !important;
		float: inherit !important;
		white-space: normal;
		vertical-align: top;
	}
}


/*overflow*/

.text-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}


/* display change */

.block {display: block;}
.inblock {display: inline-block;}
.table {display: table;}


/* child be full of parent */

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.full {
	width: 100%;
	height: 100%;
}


/*不兼容IE9下  居中的几种方式*/

.relative {position: relative;}

.absolute {position: absolute;}

.posCen-center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.posCen-top {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.posCen-left {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}


/*水平居中的几种方式*/

.block-center {
	display: block;
	margin: 0 auto;
}

.table-center {
	display: table-cell;
	vertical-align: middle;
	width: 1000px;
	text-align: center;
}
.table-center>img{
	max-height: 100%;
}

.absolute-50 {
	position: absolute;
	left: 50%;
}

.relative-50 {
	position: relative;
	left: 50%;
}


/*垂直居中的几种方式*/

.table-middle {
	display: table-cell;
	vertical-align: middle;
}

.inblock-middle {
	display: inline-block;
	vertical-align: middle;
}


/*full cover*/

.absFull {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.fixFull {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.set-ctn {
	display: inline-block;
	max-width: 80px;
	max-height: 80px;
	overflow: hidden;
}

.set-ctn>* {
	position: relative;
	top: 0;
	max-width: 100%;
	max-height: 100%;
	line-height: 30px;
	-webkit-transition: top .5s;
	-ms-transition: top .5s;
	-moz-transition: top .5s;
	-o-transition: top .5s;
	transition: top .5s;
}

.set-ctn>*>img {
	max-width: 100%;
	max-height: 100%;
}
@media only screen and (min-width: 767px) {
	.set-ctn:hover>* {
		top: -80px;
	}
}


.set-ctn.set-left,.set-ctn.set-right {
	max-width: 30px;
	max-height: 30px;
}

.set-ctn.set-left>*,
.set-ctn.set-right>* {
	width: 30px;
	height: 30px;
}


/*转化成表格   width无效*/

.table {
	display: table;
	width: 100%;
	height: 100%;
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
}


/**/

.tier-item-title {
	position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: lightblue;
}


/*一级二级*/

i.plus,i.minus {
	display: block;
	position: absolute;
	width: 2.875rem;
	height: 3rem;
	right: 0;
	top: 0;
	z-index: 4;
	cursor: pointer;
}

i.minus::before,
i.plus::before,
i.plus::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	border-radius: 2px;
	background: #000;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

i.plus::before,
i.minus::before {
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
}

i.plus::after {
	height: 12px;
	width: 2px;
	margin: -6px 0 0 -1px;
}

i.plus-rotate::before,
i.plus-rotate::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (min-width: 767px) {
	.plus-rotate:hover.plus-rotate::before,
	.plus-rotate:hover.plus-rotate::after {
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}
}

.tier-item {
	position: relative;
}

.tier-item-down {
	display: none;
	background: rgba(0, 0, 0, .03);
}

.tier-item .plus {
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	transition: transform .5s;
}

.tier-item .plus-default {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.tier-item.active .plus-default {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.tier-item.active i.plus::before,
.tier-item.active i.minus::before,
.tier-item.active i.plus::after {
	background: #fff;
}

@media only screen and (min-width: 767px) {
	.tier-item:hover i.plus::before,
	.tier-item:hover i.minus::before,
	.tier-item:hover i.plus::after {
		background: #fff;
	}
}

i.plus-change::before,
i.plus-change::after {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
}

.tier-item.active .plus-change::after {
	height: 0;
}

/*arrow*/
.arrow{
	display: inline-block;
	position: relative;
	width: 13px;
	height: 13px;
}

.arrow-inner {
	display: block;
	top: 50%;
	margin-top: -1px;
}

.arrow-inner::before,.arrow-inner::after {
	content: "";
	display: block;
}

.arrow-inner,.arrow-inner::before,.arrow-inner::after {
	width: 13px;
	height: 2px;
	background-color: #000;
	border-radius: 2px;
	position: absolute;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.arrow-inner::before {
	top: -3px;
	-webkit-transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(.7, 1);
	transform: translate3d(-3px, 0, 0) rotate(-45deg) scale(.7, 1);
}

.arrow-inner::after {
	bottom: -3px;
	-webkit-transform: translate3d(-3px, 0, 0) rotate(45deg) scale(.7, 1);
	transform: translate3d(-3px, 0, 0) rotate(45deg) scale(.7, 1);
}

.arrow-right .arrow-inner::before {
	-webkit-transform: translate3d(3px, 0, 0) rotate(45deg) scale(.7, 1);
	transform: translate3d(3px, 0, 0) rotate(45deg) scale(.7, 1);
}

.arrow-right .arrow-inner::after {
	-webkit-transform: translate3d(3px, 0, 0) rotate(-45deg) scale(.7, 1);
	transform: translate3d(3px, 0, 0) rotate(-45deg) scale(.7, 1);
}


/*下拉及二级菜单*/

.seldown {
	position: relative;
}

.seldown i {
	position: absolute;
	right: 20px;
	top: 16px;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
}

.select-list {
	display: none;
	position: absolute;
	top: 100%;
	width: 100%;
	margin-top: 5px;
	background-color: #ffffff;
	border: solid 1px #cecece;
	border-radius: 3px;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03), inset 0px 1px 5px 0px rgba(0, 0, 0, 0.06);
	max-height: 122px;
	overflow-y: auto;
	z-index: 2;
}

.select-list>li {
	padding: 0 10px;
	cursor: pointer;
	line-height: 30px;
	text-align: left;
	font-size: 14px;
}

.select-list>li:hover {
	background: #000;
	color: #fff;
}

.seldown.active i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*解决swiper pagination and navigation border problems*/

.swiper-button-prev:focus,
.swiper-button-next:focus {
	outline: none;
}

.swiper-pagination-bullet:focus {
	outline: none;
}


/*media*/

@media only screen and (max-width: 767px) {
	.xs-6>* {
		width: 49% !important;
		margin-right: 2% !important;
	}
	.xs-6>*:nth-child(2n) {
		margin-right: 0 !important;
	}
	.xs-12>* {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.dialog,
	.dialog-center {
		width: 86%;
	}
}





/*@media only screen and (max-width: 1200px) {
	:root {

		font-size: calc(12px + (18 - 16) * (100vw - 200px)/(880 - 400));
	}
}
@media only screen and (max-width: 1200px) {
	:root {
		font-size: calc(12px + (18 - 16) * (100vw - 100px)/(880 - 250));
	}*/

@font-face {
	font-family: SourceHanSansCN-Regular;
	src: url(../fonts/SourceHanSansCN-Regular.eot);
	src: url(../fonts/SourceHanSansCN-Regular.eot?#iefix) format("embedded-opentype"), 
		 url(../fonts/SourceHanSansCN-Regular.woff) format("woff"), 
		 url(../fonts/SourceHanSansCN-Regular.ttf) format("truetype"), 
		 url(../fonts/SourceHanSansCN-Regular.svg#jq) format("svg");
}
@font-face {
	font-family: SourceHanSansCN-Bold;
	src: url(../fonts/SourceHanSansCN-Bold.eot);
	src: url(../fonts/SourceHanSansCN-Bold.eot?#iefix) format("embedded-opentype"), 
		 url(../fonts/SourceHanSansCN-Bold.woff) format("woff"), 
		 url(../fonts/SourceHanSansCN-Bold.ttf) format("truetype"), 
		 url(../fonts/SourceHanSansCN-Bold.svg#jq) format("svg");
}

@font-face {
	font-family: Raleway-Bold;
	src: url(../fonts/Raleway-Bold.eot);
	src: url(../fonts/Raleway-Bold.eot?#iefix) format("embedded-opentype"), 
		 url(../fonts/Raleway-Bold.woff) format("woff"), 
		 url(../fonts/Raleway-Bold.ttf) format("truetype"), 
		 url(../fonts/Raleway-Bold.svg#jq) format("svg");
}
@font-face {
	font-family: Raleway-Regular;
	src: url(../fonts/Raleway-Regular.eot);
	src: url(../fonts/Raleway-Regular.eot?#iefix) format("embedded-opentype"), 
		 url(../fonts/Raleway-Regular.woff) format("woff"), 
		 url(../fonts/Raleway-Regular.ttf) format("truetype"), 
		 url(../fonts/Raleway-Regular.svg#jq) format("svg");
}





* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: HelveticaNeueLTPro-HvCn !important; */
}

html,body {
	margin: 0;
	padding: 0;
	font: 16px/1.5 HelveticaNeueLTPro-HvCn, "微软雅黑";
	font-family: HelveticaNeueLTPro-HvCn !important;
	font-stretch: normal;
	-webkit-font-smoothing: antialiased;
	-mox-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 1200px) {
	:root {
		font-size: calc(12px + (18 - 16) * (100vw - 200px)/(880 - 400));
	}
}

.content {
	margin: 0 auto;
	overflow: hidden;
}
.w1300{
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}

@media (min-width:1200px) {
	.content {
		width: 1200px;
	}
}
@media only screen and (min-width: 1300px) {
	.w1300{
		width: 1300px;
	}
	
}
@media (max-width: 1200px) {
	.content {
		width: 100%;
		padding: 0 15px
	}
}
@media only screen and (max-width: 1300px) {
	.w1300{
		width: 100%;
		padding: 0 15px
	}	
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1)
	}

	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0)
	}
}

@-moz-keyframes tada {
	0% {
		-moz-transform: scale(1)
	}

	10%,
	20% {
		-moz-transform: scale(0.9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-moz-transform: scale(1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-moz-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-moz-transform: scale(1) rotate(0)
	}
}

.aside {
	position: fixed;
	width: 240px;
	height: 100%;
	left: -240px;
	top: 0;
	background: rgba(0, 0, 0, .9);
	text-align: center;
	z-index: 9999999;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.aside.active {
	left: 0;
}

.aside-box {
	width: 240px;
	height: 100%;
	overflow: auto;
}

.aside-top,
.aside-bottom {
	overflow: hidden;
}
.aside-top>ul>li>a{
	color:#ffffff;
	padding-top:20px;
	padding-bottom: 20px;
}
.logo-box {
	margin: 30px 0;
}

.logo-box img {
	max-width: 100%;
}

.jodo-box {
	margin: 30px 0;
}

.jodo-box p {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	width: 130px;
}

.jodo-box p img {
	max-width: 100%;
	margin-bottom: 5px;
}

.jodo-box p em.fa {
	font-size: 44px;
	line-height: 1.05;
	width: auto;
	padding: 0 1px 0 4px;
	position: relative;
	bottom: -4px;
	top: 2px;
}

.foto-box {
	position: relative;
	z-index: 9;
	margin: 30px 0;
}

.foto-cut {
	padding: 0 10px;
}

.foto-cut p {
	margin: 0;
}

@media (max-height:768px) {
	.logo-box {
		margin: 20px 0;
	}

	.jodo-box {
		margin: 20px 0;
	}

	.foto-box {
		margin: 20px 0;
	}
}

.social-box {
	margin-bottom: 7.5px;
}

.social-box:after {
	display: block;
	content: '';
	clear: both;
}

.social-box a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: #65ba6e;
	font-size: 16px;
	margin: 2.5px 7.5px;
	cursor: pointer;
	color: #fff;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.social-box a:hover {
	background: #171717;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.social-box a i {
	line-height: 40px;
}

.nav-cut {
	position: relative;
	text-align: center;
	line-height: 36px;
	overflow: auto;
}

.nav-cut>ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.nav-cut>ul>li {
	display: block;
	list-style: none;
	margin-bottom: 10px;
	position: relative;
}

.nav-cut>ul>li>a {
	position: relative;
	z-index: 99;
}

.nav-cut>ul>li:hover>a,
.nav-cut>ul>li.active>a{
	color: #fff;
	padding: 0 20px;
	background: #65ba6e;
	border-radius: 32px;
}
.nav-cut .chbox{
	display: none;
	position: fixed;
	left: 188px;
	top: 30%;
	height: 50%;
	margin: 0;
	z-index: 99;
}
.nav-cut .chbox>ul{
	display: table-cell;
	vertical-align: middle;
	list-style: none;
	padding: 0 0 0 20px;
	transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	-webkit-transition: .5s;
	transform: translate(0, 20%);
	-moz-transform: translate(0, 20%);
	-ms-transform: translate(0, 20%);
	-o-transform: translate(0, 20%);
	-webkit-transform: translate(0, 20%);
	visibility: hidden;
	opacity: 0;
}
.nav-cut .chbox>ul:before {
	content: '';
	display: block;
	position: absolute;
	left: 4px;
	top: 50%;
	margin: -10px 0 0 0;
	border-width: 9px 16px 9px 0;
	border-style: solid;
	border-color: transparent #171717 transparent transparent;
}
.chbox>ul>li>a{
	color:#65ba6e;
}
.nav-cut .chbox>ul>li>ul {
	position: absolute;
	left: 100%;
}
.nav-cut>ul>li:hover .chbox{display: table;}
.nav-cut>ul>li:hover .chbox ul {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

.nav-cut .chbox>ul>li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #171717;
	position: relative;
	cursor: pointer;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
}

.nav-cut .chbox>ul>li:hover {
	background: #000;
}

.nav-cut .chbox>ul>li:first-child {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding-top: 5px;
}

.nav-cut .chbox>ul>li:last-child {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom: 5px;
}

.nav-cut .chbox>ul>li>a {
	display: block;
	padding: 0 40px;
	color: #eee;
	position: relative;
	z-index: 99;
	white-space: nowrap;
}

@media (max-width:767px) {
	.nav-cut .chbox>ul {
		position: relative;
		left: 0;
		top: 0 !important;
		padding: 20px 0 0 0;
		width: 180px;
		margin: 0 auto;
		transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		display: none;
		visibility: visible;
		opacity: 1;
	}

	.nav-cut .chbox>ul:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: 4px;
		margin: 0 0 0 -10px;
		border-width: 0 9px 16px 9px;
		border-style: solid;
		border-color: transparent transparent #171717 transparent;
	}

	.nav-cut>ul>li::hover .chbox>ul{
		visibility: visible;
		opacity: 1;
		display: none;
		transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}

	.nav-cut .chbox>ul>li>ul {
		position: relative;
		left: 0;
		width: 178px;
	}

	.nav-cut .chbox>ul>li>ul:before {
		border-color: transparent transparent #fff transparent;
	}

	.nav-cut .chbox>ul>li>ul>li {
		background: #fff;
	}

	.nav-cut .chbox>ul>li>ul>li:hover {
		background: #fff;
	}

	.nav-cut .chbox>ul>li>ul>li>a {
		color: #393939;
	}
}


.header {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	width: 100%;
	height: 90px;
	background: rgba(0, 0, 0, 0);
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.header hr {
	display: block;
	position: absolute;
	width: 0;
	height: 3px;
	border: none;
	margin: 0;
	padding: 0;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	background: #65ba6e;
	top: 0;
	left: 0;
}

@media(min-width:1200px) {
	section[role=main].subpage.active {
		padding-left: 240px;
	}
}



.header .head-left {
	float: left;
	cursor: pointer;
	width: 6.75rem;
	margin: 5px 0;
}

.header .head-left img {
	max-width: 100%;
	max-height: 100%;
	transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	-webkit-transform-origin: left center;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}

.header .hnav {
	float: right;
	list-style: none;
}

.header ul li {
	list-style: none;
	cursor: pointer;
	margin: 0;
	font: 14px SourceHanSansCN-Medium;
	color: #353535;
	display: inline-block;
	transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
}
.hnav>ul>li>a{height: 80px;padding: 1.25rem;}

.hnav ul>li.active>a,.active .hnav ul>li.active>a{
	color: #65ba6e;
}
.header .list{
	display: none;
	position: fixed;
	left: 0;
	top: 80px;
	width: 100%;
	text-align: center;
	padding: 2rem 0 1.75rem;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(130, 130, 130, .21);
}
.header .list li{
	display: block;
	font-size: 16px;
	padding: 2px;
	text-align: left;
	margin-bottom: 16px;
}
.header .list>div>div{
	margin-left: 3.75rem;
	background: #000;
}
.header .list .table-center{
	display: none;
	width: 280px;
	height: 138px;
}
.header .list .table-center.active{display: table-cell;}
.header.active .list{top: 70px;}

.header .head-rights {
	margin-top: 1.5rem;
	display: none;
}

.header .head-rights ol {
	margin-bottom: 0;
	display: block;
	width: 20px;
	height: 14px;
	position: relative;
	cursor: pointer;
	z-index: 1201;
	background: rgba(255, 255, 255, 0);
	transition: .2s .1s;
	-moz-transition: .2s .1s;
	-ms-transition: .2s .1s;
	-o-transition: .2s .1s;
	-webkit-transition: .2s .1s;
	transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.header .head-rights ol:after {
	display: block;
	margin: 0;
	padding: 0;
	content: '';
	clear: both;
}

.header .head-rights ol li {
	height: 2px;
	background: #FFFFFF;
	/* background: #616161; */
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	transition: .5s .3s;
	-moz-transition: .5s .3s;
	-ms-transition: .5s .3s;
	-o-transition: .5s .3s;
	-webkit-transition: .5s .3s;
}

.head-rights ol li:nth-child(1) {
	width: 100%;
	top: 0;
	right: 0;
}

.head-rights ol li:nth-child(2) {
	width: 70%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	opacity: 1;
}

.head-rights ol li:nth-child(3) {
	display: none;
	width: 40%;
	top: 50%;
	right: 0;
	margin-top: -2px;
	opacity: 1;
}

.head-rights ol li:nth-child(4) {
	width: 100%;
	bottom: 0;
	right: 0;
}

.head-rights ol.active li:nth-child(1) {
	width: 100%;
	top: 50%;
	margin-top: -1px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	-webkit-transform-origin: center;
}

.head-rights ol.active li:nth-child(2) {
	opacity: 0;
	left: -50%;
}

.head-rights ol.active li:nth-child(3) {
	opacity: 0;
	right: -50%;
}

.head-rights ol.active li:nth-child(4) {
	width: 100%;
	bottom: 50%;
	margin-bottom: -1px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	-webkit-transform-origin: center;
}


.header.active {
	height: 60px;
	background: rgba(0, 0, 0, .5);
}

.header.active .head-left{
	margin: 0;
}
.header.active .head-left img {
	transform: scale(.777777);
	-moz-transform: scale(.777777);
	-ms-transform: scale(.777777);
	-o-transform: scale(.777777);
	-webkit-transform: scale(.777777);
}
.active .hnav>ul>li>a{height: 70px;}
/* .header ul li a{color: #353535} */
.active .hnav>ul>li>a{
	color: #fff
}
.cut_a{
	color: #FFFFFF;
}
.cut .text-hidden{
	color: #000000;
}
.header.active .head-rights ol li {
	background: #fff
}
.window-bin.foot{height: auto;}
.footer {
	height: auto;
	padding: 1rem;
	font-size: 12px;
	background: #65ba6e;
	color: #f0f0f0;
	text-align: center;
	border: none !important;
}

.footer a {
	color: #f0f0f0;
}






@media only screen and (min-width: 767px) {
	.header ul li:hover>a{color: #65ba6e;}
}




.sitepath{
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(130, 130, 130, 0.21);
}
.sitepath *{
	font-size: 14px;
	line-height: 3.75rem;;
	font-family: SourceHanSansCN-Medium;
}
.sitepath a{
	position: relative;
	padding-right: 20px;
}
.sitepath a:after{
	content: "/";
	position: absolute;
	right: 7px;
}

.page-top{
	height: 31vw;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
}
.page-top>div{
	height: 100%;
}
.page-top>div{
	display: table;
	height: 100%;
}
.page-top>div>div{
	display: table-cell;
	vertical-align: middle;
}
.page-top>div h1{
	font-family: Raleway-Bold;
	font-size: 3.75rem;
	color: #fff;
}
.bank-top .page-top>div h1{
	font-family: Raleway-Bold;
	font-size: 3.75rem;
	color: #000;
	text-align: right;
}
.page-top>div p{
	margin-top: 10px;
	font-family: Raleway-Bold;
	font-size: 1.25rem;
	color: #fff;
}
.whiteBg{background: #fff;}

.ctn-list {
	margin: 3.25rem 0 5vw;
}

.ctn-list>.fl {
	position: relative;
	width: 24.54%;
	margin-right: .613%;
	margin-bottom: 1.875rem;
	background-color: #fff;
	box-shadow: 0px 2px 4px 0px rgba(130, 130, 130, .21);
	border: solid 1px #dcdcdc;
	overflow: hidden;
}

.ctn-list>.fl:nth-child(4n) {
	margin-right: 0;
}

.ctn-list .top>.table-center {
	height: 19.8vw;
}
.ctn-list .top>.table-center img{
	display: none;
}
.ctn-list .top>.table-center .on{
	display: inline-block;
}
.ctn-list .top h4 {
	position: relative;
	top: 0;
	font-family: SourceHanSansCN-Bold;
	line-height: 1.25rem;
	color: #000;
	width: 100%;
	font-size: 1rem;
	height: 3.5rem;
	padding: 0 .875rem 4px;
	margin-top: 1.125rem;
	overflow: hidden;
	z-index: 20;
	-webkit-transition: top .6s;
	transition: top .6s;
}



.ctn-list .bg {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	background: url(../images/car-libg.png) no-repeat;
	-webkit-transition: top .6s;
	transition: top .6s;
}

.ctn-list .bg .table-center {
	height: 19.8vw;
	min-height: 220px;
	padding-bottom: 5rem;

}

.ctn-list div.text-center {
	position: relative;
	top: 0;
	margin: 1.6rem 0 1rem;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.ctn-list .dots {
	display: inline-block;
	height: 15px;
	margin-bottom: 1.5rem;
}

.ctn-list .dots>span {
	display: table;
	float: left;
	width: 15px;
	height: 15px;
	padding: 2px;
	margin-right: 1rem;
	background-color: #ffffff;
	border: solid 1px #ccc;
}

.ctn-list .dots span span {
	display: table-cell;
}
.ctn-list .dots .on{
	border-color: #65ba6e;
}

.ctn-list .dots>span:last-child {
	margin-right: 0;
}

.ctn-list .text-center a {
	font: 1rem Raleway-Regular;
	width: 8rem;
	line-height: 2.25rem;
	color: #65ba6e;
	border-radius: 18px;
}


@media only screen and (min-width: 767px)  {
	.ctn-list>.fl:hover {
		box-shadow: 0 8px 18px 0 rgba(130, 130, 130, 0.36);
	}
	/* .header .head-rights {
		margin-top: 1.5rem;
		display: block;
	} */
	.ctn-list .top:hover .bg{
		top: 0;
	}
	.ctn-list .top:hover h4{
		top: -11vw;
		color: #fff;
	}
	
	.ctn-list .top:hover~div.text-center {
		top: -1.6rem;
	}
	
	.ctn-list .top:hover~.text-center a {
		color: #fff;
		background-color: #65ba6e;
	}
	
	.ctn-list .bg img:hover {
		-webkit-animation: tada 1s .2s ease both;
		-moz-animation: tada 1s .2s ease both;
	}
}

#digla_title{
		display: none;
		position: absolute;
		height: auto;
		width: 30%;
		border-radius: 0.3125rem;
		font-size: 1rem;
		background-color: #FFFFFF;
		padding: 1.625rem;
		color: #000000;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#digla_title>.close{
		padding: 0.3125rem 0.625rem;
		background-color: #16A085;
		margin-top: 0.625rem;
		color: #FFFFFF;
		font-size: 0.875rem;
	}
	#digla_title>.close_X{
		margin-top: -1.2rem;
		text-align: right;
		margin-right: -1rem;
		font-size: 1rem;
		font-weight: bold;
	}
@media only screen and (max-width: 767px) {
	.header{height: auto;}
	.header .hnav>ul{display: none;}
	.header>div{padding:0 15px;}
	.page-top{background-size: 200%;}
	.page-top>div h1{font-size: 2.5rem;}
	.header .head-rights {
		/* margin-top: 1.5rem; */
		display: block;
	}
	.car_form{
		width: 85% !important;
	}
	#digla_title{
		display: none;
		position: absolute;
		height: auto;
		width: 70%;
		border-radius: 0.3125rem;
		font-size: 1rem;
		background-color: #FFFFFF;
		padding: 1.625rem;
		color: #000000;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	#digla_title>.close{
		padding: 0.3125rem 0.625rem;
		background-color: #16A085;
		margin-top: 0.625rem;
		color: #FFFFFF;
		font-size: 0.875rem;
	}
}