@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑" !important; margin:0; padding:0;outline:none !important; -webkit-font-smoothing:antialiased !important;
    -ms-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; /*修正手持设备字体变化*/}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
input,img,textarea{ border:none;}
a{ text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
li{ list-style:none;}
input,textarea,select {outline:none;}
textarea{ resize:none;}
.qing{ display:block; clear:both; overflow:hidden;}
.lf{ display:block; float:left; overflow:hidden;}
.rf{ display:block; float: right; overflow:hidden;}
body{ font-size:62.5% !important;}

.keymouse {
    background: url(../images/img/keymouse1.png) no-repeat;
    width:95px;
    height:33px; z-index:999;
    position:absolute;
    bottom:20px;
    right:20px;
    line-height:0
}
.keymouse img {
    -webkit-animation:keymouse 6s linear infinite;
    -moz-animation:keymouse 6s linear infinite;
    -o-animation:keymouse 6s linear infinite;
    animation:keymouse 6s linear infinite;
    opacity:0
}
@-webkit-keyframes keymouse {
    30% {
        opacity:0
    }
    40% {
        opacity:1
    }
    50% {
        opacity:0
    }
    60% {
        opacity:1
    }
    70% {
        opacity:0
    }
}
@-moz-keyframes keymouse {
    30% {
        opacity:0
    }
    40% {
        opacity:1
    }
    50% {
        opacity:0
    }
    60% {
        opacity:1
    }
    70% {
        opacity:0
    }
}
@-o-keyframes keymouse {
    30% {
        opacity:0
    }
    40% {
        opacity:1
    }
    50% {
        opacity:0
    }
    60% {
        opacity:1
    }
    70% {
        opacity:0
    }
}
@keyframes keymouse {
    30% {
        opacity:0
    }
    40% {
        opacity:1
    }
    50% {
        opacity:0
    }
    60% {
        opacity:1
    }
    70% {
        opacity:0
    }}
/**首页 - 第一屏***/
.area_02_01 .bubble_02_01, .area_02_02 .bubble_02_01, .area_02_03 .bubble_02_01{ display:block; opacity:1; background-size:100% 100% !important;}

.bubble_02_01 .lf{ display:block; height:100%; position:relative; width:20%; float:left; text-align:center; overflow:visible !important; }
.bubble_02_01 .lf a{ display:block; margin:0 auto; }
.area_02.current .area_02_01.active .bubble_02_01,
.area_02.current .area_02_01.active .bubble_02_02,
.area_02.current .area_02_02.active .bubble_02_02,
.area_02.current .area_02_02.active .bubble_02_01,
.area_02.current .area_02_03.active .bubble_02_01,
.area_02.current .area_02_03.active .bubble_02_02,
.area_02.current .area_02_03.active .bubble_02_01 .lf,
.area_02.current .area_02_03.active .bubble_02_02 .lf
{
    opacity:1;
}
.area_02 .p_pagination {
    bottom:20px;
    opacity:1; z-index:999999 !important;
    -webkit-transition:500ms ease-out 900ms;
    -moz-transition:500ms ease-out 900ms;
    -o-transition:500ms ease-out 900ms;
    -ms-transition:500ms ease-out 900ms;
    transition:500ms ease-out 900ms
}
.area_02.current .title {
    bottom:100px;
}
.bubble_02_01 .lf .fuwu1, .bubble_02_01 .lf .fuwu2,  .bubble_02_01 .lf .fuwu3,  .bubble_02_01 .lf .fuwu4,  .bubble_02_01 .lf .fuwu5{ width:70%; height: auto; float:left; position:relative; display:block; cursor:pointer; z-index:1;
    left:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}


.bubble_02_01 .lf .fuwubg1{ width:auto; display:block; width:100%; position:relative; z-index:1; margin:0 auto;}
.bubble_02_01 .lf .fuwubg2{ width:100%; height:0%; top:0; left:0; position:absolute; background-size:100% !important;background:url(../images/banbg2.png) center  top no-repeat; z-index:2;}
.fuwuk1{ display:block; position:absolute; width:51px; height:41px; left:50%; top:23.7%; margin-left:-25.5px;  z-index:4;}
.fuwuk10{ position:absolute; width:100%; height:0%;}
.fuwuk2{ display:block; position:absolute; width:100%; text-align:center; top:47.4%; line-height:32px; color:#fff; font-size:18px;  z-index:4;}
.fuwuk3{ display:block; position: absolute; width:55px; height:51px; bottom:0; left:50%; margin-left:-27.5px;  z-index:4; overflow:hidden;}
.fuwuk3 img{ display:block; position:relative; left:0; top:0;}
.fuwuk3, .fuwuk1, .fuwuk10, .fuwuk2 {
    -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
    -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
    -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 1.24);}
.fuwuk3 img{
    -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
    -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
    -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.75, 1.24);}

