@charset "utf-8";

a,address,b,body,dd,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,i,input,label,legend,li,ol,p,pre,select,span,table,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

body,button,input,select,textarea {
	font: 12px/1.5 microsoft yahei,arial,宋体;
}

fieldset,img {
	border: 0
}

li,ul {
	list-style: none
}

em,i {
	font-style: normal
}

table {
	border-collapse: separate;
	border-spacing: 0
}

a,div {
	-webkit-tap-highlight-color: transparent
}

a,a:hover,div {
	text-decoration: none
}

a:focus,button,input,select,textarea {
	outline: 0;
	font-size: 100%
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-variant: normal
}

img,input,select {
	vertical-align: middle
}

legend {
	display: none
}

textarea {
	resize: none
}

button {
	cursor: pointer
}

body,html {
	overflow: hidden;
	position: relative
}

.con_wrap,body,html {
	height: 100%;
	width: 100%
}

.con_wrap {
	display: block;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: -webkit-transform .3s linear,opacity .3s linear;
	z-index: 2;
	opacity: 0
}
.con_wrap_4{
	background:#f6f6f6;
	}
.wrap_show {
	z-index: 2;
	opacity: 1
}

.wrap_prepare {
	z-index: 1;
	-webkit-transform: translateY(100%)
}

.wrap_hide {
	z-index: 1;
	-webkit-transform: translateY(-100%)
}

.social_wrap {
	display: block;
	height: 583px;
	width: 660px;
	position: absolute;
	left: 50%;
	margin-left: -330px;
	/*top: 50%;
	margin-top: -225px;*/
	top: 440px;
	z-index: 1
}
.social_wrap .social_inner {
	position: absolute;
	width: 660px;
	height: 583px;
	background: url(../image/index_1.png) no-repeat 50%;
	/*background-size: 279px 211.5px;*/
	opacity:0;
	
}
.wrap_show .social_inner{
	-webkit-animation: index_1_1 1.2s 1.2s ease both;
	}

.icon_list {
	position: absolute;
	left:4px;
	top: -23px;
	width: 674px;
	height: 395px;
	z-index: 1;
	background:url(../image/index_1_1.png) no-repeat 50%;
	/*background-size: 282px 211.5px;*/
	background-size:94.5%;
	opacity:0;
}
.wrap_show .car_1{
	display:block;
	position: absolute;
	background:url(../image/index_1_2.png) no-repeat 50%;
	width:46px;
	height:37px;
	z-index: 1;
	left: 172px;
	top: 18px;
	opacity:0;
	}
.wrap_show .car_1{
	-webkit-animation: a_shadow2 1s 2s ease both;
}
.wrap_show .w_car_1{
	display: block;
	-webkit-animation: a_shadow5 1s 2s ease infinite;
}
.wrap_show .car_2{
	display:block;
	position: absolute;
	background:url(../image/index_1_3.png) no-repeat 50%;
	width:68px;
	height:49px;
	z-index: 1;
	left: 25px;
    top: 488px;
	opacity:0;
	-webkit-animation: a_shadow3 2s 2.2s ease infinite;
	}
.wrap_show .car_3{
	display:block;
	position: absolute;
	background:url(../image/index_1_4.png) no-repeat 50%;
	width:69px;
	height:46px;
	z-index: 1;
	left:656px;
    top: 457px;
	opacity:0;
	-webkit-animation: a_shadow4 2s 2.6s ease infinite;
	}
.wrap_show .icon_list{
	-webkit-animation: a_shadow .8s 1.5s ease both;
	}

@-webkit-keyframes a_shadow {
	0% {
		opacity: 0;
		top:-82px;
		/*-webkit-transform: scale(.6)*/
	}

	to {
		opacity: 1;
		top:-23px;
		/*-webkit-transform: scale(1.15)*/
	}
}
@-webkit-keyframes a_shadow2 {
	0% {
		opacity: 0;
		left: 272px;
    	top: 148px;
	}
	to {
		opacity: 1;
		left: 172px;
		top: 18px;
	}
}
@-webkit-keyframes a_shadow3 {
	0% {
		opacity: 0;
		left: 25px;
    	top: 488px;
	}
	50% {
		opacity: 1;
		left: 146px;
    	top: 580px;
	}
	100%{
		opacity: 0;
		left:466px;
    	top:720px;
		
	}
}
@-webkit-keyframes a_shadow4 {
	0% {
		opacity: 0;
		left:656px;
    	top: 457px;
	}
	50% {
		opacity: 1;
		left: 463px;
    	top: 560px;
	}
	100%{
		opacity: 0;
		left: 143px;
        top: 730px;
	}
}


