@charset "utf-8";

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

.wp2 {width: 89%;} 
.wp {width: 86%;}

.indexF::after {left: 7%;}

.contact .box:last-child {width: auto;}

}


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

.wp2 {width: 91%;}

.header > .wp2 {padding: 0 30px;}
.header .logo img {height: 16px;}
.header-inquiry {margin-left: 40px;}
.nav > ul > li {margin: 0 13px;}
.nav > ul > li > a {font-size: 15px;}

.header .dropdown ul li {padding: 0 50px;}
.header .dropdown .box:nth-of-type(3) ul li {padding: 0 30px;}

.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3,.indexG .tit h3 {font-size: 47px;}

  
.indexA .wp {top: 28%;}


.indexE .tit h3,.indexF .box .txt h3 {font-size: 47px;}

.indexE {padding: 100px 0 130px;}
.indexE .list {margin-top: 65px;}
.indexE .tit a {width: 170px;line-height: 50px;}
.indexE .swiper-slide {padding: 55px 40px;}
.indexE .swiper-slide h5 {font-size: 22px;height: 44px;}
.indexE .tips {margin-top: 65px;}

.indexF {padding: 80px 0 60px;}
.indexF .box .txt {padding-right: 90px;}
.indexF .box .pic {width: 54.4%;}
.indexF .box .txt h6 {margin-top: 25px;}
.indexF .box .txt .t {margin-top: 40px;line-height: 24px;}
.indexF .box .txt .more {margin-top: 60px;}
.indexF .box .txt .more a {width: 170px;line-height: 50px;}
.indexF .data ul {padding-top: 50px;}
.indexF .data ul li h6 {font-size: 40px;}
.indexF .data ul li:last-child h6 {font-size: 34px;}
.indexF .data ul li p {margin-top: 12px;}

.footer {padding: 100px 0 50px;}
.footer h5 {font-size: 29px;margin: 0 0 25px;}
.foot-contact {width: 400px;}
.foot-contact p.mail {font-size: 22px;margin-bottom: 20px;}
.foot-contact p {font-size: 16px;line-height: 24px;}
.foot-contact .share {margin: 60px 0 0;}
.foot-form {width: 490px;}
.foot-form .inquirbox input[type="text"], .foot-form .inquirbox textarea {padding: 10px 13px;font-size: 15px;}
.foot-form .inquirbox .submit {width: 170px;line-height: 50px;margin-top: 25px;}

/*---------------products----------------*/

.pro_img {width: 610px;}

}


@media screen and (max-width:1440px){
	
.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3,.indexG .tit h3 {font-size: 44px;}
.indexD .tit p {font-size: 34px;}
.indexD .tit > div p a {font-size: 36px;}  
  
.indexE .tit h3,.indexF .box .txt h3 {font-size: 44px;}

/*---------------products----------------*/

.pro-list h3,.pro-list h1 {font-size: 44px;}

.pro-list ul li {padding: 20px;}
.pro-list ul li .box {padding: 50px 50px 30px;}
.pro-list ul li .pic {height: 310px;}
.pro-list ul li .txt {margin: 30px 0 0;}
.pro-list ul li .txt a.more {margin: 25px 0 0;}

.pro_img {width: 550px;}

.pro_view_inner {margin-left: 110px;}
.pro_view_inner h1 {font-size: 34px;}
.pro_view_inner .pro_para h5 {margin-top: 40px;font-size: 23px;}
.pro_view_inner .pro_para ul li + li {margin-top: 17px;}
.pro_view_inner .btn-box {margin-top: 40px;}

.pro-table h5,.rela-pro .tit h5 {font-size: 28px;}

.pro-table .table {margin-top: 25px;}
.pro-down {margin-top: 65px;}
.pro-down a {width: 326px;font-size: 17px;}

.pro-video {padding: 60px 0 40px;}

.rela-pro {padding: 45px 0 60px;}
.rela-pro .list {margin-top: 40px;}

/*---------------solution----------------*/

.newslist h3,.newslist h1,.newsnr .tit h3,.myart .tit h3 {font-size: 44px;}

.newslist ul {margin: 25px -20px 0;}
.newslist ul li {padding: 20px;}
.newslist ul li .txt {padding: 30px 0;}

.newsnr .pic {margin-top: 30px;}

.myart {margin-top: 50px;}
.myart .box .t h5 {font-size: 24px;margin-bottom: 12px;}
.myart .box .t {padding: 0 80px 45px;font-size: 17px;line-height: 28px;}

.pnbar {margin-top: 80px;padding: 35px 0;}

/*---------------about----------------*/
.about h1 {font-size: 44px;}
.about .data ul {padding-top: 50px;}
.about .data ul li h6 {font-size: 40px;}
.about .data ul li:last-child h6 {font-size: 34px;}
.about .t {line-height: 26px;margin-top: 35px;}
.about .t p + p {margin-top: 20px;}

/*---------------contact----------------*/

.contact {padding: 60px 0;}
.contact h3,.contact h1 {font-size: 44px;}
.contact .list {margin-top: 40px;padding: 0 45px;}
.contact .box .pic {width: 76px;height: 76px;line-height: 76px;}
.contact .box .txt {margin-left: 30px;}

}


