@media(max-width:1367px){
.vision ul li h5 {font-size: 40px;}
.vision ul li h5::after { right: -30px;font-size: 20px;} 
}

@media screen and (max-width:1300px){
	
.wp{max-width:90%;}
.contact .europe li .box {min-height:312px;}
}

@media screen and (max-width:1199px){
.contact ul li p { margin: 5px 0 0;}
.solu-content .txt p iframe{width: 100%}  
  
}

@media screen and (max-width:991px){
.contact .europe li {width: 50%;}
.contact .europe li .box {min-height: 312px;}  
  
.pro-down ul li a em {padding: 0 10px;}  
.pro-down ul li a {font-size: 14px;}  
.pro-down ul li a i {width: 40px;height: 40px;line-height: unset;font-size: 15px;}  
}

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

.wp,.wp2{width:100%;padding-right:30px;padding-left:30px;max-width:none;}

.pro-down ul li {width:100%}  

#top,#footBar{display:block;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;}
#banner .swiper-pagination-bullet {width:10px;height:10px;margin:0 4px;}

#footer{padding:30px 0 20px;background-size:cover;}
#footer .wp{-webkit-flex-direction:column;flex-direction:column;}
#footer h5{font-size:20px;color:#313a49;font-weight:bold;margin:0 0 20px;}

.foot-list{display:none;}

.foot-form{width:100%;}
.foot-form .inquirbox .row{margin-bottom:0;}
.foot-form .inquirbox .row > div{margin-bottom:10px;}
.foot-form .inquirbox button.submit{margin:0 auto;}

.foot-form p{font-size:17px;color:#6e6e6e;padding:0 0 0 33px;margin:20px 0 0;}
.foot-form p.p1{background:url("../images/c1.png") no-repeat left center;}
.foot-form p.p2{background:url("../images/c2.png") no-repeat left center;margin:15px 0 0;}

.copyright .wp{height:auto;-webkit-flex-direction:column;flex-direction:column;}
.copyright {padding: 40px 0 20px 0;}             
.copyright .logo img{height:40px;}

.copyright p{font-size:17px;margin:10px 0 0;}
.copyright .share{margin:10px 0 0;}
.copyright .share a{margin:0 5px;}

.vision ul li h5 {font-size: 30px;}
.vision ul li h5::after {right: -25px;font-size: 18px;}
/*.vision ul li {width: 50%;padding: 20px 10px;}  */           
.vision ul li p {font-size: 15px;margin: 15px 0 0;}  
.vision ul {padding: 15px 0;}             
             
}

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

.indexA{padding:30px 0 0;}
.indexA h3{font-size:30px;background-position:center bottom 2px;}
.indexA h3::after {font-size: 36px;bottom: -8px;}

.indexA .list{margin:30px 0 0;}
.indexA .list ul {margin: -10px;}
.indexA .list ul li {width: 50%;padding: 10px;}
.indexA .list ul li .box h5 {font-size: 18px;line-height: 24px;height: 48px;}
.indexA .swiper-slide{height:300px;background-size:100% auto;background-color:#E6E6E6;}
.indexA .swiper-slide a{padding:0 15px;}
.indexA .swiper-slide a > h5{font-size:20px;}

.indexA .swiper-button-prev,.indexA .swiper-button-next{display:none;}
.indexA .swiper-pagination{display:block;}

.indexC{padding:30px 0 0;}
.indexC .tit{background-position:center center;}
.indexC .tit h3{font-size:30px;}
.indexC .tit h3::after {font-size: 36px;bottom: -8px;}
.indexC .tit .more{position:static;font-size:16px;}

.indexC .list{margin-top:30px;}
.indexC .swiper-slide{width:100%;margin:5px 0;box-shadow:rgba(0,0,0,0.2) 0 4px 5px 0;}
.indexC .swiper-slide .t h5{font-size:36px;}

.indexC .swiper-button-prev,.indexC .swiper-button-next{display:none;width:120px;height:40px;top:5px;}
.indexC .swiper-button-prev i,.indexC .swiper-button-next i{font-size:18px;line-height:40px;}
.indexC .swiper-pagination-bullet{width:40px;margin:0 5px;}

.indexB{padding:30px 0;}
.indexB h3{font-size:30px;background-position:center bottom 2px;}
.indexB h3::after {font-size: 36px;bottom: -8px;}
.indexB .list{margin:30px -8px 0;}
.indexB .swiper-slide .box{padding:5px 5px 15px;}
.indexB .swiper-slide .t h5{font-size:18px;line-height:18px;height:70px;}
.indexB .swiper-slide .t p{font-size:16px;line-height:20px;height:40px;}

.indexB .swiper-slide .t .more span{font-size:17px;}
.indexB .swiper-slide .t .more em i{font-size:16px;}

.indexB .swiper-button-prev,.indexB .swiper-button-next{display:none;}
.indexB .swiper-pagination{display:block;}


}


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

