@charset "gb2312";
/* CSS Document */

 html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: "微软雅黑";
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
img {
	border: none;
}
a{text-decoration:none;}
* {
	padding:0;
	margin:0;
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
img{border:0;vertical-align:middle;}
.clearfix{*zoom:1}
.clearfix:after{visibility:hidden;clear:both;display:block;content:".";height:0}
.fl{
	float:left;
	
}
.fr{float:right;}
.cf{clear: both;}
.align{text-align:center;}
.mar0{margin-right:0;}
.green{
	color:#72F5D5;
}
/*swiper*/

    .swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
		overflow:hidden;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
       /* -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;*/
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.pagination {
  position: absolute;
  z-index: 20;
  right: 10px;
  top: 40%;
}
.swiper-pagination-switch {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #555;
  margin: 0 0px 5px;
  opacity: 0.8;
 
  cursor: pointer;
}
.swiper-active-switch {
  background: #ff0;
}

/*top*/

.hd {
	width:auto;
	height: auto;

	padding-bottom: 10px;
	background-color: #ececec;
}
.hd img {
	margin-left: 20px;
	margin-top: 10px;
}
/*结束部分开始*/
/*结束部分开始*/
#foot {
	width:100%;
	height:auto;
	background-color:#25292C;
	background-repeat: repeat-x;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
}
#foot-all {
	width:948px;
	height:60px;
	color: #FFF;
	background: #25292c;
	text-decoration: none;
	padding-top:5px;
	line-height: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
#foot #foot-all a {
	color: #CCC;
	text-decoration: none;
}


.hdd {
	width:auto;
	
	
	background: #25292c;
}
#hd .hd-m {
	width: 1000px;
	margin:0 auto;
}




.layout{width:1100px;position: relative; font-family: "微软雅黑";margin:0 auto;}
.banner{background:url(imagesbanner1.jpg) no-repeat center bottom;}
.banner_m{
	padding-top:20px;
	
}
.logo{
	position:absolute;
	left:4%;
	top:0%;
}
.banner .pfbg{
	position:absolute;top:20px;left:0;
	width:100%;height:100%;
	background:url(imagespf_01.png) no-repeat center top;z-index:0;
	
}
.bubbleMove{
	animation:bubbleMove 2s ease-in-out 1s infinite normal;
    -webkit-animation:bubbleMove 2s ease-in-out 1s infinite normal;
	-moz-animation:bubbleMove 2s ease-in-out 1s infinite normal;
	-ms-animation:bubbleMove 2s ease-in-out 1s infinite normal;
	-o-animation:bubbleMove 2s ease-in-out 1s infinite normal;
}
.tit_tips{
	font-size:58px;
	line-height:1em;
	color:#fff;
	margin-top:-5px;
}
.btnGroup{
	height:40px;
	margin-bottom:20px;
	margin-top:25px;
}
.btnGroup span{
	display:inline-block;
	width:212px;
	height:40px;
	line-height:40px;
	background:#ff2a9b;
	border:1px solid #fff;
	border-radius:20px;
	text-align:center;
	color:#fff;
	margin:0 9px;
	font-size:26px;
}
.list{
	background:#fff;
	width:860px;
	margin:0 auto;
	padding:5px 30px;
}
.list li{
	float:left;
	padding:20px 72px;
	height:90px;
	border-right:1px dashed #5a5250;
	cursor:pointer;
	position:relative;
}
.list li.item_bb1{
	border-bottom:1px dashed #5a5250;
}
.list li.br0{
	border-right:0;
}
.list li.ma-1{
	padding-right:71px;
}
.list li img{
	display:block;
	border:none;
}
.list li .opa_bg{
	background:#000;	
	opacity:.8;filter:alpha(opcaity=80);
	position:absolute;
	width:100%;height:0;
	top:0;left:0;
	transition: .3s all;
	
}
.list li:hover .opa_bg{
	height:100%;
}

.list li p{
	display:none;
	position:absolute;
	width:100%;height:90px;
	padding-top:40px;
	left:0;top:0;
	color:#ff0;
	
}
.list li p a{
	display:block;
	width:120px;
	line-height:1.5em;
	margin:10px auto 0;
	border:1px solid #ff0;
	color:#ff0;
}
.list li p a:hover{
	background:#ff0;
	color:#000;
}
.list li:hover p{
	display:block;
	
}
/*main1*/
.main1{
	background:url(imagesmain1bg2.jpg) no-repeat center center;
	position:relative;
}
.main1 .pfbg{
	position:absolute;top:0px;left:0;
	width:100%;height:100%;
	background:url(imagesmain2_pf.png) no-repeat center -30px;z-index:0;
	
}
.main1_m{
	box-sizing: border-box;
	-wenkit-box-sizing: border-box;
	padding-left:310px;
	position:relative;
	
}
.time{
	position:absolute;
	right:15px;
	top:-150px;
	display: block;
	width:184px;
	height:184px;
	z-index:1px;
}
.main1_m h2{
	text-align:left;
	line-height:65px;
	font-size:48px;
	color:#46ffbc;
}
.main1_m h2 p span.fl{
	padding-left:10px;
	background:#34c9ae;
	line-height:53px;
	color:#002683;
}
.main1_m h2 p em.fl{
	background:url(imagestit_bg3.png) no-repeat;
	width:28px;
	height:53px;
}
.sm_list{
	padding:10px 0;
}
.sm_list li{
	padding-left:35px;
	background:url(imagesico_y.png) no-repeat left center;
	margin:10px 0;
	color:#fdfbfb;
	fonr-size:24px;
	line-height:30px;
	text-align:left;
}

