/* .head{background-color: #fff;} */
/* .headright .nav .navBox ul .child>a{color: #333;} */
/* .headright .headtel .en{filter: invert(1);opacity: 0.8;} */

.area{background-image: url(../../images/n-bg.jpg);background-size: contain;background-position: center top;background-repeat: no-repeat;}
/* single */
.area.single h2{padding: 5% 0 3%;}
.single .info{margin: 2% 0 5%;}
.single .info img{max-width: 100%;}

/* about */
.about{margin-bottom: 50px;}
.about .n-area{}
.about .a-logo{width: 30%;max-width: 290px;margin: 50px auto;display: block;}
.about .intro{font-size: 16px;line-height: 35px;margin-bottom: 50px;}
.about .dis-img{max-width: 100%;margin-bottom: 20px;}
.about .ul{width: 100%;display: flex;flex-wrap: wrap;}
.about .ul .li{width: calc(50% - 10px);margin-right: 20px;padding: 60px 30px 30px;background-color: rgba(0,0,0,0.05);margin-top: 60px;position: relative;}
.about .ul .li:nth-child(2n){margin-right: 0;}
.about .ul .li i{position: absolute;display: inline-block;width: 75px;height: 80px;background-image: url(../../images/adv-ico.png);background-size: contain;left: 30px;top: 0;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;font-weight: 600;}
.about .ul .li .txt h3{font-size: 22px;font-weight: 600;color: #006AAD;line-height: 40px;}
.about .ul .li .txt p{font-size: 16px;line-height: 35px;}


/* course */
.area.course{padding: 0;}
.area.course .n-area{padding: 0 15px;max-width: 1430px;}
.area.course .swiper{overflow: visible;}
.area.course h2{padding: 5% 0 3%;}
.course #lcSwiper .swiper-wrapper{padding: 425px 0;}
.course #lcSwiper .swiper-slide{position: relative;height: 3px;background-color: #006AAD;}
.course #lcSwiper .swiper-slide .info{position: absolute;left: 0;border-left: 1px solid #006AAD;width: 115%;padding: 10%;}
.course #lcSwiper .swiper-slide .info::before,.course #lcSwiper .swiper-slide .info::after{content: '';display: inline-block;position: absolute;border-radius: 50%;background-color: #006AAD;left: 0;}
.course #lcSwiper .swiper-slide .info::before{z-index: 2;width: 10px;height: 10px;transform: translate(-50%,50%);}
.course #lcSwiper .swiper-slide .info::after{z-index: 1;opacity: 0.4;width: 20px;height: 20px;transform: translate(-50%,50%);}
.course #lcSwiper .swiper-slide:nth-child(2n-1) .info{bottom: 100%;padding-top: 0;}
.course #lcSwiper .swiper-slide:nth-child(2n) .info{top: 100%;padding-bottom: 0;}
.course #lcSwiper .swiper-slide:nth-child(2n-1) .info::before{bottom: 0;}
.course #lcSwiper .swiper-slide:nth-child(2n-1) .info::after{bottom: 0;animation: fade3 1s linear infinite;}
.course #lcSwiper .swiper-slide:nth-child(2n) .info::before{top: 0;transform: translate(-50%,-50%);}
.course #lcSwiper .swiper-slide:nth-child(2n) .info::after{top: 0;transform: translate(-50%,-50%);animation: fade2 1s linear infinite;}
.course #lcSwiper .swiper-slide .info .img{height: 170px;width: 190%;max-width: 290px;}
.course #lcSwiper .swiper-slide .info .img img{width: 100%;height: 100%;object-fit: cover;}
.course #lcSwiper .swiper-slide .info .content{margin: 20px 0;font-size: 15px;line-height: 30px;width: 190%;height: 90px;position: relative;}
.course #lcSwiper .swiper-slide .info .content p{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.course #lcSwiper .swiper-slide .info .tit{line-height: 50px;text-align: center;background-color: #006AAD;padding: 0 20px;color: #fff;font-size: 32px;display: inline-block;}

/* product */
.product{padding: 70px 15px 50px;background-image: url('');background-color: #f3f3f3;}
.product .n-area{display: flex;flex-wrap: wrap;}
.product .left{width: 335px;margin: 50px 30px 0 0;}
.product .procate{margin-bottom: 30px;}
.product .procate a{line-height: 60px;padding: 0 20px;width: calc(100% - 0px);font-size: 17px;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;z-index: 2;background-color: #fff;margin-bottom: 5px;}
.product .procate a::before{display: inline-block;content: '';width: 8px;height: 8px;background-color: #006AAD;margin-right: 7px;vertical-align: middle;}
.product .procate a i{position: absolute;right: 20px;top: 50%;font-size: 20px;color: #006AAD;transform: translateY(-50%);}
.product .contact-info{background-color: #fff;}
.product .contact-info h3{padding: 15px 20px;background-color: #006AAD;display: flex;align-items: center;}
.product .contact-info h3 i{color: #fff;font-size: 32px;margin-right: 25px;}
.product .contact-info h3 p{font-size: 20px;font-weight: 600;color: #fff;line-height: 25px;}
.product .contact-info h3 span{font-size: 14px;color: rgba(255, 255, 255, .4);text-transform: capitalize;}
.product .contact-info .c-ul{width: 100%;padding: 15px 0;}
.product .contact-info p{padding: 0px 20px;line-height: 35px;}


.product .ul{margin-top: 50px;width: calc(100% - 365px);}
.product .ul a{background-color: #fff;display: flex;flex-wrap: wrap;margin-bottom: 30px;position: relative;overflow: hidden;}
.product .ul .tit{line-height: 60px;margin: 0 20px;width: calc(100% - 40px);font-size: 17px;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;z-index: 2;}
.product .ul .img{width: 100%;position: relative;padding-top: 80%;border-top: 1px solid rgba(0, 0, 0, .07);}
.product .ul .img img{width: 90%;height: 80%;object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-position: center;}

.product .ul a .content{position: absolute;width: 100%;height: 100%;top: 100%;color: #fff;padding-top: 15%;transition: all 0.3s;background-color: rgba(0, 106, 173, .9);z-index: 1;}
.product .ul a .content .txt{width: 100%;height: 100%;display: flex;flex-wrap: wrap;padding: 20px;align-content: space-between;}
.product .ul a .content .txt p{width: 100%;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #fff;font-size: 16px;}
.product .ul a .content .txt span{display: inline-block;width: 70%;max-width: 110px;line-height: 30px;border: 1px solid #fff;border-radius: 30px;text-align: center;color: #fff;margin-left: auto;}

.product .ul a:hover .tit{color: #fff;}
.product .ul a:hover .content{top: 0;}

/* pinfo */
.pinfo{overflow: hidden;background-image: url('');background-color: #f3f3f3;}
.pinfo .n-area{display: flex;flex-wrap: wrap;}
.pinfo .left{width: 335px;margin: 50px 30px 0 0;}
.pinfo .procate{margin-bottom: 30px;}
.pinfo .procate a{line-height: 60px;padding: 0 20px;width: calc(100% - 0px);font-size: 17px;font-weight: 600;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;position: relative;z-index: 2;background-color: #fff;margin-bottom: 5px;}
.pinfo .procate a::before{display: inline-block;content: '';width: 8px;height: 8px;background-color: #006AAD;margin-right: 7px;vertical-align: middle;}
.pinfo .procate a i{position: absolute;right: 20px;top: 50%;font-size: 20px;color: #006AAD;transform: translateY(-50%);}
.pinfo .contact-info{background-color: #fff;}
.pinfo .contact-info h3{padding: 15px 20px;background-color: #006AAD;display: flex;align-items: center;}
.pinfo .contact-info h3 i{color: #fff;font-size: 32px;margin-right: 25px;}
.pinfo .contact-info h3 p{font-size: 20px;font-weight: 600;color: #fff;line-height: 25px;}
.pinfo .contact-info h3 span{font-size: 14px;color: rgba(255, 255, 255, .4);text-transform: capitalize;}
.pinfo .contact-info .c-ul{width: 100%;padding: 15px 0;}
.pinfo .contact-info p{padding: 0px 20px;line-height: 35px;}

.pinfo .right{width: calc(100% - 365px);margin-top: 50px;background-color: #fff;padding: 20px;}
.pinfo .right .pro-img{display: flex;width: 100%;flex-wrap: wrap;}
.pinfo .right .pro-img .img-left{width: calc(50% - 22px);border: 1px solid rgba(0, 0, 0, .2);margin-right: 20px;}
.pinfo .right .pro-img .img-left .swiper{width: 100%;height: 100%;}
.pinfo .right .pro-img .img-left .swiper .img{position: relative;width: 100%;height: 100%;}
.pinfo .right .pro-img .img-left .swiper .img img{position: absolute;width: 80%;height: 80%;left: 50%;top: 50%;object-fit: contain;transform: translate(-50%,-50%);}
.pinfo .right .pro-img .img-right{width: 50%;}
.pinfo .right .pro-img .img-right h3{font-size: 24px;font-weight: 600;line-height: 35px;margin-bottom: 20px;}
.pinfo .right .pro-img .img-right p{font-size: 16px;line-height: 35px;height: 140px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 30px;}
.pinfo .right .pro-img .img-right .bt{display: flex;width: 100%;justify-content: center;margin-bottom: 25px;}
.pinfo .right .pro-img .img-right .bt a{width: 45%;max-width: 200px;margin: 0 2.5%;border-color: rgba(0, 0, 0, .8);background-color: rgba(0, 0, 0, .8);color: #fff;line-height: 43px;}
.pinfo .right .pro-img .img-right .bt a i{font-size: 22px;color: #fff;margin: 0 5px;}
.pinfo .right .pro-img .img-right .bt a:first-child{background-color: #006AAD;border-color: #006AAD;}
.pinfo .right .pro-img .img-right .swiper{}
.pinfo .right .pro-img .img-right .swiper .img{width: calc(100% - 2px);position: relative;padding-top: 65%;border: 1px solid rgba(0, 0, 0, .2);}
.pinfo .right .pro-img .img-right .swiper .img img{position: absolute;width: 100%;height: 90%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pinfo .pro-info{margin-top: 20px;}
.pinfo .pro-info h3{padding-left: 20px;line-height: 55px;background-image: linear-gradient(to right, rgba(0, 106, 173, 1), rgba(0, 106, 173, 0));color: #fff;font-size: 17px;font-weight: 600;}
.pinfo .pro-info .details{line-height: 35px;font-size: 16px;padding: 10px 0;}
.pinfo .pro-info>p{line-height: 35px;text-align: center;font-size: 16px;margin-top: 20px;}
.pinfo .pro-info>p b{color: #006AAD;font-weight: 600;}
.pinfo .pro-info .details img{max-width: 100%;}
.pinfo .pro-info .details.dom_drag{overflow-x: auto;overflow-y: hidden;}
.pinfo .pro-info .details.dom_drag img{max-width: none;}

/* news */
.news{padding: 70px 15px 50px;}
.news a{margin-bottom: 20px;}
.news .col-lg-12{display: flex;flex-wrap: wrap;}
.news .col-lg-12 a{display: flex;width: 100%;flex-wrap: wrap;}
.news .col-lg-12 .img{width: 50%;position: relative;height: 100%;}
.news .col-lg-12 .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;}
.news .col-lg-12 .txt{width: 50%;padding: 15px 30px;}
.news .col-lg-12 .txt h3{font-size: 24px;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 30px;}
.news .col-lg-12 .txt p{line-height: 35px;font-size: 16px;margin-bottom: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .col-lg-12 .txt span{background-color: #fff;border-color: rgba(0, 0, 0, .3);}

.news .col-lg-3 a{display: flex;width: 100%;flex-wrap: wrap;padding: 30px;background-color: #ebebeb;}
.news .col-lg-3 a b{font-size: 14px;color: #006AAD;margin-bottom: 20px;font-weight: 600;width: 100%;}
.news .col-lg-3 a h3{font-size: 17px;font-weight: 600;line-height: 35px;height: 70px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 25px;width: 100%;}
.news .col-lg-3 a p{font-size: 16px;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 45px;width: 100%;}
.news .col-lg-3 a span{margin-left: auto;color: #006AAD;border-color: #006AAD;width: 90%;line-height: 30px;max-width: 125px;}
.news .col-lg-3 a span i{color: #006AAD;}


/* ninfo */
.ninfo .news-info{margin-top: 10px;position: relative;}
.ninfo .news-info .c-l .bg{width: 100%;max-width: 1000px;border-right: 1px solid #ebebeb;padding-right: 5%;}
.ninfo .news-info h3{font-size: 30px;padding: 30px 0 20px;line-height: 40px;}
.ninfo .news-info .bg h3{font-size: 24px;}
.ninfo .news-info .time{display: inline-block;border-bottom: 1px solid #ebebeb;line-height: 30px;color: #666;width: 100%;}
.ninfo .news-info .c-l .bg .details{padding: 20px 0;line-height: 30px;font-size: 15px;}
.ninfo .news-info .c-l .bg .next_page{width: 100%;}
.ninfo .news-info .c-l .bg .next_page li{display: block;width: 50%;float: left;background-color: #f6f6f6;line-height: 40px;padding: 0 10px;}
.ninfo .news-info .c-l .bg .par-li{padding: 20px 0 10px;}
.ninfo .news-info .c-l .bg .par-li p{display: block;float: left;width: 33.333333%;line-height: 30px;padding: 15px 0;position: relative;}
.ninfo .news-info .c-l .bg .par-li p b{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: #006AAD;color: #fff;text-align: center;margin-right: 13px;}
.ninfo .news-info .c-l .bg .par-li p span{line-height: 25px;position: absolute;display: inline-block;width: calc(100% - 43px);right: 0;top: 50%;transform: translateY(-50%);}

.ninfo .c-r .n-li{margin-bottom: 20px;}
.ninfo .c-r .n-li .li{display: block;width: 100%;padding-right: 0;}
.ninfo .c-r .n-li .li:nth-child(2n){padding-left: 0;}
.ninfo .c-r a{background-color: #f6f6f6;display: block;padding-bottom: 20px;margin-bottom: 10px;transition: all 0.3s;float: left;}
.ninfo .c-r .img{padding-top: 45%;position: relative;overflow: hidden;}
.ninfo .c-r .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;}
.ninfo .c-r a:hover .img img{height: 105%;}
.ninfo .c-r .time{line-height: 40px;font-size: 16px;position: relative;color: #006AAD;font-weight: bold;padding-left: 20px;}
.ninfo .c-r .time::before{content: '';position: absolute;display: inline-block;height: 100%;width: 5px;background-color: #006AAD;left: 0;top: 0;}
.ninfo .c-r .time p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ninfo .c-r .tit{font-size: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: #333;margin: 15px 20px;}
.ninfo .c-r .cont{font-size: 15px;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #8a8a8a;margin: 0 20px;}

/* honor */
.honor{padding: 70px 15px 50px;}
.honor .txt{line-height: 60px;background-color: #EBEBEB;padding: 0 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 17px;font-weight: 600;}
.honor .txt::before{display: inline-block;content: '';width: 8px;height: 8px;background-color: #006AAD;margin: 0 10px;}
.honor .img{width: 100%;position: relative;padding-top: 70%;margin-bottom: 20px;background-color: #f5f5f5;}
.honor .img img{width: 100%;height: 100%;object-fit: contain;left: 50%;top: 50%;position: absolute;transform: translate(-50%,-50%);}


/* contact */
.contact{background-color: #f3f3f3;}
.contact.area{background-image: url('');}
.contact .n-area{padding: 70px 0;display: flex;flex-wrap: wrap;overflow: visible;}
.contact .n-area>div{width: calc(33.333333% - 20px);margin-right: 30px;background-color: #fff;padding: 40px 30px;box-shadow: 0 0 10px rgba(0, 0, 0, .03);}
.contact .n-area>div:last-child{margin-right: 0;padding: 0;}
.contact h3{font-size: 32px;font-weight: 600;color: #006AAD;margin-bottom: 20px;}
.contact h3 span{font-size: 20px;font-weight: 600;color: rgba(0, 0, 0, 0.3);text-transform: uppercase;padding-left: 10px;}
.contact .info p{line-height: 35px;display: flex;width: 100%;font-size: 16px;}
.contact .info p span{width: 100px;color: rgba(0, 0, 0, .5);}

.contact .message{}
.contact .message .form-tr{display: flex;width: 100%;margin-bottom: 15px;}
.contact .message .form-tr label{width: 75px;font-size: 17px;line-height: 40px;}
.contact .message .form-tr input,.contact .message .form-tr textarea{width: calc(100% - 75px);line-height: 40px;background-color: #f3f3f3;padding: 0 15px;}
.contact .message .form-tr.code input{width: calc(50% - 35px);margin-right: 10px;}
.contact .message .form-tr.code img{width: calc(50% - 50px);height: 40px;object-fit: contain;}
.contact .message .form-tr.bt{margin-top: 30px;width: 100%;}
.contact .message .form-tr.bt a{display: block;line-height: 60px;font-size: 17px;color: #fff;text-align: center;border-radius: 60px;font-weight: 600;background-color: #006AAD;width: 100%;}



/* baguetteBoxOne */
.baguetteBoxOne a .img{overflow: hidden;}
.baguetteBoxOne a .img img{transition: all 0.3s;}
.baguetteBoxOne a:hover .img img{width: 105%;height: 105%;}


@media screen and (min-width: 0px) and (max-width:1300px){


}
@media screen and (min-width: 0px) and (max-width:1200px){
    .about .intro{font-size: 15px;}
    .about .ul .li .txt h3{font-size: 20px;}
    .about .ul .li .txt p{font-size: 15px;}

    .product .left{margin-right: 15px;}
    .product .ul{width: calc(100% - 350px);}
    .product .ul a{margin-bottom: 15px;}
    .product .procate{margin-bottom: 15px;}

    .pinfo .left{margin-right: 15px;width: 300px;}
    .pinfo .procate{margin-bottom: 15px;}
    .pinfo .right{width: calc(100% - 315px);}
    .pinfo .right .pro-img .img-right .bt a{font-size: 15px;}
    .pinfo .right .pro-img .img-right h3{margin-bottom: 15px;}
    .pinfo .right .pro-img .img-right p{font-size: 15px;margin-bottom: 20px;}
    .pinfo .right .pro-img .img-right .bt{margin-bottom: 20px;}
    .pinfo .right .pro-img .img-right .bt a i{font-size: 18px;}

    .honor{padding: 50px 15px 35px;}

    .news{padding: 50px 15px 35px;}
    .news .col-lg-12 .txt h3{font-size: 22px;}
    .news .col-lg-3 a p{font-size: 15px;}

    .ninfo .news-info h3{font-size: 26px;}

    .ninfo .c-r .tit{font-size: 20px;}

    .contact h3{font-size: 26px;}
    .contact h3 span{font-size: 19px;}
    .contact .n-area>div{width: calc(50% - 10px);margin-right: 20px;}
    .contact .n-area>div.message{margin-right: 0;}
    .contact .n-area>div:last-child{width: 100%;margin-right: 0;margin-top: 20px;}
    .contact .n-area>div#dituContent{padding-top: 70%;}
}
@media screen and (min-width: 992px) and (max-width:1200px){
    .product .ul .col-md-6:nth-child(2n-1){padding-right: 7.5px;}
    .product .ul .col-md-6:nth-child(2n){padding-left: 7.5px;}
}
@media screen and (min-width: 0px) and (max-width:992px){
    .product .left{width: 100%;margin-right: 0;}
    .product .procate{display: flex;flex-wrap: wrap;margin-bottom: 0;}
    .product .contact-info{display: none;}
    .product .procate a{width: calc(33.333333% - 20px);margin-right: 30px;}
    .product .procate a:nth-child(3n){margin-right: 0;}
    .product .ul{width: 100%;margin-top: 30px;}

    .pinfo .left{width: 100%;margin-right: 0;}
    .pinfo .contact-info{display: none;}
    .pinfo .procate{display: flex;flex-wrap: wrap;margin-bottom: 0;}
    .pinfo .procate a{width: calc(33.333333% - 20px);margin-right: 30px;}
    .pinfo .procate a:nth-child(3n){margin-right: 0;}
    .pinfo .right{width: 100%;margin-top: 30px;}
    .pinfo .right .pro-img .img-right h3{font-size: 22px;}
    .pinfo .pro-info .details{font-size: 15px;}

    .contact .n-area{padding: 50px 0;}
}
@media screen and (min-width: 0px) and (max-width:768px){
    .about .intro{font-size: 14px;}
    .about .ul .li{width: 100%;margin-right: 0;margin-top: 40px;padding-top: 45px;}
    .about .intro{margin-bottom: 30px;}
    .about .ul .li .txt h3{font-size: 18px;}
    .about .ul .li .txt p{font-size: 14px;}
    .about .ul .li i{width: 55px;height: 60px;font-size: 20px;}
    
    .product{padding: 50px 15px 35px;}
    .product .left{margin-top: 30px;}
    .product .procate a{width: calc(50% - 7.5px);margin-right: 15px;}
    .product .procate a:nth-child(3n){margin-right: auto;}
    .product .procate a:nth-child(2n){margin-right: 0;}
    .product .procate a i{font-size: 17px;}
    .product .ul{margin-top: 15px;}

    .product .ul a .content{padding-top: 10%;}
    .product .ul a .content .txt p{font-size: 14px;line-height: 30px;-webkit-line-clamp:3;}
    .product .ul a .content .txt span{margin-top: 5px;}

    .pinfo .left{margin-top: 30px;}
    .pinfo .procate a{width: calc(50% - 7.5px);margin-right: 15px;}
    .pinfo .procate a:nth-child(3n){margin-right: auto;}
    .pinfo .procate a:nth-child(2n){margin-right: 0;}
    .pinfo .procate a i{font-size: 17px;}
    .pinfo .right{margin: 15px 0;}
    .pinfo .right .pro-img .img-right .bt a{font-size: 14px;}
    .pinfo .right .pro-img .img-right p{font-size: 14px;}

    .news .col-lg-12 .img{width: 100%;height: auto;}
    .news .col-lg-12 .txt{width: 100%;padding: 15px 0;}
    .news .col-lg-12 .txt h3{margin-bottom: 10px;}
    .news .col-lg-12 .txt p{margin-bottom: 15px;}
    .news .col-xs-6:nth-child(2n-1){padding-left: 7.5px;padding-right: 15px;}
    .news .col-xs-6:nth-child(2n){padding-right: 7.5px;padding-left: 15px;}

    .ninfo .news-info .bg h3{font-size: 22px;}
    .ninfo .news-info .c-l .bg{padding-right: 0;border: 0;}
    .ninfo .news-info h3{font-size: 22px;padding: 20px 0 15px;}

    .contact .n-area > div{width: 100%;margin-right: 0;}
    .contact .n-area > div.message{width: 100%;margin-top: 20px;}
}
@media screen and (min-width: 0px) and (max-width:640px){
    .pinfo .right .pro-img .img-left{width: 100%;margin-right: 0;}
    .pinfo .right .pro-img .img-left .swiper .img{padding-top: 70%;height: auto;}
    .pinfo .right .pro-img .img-right{width: 100%;margin-top: 15px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
    .about .a-logo{margin: 30px auto;}

    .product .procate a{font-size: 15px;font-weight: 300;}
    .product .ul .tit{line-height: 45px;font-size: 15px;font-weight: 300;}

    .pinfo .right{padding: 15px;}
    .pinfo .right .pro-img .img-right h3{font-size: 20px;}
    .pinfo .procate a{font-size: 15px;font-weight: 300;}
    .pinfo .right .pro-img .img-right p{margin-bottom: 15px;}
    .pinfo .pro-info > p{font-size: 15px;}
    .pinfo .pro-info .details{font-size: 14px;}

    .honor{padding: 30px 15px 10px;}
    .honor .img{margin-bottom: 15px;}
    .honor .txt{line-height: 45px;font-size: 15px;font-weight: 300;}

    .news{padding: 30px 15px 10px;}
    .news .col-lg-3 a{padding: 15px;}
    .news .col-lg-12 .txt p{font-size: 15px;}
    .news .col-lg-3 a b{margin-bottom: 10px;}
    .news .col-lg-3 a h3{margin-bottom: 10px;-webkit-line-clamp: 1;height: 35px;}
    .news .col-lg-3 a p{font-size: 14px;line-height: 30px;margin-bottom: 15px;-webkit-line-clamp: 3;}

    .ninfo .c-r .tit{font-size: 18px;}
    .ninfo .c-r .cont{font-size: 14px;}

    .contact .n-area{padding: 30px 0;}
    .contact h3{margin-bottom: 15px;font-size: 23px;}
    .contact h3 span{font-size: 17px;}
    .contact .n-area > div{padding: 30px 20px;}
    .contact .info p{font-size: 15px;}
    .contact .message .form-tr.bt a{line-height: 50px;}
    .contact .message .form-tr.bt{margin-bottom: 0;}
}
@keyframes fade2 {
    0%{
        transform: translate(-50%,-50%) scale(1);
    }
    100%{
        transform: translate(-50%,-50%) scale(1.3);
    }
}
@keyframes fade3 {
    0%{
        transform: translate(-50%,50%) scale(1);
    }
    100%{
        transform: translate(-50%,50%) scale(1.3);
    }
}