@charset "utf-8";
body { font-size: 12px; font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体"; -webkit-text-size-adjust: none; }
a { text-decoration: none; }
ul, li, p, h1, h2, h3, h4, h5, dl, dt, dd, body { padding: 0; margin: 0; }
ul, li { list-style: none; }
img { border: 0; }
input { margin: 0; padding: 0; border-radius: 0; border: 0; }
a:link { color: #767676; }
a:visited { color: #767676; }
a:hover { color: #e63d66; }
a:active { color: #767676; }
.head { width: 100%; height: 100px; overflow: hidden; background: #f4c180; }
.top { max-width: 1200px; margin: 0 auto; }
.top span { float: right; display: block; height: 100px; line-height: 100px; position: relative; }
.top span a { display: block; width: 100px; color: #a6a6a6; float: left; text-align: center; font-size: 18px; height: 100px; position: relative; z-index: 1; }
.top i.move_line { position: absolute; left: 0; top: 0; border-bottom: 6px solid #e63d66; z-index: 0; height: 94px; width: 100px; }
.kinMaxShow { width: 100%; overflow: hidden; height: 668px; background: url(http://img.18183.duoku.com/uploads/allimg/160108/94-16010P01S2.jpg) no-repeat top center; }
.kinMaxShow .content { max-width: 1200px; margin: 0 auto; height: 668px; position: relative; }
.kinMaxShow .content h2 { font-size: 70px; line-height: 86px; color: #fff; text-shadow: 0 2px 6px rgba(44, 159, 120, 0.1); width: 486px; position: absolute; top: 70px; left: 150%; }
.kinMaxShow .content p { width: 486px; color: #cc81da; font-size: 14px; line-height: 28px; position: absolute; top: 270px; left: 150%; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0 }
.kinMaxShow .content .view {
	display: block;
	position: absolute;
	top: 425px;
	left: 20px;
	height: 60px;
	width: 180px;
	line-height: 60px;
	border-radius: 10px;
	border: 1px solid #fff;
	font-size: 36px;
	text-align: center;
	color: #fff;
}
#kinMaxShow>span { display: inline-block; position: absolute; right: 0; bottom: 10px; z-index: 99; line-height: 70px; overflow: hidden; }
#kinMaxShow>span a { display: block; width: 230px; height: 70px; background: #7b23b8; font-size: 18px; text-align: center; color: #fff; border-radius: 5px 5px 0 0; }
#kinMaxShow>span a:hover { background: #9735dc; }
#kinMaxShow>span .gift { background: #e63d66; border-radius: 0 0 5px 5px; }
#kinMaxShow>span .gift:hover { background: #ff658a; }
.mid { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.mid_auto { max-width: 1200px; margin: 0 auto; overflow: hidden; }
.update { width: 100%; padding-top: 40px; background: #ededed; box-shadow: 0px 2px 3px -3px rgba(4, 0, 0,1); color: #767676; }
.update_t { height: 42px; background: url(http://www.18183.com/yingxiongsha/images/update.png) no-repeat; margin-bottom: 37px; }
.update dl { width: 23%; margin-right: 2%; float: left; margin-bottom: 20px; }
.update dt p { height: 60px; line-height: 60px; font-size: 18px; text-align: center; }
.update dt img { display: block; max-width: 270px; margin: 0 auto; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; width: 100%; }
.update dt img:hover { transform: scale(1.02); -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.update dt a { display: block; }
.hd_list dd { clear: both; margin: 0; overflow: hidden; }
.hd_list dd.gl_show { display: none; }
.hd_list dd ul { overflow: hidden; }
.hd_list dd li { height: 30px; line-height: 30px; padding-left: 18px; overflow: hidden; position: relative; text-align: left; }
.hd_list dd li i { display: inline-block; padding: 0 10px; font-style: normal; position: absolute; right: 0; top: 0; }
.hd_list dd li a { height: 30px; line-height: 30px; padding-left: 0; display: inline-block; margin-left: 20px; position: relative; left: -20px; float: left; color: #767676; }
.hd_list dd li a:after { content: ">"; position: absolute; left: -30px; top: 1px; font-family: "宋体"; transition: 0.3s linear 0s; transition-property: left; -moz-transition: 0.3s linear 0s; -moz-transition-property: left; -webkit-transition: 0.3s linear 0s; -webkit-transition-property: left; }
.hd_list dd li a:hover { color: #e63d66; padding-left: 10px; margin-left: 0; left: 0; transition: 0.3s linear 0s; transition-property: padding-left, margin-left; -moz-transition: 0.3s linear 0s; -moz-transition-property: padding-left, margin-left; -webkit-transition: 0.3s linear 0s; -webkit-transition-property: padding-left, margin-left; }
.hd_list dd li a:hover:after { left: 0px; transition: 0.3s linear 0s; transition-property: left; -moz-transition: 0.3s linear 0s; -moz-transition-property: left; -webkit-transition: 0.3s linear 0s; -webkit-transition-property: left; }
.add { width: 100%; padding-top: 40px; }
.add_t { height: 42px; background: url(http://www.18183.com/yingxiongsha/images/add.png) no-repeat #fff; margin-bottom: 37px; position: relative; z-index: 99; }
.move_pic { position: relative; margin-bottom: 50px; }
.move_pic dt { height: 36px; color: #6c5e62; font-size: 26px; margin-bottom: 30px; }
.move_pic dt span { float: right; border-radius: 5px; overflow: hidden; height: 36px; }
.move_pic dt span a { display: inline-block; width: 47px; height: 36px; line-height: 36px; overflow: hidden; color: #fff; background: #bfbfbf; text-align: center; font-family: "songti,宋体"; font-weight: bold; font-size: 34px; }
.move_pic dt span .left { margin-right: 1px; }
.move_pic dt span a:hover { background: #e63d66; }
.move_pic dd { position: relative; width: 100000px; padding-left: 10px; left: 0; }
.move_pic dd a { display: inline-block; width: 217px; margin-right: 90px; }
.move_pic dd img { display: block; border-radius: 50%; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.move_pic dd i { display: block; border: 8px solid #bdbdbd; border-radius: 50%; font-style: normal; }
.move_pic dd a:hover i { border: 8px solid #e63d66; }
.move_pic dd a:hover img { transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.move_pic dd p { height: 55px; line-height: 55px; overflow: hidden; text-align: center; font-size: 18px; }
.new_add { width: 283px; float: left; }
.new_add dt, .new_pei dt { color: #6c5e62; font-size: 26px; margin-bottom: 20px; }
.new_add dd { margin-bottom: 30px; }
.new_add dd a { display: block; width: 100%; border-radius: 5px; border: 1px solid #9735dc; box-sizing: border-box; height: 66px; line-height: 66px; font-size: 18px; color: #9735dc; text-align: center; margin-bottom: 13px; transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -webkit-transition: background 0.2s linear 0s; }
.new_add dd a:hover { background: #9735dc; color: #fff; transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -webkit-transition: background 0.2s linear 0s; }
.new_add dd.org a { border: 1px solid #dd512b; color: #dd512b; }
.new_add dd.org a:hover { background: #dd512b; color: #fff; transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -webkit-transition: background 0.2s linear 0s; }
.new_pei { margin-left: 331px; margin-bottom: 40px; }
.new_pei dd { background: #d8d8d8; overflow: hidden; margin-top: -1px; padding-bottom: 24px; }
.new_pei dd:nth-of-type(1) { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.new_pei dd:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.new_pei dd:nth-of-type(3n-1) { background: #B9B9B9; }
.new_pei dd span { display: inline-block; width: 212px; line-height: 124px; height: 124px; float: left; margin-right: -30px; text-align: center; color: #515151; font-size: 20px; }
.new_pei dd a { display: block; width: 100px; height: 100px; float: left; margin-left: 30px; margin-top: 24px; position: relative; overflow: hidden; }
.new_pei dd a:hover:after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); top: 0; left: 0; }
.new_pei dd a img { width: 100%; display: block; border-radius: 8px; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.new_pei dd a:hover img { transform: scale(1.02); -moz-transform: scale(1.02); -webkit-transform: scale(1.02); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.hero { width: 100%; background: #EDEDED; padding-top: 40px; overflow: hidden; }
.hero .hero_t { height: 42px; max-width: 1200px; margin: 0 auto 37px; background: url(http://www.18183.com/yingxiongsha/images/hero.png) no-repeat; }
.hero ul { overflow: hidden; padding-left: 2px; box-sizing: border-box; }
.hero ul li { float: left; width: 16.7%; overflow: hidden; margin-left: -1px; margin-top: -1px; }
.hero ul li a { display: block; position: relative; }
.hero ul li img { display: block; transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; width: 100%; }
.hero ul li p { width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,.5); position: absolute; bottom: -60px; left: 0; font-size: 28px; color: #fff; text-align: center; transition: bottom 0.2s linear 0s; -moz-transition: bottom 0.2s linear 0s; -webkit-transition: bottom 0.2s linear 0s; }
.hero ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.6); transition: 0.2s linear 0s; transition-property: height, bottom, width, left; -moz-transition: 0.2s linear 0s; -moz-transition-property: height, bottom, width, left; -webkit-transition: 0.2s linear 0s; -webkit-transition-property: height, bottom, width, left; }
.hero ul li a:hover:after { content: ""; position: absolute; height: 0; bottom: 50%; left: 50%; width: 0; transition: 0.2s linear 0s; transition-property: height, bottom, width, left; -moz-transition: 0.2s linear 0s; -moz-transition-property: height, bottom, width, left; -webkit-transition: 0.2s linear 0s; -webkit-transition-property: height, bottom, width, left; }
.hero ul li a:hover p { bottom: 0; transition: bottom 0.3s linear 0s; -moz-transition: bottom 0.3s linear 0s; -webkit-transition: bottom 0.3s linear 0s; }
.hero ul li a:hover img { transform: scale(1.03); -moz-transform: scale(1.03); -webkit-transform: scale(1.03); transition: transform 0.2s linear 0s; -moz-transition: -moz-transform 0.2s linear 0s; -webkit-transition: -webkit-transform 0.2s linear 0s; }
.other { width: 100%; margin-top: 40px; overflow: hidden; margin-bottom: 100px; }
.other_t { height: 42px; background: url(http://www.18183.com/yingxiongsha/images/other.png) no-repeat #fff; max-width: 1200px; margin: 0 auto 37px; position: relative; z-index: 9; }
.other .line { position: relative; left: 50%; margin-bottom: 130px; }
.other .line_l { border-left: 2px solid #e63d66; position: absolute; height: 100%; width: 0; left: -2px; }
.other .line_l:after { content: url(http://www.18183.com/yingxiongsha/Downloads/line.png); position: absolute; height: 130px; width: 2px; left: -2px; bottom: -129px; }
.step1, .step2 { position: relative; left: -1px; }
.other span { width: 60px; height: 60px; line-height: 60px; border-radius: 50%; display: block; border: 5px solid #e63d66; overflow: hidden; background: #ff7395; text-align: center; font-size: 14px; color: #fff; left: -35px; position: relative; cursor: pointer; }
.other em { display: inline-block; padding: 5px 15px; font-style: normal; color: #fff; line-height: 24px; text-align: justify; border-radius: 5px; position: relative; }
.other a, .other a:visited, .other a:hover, .other a:active { color: #fff; }
.step1 span { margin-bottom: 46px; }
.step1 p { margin-bottom: 10px; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; }
.step1 { height: 70px; transition: height 0.4s linear 0s; -moz-transition: height 0.4s linear 0s; -webkit-transition: height 0.4s linear 0s; z-index: 8; }
.step1>div { position: relative; z-index: 7; }
/*.on p{animation-timing-function:linear;-moz-animation-name: rotate;-moz-animation-duration:0.5s;-moz-animation-timing-function:linear;-webkit-animation-name: rotate;-webkit-animation-duration:0.5s;-webkit-animation-timing-function:linear;}
.on .p1{animation-delay:0s;-moz-animation-delay:0s;-webkit-animation-delay:0s;}
.on .p2{animation-delay:0.5s;-moz-animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.on .p3{animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s;}
.on .p4{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.on .p5{animation-delay:2s;-moz-animation-delay:2s;-webkit-animation-delay:2s;}
.on .p6{animation-delay:2.5s;-moz-animation-delay:2.5s;-webkit-animation-delay:2.5s;}*/
.on .p1 { animation: rotate 0.5s linear 0s; -moz-animation: rotate 0.5s linear 0s; -webkit-animation: rotate 0.5s linear 0s; }
.on .p2 { animation: rotate 0.5s linear 0.5s; -moz-animation: rotate 0.5s linear 0.5s; -webkit-animation: rotate 0.5s linear 0.5s; }
.on .p3 { animation: rotate 0.5s linear 1s; -moz-animation: rotate 0.5s linear 1s; -webkit-animation: rotate 0.5s linear 1s; }
.on .p4 { animation: rotate 0.5s linear 1.5s; -moz-animation: rotate 0.5s linear 1.5s; -webkit-animation: rotate 0.5s linear 1.5s; }
.on .p5 { animation: rotate 0.5s linear 2s; -moz-animation: rotate 0.5s linear 2s; -webkit-animation: rotate 0.5s linear 2s; }
.on .p6 { animation: rotate 0.5s linear 2.5s; -moz-animation: rotate 0.5s linear 2.5s; -webkit-animation: rotate 0.5s linear 2.5s; }
.step1 em { max-width: 500px; background: #b5b5b5; }
.step1 .left { transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); margin-left: -30px; }
.step1 .left:before { content: "●"; position: absolute; right: -30px; width: 11px; height: 18px; line-height: 16px; color: #e63d66; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; font-size: 33px; }
.step1 .left:after { content: "▶"; position: absolute; right: -8px; width: 11px; height: 18px; line-height: 18px; color: #b5b5b5; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; font-size: 16px; }
.step1 .right { margin-left: 30px; }
.step1 .right:before { content: "●"; position: absolute; left: -41px; width: 11px; height: 18px; line-height: 16px; color: #e63d66; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; font-size: 33px; }
.step1 .right:after { content: "◀"; position: absolute; left: -11px; width: 11px; height: 18px; line-height: 18px; color: #b5b5b5; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); top: 50%; font-size: 16px; }
.step2, .step3 { margin-top: 65px; }
.step3 { position: relative; left: -100%; height: 70px; }
.step2 em { background: #e63d66; top: 18px; left: 55px; display: none; position: absolute; }
.step3 em { background: #e63d66; top: -50px; right: 55px; display:;
position: relative; display: none; }
.other i { font-style: normal; display: inline-block; }
.other i:hover span, .other .on span { border: 5px solid #9735dc; background: #bb5aff; transition: 0.2s linear 0s; transition-property: background, border; -moz-transition: 0.2s linear 0s; -moz-transition-property: background, border; -webkit-transition: 0.2s linear 0s; -webkit-transition-property: background, border; }
.other i:hover em { display: inline-block; animation: rotate 0.5s linear 0s 1 normal; -moz-animation: rotate 0.5s linear 0s 1 normal; -webkit-animation: rotate 0.5s linear 0s 1 normal; }
.step3 i { position: relative; right: -100%; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.step3 span { position: relative; right: -100%; left: auto; margin-left: -36px; }
 @keyframes rotate {
0% {
transform:rotateX(360deg);
opacity:0;
}
70% {
transform:rotateX(0deg);
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-moz-keyframes rotate {
0% {
-moz-transform:rotateX(360deg);
opacity:0;
}
70% {
-moz-transform:rotateX(0deg);
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotateX(360deg);
opacity:0;
}
70% {
-webkit-transform:rotateX(0deg);
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-ms-keyframes rotate {
0% {
-ms-transform:rotateX(360deg);
opacity:0;
}
70% {
-ms-transform:rotateX(0deg);
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.pos { position: fixed; width: 100px; background: #ddd; left: 50%; margin-left: 620px; z-index: 9999; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 8px; -webkit-border-radius: 8px; overflow: hidden; display: none; }
.pos a { display: block; height: 70px; position: relative; z-index: 1; line-height: 70px; text-align: center; font-size: 14px; color: #7f7f7f; }
.pos a.on { color: #fff; transition: color 0.5s linear 0s; -moz-transition: color 0.5s linear 0s; -webkit-transition: color 0.5s linear 0s; }
.pos a.off { color: #7f7f7f; }
.pos a:hover { color: #fff; transition: color 0.5s linear 0s; -moz-transition: color 0.5s linear 0s; -webkit-transition: color 0.5s linear 0s; }
.pos .move_bottom { width: 100%; height: 70px; position: absolute; left: 0; bottom: 0; background: #C4C4C4; z-index: 0; border-radius: 0 0 8px 8px; }
.pos i.move_line { background: #E63D66; color: #fff; transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -webkit-transition: background 0.2s linear 0s; position: absolute; top: 70px; left: 0; width: 100%; height: 70px; z-index: 0; }
.foot { height: 60px; width: 100%; background: #302d32; padding-top: 20px; font-size: 12px; overflow: hidden; }
.footer { max-width: 1000px; margin: 0 auto; color: #74777b; overflow: hidden; }
.footer .flogo { float: left; }
.footer a { color: #74777b; }
.footer a:hover { color: #e63d66; }
.footer p { margin-left: 150px; line-height: 18px; }

@media screen and (max-width:1320px) {
body { height: 100% }
.pos { left: auto; right: 5px; margin-left: 0; }
.mid, .update_t, .hero .hero_t, .other_t, .footer { margin-left: 10px; margin-right: 10px; }
}

@media screen and (max-width:1203px) {
.new_pei dd span { height: 250px; }
.step1 em { max-width: 40%; }
}

@media screen and (max-width:942px) {
.new_pei dd span { height: 374px; }
}

@media screen and (max-width:794px) {
.new_add { width: 100%; }
.new_pei { clear: both; margin-left: 0; }
.new_pei dd span { height: 250px; }
.hero ul li { width: 25%; }
}

@media screen and (max-width:768px) {
.pos { display: none }
}

@media screen and (max-width:640px) {
.update dl { width: 48%; }
.head { height: auto; }
.hero ul li p { height: 30px; line-height: 30px; font-size: 20px; }
.hero ul li { width: 33.4%; }
}

@media screen and (max-width:480px) {
body { min-width: 480px; }
.new_pei dd span { height: 124px; width: 160px; }
.step1 em { max-width: 30%; }
}