.yhqGroup{
	margin-bottom:20px;
}
.yhqGroup span{
	display:inline-block;
	width:166px;
	margin-right:30px;
}
.yhqGroup span.mar0{
	margin-right:0;
}
.yhqGroup span img{
	display:block;
	border:none;
}
.join{
	width:773px;
	height:74px;
	line-height:74px;
	color:#fff;
	font-weight:bold;
	font-size:40px;
	background:url(imagesbtn_lg.png) no-repeat;
	float:right;
	
}

.main2{
	background:url(imagesmain2bg.jpg) no-repeat center center;
}
.main2_m{
	height:613px;
	position:relative;
} 
.main2_m .sydw{
	position:absolute;
	left:-30px;top:0;
	width:708px;height:316px;
	padding-left:30px;
	padding-top:80px;
	background:url(imagessydw.png) no-repeat;}
.main2_m .jszg{
	position:absolute;right:-30px;top:216px;
	width:712px;height:316px;text-align:right;
	padding-right:30px;
	padding-top:80px;
	background:url(imagesjsbg.png) no-repeat;	
}
.sydw .rotate{
	width:213px;
	height:181px;
	position:absolute;
	top:-5px;right:-110px;
	background:url(imagessydw_quan.png) no-repeat;}
.jszg .rotate{
	width:193px;
	height:189px;
	position:absolute;
	bottom:0px;left:-30px;
	background:url(imagesjs_quan.png) no-repeat;
}
.sydw .keyword{
	margin-bottom:-20px;
	text-align:left;
	height:30px;
}
.sydw .keyword span{
	display:inline-block;*display:inline;zoom:1;
	padding:0 20px;
	background:#fbea2a;
	
	color:#b325ac;
	font-size:20px;
	font-weight:bold;
	margin-right:25px;
	border-radius:15px;
}
.sydw h4{
	background:url(imagesziBar.png) no-repeat;
	height:35px;
	padding-top:14px;
	line-height:35px;
	font-size:24px;
	
	text-align:left;
	padding-left:15px;
	color:#f5703e;
}
.sydw .text{	
	padding:5px 0;
}
.sydw .text p{
	padding-left:40px;
	background:url(imagespoint.png) no-repeat 20px center;
	text-align:left;
	font-size:24px;
	line-height:40px;
	font-weight:bold;
	color:#8043d3;
}
.sydw .btn{
	
	padding:0 40px;
	color:#fff;
	font:bold 26px/47px "Microsoft Yahei";
	background:#8043d3;
	border-radius:24px;
}
.jszg .btn{
	
	padding:0 40px;
	color:#544d03;
	font:bold 26px/47px "Microsoft Yahei";
	background:#f8fb07;
	border-radius:24px;
}
.jszg .qg{
	padding-top:10px;
}
.jszg h4{
	background:url(imagesgreBar.png) no-repeat right top;
	height:65px;
	padding-right:15px;
	text-align:right;
	line-height:65px;
	font-size:30px;
	color:#e63e1d;
	
}
.jszg .text{
	text-align:right;
	color:#fff;
	padding-top:5px;
	
}
.jszg .text p{
	height:48px;
	line-height:48px;
	text-align:left;
	font-size:24px;
	padding-left:315px;background:url(imagespoint.png) no-repeat 290px center;
	color:#66ff00;
	font-weight:bold;
	
}

/*main4*/
.main3{
	background:url(imagesmain3.jpg) no-repeat center center;
}
.main3_m{position:relative;}
.mian3_m h4{
	text-align:left;
}
.mian3_m .tit_small{
	padding:15px 0;
	font-size:24px;
	line-height:40px;
	color:#333;
	text-align:left;
}
.bookWrap{
	position:relative;
	width:1162px;
	left:-26px;
	padding-left:26px;	
	height:416px;
	background:url(imagests_bg.png) no-repeat center bottom;
	margin-bottom:48px;
}
.bookWrap li{
	float:left;
	width:30%;
	height:383px;
	background:#fff;
	box-shadow:0 0 20px #d7dadb;
	margin-right:47px;
}
.bookWrap .li1{width:321px;}
.bookWrap .li2{width:334px;}
.bookWrap .li3{width:348px;}