@media (max-width:1400px){
.indexD .wp {left: -73px;top: 28%;}
  
}

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

.wp2 {width: 93%;}

.header > .wp2 {padding: 0 20px;}
.header .logo img {height: 15px;}
.header-inquiry {margin-left: 20px;}
.nav > ul > li {margin: 0 8px;}
.nav > ul > li > a {font-size: 14px;}

.header .dropdown ul li {padding: 0 30px;}
.header .dropdown .box:nth-of-type(3) ul li {padding: 0 10px;}

.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3,.indexG .tit h3 {font-size: 41px;}
.indexD .tit p {font-size: 31px;}
.indexD .tit > div p {font-size: 18px;} 
.indexD .tit p {line-height: 22px;}
.indexD .tit > div p a {font-size: 32px;}
  
.indexA .wp {top: 28%;}

.indexE .tit h3,.indexF .box .txt h3 {font-size: 41px;}

.indexE {padding: 80px 0 100px;}
.indexE .list {margin-top: 50px;}
.indexE .tit a {width: 160px;line-height: 46px;}
.indexE .swiper-slide {padding: 45px 35px;}
.indexE .swiper-slide h5 {font-size: 20px;height: 40px;}
.indexE .tips {margin-top: 50px;}

.indexF {padding: 70px 0 50px;}
.indexF .box .txt {padding-right: 60px;}
.indexF .box .pic {width: 50.4%;}
.indexF .box .txt h6 {margin-top: 20px;}
.indexF .box .txt .t {margin-top: 30px;line-height: 26px;}
.indexF .box .txt .more {margin-top: 40px;}
.indexF .box .txt .more a {width: 160px;line-height: 46px;}
.indexF .data ul {padding-top: 40px;}
.indexF .data ul li h6 {font-size: 36px;}
.indexF .data ul li:last-child h6 {font-size: 30px;}
.indexF .data ul li p {margin-top: 9px;}

.footer {padding: 80px 0 40px;}
.footer h5 {font-size: 26px;margin: 0 0 20px;}
.foot-contact p.mail {font-size: 20px;margin-bottom: 15px;}
.foot-contact .share {margin: 45px 0 0;}
.foot-form {width: 410px;}
.foot-form .inquirbox input[type="text"], .foot-form .inquirbox textarea {padding: 8px 11px;font-size: 14px;}
.foot-form .inquirbox .submit {width: 160px;line-height: 46px;margin-top: 20px;}

/*---------------products----------------*/

.home .header{top: 26px;}   


}

