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

.b-banner {
    width: 100%;
    display: block;
    margin-top: 180px;
    aspect-ratio: 4 / 3;
}

.menu_head {
    box-shadow: 0 1px 5px #ddd;
}
.pc-banner { 
    display:none;
}
.wap-banner {
   display:block;
}

/*index*/

.CO39_home-carousel .sec_kv {
    height: 100%;
	margin-top: 30px;
}
.section .second .title_A {
    font-size: 30px;
}

.section .list .item {
    margin-left: 20px;
}

.section .list .item:first-of-type{
    margin: 0;
}
.section .list .item img {
    width:35px;
}

/* s2 */
.section .second {
    padding: 50px 15px;
}

.section .second .list {
   display: block;
}
.section .second .list .item {
   margin-top: 20px !important;
}
.section .second .list .item:first-of-type{
    margin: 0;
}

/* s3 */

.section .middle {
    padding: 50px 15px 0;
}
.section .middle .title2 {
    font-size: 30px;
}
.section .middle .menus {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
}
.section .middle .menus::-webkit-scrollbar {
    display: block;
	height: 8px;
}
.section .middle .menus::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.section .middle-two .content .con-left .subtitle {
    font-size: 28px;
}
.section .middle .menus .item {
    min-width: 180px;
}
.section .middle-two {
    padding: 0px 30px;
}
.section .middle-two .content {
    display: grid;
    justify-items: start;
}
.section .middle-two .content .con-left {
    width: 100%;
}
.section .middle-two .content .con-left .remark {
    margin-right: 0px;
}
.section .middle-two .content img {
    width: 100%;
	margin-top:50px;
}

/* s5 */
.section .middle2 {
    padding: 50px 15px 100px;
}
.section .middle2 .title2 {
    font-size: 30px;
}
.section .middle2 .company-list {
    display: block;
}

.section .middle2 .company-list .panel {
    width: 100%;
    margin-left: 0px;
	margin-top:20px;
}
.section .middle .new-panel{
    flex-direction: column;
	flex-wrap: wrap;
	margin-top: 0;
}

.section .middle .new-panel .new-item {
  flex: 0 0 calc(50% - 20px); /* 每个模块占50%宽度（减去间距） */
  min-width: 200px; /* 保证模块最小宽度，避免过窄 */
  flex-direction: column; 
  flex: 0 0 100%; /* 每个模块占100%宽度（单列） */
  min-width: unset; 
  margin-top: 10px;
}
.section .middle .new-panel .new-item1 {
  width:100%;
  height: 100%;
  margin-top: 10px;
}
.section .middle .new-panel .new-item .new-info {
  width:100%;
  height: 150px;
  padding: 30px 20px;
  font-size: 18px;
}
.section .middle .title2 {
    margin-bottom: 20px;
}
.video-cover {
  width: 100%;
  height: auto;
  display: block;
}
.section .middle .new-panel .new-item1 img {
     width: 100%;
    height: auto;
    display: block;
}
.section .middle .new-panel .new-item1 .new-info1 {
     height: 80px;
    font-size: 22px;
}
.section .middle2 .company-list .panel .data span {
    font-size: 50px;
}
/* con */
.contact {
    width: 100%;
    padding: 50px 15px;
    display: grid;
}
.contact .con-left {
    width: 100%;
   margin-bottom: 50px;
}	
.contact .con-right {
    float: left;
    width: 100%;
}
.footer {
    width: 100%;
    padding: 50px 15px;
}

/*foot*/
.footer .multi .multi-item .t-a {
    display:none;
}

.footer_warp {
    padding: 30px 15px 20px;
}
.footer_s {
    display: block;
}
.footer_s .footer-left {
   width: 100%;
}

.footer_s .footer-content .con-left {
    display: flex;
    flex-wrap: wrap;
	gap:0px;
}
.footer_s .footer-content .con-left .con-list {
    width:50%;
	margin-top:20px;
}
.footer-right {
    width: 100%;
}
.foot-by {
    margin-bottom: 50px;
}
.copy{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
	margin: 50px 0 0px;
	gap: 5px;
}
.copy .copy-list {
   margin-left: 0px;
}

