@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /* font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif; */
    font-family: "Microsoft YaHei", Simsun, Simhei;
    color: #000;
    overflow: hidden;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
    color: #000;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
}

.l-content .clearfixs:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.l-content a {
    text-decoration: none;
}

.l-content img {
    border: 0;
}

.l-content .l-content-wrap {
    position: relative;
}
.l-content h1 a {
    display: block;
}
.l-content .box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8{
    position: relative;
    
}
.l-content .l-content-wrap .box1 .boxx_1{
    background: url(../images/img_02.jpg) no-repeat;
    width: 1200px;
    height: 570px;
}
.l-content .l-content-wrap .box1 .sign_01{
    position: absolute;
    top: 290px;
    left: 117px;
}
.l-content .l-content-wrap .box1 .sign_01 li{
    float: left;
    width: 200px;
    height: 200px;
    text-align: center;
}
.l-content .l-content-wrap .box1 .sign_01 .one{
    margin-right: 40px;
}
.l-content .l-content-wrap .box1 .sign_01 li p{
    color: #0F218B;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.l-content .l-content-wrap .box1 .sign_02{
    position: absolute;
    top: 290px;
    right: 110px;

}
.l-content .l-content-wrap .box1 .sign_02 li{
    float: left;
    width: 210px;
    height: 200px;
    text-align: center;
}
.l-content .l-content-wrap .box1 .sign_02 .one{
    margin-right: 40px;
}
.l-content .l-content-wrap .box1 .sign_02 li p{
    color: #0F218B;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.l-content .l-content-wrap .box1 .sign_02 li img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.l-content .l-content-wrap .box1 .sign_01 li img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.l-content .l-content-wrap .box1 .text_01{
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 540px;
    left: 115px;
    line-height: 25px;
}
.l-content .l-content-wrap .box1 .text_02{
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 540px;
    right: 120px;
    line-height: 25px;
}
.l-content .l-content-wrap .box1 .img_01{
    position: absolute;
    bottom: 340px;
    left: 95px;
}
.l-content .l-content-wrap .box1 .img_02{
    position: absolute;
    bottom: 340px;
    left: 330px;
}
.l-content .l-content-wrap .box1 .img_03{
    position: absolute;
    bottom: 340px;
   right: 170px;
}
.l-content .l-content-wrap .box1 .text_03{
    position: absolute;
    bottom: 146px;
    right: 410px;
    font-size: 25px;
    color: #000000;
    line-height: 38px;
}
.l-content .l-content-wrap .box1 .text_03 span{
   font-size: 29px;
   color: #0F218B;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}
.l-content .l-content-wrap .box2 .boxx_01{
   position: relative;
   width: 1200px;
   height: 532px;
    background: url(../images/img_04.jpg) no-repeat;
}
.l-content .l-content-wrap .box2 .boxx_01 img{
    position: absolute;
    top: 133px;
    left: 98px;
}
.l-content .l-content-wrap .box2 .boxx_01 p{
    position: absolute;
    top: 261px;
    left: 665px;
    font-size: 21px;
    color: #000000;
    line-height: 28px;
}
.l-content .l-content-wrap .box2 .boxx_02{
   position: relative;
   width: 1200px;
   height:473px;
    background: url(../images/img_05.jpg) no-repeat;
}
.l-content .l-content-wrap .box2 .boxx_02 p{
    position: absolute;
    top: 275px;
    left: 125px;
    font-size: 21px;
    color: #000000;
    line-height: 28px;
}
.l-content .l-content-wrap .box2 .boxx_02 img{
    position: absolute;
    top: 3px;
    right: 99px;
    
}
.l-content .l-content-wrap .box3 .sign_01{
    position: absolute;
    top: 160px;
    right: 62px;
}
.l-content .l-content-wrap .box3 .sign_01 li{
    float: left;
    width: 195px;
    height: 170px;
    margin-right: 18px;
    text-align: center;
    margin-top: 10px;
}

.l-content .l-content-wrap .box3 ul li img:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);

}

