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: #3d81f1; 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: #3d81f1; position: relative; display: inline-block; vertical-align: middle; float:right;}
.header_left .menu_mark{width: 20px; height: 13px;position: absolute; right: 10%; 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: #3d81f1;  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: 18px; font-weight:600; 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: #1867de;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}
}

/*通知公告*/

.notice {}
.notice ul {}
.notice ul li {float: left; width: 33.3%; height: 342px; background-position: center; background-repeat: no-repeat; position: relative; background-size: cover; position: relative; }

.notice ul li:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';background: rgba(0,79,178,.9);}

.notice ul li.num2:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';background: rgba(0,129,232,.9);}

.notice ul li.num1 {background-image: url(../images/left-box-bg.jpg);}
.notice ul li.num2 {background-image: url(../images/center-box-bg.jpg);}
.notice ul li.num3 {background-image: url(../images/right-box-bg.jpg);}

.noticeW {margin-top: 66px;padding: 0 30px; color: #fff; position: relative; z-index: 22;}

.noticeW h2 {color:#fffa7a; font-size: 16px;}
.noticeW h3 {font-size: 24px;text-transform: capitalize;margin: 0;margin-bottom: 15px;color: #fff;}
.noticeW h4 {font-size: 14px;font-family: "微软雅黑"; line-height: 26px;margin: 0;margin-bottom: 8px;}
.noticeW p {font-size: 14px;line-height: 26px;margin: 0;margin-bottom: 30px;}
.noticeW a {display: block; width: 106px; height: 38px; text-align: center; line-height: 38px; font-size: 12px; color: #fff; border: 2px solid #fff; border-radius: 21px;}


.clearfloat{*zoom:1;}

.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}

.clearfloat:after{ clear:both;}

@media (max-width: 1440px) {

  .noticeW {margin-top: 35px;}
}








@media (max-width: 1300px) {
.noticeW h3 {font-size: 22px; margin-bottom: 12px;}

	.noticeW a {height: 36px; line-height: 36px;}

}

@media (max-width: 1024px) {
	.noticeW h3 {font-size: 20px; line-height: 26px;}

	.noticeW h4 {line-height: 22px;}

	.noticeW p {margin-bottom: 24px;}

}


@media (max-width: 992px) {
	
	.noticeW a {width: 94px; height: 32px; line-height: 32px;}
	.noticeW h3 {font-size: 18px;}
}


@media (max-width: 768px) {

	.notice ul li {width: 100%; height: auto; padding: 20px 0;}

	.noticeW {margin-top: 0;}

	.noticeW p {margin-bottom: 15px;}

	.noticeW h3 {margin-bottom: 10px;}
}