* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    color: #fff;
    text-decoration: none;
}

b,
strong {
    font-weight: normal;
}

i,
em {
    font-style: normal;
}

img {
    vertical-align: top;
}

div,
p,
span,
h1,
h2,
h3,
h4 {
    line-height: 1;
}

.clearfix:after {
    display: block;
    content: '';
    clear: both;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

input {
    outline: none;
    border: none;
    background: none;
}

body {
    /* font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; */
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
    overflow-x: hidden;
    background-color: #ffe8e0;
}
html, body {
    min-width: 1200px;

}
* {
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.index{
    width: 100%;
    position: relative;
    text-align: center;

}

/* banner */
.banner{
	margin:0 auto;
	width:100%;
    height:1022px;
	position:relative;
}
#banner{
	width:100%;
	max-width:1920px;
    height:1022px;


}
#banner .swiper-slide{
	width:100%;
    height:1022px;


	position:relative;
	overflow:hidden;
}
#banner img{
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
    height:1022px;

	position:absolute;
}
.swiper-slide .title {
    font-style: italic;
    font-size: 42px;
    margin-top: 80px;
    margin-bottom: 0;
    line-height: 45px;
}
.pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: 10px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #fff;
}


.p1 {
    width: 100%;
    height: 1111px;
}
.p1-index {
    width: 1200px;
    height: 465px;
    margin: 50px auto 0;
    background: url(../img/1.png) no-repeat;
}
.p1-index .left {
    float: left;
    width: 625px;
    height: 365px;
}
.p1-index .left p {
    color: #666666;
    font-size: 20px;
    text-align: left;
}
.p1-index .left .left-p1 {
    margin-top: 75px;
    margin-left: 132px;
    line-height: 25px;
}
.p1-index .left .left-p2 {
    margin-top: 75px;
    margin-left: 132px;
    line-height: 25px;
}
.p1-index .left .left-p3 {
    margin-top: 75px;
    margin-left: 132px;
    line-height: 25px;
}

.p1-index .right {
    float: left;
    width: 425px;
    height: 365px;
}
.p1-index .right p {
    color: #333333;
    font-size: 22px;
}
.p1-index .right .right-p1 {
    margin-top: 92px;
    margin-right: -125px;
}
.p1-index .right .right-p2 {
    margin-top: 99px;
    margin-right: -125px;
}
.p1-index .right .right-p3 {
    margin-top: 99px;
    margin-right: -152px;
}
.dibu {
    width: 100%;
    height: 566px;
    background: url(../img/1-1.png) no-repeat;
    margin-top: 80px;
    position: relative;
}
.dibu p {
    color: #ffffff;
    font-size: 53.88px;
    text-align: left;
    position: absolute;
    top: 207px;
    left: 775px;
    line-height: 76px;
}
.dibu p span {
    font-weight: bold;

}
.button {
    width: 300px;
    height: 65px;
    line-height: 65px;
    color: #ff3600;
    font-size: 24px;
    background: #fff;
    border-radius: 100px;
    position: absolute;
    top: 79%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    box-shadow: 5px 10px 20px 0px #fcc9b0;
}
.button:hover {
    box-shadow: 1px 15px 14px 2px #fab693;

}
.p2 {
    width: 100%;
    height: 830px;
    position: relative;
}
.title {
    font-size: 40px;
    color: #333333;
    font-weight: bold;
}
.title-img {
    position: absolute;
    top: 10%;left: 50%;
    transform: translate(-50%,-50%);
}
.title-p {
    color: #666666;
    font-size: 16px;
    line-height: 25px;
    margin-top: 90px;
}
.p2-index {
    width: 1200px;
    height: 475px;
    margin: 40px auto 0;
    position: relative;
}
.kc div {
    width: 290px;
    height: 60px;
    border-radius: 15px;
    background: #fff;
    color: #333333;
    font-size: 22px;
    line-height: 60px;
    margin-right: 12px;
    float: left;
}
.p2-index .bg {
    background: url(../img/p2-bg.png) no-repeat;
    width: 1200px;
    height: 285px;
    position: absolute;
    bottom: 0px;
}
.kc-d div {
    position: absolute;
    z-index: 99;
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.kc-d div p {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-top: 25px;
}
.kc-d .d1,.d2,.d3,.d4 {
    display: none;
}
.kc .act {
    background: #ffcc1b;
    cursor: pointer;
}
.kc-d .act {
    display: block;
}
.tuoyuan {
    position: absolute;
    top: 130px;
    right: -55px;
}
.p3 {
    width: 100%;
    height: 889px;
    position: relative;

}
.p3-index {
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    background: #fefdfc;
    border-radius: 10px;
    box-shadow: 0px 8px 3px #fdbf97;
    position: relative;
    z-index: 9;
}


.swiper-contione {
    width: 1061px;
    height: 605px;
    overflow: hidden;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #ef3206;
    box-shadow: 0px 14px 26px #f8b2a5;
    border-radius: 10px;
}   

.swiper {
    width: 9999999px;
    height: 400px;
    transition: all 1s ease;
}
.swiper-item {
    width: 1060px;
    height: 605px;
    float: left;
    position: relative;
    border-radius: 10px;
}
.swiper-item img {
    width: 1060px;
    height: 603px;
    border-radius: 10px;

}

.swiper-item p {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.swiper-point {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.point {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.9);
    margin-right: 5px;
    float: left;
}

.point.active {
    background: #fff;
}

.swiper-left {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    left: 24px;
    transition: all 0.4s ease;
}

.swiper-right {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 24px;
    transition: all 0.4s ease;
}

.swiper-left img,
.swiper-right img {
    cursor: pointer;
}
.tuoyuan-big {
    position: absolute;
    top: 0px;
    left: 250px;
}
.yuan-small {
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background: #fdc1ac;
    position: absolute;
    top: 333px;
    left: 30px;
}
.yuan-big {
    background: #ffe8e0;
    width: 31px;
    height: 31px;
    border-radius: 100%;
    background: #fdc1ac;
    position: absolute;
    top: 300px;
    right: 20px;
    opacity: 0.5;
}


.dibu2 {
    width: 100%;
    height: 566px;
    background: url(../img/3-1.png) no-repeat;
    position: relative;
    top: -270px;
}
.dibu2-index {
    width: 1050px;
    height: 150px;
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-around;
}
.dibu2-index div {
    width: 130px;
    height: 155px;
}
.dibu2-index div p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-top: 30px;
}
.p4 {
    width: 100%;
    height: 766px;
    margin-top: 200px;
    position: relative;
}
.p4-index {
    width: 1200px;
    height: 550px;
    margin: 90px auto 0;
    position: relative;
}
.p4-left {
    width: 620px;
    height: 550px;
    background: url(../img/p4-left.png) no-repeat;
    position: absolute;
    top: 36px;
    left: 5px;
    z-index: 9;
}
.p4-p1 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 42%;
    left: 47.5%;
    transform: translate(-50%,-50%);
    line-height: 30px;
}

