* {
    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;

}
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:800px;
	position:relative;
}
#banner{
	width:100%;
	max-width:1920px;
    height:800px;

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

	position:relative;
	overflow:hidden;
}
#banner img{
	top:0;
	left:50%;
	margin-left:-960px;
	width:1920px;
	height:800px;
	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;
}



.a1 {
    width: 100%;
    height: 830px;
    background-color: #f4faff;
}
.p1-title {
    width: 1166px;
    height: 186px;
    margin: 0 auto 0;
}
.p1-title div {
    float: left;
}
.p1-title .zhong {
    position: relative;
    z-index: 2;
    font-size: 46px;
    color: #0142dc;
    font-weight: bolder;
    margin: 0px 40px;
    margin-top: -8px;
}
.p1-title .z-b {
    position: relative;
    bottom: -50px;
    /*margin-right: 45px;*/
    font-size: 100px;
    color: #e2e9f1;
    font-weight: 900;
    /*margin-top: -100px;*/
}


.p1-index {
    width: 1200px;
    /*height: 745px;*/
    margin: 0 auto 0;
    position: relative;
}



.p1-div1 {
    /*width: 1000px;*/
    height: 300px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;
    z-index: 99;
}
.p1-div1 .div1-d {
    width: 340px;
    height: 300px;
    position: relative;
    margin-right: 90px;
}
.p1-div2 {
    width: 1000px;
    height: 300px;
    position: relative;
    top: -298px;
    left: 4px;
}
.p1-div2 .div2-d {
    width: 340px;
    height: 106px;
    background-color: #fff;
    display: none;
    position: absolute;
    top: -15px;
    border: #4d3696;
}
.div1-top {
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.div1-bottom {
    width: 340px;
    height: 106px;
    background-color: #fff;
    position: absolute;
    top: 114px;
    border-bottom: 4px solid #0142dc;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.div1-bottom p:nth-child(1) {
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 56px;
}

.div1-bottom p:nth-child(2) {
    color: #666666;
    font-size: 12px;
    width: 192px;
    height: 107px;
    line-height: 19px;
    text-align: left;
    margin: 25px auto 0;
}



.p2 {
    width: 100%;
    height: 1616px;
    background: url(../img/p2.png) no-repeat;
}

.p2-title {
    width: 1166px;
    height: 186px;
    margin: 0 auto 0;
}
.p2-title div {
    float: left;
}
.p2-title .zhong {
    position: relative;
    z-index: 2;
    font-size: 46px;
    color: #0142dc;
    font-weight: bolder;
    margin: 0px 62px;
    margin-top: -8px;
}
.p2-title .z-b {
    position: relative;
    bottom: -50px;
    /*margin-right: 45px;*/
    font-size: 100px;
    color: #e2e9f1;
    font-weight: 900;
    /*margin-top: -100px;*/
}
.p2-title-1 {
    position: relative;
    z-index: 3;
    width: 666px;
    height: 76px;
    margin: 0 auto 0;
}
.p2-title-1 .p-left {
    float: left;
}
.p2-title-1 .p-right {
    float: right;
}

.p2-title-1 .zhong {
    float: left;
    width: 446px;
    height: 76px;
    background: url(../img/p2-center-title.png) repeat-x;
    text-align: center;
}
.p2-title-1 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 17px;
    text-align: center;
}

.p2 .hmjj{
    position: relative;
    top: -42px;
    width: 1200px;
    height: 266px;
    margin: 0 auto 0;
    background-color: #f2f8ff;
    border: 2px solid #157efa;

}
.p2 .hmjj .jj-l{
    width: 620px;
    height: 162px;
    float: left;
    margin-top: 64px;
    padding-left: 50px;
}
.p2 .hmjj .jj-l p{
    font-size: 18px;
    font-weight: 900;
    color: #000000;
    line-height: 32px;
    text-align: justify;
    text-indent:36px;
}

.p2 .hmjj .jj-r{
    width: 441px;
    height: 170px;
    float: left;
    margin-top: 64px;
    padding-left: 64px;
}

.p2-title-2 {
    position: relative;
    z-index: 3;
    width: 526px;
    height: 76px;
    margin: 0 auto 0;
}
.p2-title-2 .p-left {
    float: left;
}
.p2-title-2 .p-right {
    float: right;
}

.p2-title-2 .zhong {
    float: left;
    width: 306px;
    height: 76px;
    background: url(../img/p2-center-title.png) repeat-x;
    text-align: center;
}
.p2-title-2 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 17px;
    text-align: center;
}