.bubble_02_01 a:hover .fuwubg2{ height:100%;}
.bubble_02_01 a:hover .fuwuk2{ color:#000;}
.bubble_02_01 a:hover .fuwuk10{ height:100%;}
.bubble_02_01 a:hover .fuwuk1{ transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.bubble_02_01 a:hover .fuwuk3 img{ top:-100%;}

@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
    .fuwuk3{ width:70px; height:65px; left:50%; margin-left:-35px; }
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
    .fuwuk3{ width:55px; height:51px; left:50%; margin-left:-27.5px; }
}
.area_02.current .area_02_01.active .fuwu1, .area_02.current .area_02_01.active .fuwu2, .area_02.current .area_02_01.active .fuwu3, .area_02.current .area_02_01.active .fuwu4, .area_02.current .area_02_01.active .fuwu5,

.area_02_01.active .fuwu1, .area_02_01.active .fuwu2, .area_02_01.active .fuwu3, .area_02_01.active .fuwu4, .area_02_01.active .fuwu5 ,

.area_02.current .area_02_01 .fuwu1, .area_02.current .area_02_01 .fuwu2, .area_02.current .area_02_01 .fuwu3, .area_02.current .area_02_01 .fuwu4, .area_02.current .area_02_01 .fuwu5,

.area_02 .area_02_01 .fuwu1, .area_02 .area_02_01 .fuwu2, .area_02 .area_02_01 .fuwu3, .area_02 .area_02_01 .fuwu4, .area_02 .area_02_01 .fuwu5
{animation:fuwu1 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.24) alternate both;
    -webkit-animation:fuwu1 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.24) alternate both;
    -moz-animation:fuwu1 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.24) alternate both;
    -o-animation:fuwu1 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.24) alternate both; }

.area_02.current .area_02_01 .bubble_02_01 .fuwu1,
.area_02_01.active .bubble_02_01 .fuwu1,
.area_02.current .area_02_01.active .fuwu1,
.area_02_01 .fuwu1
{ -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; -ms-animation-delay:0.5s;	animation-delay:0.5s;}
.area_02.current .area_02_01 .bubble_02_01 .fuwu2,
.area_02_01.active .bubble_02_01 .fuwu2,
.area_02.current .area_02_01.active .fuwu2
.area_02_01 .fuwu2
{ -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; -ms-animation-delay:1.0s;	animation-delay:1.0s;}
.area_02.current .area_02_01 .bubble_02_01 .fuwu3,
.area_02_01.active .bubble_02_01 .fuwu3,
.area_02.current .area_02_01.active .fuwu3
.area_02_01 .fuwu3
{ -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s;	animation-delay:1.5s;}
.area_02.current .area_02_01 .bubble_02_01 .fuwu4,
.area_02_01.active .bubble_02_01 .fuwu4,
.area_02.current .area_02_01.active .fuwu4
.area_02_01 .fuwu4
{ -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; -ms-animation-delay:2.0s;	animation-delay:2.0s;}
.area_02.current .area_02_01 .bubble_02_01 .fuwu5,
.area_02_01.active .bubble_02_01 .fuwu5,
.area_02.current .area_02_01.active .fuwu5
.area_02_01 .fuwu5
{ -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; -ms-animation-delay:2.5s;	animation-delay:2.5s;}

