@font-face {font-family: 'webfont';
    src: url('/cs/webfont/webfont.eot'); /* IE9*/
    src: url('/cs/webfont/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/cs/webfont/webfont.woff') format('woff'), /* chrome、firefox */
    url('/cs/webfont/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('/cs/webfont/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: 'webfont2';
/*src : url('webfont/abel-regular.ttf');*/
src : url('../base/fonts/Oswald-Bold.ttf');
/*font-weight: bold;*/
}


* {/*box-sizing: border-box;*/padding: 0; margin: 0;border: 0;}
a{ -webkit-tap-highlight-color:transparent;}    
html, body, img, iframe {border: 0;} 
body, html, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, header, menu, section, p, input, td, th, ins {padding: 0;margin: 0;border: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,select{margin:0;padding:0;border: 0;}
body,button,input,select,textarea{color:#555;font: 14px/1.7 'Source Han Sans','helvetica neue',Helvetica, tahoma,sans-serif;}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,ol,form,span,input,a,div{ margin:0px; padding:0px; font-style:normal; border:0;}	
body,div,p,span,a   {
/*	    font-family:"webfont" !important;
	    font-style:normal;
	    -webkit-font-smoothing: antialiased;
/*	    -webkit-text-stroke-width: 0.2px;*!/
	    -moz-osx-font-smoothing: grayscale;*/
}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input, button, select { font-size:100%; box-sizing:border-box;margin:0; padding:0; vertical-align:middle; border:1px solid #ccc; outline:none;line-height:normal;   color:#666;}
img{ border:0px;border:none;}
ul,li{ list-style:none;}
a{text-decoration:none;color:#3e3e3e;}
a:hover{ color:#000;}	
.w1440{width:1440px;}
.w1000{width:1000px;}
.w1200{width:1200px;}
.w1250{width:1250px;}
.w1180{width:1180px;}
.w1100{width:1100px;}
.w1150{width:1150px;}
.w980{width:980px;}
.w100 { width:100%; }
.md {margin:0 auto; }
.padb10 {
	padding-bottom: 10px;
}
.fl {float:left;}
.rt {float:right;}
.clear {clear:both;}
ul::after {content: "."; clear: both; display: block; height: 0; overflow: hidden;}
.clearfix:after,.cler:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pr {position: relative;}
.pa {position: absolute;}
.bg-none {background:none;}
.none {display: none;}
.block {display: block;}
.hui {background: #efefef;}
.fff {background: #fff;}
.tmd {text-align: center;}
.text-center{
	text-align: center;
}
body{
	overflow-x: hidden;
}
a,.s_ul,#a div
{
transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-webkit-transition: all .4s ease-in;
}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.h2 {
 
color: #555;
font-weight: normal;
/*padding-top: 75px;
background: url(index02.png) no-repeat left 0px;*/
letter-spacing: 0;
margin-bottom: 0px;
	font-size: 22px;
	text-align: center;
/*background-size: 70%;*/
}
 .h2 b{
	font-size: 34px;
	display: block;
	color: #04316a;
	padding-bottom: 10px;
	    letter-spacing: 2px;
}
.hy_z11 .rt h2 span {
    font-family: "webfont2";
}
.boxpp li{
	margin-bottom: 20px;
	text-align: justify;
}
div.banner ul li div p {
	    text-align: justify;
}

.boxaa {
	cursor:pointer;
	border:1px solid #10326e;
	width:160px;
	height:25px;  
	line-height: 25px;
 margin: 0 auto;    
	margin:0 auto; 
	text-align: center;
	display: none;
	font-size: 12px;
}
.boxaa span{
	text-transform: uppercase;
}
.boxdown .open{
	display: block;
}
.boxdown .close{
	display: none;
}
.boxdown.up .open{
	display: none;
}
.boxdown.up .close{
	display: block;
}
.boxdown{           
    background:  url(/cs/shuzi/down.png) no-repeat 20px; 
    background: none;
}
.up{
    background:  url(/cs/shuzi/up.png) no-repeat 20px;
        background: none;
}

.yuding {
		 	position: relative;
		 }
	.yuding:hover{
		opacity: 1;
		color: #fff;
		
	}
.yuding b,.yuding i {
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 2;
	    font-style: normal;
	    font-weight: normal;
	    width: 100%;
	    text-align: center;
	    font-family: "webfont2" !important;
	    font-weight: bold;
	}
	.yuding:hover:after{
	width: 100%;
	
	}
	.banner .yuding:hover:after{
	width: 100%;
	}
		.banner .yuding i
		{
			color: #fff;
		}
	 .yuding::after {
	    position: absolute;
	    left: 0;
	    top: 0;
	    padding: 0px 0px;
	    height: 35px;
		border-radius: 25px;
	    width: 0;
	    z-index: 1;
	    content: "";
	    transition: all .4s ease-in;
	    -moz-transition: all .4s ease-in;
	    -webkit-transition: all .4s ease-in;
	    background: #213c7b;
}
	 
 .banner .yuding::after {
		    background: #c5000d;
					border-radius: 5px;
}



.ttop {
	text-align: right;
	color: #fff;
	padding-right: 20px;
	position: absolute;
	top: 3px;
	right: 0px;
	display: none;
}
.ttop a{
	color: #fff;
	padding: 0px 10px;
}
.sticky .ttop {
		color: #666;
}
.sticky .ttop a{
		color: #000;
		font-size: 12px;
		padding: 0px 15px;
}
.head{
	width: 100%;
	/* position: relative; */
	/* top: 0; */
	/* left: 0; */
	z-index:;
	/* background-color: rgba(255, 255, 255, 0.85); */
}
.head .logo {
	padding-left: 20px;
	padding-top: 24px;
}
.head .logo a {
	background:  url('logo6.png') no-repeat left top;
	width: 200px;
	height: 44px;
	display: block;
	background-size: 200px;
}

.bg{
	width: 100%;

}
.bg img{
width: 100%;
position: absolute;
top: 0;
left: 0;
}

.menu{
	float: left;
	margin-left: 15px;
} 
.menu li{
float: left;
}
.menu li a{
	padding: 0px 18px;
	line-height: 92px;
	height: 70px;
	color: #f1f1f1;
	display: block;
	font-size: 16px;
	position: relative;
	font-weight: 600;
}
.menu li a:hover {
	color: #fff;
}
.menu li a::after {
	position: absolute;
	top: 72px;
	left: 5px;
	height: 5px;
	width: 0%;
	background: #e60012;
	content: "";
	clear: both;
	display: block;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}
.menu li a.on:after  {
	width: 90%;
	    background: #e60012;
}
.menu li a:hover:after {
		width: 90%;
}
.sticky .menu li a::after {
	top: 47px;
}
.shej{
	padding-right: 20px;
	height: 50px;
	line-height: 55px;
	color: #fff;
	margin-top: 20px;
}
.shej a{
	color: #fff;
	font-size: 14px;
}

/* shipin */
.video-back{display:block;padding:200px 0px 0px 0px;text-align:center;}
.video-back h1{display:block;text-align:center;color:#fff;font-size:50px;}
.video-back p{display:block;color:#fff;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{width:150px;}

.vidbacking-active-body-back{
	position: fixed;
	z-index: -100;
	min-width: 100%;
	min-height: 100%;
	    max-width: 100%;
	    display: inline-block;
	    vertical-align: baseline;
	top: 0%;
	left: 0%;
	background-size: cover;
	overflow: hidden;
	opacity: 1;
	transition: 2s opacity;
/*	transform: translateX(-50%) translateY(-50%);*/

    object-fit: cover;
}

.vidbacking-active-block-back{
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	height: auto;
	width: auto;
	z-index: -100;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

/*.vidbacking{
	display: none;
}*/
.vidmask-body-back{
	background: url(videooverlay1.png) repeat;
	    background: rgba(0, 0, 0, 0.65);
	opacity: 0.3;
	min-height: 100%;
	min-width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -50;
	display: block;
	display: none;
}
.vidmask-block-back{
	background: url(videooverlay1.png) repeat;
	opacity: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
	z-index: -50;
	display: block;
}

.cover-grid {
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
    bottom: 0;
    left: 0;
    z-index: 5;
}
.row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -2%;
}
.cover-grid__row {
    position: relative;
    height: 100%;
    pointer-events: none;
    bottom: 0;
}
.row.splice {
    margin-left: 0;
}
.col, .xs-col-1, .xs-col-2, .xs-col-3, .xs-col-4, .xs-col-5, .xs-col-6, .xs-col-7, .xs-col-8, .xs-col-9, .xs-col-10, .xs-col-11, .xs-col-12 {
    -ms-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
    padding-left: 2%;
}
.row.splice .col, .row.splice .xs-col-1, .row.splice .xs-col-2, .row.splice .xs-col-3, .row.splice .xs-col-4, .row.splice .xs-col-5, .row.splice .xs-col-6, .row.splice .xs-col-7, .row.splice .xs-col-8, .row.splice .xs-col-9, .row.splice .xs-col-10, .row.splice .xs-col-11, .row.splice .xs-col-12 {
    padding-left: 0;
}
.cover-grid__column {
    position: relative;
    height: 0%;
    border-left: 1px solid #e6e1e2;
    pointer-events: none;
    transition: all 2s ease-in-out;
    opacity: .2;
}
.col-3 {
    flex-basis: 24%;
    max-width: 24%;
    width: 24%;
}
.col-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
    width: 16.66667%;
}
.cover-grid__column__background {
    position: relative;
    width: 100%;
    height: 0%;
    bottom: 0;
    left: 0;
    background: #fff;
}
/* shipin */

.p1_vv {
	height: 100%;
	overflow: hidden;
/*	background-image: url(bg.jpg);*/
	opacity: 1;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.p1_vv .vidbacking {
	width: 100%;
}

.fffpr {
	position: relative;
	z-index: 99;
	background: #fff;
}

.w100 {
	width: 100%;
}
.p2_fl {
	/*	position: absolute;
	right: 0;
	top: 0;
	width: 50%;*/
	/* margin-top: 50px; */
	margin-bottom: 0px;
	/* height: 450px; */
	padding-top: 80px;
	background: #ffffff;
	color: #001842;
	}
.p2_fl:after {
	    position: relative;
	    content: "";
	    top: 30px;
	    left: 50%;
	    margin-left: -208px;
	    z-index: 99;
	    border-top: 0px solid #f1f1f1;
	    border-left: 0px solid transparent;
	    border-right: 0px solid transparent;
	    /* z-index: 3; */
	    /* margin-top: -8px; */
}

.p2_fl .p{
width: 1200px;
margin:  0 auto;
}
.p2_fl .p .fl {
	float: left;
	width: 760px;
}
.p2_fl .p .fl h2{
	font-size: 22px;
	position: relative;
	color: #213c7b;
	letter-spacing: 2px;
	padding-top: 5px;
	margin-bottom: 35px;
	line-height: 40px;
	padding-top: 20px;
}
.p2_fl .p .fl h2 span{
	font-size: 32px;
	    text-transform: uppercase;
	    padding-bottom: 5px;
	    display: block;
	    font-weight: 600;
	    letter-spacing: 0px;
	    letter-spacing: 0;
	        font-family: "webfont2" !important;
}

.p2_fl  .rt {
	position: absolute;
	right: -80px;
	top: 0;
	width: 830px;
	height: 726px;
	overflow-y: hidden;
	overflow:-Scroll;overflow-x:hidden
	/* position: relative; */
	/* margin-top: -125px; */
}

.btn-add {
    position: absolute;
    bottom: 45px;
    z-index: 6;
    left: 120px;
}
.btn-add .iconfont {
    background:  url('jia.svg') no-repeat left top;
    background-size: cover;
    width: 35px;
    height: 35px;
    color: #fff;
    display: inline-block;
    -webkit-transition: -webkit-transform .4s,color .3s;
    transition: transform 0.4s, color 0.3s;
}
.btn-add:hover .iconfont{background:  url('jia3.svg') no-repeat left top;
background-size: cover;
	-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.icon-add:after {
 
}

.globe {
    position: absolute;
    top: 50%;
    right: 0%;
    margin-top: -372px;
    margin-right: -272.5px;
    z-index: 0;
    width: 797px;
    height: 797px;
    background-image: url(globe.png);
    background-repeat: no-repeat;
    -webkit-animation-name: rotating;
    animation-name: rotating;
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes rotating {
    from {
        -webkit-transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}
@keyframes rotating {
    from {
        -webkit-transform:rotate(0);
        -ms-transform:rotate(0);
        transform:rotate(0)
    }
    to {
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}

.p2_fl .p{
	/* padding-left: 120px; */
	/* padding-right: 120px; */
	padding: 90px 120px 37px;
	text-align: left;
	z-index: 9;
	font-size: 16px;
	line-height: 23px;
	position: relative;
	color: #444;
	/* margin-top: -50px; */
}
.p2_fl .p .ablogo img {width: 354px;/*padding: 20px 20px 15px;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;background: #fff;*/}
.p2_fl .p .ablogo {
	position: absolute;
	top: -24px;
	left: 121px;
/*	background: url(/cs/syab.png) no-repeat -3px 0px;
	padding: 2px 19px 34px 1px;*/
}

/*.p2_fl .p .ablogo:before{position: absolute;content: "";top: 87px;left: 64px;border-top: 16px solid #fff;border-left: 16px solid transparent;border-right: 16px solid transparent;z-index: 3;margin-top: -8px;}*/

.p2_rt {
	/*background:  url('bg.jpg') no-repeat left top;
	background-size: cover;*/
	width: 100%;
	float: none;
	/*	height: 700px;*/
	background: #f6f6f6;
	padding-top: 60px;
	padding-bottom: 60px;
}
.p4_fl,.p4_rt 
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

}
.p4_fl {
	width: 30%;
}
.p4_rt {
	width: 70%;
}
.p4_fl .h2
{
line-height: 1.5;
    color: #2a2a2a;
    padding-top: 7rem;
    background: url(../img/index02.png) no-repeat top left;
    letter-spacing: -1px;
    margin-bottom: 2rem;
    background-size: 80%;
}
.nav.base {
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	position: fixed;
	left: 0;
	height: 80px;
	z-index: 99999;
	width: 100%;
	background: url('mubg.png') repeat-x left top;
}
.xiazai {
	float: left;
	margin-top: 9px;
	width: 72px;
	opacity: .8;
}
.sticky .xiazai {
/*	margin-top: 0;*/
}
.xiazai a{
	text-indent: -9999px;
	display: inline-block;
	    float: left;
	background-position: center;
	background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-right: 3px;
margin-left: 3px;
}
.mxzzx {
		background-size: 30px;
		background-image: url(down2.png) ;
}
.mlianx {
		background-size: 30px;
		background-image: url(lianx2.png) ;
}
.baise .mxzzx,.sticky  .mxzzx{
		background-size: 30px;
		background-image: url(down.png) ;
}
.baise .mlianx,.sticky .mlianx{
		background-size: 30px;
		background-image: url(lianx.png) ;
}

.wechat {
	/*background: url(weixin.png) no-repeat;
	width: 30px;
	height: 30px;
	margin-right: 3px;
	margin-left: 3px;
	display: block;
	position: relative;
	margin-top: 9px;
	opacity: .8;*/
}
.wechat .code {
    position: absolute;
    background-color: #fff;
    padding: 10px 10px 0;
    top: 60px;
    height: 160px;
    line-height: 25px;
    left: 50%;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .2);
    z-index: 2222;
    width: 129px;
    margin-left: -76px;
    color: #333;
    text-align: center;
	display: none;
}
.wechat:hover .code {display:block;}
.wechat .code img {width: 129px;padding-bottom: 0;margin-bottom: 0;display: block;}
 .code span {
	width: 0;
	    height: 0;
	    border: 10px solid transparent;
	    border-bottom-color: #fff;
	    position: absolute;
	    top: -20px;
	    left: 50%;
	    margin-left: -10px;
}
.sticky .lang {
	margin-top: 7px;
}
.sticky .lang a.cn:after {
	top: 15px;
}

.lang {
	padding: 0px 5px;
	margin-top: 5px;
}
.lang a {
	display: block;
	text-align: center;
	position: relative;
	padding: 0px 15px 0 10px;
	height: 35px;
	line-height: 35px;
	z-index: 99;
}
.lang a:hover {
color: #fff;
}
.lang a.cn:after{
	content: "";
	display: block;
	position: absolute;
	right: 3px;
	top: 16px;
	width: 0;
	    height: 0;
	    border: 4px solid transparent;
	    border-top-color: #fff;
	
}
.lang:hover a {
	background: #001842;
}
.sticky .lang:hover a {
	/*background: #fff;*/
	color: #333;
}
.lang:hover .en {
	display: block;
}
.lang a.en {
	display: none;
	
}

.sticky {
	position: fixed;
	top: 0;
	left: 0;
	background: #f3f3f3;
	width: 100%;
	z-index: 9999;
	height: auto;
	padding-top: 10px;
	border-bottom: 0px solid #7a8392;
}
.sticky .menu li a{color: #001a42;font-size: 14px;line-height: 50px;height: 50px;font-weight: bold;}
.sticky .shej a{color: #001a42;}
.sticky  .logo a {
	background:  url('logo5.png') no-repeat left top;
	width: 160px;
	height: 44px;
	background-size: 160px;
}
.sticky .logo {
	padding-top: 7px;
}
.sticky .menu li a::after{
/*	background: #001842;*/
	
}
.sticky  .lang:hover a {
	color: #fff;
}
.sticky .searchMeme-button-icon

{
    background-image: url(icon-search2.png);
}
.sticky .wechat{
    background: url(weixin2.png) no-repeat;
}
.sticky .lang a.cn:after{
	    border-top-color: #001842;
	
}

.sticky .shej {
	margin-top: 0px;
}

.sticky .shej a {
	font-size: 14px;
	height: 30px;
	line-height: 37px;
}
.slg {
	background: rgba(255, 255, 255, 0.6);
	padding: 30px 0px;
	width: 74%;
	margin-left: 0%;
	bottom: 40%;
	left: 0;
	position: absolute;
	display: none;
}
.slg img{
	width: 65%;
	
}
.slg2 {
	background: rgba(255, 255, 255, 0.8);

	    width: 25.7%;
	    margin-left: 0%;
	    bottom: 0;
	    position: absolute;
		right: 0;
		text-align: right;

}
.slg2 p{
							height: 70px;
				    padding: 30px 45px 30px 10px;
}
.slg2 b{
display: block; 
font-size: 18px;
}
.slg2 p {
	text-align: center;
	color: #001d37;
	text-align: left;
font-size: 24px;	
display: block;
text-align: right;
}

.mouse-scroll .mouse {
    position: relative;
    display: block;
    width: 25px;
    height: 40px;
    margin: 0 auto 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 23px;
}
.mouse-scroll {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #fff;
    letter-spacing: 2px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -25px;
    text-decoration: none;
    overflow: hidden;
}
.mouse-scroll .mouse .mouse-movement {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: scroll-ani2 4s linear infinite;
    -moz-animation: scroll-ani2 4s linear infinite;
    animation: scroll-ani2 4s linear infinite;
}
.mouse-scroll .mouse-message {
   font-size: 12px;
    margin: 0 0 0 0px;
    padding: 0;
    -webkit-animation: scroll-ani2 3.2s linear infinite;
    -moz-animation: scroll-ani2 3.2s linear infinite;
    animation: scroll-ani2 3.2s linear infinite;
}
@-webkit-keyframes scroll-ani2 {
    0% {
        opacity:1;
        top:29%
    }
    15% {
        opacity:1;
        top:50%
    }
    50% {
        opacity:0;
        top:50%
    }
    100% {
        opacity:0;
        top:29%
    }
}
@-moz-keyframes scroll-ani2 {
    0% {
        opacity:1;
        top:29%
    }
    15% {
        opacity:1;
        top:50%
    }
    50% {
        opacity:0;
        top:50%
    }
    100% {
        opacity:0;
        top:29%
    }
}
@keyframes scroll-ani2 {
    0% {
        opacity:1;
        top:29%
    }
    15% {
        opacity:1;
        top:50%
    }
    50% {
        opacity:0;
        top:50%
    }
    100% {
        opacity:0;
        top:29%
    }
}


.p5_news {
	padding: 0px 0;
}
.p5_news li {
	float: left;
	width: 33.3%;
}
.p5_news li  a{
	display: block;
	padding: 0px 0px;
	position: relative;
	text-align: center;
      width: 100%;
    height: 375px;
}
.p5_news li .bgg {
	background: rgba(51, 51, 51, 0.6);
	background: url(new1.png) repeat-x left bottom;
	background-size: 300px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .6;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}
.p5_news li:hover .bgg {
	opacity: .1;
}
.p5_news li .new_h2 {
 
	padding: 10px 0px 5px;
	text-align: center;
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
}

.p5_news li img{
	width: 100%;
	height: 375px;
	padding-bottom: 0;
	margin-bottom: 0;
	display: block;
}
.p5_news li:hover p {
	opacity: 1;
}

.p5_news li p {
	position: absolute;
	left: 0px;
	top: 0;
	background: #001842e6;
	z-index: 9;
	padding: 10% 10% 0;
	height: 80%;
	color: #fff;
	margin-right: 0px;
	opacity: 0;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}
.p5_news li .new_h2 b{
	font-size: 18px;
	display: block;
		color: #fff;
		margin: 0 auto;
		text-align: center;
	padding-bottom: 6px;
	line-height: 24px;
}
.p5_news li span {
 display: block;
 font-size: 13px;
 text-indent: 10px;
 padding: 2px 0;
 font-weight: normal;
 text-align: center;
		color: #fff;
}
.p5_1 {
	margin: 0 auto;
}	
.h22 p {
	padding-bottom: 20px;font-weight: bold;    letter-spacing: 2px;
}

.h22 span.nenn{
	font-size: 42px;
	font-family: "webfont2" !important;
	font-weight: bold;
	display: block;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	
	    display: none;
	  color: #213c7b;  
	padding-bottom: 20px;
}
 .h22 {
	text-align: center;
	padding: 60px 0 0px;
	font-size: 34px;
	line-height: 32px;
	 
	color: #04316a;
}
.h22 i{
	    width: 60px;
	    height: 3px;
	    background: #e60012;
	    
	    margin: 20px auto;
	    display: block;
	}


.biaodian {
	background: rgba(255, 255, 255, 0.85);
	padding: 65px 0 40px;
	text-align: center;
	font-size: 24px;
	color: #001842;
}
.biaodian .bdian1 {
	font-size: 13px;
    right: 50%;
    bottom: 10px;
    width: 1200px;
    margin-right: -600px;
    text-align: right;
}

.footer {
	padding: 50px 0 10px;
	background: #e6e6e6;
	margin-bottom: 0;
}	
.ft_1 {
	width: 1200px;
	margin: 0 auto 30px;
	max-width: 1440px;
}
.ft_1 ul {
	float: left;
	width: 910px;
}
.ft_1 ul li{
	float: left;
	width: 180px;
}
.ft_1 ul li a b{
	font-size: 15px;
	padding-left: 10px;
	margin-left: -15px;
	border-left: 3px solid #e60012;
	color: #001842;
}
.ft_1 ul li a{
	display: block;
	padding: 5px 4px;
	color: #061b40;
}
.ft_rt {
	float: right;
	width: 290px;
}
.ft_rt .er2 {
	width: 85px;
	display: block;
}
.ft_rt .fl {
	margin-left: 20px;
	text-align: center;
	color: #001842;
	float: right;
	display: none;
}
.ft_rt .fl  span{
		font-size: 13px;
}
.ft_rt .fl img{
	padding-bottom: 5px;
	padding: 5px;
	background: #fff;
}
.code1 {
	display: none;
}

.ft_3 {
	/* border-top: 1px solid #eee; */
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: left;
	width: 100%;
	margin: 0px auto 0;
	color: #ccc;
	letter-spacing: .5px;
	font-size: 13px;
	line-height: 24px;
	background: #001842;
	overflow: hidden;
	position: relative;
	z-index: 9;
}
.ft_3 i {
	display: block;
	font-style: normal;
}

.ft_3 a {
color: #ccc;
padding-left: 10px;	
}
.ft_3 a:hover {
color: #fff;	
}


.learn {
	position: relative;
	display: none;
	width: 100%;
	text-align: center;
	height: 80px;
	margin: 50px auto 0;
	color: #ffffff;
	background: transparent;
	border: 1px solid #ffffff;
	font-size: 13px;
	border-radius: 0;
	max-height: auto;
	min-height: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	overflow: hidden;
	transition: transform .5s ease-in-out;
	transition: color .5s ease-in-out;
}
.slide-button__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    top: 0;
    left: 0;
    background: #001842;
    transform: translateY(100%);
    transition: transform .35s ease-out;
}
.slide-button__text {
    position: relative;
    z-index: 1;
}
.slide-button__text-animation {
    position: absolute;
	top: 0;
	left: 0;
    z-index: 5;
    width: 100%;
    text-align: center;
    transform: translateX(-50%) translateY(200%);
    transition: transform .15s ease-in-out;
}
.slide-button__text-animation {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.learn:hover .slide-button__background {
	    transform: translateY(0%);
}
.learn:hover .slide-button__text {
	color: #fff;z-index: 99;
}

#Mycanvas {
	position: absolute;
	top: 0;
	width: 100%;
	height: 485px;
	left: 0;
}

.c-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 306px;
    float: right;
    margin-top: 10px;
    margin-right: -10px;
}
 .share .list {
    margin-left: 1.2rem;
    	position: relative;
}
  .share .ico {
    height: 21px;
}
.share .ico.we {
	height: 24px;

}
.share .code img {
    width: 129px;
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
}
.list .code {
    position: absolute;
    background-color: #fff;
    padding: 10px 10px 0;
    top: 40px;
    height: 160px;
    line-height: 25px;
    left: 50%;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, .2);
    z-index: 2222;
    width: 129px;
    margin-left: -76px;
    color: #333;
    text-align: center;
    display: none;
}
.share .list:hover .code {
	display: block;
}

.share .ico.wb {
	height: 28px;
}
.share  .ico.ytb {
	height: 26px;
}
.p4_logo {
	background: #f5f5f5;
}


.p_hangye {
	width: 100%;
	position: relative;
	z-index: 9;
	background: #fff;
	padding: 50px 0;
}
.p_hangye  ul{
	width: 1200px;
	margin: 0 auto;
}
.p_hangye  ul li{
	width: 240px;
	border-radius: 10px;
	position: relative;
}
.p_hangye  ul li:hover span {
	background: rgba(33, 60, 123, 0.8);	
	color: #fff;
	letter-spacing: 12px;
}
.p_hangye  ul li:hover span::after {
 
}
.p40 .ab_banbg {
	    background-image: url(bg5.jpg);
}

.p_hangye  ul li a{
	margin: 0px 8px;
	display: block;
	color: #fff;
	position: relative;
	border: 1px solid #eee;
	overflow: hidden;
	height: 300px;
}

.p_hangye ul li img {
	display: block;width: 100%;
}

.p_hangye  ul li.hy1 img{
	display: none;
}
.p_hangye  ul li.hy5 img{
	display: none;
}
.p_hangye  ul li.hy1 span {
	    background-image: url(/cs/icons2.png);
	    background-position: 10px 10px;
	    background-size: 50px;
	    background-repeat: no-repeat;
}
.p_hangye  ul li.hy1:hover span{
background-image: url(/cs/icons2.png);
background-position: center 90px;
background-size: 85px;	
}
.p_hangye  ul li.hy2 span {
	    background-image: url(/cs/icons10.png);
	    background-position: 10px 10px;
	    background-size: 50px;
	     background-repeat: no-repeat;
}
.p_hangye  ul li.hy2:hover  span{
background-image: url(/cs/icons10.png);
background-position: center 90px;
background-size: 85px;		
}
.p_hangye  ul li.hy3 span {
	    background-image: url(/cs/icons4.png);
	    background-position: 10px 10px;
	    background-size: 50px;
	    background-repeat: no-repeat;
}
.p_hangye  ul li.hy3:hover span{
background-image: url(/cs/icons4.png);
background-position: center 90px;
background-size: 85px;		
}
.p_hangye  ul li.hy4 span {
	    background-image: url(/cs/icons8.png);
	    background-position: 10px 10px;
	    background-size: 50px;
	    background-repeat: no-repeat;
}
.p_hangye li.hy4 img,.p_hangye li.hy2 img{
	width: 100%;
}

.p_hangye  ul li.hy4:hover span{
background-image: url(/cs/icons8.png);
background-position: center 90px;
background-size: 85px;	
}
.p_hangye  ul li.hy5 span {
	    background-image: url(/cs/icons6.png);
	    background-position: 10px 10px;
	    background-size: 50px;
	    background-repeat: no-repeat;
}
.p_hangye  ul li.hy5:hover span{
background-image: url(/cs/icons6.png);
background-position: center 90px;
background-size: 85px;	
}

.p_hangye  ul li span{
	display: block;
	text-align: center;
	/* background-color: rgba(255, 255, 255, 0.65); */
	/* margin: 0px 8px; */
	color: #ffffff;
	position: absolute;
	line-height: 25px;
	height: 30px;
	padding-top: 0px;
	font-weight: 700;
	left: 0;
	font-size: 30px;
	display: block;
	letter-spacing: 8px;
	bottom: 0px;
	height: 300px;
	    line-height: 420px;
	width: 100%;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	/* margin-left: -104px; */
}
.p_hangye ul li span::after {
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -50px;
	height: 5px;
	width: 100px;
	background: #e60012;
	content: "";
	display: block;
	transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-webkit-transition: all .5s ease-in;
}

.p_hangye  ul   {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1200px;
    margin: 0 auto;
}
.p_hangye h2,.ab_qh h2 {
	display: block;
	width: 100%;
	margin-bottom: 30px;
	color: #001842;
	color: #213c7b;
	letter-spacing: 1px;
	font-size: 34px;
}
.p_hangye  ul li video   {
	margin-left: -110px;
	height: 350px;
	width: 610px;
	    margin-top: -20px;
}
.p_hangye  ul li video.hero2 {
	margin-left: -206px;
	height: 375px;
	margin-top: -20px;
}

.p_hangye  ul li   {
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    /* position: relative; */
    overflow: hidden;
}
.p_hangye  ul li.hy1 {
    width: 33.3333333333%;
}
.p_hangye  ul li.hy2 {
	    width: 66.6666666667%;
}
 .p_hangye li.hy3,.p_hangye  li.hy4,.p_hangye  li.hy5  {
    width: 33.3333333333%;
   width: 50%;
}
.p_hangye li.hy3 img, .p_hangye li.hy4 img
{
	margin-top:-10%;
}

.menu .nav-up-selected{ 
}
.menu .nav-up-selected-inpage{border-bottom: 5px solid #e60012;}
.menu .nav-up-selected::after {
	position: absolute;
	top: 70px;
	left: 5px;
	height: 5px;
	width: 0%;
	background: #e60012;
	content: "";
	clear: both;
	display: block;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}
.menu .nav-up-selected:after  {
	width: 90%;
	    background: #e60012;
}
.sticky .navigation-down{ top:60px; 
}
.sticky .menu .nav-up-selected::after { }
.navigation-down{position:absolute;top:75px;left:0px;width:100%; 
}
.sticky .navigation-down {
	border-bottom: 1px solid #7a8392;
}

.navigation-down .nav-down-menu{width:100%;margin:0;background: #fff;position:absolute;top:0px;border-top:1px solid #eee;}
.sticky .navigation-down .nav-down-menu {
	background: #2a4f91;
}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin: 16px 80px 16px 0;}
.navigation-down .menu-1 dl{margin: 13px 80px 13px 0;}
.navigation-down .menu-1 dt{font:normal 16px ;color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#555;font:normal 14px/30px }

.navigation-down .menu-1 dd a:hover{color: #d11c1c
}
.sticky .navigation-down .menu-1 dd a{color:#ebebeb;font:normal 14px/30px }

.sticky .navigation-down .menu-1 dd a:hover{color: #fff
}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{ font:normal 15px ;}

.sticky .navigation-down   dd a {
	font:normal 14px ;
}

.gotop {
	 z-index: 9999999;
}
.gotop img {
	opacity: 0.8;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
}
.gotop img:hover {
	opacity: 1;
}