.p2 .hmjj-1{
    position: relative;
    top: -42px;
    width: 1200px;
    height: 386px;
    margin: 0 auto 0;
    background-color: #f2f8ff;
    border: 2px solid #157efa;

}
.p2 .hmjj-1 .jj-t{
    width: 1116px;
    height: 62px;
    margin: 0 auto;
    padding-top: 64px;
}
.p2 .hmjj-1 .jj-t p{
    font-size: 18px;
    font-weight: 900;
    color: #000000;
    line-height: 32px;
    text-align: justify;
    text-indent:36px;
}

.p2 .hmjj-1 .jj-b{
    width: 1200px;
    height: 180px;
    float: left;
    padding-top: 100px;
    margin: 0 auto;
}

.p2-title-3 {
    position: relative;
    z-index: 3;
    width: 706px;
    height: 76px;
    margin: 0 auto 0;
}
.p2-title-3 .p-left {
    float: left;
}
.p2-title-3 .p-right {
    float: right;
}

.p2-title-3 .zhong {
    float: left;
    width: 486px;
    height: 76px;
    background: url(../img/p2-center-title.png) repeat-x;
    text-align: center;
}
.p2-title-3 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 17px;
    text-align: center;
}

.p2 .hmjj-2{
    position: relative;
    top: -42px;
    width: 1200px;
    height: 500px;
    margin: 0 auto 0;
    background-color: #f2f8ff;
    border: 2px solid #157efa;

}
.p2 .hmjj-2 .jj-t{
    width: 1116px;
    height: 62px;
    margin: 0 auto;
    padding-top: 64px;
}
.p2 .hmjj-2 .jj-t p{
    font-size: 18px;
    font-weight: 900;
    color: #000000;
    line-height: 32px;
    text-align: justify;
    text-indent:36px;
}

.p2 .hmjj-2 .jj-b{
    width: 1200px;
    height: 180px;
    float: left;
    padding-top: 100px;
    margin: 0 auto;
}





.p3 {
    width: 100%;
    height: 2630px;
    background: #0128a5;
}

.p3 .box-1{
    width: 100%;
    height: 665px;
    background: url(../img/p3-bg1.png) no-repeat;
}
.p3-title {
    width: 1166px;
    height: 186px;
    margin: 0 auto 0;
}
.p3-title div {
    float: left;
}
.p3-title .zhong {
    position: relative;
    z-index: 2;
    font-size: 46px;
    color: #fff;
    font-weight: bolder;
    margin: 0px 17px;
    margin-top: -8px;
}
.p3-title .zhong span{
    color: #fcff00;
}
.p3-title .z-b {
    position: relative;
    bottom: -50px;
    /*margin-right: 45px;*/
    font-size: 100px;
    color: rgba(69,104,223,1.4);
    font-weight: 900;
    /*margin-top: -100px;*/
}
.p3-title-1 {
    position: relative;
    z-index: 3;
    width: 466px;
    height: 70px;
    margin: 0 auto 0;
    padding-top: 32px;
}
.p3-title-1 .p-left {
    float: left;
}
.p3-title-1 .p-right {
    float: right;
}

.p3-title-1 .zhong {
    float: left;
    width: 286px;
    height: 70px;
    background: url(../img/p3-title-c.png) repeat-x;
    text-align: center;
}
.p3-title-1 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 13px;
    text-align: center;
}
.p3 .box-1 .renqun{
    position: relative;
    top: -10px;
    width: 1200px;
    height: 392px;
    margin: 0 auto 0;
    background-color: rgba(6,91,225,.24);
    border: 2px solid #15afff;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p3 .box-1 .renqun li{
    display: inline-block;
    width: 250px;
    height: 260px;
    background-color: rgba(43,113,228,.15);
    border: 2px solid #00bdfd;
    margin-top: 62px;
    margin-right: 34px;
}
.p3 .box-1 .renqun li .li-box{
    display: inline-block;
    width: 230px;
    height: 240px;
    background-color: #fff;
    border: 4px solid #00c0ff;
    margin-top: 8px;
}
.p3 .box-1 .renqun li .li-box .renqun-img{
    position: relative;
    top: -40px;
}
.p3 .box-1 .renqun li .li-box .tit-h3{
    margin: 0 auto;
    width: 184px;
    height: 40px;
    border-bottom:2px solid #0142dc ;

}
.p3 .box-1 .renqun li .li-box .tit-h3 h3{
    font-size: 22px;
    font-weight: 900;
    color: #0142dc;

}
.p3 .box-1 .renqun li .li-box .text-p{
    display: flex;
    margin: 0 auto;
    width: 184px;
    height: 40px;
}