.bookWrap li a{display:block;}
.bookWrap li h6{height:90px;padding-top:4px;}
.bookWrap li h6 img{display:block;width:100%;}

.mian3_m .ts_join{
	display: inline-block;*display: inline;zoom:1;
	padding:0 50px;
	line-height:72px;
	color:#fff;
	font-weight:bold;
	font-size:40px;
	border-radius:36px;
	background:rgb(252,13,113);

}
.mian3_m .ts_join:hover{
	background:#f00;
}

/*main4*/
.main4{
	
	background:url(imagesmain4.jpg) no-repeat center center;
	text-align:left;
}
.nsh_wrap{
	padding:12px;
	width:776px;
	height:253px;
	background:#ffa726;	
		opacity:0;
	transform: translate3D(-100px,0,0);
	transition:all 1s;
}
.nsh_wrap .nsh-container{
	border:1px solid #3f51b5;
	width:766px;
	height:250px;
	padding-left:10px;

	
}

.swiper-slide-active .nsh_wrap{
	opacity: 1;
	transform: translate3D(0,0,0);
}
.nsh_wrap h4{
	font:bold 40px/40px "Microsoft Yahei";
	color:#304ffe;
	padding:20px 0;
	text-align: left;
}
.nsh_wrap span{
	display:inline-block;*display:inline;zoom:1;
	padding:0 25px;
	margin-top:0;
	margin-left:10px;
	height:40px;
	line-height:40px;
	border-radius:20px;
	border:1px solid #304ffe;
	color:#304ffe;
	font-size:24px;
	vertical-align: middle;
	font-weight:normal;
	
}
.nsh_wrap span+a{
	display:inline-block;*display:inline;zoom:1;
	padding:0 25px;
	margin-top:0;
	margin-left:10px;
	height:40px;
	line-height:40px;
	border-radius:20px;
	background:#304ffe;	
	font-size:24px;
	vertical-align: middle;
	font-weight:normal;
	color:#fff;
}
.main4_m .text{
	font-size:24px;
	line-height:36px;
	color:#304ffe;;
	padding:10px 0;
}
.main4_m .text p{
	padding-left:40px;
	background:url(imagespoint_b.jpg) no-repeat 10px center;
	text-align:left;
	float:left;
	margin-right:20px;
	
}

.yh-Wrap{
	width:870px;
	padding-left:230px;
	padding-top:210px;
	opacity: 0;
	margin-top:-78px;
	-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5);
	background:url(imagesblue.png) no-repeat right top;
	transition: all 1s
}
.swiper-slide-active .yh-Wrap{
	opacity: 1;
	-webkit-transform:scale(1, 1); transform:scale(1, 1);
	transition-delay: 0.7s;
}	

.cont{
	margin-left:33px;
	background:#0617b7;
	
}

.cont p.fr{
	width:200px;
	padding-right:15px;
	padding-top:50px;
	text-align:right;
	font:bold 24px/36px "Microsoft Yahei";
	color:#eaff03;
	
} 
.cont p.fr .yh_join{
	width:100%;
	text-align:center;
	display:block;
	color:#333;
	font:bold 26px/47px "Microsoft Yahei";
	border-radius:24px;
	background:#f7f937;
}
.cont .yhqGroup{
	width:580px;
	padding-top:20px;
	padding-left:40px;
	
}
.cont .yhqGroup a{
	display:inline-block;*display:inline;zoom:1;
	margin-right:30px;
	
}
.cont .yhqGroup a.mar0{
	margin-right:0;
	
}