.l-content .l-content-wrap .box3 .sign_01 li .a_01{
    font-size: 18px;
    color: #0F218B;
    font-weight: bold;
    margin: 10px auto 15px auto;
    display: block;
}
.l-content .l-content-wrap .box3 .sign_01 li span{
    font-size: 20px;
}

.l-content .l-content-wrap .box3 .sign_02{
    position: absolute;
    top: 840px;
    right: 60px;
}
.l-content .l-content-wrap .box3 .sign_02 li{
    float: left;
    width: 195px;
    height: 170px;
    margin-right: 18px;
    text-align: center;
    margin-top: 10px;
}
.l-content .l-content-wrap .box3 .sign_02 li .a_01{
    font-size: 18px;
    color: #0F218B;
    font-weight: bold;
    margin: 10px auto 15px auto;
    display: block;
}
.l-content .l-content-wrap .box3 .sign_02 li span{
    font-size: 20px;
}
.l-content .l-content-wrap .box3 .sign_02 li .im_01{
    margin-top: 30px;
}
.l-content .l-content-wrap .box3 .sign_02 li .im_02{
    margin-top: 22px;
}
.l-content .l-content-wrap .box4 a .vn{
    font-size: 25px;
    color: #FFFFFF;
    position: absolute;
    left: 520px;
    top: 384px;
    border-bottom: 3px solid #FFFFFF;
    padding-bottom: 2px;
}

.l-content .l-content-wrap .box4 .linn{
    position: absolute;
    top: 470px;
    left: 50px;
    z-index: 99;
}
.l-content .l-content-wrap .box4 .linn .lin{
    display: block;
    float: left;
    width: 262px;
    height: 443px;
    margin-right: 20px;
    border: 1px solid red;
}
.l-content .l-content-wrap .box4 ul {
    position: absolute;
    top: 470px;
    left: 50px;
}
.l-content .l-content-wrap .box4 ul li{
    float: left;
    width: 262px;
    height: 443px;
    margin-right: 20px;
    text-align: center;
}

.l-content .l-content-wrap .box4 .a1{
    background: url(../images/w_1.png) no-repeat;
   
}
.l-content .l-content-wrap .box4 .a2{
    background: url(../images/w_2.png) no-repeat;
   
}
.l-content .l-content-wrap .box4 .a3{
    background: url(../images/w_3.png) no-repeat;
   
}
.l-content .l-content-wrap .box4 .a4{
    background: url(../images/w_4.png) no-repeat;
   
}
.l-content .l-content-wrap .box4 ul li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.l-content .l-content-wrap .box4 ul li .img_1{
    margin-top: 50px;
 }
.l-content .l-content-wrap .box4 ul li .txt_01{
    font-size: 25px;
    font-weight: bold;
    margin-top: 20px;
    display: block;
    color: #000000;
 }
 .l-content .l-content-wrap .box4 ul li .txt_002{
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
    display: block;
    color: #000000;
 }
 .l-content .l-content-wrap .box4 ul li .txt_02{
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    display: block;
    display: block;
    color: #000000;
 }
 .l-content .l-content-wrap .box4 ul .txt_03{
    font-size: 20px;
    color: #000000;
    margin-top: 70px;
    display: block;
  }
  .l-content .l-content-wrap .box4 ul .txt_03 span{
    font-size: 30px;
    color: #DD0000;
    font-weight: bold;
  }
  .l-content .l-content-wrap .box4 ul .txt_04{
    font-size: 19px;
    color: #333333;
    margin: 15px auto 12px auto;
    display: block;
  }
