*{
	margin:0;
	padding: 0;
	box-sizing: border-box;
}
.box{
	width: 100%;
}
h3 ,h4{
	font-weight: bold;
}
.zy .hov a{
	width: 142px !important;
	height: 110px !important;
}
.box .box1{
	width: 100%;
	padding-top: 0.1px;
}
.box1 .slideBox{position:relative;overflow: hidden;}
.box1 .slideBox .hd{overflow:hidden; position:absolute;bottom:-20px; z-index:1;left: 520px; }
.box1 .slideBox .hd ul{ zoom:1; float: right; padding-left: 20px }
.box1 .slideBox .hd ul li{float:left;position:relative;border-radius: 50%;margin: 0 8px;border :1px solid #dbdeeb;width:14px; height:14px; text-align:center; cursor:pointer; font-size: 0; padding-top: 3px;background-size:92%;}
.box1 .slideBox .hd ul li.on{background:#fff;padding-top: 3px;background-size: 90%;}

.box1 .slideBox .bd img{width: 100%;}
.box1 .slideBox .bd{ position:relative; width: 100%;z-index:0;border-radius: 10px;margin: 0 auto;}
.box1 .slideBox .bd li{ zoom:1; vertical-align:middle; background-size: 100%;position: relative;}
.box .box1 .p3{
    position: absolute;
    width: 162px;
    height: 34px;
    z-index: 3;
    top: 74%;
    left: 29.5%;
    cursor:pointer;
}
.box .box2{
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
.box2 .tiao{
	width: 100%;
	height: 5px;
	background: linear-gradient(to bottom, #f2f2f2, #fff);
}
.box2 h4{
	font-size: 40px;
	color: #333;
	font-weight: bold;
	width: 1200px;
	margin: 62px auto 0;
	text-align: center;
}
.box2 .p4{
	width: 320px;
    height: 60px;
    margin: 20px auto 45px;
    background: #82b5ff;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    opacity: .7;
    font-size: 22px;
}
.box2 .city_tab .inner {
    display: none !important;
}
.lay_kbinfo {
	border:0 !important;
}
.city_subject ul:nth-of-type(1) {
    list-style: none;
    margin: 0;
    display: none !important;
    padding: 0;
}
.city_subject ul:nth-of-type(2) {
    list-style: none;
    margin: 0;
    display: none !important;
    padding: 0;
}
.city_subject ul:nth-of-type(3) {
    list-style: none;
    margin: 0;
    display: block !important;
    padding: 0;
}
.box .box2 .box2-2{
	width: 1200px;
	height: 244px;
	margin: 0 auto;
}
.box .box2 .box2-2 .fox{
	width: 300px;
	height: 100%;
	float: left;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 36px;
	padding-left: 75px;
}
.box .box2 .box2-2 .fox div{
	font-size: 16px;
	height: 18px;
	width: 100%;
	color: #666;
	position: relative;
}
.box .box2 .box2-2 .fox div span{
	position: absolute;
	width: 55px;
	border-bottom: 1px solid #82b5ff;
	top: 10px;
	left: 25px;
}
.box .box2 .box2-2 .fox .p1{
	width: 126px;
	font-size: 30px;
	color: #666;
	position: relative;
	font-weight: normal;
	margin: 39px 0 32px;
}
.box .box2 .box2-2 .fox .p1 span{
	position:absolute;
	width:100%;
	height: 6px;
	background: #82b5ff;
	left: 0;
    bottom: 1;
    opacity: .8;
}
.box .box2 .box2-2 .fox .p2{
	font-size: 16px;
	color: #999;
}
.box .box3{
	width: 100%;
	background: #5e8bdf;
	height: 682px;
}
.box .box3 .box3-3{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	padding: 74px 0;
}
.h3-1{
	text-align: center;
	font-size: 40px;
	color: #fff;
	margin-bottom: 30px;
	font-weight: bold;
}
.p3-1{
	font-size: 16px;
	text-align: center;
	color: #fff;
	opacity: .8;
}
.h3-2{
	text-align: center;
	font-size: 40px;
	color: #333;
	margin-bottom: 20px;
	font-weight: bold;
}
.p3-2{
	font-size: 16px;
	text-align: center;
	color: #999;
}
.box .box3 .box3-3 .money{
	width: 100%;
	margin-top: 65px;
}
.box .box3 .box3-3 .money div{
	float: left;
	width: 33%;
	height:332px;
	text-align: center;
}
.box .box3 .box3-3 .money div .p1{
	color: #ffea00;
	font-size: 0;
	margin-bottom: 20px;
}
.box .box3 .box3-3 .money div .p1 i{
	font-style: normal;
	font-size: 80px;
	height: 80px;
	position: relative;
}
.box .box3 .box3-3 .money div .p1 i a{
	position: absolute;
	width: 100%;
	height: 5px;
	background: #74ca81;
	left: 0;
	bottom: 16px;
}
.box .box3 .box3-3 .money div .p1 .i3 a{
	background: #ebae79;
}
.box .box3 .box3-3 .money div .p1 span{
	font-size: 24px;
	vertical-align: 4px;
}
.box .box3 .box3-3 .money div .p2{
	font-size: 24px;
	color:#fff;
	margin-bottom: 22px;
}
.box .box3 .box3-3 .money div .p3{
	font-size: 16px;
	color: #c0cfff;
	opacity: .7;
}
.box4{
	width: 100%;
}
.box4 .box4-4{
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0 50px;
	height: 228px;
}
.box4 .box4-4 .left{
	float: left;
}
.box4 .box4-4 .left .p1{
	color: #7fb0cf;
	font-size: 30px;
	position: relative;
}
.box4 .box4-4 .left .p1 span{
	position: absolute;
	width: 110px;
	border-bottom: 1px solid #7fb0cf;
	left: 156px;
    top: 21px;
    margin-bottom: 24px;
}
.box4 .box4-4 .left .p2{
	font-size: 36px;
	color: #666;
	margin-bottom: 17px;
}
.box4 .box4-4 .left .p3{
	font-size: 8px;
	color: #999;
	opacity: .5;
}
.box4 .box4-4 .right{
	float: right;
	width: 275px;
	height: 76px;
	background: #84aefc;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 76px;
	margin-top: 30px;
	cursor:pointer;
}
.box5{
	width: 100%;
}
.box5 .top{
	width: 100%;
	height: 410px;
	background:#f5f7fc;
	padding-top: 66px;
}
.box5 .top .top1{
	width: 1200px;
	margin: 0 auto;
}
.box5 .top .top1 div{
	margin-top: 46px;
	text-align: center;
}
.box5 .top .top1 div img{
	border-radius: 50%;
	margin-right: 40px;
}
.box5 .btm{
	width: 100%;
}
.box5 .btm div{
	width: 1200px;
	margin: 0 auto;
}
.box5 .mid{
	width: 100%;
	margin: 0 auto;
	height: 358px;
}
.box5 .mid .swip{
	width: 1200px;
	height: 358px;
	margin: 0 auto;
	position: relative;
}
.box5 .mid .swp{
	width: 100%;
	height: 436px;
	position: absolute;
	top: -98px;
}
/* 本例子css */
.box5 .slideBox{position:relative; height: 400px;}
.box5 .slideBox .hd{overflow:hidden; position:absolute;bottom:-170px; z-index:1;left: auto; }
.box5 .slideBox .hd ul{ zoom:1; float: right; padding-left: 20px }
.box5 .slideBox .hd ul li{float:left;position:relative;margin: 0 8px;background:url(../images/teacherbj2.png) no-repeat center 0;width:100px; height:127px; text-align:center; cursor:pointer; font-size: 0; padding-top: 3px;background-size:92%;}
.box5 .slideBox .hd ul li.on span{background: #3280f4}
.box5 .slideBox .hd ul li img{width: 87%;margin: 0 auto;}
.box5 .slideBox .hd ul li.on{background:url(../images/teacherbj1.png) no-repeat center 1px;padding-top: 3px;background-size: 90%;}

.box5 .slideBox .bd{ position:relative;height: 400px;z-index:0;border-radius: 10px;margin: 0 auto;}
.box5 .slideBox .bd ul li{zoom:1; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.box5 .slideBox .bd li div{
	float: left;
	width: 578px;
	height: 400px;
	background: linear-gradient(to right, #326aae, #43b3b5);
	font-size: 0;
	padding: 35px;
	color: #fff;
	border-radius: 0 0 50px 0;
}
.box5 .slideBox .bd h3{
	font-size: 30px;
	margin-bottom: 26px;
}
.box5 .slideBox .bd h3 span{
	font-weight: normal;
	font-size: 26px;
}
.box5 .slideBox .bd p{
	font-size: 16px;
	margin: 20px 0 5px;
}
.box5 .slideBox .bd h5{
	font-size: 22px;
}
.box5 .slideBox .bd h5 span{
	float: right;
	font-size: 35px;
}
.box5 .slideBox .prev{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 180px;
    left: -68px;
    color: #b8babc;
    padding-top: 1px;
    background:url(../images/box5l1.jpg) no-repeat;
    box-sizing: 100%;
    width: 37px;
    height: 75px;
}
.box5 .slideBox .prev:hover{
	background:url(../images/box5l2.jpg) no-repeat;
}
.box5 .slideBox .next{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 180px;
    left: 1220px;
    color: #b8babc;
    background:url(../images/box5r1.jpg) no-repeat;
    box-sizing: 100%;
    width: 37px;
    height: 75px;
}
.box5 .slideBox .next:hover{
	background:url(../images/box5r2.jpg) no-repeat;
}




.box6 .box6-6{
	width: 1200px;
	margin: 0 auto;
	padding-top: 96px;
}
.box6 .box6-6 .bimg6{
	display: block;
	margin-top: 54px;
}
.box6 .box6-6 .btm{
	width: 1200px;
	height: 334px;
	margin-top: 30px;
}
.box6 .box6-6 .btm .left{
	float: left;
	width: 510px;
}
.box6 .box6-6 .btm .left div{
	width: 100%;
	height: 80px;
	border-bottom:1px solid #e2e2e2;
	padding-top: 15px;
}
.box6 .box6-6 .btm .left div h3{
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
.box6 .box6-6 .btm .left div p{
	font-size: 16px;
	color: #999;
	text-align: center;
}
.box6 .box6-6 .btm .lef{
	margin-right: 162px;
}
.box6 .box6-6 .btm .lef h3{
	color: #7a8ef3
}
.box6 .box6-6 .btm .rig h3{
	color: #ffbc49;
}

.box7{
	width: 100%;
	overflow: hidden;
	background: #3369ae;
	padding-bottom: 66px;
}
.box7 .box7-7{
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
}
.box7 .qiehuan ul{
	width: 100%;
	overflow: hidden;
	margin-top: 55px;
}
.box7 .qiehuan ul li{
	border-radius: 30px;
	float: left;
	list-style-type:none;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	font-size: 0;
}
.box7 .qiehuan ul li .d1 p{
	width: 30px;
	font-size:24px;
	color: #fff;
	height: 120px;
	display: block;
	margin: 50px auto 100px;
}
.box7 .qiehuan ul li .d1 img{
	margin-bottom: 40px;
}
.box7 .qiehuan ul li .d1{
	width: 106px;
	background: url(../images/box7-3.png)no-repeat;
	background-size: 100% 100%;
	padding-top: 59px;
}

.box7 .qiehuan ul li .d2{
	display: none;
	width: 200px;
	text-align: center;
	padding-top: 98px;
	background: #fff;
}
.box7 .qiehuan ul li .d2 h3{
	font-size: 60px;
	color: #d7d7d7;
}
.box7 .qiehuan ul li .d2 p{
	font-size: 30px;
	color: #c0c0c0;
	margin:0 0 20px;
}
.box7 .qiehuan ul li .d2 h4{
	font-size: 24px;
	color: #042576;
}
.box7 .qiehuan ul li .d2 span{
	font-size: 10px;
	color: #999;
	margin: 31px 0 50px;
	display: block;
}
.box7 .qiehuan ul .li3 .d1{
	display: none;
}
.box7 .qiehuan ul .li3 .d2{
	display: block;
}
.box8{
	width: 100%;
	background:#292447;
}
.box8 .box8-8{
	width: 1200px;
	margin: 0 auto;
	padding: 40px 0 50px;
	height: 200px;
}
.box8 .box8-8 .left{
	float: left;
}
.box8 .box8-8 .left .p1{
	color: #7fb0cf;
	font-size: 30px;
	position: relative;
}
.box8 .box8-8 .left .p1 span{
	position: absolute;
	width: 110px;
	border-bottom: 1px solid #7fb0cf;
	left: 156px;
    top: 21px;
    margin-bottom: 24px;
}
.box8 .box8-8 .left .p2{
	font-size: 36px;
	color: #fff;
	margin-bottom: 14px;
}
.box8 .box8-8 .left .p3{
	font-size: 8px;
	color: #fff;
	line-height: 1.1rem;
	opacity: .1;
}
.box8 .box8-8 .right{
	float: right;
	width: 275px;
	height: 76px;
	background: #5944dc;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 76px;
	margin-top: 30px;
	cursor:pointer;
}
.box9 .box9-9{
	width: 1200px;
	padding-top: 64px;
	margin: 0 auto;
	padding-bottom: 96px;
}
.box9 .swp{
	margin-top: 84px;
	overflow: hidden;
}
.box9 .swp .left{
	float: left;
	width: 410px;
	height: 685px;
	background: linear-gradient(to right, #fe1a4f, #ff6357);
	border-radius: 30px 0 30px 0;
	padding: 45px 0 0 50px;
	color: #fff;
}
.box9 .swp .left h3{
	font-size: 100px;
}
.box9 .swp .left h4{
	font-size: 28px;
	height: 60px;
	position: relative;
	margin-bottom: 30px;
}
.box9 .swp .left h4 span{
	width: 40px;
	position: absolute;
	border-bottom: 2px solid #fff;
	left: 0;
	bottom: 0;
}
.box9 .swp .left p{
	font-size: 18px;
	color: #fff;
	width: 208px;
	line-height: 58px;
	border-bottom: 1px solid #fff;
}
.box9 .swp .right{
	width: 790px;
	height: 685px;
	float: right;
	padding-left: 52px;
	position: relative;
}
.box9 .swp .right .title{
	font-size: 24px;
	color: #a5a5a5;
	position: relative;
	font-weight: bold;
}
.box9 .swp .right .title span{
	position: absolute;
	top:19px;
	width: 80px;
	border-bottom: 2px solid #ffb1ab;
}
.box9 .swp .right .title b{
	font-size: 36px;
	color: #ff6357;
	vertical-align: middle;
	margin-left: 87px;
}
.box9 .swp .right h4{
	font-size: 24px;
	color: #666;
	margin: 44px auto 20px;
}
.box9 .swp .right p{
	font-size: 16px;
	color: #666;
	line-height:40px;
}
.box9 .swp .right .img{
	position: absolute;
	width: 890px;
	height: 290px;
	top: 284px;
	left: -93px;
	border:5px solid #fff;
	font-size: 0;
}
.box9 .swp .right a{
	position: absolute;
	width: 260px;
	line-height: 60px;
	border: 2px solid #ff6357;
	text-align: center;
	color: #ff6357;
	font-size: 18px;
	font-weight: bold;
	bottom: 0;
	right: 0;
}
.box9 .swp .right h6{
	position: absolute;
	width: 490px;
	height: 2px;
	background: #f0f0f0;
	bottom: 30px;
    left: 20px;
}

.box9 .swp2{
	margin-top: 84px;
	overflow: hidden;
}
.box9 .swp2 .left{
	float: right;
	width: 410px;
	height: 685px;
	background: linear-gradient(to right, #fe1a4f, #ff6357);
	border-radius:0 30px 0 30px;
	padding: 45px 0 0 0;
	color: #fff;
	text-align: right;
}
.box9 .swp2 .left h3{
	font-size: 100px;
	width: 100%;
	padding-right: 60px
}
.box9 .swp2 .left h4{
	font-size: 28px;
	height: 60px;
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	padding-right: 60px;
}
.box9 .swp2 .left h4 span{
	width: 40px;
	position: absolute;
	border-bottom: 2px solid #fff;
	left: 300px;
	bottom: 0;
}
.box9 .swp2 .left p{
	font-size: 18px;
	color: #fff;
	width: 208px;
	line-height: 58px;
	border-bottom: 1px solid #fff;
	margin-left: 132px;
}
.box9 .swp2 .right{
	width: 790px;
	height: 685px;
	float: left;
	padding-left: 52px;
	position: relative;
	text-align: right;
}
.box9 .swp2 .right .title{
	font-size: 24px;
	color: #a5a5a5;
	position: relative;
	font-weight: bold;
	padding-right: 72px;
}
.box9 .swp2 .right .title span{
	position: absolute;
	top:19px;
	width: 80px;
	border-bottom: 2px solid #ffb1ab;
}
.box9 .swp2 .right .title b{
	font-size: 36px;
	color: #ff6357;
	vertical-align: middle;
	margin-left: 87px;
}
.box9 .swp2 .right h4{
	font-size: 24px;
	color: #666;
	margin: 44px auto 20px;
	padding-right: 72px;
}
.box9 .swp2 .right p{
	font-size: 16px;
	color: #666;
	line-height:40px;
	padding-right: 72px;
}
.box9 .swp2 .right .img{
	position: absolute;
	width: 890px;
	height: 290px;
	top: 284px;
	left: -13px;
	border:5px solid #fff;
	font-size: 0;
}
.box9 .swp2 .right a{
	position: absolute;
	width: 260px;
	line-height: 60px;
	border: 2px solid #ff6357;
	text-align: center;
	color: #ff6357;
	font-size: 18px;
	font-weight: bold;
	bottom: 0;
	left: 0;
}
.box9 .swp2 .right h6{
	position: absolute;
	width: 490px;
	height: 2px;
	background: #f0f0f0;
	bottom: 30px;
    left: 272px;
}


.box10 .box10-1{
	width: 1200px;
	margin: 0 auto 40px;
}
.box10 .swp{
	height: 716px;
	margin:0 auto;
	position: relative;
}
.box10 .swp li{
	width: 100%;
	height: 716px;
	background-size: 100%;
}
/* 本例子css */
.box10 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* 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;
    transition: 300ms;
    transform: scale(0.8);
}
.box10 .swiper-slide-active,.swiper-slide-duplicate-active {
    transform: scale(1);
    z-index: 3;
}
.box10 .xm-wrap {
  width: 100%;
  height: 600px;
  background: #000;
  position: relative;
}
.box10 .xm-img {
  height: 600px;
  position: relative;
  border: #000 solid 1px;
}
.box10 .xm-img li {
  width: 1200px;
  height: 600px;
}

.box10 .xm-img > div img {
  opacity: 0;
}
.box10 .xm-img div.swiper-slide-prev,
.box10 .xm-img div.swiper-slide-prev img,
.box10 .xm-img div.swiper-slide-next,
.box10 .xm-img div.swiper-slide-next img {
  opacity: 0.4;
  overflow: hidden;
}

.box10 .xm-img div.swiper-slide-active img {
  opacity: 1;
}

.box10 .info-box {
  width: 1200px;
  height: 160px;
  background: #662eb3;
  position: absolute;
  left: 50%;
  margin-left: -600px;
  top: 540px;
  z-index: 2;
  border-radius: 0 50px 0 50px;
}
.box10 .info-box i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 45px;
  border: transparent solid 3px;
}
.box10 .info-box i.left {
  left: 55px;
  background: url(../images/left.png) no-repeat center;
}
.box10 .info-box i.right {
  right: 55px;
  background: url(../images/right.png) no-repeat center;
}
.box10 .info-box i:hover {
  border: #fff solid 3px;
}
.box10 .current-num {
  font-size: 40px;
  color: #8064a6;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  top: 45px;
  left: 165px;
}
.box10 .current-num span {
  font-size: 60px;
  color: #fff;
}
.box10 .xm-con {
  position: absolute;
  width: 730px;
  height: 120px;
  top: 35px;
  left: 320px;
  overflow: hidden;
}
.box10 .xm-con ol {
  position: absolute;
  left: 0;
  top: 0;
  transition: all 1s;
}
.box10 .xm-con li {
  height: 120px;
  overflow: hidden;
}
.box10 .xm-con li h2 {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  font-family: 微软雅黑;
  display: inline-block;
}
.box10 .xm-con li h3 {
  color: #977ac9;
  font-weight: normal;
  display: inline-block;
}
.box10 .xm-con li p {
  border-top: #7f50bf solid 1px;
  margin-top: 20px;
  font-size: 18px;
  color: #fff;
  padding-top: 20px;
  height: 45px;
}
.box10 .xm-con li p span {
  margin-right:45px;
}

.box11 .box11-1{
	margin: 74px auto 0;
	width: 1200px;
}
.box11 .box11-1 ul{
	margin-top: 77px;
	overflow: hidden;
}
.box11 .box11-1 li{
	float: left;
	width: 20%;
	text-align: center;
	margin-bottom: 80px;
}
.box11 .box11-1 li h5{
	font-size: 22px;
	color: #666;
	margin: 43px 0 30px;
	height: 44px;
	position: relative;
}
.box11 .box11-1 li h5 span{
	position: absolute;
	bottom: 0;
	left: 107px;
	width: 24px;
	height: 2px;
	background:  #ff7e00;
}
.box11 .box11-1 li p{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.box12{
	width:100%;
	background: #f9f4f2;
	padding:60px 0 40px;
}
.box12 .box12-1{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.box12 .swp li{
	width: 1200px;
	height: 550px;
	background: url(../images/box12.png) no-repeat;
	background-size: 100%;
	margin-top: 55px;
}
/* 本例子css */
.box12 .slideBox{position:relative; height: 620px;}
.box12 .slideBox .hd{font-size: 40px;color: #c0c0c0; overflow:hidden;position: absolute; top: 510px;left: 100px; height:60px;padding:0 10px;width: 120px;  }
.box12 .slideBox .hd .prev,.picScroll-top .hd .next{ display:block;width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; }
.box12 .slideBox .hd .next{ background-position:0 -140px;  }
.box12 .slideBox .hd .prevStop{ background-position:-60px -100px;  }
.box12 .slideBox .hd .nextStop{ background-position:-60px -140px;  }
.box12 .slideBox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.box12 .slideBox .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.box12 .slideBox .hd ul li.on{ font-size: 30px;}

.box12 .slideBox .bd{ position:relative; width: 1200px;height: 620px;z-index:0;border-radius: 10px;margin: 0 auto;}
.box12 .slideBox .bd li{ zoom:1; vertical-align:middle; background-size: 100%;position: relative;}
.box12 .slideBox .bd li img{ position: absolute;top: 0;left: 346px;width: 510px;height: 551px;border-radius:0 0 200px 50%;overflow: hidden;}
.box12 .slideBox .bd li .bag{
	width: 298px;
	height: 313px;
	position: absolute;
	right: 0;bottom: 30px;
}
.box12 .slideBox .bd li .bag h3{
	font-size: 36px;
	color: #ddaf4b;
}
.box12 .slideBox .bd li .bag p{
	font-size: 16px;
	color: #8b8b8b;
	margin-top: 5px;
	margin-top: 30px;
	line-height: 30px;
}
.box12 .slideBox .bd li .bag h3 span{
	font-size: 20px;
}
.box12 .slideBox .bd h3{
	font-size: 30px;
	margin-bottom: 26px;
}
.box12 .slideBox .bd h3 span{
	font-weight: normal;
	font-size: 26px;
}
.box12 .slideBox .bd p{
	font-size: 16px;
	margin: 20px 0 5px;
}
.box12 .slideBox .bd h5{
	font-size: 22px;
}
.box12 .slideBox .bd h5 span{
	float: right;
	font-size: 35px;
}
.box12 .slideBox .prev{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 524px;
    left: 63px;
    color: #b8babc;
    padding-top: 1px;
    background:url(../images/box12rr.png) no-repeat;
    box-sizing: 100%;
    width: 20px;
    height: 39px;
}
.box12 .slideBox .prev:hover{
	background:url(../images/box12l.png) no-repeat;
}
.box12 .slideBox .next{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 524px;
    left: 200px;
    color: #b8babc;
    background:url(../images/box12ll.png) no-repeat;
    box-sizing: 100%;
    width: 20px;
    height: 39px;
}
.box12 .slideBox .next:hover{
	background:url(../images/box12r.png) no-repeat;
}
.box12 .slideBox .pageState span{
	font-size: 50px;
}

.box13{
	padding: 70px 0 60px;
}
.box13 .box13-1{
	width: 1200px;
	margin: 0 auto;
}
/* 本例子css */
.box13 .slideBox{position:relative; height: 0;overflow: hidden;}
.box13 .slide{height: 667px;}
.box13 .slideBox .hd{overflow:hidden; position:absolute;top:46px; z-index:1;left: 50%;transform: translate(-43%);}
.box13 .slideBox .hd ul{ zoom:1; float: right; padding-left: 20px;width: 1200px;}
.box13 .slideBox .hd ul li{font-weight:bold;font-size:18px;float:left;position:relative;border-radius: 30px;width:162px; line-height:41px; text-align:center; cursor:pointer;padding-top: 3px;background-size:92%;}
.box13 .slideBox .hd ul li.on{
	background: #ef3856;
	border-radius: 30px;
	color:#fff;font-size:18px;font-weight:bold;
}
.box13 .slideBox .bd{ position:relative; width: 100%;min-width: 1200px;height: 667px;z-index:0;border-radius: 10px;margin: 125px auto 0;}
.box13 .slideBox .bd li{ zoom:1; vertical-align:middle; background-size: 100%;}
.box13 .slideBox .bd h3{
	font-size: 30px;
	margin-bottom: 26px;
}
.box13 .slideBox .bd h3 span{
	font-weight: normal;
	font-size: 26px;
}
.box13 .slideBox .bd p{
	font-size: 16px;
	margin: 20px 0 5px;
}
.box13 .slideBox .bd h5{
	font-size: 22px;
}
.box13 .slideBox .bd h5 span{
	float: right;
	font-size: 35px;
}
.box13 .slideBox .prev{
    position: absolute;
    top: 628px;
    left: 41%;
    color: #b8babc;
    padding-top: 1px;
    background:url(../images/box13l.jpg) no-repeat;
    box-sizing: 100%;
    width: 16px;
    height: 26px;
}
.box13 .slideBox .next{
    position: absolute;
    top: 628px;
    left: 55%;
    color: #b8babc;
    background:url(../images/box13r.jpg) no-repeat;
    box-sizing: 100%;
    width: 16px;
    height: 26px;
}

.box14 .box14-1{
	width: 1200px;
	margin: 0 auto;
}
.box14 .box14-1 img{
	margin: 50px auto 100px;
}
.box15{
	width: 100%;
	background: #8b9ad1;
}
.box15 .box15-1{
	width: 1200px;
	margin: 0 auto;
	padding: 67px 0 30px;
}
.box15 .box15-1 .swp{
	margin: 50px 0 70px;
}
/* 本例子css */
.box15 .slideBox{position:relative; height: 400px;}
.box15 .slideBox .hd{overflow:hidden; position:absolute;bottom:-20px; z-index:1;left: 520px; }
.box15 .slideBox .hd ul{ zoom:1; float: right; padding-left: 20px }
.box15 .slideBox .hd ul li{float:left;position:relative;border-radius: 50%;margin: 0 8px;border :1px solid #dbdeeb;width:14px; height:14px; text-align:center; cursor:pointer; font-size: 0; padding-top: 3px;background-size:92%;}
.box15 .slideBox .hd ul li.on{background:#fff;padding-top: 3px;background-size: 90%;}

.box15 .slideBox .bd{ position:relative; width: 1200px;height: 400px;z-index:0;border-radius: 10px;margin: 0 auto;}
.box15 .slideBox .bd li{ zoom:1; vertical-align:middle; background-size: 100%;}
.box15 .slideBox .bd h3{
	font-size: 30px;
	margin-bottom: 26px;
}
.box15 .slideBox .bd h3 span{
	font-weight: normal;
	font-size: 26px;
}
.box15 .slideBox .bd p{
	font-size: 16px;
	margin: 20px 0 5px;
}
.box15 .slideBox .bd h5{
	font-size: 22px;
}
.box15 .slideBox .bd h5 span{
	float: right;
	font-size: 35px;
}
.box15 .slideBox .prev{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 400px;
    left: 500px;
    color: #b8babc;
    padding-top: 1px;
    background:url(../images/box15l.jpg) no-repeat;
    box-sizing: 100%;
    width: 37px;
    height: 75px;
}
.box15 .slideBox .next{
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    top: 400px;
    left: 685px;
    color: #b8babc;
    background:url(../images/box15r.jpg) no-repeat;
    box-sizing: 100%;
    width: 37px;
    height: 75px;
}

.box16 .box16-1{
	width: 1200px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.box16 .box16-1 ul{
	margin-top: 77px;
	overflow: hidden;
}
.box16 .box16-1 li{
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 80px;
}
.box16 .box16-1 li h5{
	font-size: 22px;
	color: #666;
	margin: 43px 0 30px;
	height: 44px;
	position: relative;
}
.box16 .box16-1 li h5 span{
	position: absolute;
	bottom: 0;
	left: 137px;
	width: 24px;
	height: 2px;
	background:  #ff7e00;
}
.box16 .box16-1 li p{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}
.box17{
	width: 100%;
	background: #7346b1;
}
.box17 img{
	display: block;
	margin: 0 auto;
}
.box18 .box18-1{
	width: 1200px;
	margin: 0 auto;
}
.box18 .box18-1 ul{
	margin-top: 77px;
	overflow: hidden;
}
.box18 .box18-1 li{
	float: left;
	width: 200px;
	text-align: center;
	margin-bottom: 50px;
}
.box18 .box18-1 li h5{
	font-size: 22px;
	color: #666;
	margin: 23px 0 10px;
	position: relative;
	font-weight: bold;
}
.box18 .box18-1 li p{
	font-size: 16px;
	color: #999;
	line-height: 30px;
}