.p3 .box-1 .renqun li .li-box .text-p p{
    font-size: 18px;
    color: #000;
    padding-top: 10px;
    line-height: 24px;
    text-align: justify;
}
.p3 .box-2{
    width: 100%;
    height: 1523px;
    background: url(../img/p3-bg2.png) no-repeat;
}
.p3-title-2 {
    position: relative;
    z-index: 3;
    width: 506px;
    height: 70px;
    margin: 0 auto 0;
    padding-top: 32px;
}
.p3-title-2 .p-left {
    float: left;
}
.p3-title-2 .p-right {
    float: right;
}

.p3-title-2 .zhong {
    float: left;
    width: 326px;
    height: 70px;
    background: url(../img/p3-title-c.png) repeat-x;
    text-align: center;
}
.p3-title-2 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 13px;
    text-align: center;
}
.p3 .box-2 .kc-box{
    position: relative;
    top: -10px;
    width: 1200px;
    height: 1413px;
    margin: 0 auto 0;
    background-color: rgba(6,91,225,.24);
    border: 2px solid #15afff;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p3 .box-2 .kc-box .kc-box-big{
    width: 1136px;
    height: 1315px;
    margin: 0 auto 0;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 62px;
}
.kc-box-big .tab-t{
    padding: 38px 0;
}
.kc-box-big ul li{
    display: inline-block;
    width: 500px;
    height: 62px;
    font-size: 24px;
    border-radius: 30px;
    border: 1px dashed #4d3696;
    line-height: 56px;
    margin-right: 44px;
    cursor:pointer
}
.kc-box-big ul li.hover{
    background-color: #1478f5;
    font-size: 27px;
    color: #fff;
    border: none;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    cursor:pointer
}

