@charset "utf-8";
@media (max-width:768px){

.header{background: none;background: #fff;position: initial;}
.nav-blank{display: none;}
.header .logo img{width: 150px;} 
.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 .h-phone{display: none;}
.header .nav li{float: none;}
.header .nav li a{color: #333;font-size: 18px;display: block;width: 100%;padding: 10px 0 10px 15px;}
.header .nav li a i{display: none;}

.h-case{padding: 25px 0 25px;}
.h-case .h-title img{width: 34%;}
.h-title p:nth-child(3){font-size: 24px;}
.h-title p:nth-child(2){width: 109px;margin: 12px auto 5px;}
.h-case ul{margin-left: -2%;}
.h-case li{width: 48%;margin-left: 2%;height: auto;margin-top: 2%;}
.h-case .con{margin-top: 20px;}

.h-advantage .h-title img{width: 50%;}
.h-advantage .con .tab li{width: 33.33%;margin-left: 0;margin-top: 15px;}
.h-advantage .con .tab li .img{width: 75px;height: 75px;}
.h-advantage .con .tab ul{margin-left: 0;}
.h-advantage .con .tab li .tex{font-size: 14px;margin-top: 12px;}
.h-advantage .con{margin-top: 30px;}
.h-advantage .con .tab li .img{background-size: 30px 30px !important;}

.h-advantage .con .list .item p:nth-child(2){width: 100%;line-height: 30px;font-size: 16px;padding-top: 30px;}
.h-advantage .con .list .item p:nth-child(1){font-size: 24px;padding: 25px 0 20px;display: none;}
.h-advantage .con .list{height: auto;padding-bottom: 30px;margin-top: 50px;}

.h-team{padding: 30px 0 30px;}
.h-team .h-title img{width: 50%;}
.h-team .con{margin-top: 25px;}
.h-team .con .container{width: 100%;}
.h-team .con .ul1{margin-top: 30px;padding: 0px;}
.about5 .slick-slide .img span img{transform: scale(0.55);transition: all .5s;}
.about5 .slick-current .img span img{transform: scale(1.0);}
.about5 .ul1 .slick-slide{margin: 0 -45px;position: relative;z-index: 2;}
.about5 .ul1 .slick-current{z-index: 10;}
.slick-prev{left: 4px !important;}
.slick-next{right: 3px !important;}

.h-service{padding: 30px 0 45px;}
.h-service .h-title img{width: 65%;}
.h-service li .line{display: none;}
.h-service li:nth-child(even){margin-top: 0;}
.h-service li:nth-child(1),.h-service li:nth-child(2),.h-service li:nth-child(3),.h-service li:nth-child(4),.h-service li:nth-child(5),.h-service li:nth-child(6){width: 32%;margin-left: 1.33%;}
.h-service li:nth-child(1),.h-service li:nth-child(2),.h-service li:nth-child(3),.h-service li:nth-child(4),.h-service li:nth-child(5){margin-right: 0;}
.h-service li a p:nth-child(2){font-size: 16px;}
.h-service li a p:nth-child(3){font-size: 12px;line-height: 21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.h-service li .img img{width: 60px;}
.h-service .con li{margin-top: 30px;height: 150px;}
.h-service .con{margin-top: 10px;}

.h-about{padding: 35px 0 30px;background-size: auto 100%;}
.h-about .img,.h-about .img video{width: 100%;height: auto;}
.h-about .tex{margin-left: 0;width: 100%;margin-top: 10px;}
.h-about .tex p:nth-child(2){font-size: 24px;margin: 8px 0 ;}
.h-about .tex img{width: 32%;}
.h-about .tex p:nth-child(3){font-size: 14px;line-height: 28px;height: auto;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 50;overflow: hidden;}
.h-about .tex .a-bot a{width: 130px;height: 40px;line-height: 40px;font-size: 18px;background: #fff url('../images/more-01.png') no-repeat 103px center;}
.h-about .tex .a-bot{text-align: left;margin-top: 17px;}

.h-news{padding: 30px 0 30px;}
.h-news .h-title img{width: 65%;}
.h-news .con .tab a{margin: 0 4px;font-size: 14px;letter-spacing: 0;width: 84px;height: 40px;line-height: 40px;}
.h-news .con .tab{margin-top: 25px;}
.h-news .con .list ul{margin-left: 0;}
.h-news .con .list li{width: 100%;margin-left: 0;padding: 10px;height: auto;}
.h-news .con .list li .img{width: 42%;height: auto;}
.h-news .con .list li .tex{width: 55%;}
.h-news .con .list li .tex p:nth-child(1){margin-top: 0;}
.h-news .con .list li .tex p:nth-child(2){font-size: 12px;line-height: 21px;margin: 6px 0 5px;}
.h-news .con .list li{margin-top: 10px;}

.h-cooperation{padding: 30px 0 30px;}
.h-cooperation .h-title img{width: 75%;}
.h-cooperation .con .swiper-slide .item:nth-child(2){margin-top: 10px;}
.h-cooperation .con{margin-top: 25px;}

.h-link a{font-size: 12px;margin-right: 9px;}
.h-link{height: auto;line-height: 23px;padding: 5px 0;}
.h-link span{font-size: 12px;}

.footer{padding: 30px 0 20px;}
.footer .tex-1{width: 100%;text-align: center;}
.footer .tex-1 img{width: 55%;}
.footer .tex-2{margin-left: 0;width: 100%;}
.footer .tex-2 .top{text-align: center;margin-top: 15px;}
.footer .tex-2 .top a{font-size: 14px;margin: 0 5px;margin-top: 5px;display: inline-block;}
.footer .tex-2 .top a i{display: none;}

.footer .tex-2 .bot .b-left{width: 100%;}
.footer .tex-2 .bot .b-left p:nth-child(2){margin-top: 8px;}
.footer .tex-2 .bot .b-right{margin-left: 0;width: 100%;margin-top: 8px;}
.footer .f-code{display: none;}
.footer .tex-2 .bot{margin-top: 5px;}

.dynamics .con .d-left{width: 100%;}
.dynamics .con .d-left .d-list li{width: 100%;padding: 10px;height: auto;margin-top: 10px;}
.dynamics .con .d-left .d-list li .img{width: 45%;height: auto;}
.dynamics .con .d-left .d-list li .tex{width: 50%;margin-left: 10px;}
.dynamics .con .d-left .d-list li .tex p:nth-child(1){margin-top: 0;margin-bottom: 8px;}
.dynamics .con .d-left .d-list li .tex p:nth-child(2){line-height: 21px;}
.dynamics .con .d-left .d-list li .tex p:nth-child(3){margin-top: 6px;}

/* 新闻内容 */
.dynamics .con .d-left .tex-1 p{ text-align:center; font-weight:normal; font-size: 12px;letter-spacing: 0px;color: #999;margin-bottom: 8px;}
.dynamics .con .d-left .tex-1 p:nth-child(1){font-size: 20px;margin-bottom: 8px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dynamics .con .d-left .tex-1 p:nth-child(2){font-size: 12px; color:#ccc}
.dynamics .con .d-left .tex-1 h1{ text-align:center; font-weight:bold; font-size:18px;letter-spacing: 0px;color: #333333;margin-bottom: 8px;}

.dynamics .con .d-left .tex-2{display: block; padding: 25px 0; color: #333; font-size: 14px;line-height: 26px;}
.dynamics .con .d-left .tex-2 p{margin:20px 0;}
.dynamics .con .d-left .tex-2 .indent{ text-indent:2em; }
.dynamics .con .d-left .tex-2 .img{width: 100%; margin:0 auto; text-align:center;}
.dynamics .con .d-left .tex-2  img{width: 100%;  }

.dynamics .con .d-left .tex-2 h2{ line-height:50px; font-size:17px; color:#000;}
.dynamics .con .d-left .tex-2 h3{ line-height:38px; font-size:16px;}



/* 相关阅读 */
.dynamics .con .d-left .d-list-2 li{width: 100%;padding:10px 0;height: auto;margin-top: 5px;}
.dynamics .con .d-left .d-list-2 li:nth-child(1){margin-top: 40px;}
.dynamics .con .d-left .d-list-2 li .img{width: 30%;height: auto;}
.dynamics .con .d-left .d-list-2 li .tex{width: 65%;margin-left: 10px;}
.dynamics .con .d-left .d-list-2 li .tex p:nth-child(1){margin-top: 0;margin-bottom: 8px; font-size:1rem}
.dynamics .con .d-left .d-list-2 li .tex p:nth-child(2){line-height: 21px;font-size:0.7rem}
.dynamics .con .d-left .d-list-2 li .tex p:nth-child(3){margin-top: 6px;}

/* � �题 左侧  � �式2 870 */
.tit870_tj_hd{width: 100%; height:35px; margin:10px 0 0 0;}
.tit870_tj_hd strong{width:105px; height:35px; line-height:35px; float:left; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:16px; font-weight:300;  background:#1c84f5;}

.tit870_tj_hd h1{width:138px; height:35px; line-height:35px; float:left; text-align:center; color:#fff; font-family:"微软雅黑"; font-size:16px; font-weight:300;  background:#1c84f5;}

.jiao{width: 0px; height: 0px; float:left; position: relative; border-top: 8px solid #0869cf; border-right: 13px solid #fff; border-bottom: 13px solid #fff;margin:0 0 30px 0; }




.d-page{margin: 30px 0 30px;}
.dynamics .con .d-right{width: 100%;margin-bottom: 30px;}
.dynamics .con .d-right .tex-2 li{padding: 15px 0 15px 0;}

.page-nav .container{padding: 15px 0 15px;padding-left: 20px;}
.d-exhibition .d-title{font-size: 24px;}
.d-exhibition .con{font-size: 14px;line-height: 30px;margin-top: 10px;}

.d-sketch{margin-top: 20px;}
.d-title{font-size: 24px;}
.d-sketch .con{padding: 0;margin: 20px 0 30px;}
.d-sketch-prev{left: 0;display: none;}
.d-sketch-next{right: 0;display: none;}
.d-sketch .con .swiper-pagination{width: 100%;}
.d-sketch .con .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;}
.d-idea{margin-top: 50px;}

.d-display .con li{width: 100%;margin-left: 0;margin-top: 10px;}
.d-display .con ul{margin-left: 0;}
.d-display .con{padding: 0;margin-top: 5px;}

.d-idea .con{padding: 0;font-size: 14px;line-height: 30px;margin-top: 10px;}
.d-display{margin-top: 20px;}

.d-case-prev,.d-case-prev:hover{right: 63px;width: 55px;height: 25px;background-size: 55px 25px;display: none;}
.d-case-next,.d-case-next:hover{width: 55px;height: 25px;background-size: 55px 25px;display: none;}
.d-case{padding: 30px 0 30px;margin-top: 30px;}

.exhibition-hall{padding: 30px 0 30px;}

.exhibition-hall .h-left img{margin: 9px 0 9px 25px;}
.exhibition-hall .h-left p{margin-left: 0;width: 100%;}
.exhibition-hall .h-left img{width: 36%;}
.exhibition-hall .h-left{width: 100%;}
.exhibition-hall .h-right .bg{display: none;}
.exhibition-hall .h-right{width: 100%;margin-top: 15px;}
.exhibition-hall .h-right .img{position: initial;width: 100%;}
.exhibition-hall .h-right .img img{width: 100%;}

.us-advantage{padding: 30px 0 30px;}

.us-advantage .h-title img{width: 50%;}
.us-advantage .h-title p:nth-child(3){font-size: 24px;}

.us-advantage .con li{width:100%;margin-top: 0;margin-left: 0;background: none;background: #fff;float: none;}
.us-advantage .con ul{margin-left: 0;}
.us-advantage .con{margin-top: 20px;}
.us-advantage .con li .img{margin-top: 25px;}
.us-advantage .con li{height: auto;padding-bottom: 25px;}
.us-advantage .con li .tex p:nth-child(2){height: 65px;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.us-advantage .con li .tex p:nth-child(1){font-size: 16px;margin: 13px 0 13px;}

.pgae-case .top .t-left{width: 100%;}
.pgae-case .top .t-right{width: 100%;text-align: center;}
.pgae-case .t-right a{margin-left: 0;font-size: 24px;margin: 0 10px;}
.pgae-case .t-right a i{top: 39px;width: 68px;}
.pgae-case .con li{width: 48%;margin-left: 2%;height: auto;margin-top: 2%;}
.pgae-case .con ul{margin-left: -2%;}
.pgae-case .t-left img{width: 37%;margin-top: 8px;}

.knowledge{padding: 30px 0 30px;}
.knowledge .top img{width: 56%;margin: 9px 0 0 25px;}
.knowledge .bot{margin-top: 15px;}
.knowledge .bot li{width: 100%;margin-left: 0;padding: 10px;height: auto;margin-top: 10px;}
.knowledge .bot ul{margin-left: 0;}
.knowledge .bot li .img{width: 46%;height: auto;}
.knowledge .bot li .tex{width: 45%;}
.knowledge .bot li .tex p:nth-child(1){margin-top: 0;margin-bottom: 5px;}

.us-advantage .con li a .img img{width: 50px;}

.dynamics .tab a{margin: 0 5px;font-size: 16px;letter-spacing: 0;width: 110px;height: 35px;line-height: 35px;}
.dynamics .tab{margin: 25px 0;}

.m-nav{display: block;font-size: 0;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 998;background: #333;}
.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: #0593dd;}

.m-nav li .b-popup{display: none;box-shadow: 0 0 6px #666;position: absolute;top: -200px;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-popup-2{display: none;box-shadow: 0 0 6px #666;position: absolute;top: -80px;left: 0;width: 100%;background: #fff;}
.m-nav li .b-popup-2 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: 56px;display: block;}

.h-advantage .con .list .item .i-lb{padding: 30px 28px 0px;}
.h-service li p:nth-child(3){font-size: 12px;height: 63px;line-height: 21px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h-service li p:nth-child(2){font-size: 16px;}

.h-banner .mb-b{display: block;}
.h-banner .pc-b{display: block;}

.page-banner{height: 180px !important;}


.h-case li .m-tex{width: 100%;padding: 7px 10px;display: block;background: rgba(0,140,219,0.9);font-size: 12px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;}
.h-case li .m-tex span{display: block;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.h-case li .tex{display: none;}

.d-case .con .swiper-slide .m-tex{display: block;width: 100%;padding: 7px 10px;display: block;background: rgba(0,140,219,0.9);font-size: 12px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;}
.d-case .con .swiper-slide .tex{font-display: none;}

.page-banner .mb-banner{display: block;}
.page-banner .pc-banner{display: block;}

.us-advantage .mb-con{display: block;}
.us-advantage .pc-con{display: none;}


.contact{margin-top: 30px;padding-bottom: 40px;}
.contact .con{padding: 0;margin-top: 15px;}
.contact .con ul{margin-left: 0;}
.contact .con li{width: 100%;margin-left: 0;padding: 18px 10px 17px;height: 92px;margin-top: 15px;}
.contact .map{height: 250px;margin-top: 35px;}
.contact .con li .tex{font-size: 14px;width: 77%;line-height: 27px;height: auto;padding-top: 3px;}
.contact .con li .img{width: 19%;padding-bottom: 0;padding-top: 6px;}
.contact .con li:nth-child(2) .tex{position: initial;position: relative;top: -14px;}

.contact{margin-top: 30px;padding-bottom: 40px;}
.contact .con{padding: 0;margin-top: 15px;}
.contact .con ul{margin-left:0px;}

.contact .con li{width: 100%; height:440px;  margin-left: 0;padding: 25px 10px; position: relative;float: left;margin-top: 15px;box-shadow: 0 0 10px rgba(0,0,0,0.3);background: #fff;}

.contact .con li .tex{width: 100%;font-size: 14px;color: #333;line-height: 26px;height:26px;padding-top: 10px;}
.contact .con li .tex p{display: block; margin-top:6px;}

.contact .con li .tex p:nth-child(1){line-height: 30px; margin-bottom:20px; font-size: 16px;color: #2D61AE; font-weight:bold;}

.contact .con li:nth-child(2) .tex{padding-top: 0;position: relative;top:10px; float:left}

.contact .con li:nth-child(4) .tex{padding-top: 0;position: relative;top: -12px;}
.contact .map{width: 100%;height: 487px;margin: 60px auto;}

/* 留言区 */
.k2-2{ width:100%; padding: 30px 10px;}
.abs{position:absolute}
.k4{width: 100%;}
.pdl30{padding-left: 30px;}
.pdr30{padding-right: 30px;}
.fs14{font-size:14px;}
.corw{color: #333;}

.pdl15{padding-left:15px}
.pdr15{padding-right:15px}
.t-c{text-align:center}
.hov7:hover{opacity:0.9;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;}

.input1{display: block;width: 100%;height: 38px;line-height: 38px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff; margin-bottom:6px;}

.textarea{display: block;width: 100%;height: 100px;line-height: 23px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;margin-bottom:6px; font-family:"微软雅黑";}

.input_yzm{ width: 50%;height: 38px;line-height: 38px; margin-right:10px; border: 1px solid #ccc;border-radius: 5px;background-color: #fff;margin-bottom:15px;}

.input2{display: block;width: 100%;height: 38px;line-height: 38px;border: 1px solid #fff;border-radius: 22px;background-color: #E78B10; cursor:pointer; color:#fff; font-size:18px;}


}