@charset "UTF-8";
/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px; line-height:25px; font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h2,h3,h4 {
	font-size:20px;
}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }
img { max-width:100%;}
h1,h2,h3,h4,h5 { margin:0;}

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

/*home*/
.index_row {min-height:100vh;}
.index_content{height:100%;overflow:hidden}
.active .rowbg{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}

.row-controls{position:fixed;left:30px;top:50%;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);z-index:899;width:12px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls li{width: 18px; height: 12px; margin-bottom: 10px; background: url(../images/dia.png) no-repeat; position: relative;cursor: pointer; font-size: 0; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls li:before { content: ""; width: 12px; height: 12px; background: url(../images/huz.png) no-repeat; position: absolute; left: 0px;top:0; transition: 0.32s cubic-bezier(0.57, 1.2, 0.68, 2.6); display:none; }
.row-controls li.act:before { display:block;}
.row-controls li.act{color:#fff;}
.row-controls li.act{  width: 12px; height: 12px; background: url(../images/huz.png) no-repeat;}
.rowbg{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}

@media screen and (min-width:1025px){
.rowbg{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:.7;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.8s cubic-bezier(.445,.145,.355,1);-moz-transition:.8s cubic-bezier(.445,.145,.355,1);transition:.8s cubic-bezier(.445,.145,.355,1)}

}


@-webkit-keyframes phoneRotate{
from,to{-webkit-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@-moz-keyframes phoneRotate{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes phoneRotate{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
}
@-webkit-keyframes phoneJump{
from,to{-webkit-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@-moz-keyframes phoneJump{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@keyframes phoneJump{
from,to{-webkit-transform:none;-moz-transform:none;transform:none}
50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}
}
@-webkit-keyframes _cyLogoShow{
0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@-moz-keyframes _cyLogoShow{
0%{background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@keyframes _cyLogoShow{
0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}
10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}
20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}
30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}
40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}
50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}
60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}
70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}
80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}
90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}
100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}
}
@-webkit-keyframes logoShow{
from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@-moz-keyframes logoShow{
from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@keyframes logoShow{
from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@-webkit-keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{
from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInUp{
from{opacity:0;-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInUp{
from{opacity:0;-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@-moz-keyframes lightSpeedIn{
from{-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-moz-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn{
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}
}
@-webkit-keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInDown{
from{opacity:0;-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInDown{
from{opacity:0;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInRight{
from{opacity:0;-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInRight{
from{opacity:0;-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@-moz-keyframes fadeInLeft{
from{opacity:0;-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-moz-transform:none;transform:none}
}
@keyframes fadeInLeft{
from{opacity:0;-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}
to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}
}
@-webkit-keyframes reveal-v{
0%{-webkit-transform:scaleY(0);transform:scaleY(0)}
50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@-moz-keyframes reveal-v{
0%{-moz-transform:scaleY(0);transform:scaleY(0)}
50%{-moz-transform:scaleY(1);transform:scaleY(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-moz-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@keyframes reveal-v{
0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)}
50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}
}
@-webkit-keyframes reveal-l{
0%{-webkit-transform:scaleX(0);transform:scaleX(0)}
50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@-moz-keyframes reveal-l{
0%{-moz-transform:scaleX(0);transform:scaleX(0)}
50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@keyframes reveal-l{
0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)}
50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}
51%{-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}
}
@-webkit-keyframes hide-lr{
0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}
}
@-moz-keyframes hide-lr{
0%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}
}
@keyframes hide-lr{
0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px)}
}
@-webkit-keyframes hide-dt{
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}
}
@-moz-keyframes hide-dt{
0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}
}
@keyframes hide-dt{
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}
}
@-webkit-keyframes hide-dt-f{
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
}
@-moz-keyframes hide-dt-f{
0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}
}
@keyframes hide-dt-f{
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)}
}
@-webkit-keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@-moz-keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@keyframes increaseHeight{
to{width:100%}
from{width:0}
}
@-webkit-keyframes tbfade{
0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}
}
@-moz-keyframes tbfade{
0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}
}
@keyframes tbfade{
0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}
100%{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}
}

@media screen and (min-width:1025px){

.transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden}
.transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden}
.transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden}
.active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}
.trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}
.dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}
.dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}
.dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
.dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}
.dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
.dly-9{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
.dly-10{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
.dly-11{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;transition-delay:1.1s}
.dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
.active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both}
.active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both}
.active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both}
.active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both}
.active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both}
.active .am-rvv{position:relative}
.active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-rvl{position:relative}
.active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}
.active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
.active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s}
.active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
	
}


