锘?*about*/ .about{background-color:#e9ecef} .about .container{} .about-text{position: relative;top:-80px;background: #fff;padding:80px;align-items: center;flex-wrap: wrap;} .about-text .info{width: 50%;} .about-text .info p{font-size: 18px;line-height:36px;;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom: 30px;} .about-text .img{width: 50%;text-align: right} .about-text .img img{width: auto;max-width:80%;} .about-ul-text .img{text-align: left;} .about-text .about-ul{width: 100%;} .about-text .about-ul li{width: 25%;padding:0 0 10px 0;text-align: center;position: relative;margin-bottom: 30px} .about-text .about-ul li:after{content: '';width: 1px;height: 50%;background-color: #dee2e6;position: absolute;right: 0;top:25%;} .about-text .about-ul li b{font-size: 18px;font-weight: 500;color:#495057;display: block; } .about-text .about-ul li span{font-size: 12px;text-transform: uppercase;;color: #868e96;} .about-text .about-ul li:last-child:after{display: none} .about-text .about-ul li i{font-size: 5rem;color:#fdd000;display: block;margin-bottom:5px; } .about-banner{background-color: #fdd000;padding:100px;position: relative;top:-60px;text-align: center;background-image: url("../images/about-bg1.jpg");background-size: cover;background-position: center;} .about-banner h4{font-size: 40px;color: #fff;font-weight: 500;margin-bottom:30px;position: relative;} .about-banner h4:after{content: '';width: 60px;height:2px;background-color:#fdd000;position: absolute;left: 50%;margin-left: -30px;top: -30px; } .about-banner h4 span{margin-left: 10px;color:#fdd000} .about-banner p{font-size: 18px;font-weight:300;margin-bottom:80px;color:rgba(255,255,255,1);letter-spacing:12px;} .about-banner img{width: auto;max-width:80%;} .about-text:last-child{top:-40px;} .about-text:nth-child(2){top:-60px;} .about .en{font-family: arial, sans-serif;font-size: 16px;line-height: 28px;text-align:justify;text-justify:newspaper} .about .en p{font-family: arial, sans-serif;font-size: 16px;line-height:28px;text-align:justify;text-justify:newspaper} .about .en h4{font-size: 28px;font-family: "DINPro-Bold";margin-bottom: 20px;color: #495057;position: relative;padding: 0 30px;} .about .en h4:after{content: '';width: 16px;height: 16px;border-radius: 50%;border: 4px solid #f5a526;position: absolute;left: 0;top:50%;margin-top:-8px;} .about .en h5{font-size: 22px;font-family: "DINPro-Bold";color:#f5a526;;margin-bottom: 20px;text-transform: uppercase} .about .about-ul-en{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; } .about .about-ul-en li{width: 23.5%;background-color: #0e6aac;color: #fff;border-radius: 5px;margin-right: 2%;margin-bottom: 2%;padding: 10px;font-weight: 600;font-family: arial, sans-serif;text-align: center;} .about .about-ul-en li:nth-child(4n){margin-right: 0;} @media (max-width: 1440px) { .about-text{padding:50px;} .about-text .info p{font-size: 16px;line-height:32px;margin-bottom: 20px;} .about-text .about-ul li b{font-size: 16px;} .about-text .about-ul li span{font-size: 10px;} .about-banner p{margin-bottom:50px;} .about-banner img{max-width:70%;} } @media (max-width: 991px) { .about .page-nav ul li{width: 33.33%;} .about .container{padding: 0;} .about-text{top:0;padding:20px;flex-wrap: wrap} .about-text .info{width: 100%;} .about-text .info p{font-size: 1.4rem;line-height:2.6rem;margin-bottom:20px;} .about-text .img{width: 100%;text-align:center;} .about-text .img img{max-width:80%;margin-bottom: 30px;} .about-ul-text .img{text-align: center;order: 2;} .about-text .about-ul{flex-wrap: wrap} .about-text .about-ul li{width:49.5%;background-color: #f1f3f5;padding:10px 10px 20px 10px;margin-bottom: 1%;margin-right: 1%} .about-text .about-ul li:nth-child(2n){margin-right: 0;} .about-text .about-ul li:after{display: none} .about-text .about-ul li b{font-size:1.4rem;font-weight: 600; } .about-text .about-ul li span{display: none} .about-text .about-ul li i{font-size: 4rem;} .about-banner{padding:50px 20px;top:0;} .about-banner h4{font-size: 2.2rem;margin-bottom:30px;} .about-banner h4 span{margin-left: 5px;} .about-banner h4:after{width: 30px;height:1px;margin-left: -15px;top: -20px; } .about-banner p{font-size: 1.4rem;letter-spacing:3px;font-weight: 400;margin-bottom: 30px;} .about-banner img{max-width:100%;} .about-text:last-child{top:0;} .about-text:nth-child(2){top:0;} .about .en{font-size: 1.2rem;line-height: 2rem;text-align:left;text-justify: unset;} .about .en p{font-size: 1.2rem;line-height: 2rem;text-align:left;text-justify: unset;} .about .en h4{font-size: 1.6rem;font-family: "DINPro-Bold";margin-bottom:10px;padding: 0 20px;} .about .en h4:after{width: 12px;height: 12px;margin-top:-6px;border: 2px solid #f5a526} .about .en h5{font-size: 1.6rem;margin-bottom:10px;} .about .about-ul-en{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap: wrap; } .about .about-ul-en li{width: 49%;background-color: #0e6aac;color: #fff;border-radius: 5px;margin-right: 2%;margin-bottom: 2%;padding:0;font-weight: 500;font-family: arial, sans-serif;line-height:30px;text-align: center;} .about .about-ul-en li:nth-child(2n){margin-right: 0;} } .history{background-color: #fff;padding: 80px;position: relative;top:-80px;background-image: url("../images/about-bg2.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: center bottom;} .section-title{text-align: center;margin-bottom: 30px;} .en .section-title h4{font-family: arial, sans-serif;font-size: 25px;text-transform: uppercase;} .en .section-title p{font-family: arial, sans-serif;font-size: 16px;text-transform: capitalize} .history-ul{flex-wrap: wrap;position: relative;width: 100%;height: 100%;} @keyframes zg { 0% {height: 0;} 25% {height: 25%;} 50% {height: 50%;} 100% {height: 100%;} } .history-ul:after{ content: '';width: 4px;height: 0;background-color: #fdd000;position: absolute;left: 50%;margin-left: -2px;z-index: 1; animation: zg 2s ease 0.1s forwards; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .history-ul li{width:47.5%;margin-right: 5%;text-align: right;position: relative;} .history-ul li:after{ content: '';width: 15px;height: 15px;border-radius: 50%;background-color:#fff;border: 4px solid #fdd000; position: absolute;right: -46px;top:10px;z-index: 3; } .history-ul li:nth-child(2n){margin-right: 0;text-align: left;padding:100px 0 30px 0;} .history-ul li:nth-child(2n):after{right: unset;left: -46px;top:110px;} .history-ul li span{font-family: "DINPro-Bold";font-size: 25px;color: #495057;letter-spacing: -1px;} .history-ul li p{font-size: 16px;line-height: 28px;color:#868e96; } .en .history-ul li p{font-size: 14px;line-height: 25px;font-family: arial, sans-serif;} .honors{background: #fff;padding: 100px;position: relative;top:-80px;} .honors ul{padding:20px 50px;} .honors ul li{ padding:10px; background-color: #fff; box-shadow:2px 5px 10px rgba(0,0,0,0.06); -webkit-box-shadow:2px 5px 10px rgba(0,0,0,0.06); -moz-box-shadow:2px 5px 10px rgba(0,0,0,0.06); } .honors ul li img{width: 100%;display: block;border: 1px solid #dee2e6;} .honors-ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; flex-wrap: wrap; padding: 0; } .honors-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;} .honors-ul li:nth-child(4n){margin-right: 0;} .honors-ul li img{} .zzzs-ul{background-color:#f1f3f5;padding:30px;} .zzzs-ul li{margin: 20px;} .zzzs-ul li img{} .zzzs-ul li p{font-family: "DINPro-Bold";font-size: 16px;line-height: 36px;text-align: center;padding: 5px 0;text-transform: uppercase;color: #868e96} .honors .NextArrow,.honors .PrevArrow{ position: absolute; width: 32px; height: 32px; border: 2px solid #fdb817; line-height: 28px; background: transparent; text-align: center; z-index: 999; outline: none; border-radius: 50%; bottom: 50%; margin-bottom: -16px; } .honors .NextArrow i,.honors .PrevArrow i{font-size:1.6rem;color:#fdb817;} .honors .NextArrow:hover,.honors .PrevArrow:hover{} .honors .NextArrow:hover i,.honors .PrevArrow:hover i{color:#fdb817;} .honors .NextArrow{right:15px;} .honors .PrevArrow{left:15px;} .honors h2{font-size: 30px;margin-bottom: 20px;position: relative;padding: 0 0 0 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .honors h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -10px;} @media (max-width: 1440px) { .history .hd li span{font-size:18px;padding:30px 0 0 0;} .history .hd li:after{width: 20px;height: 20px;top:62px; margin-left: -10px;border:4px solid #ddd;} .history .bd{width: 70%;margin:50px auto;} .history .bd p{font-size: 18px;line-height:40px;} } @media (max-width: 991px) { .history{padding:50px 20px;top:0;} .section-title{margin-bottom:20px;} .en .section-title h4{font-size: 1.8rem;} .en .section-title p{font-size: 1.3rem;} .history-ul:after{width: 2px;margin-left: 0;left: 0;} .history-ul li{width:100%;margin-right: 0;text-align: left;padding:10px 0 10px 20px;} .history-ul li:after{width: 12px;height: 12px;border: 3px solid #fdd000;right:unset;top:20px;left: -5px;} .history-ul li:nth-child(2n){padding:10px 0 10px 20px;} .history-ul li:nth-child(2n):after{left: -5px;top:20px;} .history-ul li span{font-size: 2rem;} .history-ul li p{font-size: 1.4rem;line-height: 2.2rem; } .en .history-ul li p{font-size: 1.2rem;line-height:2rem;} .honors{padding:20px 0 0 0;top:0;} .honors ul{padding:0 20px;} .honors ul li{padding:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .honors-ul li{width: 49%;} .honors-ul li:nth-child(2n){margin-right: 0;} .honors-ul li img{width: 100%} .zzzs-ul{padding:0;} .zzzs-ul li{margin:30px 5px;} .zzzs-ul li p{font-size: 1.2rem;line-height:2rem;padding:5px 0;} .zzzs-ul li img{border: none!important;} .honors .NextArrow,.honors .PrevArrow{width: 26px;height: 26px;line-height: 22px;margin-bottom: -13px;} .honors .NextArrow i,.honors .PrevArrow i{font-size:1.4rem;} .honors .NextArrow{right:10px;} .honors .PrevArrow{left:10px;} .honors h2{font-size:1.8rem;margin: 20px 0;padding: 0 0 0 40px;font-weight: 600;} .honors h2:after{width: 12px;height: 12px;border:3px solid #0e6aac;margin-top: -6px;left: 20px;} } @media (max-width: 375px) { .zzzs-ul li p{font-size: 1.1rem;line-height:2rem;} } .about-img{position: relative;top:-80px;background: #fff;padding:80px;align-items: center;} .about-img .img{} .about-img .img img{width: auto;max-width: 100%;} .about-img .info{padding:0;} .about-img .info dl{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ced4da;} .about-img .info dl:last-child{border-bottom: none;} .about-img .info dt{font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #212529;position: relative;padding-left: 25px;;} .en .about-img .info dt{font-size: 16px;font-family: arial, sans-serif;} .about-img .info dt:after{content: '';width: 15px;height: 15px;border: 4px solid #fdd000;border-radius: 50%;position: absolute;left: 0;top:2px;} .about-img .info dd{font-size: 14px;line-height: 26px;;color: #868e96;} .about-img .info dd a{color: #868e96;;} .about-img .info dd a:hover{color: #212529;} .en .about-img .info dd{font-family: arial, sans-serif;font-size: 13px;} .en .about-img .info dd a{color: #868e96;font-family: arial, sans-serif;} @media (max-width: 1440px) { .about-img{padding: 50px;} .about-img .info{} .about-img .img{width: 100%;} .about-img .info dl dt{margin-bottom: 5px;} .about-img .info dt{font-size: 16px;padding-left: 20px;} .en .about-img .info dt{font-size: 14px;} .about-img .info dt:after{width:12px;height:12px;border: 3px solid #fdd000;top:4px;} .about-img .info dl dd{line-height: 22px;padding: 0 0 0 20px} } @media (max-width: 991px) { .about-img{top:0;padding:20px 0;flex-wrap: wrap} .about-img .img{width: 100%;margin: 10px 0;} .about-img .info{padding:0 20px;width: 100%;} .about-img .info dl{width: 100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #eee;} .about-img .info dl:last-child{border-bottom: none;} .about-img .info dt{font-size:1.6rem;padding-left: 20px;} .en .about-img .info dt{font-size: 1.4rem;} .about-img .info dt:after{width: 12px;height: 12px;border: 2px solid #fdd000;top:4px;} .about-img .info dd{font-size: 1.2rem;line-height:1.6rem;padding:0 0 10px 20px;} .en .about-img .info dd{font-size:1.2rem;line-height:1.6rem;padding:0 0 10px 20px;} } @media (max-width: 375px) { .en .about-img .info dt{font-size: 1.2rem;padding-left: 15px} .en .about-img .info dt:after{width: 10px;height: 10px;top:3px;} .en .about-img .info dd{font-size:1.1rem;line-height:1.5rem;padding:0 0 8px 15px} } /*contact*/ .contact{background-color:#e9ecef} .contact .page-nav .page-nav-ul li{width:30%;} ::-webkit-input-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;;} ::-moz-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;;} :-ms-input-placeholder{color:#212529;font-size: 14px;text-transform: uppercase;font-weight: 400;;} .contact-info .form{width: 55%;position: relative;} .contact-info .form label{display: block;width:100%;margin:30px 0;} .contact-info .form label input{font-weight: 400;;border: 1px solid #dee2e6;text-indent: 20px;line-height:50px;height: 50px;width:30%;margin-right: 5%;background-color:rgba(0,0,0,0);color:#212529;font-size: 14px;} .contact-info .form label input:last-child{margin-right: 0;} .contact-info .form label textarea{font-weight: 400;;width: 100%;border: 1px solid #dee2e6;height: 120px;background-color: transparent;outline: none;color:#212529;font-size: 14px;} .contact-info .form label textarea{padding: 20px;} .contact-info .form label button{ border: none;text-transform: uppercase; width: 30%;height: 50px;line-height: 45px;color: #fbf4dc;font-size:18px; font-weight: 500;outline: none; background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d)); background-image:-webkit-linear-gradient(top, #fdd000, #e7670d); background-image:-o-linear-gradient(top, #fdd000, #e7670d); background-image:linear-gradient(top, #fdd000, #e7670d); box-shadow:5px 10px 20px rgba(253,117,4,0.35); -webkit-box-shadow:5px 10px 20px rgba(253,117,4,0.35); -moz-box-shadow:5px 10px 20px rgba(253,117,4,0.35); } .contact-info .form label button i{font-size: 2.2rem;margin-left: 10px;} @media (max-width: 1440px) { .contact .page-nav .page-nav-ul li{width:33.33%!important;} .contact.en .page-nav .page-nav-ul li{width:33.33%!important;} } @media (max-width: 991px) { .contact{background-color:#fff;} .contact .container{padding: 0;} .contact .page-nav .page-nav-ul{padding: 0;} ::-webkit-input-placeholder{font-size: 1.2rem} ::-moz-placeholder{font-size: 1.2rem;} :-ms-input-placeholder{font-size: 1.2rem;} .contact-info .form{width: 100%;padding: 20px;} .contact-info .img{width: 100%;text-align: center} .contact-info .img img{width:80%;} .contact-info .form label{display: block;width:100%;margin:0;} .contact-info .form label input{line-height:40px;height:40px;width:100%;margin-right:0;font-size: 1.4rem;margin-bottom: 2%;border: 1px solid #eee;} .contact-info .form label input:last-child{margin-right: 0;margin-bottom: 2%;} .contact-info .form label textarea{height:100px;font-size: 1.4rem;margin-bottom: 10px;border: 1px solid #eee;padding:10px;} .contact-info .form label button{width: 50%;height: 40px;line-height: 40px;font-size:1.4rem;box-shadow:2px 5px 10px rgba(253,117,4,0.2);-webkit-box-shadow:2px 5px 10px rgba(253,117,4,0.2);-moz-box-shadow:2px 5px 10px rgba(253,117,4,0.2);} .contact-info .form label button i{font-size:1.8rem;} } @media (max-width: 375px) { } /*culture*/ .culture{background-color:#e9ecef} .culture .container{} .culture .page-nav .page-nav-ul li{width: 25%;} .culture-info .img{width: 40%;} .culture-info .img img{width:auto;max-width: 100%;} .vision{width: 60%;flex-wrap: wrap;} .vision li{width: 100%;margin-bottom:10px;padding:25px;border-radius:12px;background-color: #f8f9fa;position: relative;} .vision li i{font-size: 4rem;color: #fdd000;display: block;position: absolute;left: 25px;top:50%;margin-top: -25px;width: 50px;height: 50px;line-height: 50px;text-align: center;} .vision li h4{font-size: 18px;font-weight: 600;margin-bottom:10px;color: #495057;} .en .vision li h4{font-size: 18px;font-family: Arial, "sans-serif";text-transform: uppercase} .vision li p{font-size: 15px;line-height: 25px;color: #868e96;font-weight: 400;;} .en .vision li p{font-family: arial, sans-serif;font-size: 14px;line-height: 22px;} @media (max-width: 1440px) { .en .culture .page-nav .page-nav-ul{width:65%;} .en .culture .page-nav .loc{width: 35%;} .vision li{padding:10px 20px 20px 20px;} .vision li i{font-size: 4rem;} .vision li h4{font-size: 22px;} .en .vision li h4{font-size: 16px;} .vision li p{font-size: 14px;line-height: 25px;} .en .vision li p{font-size: 14px;line-height: 25px;} } @media (max-width: 991px) { .culture{background-color:#fff;} .culture .container{padding: 0;} .en.culture .page-nav ul{flex-wrap: wrap;-webkit-justify-content: flex-start!important;justify-content: flex-start!important;padding:10px;} .en.culture .page-nav ul li{width: 49%!important;margin-bottom: 2%;margin-right: 2%;background-color:#e9ecef!important;} .en.culture .page-nav ul li:nth-child(2n){margin-right: 0;} .en.culture .page-nav ul li a{font-weight:500;} .en.culture .page-nav ul li a:after{display: none;} .en.culture .page-nav ul li a:hover,.en.culture .page-nav ul li a.cur{color:#fff;background-color:#0e6aac;} .culture-info .img{width:100%;} .culture-info .img img{width:auto;max-width: 85%;} .vision{width:100%;padding:20px 10px 0 10px;} .vision li{margin-bottom:2%;padding:20px;border-radius: 8px;} .vision li h4{font-size: 1.4rem;margin-bottom: 10px;} .en .vision li h4{font-size: 1.3rem;font-weight: 400;} .vision li p{font-size: 1.2rem;line-height: 2rem;} .en .vision li p{font-size: 1.2rem;line-height:1.8rem;} } .cul-jzg{width: 100%;flex-wrap: wrap;padding: 50px 0 0 0;} .en .cul-jzg{padding: 0;} .cul-jzg li{width: 47.5%;padding:0 50px;margin-bottom:5%;margin-right: 5%;border-radius: 20px;} .en .cul-jzg li{border: 1px solid #ddd;padding: 30px;width: 49%;margin-right: 2%;margin-bottom: 2%;border-radius: 12px;} .cul-jzg li:nth-child(2n){margin-right: 0;} .cul-jzg li:nth-child(3),.cul-jzg li:nth-child(4){margin-bottom: 0;} .cul-jzg li h4{font-size: 20px;font-weight: 600;color: #495057;position: relative;margin: 0 auto;background-color: #fff;top:-80px;width: 160px;height: 160px;line-height:160px;border-radius: 50%;text-align: center;} .en .cul-jzg li h4{font-size: 18px;line-height: 30px;width:auto;height: auto;top:0;text-transform: uppercase;font-family: arial, sans-serif;margin-bottom: 20px;} .cul-jzg li h4:before{content: '';width: 160px;height: 160px;border-radius: 50%;z-index:1;border:12px solid #fdd000;position: absolute;left:50%;top:50%;margin-left: -80px;margin-top: -80px;} .cul-jzg li h4:after{content: '';width: 50px;height: 50px;background-color: #fff;position: absolute;right:10px;bottom:10px;border-radius: 50%;z-index: 2} .en .cul-jzg li h4:before{display: none} .en .cul-jzg li h4:after{display: none} .cul-jzg li p{font-size: 18px;line-height: 36px;color:#495057;font-weight: 400;text-align: center;position: relative;top:-60px;;} .en .cul-jzg li p{font-family: arial, sans-serif;font-size: 14px;line-height: 26px;top:0;} @media (max-width: 1440px) { .cul-jzg{padding: 30px 0 0 0;} .cul-jzg li{padding:0 20px;} .cul-jzg li h4{font-size:18px;background-color: #fff;top:-60px;width: 120px;height: 120px;line-height:120px;} .cul-jzg li h4:before{width: 110px;height: 110px;border:10px solid #fdd000;margin-left: -55px;margin-top: -55px;} .cul-jzg li h4:after{width: 30px;height: 30px;} .cul-jzg li p{font-size: 14px;line-height: 25px;top:-40px;} } @media (max-width: 991px) { .cul-jzg{padding:30px 10px 30px 10px;} .en .cul-jzg{padding:20px 10px;} .cul-jzg li{width:100%;padding:0;margin-bottom:10%;margin-right:0;border-radius: 8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; align-items: center; } .en .cul-jzg li{width: 100%;margin-right: 0;margin-bottom:3%;border-radius: 8px;padding: 0;flex-wrap: wrap;border: none;border-bottom: 1px dashed #ddd;padding-bottom: 10px;} .cul-jzg li:nth-child(3),.cul-jzg li:nth-child(4){margin-bottom:10%;} .en .cul-jzg li:nth-child(3),.en .cul-jzg li:nth-child(4){margin-bottom:3%;} .cul-jzg li h4{font-size: 1.4rem;;top:0;width: 90px;height: 90px;line-height:90px;} .en .cul-jzg li h4{font-size: 1.4rem;line-height: 2.2rem;margin-bottom: 10px;width: 100%;text-align: left;padding:0 10px;} .cul-jzg li h4:before{width: 90px;height: 90px;border:6px solid #fdd000;margin-left: -45px;margin-top: -45px;} .cul-jzg li h4:after{width: 30px;height: 30px;right:0;bottom:0;} .cul-jzg li p{font-size: 1.2rem;line-height: 2rem;top:0;padding:0 0 0 10px;width: 70%;text-align: left;} .en .cul-jzg li p{font-size: 1.2rem;line-height: 1.8rem;width: 100%;} } .brand{align-items: center;} .brand .img{width:35%;margin-right: 5%} .brand .img img{border: solid #f8f9fa 20px;border-radius: 50%;} .brand .info{width:60%;font-size: 25px;line-height: 60px;color: #495057;font-weight: 500;} .en .brand .info{font-family: arial, sans-serif;font-size: 22px;line-height: 45px;} @media (max-width: 1440px) { .brand .img{width:25%;} .brand .img img{border: solid #f8f9fa 10px;width: 100%;} .brand .info{width:70%;font-size: 20px;line-height: 50px;} .en .brand .info{font-size: 18px;line-height: 36px;} } @media (max-width: 991px) { .brand{flex-wrap: wrap;padding: 30px 20px;} .brand .img{width:60%;margin: 20px auto;} .brand .img img{border: solid 6px #fdd000;} .brand .info{width:100%;font-size: 1.4rem;line-height:2.5rem;} .en .brand .info{font-size: 1.4rem;line-height: 2.2rem;} } @media (max-width: 768px) { .brand .info{font-size: 1.2rem;line-height:2.2rem;} .en .brand .info{font-size: 1.2rem;line-height: 2.2rem;} } .team-ul{flex-wrap: wrap;} .team-ul li{ width: 31.33%;margin-right: 3%;margin-bottom: 3%;padding:20px; border: 1px solid #f1f3f5; box-shadow:5px 10px 20px rgba(0,0,0,0.05); -webkit-box-shadow:5px 10px 20px rgba(0,0,0,0.05); -moz-box-shadow:5px 10px 20px rgba(0,0,0,0.05); } .team-ul li:nth-child(3n){margin-right: 0;} .team-ul li img{width: 100%;} .team-ul li span{display:block;width: 100%;font-size: 18px;font-weight: 400;color: #495057;text-align: center;background-color: #fff;padding: 10px;} @media (max-width: 1440px) { .team-ul li{padding:12px;} .team-ul li span{padding: 10px 0 0 0;font-size: 15px;} } @media (max-width: 991px) { .team-ul{padding:20px 10px 0 10px;} .team-ul li{width:48.5%;margin-right:3%;margin-bottom:3%;padding:10px;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .team-ul li:nth-child(2n){margin-right: 0;} .team-ul li:nth-child(3){margin-right: 3%;} .team-ul li span{font-size: 1.3rem;padding:5px 0 0 0;} } @media (max-width: 767px) { .team-ul li{padding:5px;} .team-ul li span{font-size: 1.2rem;} } /*job*/ .job{background-color:#e9ecef} .job .container{} .job .page-nav .page-nav-ul li{width:30%;} .job-info .img{width: 40%;text-align: right} .job-info .img img{width:auto;max-width: 100%;} .job-info .info{width: 60%;} .job-info .info h4{font-size: 30px;color: #0e6aac;font-weight: 500;border-bottom: 1px solid #eee;padding-left:30px;padding-bottom: 20px;margin-bottom: 10px;position: relative;} .job-info.en .info h4{font-size: 25px;font-weight: 600;font-family: arial, sans-serif;text-transform: uppercase;} .job-info .info h4:after{content: '';width: 20px;height: 20px;border: 5px solid #fdd000;border-radius: 50%;position: absolute;left: 0;top:8px;} .job-info.en .info h4:after{top:3px;} .job-info .info .txt{padding: 20px 0;margin-bottom:20px;} .job-info .info .txt h5{font-size: 18px;color: #495057;margin-bottom: 10px;font-weight: 600;} .job-info .info .txt p{font-size: 16px;line-height: 32px;color:#495057;margin-bottom: 10px;;} .job-info.en .info .txt h5{font-size: 18px;font-family: arial, sans-serif} .job-info.en .info .txt p{font-size: 14px;line-height: 25px;font-family: arial, sans-serif;} @media (max-width: 1440px) { .job-info .info h4{font-size: 26px;} .job-info.en .info h4{font-size: 22px;} .job-info .info h4:after{content: '';width: 15px;height: 15px;border: 3px solid #fdd000;top:8px;} .job-info .info .txt{padding: 10px 0;margin-bottom:10px;} .job-info .info .txt h5{font-size: 16px;} .job-info .info .txt p{font-size: 14px;} } @media (max-width: 991px) { .job{background-color:#fff} .job .container{padding: 0;} .job .page-nav .page-nav-ul li{width:50%;} .job-info .img{width: 100%;text-align: center;margin-bottom: 30px;} .job-info .img img{width:65%} .job-info .info{width: 100%;padding:40px 20px 20px 20px;} .job-info .info h4{font-size: 1.6rem;padding-left:20px;padding-bottom:10px;} .job-info.en .info h4{font-size: 1.6rem;} .job-info .info h4:after{width: 12px;height:12px;border: 2px solid #fdd000;top:4px;} .job-info.en .info h4:after{top:2px;} .job-info .info .txt{padding:10px 0;margin-bottom:10px;} .job-info .info .txt h5{font-size:1.4rem;} .job-info .info .txt p{font-size: 1.2rem;line-height: 2rem;} .job-info.en .info .txt h5{font-size: 1.4rem} .job-info.en .info .txt p{font-size: 1.2rem;line-height: 2rem;} } .job-info .tabs-container{width:80%;border-left: 1px solid #ddd;padding:30px 0 0 30px;} .job-info .tabs-container .tab-content{} .job-info .tab-content h6{font-size: 22px;font-weight:600;color:#495057;position: relative;padding: 0 0 0 30px;margin-bottom: 10px;} .job.en .job-info .tab-content h6{font-size:20px;font-family: arial, sans-serif;text-transform: uppercase} .job-info .tab-content h6:after{ content: ''; position: absolute;left: 0;top:5px; width: 15px;height:15px;border-radius: 50%;border: 3px solid #fdd000; } .job.en .job-info .tab-content h6:after{top:3px;} .job-info .tab-content ul{padding: 10px 0 30px 30px;} .job-info .tab-content ul li{line-height: 30px;font-size: 16px;color: #868e96;;} .job.en .job-info .tab-content ul li{font-size: 14px;font-family:arial, sans-serif;} .job-info .tab-content a{ margin: 0 0 0 auto; display: block; width: 150px; height: 40px; border-radius: 30px; font-size: 16px;color: #fbf4dc; text-align: center; line-height: 38px; position: relative; background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d)); background-image:-webkit-linear-gradient(top, #fdd000, #e7670d); background-image:-o-linear-gradient(top, #fdd000, #e7670d); background-image:linear-gradient(top, #fdd000, #e7670d); box-shadow:5px 10px 20px rgba(253,117,4,0.35); -webkit-box-shadow:5px 10px 20px rgba(253,117,4,0.35); -moz-box-shadow:5px 10px 20px rgba(253,117,4,0.35); } .job-info .tab-content a i{display: none} .job.en .job-info .tab-content a{font-family: arial, sans-serif;font-size: 14px;text-transform: uppercase} @media (max-width: 1440px) { .en .job-info .tabs-container{width:76%;} .job-info .tab-content h6{font-size: 18px;padding: 0 0 0 20px;} .job-info .tab-content h6:after{top:4px;} .job-info .tab-content ul li{line-height: 25px;font-size: 14px;} .job-info .tab-content a{width: 140px;font-size: 14px;} } @media (max-width: 991px) { .job-info .tabs-container{width:100%;border-left:none;padding:30px 0 30px 0;} .en .job-info .tabs-container{width:100%;padding: 20px;} .job-info .tab-content{padding: 10px;} .job-info .tab-content h6{font-size: 1.4rem;padding: 0 0 0 20px;margin-bottom:0;} .job.en .job-info .tab-content h6{font-size:1.4rem;} .job-info .tab-content h6:after{top:2px;width: 12px;height:12px;border:2px solid #fdd000;} .job.en .job-info .tab-content h6:after{top:1px;} .job-info .tab-content ul{padding:20px 0;} .job-info .tab-content ul li{line-height:2rem;font-size: 1.3rem;} .job.en .job-info .tab-content ul li{font-size:1.2rem;} .job-info .tab-content a{font-family: "DINPro-Bold";margin:0 auto 20px auto;width:100px;height: 32px;font-size: 1.2rem;line-height: 30px;box-shadow:1px 5px 10px rgba(253,117,4,0.25);-webkit-box-shadow:1px 5px 10px rgba(253,117,4,0.25);-moz-box-shadow:1px 5px 10px rgba(253,117,4,0.25);} .job.en .job-info .tab-content a{font-size: 1.2rem;} } @media (max-width: 375px) { .job-info .tab-content a{font-size: 1.1rem;} .job.en .job-info .tab-content a{font-size: 1.1rem;} } .tabs{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; } .tabs-list {width:20%; display: block} .tabs-list li {display: block;} .tabs-list li a { display:block; line-height:36px; padding:10px 30px; color:#495057; text-decoration:none; border-bottom: 1px solid #dee2e6; font-size:18px;font-weight: 500; transition:all 0.4s ease 0s; } .en .tabs-list li a{font-family: arial, sans-serif;font-size: 16px;font-weight: 600;} .tabs-list li a:hover { background-color:#d9d9d9; } .tabs-list li.active a { background-color:#0e6aac; color:#fff;} @media (max-width: 1440px) { .en .tabs-list {width:26%;} .tabs-list li a {line-height:30px;font-size:16px;} .en .tabs-list li a{font-size: 14px;} } @media (max-width: 992px) { .tabs-list li a {font-size:1.6rem;} .en .tabs-list li a{font-size: 1.4rem;} } @media only screen and ( max-width:768px ){ .tabs-list li a {font-size:1.6rem;font-weight: 700;} .en .tabs-list li a{font-size: 1.4rem;} } /*advantage*/ .advantage{background-color:#e9ecef} .advantage .container{} .advantage .page-nav .page-nav-ul li{width: 25%;} .advantage.en .page-nav .page-nav-ul li{width:30%;} .advantage-info .tabs-list{} .en .advantage-info .tabs-list{width:25%;} .advantage-info .tabs-list li a { line-height:36px;position: relative; padding:18px 18px 18px 40px; color:#495057;background-color:#e9ecef; border-bottom: 1px solid rgba(255,255,255,0.8); font-size:18px;font-weight: 500; } .en .advantage-info .tabs-list li a{font-size: 14px;font-family: "DINPro-Bold";line-height: 22px;} .advantage-info .tabs-list li a:after{content: '';width:10px;height: 10px;border-radius: 50%;background-color:#fff;position: absolute;left:20px;top:50%;margin-top: -5px; } .advantage-info .tabs-list li a:hover,.advantage-info .tabs-list li.active a { background-color:#0e6aac; color:#fff;} .advantage-info .tabs-container{width:80%;padding:0 0 0 60px;} .en .advantage-info .tabs-container{width: 75%;padding:0 0 0 30px;} .advantage-info h2{font-size: 30px;font-weight: 600;color:#0e6aac;margin-bottom: 15px;border-bottom: 1px solid #eee;padding: 0 0 15px 30px;position:relative; } .en .advantage-info h2{font-size: 30px;text-transform: uppercase;font-family: Arial, "sans-serif"} .advantage-info h2:after{content: '';width: 20px;height: 20px;border: 5px solid #0e6aac;border-radius: 50%;position: absolute;left: 0;top:8px;} @media (max-width: 1440px) { .en .advantage-info .tabs-list{width:30%;} .advantage-info .tabs-list li a {line-height:32px;padding:15px 15px 15px 40px;font-size:16px;} .en .advantage-info .tabs-container{width:70%;} } @media (max-width: 991px) { .advantage{background-color:#fff;} .advantage .advantage-info{margin:30px 0;} .advantage .page-nav .page-nav-ul li{width:50%;} .advantage.en .page-nav .page-nav-ul li{width:50%;} .advantage-info .tabs-list{width:100%;} .en .advantage-info .tabs-list{width:100%;} .advantage-info .tabs-container{width:100%;padding:0;} .en .advantage-info .tabs-container{width:100%;padding:0;} .advantage-info h2{font-size: 2.2rem;padding: 0 0 10px 20px;} .advantage-info h2:after{width:12px;height:12px;border:3px solid #0e6aac;top:7px;} .en .advantage-info h2{font-size:1.8rem;} .en .advantage-info h2:after{top:3px;} } .advantage-ul{flex-wrap: wrap;} .advantage-ul li{width: 32%;margin-right: 2%;margin-top:2%;text-align: center;padding: 20px;position: relative; border: 1px solid #e9ecef; box-shadow: 5px 6px 1px rgba(0,0,0,0.03); -webkit-box-shadow:5px 6px 1px rgba(0,0,0,0.03); -moz-box-shadow:5px 6px 1px rgba(0,0,0,0.03); } .advantage-ul li:nth-child(3n){margin-right: 0;} .advantage-ul li i{display: block;font-size: 5rem;color:#e7670d;margin-bottom:30px;} .advantage-ul li span{position: absolute;left:10px;top:10px;color: #f1f3f5;font-size:90px;font-family: "DINPro-Bold"} .advantage-ul li b{display: block;font-size: 22px;font-weight: 500;color:#495057 } .en .advantage-ul li{width: 49%;text-align: left;} .en .advantage-ul li:nth-child(2n){margin-right: 0;} .en .advantage-ul li:nth-child(3){margin-right: 2%;} .en .advantage-ul li i{font-size:4rem;margin-bottom:5px;} .en .advantage-ul li span{right:15px;top:15px;font-size:60px;left: unset;} .en .advantage-ul li b{font-size: 17px;font-family: "DINPro-Bold";color: #495057;text-transform: uppercase;} @media (max-width: 1440px) { .en .advantage-ul li b{font-size: 14px;} } @media (max-width: 991px) { .advantage-ul{flex-wrap: wrap;} .advantage-ul li{width: 32%;margin-right: 2%;margin-top:2%;text-align: center;padding: 20px;position: relative; border: 1px solid #e9ecef; box-shadow: 5px 6px 1px rgba(0,0,0,0.03); -webkit-box-shadow:5px 6px 1px rgba(0,0,0,0.03); -moz-box-shadow:5px 6px 1px rgba(0,0,0,0.03); } .advantage-ul li:nth-child(3n){margin-right: 0;} .advantage-ul li i{display: block;font-size: 5rem;color:#e7670d;margin-bottom:30px;} .advantage-ul li span{position: absolute;left:10px;top:10px;color: #f1f3f5;font-size:90px;font-family: "DINPro-Bold"} .advantage-ul li b{display: block;font-size: 22px;font-weight: 500;color:#495057 } .en .advantage-ul li{width: 49%;text-align: left;} .en .advantage-ul li:nth-child(2n){margin-right: 0;} .en .advantage-ul li:nth-child(3){margin-right: 2%;} .en .advantage-ul li i{font-size:4rem;margin-bottom:5px;} .en .advantage-ul li span{right:15px;top:15px;font-size:60px;left: unset;} .en .advantage-ul li b{font-size: 17px;font-family: "DINPro-Bold";color: #495057;text-transform: uppercase;} } .img-ul{align-items: center;margin-bottom: 30px;} .ys-info p{line-height: 32px;font-size: 16px;color: #495057;;margin-bottom: 20px;} .en .ys-info p{line-height: 25px;font-size: 14px;font-family: arial, sans-serif;} .ys-info p span{color:#0e6aac;font-weight:600;font-size: 22px;display: block;padding: 20px 0 0 0;} .en .ys-info p span{font-size: 18px;font-family: arial, sans-serif;} .ys-info p b{} .ys-info h5{font-size: 20px;font-weight: 500;color: #495057;margin-bottom: 10px;padding-bottom: 10px;} .en .ys-info h5{font-family: arial, sans-serif;font-size: 18px;font-weight: 600;} .ys-info h6{font-size: 18px;font-weight: 500;color:#495057;margin-bottom: 10px;} .en .ys-info h6{font-family: arial, sans-serif;font-size: 16px;font-weight: 600;} .ys-ul{margin: 20px 0;} .ys-ul li{font-size: 16px;;color: #495057;margin-bottom: 10px;position: relative;padding-left:25px; } .en .ys-ul li{font-family: arial, sans-serif;font-size: 14px;} .ys-ul li:after{ content: ''; position: absolute;left: 0;top:5px; width: 12px;height:12px;border-radius: 50%;border: 3px solid #fdd000; } .ys-ul li:last-child{margin-bottom: 0;} .ys-ul-list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; flex-wrap: wrap; } .ys-ul-list li{width:100%;margin-bottom:5%;font-size: 18px;font-weight: 500;color:#495057;position: relative;text-indent: 20px;} .en .ys-ul-list li{font-family: arial, sans-serif;font-size: 16px;width: 100%;font-weight: 600;} .ys-ul-list li:after{ content: ''; position: absolute;left: 0;top:5px; width: 12px;height:12px;border-radius: 50%;border: 3px solid #fdd000; } .ys-img{text-align: center;} .ys-img img{width: auto;max-width: 100%;} .ys-ul-img .ys-ul{width: 50%;} .ys-img-list{ width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; } .ys-img-list img{margin-right: 2%;padding: 0 20px;width: 49%;height: auto;} .ys-img-list img:last-child{margin-right: 0;} .ys-img-div{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; flex-wrap: wrap; padding: 30px 0; } .ys-img-div img{margin-right: 2%;width: 49%; } .ys-img-div img:last-child{margin-right: 0;} .ys-img-div p{width: 100%;} .ys-info .img{width: 100%;text-align: center;} .ys-info .img img{width: auto;max-width: 100%;} .adv-flex{} .adv-flex .adv-imgs-div{width:85%;} .adv-flex .adv-imgs-div img{width: 100%;} .adv-flex .adv-imgs-div p{font-size: 18px;color: #495057;text-align: center;line-height:30px;font-family: "DINPro-Bold";font-weight: 600;} .adv-flex .ys-ul-imgs{width:15%;padding: 30px 0;} .adv-flex .ys-ul-imgs li{margin-right: 0;width: 100%;} .adv-flex .ys-ul-imgs li img{width: 100%;border-radius: 50%;} .adv-flex .ys-ul-imgs li p{text-align: center;font-size:16px;color: #495057;line-height:30px;font-family: "DINPro-Bold";padding: 10px 0;} @media (max-width: 1440px) { .ys-img-list img{height: auto!important;width: 49%;margin-right: 2%;} .ys-img-list img:last-child{margin-right: 0;} .ys-ul-list{padding: 0 0 0 30px;} } @media (max-width: 992px) { .ys-info{padding: 10px 0;} .img-ul{margin-bottom:10px;} .ys-ul-list{padding: 0 0 0 20px;} .ys-ul-list li{margin-bottom:2%;font-size: 1.3rem;text-indent:18px;} .en .ys-ul-list li{font-size: 1.3rem;} .ys-ul-list li:after{top:4px;border: 2px solid #fdd000;width: 10px;height: 10px;} .ys-info p{line-height: 2.3rem;font-size:1.3rem;margin-bottom:15px;} .en .ys-info p{line-height: 2rem;font-size: 1.2rem;} .ys-info p span{font-size:1.5rem;padding: 10px 0 0 0;} .en .ys-info p span{font-size: 1.6rem;} .ys-info h5{font-size: 1.4rem;} .en .ys-info h5{font-size: 1.4rem;} .ys-info h6{font-size: 1.4rem;font-weight: 600;} .en .ys-info h6{font-size: 1.3rem;} .ys-ul{margin:15px 0;} .ys-ul li{font-size: 1.3rem;padding-left:20px; } .en .ys-ul li{font-size: 1.2rem} .ys-ul li:after{top:4px;border: 2px solid #fdd000;width: 10px;height: 10px;} .ys-ul li:last-child{margin-bottom: 0;} .ys-ul-img .ys-ul{width: 100%;} .ys-img{text-align: center;} .ys-img img{width: auto;max-width: 100%;} .ys-ul-img{flex-wrap: wrap;} .ys-ul-img .ys-ul{width: 100%;} .ys-img-list{width: 100%;} .ys-img-list img{max-height: 130px;} .ys-img-div{padding:10px 0;} .ys-img-div img{width: 100%;display: block;height:250px;max-height: 300px;margin-bottom: 10px;} .adv-flex{flex-wrap: wrap} .adv-flex .adv-imgs-div{width:100%;} .adv-flex .adv-imgs-div img{width: 100%;height: auto!important;} .adv-flex .adv-imgs-div p{font-size: 1.4rem;line-height:2.2rem;} .adv-flex .ys-ul-imgs{width:100%;padding: 20px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; } .adv-flex .ys-ul-imgs li{margin-right:5%;width: 47.5%;} .adv-flex .ys-ul-imgs li:last-child{margin-right: 0;} .adv-flex .ys-ul-imgs li p{font-size:1.4rem;line-height:2.2rem;padding:10px 0;} } .culture .swiper-container{padding:0 0 50px 0;margin: 0 auto;} .culture .swiper-wrapper{width: 1200px;margin: 0 auto;} .culture .swiper-slide {width:700px;transition-timing-function:linear;} @media only screen and (max-width:1200px){ .culture .swiper-slide {width:600px;} } @media only screen and (max-width:992px){ .culture .swiper-container{width: 100%;} .culture .swiper-wrapper{width: 100%;} .culture .swiper-slide {width:300px;} } .culture .swiper-slide img{ width:100%;border-radius: 6px;} .culture .swiper-button-next, .swiper-button-prev{ width:80px; height:100px; background-size:86px 112px; margin-top:-40px; outline:none; font-size: 0; color: transparent; } @media only screen and (max-width:992px){ .culture .swiper-button-next, .swiper-button-prev{ width:40px; height:50px; background-size:43px 56px; margin-top:-20px; } } .culture .swiper-button-next{background-image: url(../images/next.svg)} .culture .swiper-button-prev{background-image: url(../images/prev.svg)} .culture .swiper-pagination-bullet{ background:none; opacity:1; margin:0 6px !important; width:9px; height:9px; position:relative; outline:none; vertical-align:middle;} .culture .swiper-pagination-bullet span{ width:3px; height:3px; background:#CCC; display:block; border-radius:50%; margin-top:3px; margin-left:3px; } .culture .swiper-pagination-bullet i{ background:#cc1d1c; height:1px; width:20px; position:absolute; top:4px; transform:scaleX(0); transform-origin:left; z-index:3; transition-timing-function:linear; } .culture .swiper-pagination-bullet-active span,.culture .swiper-pagination-bullet:hover span{ width:9px; height:9px; margin-top:0; margin-left:0; background:#cc1d1c; position:relative; z-index:1; } .culture .swiper-pagination-bullet-active i{ animation:middle 6s;} .culture .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;} .culture .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;} @keyframes first{ 0% {transform:scaleX(0.5);left:0px;}/*091*/ 100% {transform:scaleX(1);left:2px;} /*0915*/ } @keyframes last{ 0% {transform:scaleX(0.7);left:-10px;}/*1090*/ 20% {transform:scaleX(0.3);left:2px;} /*090*/ 100% {transform:scaleX(0.3);left:0px;} /*090*/ } @keyframes middle{ 0% {transform:scaleX(0.7);left:-10px;}/*1091*/ 20% {transform:scaleX(0.45);left:2px;}/*092*/ 100% {transform:scaleX(1);left:2px;} /*0913*/ } .about-sb{padding:0;background-color: #fff;position: relative;top:-60px;padding: 50px;} .about-sb .swiper-container{padding:0 0 50px 0;margin: 0 auto;} .about-sb .swiper-wrapper{width: 1200px;margin: 0 auto;} .about-sb .swiper-slide {width:700px;transition-timing-function:linear;} @media only screen and (max-width:1200px){ .about-sb .swiper-slide {width:600px;} } @media only screen and (max-width:992px){ .about{padding:0;background-color: #e9ecef;} .about .about-info{padding:30px 0;} .about .about-info p{font-size:1.4rem;line-height:2.8rem;margin-bottom:20px;} .about.en .about-info p{font-size:1.3rem;line-height: 2.6rem;} .about .info-ul{padding: 30px 0 0 0;flex-wrap: wrap;} .about .info-ul li{width:50%;border-right: none;margin-bottom:5%;} .about .info-ul li h6 span{font-size:4rem;line-height:4rem} .about .info-ul li h6 em{font-size: 2.5rem;} .about .info-ul li p{font-size: 1.2rem;line-height: 2rem;} .about.en .info-ul li p{;font-size:1.2rem;line-height:3rem;} .about-sb{padding:20px 0;background-color: #fff;margin-bottom: 10px;} .about-sb .swiper-container{width: 100%;} .about-sb .swiper-wrapper{width: 100%;} .about-sb .swiper-slide {width:300px;} } .about-sb .swiper-slide img{ width:100%;border-radius: 6px;} .about-sb .swiper-button-next, .swiper-button-prev{ width:80px; height:100px; background-size:86px 112px; margin-top:-40px; outline:none; font-size: 0; color: transparent; } @media only screen and (max-width:992px){ .about-sb .swiper-button-next, .swiper-button-prev{ width:40px; height:50px; background-size:43px 56px; margin-top:-20px; } } .about-sb .swiper-button-next{background-image: url(../images/next.svg)} .about-sb .swiper-button-prev{background-image: url(../images/prev.svg)} .about-sb .swiper-pagination-bullet{ background:none; opacity:1; margin:0 6px !important; width:9px; height:9px; position:relative; outline:none; vertical-align:middle;} .about-sb .swiper-pagination-bullet span{ width:3px; height:3px; background:#CCC; display:block; border-radius:50%; margin-top:3px; margin-left:3px; } .about-sb .swiper-pagination-bullet i{ background:#cc1d1c; height:1px; width:20px; position:absolute; top:4px; transform:scaleX(0); transform-origin:left; z-index:3; transition-timing-function:linear; } .about-sb .swiper-pagination-bullet-active span,.about-sb .swiper-pagination-bullet:hover span{ width:9px; height:9px; margin-top:0; margin-left:0; background:#cc1d1c; position:relative; z-index:1; } .about-sb .swiper-pagination-bullet-active i{ animation:middle 6s;} .about-sb .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 6s;} .about-sb .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 6s;} @keyframes first{ 0% {transform:scaleX(0.5);left:0px;}/*091*/ 100% {transform:scaleX(1);left:2px;} /*0915*/ } @keyframes last{ 0% {transform:scaleX(0.7);left:-10px;}/*1090*/ 20% {transform:scaleX(0.3);left:2px;} /*090*/ 100% {transform:scaleX(0.3);left:0px;} /*090*/ } @keyframes middle{ 0% {transform:scaleX(0.7);left:-10px;}/*1091*/ 20% {transform:scaleX(0.45);left:2px;}/*092*/ 100% {transform:scaleX(1);left:2px;} /*0913*/ } /*pro-ul*/ .pro-ul{flex-wrap: wrap;width: 100%;margin-bottom: 50px;} .pro-ul li{ width: 48.75%; height:auto; margin-right: 2.5%; margin-bottom: 2.5%; background-color: #fff; overflow: hidden; position: relative; padding:20px!important; border: 1px solid #e9ecef; box-shadow: 5px 6px 1px rgba(0,0,0,0.03); -webkit-box-shadow:5px 6px 1px rgba(0,0,0,0.03); -moz-box-shadow:5px 6px 1px rgba(0,0,0,0.03); } .pro-ul li:nth-child(2n){margin-right: 0;} .pro-ul li:nth-child(3){margin-bottom: 0;} .pro-ul li:nth-child(4){margin-bottom: 0;} .pro-ul li:hover{ box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.06); } .pro-ul li a{align-items: center;} .pro-ul li a .img{width: 100%;height: 100%;position: absolute;right: -40%;bottom: 20%;z-index: 1} .en .pro-ul li a .img{bottom: 10%;} .pro-ul li a .img img{ width:80%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.3; filter:alpha(opacity=30); } .pro-ul li a:hover .img img{ opacity:0.7; filter:alpha(opacity=70); width:85%; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .pro-ul li a .info{padding: 30px;position: relative;z-index: 3;} .en .pro-ul li a .info{padding: 50px 30px;} .pro-ul li a .info h5{font-size: 30px;color:#495057;margin-bottom: 30px;font-family: arial, sans-serif;font-weight: 600;padding: 0!important;} .pro-ul li a .info h6{font-weight: 500;font-size: 22px;color: #495057;margin-top: 50px;padding:0!important;} .pro-ul li a .info p{font-family: "DINPro-Bold";font-size: 40px;color: rgba(0,0,0,0.2);margin-bottom: 50px;letter-spacing: -1px;} .pro-ul li a .info b{font-family: arial, sans-serif;font-weight: 500;font-size: 14px;line-height: 25px;color: #868e96;display: block;margin-bottom: 30px;} .pro-ul li a .info span{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; font-size: 13px; font-family:"DINPro-Regular"; text-transform: uppercase; border: 1px solid #ced4da;color: #adb5bd;} .en .pro-ul li a .info span{width: 150px;font-family: arial, sans-serif;font-size: 13px;} .pro-ul li a:hover .info h6{margin-top: 80px;} .pro-ul li a:hover .info p{color:#495057;margin-bottom: 30px;} .pro-ul li a:hover .info span{ background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d)); background-image:-webkit-linear-gradient(top, #fdd000, #e7670d); background-image:-o-linear-gradient(top, #fdd000, #e7670d); background-image:linear-gradient(top, #fdd000, #e7670d); box-shadow:0 10px 20px rgba(253,117,4,0.3); -webkit-box-shadow:0 10px 20px rgba(253,117,4,0.3); -moz-box-shadow:0 10px 20px rgba(253,117,4,0.3); -webkit-animation: fadeOutInUp 1s both; animation: fadeOutInUp 1s both; color: #fff;border: none; } @media (max-width: 1440px) { .en .pro-ul li{padding:10px;} .pro-ul li a .info h5{font-size: 22px;margin-bottom: 20px;} .pro-ul li a .info h6{font-size: 18px;margin-bottom: 10px;} .pro-ul li a .info p{font-size: 32px;} .pro-ul li a .info b{font-size: 12px;line-height: 22px;margin-bottom: 20px;} .pro-ul li a .info span{width: 120px;height: 35px;line-height: 32px;} } @media (max-width: 992px) { .pro-ul{padding: 20px 10px;margin-bottom: 20px;} .pro-ul li{width: 100%;margin-right:0;margin-bottom:5%;padding:30px 20px;box-shadow: 3px 4px 1px rgba(0,0,0,0.03);-webkit-box-shadow:3px 4px 1px rgba(0,0,0,0.03);-moz-box-shadow:3px 4px 1px rgba(0,0,0,0.03);} .en .pro-ul li{padding:40px 20px;} .pro-ul li:nth-child(3){margin-bottom:5%;} .pro-ul li:nth-child(4){margin-bottom:5%;} .pro-ul li a .img img{width:80%;opacity:0.5;filter:alpha(opacity=50);} .pro-ul li a .info{padding:0;} .pro-ul li a .info h5{font-size:2rem;margin-bottom:20px;} .pro-ul li a .info h6{font-size:1.6rem;margin-top: 0;} .pro-ul li a .info p{font-size: 2.2rem;margin-bottom:20px;color: rgba(0,0,0,0.4);} .pro-ul li a .info b{font-size: 1.4rem;line-height: 2.2rem;margin-bottom:10px;} .pro-ul li a .info span{ width: 100px; height: 30px; line-height: 28px; font-size: 1rem; font-family: "DINPro-Bold"; background-image:-webkit-gradient(linear,0% 100%,0% 100%, from(#fdd000), to(#e7670d)); background-image:-webkit-linear-gradient(top, #fdd000, #e7670d); background-image:-o-linear-gradient(top, #fdd000, #e7670d); background-image:linear-gradient(top, #fdd000, #e7670d); box-shadow:0 5px 10px rgba(253,117,4,0.25); -webkit-box-shadow:0 5px 10px rgba(253,117,4,0.25); -moz-box-shadow:0 5px 10px rgba(253,117,4,0.25); color: #fff; border: none;} .en .pro-ul li a .info span{line-height: 30px;height: 28px;font-size: 1rem;} .pro-ul li a:hover .info h6{margin-top:0;} .pro-ul li a:hover .info p{margin-bottom:20px;} } @media (max-width: 375px) { .pro-ul li a .info h5{font-size:1.6rem;margin-bottom:20px;} } .ad-warp{position: relative;top:-80px;} .ad-content{padding: 50px;background-color: #fff;} .ad-id{padding: 30px 0 0 0;} .ad-id:first-child{padding: 0;} .ad-content:last-child{margin-bottom: 0;} .ad-content h2{font-family: Arial;font-size: 30px;margin-bottom:30px;border-bottom: 1px dashed #ddd;position: relative;padding: 0 0 30px 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .ad-content h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:8px} .ad-ul{flex-wrap: wrap;position: relative;top:-80px;padding: 50px;background-color: #fff;} .ad-ul li{width: 100%;background-color:#f1f3f5;padding:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;align-items:center;} .ad-ul li .img{width: 30%;} .ad-ul li .img img{width: 100%;border-bottom-left-radius:20px;border-top-right-radius:20px;} .ad-ul li .info{width: 65%;margin-left: 5%} .ad-ul li .info h4{font-size: 30px;font-weight:600;color: #495057;margin-bottom:20px;font-family: Arial} .ad-ul li .info p{color: #868e96;font-size: 22px;line-height: 40px;font-family:Arial, "Microsoft Yahei";margin-bottom: 20px;} .ad-ul li .info a{display: block;font-size: 22px;line-height: 50px;color:#495057;position: relative;font-weight: 600;font-family: Arial} .en .ad-ul li .info p{font-size: 15px;line-height: 30px;} .ad-ul li .info a i{font-size:1.4rem;position: relative;top:-1px;} .ad-ul li .info a:hover{color: #0e6aac;} .ad-ul li:nth-child(2n){margin-right: 0;background-color: #fff} @media (max-width: 1440px) { .ad-ul li{padding:40px;} .ad-ul li .info{padding-left:20px;} .ad-ul li .info h4{font-size: 22px;} .ad-ul li .info p{font-size: 16px;line-height:30px;} .ad-ul li .info a{display: block;font-size: 18px;width:90px;} .en .ad-ul li .info a{width:120px;} .en .ad-ul li .info p{font-size: 14px;line-height: 20px;} } @media (max-width: 992px) { .ad-warp{top:0;} .ad-content{padding:0;} .ad-id{padding:20px 0 0 0;} .ad-content h2{font-size: 30px;margin-bottom:30px;border-bottom: 1px dashed #ddd;position: relative;padding: 0 0 30px 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .ad-content h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:8px} .ad-ul{top:0;padding:20px 0;background-color: #fff;} .ad-ul li{width: 100%;padding:20px;border-bottom-left-radius:0;border-top-right-radius:0;flex-wrap: wrap} .ad-ul li .img{width: 100%;display: block!important;order: 1;opacity: 1!important;position: unset;left:unset;top:unset;margin-bottom: 20px;} .ad-ul li .img img{border-bottom-left-radius:0;border-top-right-radius:0;} .ad-ul li .info{width:100%;margin-left:0;order: 2;padding-left: 0;} .ad-ul li .info h4{font-size: 1.8rem;font-weight:700;margin-bottom:10px;} .ad-ul li .info p{font-size: 1.5rem;line-height:2.5rem;margin-bottom:10px;} .ad-ul li .info a{font-size: 1.4rem;line-height:36px;border: 1px solid #ddd;text-align: center;border-radius: 30px;width: 120px;} .en .ad-ul li .info a{width:120px;} .en .ad-ul li .info p{font-size: 1.4rem;line-height: 2.2rem;} .ad-ul li .info a i{font-size:1.2rem;top:1;} } .cul-cont{align-items: center;} .cul-cont .left-img{width: 100%;text-align: center;margin-bottom: 50px;} .culture-ul{width: 100%;flex-wrap: wrap} .culture-ul li{width:100%;margin-right:0;align-items: center;background-color: #f8f9fa;padding:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;} .culture-ul li:last-child{margin-right: 0} .culture-ul li .img{width: 25%;} .culture-ul li .img img{width:100%;border-bottom-left-radius:20px;border-top-right-radius:20px;} .culture-ul li .info{width:70%;margin-left: 5%} .culture-ul li h4{font-size:30px;font-weight: 600;color: #495057;margin-bottom:25px;position:relative;text-align: right} .en .culture-ul li h4{font-family: Arial;font-size: 25px;} .culture-ul li h4 span{font-family: DINPro-Bold;margin-right: 10px;color: #adb5bd;font-size: 32px;} .culture-ul li h4:after{content: '';width: 40px;height: 1px;background-color:#adb5bd;position: absolute;right: 0;top:-15px;} .culture-ul li p{color: #868e96;font-size: 20px;line-height: 40px;;text-align: right} .en .culture-ul li p{font-size: 16px;font-family: Arial;line-height: 30px;} .culture-ul li:nth-child(2n){background-color: #fff} .culture-ul li .img{order: 2;} .culture-ul li .info{order: 1;margin-left: 0;margin-right: 5%} .culture-ul li h4{text-align: left} .culture-ul li h4:after{left: 0;right:unset;} .culture-ul li p{text-align: left} .cul-cont .left-img{padding:10px 30px 50px 30px;background-color:#f1f3f5;border-radius:50px;align-items: center;border-bottom-left-radius: 0;border-top-right-radius: 0} .cul-cont .left-img h2{font-size:100px;padding-top: 20px;font-family: Arial;text-transform: uppercase;font-weight: 600;position: relative;width:20%;border-right: 1px solid #ddd;} .cul-cont .left-img h2:after{content: '';width: 50px;height:4px;background-color: #0e6aac;position: absolute;bottom: -10px;left: 50%;margin-left: -25px;} .cul-left-ul{width:80%;padding-left:2%} .cul-left-ul li{width:16.66%;text-align:center;} .cul-left-ul li a{display: block;} .cul-left-ul li span{display: block;width:40px;height:40px;line-height:40px;font-family: DINPro-Bold;font-size: 18px;border-radius: 50%;text-align: center;background-color: #fff;color:#0e6aac;position: relative;bottom: -40px;right: -40px;} .cul-left-ul li i{display: block;margin: 10px auto;text-align: center;width:100px;height:100px;line-height:100px;border-radius: 50%;background-color: #0e6aac;color: #fff;font-size:4.5rem;font-weight: 300;} .cul-left-ul li b{display: block;font-size: 22px;font-weight:600;color: #495057} .en .cul-left-ul li b{font-family: Arial;font-size: 18px;} @media (max-width: 1440px) { .cul-cont{align-items: center;} .cul-cont .left-img{width: 100%;text-align: center;margin-bottom: 50px;} .culture-ul{width: 100%;flex-wrap: wrap} .culture-ul li{width:100%;margin-right:0;align-items: center;background-color: #f8f9fa;padding:50px;border-bottom-left-radius:50px;border-top-right-radius:50px;} .culture-ul li:last-child{margin-right: 0} .culture-ul li .img{width: 25%;order: 2;} .culture-ul li .img img{width:100%;border-bottom-left-radius:20px;border-top-right-radius:20px;} .culture-ul li .info{width:70%;margin-left: 5%;order: 1;} .culture-ul li h4{font-size:25px;font-weight: 600;color: #495057;margin-bottom:25px;position:relative;text-align: right} .en .culture-ul li h4{font-size:20px;} .culture-ul li h4 span{font-family: DINPro-Bold;margin-right: 10px;color: #adb5bd;font-size: 30px;} .culture-ul li h4:after{content: '';width: 40px;height: 1px;background-color:#adb5bd;position: absolute;right: 0;top:-15px;} .culture-ul li p{color: #868e96;font-size:16px;line-height: 30px;;text-align: right} .en .culture-ul li p{font-family: Arial;font-size: 14px;line-height: 25px;} .culture-ul li:nth-child(2n){background-color: #fff} .culture-ul li .img{order: 2;} .culture-ul li .info{order: 1;margin-left: 0;margin-right: 5%} .culture-ul li h4{text-align: left} .culture-ul li h4:after{left: 0;right:unset;} .culture-ul li p{text-align: left} .cul-cont .left-img{padding:10px 30px 40px 30px;} .cul-cont .left-img h2{font-size:70px;padding-top:10px;} .en .cul-cont .left-img h2{font-size: 60px;} .cul-left-ul li span{width:30px;height:30px;line-height:30px;font-size: 16px;bottom: -30px;right: -30px;} .cul-left-ul li i{width:80px;height:80px;line-height:80px;font-size:3.5rem;} .cul-left-ul li b{font-size:18px;} .en .cul-left-ul li b{font-size:14px;} } @media (max-width: 992px) { .cul-cont .left-img{padding:30px 10px;border-radius:0;flex-wrap: wrap;margin-bottom:0;background-color: #f8f9fa;} .cul-cont .left-img h2{font-size:3rem!important;padding-top:0;width:100%;border-right:none;} .cul-cont .left-img h2:after{width: 50px;height:2px;bottom: -10px;margin-left: -25px;} .cul-left-ul{width:100%;padding-left:0;flex-wrap: wrap;padding-top: 30px;} .cul-left-ul li{width:49%;text-align:center;margin-bottom: 2%;margin-right: 2%;background-color: #fff;padding: 10px 0;} .cul-left-ul li:nth-child(2n){margin-right: 0;} .cul-left-ul li span{width:20px;height:20px;line-height:20px;font-size: 1.2rem;;bottom: -25px;right: -20px;background-color: #e9ecef;display: none;} .cul-left-ul li i{margin: 10px auto;width:50px;height:50px;line-height:50px;font-size:2.2rem;} .cul-left-ul li b{font-size: 1.3rem;} .culture-ul li{padding:30px 20px;border-bottom-left-radius:20px;border-top-right-radius:20px;flex-wrap: wrap} .culture-ul li .img{width:100%;text-align: center;padding: 0;} .culture-ul li .img img{width:100%;border-bottom-left-radius:15px;border-top-right-radius:15px;} .culture-ul li .info{width:100%;margin-left: 0;margin-bottom: 20px;} .culture-ul li h4{font-size:2.2rem;margin-bottom:15px;} .en .culture-ul li h4{font-size: 1.8rem;} .culture-ul li h4 span{margin-right:5px;font-size:2.2rem;} .culture-ul li h4:after{width:25px;top:-10px;} .culture-ul li p{font-size:1.5rem;line-height:2.5rem;text-align:left} .en .culture-ul li p{font-size: 1.3rem;line-height:2rem;} .culture-ul li .img{order: 2;} .culture-ul li .info{order: 1;margin-left: 0;margin-right: 0} .culture-ul li h4{text-align: left} .culture-ul li h4:after{left: 0;right:unset;} .culture-ul li p{text-align: left} } .ul-info{padding: 30px 0} .ul-info .info{align-items: center;width: 40%} .ul-info .info h4{font-size: 25px;font-weight: 600;color: #495057;margin-bottom: 20px;} .ul-info .jjks-ul{max-width: 380px;} .ul-info .jjks-ul li{margin-bottom: 20px;background-color: #5b9bd5; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; padding: 0 20px; align-items: center; position: relative; right: -40px;border-top-left-radius:30px;border-bottom-right-radius:30px; } .ul-info .jjks-ul li:nth-child(2n){left: -20px;right: unset;border-bottom-left-radius:30px;border-top-right-radius:30px; border-top-left-radius:0;border-bottom-right-radius:0; } .ul-info .jjks-ul li:nth-child(2){background-color: #a5a5a5} .ul-info .jjks-ul li:nth-child(3){background-color: #ffc000} .ul-info .jjks-ul li:nth-child(4){background-color: #ed7d31} .ul-info .jjks-ul li i{font-size: 80px;font-weight: 600;font-family: DINPro-Bold;color: #fff;font-style: unset;border-right: 1px solid rgba(255,255,255,0.5);padding: 0 20px 0 0;} .ul-info .jjks-ul li:nth-child(2n) i{border-left: 1px solid rgba(255,255,255,0.5);border-right: none;padding: 0 0 0 20px;;} .ul-info .jjks-ul li p{font-size: 20px;font-weight: 400;line-height: 30px;color: #fff;padding: 0 20px;} .ul-info .img{width: 55%;margin-left:5%;} .ul-info .img img{width: auto;max-width: 100%; box-shadow:1px 5px 15px rgba(0,0,0,0.08); -webkit-box-shadow:1px 5px 15px rgba(0,0,0,0.08); -moz-box-shadow:1px 5px 15px rgba(0,0,0,0.08); margin: 20px 0;padding: 10px; } .ul-info .img .jjks-list-ul{padding: 20px 0 0 0; } .ul-info .img .jjks-list-ul li{width: 19.2%;margin-right: 1%;} .ul-info .img .jjks-list-ul li:last-child{margin-right: 0;} .ul-info .img .jjks-list-ul li span{font-family: Arial, "sans-serif";color:#495057;font-size: 16px;font-weight: 500;line-height: 20px;display: block;text-align: center;border: 1px solid #ddd;padding: 10px 15px;} .ul-info .img .jjks-list-ul li:nth-child(2) span{background-color:#34ac8b;color: #fff} .ul-info .img .jjks-list-ul li:nth-child(3) span{background-color:#0070c0;color: #fff } .ul-info .img .jjks-list-ul li:nth-child(4) span{background-color:#ffd966;color: #fff } .ul-info .img .jjks-list-ul li:nth-child(5) span{background-color:#e6670e;color: #fff } .ul-info .img .jjks-list-ul li p{display: block;padding: 5px 0 0 0;font-size: 13px;line-height: 22px;color: #868e96;text-align: center;font-family: Arial, "sans-serif"} @media (max-width: 1440px) { .ul-info .info{width: 30%} .ul-info .jjks-ul li{right: -20px} .ul-info .jjks-ul li i{font-size: 60px;} .ul-info .jjks-ul li p{font-size: 16px;line-height:26px;padding: 0 15px;} .ul-info .img{width: 65%;} } @media (max-width: 992px) { .ul-info{padding:10px 0;flex-wrap: wrap;} .ul-info .info{width: 100%;} .ul-info .info h4{font-size: 1.5rem;margin-bottom:10px;} .ul-info .jjks-ul{max-width: 100%;} .ul-info .jjks-ul li{padding: 0 10px;min-height:80px;right: 0;border-top-left-radius:20px;border-bottom-right-radius:20px;margin-bottom: 10px;align-items: center} .ul-info .jjks-ul li:nth-child(2n){left:0;border-bottom-left-radius:20px;border-top-right-radius:20px;} .ul-info .jjks-ul li i{font-size:4rem;padding: 0 10px;width:20%;} .ul-info .jjks-ul li:nth-child(2n) i{border-left: 1px solid rgba(255,255,255,0.5);border-right: none;padding: 0 0 0 20px;;} .ul-info .jjks-ul li p{font-size: 1.6rem;line-height: 2.5rem;padding: 10px 20px;width: 80%;} .ul-info .img{width:100%;margin-left:0;} .ul-info .img img{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin:10px 0;padding: 0;} .ul-info .img .jjks-list-ul{padding: 20px 0 0 0;} .ul-info .img .jjks-list-ul li span{font-size: 1.2rem;line-height:1.8rem;padding:5px 3px;} .ul-info .img .jjks-list-ul li p{font-size: 1.2rem;line-height:1.8rem;text-align: left;} } .cyct-ul{padding:30px 0;border-bottom: 1px dashed #ddd;} .cyct-ul li{width: 23.5%;margin-right: 2%;border: 1px solid #eee;padding: 20px;} .cyct-ul li p{text-align: center;padding: 10px 0;font-size: 18px;font-weight: 400;color: #495057;} .cyct-ul li img{width:auto;max-width: 100%;} .info-imgs{padding: 30px 0;} .info-imgs .info{width: 60%;margin-right: 5%;} .info-imgs .info h6{font-size: 22px;font-weight: 600;color: #495057;margin-bottom: 30px;} .info-imgs .info .cyct-ul-list{} .info-imgs .info .cyct-ul-list li{margin-bottom: 10px;line-height: 22px;font-size: 16px;font-family: Arial, "sans-serif";padding: 0 0 0 20px;position: relative;} .info-imgs .info .cyct-ul-list li:after{content: '';width: 10px;height: 10px;border-radius: 50%;background-color: #ed7d31;position: absolute;left: 0;top:50%;margin-top: -5px;} .info-imgs .img{width: 35%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; } .info-imgs .img img{width:50%;display: inline-block;} @media (max-width: 992px) { .cyct-ul{padding:10px 0 20px 0;flex-wrap: wrap} .cyct-ul li{width:49%;padding:0;margin-bottom: 2%;} .cyct-ul li:nth-child(2n){margin-right: 0;} .cyct-ul li p{padding:0 0 10px 0;font-size: 1.4rem;} .info-imgs{padding:20px 0 0 0;flex-wrap: wrap;} .info-imgs .info{width: 100%;margin-right:0;} .info-imgs .info h6{font-size: 1.8rem;margin-bottom:20px;line-height: 2.5rem} .info-imgs .info .cyct-ul-list{padding:0;} .info-imgs .info .cyct-ul-list li{line-height:2rem;font-size: 1.4rem;padding: 0 0 0 15px;} .info-imgs .info .cyct-ul-list li:after{width: 6px;height:6px;margin-top: -4px;} .info-imgs .img{width: 100%;padding: 10px 0 0 0;} .info-imgs .img img{width:49%;display: inline-block;margin-right: 2%} .info-imgs .img img:last-child{margin-right: 0;} } .img-info{align-items: center;padding: 30px 0;} .img-info .img{width: 40%;margin-right: 3%} .img-info .img img{width: auto;max-width: 100%;height: auto} .img-info .info{width: 57%;} .img-info .info h4{font-size: 40px;color: #ef6b0e;font-weight: 600;margin-bottom:60px;position: relative;} .img-info .info h4:after{position: absolute;content: '';width: 120px;height: 3px;background-color: #ef6b0e;bottom: -25px;left: 0;} .img-info .info h6{font-size: 25px;font-weight: 550;color: #495057;margin-bottom:30px;} .en .img-info .info h4{font-size: 30px;font-family: Arial, "sans-serif"} .en .img-info .info h6{font-size: 20px;font-family: Arial, "sans-serif"} /* .img-info .info .nami-ul{flex-wrap: wrap} .img-info .info .nami-ul li{width: 100%;padding:8px 0;font-size: 20px;font-weight: 400;color: #495057;position: relative;} .img-info .info .nami-ul li:after{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #ef6b0e;position: absolute;left: 0;top:50%;margin-top: -4px; } .img-info .info .nami-ul li span{width: 260px;display: inline-block;padding: 0 0 0 15px;} .img-info .info .nami-ul li b{font-weight: 600;color: #ef6b0e;font-size: 22px;font-family:arial, sans-serif;margin-left: 10px;display: inline-block;border: 1px solid #ef6b0e;padding:6px 15px;border-radius: 30px;} */ .img-info .info .nami-ul{flex-wrap: wrap} .img-info .info .nami-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between;align-items: center; } .img-info .info .nami-ul li:nth-child(2n){margin-right: 0;} .img-info .info .nami-ul li i{width: 20%;font-size: 70px;font-family: DINPro-Bold;color:#e56a0c;font-style: normal } .img-info .info .nami-ul li div{width: 80%;padding: 0 0 0 10px;} .img-info .info .nami-ul li p{font-size: 18px;font-weight: 500;color:#e56a0c;} .img-info .info .nami-ul li b{font-size: 30px;font-family: DINPro-Bold;} .img-info .info .nami-ul li span{font-size: 18px;font-weight: 500;color: #495057;} .en .img-info .info .nami-ul li i{font-size: 60px;} .en .img-info .info .nami-ul li p{font-size: 14px;font-family: Arial, "sans-serif"} .en .img-info .info .nami-ul li b{font-size: 20px;font-family: Arial, "sans-serif"} .en .img-info .info .nami-ul li span{font-size: 14px;font-family: Arial, "sans-serif"} .img-info .info .nami-ul li:nth-of-type(n+3) i{color: #fcac04} .img-info .info .nami-ul li:nth-of-type(n+3) p{color: #fcac04} @media (max-width: 1440px) { .img-info .img{width: 35%;margin-right: 3%} .img-info .info{width: 62%;} .img-info .info h4{font-size: 30px;margin-bottom:40px;position: relative;} .img-info .info h4:after{width: 120px;height: 2px;bottom: -20px;} .img-info .info h6{font-size: 20px;margin-bottom:20px;} .en .img-info .info h4{font-size: 25px} .en .img-info .info h6{font-size: 18px} .img-info .info .nami-ul li i{width: 20%;font-size: 50px;} .img-info .info .nami-ul li div{width: 80%;} .img-info .info .nami-ul li p{font-size: 15px;font-weight: 400} .img-info .info .nami-ul li b{font-size: 20px;} .img-info .info .nami-ul li span{font-size: 14px;font-weight: 400} .en .img-info .info .nami-ul li i{font-size: 50px;} .en .img-info .info .nami-ul li p{font-size: 13px;} .en .img-info .info .nami-ul li b{font-size: 18px;} .en .img-info .info .nami-ul li span{font-size: 13px;} /* .img-info .info .nami-ul li{padding:8px 0;font-size: 16px;} .img-info .info .nami-ul li:after{width: 6px;height: 6px;margin-top: -3px;} .img-info .info .nami-ul li span{width: 210px;} .img-info .info .nami-ul li b{font-size: 18px;padding:5px 10px;} */ } @media (max-width: 992px) { .img-info{padding:20px 0 0 0;flex-wrap: wrap} .img-info .img{width:100%;margin-right:0;order: 2;} .img-info .info{width:100%;order:1;} .img-info .info h4{font-size:2.2rem;margin-bottom:40px;} .img-info .info h4:after{width: 100px;height:2px;bottom: -20px;} .img-info .info h6{font-size:3rem;line-height:4rem;margin-bottom: 20px} .img-info .info p{font-size: 1.4rem;line-height:2.2rem;margin-bottom:10px;} .img-info .info p b{font-weight:700;margin-bottom:0;} .img-info .info .nami-ul{padding: 10px 0;flex-wrap: wrap;} .img-info .info .nami-ul li{width: 49%;margin-bottom: 2%;background-color: #f8f9fa;padding:0 5px 10px 5px;} .img-info .info .nami-ul li:nth-child(2n){margin-right: 0;} .img-info .info .nami-ul li i{margin:15px auto;font-size:3.2rem;width:64px;height:64px;line-height:64px;} .img-info .info .nami-ul li span{font-size:1.2rem;line-height: 2rem;} } .gbd-ad-ul{padding: 20px 0} .gbd-ad-ul li{margin-bottom:30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; align-items: center;background-color: #f1f3f5 } .gbd-ad-ul li:nth-child(2n){background-color: #f8f9fa} .gbd-ad-ul li i{font-style: normal;font-family: "DINPro-Bold";width:15%;height:90px;background-color: #fff;border: 2px solid #adb5bd;text-align: center;line-height: 80px;font-size: 50px;} .gbd-ad-ul li:nth-child(2n) i{border: 2px solid #ced4da} .gbd-ad-ul li p{width: 85%;padding:0 30px;font-size: 18px;line-height: 30px;color: #495057;font-weight: 400;} @media (max-width: 1440px) { .gbd-ad-ul{padding:10px 0} .gbd-ad-ul li{margin-bottom:20px;} .gbd-ad-ul li i{width:25%;font-size: 40px;} .gbd-ad-ul li p{width: 75%;padding:0 20px;font-size: 15px;line-height: 22px;} } .laminated-2022{align-items: center} .laminated-2022 .info{width: 50%;text-align: center} .laminated-2022 .info h4{font-size: 35px;font-weight: 600;color: #0e6aac;margin-bottom: 80px;} .en .laminated-2022 .info h4{font-size: 30px;} .laminated-2022 .info h5{font-size: 35px;font-weight: 500;color: #212529;margin-bottom: 10px;font-family: "DINPro-Bold";} .laminated-2022 .info p{font-size: 20px;line-height: 40px;font-weight: 400;color: #495057;} .laminated-text-ul{flex-wrap: wrap;margin-bottom: 50px;} .laminated-text-ul li{width: 49%;margin-right: 2%;margin-bottom: 5%;font-size: 18px;line-height: 30px;font-weight: 400;color: #495057;} .laminated-text-ul li:nth-child(2n){margin-right: 0;} .laminated-text-ul li b{font-weight: 600;font-size: 35px;display: block;margin-bottom: 5px;font-family: "DINPro-Bold";} .laminated-2022 .img{width: 45%;} .laminated-img-ul{flex-wrap: wrap;} .laminated-img-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;} .laminated-img-ul li:nth-child(2n){margin-right: 0;} .laminated-img-ul li img{width: 100%;} .laminated-img-ul li p{text-align: center;font-size: 16px;font-weight: 400;color: #495057;padding: 10px 0;} .en .laminated-img-ul li p{font-size: 14px;} @media (max-width: 1440px) { .laminated-2022 .info h4{font-size: 25px;margin-bottom:60px;} .en .laminated-2022 .info h4{font-size: 20px;} .laminated-2022 .info h5{font-size: 25px;} .laminated-2022 .info p{font-size: 15px;line-height: 25px;} .laminated-text-ul{margin-bottom: 30px;} .laminated-text-ul li{font-size: 15px;line-height: 25px;} .laminated-text-ul li b{font-size: 25px;} .laminated-img-ul li p{font-size: 14px;} } /*pro-info*/ .pro-info{width: 100%;} .pro-info .text{margin:30px 0;} .pro-info .text h5{color: #495057;font-size:22px;font-weight:600;margin-bottom: 20px;} .pro-info .text p{color: #495057;font-size:18px;line-height: 30px;} .en .pro-info .text h5{font-family: arial, sans-serif;font-size: 18px;} .en .pro-info .text p{font-size:14px;font-family: arial, sans-serif;line-height:22px;} @media (max-width: 992px) { .pro-info{padding: 30px 20px;} .pro-info .text{margin:10px 0;} .pro-info .text h5{font-size:1.8rem;margin-bottom:20px;} .pro-info .text p{font-size:1.4rem;line-height:2.2rem;margin-bottom: 10px;} .en .pro-info .text h5{font-size: 1.6rem;} .en .pro-info .text p{font-size:1.3rem;} }