@charset"utf-8";
/*自定义分页符样式*/
/*二级页面banner*/
@font-face
{
    font-family: myFirstFont;
    src: url('../fonts/时尚中黑简体.ttf');
}
.fu_bg{
    width: 100%;
    height: 400px;
    max-width: 100%;
    /* background-attachment: fixed; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    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: 0 auto;
    padding-top: 130px;
}
.fu_inner h1{
    font-size: 32px;
    color: #0078cf;
    text-align: center;
}
.fu_inner h1 span{
    display: inline-block;
    color: #ffffff;
    font-size: 40px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    text-shadow: 2px 2px 9px #333;
    margin: 0 auto 30px;
    font-family: Arial;
}

@media screen and (max-width: 1200px){
    .fu_bg{
        height: 400px;
    }
}
@media screen and (max-width: 1024px){
    .fu_bg{
        margin-top: 0px;
    }
}
@media screen and (max-width: 767px){
    .fu_bg{
        height: 350px;
    }
    .fu_inner h1{
        font-size: 28px;
    }
    .fu_inner{
        padding-top: 100px;
    }
}
@media screen and (max-width: 480px){
    .fu_bg{
        height: 280px;
    }
    .fu_inner{
        padding-top: 80px;
    }
    .fu_inner h1{
        font-size: 24px;
    }
    .fu_inner h1 span{
        font-size: 32px;
        height: 40px;
        line-height: 40px;
    }
}
.pro{
    background-image: url('../images/second/yb_bg.jpg');
}
.gywm{
    background-image: url('../images/second/yb_bg_bg.jpg');
}
.xwzx{
    background-image: url('../images/second/yb_bg_bg.jpg');
}
.ppzx{
    background-image: url('../images/second/yb_bg_bg.jpg');
}
.jsxz{
    background-image: url('../images/second/yb_bg_bg.jpg');
}
/*页码*/
.mypage {
    clear: both;
    width:100%;
    height:auto;
    border:#f00 0px solid;
    margin:0 auto;
    padding: 20px 0;
    text-align:center;
    font-size: 16px;
}
/*.pc_dis{
    display: none;
}*/
.mypage a{
    color:#4d555d;
    width:auto;
    height:auto;
    padding:6px 12px;
    font-size:16px;
    margin-right:5px;
    border: 1px solid #DBDBDB;
    background: #F5F5F5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.mypage span{
    color:#717171;
    width:auto;
    height:auto;
    padding:10px;
    font-size:16px;
    border-radius:5px;
    margin-right:5px;
}
.mypage .linking,.mypage a:hover {
    color: #fff;
    background: #0078cf;
    border:1px solid transparent;
    border-radius: 4px;
}
@media screen and (max-width: 768px) {
    .pc_dis {
        display: block;
    }
    .ph_dis {
        display: none;
    }

    .mypage {
        padding: 15px 0;
    }
}
/*
    产品中心
*/
/*检测仪*/
.jc{
    background: url(../images/second/jc-bg.png) no-repeat;
    background-position: center center;
    padding: 50px 0;
    background-size: cover;
}
.jc-con:after{
    display: table;
    content: '';
    clear: both;
}
.mb20{
    margin-bottom: 20px;
}
.jc-con .im{
    width: 54%;
    padding-left: 20px;
    padding-right: 30px;
}
.jc-con .txt{
    width: 46%;
}
.jc-con .im img{
    width: 100%;
}
.jc-con .txt h1{
    color: #0088cb;
    font-size: 30px;
    font-family: myFirstFont;
    margin-bottom: 40px;
    padding-top: 25px;
    text-align: center;line-height: 36px;
    transition: all 0.25s linear;
    position: relative;
    top: 0;
}
.jc-con .txt p{
    color: #0c5aa2;
    font-size: 14px;
    font-family: '宋体';
    line-height: 24px;
}
.rj-con .txt{
    width: 60%;
}
.rj-con .im{
    width: 40%;
    padding-left: 40px;
}
.rj-con .im img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    width: auto;
}
.rj-con .txt h1{
    padding-top: 0;
    text-align: left;
}
.jc-con .txt:hover h1{
    top: -15px;
}

