@charset "utf-8";





@font-face {

 font-family: 'youbiao';     /* 这个名字可以⾃⼰定义 */

 src: url('../fonts/v.eot'); /* IE9 Compat Modes */      /*这⾥以及下⾯的src后⾯的地址填的都是⾃⼰本地的相对地址*/

 src: url('../fonts/v.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

        url('../fonts/v.woff') format('woff'), /* Modern Browsers */

        url('../fonts/v.ttf')  format('truetype'), /* Safari, Android, iOS */

        url('../fonts/v.svg#youbiao') format('svg'); /* Legacy iOS */

        font-weight: bold;

        font-style: normal;

}









.navi_head{

	height:100px;

	background-color:#;

	padding-top: 0px;

	-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;

}

.navi_body{

	overflow:hidden;

	height:100px;

	transition:height ease 0.5s; ;

	background: url(../img/xc.png) top center;

	-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;

}

.navi_body:hover{

	height:350px;

}



.navi_head>div>span{

	width:120px;

	text-align:center;

	height:350px;

	display:inline-block;

	color:#fff;

	font-size:14px;

	vertical-align:top;

}



.navi_head>div>span>p a{

	color:#888;

	line-height: 35px;

}





.navi_title{

	font-size:16px;

	line-height:100px;

	margin-top:0;

	margin-bottom: 10px;

}



.navi_head>div>span:hover{

	background:rgba(7,120,167,0.1);

}







.on .navi_body{ background: url(../img/xc1.png) top center !important; -moz-box-shadow: 0px 0px 5px #DEDEDE; -webkit-box-shadow: 0px 0px 5px #DEDEDE; box-shadow: 0px 0px 5px #DEDEDE;}







.on .navi_head>div>span{

	color:#333 !important;

}



.on .navi_head>div>span>p a{

	color:#555 !important;

}











.header .top_wp{width:100%; height:80px; position:fixed; top:0; left:0; z-index:999; padding: 0px 0px 0px 0px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}



.header .top_con{width:90%; max-width:1400px; height:80px; margin:0 auto; position:relative;}



.header .lo1{width:280px; height:80px; position: absolute; left: 0%;  top: 0px; z-index: 8; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.header .lo1 img{height:80px;}







.header .lo2{width:220px; height:80px; position: absolute; left: 0%; top: 0px; z-index: 8; display:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

.header .lo2 img{height:80px; display:block; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}





.header .lo3{ width:220px; height:35px; float:right; margin-top:22px; color: #fff; font-size: 14px; }

.header .lo3 a{display:block; width:100px; float:right; margin-left:10px; height:32px; line-height:32px; text-align:center; color:#fff; box-sizing:border-box; border-radius:30px; transition:0.3s;}

.header .lo3 .ap1{border:#fff 1px solid; line-height:30px;}

.header .lo3 .ap1:hover{background:linear-gradient(90deg, #1ce1fe, #019bf6); border:#0dbafa 1px solid;}

.header .lo3 .ap2{ background:linear-gradient(90deg, #1ce1fe, #019bf6);}





.on .top_wp{width:100%; height:80px; background:rgba(255,255,255,1); border-bottom:rgba(255,255,255,01) 1px solid; position:fixed; top:0; left:0; z-index:999; -moz-box-shadow:0px 0px 5px #DEDEDE; -webkit-box-shadow:0px 0px 5px #DEDEDE; box-shadow:0px 0px 5px #DEDEDE;}



.on .lo1{display:none;}



.on .lo2{width:220px; height:80px; display:block !important;}





.on .lo3{color: #555 !important;}







.nav_wrap{width:400px; height:85px; position:absolute; left:50%; margin-left:-200px; z-index:2;}

.nav_wrap li{ float:left;}

.nav_wrap a{display:block; height:80px; margin:0px 25px 0px 25px; color:#fff; line-height:80px; border-bottom:rgba(255,255,255,0) 2px solid; font-size:16px; transition:0.5s;}

.nav_wrap a:hover{border-bottom:#029ff6 2px solid;}





.on .nav_wrap a{color:#444 !important;}







.on .lo3 .ap1{color:#444;}

.on .lo3 .ap1{border:#444 1px solid; }



.on .lo3 .ap1:hover{background:linear-gradient(90deg, #1ce1fe, #019bf6); border:#0dbafa 1px solid; color:#fff;}























/*移动端导航开始*/


#wap_nav{ display:none;}







@media only screen and (max-width: 1199px) {
.top_wp{ display:none;}


	
	.ftop_btt{width:100%; height:60px;}
#wap_nav{ display:block !important; }

.ftop{ display:block; width:100%; height:60px; padding:1px 0px 1px 0px; box-sizing:content-box; text-align:center; border-bottom:#2580bd 0px solid; overflow:hidden; background:rgba(255,255,255,1); background-size:100% auto; position: fixed; left:0; top:0; z-index:999;-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1); box-shadow:0px 0px 8px rgba(0,0,0,0.1); }
.ftop .left{margin-left:20px; float:left;}
.ftop .right{ width:100px; margin-right:10px; line-height:60px; float:right;}
.ftop .left img{height:50px; margin-top:5px;}
.ftop .left1 img{height:50px; margin-top:px;}

.ftop .right ul li{ float:left; display:block; width:50%; height:50px; line-height:50px; font-size:1.2em; padding-top:5px; text-align:center;}
.ftop .right a{color:#555;}

.topt{width:100%; height:70px;}


.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index:1002;
    bottom: 0;
}
.leftNav{
    width:60%;
    max-width:500px;
    height: 100%;
    background-color:#fff;
    position: fixed;
    z-index:1003;
    top: 0;
    left: -60%;
}

.rightNav{
   width:80%;
    max-width: 400px;
    height: 100%;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -80%;
}
.rightNav h1{font-size:18px; padding-left:10px; color:#e1d1c2; line-height:40px; padding-top:20px;}


.upNav{
   width: 100%;
    height: 80px;
    background-color:#241c1e;
    position: fixed;
    z-index: 999;
    top: -80px;
}

.downNav{
    width: 100%;
	background-color:#241c1e;
    height: 60px;
    position: fixed;
    z-index: 999;
    bottom: -60px;
}


/*二级菜单*/
.ny_zb{width:100%; margin:0 auto; padding-top:2px; padding-bottom:20px;}
.ny_zblb1 li{line-height:40px;font-size:16px; float:left; width:100%;}
.ny_zblb1 li a{display:block; width:100%; height:40px; color:#555; margin:0 auto; line-height:40px; padding-top:0px; overflow:hidden; padding-left:0px; text-indent:10px; margin-top:0px; padding-bottom:3px; border-bottom:#eee 1px solid; font-size:14px; box-shadow:0 0px 0px #d0d0d0;-webkit-transition:all 0.0s ease-in;-moz-transition:all 0.0s ease-in;-o-transition:all 0.0s ease-in;transition:all 0.0s ease-in;}
.ny_zblb1 li a.cur{color:#fff; background:#2679b2;  border-bottom:#2679b2 1px solid; }
.ny_zblb1 li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li{width:100%; }
.ny_zblb1 li ul li a{ width:100%; height:35px; font-size:12px; color:#777;  text-indent:20px; line-height:35px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;background: #eee; border-bottom:#ddd 1px solid;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ny_zblb1 li ul a:hover{background:#f14b44; color:#fff;}


.ny_zblb1 li ul li ul{display:none; padding-bottom:0px; background:#333;}
.ny_zblb1 li ul li ul li{width:100%; }
.ny_zblb1 li ul li ul li a{ width:100%; height:35px; font-size:12px; color:#e5ecf7; line-height:35px; text-indent:40px; overflow:hidden; margin-top:0px; font-size:14px; display:block;  border-top:none; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; background: #26446d; border-bottom:#2d4f7d 1px solid;}
.ny_zblb1 li ul li ul a:hover{background:#fbb253; color:#fff;}

.ny_zblb1 li ul li a.cur{color:#e5ecf7;background: #182d4a; border-bottom:#254066 1px solid;}



}






































.video_wrap{width:100%; height:auto; position:relative; height:100%; overflow: hidden;}

.video_zz{width:100%; height:100%; background-color: rgba(0,0,0,0.5); position: absolute;left: 0;top: 0; z-index:15}



#v1{ width: 100%;  height: auto;  

            /*加滤镜*/

            /*filter: blur(15px); //背景模糊设置 */

            /*-webkit-filter: grayscale(100%);*/  

          filter:grayscale(10%);  z-index:-11}  

source{  min-width: 100%; min-height: 100%; height: auto;  width: auto;  } 







@media only screen and (max-width:999px) {

.header{display:none;}

}