body{overflow-x:hidden; font-size: 14px; font-family:"Microsoft Yahei";}

/*.all_content{position: fixed;width: 100%; height: 100%;  left: 0;top: 0; overflow-y:scroll; }
.all_content.active{perspective:800;
-webkit-perspective:800;}
.all_contentS.active{transform: rotateY(-5deg);-webkit-transform: rotateY(-5deg);}*/
.header{position: relative;}
.banner a{display: block; width: 100%;}
.banner_info{width: 100%; padding: 0 3.6%; position: absolute; left: 0; bottom: 6.7%; color: #fff;}
.banner_info .banner_yw{font-size: 68px; position: relative; font-family: 'Arial'; line-height: 1; text-transform: uppercase;}
.banner_info .banner_zw{position: relative;  margin-top: 5px; display: inline-block; padding-bottom: 1.9%; margin-bottom: 1.9%;}
.banner_info .banner_zw_text{font-size: 38px; line-height: 1; position: relative; }
.banner_info .banner_line{position: absolute; width: 100%; height: 1px; background: #acce22; left: 0; bottom: 0;}
.banner_info .banner_small{position: relative; width: 38%; position: relative; }
.banner_info .banner_block{width: 11px; height: 11px;  background: #fff; position: absolute; left: 0; top: 7px;}
.banner_info .banner_small_text{width: 100%; padding-left: 28px; font-size: 16px; color: #fff; line-height:  26px; height: 52px; overflow: hidden;}
.banner_info .article-block{left: -200px; opacity: 0; filter:alpha(opacity=0); zoom:1;}
.banner_dot{position: absolute; right: 3.6%; top: 50%; z-index: 10;}
.banner_dot div{ width: 6px; cursor: pointer; height: 6px; text-indent: 100px; overflow: hidden; margin: 11px 2px; margin-top: 11px; margin-bottom: 11px; border-radius: 50%; border: 1px #fff solid;}
.banner_dot div.current{width: 10px; height: 10px;  background: #a30022; border:none; margin: 11px 0;}
.banner_dot div{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.header_left{height: 70px;  line-height: 70px; width: 92.8%; position: absolute; top: 7.8%; left:50%; margin-left:-46.4%; z-index: 10;}
.header_left .menu{width: 97px; height: 62px; cursor: pointer; background: #a30022; position: relative; display: inline-block; vertical-align: middle; float:right;}
.header_left .menu_mark{width: 20px; height: 13px;position: absolute; left: 50%; top: 50%; margin-left: 3px; margin-top: -6px;}
.menu .menu_line{width: 100%;  height: 1px; display: block; background: #fff; position: relative; top: 0; }
.menu .menu_line2{top: 5px;}
.menu .menu_line3{top: 10px;}
.menu.active .menu_line1{top: 5px; moz-transform: rotate(225deg); -webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.menu.active .menu_line2{opacity: 0; filter:alpha(opacity=0); zoom:1;}
.menu.active .menu_line3{top: 3px; moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}
.logo{height: 70px; line-height: 70px; display: inline-block; vertical-align: middle;}
.header_right{position: absolute; right: 3.6%; top: 7.8%; z-index: 10;}
.header_right a{width: 70px; height: 70px; perspective:0 !important;-webkit-perspective:0 !important; position: absolute; border: 1px #fff solid;}
.header_right .header_icon1{right: 0; top: 0; }
.header_right .header_icon2{right: 70px; top: 0; border-right: 0;}
.header_right .header_icon3{right: 0px; top: 70px; border-top: 0;}
.header_right .bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5;}
.header_right .header_icon1 .bg{background: url(../images/header_fx.png) center center no-repeat; }
.header_right .header_icon2 .bg{background: url(../images/header_search.png) center center no-repeat; }
.header_right .header_icon3 .bg{background: url(../images/header_yx.png) center center no-repeat; }
.header_right .wihte{position: absolute;  width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 4; transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
    transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
    opacity: 0; filter:alpha(opacity=0); zoom:1;}
.header_right a:hover .wihte{    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    opacity: 1; filter:alpha(opacity=100); zoom:1;}
.header_right .header_icon1:hover .bg{background: url(../images/header_fx_active.png) center center no-repeat;}
.header_right .header_icon2:hover .bg{background: url(../images/header_search_active.png) center center no-repeat;}
.header_right .header_icon3:hover .bg{background: url(../images/header_yx_active.png) center center no-repeat;}
.header_mouse{width: 13px; height: 41px; z-index: 10; background: url(../images/mouse.png) center center no-repeat; position: absolute; bottom: 7.1%; right: 3.6%;}

.fixed_bg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; background: rgba(0,0,0,0.5); z-index:200;}
.slide_nav{background: #fff; background: #a30022;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; width: 300px; position:fixed; left: -300px; top: 0; height: 100%; z-index: 200;}
.left_active{left: 0;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 90%;}
.slide_nav .slide_nav_ul{margin-top: 10%;}
.slide_nav .slide_nav_ul li{ text-align: center;height: 50px; position: relative; width: 100%;line-height: 50px; margin-bottom: 5px;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #b62846;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.phone_back{display: none;}







@keyframes mymove
{
0% {bottom:10px;}
50% {bottom:20px;}
100%{bottom: 10px}
}
@-webkitkeyframes mymove
{
0% {bottom:10px;}
50% {bottom:20px;}
100%{bottom: 10px}
}
@-moz-keyframes mymove
{
0% {bottom:10px;}
50% {bottom:20px;}
100%{bottom: 10px}
}