*{margin:0;padding:0;}
body{min-width: 1200px;}
a{text-decoration: none;}
#main * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

#main{
	font-size: 0;
	font-family: "Microsoft YaHei";
	min-width: 1200px;
	position: relative;
	margin: 0 auto;
	line-height: 1;
	background-color: #2f1069;
	background: -webkit-linear-gradient(20deg, #2f1069, #2a0297 40%, #5400a1);
	background: -o-linear-gradient(20deg, #2f1069, #2a0297 40%, #5400a1);
	background: linear-gradient(70deg, #2f1069, #2a0297 40%, #5400a1);
}
/*common*/
	#main .clearfix:after {
		content: '';
		height: 0;
		display: block;
		clear: both;
		visibility: hidden;
	}
	#main li{list-style-type: none;}
	#main a{text-decoration: none;color: inherit;}
	#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{font-weight: bold;}
	#main i{font-style: normal;}
	#main .icon{background-image: url(../images/icons.png);}
	#main .last{margin-right: 0!important;}
	#main .j_showLeyu{cursor: pointer;}
	.section, .section .pop-box{
		background-repeat: no-repeat;
		background-position: center top;
	}
	.section .btn, .section .tab{
		text-align: center;
		cursor: pointer;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	.section .box-inline{text-align: center;}
	.section .box-inline .btn{
		display: inline-block;
		vertical-align: top;
	}
	.section .btn{
		background: #29dcff;
		border: 2px solid #29dcff;
		font-size: 18px;
		color: #123aab;
		margin: 0 auto;
		width: 155px;
		height: 50px;
		line-height: 46px;
		border-radius: 30px;
		font-weight: bold;
	}
	.section .btn:hover{
		background: transparent;
		color: #fff;
	}
/*form*/
	.pageForm .form-item{position: relative;}
	.pageForm img{position: absolute;}
	.pageForm input{
		vertical-align: middle;
		width: 223px;
		height: 48px;
		font-size: 14px;
		padding-left: 12px;
		border: 0;
		outline: none;
	}
	.pageForm .select-parent input{cursor: default;}
	.pageForm .select-parent ul{
		position: absolute;
		display: none;
		width: 100%;
		border: 1px solid;
	}
	.pageForm .select-parent li{
		width: 100%;
		cursor: pointer;
		font-size: 14px;
		line-height: 24px;
		padding-left: 10px;
	}
/*carousel*/
	.carousel-box{position: relative;}
	.carousel-box .wrap-box{overflow-x: hidden;margin: 0 auto;}
	.carousel-box .wrap-box .wrap{width: 1000%;position: relative;}
	.carousel-box .wrap li{float: left;}
	.carousel-box .arrow{
		position: absolute;top: 50%;margin-top: -20px;
		width: 40px;
		height: 40px;
		cursor: pointer;
		background: url(../images/icon_03.png) no-repeat;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.carousel-box .arrow.prev{left: 8px;}
	.carousel-box .arrow.next{
		right: 8px;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	.carousel-box .points{text-align: center;margin-top: 25px;}
	.carousel-box .points li{
		cursor: pointer;border-radius: 50%;
		display: inline-block;vertical-align: middle;
		width: 11px;height: 11px;
		background: #8c9fc6;
		margin: 0 4px;
	}
	.carousel-box .points li.active{background: #0985b9;}

	.carousel-box .wrap li img{float: left;}
	.carousel-box .wrap li .item{float: left;}
/*header*/
	#main .header{
		margin-bottom: 30px;
		padding-bottom: 0;
	}
	#main .header>div{
		width: 100%;
		background: url(../images/header_01.jpg) no-repeat center top;
	}
	#main .header .header1{height: 273px;}
	#main .header .header2{
		background-image: url(../images/header_02.jpg);
		position: relative;
		padding-top: 39px;
	}
	#main .header .btn-box{width: 1200px;margin: 0 auto;padding-left: 38px;}
	#main .header .btn{
		display: inline-block;
		margin: 0 83px 0 0;
		color: #140152;
	}
	#main .header .btn:hover,
	.section2 form .btn:hover,
	.section7 form .btn:hover{box-shadow: 0 4px 8px #220286;background: #29dcff;color: #140152;}

	#main .header .nav{
		width: 100%;
		background: rgba(255,255,255,0.2);
		position: absolute;
		top: 177px;
	}
	#main .header .nav.fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		background: #6733b2;
	}
	#main .header .nav ul{
		width: 1200px;
		margin: 0 auto;
		height: 50px;
		line-height: 50px;
		position: relative;
	}
	#main .header .nav li{
		display: inline-block;
		font-size: 16px;
		cursor: pointer;
		color: #fff;
		text-align: center;
		padding: 0 30px;
		margin: 0 23px 0 0;
		border-radius: 30px;
		font-weight: bold;
	}
	#main .header .nav li:hover, #main .nav li.active{background-color: #fff;color: #2a0f84;}

	#main .intro{
		color: #fff;
		font-size: 14px;
		width: 1200px;
		margin: 162px auto 0;
		line-height: 23px;
	}
	#main .intro b{font-size: 18px;}
