body {
	/* color:#602b2b; */
	background-color: #602b2b;
}

a,
p {
	color: #FFFFFF;
}

/*::before, ::after {
    content:'';
}*/
.head {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	/* background-color: black;
	background-color: #000000; */
	text-align: center;
	max-height: 70px;
	transition: .3s ease;
}

.head.fixed,.head:hover{
	  background-color: #000000;
	   background-color: rgba(0,0,0,.8);
}

.headdiv {
	width: 1200px;
	margin: 0 auto;
}

.logo {
	float: left;
	width: auto;
	height: 70px;
}

.logo img {
	width: auto;
	height: 50px;
	margin: 13px 0 0 0;
}

.heada {
	max-width: 1000px;
	float: right;
}

.headul {
	width: 100%;
	height: 70px;
	text-align: center;
	white-space: nowrap;
	max-height: 70px;
	/* overflow: hidden; */
}

.headulul{
	position: relative;
	width: auto;
	height: 70px;
	float: left;
	margin-left: 15px;
	max-width: 200px;
	/* padding-bottom: 1px; */
	/* position: relative;display: inline-block;font-size: 14px;line-height: 70px;color: #fff;padding: 0 12px; */
}
.headulul::after{
	content:"";
	display: block;
	width: 100%;
	left: 0;
	right: 0;
	height: 2px;
	position: absolute;
	bottom: 0;
	/* transform: scaleX(0);
	transition: all .4s ease; */
}
.headulul:hover::after{
	background: #fff;
}

.headul p {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 70px;
	color: #fff;
	padding: 0 10px;
	cursor: pointer;
}

.cur{
	/* bottom: 0;
	height: 2px; */
/* 	background: #ffffff75; */
/* 	    opacity: .5; */
	/* background-position-y: bottom;*/ 
	/* transition: all .4s ease; */
}
.cur::after{
		content:"";
		background: #fff;
		display: block;
		width: 100%;
		left: 0;
		right: 0;
		height: 2px;
		position: absolute;
		bottom: 0;
}
/* 顶部白边css */
.headulul:hover .headulul-ul{
	opacity: 0;
	height: auto;
	-webkit-animation: subNav .3s ease both;
	animation: subNav .3s ease both;
	
}
.headulul:hover .headulul-ul li{

	height: 40px;
}


/* .headulul-ul:hover{
	opacity: 1;
	-webkit-animation: subNav .3s ease both;
	animation: subNav .3s ease both;
} */


@-webkit-keyframes subNav{
	0%{transform:translate3d(0,-20px,0); opacity:0;}
	100%{transform:translate3d(0,0,0); opacitybanner-li:1;}
}

@keyframes subNav{
	0%{transform:translate3d(0,-20px,0); opacity:0;}
	100%{transform:translate3d(0,0,0); opacity:1;}
}
.headulul-ul{
	/* display: none; */
	height: 0;
	opacity: 0;
	position: relative;
	width: auto;
	
	background-color: #000000;
	
	
}
.headulul-ul li{

    padding: 0 10px;
		position: relative;
		width: auto;
		height: 40px;
		height: 0;
	/* 	float: left; */
	/* 	margin-left: 15px; */
		font-size: 14px;
		line-height: 24px;
		color: #cccccc;
		line-height: 41px;
		
}
.headulul-ul li a:hover{
		color: #0f97ff;
}
/* .headulul-ul li a{
	width: 100%;
	height: 40PX;
	line-height: 40PX;
	font-size: 14PX;
} */

/* 顶部下拉框css */

/* .head .headdiv .heada .headul .cur p::after{
	background: #fff;
	display: block;
	width: 100%;
	left: 0;
	right: 0;
	height: 5px;
	position: absolute;
	bottom: 0;

	z-index: 10;
	
} */
/* 顶部结束 */
.banner{
	height: 600px;
	/* height: 1600px; */
	/* width: 1200px; */
	/* width: 1200px; */
	margin: 0 auto;
	/* margin-top: 70px; */
	text-align: center;
	position:relative;
	overflow: hidden;
}