/*main5*/
.main5{
	background:url(imagesmain5.jpg) no-repeat center center;
}
.main5_m .jkyh{
	padding-top:58px;
	height:256px;
	background:url(imagesyhq_list_top.png) no-repeat center top;
}
.main5_m .jkyh dt{
	padding-top:23px;
	width:318px;
	height:256px;
	margin-right:27px;
}
.jkyh dt .lookClass{
	display: block;
	float:right;
	width:193px;
	height:56px;
	line-height:56px;
	color:#0617b7;
	background:-webkit-linear-gradient(left,#c9b3fe,#84eafe);
	background:linear-gradient(left,#c9b3fe,#84eafe);
	background: -ms-linear-gradient(top, #c9b3fe 0%,#84eafe 100%)
}
.jkyh dt strong{
	display: block;
	float:right;
	text-align: right;
	height:72px;
	line-height:72px;
	color:#333;	
	font-size:34px;
}
.jkyh dt span{
	float:right;
	display: block;
	padding:0 30px;
	text-align: center;
	height:44px;
	line-height:44px;
	color:#0617b7;
	border-radius:22px;
	background:-webkit-linear-gradient(left,#84eafe,#c9b3fe);
	background:linear-gradient(left,#84eafe,#c9b3fe);
	background:-ms-linear-gradient(left,#84eafe,#c9b3fe);
}
.main5_m .jkyh dd{
	width:740px;
}
.main5_m .jkyh dd span{
	float:left;
	display:block;
	margin-right:18px;
}

.main5_m .tgyh{
	padding-top:30px;
	height:280px;
	background:url(imagesyhq_list_bot.png) no-repeat center top;
}
.main5_m .tgyh dt{
	padding-top:2px;
	width:350px;
	height:278px;
	
}
.tgyh dt .lookClass{
	display: block;
	float:left;
	width:193px;
	height:56px;
	line-height:56px;
	color:#0617b7;
	background:-webkit-linear-gradient(left,#c9b3fe,#84eafe);
	background:linear-gradient(left,#c9b3fe,#84eafe);
	background:-ms-linear-gradient(left,#c9b3fe,#84eafe);
}
.tgyh dt strong{
	display: block;
	float:left;
	text-align: right;
	height:72px;
	line-height:72px;
	color:#333;	
	font-size:34px;
}
.tgyh dt span{
	float:left;
	display: block;
	padding:0 30px;
	text-align: center;
	height:44px;
	line-height:44px;
	color:#0617b7;
	border-radius:22px;
	background:-webkit-linear-gradient(left,#84eafe,#c9b3fe);
	background:linear-gradient(left,#84eafe,#c9b3fe);
	background:-ms-linear-gradient(left,#84eafe,#c9b3fe);
}
.main5_m .tgyh dd{
	width:700px;
	padding-left:50px;
}
.main5_m .tgyh dd span{
	float:left;
	display:block;
	margin-right:60px;
}
.main5_m .tgyh dd span.mar30{
	margin-right:0;
}
.swiper-pagination{
	margin-bottom:10px;
	width:30px;
	
}
.main6{
	
	height:auto!important;
	padding:50px 0;
	background:rgb(238,238,238);
}
.main6_m{
	width:100%;
}
/*zx*/
.zxwrap{
	position: fixed;
	left:-23px;
	top:15%;
	padding-top:206px;
	width:178px;
	height:300px;
	background:url(imageszx_03.png) no-repeat;
	Z-index:5;
}
.zxwrap ul{
	width:122px;
	margin:0 auto;
}
.zxwrap ul li{
	width:78px;margin:0 auto;
	font-size:16px;
	line-height:32px;
	text-align:center;
	border-bottom:1px solid #fed6e6;
}
.zxwrap ul li a{
	display:block;
	color:#fed6e6;
}
.zxwrap ul li a:hover{
	display:block;
	color:#333;
}
.zxwrap ul li:nth-last-child(1){
	border-bottom:none;
}
.zxwrap #return_top{
	display: block;
	cursor:pointer;
	width:78px;
	height:20px;
	margin:75px auto 0;
}


/*768px*/
@media screen and (max-height: 780px) {
.logo{
	position:absolute;
	left:4%;
	top:-2%;
}
	.list{display:none;}
	.time{top:0;	}
.main1_m h2{

	line-height:50px;
	font-size:30px;
	
}
.main1_m h2 p span.fl{
	line-height:50px;
	font-size:30px;
	
}
	.main1_m h2 p em.fl{
		height:50px;
	}
.sm_list{
	padding:0;
}
.join{
	width:541px;
	height:52px;
	line-height:52px;
	color:#fff;
	font-weight:bold;
	font-size:30px;
	background:url(imagesbtn_lg.png) no-repeat;
	background-size:100% 100%;
}
.mian3_m h4 {
	height:50px;
	overflow:hidden;
	}
	
.mian3_m .tit_small{
	padding:5px 0;
	font-size:20px;
	line-height:30px;

}
.bookWrap{
	position:relative;
	width:1000px;
	left:0;
	padding-left:26px;	
	height:350px;
	background:url(imagests_bg.png) no-repeat center bottom;
	margin-bottom:20px;
}
.bookWrap li{
	height:auto;	
}
.bookWrap .li1{width:280px;}
.bookWrap .li2{width:280px;}
.bookWrap .li3{width:280px;}

.bookWrap li a{display:block;}
.bookWrap li h6{height:70px;padding-top:4px;}
.bookWrap li img{display:block;width:100%;}
	
	
	.mian3_m .ts_join{
		line-height:52px;
		font-size:30px;
		padding:0 30px;
	}	
.main4_m h4{
	padding-bottom:5px;
}
	
.main4_m h6{
		height:50px;
     	overflow:hidden;
	}
	.main4_m .text{
		padding:5px 0;
		height:36px;
	}
.main4_m .text p{
    float:left;
	margin-right:10px;;
}

}