/*小图标*/
.jc ul{
    overflow: hidden;
}
.jc ul{
    overflow: hidden;
    padding: 45px 0;
}
.jc ul li{
    float: left;
    width: 20%;
    padding: 0 5px;
}
.jc ul li div{
    transition: 0.3s all linear;
    padding: 10px 0;
}
.jc ul li i{
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto 15px;
    transition: 0.3s all linear;
}
.jc ul li h2{
    font-size: 18px;
    color: #4c5663;
    margin-bottom: 15px;
    text-align: center;
    transition: 0.3s all linear;
}
.jc ul li p{
    font-size: 12px;
    font-family: '宋体';
    color: #666666;
    line-height: 24px;
    text-align: center;
    transition: 0.3s all linear;
}
.jc ul li:first-child i{background-image: url(../images/index/jc01.png);}
.jc ul li:nth-child(2) i{background-image: url(../images/index/jc02.png);}
.jc ul li:nth-child(3) i{background-image: url(../images/index/jc03.png);}
.jc ul li:nth-child(4) i{background-image: url(../images/index/jc04.png);}
.jc ul li:nth-child(5) i{background-image: url(../images/index/jc05.png) ;}
/*内毒素产品*/
.cpf{
    background: url(../images/second/lb-bg.jpg) no-repeat;
    background-position: center center;
    padding: 50px 0 100px;
    background-size: cover;
}
.cpf .rj-con .txt h1{ color: #fff;padding-top: 40px; }
.cpf .rj-con .txt p{ color: #fff; }
.pp-con{
    padding-bottom: 50px;
    margin-top: -50px;
}
.pp-con ul{
    overflow: hidden;
}
.pp-con ul li{
    float: left;
    width: 33.3%;
    padding: 0 15px 15px;

}
.pp-con ul li a{
    width: 100%;
    display: block;
}
.pp-con ul li .im{
    width: 100%;
    overflow: hidden;
    transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
}
.pp-con ul li .im img{
    width: 100%;
    transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
}
.pp-con ul li .txt{
    padding: 10px 13px 18px;
    border: 1px solid #dcdcdc;
    border-top: none;
}
.pp-con ul li h2{
    color: #3a3a3a;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    transition: 0.25s linear all;
    -webkit-transition: 0.25s linear all;
}
.pp-con ul li p{
    font-family: '宋体';
    line-height: 22px;
    color: #666666;
    height: 88px;
    overflow: hidden;
    text-align: justify;
    transition: 0.25s linear all;
    -webkit-transition: 0.25s linear all;
}
.pp-nei{
    display: none;
}
.pp-t a p img{
    display: block;
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px){
    .jc ul li:hover h2{color: #003580; }
    .jc ul li:hover p{color: #003580; }
    .jc ul li:hover div{
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
    }
    .pp-con ul li a:hover .im{
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .pp-con ul li a:hover h2{
        color: #0c5aa2;
    }
    .pp-con ul li a:hover p{
        color: #0c5aa2;
    }
}
@media screen and (max-width: 1200px){

}
@media screen and (max-width: 1024px){
    .jc{
        padding: 30px 15px;
    }
    .cpf{
        padding: 30px 15px;
    }
}
@media screen and (max-width: 767px){
    .l-more{
        width: 140px;
        height: 40px;
        line-height: 40px;
    }
    .jc .p-btn a{
        background-color: #0088cb;
    }
    /**/
    .jc{
        padding: 25px 15px;
    }
    .jc-con .im{
        float: none;
        width: 100%;
        padding: 0;
    }
    .jc-con .txt{
        float: none;
        width: 100%;
    }
    .jc-con .txt h1{
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 26px;
    }
    .jc ul{
        padding: 20px 0;
    }
    .jc ul li i{
        width: 50px;
        height: 50px;
        background-size: cover;
    }
    .jc ul li{
        width: 50%;
    }
    .jc ul li:nth-child(2){
        display: none;
    }
    .jc ul li p{
        height: 48px;
        overflow: hidden;
    }
    .jc-con .im img{
        width: auto;
        margin: 0 auto;
        display: block;
        max-width: 100%;
    }
    .rj-con .txt h1{
        padding-top: 20px;
        text-align: center;
    }
    .cpf .rj-con .txt h1{
        padding-top: 20px;
    }
    .pp-nei{
        display: block;
    }
    .pp-con ul li a .im{
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .pp-con{
        margin-top: 0;
        padding: 30px 0;
    }
    .pp-con ul{
        display: none;
    }
    .pp-t{
        background-color: #ffffff;
    }
    .pp-t a{
        width: 100%;
        display: block;
    }
    .pp-t a .im{
        width: 100%;
        overflow: hidden;
    }
    .pp-t a .im img{
        width: 100%;
    }
    .pp-t a .txt{
        padding: 10px 13px 18px;
        border: 1px solid #dcdcdc;
        border-top: none;
    }
    .pp-t a h2{
        color: #3a3a3a;
        font-size: 16px;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        box-sizing: border-box;
        transition: 0.25s linear all;
        -webkit-transition: 0.25s linear all;
    }
    .pp-t a p{
        font-family: '宋体';
        line-height: 22px;
        color: #666666;
        height: auto;
        overflow: hidden;
        text-align: justify;

    }
    #pp .swiper-slide{height:10px;}
    #pp .swiper-slide-active { height:auto !important;}
}
@media screen and (max-width: 480px){
    .p-lx .h-tit{
        margin-bottom: 60px;
    }
}
/*
    关于我们
*/
.cul{
    padding: 40px 10px;
}
.gy-h{
    font-size: 36px;
    color: #979797;
    font-family: "黑体";
    text-align: center;
    font-style: italic;
}
.gy-h span{
    color: #0078cf;
}
.gy-h i{
    display: block;
    width: 120px;
    height: 7px;
    border-bottom: 1px solid #979797;
    position: relative;
    margin: 0 auto;
    margin-top: 10px;
}
.gy-h i:after{
    display: block;
    content: '';
    position: absolute;
    height: 7px;
    width: 90px;
    left: 15px;
    bottom:-3px;
    background-color: #0078cf;
}
.cul-txt{
    padding-top: 25px;
}
.cul-txt p{
    font-size: 16px;
    color: #737373;
    line-height: 30px;
    text-align: center;
    font-family: '宋体';
    margin-bottom: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.gy-jj{
    background: url(../images/second/cul-bg.jpg) no-repeat;
    background-position: center center;
    padding: 80px 0;
}
.gy-jj .cul-txt {
    padding-top: 0;
}
.gy-jj .cul-txt p{
    color: #fff;
}
.jj-h{
    padding-top: 30px;
}
.zz-im{
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zz-im div{
    width: 33.3%;
    padding: 8px;
}
.zz-im img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
/*
    新闻列表
*/
.new-title{
    position: relative;
    background-color:rgba(0,0,0,0.5);
    top: -46px;
}
.new-inner{
    width: 1200px;
    margin: 0 auto;
}
.new-inner ul{
    overflow: hidden;
}
.new-inner ul li{
    float: left;
    text-align: center;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.new-inner ul li.active{
    background: rgba(0,120,207,1);
}
@media screen and (min-width: 1024px){
    .new-inner ul li:hover{
        background: rgba(0,120,207,1);
    }
}
.new-inner ul li a{
    font-size: 16px;
    color: #ffffff;
    display: block;
    text-align: center;
    line-height: 46px;
    height: 46px;
    padding: 0 25px;
}
/*新闻列表*/
.news{
    padding:0 0 30px;
}
.news ul{
    width: 100%;
}
.news li{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.news li:last-child{
}
.news-da{
    position: absolute;
    width: 93px;
    height: 68px;
    left: 0;
    top: 10px;
    background: url(../images/second/news-da.png) no-repeat;
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
}
.news-da strong{
    display: block;
    font-size: 30px;
    color: #3a3a3a;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.news-da span{
    display: block;
    font-size: 12px;
    color: #3a3a3a;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.news-con{
    padding-left: 120px;
    overflow: hidden;
    display: block;
}
.news-con .im{
    float: left;
    width: 25%;
}
.news-con .im img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.news-con .txt{
    float: left;
    width: 75%;
    padding-left: 20px;
}
.news-con .txt h3{
    font-size: 16px;
    color: #727272;
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    font-weight: bold;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
.news-con .txt p{
    font-size: 14px;
    line-height: 24px;
    color: #838383;
    margin: 15px 0;
    font-family: '宋体';
}
.news-con .txt p img{
    display: none;
}
.news-con .txt p span{
    display: none;
    color: #999;
}
.news-con .txt span{
    display: block;
    font-size: 14px;
    color: #727272;
}


/*新闻详情*/
.xw-nei{
    margin-bottom: 25px;
    padding:  0 10px;
}
.f-det{
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #D7D7D7;
}
.f-det h4{
    font-size: 30px;
    color: #1982c6;
    text-align: center;
    line-height: 50px;
}
.f-det span{
    font-size: 12px ;
    color: #999999;
    line-height: 24px;
}
.f-det:hover span{
    color: #1982c6;
}
.f-det:hover{
    border-bottom: 1px solid #1982c6;
}
.f-cont h5{
    top: 0;
}
.f-cont{
    border-top: none;
}
.prod-gui{
    padding: 20px 0;
}
.prod-gui p{
    font-size: 14px;
    color: #757575;
    line-height: 30px;
    text-indent: 2em;
}
.prod-gui img{
    display: block;
    max-width: 100%;
    margin: 15px auto;
}
.f-return ul li{
    float: left;
    width: 33.33%;
    color: #333;
    height:60px;
    line-height: 60px;
    font-size: 14px;
}
.f-return ul li:hover a{
    color: #1982c6;
}
.f-return ul{
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}
.f-return ul li:nth-child(2){
    text-align: center;
}
.f-return ul li:nth-child(3){
    text-align: right;
}
.f-return ul li i{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/second/ic-fan.png") no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}

/*技术支持*/
.w-zl{
    padding: 0 0 40px;
}
.w-zl ul{overflow: hidden;margin-bottom: 30px;}
.w-zl ul li{float: left;width: 50%;padding: 15px 8px;}
.w-zl ul li a{display: block;width: 100%;}
.zl-con{
    width: 100%;
    background:rgba(0,0,0,0.1);
    padding: 15px 14px;
    overflow: hidden;
}
.zl-con i{
    display: block;
    float: left;
    width: 21px;
    height: 24px;
    background: url(../images/second/icon01.png) no-repeat;
    vertical-align: middle;
    margin-right: 20px;
}
.zl-con p{
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    color: #373737;
    float: left;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.zl-con span{
    display: block;
    float: right;
    width: 32px;
    height: 28px;
    background: url(../images/second/ic-xzb.png) no-repeat;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
/*诚聘英才*/
/*加入我们*/
.join{
    margin-bottom: 25px;
}
.join-title ul{
    background-color: #f6f8f8;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    margin-bottom: 20px;
}
.join-title ul li{
    font-size: 15px;
    color: #000000;
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0;
}
.join-con .panel-group .panel{
    border: none;
    box-shadow: none;
}
.join-con .panel-heading{
    border-bottom: 1px dashed #dddddd;
}
.join-con .panel-title{
    overflow: hidden;
    border: none;
}
.join-con .panel-title li{
    float: left;
    width: 20%;
    text-align: center;
    font-size: 15px;
}
.join-con .panel-title li a{
    color: #000;
}
.join-con .panel-body{
    border-top: none !important;
    border-bottom:1px dashed #dddddd;
}
.tab-zpyq h1{
    font-size: 14px ;
    color: #209add;
    padding-bottom: 15px;
}
.tab-zpyq h2{
    font-size: 14px;
    color: #333333;
    padding-bottom: 15px;
}
.tab-zpyq p{
    font-size: 12px;
    color: #757575;
    padding-bottom: 15px;
    line-height: 20px;
}
h1.xq-hid{
    display: none;
}


/*新*/
.head-list>li>a{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.gy-na .w-ph,.gy-ft .foot{
    background-color: #209cd9;
}
.gy-na .head-list>li.active>a,.gy-na .head-list>li:hover>a{
    color:#209cd9;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.cp-na .w-ph,.cp-ft .foot{
    background-color: #1b62d4;
}
.cp-na .head-list>li.active>a,.cp-na .head-list>li:hover>a{
    color:#1b62d4;
}
.jz-na .w-ph,.jz-ft .foot{
    background-color: #2a7f3e;
}
.jz-na .head-list>li.active>a,.jz-na .head-list>li:hover>a{
    color:#2a7f3e;
}
/*.jo-na .w-ph,.jo-ft .foot{
    background-color: #9c4879;
}*/
.jo-na .head-list>li.active>a,.jo-na .head-list>li:hover>a{
    color:#9c4879;
}
.new-na .w-ph,.new-ft .foot{
    background-color: #dc402d;
}
.new-na .head-list>li.active>a,.new-na .head-list>li:hover>a{
    color:#dc402d;
}
.mb-bg{
    background: url(../images/second/mb-bg.png) no-repeat;
    background-position: center center;
    background-size: cover;
}
.cp-nei{
    padding-top: 30px;
}
.ji{
    padding: 40px 0;
}
/*视频中心*/
.vd{
    padding: 40px 0;
    background: url(../images/second/bus-bg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.vd h2{
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
}
.vd video{
    width: 100%;
   /* max-width: 100%;*/
    margin: 0 auto;
    display: block;
}
.vd-mb{
    background: rgba(0,0,0,0.6);
    padding-top: 36px;
    padding-bottom: 50px;
}
.vd-nei{
    width: 160px;
    margin: 25px auto 0;
}
.vd-nei a{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    background-color: #0088cb;
    width: 160px;
    height: 48px;
    color: #ffffff;
    line-height: 48px;
    transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -webkit-transition: 0.3s linear all;
    margin: 10px 0;
}

@media screen and (min-width: 1024px){

    .w-zl ul li:hover .zl-con p{
        color: #01347f;
    }
    .w-zl ul li:hover .zl-con span{
        background: url(../images/second/ic-xz.png) no-repeat;
    }
    .news li:hover .news-da{
        background: url(../images/second/news-da2.png) no-repeat;
        top: 0;
    }
    .news li:hover .news-da strong,.news li:hover .news-da span{
        color: #0078cf;
    }
    .news li .news-con .txt:hover h3{
        color: #0078cf;
        border-bottom: 1px solid #0078cf;
    }
    .news li .news-con .txt p:hover,.news li .news-con .txt span:hover{
        color: #0078cf;
    }
    .vd-nei a:hover{
        background-color: #003580;
    }
}
@media screen and (max-width: 1200px){
    .new-inner{
        width: 1024px;
    }
    .zl-con i{
        margin-right: 5px;
    }
    .news-con{
        padding-left: 102px;
    }
}
@media screen and (max-width: 1024px){
    .new-inner{
        width: 100%;
    }
    .cul{
        padding: 25px 10px;
    }
    .gy-h{
        font-size: 30px;
    }
    .gy-h i{
        width: 92px;
    }
    .gy-h i:after{
        width: 70px;
        left:11px ;
    }
    .cul-txt p{
        line-height: 26px;
        font-size: 14px;
    }

    .w-zl ul li{
        float: none;
        width: 100%;
    }
    .gy-jj{
        padding: 40px 10px;
    }
    .news-da{
        display: none;
    }
    .news-con{
        padding-left: 0;
    }
    .news-con .txt p span{
        display: block;
    }
    .news{
        padding: 0 15px 25px;
    }
}
@media screen and (max-width: 768px){

    .f-det h4{
        font-size: 24px;
        line-height: 36px;
    }
    .f-cont{
        margin-top: 10px;
    }
    .f-return ul li{
        height: 40px;
        line-height: 40px;
        width: 100%;
        text-align: left;
    }
    .f-return ul li:nth-child(2){
        text-align: left;
    }
    .f-return ul li:nth-child(3){
        text-align: left;
    }
    .news-con .im,.news-con .txt{
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .news-con .im{
        margin-bottom: 15px;
    }
    .news li{
        padding-bottom: 10px;
        border-bottom: 1px dashed #ddd;
    }
    .news-con .txt h3{
        border-bottom: none;
        padding-bottom: 0;
    }
    /**/
    .join{
        padding: 0 15px;
    }
    .join-title ul li:nth-child(2),.join-title ul li:nth-child(3){
        display: none;
    }
    .join-title ul li{
        width: 33%;
    }
    h1.xq-hid{
        display: block;
    }
    .join-con .panel-title li{
        width: 33.3%;
        font-size: 14px;
    }
    .join-con .panel-title li:nth-child(2),.join-con .panel-title li:nth-child(3){
        display: none;
    }
}
@media screen and (max-width: 767px){
    .w-zl ul li{
        padding: 10px 8px;
    }
}
@media screen and (max-width: 480px){
    .zl-con p{
        width: 100%;
        margin: 10px 0;
    }
}

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