.l-content .l-content-wrap .box5 a .vn{
    font-size: 25px;
    color: #FFFFFF;
    position: absolute;
    left: 520px;
    top: 137px;
    border-bottom: 3px solid #FFFFFF;
    padding-bottom: 2px;
}
.l-content .l-content-wrap .box5 ul{
    position: absolute;
    top: 227px;
    left: 50px;
}
.l-content .l-content-wrap .box5 ul li{
    float: left;
    width: 262px;
    height: 371px;
    margin-right: 20px;
    text-align: center;
}
.l-content .l-content-wrap .box5 ul .a_1{
    background: url(../images/w_5.png) no-repeat;
}
.l-content .l-content-wrap .box5 ul .a_2{
    background: url(../images/w_6.png) no-repeat;
}
.l-content .l-content-wrap .box5 ul .a_3{
    background: url(../images/w_7.png) no-repeat;
}
.l-content .l-content-wrap .box5 ul .a_4{
    background: url(../images/w_8.png) no-repeat;
}
.l-content .l-content-wrap .box5 ul li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
}
.l-content .l-content-wrap .box5 ul li .img_1{
    margin-top: 45px;
}
.l-content .l-content-wrap .box5 ul li .txt_01{
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    margin-top: 30px;
    display: block;
}
.l-content .l-content-wrap .box5 ul li .txt_02{
    font-size: 21px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 27px auto 15px auto;
    display: block;
}
.l-content .l-content-wrap .box5 ul li .txt_002{
    font-size: 21px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 25px auto 15px auto;
    display: block;
}
.l-content .l-content-wrap .box5 ul li .txt_02 span{
    font-size: 31px;
    color: #DD0000;
    font-weight: bold;
}
.l-content .l-content-wrap .box5 ul li .txt_002 span{
    font-size: 31px;
    color: #DD0000;
    font-weight: bold;
}
.l-content .l-content-wrap .box5 ul li .telt_01 span{
    font-size: 31px;
    color: #DD0000;
    font-weight: bold;
}
.l-content .l-content-wrap .box5 ul li .txt_03{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 19px;
    display: block;
}
.l-content .l-content-wrap .box5 ul li .telt_01{
    font-size: 21px;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    margin: 25px auto 6px auto;
    display: block;
}
.l-content .l-content-wrap .box5 ul li .telt_02{
    margin-top: 9px;
}
.l-content .l-content-wrap .box5 ul li .txt_04{
    margin-top: 18px;
}
.l-content .l-content-wrap .box5 .boxx{
    background: url(../images/img_16.jpg) no-repeat;
    width: 1200px;
    height: 177px;
    position: relative;
}
.l-content .l-content-wrap .box5 .boxx ul{
    position: absolute;
    top: 30px;
    left: 40px;
}
.l-content .l-content-wrap .box5 .boxx p{
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 35px;
    left: 35px;
    line-height: 35px;
}
.l-content .l-content-wrap .box6{
    background: url(../images/img_17.jpg) no-repeat;
    width: 1200px;
    height: 732px;
}
.l-content .l-content-wrap .box6 .cont .sign_01 {
    position: absolute;
    top: 160px;
    left: 110px;
}
.l-content .l-content-wrap .box6 .cont .sign_01 li {
    font-size: 18px;
    line-height: 30px;
    text-indent: -25px;
    position: relative;
    z-index: 100;
    font-family: Arial, Helvetica, sans-serif;
}
.l-content .l-content-wrap .box6 .cont .sign_01  li::before {
    content: url(../images/mini_01.png);
    position: absolute;
    top: 6px;
    left: -23px;
    z-index: -10;
}
.l-content .l-content-wrap .box6 .cont .sign_01  li .bue {
   color: #0F218B;
   font-weight: bold;
   text-decoration: underline;
}
.l-content .l-content-wrap .box6 .cont .sign_01  li .num{
    width: 5px;
    display: inline-block;
    color: #000000;   text-align: center;
}

