@charset "utf-8";
@media (max-width:768px){
.nav{background: none;transition:all 0.5s ease 0s;position:fixed;width:100%;right: -100%;margin-left:0px;z-index:999;background:#fff;top:0px;height:100%;margin-top:67px;}
.nav li{float: none;width: 100%;}
.nav li>a i{display: none;}
.nav li>a{color: #333;font-size: 18px;padding: 0;padding-left: 15px;}
.nav li .dropdown .list{display: none;}
.nav li .dropdown{position: initial;width: 100%;}
.nav li .dropdown .tab{width: 100%;background: none;}
.nav li .dropdown .tab a{display: block;border-bottom: 0px solid #000;padding-left: 30px;font-size: 16px;}
.nav li em{display: block;position: absolute;left: 102px;top: 18px;z-index: 999;width: 23px;height: 12px;background: url("../images/nav-arrow.png") no-repeat;}

.header{height: 70px;}
.header .logo{height: 70px;line-height: 70px;}
.header .logo img{width:288px;vertical-align: middle; padding-top:20px;}
.header .h-right .language{display: none;}
.header .h-right .phone{display: none;}
.banner .banner-pagination{bottom: 2px !important;}

.title p:nth-child(1){font-size: 24px;}
.title p:nth-child(3){font-size: 20px;}
.title p:nth-child(2){margin: 10px auto 9px;height: 2px;}

.product-center{padding: 25px 0 25px;}

.product-center .con li{width: 48%;margin-left: 2%;padding: 15px 10px;height: auto;margin-top: 2%;}
.product-center .con ul{margin-left: -2%;}
.product-center .con li .tex p:nth-child(1){font-size: 18px;}
.product-center .con li .tex{width: 100%;}
.product-center .con li .img{width: 100%;margin-top: 15px;}
.product-center .con li .tex p:nth-child(2){margin-top: 7px;line-height: 27px;height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.product-center .con li .tex a{margin-top: 11px;font-size: 14px;}
.product-center .con{margin-top: 10px;}

.application{padding: 25px 0 25px;}
.application .swiper-slide a span{font-size: 18px;margin-top: 12px;}
.application .con{margin-top: 25px;}

.advantage{padding: 25px 0 25px;}
.advantage .con .tab ul{width: auto;margin-left: -1%;}
.advantage .con .tab li:nth-child(1){margin-left: 1%;}
.advantage .con .tab li{width: 49%;margin-left: 1%;margin-top: 1%;font-size: 16px;height: 78px;}
.advantage .con{margin-top: 25px;}
.advantage .con .list{height: auto;padding: 10px 10px 105px;}
.advantage .con .list .l-con .item .img{width: 100%;height: auto;}
.advantage .con .list .l-con .item .tex{width: 100%;margin-top: 15px;}
.advantage .con .list .l-con .item .tex .t-01 .num{font-size: 46px;width: 17%;top: 0;margin-right: 0;}
.advantage .con .list .l-con .item .tex .t-01 .a-t{width: 80%;margin-top: 6px;}
.advantage .con .list .l-con .item .tex .t-01 .a-t p:nth-child(1){font-size: 16px;padding: 0;}
.advantage .con .list .l-con .item .tex .t-01 .a-t p:nth-child(2){font-size: 16px;padding: 0;background: none;width: auto;height: auto;line-height: normal;}

.advantage .con .list .ty{display: none;}
.advantage .con .list .consultation{width: 95px;height: 111px;z-index: 100;}
.advantage .con .list .consultation a{font-size: 14px;}
.advantage .con .list .consultation .qq img{width: 25px;}
.advantage .con .list .l-con .item .tex .t-02 p{background: url("../images/ys-dh.png") no-repeat left 7px;}
.advantage .con .list .l-con .item .tex .t-02 p:nth-child(2){margin-top: 5px;}

.about{padding: 25px 0 25px;}
.about .big-t{display: none;}
.about .tex{width: 100%;}
.about .img{width: 100%;}
.about .tex .t-01 p:nth-child(1) span:nth-child(1){font-size: 24px;}
.about .tex .t-01 p:nth-child(1) span:nth-child(2){font-size: 24px;margin-left: 12px;}
.about .tex .t-01 p:nth-child(2){font-size: 24px;margin-top: 5px;}
.about .tex .t-01 p:nth-child(3){margin-top: 12px;}
.about .tex .t-02 p{height: auto;font-size: 14px;line-height: 31px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;overflow: hidden;}
.about .tex .t-02{margin-top: 13px;}
.about .tex .t-02 a{margin-top: 20px;font-size: 14px;width: 116px;height: 35px;line-height: 35px;}
.about .tex .t-03 li i{font-size: 24px;}
.about .tex .t-03 li:nth-child(2){margin-left: 0;}
.about .tex .t-03 li{width: 100%;margin-top: 8px;}
.about .tex .t-03{padding-top: 0;}
.about .img{margin-top: 15px;height: auto;}
.about .img .i-1{display: none;}
.about .img .i-2{position: initial;}
.about .img .i-2 img{width: 100%;}

.news{padding: 25px 0 25px;}
.news .con .c-left{width: 100%;}
.news .con .c-left .bot{width: 100%;height: auto; }
.news .con .c-left .tab a{width: 50%;font-size: 16px;height: 40px;line-height: 40px;}
.news .con .c-left .bot .item{padding: 10px;}
.news .con .c-left .bot .item .tex{width: 100%;margin-left: 0; }
.news .con .c-left .bot .item .img{width: 100%;height: auto;height: 200px;}
.news .con .c-left .bot .item .img img{width: 100%;}

.news .con .c-left .bot .item .tex .time p:nth-child(1){font-size: 22px;margin-top: 5px;}
.news .con .c-left .bot .item .tex .time{width: 13%;}
.news .con .c-left .bot .item .tex .texts{width: 83%;margin-left: 2%; }
.news .con .c-left .bot .item .tex .texts p{width: 100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news .con .c-left .bot .item .tex li:nth-child(1){padding-top: 10px;}

.news .con .c-right{width: 100%;}
.news .con .c-right .bot{width: 100%;padding: 10px;margin-top: 12px;}

.news .con .c-right .top span{font-size: 22px;}
.news .con .c-right .top a{font-size: 14px;margin-top: 5px;}

.customer{padding: 25px 0 25px;}
.customer-container{margin: 0 30px !important;}
.customer .con{margin-top: 20px;}

.footer .f-nav{display: none;}
.footer .code{margin-left: 0;text-align: center;width: 100%;margin-bottom: 15px;}
.footer .f-service .top span:nth-child(2){margin-top: 0;}
.footer .f-service .top span:nth-child(2) a{font-size: 16px;}
.footer .f-service .top span:nth-child(1){font-size: 16px;}
.footer .f-service{border: 0;padding-left: 0;width: 100%;}
.footer{padding: 15px 0 15px;}

.record{height:100px;line-height:28px; padding: 15px 0; background: #eeeeee; color:#000000;}


.record a{color: #000;}


.description{background-size: auto 100%;padding: 15px 0 0;}
.description .d-left{width: 100%;min-height: auto;}
.description .d-left .top{padding: 8px 0 13px 17px;}
.description .d-left .bot li .t-01{height: 38px;line-height: 38px;}
.description .d-left .bot li .t-02 dd{margin-top: 15px;width: 25%;float: left;}
.description .d-left .bot li .t-02 a{padding: 0 0 0 19px;}
.description .d-left .bot li .t-02{display: none;}
.description .d-left .bot li:nth-child(1) .t-02{display: block;}

.description .d-right{width: 100%;padding: 15px 10px 15px;margin-top: 15px;margin-bottom: 15px;min-height: auto;}
.description .d-right .top{padding: 14px 0;}
.description .d-right .bot .t-01 .img{width: 100%;}
.description .d-right .bot .t-01 .tex{width: 100%;}
.description .d-right .bot{padding: 0;}
.description .d-right .bot .b-title{font-size: 18px;}
.description .d-right .bot .t-01 .tex p{margin-top: 8px;}
.description .d-right .bot .t-02{margin-top: 20px;}
.description .d-right .bot .t-03{margin-top: 20px;}

.p-display .bot .list li{width: 48%;margin-left: 2%;margin-top: 2%;height: auto;}
.p-display .bot .list ul{margin-left: -2%;}
.p-display .bot .list li .tex{font-size: 14px;height: 41px;line-height: 40px;}
.p-display .bot .list li:last-child{display: none;}

.page{margin-top: 35px;text-align: center;margin-right: 0;padding-bottom: 15px;}
.page a{font-size: 12px;height: 30px;line-height: 28px;}

.page-news .top{padding: 16px 0;}
.page-news .bot .b-left{width: 100%;}
.page-news .bot .b-right{width: 100%;margin-top: 15px;}
.page-news-d .b-right{padding-bottom: 20px;}
.page-news-d .b-right .list li{width: 100%;padding: 15px 0 17px;}
.page-news-d .b-right .list li .time{width:18%;height: 69px;margin-top: 5px;}
.page-news-d .b-right .list li .tex{margin-left: 2%;width: 80%;}
.page-news-d .b-right .list li .time p:nth-child(1){font-size: 30px;}
.page-news-d .b-right .list li .time p:nth-child(2){font-size: 14px;}
.page-news-d .b-right .list li .tex p:nth-child(2){margin-top: 6px;line-height: 21px;}
.page-news-d .b-right .list li .btn{display: none;}
.page-news-d .b-right .page{margin-top: 30px;}

.page-news .bot .b-right .t-02{padding: 16px 0 16px;}
.page-news .bot .b-right .t-02 img{ width:100%}

.page-news .bot .b-right .t-03 .t-22 ul{width: 100%;border-right: 0;}
.page-news .bot .b-right .t-03 .t-22 ul:nth-child(2){padding-left: 0;margin-top: 13px;}
.page-news .bot .b-right .t-03 .t-22 ul:nth-child(1){border: 0;}
.page-news .bot .b-right .t-03{padding: 15px 0 29px;}
.page-news .top{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.banner .swiper-slide a{height: 250px !important;background-size: auto 100% !important;background-position: -247px 0 !important;}
.page-banner{height: 150px !important;}

.m-nav{display: block;font-size: 0;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 998;background: #283779;}
.m-nav li{float: left;width: 25%;text-align: center;padding: 0px 0 5px;position: relative;}
.m-nav li a .img,.m-nav li .img{height: 35px;line-height: 35px; margin-top:16px;}
.m-nav li a .img img,.m-nav li .img img{width:17px;vertical-align: middle;}
.m-nav li:nth-child(3) a .img img{width: 15px;}
.m-nav li a,.m-nav li{color: #fff;font-size: 12px;}
.m-nav li.active{background: #E6A236;}

.m-nav li .b-popup{display: none;box-shadow: 0 0 6px #666;position: absolute;top: -161px;left: 0;width: 100%;background: #fff;}
.m-nav li .b-popup dd a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:block;color: #333;letter-spacing: 1px;text-align: center;font-size: 14px;border-bottom: 1px solid #f8f8f8;padding: 10px 5px;}

.m-nav li .b-popup2{display: none;box-shadow: 0 0 6px #666;position: absolute;top: -80px;left: 0;width: 100%;background: #fff;}
.m-nav li .b-popup2 dd a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display:block;color: #333;letter-spacing: 1px;text-align: center;font-size: 14px;border-bottom: 1px solid #666;padding: 10px 5px;}


.m-nav-blank{height: 55px;display: block;}
.m-nav,m-nav-blank{display: block;}

}