@font-face {
	font-family: 'centaur';
	src: url('../font/centaur.eot') format('eot');
	src: url('../font/centaur.eot') format('embedded-opentype'), url('../font/centaur.woff') format('woff'), url('../font/centaur.ttf') format('truetype'), url('../font/centaur.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select {
	-webkit-appearance: none;
}

select {
	background: url(http://www.zhuoeryue.com/aspx/PCmain/images/bottomarr3.png) no-repeat scroll right center transparent;
	padding-right: 10px;
}

input {
	font-family: "微软雅黑";
	-webkit-appearance: none;
	border-radius: 0px;
	border: 1px solid #a9a9a9;
	outline: none;
}

body {
	height: 100%;
	overflow: hidden;
}
.top_h{height: 100px;}
.content::before,
.menu-wrap {
	display: none;
    
}

.readybefor {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	z-index: 10000;
}

.readybefor .loading {
	width: 100px;
	height: 100px;
	margin: auto;
	position: relative;
}

.readybefor .inpoint {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 100%;
	animation: loading 3s infinite linear;
	opacity: 0;
}

.readybefor .p1 {
	animation-delay: 0;
}

.readybefor .p2 {
	animation-delay: 0.5s;
}

.readybefor .p3 {
	animation-delay: 1s;
}

.readybefor .p4 {
	animation-delay: 1.5s;
}

.readybefor .p5 {
	animation-delay: 2s;
}

.readybefor .p6 {
	animation-delay: 2.5s;
}

.readybefor .readybox {
	position: absolute;
	height: 100px;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -50px;
}

.readybefor .inpoint .in {
	height: 10px;
	border-radius: 10px;
	width: 10px;
	background: #666;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
		opacity: 0;
	}
	50% {
		opacity: 1;
		transform: rotate(180deg);
	}
	100% {
		opacity: 0;
		transform: rotate(360deg);
	}
}

.coversize {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-ms-behavior: url(http://www.zhuoeryue.com/aspx/PCmain/css/css/backgroundsize.min.htc);
	behavior: url(http://www.zhuoeryue.com/aspx/PCmain/css/css/backgroundsize.min.htc);
}

.containsize {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-ms-behavior: url(http://www.zhuoeryue.com/aspx/PCmain/css/css/backgroundsize.min.htc);
	behavior: url(http://www.zhuoeryue.com/aspx/PCmain/css/css/backgroundsize.min.htc);
}

.commonhidebox {
	position: fixed;
	z-index: 3001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	text-align: center;
}

.commonhidebox .shadowback {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .78;
	filter: alpha(opacity=78);
}

.commonhidebox .inbox {
	margin: auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

.hideqr .inbox {
	display: inline-block;
}

body,
html {
	font-family: arial,"微软雅黑";
	height: 100%;
	font-size: 100px;
}

body {
	box-sizing: border-box;
	font-size: 12px;
	min-width: 1200px;
}

.container {
	position: relative;
	padding-top: 100px;
	overflow: hidden;
}

.table {
	display: table;
	height: 100%;
	width: 100%;
}

.cell {
	display: table-cell;
	height: 100%;
	width: 100%;
	vertical-align: middle;
}

.content-wrap {
	overflow: hidden;
}

.content,
.container {
	background: #fff;
}

.cbox {
	max-width: 1200px;
	padding: 0 20px;
	padding: 0 .2rem;
	margin: auto;
}
.cbox2 {
	max-width: 1280px;
	padding: 0 20px;
	padding: 0 .2rem;
	margin: auto;
}


.wechat {
	cursor: pointer;
}

.nav{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
}
.nav .addFavorite{
	margin-right: 10px;
}
.nav .tpart2 .inbox{
	height: 100px;
	position: relative;
}
.nav .tpart2 .logo{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .5s;
	width: 320px;
}
.nav .tpart2 .logo1{
	opacity: 0;
}
.nav.active .tpart2 .logo1{
	opacity: 1;
}
.nav.active .tpart2 .logo2{
	opacity: 0;
}
.nav .tpart2{
	transition: all .5s;
}
.nav.active .tpart2{
	background: #fff;
}
.nav .tpart2 .navbtn{
	float: right;
}
.nav .tpart2 .inbtn{
	font-size: 17px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	display: block;
	float: left;
	padding: 0 26px;
	position: relative;
}
.nav.active .tpart2 .inbtn{
	color: #262626;
}
.nav .tpart2 .inbtn:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 20px;
	right: 0;
	margin: auto;
	height: 3px;
	background: #fff;
	transition: all .5s;
	width: 0;
}
.nav.active .tpart2 .inbtn:after{
	background: #03337f;
	
}
.nav .tpart2 .inbtn:hover:after,.nav .tpart2 .inbtn.act:after{
	width: 18px;
}
.nav .tpart2 .searchbox{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 56px;
	height: 55px;
	margin: auto;
}
.nav .tpart2 .searchtext{
	position: absolute;
	right: 45px;
	bottom: 0;
	height: 100%;
	border-bottom: 1px solid #999;
	transition: all .5s;
	width: 0;
	overflow: hidden;
	padding-left: 10px;
	background: #fff;
}
.nav .tpart2 .searchtext input{
	height: 55px;
	padding: 0;
	border: 0;
	width: 150px;
	font-size: 17px;
}
.nav .tpart2 .searchbtn{
	position: absolute;
	right: 0;
	top:0;
	z-index: 2;
	cursor: pointer;
}
.nav .tpart2 .searchbox:hover .searchtext{
	width: 150px;
}
.nav .rightphone{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.footer{
	background: #272727;
}
.footer .fpart1{
	border-bottom: 1px solid #3c3c3c;
	padding: 43px 0;
	overflow: hidden;
}
.footer .fpart2 a{
	color: #666666;
}
.footer .fpart2{
	color: #666666;
	line-height: 35px;
	padding: 10px 0;
}
.footer .left{
	width: 32%;
	float: left;
	box-sizing: border-box;
}
.footer .left .icon1{
	margin: auto;
	display: block;
	margin-bottom: 5px;
}
.footer .left .worktime{
	font-size: 14px;
	color: #bebebe;
	text-align: center;
}
.footer .left .phone{
	font-size: 33px;
	color: #03337f;
	font-family: arial;
	text-align: center;
	font-style: italic;
	line-height: 42px;
}
.footer .left .text{
	color: #bebebe;
	text-align: center;
}
.footer .mid{
	width: 50%;
	box-sizing: border-box;
	padding:20px 40px;
	float: left;
	position: relative;
}
.footer .mid:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	height: 110px;
	width: 1px;
	background: #474747;
}
.footer .mid:after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	height: 110px;
	width: 1px;
	background: #474747;
}
.footer .right{
	width: 18%;
	box-sizing: border-box;
	float: right;
	padding-top: 15px;
}
.footer .right img{
	display: block;
	max-width: 120px;
	margin: auto;
}
.footer .links{
	color: #fefefe;
	font-size: 14px;
	line-height: 28px;
}
.footer .links a{
	color: #fefefe;
	margin-right: 45px;
}
.footer .links a:last-child{
	margin-right: 0;
}
.footer .btns{
	padding: 10px 0;
}
.footer .inbtn{
}
.footer .inbtn2{
	display: none;
}
.footer .btn:hover .inbtn{
	display: none;
}
.footer .btn:hover .inbtn2{
	display: inline-block;
}
.footer .btn{
	
		margin-right: 20px;
}
.footer .ftext1{
	font-size: 14px;
	color: #bebebe;
	line-height: 36px;
}

.banner img{
width: 100%;
}
.banner .inbox{
	height: 6.4rem;
	display: flex;
    flex-direction: row-reverse;
	box-sizing: border-box;
	padding-top: 1rem;
	align-items: center;
	text-align: center;
}
.banner .text1{
	font-size: .24rem;
	color: #333333;
	line-height: .36rem;
	font-weight: bold;
}
.banner .line{
	width: .48rem;
	height: .04rem;
	border-radius: .04rem;
	background: #7142b6;
	margin: auto;
}
.banner .text2{
	font-size: .16rem;
	color: #333333;
	line-height: .26rem;
	padding: .05rem 0;
}
.banner .text2 span{
	font-size: .18rem;
	font-weight: bold;
	color: #7142b6;
}
.banner .btn{
	display: inline-block;
	width: 1.8rem;
	height: .5rem;
	color: #fff;
	border-radius: .5rem;
	background: #7142b6;
	font-size: .24rem;
	line-height: .5rem;
	margin-top: .1rem;
}
.banner .box{
	width: 3.6rem;
	background: #fff;
	border-radius: .15rem;
	padding: .2rem;
}
.index .part1{
	overflow: hidden;
	background: #ffffff;
	padding-top: 1.1rem;
	padding-bottom: 1.05rem;
}
.index .part1 .inbox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index .part1 .instyle{
	float: left;
	width: 31%;
	margin-bottom: .4rem;
	border-radius: .1rem;
	overflow: hidden;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.15);
	transition: all .5s;
	background: #fff;
	position: relative;
}
.index .part1 .picbox{
	height: 2.8rem;
}
.index .part1 .textbox{
	padding: 0 .4rem;
	height: .72rem;
	background: #fff;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all .5s;
}
.index .part1 .text1{
	font-size: .24rem;
	color: #333333;
	line-height: .77rem;
	margin-bottom: .1rem;
	transition: all .5s;
	text-align: center;
	position: relative;
}
.index .part1 .line{
	width: .26rem;
	height: .04rem;
	border-radius: .04rem;
	position: absolute;
	left: 0;
	bottom: .15rem;
	right: 0;
	margin: auto;
	background: #7142b6;
	transition: all .5s;
}
.index .part1 .text2{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	transition: all .5s;
	opacity: 0;
}
.index .part1 .instyle:hover{
	background: #6033a2;
}
.index .part1 .instyle:hover .textbox{
	height: 100%;
	background: #7142b6;
	padding-top: .35rem;
}
.index .part1 .instyle:hover .text1{
	color: #fff;
}
.index .part1 .instyle:hover .text1 .line{
	background: #fff;
}
.index .part1 .instyle:hover .text2{
	opacity: 1;
}
.parttitle{
	display: block;
	margin: auto;
	margin-bottom: .7rem;
	text-align: center;
	font-size: .36rem;
	color: #323232;
}
.parttitle .zh{
	font-weight: bold;
	line-height: 30px;
}
.parttitle .zh span{
	color: #074592;
}
.parttitle .en{
	font-size: .24rem;
	color: #999999;
	margin-top: .1rem;
	line-height: .36rem;
}
.index .part2{
	padding-top: .9rem;
	padding-bottom: .9rem;
	text-align: center;
}
.index .part2 .inbox{
	overflow: hidden;
	color: #fff;
}
.index .part2 .text1{
	font-size: .36rem;
	font-weight: bold;
	line-height: .46rem;
}
.index .part2 .text2{
	font-size: .24rem;
	line-height: .36rem;
}
.index .part2 .text3{
	font-size: .4rem;
	font-weight: bold;
	line-height: .8rem;
	padding: .5rem 0.2rem;
}
.index .part2 .text3 .counter2 {
	font-size: .4rem;
}
.index .part2 .text3 img{
	vertical-align: middle;
	margin-left: .1rem;
}
.index .part2 .text4{
	font-size: .24rem;
	line-height: .36rem;
}
.index .part2 .text5{
	font-size: .16rem;
	line-height: .3rem;
}
.index .part2 .boxs{
	display: flex;
	margin-top: .3rem;
}
.index .part2 .instyle{
	width: 33.33%;
	padding: 0 .2rem;
	position: relative;
}
.index .part2 .instyle::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #a67dd5;
}
.index .part2 .instyle:last-child::after{
	display: none;
}
.index .part3{
	padding: .9rem 0;
}
.index .part3 .in{
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.index .part3 .more{
	width: 2rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	border-radius: .6rem;
	color: #fff;
	background: #7446b8;
	font-size: .24rem;
	position: absolute;
	bottom: .2rem;
	left: 0;
	right: 0;
	margin: auto;
}
.index .part3 .instyle{
	width: 3.6rem;
	background: #fff;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,0.1);
	margin-bottom: .2rem;
	border-radius: .1rem;
	padding:.2rem .1rem;
	padding-left: 1rem;
	box-sizing: border-box;
	position: relative;
	color: #333;
	margin-right: 2rem;
}
.index .part3 .instyle:nth-child(even){
	margin-right: 0;
}
.index .part3 .instyle:nth-child(even) .righticon{
	transform: rotate(180deg);
	left: -.3rem;
	right: auto;
}
.index .part3 .icon{
	padding: .08rem;
	border: 1px solid #ad5e95;
	position: absolute;
	border-radius: 1rem;
	left: .15rem;
	top: .3rem;
}
.index .part3 .righticon{
	position: absolute;
	right: -.3rem;
	top: 0;
	bottom: 0;
	margin: auto;
}
.index .part3 .text1{
	font-size: .2rem;
	line-height: .26rem;
}
.index .part3 .text2{
	font-size: .14rem;
	line-height: .18rem;
	margin-top: .05rem;
}



.index .part4 {
}
.index .part4 .detail{
		width: 2rem;
		height: .6rem;
		text-align: center;
		line-height: .6rem;
		border-radius: .6rem;
		color: #fff;
		background: #133d8b;
		font-size: .24rem;
		margin: auto;
		display: block;
		position: relative;
		z-index: 2;
}
.index .part4 .plan-box {
	position: relative;
	height: 480px
}

.index .part4 .plan-box .canvas-bg-box {
	width: 720px;
	height: 400px;
	background: url(../images/icon19.png) no-repeat center 32px;
	background-size: 708px 354px;
	left: 50%;
	bottom: 20px;
	margin-left: -360px;
	position: absolute
}

.index .part4 .plan-box .canvas-bg-box .item-box {
	position: absolute;
	width: 150px;
	height: 40px;
	border-radius: 4px;
	box-shadow: 0 0 10px 2px #ddd;
	box-sizing: border-box;
	text-align: right;
	padding: 4px 10px 4px 8px;
	z-index: 2;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}

.index .part4 .plan-box .canvas-bg-box .item-box .tag-box {
	font-size: 14px;
	line-height: 32px
}

.index .part4 .plan-box .canvas-bg-box .item-box p {
	position: absolute;
	left: -76px;
	width: 180px;
	text-align: right;
	line-height: 22px;
	font-size: 14px;
	opacity: 0;
	height: 0;
	padding-top: 15px;
	color: #343434;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}

.index .part4 .plan-box .canvas-bg-box .item-box::after {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: 1px solid #bebebe;
	color: #bebebe;
	background: #fff
}

.index .part4 .plan-box .canvas-bg-box .item-box::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -16px;
	top: 50%;
	margin: -4px 0 0 0;
	border: 8px solid transparent;
	border-left-color: #fff
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(1) {
	
	background-size: 28px;
	left: -122px;
	bottom: 202px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(1):hover {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
	-o-transform: translateX(-4px);
	-ms-transform: translateX(-4px)
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(1)::after {
	content: '1';
	right: -61px;
	bottom: 14px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(2) {
	background: #fff url(../images/icon18-2.png) no-repeat 15px 8px;
	background-size: 28px;
	left: 24px;
	bottom: 346px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(2):hover {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
	-o-transform: translateX(-4px);
	-ms-transform: translateX(-4px)
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(2)::after {
	content: '2';
	right: -106px;
	bottom: -4px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(2) p {
	left: -125px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(3) {
	background: #fff url(../images/icon18-3.png) no-repeat 15px 8px;
	background-size: 28px;
	right: 14px;
	bottom: 332px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(3):hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(3)::before {
	right: none;
	left: -16px;
	border-color: transparent;
	border-right-color: #fff
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(3)::after {
	content: '3';
	left: -67px;
	bottom: -5px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(3) p {
	left: 100px;
	text-align: left
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(4) {
	background: #fff url(../images/icon18-4.png) no-repeat 15px 8px;
	background-size: 28px;
	right: -148px;
	bottom: 165px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(4):hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(4)::before {
	right: none;
	left: -16px;
	border-color: transparent;
	border-right-color: #fff
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(4)::after {
	content: '4';
	left: -61px;
	bottom: 13px
}

.index .part4 .plan-box .canvas-bg-box .item-box:nth-child(4) p {
	left: 20px;
	text-align: left
}

.index .part4 .plan-box .canvas-bg-box .item-box.active::after {
	border-color: #e90c2f;
	color: #e90c2f
}

.index .part4 .plan-box .canvas-bg-box .item-box.active p {
	opacity: 1;
	height: auto
}

.index .part4 .plan-box .canvas-bg-box .img-box {
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -125px;
	width: 250px;
	height: 180px
}

.index .part4 .plan-box .canvas-bg-box .img-box .img-item {
	width: 146px;
	height: 146px;
	overflow: hidden;
	margin: 0 auto 10px
}

.index .part4 .plan-box .canvas-bg-box .img-box .img-item img {
	width: 100%;
	height: auto
}

.index .part4 .plan-box .canvas-bg-box .img-box p {
	text-align: center;
	font-size: 14px;
	line-height: 22px
}

/* .index .part4 .plan-box.not-canvas {
	background: url(https://web-data.zmlearn.com/image/bxH4ASfBjFZHSymd9qpws2/t.png) no-repeat center -182px;
	width: 100%;
	background-size: 2001px
} */

.index .part4 .plan-box.not-canvas .canvas-bg-box {
	display: none
}

.index .part4 .plan-box.not-canvas .canvas-box {
	display: none
}

.index .part4 .plan-box.not-canvas .img-box {
	display: none
}

.index .part4 .plan-box .canvas-box {
	width: 640px;
	height: 400px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -320px;
	z-index: 1
}

/* .index .part4 .plan-box.not-canvas {
	background: url(https://web-data.zmlearn.com/image/bxH4ASfBjFZHSymd9qpws2/t.png) no-repeat center -182px;
	width: 100%;
	background-size: 2001px
}
 */
.index .part4 .plan-box.not-canvas .canvas-bg-box {
	display: none
}

.index .part4 .plan-box.not-canvas .canvas-box {
	display: none
}

.index .part4 .plan-box.not-canvas .img-box {
	display: none
}
.index .part4 .plan-box .canvas-box {
	width: 640px;
	height: 400px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -320px;
	z-index: 1
}

.index .part4 .btn-wrapper .btn {
	width: 135px
}

.index .part4 .parttitle{
	margin-bottom: 0;
}



.index .part4{
	padding-top: .95rem;
	padding-bottom: .7rem;
}

.index .part5{
	padding-top: .8rem;
	overflow: hidden;
	padding-bottom: .7rem;
}
.index .part5 .in{
	padding-top: .8rem;
	position: relative;
}
.index .part5 .pic{
	display: block;
	margin: auto;
}
.index .part5 .instyle{
	position: absolute;
	background: #fff;
	text-align: center;
	width: 2.2rem;
	border-radius: .1rem;
	box-shadow: .05rem .05rem .15rem 0 rgba(81,27,162,.2);
	padding: .2rem .1rem;
	box-sizing: border-box;
}
.index .part5 .instyle:nth-child(1){
	left: 50%;
	top: 0;
	margin-left: 1rem;
}
.index .part5 .instyle:nth-child(2){
	left: 0;
	bottom: .5rem;
}
.index .part5 .instyle:nth-child(3){
	right: 0;
	bottom: .5rem;
}
.index .part5 .title{
	font-size: .18rem;
	color: #333333;
	font-weight: bold;
	line-height: .28rem;
}
.index .part5 .text{
	font-size: .16rem;
	line-height: .26rem;
	margin-bottom: .05rem 0;
}
.index .part6{
	background: #f5f6fa;
	padding: .9rem 0;
}
.index .part5 .text img{
	vertical-align: middle;
	margin-right: .05rem;
}
.index .part6 .list{
	background: #fff;
}
.index .part6 .more{
	font-size: 14px;
	color: #999999;
	text-align: center;
}
.index .part6 .more a{
	display: inline-block;
	padding: 0 .4rem;
	position: relative;
	color: #999999;
}
.index .part6 .more a::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: .32rem;
	height: 1px;
	background: #999;
	top: 0;
	bottom: 0;
	margin: auto;
}
.index .part6 .more a::after{
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: .32rem;
	height: 1px;
	background: #999;
	top: 0;
	bottom: 0;
	margin: auto;
}
.index .part6 .list{
	padding: .2rem 0;
}
.index .part6 .instyle{
	display: flex;
	justify-content: space-between;
	padding: .05rem .2rem;
	font-size: .16rem;
}
.index .part6 .title{
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333;
	transition: all .5s;
}
.index .part6 .time{
	transition: all .5s;
	color: #999999;
}
.index .part6 .instyle:hover .title{
	color: #009dff;
}
.index .part6 .instyle:hover .time{
	color: #009dff;
}

.ohterbanner {
    height: 6rem;
    /*height: calc(100vh - 122px);*/
    display: block;
}


.STEP .part1{
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f8f7ff;
	padding-top: 1.16rem;
	padding-bottom: 1rem;
}
.STEP .part1 .inbox{
	display: flex;
	justify-content: space-between;
	
}
.STEP .part1 .instyle{
	background: #fff;
	border-radius: .1rem;
	padding: .6rem .2rem;
	min-height: 4rem;
	box-sizing: border-box;
	box-shadow: 0 0 .15rem 0 rgba(0,0,0,.1);
	width: 31%;
}
.STEP .part1 .title{
	font-size: .3rem;
	color: #133d8b;
	line-height: .4rem;
	position: relative;
	font-weight: bold;
}
.STEP .part1 .title>div{
	position: relative;
	z-index: 2;
}
.STEP .part1 .title .number{
	position: absolute;
	bottom: .1rem;
	left: 0;
	font-size: .72rem;
	color: #feeeee;
	z-index: 1;
	font-weight: bold;
}
.STEP .part1 .detail{
	margin-top: .2rem;
}
.STEP .part1 .text{
	position: relative;
	padding-left: .12rem;
	font-size: .2rem;
	line-height: .32rem;
	margin: .05rem 0;
    color:#666;
}
.STEP .part1 .text::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .12rem;
	width: .06rem;
	height: .06rem;
	background: #666;
}
.STEP .part1 .text .purple{
	color: #133d8b;
}
.STEP .part2{
	padding-top: .95rem;
	padding-bottom: .95rem;
}
.STEP .part2 .inbox{
	box-shadow: 0 0 .15rem 0 rgba(0,0,0,.1);
	min-height: 3.82rem;
	padding: .6rem .9rem;
	padding-left: 4.45rem;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: left top;
	
}

.STEP .part2 p{
	/*padding-left: .7rem;*/
	position: relative;
	font-size: .2rem;
	line-height: .3rem;
	margin-bottom: .1rem;
    color:#666;
}
.STEP .part2 .instyle:last-child{
	margin-bottom: 0;
}
.STEP .part2 .instyle img{
	position: absolute;
	left: 0;
	top: 0;
}
.STEP .part3{
	padding: .95rem 0;
}

.STEP .part4{
	padding: .95rem 0;
}
.STEP .part4 .instyle{
	width: 5.8rem;
	margin: auto;
	margin-top: 1rem;
	position: relative;
}
.STEP .part4 .title{
	font-size: .24rem;
	font-weight: bold;
	color: #fff;
	width: 3.4rem;
	height: .7rem;
	border-radius: .7rem;
	border: .04rem solid #fff;
	line-height: .62rem;
	text-align: center;
	background: #133d8b;
	position: absolute;
	top: -.35rem;
	left: 0;
	right: 0;
	margin: auto;
}
.STEP .part4 .texts{
	background: #c4d7fc;
	border-radius: .1rem;
	padding: .2rem .75rem;
	padding-top: .6rem;
}
.STEP .part4 .text{
	position: relative;
	padding-left: .12rem;
	font-size: .2rem;
	line-height: .32rem;
	margin: .05rem 0;
}
.STEP .part4 .text::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: .12rem;
	width: .06rem;
	height: .06rem;
	background: #333;
}





.Advantage .part1 .section-content {
	margin: 40px auto 0;
	width: 788px;
	height: 616px;
	position: relative;
	background-image: url(../images/pic33.png);
}

.Advantage .part1 .item {
	position: absolute;
	left: 50%;
	width: 205px;
}

.Advantage .part1 .item h3 {
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: normal;
}

.Advantage .part1 .item p {
	margin: 2px 0;
	font-size: 16px;
}

.Advantage .part1 .item1 {
	top: 307px;
	margin-left: -496px;
	text-align: right
}

.Advantage .part1 .item2 {
	top: 28px;
	margin-left: 266px
}

.Advantage .part1 .item3 {
	top: 495px;
	margin-left: 315px
}





.Advantage .part1{
	padding-top: 1rem;
	padding-bottom: 1rem;
	
}
.Advantage .more{
	width: 2rem;
	height: .6rem;
	text-align: center;
	line-height: .6rem;
	border-radius: .6rem;
	color: #fff;
	background: #7446b8;
	font-size: .24rem;
	display: block;
	margin: auto;
	transition: all .5s;
}
.Advantage .more:hover{
	transform: scale(1.2);
}

.Advantage .part2 {
	padding-bottom: 190px;
	background-color: #f8f8f8
}

.Advantage .part2 .section-content {
	left: -18px;
	margin: 50px auto 0;
	width: 701px;
	height: 358px;
	background-image: url(../images/pic34.png)
}

.Advantage .part2 .item {
	position: absolute;
	left: 50%;
	margin-top: 10px;
}

.Advantage .part2 .item h3 {
	font-size: 24px;
	color: #262626
}

.Advantage .part2 .item p {
	font-size: 16px;
	color: #999;
	white-space: nowrap
}

.Advantage .section-content {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover
}
.Advantage .part2 .item1 {
	top: 25px;
	margin-left: -465px
}

.Advantage .part2 .item2 {
	top: 88px;
	margin-left: 370px
}

.Advantage .part2 .item3 {
	top: 168px;
	margin-left: -370px
}

.Advantage .part2 .item4 {
	top: 233px;
	margin-left: 256px
}

.Advantage .part2 .item5 {
	top: 308px;
	margin-left: -256px
}
.Advantage .part2 {
	padding: 1rem 0;
}
.Advantage .part2 .more{
	margin-top: .4rem;
}

.Advantage .part3 {
    background: #8565b540;
    padding: 1rem 0;
}
.Advantage .part3 .inbox{
	display: flex;
}
.Advantage .part3 .instyle{
	padding:0 .1rem;
	padding-top: .3rem;
	text-align: center;
	border-right: 1px solid #cccccc;
}
.Advantage .part3 .instyle:last-child{
	border-right: 0;
}
.Advantage .part3 .icon{
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
	border: 2px solid #ad5e95;
	transition: all .5s;
	position: relative;
	margin: auto;
}
.Advantage .part3 .icon img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: .6rem;
	transition: all .5s;
}
.Advantage .part3 .img1{
	opacity: 1;
}
.Advantage .part3 .img2{
	opacity: 0;
}
.Advantage .part3 .instyle:hover .img1{
	opacity: 0;
}
.Advantage .part3 .instyle:hover .img2{
	opacity: 1;
}
.Advantage .part3 .instyle:hover .icon{
	background: #ad5e95;
}
.Advantage .part3 .title{
	font-size: .18rem;
	line-height: .26rem;
	margin: .1rem 0;
}
.Advantage .part3 .text{
	font-size: .16rem;
	line-height: .26rem;
	color: #808080;
}

.Advantage .part4 {
	padding: 1rem 0;
	background: #fafafa;
}
.Advantage .part4 .inbox{
	position: relative;
}
.Advantage .part4 .textbox{
	position: absolute;
	right: 13%;
	width: 35%;
	top: 43%;
	text-align: center;
}
.Advantage .part4 .title{
	font-size: .24rem;
	font-weight: bold;
	line-height: .32rem;
}
.Advantage .part4 .line{
	width: .55rem;
	height: .03rem;
	background: #7446b8;
	margin: auto;
	border-radius: .03rem;
	margin-top: .1rem;
	margin-bottom: .1rem;
}
.Advantage .part4 .text{
	font-size: .24rem;
	line-height: .32rem;
}

.About .pagetitle{
	font-size: .28rem;
	color: #323232;
	line-height: .35rem;
	position: relative;
	padding-left: .25rem;
	margin-bottom: .55rem;
}
.About .pagetitle::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: .06rem;
	height: .3rem;
	background: #133d8b;
}
.About .part1{
	padding-top: .95rem;
}
.About .part1 .texts{
	font-size: .16rem;
	line-height: .3rem;
	color: #323232;
}
.About .part3{
	padding-top: .95rem;
	padding-bottom: .3rem;
}
.About .part3 .list{
	position: relative;
}
.About .part3 .line{
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1px;
	background: #7142b6;
}
.About .part3 .top{
	position: absolute;
	width: .18rem;
	height: .18rem;
	border-radius: .18rem;
	border: 2px solid #7142b6;
	top: -.18rem;
	left: 50%;
	box-sizing: border-box;
	margin-left: -.09rem;
}
.About .part3 .bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateX(-50%) translateY(100%);
}
.About .part3 .instyle{
	padding-left: 50%;
	position: relative;
	clear: both;
}
.About .part3 .texts{
	max-width: 4.6rem;
	padding: .2rem;
	padding-top: .85rem;
}
.About .part3 .title{
	font-size: .24rem;
	color: #323232;
	font-weight: bold;
	line-height: .36rem;
	margin-bottom: .1rem;
}
.About .part3 .text{
	font-size: .16rem;
	color: #323232;
	line-height: .22rem;
	margin-bottom: .1rem;
}
.About .part3 .pic{
	width: 1.24rem;
	height: 1.24rem;
	border-radius: 1.24rem;
	position: absolute;
	right: 50%;
	margin-right: .2rem;
	top: .35rem;
}
.About .part3 .icon{
	position: absolute;
	left: 50%;
	top: 1rem;
	width: .18rem;
	height: .18rem;
	border-radius: .18rem;
	background: #7142b6;
	margin-left: -.09rem;
	margin-top: -.09rem;
}
.About .part3 .instyle:nth-child(even){
	padding-left: 0;
	padding-right: 50%;
	text-align: right;
}
.About .part3 .instyle:nth-child(even) .pic{
	left: 50%;
	right: auto;
	margin-left: .2rem;
	margin-right: 0;
}
.About .part3 .instyle:nth-child(even) .texts{
	float: right;
}
.About .part3 .list::after{
	content: "";
	display: block;
	clear: both;
}
.About .part4{
	padding-bottom: .3rem;
}
.About .part4 .texts img{
	margin-bottom: .2rem;
}

.Environmental .part1{
	padding-top: .9rem;
}
.Environmental .instyle{
	/*padding-bottom: .1rem;*/
}
.Environmental .type {
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    border-radius: .6rem;
    text-align: center;
    color: #fff;
    margin: auto;
    background: #7446b8;
    font-size: .24rem;
    margin-bottom: .2rem;
    margin-top: .2rem;
}
/*.Environmental .imgbox{*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*}*/
.Environmental .left{
	width: 41%;
}
.Environmental .pic{
	position: relative;
	height: 100%;
	margin-bottom: .25rem;
	height: calc(100% - .25rem);
}
.Environmental .instyle:nth-child(even) .left{
	order:2
}
.Environmental .right{
	width: 56.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Environmental .right .pic{
	width: 48%;
	height: 2.4rem;
}
.Environmental .text{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: .32rem;
	padding: .05rem .2rem;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.5);
	box-sizing: border-box;
	font-size: .24rem;
}

.hideslider .inbox{
	width: 560px;
}
.hideslider .title{
	text-align: center;
	color: #fff;
	line-height: .3rem;
	padding: .3rem 0;
	font-size: .18rem;
}
.hideslider .bx-pager{
	display: none;
}
.hideslider .bx-wrapper .bx-prev{
	background-image: url(../images/prev.png);
	margin-top: -61px;
	background-repeat: no-repeat;
	background-position: center;
	left: -80px;
}
.hideslider .bx-wrapper .bx-next{
	background-image: url(../images/next.png);
	margin-top: -61px;
	background-repeat: no-repeat;
	background-position: center;
	right: -80px;
}
.hideslider .close{
	position: absolute;
	right: 0;
	top:-.5rem;
	width: .22rem;
	cursor: pointer;
}
.commonpage{
	text-align: center;
}
.commonpage .pagebtn{
	min-width: 16px;
	padding: 0 5px;
	height: 26px;
	border: 1px solid #d3d3d3;
	vertical-align: middle;
	display: inline-block;
	line-height: 26px;
	color: #808080;
	transition: all .5s;
	margin: 0 5px;
}
.commonpage .pagebtn img{
	vertical-align: middle;
	margin-top: -2px;
}
.commonpage .pagebtn:hover,.commonpage .pagebtn.active{
	color: #fff;
	background: #541b86;
	border: 1px solid #541b86;
}
.Camp .part1{
	height: 5.88rem;
}
.Camp .parttitle{
	display: block;
	margin: auto;
	margin-bottom: .7rem;
}
.Camp .part2{
	padding-top: .85rem;
	padding-bottom: .8rem;
}
.Camp .part2 .instyle{
	display: block;
	position: relative;
	padding-left: 2.45rem;
	margin-bottom: .25rem;
}
.Camp .part2 .left{
	position: absolute;
	left: 0;
	top: 0;
	width: 2.07rem;
	height: 100%;
	background: #7142b6;
	font-weight: bold;
	border-radius: 4px;
	color: #fff;
	font-size: .24rem;
	text-align: center;
	min-height: .5rem;
}
.Camp .part2 .instyle:nth-child(even) .left{
	background: #ad5e95;
}
.Camp .part2 .left:after{
	content: "";
	display: block;
	position: absolute;
	right: -.4rem;
	top: 50%;
	margin-top: -.1rem;
	border-top: .1rem solid #fff;
	border-bottom: .1rem solid #fff;
	border-left: .2rem solid #7142b6;
	border-right: .2rem solid #fff;
}
.Camp .part2 .instyle:nth-child(even) .left:after{
	border-left: .2rem solid #ad5e95;
}
.Camp .part2 .right{
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.1);
	padding: .15rem .35rem;
	font-size: .16rem;
	line-height: 24px;
	position: relative;
	z-index: 2;
}
.Camp .part2 .text1{
	margin-bottom: .03rem;
	color: #000;
}
.Camp .part2 .text2{
	color: #7142b6;
	font-weight: bold;
}
.Camp .part2 .instyle:nth-child(even) .text2{
	color: #ad5e95;
}

.Camp .part3{
	padding-top: .75rem;
	padding-bottom: .75rem;
	overflow: hidden;
}
.Camp .part3 .inbox{
	width: 102%;
}
.Camp .part3 .instyle{
	width: 31.33%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	background: #fff;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.1);
	border-radius: 8px;
	overflow: hidden;
	padding-top: .42rem;
}
.Camp .part3 .instyle:nth-child(3n+1){
	clear: both;
}
.Camp .part3 .picbox{
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 1.45rem;
	margin: auto;
}
.Camp .part3 .number{
	position: absolute;
	right: 0;
	top: 0;
	width: .82rem;
	height: .79rem;
	text-align: right;
	padding-right: .07rem;
	line-height: .42rem;
	font-family: impact;
	font-size: .26rem;
	color: #fff;
	background: url(../images/icon8.png) no-repeat top right;
}
.Camp .part3 .instyle:nth-child(even) .number{
	background: url(../images/icon9.png) no-repeat top right;
}
.Camp .part3 .title{
	font-size: .24rem;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding: .2rem;
	line-height: .4rem;
	margin-top: .1rem;
}
.Camp .part3 .text{
	padding:0 .45rem;
	font-size: .16rem;
	color: #707070;
	line-height: 24px;
	min-height: 120px;
	padding-bottom: .2rem;
}

.Camp .part4{
	padding-top: .85rem;
	padding-bottom: .9rem;
}

.Camp .part4 .instyle{
	padding: 0 .6rem;
	text-align: center;
}
.Camp .part4 .picbox{
	width: 2.55rem;
	height: 2.55rem;
	border-radius: 2.55rem;
	border: 1px solid #c1c1c1;
	margin: auto;
	padding: .1rem;
	box-sizing: border-box;
}
.Camp .part4 .pic{
	border-radius: 2.55rem;
	height: 100%;
}
.Camp .part4 .text1{
	font-size: .26rem;
	color: #000000;
	line-height: .48rem;
	margin-top: .33rem;
	text-align: center;
}
.Camp .part4 .text2{
	font-size: .16rem;
	color: #541b86;
	font-weight: bold;
	line-height: .22rem;
	margin-top: .1rem;
}
.Camp .part4 .text3{
	font-size: .14rem;
	color: #000000;
	line-height: .22rem;
	margin-top: .1rem;
	font-family: '宋体';
}
.Camp .part4 .bx-pager{
	display: none;
}
.Camp .part4 .bx-wrapper .bx-prev{
	width: .5rem;
	height: .5rem;
	margin-top: 0;
	top: 1rem;
	left: -.6rem;
	background-image: url(../images/prev3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e0e0e0;
	border-radius: .5rem;
	transition: all .5s;
}
.Camp .part4 .bx-wrapper .bx-next{
	width: .5rem;
	height: .5rem;
	margin-top: 0;
	top: 1rem;
	right: -.6rem;
	background-image: url(../images/next3.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #e0e0e0;
	border-radius: .5rem;
	transition: all .5s;
}
.Camp .part4 .bx-wrapper .bx-prev:hover{
	background-color: #6033a2;
}
.Camp .part4 .bx-wrapper .bx-next:hover{
	background-color: #6033a2;
}
.Camp .part5{
	padding-top: .77rem;
	padding-bottom: .9rem;
}
.Camp .part5 .inbox{
	max-width: 1996px;
	margin: auto;
}
.Camp .part5 .pic1{
	max-width: 100%;
	display: block;
	margin-bottom: 2px;
}
.Camp .part5 table{
	width: 100%;
	font-size: 13px;
	color: #333333;
	text-align: center;
}
.Camp .part5 td{
	background: #fff;
	border: 1px solid #dcdcdc;
	line-height: 20px;
	padding: 5px;
}
.Camp .part5 .ftr td{
	background: #ad5e95;
	color: #fff;
	font-weight: bold;
	padding: 15px ;
	border: 1px solid #fff;
}
.Camp .part5 .ftd{
	background: #e5e5e5;
}
.Camp .part5 .ftr .ftd{
	background: #7142b6;
}
.Camp .part5 .heighttr td{
	height: .55rem;
}
.Camp .part5 td:last-child{
	width: 320px;
}
.Camp .part6{
	padding-top: 1.05rem;
	padding-bottom: 1.05rem;
}
.Camp .part6 .inbox img{
	display: block;
	margin: auto;
	max-width: 100%;
	
}

.Teacher .part1{
	height: 4.89rem;
}
.Teacher .part2{
	padding-top: .96rem;
	padding-bottom: .5rem;
}
.Teacher .part2 .inbox{
	max-width: 890px;
	margin: auto;
}
.Teacher .part2 .instyle{
	padding-left: 2.65rem;
	position: relative;
	min-height: 2.6rem;
	padding-top: .4rem;
	margin-bottom: .5rem;
}
.Teacher .part2 .instyle:nth-child(even){
	padding-left: 0;
	padding-right: 2.65rem;
}
.Teacher .part2 .picbox{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 1.88rem;
	height: 2.6rem;
}
.Teacher .part2 .instyle:nth-child(even) .picbox{
	left: auto;
	right: 0;
}
.Teacher .part2 .picbox:after{
	content: "";
	display: block;
	position: absolute;
	left: .13rem;
	top: .13rem;
	background: #f6f6f6;
	width: 100%;
	height: 100%;
}
.Teacher .part2 .pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.Teacher .part2 .text1{
	font-size: .28rem;
	color: #000000;
	line-height: .5rem;
	padding-left: .15rem;
	position: relative;
	font-weight: bold;
}
.Teacher .part2 .text1 .en{
	color: #e3e3e3;
	font-size: .58rem;
	line-height: .5rem;
	position: absolute;
	left: 0;
	top: 0;
}
.Teacher .part2 .text1 .ch{
	position: relative;
	z-index: 2;
}
.Teacher .part2 .text2{
	font-size: .18rem;
	color: #541b86;
	line-height: .3rem;
	font-weight: bold;
	padding: .1rem 0;
}
.Teacher .part2 .text3{
	font-size: .14rem;
	color: #000000;
	line-height: .22rem;
	padding: .15rem 0;
	border-top: 1px dashed #cdcdcd;
	margin-top: .05rem;
}
.Teacher .categary{
	border-bottom: 1px solid #7142b6;
	background: #f6f6f6;
	line-height: .48rem;
	display: flex;
	text-align: center;
	margin-bottom: .4rem;
}
.Teacher .categary .btn{
	width: 100%;
	display: block;
	color: #333333;
	font-size: .18rem;
	transition: all .5s;
}
.Teacher .categary .btn.active,.Teacher .categary .btn:hover{
	background: #7142b6;
	color: #fff;
}






.npage{
	border-top:1px solid #dedede;
	margin-top:48px;
	padding-top:38px;
}
.npage .back{
	float:right;
	display:block;
	width:93px;
	height:37px;
	text-align:center;
	line-height:37px;
	color:#fff;
	font-size:14px;
	font-family:'瀹嬩綋';
	background:#994b97;
	margin-top:8px;
}
.npage  dl{
	margin-right:103px;
	height:25px;
	overflow:hidden;
	line-height:25px;
	color:#777777;
	font-family:'瀹嬩綋';
}
.npage  dl a{
	color:#777;
}
.npage  dl a:hover{
	color:#994b97;
}


.Camp2 .part1{
	height: 588px;
	position: relative;
	background: #f5f6fa;
}
.Camp2 .part1 .time{
	position: absolute;
	left: 0;
	top: 358px;
	width: 100%;
	color: #7142b6;
	font-size: 24px;
	text-align: center;
}
.Camp2 .parttitle {
    display: block;
    margin: auto;
    margin-bottom: .7rem;
}
.Camp2 .part{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.Camp2 .part2{
	background:#f5f6fa ;
}
.Camp2 .part2 .list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Camp2 .part2 .instyle{
	width: 31.3%;
	margin-bottom: 30px;
	position: relative;
	background: #fff;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
	overflow: hidden;
}
.Camp2 .part2 .pics{
	height: 320px;
}
.Camp2 .part2 .texts{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	background: #fff;
	transition: all .5s;
	padding: 0 40px;
	box-sizing: border-box;
	height: 65px;
	text-align: center;
}
.Camp2 .part2 .instyle:hover .texts{
	background: rgba(113,66,182,.9);
	height: 100%;
}
.Camp2 .part2 .icon{
	position: absolute;
	top: 44px;
	left: 0;
	width: 100%;
	transition: all .5s;
	opacity: 0;
}
.Camp2 .part2 .icon img{
	display: block;
	margin: auto;
}
.Camp2 .part2 .text1{
	position: absolute;
	top: 5px;
	line-height: 33px;
	font-size: 24px;
	color: #333333;
	transition: all .5s;
	width: 100%;
	left: 0;
	padding: 0 40px;
	box-sizing: border-box;
}
.Camp2 .part2 .text2{
	position: absolute;
	top: 34px;
	line-height: 33px;
	font-size: 14px;
	color: #999999;
	transition: all .5s;
	width: 100%;
	left: 0;
	padding: 0 40px;
	box-sizing: border-box;
}
.Camp2 .part2 .text3{
	position: absolute;
	top: 172px;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
	transition: all .5s;
	width: 100%;
	left: 0;
	padding: 0 40px;
	box-sizing: border-box;
}

.Camp2 .part2 .instyle:hover .icon{
	opacity: 1;
}
.Camp2 .part2 .instyle:hover .text1{
	color: #fff;
	top: 135px;
}
.Camp2 .part2 .instyle:hover .text2{
	opacity: 0;
}
.Camp2 .part3{
	background: #fff;
	text-align: center;
}
.Camp2 .part3 .text1{
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 5px;
	font-weight: bold;
}
.Camp2 .part3 .text2{
	font-size: 14px;
	color: #999999;
	line-height: 18px;
}
.Camp2 .part3 .text3{
	font-size: 14px;
	color: #ad5e95;
	line-height: 18px;
}
.Camp2 .col-md-1 {
    width: 10%;
}
.Camp2 .proList>div{
	position:relative;
}
.Camp2 .proList>div>div{
	position:relative;
    z-index: 2;
}
.Camp2 .proList>div>div img{
    transform: scale(1,1);
    transition: .3s ease-in-out;
    transition-delay: .2s;
}
.Camp2 .proList>div>div:hover img{
    transform: scale(1.1,1.1);
    transition: .3s ease-in-out;
}
@media screen and (max-width:1120px){
    .Camp2 .proList div {
        text-align: center;
    }
}
@media screen and (min-width: 1120px){
    .Camp2 .proList{
        position: relative;
        width: 100%;
        height: auto;
    }
    .Camp2 .proList>div{
        width: 100%;
        height: 100%;
        padding-top: 90%;
        position: relative;
    }
    .Camp2 .proList>div>div{
        
        margin-top: -83%;
        position: absolute;
    }
    .Camp2 .proList>div>div:nth-child(1){
        z-index: 99;
        left: 45%;
        top: 95%;
    }
    .Camp2 .proList>div>div:nth-child(2){
        z-index: 99;
            left: 71%;
            top: 112%;
    }
   .Camp2  .proList>div>div:nth-child(3){
            left: 79%;
            top: 132%;
    }
   .Camp2  .proList>div>div:nth-child(4){
            left: 71%;
            top: 149%;
    }
   .Camp2  .proList>div>div:nth-child(5){
        left: 45%;
        top: 165%;
    }
    .Camp2 .proList>div>div:nth-child(6){
        z-index: 99;
        left: 15%;
            top: 149%;
    }   
   .Camp2  .proList>div>div:nth-child(7){
        left: 7%;
            top: 132%;
    }
   .Camp2  .proList>div>div:nth-child(8){
        left: 15%;
            top: 112%;
    }
   .Camp2  .proDetail{
        width: 400px;
        /* height: 250px; */
        position: absolute;
        left: -110%;
        z-index: 0;
    }
}

.Camp2 .proDetail h3{
    text-align: center;
    color: #0091ff;
    font-weight: bold;
}
.Camp2 .proDetail{
    color: #999;
}
@media screen and (min-width:1120px){
   .Camp2  .ring-list{
        margin-top: -93%;
        display: block!important;
    }
}
.Camp2 .ring-list {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.Camp2 .midpic{
	width: 320px;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	border-radius: 320px;
}
.Camp2 .ring-list li {
    margin-top: -6%;
    margin-left: -6%;
    padding-top: 12%;
    width: 12%;
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #caa6ff;
}

.Camp2 li {
    list-style: none;
}

.Camp2 .ring-list.act li {
    -webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite
}
.Camp2 .ring-list.act .ring2 {
    -webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
    animation-delay: .8s;
}
.Camp2 .ring-list.act .ring3 {
    -webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
    animation-delay: 1.6s;
}
.Camp2 .ring-list.act .ring4 {
    -webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
    animation-delay: 2.4s;
}
.Camp2 .ring-list.act .ring5 {
    -webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
    animation-delay: 3.2s;
}

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(7.9)
    }

}
.Camp2 .part4 .btns{
	padding: 20px 0;
	display: flex;
	justify-content: space-around;
}
.Camp2 .part4 .btns .btn{
	width: 240px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	font-size: 24px;
	color: #333333;
	transition: all .5s;
	cursor: pointer;
}
.Camp2 .part4 .btns .btn.active,.Camp2 .part4 .btns .btn:hover{
	background: #7142b6;
	color: #fff;
}
.Camp2 .bx-controls{
	display: none;
}
.Camp2 .part4 .in{
	display: flex;
	justify-content: space-around;
}
.Camp2 .part4 .instyle{
	width: 200px;
}
.Camp2 .part4 .text1{
	width: 185px;
	height: 73px;
	padding-left: 10px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	padding-top: 20px;
	box-sizing: border-box;
	line-height: 26px;
}
.Camp2 .part4 .instyle:nth-child(1) .text1{
	background: url(../images/icon11-1.png);
	margin-top: 220px;
}
.Camp2 .part4 .instyle:nth-child(2) .text1{
	background: url(../images/icon11-2.png);
	margin-top: 180px;
}
.Camp2 .part4 .instyle:nth-child(3) .text1{
	background: url(../images/icon11-1.png);
	margin-top: 140px;
}
.Camp2 .part4 .text1 span{
	font-size: 18px;
	display: block;
}
.Camp2 .part4 .text2{
	font-size: 24px;
	line-height: 36px;
	color: #333333;
	margin-top: 10px;
	text-align: center;
}
.Camp2 .part4 .line{
	width: 46px;
	height: 6px;
	border-radius: 6px;
	margin: auto;
	margin-top: 10px;
}
.Camp2 .part4 .text3{
	font-size: 16px;
	line-height: 24px;
	color: #333333;
	margin-top: 10px;
}
.Camp2 .part5{
	background: #fff;
}
.Camp2 .part5 .inbox{
	position: relative;
	overflow: hidden;
}
.Camp2 .part5 .left{
	width: 70%;
	float: left;
}
.Camp2 .part5 .list{
	width: 28%;
	float: right;
	background: #7142b6;
	padding: 20px;
	overflow: hidden;
	box-sizing: border-box;
}
.Camp2 .part5 .btn{
	width: 33.33%;
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
	float: left;
}
.Camp2 .part5 .btn .pic{
	height: 52px;
	width: 52px;
	border-radius: 52px;
	position: relative;
	margin: auto;
}
.Camp2 .part5 .btn .pic::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 55px;
	border: 2px solid #ff9c00;
	transition: all .5s;
	opacity: 0;
	box-sizing: border-box;
	cursor: pointer;
}
.Camp2 .part5 .btn.active .pic::after,.Camp2 .part5 .btn:hover .pic::after{
	opacity: 1;
}
.Camp2 .part5 .in{
	position: relative;
	padding-left: 350px;
}
.Camp2 .part5 .leftpic{
	position: absolute;
	left: 25px;
	top: 30px;
	width: 300px;
	height: 430px;
}
.Camp2 .part5 .leftborder{
	width: 300px;
	height: 430px;
	left: 0px;
	top: 0px;
	position: absolute;
	box-sizing: border-box;
	border: 10px solid #fff;
	border-image: linear-gradient(to bottom,#854ed6,#d773b9) 30 30;
}
.Camp2 .part5 .texts{
	min-height: 470px;
	display: flex;
	align-items: center;
}
.Camp2 .part5 .text1{
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 10px;
	font-weight: bold;
}
.Camp2 .part5 .text1 span{
	font-size: 16px;
	color: #337ef7;
	font-weight: normal;
	margin-left: 5px;
}
.Camp2 .part5 .text2{
	font-size: 16px;
	line-height: 36px;
	color: #8d8d8d;
	min-height: 140px;
	margin-top: 10px;
}
.Camp2 .part5 .next{
	font-size: 18px;
	color: #fff;
	background: #7142b6;
	border-radius: 100px;
	width: 130px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	margin-top: 20px;
	cursor: pointer;
}
.Camp2 .part6{
	overflow: hidden;
}
.Camp2 .part6 .left{
	float: left;
	width: 70%;
}
.Camp2 .part6 .right{
	width: 28%;
	float: right;
}
.Camp2 .part6 .btn{
	background: #fff;
	padding: 20px;
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	transition: all .5s;
	margin-bottom: 40px;
	cursor: pointer;
}
.Camp2 .part6 .btn .pic{
	width: 77px;
	height: 77px;
	border-radius: 77px;
	border: 2px solid #fff;
	margin-right: 20px;
}
.Camp2 .part6 .btn:hover,.Camp2 .part6 .btn.active{
	color: #fff;
	background: #7142b6;
}
.Camp2 .part6 .in{
	padding-left:350px;
	position: relative;
}
.Camp2 .part6 .pic{
	position: absolute;
	left: 0;
	top: 0;
	width: 326px;
	height: 410px;
}
.Camp2 .part6 .texts{
	display: flex;
	min-height: 410px;
	align-items: center;
}
.Camp2 .part6 .text1{
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	margin-bottom: 10px;
}
.Camp2 .part6 .text2{
	color: #333333;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 30px;
}
.Camp2 .part6 .submit{
	font-size: 18px;
	color: #fff;
	background: #7142b6;
	width: 130px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	margin-top: 20px;
	cursor: pointer;
}




.course .part1{
	padding-top: .9rem;
	padding-bottom: .9rem;
}
.course .part1 .instyle{
	padding: .05rem 0;
	padding-left: .6rem;
	position: relative;
	line-height: .3rem;
}
.course .part1 .instyle .attr{
	position: absolute;
	left: 0;
	top:.05rem;
	font-size: .16rem;
	color: #666666;
}
.course .part1 .grop{
	display: inline-block;
	vertical-align: top;
}
.course .part1 .option{
	background: #f6f6f6;
	height: .3rem;
	display: inline-block;
	margin-right: .2rem;
	padding: 0 .1rem;
	border-radius: .3rem;
	font-size: .16rem;
	color: #666666;
	cursor: pointer;
	transition: all .5s;
	vertical-align: middle;
	margin-bottom: .1rem;
	position: relative;
}
.course .part1 .tip{
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-.1rem);
	background: #fff;
	padding: .0 .1rem;
	white-space: nowrap;
	color: #666;
	font-size: .12rem;
	line-height: .2rem;
	border: 1px solid #666;
	display: none;
    z-index:1;
}
.course .part1 .option:hover .tip{
	display: block;
}
.course .part1 .instyle:nth-child(1) .option.active,.course .part1 .instyle:nth-child(1) .option:hover{
	background: #133d8b;
	color: #fff;
}
.course .part1 .instyle:nth-child(2) .option.active,.course .part1 .instyle:nth-child(2) .option:hover{
	background: #2b89d1;
	color: #fff;
}
.course .part1 .instyle:nth-child(3) .option.active,.course .part1 .instyle:nth-child(3) .option:hover{
	background: #f09960;
	color: #fff;
}
.course .part1 .detail{
	min-height: 4.8rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f8f8f8;
	margin-top: .3rem;
	border-radius: .1rem;
	box-shadow: 0 0 .2rem 0 rgba(0,0,0,.2);
	padding: .4rem;
	padding-right: 30%;
	box-sizing: border-box;
}
.course .part1 .text1{
	font-size: .36rem;
	line-height: .46rem;
	display: flex;
	justify-content: space-between;
}
.course .part1 .text2{
	font-size: .24rem;
	line-height: .46rem;
	display: inline-block;
	color: #03337f;
	padding-left: .1rem;
	font-weight: bold;
}
.course .part1 .text2 img{
	vertical-align: middle;
	margin-top: -3px;
	margin-right: .05rem;
}
.course .part1 .text3{
	font-size: .36rem;
	color: #133d8b;
	line-height: .46rem;
	padding: .1rem 0;
}
.course .part1 .text4{
	font-size: .16rem;
	color: #333333;
	line-height: .3rem;
}
.course .part1 .text4 strong{
	color: #133d8b;
	font-weight: bold;
}
.course .part2{
	padding-bottom:1rem ;
}
.course .part2 .category{
	text-align: center;
}
.course .part2 .opiton{
	color: #333333;
	background: #f6f6f6;
	font-size: .16rem;
	line-height: .36rem;
	padding: 0 .16rem;
	display: inline-block;
	border-radius: .36rem;
	cursor: pointer;
	margin: 0 .1rem;
	transition: all .5s;
	position: relative;
}
.course .part2 .opiton:hover,.course .part2 .opiton.active{
	background: #7142b6;
	color: #fff;
}
.course .part2 .opiton::after{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-left: .05rem solid transparent;
	border-right: .05rem solid transparent;
	border-bottom: .08rem solid transparent;
	border-top: .08rem solid #7142b6;
	opacity: 0;
	transition: all .5s;
}
.course .part2 .opiton:hover::after,.course .part2 .opiton.active::after{
	opacity: 1;
}
.course .part2 .in{
	margin-top: .5rem;
	overflow: hidden;
	font-size: 0;
}
.course .part2 .instyle{
	margin: 0 0.5%;
	display: inline-block;
	vertical-align: bottom;
	width: 24%;
	
}
.course .part2 .instyle:first-child{
     animation-delay:.2s;
}
.course .part2 .instyle:nth-child(2){
     animation-delay:.4s;
}
.course .part2 .instyle:nth-child(3){
     animation-delay:.6s;
}
.course .part2 .instyle:nth-child(4){
     animation-delay:.8s;
}

.course .part2 .bottom{
	background: #87c1ff;
	padding: .1rem ;
	border-radius: .06rem;
	color: #fff;
	font-size: .16rem;
	margin-top: .1rem;
}
.course .part2 .instyle:first-child .bottom{ height:140px;}
.course .part2 .instyle:nth-child(2) .bottom{ height:180px;}
.course .part2 .instyle:nth-child(3) .bottom{ height:220px;}
.course .part2 .instyle:nth-child(4) .bottom{ height:260px;}
.course .part2 .top{
	border-radius: .06rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	position: relative;
	padding-top: .2rem;
}
.course .part2 .topin::before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: .5rem;
	top: -2px;
	background: #87c1ff;
	transform: rotate(-3deg);
	transform-origin: left top;
	border-radius: 4px;
	z-index: -1;
}
.course .part2 .text1{
	font-size: .3rem;
	line-height: .4rem;
	font-weight: bold;
}
.course .part2 .text2{
	font-size: .22rem;
	line-height: .36rem;
}
.course .part2 .topin{
	background: #87c1ff;
	padding: .1rem ;
	padding-top: 0;
	position: relative;
	z-index: 2;
}
.course .part2 .instyle:nth-child(2) .topin,.course .part2 .instyle:nth-child(2) .bottom,.course .part2 .instyle:nth-child(2) .topin::before{
	background: #7c8cfc;
}
.course .part2 .instyle:nth-child(3) .topin,.course .part2 .instyle:nth-child(3) .bottom,.course .part2 .instyle:nth-child(3) .topin::before{
	background: #9c75ff;
}
.course .part2 .instyle:nth-child(4) .topin,.course .part2 .instyle:nth-child(4) .bottom,.course .part2 .instyle:nth-child(4) .topin::before{
	background: #7142b6;
}
.course .part2 .text3,.course .part2 .toptext{
	display: none;
}
.course .part3{
	padding-bottom: .4rem;
}
.course .part3 .pic{
	display: block;
	margin: auto;
}
.course .part3 .inbox{
	position: relative;
}
.course .part3 .instyle{
	position: absolute;
	width: 1.6rem;
	left: 50%;
	top: 50%;
}
.course .part3 .text1{
	font-size: .24rem;
	font-weight: bold;
	color: #535353;
	line-height: .36rem;
}
.course .part3 .text2{
	font-size: .16rem;
	font-weight: bold;
	color: #133d8b;
	line-height: .26rem;
}
.course .part3 .instyle:nth-child(1){
	transform: translateX(144px) translateY(-322px);
}
.course .part3 .instyle:nth-child(2){
	transform: translateX(388px) translateY(-22px);
}
.course .part3 .instyle:nth-child(3){
	transform: translateX(170px) translateY(209px);
}
.course .part3 .instyle:nth-child(4){
	transform: translateX(-560px) translateY(-22px);
}

.course .part4{
	padding-bottom: 1rem;
}
.course .part4 .pic{
	width: 492px;
	height: 496px;
	background: url(../images/pic39.png);
	position: relative;
	margin: auto;
}
.course .part4 .picin{
	background: url(../images/pic40.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .5s;
	
}
.course .part4 .inbox{
	padding: .9rem 0;
	position: relative;
}
.course .part4 .instyle{
	position: absolute;
	width: 2.5rem;
	left: 50%;
	top: 50%;
	padding: .2rem;
	box-sizing: border-box;
	background: #fff;
	transition: all .5s;
	cursor: pointer;
}
.course .part4 .instyle:hover,.course .part4 .instyle.active{
	box-shadow: 0 0 .1rem 0 rgba(0,0,0,.15);
}
.course .part4 .text1{
	font-size: .24rem;
	line-height: .32rem;
	color: #333333;
}
.course .part4 .text2{
	font-size: .16rem;
	line-height: .24rem;
	color: #999999;
}
.course .part4 .instyle:nth-child(1){
	transform: translateX(230px) translateY(-315px);
}
.course .part4 .instyle:nth-child(2){
	transform: translateX(290px) translateY(115px);
}
.course .part4 .instyle:nth-child(3){
	transform: translateX(-50%) translateY(260px);
}
.course .part4 .instyle:nth-child(4){
	left: auto;
	right: 50%;
	transform: translateX(-290px) translateY(15px);
	text-align: right;
}
.course .part4 .instyle:nth-child(5){
	left: auto;
	right: 50%;
	transform: translateX(-190px) translateY(-315px);
	text-align: right;
}

.padd65{ padding: 80px 0;}
.imgfd{overflow: hidden; position: relative; padding-top: 75%;}
.imgfd img{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;display: block; position: absolute; top: 0; left: 0;}
.imgfd:hover img{transform: scale(1.1);}
.imgfdd{overflow: hidden;}
.imgfdd img{ width: 100%; height: auto;transition: all 0.5s ease;object-fit: cover;display: block;}
.imgfdd:hover img{transform: scale(1.05);}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.t-flex{display: flex;flex-wrap: wrap;align-items: flex-start}
.c{ overflow: hidden; clear: both;}
.item_top .parttitle{ text-align: left; margin:0 auto 0 0;}
.pro_nav a{ display: block; margin-left: 30px; line-height: 36px; padding: 0 25px; border-radius: 18px; background: #053682; transition:.2s ease;}
.pro_nav a:hover{background:#fe661d; color:#fff;}

.item_top{margin-bottom: 40px;}

.pro_list ul li{ float: left; width:49%; margin-right:2%; margin-bottom:30px; position:relative;}
.pro_list ul li:nth-child(2n){ margin-right:0;}
.pro_list ul li .imgfd{ padding-top: 66.6%;}
.pro_list ul li .txt{ position: absolute; width: 100%; top: 0; left: 0; padding: 45px 40px; z-index:3; box-sizing:border-box;}
.pro_list ul li .imgfd:after{background:rgba(0,0,0,.25); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: '';}
.pro_list ul li h2{ font-size: 24px; line-height:24px; margin-bottom:25px;}
.pro_list ul li p{ font-size: 16px; line-height: 30px;}


.tab{}
.tab-hd,.tab-hd1 {overflow:hidden; zoom:1;}
.tab-hd li,.tab-hd1 li{cursor:pointer;}
.tab-bd li,.tab-bd1 li{display:none;}
.tab-bd li.thisclass,.tab-bd1 li.thisclass{display:list-item;}


.list_news li{ padding:45px 0; border-bottom: 1px solid #ddd;}
.list_news li .pic{ width: 30%; margin-right: auto;}
.list_news li .txt{ width: 65%;}
.list_news li a{ color: #333;}
.list_news li span{font-size: 14px; color: #1669b7;}
.list_news li h2{ font-size: 22px; line-height: 30px; max-height: 60px; overflow: hidden; margin:15px 0 25px;}
.list_news li p{ font-size: 15px; line-height:30px; height:60px; overflow:hidden;}
.list_news li .imgfd{padding-top: 66.6%;}
.list_news li:hover h2{ color:#1669b7;}

.news_det {overflow: hidden;}
.news_det img{ max-width: 100%!important;}
.news_det p{ font-size: 15px; line-height:30px;}


#toolbar{ z-index: 98; padding: 5px 0 10px; border-top:1px solid #192a75; position:fixed; left:0; bottom:0; width:100%; background:#fff; display:none;}
#toolbar ul li{ float:left; width:25%; text-align:center;}
#toolbar ul li .iconfont{ font-size:18px;}
#toolbar ul li span{ display:block; font-size:12px;}

.corner-bg {
  width: 300px;
  height: 150px;
  /* 核心：右上角缺角 */
  background: linear-gradient(135deg, transparent 16px, #409eff 0);
  border-radius: 3px;
}

@media only screen and (max-width:480px) {
	.item_top{ display: block;}
	.item_top .pro_nav{margin-top: 15px;}
	.item_top .pro_nav a{ margin: 0 auto; line-height:32px; padding:0 18px;}
}