.p4-left-div p {
    color: #333333;
    font-size: 16.74px;
}
.p4-p2 {
    position: absolute;
    top: 15%;
    left: 60.5%;
    transform: translate(-50%,-50%);
}
.p4-p3 {
    position: absolute;
    top: 25%;
    left: 73%;
    transform: translate(-50%,-50%);
}
.p4-p4 {
    position: absolute;
    top: 36%;
    left: 78.5%;
    transform: translate(-50%,-50%);
}
.p4-p5 {
    position: absolute;
    bottom: 49%;
    left: 78.5%;
    transform: translate(-50%,-50%);
}
.p4-p6 {
    position: absolute;
    bottom: 38%;
    left: 73.5%;
    transform: translate(-50%,-50%);
}
.p4-p7 {
    position: absolute;
    bottom: 27.5%;
    left: 62.5%;
    transform: translate(-50%,-50%);
}
.p4-right {
    width: 596px;
    height: 550px;
    background: url(../img/p4-right.png) no-repeat;
    position: absolute;
    top: 0px;right: 0px;
}
.p4-right div .p-t {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
}
.p4-right div .p-t2 {
    color: #333333;
    font-size: 16px;
    text-align: left;
    margin-left: 46px;
    line-height: 22px;
    margin-top: 20px;
}
.p4-right .p4-div1 {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 377px;
    
}
.p4-right .p4-div2 {
    position: absolute;
    top: 47%;
    left: 18%;
    transform: translate(-50%,-50%);
    width: 377px;

}
.p4-right .p4-div3 {
    position: absolute;
    top: 82%;
    left: 52%;
    transform: translate(-50%,-50%);
    width: 435px;

}
.p4-right .p4-div4 {
    position: absolute;
    top: 47%;
    left: 82%;
    transform: translate(-50%,-50%);
    width: 377px;

}
.p4-right .xy {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 47.5%;
    left: 50.3%;
    transform: translate(-50%, -50%);
}

.p5 {
    width: 100%;
    height: 630px;
    position: relative;
}
.p5-index {
    width: 1200px;
    height: 395px;
    margin: 100px auto 0;
    background: url(../img/5.png) no-repeat;
    position: relative;
}
.p5-index .p5-p1 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
    padding: 15px;
}
.p5-zhong {
    width: 595px;
    height: 210px;
    margin: 90px auto 0;
    position: relative;
}
.p5-left {
    width: 135px;
    height: 210px;
    float: left;
    
}
.p5-left p {
    font-size: 22px;
    color: #333333;
    margin-bottom: 40px;
    margin-top: -3px;
}
.p5-right {
    width: 135px;
    height: 210px;
    float: left;
    margin-left: 320px;
}
.p5-right p {
    font-size: 22px;
    color: #333333;
    margin-bottom: 40px;
    margin-top: -3px;
}
.p5-left1 {
    width: 30px;
    height: 150px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 197px;
    line-height: 40px;
}
.p5-right1 {
    width: 30px;
    height: 150px;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 5px;right: 197px;
    line-height: 40px;
}

.p5-left2 {
    width: 150px;
    height: 150px;
    float: left;
}
.p5-left2 p {
    font-size: 16px;
    color: #333333;
    position: absolute;
}
.p5-left2 .left2-p1 {
    top: 171px;
    left: 147px;
    line-height: 20px;
}
.p5-left2 .left2-p2 {
    top: 236px;
    left: 96px;
    line-height: 20px;
}
.p5-left2 .left2-p3 {
    top: 280px;
    left: 152px;
    line-height: 20px;
}
.p5-left2 .left2-p4 {
    top: 227px;
    left: 208px;
    line-height: 20px;
}


.p5-right2 {
    width: 150px;
    height: 150px;
    float: right;
}
.p5-right2 p {
    position: absolute;
    font-size: 16px;
    color: #333333;
}
.p5-right2 .right2-p1 {
    top: 196px;
    right: 180px;
    line-height: 20px;
}
.p5-right2 .right2-p2 {
    top: 268px;
    right: 179px;
    line-height: 20px;
}
.p5-right2 .right2-p3 {
    top: 232px;
    right: 104px;
    line-height: 20px;
}
.sz {
    color: #333333;
    font-size: 30px;
    width: 27px;
    position: absolute;
    top: 200px;
    left: 25px;
    font-weight: bold;
    line-height: 35px;
}
.jx {
    color: #333333;
    font-size: 30px;
    width: 27px;
    position: absolute;
    top: 200px;
    right: 25px;
    font-weight: bold;
    line-height: 35px;

}