.path{height:40px;line-height:40px;}
.path p{font-size:16px;}

.menu-tabs > div{padding:20px 0 15px;}
.menu-tabs ul li{height:40px;line-height:40px;margin:0 5px 5px;}
.menu-tabs ul li a{font-size:17px;padding:0 20px;}


.main{padding-top:25px;padding-bottom:30px;}
.mainright{float:none;width:100%;}
.mainleft{float:none;width:100%;}

.side-contact{display:none;}

.sidemenu h3::after{display:block;}
.sidemenu ul{display:none;}

.videolist ul li{width:48%;}
.videolist ul li h5{font-size:15px;line-height:18px;height:70px;}

.careers h3{font-size:26px;}
.careers h5{font-size:16px;margin:20px 0 15px;}
.careers p{font-size:15px;line-height:22px;margin:0 0 5px;}

.contact .contact-logo {flex-direction: column;}
.contact .contact-logo img { margin-right: 0;margin-bottom: 10px;}


.about,.mainstream{padding:30px 0 0;}
.about .txt{float:none;width:100%;}
.about .txt h3,.mainstream h3{font-size:26px;text-align:center;}
.about .txt h3::after{height:3px;margin:15px auto 0;}
.about .txt .t{font-size:16px;line-height:24px;}
.about .pic{float:none;width:100%;margin:20px 0 0;}
.about .pic .swiper-button-prev,.about .pic .swiper-container-rtl .swiper-button-next{left:0;}
.about .pic .swiper-button-next,.about .pic .swiper-container-rtl .swiper-button-prev{right:0;}
.about .pic .swiper-button-prev i,.about .pic .swiper-button-next i{font-size:30px;}

.vision{padding:30px 0;}
.vision .box{padding:30px 15px;}
.vision .box .txt{padding:40px;}
.vision .box .txt h3{font-size:30px;}
.vision .box .txt p{font-size:20px;margin-top:25px;}

.about3{padding:30px 0;}
.about3 h3{font-size:26px;}
.about3 h3::after{height:3px;}
.about3 ul{margin:0;}
.about3 ul li{float:none;width:100%;margin:20px 0 0;}
.about3 ul li .t{position:static;padding:20px 15px;}
.about3 ul li .t h5{font-size:24px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.about3 ul li .t p{font-size:18px;height:auto;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}

.about4{padding:30px 0;}
.about4 h3{font-size:26px;padding:0;}
.about4 h3::after{height:3px;margin:15px auto 0;}

.about4 ul{margin:30px 0 0;}
.about4 ul li{-webkit-flex-direction:column;flex-direction:column;}
.about4 ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}
.about4 ul li .pic{width:100%;}
.about4 ul li .txt{padding:15px;}
.about4 ul li .txt h5{margin:15px 0 0;font-size:22px;}
.about4 ul li .txt h5::after{height:3px;}
.about4 ul li .txt p{font-size:17px;line-height:22px;margin:10px 0 0;}
  
  
.mainstream h3::after{height:3px;margin:15px auto 0;}  

