@charset "utf-8";
@media (max-width:768px){

.header{height: 70px;}
.header .logo{height: 70px;line-height: 70px;}
.header .logo img{width: 110px;} 
.header .nav{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;}
.header .nav li{float: none;margin-left: 0;width: 100%;height: 50px;line-height: 50px;}
.header .nav li a{display: block;width: 100%;height: 100%;padding-left: 15px;}
.h-blank{height: 70px;}
/* .banner .swiper-slide>img{display: none;} */
.phone-img{display: block;height: 450px;}
.h-phone{ display:none;}

.banner .swiper-slide .tex .con{font-size: 20px;width: 310px !important;height: 200px !important;background-size: auto 100% !important;}
.banner .swiper-slide .tex .con p:nth-child(1){padding: 75px 0 10px;}
.banner .banner-pagination .swiper-pagination-bullet{width: 13px !important;height: 13px !important;margin: 0 5px !important;}

.ib-pagination .swiper-pagination-bullet{width: 6px;height: 12px;background-size: cover !important;}
.ib-pagination{bottom: 2% !important;}



.title{text-align: center;}
.title h1{font-size: 20px; font-weight: normal;}

.title p:nth-child(2){margin: 0px auto 6px;}
.title p:nth-child(1) i{font-weight: normal;}
.title p:nth-child(1){font-size: 24px;}
.title p:nth-child(3){font-size: 12px;}
.banner .b-arrow{display: none;}

.solve{padding: 25px 0px ; margin:0 auto;}
.solve .con li{margin-top: 30px;}
.solve .con li .img{width: 56px;height: 65px;padding-top: 18px;}
.solve .con li .img img{width: 28px;}
.solve .con li:hover .img{background: url('../images/lx-02.png') no-repeat; background-size: 100% 100%;}

.solve .con li .tex{margin-top: 10px;}
.solve .con li .tex p{font-size: 12px; }

.service li .tex p{height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: normal;}
.service li .img,.service li .img img{height: 44px;}

.case{padding: 50px 0 25px;}
.case-top{ margin-top:0px;}

.case .title p:nth-child(2){margin: 0px 0 6px; }

.footer .map{display: none;}

.case .con{margin-top: 25px;}
.case ul{margin-left: -2%;}
.case ul li{width: 48%;margin-left: 2%;margin-top: 3%;}
.case ul li:nth-child(1), .case li:nth-child(3), .case li:nth-child(2){margin-top: 3%;}
.case ul li .tex .t-1{padding: 11px 0 13px;}
.case ul li .tex{padding: 10px;}
.case ul li .tex p:nth-child(1){line-height: 22px;margin-top: 5px; font-size: 15px; padding-right: 0px;}
.case ul li .tex p:nth-child(2){font-size: 12px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.case ul li .img .arrow{display: none;}

.product{ margin-top:0px;}
.product ul li .tex{padding: 10px 15px 10px 10px;background: url('../images/cp-a-01.png') no-repeat scroll right 5px center transparent;}


.advantage{padding: 10px 0 25px;}
.advantage li a{padding: 15px 10px;}
.advantage ul{margin-left: -2%;}
.advantage li{margin-left: 2%;width: 48%;margin-top: 2%;height: auto;}
.advantage .con .container-1164{height: auto;padding: 10px;}
.advantage li .top{font-size: 16px;height: 31px;line-height: 28px;}
.advantage .top .img{width: 21%;}
.advantage .top .img img{width: 25px;}
.advantage li .top .tex{width: 75%;margin-left: 2%;}
.advantage li:nth-child(1), .advantage li:nth-child(2), .advantage li:nth-child(3){margin-top: 2%;}
.advantage li .bot{margin-top: 6px;}
.advantage .con{padding-top: 30px;margin-top: 30px;}

.certificate .m-con{display: block;margin-top: 25px;}
.certificate .p-con{display: none;}
.certificate .m-con .swiper-slide{text-align: center;}
.certificate .m-con .swiper-slide img{max-width: 100%;}
.p-cer-pagination{width: 100%;text-align: center;margin-top: 15px;}
.p-cer-pagination .swiper-pagination-bullet{cursor: pointer;background: none;opacity: 1 !important;margin: 0 5px !important;border-radius: 0;width: 18px;height: 4px;border:1px solid #2a709d;}
.p-cer-pagination .swiper-pagination-bullet-active{background-color: #2a709d;}

.certificate{padding: 25px 0 25px;}

.about .con{margin-top: 25px;}
.about .con .img{width: 100%;}
.about .con .img img{width: 100%;}
.about .con .tex{position: initial;width: 100%;height: auto;padding: 10px;margin-top: 5px;}
.about .con .tex p:nth-child(3){line-height: 27px;}
.about .con .tex p:nth-child(1){font-size: 18px;}

.about{padding: 45px 0 30px;}
.process .con{margin-top: 30px;padding: 10px 0 25px;}
.process .con .container{background: none;}
.process .con li{position: initial;width: 50%;margin-top: 15px;}
.process .con li .img{height: 38px;}
.process .con li .tex{font-size: 12px;}
.process .con ul{height: auto;}
.process .con li .tex p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.news{padding: 0px 0 0;}
.news .title p:nth-child(2){margin: 0px 0 6px;}
.news .tab{font-size: 16px;margin-top: 0;}
.news .tab span{margin: 0 7px;}
.news .con .c-1{width: 100%;}
.news .con{margin-top: 20px;}
.news .con .c-2{width: 100%;margin-left: 0;margin-top: 10px;}
.news .con .c-2 .item{width: 100%;height: 166px;}
.news .con .c-3{width: 100%;padding: 0 10px 0 10px;margin-top: 10px;}
.news .con .c-3 li .tex{width: 75%;margin-left: 5%;}
.news .con .c-3 li .time{width: 20%;}
.news .con .c-2 .item{padding: 10px 20px 0 20px;}
.news .tab a{font-size: 12px;width: 109px;height: 34px;line-height: 32px;margin: 0 4px;}
.news .list li{width: 100%;margin-left: 0;height: auto;margin-top: 10px;display: block;padding: 10px;}
.news .list ul{margin-left: 0;}
.news .list li a{padding: 0;}
.news .list li a .time{width: 21%;height: 75px;}
.news .list li a .tex{width: 77%;margin-left: 2%;}
.news .list li a .time p:nth-child(1){font-size: 26px;}
.news .list li a .tex p:nth-child(1){font-size: 16px;}
.news .list li a .tex p:nth-child(2){line-height: 22px;}
.news .list{margin-top: 15px;}

.cooperation{padding: 25px 0 55px;}
.cooperation .swiper-slide img{ width:100%;}
.cooperation .item{margin-top: 15px;}
.footer .top .t-2 .e-1{display: none;}
.footer .top .t-2{width: 100%;}
.footer .top .t-2 .e-2 .code{width: 100%;text-align: center;}
.footer .top .t-2 .e-2 .f-phone{display: none;}
.footer .top .t-1{font-size: 14px;}
.footer .top .t-1 p{margin-top: 11px;}
.footer .top .t-1 p:nth-child(1),
.footer .top .t-1 p:nth-child(2),
.footer .top .t-1 p:nth-child(3){background-size: 20px 20px;}
.footer .top .t-1 p{padding-left: 30px;}

.footer .top{padding: 15px 0 15px;}
.cooperation .con .coo-pagination{margin-top: 16px;}
.footer .top .t-2 .e-2{margin-top: 25px;}

.footer .bot{font-size: 12px;padding: 15px 0;}

.footer .link{ display:none;}

.m-nav{display: block;font-size: 0;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;background: #0e3094;}
.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;}
.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: #eb3d00;}

.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 #666;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;}


.signing .m-con{display: block;position: relative;}
.signing .p-con{display: none;}
.query .swiper-slide .top{padding: 10px;height: 129px;}
.query .swiper-slide .top p:nth-child(2){margin-top: 7px;}
.query .swiper-slide .bot{font-size: 14px;}
.query .swiper-slide .top p:nth-child(1){font-size: 16px;}
.query .swiper-container{padding-bottom: 45px;}
.query .swiper-slide{height: auto;}
.query .swiper-pagination-bullets .swiper-pagination-bullet{width: 13px;height: 13px;}

.query .swiper-slide .bot span{color: #fff;background: url('../images/hz-arrow.png') no-repeat right center;}
.query .swiper-slide .bot{background-color: #2b6c92;}
.query .swiper-slide .top{background: #fff;}

.team .swiper-slide a .tex{padding: 10px;}
.team .swiper-slide a .tex span:nth-child(1){font-size: 18px;}
.team-pagination{margin-top: 5px;}
.team .con{margin-top: 15px;}

.about .con .tex p:nth-child(2){margin-top: 6px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 100;overflow: hidden;}

.case li .tex p:nth-child(1){font-size: 14px;}

.signing{padding: 30px 0 70px;background-size: auto 100% !important;}
.signing .con{margin-top: 22px;}
.signing .con li{width: 48%;margin-left: 2%;border: 0;margin-top: 2%;height: auto;}
.signing .con ul{margin-left: -2%;}
.signing .con li a{padding: 15px 10px;}
.signing .con li .t-1{background-size: 25px 25px;font-size: 16px;padding: 5px 0 5px 35px;}
.signing .con li .t-2{font-size: 12px;margin-top: 4px;}
.signing .con li .t-3{text-align: left;font-size: 12px;margin-top: 8px;}
.signing-pagination{margin-top: 25px;}

.service li .img .arrow{display: none;}
.service li .img .icon{width: 40px;}
.service li .tex p{font-size: 12px;margin: 15px 0 5px;}
.service .container-1280{height: 320px;}
.service li{margin-top: 20px;}
.service .con{margin-top: 25px;background: none !important;padding-bottom: 0;}

.contact{margin-bottom: 30px;}
.contact .container-1166{padding: 10px;}
.contact .top .tex{width: 100%;padding: 10px;border-right: 0;height: auto;}
.contact .top .tex p, .contact .top .tex p a{font-size: 14px;}
.contact .top .tex p{margin-top: 18px;}
.contact .top .tex .t-2{margin-top: 25px;}
.contact .top .map{width: 100%;height: 300px; display:none;}
.introduction{margin-top: 25px;z-index: 1;}

.contact .bot{margin-top: 35px;}
.contact .bot .t-1{height: 500px; padding: 10px;}
.contact .bot .t-1 input{width: 100%;margin-left: 0;margin-top: 10px;}
.contact .bot .t-1 textarea{margin-top: 10px;}
.contact .bot .t-1 .i-3 {width: 100%;height: 47px; float:left;margin-top: 0px;}
.contact .bot .t-1 .i-3 input{width: 200px;height: 47px; font-size: 14px;padding: 10px 15px;margin-top: 17px;border: 0;resize: none;background-color: #f7f7f7;float:left}
.contact .bot .t-1 .i-3 img{float:left;margin-top: 23px;}

.contact .bot .t-2 .input2{width: 100%;font-size: 14px;height: 40px;margin-top: 10px;}
.contact .bot .t-2{}


.contact .bot .t-1 .i-4 {width: 100%;height: 47px; }
.contact .bot .t-1 .i-4 .input2{width: 100%;height: 47px; line-height:47px; }



.page-banner img{display: none;}
.page-banner .tex p:nth-child(2){font-size: 16px;}
.page-banner .tex p:nth-child(1){font-size: 22px;}
.page-banner .tex{top: 57px;}
.page-banner .m-banner{display: block;height: 150px;}

.p-about .cooperation{padding: 50px 17px 60px 17px;}
.p-about .certificate{margin-bottom: 65px;margin-top: 20px;}
.advantage-bg{display: none;}
.page-advantage .con{width: 100%;padding-top: 15px;padding-bottom: 15px;margin-top: 0;}
.introduction .container-1166{padding: 30px 0 25px;}
.ys-title{margin-top: 30px;}

.introduction .con{width: 100%;}
.introduction .con .tex{padding: 10px;}
.introduction .con .tex li span{font-size: 14px;}
.introduction .con .tex li p{margin-top: 8px;}
.introduction .con .tex li{margin-top: 13px;}
.p-about{margin-bottom: 35px;}

.i-detail{margin-top: 30px;z-index: 1; }
.i-detail .top .con{width: 100%;padding: 10px;margin-top: 25px;}
.i-detail .container-1166{padding: 30px 0 30px;}
.i-detail .container-1200{width: 100%; padding: 30px 0;}

.i-detail .top .con .tex{padding: 18px 5px;}
.i-detail .top .con .tex span{padding: 18px 0 10px;}
.i-detail .top .con .tex img{ max-width:100%; margin:20px auto; text-align:center;}

.i-detail .top .con .tex em{font-size:13px; margin:0 10px 0 0; }



.i-detail .bot .con{width: 100%;padding-top: 25px;margin-top: 25px;}

.i-detail .bot .con .coos-container{margin: 0 10px !important;padding: 0 !important;}
.coos-next{right: 18px;}
.coos-prev{left: 18px;}
.i-detail .bot{margin-top: 35px;}

.crumb{font-size: 12px;color: #999;line-height: 20px;padding:15px 5px;  text-align: left; }
.crumb a{color: #999; padding:0px 1px;}
.crumb a:hover{color: #0e3094; }


.c-news .n-title span:nth-child(3) img{width: 39px;}
.c-news li{margin-bottom: 6px;}

.articles{padding: 15px 0;}
.page-title span:nth-child(2){font-size: 22px;}
.page-title span:nth-child(1){width: 4px;height: 24px;top: 3px;}

.articles .con{margin-top: 15px;}
.articles ul{margin-left: 0;}
.articles li{width: 100%;margin-left: 0;padding: 10px; margin-top:2px;}
.articles li .img{width: 31%;}
.articles li .img img{transition: all 1s; }

.articles li .tex{width: 65%;padding-top: 0;}
.articles li .tex p:nth-child(1){font-size: 16px; color:#000; font-weight:normal; margin:3px 0 0 0; line-height: 20px; display:block;}
.articles li .tex p:nth-child(2){ height:38px; line-height: 19px;font-size: 12px;margin: 6px 0 0 0; display:block; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.articles li .tex p:nth-child(3){line-height: 20px; font-size: 12px; display:block;}

}