@media screen and (max-width:1280px){
.home .header{	top: 18px;}

.indexA .tit h3,.indexB .tit h3,.indexC .tit h3,.indexD .tit h3,.indexG .tit h3 {font-size: 38px;}
.indexD .tit > div p a {font-size: 28px;}

.indexG {height: auto !important;}
.indexA {height: auto !important;}
.indexB {height: auto !important;}
.indexC {height: auto !important;}
.indexD {height: auto !important;}

/*---------------products----------------*/

.pro-list h3,.pro-list h1 {font-size: 40px;}

.pro-list ul li {padding: 15px;}
.pro-list ul li .box {padding: 40px 40px 30px;}
.pro-list ul li .pic {height: 270px;}
.pro-list ul li .txt {margin: 20px 0 0;}
.pro-list ul li .txt a.more {margin: 15px 0 0;}

.pro_img {width: 430px;}

.pro_view_inner {margin-left: 80px;}
.pro_view_inner h1 {font-size: 30px;}
.pro_view_inner .pro_para h5 {margin-top: 30px;font-size: 22px;}
.pro_view_inner .pro_para ul li + li {margin-top: 14px;}
.pro_view_inner .btn-box {margin-top: 30px;}

.pro-table h5,.rela-pro .tit h5 {font-size: 26px;}

.pro-table .table {margin-top: 20px;}
.pro-down {margin-top: 50px;}
.pro-down a {width: 306px;font-size: 16px;}

.pro-video {padding: 50px 0 40px;}

.rela-pro {padding: 40px 0 50px;}
.rela-pro .list {margin-top: 30px;}

/*---------------solution----------------*/

.newslist h3,.newslist h1,.newsnr .tit h3,.myart .tit h3 {font-size: 40px;}

.newslist ul {margin: 20px -15px 0;}
.newslist ul li {padding: 15px;}
.newslist ul li .txt {padding: 25px 0;}

.newsnr .pic {margin-top: 40px;}

.myart {margin-top: 60px;}
.myart .box .t h5 {font-size: 22px;margin-bottom: 9px;}
.myart .box .t {padding: 0 60px 35px;font-size: 16px;line-height: 26px;}

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

/*---------------about----------------*/
.about h1 {font-size: 40px;}
.about .data ul {padding-top: 40px;}
.about .data ul li h6 {font-size: 36px;}
.about .data ul li:last-child h6 {font-size: 30px;}
.about .t {line-height: 24px;margin-top: 30px;}
.about .t p + p {margin-top: 15px;}

/*---------------contact----------------*/

.contact {padding: 50px 0;}
.contact h3,.contact h1 {font-size: 40px;}
.contact .list {margin-top: 30px;padding: 0 30px;}
.contact .box .pic {width: 72px;height: 72px;line-height: 72px;}
.contact .box .txt {margin-left: 25px;}

}

@media (max-width:991px){
.indexD .wp {top: 45%;}
.indexD .tit p {line-height: 16px;font-size: 22px;margin-top: 9px;}  
.indexD .tit h3{font-size: 28px;}
.indexD .tit > div p {font-size: 16px;}  
.indexD .tit > div p a {font-size: 22px;}  
.indexDd .wp {top: 30%;}  
  
}

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

body div[class*="animate__"]{-webkit-backface-visibility: hidden !important;backface-visibility: hidden !important;-webkit-animation-name: none;animation-name: none;}

.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.nav,.search{display:none;}
.myart img,.pro-content img{width:100%;height:auto;}
#footBar{display:block;}

.home .header .header-top .wp2 {position: static;height: 0;}

.sitetop{display:block;}

.mo-search {z-index: 40;}

.home .header {position: static;padding: 0;}
.home .header:not(.header-fix):hover .dropdown {display:none;}
.header .header-top .wp2 {height: 0;}

.header {position: static;z-index: 20;height:auto;padding:10px 0;box-shadow: none;padding: 0;}
.header .dropdown {display: none;}
.header > .wp2 {height: auto;padding: 0;}
.home .header > .wp2 {background: transparent;box-shadow: none;position: static;padding: 0;height: auto;}
.header > div {border-radius: 0;position: static;}

.header-inquiry {display: none;}

.header .logo {position: absolute;top: 8px;left: 50%;transform: translateX(-50%);}