.p6 {
    width: 100%;
    position: relative;
    height: 1030px;
}
.p6-index {
    width: 1180px;
    height: 365px;
    margin: 70px auto 0;
    /* border: 1px solid #fff; */
    background: url(../img/s.png) no-repeat;
    position: relative;
}
.yitiao {
    width: 1180px;
    height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 100px;
    position: relative;
}
.yitiao div {
    width: 100px;
    height: 50px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    position: absolute;
}
.yitiao .y1{
    top: 179px;
    left: 83px;
}
.yitiao .y2{
    top: 147px;
    left: 303px;
}
.yitiao .y3{
    top: 110px;
    left: 525px;
}
.yitiao .y4{
    top: 77px;
    right: 335px;
}
.yitiao .y5{
    top: 55px;
    right: 111px;
}
.left_top {
    width: 156px;
    height: 81px;
    position: absolute;
    top: 36px;
    left: 60px;
    text-align: left;
}
.left_top p {
    color: #333333;
    font-size: 16px;
    margin-bottom: 15px;
}
.left_top p span {
    color: #ef3105;
    font-weight: bold;
}
.left_bottom {
    width: 156px;
    height: 81px;
    position: absolute;
    top: 269px;
    left: 285px;
    text-align: left;
}
.left_bottom p {
    color: #333333;
    font-size: 16px;
    margin-bottom: 15px;
}
.left_bottom p span {
    color: #ef3105;
    font-weight: bold;
}
.n {
    position: absolute;
    top: 35px;
    left: 539px;
    color: #333333;
    font-size: 16px;
    margin-bottom: 15px;
}
.n span {
    color: #ef3105;
    font-weight: bold;
}
.n2 {
    position: absolute;
    bottom: 123px;
    right: 335px;
    color: #333333;
    font-size: 16px;
    margin-bottom: 15px;
}
.n2 span {
    color: #ef3105;
    font-weight: bold;
}

