.wrap {width:1200px; margin-right:auto; margin-left:auto;}
.mwrap {max-width:1440px; margin-right:auto; margin-left:auto;}
.ser_center.channel_content{padding:0;}
.ser_center01{background:url(../images/ser_center01_1.jpg) no-repeat center; padding:115px 0 35px;}
.ser_center01 .infor{text-align:center;}
.ser_center01 .infor .tit{font-size:36px; color:#da2d27; line-height:1; margin-bottom:35px}
.ser_center01 .infor .con{font-size:14px; color:#333; line-height:26px; margin-bottom:32px}
.ser_center01 .infor .line{width:1px; height:44px; background:#da2d27; margin:0 auto;}

.ser_center02{background:url(../images/ser_center02_1.jpg) no-repeat center; padding:95px 0 70px}
.ser_center02 .content{padding:0 5%;}
.ser_center02 .content ul{position:relative; overflow:hidden;}
.ser_center02 .content li {text-align:center; position:relative;}
.ser_center02 .content li .li_box{padding-bottom:6px; display:block;}
.ser_center02 .content li i{display:block; width:62px; height:54px; background:url(../images/ser_center02_2.png) no-repeat; margin:58px auto 3px; transition:all 0.5s ease;}
.ser_center02 .content li:hover i{transform:rotateY(180deg);}
.ser_center02 .content .ul_01 li .icon01{background-position:0 0;}
.ser_center02 .content .ul_01 li .icon02{background-position:-62px 0;}
.ser_center02 .content .ul_01 li .icon03{background-position:-124px 0;}
.ser_center02 .content .ul_02 li .icon01{background-position:-186px 0;}
.ser_center02 .content .ul_02 li .icon02{background-position:-248px 0;}
.ser_center02 .content .ul_02 li .icon03{background-position:-310px 0;}
.ser_center02 .content li .icon_tit{font-size:24px; color:#fff; line-height:30px;}
.ser_center02 .content li .con{font-size:14px; color:#fff; color:rgba(255,255,255,0.8); line-height:26px; padding:14px 17% 5px; min-height:52px;  overflow:hidden;}
.ser_center02 .content ul .li01:after,
.ser_center02 .content ul .li02:after{content:''; width:1px; height:170px; position:absolute; right:0; background:url(../images/white03.png) center;}
.ser_center02 .content .ul_01 .li01:after,.ser_center02 .content ul .li02:after{bottom:0;}
.ser_center02 .content .ul_02 .li01:after,.ser_center02 .content .ul_02 .li02:after{top:0;}
.ser_center02 .content .ul_01:after{content:''; width:1000px; height:1px; position:absolute; left:50%; bottom:0; margin-left:-500px; background:url(../images/white03.png) center;}

.ser_center03{padding:20px 0 50px;}
.ser_center03 .infor{text-align:center; padding:0 11%;}
.ser_center03 .infor .tit{font-size:36px; color:#da2d27; line-height:1; margin-bottom:30px}
.ser_center03 .infor .con{font-size:14px; color:#333; line-height:26px; margin-bottom:35px}
.ser_center03 .infor .common-more{margin:0 auto; text-align:left;}
.ser_center03 .content{margin-top:20px; position:relative;}
.ser_center03 .content .rect-3133{padding-bottom:31.33%;}
.ser_center03 .content .dots .dot{position:absolute; font-size:0; z-index:3; -webkit-animation:blingbling .4s linear 0s infinite alternate;animation:blingbling .4s linear 0s infinite alternate;}
.ser_center03 .content .dots .dot .dot_circle{width:8px; height:8px; background:#0062b2d6; border-radius:50%; display:block; cursor:pointer;}
.ser_center03 .content .middle_dots .dot .dot_circle{width:14px; height:14px;}
.ser_center03 .content .big_dots .dot .dot_circle{width:22px; height:22px; background:#65a930b0;}
.ser_center03 .content .dot .list_dot{position:relative;}
.ser_center03 .content .dot:hover .list_dot:after,
.ser_center03 .content .dot:hover .list_dot:before,
.ser_center03 .content .dot.cur .list_dot:after,
.ser_center03 .content .dot.cur .list_dot:before {content:""; display:block; position:absolute; border-radius:50%; top:50%; left:50%; z-index:1;}
.ser_center03 .content .dot:hover .list_dot:before,
.ser_center03 .content .dot.cur .list_dot:before,
.ser_center03 .content .dot .list_dot:before {width:34px; height:34px; background:rgba(255,255,255,0.5); margin-top:-17px; margin-left:-17px; -webkit-animation:warn 2s linear 0.4s infinite; -moz-animation:warn 2s linear 0.4s infinite; animation:warn 2s linear 0.4s infinite; opacity:0;}
.ser_center03 .content .dot:hover .list_dot:after,
.ser_center03 .content .dot.cur .list_dot:after,
.ser_center03 .content .dot .list_dot:after {width:20px; height:20px; background:#fff; margin-left:-10px; margin-top:-10px; -webkit-animation:warn 2s linear 0s infinite; -moz-animation:warn 2s linear 0s infinite; animation:warn 2s linear 0s infinite; opacity:0;}
.ser_center03 .content .dots .delay1{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;animation-delay:.4s}
.ser_center03 .content .dots .delay2{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay3{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay4{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:.5s;animation-delay:.5s}
.ser_center03 .content .dots .delay5{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay6{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.1s;animation-delay:.1s}
.ser_center03 .content .dots .delay7{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;animation-delay:.4s}
.ser_center03 .content .dots .delay8{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.25s;animation-delay:.2s}
.ser_center03 .content .dots .delay9{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.2s;animation-delay:.25s}
.ser_center03 .content .dots .delay10{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay11{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:.5s;animation-delay:.5s}
.ser_center03 .content .dots .delay12{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay13{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.1s;animation-delay:.1s}
.ser_center03 .content .dots .delay14{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.1s;animation-delay:.1s}
.ser_center03 .content .dots .delay15{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay16{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay17{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay18{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:.4s;animation-delay:.4s}
.ser_center03 .content .dots .delay19{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay20{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.4s;animation-delay:.4s}
.ser_center03 .content .dots .delay21{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay22{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay23{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay24{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay25{-webkit-animation-duration:.4s;animation-duration:.5s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay26{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay27{-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay28{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay29{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-delay:.2s;animation-delay:.2s}
.ser_center03 .content .dots .delay30{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-delay:.4s;animation-delay:.4s}
.ser_center03 .content .dots .delay31{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-delay:.3s;animation-delay:.3s}
.ser_center03 .content .dots .delay32{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.4s;animation-delay:.4s}


@keyframes warn {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}
@-webkit-keyframes "warn" {
    0% {
        transform:scale(0.5);
        opacity:0;
    }
    25% {
        transform:scale(1);
        opacity:0.4;
    }
    50% {
        transform:scale(1.2);
        opacity:0.8;
    }
    75% {
        transform:scale(1.3);
        opacity:0.4;
    }
    100% {
        transform:scale(1.4);
        opacity:0;
    }
}

@-webkit-keyframes blingbling {
    from {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }

    to {
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
}

@keyframes blingbling {
    from {
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }

    to {
        -webkit-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}