/*css reset*/
* { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box;padding: 0; margin: 0; border: 0 none;}
html,body,p{ font-family:"Source Han Sans CN","思源黑体","微软雅黑","Microsoft YaHei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; color:#000; line-height: 1.1;}

body,html{min-width:320px}
body{-webkit-font-smoothing:antialiased;-webkit-transition:none;transition:none}
body.leave-to-right{opacity:0;overflow-y:hidden;-webkit-transition:opacity .3s ease,-webkit-transform .3s cubic-bezier(.6,0,.6,1);transition:opacity .3s ease,-webkit-transform .3s cubic-bezier(.6,0,.6,1);transition:transform .3s cubic-bezier(.6,0,.6,1),opacity .3s ease;transition:transform .3s cubic-bezier(.6,0,.6,1),opacity .3s ease,-webkit-transform .3s cubic-bezier(.6,0,.6,1);-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
body.much-back :not(.pageroot){-webkit-transition:none!important;transition:none!important;-webkit-animation-duration:0s!important;animation-duration:0s!important;-webkit-animation-delay:0s!important;animation-delay:0s!important}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; height:100%;}
ol, ul {list-style: none; padding: 0; margin: 0;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; }
li{ list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}
@font-face {
  font-family: "milanb";
  src: url("../fonts/MILANB.woff") format("woff"),
       url("../fonts/MILANB.ttf") format("truetype"),
       url("../fonts/MILANB.eot") format("embedded-opentype"),
       url("../fonts/MILANB.svg") format("svg"),
       url("../fonts/MILANB.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/*css common*/
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
html{margin: 0 auto;}
.mobile,.neirong-close,.mobile1{display: none;}
.web{display: inline-block;}
.menu{ display:none;}
.inner{ max-width:92%; width:1600px; margin:0 auto;}
.wrap{ position:relative; width:100%;}
.banner2{ display:none;}
.animated{ opacity:0;}
/* header */
#header{ position:fixed; top:0; left:0;z-index:99; height:120px; width:100%;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#header.fix{ background-color:#fff;}
#header .inner{ width:1720px;max-width:92%;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
#header .logo{ width:211px; line-height:120px; position:relative;}
#header .logo a{ display:block; height:120px; line-height:120px;}
#header .logo img{ width:100%; vertical-align:middle; display:block;}
/* header nav */
.nav_ul{ width:910px;max-width:82%; }
.nav_ul ul{ display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between; }
.nav{ width:1122px;max-width:70%;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between; }
#header .nav li{width:auto; height:50px; position:relative;}
#header .nav li a{ color:#333; font-size:18px;display:block; text-align:center; position:relative; padding-bottom:17.5px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#header .nav li a.mobile{ display:none;}
#header .nav li a span{ display:block; color:#222; font-size:14px; padding-top:12px;}
#header .nav li a .line{height:0;position:absolute; bottom:0; left:0; width:100%; background-image:url(../images/header_arrow.png); background-position:center bottom; background-size:16px auto; background-repeat:no-repeat; overflow:hidden;}
#header .nav li:hover a,#header .nav li a.actived{ color:#0f005e;}
#header .nav li:hover a span,#header .nav li a.actived span{ color:#524886;}
#header .nav li:hover a .line{ height:6px;}

#header .nav li .nav_cont{ position:absolute; left:50%; margin-left:-72px; top:64px; display:none;width:144px; background-color:#524886; overflow:hidden; transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;border-radius:8px;}
#header .nav li .nav_cont.nav3{ width:190px; margin-left:-95px;}
#header .nav li:hover .nav_cont{ display:block;}
#header .nav li .nav_cont ul{ width:92%; margin:0 auto; padding:10px 0;}
#header .nav li .nav_cont li{ width:100%; height:auto;padding:0 20px;}
#header .nav li .nav_cont li a{ display:block; width:100%;  font-size:14px; color:#cdc3ff;text-align:center; border-bottom:#6b6395 dashed 1px; padding-bottom:0;line-height:3.25;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
#header .nav li .nav_cont li.last a{ border-bottom:none;}
#header .nav li .nav_cont li a:hover,#header .nav li .nav_cont li.actived a{ color:#fff; }

#header .header_share{ width:90px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.share_cont{ width:90px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.share_cont img{
	width: 32px;
}
#header .nav_share{ display:none;}
/* footer */
#footer{ width:100%;}
.footer_top{ padding-top:65px; width:100%; background:#e7e9f2; padding-bottom:70px;}
#footer .inner{ width:1366px;max-width:92%;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}

.footer_top .f-left{ width:886px; max-width:64.8%;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:flex-start; justify-content:space-between;}
.footer_top ul{}
.footer_top ul li.first,.footer_top ul li.first a{ color:#524886; opacity:1; font-size:16px; padding-bottom:20px; font-weight:normal;} 
.footer_top ul li.first a{padding-bottom:0px;} 
.footer_top ul li.sp a{ margin-left:-10px;} 
.footer_top ul li a{ display:block; color:#333; font-size:14px; line-height:2; font-weight:normal;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.footer_top ul li a:hover{ color:#524886;}
/* footer link */
.nav_share a{
	 position:relative;
	 margin-right: 25px;
	 display: inline-block;
	 vertical-align: top;
}
.nav_share a:last-child{
	margin-right: 0;
}
.nav_share a.weibo{ width:29px; height:29px; background-image:url(../images/footer_weibo.png); background-size: 100% auto;}
.nav_share a.wechat{ width:29px; height:29px; background-image:url(../images/footer_wx.png); background-size: 100% auto;}
.nav_share a.xhs{ width:29px; height:29px; background-image:url(../images/footer_xhs.png); background-size: 100% auto;}
.nav_share a.dy{ width:29px; height:29px; background-image:url(../images/footer_dy.png); background-size: 100% auto;}
.nav_share a.wechat img,.nav_share a.xhs img,.nav_share a.dy img,.nav_share a.weibo img{ position:absolute; top:36px; left:-6px; display:none;}
/* footer bottom */
.footer_bottom{line-height:55px; height:55px; color:#a8a1c1; font-size:12px; text-align:center; background-color:#514383;}
.footer_bottom a{
	font-size: inherit;
	color: inherit;
}

@media only screen and (max-width:1024px){
	.mobile{display: block;}
	.web{display: none;}

	/* header */
	#header{ height:70px;}
	#header .inner{max-width:92%;}
	#header .logo{ width:123px; line-height:70px; z-index:1001;}
	#header .logo a{ height:70px; line-height:70px;}
	.menu{ height:70px; line-height:70px;display:block; z-index:1001;position: relative;right:4%; top:0;}
	.menu img{ width:24.5px; vertical-align:middle;}
	/* header share */
	#header .header_share{ width:100%;position:absolute; bottom:0; left:0; height:60px; background-color:#e7e9f2;}
	#header .header_share .tm{margin-right:10px;}
	.share_cont{ margin-left:4%;position: relative;}
	.share_cont .qr-box{
		position: absolute;
		left: 0;
		bottom: 35px;
		width: 100px;
		background-color: #fff;
		border-radius: 10px;
		overflow: hidden;
		padding: 0.5rem;
		display: none;
	}
	.share_cont a:hover .qr-box{
		display: block;
	}
	.share_cont .qr-box p{
		font-size: 0.875rem;
		color: #333;
		text-align: center;
	}
	.share_cont .qr-box img{
		width: 100%;
	}
	.share_cont img{
		width: 29px;
	}
	#header .nav_share{ display:block;}
	/* header nav */
	#header .nav li a.mobile{ display:block;}
	#header .nav li a.web{ display:none;}
	#header .nav{ display: block; position: fixed;width:100%; height:100%; top:0;z-index: 1000; max-width:100%;overflow:hidden; left:100%;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);overflow-y: auto;  }
	#header .nav{ background-color:#fff;
		-webkit-transition:background 0.35s linear,left 0.25s ease-in 200ms;
		   -moz-transition:background 0.35s linear,left 0.25s ease-in 200ms;
			-ms-transition:background 0.35s linear,left 0.25s ease-in 200ms;
			 -o-transition:background 0.35s linear,left 0.25s ease-in 200ms;
				transition:background 0.35s linear,left 0.25s ease-in 200ms;
	}
	#header .nav .nav_ul{ width:100%; max-width:none; padding:90px 0 60px;height: 100%;overflow-y: auto;}
	#header .nav li{ width:100%; padding:0; height:auto; line-height:60px;
	-webkit-transition: all .35s ease-out;
	   -moz-transition: all .35s ease-out;
		-ms-transition: all .35s ease-out;
		 -o-transition: all .35s ease-out;
			transition: all .35s ease-out;}

	#header .nav.neirong-show{ left:0; }
	#header .nav li a{ display:block; color:#231714; font-size:2rem; line-height:60px;  padding-bottom:0; text-align:left; padding-left:10px; background-image:url(../images/header_add.png); background-repeat:no-repeat; background-position:92% center; background-size:12px auto; transition:none;}
	#header .nav li a span{ display:block; color:#231714; font-size:2rem;border-bottom:#eee solid 1px; margin:0 4%; padding:0;}
	#header .nav li.active a,#header .nav li.active1 a,#header .nav li a.actived{ background-color:#524886; color:#fff;background-image:url(../images/header_reduce.png); }
	#header .nav li.active a span,#header .nav li.active1 a span,#header .nav li a.actived span{ color:#fff;border-bottom:none;}
	#header .nav li:hover a{ color:#231714;}
	#header .nav li.mobile a{ background-image:none;}
	#header .nav li .nav_cont{ display:none; position:static; left:0; margin-left:0; top:0; height:auto; width:100%; opacity:1; background-color:#e2e2ef; background-image:none; padding:0; border-radius:0;border-bottom:none; transition:none;}
	#header .nav li .nav_cont.nav3{ width:100%; margin-left:0;}
	#header .nav li .nav_cont ul{ width:100%; margin:0 auto; padding:12px 0;}
	#header .nav li .nav_cont li{ width:100%; padding:0 4%; height:auto;}
	#header .nav li .nav_cont li a{ display:block; width:100%; border-bottom:#c2c0da solid 1px; font-size:1.5rem; color:#8c87c5;text-align:left; padding-bottom:0;line-height:42px; background-image:none;}
	#header .nav li .nav_cont li.last a{ border-bottom:none;}
	#header .nav li.active .nav_cont li a,#header .nav li.active1 .nav_cont li a,#header .nav li .nav_cont a.actived{ background-color:transparent; color:#8c87c5;}
	#header .nav li .nav_cont li.actived a:hover,#header .nav li .nav_cont li.actived a{ color:#524886; }
	#header .nav li .nav_cont li a:hover{color:#8c87c5;}
	#header .nav .nav-box li{opacity:0;
	-webkit-transform: scale(1.1) translateY(-24px);
	   -moz-transform: scale(1.1) translateY(-24px);
		-ms-transform: scale(1.1) translateY(-24px);
		 -o-transform: scale(1.1) translateY(-24px);
			transform: scale(1.1) translateY(-24px);}
	#header .nav.neirong-show .nav-box li{opacity: 1;-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;}
	/*手机菜单样式结束*/
	/* footer */
	#footer{ width:100%; background:#e7e9f2;}
	.footer_top{ display:none; }
	/* footer link */
	.nav_share a{margin-right: 10px;}
	.nav_share a:last-child{margin-right: 23px;}
	.nav_share a.weibo{ width:29px; margin-right:10px; height:29px;}
	.nav_share a.wechat{ width:29px; margin-right:10px; height:29px;}
	.nav_share a.xhs{ width:29px; margin-right:10px; height:29px; }
	.nav_share a.dy{ width:29px; height:29px;}
	.nav_share a.wechat img,.nav_share a.weibo img{ position:absolute; top:auto; bottom:35px; left:0; display:none; width:100px;}
	.nav_share a.xhs img,.nav_share a.dy img{ position:absolute; top:auto; bottom:35px; right:0; display:none; width:100px;left: auto;}
	/* footer bottom */
	.footer_bottom{line-height:40px; height:40px; font-size:1rem;}
}
@media only screen and (max-width:960px){
	.mobile1,.banner .swiper-slide a.mobile1{ display:block;}
	.web1,.banner .swiper-slide a.mobile1{ display:none;}
	#header .inner{max-width:100%;}
}