.banner-ul{
	position:absolute;
	height: 600px;
	width: 100%;

	background: #000b1f  url(../images/banner4.jpg) center no-repeat;
	overflow: hidden;

}

.banner-li{
	
	text-align: center;
	position:absolute;
	width: 350px;

	left: 40%;/* Fallback for browsers that don't support the calc() function */
	left: -moz-calc(50% - 175px);
	left: -webkit-calc(50% - 175px);
	left: calc(50% - 175px);
	top: -20px;
}

.banner-li img {
	width: 250px;
	margin: 0 auto;
	margin-top: 150px;
}

.bt-bjl{
	float: left;
/*    background: url(../images/anniubj.png) no-repeat;
	background-size: 100%; */
}
.bt-bjr{
	float: left;
		transition: color .25s ease;
}
.bt-bjy{
	background: url(../images/anniubj.png) no-repeat;
	background-size: 100%;
}
.banner-p{
	font-size: 54px;
	line-height: 68px;
}

.banner-p2{
	display: inline-block;
	width: 132px;
	height: 36px;
	margin: 10px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	background: rgba(16, 0, 57, .3);
	border: solid 1px #5d558f;
	border-color: rgb(255 255 255 / 84%);
	border-radius: 21px;
	transition: background .2s, border .2s;
	/* background: url(../images/anniubj.png) no-repeat center; */

}
/*.banner-p2:hover {
	opacity: 0;
	
	background: rgba(16, 0, 57, .3);
	border: solid 1px #5d558f;
	border-color: rgb(255 255 255 / 84%);
	border-radius: 21px;
	transition: background .2s, border .2s;
}*/




.banner-p3{
	
	display: inline-block;
	width: 132px;
	height: 36px;
	margin: 10px;
	line-height: 36px;
	font-size: 18px;
	text-align: center;
	background: rgba(16, 0, 57, .3);
	border: solid 1px #ffffff;
	border-color: rgba(255, 255, 255, .3);
	border-radius: 21px;
	transition: background .2s, border .2s;
}

.banner-p4{
	font-size: 24px;
	line-height: 36px;
}
.banner-p5{
	display: inline-block;
	width: 200px;
	height: 56px;
	margin: 20px 10px 0 10px;
	line-height: 56px;
	font-size: 24px;
	text-align: center;
	background: rgba(16, 0, 57, .3);
	border: solid 1px #ffffff;
	border-color: rgba(255, 255, 255, .3);
	border-radius: 21px;
	transition: background .2s, border .2s;
}
.banner-p2:hover,.banner-p3:hover,.banner-p5:hover{
	 background: rgb(255 255 255 / 66%);
}



.banner-bg{
	width: 1000px;
	height: 1000px;
		left: 30%;/* Fallback for browsers that don't support the calc() function */
	    left: -moz-calc(50% - 500px);
	    left: -webkit-calc(50% - 500px);
	    left: calc(50% - 500px);
		margin: 0 auto;
	margin-top:-127px ;
	/* position: relative; */
	position: absolute;
}

.banner-bgmain1{
position: absolute;
	width: 100%;
	height: 100%;
/* 	background: url(../images/yh-l1.png) no-repeat;
	background: url(../images/yh-l2.png) no-repeat;
	 background: url(../images/yh-l3.png) no-repeat; 
	
	background: url(../images/yh-l4.png) no-repeat;
	background: url(../images/yh-l5.png) no-repeat;
	background: url(../images/yh-l6.png) no-repeat;
	background: url(../images/yh-l7.png) no-repeat;
	background: url(../images/yh-l8.png) no-repeat;
	background: url(../images/yh-l9.png) no-repeat; */
	background: url(../images/yh-l10.png) no-repeat;
	
	background-size: 100%;
}