/*section*/
	.section{
		padding-bottom: 75px;
		-webkit-background-size: 1920px;
		background-size: 1920px;
	}
	.section .headline{
		text-align: center;
		font-size: 18px;
		color: #fff;
		margin-bottom: 40px;
		line-height: 40px;
		font-size: 40px;
		text-shadow: 3px 5px 6px rgba(4,0,107,0.2);
	}
	.section .headline b{position: relative;display: inline-block;}
	.section .headline b:before,.section .headline b:after{
		content: "";
		position: absolute;
		top: 0;
		width: 153px;
		height: 40px;
		background: url(../images/icon_01.png) no-repeat center;
	}
	.section .headline b:before{left: -195px;}
	.section .headline b:after{right: -195px;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.section .container{
		width: 1200px;
		margin: 0 auto;
	}
/*section1*/
	.section1 .container{
		text-align: center;
		padding-top: 20px;
	}
	.section1 .container .btn{margin: 26px 50px 0;}
/*section2+section7*/
	.section2 .container,.section7 .container{
		height: 143px;
		background: url(../images/bg_01.png) no-repeat;
		padding: 25px 0 0 70px;
		margin-top: -26px;
	}
	.section2 .container p,.section7 .container p{
		float: left;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
		padding-top: 23px;
		font-weight: bold;
		margin-right: 90px;
	}
	.section2 form{padding-top: 37px;}
	.section2 .form-item,.section7 .form-item{display: inline-block;vertical-align:top;margin-right: 57px;}
	.section2 form input,.section7 form input{
		width: 203px;
		height: 35px;
		color: #a3a3a3;
		padding-left: 40px;
	}
	.section2 form img,.section7 form img{
		height: 28px;
		left: 4px;
		top: 4px;
	}
	.section2 form .btn,.section7 form .btn{
		display: inline-block;vertical-align:top;
		margin-left: 30px;
		width: 122px;
		height: 35px;
		line-height: 33px;
		font-size: 14px;
	}

	.section7 .container p{margin-right: 50px;}
	.section7 form{margin-top: 25px;}
	.section7 form .form-item{margin-right: 28px;}
	.section7 form input{width: 181px;}
	.section7 form .btn{margin-left: 14px;}
	.section7 .tip{
		font-size: 12px;margin-top: 14px;color: #cdc7c7;
	}
/*section3*/
	.section3{background-image: url(../images/bg_05.png);}
	.section3 .container,
	.section4 .container{
		background: #fff;
		box-shadow: 1px 2px 13px rgba(39,0,125,0.75);
		padding: 30px 0 35px;
	}
	.section3 .container .title,
	.section4 .container .title{
		font-size: 24px;margin-bottom: 35px;color: #123aab;
		text-align: center;font-weight: bold;
	}
	.section3 .container ul{
		background: url(../images/content_01.jpg) no-repeat ;
		width: 1087px;
		margin: 0 auto;
	}
	.section3 .container ul li{
		float: left;
		font-size: 14px;
		height: 85px;
		width: 282px;
		line-height: 20px;
		text-align: center;
		padding-top: 18px;
		margin: 0 120px 22px 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 17px 25px 0;
		box-sizing: border-box;
		text-align: left;
	}
	.section3 .container .btn{margin-top: 15px;color: #123aab}
/*section4*/

.section4 .container{
	padding: 30px 56px 35px;
	box-sizing: border-box;
}
	.section4 .item{
		background: url(../images/content_02.png) no-repeat;
		width: 352px;
		padding: 28px 11px 0;
		display: inline-block;
		vertical-align: top;
	}
	.section4 .item:nth-child(3){
		margin: 0 15px;
	}
	.section4 .item .name{
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}
	.section4 .item p{
		font-size: 14px;
		line-height: 22px;
		margin: 12px 0 45px;
	}
	.section4 .item .btn{
		color: #123aab;
	}
/*section5+section6*/
	.section-xm .container{
		background: #fff;
		padding: 37px 0 40px;
		box-shadow: 1px 2px 13px rgba(39,0,125,0.75);
	}
	.section-xm li{
		float: left;
		background: #b78de6;
		width: 184px;height: 68px;
		border: 1px solid #2d1185;
		border-radius: 16px 0 16px 0;
		font-size: 14px;line-height: 22px;
		text-align: center;
		padding: 8px 0 0;margin: 0 11px 33px 40px;
		position: relative;
		cursor: pointer;
	}
	.section-xm li{background: #6e3ca6;}
	.section-xm li .detail{
		position: absolute;top: -5px;right: -238px;z-index: 2;
		width: 222px;
		padding: 17px 14px 28px;
		background: #6e3ca6;
		border-radius: 25px 0 25px 0;
		color: #fff;
		font-size: 14px;line-height: 22px;
	}
	.section-xm li .detail p{
		font-size: 14px;
		line-height: 24px;
		color: #fff;
		text-align: left;
	}
	.section-xm li .detail .btn{width: 186px;height: 32px;line-height: 30px;font-size: 14px;margin-top: 8px;}
	.section-xm li:before,.section-xm li .detail:before{
		content: "";
		z-index: 0;
		position: absolute;left: -5px;top: -5px;
		width: 100%;height: 100%;
		border: 1px solid #2d1185;
		border-radius: 16px 0 16px 0;
		background: #f3f5ff;
	}
	.section-xm li .detail:before{border-radius: 25px 0 25px 0;background: #b78de6;}
	.section-xm li p,.section-xm li span,.section-xm li .detail .btn{position: relative;z-index: 1;}
	.section-xm li>p{font-weight: bold;}
	.section-xm li span{
		color: #ff3000;
		text-decoration: underline;
	}
	.section-xm li.active:before,.section-xm li:hover:before{background: #b78de6;}
	.section-xm li.active>p,.section-xm li:hover>p{color: #fff;}
	.section-xm li.active span,.section-xm li:hover span{color: #ffd200}
	
	.section-xm .container .box-inline .btn{width: 225px;margin: 0 42px;color: #123aab}
/*section8*/
	.section8 ul{
		background: url(../images/icon_02.png) no-repeat;
	}
	.section8 li{
		float: left;
		font-size: 18px;
		color: #fff;
		line-height: 60px;
		margin-bottom: 34px;
		padding-left: 75px;
		width: 300px;
	}
	.section8 li p{
		display: inline-block;
		vertical-align: middle;
		line-height: 22px;
	}
	.section8 li.w2{width: 310px;padding-left: 80px;}
	.section8 li.w3{width: 290px;padding-left: 71px;}
/*section9*/
	.section9 li{
		float: left;
		width: 285px;height: 212px;
		border: 1px solid #123aab;
		background: #fff url(../images/pic_06.jpg) no-repeat ;
		margin-right: 20px;padding-top: 61px;
	}
	.section9 li.item2{background-image: url(../images/pic_07.jpg);}
	.section9 li.item3{background-image: url(../images/pic_08.jpg);}
	.section9 li.item4{background-image: url(../images/pic_09.jpg);}
	.section9 li .name{
		line-height: 45px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		background: rgba(0,0,0,0.5);
		font-weight: bold;
	}
	.section9 li p{
		font-size: 14px;
		line-height: 22px;
		color: #383838;
		padding: 27px 15px 0;
	}
	.section9 .btn{width: 400px;margin-top: 30px;}
/*section10*/
	.section10 .carousel-box .wrap-box{width: 1092px;}
	.section10 li{padding: 8px 0 0;}
	.section10 .item{
		border: 1px solid #fff;
		width: 521px;
		height: 310px;
		margin: 12px 34px 0 7px;
	}
	.section10 .content{
		width: 519px;
		height: 308px;
		background: #fff url(../images/icon_04.png) no-repeat 368px 0;
		margin: -8px 0 0 -7px;
		font-size: 14px;
		line-height: 31px;
		padding: 22px 20px 0;
	}
	.section10 .content p{
		text-indent: 2em;
		position: relative;
	}
	.section10 .content p i{
		position: absolute;
		left: 2px;
		width: 19px;
		height: 31px;
		background: url(../images/icon_05.png) no-repeat center;
	}
	.section10 .btn{margin-top: 26px;}
/*pop*/
	.section-pop{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		margin: 0;
		width: 100%;
		background: rgba(0,0,0,0.7);
	}
	.section-pop .pop-box{
		position: absolute;top: 50%;left: 50%;margin: -217px 0 0 -279px;
		width: 558px;height: 434px;
		background: #fff url(../images/pop-bg.jpg);
		border-radius: 10px;
		padding: 45px 40px 0;
	}
	.section-pop .pop-close{
		position: absolute;
		right: 0px;
		top: -97px;
		width: 52px;
		height: 97px;
		background: url(../images/pop-close.png);
		cursor: pointer;
	}
	.section-pop .title{
		font-size: 36px;
		text-align: center;
		font-weight: bold;
		color: #5400a1;
		padding-bottom: 28px;
		background: url(../images/icon_06.png) no-repeat center bottom;
		margin-bottom: 30px;
	}
	.section-pop .form-item{margin-bottom: 16px;}
	.section-pop .form-item:before{
		content: "";
		position: absolute;left: 64px;top: 18px;
		width: 1px;height: 30px;
		background: #d2d2d2;
	}
	.section-pop input{
		width: 473px;
		height: 68px;
		padding-left: 80px;
		border-radius: 5px;
		color: #aaa;
		font-size: 22px;
	}
	.section-pop .form-item img{top: 19px;left: 20px;}
	.section-pop .btn{
		width: 382px;height: 60px;line-height: 60px;
		background: #5400a1;color: #fff;
		font-size: 24px;border: 0;
		margin-top: 31px;
	}
	.section-pop .btn:hover{background: #5400a1;box-shadow: 0 4px 8px #220286;}
.recommend{     background: none !important;padding-top:0 !important;}