#banner{
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
#banner .swiper-container {
    width: 100%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
}

/*con1*/

.con1{padding-bottom:20px;}
.base{width: 1200px; margin: 0 auto}
.con1 .base h2{margin-bottom:88px;color:#000;  padding-top: 100px;}

.con2 .base h2{color:#000;}

.con3 .base h2{color:#000;}

.con1 .base h2 span,.con2 .base h2 span,.con3 .base h2 span{color:#757575;}

.base h2{font-size:54px; text-align: center; font-weight: bold;}
.base_z{ color: #eb1c32 !important;}
.base_z_1{display: block; font-size:26px;}

.con1_list{background:url(../img/java/1/bg_img.png) no-repeat left bottom; height:326px; background-position: 520px 0px;}

.con1_tb_content{float:left;width:588px;}

.con1_tb_content p{display:none;}

.con1_tb_content p:nth-child(1){display:list-item;}

.con1_tb_content div{display: table-cell;vertical-align: middle;height:264px;}

.con1_tb_content p{padding:0 142px 0 40px;color:#eb1c32;text-align: left; font-size:18px; line-height: 25px;}
.con1_tb_content_z{ font-size: 18px; color: #eb1c32; display: block; margin-left: 150px; margin-top: 70px;}

.cont1_tb{float:left;width:600px; height: 326px;}

.cont1_tb a{width:100px;display: inline-block; padding-top:120px; font-size:16px; color:#333; text-align: center; margin:0 10px; background:url(../img/java/con1_ico.png) no-repeat; margin-bottom:20px;}

.cont1_tb a:nth-child(1){background-position: 0 -336px;}

.cont1_tb a:nth-child(2){background-position: -130px -336px;}

.cont1_tb a:nth-child(3){background-position: -260px -336px;}

.cont1_tb a:nth-child(4){background-position: -390px -336px;}

.cont1_tb a:nth-child(5){background-position: 0 -494px;}

.cont1_tb a:nth-child(6){background-position: -130px -494px;}

.cont1_tb a:nth-child(7){background-position: -260px -494px;}

.cont1_tb a:nth-child(8){background-position: -390px -494px;}





.cont1_tb a.con1_on1:nth-child(1){background-position: 0 0;}

.cont1_tb a.con1_on1:nth-child(2){background-position: -130px 0;}

.cont1_tb a.con1_on1:nth-child(3){background-position: -260px 0;}

.cont1_tb a.con1_on1:nth-child(4){background-position: -390px 0;}

.cont1_tb a.con1_on1:nth-child(5){background-position: 0 -155px;}

.cont1_tb a.con1_on1:nth-child(6){background-position: -130px -155px;}

.cont1_tb a.con1_on1:nth-child(7){background-position: -260px -155px;}

.cont1_tb a.con1_on1:nth-child(8){background-position: -390px -155px;}


.cont1_tb a.con1_on1{

animation:con1_an 1s linear infinite alternate;

-moz-animation:con1_an 1s linear infinite alternate;

-webkit-animation:con1_an 1s linear infinite alternate;

-o-animation:con1_an 1s linear infinite alternate;

}

@-webkit-keyframes con1_an

{

0% {-webkit-transform:rotate(5deg);}

100% {-webkit-transform:rotate(-5deg);}

}

@-ms-keyframes con1_an

{

0% {-ms-transform:rotate(5deg);}

100% {-ms-transform:rotate(-5deg);}

}

@-moz-keyframes con1_an

{

0% {-moz-transform:rotate(5deg);}

100% {-moz-transform:rotate(-5deg);}

}

@-o-keyframes con1_an

{

0% {-o-transform:rotate(5deg);}

100% {-o-transform:rotate(-5deg);}

}


.con_center{
    width: 1200px;
    height:600px;
    margin: 0 auto;
}

.j_y_z{
    width: 1200px;
    height: 166px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 46px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 46px;
    letter-spacing: 0px;
    text-align: center;
    color: #131021;
    padding-top:116px;
    margin-bottom: 50px;
}
.j_y_z1{
    color: #eb1c32;
}
.con_center_1{
    width: 1200px;
    height: 260px;

}
.con_center_1l{
    width: 365px;
    height: 260px;
    margin-right: 50px;
    float: left;
}
.con_center_12{
    width: 365px;
    height: 260px;
    float: left;
}
.img1{
    display: block;
    position: absolute;
    margin-left:82px;
    transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
.img2{
    display: block;
    position: absolute;
    margin-left:138px;
    margin-top:55px;
}
.img1 {
    -webkit-animation:imgrotate  2s linear infinite;
    -o-animation:imgrotate  2s linear infinite;
    animation:imgrorate  2s linear infinite;
}
@keyframes imgrorate {
    0% {transform: rotate(0deg)}
    25% {transform: rotate(-90deg)}
    50% {transform: rotate(-180deg)}
    75% {transform: rotate(-270deg)}
    100% {transform: rotate(-360deg)}
}
.con_center_z1{
    width: 365px;
    height: 18px;
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #000000;
    padding-top: 220px;
    text-align: center;
}
.con_center_z2{
    width: 365px;
    height: 13px;
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #535353;
    padding-top: 20px;
    text-align: center;
}