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

  .main { max-width:1400px !important; margin:0 auto !important; padding:0px 10px;}
  
  
  }
  
  
  
@media screen and (max-width:1600px) {

.header .fr { padding-left: 25px; }
.header .fr .conus { margin-right: 12px; }
.header .fr { right: 20px; }

.header { padding: 0px 280px; }
.header .logo { left: 30px; }



.header .nav .num2>li>h3 { font-size: 16px; }
.header .nav .num2>li>.a-lick>a { margin-top: 3px; font-size: 14px; }
/* .header .nav .nav-2 { padding-left: 34.5%; } */



.main { max-width:1200px !important; margin:0 auto !important; padding:0px 10px;}
.banner .swiper-slide .text h3 { font-size: 40px; }
.banner .swiper-slide .text p { font-size: 30px; }
.banner .ban-pag { bottom: 30px !important; }
.banner .swiper-pagination-bullet { width: 12px; height: 12px; }

.m_tit p { font-size: 24px; line-height: 34px; }
.in-about .list { margin-top: 40px; }
.in-about .list ul li strong { font-size: 40px; }
.in-about .list { padding-left: 100px; padding-right: 120px; }
.m_a_black { height: 48px; line-height: 48px; }
.in-about-back h6 { margin-top: 40px; }
.in-about { padding: 80px 0px; }

.in-about-back .icon-1 { width: 30%; }
.in-about-back .icon-2 { width: 25%; }
.in-about-back .icon-3 { width: 25%; right: 10%; }
.in-about-back .icon-4 {  width: 30%; }

.in-products { padding-top: 80px; }
.table-con-2 .list { padding: 80px 0px;  }
.table-con-3 .list { padding: 80px 0px;  }


.in-solutions-back { padding: 80px 0px; }
.m_tit_white p { font-size: 26px; }

.in-solutions .a-tab-box .a-tab-con .text h3 { font-size: 30px; }
.in-solutions .a-tab-box .a-tab-con .text p { font-size: 16px; }

.in-solutions .a-tab-box .a-tab-tit span { font-size: 16px; height: 60px; line-height: 60px; }
.table-con-1 .had p { font-size: 26px; }

.in-news { padding: 80px 0px; }
.in-news .list ul li .text h3 { font-size: 18px; line-height: 27px; height: 81px; }
.in-news .list ul li .text { padding-right: 30px; }
.in-news .list ul { margin-left: -20px; margin-right: -20px; }
.in-news .list ul li { padding: 0px 20px; }

.in-events .item .fl .text h3 { font-size: 26px; }
.in-events .item .fl .text p { font-size: 16px; }
.in-events .item .fl .time { width: 250px; height: 250px; flex: 0 0 250px; }
.in-events .item .fl .time strong { font-size: 36px; }

.in-events { padding: 80px 0px; }
.in-events .item .fl { padding: 40px; }
.footer .item .fr { padding-bottom: 30px; }

.footer .item { width: 82%; }
.footer .fot .con { width: 82%; }
.footer .item .fr a { font-size: 14px; margin-bottom: 8px; }
.footer .item .list dl dd .li-a-xt { margin-bottom: 8px; }


.ban h3 { font-size: 40px; }
.ban { height: 380px; }
.m_tit_size h2 { font-size: 30px; }
.company { padding: 80px 0px; }
.company .had { font-size: 20px; line-height: 32px; padding: 40px 3%; }
.company .con .text p { font-size: 16px; line-height: 26px; }
.company .list ul li strong { font-size: 42px; }
.company .list { padding: 60px 12%; }

.news { padding-top: 80px; }
.in-news-list { padding-top: 0px; }
.news .had .fl a { font-size: 20px; margin-right: 40px; }
.news .had .fl a:before { width: 8px; height: 8px; }
.news .had .fr .sel { height: 48px;  }
.news .had .fl { line-height: 48px; height: 48px; }

.prod_details_1 { padding: 60px 0px; }
.prod_details_1 .item .text h3 { font-size: 36px; }
.prod_details_1 .item .text p { font-size: 16px; }
.prod_details_1 .item .text  { padding-right: 5% }

.prod_details ul li { width: 23.33%; margin: 10px 5%; }
.prod_details_3 { margin-top: 80px; }
.prod_details_5 .tab-con .list ul li .img { height: 320px; }
.prod_details_5 { margin-top: 80px; }
.prod_details_6 { padding: 80px 0px; margin-top: 80px; }
.prod_details_2 { padding: 80px 0px; }
.prod_details_1 .item .prod-details-swp .swiper-slide .img { height: 436px; }
.careers { padding: 80px 0px; }
.training3 { margin-top: 80px; }


.tablebox table tr th { font-size: 14px; padding: 18px 20px; }
.tablebox table tr td { padding: 18px 20px; }
.contact { padding: 80px 0px; }
.distributor-contact { padding: 0px; }


.contact .con .text p { font-size: 16px; }
.m_a_black span { font-size: 16px; }
.contact .form .had-1 p { font-size: 14px; line-height: 24px; }
.contact .form { margin-top: 40px; }

.contrast-gray { padding: 60px 0px; }
.contrast .list ul li .saxu .sel { width: 210px; height: 50px; }
.contrast .item ul li p { font-size: 16px; margin: 6px 0px; }
.contrast .item h3 { font-size: 22px; }
.contrast .item ul li { margin-top: 15px; }
.contrast .list ul li .saxu .img { height: 400px; }

.distributor { padding: 80px 0px; }
.distributor .tit a { font-size: 20px; }
.distributor .tit a:before { width: 8px; height: 8px; }
.distributor .text-p { font-size: 24px; line-height: 36px; }
.distributor .text p { padding: 60px 6%; }
.download { padding: 80px 0px; }
/* .download .list { margin-top: 60px; } */
.download .list ul li .al { font-size: 16px; /* padding: 17px 0px;  */}
.download .list ul li i  { margin-right: 3px; }

.events-list { padding-top: 0px; }
.in-events .item .fl .time { width: 200px; height: 200px; flex: 0 0 200px; }
.in-events .item .fl .time strong { font-size: 28px; }
.in-events .item .fl .text { padding-left: 40px; }
.in-events .item .fl .text h3 { font-size: 22px; }

.in-events .item .fr .al { width: 120px; height: 120px; }
.in-events .item .fl { width: 75%;  }
.in-events .item .fr { width: 25%; }

.details_ban .text h1 { font-size: 34px; }
.details_ban_white .text h3 { font-size: 20px; }
.details_ban_white .text span { font-size: 22px; }

.details_ban  { height: 460px; }
.events-details .text p { font-size: 16px; line-height: 24px; margin: 20px 0px; }
.event-details-dwo .item .fl .time { width: 130px; height: 130px; flex: 0 0 130px; }
.event-details-dwo .item .fl { padding: 20px; }
.event-details-dwo .item .fl .time strong { font-size: 16px; }
.event-details-dwo .item .fl .text h3 { font-size: 16px; }
.event-details-dwo .item .fl .text { padding-left: 18px; }
.event-details-dwo .item .fl .text p { font-size: 12px; }
.event-details-dwo .item .fl .time h3 { font-size: 14px; margin-top: 5px; }
.event-details-dwo .item .fl .time i { line-height: 13px; }
.event-details-dwo .item .fr .al { width: 80px; height: 80px; }
.event-details-dwo .list { margin-left: -18px; margin-right: -18px; }
.event-details-dwo .list-li { padding: 0px 18px; }

.details_ban_white { height: auto; padding: 10% 0px; }



.faq { padding: 80px 0px; }
.faq .xiala .sel { height: 48px; }
.faq .list ul li .tit { font-size: 15px; }
.faq .list ul li .text { font-size: 15px; line-height: 28px; }
.faq .list ul li .icon { width: 30px; height: 30px; line-height: 30px; }
.faq .list ul li .icon { top: 10px; }
.faq .list ul li { padding: 20px 30px; padding-left: 71px;  }
.faq .list ul li .text { font-size: 14px; line-height: 24px; }
.faq .left-box { width: 35%; float: left; }
.faq .right-box { width: 60%; float: right; }
.faq .list h3 { font-size: 22px; padding: 14px 12px;}

.in-news .list ul li .text h3 { font-size: 16px; height: 54px; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.details p { font-size: 16px; margin: 20px 0px; }
.details { padding: 40px; }
.partners { padding: 80px 0px; }
.partners ul li {   }
.partners ul li .al { padding: 30px; height: 130px; }
.products { padding: 80px 0px; padding-bottom: 55px; }
.products .list ul li .img { height: 240px; }
.products .list ul { margin-left: -18px; margin-right: -18px; }
.products .list ul li { padding:0px  18px; }
.products1 .text h3 { font-size: 30px; }
.products1 .text p { font-size: 16px; line-height: 26px; }


.training { padding: 80px 0px; }
.m-text-p { font-size: 26px;  line-height: 38px; }
.training .item .text p { font-size: 16px; }
.training1 { padding: 80px 0px; }
.training-swp .swiper-slide .text p { font-size: 22px; line-height: 33px; }

.training2 { padding: 80px 0px; }
.training2 .list ul { margin-left: -18px; margin-right: -18px; }
.training2 .list ul li { padding: 0px 18px; }


.training-ban { height: 600px; }
.products-ban { height: 600px; }
.products-ban .text p { font-size: 20px; width: 50% }
.training-ban .text h3 { font-size: 40px; }


.solutions { margin-top: 80px; }
.solutions .item .text h3 { font-size: 24px; }
.solutions .item .text p { font-size: 16px; line-height:26px; }

.solutions-swp .swiper-slide .text h3 { font-size:28px;  }
.solutions-swp .swiper-slide .text { padding: 40px; padding-bottom: 80px; }
.solutions-swp .swiper-slide .text p { font-size: 16px; line-height: 26px; }
.solutions-pag { padding-left: 40px; }

.banner .swiper-slide .text h3 { font-size: 30px; }
.banner .swiper-slide .text p { font-size: 20px; }
.banner .swiper-slide .text .text-p { margin-top: 20px; }
.banner .swiper-slide .text .m_a { margin-top: 20px; }

.m_a_black { height: 42px; line-height: 42px;  }
.m_a { height: 42px; line-height: 42px;  }

.a-careers-box { padding: 80px 0px; }

.acces_details_1 { padding: 80px 0px; }
.acces_details_1 .item .text h3 { font-size: 24px; }
.acces-swp .swiper-slide .img { height: 320px; }



}



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

.main { max-width:1020px !important; margin:0 auto !important; padding:0px 10px;}

.header .fr { display: none; }
.H80 { height: 50px;  }

.header { padding: 0px; background: #fff; padding: 0px 10px; height: 50px; }
.header .nav { background:#fff; position: fixed; top: 50px; max-height: 70%; width: 100%; left: 0px; overflow: hidden; overflow-y: auto; z-index: 101; text-align: left; border-top: 1px solid #eaeaea; display: none; }
.header .nav .num1 { padding-left: 0px;  }
.header .nav .num1>li { position: relative; }
.header .nav .num1>li>a { border-bottom: 1px solid #eaeaea; display: block; text-transform: uppercase; padding: 14px 10px; color: #333; font-family: 'C-News'; }
.header .nav .num1 .icon { position: absolute; right: 0px; width: 47px; height: 47px; z-index: 99; background: url('../images/icon67.png') no-repeat center center; background-size: 6px auto; top: 0px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.header .nav .num1 .icon.active { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.header .nav .nav-2 { padding-left: 0px; }
.header .nav .num2 { display: none; padding-top: 10px; }
.header .nav .num2>li { border-bottom: 1px solid #eaeaea; margin-left: 40px; }
.header .nav .num2>li>h3 { line-height: 40px; color: #333; }
.header .nav .num2>li>h3>a { padding-left: 0px; font-family: 'C-News';  display: block;  color: #333; display: block; }
.header .nav .num2>li>.a-lick>a { margin-top: 0px; padding-left: 0px; color: #666; font-size: 14px; line-height: 26px; font-family: 'C-News'; color: #999; }

.header { text-align: left; }
.header .logo img { height: 36px; margin-top: 7px; display: inline-block; }
.phone-nav { display: block; position: absolute; right: 10px; top: 50%; margin-top: -15px; cursor: pointer; }
.phone-nav span { width: 26px; height: 2px; background: #999; margin: 6px 0px; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }


.phone-nav.active .hg-3 { display: none; }
.phone-nav.active {  top:50%; margin-top: -8px;  }
.phone-nav.active span { position: absolute; right: 1px; width: 24px; }
.phone-nav.active .hg-1 { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
.phone-nav.active .hg-2 { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }

.phone-back { position: fixed; z-index: 88; background: rgba(0,0,0,0.6); left: 0%; width: 100%; height: 100%; top: 0px; display: none; }

.a-search { top: 50px; }
.a-search .txt { font-size: 16px; }
.a-search { padding: 10px 10px; }
.a-search .but { height: 42px; line-height: 42px; width: 42px; background-size: 20px auto; right: 10px; }

.phone-search { background: url('../images/icon68.png') no-repeat center center; width: 50px; position: absolute; height: 50px; background-size: 20px auto; top: 0px; right: 50px; }
.phone-lang { background: url('../images/icon69.png') no-repeat center center; width: 50px; position: absolute; height: 50px; background-size: 20px auto; top: 0px; right: 100px; }
.phone-nav1 { background: url('../images/icon70.png') no-repeat center center; width: 50px; position: absolute; height: 50px; background-size: 20px auto; top: 0px; right: 0px; }
.phone-user { 
  text-align: center;
  width: 50px;
  position: absolute;
  height: 50px;
  top: 0px;
  right: 150px;
  line-height: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: url(../images/rw.png) no-repeat center center;
  background-size: 22px;
  display: block;
}

.phone-nav1.active { background: url('../images/icon71.png') no-repeat center center; background-size: 20px auto; }
.phone-lang.active { background: url('../images/icon71.png') no-repeat center center; background-size: 20px auto; }
.phone-search.active { background: url('../images/icon71.png') no-repeat center center; background-size: 20px auto; }

.a-lang { width: 100%; left: 0px; top: 50px; text-align: center; }
.a-lang a {  text-align: center; font-size: 18px; line-height: 50px; border-right: 1px solid #eaeaea; display: inline-block; vertical-align: top; width: 30%; }
.a-lang a:last-child { border-right: none; }

.a-slider { 
  display: none;
  position: absolute;
  z-index: 99;
  right: 0px;
  top: 90px;
  background: #fff;
  border-top: 1px solid #eaeaea;
  width: 100%;
  left: 0px;
  top: 50px;
  text-align: center;
}
.a-slider a {  text-align: center; font-size: 18px; line-height: 50px; border-right: 1px solid #eaeaea; display: inline-block; vertical-align: top; width: 30%; }
.a-slider a:last-child { border-right: none; }

.header .logo a { display: inline-block; margin-top: 2px; color: #6a489d; }
.header .logo a strong { font-size: 12px; display: block; color: #999; }
.header .logo img { margin-top: 0px; height: 28px; }
.header .logo a strong span { margin-left: 5px; display: inline-block; }


}





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





.banner .swiper-slide .text .m_a { margin-top: 20px; }
.details_ban  { height: 400px; }

.banner .swiper-slide .text { padding: 0px 10px; }
.banner .swiper-slide .text h3 { font-size: 20px; }
.banner .swiper-slide .text .text-p p { font-size: 14px; margin-top: 6px; letter-spacing: 0px; }
.banner .swiper-slide { padding-top: 6%; }
.banner .swiper-slide .text .text-p { margin-top: 10px; }

.banner .swiper-slide .text .m_a_black { margin-top: 20px; }

.in-about { padding: 40px 0px; width: 100%; }
.m_tit p { font-size: 16px; line-height: 24px; }
.m_tit h2 { margin-bottom: 15px; }
.m_tit h2:after { width: 6px; height: 6px; margin-top: 10px; }

.in-about .list ul li strong { font-size: 26px; }
.in-about .list ul li span { font-size: 12px; }

.in-about .list { padding-left: 0px; padding-right: 0px; margin-top: 30px; }

.in-about-back .icon-1 { width: 80%; }
.in-about-back .icon-2 { width: 80%; top: 20%; left: 30%; }
.in-about-back .icon-3 { display: none; }
.in-about-back .icon-4 { display: none; }

.m_a_black { font-size: 14px; height: 36px; line-height: 36px; /* width:120px; */ }
.m_a_black em { left: -26px; }
.m_a_black:before { left: 11px; }
.m_a_black em { width: 40px; }
.m_a_black:hover span { margin-left: 10px; }
.m_a_black em:before { width: 14px; }
.m_a_black em:after { width: 26px; }

.m_a { font-size: 14px; height: 36px; line-height: 36px; }
.m_a em { left: -26px; }
.m_a:before { left: 11px; }
.m_a em { width: 40px; }
.m_a:hover span { margin-left: 10px; }
.m_a em:before { width: 14px; }
.m_a em:after { width: 26px; }

.in-about-back h6 { margin-top: 30px; }

.in-products { padding-top: 40px; }
.in-products .tit { margin-top: 30px; }
.in-products .tit span { font-size: 14px; }

.table-con-1 { padding: 40px 0px; background:url('../images/ban2_m.jpg') no-repeat center top; background-size: cover; }
.table-con-1 .had p { font-size: 15px; line-height: 26px; margin-top: 20px; }
.table-con-1 .had .img img { height: 40px; }

.table-con-1 .list { padding: 30px 0px; }
.table-con-1 .list ul { flex-direction: column; }
.table-con-1:before { display: none; }

.table-con-1:after { opacity: 0.4; }
.table-con-1 .list { margin-top: 0px; }
.table-con-1 .list ul li { margin-top: 20px; }
.table-con-1 .list ul li h3 { margin-top: 20px; font-size: 18px; }
.table-con-1 .list ul li p { font-size: 14px; line-height: 20px; margin-top: 11px; }


.table-con-2 .list { padding: 40px 0px; padding-top: 10px; }
.table-con-2 .list ul { flex-direction: column; }
.table-con-2 .list ul li { margin-top: 30px; }
.table-con-2 .list ul li .text h3 { margin-top: 0px; font-size: 18px;  }
.table-con-2 .list ul li .text p { width: 100%; font-size: 14px; line-height: 20px; margin-top: 11px; }
.table-con-2 .list ul li h6 { margin-top: 20px; }


.table-con-3 .list { padding: 40px 0px; padding-top: 10px; }
.table-con-3 .list ul { flex-direction: column; }
.table-con-3 .list ul li { margin-top: 30px; }
.table-con-3 .list ul li .text h3 { margin-top: 0px; font-size: 18px;  }
.table-con-3 .list ul li .text p { width: 100%; font-size: 14px; line-height: 20px; margin-top: 11px; }
.table-con-3 .list ul li h6 { margin-top: 20px; }


.in-solutions-back { padding: 40px 0px; }

.m_tit_white p { font-size: 16px; line-height: 24px; }
.m_tit_white h2 { margin-bottom: 15px; }
.m_tit_white h2:after { width: 6px; height: 6px; margin-top: 10px; }

.in-solutions .a-tab-box .a-tab-con { flex-direction: column; }
.in-solutions .a-tab-box .a-tab-con .img { width: 100%; flex: 0 0 100%; }
.in-solutions .a-tab-box .a-tab-con .text { width: 100%; flex: 0 0 100%; padding: 30px; }
.in-solutions .a-tab-box .a-tab-con .text h3 { font-size: 20px; }
.in-solutions .a-tab-box .a-tab-con .text p { font-size: 14px; line-height: 24px; margin-top: 10px; margin-bottom: 20px; }
.in-solutions .a-tab-box { margin-top: 30px; }

.in-solutions .a-tab-box .a-tab-con .img:after { display: none; }
.in-solutions .a-tab-box .a-tab-tit { flex-wrap: wrap; }
.in-solutions .a-tab-box .a-tab-tit span { font-size: 12px; flex: 0 0 50%; width: 50%; margin-top: 1px; }
.in-solutions .a-tab-box .a-tab-tit span:nth-child(4) { width: 50%; flex: 0 0 50%; }
.in-solutions .a-tab-box .a-tab-tit span:nth-child(5) { width: 50%; flex: 0 0 50%; }

.in-news { padding: 40px 0px; }
.in-news .list { margin-top: 10px; }
.in-news .list ul { margin-left: 0px; margin-right: 0px; flex-wrap: wrap; }
.in-news .list ul li { width: 100%; padding: 0px; margin-top: 20px; }

.in-events { padding: 40px 0px; }
.in-events .item { flex-direction: column; }
.in-events .item .fl .al { flex-direction: column; }
.in-events .item .fl { width: 100%; flex: 0 0 100%; border-right: none; }
.in-events .item .fl .text { padding-left: 0px; }
.in-events .item .fl { padding: 30px 20px; }


.in-events .item .fl .time { width: 180px; height: 180px; flex: 0 0 180px; margin: 0 auto; }
.in-events .item .fl .time strong { font-size: 26px; }
.in-events .item .fl .text { margin-top: 30px; text-align: center; }
.in-events .item .fl .text strong { margin: 0 auto; }
.in-events .item .fl .text .icon { margin: 0 auto; }
.in-events .item .fr { width: 100%; padding-bottom: 30px; }
.in-events .item .fr .al { width: 100px; height: 100px; }

.in-events .item .fl .text h3 { font-size: 18px; }
.in-events .item .fl .text p { font-size: 14px; line-height: 25px; }

.footer .item { display: none; }
.footer .fot .con .fr { display: none; }
.footer .fot .con .fl { flex: 0 0 100%; width: 100%; }
.footer .fot .con .fl .xs-ove { display: inline-block !important; color: #fff; margin-left: 10px; }
.footer .fot .con { width: 100%; }
.footer .fot { background: none; }


.banner { /* height: calc(100vh - 50px); */ height: 420px; }

.crumbs { display: none; }
.crumbs-tit { height: auto; padding: 0px; position: relative; line-height: 44px; height: 44px; z-index: 88; }
.crumbs-tit .tit { float: none; position: absolute; background: #fff; z-index: 99; width: 100%; text-align: center; top: 44px; display: none; }
.crumbs-tit .tit .tit-a-xt { display: block; border-bottom: 1px solid rgba(0,0,0,0.2); }
.crumbs-tit .tit a { margin-left: 0px; color: #333; display: block; line-height: 36px; }
.crumbs-tit strong { text-align: center; display: block; font-size: 18px;  }
.crumbs-tit strong:after { content: ''; background: url('../images/icon59.png') no-repeat; width: 15px; height: 7px; display: inline-block; vertical-align: middle; margin-left: 8px; background-size: 15px 7px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.crumbs-tit strong.active:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); }
.phone-back-nav { position: fixed; background: rgba(0,0,0,0.5); top: 0px; z-index: 77; left: 0px; height: 100%; width: 100%; display: none; }
.phone-back-nav.active { display: block; }


.m_tit_size h2 { font-size: 22px; }
.prod_details_1 { padding: 40px 0px; }
.prod_details_1 .item { flex-direction: column; }
.prod_details_1 .item .text { width: 100%; }
.prod_details_1 .item .prod-details-swp { width: 100%; }
.prod_details_1 .item .prod-details-swp .swiper-slide .img { height: 320px; }
.prod_details_1 .item .text h3 { font-size: 24px; }
.prod_details_1 .item .text p { font-size: 14px; line-height: 22px; margin-top: 15px; }
.prod_details ul li { width: 46%; margin: 10px 2%; }

.prod_details { padding: 40px 0px; }
.prod_details ul li h3 { font-size: 14px; margin-top: 16px; }
.prod_details ul li p { font-size: 12px; line-height: 20px; }

.prod_details_2 { padding: 40px 0px; }
.prod_details_3 { margin-top: 40px; }
.prod_details_3 .list ul li.active h3 { width: 100%; }
.prod_details_3 .list ul li h3 { width: 100%; }
.prod_details_3 .list ul li { flex-direction: column; }
.prod_details_3 .list ul li .text { width: 100%; padding: 10px; padding-left: 40px; }
.prod_details_3 .list ul li .text p { font-size: 14px; }
.prod_details_3 h6 { margin-top: 30px; }

.prod_details_4 { margin-top: 80px; }
.prod_details_4 .list ul li { width: 100%; padding: 10px 0px; }
.prod_details_4 .list ul { margin-left: 0px; margin-right: 0px; }
.prod_details_4 .list ul li .text { padding: 20px; }

.m-a-icon span { font-size: 12px; }
.prod_details_5 .tab-tit span { font-size: 16px; }
.prod_details_5 { margin-top: 40px; }
.prod_details_5 .tab-con .list ul li { margin-top: 30px; width: 100%; }
.prod_details_5 .tab-con .list ul li .img { height: 250px; }
.m_a_black span { font-size: 12px; }
.m_a_black { padding: 0px 28px; }

.m_a span { font-size: 12px; }
.m_a { padding: 0px 28px; }

.prod_details_6 { padding: 40px 0px; margin-top: 40px; }
.prod_details_6 h6 { margin-top: 20px; }


.ban { height: 180px; }
.ban h3 { font-size: 26px; }
.m-nav { padding-top: 30px; }
.m-nav .con a { font-size: 14px; }
.m-nav .con { height: 45px; line-height: 45px; border-top: 1px solid #e4e4e4; }
.m-nav .con a:before { height: 1px; top: -1px; }
.m-nav .con a:after { height: 1px; top: -1px; }

.contact { padding: 40px 0px; }
.distributor-contact { padding: 0px; }

.contact .con { flex-direction: column; }
.contact .con .text { width: 100%; }
.contact .con .img { width: 100%; }
.contact .con .text { padding: 20px; }
.contact .con .text h6 { position: static; margin-top: 20px; margin-left: 10px; }
.contact .con .text p { font-size: 14px; }
.contact .con .text h3 { font-size: 20px; }
.contact .con { margin-top: 20px; }

.contact .form .had-1 { padding: 20px; }
.contact .form .list ul li { width: 100%; float: none; padding-left: 160px; }
.contact .form .list ul li label { padding-left: 20px; font-size: 12px; width: 160px; }
.contact .form .list ul li .txtbox { font-size: 12px; line-height: 20px; }
.contact .form .list ul .heit-1 { display: none; }
.contact .form .list ul .heit-2 { display: none; }

.company { padding: 40px 0px; }
.company .had { font-size: 16px; line-height: 26px; padding: 20px 0px; }
.company .con { display: block; }
.company .con .text { display: block; width: 100%; }
.company .con .img { display: block; width: 100%; }
.company .con .text { padding: 10px 20px; }
.company .con .text p { font-size: 12px; margin: 12px 0px; line-height: 22px; }
.company .list ul li strong { font-size: 24px; }
.company .list { padding: 50px 10px; }
.company .list ul li span { font-size: 12px; }


.distributor { padding: 40px 0px;  }
.distributor .tit a { display: block; margin: 10px 0px; font-size: 16px; }
.distributor .tit a:before { width: 6px; height: 6px; }
.distributor .tit { margin-top: 30px; }
.distributor .text-p { margin-top: 30px; font-size: 16px; line-height: 26px; padding: 20px 10px; }
.distributor .text { flex-direction: column; }
.distributor .text p { font-size: 14px; line-height: 24px; padding: 30px 10px; }
.distributor .text-p1 { font-size: 14px; line-height: 24px; padding: 30px 10px; }

.distributor-form { width: 100%; float: none; }
.distributor-form .had { padding: 20px; }
.distributor-form .had h3 { font-size: 18px; }
.distributor-form .had p { font-size: 14px; line-height: 24px; }
.distributor-form .list ul li { padding-left: 160px; }
.distributor-form .list ul li label { padding-left: 20px; font-size: 12px; width: 160px; }
.distributor-form .list ul li .txtbox { font-size: 12px; line-height: 20px; }
.distributor-form .list .but { padding: 30px 0px; padding-left: 40px; }

.m-nav .con .fonts { font-size: 12px; }

.faq { padding: 40px 0px; }
.faq .xiala .sel { font-size: 14px; width: 210px; }
.faq .left-box { width: 100%; }
.faq .right-box { width: 100%;margin-top: 20px; }
.download { padding: 40px 0px; }
.download .tit { padding: 15px 1%; }
.download .tit a { width: 33.33%; flex: 0 0 33.33%; margin: 10px 0px; }
.download .tit { flex-wrap: wrap;  }
.download .tit a p { font-size: 12px; margin-top: 10px; }
.download .tit a img { width: 32%; }
.download .left-box { width: 100%; }
.download .right-box { width: 100%;margin-top: 20px; }

.download .list h3 { font-size: 20px; }
.download .list ul li .al { font-size: 14px; padding-top: 17px; padding-bottom: 17px; position: relative; padding-left: 15px; }
.download .list ul li .al:after { content: ''; background: #7030a0; width: 6px; height: 6px; position: absolute; left: 0px; top: 50%; margin-top: -3px; border-radius: 50%; }
.download .list ul li { padding: 0px 20px; }
.download .list ul li strong { right: 10px; font-size: 12px; top: 50%; margin-top: -7px; }
.download .list ul li i { display: none; }
.download .list { width: 100%; }
.download .list-box { width: 100%; }

.news { padding-top: 40px; }

.news .had .fr { float: none; position: relative; }

.news .had .fl { text-align: center; }
.news .had .fl a { font-size: 16px; margin: 0px 15px; }
.news .had .fl a:before { width: 6px; height: 6px; margin-right: 10px; }
.news .had { margin-top: 20px; }
.news .had .fr { margin-top: 10px; }
.news .had .fr .sel { width: 45%; background-size: 15px auto; height: 44px; }

.events-list { padding-top: 0px; }
.events-details .img { display: none; }
.events-details { padding-right: 0px; }
.events-details .text { padding: 20px; }
.events-details .text p { margin: 10px 0px; font-size: 14px; }
.details_ban .text h1 { font-size: 20px; }
.details_ban_white .text h3 { font-size: 14px; margin-top: 10px; }
.details_ban_white .text span { font-size: 16px; }

.event-details-dwo .list-li { width: 100%; }
.event-details-dwo .list { flex-direction: column; }
.xs-ove { display: block !important; }
.xs-hid { display: none !important; }
.details_ban .text .phone-pic { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom: 20px; }
.details_ban_white { padding-bottom: 100px; }
.faq .xiala .sel { height: 44px; background-size: 16px auto; }

.faq .list ul li { padding: 20px; padding-left: 68px; }
.faq .list ul li .tit strong { padding-right: 37px; font-size: 14px;  }
.faq .list ul li .icon { width: 30px; height: 30px; line-height: 30px; left: 20px; font-size: 12px; }
.faq .list ul li .text { font-size: 12px; line-height: 22px; padding-top: 10px; margin-top: 10px; }
.faq .list ul li .tit strong { background-size: 6px auto; }
.faq .list ul li.active .tit strong { background-size: 6px auto; }
.faq .xiala { margin-top: 20px; }
.faq .list { margin-top: 30px; }
.faq .list ul li { margin-top: 15px; }

.contact-text p { font-size: 16px; }
.contact .form .had { padding: 20px; }
.contact .form .had h3 { font-size: 20px; margin-bottom: 15px; }
.contact .form .had p { font-size: 14px; margin: 10px 0px; }

.in-news-list { padding-top: 0px; }
.details { padding: 20px; }
.details p { font-size: 14px; line-height: 22px; margin: 15px 0px; }
.in-news .list ul li .text { padding: 20px; }
.partners ul li { width: 33.33%; }
.partners ul li .al { padding: 10px; height: 80px; }
.partners { padding: 40px 0px; }
.partners ul { margin-top: 30px; }

.products { padding: 40px 0px; }
.products .list ul li { width: 100%; margin: 10px 0px; }
.products .list ul li .img { height: 210px; padding: 20px; }
.products .list ul li .text { display: none; }
.products .list ul li strong { font-size: 18px; }
.products .list ul li .al { padding: 20px; }

.products1 .text { position: static; width: 100%; padding: 30px 20px; }
.products1 .text h3 { font-size: 20px; }
.products1 .text p { font-size: 14px; line-height: 22px; margin-top: 10px; }

.products1 .white h3 { color: #333; }
.products1 .white { color: #666; }

.products-ban .text p { font-size: 20px;  }
.products-ban { height: auto; padding: 20px 10px; background: none !important;}
.p_ban {display: block !important; width: 100%;}
.p_ban img {width: 100%;}
.products-ban .text h3 { font-size: 16px; }
.products-ban .text p { font-size: 12px; margin-top: 10px; width: 100%; }
.products-ban .text { background-position: 70% center; }

.training-ban .text h3 { font-size: 20px; }
.training-ban .text p { width: 100%; font-size: 16px; }
.training-ban { height: 220px; }

.training { padding: 40px 0px; }
.m-text-p { font-size: 18px; line-height: 26px; width: 100%; margin-top: 30px; }

.training .item { flex-direction: column; margin-top: 30px; }
.training .item .text { width: 100%; padding: 10px 20px; }
.training .item .text p { font-size: 14px; line-height: 24px; }
.training .item .img { width: 100%; }

.training1 { padding: 40px 0px; }
.training-swp { margin-top: 30px; }
.training-swp .swiper-slide { flex-direction: column-reverse; }
.training-swp .swiper-slide .text { width: 100%; padding: 30px 0px 50px; }
.training-swp .swiper-slide .text p { width: 100%; font-size: 16px; line-height: 26px; }
.training-pag { width: 100% !important; bottom: 15px !important;  }

.training2 { padding: 40px 0px; }
.training2 .list ul { margin-left: 0px; margin-right: 0px; margin-top: 0px; }
.training2 .list ul li { width: 100%; padding: 0px; margin-top: 20px; }
.training2 .list ul li .text { padding: 20px; }
.training2 .list ul li .text h3 { font-size: 18px; }
.training2 .list ul li .text p { font-size: 14px; margin-top: 10px; line-height: 22px; }

.prod_details_4 { margin-top: 40px; }
.prod_details_4 .list ul li .text h3 { font-size: 14px; }


.solutions .item { flex-direction: column; }
.solutions .item .text { width: 100%; }
.solutions .item .text p { padding-right: 0px; }
.solutions .item .img { width: 100%; margin-top: 20px; }

.solutions {  margin-top: 40px; }
.solutions .item { padding: 30px 0px; }
.solutions .item .text h3 { font-size: 20px; }
.solutions .item .text p { font-size: 16px; line-height: 26px; margin-top: 10px; }
.solutions-swp .swiper-slide .text h3 { font-size: 20px; }
.solutions-swp .swiper-slide .text { text-align: center; padding: 30px 20px; padding-bottom: 50px; }
.solutions-swp .swiper-slide .text p { padding-right: 0px; margin-top: 10px; text-align: center; }
.solutions-pag { padding-left: 0px; text-align: center; }

.prod_details_2 .item { flex-direction: column; }
.prod_details_2 .item .tit { width: 100%; padding-left: 20px; padding-right: 0px; }
.prod_details_2 .item .con { width: 100%; margin-top: 20px; }
.prod_details_2 .item { margin-top: 30px; }
.prod_details_2 .item .tit span { margin: 6px 0px; }



.foot-fd { display: none; }
.in-solutions .a-tab-box .a-tab-tit span:nth-child(2n) { border-right: none; }
.in-solutions .a-tab-box .a-tab-tit span:before { display: none; }
.in-solutions .a-tab-box .a-tab-tit span:hover:before { display: none; }

.sign .form { width: 90%; padding: 20px; height: 330px; }
.sign .form h3 { font-size: 25px; }
.sign .form ul li .txt { padding: 7px; }
.sign .form .but { margin-top: 20px; padding: 8px 40px; font-size: 14px; }

.a-careers-box { padding: 40px 0px; } 
.a-careers p { font-size: 14px; margin-top: 15px; line-height: 24px; }
.a-careers { margin-top: 20px; }

.contact .con .text .text-tit strong { font-size: 14px; }

.contrast .list ul li .saxu .sel { width:100%; }

.prod_details_3 .tit { margin-top: 30px; }
.prod_details_3 .tit span { font-size: 16px; height: 50px; line-height: 50px; }
.contrast .list ul { margin-left: -5px; margin-right: -5px; }
.contrast .list ul li { padding: 0px 5px; }
.contrast .list ul li .saxu .sel { margin-left: 0px; height: 44px; }
.contrast .list ul li .saxu .img { margin-top: 0px; padding: 15px; height: 220px; }
.contrast .item h3 { font-size: 16px; padding-bottom: 15px; }
.contrast .item ul li p { font-size: 14px; line-height: 26px; }

.contrast-gray { padding: 30px 0px; }

.cookie { padding: 20px; }
.cookie p { font-size: 12px; line-height: 22px; }
.cookie .cookie-click { position: static; margin-top: 10px; padding: 12px 18px; font-size: 14px;}

.banner .swiper-slide .text .text-p { max-width: 96%; }

.legal-back { padding: 30px 0px; }
.legal { padding: 10px 20px 20px; }
.legal h3 { padding-top: 30px; font-size: 18px; }
.legal p { font-size: 14px; line-height: 24px; }



}


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



.inquiryform .form .list ul li label { padding-left: 10px; font-size: 12px; width: 140px; height: 45px; line-height: 45px; }
.inquiryform .form .list ul li { padding-left: 140px; }
.inquiryform .form .list ul li .txt { height: 45px; line-height: 45px; }
.inquiryform .form .list ul li { min-height: 46px; }
.inquiryform .form .list .but { padding: 15px; }
.inquiryform .form .list .but .sub_but { font-size: 14px; padding: 10px 15px; }

.inquiryform .form .list ul li .yzm img { height: 28px; margin-top: -14px; right: 5px; }
.inquiryform .form .list ul li .yzm { padding-right: 75px; }


.acces-swp .swiper-slide .al { padding: 15px; }
.acces-swp .swiper-slide .img { height: 160px; padding: 0px; }
.acces-swp .swiper-slide strong { font-size: 16px; }
.acces_details_1 { padding: 40px 0px; }
.acces_details_2 { margin-bottom: 40px; }
.acces_details_1 .item .text p { font-size: 14px; line-height: 23px; }
.acces_details_1 .item .text h3 { font-size: 20px; }
.acces_prev { display: none; }
.acces_next { display: none; }
.prod_details_5 .tab-con .list ul li .img { height: 160px; padding: 0px; }
.prod_details_5 .tab-con .list ul li .al { padding: 15px; }
.prod_details_5 .tab-con .list ul li strong { font-size: 16px; }




}