/*header*/
.ab_header_box{position: fixed;width:100%; z-index: 5;padding:30px 0;transition:background-color 0.5s;-webkite-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-o-transition:background-color 0.5s;}
.ab_nei {max-width: 1632px;padding: 0 30px; margin: 0 auto;}
.ab_header_left{float:left;max-width: 30%;}
.ab_header_left h1 { margin:0;}
.ab_dis {float:left;}
.ab_header_right{float: right;margin-top: 15px;}
.ab_nav a{color:white;text-decoration: none;padding-bottom: 3px;font-size:18px;}
.ab_nav a:hover{border-bottom:1px solid white; color: #fff;}
/*.ab_nav .ab_nav_color{color:black;}*/
.ab_logoone{float: left;    max-width: 60%;}
.ab_logotwo{float: left;display:none;}
.ca_header_lei{background-color:white;box-shadow: 0px 1px 5px black;transition:background-color 0.5s;-webkite-transition:background-color 0.5s;-moz-transition:background-color 0.5s;-o-transition:background-color 0.5s; }
.ab_nav{float: left;margin-right:50px;}

.weitan_nei{padding: 30px 20px 50px 20px;text-align: center}
.ab_top_con01 {}
.ab_top_con02 {display:none;}
.er_text {font-size: 16px;color: #a3a3a3;margin-top: -50px;margin-bottom: 60px;}

/*mobie nav*/
.menubtn { transition: 0.4s; position: relative; display: none; z-index: 20; float: right; cursor: pointer; width: 28px; height: 14px;}

.menubtn span { margin-top: 6px; display: block; width: 100%; height: 2px; background: #fff; position: relative; vertical-align: middle; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s; cursor: pointer;}

.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #fff; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }

.menubtn span:before { top: -6px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }

.menubtn span:after { bottom: -6px; width: 16px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.menubtn.active span { background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }

.menubtn.active span:after,
.menubtn.active span:before { -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

.menubtn.active span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.menubtn.active span:after { width: 100%; bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }


.itop2 .ab_nav a{  color: black;}
.itop2 .ab_logotwo,.itop2 .ab_top_con02 {display:block;}
.itop2 .ab_logoone,.itop2 .ab_top_con01 {display:none;}
.itop2 .btn-search svg path{fill:#B7B7B7;}

.navigate-mark {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.navigate {
  width: 90%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4;
  visibility: hidden;
  transition: 0.7s;
}
.navigate.show {
  visibility: visible;
}
.navigate.show:before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.navigate.show .navigate-item {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
  transition: 0.6s 0.4s;
}
.navigate.show .navigate-item:nth-child(2) {
  transition-delay: 0.6s;
}
.navigate.show .navigate-item:nth-child(3) {
  transition-delay: 0.7s;
}
.navigate.show .navigate-item:nth-child(4) {
  transition-delay: 0.8s;
}
.navigate.show .navigate-item:nth-child(5) {
  transition-delay: 0.9s;
}
.navigate.show .navigate-item:nth-child(6) {
  transition-delay: 1s;
}
.navigate.show .navigate-item:nth-child(7) {
  transition-delay: 1.1s;
}
.navigate:before {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(242,163,18, 0.2);
  z-index: -2;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate:after {
  content: "";
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: 20px;
  top: -10px;
  background: rgba(242,163,18, 1);
  z-index: -1;
  border-radius: 0 0 0 100%;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: right top;
  transition: 0.78s;
}
.navigate-list {
    position: absolute;
    right: 40px;
    width: 100%;
    top: 23%;
    text-align: right;
    overflow: hidden;
}
.navigate-item {
  width: 90%;
  float: left;
  opacity: 0;
	margin: 0;
  visibility: hidden;
  transition: 0.4s;
  transform: translateX(120px);
}
.navigate-item dt {
  display: block;
  margin-bottom: 10px;
}
.navigate-item dt a {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: lighter;
}
.navigate-item dd {
  display: block;
}
.navigate-item dd p a {
  display: inline-block;
  color: #a6c8f7;
  font-size: 24px;
  font-weight: lighter;
  line-height: 1.5;
}
.navigate-item dd p a:hover {
  color: #fff;
}
.ser_nav{float: left;margin-right:50px;}



/*search*/

#search .search-container {
  background:rgba(254,152,15,1);
  position: relative;
  -webkit-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -ms-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: width 600ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  width: 0;
  overflow: hidden;
}
.sear_header #search .search-box .container { max-width:80%; margin: 0 auto;}
#search {
  position:fixed;
  left: 0;
  right: 0;
  top:90px;
  z-index: 1;
  overflow: hidden;
  height: 100vh;
  visibility: hidden;
  -webkit-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;
  -moz-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;
  -ms-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;
  -o-transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;
  transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1), visibility 800ms ease-out;
}

#search .btn-close {
  display: block;
  position: absolute;
  right: 35px;
  top: 25px;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  -ms-transition: opacity 400ms ease-out;
  -o-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
  opacity: 0;
}

.btn-search {
  display: block;
  width:22px;
  height:24px;
}

.btn-close {
  text-indent: -999em;
  display: block;
  background: 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width:22px;
  height:22px;
  position: relative;
}
.btn-close svg {
  width: 20px;
  height: 20px;
  display: block;
  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%);
}
#search.active {
  opacity: 1;
  visibility: visible;
}

.sear_header #search.active .search-container {
  width: 100%;
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
  -webkit-transition-duration: 800ms;
  -moz-transition-duration: 800ms;
  -ms-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
}
.sear_header #search .search-box {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.sear_header #search .search-box form {
  height:80px;
  display: flex;
}