.p6-dibu {
    width: 100%;
    height: 566px;
    background: url(../img/xia.png) no-repeat;
    margin-top: -150px;
    position: relative;
}
.db-index {
    width: 1165px;
    height: 190px;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.db-index div {
    width: 280px;
    height: 190px;
}
.p6-dibu p {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 81%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.p7 {
    width: 100%;
    position: relative;
    height: 888px;
}











.p7-index {
    width: 1200px;
    height: 645px;
    position: relative;
    margin: 100px auto 0;
    z-index: 9;
}
.tabs {
    width: 1200px;
    height: 58px;
    display: flex;
    justify-content: space-around;
}
.tabs div {
    width: 320px;
    height: 58px;
    background: #fff;
    border-radius: 35px;
    position: relative;
}
.tabs .act2 {
    background: url(../img/p7-bg.png);
    cursor: pointer;
}
.tabs .act2 p {
    color: #fff;
}
.tabs-div {
    position: relative;
    width: 1200px;
    height: 536px;
    margin-top: 35px;
}
.tabs-div div {
    position: absolute;
    top: 0px;
    display: none;
}
.tabs-div .act2 {
    display: block;
}
.tabs .tabs-p1 {
    font-size: 73.56px;
    font-weight: bold;
    position: absolute;
    top: -25px;
    left: 25px;
}
.tabs .tabs-p2 {
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    top: 17px;
    left: 82px;
}
.ttq {
    position: absolute;
    top: 232px;
    right: 345px;
}
.p8 {
    width: 100%;
    height: 635px;
    position: relative;
}
.p8-index1 {
    width: 1200px;
    height: 50px;
    margin: 100px auto 0;
    display: flex;
    justify-content: space-around;
}
.p8-index1 .p8-1 {
    width: 370px;
    height: 47.5px;
    background: url(../img/p8-img.png);
    font-size: 20px;
    color: #fff;
    line-height: 47.5px;
    padding-left: 35px;
    font-weight: bold;
}
.p8-index1 .p8-2 {
    width: 420px;
    height: 47.5px;
    background: url(../img/p8-img2.png);
    font-size: 20px;
    color: #fff;
    line-height: 47.5px;
    padding-left: 35px;
    font-weight: bold;

}
.p8-index1 .p8-3 {
    width: 390px;
    height: 47.5px;
    background: url(../img/p8-img3.png);
    font-size: 20px;
    color: #fff;
    line-height: 47.5px;
    padding-left: 35px;
    font-weight: bold;

}
 .txt{
	width: 227px;
    height: 45px;
    position: absolute;
    /* background: -webkit-gradient(linear, -43% 31, 40% 100%, from(rgba(170, 73, 149, 0.9)), to(rgba(40, 43, 187, 0.9))); */
    background-color: #070607;
    left: 11px;
    bottom: -61px;
    color: #fff;
    z-index: 999;
    border-radius: 15px;
}
 .txt span {
    display: inline-block;
    width: 2px;
    height: 5px;
    border-radius: 15px;
    background-color: #ffcc1b;
}
 .txt h3{
	font-size:20px;
	font-weight:600;
	height:45px;
	text-align:center;
    margin-top: -90px;
    margin-right: 120px;
    color: #ffcc1b;
}
 .txt p{
	font-size:14px;
	text-align:left;
    letter-spacing: 1px;
    margin-left: 24px;
    margin-right: 17px;
    line-height: 21px;
    color: #ffcc1b;

}
 .txt .lunbo_fangkuai{
    width: 70px;
    height: 13px;
    /* background: linear-gradient(to right,#f2068c,#943575); */
    margin-top: -33px;
    margin-left: 0;
    margin-right: 0px;
    
}
 .zhicheng{
    margin-left: 17px;
    margin-top: 8px;
    margin-bottom: 25px;
}
/* 必要布局样式css */
.slide-content {
	/* padding-top: 100px;
	padding-bottom: 100px; */
}
.slide-title {
	font-size: 48px;
	color: #313131;
	letter-spacing: 5px;
	line-height: 1;
	text-align: center;
}
.slide-links {
	margin-top: 0;
	text-align: center;
}
.slide-links a {
	background-color: #20b573;
	color: #ffffff;
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #20b573;
	color: #ffffff;
	padding: 15px 30px;
	border-radius: 2px;
}
.slide-links a:hover {
	background: #188a57;
	color: #fff;
}
.slide-item-body ul li {
	width: 19%;
	float: left;
	display: block;
	height: 200px;
	padding-top: 42px;
	margin-bottom: 30px;
	border: none;
	border-radius: 8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	height: inherit;
	padding-top: 0;
	border-radius: 0;
	color: #000;
	z-index: 10002;
    position: relative;
    overflow: hidden;
}
.slide-item-body ul li a {
	display: block;
	box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);
}
.new-img img {
	width: 100%;
	height: auto;
	border: none;
	display: block;
}
.slide-item {
	width: 1300px;
	position: relative;
	margin: 0 auto;/* overflow: hidden; */
    margin-right: 350px;
}
/* .slide-item-box {
	padding: 50px 0;
} */
.new-body {
	padding: 20px 20px 40px 20px;
}
.new-body-title {
	line-height: 24px;
	font-size: 16px;
	overflow: hidden;
	color: #616161;
	letter-spacing: 1px;
	font-weight: 600;
}
.new-body-text {
	padding-top: 20px;
	height: 92px;
	min-height: 50px;
	line-height: 18px;
	font-size: 12px;
	color: #919191;
	overflow: hidden;
}
.slide-item-body ul li {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 20px;
    display: block;
}
.slide-item-body .tempWrap {
	padding-top: 20px;
}
.slide-item-body ul {
	padding-top: 10px;
	overflow: visible;
}
.next {
	position: absolute;
	top: 45%;
	z-index: 1000000;
	cursor: pointer;
	-moz-background-size: 60px;
	-webkit-background-size: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	right: auto;
	left: 23px;
	height: 60px;
	width: 60px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.next-bg {
	background-image: url("../img/zhd.png");
}

.prev {
	position: absolute;
	top: 45%;
	z-index: 1000000;
	cursor: pointer;
	-moz-background-size: 60px;
	-webkit-background-size: 60px;
	background-size: 60px;
	background-position: center;
	background-repeat: no-repeat;
	right: -60px;
	height: 60px;
	width: 60px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.prev-bg {
	background-image: url("../img/yhd.png");
}

.p9 {
    width: 100%;
    height: 713px;
    margin-top: 100px;
    position: relative;
}
.p9-index {
    width: 1200px;
    height: 460px;
    margin: 100px auto 0;
    position: relative;
    z-index: 99;
}
.p9-left {
    width: 120px;
    height: 460px;
    float: left;
}
.p9-left p {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    padding-top: 10px;
}
.p9-left p .sp-bg {
    background: url(../img/sjx.png) no-repeat;
    display: inline-block;
    width: 17px;
    padding-left: 5px;
    height: 17px;
}
.p9-left p span {
    display: inline-block;
    padding-right: 5px;
}
.p9-right {
    width: 1080px;
    height: 460px;
    float: left;
    display: flex;
    justify-content: space-around;

}
.p9-right div {
    width: 200px;
    height: 460px;
}
.p9-right .p9-1 {
    background: url(../img/p9-01.png) no-repeat;
}
.p9-right .p9-2 {
    background: url(../img/p9-02.png) no-repeat;
}
.p9-right .p9-3 {
    background: url(../img/p9-03.png) no-repeat;
}
.p9-right .p9-4 {
    background: url(../img/p9-04.png) no-repeat;
}
.p9-right .p9-5 {
    background: url(../img/p9-05.png) no-repeat;
}

.p9-right .t {
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 20px;
}
.p9-right p {
    font-size: 16px;
    color: #666;
}
.p9-right .p9-1 .s {
    padding-top: 15.5px;
}
.p9-right .p9-2 .s {
    padding-top: 12.5px;
}
.p9-right .p9-4 .s {
    padding-top: 27.5px;
}
.p9-right .p9-4 .ss {
    padding-top: 104px;
}

.p9-right .p9-5 .s {
    padding-top: 27.5px;
}
.p9-right .p9-5 .ss {
    padding-top: 104px;
}
.p9-dibu {
    width: 100%;
    height: 412px;
    background: url(../img/p9-bj.png) no-repeat;
    margin-top: -300px;
    position: relative;
}

.p10 {
    width: 100%;
    height: 730px;
}
.p10-index {
    width: 1200px;
    height: 650px;
    background: url(../img/p10-bg.png) no-repeat;
    margin: 100px auto 0;
    position: relative;
}


.t-1 div {
    border: 1px solid #2b8220;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #2b8220;
    font-size: 16px;
    font-weight: bold;
}
.t-1 div:hover {
    background: #2b8220;
    color: #fff;

}


.t-1 .s1 {
    position: absolute;
    top: 45px;
    left: 12px;
}
.t-1 .s2 {
    position: absolute;
    top: 103px;
    left: 88px;
}
.t-1 .s3 {
    position: absolute;
    top: 160px;
    left: 16px;
}



.t-2 div {
     border: 1px solid #f55d0b;
     border-radius: 35px;
     height: 30px;
     line-height: 30px;
     color: #f55d0b;
     font-size: 16px;
     font-weight: bold;
}
.t-2 div:hover {
    background: #f55d0b;
    color: #fff;
}
.t-2 .h-1 {
    width: 230px;
    position: absolute;
    top: 45px;left: 260px;
}
.t-2 .h-2 {
    width: 275px;
    position: absolute;
    top: 103px;left: 350px;
}
.t-2 .h-3 {
    width: 270px;
    position: absolute;
    top: 160px;left: 308px;
}

.t-3 div {
    border: 1px solid #45456d;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #45456d;
    font-size: 16px;
    font-weight: bold;
}
.t-3 div:hover {
    background: #45456d;
    color: #fff;
}
.t-3 .l-1 {
   width: 210px;
   position: absolute;
   top: 45px;left: 590px;
}
.t-3 .l-2 {
   width: 190px;
   position: absolute;
   top: 45px;left: 870px;
}
.t-3 .l-3 {
   width: 210px;
   position: absolute;
   top: 103px;
   left: 675px;
}
.t-3 .l-4 {
    width: 215px;
    position: absolute;
    top: 103px;
    left: 930px;
}
.t-3 .l-5 {
    width: 210px;
    position: absolute;
    top: 160px;left: 750px;
}

.t-3 .l-6 {
    width: 235px;
    position: absolute;
    top: 220px;
    left: 852px;
}



.t-4 div {
    border: 1px solid #065bda;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #065bda;
    font-size: 16px;
    font-weight: bold;
}
.t-4 div:hover {
    background: #065bda;
    color: #fff;
}
.t-4 .zz-1 {
   width: 170px;
   position: absolute;
   top: 245px;
   left: 95px;
}
.t-4 .zz-2 {
   width: 170px;
   position: absolute;
   top: 303px;
   left: -12px;
}
.t-4 .zz-3 {
   width: 180px;
   position: absolute;
   top: 360px;
   left: 100px;
}


.t-5 div {
    border: 1px solid #b252ee;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #b252ee;
    font-size: 16px;
    font-weight: bold;
}
.t-5 div:hover {
    background: #b252ee;
    color: #fff;
}
.t-5 .z-1 {
   width: 230px;
   position: absolute;
   top: 445px;
   left: -27px;
}
.t-5 .z-2 {
   width: 175px;
   position: absolute;
   top: 503px;
   left: 135px;
}
.t-5 .z-3 {
   width: 165px;
   position: absolute;
   top: 560px;
   left: 13px;
}

.t-6 div {
    border: 1px solid #5f7513;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #5f7513;
    font-size: 16px;
    font-weight: bold;
}

.t-6 div:hover {
    background: #5f7513;
    color: #fff;
}
.t-6 .v-1 {
   width: 280px;
   position: absolute;
   top: 503px;
   left: 365px;
}
.t-6 .v-2 {
   width: 260px;
   position: absolute;
   top: 503px;
   left: 731px;
}
.t-6 .v-3 {
   width: 200px;
   position: absolute;
   top: 560px;
   left: 335px;
}
.t-6 .v-4 {
    width: 260px;
    position: absolute;
    top: 560px;
    left: 590px;
 }



 .t-7 div {
    border: 1px solid #f01d5e;
    border-radius: 35px;
    height: 30px;
    line-height: 30px;
    color: #f01d5e;
    font-size: 16px;
    font-weight: bold;
}
.t-7 div:hover {
    background: #f01d5e;
    color: #fff;
}
.t-7 .g-1 {
   width: 245px;
   position: absolute;
   top: 303px;
   left: 907px;
}
.t-7 .g-2 {
   width: 200px;
   position: absolute;
   top: 360px;
   left: 807px;
}
.t-7 .g-3 {
   width: 200px;
   position: absolute;
   top: 445px;
   left: 940px;
}
.t-7 .g-4 {
    width: 240px;
    position: absolute;
    top: 560px;
    left: 925px;
 }



 .t-1 div {
    animation: roll2 14s linear infinite;
    animation: roll2 14s linear infinite;
    opacity: 01;
    overflow: hidden;
    animation-name: breath;
    animation-duration: 2000ms;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-name: breath;
    -webkit-animation-duration: 3000ms; 
}

@keyframes breath {    
    from { opacity: 0.1; }                          
    50%  { opacity:   1; }                         
    to   { opacity: 0.1; }                               
}  
      @-webkit-keyframes breath {    
           from { opacity: 0.1; }                               
           50%  { opacity:   1; }                          
                to   { opacity: 0.1; }                          
    } 

    .t-2 div {
        animation: roll2 14s linear infinite;
        animation: roll2 14s linear infinite;
        opacity: 01;
        overflow: hidden;
        animation-name: breath2;
        animation-duration: 2000ms;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
        -webkit-animation-name: breath;
        -webkit-animation-duration: 2500ms; 
    }
    
    @keyframes breath2 {    
        from { opacity: 0.1; }                          
        50%  { opacity:   1; }                         
        to   { opacity: 0.1; }                               
    }  
          @-webkit-keyframes breath {    
               from { opacity: 0.1; }                               
               50%  { opacity:   1; }                          
                    to   { opacity: 0.1; }                          
        } 




        .t-3 div {
            animation: roll2 14s linear infinite;
            animation: roll2 14s linear infinite;
            opacity: 01;
            overflow: hidden;
            animation-name: breath3;
            animation-duration: 2000ms;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
            -webkit-animation-name: breath;
            -webkit-animation-duration: 4000ms; 
        }
        
        @keyframes breath3 {    
            from { opacity: 0.1; }                          
            50%  { opacity:   1; }                         
            to   { opacity: 0.1; }                               
        }  
              @-webkit-keyframes breath {    
                   from { opacity: 0.1; }                               
                   50%  { opacity:   1; }                          
                        to   { opacity: 0.1; }                          
            } 


            .t-4 div {
                animation: roll2 14s linear infinite;
                animation: roll2 14s linear infinite;
                opacity: 01;
                overflow: hidden;
                animation-name: breath4;
                animation-duration: 2000ms;
                animation-timing-function: ease-in-out;
                animation-iteration-count: infinite;
                -webkit-animation-name: breath;
                -webkit-animation-duration: 2000ms; 
            }
            
            @keyframes breath4 {    
                from { opacity: 0.1; }                          
                50%  { opacity:   1; }                         
                to   { opacity: 0.1; }                               
            }  
                  @-webkit-keyframes breath {    
                       from { opacity: 0.1; }                               
                       50%  { opacity:   1; }                          
                            to   { opacity: 0.1; }                          
                } 


                .t-5 div {
                    animation: roll2 14s linear infinite;
                    animation: roll2 14s linear infinite;
                    opacity: 01;
                    overflow: hidden;
                    animation-name: breath5;
                    animation-duration: 2000ms;
                    animation-timing-function: ease-in-out;
                    animation-iteration-count: infinite;
                    -webkit-animation-name: breath;
                    -webkit-animation-duration: 3500ms; 
                }
                
                @keyframes breath5 {    
                    from { opacity: 0.1; }                          
                    50%  { opacity:   1; }                         
                    to   { opacity: 0.1; }                               
                }  
                      @-webkit-keyframes breath {    
                           from { opacity: 0.1; }                               
                           50%  { opacity:   1; }                          
                                to   { opacity: 0.1; }                          
                    } 



                    .t-6 div {
                        animation: roll2 14s linear infinite;
                        animation: roll2 14s linear infinite;
                        opacity: 01;
                        overflow: hidden;
                        animation-name: breath6;
                        animation-duration: 3000ms;
                        animation-timing-function: ease-in-out;
                        animation-iteration-count: infinite;
                        -webkit-animation-name: breath;
                        -webkit-animation-duration: 5000ms; 
                    }
                    
                    @keyframes breath {    
                        from { opacity: 0.1; }                          
                        50%  { opacity:   1; }                         
                        to   { opacity: 0.1; }                               
                    }  
                          @-webkit-keyframes breath {    
                               from { opacity: 0.1; }                               
                               50%  { opacity:   1; }                          
                                    to   { opacity: 0.1; }                          
                        } 


                        .t-7 div {
                            animation: roll2 14s linear infinite;
                            animation: roll2 14s linear infinite;
                            opacity: 01;
                            overflow: hidden;
                            animation-name: breath7;
                            animation-duration: 3000ms;
                            animation-timing-function: ease-in-out;
                            animation-iteration-count: infinite;
                            -webkit-animation-name: breath;
                            -webkit-animation-duration: 3000ms; 
                        }
                        
                        @keyframes breath7 {    
                            from { opacity: 0.1; }                          
                            50%  { opacity:   1; }                         
                            to   { opacity: 0.1; }                               
                        }  
                              @-webkit-keyframes breath {    
                                   from { opacity: 0.1; }                               
                                   50%  { opacity:   1; }                          
                                        to   { opacity: 0.1; }                          
                            } 




.p11 {
    width: 100%;
    height: 940px;
    position: relative;
}

.new_t {
    color: #666666;
    font-size: 22px;
    padding: 20px 0;
}

.p11-index1 {
    width: 1200px;
    height: 240px;
    background: url(../img/p11-top.png);
    margin: 85px auto 0;
}
.p11-t p {
    float: left;
}
.p11-t p:nth-child(1) {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding-left: 120px;
    padding-top: 42px;
}
.p11-t p:nth-child(2) {
    color: #fff;
    font-size: 16px;
    padding-top: 47px;
    padding-left: 12px;
}
.p11-b {
    width: 1200px;
    height: 66px;
    position: relative;
    top: 128px;
}
.p11-b div {
    float: left;
    text-align: left;
}
.p11-b div:nth-child(1) {
    font-size: 22px;
    color: #ef3105;
    position: absolute;
    top: 24px;
    left: 130px;
    font-weight: bold;

}
.p11-b div:nth-child(2) {
    font-size: 22px;
    color: #333333;
    position: absolute;
    top: 44px;
    left: 331px;
    font-weight: bold;
}
.p11-b div:nth-child(3) {
    font-size: 22px;
    color: #333333;
    position: absolute;
    top: 44px;
    left: 543px;
    font-weight: bold;

}
.p11-b div:nth-child(4) {
    font-size: 22px;
    color: #333333;
    position: absolute;
    top: 44px;
    left: 760px;
    font-weight: bold;

}
.p11-b div:nth-child(5) {
    font-size: 22px;
    color: #333333;
    position: absolute;
    top: 44px;
    left: 970px;
    font-weight: bold;

}

.p11-index2 {
    width: 1200px;
    height: 290px;
    background: url(../img/p11-x.png) no-repeat;
    margin: 40px auto 0;
    position: relative;
    z-index: 9;
}

.index2-i {
    width: 780px;
    height: 192px;
    position: relative;
    top: 36px;
    left: -100px;
    display: flex;
    justify-content: space-around;
}

.index2-i div {
    width: 185px;
    height: 192px;
}
.index2-i div p:nth-child(1) {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
}

.index2-i div p:nth-child(2) {
    color: #333333;
    font-size: 16px;
    padding-top: 40px;
}
.index2-i div p:nth-child(3) {
    color: #333333;
    font-size: 16px;
    padding-top: 12px;
}
.index2-i div p:nth-child(4) {
    color: #333333;
    font-size: 16px;
    padding-top: 12px;
}
.zs {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 186px;
    right: 197px;
}


.p11-dibu {
    width: 100%;
    height: 353px;
    background: url(../img/p11-dibu.png) no-repeat;
    margin-top: -188px;
    position: relative;
}
.p12 {
    width: 100%;
    height: 830px;
    position: relative;
}
.p12-index {
    width: 1233px;
    height: 650px;
    margin: 90px auto 0;
    background: url(../img/p12.png) no-repeat;
}
.p12-left {
    width: 475px;
    height: 602px;
    float: left;
    margin-left: 36px;
}

.p12-right {
    width: 450px;
    height: 602px;
    float: left;
    margin-left: 272px;
}
.p12-left .p12-l-1 {
    color: #ef3105;
    font-size: 30px;
    padding-top: 15px;
    text-align: center;
    padding-left: 15px;
    font-weight: bold;
}
.p12-left p {
    text-align: left;
}
.p12-left p:nth-child(2) {
    color: #ef3105;
    font-size: 20px;
    padding-left: 51px;
    padding-top: 60px;
    font-weight: bold;

}
.p12-left p:nth-child(3) {
    color: #fff;
    font-size: 16px;
    padding-left: 51px;
    padding-top: 17px;
    line-height: 25px;
}
.p12-left p:nth-child(4) {
    color: #ef3105;
    font-size: 20px;
    padding-left: 51px;
    padding-top: 25px;
    font-weight: bold;

}
.p12-left p:nth-child(5) {
    color: #fff;
    font-size: 16px;
    padding-left: 51px;
    padding-top: 20px;
    line-height: 25px;
}
.p12-left p:nth-child(6) {
    color: #ef3105;
    font-size: 20px;
    padding-left: 51px;
    padding-top: 19px;
    font-weight: bold;

}
.p12-left p:nth-child(7) {
    color: #fff;
    font-size: 16px;
    padding-left: 51px;
    padding-top: 17px;
    line-height: 25px;
}
.p12-left p:nth-child(8) {
    color: #ef3105;
    font-size: 20px;
    padding-left: 51px;
    padding-top: 24px;
    line-height: 25px;
    font-weight: bold;
}

.p12-left p:nth-child(9) {
    color: #fff;
    font-size: 16px;
    padding-left: 51px;
    padding-top: 17px;
    line-height: 25px;
}


.p12-right .p12-r-1 {
    color: #333333;
    font-size: 30px;
    padding-top: 30px;
    text-align: center;
    font-weight: bold;
    padding-right: 137px;
}

.p12-right p:nth-child(2) {
    text-align: left;
    color: #333333;
    font-size: 20px;
    padding-left: 19px;
    padding-top: 52px;
    line-height: 25px;
    font-weight: bold;
}
.p12-right p:nth-child(3) {
    color: #666;
    font-size: 16px;
    padding-left: 19px;
    padding-top: 17px;
    line-height: 26px;
    text-align: left;
}

.p12-right p:nth-child(4) {
    text-align: left;
    color: #333333;
    font-size: 20px;
    padding-left: 19px;
    padding-top: 12px;
    line-height: 25px;
    font-weight: bold;
}
.p12-right p:nth-child(5) {
    color: #666;
    font-size: 16px;
    padding-left: 19px;
    padding-top: 17px;
    line-height: 26px;
    text-align: left;
}
.p12-right p:nth-child(6) {
    text-align: left;
    color: #333333;
    font-size: 20px;
    padding-left: 19px;
    padding-top: 22px;
    line-height: 25px;
    font-weight: bold;
}
.p12-right p:nth-child(7) {
    color: #666;
    font-size: 16px;
    padding-left: 19px;
    padding-top: 17px;
    line-height: 26px;
    text-align: left;
}
.p12-right p:nth-child(8) {
    text-align: left;
    color: #333333;
    font-size: 20px;
    padding-left: 19px;
    padding-top: 16px;
    line-height: 25px;
    font-weight: bold;
}
.p12-right p:nth-child(9) {
    color: #666;
    font-size: 16px;
    padding-left: 19px;
    padding-top: 17px;
    line-height: 26px;
    text-align: left;
}

.p13 {
    width: 100%;
    height: 950px;
    position: relative;
}
.p13-index {
    width: 1055px;
    height: 460px;
    margin: 95px auto 0;
    position: relative;
    z-index: 99;
}
.p13-index div {
    float: left;
}
.p13-1 {
    width: 340px;
    height: 170px;
    background: url(../img/k1.png) no-repeat;
    margin-right: 15px;
    
}
.p13-1 p {
    padding-left: 40px;
    padding-top: 40px;
    font-size: 38px;
    color: #fff;
    font-weight: bold;
    text-align: left;
}
.p13-2 {
    width: 340px;
    height: 220px;
    background: url(../img/k2.png) no-repeat;
    margin-right: 15px;
}
.p13-2 p {
    text-align: left;
    color: #fff;
    font-size: 20px;
    padding-left: 66px;
}
.p13-2 p:nth-child(1) {
    padding-top: 40px;
}
.p13-2 p:nth-child(2) {
    padding-top: 20px;
}
.p13-2 p:nth-child(3) {
    padding-top: 20px;
}
.p13-2 p:nth-child(4) {
    padding-top: 20px;
}
.p13-3 {
    width: 340px;
    height: 270px;
    background: url(../img/k3.png) no-repeat;
}




.p13-4 {
    width: 340px;
    height: 270px;
    background: url(../img/k4.png) no-repeat;
    margin-right: 15px;
    margin-top: -82px;
}






.p13-5 {
    width: 340px;
    height: 217px;
    background: url(../img/k5.png) no-repeat;
    margin-right: 15px;
    margin-top: -29px;
}



.p13-5 p {
    text-align: left;
    color: #333333;
    font-size: 20px;
    padding-left: 66px;
}
.p13-5 p:nth-child(1) {
    padding-top: 40px;
}
.p13-5 p:nth-child(2) {
    padding-top: 20px;
}
.p13-5 p:nth-child(3) {
    padding-top: 20px;
}
.p13-5 p:nth-child(4) {
    padding-top: 20px;
}




.p13-6 {
    width: 340px;
    height: 170px;
    background: url(../img/k6.png) no-repeat;
    margin-top: 20px;
}

.p13-6 p {
    color: #ef3105;
    font-size: 38px;
    font-weight: bold;
    padding-right: 40px;
    padding-top: 40px;
    text-align: right;
}
.p13-dibu {
    width: 100%;
    height: 483px;
    background: url(../img/p13-dibu.png) no-repeat;
    margin-top: -289px;
    position: relative;
}
.p13-dibu p {
    color: #fff;
    font-size: 42px;
    font-weight: bold;
    position: absolute;
    top: 79%;left: 50%;
    transform: translate(-50%,-50%);
}

.p14 {
    width: 100%;
    height: 765px;
    position: relative;
}

.p14-index {
    width: 1130px;
    height: 535px;
    margin: 115px auto 0;
}
.p14-index div {
    width: 255px;
    height: 480px;
    float: left;
}
.p14-index div:nth-child(1) {
    background: url(../img/p14-01.png);
    margin-right: 35px;
}
.p14-index div:nth-child(2) {
    background: url(../img/p14-02.png);
    margin-top: 50px;
    margin-right: 35px;

}
.p14-index div:nth-child(3) {
    background: url(../img/p14-03.png);
    margin-right: 35px;

}
.p14-index div:nth-child(4) {
    background: url(../img/p14-04.png);
    margin-top: 50px;

}
.p14-index .p14-p1 {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    padding-top: 215px;
}
.p14-index .p14-p2 {
    padding-top: 42px;
    color: #333333;
    font-size: 16px;
}
.p14-index div p:nth-child(3) {
    padding-top: 35px;
}
.p14-index div p:nth-child(4) {
    padding-top: 30px;
}
.p14-index div p:nth-child(5) {
    padding-top: 30px;
}

.p15 {
    width: 100%;
    height: 728px;
    position: relative;
}
.p15-index {
    width: 1105px;
    height: 530px;
    margin: 100px auto 0;
}
.p15-t {
    width: 1105px;
    height: 40px;
    display: flex;
    justify-content: space-around;
}
.p15-t div {
    height: 40px;
    background: #fff;
    border-radius: 30px;
    line-height: 40px;
    color: #333333;
    font-size: 20px;
}
.p15-t div:nth-child(1) {
    width: 180px;
}
.p15-t div:nth-child(2) {
    width: 185px;
}
.p15-t div:nth-child(3) {
    width: 130px;
}
.p15-t div:nth-child(4) {
    width: 270px;
}
.p15-t div:nth-child(5) {
    width: 250px;
}

.p15-z {
    width: 1105px;
    height: 365px;
    margin-top: 25px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.p15-z div {
    width: 265px;
    height: 175px;
}

.p16 {
    width: 100%;
    height: 600px;
    background: url(../img/zuihou.png) no-repeat;
    position: relative;
}
.p16-index {
    width: 1120px;
    height: 215px;
    margin: 115px auto 0;
}
.p16-1 {
    width: 860px;
    height: 51px;
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
}
.p16-1 div a{
    height: 51px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    line-height: 51px;
    display: block;
}

.p16-1 div .a-a1 {
    width: 250px;
}
.p16-1 div .a-a2 {
    width: 270px;
}
.p16-1 div .a-a3 {
    width: 260px;
}
.p16-2 {
    width: 1110px;
    height: 51;
    display: flex;
    justify-content: space-around;
    margin: 30px auto 0;
}
.p16-2 div a{
    height: 51px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    line-height: 51px;
    display: block;
}
.p16-2 div .a-a4 {
    width: 290px;
}
.p16-2 div .a-a5 {
    width: 220px;
}
.p16-2 div .a-a6 {
    width: 230px;
}
.p16-2 div .a-a7 {
    width: 250px;
}
.p16-3 {
    width: 980px;
    height: 51;
    display: flex;
    justify-content: space-around;
    margin: 30px auto 0;
}
.p16-3 div a{
    height: 51px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 24px;
    line-height: 51px;
    display: block;
}

.p16-3 div .a-a8 {
    width: 295px;
}
.p16-3 div .a-a9 {
    width: 340px;
}
.p16-3 div .a-a10 {
    width: 260px;
}


.p16-1 div:hover a{
    background: #fff;
    color: #ef3105;
}
.p16-2 div:hover a{
    background: #fff;
    color: #ef3105;
}
.p16-3 div:hover a{
    background: #fff;
    color: #ef3105;
}

.p17 {
    width: 100%;
    height: 79px;
    line-height: 79px;
    color: #666666;
    font-size: 14px;
}