.header-lang{position:absolute;right:15px;top:13px;}
.header-lang .box{border: 1px solid #fff;padding: 0 5px;}
.header-lang ul{left:auto;right:-10px;top:35px;}
.header-lang ul::before{left:auto;right:15px;border-bottom:8px solid #fff;}
.header-lang ul li a{font-size:13px;}

.header_right{position:static;}

#banner .list {display: none;}

.footer {padding: 30px 0;}
.footer > .wp {display: block;}
.foot-nav {display: none;}
.foot-contact {width: 100%;text-align: center;}
.foot-form {width: 100%;text-align: center;margin-top: 30px;}    
.foot-form .inquirbox .submit {width: 160px;line-height: 36px;margin: 15px auto 0;}

.footer h5 {font-size: 22px;margin: 0 0 10px;}

.side-bar {display: none;}
}

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

.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3, .indexG .tit h3 {font-size: 22px;}

.indexC .wp {top: 60px;}

.indexA .wp {top: 120px;}
.indexA .tit {margin-right: 50px;}

.indexE .tit h3, .indexF .box .txt h3 {font-size: 28px;}

.indexE {padding: 30px 0;}
.indexE .list {margin-top: 30px;}
.indexE .tit a {width: 140px;line-height: 36px;}
.indexE .swiper-slide {padding: 30px 25px;}
.indexE .swiper-slide a.pic {margin-top: 20px;}
.indexE .swiper-slide h5 {font-size: 18px;height: 36px;}
.indexE .tips {margin-top: 30px;}

.indexF {padding: 30px 0;}
.indexF::after {left: 50%;transform: translateX(-50%);}
.indexF .box {display: block;}
.indexF .box .txt {padding-right: 0;text-align: center;}
.indexF .box .txt h6 {margin-top: 10px;}
.indexF .box .txt .t {margin-top: 20px;line-height: 24px;}
.indexF .box .txt .more {margin-top: 20px;}
.indexF .box .txt .more a {width: 140px;line-height: 36px;}
.indexF .box .pic {width: 100%;margin-top: 30px;}
.indexF .data ul {padding-top: 30px;flex-wrap: wrap;justify-content: center;}
.indexF .data ul li {width: 33.333%;}
.indexF .data ul li h6::after {bottom: 0;line-height: 30px;}
.indexF .data ul li:last-child h6 h6::after {line-height: 30px;}
                                                
.indexD .wp {top: 24%;left: 10px;}                                                
.indexDd .wp {top: 22%;}        
.indexD .tit > div p {font-size: 12px;}    
.indexD .tit h3{font-size: 19px;}                                                
.indexD .tit p {line-height: 16px;font-size: 14px;margin-top: 5px;}            
.indexD .tit > div p a {font-size: 17px;}                                               
                                                
}


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

.main {padding-top: 30px;padding-bottom: 30px;}

/*---------------products----------------*/

.pro-list h3,.pro-list h1 {font-size: 28px;}

.pro-list ul li {padding: 10px;width: 50%;}

.pro-list ul li .box {padding: 20px;}
.pro-list ul li .pic {height: 200px;}
.pro-list ul li .pic img {max-height: 200px;}
.pro-list ul li .txt {margin: 10px 0 0;}
.pro-list ul li .txt a.more {margin: 10px 0 0;}

.pro_view {padding: 30px 0;}
.pro_view > .wp {display: block;}
.pro_img {width: 70%;margin: 0 auto;}
.pro_view_inner {margin-left: 0;margin-top: 30px;}
.pro_view_inner h1 {font-size: 26px;}
.pro_view_inner .pro_para {line-height: 20px;}
.pro_view_inner .pro_para h5 {margin-top: 20px;font-size: 20px;}
.pro_view_inner .btn-box {margin-top: 20px;justify-content: center;}
.pro_view_inner .pro_para ul {width: 100% !important;}

.pro-table h5, .rela-pro .tit h5 {font-size: 22px;}

.pro-table {padding: 30px 0;}
.pro-table table {line-height: 24px;font-size: 14px;}
.pro-table table tr > td {padding: 8px 10px;}
.pro-down {margin-top: 30px;}
.pro-down a {width: 266px;font-size: 15px;margin: 0 auto;}

.pro-video {padding: 30px 0;}
.pro-video .video a::after {background-size: 60px 60px;}

.rela-pro .list {margin-top: 20px;padding: 0;}
.rela-pro .swiper-button-prev, .rela-pro .swiper-button-next {display: none;}
.rela-pro .swiper-pagination-bullets {margin: 20px 0 0;display: block;}

.pro-tab-box .tab {display:none;}
.pro-text {padding-top:0;padding-bottom:0;}
.pro-text .item {display: block;padding: 15px 0;margin-top: 20px;}

.pro-text .pro-down a {width: 90%;line-height: 44px;font-size: 15px;display: block;margin: 0 auto;}
.pro-text .pro-down a i {font-size: 24px;line-height: 48px;}

/*---------------solution----------------*/

.newslist h3,.newsnr .tit h3,.myart .tit h3 {font-size: 28px;}