/*products-banner*/

.pro_banner_box {
   margin-top: 30px;
}
.pro-txt {
    font-size: 30px;
}
.pro-cont {
    top: -15vh;
    width: 100%;
    text-align: left;
}

/*products-2*/
.section .pro-second {
    padding: 50px 15px 0;
}
.section .pro-second .title {
    font-size:30px;
}
.section .pro-second .list {
    margin: 50px auto 0;
    display: block;
}
.section .pro-second .list .item {
    width: 100%;
	margin-left:0px;
	height:300px;
}
/*products-4*/
.section .pro-four {
    padding: 50px 15px;
}
.section .pro-four .title {
    font-size:30px;
}
.section .pro-four .list {
    display: block;
}
.section .pro-four .list .item {
    margin-left: 0px;
	margin-top:20px;
    width: 100%;
}
/*products-5*/
.section .pro-five {
    padding: 50px 15px;
}
.section .pro-five .title {
    font-size:30px;
}
.section .powervideos_list {
    margin: 50px auto 0;
    display: block;
}
.section .powervideos_list .powervideos_item {
    margin-left: 0px;
	margin-top:20px;
    width: 100%;
}
/*products-con*/
.section .content {
    display: block;
    margin: 80px 15px;
}
.section .content .con-left {
    width: 100%;
}
.section .content img {
    width: 100%;
    margin-top: 50px;
}
.section .content .con-left .subtitle {
    font-size: 30px;
}
/*products-7*/
.section .pro-seventh {
    padding: 50px 0;
}
.section .pro-seventh .title {
    font-size:30px;
}
.pro-seventh-2 {
    padding: 0px;
	margin:0 15px;
}
.owl-carousel .owl-item {
    min-height: 350px;
}
/*products-8*/
.section .pro-eight {
    padding: 50px 15px;
}
.section .pro-eight .title {
    font-size:30px;
}

.section .pro-contact {
    padding: 50px 15px;
    background: url(../images/pro-bj.jpg);
    background-size: cover;
    background-position: center;
}
.pro-contact h2 {
    font-size: 30px;
}
/*products_1-2*/
.section .pro1-second {
    padding: 50px 15px;
}
.product-family-list__product {
    max-width: 100%;
}
/*products_11-banner*/
.pro-cont4 {
    top: -42vh;
    width: 100%;
}
.pro11-btn {
    top: -12vh;
}
.pro-cont4 p {
    font-size: 20px;
}
.pro_banner_box4 {
    margin-top: 350px;
}