@keyframes fuwu1
{0% {filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;
    left:150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    100%{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }}
@-webkit-keyframes fuwu1
{0% {filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;
    left:150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    100%{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }}
@-moz-keyframes fuwu1
{0% {filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;
    left:150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    100%{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }}
@-o-keyframes fuwu1
{0% {filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;
    left:150%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
    100%{filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;
        left:50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }}

.area_02_01 .people_02_02, .area_02_02 .people_02_02, .area_02_03 .people_02_02
{   text-align:center;
    opacity:0.3;
    width:1260px; margin-bottom:25px;
    height:240px; position:relative;
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
    .area_02_01 .people_02_02{width:1260px; height:325px; margin-bottom:60px;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
    .area_02_01 .people_02_02{width:100%; height:240px; margin-bottom:25px;}
}


.area_02 .area_02_01 .people_02_02 , .area_02_01.active  .people_02_02, .area_02_02.active  .people_02_02, .area_02_03.active .people_02_02,
.area_02.current .area_02_01.active  .people_02_02, .area_02.current .area_02_02.active  .people_02_02, .area_02.current .area_02_03.active .people_02_02
{
    animation:people_02_02 0.6s cubic-bezier(1, .57, .48, 1.45) 0.4s both;
    -webkit-animation:people_02_02 0.6s cubic-bezier(1, .57, .48, 1.45) 0.4s both;
    -moz-animation:people_02_02 0.6s cubic-bezier(1, .57, .48, 1.45) 0.4s both;
    -o-animation:people_02_02 0.6s cubic-bezier(1, .57, .48, 1.45) 0.4s both;
}
@keyframes people_02_02
{0% {opacity:0.3; -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -o-transform:scale(0.4);	-ms-transform:scale(0.4); transform:scale(0.4);}
    100%{opacity:1; -webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); }}
@-webkit-keyframes people_02_02
{0% {opacity:0.3; -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -o-transform:scale(0.4);	-ms-transform:scale(0.4); transform:scale(0.4);}
    100%{opacity:1; -webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); }}
@-moz-keyframes people_02_02
{0% {opacity:0.3; -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -o-transform:scale(0.4);	-ms-transform:scale(0.4); transform:scale(0.4);}
    100%{opacity:1; -webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); }}
@-o-keyframes people_02_02
{0% {opacity:0.3; -webkit-transform:scale(0.4); -moz-transform:scale(0.4); -o-transform:scale(0.4);	-ms-transform:scale(0.4); transform:scale(0.4);}
    100%{opacity:1; -webkit-transform:scale(1);	-moz-transform:scale(1); -o-transform:scale(1);	-ms-transform:scale(1);	transform:scale(1); }}
/**第一屏 第二张**/
.ban2_ti0{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ban2_ti1{ margin:0 auto; display: block; position:relative; top:14.66%; text-align:center;}
.ban2_ti2, .ban2_ti3{ margin:0 auto; display: block; position:relative; top:14.66%; text-align:center;}
.ban2_sj{ margin:0 auto; display: block; position: absolute; width:100%; height:38.020%; bottom:0%;}
.ban2_sj table{ display:block; margin:0 auto;}
.ban2_sj1,.ban2_sj2,.ban2_sj3{ display: block; position: relative; margin:0 auto;}
.ban2_sj1{ top:0;}
.ban2_sj2{ top:-200%;}
.ban2_sj3{ top:-100%;}
.ban2_quan{ top:56.986%; position: absolute; left:50%; }
.ban2_x1,.ban2_x2,.ban2_x3,.ban2_x4,.ban2_x5,.ban2_x6{ width:50%;  position:absolute; }
.ban2_x1,.ban2_x2,.ban2_x3{ left:0;}
.ban2_x4{ left:50%;}
.ban2_x5,.ban2_x6{ left:50%;}
.ban2_x1{ background:url(../images/ban_02xian_01.png) right top no-repeat;height:31.232%;bottom:9.589%;}
.ban2_x2{ background:url(../images/ban_02xian_02.png) left top no-repeat;height:28.219%;bottom:40.821%;}
.ban2_x3{ background:url(../images/ban_02xian_03.png) left top no-repeat;height:105.753%;bottom:40.821%;}
.ban2_x4{ background:url(../images/ban_02xian_04.png) right top no-repeat;width:40px;height:105.753%;bottom:40.821%;}
.ban2_x5{ background:url(../images/ban_02xian_05.png) left bottom no-repeat;height:71.506%;bottom:40.821%;}
.ban2_x6{ background:url(../images/ban_02xian_06.png) left top no-repeat;height:43.013%;bottom:9.589%;}
.ban2_quan21,.ban2_quan22,.ban2_quan23,.ban2_quan24,.ban2_quan25,.ban2_quan26{ display:block; position:absolute;}
.ban2_quan21{ left:11.44%; bottom:30.506%;}
.ban2_quan22{ left:0%; bottom:58.630%;}
.ban2_quan23{ left:17.36%; bottom:116.438%;}
.ban2_quan24{ left:51.2%; bottom:115.068%;}
.ban2_quan25{ right:12.48%; bottom:96.712%;}
.ban2_quan26{ right:17.36%; bottom:45.753%;}
.ban2_shu1,.ban2_shu2,.ban2_shu3,.ban2_shu4,.ban2_shu5,.ban2_shu6{display:block; position:absolute; z-index:6; font-size:16px; line-height:36px; color:#fff;}
.ban2_shu1{ left:8.65%; bottom:20.917%;}
.ban2_shu2{ left:0%; bottom:49.315%;}
.ban2_shu3{ left:20.8%; bottom:115.616%;}
.ban2_shu4{ left:54.3%; bottom:115.016%;}
.ban2_shu5{ left:89.28%; bottom:95.342%;}
.ban2_shu6{ left:83.492%; bottom:44.931%;}


.area_02.current .ban2_ti1, .area_02.current .ban2_ti2, .area_02.current .ban2_ti3,
.area_02_02.active .ban2_ti1,.area_02_02.active .ban2_ti2,.area_02_02.active .ban2_ti3,
.area_02.current .area_02_02.active .ban2_ti1, .area_02.current .area_02_02.active .ban2_ti2, .area_02.current .area_02_02.active .ban2_ti3,
.area_02 .area_02_02 .ban2_ti1, .area_02 .area_02_02 .ban2_ti2, .area_02 .area_02_02 .ban2_ti3
{animation:ban2_ti 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.1) both;
    -webkit-animation:ban2_ti 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.1) both;
    -moz-animation:ban2_ti 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.1) both;
    -o-animation:ban2_ti 0.5s  cubic-bezier(0.25, 0.46, 0.75, 1.1) both; }

.area_02.current .ban2_ti1,
.area_02_02.active .ban2_ti1,
.area_02.current .area_02_02.active .ban2_ti1,
.area_02 .area_02_02 .ban2_ti1
{ -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; -ms-animation-delay:0.5s;	animation-delay:0.5s;}
.area_02.current .ban2_ti2,
.area_02_02.active .ban2_ti2,
.area_02.current .area_02_02.active .ban2_ti2,
.area_02 .area_02_02 .ban2_ti2
{ -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; -ms-animation-delay:1.0s;	animation-delay:1.0s;}
.area_02.current .ban2_ti3,
.area_02_02.active .ban2_ti3,
.area_02.current .area_02_02.active .ban2_ti3,
.area_02 .area_02_02 .ban2_ti3
{ -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s;	animation-delay:1.5s;}
@keyframes ban2_ti
{0%{top:54.66%; filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0; opacity:0;}
    100%{top:14.66%; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; }}
@-webkit-keyframes ban2_ti
{0%{top:54.66%; filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0; opacity:0;}
    100%{top:14.66%; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; }}
@-moz-keyframes ban2_ti
{0%{top:54.66%; filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0; opacity:0;}
    100%{top:14.66%; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; }}
@-o-keyframes ban2_ti
{0%{top:54.66%; filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0; opacity:0;}
    100%{top:14.66%; filter:alpha(opacity=100); -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; }}




/**成功案例 - 第二屏***/
.area_03 .photo_03{ overflow:hidden; display:block;}
.area_03 .title{ display:block; position:relative; text-align:center;}
.area_03 .title a{ font-size:16px; line-height:37px; width:116px; height:38px; margin:0 5px; display:inline-block; color:#bbbbbb;}
.area_03 .title a.alnn{ font-size:16px; line-height:37px; display:inline-block; color:#fbfbfb; background:url(../images/al_natbg.png) center center no-repeat;text-transform:Capitalize;}
.area_03{ background:url(../images/cabg.jpg) center top no-repeat #222325; padding:0;}
.area_03 .photo_03{top:182px; position:relative; }
.area_03 .case{ display:block; position:relative;
    text-align: center;
}

.area_03 .al_mo{ position:absolute; z-index:2; bottom:8.333%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0);  -ms-transform: translate3d(-50%, 0, 0);
}
.area_03 .al_mo1{ font-size:18px; line-height:30px; color:#6d6d6d;}/* padding-top:40px; padding-bottom:20px;*/
.area_03 .al_mo2{ text-align:center;}

.area_03 .al_mo{animation:al_mo 0.5s linear 0s alternate both;
    -webkit-animation:al_mo 0.5s linear 0s alternate both;
    -moz-animation:al_mo 0.5s linear 0s alternate both;
    -o-animation:al_mo 0.5s linear 0s alternate both; }
@keyframes al_mo
{0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
@-webkit-keyframes al_mo
{0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
@-moz-keyframes al_mo
{0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
@-o-keyframes al_mo
{0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
/**不同高度分辨率*/
@media only screen and (max-height:700px) {
    .area_03 .photo_03{top:92px; position:relative; }
    .area_03 .al_mo{ bottom:2.333%;}
}
/**不同屏幕分辨率更多的位置 样式 begin**/
@media only screen and (max-width:100px) {
    @keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-webkit-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-moz-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-o-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
}
@media only screen and (min-width:768px) {
    @keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-webkit-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-moz-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
    @-o-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:4.333%;}}
}
@media only screen and (min-width:1279px) {
    @keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:6.333%;}}
    @-webkit-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:6.333%;}}
    @-moz-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:6.333%;}}
    @-o-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:6.333%;}}
}
@media only screen and (min-width:1920px) {
    @keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
    @-webkit-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
    @-moz-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
    @-o-keyframes al_mo
    {0% {filter:alpha(opacity=0.6); -moz-opacity:60; opacity:60; bottom:-135px;} 100%{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; bottom:8.333%;}}
}
/**不同屏幕分辨率更多的位置 样式 end**/
/******************************* 观点 *****************************/
.area_04{ display:block; /*background:url(../images/p3bg.jpg) center top no-repeat;*/ background-size:cover;}
.area_04 .title { 	top:6.25%; height:18.25%; position:relative; z-index:9; } .area_04 .title img{ height:100%;}
.area_04.current .title{
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    -ms-transition-delay:0.7s;
    transition-delay:0.7s;
    margin-top: 25px;
}
/******************************* 品牌 *****************************/
.area_05{ display:block; background:url(../images/img_01.jpg) no-repeat 100%; background-size:cover;}
.area_05 .title { 	top:6.25%; height:18.25%; } .area_05 .title img{ height:100%;}
.area_05.current .title{
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    -ms-transition-delay:0.7s;
    transition-delay:0.7s;
}
.ppzc{display:block; text-align:center; position:relative; top:34.5%;}
.ppzc1{ display:block; position:relative; color:#3f3b3a; font-size:2.4em; margin-bottom:0.5em; left:400px;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.ppzc2{ display:block; position:relative; color:#4c4948; font-size:1.6em; right:400px; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
.area_05.current .ppzc1, .area_05.current .ppzc2{
    -webkit-transition:700ms cubic-bezier(1, .8, .6, 1.2) ;
    -moz-transition:700ms cubic-bezier(1, .8, .6, 1.2) ;
    -o-transition:700ms cubic-bezier(1, .8, .6, 1.2);
    -ms-transition:700ms cubic-bezier(1, .8, .6, 1.2);
    transition:700ms cubic-bezier(1, .8, .6, 1.2);}
.area_05.current .ppzc1{	-webkit-transition-delay:1.3s;	-moz-transition-delay:1.3s;	-o-transition-delay:1.3s;	-ms-transition-delay:1.3s;	transition-delay:1.3s;}
.area_05.current .ppzc2{	-webkit-transition-delay:1.9s;	-moz-transition-delay:1.9s;	-o-transition-delay:1.9s;	-ms-transition-delay:1.9s;	transition-delay:1.9s;}
.area_05.current .ppzc1{ left:0;opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.area_05.current .ppzc2{ right:0;opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}

.ppcp{ position: absolute; z-index:1; zoom:1; bottom:-60%; }
.area_05.current .ppcp{
    -webkit-transition:1000ms cubic-bezier(1, .57, .48, 1.4)  2500ms;
    -moz-transition:1000ms cubic-bezier(1, .57, .48, 1.4)  2500ms;
    -o-transition:1000ms cubic-bezier(1, .57, .48, 1.4)  2500ms;
    -ms-transition:1000ms cubic-bezier(1, .57, .48, 1.4)  2500ms;
    transition:1000ms cubic-bezier(1, .57, .48, 1.4)  2500ms;}
.area_05.current .ppcp{ bottom:0;}

.ppcp table td a{ position:relative; display:block; float:left; overflow:hidden;} .ppcp table td a img{ display:block;width:100%; float:left;}
.ppcp table td a .pp1{ position: relative;  width:100%; z-index:3; left:0; top: 0; z-index:3;}
/**手滑logo 效果**/
.ppcp table td a .pp2{ filter: grayscale(100%);  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.ppcp table td a:hover .pp2{ position: absolute;  width:100%; height:100%; z-index:4; top:0; left:0;  background-size:100% auto;
    transform: rotate3d(0, 0, 1, -90deg);transform-origin: -100% -100% 0px;
    transition: transform 1s ease-in 0s;
}
/**手滑logo 效果 end**/
.ppcp table td a .pp2{ position: absolute;  width:100%; height:100%; z-index:4; top:0; left:0; background-size:100% auto;
    transform: perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);
    -webkit-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Safari 和 Chrome */
    -moz-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
    -o-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
    -ms-transform:perspective(300px) perspective-origin(0, 100%) rotateX(-90deg);	/* Firefox */
}
.ppcp table td a .pp2{
    -webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.ppcp table td a:hover .pp2{
    transform: perspective(300px) perspective-origin(0, 100%) rotateX(0deg);
    -webkit-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Safari 和 Chrome */
    -moz-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
    -o-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
    -ms-transform:perspective(300px) perspective-origin(0, 100%) rotateX(0deg);	/* Firefox */
}
/******************************* 联系、关于 *****************************/
.lxwm, .gywm{ display:block; float:left; position:relative; width:50%; height:100%; background-size: 100% 100%; overflow:hidden;}
.lwwm0, .gywm0{ position: absolute; z-index:0; left:0; top:0;}
.lwwm1{  width:100%; height:100%; position:relative; background:url(../images/p5bg1_1.png) repeat; z-index:1;}
.gywm1{  width:100%; height:100%; position:relative; z-index:1;}
/*
.lwwm0{ 
animation:lwwm0 20s linear 0s infinite alternate both;
-webkit-animation:lwwm0 20s linear 0s infinite alternate both; 
-moz-animation:lwwm0 20s linear 0s infinite alternate both; 
-o-animation:lwwm0 20s linear 0s infinite alternate both;
}
@keyframes lwwm0
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);	}}
@-webkit-keyframes lwwm0
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);	}}
@-moz-keyframes lwwm0
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);	}}
@-o-keyframes lwwm0
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);	}}


.gywm0{ 
animation:gywm0 20s linear 0s infinite alternate both;
-webkit-animation:gywm0 20s linear 0s infinite alternate both; 
-moz-animation:gywm0 20s linear 0s infinite alternate both; 
-o-animation:gywm0 20s linear 0s infinite alternate both;
}
@keyframes gywm0
{0% {transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);} 
100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);}}
@-webkit-keyframes gywm0
{0% {transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);} 
100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);}}
@-moz-keyframes gywm0
{0% {transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);} 
100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);}}
@-o-keyframes gywm0
{0% {transform: scale(1.4,1.4);-ms-transform: scale(1.4,1.4);-webkit-transform: scale(1.4,1.4);-o-transform: scale(1.4,1.4);-moz-transform: scale(1.4,1.4);} 
100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);}}
*/
.lwl0{ width:90%; height:100%; position:relative; left:10%;}
.con_ti{ position:relative; text-align:center; top:12.91%;}
/*动作begin*/
.area_06.current .con_ti{
    animation:con_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.4s both;
    -webkit-animation:con_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.4s both;
    -moz-animation:con_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.4s both;
    -o-animation:con_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.4s both;
}
@keyframes con_ti
{0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); top:7.91%;}
    100%{opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); top:12.91%;}}