.sear_header #search .search-box form .input {
  font-weight: 500;
  font-family: inherit;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  flex: 1;
  color: #fff;
  padding: 0;
	outline: 0;
  margin: 0;
}
.sear_header #search .search-box form .input::placeholder {
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
  font-size: inherit;
}
.sear_header #search .search-box form .button { background:none; border:none; outline:0;font-size: 16px;    color: #fff;}
.sear_header #search .search-box form button svg {
  display: block;
  width: 1.6875rem;
  height: auto;
}
.sear_header #search .search-box form .button svg path {
  fill: white;
  opacity: .8;
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.ca_header_lei  .btn-close svg path,.inf_header_boxlei .btn-close svg path{  fill: #333;}
.ca_header_lei .btn-search,.inf_header_boxlei .btn-search {  height:24px; background: url(static/image/ico_362.png) no-repeat center;}

	
.sear_header #search .search-box form .button:hover svg path {  opacity: 1;}
.itop2 .btn-close svg path {fill:#B7B7B7;}
.main .modal-header span { font-size:22px;}

@media (max-width:1440px) {
	.row-controls{left:15px;}
	
}
@media (max-width:1024px) {
	#search {top:75px;}
	.menubtn {display:block;}
	.ab_dis {display:none;}
	.ab_nav,.ser_nav {margin-right:10px;}
	.ab_header_right {margin-top:10px;}
	.ab_header_box {padding:15px 0; height: 75px; /*background: rgba(255,255,255,1);box-shadow: 0 1px 11px rgb(0 0 0 / 25%); */top: 0;
-webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(0, 0, 0, 0.6);
	}
	/*.ab_logoone {display:none;}
	.ab_logotwo {display:block;}*/
	/*.ab_nav_img {padding-top:3px;}*/
	/*.ab_logotwo {display:block;}
	.ab_logoone {display:none;}*/
	/*.ab_top_con02 {display:block;}
	.ab_top_con01 {display:none;}*/
	/*.btn-search svg path{fill:#B7B7B7;}*/
	.menubtn {margin-top:15px;}
	.menubtn.active {margin-top:5px;}
	/*.menubtn span,.menubtn span::after, .menubtn span::before { background:#999;}*/
	.menubtn.active span::before,.menubtn.active span::after  { background:#fff;}
	.ab_header_left {max-width:60%; position:absolute; left: 15px;top:  50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
	
	.sear_header #search .search-box form .input {font-size:14px;}
	.sear_header #search .search-box .container{max-width:95%;}
	.sear_header #search .search-box form {height:60px;}
	/*.btn-close svg path{fill:#999;}*/
}



/*footer*/
@media screen and (min-width:1025px){
.index_foot {height:100%; position: absolute; left: 0; width: 100%;}
.index_foot footer {position:absolute; bottom: 0; left: 0; width: 100%;}
	
}

.index_form {padding-top:5%;}
.index_form #code_img {height:33px;}
.index_form .btn-primary { background-color: #F7A911;    border-color: #F7A911;}
.mfootcol { background:#252527;}		
.mfootcol .five_shop { padding-top:50px; width:100%; margin: 0 auto;}
.mfootcol a {color:rgba(255,255,255,0.4);}
.mfootcol a:hover {color:#f6a81b;}
.mfootbot { border-top:1px solid #515152; color:rgba(255,255,255,0.4); margin-top:10px; padding-bottom:15px; overflow:hidden;}
.mfootbot .five_shop { padding-top:15px; position:relative;}		
.mfootleft { width:58%; float:left;}
.mfootleft ul { width:25%; float:left; padding-right:10px; box-sizing:border-box;}
.mfootleft h2 { font-size:16px; font-weight:500; color:#f6a81b; padding-bottom:18px;}
.mfootleft h2 a{ font-size:16px; font-weight:500; color:#f6a81b;}
.mfootleft ul li {  padding-bottom: 10px;}
.mfootleft ul li a{ font-size:14px; color:rgba(255,255,255,0.4); line-height: 20px; display: block;}
.mfootpiao ul li span.mfico img { vertical-align:middle;}
.mfootright { float:left; width:42%;}
.mfootlx { float:right; text-align:right; max-width:75%;}
.mfootlx h2 { font-size:16px; font-weight:500; color:#f6a81b; padding-bottom:10px;}
.mfootlx em { font-size:64px; height:60px; line-height:60px; display:inline-block; font-family:Iskoola Pota;color:rgba(255,255,255,0.15); font-style:inherit;}
.mfootlx p {color:rgba(255,255,255,0.4); line-height:32px; padding-top:10px;}
.mfootbot_l { float:left; width: 40%; padding-top:10px;}
.mfootbot_r { float:right; text-align:right; padding-top:10px; width: 25%;}
.mftlogo { width:25%;  float: left; text-align: center;}
.mftlogo img { max-width:100%;}
.mfootup { padding-top:15px; float:left; width:100%; line-height:25px; color:rgba(255,255,255,0.4);}
.mfootup a{ color:rgba(255,255,255,0.4);}
.mfootup_r { float:right; }

.mfootpiao { float:right; padding-left:38px; margin-top:-20px;}
.mfootpiao ul li { margin-bottom:8px; position:relative;}
.mfootpiao ul li span.mfico { width:45px; height:45px; background:#7C7C7D; border-radius:50%; display:inline-block; text-align:center; line-height:43px; cursor:pointer;}
.mfootpiao ul li:hover span.mfico { background:#F6A81B;}
.mfootimg { background:#FFFFFF; position:absolute; width:110px; height:110px; right:58px; top:-63%; display: none;}
.mfootimg span {padding:5px; display:block;}
.mfootimg img { max-width:100%;}

.mfootimg:after {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-left:10px solid #fff;top:45px;left:110px;}
.mfootpiao ul li:nth-child(3) .mfootimg { width:140px; height:140px;  }
.mfootpiao ul li:nth-child(3) .mfootimg:after {
    left: 140px;
}

.mfootup_l { float:left; width:78%;}
.mfootup_l .button { cursor:pointer; float:left; display:inline-block;}
.mfootup_l .button em { opacity:0; font-style:normal;}
.mfootup_l .button.mlinkt em { opacity:1;}
.mfootup_l .button.mlinkt span { display:none;}
.mfootmap { display:inline-block; float:left;}
.linklist {  float:left; width:72%; height:25px; overflow:hidden;position:relative;}
.linklist a { margin-right:10px; display:block; float:left; width:auto !important;}
.linklist .ul { opacity:0;}

.ce_box{position: fixed;right: 15px;bottom: 10%;z-index: 5}
.ce_con{background-color: rgba(0,0,0,0.5);border-radius: 50%;width: 45px; margin: 5px 0; height: 45px; line-height: 40px; text-align: center; position: relative;}
#top { opacity: 0;}
.itop2 #top,.itop3 #top,.itop4 #top,.itop5 #top { opacity: 1;}

@keyframes ce_bg{
	to{
		background-color:#e43a3d;
	}
}
.ce_con:hover{animation: ce_bg 0.5s forwards;cursor: pointer}

@media (max-width:1680px){
.mfootpiao { padding-left:30px; padding-right:20px;}
.linklist {  width:65%;}
}
@media (max-width:1366px){

.index_form {padding-top:2%;}

}

@media (max-width:1280px){
	
.linklist {  width:60%;}
	
}
@media (max-width:1199px){
.mfootpiao { padding-left:25px; padding-right:20px;}
.mfootlx { max-width:76%;}

}
@media (max-width:1099px){
	
.linklist { width:50%;}
.mfootlx { max-width:78%;}
.mfootpiao { padding-left:20px; padding-right:10px;}
.mfootlx em { font-size:46px}
	
}
@media (max-width:1083px){
.mfootlx { max-width:75%;}
}

@media (max-width:1024px){
.mfootlx p {line-height:28px;}
	.mftlogo {display:none;}
	.mfootbot_l { width: 50%; padding-top:0;}
.mfootbot_r { padding-top:0; width: 50%;}
	.hide1024 {display:none;}
}
@media (max-width:991px){
.mfootlx em { font-size:36px}
.mfootlx p {line-height:26px;}
.linklist { width:38%;}
.mfootlx { width:66%;}
.mfootbot_r { float:left; padding-top:10px;}
.mfootleft { width:62%;}
.mfootright { width:38%;}
.mfootleft ul li a { font-size:13px;}
.mfootpiao { padding-left:20px; padding-right:0;}
.mfootbot_l { width: 100%; padding-top:0;}
.mfootbot_r { padding-top:10px; text-align: left; width: 100%;}	
	
	
}

@media (max-width:767px){
.mfootleft { display:none;}
.mfootright { width:100%;}
.mfootlx { float:left; text-align:left; width: 75%;}
 .mfootup_l { display:none;}
.mfootlx em { font-size:44px;}
.mfootcol .five_shop { padding-top:30px;}
.mfootpiao { margin-top:0;}
.mfootpiao ul li span.mfico { width:40px; height:40px; line-height:40px;}
.mfootimg { right:52px; top:-80%;}
.mfootbot_r { text-align:left;}
.mfootup { padding-top:10px;}
.mfootup_r { width:100%; text-align:left; display: none;} 
.mftlogo { top:20px;}
	.index_form .form-row div:first-child,.index_form .form-row div:nth-child(2),.index_form .form-row div:nth-child(6),.index_form .form-row div:nth-child(6) .btn {width:100%;}
	.index_form .form-row div:nth-child(4),.index_form .form-row div:nth-child(5) {width:50%;}	
.mfootpiao { width:100%; float: left; padding-left: 0; padding-top: 15px; padding-bottom: 5px; position: inherit; top: inherit; right: inherit;}
	.mfootpiao ul li {width:25%; float: left; padding: 0 2px;}	
.mfootpiao ul li span.mfico {display:none !important;}	
	.mfootpiao ul li .mfootimg {display:block !important; background: none; position: inherit; right: inherit; top: inherit; width: 100%; height: auto;}
	.mfootimg:after {display:none;}
	.mfootpiao ul li:hover .mfootimg {display:block !important;}	
	.mfootpiao ul li:nth-child(3) .mfootimg {width:100%;height: auto;}	
	
}
@media (max-width:640px){
 .foot_end { padding-bottom:10px !important;}
}

/*two case*/
.motwo_topbox{padding-top:8%;}
.point_box {float:right; padding-top: 25px;}
.two_500 {float:left;max-width:70%;}
.omit_box{color:#cccccc;width: 50px;height: 50px;border: 1px solid #cccccc;border-radius: 50%;text-align: center;float: left;cursor: pointer;margin-right: 20px;margin-left: 20px;text-decoration: none;line-height: 50px;}
@keyframes omit_color{
to{background-color:orange;border-color: orange;color: white}
	
}
.omit_box:hover { animation:omit_color 0.5s forwards;}
.omit_box:hover svg path{fill:#ffffff;}

.show_out{ margin-top:1.5%;overflow: hidden;padding-left: 5px; padding-right: 5px;}
.case_cont{width:25%;float: left; padding: 5px; overflow: hidden;transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.case_cont a {display:block; overflow: hidden; position: relative;}
.case_cont .xiang{background-color:#e43a3d;text-align: center; width: 0; height: 0; left: 50%; top: 50%; position: absolute;opacity: 0;transition: 0.3s;-webkit-transition: 0.3s; z-index: 9;}
.case_cont .xiang_con{color: #fff;text-align: center}
.case_cont .two_addtu{ margin-top: 15%;width: 8%}
.case_cont .two_addtit{font-size: 1.1vw;margin-top: 5%;}
.case_cont .two_addcon{font-size: 0.8vw;margin-top:3%;}
.case_cont img.motwo_img  { transition: 0.3s;-webkit-transition: 0.3s; width: 100%;}
.case_cont a:hover .xiang { opacity:1; width: 100%; height: 100%;left: 0; top: 0;}
.case_cont a:hover img.motwo_img  { transform: scale(1.05); }

/*three video*/
.mnewt02 { z-index:99;}
video { margin: 0; padding: 0px; }
.mnewt01 { z-index:100;}
.mnewt02 { z-index:99;}
.mnewt03 { z-index:98;}
.content03{z-index:5; height: 100%;   width: 100%;}
.video_box{ height:100%; position:absolute; left:0; top:0;   display: block;width:100%; z-index:1;}
.video_box video{ height:100%; width: 100%;}
.video_out .vghj{ height:100%; background:#000; }
.video_out{position:relative;overflow: hidden;height:100%; width:100%;}


.mothree_slogan{position: absolute;z-index: 5;top: 180px; left: 8%;color:#fff;font-size:4rem;}
.three_listitle{position: absolute;z-index: 5;bottom:27%;left: 8%; width: 80%;}
.three_listcon{position: absolute;z-index: 5;bottom:10%;left: 6%;color:#fff;font-size: 30px; height:84px;width: 50%;}


.cont{float:left;width: 10%;margin-left:3%; margin-right:3%;}
.cont2{float:left;width: 10%;margin-left:3%; margin-right:3%;}
.cont_one{ display: none;width: 100%;}
.cont_two{display:block;width: 100%;}
.cont_one2{display:block;width: 100%;}
.cont_two2{display:block;width: 100%;}


.cont_text{color:white;font-size: 2.5vw;}
.cont_text h3 { font-weight:500; color:#fff; font-size:38px; margin:0; padding-bottom:25px;}
.cont_text p { color:#fff; font-size:20px; line-height:40px; max-width:380px;}
.cont_text p a{ display:inline-block; margin-right:20px; color:#fff; font-size:20px; min-width:130px;}
.vid_img{width:100%;height: 100%; display: none;}
.w1024{ display:none;}

.video_out .tab_menu{overflow:hidden; position: absolute;bottom: 10%;left: 6%;width: 80%; z-index: 5;}
.video_out .tab_menu li{padding: 0 28px; float:left;cursor:pointer;}
.video_out .tab_menu li span {display:block;width:84px; }
.video_out .tab_menu li.current{color:#333;}
.video_out .tab_menu li a{color:#fff;}
.video_out .tab_menu li.current a{color:#333;}

.video_out .tab_menu li.current .cont_one {display:block;}
.video_out .tab_menu li.current .cont_two {display:none;}

.video_out .tab_box{  width: 100%; height: 100%; position: relative;opacity: 1;}
.video_out .tab_box .hide{display:none;width: 100%;}
.video_out .tab_box  video{ height:100vh; width: 100%;}
.video_out .tab_box div:first-child{position: relative !important;}


.tab_box .active{display: none;}

@media (min-width:1025px) {
.video_out .tab_box .hide{position: absolute;width: 100%; height: 100%; top: 0;left: 0; }
.video_out .tab_box .active{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.video_out .tab_box{width: 100%;height: 100%;height: 900px;}

}
.video_out .tab_box .active{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


/*index message*/
.login_box{padding-top:7%;}

/*four new*/
.four_slogan{ width: 100%;margin-left: auto; margin-right: auto;color: #fff;padding-top: 12%;}
.four_socn{font-size:32px;font-weight: bold;margin-top: 20px;}
.pagebg .fooyu {font-size: 32px; width: 100%; margin-top: 20px;    background-image: url(../images/four_bgtwo.png);}
.four_contentbox{ width: 100%;margin-left: auto;margin-right: auto;}
.four_rightimg{float: right;width:25%;}
.four_rightimg img {display:block; width: 100%;}
.fout_leftcon{float: left;width: 70%;}
.four_content{float:left;width:45%;margin-right: 5%;margin-top: 4%;margin-bottom: 1%;}

.four_condate{color: white;font-size: 30px;}
.four_contitle{color: white;font-size: 16px;margin-top:15px;margin-bottom:15px;display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.four_concon{color: #b3b6b9;font-size: 12px;height:48px; overflow:hidden; line-height:24px;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.visible-xs {
    display: none !important;
}
@media screen and (min-width:1025px){
.pagebg .fooyu{  position: absolute;bottom: 0; left: 0;}

}

@media (max-width:1024px) {
.four_slogan{padding-top: 50px}
	.pagebg .fooyu {padding-bottom:30px; margin-top: 50px;}
	.fout_leftcon{width: 100%;}
	.four_rightimg {display:none;}
	.login_box{padding-top:50px; padding-bottom: 50px;}

	
}

@media (max-width:767px) {
.hidden-xs { display:none !important;}
.visible-xs { display:block !important;}

}