/*products_11-2*/
.section .pro11-second {
    padding: 50px 15px;
}
.section .pro11-second .list {
    display: flex;
    flex-wrap: wrap;
}
.section .pro11-second .list .item {
    width: 100%;
    height: 280px;
    margin-left: 0px;
}
/*products_11-3*/
.section .pro-third .title {
    margin: 50px 0;
}
.section .pro-third {
    margin: 0 15px;
}
/*products_11-4*/
.section .pro11-four {
    padding: 0px 15px;
}
.grid-container {
    display: flex;
    flex-wrap: wrap;
}
.left-image {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.right-image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.rig-image {
    width: 50%;
}
/*products_11-5*/
.section .pro11-five {
    padding: 50px 15px;
}
.MsoNormal {
   font-size:14px;
   line-height:3;
}
.section .pro11-contact {
    padding: 50px 0px;
	display: flex;
    flex-direction: column;
}
.section .pro11-contact .con-left {
    text-align: center;
    width: 100%;
}
.section .pro11-contact .con-left .subtitle {
    font-size: 30px;
	margin-top: 0px;
}
.section .pro11-contact .con-left .remark {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 30px;
}
/*solution-1*/
.section .page-title .inner {
    margin: 30px 3% 0;
}
.section .solution-one {
    padding: 50px 15px 0;
}
.section .solution-one .title {
    font-size: 30px;
}
.section .solution-one .menus {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
	justify-content: left;
}
::-webkit-scrollbar {
  display: none;
}
.section .solution-one .menus .item {
    min-width: 180px;
}
.section .solution-two .content {
    margin: 0px 15px;
}

/*solution-2*/
.section .solution-second {
    padding: 50px 15px 0;
}
.section .title_solution {
    font-size: 30px;
}
.section .solution-second .list {
    display: block;
}
.section .solution-second .list .item:first-of-type {
    margin-bottom: 20px;
}
.section .solution-second .list .item {
    width:100%;
	margin-left:0px;
	margin-bottom:20px;
	height: 300px;
}
.video-container {
    margin-top: 0px;
}
/*solution-4*/
.section .solution-four {
    padding: 50px 15px 0;
}
.section .solution-four .title_solution {
    font-size:30px;
}
.section .solution-four .list {
    display: block;
}
.section .solution-four .list .item {
    width: 100%;
	margin-left:0px;
	margin-bottom:20px;
	height: 350px;
}
.section .solution-four .list .item:first-of-type {
    margin-bottom: 20px;
}
/*solution-5*/
.section .solution-five {
    padding: 30px 15px;
}
/*solution-6*/
.section .solution-six {
    padding: 80px 15px 0;
}
.section .solution-six .solution-list {
    display: block;
}
.section .solution-six .solution-list .item {
    width: 100%;
    margin-left:0px;
	margin-bottom:20px;
}

/*service-banner*/
.pro-cont2 {
    top: -15vh;
    width: 100%;
}
.pro-txt2 h1 {
    font-size: 30px;
}
/*service-2*/
.section .titleA_service {
    font-size: 30px;
	margin: 50px 0;
}
.serimg-wrapper {
    width: 100%;
}
.indexstand-list {
    display: flex;
    flex-wrap: wrap; 
}
/*service-3*/
.section .service-third {
    padding: 50px 15px;
}
.section .service-third .title_service {
    font-size: 30px;
}
.section .service-third .list {
    display: flex;
    flex-wrap: wrap;
}
.section .service-third .list .item:first-of-type {
    margin-bottom: 20px;
}
.section .service-third .list .item {
    width: 100%;
    height: 280px;
    margin-left: 0px;
    padding: 30px 20px 20px;
	margin-bottom:30px;
}
.section .ser-contact {
    padding: 50px 15px;
    background-size: cover;
    background-position: center;
}

/*support-1*/
.pro_banner_box1 .pro-cont3 {
    top: -24vh;
    width: 100%;
    text-align: left;
} 

/*support-2*/
.pro_banner_box1 {
    margin-top: 220px;
}
.section .support-second {
    padding: 50px 15px;
}
.section .title_support {
    font-size: 30px;
	margin-bottom:50px;
}

.section .support-second .support-list {
    display: flex;
    flex-wrap: wrap;
}
.section .support-second .support-list .item {
    margin-left: 0px;
    width: 100%;
	margin-top:20px;
}
.section .support-second .support-list .item:first-of-type {
    margin-top:0px;
}

/*support-3*/
.section .support-third {
    padding: 50px 20px;
}
.section .support-third .lister {
    display: flex;
    flex-wrap: wrap;
}
.section .support-third .lister .item {
    width: 100%;
    height: 220px;
    margin-left: 0px;
	margin-top:20px;
}
/*support-faq*/
.section .pro-FAQ {
    padding: 50px 15px;
}
.section .title {
    font-size: 30px;
}

.link_tit h3 {
    width: 80%;
}
/*support-6*/
.section .support-six {
    padding: 50px 15px;
}
.section .support-six .support-listA {
    display: flex;
	flex-wrap: wrap;
}
.section .support-six .support-listA .item {
    width: 100%;
    margin-left: 0px;
	margin-top:20px;
}
.section .support-listA .item:first-of-type {
    margin: 0;
}
/*new-2*/
.section .news-second {
    padding: 50px 15px 30px;
}
.section .news-second .list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.section .news-second .list .item {
    margin-left: 0px;
    width:100%;
	margin-top:20px;
}
/*media-ban*/
.pro-cont1 {
    top: -13vh;
    width: 100%;
    text-align: left;
}

/*media-1*/
.job-talent {
    padding: 50px 15px 0;
}
.section .job-talent .list {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.section .job-talent .list .item {
    margin-left: 0px;
    width:100%;
	margin-top:20px;
}
/*media-news*/
.section .title-new {
    padding: 50px 15px 0;
	font-size: 30px;
}
.section .new-timeline {
    padding: 30px 0 0 15px;
}
 .prev1 {
    right: 120px;
}        
 .next1 {
   right: 50px;
}
/*media-videos*/
.section .video-timeline {
    padding: 30px 0 0 15px;
}		
 .prev2 {
    right: 120px;
}        
 .next2 {
   right: 50px;
}
/*media-blogs*/
.section .blog-timeline {
    padding: 30px 0 30px 15px;
}
 .prev3 {
    right: 120px;
}        
 .next3 {
   right: 50px;
}
/*about-1*/
.section .about-one {
    padding: 0px 15px;
}
.play-button1 {
    width: 50px;
    height: 50px;
}
/*about-2*/
.section .about-two {
    padding: 50px 15px;
}
.section .about-two p {
    width: 100%;
    margin: 30px auto 0;
	font-size:18px;
}
/*about-3*/
.vision-content {
    left: 50%;
}
.vision-container h2 {
    font-size: 30px;
}
.section .about-third {
    padding: 50px 15px;
}
.section .about-third .title_about {
    font-size: 30px;
}
.section .about-third .list {
    display: flex;
	flex-wrap: wrap;
}
.section .about-third .list .item {
    width: calc(100% / 2);
	margin-left: 0px;
}

.section .about-third .list .item img {
    width: 60px;
}
.section .about-third .list .item .title {
    font-size: 24px;
}
/*about-4*/
.section .about-four {
    padding: 50px 15px;
}
/*about-5*/
.section .about-five {
    padding: 50px 15px;
}
.ab-container {
    display: flex;
    flex-wrap: wrap;
}
.ab-module {
    width: 100%;
}

/*adv-1*/
.section .adv-one {
    padding: 50px 15px 0;
}
.section .adv-one .menus {
    overflow-x: scroll;  
    white-space: nowrap; 
}
.section .adv-one .menus::-webkit-scrollbar {
    display: block;
	height: 8px;
}
.section .adv-one .menus::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.section .adv-one .menus .item {
    height: 70px;
    min-width: 310px;
    text-align: center;
    font-size: 20px;
}
.section .adv-one-2 {
    padding: 0px 20px;
}
.section .adv-one-2 .content {
    display: flex;
    margin: 0;
    padding: 30px 10px;
    flex-wrap: wrap;
    flex-direction: column;
}
.section .adv-one-2 .content .con-left {
    width: 100%;
}
.section .adv-one-2 .content .con-left .remark {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 30px;
}
.section .adv-one-2 .content img {
    width: 100%;
    margin-top: 20px;
}
/*adv-2*/
.section .adv-two {
    padding: 50px 15px;
}
.section .adv-two .title {
    font-size: 30px;
}
.section .adv-two .list .item {
    width: calc(100% / 3);
    height: 220px;
    margin-left: 10px;
	padding: 30px 10px 20px;
}
.section .list .item .title {
    font-size: 20px;
}
.section .adv-two .list .item p {
    font-size: 16px;
    line-height: 20px;
}
/*adv-3*/
.adv-parter {
    padding: 50px 15px;
}
.section .adv-parter .desc {
    font-size: 20px;
    width: 90%;
}
.section .adv-parter .adv-img .flex-item {
    flex: 1 0 calc(49% - 20px);
    display: flex;
    justify-content: space-between;
}
/*sto-2*/
.section .sto-two {
    padding: 50px 15px;
}
.deve_boxinner {
    display: flex;
    flex-wrap: wrap;
}
.deve_box .deve_boxinfo {
    padding: 30px 10px;
}
.deve_box .deve_boxinfo .remark {
    margin: 30px 0px 0px;
}
.section .sto-timeline {
    padding: 30px 0 0 20px;
}
.prev {
    right: 120px;
}
.next {
    right: 50px;
}
.sto-Cert {
    padding: 50px 15px;
}
.section .sto-Cert .list .item img {
    width:100%;
}
.section .sto-Cert .list .item {
    padding: 10px;
}
.section .sto-five {
    padding: 50px 15px;
}
/*event-2*/
.section .event-second {
    padding: 50px 15px 30px;
}
.product-download-list__chip-container {
    gap: 0px;
}
.section .event-second .list {
    display: flex;
    flex-wrap: wrap;
}
.section .event-second .list .item {
   width:100%;
   margin-left:0px;
   margin-top:20px;
}
/*video*/
.section .video-module {
    padding: 50px 15px 30px;
}
.section .videos_list .videos_item {
    width: 100%;
    margin-bottom: 0px;

}

.breadcrumb {
    overflow-x: scroll;
    white-space: nowrap;
}
.section .pro-FAQ {
    padding: 50px 15px 30px;
}
.section .pro-FAQ1 {
    background-color: #fff;
    padding: 0px 15px;
}
/*self-1*/
.section .self-one {
    padding: 30px 15px 0;
}
.self-container .teaser {
    display: flex;
    flex-wrap: wrap;
}

.teaser .image-self {
    width: 100%;
}
.teaser .teaser-cnt {
    width: 100%;
}
.self-ben1 {
    margin-top: 80px;
    margin-bottom: 30px;
}
.self-ben {
    margin-top: 80px;
    margin-bottom: 30px;
}
.relation-two {
    padding: 50px 15px;
}
.section .relation-two .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.section .relation-two .list .item {
    margin:10px 20px;
}

.newsdetail {
    padding: 50px 15px;
}
.newsdetail .txt {
    display: flex;
    flex-wrap: wrap;
	gap: 20px;
}
.news-text {
    display: flex;
    flex-wrap: wrap;
}
.news-text .news-left {
    width: 100%;
    margin-right: 0px;
}
.news-text .news-rig {
    width: 100%;
	margin-top:50px;
}
/*job-2*/
.job-two {
    padding: 50px 15px 0;
}
.section .job-two p {
    font-size: 20px;
    width: 100%;
    margin: 30px auto 0;
}
.job-scale {
    padding: 50px 15px;
}
.section .job-scale .title {
    font-size: 30px;
    margin-bottom: 30px;
}
.section .job-scale .list {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.section .job-scale .list .item {
    margin-left: 10px;
}
.section .job-scale .list .item img {
    height: 60px;
    width: 60px;
}
.section .job-scale .list .item .name {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
}
/*job-5*/
.section .job-five {
    padding: 50px 15px;
}
.section .job-five .job-container {
    display: flex;
    flex-wrap: wrap;
}
.job-module {
    width: 100%;
}
/*download-1*/
.section .dow-second {
    padding: 50px 15px;
}
.section .dow-second .title {
    margin-bottom: 30px;
}
.dow-sx {
    display: flex;
    flex-wrap: wrap;
	gap:8px;
}
.product-download-list__chip-container {
    width: 100%;
}
.product-download__grid--subcategory-view {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.product-download__grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.product-download__product {
    width: 100%;
    max-width: 100%;
}


}


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




/*index*/

.CO39_home-carousel .sec_kv {
    height: 100%;
	margin-top: 30px;
}
.section .second .title_A {
    font-size: 30px;
}

.section .list .item {
    margin-left: 80px;
}

.section .list .item:first-of-type{
    margin: 0;
}
.section .list .item img {
    width:35px;
}

/* s2 */
.section .second {
    padding: 50px 15px;
}

.section .second .list {
   display: flex;
}
.section .second .list .item {
   margin-top: 20px !important;
}
.section .second .list .item:first-of-type{
    margin: 0;
}
/* s3 */

.section .middle {
    padding: 50px 15px 0;
}
.section .middle .title2 {
    font-size: 30px;
}
.section .middle .menus {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;	
}
.section .middle .menus::-webkit-scrollbar {
    height: 6px;
}
.section .middle .menus::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.section .middle-two .content .con-left .subtitle {
    font-size: 28px;
}
.section .middle .menus .item {
    min-width: 180px;
}
.section .middle-two {
    padding: 0px 30px;
}
.section .middle-two .content {
    display: grid;
    justify-items: start;
}
.section .middle-two .content .con-left {
    width: 100%;
}
.section .middle-two .content .con-left .remark {
    margin-right: 0px;
}
.section .middle-two .content img {
    width: 100%;
	margin-top:50px;
}

/* s5 */
.section .middle2 {
    padding: 50px 15px 100px;
	 margin-top: 50px;
}
.section .middle2 .title2 {
    font-size: 30px;
}
.section .middle2 .company-list {
    display: flex;
}

.section .middle2 .company-list .panel {
    width: calc(100% / 3);
    margin-left: 5px;
    height: 350px;
}
.section .middle .new-panel{
    flex-direction: column;
	flex-wrap: wrap;
	margin-top: 0;
	align-items: stretch;
}

.section .middle2 .company-list .panel .com-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.section .middle .new-panel .new-item {
  flex: 0 0 calc(50% - 20px); /* 每个模块占50%宽度（减去间距） */
  min-width: 200px; /* 保证模块最小宽度，避免过窄 */
  flex-direction: column; 
  flex: 0 0 100%; /* 每个模块占100%宽度（单列） */
  min-width: unset; 
  margin-top: 10px;
}
.section .middle .new-panel .new-item1 {
  width:100%;
  height: 100%;
  margin-top: 10px;
}
.section .middle .new-panel .new-item .new-info {
  width:100%;
  height: 150px;
  padding: 30px 20px;
  font-size: 18px;
}
.section .middle .title2 {
    margin-bottom: 20px;
}
.video-cover {
  width: 100%;
  height: auto;
  display: block;
}
.section .middle .new-panel .new-item1 img {
     width: 100%;
    height: auto;
    display: block;
}
.section .middle .new-panel .new-item1 .new-info1 {
     height: 80px;
    font-size: 22px;
}
.section .middle2 .company-list .panel .data span {
    font-size: 50px;
}
/* con */
.contact {
    width: 100%;
    padding: 50px 3%;
	gap: 80px;
}
.contact .con-left {
    width: 100%;
   margin-bottom: 50px;
}	
.contact .con-right {
    float: left;
    width: 100%;
}
.footer {
    width: 100%;
    padding: 50px 3%;
}

/*foot*/
.footer .multi .multi-item .t-a {
    display:none;
}

.footer_warp {
    padding: 30px 30px 20px;
}
.footer_s {
    display: block;
}
.footer_s .footer-left {
   width: 100%;
}

.footer_s .footer-content .con-left {
    display: flex;
    flex-wrap: wrap;
	gap:0px;
}
.footer_s .footer-content .con-left .con-list {
    width:50%;
	margin-top:20px;
}
.footer-right {
    width: 100%;
}
.foot-by {
    margin-bottom: 50px;
}
.copy{
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
	margin: 50px 0 0px;
	gap: 5px;
}
.copy .copy-list {
   margin-left: 0px;
}


/*products*/
.section .title {
    font-size: 30px;
}
.pro_banner_box {
    margin-top: 30px;
}
.pro-cont {
    top: 3vh;
    width: 80%;
}
.section .pro-second {
    padding: 50px 20px 0;
}
.section .pro-four {
    padding: 250px 15px 50px;
}
.section .pro-five {
    padding: 80px 20px 50px;
}
.section .content {
    display: block;
    margin: 80px 15px;
}
.section .content .con-left {
    width: 100%;
}
.section .content img {
    width: 100%;
    margin-top: 50px;
}
.section .content .con-left .subtitle {
    font-size: 30px;
}
.pro-seventh-2 {
    padding: 0px;
    margin: 0 15px;
}
.section .pro-eight {
    padding: 80px 30px 50px;
}
.relatedservices_box .relatedservice_boximage {
    width: 100%;
}

.section .pro-contact {
    padding: 50px 30px;
}

.pro-cont2 {
    top: 3vh;
    left: 0;
    width: 80%;
}
.pro-txt {
    font-size: 40px;
}
.section .pro1-second {
    padding: 50px 20px;
}
.pro_banner_box4 {
    margin-top: 30px;
}
.pro-cont4 {
    top: 0;
    width: 60%;
}
.pro-cont4 p {
    margin-top: 20px;
}
.pro11-btn {
    top: 22vh;
}
.section .pro11-second {
    padding: 80px 20px 50px;
}
.section .pro11-second .list .item {
    height: 420px;
    margin-left: 30px;
}
.section .pro-third {
    margin: 0 3%;
}
.section .pro11-four {
    padding: 50px 3%;
}

.section .pro11-five {
    background-color: #f6f6f6;
    padding: 80px 3% 50px;
}
.section .pro-FAQ {
    background-color: #fff;
    padding: 80px 3% 0px;
}
.section .pro11-contact {
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
}
.section .pro11-contact .con-left {
    text-align: center;
    width: 100%;
}
.section .pro11-contact .con-left .subtitle {
    font-size: 30px;
	margin-top: 0px;
}
.section .pro11-contact .con-left .remark {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 30px;
}

/*solution-1*/
.section .page-title .inner {
    margin: 30px 3% 0;
}
.section .solution-one {
    padding: 50px 15px 0;
}
.section .solution-one .title {
    font-size: 30px;
}
.section .solution-one .menus {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
	justify-content: left;
}
.section .solution-one .menus::-webkit-scrollbar {
    display: block;
	height: 8px;
}
.section .solution-one .menus::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}
.section .solution-one .menus .item {
    min-width: 180px;
}
.section .solution-two .content {
    margin: 0px 15px;
}
.section .solution-second {
    padding: 80px 3% 0;
}

/*solution-2*/
.section .solution-second {
    padding: 50px 3% 0;
}
.section .title_solution {
    font-size: 30px;
}
.section .solution-second .list {
    display: block;
}
.section .solution-second .list .item:first-of-type {
    margin-bottom: 20px;
}
.section .solution-second .list .item {
    width:100%;
	margin-left:0px;
	margin-bottom:20px;
	height: 480px;
}
.video-container {
    margin-top: 0px;
}

.section .solution-four {
    padding: 80px 3% 0;
}
.section .solution-four .list {
    display: block;
}
.section .solution-four .list .item {
    width: 100%;
	margin-left:0px;
	margin-bottom:20px;
	height: 250px;
}
.section .solution-four .list .item:first-of-type {
    margin-bottom: 20px;
}
.section .solution-five {
    padding: 50px 3%;
}
.section .solution-six {
    padding: 80px 3% 0;
}
.section .pro-FAQ1 {
    padding: 30px 3% 0px;
}

.pro_banner_box1 {
    margin-top: 30px;
}
.pro-cont3 {
    top: 0vh;
    width: 80%;
}
.section .support-second {
    padding: 80px 3% 50px;
}
.section .support-second .support-list .item {
    height: 400px;
}
.cta-sup span {
    margin: 130px 10px 20px 0;
}
.section .support-third {
    padding: 80px 3%;
    height: 550px;
}
.section .support-six {
    padding: 80px 3% 50px;
}
/*service-2*/
.text-overlay {
    position: absolute;
    bottom: 15%;
    line-height: 38px;
}
.text-overlay p {
    font-size: 28px;
    font-weight: 600;
}
.section .service-third {
    padding: 80px 3%;
}
.section .service-third .list .item {
    height: 420px;
}
.section .ser-contact {
    padding: 50px 50px;
}
.pro-cont1 {
    top: 3vh;
}
.section .self-one {
    padding: 80px 3% 0;
}

.self-container .teaser {
    display: flex;
    flex-wrap: wrap;
}
.teaser .image-self {
    width: 100%;
}
.teaser .teaser-cnt {
    width: 100%;
}

.self-ben {
    margin-top: 60px;
    padding: 30px 0;
}
.self-ben1 {
    margin-top: 60px;
    padding: 30px 0;
}
.section .video-module {
    padding: 50px 3% 30px;
}
.section .videos_list .videos_item .videos_itemtext h4 {
    font-size: 16px;
    line-height: 22px;
}
.section .videos_list .videos_item .videos_itemtext {
    height: 150px;
}
.section .event-second {
    padding: 50px 3% 30px;
}
.news-adr {
    font-size: 14px;
    line-height: 28px;
    padding: 0 20px;
}
.news-adr {
    padding: 0 15px;
}
.section .news-second {
    padding: 50px 3% 30px;
}
.job-talent {
    padding: 80px 3% 0;
}
.section .new-timeline {
    padding: 30px 0 0 3%;
}
.section .video-timeline {
    padding: 30px 0 0 3%;
}
.section .blog-timeline {
    padding: 30px 0 30px 3%;
}
.prev {
    right: 13%;
}
.next {
    right: 3%;
}
.prev1 {
    right: 13%;
}
.next1 {
    right: 3%;
}
.prev2 {
    right: 13%;
}
.next2 {
    right: 3%;
}
.prev3 {
    right: 13%;
}
.next3 {
    right: 3%;
}
.relation-two {
    padding: 80px 3% 50px;
}
.section .about-two {
    padding: 80px 3%;
}
.vision-content {
    left: 62%;
}
.section .about-third {
    padding: 80px 3% 50px;
}
.section .about-third .list .item {
    width: auto;
    margin-left: 50px;
    padding: 20px 0;
}
.section .about-four {
    padding: 80px 3% 50px;
}
.section .about-five {
    padding: 80px 3% 50px;
}
.section .adv-one {
    padding: 80px 3% 0;
}
.section .adv-one .menus {
    overflow-x: scroll;
    white-space: nowrap;
}
.section .adv-one .menus::-webkit-scrollbar {
    display: block;
	height: 8px;
}
.section .adv-one .menus::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}
.section .adv-one .menus .item {
    height: 70px;
    min-width: 310px;
    text-align: center;
    font-size: 20px;
}
.section .adv-one-2 {
    padding: 0px 3%;
}
.section .adv-one-2 .content {
    display: flex;
    margin: 0;
    padding: 30px 10px;
    flex-wrap: wrap;
    flex-direction: column;
}
.section .adv-one-2 .content .con-left {
    width: 100%;
}
.section .adv-one-2 .content .con-left .remark {
    font-size: 20px;
    margin: 30px 0px;
    line-height: 30px;
}
.section .adv-one-2 .content img {
    width: 100%;
    margin-top: 20px;
}
.section .adv-two {
    padding: 50px 3%;
}
.section .adv-two .list .item {
    height: 280px;
    margin-left: 20px;
}
.section .adv-two .list {
    margin-top: 20px;
}
.adv-parter {
    padding: 80px 3% 50px;
}
.section .sto-two {
    padding: 50px 3%;
}
.deve_boxinner {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.deve_box .deve_boxinfo {
    padding: 30px 50px;
}
.section .sto-timeline {
    padding: 30px 0 0 3%;
}
.sto-Cert {
    padding: 80px 3% 50px;
}
.section .sto-Cert .list .item {
    padding: 5px;
}
.section .sto-five {
    padding: 80px 3% 50px;
}
.job-two {
    padding: 80px 3% 0;
}
.section .job-talent .list {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    margin-top: 20px;
}
.job-height {
    height: 180px;
}
.section .job-talent .list .item {
    margin-left: 0px;
    width: 100%;
	margin-top: 20px;
}
.job-scale {
    padding: 80px 3% 50px;
}
.section .job-five {
    padding: 80px 3% 50px;
}


}


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

/*index*/
.CO04_gnb .CO04_gnb-wrap .CO04_gnb-list {
    margin-left: 40rem;
}

/* s2 */
.section .second {
    padding: 3.1rem 26rem;
}
.section .middle {
    padding: 3.1rem 26rem 0;
}
.section .middle-two {
    padding: 0 26rem 6.2rem;
}

.section .middle2 {
    padding: 3.1rem 26rem 6.2rem;
}
.contact {
  padding: 3.1rem 26rem;
}


/*solution*/

.section .solution-second .list .item {
    height: auto;
}


/*Self-Maintenance Guide */

.self-ben1 {
    margin-top: 30rem;
}
.self-ben {
    margin-top: 30rem;
}
.section .self-one {
    padding: 5rem 26rem 0;
}

}

@media only screen and (min-width: 2400px) {

/*Self-Maintenance Guide */

.self-ben1 {
    margin-top: 35rem;
}
.self-ben {
    margin-top: 35rem;
}

.section .self-one {
    padding: 5rem 30rem 0;
}
}