@-webkit-keyframes con_ti
{0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); top:7.91%;}
    100%{opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); top:12.91%;}}
@-moz-keyframes con_ti
{0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); top:7.91%;}
    100%{opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); top:12.91%;}}
@-o-keyframes con_ti
{0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0); top:7.91%;}
    100%{opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100); top:12.91%;}}

/**地址动画**/
.area_06.current .con0_1, .area_06.current .con0_2, .area_06.current .con0_3, .area_06.current .con0_4, .area_06.current .con0_5{
    animation:con0_1 0.5s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -webkit-animation:con0_1 0.5s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -moz-animation:con0_1 0.5s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -o-animation:con0_1 0.5s cubic-bezier(1, .57, .48, 1.4) alternate both;
}
.area_06.current .con0_1{animation-delay:1.0s; -o-animation-delay:1.0s; -moz-animation-delay:1.0s; -ms-animation-delay:1.0s;-webkit-animation-delay:1.0s;}
.area_06.current .con0_2{animation-delay:1.5s; -o-animation-delay:1.5s; -moz-animation-delay:1.5s; -ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.area_06.current .con0_3{animation-delay:2.0s; -o-animation-delay:2.0s; -moz-animation-delay:2.0s; -ms-animation-delay:2.0s;-webkit-animation-delay:2.0s;}
.area_06.current .con0_4{animation-delay:2.5s; -o-animation-delay:2.5s; -moz-animation-delay:2.5s; -ms-animation-delay:2.5s;-webkit-animation-delay:2.5s;}
.area_06.current .con0_5{animation-delay:3.0s; -o-animation-delay:3.0s; -moz-animation-delay:3.0s; -ms-animation-delay:3.0s;-webkit-animation-delay:3.0s;}
@keyframes con0_1
{0% {top:-4.2em; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
    100%{top:0em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes con0_1
{0% {top:-4.2em; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
    100%{top:0em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes con0_1
{0% {top:-4.2em; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
    100%{top:0em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes con0_1
{0% {top:-4.2em; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);}
    100%{top:0em; opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

.area_06.current .ewm1_1 img, .area_06.current .ewm1_2 img{
    animation:ewm1_1 0.8s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -webkit-animation:ewm1_1 0.8s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -moz-animation:ewm1_1 0.8s cubic-bezier(1, .57, .48, 1.4) alternate both;
    -o-animation:ewm1_1 0.8s cubic-bezier(1, .57, .48, 1.4) alternate both;
}
.area_06.current .ewm1_1 img{animation-delay:3s; -o-animation-delay:3s; -moz-animation-delay:3s; -ms-animation-delay:3s;-webkit-animation-delay:3s;}
.area_06.current .ewm1_2 img{animation-delay:3.4s; -o-animation-delay:3.4s; -moz-animation-delay:3.4s; -ms-animation-delay:3.4s;-webkit-animation-delay:3.4s;}
@keyframes ewm1_1
{0% {transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0); opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0); opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-webkit-keyframes ewm1_1
{0% {transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0); opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0); opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-moz-keyframes ewm1_1
{0% {transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0); opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0); opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}
@-o-keyframes ewm1_1
{0% {transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0); opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0;   filter: alpha(opacity=0);} 100%{transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0); opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}}

/*动作 end*/

/**联系我们**/
.con{position: relative; float:left;left: 50%; -webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.gy_js a, .gy_js a:visited{ color:#FFF;}
/*不同分辨率显示*/
@media only screen and (max-width:100px) {
    .con{top:15%;}.gy_js{ font-size:1.3em; line-height:1.8em;}
    .ewm{top:70.45%; height:20.35%; }
}
@media only screen and (min-width:768px) {
    .con{top:15%;} .gy_js{ font-size:1.3em; line-height:1.8em;}
    .ewm{top:70.45%; height:20.35%; }
}
@media only screen and (min-width:1279px) {
    .con{top:18%;} .gy_js{ font-size:1.4em; line-height:2.01em;}
    .ewm{top:68.45%; height:20.35%; }
}
@media only screen and (min-width:1920px) {
    .con{top:20%;} .gy_js{ font-size:1.4em; line-height:2.51em;}
    .ewm{top:64.45%; height:20.35%; }
}
/*分辨率高度判断*/
@media only screen and (max-height:800px) {
    .ewm{top:68.45%; height:22.35%; }
}
.con0{ display:block; clear:both; float:left; overflow:hidden; position:relative; padding-bottom:16px; }
.con1{ display:block; float:left; width:22px; padding-top:0.5em; margin-right:1.6em;}
.con2{ display:block; margin-left:2em; background:url(../images/con_dz.png) left top no-repeat; background-size: auto 100%; font-size:14px; color:#2b2b2b; line-height:2.2em; padding-left:2em; padding-right:3em;}
/*二维码*/
.ewm_zb{ position: absolute; top:0; height:100%; width:60%; clear:both;left:45%; -webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0);}
.ewm{ display:block;  position: relative; float:left; overflow:hidden;}
.ewm1{ display:block; float:left;  position:relative; z-index:3; left:0; top:0; height:90%; margin-right:1.2em; margin-bottom:1.5em;}
.ewm1 img{ height:100%;}

.ewm0{ display:block; float:left;  position:absolute; z-index:0; left:0; top:0;  width:100%; height:100%; background:url(../images/ewm_ty.png) right bottom no-repeat; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}

.ewm .ewm0{
    -webkit-transition: all 1s cubic-bezier(1, .57, .48, 1.4);
    -moz-transition: all 1s cubic-bezier(1, .57, .48, 1.4);
    -o-transition: all 1s cubic-bezier(1, .57, .48, 1.4);
    transition: all 1s cubic-bezier(1, .57, .48, 1.4);
}
.ewm:hover .ewm0{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}


/**关于我们**/
.gyl0{ width:1250px; height:100%; position:relative; margin:0 auto;}
.gy_ti{ position:relative;  text-align:center; height:18.25%;top:12.25%;}
.gy_js{display:block;width: 100%;clear:both;color:#dfdfdf;position: absolute;text-align:center;z-index:33;margin-top: 25px;}
@media only screen and (max-width:100px) {
    .gy_js{top:32.65%;}
}
@media only screen and (min-width:768px) {
    .gy_js{top:32.65%;}
}
@media only screen and (min-width:1270px) {
    .gy_js{top:36.65%;}
}
@media only screen and (min-width:1910px) {
    .gy_js{top:38.65%;}
}

.gy_zjq{ display:block; position: relative; width:635px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); position:absolute; height:100%; top:0;}
.gy_zjq0{ display:block; position:relative; top:65.7%;}
.zjq{ /*background: url(../images/zjqq.png) center center no-repeat;*/ background-size:100% 100%; position:absolute; float:left; height:153px; width:153px;  top:0;}
.zjqj{ width:88px; position:absolute; float:left; top:0; }

.zjq1{ left:0;} .zjq2{ left:153px;} .zjq3{ left:241px;} .zjq4{ left:394px;} .zjq5{ left:482px;}
/*关于动画 begin*/

.area_06.current .gy_ti{
    animation:gy_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.6s alternate both;
    -webkit-animation:gy_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.6s alternate both;
    -moz-animation:gy_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.6s alternate both;
    -o-animation:gy_ti 1s cubic-bezier(1, .57, .48, 1.4) 0.6s alternate both;
}
@keyframes gy_ti
{0% { top:7.91%;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}
    100%{ top:12.25%;opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes gy_ti
{0% { top:7.91%;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}
    100%{ top:12.25%;opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes gy_ti
{0% { top:7.91%;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}
    100%{ top:12.25%;opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes gy_ti
{0% { top:7.91%;opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}
    100%{ top:12.25%;opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}

.area_06.current .gy_js{
    animation:gy_js 1s cubic-bezier(1, .57, .48, 1.4) 1.2s alternate both;
    -webkit-animation:gy_js 1s cubic-bezier(1, .57, .48, 1.4) 1.2s alternate both;
    -moz-animation:gy_js 1s cubic-bezier(1, .57, .48, 1.4) 1.2s alternate both;
    -o-animation:gy_js 1s cubic-bezier(1, .57, .48, 1.4) 1.2s alternate both;}
@media only screen and (max-width:100px) {
    @keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-webkit-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-moz-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-o-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
}
@media only screen and (min-width:768px) {
    @keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-webkit-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-moz-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
    @-o-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:28.91%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:32.65%;}}
}
@media only screen and (min-width:1270px) {
    @keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:32.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:36.65%;}}
    @-webkit-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:32.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:36.65%;}}
    @-moz-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:32.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:36.65%;}}
    @-o-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:32.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:36.65%;}}
}
@media only screen and (min-width:1910px) {
    @keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:36.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:38.65%;}}
    @-webkit-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:36.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:38.65%;}}
    @-moz-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:36.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:38.65%;}}
    @-o-keyframes gy_js
    {0% {opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0); top:36.65%;}
        100%{opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);top:38.65%;}}
}

