@charset "utf-8";
/* CSS Document */
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
/*===========================header=============================*/

#header{ position: fixed; height:5.625rem; z-index:999; width:100%; transition:.6s;}
#header .m1600{ height:100%; position:static;}
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#header #logo{ }
#logo{ float:left; height:100%;}
#logo img{height:48px; float:left;}
#header .logo_txt{width:auto; line-height:20px; color:#fff; float:left; padding:0 0px 0 15px;transition:.8s;}
#header .logo_txt .biaoti{width:auto; line-height:30px; font-size:23px;letter-spacing:2px;}
#header .logo_txt .yingwen{width:auto; line-height:20px; font-size:12px; text-transform:uppercase; font-family:Arial;}
#nav{ position:absolute; right:0; top:0;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0;}
#nav ul li a{ display:block; padding:0 1.7rem; text-transform:uppercase;}
#nav ul li h3{ font-size:1rem; color:#fff; line-height:5.625rem; overflow:hidden; position:relative; transition:.6s;}
#nav ul li.on h3{ font-weight:bold;}
#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;background:rgba(255,255,255,.95);width: 160px;left:50%;margin-left: -80px;z-index: 10000;/* transform:translateY(-20px); */visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;box-shadow: 0 3px 5px rgba(0,0,0,0.15);}
#nav ul li:nth-child(3) .sub{width: 240px;margin-left: -120px;}
#nav ul li .sub .box{padding:0;text-align:center;}
#nav ul li .sub a{padding:8px 20px;line-height:2;transition:.3s;font-size: .9rem;color: #666; border-bottom:1px dashed #e4e4e4;}
#nav ul li .sub a:hover{color: #1b2689;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav>ul>li.on h3,#nav ul li:hover h3{ }
#nav>ul>li h3:after{ content:""; display:block; width:100%; height:3px; position:absolute; left:0; background:#3d56e0; bottom:0px; transition:.3s; transform:scale(0);}
#nav>ul>li:hover h3:after,#nav ul li.on h3:after{  transform:scale(1);}
#header .dw2{ float:left; height:5.625rem; width:14rem; cursor:pointer; position:relative; margin-left:2rem; transition:.6s;}
#header .dw2 .j_tab{ }
#header .dw2:after{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(0,0,0,0); right:0; top:0;}
#header .dw2.yuyan:before{ content:""; width:1px; height:100%; display:block; position:absolute; background:rgba(0,0,0,0); left:0; top:0;}
#header .dw2 .dh{background:url(../images/jt1.png) left center no-repeat; padding-left:20px;  height:40px; line-height:40px; text-align:center; font-size:1.2rem; color:#fff; cursor:pointer; transition:.6s;font-family:arial; }
#header .dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:100%;width: 100%;text-align:center;background: #1b2689;left: 0;border: 1px solid #1b2689;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
#header .dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #1b2689;position:absolute;top:-16px;left:50%;margin-left:-8px;}
#header .dw2 .dd a{display:block;text-align:center;line-height:30px;color: #fff;font-size:13px;padding:0 10px;}
#header .dw2 .dd a:hover{ font-weight:bold; }
#header .dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/**/
#logo .logo_black{ display:none;}
.top_search_black{ display:none;}
#header.xg{ position:fixed; top:0; background:#fff; background:rgba(255,255,255,.95);}
#header.xg .logo_txt{color:#333;}
#header.xg .search_btn{ }
#header.xg .dw2{ }
#header.xg #logo .logo_black,#header.xg .top_search_black{ display: inline-block;}
#header.xg #logo .logo_white,#header.xg .top_search_white{ display:none;}
#header.xg #nav ul li a h3{ color:#333; }
#header.xg .dw2 .dh{ color:#5b5b5b;  background:url(../images/jt2.png) left center no-repeat; }
#header.xg .dw2.yuyan:before{ background:rgba(0,0,0,0);}
#header.xg .dw2:after{ background:rgba(0,0,0,0);}

/***********************/

/*手机头部开始*/
#m_header{position: fixed;z-index:999;width:90%;height:4.5rem;left:0;top:0;padding:0 10px;background:#fff;display:none;border-bottom: #eaeaea 1px solid;}
#m_header #logo{ height:4.5rem; }
#m_header #logo img{max-height:60%;max-width:100%; float:left;}
#m_header #logo p{max-height:100%; width:auto; float:left; font-size:1.2rem; margin-left:10px; font-weight:bold;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}

/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute; left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background:#1b2689; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:5rem; height:5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


/*首页banner*/
#banner{ height:900px; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner .banner_bottom{position:absolute; bottom:-1px; left:0; width:100%;height:100%; background:url(../images/zy1.png) bottom no-repeat; background-size:100%; z-index:9;}
#banner li{ position:relative;}
#banner li .img{ width:100%; height:900px; z-index:8;  }	
#banner li .img img{ }
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to {-webkit-transform: scale(1);  transform: scale(1);}
}
@keyframes bgscale {
from { -webkit-transform: scale(1.05); transform: scale(1.05); }
to {-webkit-transform: scale(1);  transform: scale(1);}
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

#banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }


#banner .con{ position:absolute; width:100%; height:calc(100vh - 200px); top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff;}
#banner .txt h3{ font-size:2.25rem; text-transform:uppercase; margin-bottom:0.7rem; font-family:arial;}
#banner .txt p{font-size: 2rem;line-height:3.5rem;margin-bottom:0.7rem;text-transform:uppercase;display:block;font-weight:bold;}
#banner .txt p:nth-child(3){font-size: 1.25rem;line-height:2rem;margin-bottom:0rem;text-transform:uppercase;display:block;font-weight:normal;}
#banner .txt p:nth-child(4){font-size: 1.25rem;line-height:2rem;margin-bottom:0rem;text-transform:uppercase;display:block;font-weight:normal;}
#banner .txt .bn_btn{ display: inline-block; width:8.75rem; height:2.75rem; margin-right:25px; line-height:2.75rem; text-align:center; border-radius:30px; background:#fac943; color:#000; font-size:1rem; }
#banner .txt .bn_btn.white{ background:#fff;}
#banner li.slick-current{ z-index:999;}
#banner .con .txt .dd1{  width:100%; transition:1.1s .6s; opacity:0;/* transform:translateX(100px);*/}
#banner .con .box .dd2{ white-space:nowrap; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/}
#banner .slick-current .txt .dd1{ transform:translateX(0px); opacity:1;}
#banner .slick-current .txt .dd2{ transform:translateX(0px); opacity:1;}
#banner .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);min-width: 16px;font-family: "Swis721 BlkCn BT";}
#banner .slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}

.appendArrows{ padding-top:20rem;}
#banner .banner-arrow{ left:50%; top:50%; margin-top:0; width:46px; height:46px; background-size:46px !important; z-index:999; float:left; margin-right:10px; cursor:pointer;}
#banner .banner-prev{
	background:url(../images/banner_left.png) center no-repeat;
	}
#banner .banner-next{ 
	background:url(../images/banner_right.png) center no-repeat;
	}

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}
.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }


@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}

@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}