.l-content .l-content-wrap .box6 .cont .sign_02 {
    position: absolute;
    top: 470px;
    left: 93px;
}
.l-content .l-content-wrap .box6 .cont .sign_02 li {
    font-size: 18px;
    line-height: 33px;
    text-indent: -14px;
    position: relative;
    z-index: 100;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.l-content .l-content-wrap .box6 .cont .sign_02  li::before {
    content: url(../images/mini_01.png);
    position: absolute;
    top: 6px;
    left: -17px;
    z-index: -10;
}
.l-content .l-content-wrap .box6 .cont .sign_02  li span {
    text-align: center;
}
.l-content .l-content-wrap .box6 .cont .sign_02  li .num{
    width: 9px;
    display: inline-block;
    color: #000000;
}

.l-content .l-content-wrap .box10 .cont .tit {
    position: absolute;
    top: 55px;
    left: 85px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #ffffff;
}
.l-content .l-content-wrap .box7 .cont {
    height: 407px;
    background: url(../images/img_18.jpg) no-repeat;
}
.l-content .l-content-wrap .box7 .cont .tit {
    position: absolute;
    top: 55px;
    left: 85px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #ffffff;
}
.l-content .l-content-wrap .box7 .cont a {
    position: absolute;
}

.l-content .l-content-wrap .box7 .cont a.f0 {
    top: 300px;
    left: 85px;
}
.l-content .l-content-wrap .box7 .cont a.f1 {
    top: 239px;
    right: 85px;
}
.l-content .l-content-wrap .box7 .cont a.f2 {
    top: 161px;
    left: 85px;
}
.l-content .l-content-wrap .box7 .cont a.f3 {
    top: 99px;
    right: 85px;
}
.l-content .l-content-wrap .box7 .cont a.rt {
    text-align: right;
}
.l-content .l-content-wrap .box7 .cont a span {
    display: block;
    width: 100px;
    height: 32px;
    font-size: 24px;
    line-height: 32px;
}
.l-content .l-content-wrap .box7 .cont a span.top {
    border-bottom: 1px solid #999999;
    font-weight: bold;
    color: #ffcc00;
}
.l-content .l-content-wrap .box7 .cont a span.btm {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
.l-content .l-content-wrap .box7 .cont a span.wd2 {
    display: inline-block;
    width: 50px;
}
.l-content .l-content-wrap .box8 .cont .sign_01{
    position: absolute;
    top: 245px;
    left: 65px;
}
.l-content .l-content-wrap .box8 .cont .sign_02{
    position: absolute;
    top: 245px;
    left: 570px;
}
.l-content .l-content-wrap .box3 .circle{
    width: 8px;
    height: 8px;
    background-color: #DD0000;
    border-radius: 50%;
    position: absolute;
}
.l-content .l-content-wrap .box3 .circle_01{
    top: 330px;
    left: 310px;
}
.l-content .l-content-wrap .box3 .circle_02{

    top: 328px;
    left: 367px;
}
.l-content .l-content-wrap .box3 .circle_03{
    top: 350px;
    left: 418px;
}
.l-content .l-content-wrap .box3 .circle_04{

    top: 348px;
    left: 644px;
}
.l-content .l-content-wrap .box3 .circle_05{
    top: 343px;
    left: 731px;
}
.l-content .l-content-wrap .box3 .circle_06{
    top: -183px;
    left: 315px;

}
.l-content .l-content-wrap .box3 .circle_07{
    top: -272px;
    left: 374px;
}
.l-content .l-content-wrap .box3 .circle_08{
    top: -170px;
    left: 600px;
}
.l-content .l-content-wrap .box3 .circle_09{
    top: -193px;
    left: 833px;
}
.l-content .l-content-wrap .box3 .circle_10{
    top: -323px;
    left: 780px;
}
/* 动画 */



.l-content .l-content-wrap .box3 ul li:hover .circle_01{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_02{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_03{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_04{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_05{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_06{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_07{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_08{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_09{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}
.l-content .l-content-wrap .box3 ul li:hover .circle_10{
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; 
}

@keyframes mymove{
    0% {
        transform:scale(1);
        /*开始为原始大小*/
    }
    25% {
        transform:scale(3);
        /*放大1.1倍*/
    }
    50% {
        transform:scale(1);
    }
    75% {
        transform:scale(3);
    }
}