.area_06.current .zjq1{
    animation:zjq1 1s cubic-bezier(1, .57, .78, 1.1) 1.5s alternate both;
    -webkit-animation:zjq1 1s cubic-bezier(1, .57, .78, 1.1) 1.5s alternate both;
    -moz-animation:zjq1 1s cubic-bezier(1, .57, .78, 1.1) 1.5s alternate both;
    -o-animation:zjq1 1s cubic-bezier(1, .57, .78, 1.1) 1.5s alternate both;
}
@keyframes zjq1
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes zjq1
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes zjq1
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes zjq1
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}

.area_06.current .zjq2{
    animation:zjq2 1s cubic-bezier(1, .57, .48, 1.1)  2s alternate both;
    -webkit-animation:zjq2 1s cubic-bezier(1, .57, .48, 1.1) 2s alternate both;
    -moz-animation:zjq2 1s cubic-bezier(1, .57, .48, 1.1) 2s alternate both;
    -o-animation:zjq2 1s cubic-bezier(1, .57, .48, 1.1) 2s alternate both;
}
@keyframes zjq2
{0% {  left:84%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:153px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes zjq2
{0% {  left:84%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:153px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes zjq2
{0% {  left:84%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:153px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes zjq2
{0% {  left:84%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:153px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}

.area_06.current .zjq3{
    animation:zjq3 1s cubic-bezier(1, .57, .78, 1.1) 2.5s alternate both;
    -webkit-animation:zjq3 1s cubic-bezier(1, .57, .78, 1.1) 2.5s alternate both;
    -moz-animation:zjq3 1s cubic-bezier(1, .57, .78, 1.1) 2.5s alternate both;
    -o-animation:zjq3 1s cubic-bezier(1, .57, .78, 1.1) 2.5s alternate both;
}
@keyframes zjq3
{0% { top:-250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes zjq3
{0% { top:-250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes zjq3
{0% { top:-250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes zjq3
{0% { top:-250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}

.area_06.current .zjq4{
    animation:zjq4 1s cubic-bezier(1, .57, .48, 1.1)  3s alternate both;
    -webkit-animation:zjq4 1s cubic-bezier(1, .57, .48, 1.1) 3s alternate both;
    -moz-animation:zjq4 1s cubic-bezier(1, .57, .48, 1.1) 3s alternate both;
    -o-animation:zjq4 1s cubic-bezier(1, .57, .48, 1.1) 3s alternate both;
}
@keyframes zjq4
{0% {  left:122%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:394px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes zjq4
{0% {  left:122%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:394px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes zjq4
{0% {  left:122%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:394px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes zjq4
{0% {  left:122%; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{left:394px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}


.area_06.current .zjq5{
    animation:zjq5 1s cubic-bezier(1, .57, .48, 1.1)  3.5s alternate both;
    -webkit-animation:zjq5 1s cubic-bezier(1, .57, .48, 1.1) 3.5s alternate both;
    -moz-animation:zjq5 1s cubic-bezier(1, .57, .48, 1.1) 3.5s alternate both;
    -o-animation:zjq5 1s cubic-bezier(1, .57, .48, 1.1) 3.5s alternate both;
}
@keyframes zjq5
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-webkit-keyframes zjq5
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-moz-keyframes zjq5
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}
@-o-keyframes zjq5
{0% { top:250px; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);} 100%{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1; filter: alpha(opacity=100);}}




/*关于动画 end*/

/**底部版权**/
.footer2{margin:0 3em;height:120px;margin-top: 15px;}
.banq{ color:#484848; font-size:1.2em; line-height:2em; padding-top:2.4em; position:relative; left:-400px;}
.footer.current .banq , .footer.current .saom{
    -webkit-transition: all 1s cubic-bezier(1, .57, .48, 1.2);
    -moz-transition: all 1s cubic-bezier(1, .57, .48, 1.2);
    -o-transition: all 1s cubic-bezier(1, .57, .48, 1.2);
    transition: all 1s cubic-bezier(1, .57, .48, 1.2);}
.banq {-webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; 	transition-delay:1s;}
.saom {-webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; 	transition-delay:1s;}
.footer.current .banq{left: 50%;margin-left: -93px;text-align: center;}
.footer.current .saom{ right:0px;}
.banq a, .banq a:visited{ color:#484848;}
.saom{  padding-top:2.4em; position:relative; right:-400px;}
.saom div{ display:block; float:left; margin-left:1em;}
.saom div img{ display:block; float:left; position:relative;}
.fo_tel{ width:341px; height:49px; position:relative; display:block; background-size:100% 100%; } .fo_tel1{ display:block; position:relative; left:0; top:0;}
.fo_tel2{ display:block; position:absolute; left:22px; top:-49px;}
.fo_tel:hover .fo_tel2 {
    animation:fo_tel2 0.4s linear 0s infinite alternate both;
    -webkit-animation:fo_tel2 0.4s linear 0s infinite alternate both;
    -moz-animation:fo_tel2 0.4s linear 0s infinite alternate both;
    -ms-animation:fo_tel2 0.4s linear 0s infinite alternate both;
    -o-animation:fo_tel2 0.4s linear 0s infinite alternate both; }
@keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-webkit-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-moz-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-ms-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}
@-o-keyframes fo_tel2
{0% {-webkit-transform: scale(1); -moz-transform: scale(1);	-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
    100%{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);	-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }}

.fo_wei1{ display:block; /*background:url(../images/fo_weik.png) center center no-repeat;*/ position:relative; width:49px; height:49px; overflow:hidden; background-size:100% 100%;}
.fo_wei1_0, .fo_wei1_1{ width:49px; height:49px; position: absolute !important; left:0; display: block;}
.fo_wei1_0{ top:0;} .fo_wei1_1{ top:49px;}
.fo_wei1_0, .fo_wei1_1{
    -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);
    transition: all 0.4s cubic-bezier(1, .57, .48, 1.4);}
.fo_wei1:hover .fo_wei1_0{top:-49px;}
.fo_wei1:hover .fo_wei1_1{top:0px;}


/***************************************** 第一屏-三角 *********************************************/
.sanjiao{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.sanjiao img{ display:block; position: absolute; z-index:1;}
.san1{ left:90px; top:-50px;}
.san2{ left:327px; top:111px;}
.san3{ left:357px; top:236px;}
.san4{ right:500px; top:60px;}
.san5{ right:156px; top:-50px;}
.san6{ right:182px; top:300px;}
.san7{ left:-20px; bottom:120px;}

/**底部**/
.weixin_code {
    width:250px;
    position:absolute;
    top:15%;
    left:50%;
    margin-left:-125px;
    text-align:center
}
.weixin_code .weixin_code_item {
    width:200px;
    height:200px;
    background:url(img/60efc30f56e9a174.weixin_code.png) no-repeat center top;
    margin:0 auto 10px;
    position:relative
}
.footer {
    height:150px; background:#ebebeb;
    overflow:visible;
    border-top:1px solid #ddd;
}
.footer .l_area {
    width:20%;
    float:left
}
.footer .r_area {
    float:left
}
.footer .footer_area {
    width:40%
}
.footer .footer_item {
    padding-top:60px;
    text-align:center;
    width:150px
}
.footer .footer_item h3 {
    margin-top:15px;
    font-weight:normal;
    font-size:20px
}
.footer .footer_item h4 {
    font-weight:normal
}
.footer .sc_area {
    margin-top:89px
}
.footer .sc_area .sc_item {
    vertical-align:middle;
    cursor:pointer;
    position:relative;
    display:inline-block;
    text-align:center;
    width:100px
}
.footer .sc_area .sc_item p {
    font-size:14px
}
.footer .sc_area .sc_item .sc_code {
    position:absolute;
    bottom:61px;
    left:50%;
    opacity:0;
    height:0;
    overflow:hidden;
    width:150px;
    margin-left:-75px;
    text-align:center;
    font-size:14px;
    padding-top:0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -webkit-transition:opacity .4s;
    -moz-transition:opacity .4s;
    -o-transition:opacity .4s;
    -ms-transition:opacity .4s;
    transition:opacity .4s
}
.footer .sc_area .sc_item .sc_code img {
    width:100%
}
.footer .sc_area .sc_item .sc_code_01 {
    background:url(img/9c93b29b26492273.footer_code_02.png)
}
.footer .sc_area .sc_item .sc_code_02 {
    background:url(img/4468e9cf4a0a4d77.footer_code_01.png)
}
.footer .sc_area .sc_item .sc_code_03 {
    background:url(img/3c7cf99f6632c4cd.footer_code_03.png)
}
.footer .sc_area .np {
    cursor:auto
}
.footer .sc_area .sc_item:hover .sc_code {
    opacity:1;
    height:183px;
    padding-top:143px
}




/*Menu*/
#menu {
    position: fixed;
    top: 50%;
    right: 2.5em;
    width: 2em;
    z-index: 70;
    padding: 0;
    margin-top: -5em;
    -webkit-transition: opacity 0.6s 0s;
    -moz-transition: opacity 0.6s 0s;
    -ms-transition: opacity 0.6s 0s;
    -o-transition: opacity 0.6s 0s;
    transition: opacity 0.6s 0s;
}

#menu li {
    margin: 1em;
    background:transparent;
    border:1px solid #fff;
    -webkit-border-radius: .6em;
    -mos-border-radius: .6em;
    -o-border-radius: .6em;
    border-radius: .6em;
    height: .6em;
    width: .6em;
    text-indent: 999em;
    -webkit-transition: All 0.5s 0s;
    -moz-transition: All 0.5s 0s;
    -ms-transition: All 0.5s 0s;
    -o-transition: All 0.5s 0s;
    transition: All 0.5s 0s;
    -webkit-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;
    -ms-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;
    transition: transform 0.5s ease 0s, background-color 0.5s ease 0s;
}
#menu li.grey{
    border:1px solid #6C6C6C;
    background:transparent;
}
#menu li.grey.active{
    border:1px solid #6C6C6C;
    background: #6C6C6C;
    filter:alpha(opacity=80);
    -moz-opacity:.8;
    opacity:.8;
    -webkit-transition: All 0.5s 0s;
    -moz-transition: All 0.5s 0s;
    -ms-transition: All 0.5s 0s;
    -o-transition: All 0.5s 0s;
    transition: All 0.5s 0s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#menu li.active {
    border:1px solid #fff;
    background: #fff;
    filter:alpha(opacity=80);
    -moz-opacity:.8;
    opacity:.8;
    -webkit-transition: All 0.5s 0s;
    -moz-transition: All 0.5s 0s;
    -ms-transition: All 0.5s 0s;
    -o-transition: All 0.5s 0s;
    transition: All 0.5s 0s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#menu li a {
    text-decoration: none;
    outline: none;
}

#menu li a, #menu li.active a {
    display: block;
}

.ajaxtips{ display:none;}

/**2017-05-23**/
.p6-inbg{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/p6-in-ab.jpg) center center no-repeat;
}