@-webkit-keyframes a_shadow5 {
	0% {
		-webkit-transform: translate(0)
	}

	25% {
		-webkit-transform: translateY(-8px)
	}

	50% {
		-webkit-transform: translateY(4px)
	}

	75% {
		-webkit-transform: translateY(-6px)
	}

	to {
		-webkit-transform: translate(0)
	}
}
/********me***********/
@-webkit-keyframes index_1_1{
	from  {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


.product_box{
	position: absolute;
    top: 160px;
	width: 100%;
	-webkit-transform: scale(0.9);
	}
.bt_listbox{
	text-align: center;
    font-size: 32px;
    font-weight: 900;
    color: #333;
    width: 130px;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: 3px solid #fcc904;
	}
.product_box ul{
	margin: 0px 40px;
	}
.product_box ul li{
	margin-bottom:15px;
	}
.product_box img{
	width:100%;
	}

.play.line_house .line_house1 {
	-webkit-animation: a_line_house1 .3s linear 0s both
}

.play.line_house .line_house2 {
	-webkit-animation: a_line_house2 .2s linear .3s both
}

@-webkit-keyframes a_line_house1 {
	to {
		height: 180px
	}
}

@-webkit-keyframes a_line_house2 {
	to {
		width: 50px
	}
}

.play.line_food .line_food1 {
	-webkit-animation: a_line_food1 .2s linear 0s both
}

.play.line_food .line_food2 {
	-webkit-animation: a_line_food2 .4s linear .2s both
}

.play.line_food .line_food3 {
	-webkit-animation: a_line_food3 .2s linear .6s both
}

@-webkit-keyframes a_line_food1 {
	to {
		width: 117px
	}
}

@-webkit-keyframes a_line_food2 {
	to {
		height: 334px
	}
}

@-webkit-keyframes a_line_food3 {
	to {
		width: 45px
	}
}

.play.line_clothes .line_clothes1 {
	-webkit-animation: a_line_clothes1 .3s linear 0s both
}

.play.line_clothes .line_clothes2 {
	-webkit-animation: a_line_clothes2 .1s linear .3s both
}

@-webkit-keyframes a_line_clothes1 {
	to {
		height: 200px
	}
}

@-webkit-keyframes a_line_clothes2 {
	to {
		width: 45px
	}
}

.play.line_webank .line_webank1 {
	-webkit-animation: a_line_webank1 .3s linear 0s both
}

.play.line_webank .line_webank2 {
	-webkit-animation: a_line_webank2 .1s linear .3s both
}

.play.line_webank .line_webank3 {
	-webkit-animation: a_line_webank3 .05s linear .4s both
}

@-webkit-keyframes a_line_webank1 {
	to {
		width: 110px
	}
}

@-webkit-keyframes a_line_webank2 {
	to {
		height: 30px
	}
}

@-webkit-keyframes a_line_webank3 {
	to {
		width: 4px
	}
}

.play.line_bank .line_bank1 {
	-webkit-animation: a_line_bank1 .2s linear 0s both
}

.play.line_bank .line_bank2 {
	-webkit-animation: a_line_bank2 .1s linear .2s both
}

@-webkit-keyframes a_line_bank1 {
	to {
		height: 90px
	}
}

@-webkit-keyframes a_line_bank2 {
	to {
		width: 34px
	}
}

.play.line_internet .line_internet1 {
	-webkit-animation: a_line_internet1 .2s linear 0s both
}

.play.line_internet .line_internet2 {
	-webkit-animation: a_line_internet2 .1s linear .2s both
}

@-webkit-keyframes a_line_internet1 {
	to {
		height: 93px
	}
}

@-webkit-keyframes a_line_internet2 {
	to {
		width: 20px
	}
}

.page_arrow_area {
	left: 50%;
	margin-left: -18px;
	bottom:60px;
	opacity: 0;
	z-index: 2
}

.page_arrow_area,.page_arrow_area .icon_arrow {
	display: block;
	width: 37px;
	height: 21px;
	position: absolute
}

.page_arrow_area .icon_arrow {
	-webkit-user-select: none;
	background: url(../image/top_icon.png) no-repeat 0 0;
	background-size: contain;
	left: 0;
	top: 0;
	opacity: 1
}

.wrap_show .page_arrow_area {
	-webkit-animation: a_page_arrow_area .3s .3s linear both
}

.wrap_show .page_arrow_area .icon_arrow {
	-webkit-animation: a_page_arrow 1.4s .6s linear infinite
}

.wrap_show .product_box ul li.product_li_1{
	-webkit-animation: a_page_arrow_area .3s .3s ease-in both
	}
.wrap_show .product_box ul li.product_li_2{
	-webkit-animation: a_page_arrow_area .3s .6s ease-in both
	}
.wrap_show .product_box ul li.product_li_3{
	-webkit-animation: a_page_arrow_area .3s .9s ease-in both
	}
.wrap_show .product_box ul li.product_li_4{
	-webkit-animation: a_page_arrow_area .3s 1.2s ease-in both
	}
.wrap_show .bg , .wrap_show .link_all{
	-webkit-animation: a_page_arrow_area .3s .4s ease-in both
	}
.wrap_show .bg2{
	-webkit-animation: a_page_arrow_area .3s .8s ease-in both
	}
.wrap_show .rd1 ,.wrap_show .rd4 ,.wrap_show .rd5 ,.wrap_show .rd7 ,.wrap_show .rd9 {
	-webkit-animation: a_page_arrow_area .3s 1.2s ease-in both
	}
.wrap_show .rd1 img ,.wrap_show .rd4 img ,.wrap_show .rd5 img ,.wrap_show .rd7 img ,.wrap_show .rd9 img{
	-webkit-animation: a_page_round 1.5s .5s linear infinite
	}
.wrap_show .rd2 img ,.wrap_show .rd3 img ,.wrap_show .rd6 img ,.wrap_show .rd8 img {
	-webkit-animation: a_page_round 1.5s 1s linear infinite
	}
.wrap_show .rd2 ,.wrap_show .rd3 ,.wrap_show .rd6 ,.wrap_show .rd8 {
	-webkit-animation: a_page_arrow_area .3s 1.4s ease-in both
	}

@-webkit-keyframes a_page_arrow_area {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}
@-webkit-keyframes a_page_round {
	0% {
		-webkit-transform: translate(0)
	}

	25% {
		-webkit-transform: translateY(-5px)
	}

	50% {
		-webkit-transform: translateY(1px)
	}

	75% {
		-webkit-transform: translateY(-4px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

@-webkit-keyframes a_page_arrow {
	0% {
		-webkit-transform: translate(0)
	}

	25% {
		-webkit-transform: translateY(-2px)
	}

	50% {
		-webkit-transform: translateY(2px)
	}

	75% {
		-webkit-transform: translateY(-2px)
	}

	to {
		-webkit-transform: translate(0)
	}
}
.title_wrap h3.bt_listbox{
	top:100px;
    position: absolute;
    left: 50%;
    margin-left: -65px;
	}

.title_wrap .con_title {
	display: block;
	height: 20px;
	width: 104px;
	margin-left: -52px;
	top: 75px
}

.account_con{
	padding: 0px 70px;
	text-align:left;
	color:#333;
	font-size:22px;
	position:absolute;
	top:200px;
	line-height: 37px;
	}
.account_con em{
	display:block;
	position:absolute;
	width:8px;
	height:8px;
	}
.account_con em.j_1{
	background:url(../image/j_1.png) no-repeat;
	top:-4px;
	left:53px;
	}
.account_con em.j_2{
	background:url(../image/j_2.png) no-repeat;
	right:69px;
	bottom:1px;
	}
.con_wrap_3 .title_wrap .jyln{
	top:520px;
	}
.wrap_show .title_wrap .jyln{
	-webkit-animation: account_bt .5s 1s ease-in both 
	}
.account_box{
	width:500px;
	height:465px;
	position:absolute;
	left:50%;
	top:630px;
	margin-left:-250px;
	}
/*.account_picall{
	-webkit-transform: scale(.7);
	}*/
.account_pic{
	width:250px;
	height: 155px;
	position:absolute;
	}
.account_pic img{
	width:100%;
	}
.account_1{
	left:0px;
	top:0px;
	}
.account_2{
	left:250px;
	top:0px;
	}
.account_3{
	left:0px;
	top:155px;
	}
.account_4{
	left:250px;
	top:155px;
	}
.account_5{
	left:0px;
	top:310px;
	}
.account_6{
	left:250px;
	top:310px;
	}
.wrap_show .account_1{-webkit-animation: account_1 .5s 1.5s ease-in both}
.wrap_show .account_3{-webkit-animation: account_1 .5s 1.9s ease-in both}
.wrap_show .account_5{-webkit-animation: account_1 .5s 2.3s ease-in both}

.wrap_show .account_2{-webkit-animation: account_2 .5s 1.5s ease-in both}
.wrap_show .account_4{-webkit-animation: account_2 .5s 1.9s ease-in both}
.wrap_show .account_6{-webkit-animation: account_2 .5s 2.3s ease-in both}

.wrap_show .account_con{-webkit-animation: account_bt .5s .5s ease-in both}

.product_info {
	margin-top: 100px;
	color: #8d8d8d;
	position: relative;
	z-index: 3
}

.product_info .title {
	font-size: 32px;
	font-weight: 400
}

.product_info .title_en {
	font-size: 22px;
	font-weight: 400;
	margin-top: -5px;
	margin-bottom: 5px
}

.product_info .title_info {
	font-size: 14px
}

.separate_mask {
	display: block;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	display: none
}


@-webkit-keyframes account_1 {
	0% {
		left:-150px;
		opacity: 0;
	}

	to {
		left:0px;
		opacity: 1;
	}
}
@-webkit-keyframes account_2 {
	0% {
		left:400px;
		opacity: 0;
	}

	to {
		left:250px;
		opacity: 1;
	}
}

@-webkit-keyframes account_bt{
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes a_arrow_left_2 {
	0% {
		-webkit-transform: translate(0)
	}

	20% {
		-webkit-transform: translate(0)
	}

	50% {
		-webkit-transform: translate(-3px)
	}

	60% {
		-webkit-transform: translate(-1px)
	}

	70% {
		-webkit-transform: translate(-3px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

@-webkit-keyframes a_arrow_right_2 {
	0% {
		-webkit-transform: translate(0)
	}

	20% {
		-webkit-transform: translate(0)
	}

	50% {
		-webkit-transform: translate(3px)
	}

	60% {
		-webkit-transform: translate(1px)
	}

	70% {
		-webkit-transform: translate(3px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

.dragging .bg_outter {
	-webkit-animation: a_bg_outter 1.5s linear infinite
}

.dragging .arrow_left,.dragging .arrow_right {
	-webkit-animation: none
}

.dragging_left .arrow_left {
	-webkit-animation: a_arrow_left_2 1.5s linear infinite
}

.dragging_right .arrow_right {
	-webkit-animation: a_arrow_right_2 1.5s linear infinite
}

@-webkit-keyframes a_bg_outter {
	0% {
		-webkit-transform: scale(1);
		opacity: 1
	}

	50% {
		-webkit-transform: scale(.8);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1
	}
}

.con_wrap_6 {
	background: #FECD06 url(../image/partner/partner_bj.jpg) no-repeat center;
}

.con_wrap_6 .bg {
	display: block;
	height: 376px;
	width: 522px;
	background: url(../image/partner/partner_index.png) no-repeat center;
	position: absolute;
	left: 50%;
	top:575px;
	margin-left: -261px;
	z-index: 2;
}
.con_wrap_6 .bg2 {
	display: block;
	height:457px;
	width:600px;
	background: url(../image/line_pic.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top:280px;
	/*top: 50%;
	margin-top: -466px;*/
	z-index: 1;
}
.con_wrap_6 .round {
	position: absolute;
	text-align: center;
	z-index: 99
}

.con_wrap_6 .round img {
	width:100%;
}

.con_wrap_6 .round img:first-child{
	display: block
}

.con_wrap_6 .rd1{
	width:129px;
	left: 50%;
	top: 50%;
	margin-left: -281px;
	margin-top: -280px
}

.con_wrap_6 .rd2{
	width:84px;
	top: 50%;
	left: 50%;
	margin-left: -256px;
	margin-top: -70px
}
.con_wrap_6 .rd3{
	width:92px;
	top: 50%;
	left: 50%;
	margin-top: -160px;
	margin-left: -170px;
}

.con_wrap_6 .rd4{
	width:94px;
	left: 50%;
	top: 50%;
	margin-top: -73px;
	margin-left: -112px
}

.con_wrap_6 .rd5 {
	width:108px;
	left: 50%;
	top:50%;
	margin-top: -180px;
	margin-left:10px
}
.con_wrap_6 .rd6{
	width: 64px;
	left: 50%;
	top: 50%;
	margin-top: -7px;
    margin-left:82px;
}

.con_wrap_6 .rd7{
	width: 76px;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    margin-left: 132px;
}

.con_wrap_6 .rd8{
	width: 77px;
	left: 50%;
    top: 50%;
	margin-top: -127px;
    margin-left: 180px;
}

.con_wrap_6 .rd9{
	width:56px;
	left: 50%;
    top: 50%;
	margin-top: -262px;
    margin-left: 270px;
}

.con_wrap_6 .rd10{
	width: 40px;
	left: 50%;
    top: 50%;
	margin-top: -130px;
    margin-left: -285px;
}

.con_wrap_6 .rd11{
	width:40px;
	left: 50%;
    top: 50%;
	margin-top:23px;
    margin-left: -319px;
}

.con_wrap_6 .rd12{
	width:40px;
	left: 50%;
    top: 50%;
	margin-top: -236px;
    margin-left: -57px;
}
.con_wrap_6 .rd13{
	width:40px;
	left: 50%;
    top: 50%;
	margin-top: -11px;
    margin-left:244px;
}

.con_wrap_6 .round_play {
	-webkit-animation: a_round 1s ease-out 0s both
}

.con_wrap_6 .link_all {
	display: block;
	height: 50px;
	line-height: 50px;
	width: 110px;
	z-index: 120;
	position: absolute;
	right: 38px;
	top:1008px;
	color: #666;
	font-size: 20px;
	text-align: right;
	cursor: pointer;
}
.con_wrap_6 .link_all span{
	display:block;
}
.con_wrap_6 .cooperative_page {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #fff
}
.wrap_show .tree_box_r{
	position:absolute;
	right:-50%;
	top:840px;
	width:125px;
	-webkit-animation: a_page_tree2 1.5s linear 1.3s both
	}
.wrap_show .tree_box_l{
	position:absolute;
	left:-50%;
	top:840px;
	width:74px;
	-webkit-animation: a_page_tree1 1.5s linear 1.3s both
	}
.wrap_show .tree_box_r img ,.wrap_show .tree_box_l img{
	width:100%;
	}
@-webkit-keyframes a_page_tree1 {
	0% {
		left:-50%;
	}

	50% {
		left:0;
	}

	75% {
		left:-2%;
	}

	to {
		left:0;
	}
}
@-webkit-keyframes a_page_tree2 {
	0% {
		right:-50%;
	}

	50% {
		right:0;
	}

	75% {
		right:-2%;
	}

	to {
		right:0;
	}
}

.cooperative_wrap {
	width: 660px;
	margin-left: -320px;
}

.cooperative_wrap,.honor_wall_wrap {
	display: block;
	height: 780px;
	position: absolute;
	z-index: 11;
	left: 50%;
	top: 226;
	-webkit-perspective: 2000px
}

.honor_wall_wrap {
	width:660px;
	margin-left: -320px;
}

.logo_list {
	text-align: center;
	width: 660px;
	height: 630px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: -webkit-transform .3s linear
}

.logo_list li {
	display: inline;
	height: 100px;
	width: 200px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px
}

.honor_list {
	text-align: center;
	width: 660px;
	height: 640px;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	left: 100%;
	top: 0
}

.honor_list .li {
	display: inline;
	height: 198px;
	width: 198px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	margin-bottom:20px;
	margin-right:20px;
	/*margin-left: 6px*/
}

.honor_list .m {
	width:198px;
	height:198px;
	display: block
}

.honor_list i.m:before {
	content: "";
	display: block;
	padding-top: 30%
}

.honor_list .o {
	display: none
}

body>.full {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	z-index: 111;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

body>.full .m {
	width: 100%
}

body>.full i.m {
	display: block;
	height: 200px;
	color: transparent;

}

body>.full>.o {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 12px;
	color: #ccc
}

body>.full>.o,body>.full>.o>.n {
	width: 100%;
	box-sizing: border-box
}

body>.full>.o>.n {
	padding: 10px 16px 55px;
	padding-top:8%
}

body>.full>.o h2 {
	color: #fff;
	font-size:30px
}

body>.full>.o h2 span {
	color: #ccc;
	float: right;
	font-size:22px
}

body>.full>.o h2 span em {
	color: #fff;
	font-size:28px;
	font-style: normal
}

body>.full>.o p {
	line-height:40px;
	padding-top: 8px;
	font-size: 20px;
}

.logo_list li .icon {
	display: inline-block;
	height: 98px;
	width: 198px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.logo_list_2,.logo_list_3,.logo_list_4,.logo_list_5 {
	position: absolute;
	left: 100%;
	opacity: 0
}
.logo_list li .icon img{
	width:100%;
	}
.cooperative_pager_area {
	width: 111px;
	height: 15px;
	position: absolute;
	left: 50%;
	margin-left: -54px;
	top:653px;
	text-align: center;
}

.cooperative_pager_area li {
	/*float: left;*/
	margin-right: 19px;
    display: inline-block;
}

.cooperative_pager_area li a {
	display: block;
	height: 15px;
	width: 15px;
	background: #ECECEC;
	border-radius: 25px;
	text-indent: -9999px;
	overflow: hidden
}

.cooperative_pager_area li.current a {
	background: #D0D0D0
}

.cooperative_pager_area li.item_5 {
	margin-right: 0
}

.honor_wall_pager_area {
	height: 15px;
	position: absolute;
	left: 50%;
	top:710px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-68%);
	white-space: nowrap
}
.hidden_ul{
	display:none !important;
	}
.honor_wall_pager_area li {
	display: inline-block;
	margin-left: 19px
}

.honor_wall_pager_area li:first-child {
	margin-left: 0
}

.honor_wall_pager_area a {
	display: block;
	height: 15px;
	width: 15px;
	background: #ececec;
	border-radius:25px;
	text-indent: -9999px;
	overflow: hidden
}

.honor_wall_pager_area .current a {
	background: #d0d0d0;
}
.wrap_show .title_wrap {
	-webkit-animation: a_title_wrap .3s .3s linear both
}

.logo_list_1.list_hide {
	-webkit-animation: a_logo_list_1_hide .3s linear both
}

.logo_list_1.list_show,.logo_list_2.list_show_backward {
	-webkit-animation: a_logo_list_1_show .3s linear both
}

.logo_list_2.list_show_backward {
	left: 0
}

.logo_list_2.list_show {
	-webkit-animation: a_logo_list_2_show .3s linear both
}

.logo_list_2.list_hide_forward {
	-webkit-animation: a_logo_list_1_hide .3s linear both
}

.logo_list_2.list_hide {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

.logo_list_3.list_show_backward {
	left: 0;
	-webkit-animation: a_logo_list_1_show .3s linear both
}

.logo_list_3.list_show {
	-webkit-animation: a_logo_list_2_show .3s linear both
}

.logo_list_3.list_hide_forward {
	-webkit-animation: a_logo_list_1_hide .3s linear both
}

.logo_list_3.list_hide {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

.logo_list_4.list_show_backward {
	left: 0;
	-webkit-animation: a_logo_list_1_show .3s linear both
}

.logo_list_4.list_show {
	-webkit-animation: a_logo_list_2_show .3s linear both
}

.logo_list_4.list_hide_forward {
	-webkit-animation: a_logo_list_1_hide .3s linear both
}

.logo_list_4.list_hide {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

.logo_list_5.list_show {
	-webkit-animation: a_logo_list_2_show .3s linear both
}

.logo_list_5.list_hide {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

.honor_list.to_left {
	left: 0;
	-webkit-animation: a_logo_list_1_hide .3s linear both
}

.honor_list.to_right {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

.honor_list.left_in {
	left: 0;
	-webkit-animation: a_logo_list_1_show .3s linear both
}

.honor_list.right_in,.honor_list_2.list_show {
	-webkit-animation: a_logo_list_2_show .3s linear both
}

.honor_list_2.list_hide {
	-webkit-animation: a_logo_list_2_hide .3s linear both
}

@-webkit-keyframes a_round {
	0% {
		-webkit-transform: scale(1);
		opacity: 1
	}

	40% {
		-webkit-transform: scale(1.1);
		opacity: .8
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes a_round_toggle {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}

	50% {
		opacity: .8;
		-webkit-transform: scale(.5)
	}

	80% {
		opacity: 0;
		-webkit-transform: scale(.6)
	}

	to {
		opacity: 0;
		-webkit-transform: scale(0)
	}
}

@-webkit-keyframes a_logo_list_1_hide {
	0% {
		opacity: 1;
		z-index: 1;
		-webkit-transform: translateZ(0) rotateY(0)
	}

	to {
		opacity: 0;
		z-index: 1;
		-webkit-transform: translate3d(-150px,0,-330px) rotateY(-50deg)
	}
}

@-webkit-keyframes a_logo_list_1_show {
	0% {
		opacity: 0;
		z-index: 2;
		-webkit-transform: translate3d(-150px,0,-330px) rotateY(-50deg)
	}

	to {
		opacity: 1;
		z-index: 2;
		-webkit-transform: translateZ(0) rotateY(0)
	}
}

@-webkit-keyframes a_logo_list_2_hide {
	0% {
		opacity: 1;
		z-index: 1;
		-webkit-transform: translate3d(-100%,0,0) rotateY(0)
	}

	to {
		opacity: 0;
		z-index: 1;
		-webkit-transform: translateZ(-330px) rotateY(50deg)
	}
}

@-webkit-keyframes a_logo_list_2_show {
	0% {
		opacity: 0;
		-webkit-transform: translateZ(-330px) rotateY(50deg);
		z-index: 1
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(-100%,0,0) rotateY(0);
		z-index: 2
	}
}

@-webkit-keyframes a_title_wrap {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes a_logo_icon {
	0% {
		-webkit-transform: scale(.94) translateY(-8px);
		opacity: 0
	}

	to {
		-webkit-transform: scale(1) translate(0);
		opacity: 1
	}
}

.milestone_list {
	display: block;
	position: absolute;
	height:510px;
	width:400px;
	left: 50%;
	margin-left: -200px;
	top: 252px;
	/*margin-top: -150px;*/
	-webkit-perspective: 2000px
}

.milestone_list li {
	display: block;
	min-height: 474px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	padding:18px 20px;
}

.milestone_list li .title_date,.milestone_list li .title_txt {
	display: inline-block;
	width: 172px;
	color: #1f53a0;
	font-weight: 400;
	line-height: 1.35
}

.milestone_list li .title_txt {
	font-size: 12px;
	font-family: microsoft yahei;
	margin: 0 auto 12px
}

.milestone_list li>div {
	position: relative
}

.milestone_list li>div h5 {
	position: absolute;
	top: 32%;
	left: 30px;
	width: 100%;
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	color: #fff
}

.milestone_list li .txt {
	display: inline-block;
	color: #333;
	font-size:20px;
	text-align: center;
	margin: 20px 30px;
    line-height: 35px;
}

.milestone_list li .img {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px
}

.milestone_list li.li_prepare {
	opacity: 0;
	z-index: 1
}

.milestone_list li .youxin {
	border: 1px solid #f4f4f4
}

.milestone_list_show .milestone_list li.li_current_prepare {
	-webkit-animation: a_milestone_list_current_prepare .3s linear both
}

.milestone_list_show .milestone_list li.li_prepare_current {
	-webkit-animation: a_milestone_list_prepare_current .3s linear both
}

.milestone_list_show .milestone_list li.li_hide_current {
	-webkit-animation: a_milestone_list_hide_current .3s linear both
}

.milestone_list_show .milestone_list li.li_hide {
	-webkit-animation: a_milestone_list_hide .3s linear both
}

.i_shadow {
	display: block;
	height: 6px;
	width: 200px;
	box-shadow: 0 0 10px rgba(0,0,0,.07);
	background: rgba(0,0,0,.035);
	position: absolute;
	left: 50%;
	margin-left: -100px;
	bottom: -50px;
	border-radius: 200px/6px
}

@-webkit-keyframes a_milestone_list_current_prepare {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0) rotatey(0);
		z-index: 2
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(250px,0,-300px) rotatey(50deg);
		z-index: 1
	}
}

@-webkit-keyframes a_milestone_list_prepare_current {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(250px,0,-300px) rotatey(50deg);
		z-index: 1
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0) rotatey(0);
		z-index: 2
	}
}

@-webkit-keyframes a_milestone_list_hide_current {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-250px,0,-300px) rotatey(-50deg);
		z-index: 1
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0) rotatey(0);
		z-index: 2
	}
}

@-webkit-keyframes a_milestone_list_hide {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0) rotatey(0);
		z-index: 2
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-250px,0,-300px) rotatey(-50deg);
		z-index: 1
	}
}

.arrow_wrap .arrow_left {
	display: block;
	height: 60px;
	width: 27px;
	position: absolute;
	left: 50%;
	/*top: 50%;*/
	margin-left: -275px;
	top: 460px;
	z-index: 3;
	-webkit-tap-highlight-color: transparent
}

.arrow_wrap .arrow_left i {
	display: block;
	height: 60px;
	width: 27px;
	background: url(../image/left_icon.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: .2;
	-webkit-transition: opacity .3s linear
}

.arrow_wrap .arrow_right {
	display: block;
	height: 60px;
	width: 27px;
	position: absolute;
	left: 50%;
	/*top: 50%;
	margin-top: -250px;*/
	top:460px;
	margin-left:250px;
	z-index: 3;
	-webkit-tap-highlight-color: transparent
}

.arrow_wrap .arrow_right i {
	display: block;
	height: 60px;
	width: 27px;
	background: url(../image/right_icon.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	left: 0px;
	top: 0px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: .2;
	-webkit-transition: opacity .3s linear
}

.wrap_show .arrow_wrap .arrow_left_active i {
	opacity: 1;
	-webkit-animation: a_arrow_left 2s linear infinite
}

.wrap_show .arrow_wrap .arrow_right_active i {
	opacity: 1;
	-webkit-animation: a_arrow_right 2s linear infinite
}

@-webkit-keyframes a_arrow_left {
	0% {
		-webkit-transform: translate(0)
	}

	25% {
		-webkit-transform: translate(-3px)
	}

	50% {
		-webkit-transform: translate(2px)
	}

	75% {
		-webkit-transform: translate(-1px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

@-webkit-keyframes a_arrow_right {
	0% {
		-webkit-transform: translate(0)
	}

	25% {
		-webkit-transform: translate(3px)
	}

	50% {
		-webkit-transform: translate(-2px)
	}

	75% {
		-webkit-transform: translate(1px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

.timeline_wrap {
	top:867px
}

.timeline_wrap,.timeline_wrap .timeline {
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0
}

.timeline_wrap .timeline {
	background: #e9e9e9;
	top: 0;
	z-index: 1
}

.timeline_list li {
	display: block;
	height: 35px;
	width: 300px;
	position: absolute;
	left: 50%;
	top: -42px;
	margin-left: -150px;
	z-index: 2;
	opacity: 1
}

.timeline_list li .dot_area {
	display: block;
	height: 35px;
	width: 300px;
	text-align: center
}

.timeline_list li .dot_area .dot {
	display: inline-block;
	height: 14px;
	width: 14px;
	background: #b9b9b9;
	border-radius: 14px
}

.timeline_list li .dot_area .milestone_tips {
	display: inline-block;
	width: 300px;
	color: #b9b9b9;
	font-size: 24px;
	font-weight: 400;
	font-family: microsoft yahei;
	position: relative;
	top: 59px;
	-webkit-transform: scale(.9);
	opacity: .95;
}

.milestone_list_show .timeline_list li.li_prepare {
	-webkit-transform: translate(110px);
	opacity: 1
}

.milestone_list_show .timeline_list li.li_prepare_2 {
	-webkit-transform: translate(200px);
	opacity: 0
}

.milestone_list_show .timeline_list li.li_current .dot_area .dot {
	background: #d53428
}

.milestone_list_show .timeline_list li.li_current .dot_area .milestone_tips {
	-webkit-transform: scale(1);
	opacity: 1;
	color: #d53428
}

.milestone_list_show .timeline_list li.li_current_hide {
	-webkit-animation: a_timeline_list_current_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_current_hide .dot_area .dot {
	-webkit-animation: a_timeline_list_dot_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_current_hide .milestone_tips {
	-webkit-animation: a_timeline_list_tips_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_hide_2 {
	-webkit-animation: a_timeline_list_hide_2 .3s linear both
}

.milestone_list_show .timeline_list li.li_2_to_prepare {
	-webkit-animation: a_timeline_list_2_prepare .3s linear both
}

.milestone_list_show .timeline_list li.li_2_to_prepare .milestone_tips {
	-webkit-animation: a_timeline_list_tips_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_prepare_to_2 {
	-webkit-animation: a_timeline_list_prepare_2 .3s linear both
}

.milestone_list_show .timeline_list li.li_prepare_current {
	-webkit-animation: a_timeline_list_prepare_current .3s linear both
}

.milestone_list_show .timeline_list li.li_prepare_current .dot_area .dot {
	-webkit-animation: a_timeline_list_dot_current .3s linear both
}

.milestone_list_show .timeline_list li.li_prepare_current .dot_area .milestone_tips {
	-webkit-animation: a_timeline_list_tips_current .3s linear both
}

.milestone_list_show .timeline_list li.li_hide_current {
	-webkit-animation: a_timeline_list_hide_current .3s linear both
}

.milestone_list_show .timeline_list li.li_hide_current .dot_area .dot {
	-webkit-animation: a_timeline_list_dot_current .3s linear both
}

.milestone_list_show .timeline_list li.li_hide_current .dot_area .milestone_tips {
	-webkit-animation: a_timeline_list_tips_current .3s linear both
}

.milestone_list_show .timeline_list li.li_current_prepare {
	-webkit-animation: a_timeline_list_current_prepare .3s linear both
}

.milestone_list_show .timeline_list li.li_current_prepare .dot_area .dot {
	-webkit-animation: a_timeline_list_dot_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_current_prepare .milestone_tips {
	-webkit-animation: a_timeline_list_tips_hide .3s linear both
}

.milestone_list_show .timeline_list li.li_2_to_hide {
	-webkit-animation: a_timeline_list_2_to_hide .3s linear both
}

@-webkit-keyframes a_timeline_list_hide_current {
	0% {
		-webkit-transform: translate(-110px);
		opacity: 1
	}

	to {
		-webkit-transform: translate(0);
		opacity: 1
	}
}

@-webkit-keyframes a_timeline_list_current_prepare {
	0% {
		-webkit-transform: translate(0);
		opacity: 1
	}

	to {
		-webkit-transform: translate(200px);
		opacity: 1
	}
}

@-webkit-keyframes a_timeline_list_2_to_hide {
	0% {
		-webkit-transform: translate(-100px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(-200px);
		opacity: 1
	}
}

@-webkit-keyframes a_timeline_list_current_hide {
	0% {
		-webkit-transform: translate(-100);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-200px);
		opacity: 1
	}
}

@-webkit-keyframes a_timeline_list_hide_2 {
	0% {
		-webkit-transform: translate(-200px);
		opacity: 1
	}

	to {
		-webkit-transform: translate(-200px);
		opacity: 0
	}
}

@-webkit-keyframes a_timeline_list_dot_hide {
	0% {
		background: #fcc904
	}

	to {
		background: #b9b9b9
	}
}

@-webkit-keyframes a_timeline_list_dot_current {
	0% {
		background: #b9b9b9
	}

	to {
		background: #fcc904
	}
}

@-webkit-keyframes a_timeline_list_tips_hide {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
		color: #fcc904;
	}

	to {
		-webkit-transform: scale(.9);
		opacity: .9;
		color: #b6b6b6;
	}
}

@-webkit-keyframes a_timeline_list_tips_current {
	0% {
		-webkit-transform: scale(.9);
		opacity: .9;
		color: #e9e9e9;
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1;
		color: #fcc904;
	}
}

@-webkit-keyframes a_timeline_list_2_prepare {
	0% {
		-webkit-transform: translate(200px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(200px);
		opacity: 1
	}
}

@-webkit-keyframes a_timeline_list_prepare_2 {
	0% {
		-webkit-transform: translate(110px);
		opacity: 1
	}

	to {
		-webkit-transform: translate(300px);
		opacity: 0
	}
}

@-webkit-keyframes a_timeline_list_prepare_current {
	0% {
		-webkit-transform: translate(140px);
		opacity: 1
	}

	to {
		-webkit-transform: translate(0);
		opacity: 1
	}
}

.con_wrap_5 .title_wrap .con_title {
	width: 85px;
	height: 21px;
	margin-left: -42px
}

.intro_area {
	font-family: microsoft yahei;
	width: 100%;
	position: absolute;
	left:0px;
	top: 80px;
	text-align: center;
}
.intro_area_in{
	height:400px;
	}
.intro_area h5{
	margin: 0 auto;
	}
.intro_area_txt{
	position:absolute;
	top:350px;
	width:100%;
	text-align: center;
	}
.intro_area_txt p{
	color:#222;
	font-size:22px;
	margin-bottom:7px;
	}
.stockholder_area {
	font-family: microsoft yahei;
	position: absolute;
	top:530px;
	padding: 0px 58px 10px;
}
.stockholder_area ul li{
	color:#222;
	font-size:24px;
	margin-bottom:30px;
	padding-left: 41px;
	overflow:hidden;
	}
.stockholder_area ul li span{
	display:inline-block;
	width:70px;
	letter-spacing: 10px;
	}
.stockholder_area ul li em{
	margin-left: 17px;
	}
.stockholder_area ul li.area_li_1 a{
	font-size: 34px;
    font-weight: 900;
    color: #fcc800;
    font-style: italic;
    padding-left: 17px;
	}
.stockholder_area ul li.area_li_1 span , .stockholder_area ul li.area_li_2 span{
	width: 210px;
	}
.stockholder_area ul li.area_li_1 span{
	letter-spacing: 3px;
	}
.stockholder_area ul li.area_li_1{
	background:url(../image/lx_1.png) no-repeat left 63%; 
	}
.stockholder_area ul li.area_li_2{
	background:url(../image/lx_1.png) no-repeat left center; 
	}
.stockholder_area ul li.area_li_3 ,.stockholder_area ul li.area_li_4{
	background:url(../image/lx_2.png) no-repeat left center; 
	}
.stockholder_area ul li.area_li_5{
	background:url(../image/lx_3.png) no-repeat 3px 14%;
	}
.manage_area {
	font-family: microsoft yahei;
	width: 100%;
	position: absolute;
	left: 0;
	top:910px
}
.manage_area h6{
	padding-top: 50px;
    border-top:1px dashed rgba(0, 0, 0, 0.4);
    margin: 0px 30px;
	}
.manage_area h6 a{
	display:block;
	width:280px;
	height:70px;
	background:#fcc800;
	color:#fff;
	border-radius:35px;
	margin:0 auto;
	text-align: center;
    line-height: 70px;
    font-weight: 100;
	font-size:28px;
	box-shadow:1px 3px 13px rgba(0, 0, 0, 0.2);
	font-weight:900;
	}
.manage_area span{
	display:block;
	font-size: 14px;
	text-align: center;
    color: rgba(0, 0, 0, 0.4);
	margin-top:10px;
	}
.wrap_show .intro_area_txt {
	-webkit-animation: a_title_wrap .3s .6s linear both
}

.wrap_show .stockholder_area {
	-webkit-animation: a_title_wrap .3s 1s linear both
}

.wrap_show .manage_area {
	-webkit-animation: a_title_wrap .3s 1.5s linear both
}

.notice_wrap {
	position: relative;
	z-index: 1
}

.show_guide {
	opacity: 1;
	z-index: 99
}

.notice_list {
	height: 50px;
	padding: 73px 0 0;
	text-align: center;
	width: 100%
}
.footer {
	color: #7686ad;
	font-size: 12px
}

.footer .slogan {
	color: #7998c6;
	font-size: 16px;
	margin-top: -5px;
	margin-bottom: 10px
}

.footer .slogan .dot {
	font-size: 12px;
	position: relative;
	top: -2px
}

@-webkit-keyframes a_heart_beat {
	0% {
		-webkit-transform: scale(1)
	}

	10% {
		-webkit-transform: scale(.95)
	}

	20% {
		-webkit-transform: scale(1.05)
	}

	30% {
		-webkit-transform: scale(.98)
	}

	40% {
		-webkit-transform: scale(1.03)
	}

	50% {
		-webkit-transform: scale(1)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes a_translate {
	0% {
		-webkit-transform: translateY(20px);
		opacity: 0
	}

	to {
		-webkit-transform: translate(0);
		opacity: 1
	}
}

.menu_wrap {
	display: none;
	height: 100%;
	width: 100%;
	background: -webkit-linear-gradient(-45deg,#FFD119,#FED119);
	position: relative;
    z-index: 1;
}

.menu_wrap .menu_list {
	padding-top:110px
}

.menu_wrap .menu_list a {
	display: block;
	width: 120px;
	padding-left:60px;
	color: #222;
	font-size:24px;
	font-family: microsoft yahei;
	margin-bottom:75px;
	-webkit-transition: -webkit-transform .3s linear;
	-webkit-tap-highlight-color: transparent
}

.menu_wrap .menu_list b {
	display: inline-block;
	width: 46px
}

.menu_wrap .menu_list a:hover {
	text-decoration: none
}

.menu_wrap .menu_list .current a {
	color: #fff
}

.menu_area {
	height: 80px;
	width: 100%;
	left: 0;
	z-index: 4
}

.btn_menu,.menu_area {
	display: block;
	position: absolute;
	top: 0
}

.btn_menu {
	height:50px;
	width: 60px;
	left:10px;
	padding-top:25px;
	-webkit-tap-highlight-color: transparent
}

.btn_menu .line {
	display: block;
	height: 3px;
	width:40px;
	background: #c9c9c9;
	margin: 0 auto 14px;
	position: relative;
}
.btn_menu .line em{
	display: block;
	position: absolute;
	width:4px;
	height:3px;
	background:#fff;
	top:0px;
	left:5px;
}
.btn_back {
	display: none;
	height: 40px;
	width: 40px;
	position: absolute;
	left: 15px;
	top: 0
}

/*.btn_back .icon_back {
	display: block;
	height: 25px;
	width: 25px;
	background-size: contain;
	position: absolute;
	left: 7px;
	top: 7px
}*/

.main_con_wrap {
	display: block;
	z-index: 1
}

.main_con_wrap,.menu_cover {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.menu_cover {
	display: none;
	z-index: 5
}

.main_con_wrap.menu_wrap_show {
	-webkit-animation: a_menu_wrap_show .3s ease both;
	box-shadow: -2px 0 6px 3px rgba(13, 13, 14, 0.08);
}

.main_con_wrap.menu_wrap_hide {
	-webkit-animation: a_menu_wrap_hide .3s ease both
}

@-webkit-keyframes a_menu_wrap_show {
	0% {
		-webkit-transform: translate(0)
	}

	to {
		-webkit-transform: translate(195px,259px)
	}
}

@-webkit-keyframes a_menu_wrap_hide {
	0% {
		-webkit-transform: translate(195px,259px)
	}

	to {
		-webkit-transform: translate(0)
	}
}

.menu_area .webank_logo {
	height:109px;
	width:304px;
	background: url(../image/index_1_head.png) no-repeat 0 0;
	background-size: contain;
	margin-left: -152px;
	top:120px;
	/*-webkit-animation: index_1_1 1s ease;*/
}

.menu_area .webank_logo,.webank_slogan {
	display: block;
	position: absolute;
	left: 50%;
	overflow: hidden;
	z-index: 1
}

.webank_slogan {
	line-height: 45px;
	width: 100%;
	top: 265px;
	left: 0px;
	font-size:26px;
	font-weight: 900;
	color:#666;
	text-align:center;
	letter-spacing:2px;
}
.wrap_show .webank_slogan{
	-webkit-animation: index_1_1 1s .5s ease both;
	}
.menu_area .bg {
	display: block;
	height: 80px;
	width: 0;
	border-bottom: 1px solid #f2f2f2;
	background: hsla(0,0%,100%,.9);
	box-shadow: 0 0 2px rgba(0,0,0,.02),0 0 1px rgba(0,0,0,.05);
	margin-left: 50%
}

.menu_fix .webank_logo {
	-webkit-animation: a_webank_logo .3s ease-out both
}

/*.wrap_show .webank_slogan {
	-webkit-animation: a_webank_slogan .1s ease-out both
}*/

.menu_fix .btn_menu {
	-webkit-animation: a_btn_menu .3s ease-out both
}

.menu_fix .btn_menu .line {
	-webkit-animation: a_btn_menu_line .3s ease-out both
}

.menu_fix .bg {
	-webkit-animation: a_menu_bg .3s ease-out both
}

@-webkit-keyframes a_webank_logo {
	0% {
		-webkit-transform: scale(1) translate(0)
	}

	10% {
		-webkit-transform: scale(.9) translateY(2px)
	}

	40% {
		-webkit-transform: scale(1.08) translateY(-40px)
	}

	50% {
		-webkit-transform: scale(1.1) translateY(-50px)
	}

	60% {
		-webkit-transform: scale(1.05) translateY(-60px)
	}

	to {
		-webkit-transform: scale(.4114,.425) translateY(-310px)
	}
}

@-webkit-keyframes a_webank_slogan {
	0% {
		opacity: 1;
		
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes a_btn_menu {
	0% {
		-webkit-transform: scale(1) translate(0)
	}

	10% {
		-webkit-transform: scaleX(.9) translateY(2px)
	}

	50% {
		-webkit-transform: scaleX(1.15) translate(-7px,-10px)
	}

	to {
		-webkit-transform: scaleX(.91) translate(0)
	}
}

@-webkit-keyframes a_btn_menu_line {
	0% {
		margin-bottom: 7px
	}

	to {
		margin-bottom: 10px
	}
}

@-webkit-keyframes a_menu_bg {
	0% {
		width: 0;
		margin-left: 50%
	}

	to {
		width: 100%;
		margin-left: 0
	}
}

.menu_fix_hide .webank_logo {
	-webkit-animation: a_webank_logo_2 .3s ease-out both
}

/*.menu_fix_hide .webank_slogan {
	-webkit-animation: a_webank_slogan_2 .3s ease-out both
}*/

.menu_fix_hide .btn_menu {
	-webkit-animation: a_btn_menu_2 .3s ease-out both
}

.menu_fix_hide .btn_menu .line {
	-webkit-animation: a_btn_menu_line_2 .3s ease-out both
}

.menu_fix_hide .bg {
	-webkit-animation: a_menu_bg_2 .3s ease-out both
}

@-webkit-keyframes a_webank_logo_2 {
	0% {
		-webkit-transform: scale(.6114,.625) translateY(-96px)
	}

	10% {
		-webkit-transform: scale(.58,.6) translateY(-94px)
	}

	40% {
		-webkit-transform: scale(1.08) translateY(-50px)
	}

	50% {
		-webkit-transform: scale(1.1) translateY(-40px)
	}

	60% {
		-webkit-transform: scale(1.05) translateY(-30px)
	}

	to {
		-webkit-transform: scale(1) translate(0)
	}
}

@-webkit-keyframes a_webank_slogan_2 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes a_btn_menu_2 {
	0% {
		-webkit-transform: scaleX(.91) translate(-9px,-13px)
	}

	10% {
		-webkit-transform: scaleX(.85) translate(-9px,-11px)
	}

	50% {
		-webkit-transform: scaleX(1.15) translateY(-3px)
	}

	to {
		-webkit-transform: scale(1) translate(0)
	}
}

@-webkit-keyframes a_btn_menu_line_2 {
	0% {
		margin-bottom: 5px
	}

	to {
		margin-bottom: 7px
	}
}

@-webkit-keyframes a_menu_bg_2 {
	0% {
		width: 100%;
		margin-left: 0
	}

	to {
		width: 0;
		margin-left: 50%
	}
}

.subpage_loan {
	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	-webkit-transition: opacity .3s linear
}

/*@media (min-width:320px) and (max-height:489px) {
	.product_title {
		top: 45px;
		-webkit-transform: scale(.9)
	}

	.product_slogan {
		top: 65px;
		-webkit-transform: scale(.9)
	}
	.title_wrap .con_title {
		top: 45px;
		-webkit-transform: scale(.9)
	}

	.notice_list {
		padding: 50px 0 0
	}

	
	.page_arrow_area {
		display: none
	}

	.menu_wrap .menu_list {
		padding-top: 60px
	}

	.menu_area .webank_logo {
		top: 30px
	}

	.btn_menu {
		left: 9px;
		padding-top: 15px
	}

	.menu_area,.menu_area .bg {
		height: 36px
	}

	.shopping_title .shopping_slogan {
		top: -325px
	}

	.shopping_title .line_3 {
		top: -316px
	}

	.i_shadow {
		display: none
	}

	.cooperative_pager_area,.honor_wall_pager_area {
		top: 362px
	}


	@ -webkit-keyframes a_line_2 {
		0%{height: 0
	}

	to {
		height: 325px
	}
}

@-webkit-keyframes a_webank_logo {
	0% {
		-webkit-transform: scale(1) translate(0)
	}

	to {
		-webkit-transform: scale(.6114,.625) translateY(-38px)
	}
}

@-webkit-keyframes a_webank_slogan {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes a_btn_menu {
	0% {
		-webkit-transform: scale(1) translate(0)
	}

	to {
		-webkit-transform: scaleX(.91) translateY(-5px)
	}
}

@-webkit-keyframes a_btn_menu_line {
	0% {
		margin-bottom: 7px
	}

	to {
		margin-bottom: 5px
	}
}

@-webkit-keyframes a_menu_bg {
	0% {
		width: 0;
		margin-left: 50%
	}

	to {
		width: 100%;
		margin-left: 0
	}
}

@-webkit-keyframes a_webank_logo_2 {
	0% {
		-webkit-transform: scale(.6114,.625) translateY(-38px)
	}

	to {
		-webkit-transform: scale(1) translate(0)
	}
}

@-webkit-keyframes a_webank_slogan_2 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes a_btn_menu_2 {
	0% {
		-webkit-transform: scaleX(.91) translateY(-5px)
	}

	to {
		-webkit-transform: scale(1) translate(0)
	}
}

@-webkit-keyframes a_btn_menu_line_2 {
	0% {
		margin-bottom: 5px
	}

	to {
		margin-bottom: 7px
	}
}

@-webkit-keyframes a_menu_bg_2 {
	0% {
		width: 100%;
		margin-left: 0
	}

	to {
		width: 0;
		margin-left: 50%
	}
}

.loan_step .title {
	font-size: 16px;
	margin-top: 50px
}

.loan_step .txt {
	font-size: 14px
}

.interface_area {
	margin-bottom: 10px
}

.interface_area .item .txt,.slogan_area {
	font-size: 14px
}

.slogan_area .title {
	font-size: 16px
}
}
*/
/*@media (min-width:320px) and (min-height:490px) and (max-height:504px) {
	.title_wrap .con_title {
		top: 60px
	}

	.cooperative_pager_area,.honor_wall_pager_area {
		top: 360px
	}

	.notice_list {
		padding-top: 65px
	}

	.loan_step {
		margin-bottom: 25px
	}

	.interface_area {
		margin-bottom: 15px
	}

}*/

/*@media (min-width:360px) and (max-height:530px) {
	.con_wrap_6 .title_wrap .con_title {
		top: 55px
	}

	.con_wrap_5 .title_wrap .con_title {
		top: 65px
	}

}
@media (min-width:360px) and (min-height:600px){
	
	}
@media (min-width:360px) and (min-height:530px) and (max-height:540px) {
	
	.con_wrap .title_wrap .con_title {
		top: 70px
	}

	.notice_list {
		padding-top: 65px
	}

	.loan_step {
		margin-bottom: 25px
	}

	.interface_area {
		margin-bottom: 15px
	}

}
*/
/*@media (min-width:360px) and (min-height:550px) and (max-height:590px) {
	.social_inner {
		-webkit-transform: translateY(-10px)
	}

	.title_wrap .con_title {
		top: 65px
	}
}

@media (min-width:320px) and (min-height:600px) {
	
}

@media (min-width:414px) and (min-height:672px) {
	
	.title_wrap .con_title {
		top: 90px
	}
	
}

@media (max-height:520px) {
	.menu_wrap>.menu_list {
		padding-top: 60px
	}

	.menu_wrap>.menu_list a {
		margin-bottom: 10px
	}
}

@media (max-height:440px) {
	.menu_wrap>.menu_list {
		padding-top: 40px
	}
}

*/
@media only screen and (min-device-width : 600px) and (orientation:Portrait) {
	.social_wrap ,.webank_slogan ,.account_con ,.account_box ,.con_wrap_6 .bg ,.con_wrap_6 .bg2 ,.stockholder_area ,.manage_area ,.honor_wall_wrap ,.cooperative_wrap{
	-webkit-transform:scale(.75);
}
.intro_area_txt{
	-webkit-transform:scale(.85)
}
.webank_slogan{
	top:245px
}
.con_wrap_6 .bg{
	top:465px
}
.con_wrap_6 .bg2{
	top:230px
}
.wrap_show .tree_box_r ,.wrap_show .tree_box_l{
	top:690px
}
.con_wrap_6 .link_all{
	top:820px
}
.social_wrap{
	top:310px
}
.title_wrap h3.bt_listbox{
	top: 110px
	}
.product_box{
	top: 80px;
	-webkit-transform:scale(.65)
}
.account_con{
	top: 160px
	}
.con_wrap_3 .title_wrap .jyln{
	top: 430px
	}
.account_box{
	top:470px
	}
.milestone_list{
	top:200px
}
.timeline_wrap{
	top:805px
}
.intro_area_txt{
	top:350px
	}
.stockholder_area{
	top: 460px
	}
.manage_area{
	top: 740px
	}
.cooperative_wrap, .honor_wall_wrap{
	top:135px
}
.stockholder_area ul li{
	margin-bottom:15px
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:Portrait) { 

.social_wrap ,.webank_slogan ,.account_con ,.account_box ,.con_wrap_6 .bg ,.con_wrap_6 .bg2 ,.stockholder_area ,.manage_area ,.honor_wall_wrap ,.cooperative_wrap{
	-webkit-transform:scale(.75);
}
.intro_area_txt{
	-webkit-transform:scale(.85)
}
.webank_slogan{
	top:245px
}
.con_wrap_6 .bg{
	top:465px
}
.con_wrap_6 .bg2{
	top:230px
}
.wrap_show .tree_box_r ,.wrap_show .tree_box_l{
	top:690px
}
.con_wrap_6 .link_all{
	top:820px
}
.social_wrap{
	top:310px
}
.title_wrap h3.bt_listbox{
	top: 110px
	}
.product_box{
	top: 80px;
	-webkit-transform:scale(.65)
}
.account_con{
	top: 160px
	}
.con_wrap_3 .title_wrap .jyln{
	top: 430px
	}
.account_box{
	top:470px
	}
.milestone_list{
	top:200px
}
.timeline_wrap{
	top:805px
}
.intro_area_txt{
	top:350px
	}
.stockholder_area{
	top: 460px
	}
.manage_area{
	top: 740px
	}
.cooperative_wrap, .honor_wall_wrap{
	top:135px
}
.stockholder_area ul li{
	margin-bottom:15px
}
}
.back_col{
	background:#f6f6f6;
	}