.course { color:#fff;width:1045px;margin:0 auto;}

.linux-cour {
    border-bottom: 1px solid #0142dc;
    border-right: 1px solid #0142dc;
    font-size: 14px;
    margin: 0 auto;
}
.linux-cour-tit{
    color:#fff;
    text-align: center;
    background:#00b597;
    line-height: 24px;
    padding: 6px 8px;
}
.linux-cour td {
    font-size: 18px;
    font-weight: 500;
    border-left: 1px solid #0142dc;
    border-top: 1px solid #0142dc;
    color: #3e3e3e;
    line-height: 22px;
    padding: 10px 8px;
}
.linux-cour tr:nth-child(1) td:nth-child(1){
    color: #0142dc;
    font-size: 24px;
    font-weight: 900;
}
.linux-cour tr:nth-child(1) td:nth-child(2),
.linux-cour tr:nth-child(5) td:nth-child(1),
.linux-cour tr:nth-child(7) td:nth-child(1),
.linux-cour tr:nth-child(11) td:nth-child(1),
.linux-cour tr:nth-child(15) td:nth-child(1),
.linux-cour tr:nth-child(17) td:nth-child(1),
.linux-cour tr:nth-child(21) td:nth-child(1),
.linux-cour tr:nth-child(23) td:nth-child(1){
    color: #212121;
    font-size: 18px;
    font-weight: 900;
}
.linux-cour tr:nth-child(1) td:nth-child(2),
.linux-cour tr:nth-child(1) td:nth-child(3),
.linux-cour tr:nth-child(1) td:nth-child(4),
.linux-cour tr:nth-child(2) td:nth-child(1),
.linux-cour tr:nth-child(3) td:nth-child(1),
.linux-cour tr:nth-child(4) td:nth-child(1),
.linux-cour tr:nth-child(7) td:nth-child(1),
.linux-cour tr:nth-child(7) td:nth-child(2),
.linux-cour tr:nth-child(7) td:nth-child(3),
.linux-cour tr:nth-child(8) td:nth-child(1),
.linux-cour tr:nth-child(9) td:nth-child(1),
.linux-cour tr:nth-child(10) td:nth-child(1),
.linux-cour tr:nth-child(15) td:nth-child(1),
.linux-cour tr:nth-child(15) td:nth-child(2),
.linux-cour tr:nth-child(15) td:nth-child(3),
.linux-cour tr:nth-child(21) td:nth-child(1),
.linux-cour tr:nth-child(21) td:nth-child(2),
.linux-cour tr:nth-child(21) td:nth-child(3),
.linux-cour tr:nth-child(22) td:nth-child(1)
{
    background-color: #e5ecfb;
}
.linux-cour1 {
    border-bottom: 1px solid #0142dc;
    border-right: 1px solid #0142dc;
    font-size: 14px;
    margin: 0 auto;
}
.linux-cour-tit{
    color:#fff;
    text-align: center;
    background:#00b597;
    line-height: 24px;
    padding: 6px 8px;
}
.linux-cour1 td {
    font-size: 18px;
    font-weight: 500;
    border-left: 1px solid #0142dc;
    border-top: 1px solid #0142dc;
    color: #3e3e3e;
    line-height: 22px;
    padding: 10px 8px;
}
.linux-cour1 tr:nth-child(1) td:nth-child(1){
    color: #0142dc;
    font-size: 24px;
    font-weight: 900;
    line-height: 28px;
}
.linux-cour1 tr:nth-child(1) td:nth-child(2),
.linux-cour1 tr:nth-child(4) td:nth-child(1),
.linux-cour1 tr:nth-child(9) td:nth-child(1),
.linux-cour1 tr:nth-child(12) td:nth-child(1),
.linux-cour1 tr:nth-child(15) td:nth-child(1),
.linux-cour1 tr:nth-child(17) td:nth-child(1),
.linux-cour1 tr:nth-child(19) td:nth-child(1),
.linux-cour1 tr:nth-child(22) td:nth-child(1),
.linux-cour1 tr:nth-child(25) td:nth-child(1){
    color: #212121;
    font-size: 18px;
    font-weight: 900;
}
.linux-cour1 tr:nth-child(1) td:nth-child(2),
.linux-cour1 tr:nth-child(1) td:nth-child(3),
.linux-cour1 tr:nth-child(1) td:nth-child(4),
.linux-cour1 tr:nth-child(2) td:nth-child(1),
.linux-cour1 tr:nth-child(3) td:nth-child(1),
.linux-cour1 tr:nth-child(9) td:nth-child(1),
.linux-cour1 tr:nth-child(9) td:nth-child(2),
.linux-cour1 tr:nth-child(9) td:nth-child(3),
.linux-cour1 tr:nth-child(10) td:nth-child(1),
.linux-cour1 tr:nth-child(10) td:nth-child(1),
.linux-cour1 tr:nth-child(11) td:nth-child(1),
.linux-cour1 tr:nth-child(15) td:nth-child(1),
.linux-cour1 tr:nth-child(15) td:nth-child(2),
.linux-cour1 tr:nth-child(15) td:nth-child(3),
.linux-cour1 tr:nth-child(16) td:nth-child(1),
.linux-cour1 tr:nth-child(19) td:nth-child(1),
.linux-cour1 tr:nth-child(19) td:nth-child(2),
.linux-cour1 tr:nth-child(19) td:nth-child(3),
.linux-cour1 tr:nth-child(20) td:nth-child(1),
.linux-cour1 tr:nth-child(21) td:nth-child(1),
.linux-cour1 tr:nth-child(25) td:nth-child(1),
.linux-cour1 tr:nth-child(25) td:nth-child(2),
.linux-cour1 tr:nth-child(25) td:nth-child(3),
.linux-cour1 tr:nth-child(26) td:nth-child(1)
{
    background-color: #e5ecfb;
}
.p3 .box-3{
    width: 100%;
    height: 441px;
    background: url(../img/p3-bg3.png) no-repeat;
}
.p3-title-3 {
    position: relative;
    z-index: 3;
    width: 466px;
    height: 70px;
    margin: 0 auto 0;
    padding-top: 32px;
}
.p3-title-3 .p-left {
    float: left;
}
.p3-title-3 .p-right {
    float: right;
}

.p3-title-3 .zhong {
    float: left;
    width: 286px;
    height: 70px;
    background: url(../img/p3-title-c.png) repeat-x;
    text-align: center;
}
.p3-title-3 .zhong h3{
    font-size: 27px;
    color: #fff;
    font-weight: 900;
    padding-top: 13px;
    text-align: center;
}
.p3 .box-3 .kcys-box{
    position: relative;
    top: -10px;
    width: 1200px;
    height: 286px;
    margin: 0 auto 0;
    background-color: rgba(6,91,225,.24);
    border: 2px solid #15afff;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p3 .box-3 .kcys-box ul{
    padding-top: 78px;
}
.p3 .box-3 .kcys-box li{
    width: 160px;
    height: 160px;
    display: inline-block;
    background: url("../img/kcys-bg.png") no-repeat;
    margin-right: 30px;
}
.p3 .box-3 .kcys-box li h3{
    font-size: 22px;
    font-weight: 900;
    padding-top: 50px;
    line-height: 26px;
    color: #22419f;
}
.p4 {
    width: 100%;
    height: 1386px;
    background: url(../img/p4-bg.png) no-repeat;
}

.p4-title {
    width: 1166px;
    height: 186px;
    margin: 0 auto 0;
}
.p4-title div {
    float: left;
}
.p4-title .zhong {
    position: relative;
    z-index: 2;
    font-size: 46px;
    color: #0142dc;
    font-weight: bolder;
    margin: 0px 96px;
    margin-top: -8px;
}
.p4-title .z-b {
    position: relative;
    bottom: -50px;
    /*margin-right: 45px;*/
    font-size: 100px;
    color: #e2e9f1;
    font-weight: 900;
    /*margin-top: -100px;*/
}
.p4 .p4-box{
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 530px;
    margin-top: 20px;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.p4 .p4-box .p4-box-s{
    position: relative;
    margin: 0 auto;
    width: 1178px;
    height: 508px;
    border: 1px dotted #4d3696;
    top: 11px;

}
.p4 .p4-div{
    width:100%;
    height:482px;
    position:relative;
    overflow:hidden;
}
.p4 .p4-div > div{
    /*top:450px;*/
    left:1400px;
    width:1108px;
    height:484px;
    position:absolute;
    overflow:hidden;
    transition:0.4s;
}
.p4 .p4-div > div.act{
    left:0;
    transition:0.4s;
}
.p4 .p4-div > div .img{
}
.p4 .p4-div > div .img img{
    top:32px;
    left:32px;
    width:308px;
    height:448px;
    position:absolute;
}
.p4 .p4-div > div.act .img img{
    border: 6px solid #157efa;
}
.p4 .p4-div > div .info{
    top:32px;
    left:368px;
    position:absolute;
}
.p4 .p4-div > div .info h2{
    font-size:36px;
    line-height:36px;
    font-weight:bold;
    text-align:left;
    color: #157efa;
}
.p4 .p4-div > div .info h2 .js-zw{
    font-size:24px;
    line-height:30px;
    color: #3e3e3e;
    font-weight: normal;
}
.p4 .p4-div > div .info .x-xian{
    margin-top:20px;
    float:left;
    width:340px;
    height:5px;
    display:block;
    border-bottom:1px dotted #157efa ;
}
.p4 .p4-div > div .info p{

    margin-top:30px;
    font-size:18px;
    line-height:30px;
    text-align:left;
    text-indent: 36px;
}
.p4 .p4-ul{
    margin: -108px auto 0px;
    width: 950px;
    height: 163px;
    position: absolute;
    left: 274px;
    bottom: 8px;
}
.p4 .p4-ul ul{
    top:-30px;
    left:100px;
    position:absolute;
}
.p4 .p4-ul ul li{
    float:left;
    margin-right:52px;
    width:171px;
    height:171px;
    cursor:pointer;
    border-radius: 50%;
}
.p4 .p4-ul ul li .js-mz{
    position: relative;
    top: -32px;
    font-size: 24px;
    font-weight: 900;
    color: #212121;
    display: inline-block;
    width: 154px;
    height: 40px;
    cursor: pointer;
    border-radius: 30px;
    background-color: #fdcb48;
    padding: 6px 0 10px;
    line-height: 26px;
}

.p4 .p4-ul ul li.act{
    border:4px solid #0084ff;
}

.p4-bnt{
    position: absolute;
    bottom: 28px;
    right: 62px;
    display: block;
    width: 70px;
    height: 190px;
    background: url(../img/p4-btn.png) no-repeat;
}

.p4-title-1 {
    width: 1166px;
    height: 186px;
    margin: 0 auto 0;
}
.p4-title-1 div {
    float: left;
}
.p4-title-1 .zhong {
    position: relative;
    z-index: 2;
    font-size: 46px;
    color: #0142dc;
    font-weight: bolder;
    margin: 0px 96px;
    margin-top: -8px;
}
.p4-title-1 .z-b {
    position: relative;
    bottom: -50px;
    /*margin-right: 45px;*/
    font-size: 100px;
    color: #e2e9f1;
    font-weight: 900;
    /*margin-top: -100px;*/
}


.poster-main{margin:0 auto;position: relative;margin-top:50px; }
.poster-main .poster-list .poster-item{position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:0;cursor:pointer;}
.poster-main .poster-prev-btn{left:-150px;background:url("../img/btn_l.png") no-repeat center;}
.poster-main .poster-next-btn{right:-150px;background:url("../img/btn_r.png") no-repeat center;}
.poster-main .poster-item{position:relative;}
.poster-main .poster-item img{width:100%;height:auto;
    border: 4px solid #0142dc;
    -webkit-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    -moz-box-shadow: 3px 3px 6px rgba(125,160,243,.5);
    box-shadow: 3px 3px 6px rgba(125,160,243,.5);
}
.footer{
    /*padding-bottom:80px;*/
    line-height:50px;
    text-align:center;
    color:#ffffff;
    background:#303030;
}