.newslist ul {margin: 15px -10px 0;}
.newslist ul li {padding: 10px;}
.newslist ul li .txt {padding: 20px 10px;}
.newslist ul li .txt h5 {font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.newsnr .pic {margin-top: 30px;}

.myart {margin-top: 40px;}
.myart .box .t h5 {font-size: 20px;}
.myart .box .t {padding: 20px 30px;line-height: 24px;position: static;background: #2E2E2E;}

.pnbar {margin-top: 50px;padding: 20px 0;}
.pnbar-share p {font-size: 16px;margin-bottom: 10px;}

/*---------------about----------------*/
.about h1 {font-size: 28px;}
.about .data ul {padding-top: 30px;flex-wrap: wrap;justify-content: center;}
.about .data ul li {width: 33.333%;padding: 5px 0;}
.about .data ul li h6 {font-size: 28px;}
.about .data ul li:last-child h6 {font-size: 24px;}
.about .t {line-height: 22px;margin-top: 20px;}

/*---------------contact----------------*/

.contact {padding: 30px 0;}
.contact h3,.contact h1 {font-size: 28px;}
.contact .list {margin-top: 20px;padding: 0;display: block;}
.contact .box {display: block;text-align: center;}
.contact .box:first-child {width: 100%;}
.contact .box .txt {margin-left: 0;margin-top: 25px;}
.contact .box:last-child {margin-top: 30px;}
.contact .box .txt p {line-height: 22px;}

.map .box {display: none;}


}

@media screen and (max-width:600px) {
	
.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3, .indexG .tit h3 {font-size: 20px;}




}


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

.header .logo {left: 37%;top: 19px;}
.header .logo img {height: 18px;}

.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3, .indexG .tit h3 {font-size: 18px;letter-spacing: 0;}

.indexA .wp {top: 70px;}
.indexA .tit {margin-right: 30px;}

.indexC .wp {top: 30px;}

.indexD .wp {top: 30%;}
[lang=ar] .indexD .wp {left: -364px;}
.indexDd .wp {top: 26%;}  
.indexD .tit p {line-height: 12px;font-size: 10px;margin-top: 0;}  
.indexD .tit h3 {font-size: 14px;line-height: 1.5;} 
.indexD .tit > div p {font-size: 8px;}  
.indexD .tit > div p a {font-size: 10px;}

.indexE .tit h3, .indexF .box .txt h3 {font-size: 24px;}

.indexE .tit {display: block;text-align: center;}
.indexE .tit .more {margin-top: 20px;}
.indexE .tit a {width: 120px;line-height: 30px;font-size: 14px;}
.indexE .swiper-slide {padding: 20px 15px;}

.indexF .data ul li {width: 50%;padding: 5px 0;}
.indexF .data ul li h6 {font-size: 28px;}
.indexF .data ul li:last-child h6 {font-size: 26px;}
.indexF .box .txt .more a {width: 120px;line-height: 30px;font-size: 14px;}

.foot-contact .share {margin: 25px 0 0;}
.foot-contact .share a + a {margin-left: 10px;}

.foot-form .inquirbox .submit {width: 120px;line-height: 30px;font-size: 14px;}

/*---------------products----------------*/

.pro-list ul li {padding: 10px 0;width: 100%;}

.pro_img {width: 100%;}
.pro_img .view .arrow-right {right: 0;}
.pro_img .view .arrow-left {left: 0;}

.pro_view_inner h1 {font-size: 22px;}

/*---------------solution----------------*/

.newslist h3,.newslist h1,.newsnr .tit h3,.myart .tit h3 {font-size: 24px;}

.newslist ul li {width: 100%;}

/*---------------about----------------*/

.about .data ul li {width: 50%;}
.about .data ul li h6 {font-size: 26px;}
.about .data ul li:last-child h6 {font-size: 24px;}




 
	
}

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

.indexA .tit h3, .indexB .tit h3, .indexC .tit h3, .indexD .tit h3, .indexG .tit h3 {font-size: 14px;} 

.indexE .tit h3, .indexF .box .txt h3 {font-size: 20px;}

.newslist h3,.newslist h1,.newsnr .tit h3,.myart .tit h3 {font-size: 22px;}

.indexA .wp {top: 60px;}

.indexD .tit > div p {font-size: 6px;}
.indexD .tit h3{font-size: 10px;} 
.indexD .tit p {font-size: 6px;line-height: 6px;}  
.indexD .tit > div p a {font-size: 7px;}  
}


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

  
  
}