.banner:hover .banner-bgmain2{
		opacity:1;

		transform: translateY(+6px); 
		
		transform: translateX(+60px); 
		transition: opacity  0.2s,transform 1.5s;
		
		
}


.banner-bgmain2{
	opacity:0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10%;
	left: 500px;
	
	background: url(../images/bannerbg2.png) no-repeat;

}



/* . {
	display: inline-block;
	color: #fff;
	line-height: 102px;
} */

/* 滚动结束 */
.main{
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
}
.mainpart1{
	background-color: #FFFFFF;
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #262626;
	
/* 	min-width: 50px; */
	
	transition: color .25s ease;
		
}
.main-ul{
	width: 1200px;
	margin: 0 auto;
}
.main-ul li{
	float: left;
	line-height: 60px;
	padding: 0 10px;
}

.mainpart2{
	position: relative;
    background-color: #f5f5f5;
    width: 1200px;
    margin: 0 auto;
    height: auto;
    min-height: 50px;
    
 /*   padding-top: 100%;*/
}
/*.mainpart2:before{

padding-top: 100%;
}*/
.miantit{
	position: relative;
	width: 100%;
	font-size: 44px;
    font-weight: lighter;
    text-align: center;
    margin: 0;
    padding: 30px 0 20px 0;
    font-weight: normal;
 
    overflow: hidden;
    color: inherit;
    
}
.mian-l{
	border-radius: 20px;
	position: relative;
	float: left;
	width: 48%;
	height: 500px;
	/*padding: 0 10px;*/
	text-align: center;
	background-color: #190d7a;
	/* padding: 0 12px; */

}

.mian-llogo{
	    position: inherit;
	width: auto;
	height: auto;
	margin: 20px auto;
	max-height: 200px;
}
.mian-lbg{
	position: absolute;
	margin: 0px auto;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	max-height: inherit;
}
.mian-l .mian-l-p{
	    position: inherit;
	font-size: 54px;
    line-height: 68px;
}

.mian-l .mian-l-p2{
	    position: inherit;
	font-size: 24px;
    line-height: 36px;
}
.mian-l-p3{
	    position: inherit;
		display: inline-block;
	    width: 132px;
	    height: 36px;
	    margin: 10px;
	    line-height: 36px;
	    font-size: 18px;
	    text-align: center;
	    background: rgba(16, 0, 57, .3);
	    border: solid 1px #5d558f;
	    border-color: rgb(255 255 255 / 84%);
	    border-radius: 21px;
	    transition: background .2s, border .2s;
}
.mian-l-p3:hover{
	 background: rgb(255 255 255 / 66%);
}

