@charset "UTF-8";
/*翻页*/
.mypage {
    clear: both;
    width:100%;
    height:auto;
    border:#f00 0px solid;
    margin:4% auto;
   /* padding: 40px 0;*/
    text-align:center;
    font-size: 16px;
}
.pc_dis{
    display: none;
}
.mypage a{
    display: inline-block;
    color:#757575;
    width:34px;
    height:34px;
    text-align: center;
    line-height: 34px;
    font-size:16px;
    /*border: 1px solid #DBDBDB;*/
    /*background: #00a5ea;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 8px;
}
.mypage a:first-child,.mypage a:last-child{
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size:16px;
    background: #d2d2d2;
    color: #ffffff;
}
.mypage span{
    color:#717171;
    width:auto;
    height:auto;
    padding:10px;
    font-size:16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right:5px;
}
.mypage .linking,.mypage a:hover {
    color: #fff;
    background: #00a5ea;
    /*border:1px solid transparent;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
@media screen and (max-width: 768px) {
    .pc_dis {
        display: block;
    }

    .ph_dis {
        display: none;
    }
}
/*二级页banner*/
.fu_bg{
    width: 100%;
    height: 400px;
    max-width: 100%;
    overflow: hidden;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: animatedBackground 20s linear infinite alternate;
    -o-animation: animatedBackground 20s linear infinite alternate;
    -webkit-animation: animatedBackground 20s linear infinite alternate;
    -moz-animation: animatedBackground 20s linear infinite alternate;
}
.fu-inner{
    margin: 120px 0 0 120px;
}
.fu-inner img{
    max-width: 100%;
}
.an_bg{
    background-image: url(../images/second/wl/an-bg.jpg);
}
.mb_bg{
    background-image: url(../images/second/wl/mb-bg.jpg);
}
.sy_bg{
    background-image: url(../images/second/wl/sy-bg.jpg);
}
.gy_bg{
    background-image: url(../images/second/wl/gy-bg.jpg);
}
.w-inner{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px){
    .w-inner{
        width: 1024px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1024px){
    .w-inner{
        width: 100%;
    }
}
@media screen and (max-width: 768px){
    .fu_bg{
        height: 300px;
    }
    .fu-inner{
        margin: 120px 7% 0;
    }
    /*.fu-inner img{
        width: 86%;
    }*/
}
@media screen and (max-width: 400px){
    .fu-inner{
        margin: 120px 5% 0;
    }
    .fu-inner img{
        width: 90%;
    }
}
/*案例页面*/
.fu-title{
    padding-top: 30px;
    margin-bottom: 20px;
}
.fu-title h1{
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e5e5;
}
.fu-title h1 a{
    font-size: 16px;
    color: #515151;
    line-height: 32px;
}
.fu-title h1 a:hover{
    color: #26aceb;
}
.fu-title h1 a.t-no{
    color: #26aceb;
}
.fu-list{
    margin-bottom: 5px;
    border: 1px solid #d2d2d2;
    background-color: #f6f6f6;
}
.fu-list ul{
 overflow: hidden;
}
.fu-list ul li{
    float: left;
    padding: 15px 15px;
    /*border-bottom: 1px dashed #d2d2d2;*/
}
.fu-list ul li a{
    font-size: 14px;
    color: #686868;
    line-height: 28px;
    padding: 5px 15px;
    height: 28px;
}
.fu-list ul li a:hover{
    color: #00a5ea;
}
.fu-list ul li.active a{
    background-color: #00a5ea;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    color: #ffffff;
}
.btn-gd{
    display: none;
}
.btn-gd a{
    display: block;
    float: right;
    font-size: 14px;
    color: #00a5ea;
    padding-right: 25px;
    margin-bottom: 5px;
    text-decoration: none;
}
.anli-list{  }
.anli-list ul{
    overflow: hidden;
}
.anli-list ul li{
    float: left;
    width: 25%;
    padding: 15px 20px;
}
.anli-list ul li a{
    display: block;
    border: 1px solid #d9d9d9;
    padding: 5px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.anli-list ul li:hover a{
    border: 1px solid #00a5ea;
}
.an-im{
    margin-bottom: 5px;
    border: 3px solid #e5e5e5;
}
.an-im img{
    width: 100%;
}
.anli-list ul li a h2{
    font-size: 16px;
    background-color: #939393;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.anli-list ul li:hover a h2{
    background-color: #00a5ea;
}
@media screen and (max-width: 1200px){
    .fu-list ul li{
        padding: 10px 10px;
    }
    .fu-list ul li a{
        padding: 5px 10px;
    }
}
@media screen and (max-width: 1024px){
    .fu-title h1{
        margin: 0 15px;
    }
    .fu-list{
        margin: 0 15px 20px;
    }
    .fu-list ul{
        height: 46px;
    }
    .fu-list ul li{
        padding: 10px 10px;
    }
    .fu-list ul li a{
        padding: 5px 10px;
    }
    .btn-gd{
        display: block;
        overflow: hidden;
    }
    .anli-list ul li{
        width: 33.3%;
    }
}
@media screen and (max-width: 768px){
    .fu-list ul li{
        width: 33.3%;
        padding: 8px 0;
        text-align: center;
    }
    .anli-list ul li{
        width: 50%;
    }
}
@media screen and (max-width: 400px){
    .fu-list ul li{
        width: 50%;
    }
    .anli-list ul li{
        width: 100%;
    }
}
/*模板页面*/
.mb-list ul{
    overflow: hidden;
}
.mb-list ul li{
    float: left;
    width: 33.3%;
    padding: 15px 30px;
}
.mb-list ul li a{
    position: relative;
    display: block;
    border: 1px solid #dedede;
    box-shadow: 0 0 15px 0px #dedede;
    padding: 10px 15px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    background-color: #f9f9f9;
}
.mb-list ul li:hover a{
    box-shadow: 0 0 20px 0px #4fc5f6;
    border: 1px solid #00a5ea;
}
.mb-im{
    margin: 14px 0;
    padding: 14px 0;
    border-top: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.mb-im img{
    width: 100%;
    border: 1px solid #bfbfbf;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.mb-list ul li:hover .mb-im{
    border-top: 1px solid #00a5ea;
    border-bottom: 1px solid #00a5ea;
}
.mb-list ul li:hover .mb-im img{
    border: 1px solid #00a5ea;
}
.mb-txt{
    overflow: hidden;
    padding: 15px 0;
}
.mb-txt i{
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(../images/second/wl/mb-yu.png) no-repeat;
    vertical-align: top;
}
.mb-nei{
    display: inline-block;
    padding-left: 20px;
}
.mb-nei p{
    font-size: 12px;
    color: #bfbfbf;
}
.mb-nei h2{
    font-size: 16px;
    color: #686868;
    line-height: 24px;
}
.mb-list ul li:hover .mb-txt i{
    background: url(../images/second/wl/mb-yub.png) no-repeat;
}
.mb-ab{
    position: absolute;
    bottom:0;
    right: 0;
    display: inline-block;
    height: 51px;
    width: 51px;
    background: url(../images/second/wl/mb-sj.png) no-repeat;
}
.mb-list ul li:hover .mb-ab{
    background: url(../images/second/wl/mb-sjb.png) no-repeat;
}
@media screen and (max-width: 1023px){
    .mb-list ul li{
        width: 50%;
    }
}
@media screen and (max-width: 768px){
    .mb-txt i{
        display: none;
    }
    .mb-list ul li{
        padding: 15px 15px;
    }
}
@media screen and (max-width: 400px){
    .mb-list ul li{
        width: 100%;
    }
}
/*免费试用*/
.sy{
    padding-top: 50px;
}
.sy-tit{
    position: relative;
   height: 95px;
}
.sy-txt{
    top: 0;width: 100%;
    z-index: 100;
    position: absolute;
    background: transparent;
}
.sy-txt h1{
    background: #ffffff;
    padding: 15px 35px;
    font-size: 30px;
    line-height: 60px;
    color: #4b4b4b;
    font-family: "汉真广标";
    width: 400px;
    margin: 0 auto;
}
.sy-h{
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
}
.sy-h hr{
    height: 1px;
    background-color:#c9c9c9 ;
    z-index: 1;
}
.sy-tit h1 i{
    display: inline-block;
    width: 60px;
    height: 50px;
    background: url(../images/second/wl/sy-logo.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
}
.sy-tit h1 span{
    color: #00a5ea;
}
.sy-biao{
    width: 800px;
    padding-top: 55px;
    padding-bottom: 40px;
    margin: 0 auto;
}
.sy-biao form textarea{
    display: inline-block;
    margin: 20px 0;
    padding:15px 20px;
    width: 100%;
    height: 118px;
    font-size: 18px;
    color: #a4a4a4;
    border: 1px solid #a0a0a0;
    resize: none;
}
.sy-biao form input{
    width: 372px;
    height: 50px;
    border: 1px solid #a0a0a0;
    font-size: 18px;
    line-height: 50px;
    color: #a4a4a4;
    padding-left: 20px;
}
.sy-biao form input:first-child{
    margin-right: 50px;
}
.sy-biao a{
    display: block;
    width: 100%;
    height: 52px;
    font-size: 18px;
    line-height: 52px;
    text-align: center;
    background-color: #00a5ea;
    color: #ffffff;
    text-decoration: none;
}

.con a {
    margin-bottom: 50px;
    width: 50%;
    float: left;
    display: block;
    position: relative
}

.con a h3 {
    margin-bottom: 10px;
    font-size: 22px;
    color: #636161;
    font-weight: bold;
    height:30px;
    line-height:30px;
    overflow: hidden;
}

.con a p {
    font-size: 14px;
    line-height: 26px;
    color: #666;
    height: 52px;
    overflow: hidden;
}

.con a .date {
    left: 0;
    top: 0;
    position: absolute;
    text-align: center;
    background: #ececec;
    width: 90px;
    height: 98px
}

.con a .date .d {
    height: 59px;
    line-height: 59px;
    display: block;
    font-size: 36px;
    color: #8d8d8d;
    font-weight: bold
}
.con a .text{
    margin-left: 120px;
    padding-right: 20px;
}
.con a .date .y {
    display: block;
    font-size: 14px;
    color: #ffffff;
    height: 40px;
    background: #bdbdbd;
    line-height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.con a .date .y:before {
    content: '';
    background: url("../images/index/img81.png") no-repeat;
    display: inline-block;
    width: 19px;
    height: 7px;
    position: absolute;
    left: 50%;
    margin-left: -9.5px;
    top: -7px
}

.con a:hover h3 {
    color: #2CB1E7
}

.con a:hover .date .d {
    color: #2CB1E7
}

.con a:hover .date .y {
    background: #2CB1E7
}

.con a:hover .date .y:before {
    background: url("../images/index/img82.png") no-repeat
}

.new{
    padding: 50px 0;
}
.new_tit{
    border-bottom: 2px solid #131313;
}
.new_tit h1{
    font-size: 38px;
    color: #22272C;
    font-weight: bold;
}
.new_tit p{
    font-size: 26px;
    color: #22272C;
    margin-bottom: 10px;
}
.new_cont{
    padding: 30px 0;
}
.new_cont p{
    font-size: 14px;
    color: #4D4D4D;
    line-height: 30px;
}
.new_cont p img{
    max-width: 100%;
    margin-bottom: 30px;
}
.new_bot{
    text-align: center;
}
.new_bot_item{
    display: inline-block;
    width: 400px;
    height: 80px;
    border: 1px dashed #CDCDCD;
    margin: 0 2%;
}
.new_bot_items .bot_icon{
    float:right;
    width: 90px;
}
.bot_icon{
    float: left;
    width: 90px;
}
.bot_icon i{
    color: #C0C0C0;
    line-height:80px;
    margin-left: 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.new_bot_item:hover .bot_icon i{
    margin-left: 5px;
    color: #45BFDF;
}
.new_bot_item:hover .new_text{
    color: #45BFDF;
}
.new_bot_item:hover{
    border: 1px dashed #45BFDF;
}
.new_bot_items .new_text{
    margin-right: 90px;
    margin-left: 0;
}
.new_text{
    margin-left: 90px;
    padding: 15px;
    line-height: 25px;
    font-size: 18px;
    color: #000000;
    text-align: left;
}

@media screen and (max-width: 960px){
    .sy-biao{
        width: 760px;
    }
    .sy-biao form input{
        width: 352px;
    }
}
@media screen and (max-width: 768px){
    .sy{
        padding-top: 25px;
    }
    .sy-biao{
        width: 100%;
        padding-top: 0;
    }
}
@media screen and (max-width: 767px){
    .sy-biao{
        width: 300px;
    }
    .sy-biao form input{
        display: block;
        width: 300px;
       margin-top: 20px;
    }
    .sy-biao form input:first-child{
        margin-right: 0;
        margin-top: 0;
    }
}
@media screen and (max-width: 401px){
    .sy-h{
        display: none;
    }
    .sy-txt h1{
        width: 300px;
        padding: 15px 0;
        font-size: 28px;
    }
}
/*关于我们*/
@font-face
{
    font-family: myFirstFont;
    src: url('../fonts/zhs.ttf');
}
@font-face
{
    font-family: mySecondFont;
    src: url('../fonts/mvboli_0.ttf');
}

.h-title{
    padding: 30px 0;
    width: 100%;
}
.h-title h1{
    width: 470px;
    text-align: center;
    margin: 0 auto;
    font-size: 32px;
    font-family:myFirstFont;
    color: #000000;
    position: relative;
    overflow: hidden;
}
.h-title span{
    display: block;
    padding-top: 5px;
    font-size: 24px;
    color: #a4a4a4;
    font-family:mySecondFont;
}
.h-title i{
    position: absolute;
    display: block;
    width: 130px;
    height: 10px;
    top:14px;
}
.h-lf{
    left: -130px;
    background:url(../images/second/wl/h-lf.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.h-rt{
    right: -130px;
    background:url(../images/second/wl/h-rt.png) no-repeat;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
/*公司简介*/
.gs{
    overflow: hidden;
    margin-bottom: 30px;
}
.gs-lf{
    float: left;
    width: 66.6%;
    padding-right: 20px;
}
.gs-lf h1{
    width: 253px;
    height: 74px;
    font-size: 18px;
    color: #00a5ea;
    background: url(../images/second/wl/gs-st.png) no-repeat;
    line-height: 25px;
    padding-top: 10px;
    margin-bottom: 25px;
}
.gs-lf h1 span{
    color: #333;
}
.gs-lf h2{
    font-size: 20px;
    color: #00a5ea;
    width: 297px;
    height: 36px;
    line-height: 36px;
    padding-left: 45px;
    background: url(../images/second/wl/gs-tit.png) no-repeat;
    margin-bottom: 25px;
    margin-top: 35px;
}
.gs-lf p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    text-indent: 2em;
    margin-bottom: 15px;
}
.gs-rt{
    float: right;
    width: 33.3%;
    padding-left: 20px;
}
.gs-rt img{
    max-width: 100%;
}
/*团队介绍*/
.gy-team{
    background-color: #f9f9f9;
}
.tm{
    overflow: hidden;
    padding-bottom: 30px;
}
.tm-lf{
    float: left;
    width: 500px;
    height: 380px;
    position: relative;
}
.tm-md{
    float: left;
    width: 200px;
    height: 380px;
}
.tm-rt{
    float: right;
    width: 500px;
    height: 380px;
    position: relative;
}
.tm img{
    max-width: 100%;
}
.tm-l{
    position: absolute;
    opacity: 0;
}
.tm-l u{
    display: inline-block;
    width: 45px;
    height: 33px;
}
.tm-l p{
    display: inline-block;
    font-size: 16px;
    color: #363636;
    line-height: 24px;
    margin-left: 10px;
}
.tm-l p span{
    font-size: 18px;
    font-weight: bold;
}
.tm-l01{
    left: 237px;
    top:62px;
}
.tm-l01 u{
    background: url(../images/second/wl/tm01.png) no-repeat;
}
.tm-l02{
    left: 64px;
    top:165px;
}
.tm-l02 u{
    background: url(../images/second/wl/tm02.png) no-repeat;
}
.tm-l03{
    left: 237px;
    top:265px;
}
.tm-l03 u{
    background: url(../images/second/wl/tm03.png) no-repeat;
}
.tm-l04{
    left: 78px;
    top:265px;
}
.tm-l04 u{
    background: url(../images/second/wl/tm04.png) no-repeat;
}
.tm-l05{
    left: 253px;
    top:165px;
}
.tm-l05 u{
    background: url(../images/second/wl/tm05.png) no-repeat;
}
.tm-l06{
    left: 67px;
    top:62px;
}
.tm-l06 u{
    background: url(../images/second/wl/tm06.png) no-repeat;
}
.tm-im{
    display: none;
}
.tm-txt{
    display: none;
}
@media screen and (min-width: 1024px){
    .gy-jj:hover .h-lf{
        left: 0;
    }
    .gy-jj:hover .h-rt{
        right: 0;
    }
    .gy-team:hover .h-lf{
        left: 0;
    }
    .gy-team:hover .h-rt{
        right: 0;
    }
    .gy-zz:hover .h-lf{
        left: 0;
    }
    .gy-zz:hover .h-rt{
        right: 0;
    }
}
@media screen and (max-width: 1200px){
    .tm-lf{
        width:430px ;
    }
    .tm-md{
        width:160px ;
    }
    .tm-rt{
        width:430px ;
    }
    .tm-l01{
        left: 193px;
        top:47px;
    }
    .tm-l02{
        left: 41px;
        top:131px;
    }
    .tm-l03{
        left: 190px;
        top:222px;
    }
    .tm-l04{
        left: 40px;
        top:222px;
    }
    .tm-l05{
        left: 205px;
        top:131px;
    }
    .tm-l06{
        left: 38px;
        top:47px;
    }
}
@media screen and (max-width: 1024px){
    .h-lf{left: 0; }
    .h-rt{right: 0; }
    .h-title{
        padding: 20px 0;
    }
    .gs{
        padding: 0 15px;
    }
    .tm{
        display: none;
    }
    .tm-im{
        display: block;
        padding: 25px 15px;
    }
    .tm-im img{
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 960px){
    .gs-lf{
        width: 100%;
        float: none;
        padding: 0;
    }
    .gs-lf h1{
        margin: 25px auto;
    }
    .gs-lf h2{
        margin: 25px auto;
    }
    .gs-rt{
        width: 100%;
        float: none;
        padding: 0;
        margin: 15px 0 25px 0;
    }
    .gs-rt img{
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px){
    .h-title h1{
        width: 400px;
        font-size: 32px;
    }
    .h-title{
        padding: 25px 0;
    }
    .h-title span{
        padding-top: 10px;
    }
    .h-title h1{
        width: 320px;
        font-size: 28px;
    }
    .h-title{
        padding: 20px 0;
    }
    .h-title span{
        font-size: 20px;
    }
    .h-lf{left: -35px; }
    .h-rt{right: -35px; }
    .gs{
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 767px){
    .tm-im{
        display: none;
    }
    .tm-txt{
        display: block;
        overflow: hidden;
        padding: 0 15px 15px;
    }
    .tm-tlf{
        float: left;
        width: 50%;
    }
    .tm-trt{
        float: right;
        width: 50%;
    }
    .tm-tl{
        padding-bottom: 15px;
    }
    .tm-tl u{
        display: inline-block;
        width: 30px;
        height: 22px;
    }
    .tm-tl p{
        display: inline-block;
        font-size: 12px;
        color: #363636;
        line-height: 18px;
        margin-left: 10px;
    }
    .tm-tl p span{
        font-size: 14px;
        font-weight: bold;
    }
    .tm-tl01 u{
        background: url(../images/second/wl/tm01.png) no-repeat;
        background-size: cover;
    }
    .tm-tl02 u{
        background: url(../images/second/wl/tm02.png) no-repeat;
        background-size: cover;
    }
    .tm-tl03 u{
        background: url(../images/second/wl/tm03.png) no-repeat;
        background-size: cover;
    }
    .tm-tl04 u{
        background: url(../images/second/wl/tm04.png) no-repeat;
        background-size: cover;
    }
    .tm-tl05 u{
        background: url(../images/second/wl/tm05.png) no-repeat;
        background-size: cover;
    }
    .tm-tl06 u{
        background: url(../images/second/wl/tm06.png) no-repeat;
        background-size: cover;
    }
}
@media screen and (max-width: 350px){
    .tm-tl u{
        display: inline-block;
        width: 15px;
        height: 11px;
        vertical-align: text-top;
    }
    .tm-tl p{
        margin-left: 2px;
    }
    .tm-txt{
        padding: 0 10px 15px;
    }
}
/*技术资质*/
.gy-zz{
    margin-bottom: 30px;
}
.zz{
    position: relative;
}
.zz img{
    max-width: 100%;
}
.zz-p{
    position: absolute;
    opacity: 0;
    transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
}
.zz-p h1{
    width: 130px;
    text-align: center;
    font-size: 32px;
    color: #00a5ea;
    padding-bottom: 15px;
    border-bottom: 2px solid #bfbfbf;
    margin-bottom: 20px;
}
.zz-p p{
    font-size: 24px;
    color: #5d5d5d;
    line-height: 36px;
    text-align: center;
}
.zz-p01{
    left: 59px;
    top: 86px;
}
.zz-p02{
    left: 494px;
    top: 242px;
}
.zz-p03{
    left: 680px;
    top: 60px;
}
.zz-m{
    display: none;
}
.bai_bg{
    background-image: url(../images/second/wl/baike.jpg);
}
@media screen and (min-width: 1024px){
    .zz-p01:hover{
        top:63px
    }
    .zz-p02:hover{
        top:192px
    }
    .zz-p03:hover{
        top:30px
    }
    .zz-p01:hover h1{
        border-bottom: 2px solid #00a5ea;
    }
    .zz-p02:hover h1{
        border-bottom: 2px solid #00a5ea;
    }
    .zz-p03:hover h1{
        border-bottom: 2px solid #00a5ea;
    }
    .zz-p01:hover p{
        color: #00a5ea;
    }
    .zz-p02:hover p{
        color: #00a5ea;
    }
    .zz-p03:hover p{
        color: #00a5ea;
    }
}
@media screen and (min-width: 1200px){
    .zz-p01:hover{
        top:81px
    }
    .zz-p02:hover{
        top:237px
    }
    .zz-p03:hover{
        top:55px
    }
}
@media screen and (max-width: 1200px){
    .zz-p01{
        left: 41px;
        top: 68px;
    }
    .zz-p02{
        left: 421px;
        top: 197px;
    }
    .zz-p03{
        left: 565px;
        top: 35px;
    }
}
@media screen and (max-width: 1024px){
    .zz{
        display: none;
    }
    .zz-m{
        display: block;
        overflow: hidden;
        padding: 20px 10px;
    }
    .zz-nei{
        float: left;
        width: 33.3%;
    }
    .zz-min{
        border-right:1px solid #dfdfdf;
    }
    .zz-nei:last-child .zz-min{
        border-right:none;
    }
    .zz-min h1{
        width: 130px;
        text-align: center;
        font-size: 32px;
        color: #00a5ea;
        padding-bottom: 15px;
        border-bottom: 2px solid #bfbfbf;
        margin: 0 auto;
    }
    .zz-min p{
        font-size: 24px;
        color: #5d5d5d;
        line-height: 36px;
        text-align: center;
        margin-top: 20px;
    }
}
@media screen and (max-width: 600px){
    .zz-min h1{
        width: 100px;
        font-size: 28px;
    }
    .zz-min p{
        font-size: 18px;
    }
    .zz-m{
        padding: 0 10px;
    }
    .con a {
        width: 100%;
    }
    .con a {
        margin-bottom: 50px;
        width: 50%;
    }
    .con a h3 {
        font-size: 16px;
    }
    .con a .text {
        margin-left: 105px;
    }
    .new_bot_item {
        display: inline-block;
        width: 90%;
        margin: 15px auto;
    }
    .new_tit h1 {
        font-size: 19px;
    }
    .new_tit p {
        font-size: 15px;
    }
    .new {
        padding: 30px 10px;
    }
    .new_text {
        font-size: 14px;
    }
}
@media screen and (max-width: 500px){
    .zz-min p{
        font-size: 14px;
    }
    .zz-min h1{
        width: 80px;
        font-size: 20px;
    }
}

/*动画*/
@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 70% 0;
    }
}