.cert-list ul li{width:48%;margin:0 0 15px 2%;}
.cert-list ul li p{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.academy{line-height:24px;}


.pro-tab{position:relative;}
.pro-tab h3{display:block;}
.pro-tab ul{display:none;}
.pro-tab ul li{width:100%;padding:8px 15px;box-sizing:border-box;text-align:left;}
.pro-tab ul li .ico{display:none;}
.pro-tab ul li p{font-size:16px;margin:0;}

.prolist{margin:20px 0 0;}
.prolist ul{margin:0 0 0 -2%;}
.prolist ul li{width:48%;margin:0 0 15px 2%;}
.prolist ul li a{padding:9px 9px 15px;}
.prolist ul li .t h5{font-size:18px;height:70px;line-height:20px;}
.prolist ul li .t p{font-size:17px;line-height:20px;height:60px;}
.prolist ul li .t .more{display:none;}

.pro_view{-webkit-flex-direction:column;flex-direction:column;}
.pro_img{margin:0 auto;}
.pro_img .preview .swiper-slide{width:40px;margin:0 1px;}
.pro_view_inner{margin:20px 0 0;}
.pro_view_inner h1{font-size:22px;margin:0;text-align:center;}
.pro_view_inner .pro_para{margin:20px 0 0;}

.pro_btn{margin-top:20px;text-align:center;}
.pro_btn span{padding:0 30px 0 15px;font-size:17px;}
.pro_btn em{width:36px;height:36px;line-height:36px;}
.pro_btn em:before{height:36px;}
.pro_btn .pdf{margin-left:15px;}
.pro_view_inner .share{text-align:center;}

.pro-share{text-align: center;}

.pro_text .tit{line-height:50px;}
.pro_text .tit h5{font-size:18px;}

.pro-content{line-height:22px;font-size:17px;padding:15px 0 0;}
.pro-content table{font-size:15px;}
.pro-content table tr > th{padding:8px 12px;font-size:15px;}
.pro-content table tr > td{padding:8px 12px;}


.pro-down ul li a em{min-width:0;padding:0 15px;}


.pro-inquiry{margin:30px 0 0;}
.pro-inquiry .inquirbox{border:1px solid #F3F3F3;padding:15px 15px 5px;}

.pro-inquiry .tit{height:45px;padding:10px 0 0;}
.pro-inquiry .tit h5{border-left:2px solid #C11016;padding:0 0 0 13px;height:25px;line-height:25px;font-size:20px;}


.resource-menu > div{padding:20px 10px;}
.resource-menu h3{display:block;}
.resource-menu ul{display:none;}
.resource-menu ul li{width:100%;padding:8px 15px;box-sizing:border-box;text-align:left;}
.resource-menu ul li .ico{display:none;}
.resource-menu ul li p{font-size:16px;margin:0;}

.solu-content {display: block;}
.solu-content .pic {width: 100%;}
.solu-content .cont {margin-left: 0;margin-top: 15px;}
.solu-content h1{font-size:26px;}
.solu-content .txt{margin:20px 0 0;line-height:24px;font-size:17px;}

.solu-content .txt ul{margin:20px 0 0;}
.solu-content .txt ul li{float:left;padding-left:10px;position:relative;min-width:25%;padding-right:30px;color:#000;line-height:26px;}
.solu-content .txt ul li::before{content:"";display:block;width:3px;height:3px;border-radius:50%;position:absolute;left:0;top:12px;background-color:#686868;}

.solu-down ul{margin:25px 0 0;}
.solu-down ul li{width:50%;margin:15px 0 0;}
.solu-down ul li a{font-size:17px;}
.solu-down ul li a i{margin-right:10px;}

/*.rel-pro{padding:30px 0;}
.rel-pro ul{margin:-15px 0 0 -2%;}
.rel-pro ul li{width:48%;margin:15px 0 0 2%;}
.rel-pro ul li a{padding:9px 9px 15px;}
.rel-pro ul li .t h5{font-size:17px;}
.rel-pro ul li .t p{display:none;}*/

.down ul li{float:none;width:100%;margin:0 0 20px;padding:10px;overflow:hidden;}
.down ul li:nth-child(2n){float:none;}
.down ul li .pic{width:80px;height:80px;}
.down ul li .pic i{font-size:40px;}
.down ul li .t{margin:0 0 0 100px;}
.down ul li .t h5{height:auto;font-size:18px;}

.faq ul li{padding:15px 5px;}
.faq ul li .tit .date-month{width:30px;font-size:17px;}
.faq ul li .tit h4{margin:0 25px 0 0;font-size:17px;}
.faq ul li .tit::after{font-size:22px;height:22px;}
.faq ul li .con .t{margin:0 0 0 40px;padding:8px 0 0;font-size:17px;line-height:22px;}


.newslist{margin:0}
.newslist ul{margin-top:-20px;}
.newslist ul li{padding:20px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.newslist ul li .pic{width:250px;}
.newslist ul li .txt{margin-left:20px;}
.newslist ul li .txt h5{font-size:20px;}
.newslist ul li .txt span{margin:10px 0 0;}
.newslist ul li .txt p{font-size:17px;line-height:20px;height:40px;margin:10px 0 0;}
.newslist ul li .txt .more{display:none;}


.newsnr h1{font-size:20px;margin:0;}

.newsnr .artInfo{margin:20px 0 0;}
.newsnr .artInfo span{margin:0 6px;font-size:13px;}

.myart{margin:15px 0 0;}

.pnbar{margin-top:25px;-webkit-flex-direction:column;flex-direction:column;}
.pnbar p{width:100%;font-size:17px;padding:0 15px;line-height:40px;border-radius:4px;}
.pnbar p:last-child{text-align:left;margin:5px 0 0;}

.tradelist ul li{margin:0 0 20px;-webkit-flex-direction:column;flex-direction:column;}
.tradelist ul li .pic{width:100%;}
.tradelist ul li .nr{padding:15px;}
.tradelist ul li .nr h5{font-size:24px;}
.tradelist ul li .nr h6{margin:12px 0 0;padding:5px 10px;font-size:18px;line-height:24px;}
.tradelist ul li .nr .t{font-size:18px;}
.tradelist ul li .nr .t p~p{margin:8px 0 0;}
.tradelist ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}


.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

.map{margin:30px 0 0;}

.contact{margin:10px 0 0;}
.contact h3{font-size:30px;}
.contact hr{margin:15px auto 0;}

.contact ul{margin:15px 0 0;}
.contact ul li{float:none;width:100%;padding:20px 0;height:auto;border-right:none;border-bottom:1px solid #EBEBEB;}
.contact ul li:last-child{border-bottom:none;}
.contact ul li em i{font-size:28px;color:#fff;}
.contact ul li h6{font-size:17px;margin:10px 0 0;}
.contact ul li p{line-height:22px;}

.map{margin:30px 0 0;}

}

@media screen and (max-width:670px) {
	
.pro_img{width:100%;}

}

@media screen and (max-width:480px) {
.wp,.wp2{padding-right:15px;padding-left:15px;}

.prolist ul{margin:0;}
.prolist ul li{width:100%;margin:0 0 15px;}
.prolist ul li .t p{height:auto;}

.side-search{margin-bottom:25px;}
.side-search form{width:100%;}

.newslist{margin:0}
.newslist ul{margin-top:-20px;}
.newslist ul li{padding:20px 0;-webkit-flex-direction:column;flex-direction:column;}
.newslist ul li .pic{width:100%;margin:0 auto;}
.newslist ul li .txt{margin:15px 0 0;}
.newslist ul li .txt h5{font-size:20px;}
.newslist ul li .txt span{margin:10px 0 0;}
.newslist ul li .txt p{font-size:17px;line-height:20px;height:40px;margin:10px 0 0;}
.newslist ul li .txt .more{display:none;}

.indexC .swiper-slide .t h5{font-size: 30px;}

.rel-pro ul{margin:-15px 0 0;}
.rel-pro ul li{width:100%;margin:15px 0 0;}

.videolist ul{margin:0;}
.videolist ul li{float:none;width:100%;margin:0 0 20px;}

.contact .europe li {width: 100%;}
.contact .europe li .box {min-height: auto;}
  
.vision ul li h5 {font-size: 28px;}  
.vision ul li h5::after {right: -20px;font-size: 16px;bottom: 5px;}  
.vision ul li {padding: 0 5px;}  
  
  
.rel-pro .outside-btn{display:none}  
}

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