@charset "utf-8";


@media screen and (max-width:1400px){

.wp{padding-left:40px;padding-right:40px;}	
	

.indexD .tit2{position:relative;z-index:3;}
.indexD .tit2 h3{float:left;color:#333;font-size:32px;position:relative;line-height:1;}
.indexD .tit2 h3 em{display:block;font-size:18px;color:#666;margin:28px 0 0;}
.indexD .tit2 img{float:left;margin:0 0 0 100px;}
.indexD .tit2 a{float:right;color:#666;font-size:16px;line-height:36px;}
.indexD .tit2 a i{color:#666;font-size:14px;}
.indexD .tit2 a:hover,.indexD .tit2 a:hover i{color:#2285ca;}
}





@media (max-width: 1199.98px){

}


@media (max-width: 1150px){

#videobanner{height:auto;}
#videobanner .videocon{position:static;}


}


@media (max-width: 991.98px){



}


@media (max-width: 767.98px){
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.header .navdiv{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}




.header {position:static;height:auto;background:#242A3A;padding:20px 0;}
.header-wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.header .logo {float:none;margin:0;text-align:center;}
.header .logo img{height:50px;}

.header span.mo-header-menu,.header span.mo-tel{display:block;}



#banner{position:relative;background:transparent;width:100%;height:auto;}
#banner .swiper-slide{height:auto;position:absolute;top:0;left:0;}

#banner .videocon{position:static;z-index:0;top:0;left:0;width:100%;height:100%;}
#banner .videocon video{display:block;width:100%;height:auto;}

#banner .swiper-slide .txt{display:none;}

#banner .swiper-button-prev,#banner .swiper-button-next{display:none;}

#banner .swiper-container-horizontal > .swiper-pagination-progress {width:100px;height:2px;left:50%;margin-left:-50px;top:auto;bottom:10px;background-color: rgba(255,255,255,.5);}




#footer{padding:20px 0;margin-top:30px;}
.foot-left{display:none;}
.foot-right{float:none;width:100%;}

.foot-right .logo{text-align:center;}
.foot-right .logo img{margin:0;}
.foot-right .logo p{display:none;}
.foot-right .txt{text-align:center;font-size:0;}
.foot-right .txt p{padding:0;display:inline-block;width:50%;font-weight:bold;}
.foot-right .txt p.p1,.foot-right .txt p.p2,.foot-right .txt p.p3{background:none;}
.foot-right .wx img{width:130px;}

.foot-form{padding:30px 0;}
.foot-form p{float:none;font-size:16px;text-align:center;}
.foot-form p span{font-size:26px;}

.foot-form .sendemail{float:none;width:100%;background:#EAEAEA;position:relative;margin:15px 0 0;}
.foot-form .sendemail .post-text{float:none;width:100%;height:70px;color:#333;padding:10px;box-sizing:border-box;position:relative;}
.foot-form .sendemail .post-text .form-control{border:none;width:100%;padding:0 85px 0 15px;color:#333;}
.foot-form .sendemail .post-text::before{display:none;}
.foot-form .sendemail .post-btn{float:none;position:absolute;right:10px;top:10px;font-size:14px;width:80px;height:50px;}



}

@media screen and (max-width:768px){


.home-filters{width:100%;height:auto;padding:10px;box-sizing:border-box;}

.home-filters-bar {max-width:none;height:auto;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-box-shadow:none;box-shadow:none;}

.home-filters-line{height:auto;flex-wrap:wrap;-webkit-flex-wrap:wrap;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;}
.home-filters-item{width:calc(50% - 5px);border-right:none;margin-bottom:10px;box-shadow:rgba(0,0,0,0.15) 0px 0 8px 0px;}
.home-filters-line-first{border-bottom:none;}

.home-filters-more,.home-filters-search,.home-filters-search-bar,.home-filters-submit,.home-filters-line-second{display:none;}

.indexA{padding:30px 10px;}
.indexA .tit{margin:0 0 20px;}
.indexA .tit em{font-size:16px;}
.indexA .tit h3{font-size:26px;}

.indexA .tab ul li{margin:0 10px;font-size:14px;}
.indexA .tab ul li::after{width:3px;height:3px;right:-13px;top:9px;}
.indexA .tab ul li.active{border-bottom:1px solid #96DAF0;}


.indexA .list{margin-top:0;width:100%;position:static;}
.indexA .slider-nav{display:none;}

.indexA .content{margin:25px 0 0;}

.indexA .swiper-container{padding-bottom:20px;}
.indexA .swiper-slide{box-shadow:rgba(0,0,0,0.15) 0px 0 5px 0px;}
.indexA .swiper-slide .t{padding:15px 10px;}
.indexA .swiper-slide .t h5{font-size:16px;}
.indexA .swiper-slide .t em{font-size:12px;}
.indexA .swiper-slide .t h6{font-size:14px;}
.indexA .swiper-slide .t p{display:none;}


.indexB{padding:10px 0 30px;}
.indexB .tit{margin:0 0 20px;}
.indexB .tit em{font-size:16px}
.indexB .tit h3{font-size:26px;}

.indexB .content{width:100%;height:auto;}
.indexB .content .txt{float:none;width:100%;padding:20px 15px;}
.indexB .content .txt h2{font-size:22px;text-align:center;}
.indexB .content .txt p{font-size:13px;line-height:22px;}
.indexB .content .txt a.more{width:140px;height:40px;line-height:40px;margin:20px auto 0;font-size:13px;}
.indexB .content .txt a.more i{font-size:15px;margin-right:10px;}

.indexB .content .list{float:none;width:100%;height:380px;}
.indexB .swiper-container .swiper-slide{padding:40px 50px 0;}
.indexB .swiper-container .swiper-slide .pic{width:160px;height:160px;}
.indexB .swiper-container .swiper-slide h5{font-size:20px;text-align:center;}
.indexB .swiper-container .swiper-slide em{text-align:center;}

.indexB .world{margin-top:20px;}
.indexB .world .pic{display:none;}

.indexB .world .txt{float:none;width:100%;padding:40px 0 0;}
.indexB .world .txt em{font-size:16px;text-align:center;}
.indexB .world .txt h5{font-size:26px;text-align:center;}
.indexB .world .txt p{font-size:14px;line-height:24px;margin:15px 0 0;}
.indexB .world .txt a.more{width:140px;height:40px;line-height:40px;margin:20px auto 0;font-size:13px;}
.indexB .world .txt a.more i{font-size:15px;margin-right:10px;}


.indexD{padding:30px 0;background-size:auto 100%;}
.indexD .tit em{font-size:16px;}
.indexD .tit h3{font-size:26px;}
.indexD ul{margin:30px 50px 0;}
.indexD ul li{width:100%;float:none;margin:20px 0 0;position:relative;overflow:hidden;}
.indexD ul li::after{font-family:"qico";content:"\e625";display:block;left:50%;top:44px;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:absolute;z-index:1;color:#fff;font-size:30px;}
.indexD ul li .box{width:120px;height:120px;}
.indexD ul li .box1{float:left;padding:15px 0 0;}
.indexD ul li .box1::after{display:none;}
.indexD ul li .box2{float:right;padding:30px 0 0;margin-top:0;}
.indexD ul li .box em{font-size:14px;}
.indexD ul li .box span{font-size:24px;margin:5px 0 0;}
.indexD ul li .box p{font-size:14px;}


.indexF{padding:30px 0 0;background:#fff;}
.indexF .tit em{font-size:16px;}
.indexF .tit h3{font-size:26px;}

.indexF .box{margin:30px 0 0;-webkit-flex-direction:column;flex-direction:column;}
.indexF .indexnews{width:100%;height:auto;-webkit-flex-direction:column;flex-direction:column;}
.indexF .indexnews .pic{width:100%;}
.indexF .indexnews .t{padding:15px;}
.indexF .indexnews .t em{font-size:13px;}
.indexF .indexnews .t h5{font-size:18px;margin:5px 0 10px;}
.indexF .indexnews .t p{font-size:13px;}

.indexF .indexsolu{width:100%;margin:15px 0 0;}
.indexF .indexsolu ul li{height:auto;}
.indexF .indexsolu ul li:last-child{margin-top:15px;}
.indexF .indexsolu ul li .pic{height:auto;}
.indexF .indexsolu ul li .txt{padding:0 20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}

.indexnews .news-hover,.indexsolu .news-hover{display:none;}


.indexH{padding-top:30px;padding-bottom:30px;background-color:#fff;}
.indexH .box{text-align:center;position:relative;height:auto;overflow:hidden;}
.indexH .bg {display:none;}
.indexH .mountain{display:none;}

.indexH .yun{display:none;}

.indexH .content h3{font-size:40px;top:0;line-height:100%;}
.indexH .content p{font-size:16px;letter-spacing:0;margin:20px 0 0;}

.indexH .list h5{font-size:16px;line-height:26px;margin:15px 0 0;}
.indexH .list .t{margin:10px 0 0;font-size:12px;height:auto;min-height:0;}
.indexH .list p{line-height:22px;}

.indexPartner{padding:30px 0 0;}
.indexPartner .tit{float:none;text-align:center;}
.indexPartner .tit em{font-size:16px;}
.indexPartner .tit h3{font-size:26px;}

.indexPartner .ul-flow{float:none;margin:15px 0 0 -2%;}
.indexPartner .ul-flow li{float:left;width:31.33333%;margin:0 0 0 2%;padding:15px 0;}


.casebar{margin-top:0;}
.casebar ul li{padding:0 15px;border-right:none;height:36px;line-height:36px;font-size:14px;margin:0 2px 5px;}
.casebar ul li:first-child{border-radius:0;}
.casebar ul li:last-child{border-radius:0;}

.sidebanner{height:auto;padding:30px 0;}
.sidebanner .txt h5{font-size:24px;}
.sidebanner .txt p{}

.casenr{padding:0;}
.casenr h1{font-size:20px;}
.casenr .tips span{margin: 0 6px 0 0;font-size:12px;}
.casenr .tips a.more{font-size:12px;}
.casenr .myart{margin:20px 0;font-size:14px;}

.pnbar p{float: none;width:100%;font-size:13px;padding:0 10px;}
.pnbar p:last-child{float:none;margin-top:8px;}

.about1{padding-top:30px;padding-bottom:30px;}
.about1::after{display:none;}
.about1 .pic{display:none;}
.about1 .txt{margin:0;padding:15px;background:#EEF7FF;}
.about1 .txt h3{font-size:20px;text-align:center;}
.about1 .txt p{font-size:13px;line-height:24px;margin:15px 0 0;}

.about2{padding:30px 0;}
.about2 ul li{padding:25px 20px;margin-bottom:15px;}
.about2 ul li .ico{height:auto;float:none;border-radius:0;padding:0;margin:0 auto;}
.about2 ul li .t{margin:15px 0 0;}
.about2 ul li .t h5{font-size:18px;margin:0;text-align:center;}

.history{padding:30px 0;}
.history .list .list-box{padding:0 10px;}

.history .swiper-button-prev,.history .swiper-container-rtl .swiper-button-next{left:0;}
.history .swiper-button-next,.history .swiper-container-rtl .swiper-button-prev{right:0;}

.about3{padding:30px 0;}

.about3 ul{margin-top:25px;-webkit-flex-direction: column;flex-direction: column;}
.about3 ul li{width:100%;padding:20px 15px;border-radius:6px;}
.about3 ul li~li{margin-top:15px;}
.about3 ul li:nth-child(1){border-radius:6px;}
.about3 ul li:nth-child(2){padding:20px 15px;}
.about3 ul li:nth-child(3){border-radius:6px;}
.about3 ul li .des{margin:20px 0 0;}
.about3 ul li .des h5{font-size:40px;}

.section{padding:30px 0;}

.line-title, .line-title-left{font-size:26px;}

.team ul li{width:160px;height:160px;margin:20px 15px;}
.team ul li .spinner{width:170px;height:170px;}

.photo{padding:0 0 30px;margin-top:0;}


.contact h4{font-size:20px;margin:30px 0 0;}
.contact-top ul{margin:30px 0 0;}
.contact-top ul li{float:none;width:100%;padding:20px 15px;height:auto;border:1px solid #EBEBEB;margin-top:-1px;}
.contact-top ul li em{font-size:30px;}
.contact-top ul li p,.contact-top ul li p span{font-size:15px !important;}

.contact .list{margin:30px 0 0;}
.contact .list ul li{float:none;width:100%;}
.contact .list ul li:nth-child(2n) {float:none;}
.contact .list ul li .location-card {padding:20px 15px;margin-bottom:15px;}
.contact .list ul li .location-card .card-header {margin-bottom:20px;}
.contact .list ul li .location-card h2,#contact .list ul li.location-card h4 {font-size:18px;}
.contact .list ul li .location-card p{font-size:15px;height:auto;}

.contact-map{margin-top:20px;}
.contact-map .mapbox{width:100%;}
.contact-map .map-txt{position:static;transform:translateX(0) translateY(0);}
.contact-map .map-txt .txt{width:100%;padding:30px 20px;}
.contact-map .map-txt .txt dd {font-size:26px;margin-bottom:15px;}
.contact-map .map-txt .txt dd span{font-size:22px;}
.contact-map .map-txt .txt dt p {font-size:14px;line-height:30px;}





}


@media screen and (max-width:768px) {





}

@media screen and (max-width:600px) {


.mainRight .title{font-size:24px;}


.related-products ul{margin:10px 0 0 -2%;}
.related-products ul li{float:left;width:48%;margin:0 0 15px 2%;}

}






@media screen and (max-width:480px) {






}

@media screen and (max-width:400px) {






}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}