.main > .mainpart2 .mian-l{
/* 	background:  #3f0d99 url(../images/bannerbj01.jpg) no-repeat;
	background-size: 100%; */
	background-color: #3f0d99; 
    background-image: -webkit-gradient(linear, left bottom, left top, from(#2a0070), color-stop(47%, #2a0070), to(#5e0eb0));
    background-image: linear-gradient(to top, #2a0070, #2a0070 47%, #5e0eb0);
	

}

.mian-r{
	  
	position: relative;
	float: left;
	width: 48%;
	height: 500px;
	/*padding: 0 10px;*/
	text-align: center;

	margin: 0 12px;
}

.mian-r-part1{
	
	border-radius: 20px;
	width: 100%;
	height: 48%;
	/*line-height:250px ;*/
	/*margin: ;*/
	background-color: #190d7a;
}

.main > .mainpart2  .mian-r .mian-r-part1{
	
	background-color: #1a53c4;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1853c3), color-stop(47%, #14309e), to(#24166e));
    background-image: linear-gradient(to bottom, #1a53c4, #152c9e 47%, #1c1674);
}

 

.mian-r-part1 p{
	/*line-height:100% ;*/
	font-size: 24px;
    line-height: 36px;
}
.mian-r-part1 img{
	width: auto;
	height: auto;
	margin: 0px auto;
	padding:10px 0px;
	max-height: 150px;
}
.mian-r-part2{
	  border-radius: 20px;
	width: 100%;
	height: 48%;
	margin-top:20px ;
    line-height: 250px;
    	background-color: #190d7a;
}
.mian-r-part2 p{
	/*line-height:250px ;*/
	font-size: 24px;
   /* line-height: 36px;*/
}


.mian-r-part3{
	position: inherit;
	border-radius: 20px;
	width: 100%;
	height: 100%;
	/*line-height:250px ;*/
	/*margin: ;*/
	background-color: #190d7a;
}

.main > .mainpart2  .mian-r .mian-r-part3{
	
	background-color: #1a53c4;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#1853c3), color-stop(47%, #14309e), to(#24166e));
    background-image: linear-gradient(to bottom, #1a53c4, #152c9e 47%, #1c1674);
}

 .mian-r-part3 .mian-r-p3{
	    display: inline-block;
	    width: 132px;
	    height: 36px;
	    margin: 10px;
	    line-height: 36px;
	    font-size: 18px;
	    text-align: center;
	    background: rgba(16, 0, 57, .3);
	    border: solid 1px #5d558f;
	    border-color: rgb(255 255 255 / 84%);
	    border-radius: 21px;
	    transition: background .2s, border .2s;
}
 .mian-r-part3 .mian-r-p3:hover {
    background: rgb(255 255 255 / 66%);
}

/* .mian-r-part3 p{
	/*line-height:100% ;*/
	/* font-size: 24px; 
     line-height: 36px;
} */
.mian-rlogo{
	position: inherit;
	width: auto;
	height: auto;
	padding:20px 0px;
	margin: 0 auto;
	max-height: 200px;
}
.mian-rbg{
	    position: absolute;
	    margin: 0px auto;
	    width: 100%;
	    height: 100%;
	    border-radius: 20px;
	    max-height: inherit;

}



.clear{clear:both} 

.mianpart3{
	width: 100%;	
	/*max-width: 1200px;*/
	overflow: hidden;
	margin: 0 auto;
	background: #0a105e;
    /* padding: 20px 0; */
	height: 400px;
}
.mianpart3-main{
	width: 1200px	;
	max-width: 1200px;
	overflow: hidden;
	margin: 15px auto;
}
.mianpart3-mainbg{
	position: absolute;
	width: 100%;
	
	height: 400px;
	
}
.mianpart3-part{

	    /* opacity: 0.5; */
	position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 390px;
    /*width: 32.6666%;
     * 	width: 400px;
    border-radius: 20px;*/
    overflow: hidden;
    background: #2e38df;
    background: rgba(46,56,223,.4);
    transition: .5s ease;
	border-radius: 20px;
}
.mianpart3-part img{
	
	margin: 0 auto;
	margin-top: 50px;
	width: 150px;
	
}
.mianpart3-part p{
	/* margin: 0 auto; */
	font-size: 24px;
	 text-align: center;
	    /* height: 200px;
	     line-height: 100px; */
}

.mianpart3-part a{
	
	font-size: 24px;
	
}

.mianpart3-part:hover .mian-r-p{
	opacity:0;
	/* display: none; */
	/* height: 0; */
	transform: translateY(+6px); 
	transition: opacity  0.2s,transform 0.5s 

	
}

.mianpart3-part:hover .mian-r-p2{

	    transform: translateY(-50px);
	 	transition: transform 0.5s;
          
}

.mianpart3-part:hover .mian-r-p3{
			
		opacity:1;
	    transform: translateY(-50px);
	 	transition: opacity  0.2s, transform 0.5s; 
}


/* .headulul:hover .headulul-ul{
	opacity: 0;
	-webkit-animation: subNav .3s ease both;
	animation: subNav .3s ease both;
} */


.mian-r-p{
			position: inherit;
	    font-size: 54px;
	    line-height: 68px;
}
.mian-r-p2{
			position: inherit;
	    font-size: 24px;
	    line-height: 36px;
		
}
.mian-r-p3{
	/* 	opacity:0; */
	position: inherit;
	
}
.mianpart3-part .mian-r-p3 a{
	
		display: inline-block;
		width: 132px;
		height: 36px;
		margin: 10px;
		line-height: 36px;
		font-size: 18px;
		text-align: center;
		background: rgba(16, 0, 57, .3);
		border: solid 1px #5d558f;
		border-color: rgb(255 255 255 / 84%);
		border-radius: 21px;
		transition: background .2s, border .2s;
	
}
.mianpart3-part .mian-r-p3 a:hover{
	 background: rgb(255 255 255 / 66%);
}

.mianpart4{
	width: 100%;
	padding: 10px 0;
}
.mianpart4-main{
	width: 1200px;max-width: 1200px;margin: 0 auto;
}
.mianpart4-main img{
	width: 1200px;max-width: 1200px;
}
.mianpart5{
	width: 100%;
	padding: 10px 0;
}
.mianpart5-main{
	width: 1200px;max-width: 1200px;margin: 0 auto;overflow: hidden;
}
.mianpart5-main ul{
	color: #020202;
	text-align: center;
	  list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.mianpart5-main li{
	color: #020202;
	text-align: center;
	float: left;
    line-height: 23px;
  
    padding-left: 14px; 
}
.mianpart5-main a{
	color: #020202;
	text-align: center;
}


/* 主要结束 */
.footer{
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	background-color: black;
	background-color: #000000;
	text-align: center;
	/* max-height: 70px; */
	min-height: 130px;
}

.footer-part{
	margin: 0 auto;
	display: inline-block;
	width: 1200px;
	border-bottom: 1px solid #333333;
}

.footer-div{
	margin: 0 auto;
	width: 1200px;
	text-align: left;
}

.footer-ul{
	margin: 0 auto;
	/* width: 100%; */
	height: 36px;
	position: relative;
	color: #FFFFFF;
}

.footer-ul li {
	font-size: 12px;
	line-height: 30px;
	border-right: 1px #FFFFFF;
	color: #FFFFFF;
	float: left;
	padding: 0 30px;
}

.footer-ul li :hover{
    text-decoration: underline;
}
.footer-p2{
	width: 100%;
	height: 25px;
	text-align: left;
}
.footer-p2 p{
	color: #fff;
	opacity: .5;
	line-height: 20px; 
	
}

.footer-p{
	float: left;
	
}

.footer-ico{
	position: relative;
	width: 100%;
	height: 50px;
	margin: 0 auto;
}

.ico01 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 85px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: 0px -27px;
	background-repeat: no-repeat;
}

.ico02 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 58px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -84px -27px;
	background-repeat: no-repeat;
}

.ico03 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 32px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -139px -27px;
	background-repeat: no-repeat;
}

.ico04 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 35px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -171px -27px;
	background-repeat: no-repeat;
}

.ico05 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 36px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -204px -27px;
	background-repeat: no-repeat;
}

.ico06 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 28px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -239px -27px;
	background-repeat: no-repeat;
}

.ico07 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 31px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -267px -27px;
	background-repeat: no-repeat;
}

.ico08 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 121px;
	height: 36px;
	background-image: url(../images/zh.png);
	background-position: -18px -86px;
	background-repeat: no-repeat;
}
.ico09 {
	position: relative;
	float: left;
	margin: auto 0;
	width: 20px;
	height: 21px;
	background-image: url(../images/zh.png);
	background-position: 0px -235px;
	background-repeat: no-repeat;
}
/* 尾部结束 */


/* 客服外部 */

.xl-common__back{
		display: none;
}

.show{
	display: block;
}