锘?*pro*/ .pro{background-color:#e9ecef} .pro .loc{width:100%;} .pro .page-nav .page-nav-ul{width:100%;} @media (max-width: 1440px) { .pro .loc{width:100%;} .pro .page-nav .page-nav-ul{width:100%;} .pro.en .loc{width:100%;} .pro.en .page-nav .page-nav-ul{width:100%;} } @media screen and (max-width: 992px){ .pro{background-color:#e9ecef} .pro .container{padding: 0;} .pro.en .page-nav .page-nav-ul{width:100%;} .pro .page-nav .page-nav-ul li{width: 25%;} .pro .page-nav .page-nav-ul{width:100%;} .pro .pro-nav{flex-wrap: wrap;-webkit-justify-content: flex-start!important;justify-content: flex-start!important;padding:10px;} .pro .pro-nav li{width: 32%!important;margin-bottom: 2%;margin-right: 2%;background-color:#e9ecef!important;} .pro.en .pro-nav li{width: 49%!important;} .pro .pro-nav li:nth-child(3n){margin-right: 0;} .pro.en .pro-nav li:nth-child(2n){margin-right: 0;} .pro.en .pro-nav li:nth-child(3){margin-right: 2%;} .pro .pro-nav li:nth-child(4){margin-bottom: 0;} .pro.en .pro-nav li:nth-child(4){margin-bottom: 2%;} .pro .pro-nav li:nth-child(5){margin-bottom: 0;} .pro .pro-nav li a{display: block;color: #495057} .pro.en .pro-nav li a{font-family: Arial, "sans-serif";font-weight: 400!important;} .pro .pro-nav li a:after{display: none;} .pro .pro-nav li a:hover,.pro .pro-nav li a.cur{color:#fff;background-color:#0e6aac;} } @media (max-width: 375px) { .pro.en .pro-nav li a{font-size: 1.3rem;} } /*pro-info*/ .pro-info{} .pro-info .txt{text-align: center;margin:30px 0;} .pro-info .txt h4{color: #0e6aac;font-size:36px;;font-weight:600;margin-bottom:40px;position: relative;} .pro-info .txt h5{color: #495057;font-size:30px;letter-spacing: 2px;font-weight:600;margin-bottom: 40px;} .pro-info .txt h6{color: #495057;font-size:25px;letter-spacing: 2px;font-weight:600;margin-bottom: 40px;position: relative;} .pro-info .txt h6:after{content: '';width: 60px;height: 4px;background-color:#adb5bd;position: absolute;left:50%;margin-left: -30px;top: -30px; } .pro-info .txt p{color: #495057;font-size:20px;line-height: 40px;margin-bottom: 30px;;} .en .pro-info .txt h4{font-family: arial, sans-serif;font-size: 30px;} .en .pro-info .txt h5{font-family: arial, sans-serif;font-size: 22px;} .en .pro-info .txt h6{font-family: arial, sans-serif;font-size:20px;letter-spacing:0;} .en .pro-info .txt p{font-size:16px;font-family: arial, sans-serif;} .en .pro-info p{font-size:14px;font-family: arial, sans-serif;padding: 10px 0} @media (max-width: 1440px) { } @media (max-width: 992px) { .pro-info{padding: 30px 20px;} .pro-info .txt{margin:10px 0;} .pro-info .txt h4{font-size:36px;} .pro-info .txt h5{font-size:30px;letter-spacing: 2px;margin-bottom: 40px;} .pro-info .txt h6{font-size:25px;letter-spacing: 2px;margin-bottom: 40px;} .pro-info .txt h6:after{width: 60px;height: 4px;margin-left: -30px;top: -30px; } .pro-info .txt p{font-size:1.4rem;line-height:2.5rem;margin-bottom: 10px;} .en .pro-info .txt h4{font-size: 30px;} .en .pro-info .txt h5{font-size: 22px;} .en .pro-info .txt h6{font-size:20px;} .en .pro-info .txt p{font-size:16px;} .en .pro-info p{font-size:14px;padding: 10px 0} } /*pro-ul*/ .pro-ul{flex-wrap: wrap;width: 100%;height: 100%;} .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;} .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{line-height: 35px;height: 35px;font-family: arial, sans-serif;font-size: 12px;} .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;} .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;} } /*pro-beizhu*/ .pro-beizhu{margin-bottom: 50px;} .pro-beizhu p{font-size:14px;line-height: 25px;color: #868e96;} .pro-beizhu div{width: 100%;position: relative;padding-left: 30px;margin: 0 0 10px 0;font-size:16px; } .en .pro-beizhu div{font-family: arial, sans-serif;font-size: 14px;} .pro-beizhu div:after{content: '';position: absolute;width: 15px;height: 15px;left:0;top:4px;border-radius: 50%;} .pro-beizhu .pro-c1:after{background-color:#00b0f0; } .pro-beizhu .pro-c2:after{background-color:#ffc000; } .pro-beizhu .pro-c3:after{background-color:#e26b0a; } @media (max-width: 992px) { .pro-beizhu{padding:10px 20px;} .pro-beizhu p{font-size:1.1rem;line-height: 2rem;margin-bottom: 10px;} .pro-beizhu div{width: 100%;padding-left:15px;margin:5px 0;font-size:1.2rem;} .en .pro-beizhu div{font-size: 1.2rem;} .pro-beizhu div:after{width:8px;height: 8px;} } @media (max-width: 375px) { .pro-beizhu p{font-size:1rem;} } /*jgjd*/ .jgjd{} .overflow-hide{overflow: hidden;} .jgjd .jg-tabs{width:15%;} .jgjd .jg-tabs li{cursor: pointer;display:block;line-height:60px;font-size:18px;color:#495057;font-weight: 500;width: 100%;padding: 0 30px;background-color: #e9ecef;margin-bottom: 3px;} .jgjd .jg-tabs li.on{background:#1f73bb;color:#fff;} .jgjd .jg-tab-content-wrap{ width: 85%; position:relative; height:630px; overflow: hidden; } .jgjd .jg-tab-content{position:absolute;top:0;opacity:0;z-index:-1;width:100%;height: 100%;} .jgjd .jg-tab-content.show{opacity:1;z-index:1} .jgjd .jditem{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; width: 100%;height: 100%;position: relative;background-color: #f8f9fa; padding:50px; } .jgjd .jditem .img{width: 50%;order: 2;text-align: right;position: absolute;right: 0;z-index: 1;bottom: 0;} .jgjd .jditem .img img{width:auto;opacity: 0.3;} .jgjd .jditem .table{width: 70%;order: 1;position: relative;z-index: 2;} .jgjd .jditem table{width: 100%;border-radius:6px;overflow: hidden;} .jgjd .jditem table td,.jgjd .jditem table th{text-align: center;padding:3px 10px;font-size: 14px;line-height:25px;;border-right:2px solid #fff;border-bottom: 1px solid #fff;} .jgjd .jditem table td{color: #343a40;background-color:#e9ecef} .jgjd .jditem table th{background-color:#fdd000;color:#212529;font-weight: 600;line-height:40px;font-size: 16px;font-family: "DINPro-Bold"} .jgjd .jditem table td:last-child,.jgjd .jditem table th:last-child{border-right: none;} .jgjd .jditem table tr:last-child td{border-bottom: none;} @media (max-width: 1440px) { .jgjd .jg-tabs{width:18%;} .jgjd .jg-tab-content-wrap{width: 82%;} .jgjd .jg-tabs li{line-height:50px;font-size:16px;padding: 0 20px;} .jgjd .jditem .table{width:60%;} .jgjd .jg-tab-content-wrap{height:510px;} .jgjd .jditem table td,.jgjd .jditem table th{font-size: 12px;line-height:20px;border-right:2px solid #fff;padding:2px 8px;} .jgjd .jditem table th{line-height:25px;font-size: 14px;;padding:5px 8px;} } @media (max-width: 992px) { .jgjd{} .overflow-hide{overflow: hidden;} .jgjd .jg-tabs{width:15%;} .jgjd .jg-tabs li{cursor: pointer;display:block;line-height:60px;font-size:18px;color:#495057;font-weight: 500;width: 100%;padding: 0 30px;background-color: #e9ecef;margin-bottom: 3px;} .jgjd .jg-tabs li.on{background:#1f73bb;color:#fff;} .jgjd .jg-tab-content-wrap{ width: 85%; position:relative; height:630px; overflow: hidden; } .jgjd .jg-tab-content{position:absolute;top:0;opacity:0;z-index:-1;width:100%;height: 100%;} .jgjd .jg-tab-content.show{opacity:1;z-index:1} .jgjd .jditem{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between; width: 100%;height: 100%;position: relative;background-color: #f8f9fa; padding:50px; } .jgjd .jditem .img{width: 50%;order: 2;text-align: right;position: absolute;right: 0;z-index: 1;bottom: 0;} .jgjd .jditem .img img{width:auto;opacity: 0.3;} .jgjd .jditem .table{width: 70%;order: 1;position: relative;z-index: 2;} .jgjd .jditem table{width: 100%;border-radius:6px;overflow: hidden;} .jgjd .jditem table td,.jgjd .jditem table th{text-align: center;padding:3px 10px;font-size: 14px;line-height:25px;;border-right:2px solid #fff;border-bottom: 1px solid #fff;} .jgjd .jditem table td{color: #343a40;background-color:#e9ecef} .jgjd .jditem table th{background-color:#fdd000;color:#212529;font-weight: 600;line-height:40px;font-size: 16px;font-family: "DINPro-Bold"} .jgjd .jditem table td:last-child,.jgjd .jditem table th:last-child{border-right: none;} .jgjd .jditem table tr:last-child td{border-bottom: none;} } /*sb-imgs*/ .sb-imgs{flex-wrap: wrap;margin-bottom: 30px;} .sb-imgs 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); } .sb-imgs li:nth-child(3n){margin-right: 0;} .sb-imgs li a{width: 100%;display: block;} .sb-imgs li a .img{width: 100%;overflow: hidden;position: relative;background-color: #000} .sb-imgs li a .img:after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top:-100%; z-index: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .sb-imgs li a i{font-size: 4rem;color:#fdd000;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: 50%;top:50%;margin-left: -25px;margin-top: -200px;z-index: 2} .sb-imgs li a img{width: 100%;} .sb-imgs li a b{display: block;padding:10px 0 0 0;font-size: 18px;font-weight: 400;color: #495057;text-align: center} .en .sb-imgs li a b{font-size: 14px;font-family: arial, sans-serif;} .sb-imgs li a:hover{} .sb-imgs li a:hover:after{top:0;} .sb-imgs li a:hover i{margin-top: -25px;} .sb-imgs li a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; } .sb-img{width: 100%;background:#fff;padding: 0 0 20px 0;} .sb-img img{width: 100%;} @media (max-width: 1440px) { .sb-imgs li{padding:12px;} .sb-imgs li a i{font-size: 3rem;} .sb-imgs li a b{padding:10px 0 0 0;font-size: 15px;} } /*pro-imgs*/ .pro-imgs{flex-wrap: wrap;margin: 50px 0;} .pro-imgs 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); } .pro-imgs li:nth-child(3n){margin-right: 0;} .pro-imgs li a{width: 100%;display: block;} .pro-imgs li a .img{width: 100%;overflow: hidden;position: relative;background-color: #000} .pro-imgs li a .img:after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top:-100%; z-index: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .pro-imgs li a i{font-size: 4rem;color:#fdd000;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: 50%;top:50%;margin-left: -25px;margin-top: -200px;z-index: 2} .pro-imgs li a img{width: 100%;} .pro-imgs li a b{display: block;padding:10px 0 0 0;font-size: 18px;font-weight: 400;color: #495057;text-align: center} .en .pro-imgs li a b{font-size: 16px;font-family: arial, sans-serif;} .pro-imgs li a:hover{} .pro-imgs li a:hover:after{top:0;} .pro-imgs li a:hover i{margin-top: -25px;} .pro-imgs li a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; } @media (max-width: 1360px) { .pro-imgs li{padding:12px;} .pro-imgs li a i{font-size: 3rem;} .pro-imgs li a b{padding:10px 0 0 0;font-size: 15px;} } /*faq*/ .faq{flex-wrap: wrap} .faq li{width: 49%;margin-right: 2%;margin-bottom: 2%;padding: 30px;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); } .faq li:nth-child(2n){margin-right: 0;} .faq .faq-title{display: block;line-height: 30px;padding: 0 0 0 40px;font-size:18px;font-weight: 500;color: #0e6aac;margin-bottom:15px;position: relative;} .en .faq .faq-title{font-family: arial, sans-serif;font-size: 15px;line-height: 25px;font-weight: 600;} .faq .faq-title i{font-style: normal;position: absolute;left: 0;top:50%;margin-top: -15px;display: block;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background-color:#fdd000;color:#212529;text-align: center; font-family: "DINPro-Bold";font-size: 14px;} .faq .faq-text{font-size: 15px;line-height:28px;;color: #868e96;} .faq .faq-text p{font-size: 15px;line-height:28px;;color: #868e96;} .en .faq .faq-text{font-size: 13px;line-height:22px;font-family: arial, sans-serif;} .en .faq .faq-text p{font-size: 13px;line-height:22px;font-family: arial, sans-serif;} .faq .faq-text table{border-left: 1px solid #dee2e6;margin: 20px 0;} .faq .faq-text table td,.faq .faq-text table th{text-align: center;padding:10px 10px;font-size: 15px;line-height:28px;;border-right:1px solid #dee2e6;border-bottom: 1px solid #dee2e6;} .en .faq .faq-text table td,.en .faq .faq-text table th{font-size: 12px;line-height: 25px;font-family: arial, sans-serif;} .faq .faq-text table td{color: #495057;} .faq .faq-text table th{background-color:#0e6aac;color: #fff;font-weight: 400;} @media (max-width: 1440px) { .faq li{width: 100%;margin-right: 0;padding: 20px;} .faq .faq-text table td,.faq .faq-text table th{padding:5px 5px;} } @media (max-width: 992px) { .faq{padding: 30px 20px;} .faq li{box-shadow: 2px 3px 1px rgba(0,0,0,0.03);-webkit-box-shadow: 2px 3px 1px rgba(0,0,0,0.03);-moz-box-shadow: 2px 3px 1px rgba(0,0,0,0.03);padding: 15px;} .faq .faq-title{line-height:2rem;padding: 0 0 0 30px;font-size:1.4rem;margin-bottom:10px;} .en .faq .faq-title{font-size: 1.4rem;line-height:2rem;} .faq .faq-title i{font-size: 1.2rem;width: 22px;height: 22px;line-height: 22px;margin-top: -11px;} .faq .faq-text, .faq .faq-text p{font-size: 1.2rem;line-height:2rem;} .en .faq .faq-text,.en .faq .faq-text p{font-size: 1.2rem;line-height:2rem;} .faq .faq-text table{margin:10px 0;} .faq .faq-text table td,.faq .faq-text table th{font-size: 0.88rem;line-height:1.8rem} .en .faq .faq-text table td,.en .faq .faq-text table th{font-size:0.88rem;line-height:1.8rem;} .faq .faq-text table td,.faq .faq-text table th{padding:5px 2px;} } @media (max-width: 375px) { .en .faq .faq-title{font-size: 1.2rem;line-height:1.8rem;} .en .faq .faq-text,.en .faq .faq-text p{font-size:1.1rem;line-height:1.8rem;} } /*bmdc*/ .bmdc{} .bmdc h2{font-size: 30px;position: relative;padding: 0 0 0 30px;font-weight: 600;margin-bottom: 30px;} .en .bmdc h2{font-family: arial, sans-serif;text-transform: uppercase;font-size: 25px;} .bmdc h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -8px;} .en .bmdc h2:after{margin-top: -11px;} .bmdc h6{font-size: 18px;margin:0 0 10px 0;color:#495057;font-weight:600;border-top: 1px solid #eee;border-bottom: 1px dashed #ddd;padding:20px 20px;position: relative;} .en .bmdc h6{font-family: arial, sans-serif;text-transform: uppercase;} .bmdc h6:after{content: '';width: 12px;height: 12px;border-radius: 50%;border: 3px solid #f5a526;position: absolute;left: 0;top:50%;margin-top:-6px;} .bmdc p{font-size: 16px;line-height:32px;;color:#495057;} .en .bmdc p{font-family: arial, sans-serif;font-size: 14px;} .bmdc b{font-weight:500;color:#495057;display: block;padding-top: 15px; } .en .bmdc b{font-family: arial, sans-serif;text-transform: uppercase;font-weight: 600;} .bmdc i{font-size: 2rem;margin-right:5px;color: #f5a526;} @media (max-width: 1440px) { .bmdc h2{font-size: 25px;margin-bottom: 25px;} .bmdc h2:after{width: 16px;height: 16px;border: 4px solid #0e6aac;margin-top: -7px;} .bmdc-ul li span{font-size: 16px;padding: 0 0 10px 0;line-height: 26px; } } @media (max-width: 992px) { .bmdc{padding: 30px 20px;} .bmdc h2{font-size:1.8rem;padding: 0 0 0 20px;margin-bottom: 20px;} .en .bmdc h2{font-size:1.6rem;} .bmdc h2:after{width: 12px;height: 12px;border: 2px solid #0e6aac;margin-top: -4px;} .en .bmdc h2:after{margin-top: -6px;} .bmdc h6{font-size: 1.6rem;border-top:none;padding:10px 20px;} .bmdc h6:after{border: 2px solid #f5a526;margin-top:-4px;} .en .bmdc h6:after{margin-top:-6px;} .bmdc p{font-size: 1.3rem;line-height:2rem;} .en .bmdc p{font-size:1rem;} .bmdc b{padding-top: 10px;font-size: 1.4rem;} .en .bmdc b{font-size: 1rem;} .bmdc i{font-size: 1.8rem;} .en .bmdc i{font-size: 1.4rem;} .bmdc .xnb-pdf{margin: 30px auto;} } @media (max-width: 375px) {} /*cpxn*/ .cpxn{} .cpxn h2{font-size: 30px;margin-bottom: 30px;position: relative;padding: 0 0 0 30px;font-weight: 600;} .cpxn h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -8px;} .en .cpxn h2{font-size: 25px;font-family: arial, sans-serif;text-transform: uppercase;} .en .cpxn h2:after{margin-top: -10px;} .cpxn table td:first-child{position: relative;} .cpxn table .c1 td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #00b0f0;} .cpxn table .c2 td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #ffc000;} .cpxn table .c3 td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #e26b0a;} @media (max-width: 1440px) { .cpxn h2{font-size: 26px;margin-bottom: 25px;} .cpxn h2:after{width: 16px;height: 16px;border: 4px solid #0e6aac;margin-top: -7px;} } @media (max-width: 992px) { .cpxn{padding: 30px 20px;} .cpxn h2{font-size: 2rem;margin-bottom:10px;padding: 0 0 0 20px;} .cpxn h2:after{width:12px;height:12px;border:3px solid #0e6aac;margin-top: -5px;} .en .cpxn h2{font-size:1.8rem;} .en .cpxn h2:after{margin-top: -5px;} } /*gylc*/ .gylc{padding:50px;margin:50px 0;background-color:#f1f3f5;} .gylc h2{font-size: 30px;margin-bottom: 30px;position: relative;padding: 0 0 0 30px;font-weight: 600;} .en .gylc h2{font-size: 25px;font-family: arial, sans-serif;text-transform: uppercase} .gylc h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -8px;} .en .gylc h2:after{margin-top: -11px;} @media (max-width: 1440px) { .gylc h2{font-size: 25px;margin-bottom: 25px;} .gylc h2:after{width: 16px;height: 16px;border: 4px solid #0e6aac;margin-top: -7px;} } @media (max-width: 992px) { .gylc{padding:30px 20px;margin:20px 0 0 0;background-color:#e9ecef} .gylc h2{font-size: 2rem;margin-bottom:20px;padding: 0 0 0 20px;} .en .gylc h2{font-size: 1.8rem} .gylc h2:after{width:12px;height:12px;border:3px solid #0e6aac;margin-top: -5px;} .en .gylc h2:after{margin-top: -5px;} } .gylc .lclist{ 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;padding:30px 0; position: relative; } .gylc .lclist:after{ content: ''; width: 80%;height: 45%;position: absolute;left: 50%;margin-left: -40%;top:25%; border: 5px solid #0e6aac;z-index: 1;border-left: none;border-radius: 50px; } .gylc .lclist li{width: 16.8%;margin-right: 4%;margin-bottom: 4%;background-color: #fff;position: relative;border-radius:20px;padding:20px 20px 40px 20px;overflow: hidden;z-index: 2;} .gylc .lclist li:nth-child(5n){margin-right: 0;} .gylc .lclist li b{display: inline-block;position: absolute;left:10px;top:10px;width:30px;height:30px;line-height:28px;font-size: 25px;font-family: "DINPro-Bold";border-radius: 50%;background-color:#f5a526;color: #fff;text-align: center; } .en .gylc .lclist li b{font-size: 22px;} .gylc .lclist li .img{width: 100%;} .gylc .lclist li .img img{width: 100%;} .gylc .lclist li .img span{display: block;font-size: 16px;font-weight:400;color: #fff;line-height: 30px;text-align: center;background-color: #0e6aac;padding: 5px 10px;position: absolute;left: 0;bottom: 0;width: 100%;} .gylc .cclist{background-color: #fff;padding: 20px;border-radius:15px;} @media (max-width: 1440px) { .gylc .lclist li{width: 18.4%;margin-right: 2%;margin-bottom: 2%;} .gylc .lclist li b{width:28px;height:28px;line-height:25px;font-size: 20px} .en .gylc .lclist li b{font-size: 18px;} .gylc .lclist li .img span{font-size: 14px;line-height: 25px;} .en .gylc .lclist li .img span{font-size: 12px;} } @media (max-width: 992px) { .gylc .lclist{padding:10px 0;} .gylc .lclist:after{width:60%;height: 80%;margin-left: -30%;top:10%;border:4px solid #0e6aac;} .gylc .lclist li{width:45%;margin-right:0;margin-bottom:5%;border-radius:12px;padding:10px 10px 20px 10px;} .gylc .lclist li:nth-child(9){order: 6;} .gylc .lclist li:nth-child(8){order: 7;margin-right:10%;} .gylc .lclist li:nth-child(7){order: 8;} .gylc .lclist li:nth-child(6){order: 9;} .gylc .lclist li:nth-child(5){margin-right:10%;} .gylc .lclist li:nth-child(4){} .gylc .lclist li:nth-child(3){margin-right:10%;} .gylc .lclist li:nth-child(2){} .gylc .lclist li:nth-child(1){margin-right:10%;} .gylc .lclist li b{width:25px;height:25px;line-height:25px;font-size: 1.8rem; } .en .gylc .lclist li b{font-size: 1.8rem;} .gylc .lclist li .img img{margin-bottom:10px;} .gylc .lclist li .img span{font-size: 1.2rem;line-height: 2rem;padding: 5px;} .gylc .cclist{background-color: #fff;padding:10px;border-radius:12px;text-align: center} .gylc .cclist img{display: block;width: 100%;padding: 10px 0;} } /*xn*/ .xn{margin:50px 0 0 0;background-color: #0e6aac;padding: 50px;position: relative;overflow: hidden; background-image: url(../images/xn-bg.jpg?v=2020);background-size: cover;} .xn::before{ content: ''; position: absolute; z-index: 2; top:0;left:0; filter: blur(50px); } .xn::after{ width: 100%;height: 100%; position: absolute;z-index: 1; top:0;left:0; background: hska(0,0%,100%,.3); } .xn h2{font-size: 30px;margin-bottom:20px;position: relative;padding: 30px 0;font-weight: 600;text-align: center;color: #fff;} .en .xn h2{font-family: arial, sans-serif;font-size: 25px;} .xn h2:after{content: '';width: 50px;height:3px;background-color: #fdd000;position: absolute;left: 50%;margin-left: -25px;top:0;} .xnb-pdf{display: none;} @media (max-width: 1440px) { .xn h2{font-size: 25px;margin-bottom: 25px;} .en .xn h2{font-size: 22px;} } @media (max-width: 992px) { .xn{margin:0;padding:30px 20px;background-position: center top;} .xn h2{font-size: 2rem;margin-bottom:10px;padding:20px 0;} .en .xn h2{font-size: 1.8rem;} .xn h2:after{width: 30px;margin-left: -15px;} .xnb-pdf{width: 70%;font-size: 1.6rem;line-height: 40px;font-weight: 600;color: #495057;margin:30px auto 0 auto;display: block;border:2px solid #0e6aac;text-align: center;border-radius: 30px;} .xnb-pdf i{ font-size: 2.2rem;color:#0e6aac;margin-left: 10px;font-weight: 400; } .en .xnb-pdf{width: 90%;font-size: 1.4rem;font-family: Arial, "sans-serif";line-height: 35px;} .en .xnb-pdf i{ font-size: 1.8rem;} } @media (max-width: 375px) { .en .xnb-pdf{font-size: 1.3rem;} .en .xnb-pdf i{ font-size: 1.6rem;} } .xn .xn-ul{width: 90%;flex-wrap: wrap;padding:30px 0 0 0;margin: 0 auto;align-items: center;} .xn .xn-ul li{width:15%;border: 1px solid rgba(255,255,255,0.5);margin-right: 2%;margin-bottom: 2%;text-align: center;padding:10px;border-radius: 10px;min-height: 110px;} .xn .xn-ul li{min-height: 120px;} .xn .xn-ul li:nth-child(6){margin-right: 0} .xn .xn-ul li b{font-weight:500;font-size: 18px;color:#fdd000;display: block;padding-top: 10px;margin-bottom: 5px;} .en .xn .xn-ul li b{font-size: 14px;font-family: arial, sans-serif;font-weight: 600;text-transform: capitalize} .xn .xn-ul li p{;font-size: 16px;line-height:25px;color:#fff;} .en .xn .xn-ul li p{font-family: arial, sans-serif;font-size: 13px;line-height: 22px;} .xn .xn-ul li:last-child{margin-right: 0;} @media (max-width: 1440px) { .xn .xn-ul{width: 100%;padding:10px 0 0 0;} .xn .xn-ul li{padding:5px;border-radius: 8px;min-height: 90px;width:15.83%;margin-right:1%;margin-bottom:1%;} .xn .xn-ul li b{font-size: 16px;} .xn .xn-ul li p{font-size: 14px;line-height:22px;} } @media (max-width: 992px) { .xn .xn-ul{width:100%;padding:10px 0 0 0;} .xn .xn-ul li{width:48.75%;border-radius: 8px;min-height:70px;margin-right: 2.5%;margin-bottom: 2.5%;padding:10px 10px} .xn .xn-ul li:nth-child(2n){margin-right: 0} .xn .xn-ul li b{font-size: 1.4rem;padding-top: 0;} .en .xn .xn-ul li b{font-size:1.2rem} .xn .xn-ul li p{font-size: 1.2rem;line-height:1.6rem;} .en .xn .xn-ul li p{font-size: 1rem;line-height:1.8rem;} .xn .xn-ul li:last-child{width:100%;} } /*lamination*/ .lamination{align-items: center;} .lamination .img{margin-right: 2%;width: 30%;} .lamination .img img{width: auto;max-width: 100%;} .lamination .text{width: 68%;} .lamination .text h5{font-size: 22px;font-weight:500;margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom:20px; } .lamination .text p{font-size: 18px;line-height: 36px;color: #868e96;font-family: "DINPro-Bold";} .lamination .text p i{font-size: 3.2rem;color: #e7670d;margin-right: 10px;} .en .lamination .text h5{font-size: 18px;font-family: arial, sans-serif;font-weight: 600 } .en .lamination .text p{font-size: 14px;line-height: 25px;font-family: arial, sans-serif} .en .lamination .text p i{font-size: 3rem;} .lamination .text .lamination-ul{padding: 50px 0;flex-wrap: wrap} .lamination .text .lamination-ul li{width:32%;margin-right: 2%;margin-bottom: 2%;padding:25px 20px 25px 120px;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); } .en .lamination .text .lamination-ul li{padding:20px 20px 20px 90px;} .lamination .text .lamination-ul li:nth-child(3){margin-right: 0;} .lamination .text .lamination-ul li:nth-child(4){width: 49%;} .lamination .text .lamination-ul li:nth-child(5){width: 49%;margin-right: 0} .lamination .text .lamination-ul li h6{font-size: 20px;font-weight:500;color:#495057;margin-bottom: 10px;} .lamination .text .lamination-ul li p{font-size: 16px;line-height: 25px;color: #868e96} .en .lamination .text .lamination-ul li h6{font-size: 14px;font-weight:600;font-family: arial, sans-serif;text-transform: capitalize;margin-bottom: 0;} .en .lamination .text .lamination-ul li p{font-size: 14px;line-height: 22px;font-family: arial, sans-serif;} .lamination .text .lamination-ul li i{font-size: 5rem;color:#dc0808;position: absolute;left: 20px;top:15px; } @media (max-width: 1440px) { .lamination .img{width: 33%;} .lamination .text{width: 65%;} .lamination .text h5{font-size: 18px;margin-bottom: 15px;padding-bottom:15px;line-height: 32px; } .lamination .text p{font-size: 15px;line-height: 30px;} .lamination .text p i{font-size: 2.5rem;} .lamination .text .lamination-ul{padding: 30px 0;} .lamination .text .lamination-ul li{padding:15px 10px 15px 65px; border: 1px solid #e9ecef; 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); } .lamination .text .lamination-ul li h6{font-size:15px;} .lamination .text .lamination-ul li p{font-size: 13px;line-height: 22px;} .lamination .text .lamination-ul li i{font-size: 4rem;left: 10px;top:10px; } } @media (max-width: 992px) { .lamination{padding: 30px 20px;flex-wrap: wrap} .lamination .img{margin-right: 0;width: 100%;} .lamination .text{width: 100%;} .lamination .text h5{font-size: 1.5rem;margin-bottom: 10px;padding-bottom:10px;line-height: 2.5rem;} .lamination .text p{font-size: 1.4rem;line-height: 2.5rem; padding: 0;} .lamination .text p i{font-size: 3rem;} .en .lamination .text h5{font-size: 1.6rem; } .en .lamination .text p{font-size: 1.2rem;line-height: 2rem;} .en .lamination .text p i{font-size: 2.5rem;} .lamination .text .lamination-ul{padding:30px 0;} .lamination .text .lamination-ul li{width:100%;margin-right:0;margin-bottom:3%;padding:15px 0 15px 70px;box-shadow: 2px 3px 1px rgba(0,0,0,0.03);-webkit-box-shadow:2px 3px 1px rgba(0,0,0,0.03);-moz-box-shadow:2px 3px 1px rgba(0,0,0,0.03);} .en .lamination .text .lamination-ul li{padding:15px 0 15px 70px;} .lamination .text .lamination-ul li:nth-child(4){width:100%;} .lamination .text .lamination-ul li:nth-child(5){width:100%;} .lamination .text .lamination-ul li h6{font-size: 1.4rem;margin-bottom: 5px} .lamination .text .lamination-ul li p{font-size: 1.2rem;line-height: 2.2rem;} .en .lamination .text .lamination-ul li h6{font-size: 1.4rem;} .en .lamination .text .lamination-ul li p{font-size: 1.2rem;line-height: 2rem;} .lamination .text .lamination-ul li i{font-size:3.5rem;left:15px;top:10px; } } @media (max-width: 768px) { .lamination .text h5{font-size: 1.4rem;line-height: 2.2rem;} .lamination .text p{font-size: 1.2rem;line-height: 2rem;} .lamination .text p i{font-size: 2.5rem;} .en .lamination .text h5{font-size: 1.4rem; } .en .lamination .text p{font-size: 1.2rem;line-height: 2rem;} .en .lamination .text p i{font-size: 2.2rem;} } /*component*/ .component{flex-wrap: wrap} .component .img{margin-right:5%;width: 30%;margin-bottom: 5%} .component .img img{width: auto;max-width: 100%;border: 1px solid #ddd;} .component .text{width: 65%;} .component .text h3{font-size: 25px;font-weight:500;margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom:20px;color: #0e6aac} .en .component .text h3{font-family: arial, sans-serif;font-size: 22px;text-transform: uppercase;font-weight: 600} .component .text p{font-size: 18px;line-height: 36px;color: #868e96;font-family: "DINPro-Bold";} .en .component .text p{font-size: 16px;line-height: 26px;font-family: arial, sans-serif;} .component .text p b{display: block;font-weight: 500;color:#495057;padding: 20px 0 0 0;font-size: 22px; } .en .component .text p b{font-family: arial, sans-serif;font-weight: 600;font-size:20px;} .component .text p i{font-size: 3.2rem;color: #e7670d;margin-right: 10px;} .en .component .text p i{font-weight: 500;font-size: 3rem;} .component .text ul{padding: 30px 0;width: 60%;} .en .component .text ul{width: 100%;} .component .text ul li{width: 49%;margin-right: 2%;padding:20px 10px;text-align: center;font-size: 18px;font-weight: 500;background-color: #0e6aac;color: #fff;border-radius:8px;} .en .component .text ul li{font-family: arial, sans-serif;font-size: 16px;} .component .text ul li:last-child{margin-right: 0;background-color: #fdd000;color:#212529;} .component-ul{flex-wrap: wrap;padding:5% 0 0 0;border-top: 1px dashed #ddd;} .component-ul li{width: 32%;margin-right: 2%;padding: 20px; 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); } .component-ul li:last-child{margin-right:0 } .component-ul li img{width: 100%;} @media (max-width: 1440px) { .component .text h3{font-size: 20px;margin-bottom: 15px;padding-bottom:15px;line-height: 32px; } .component .text p{font-size: 15px;line-height: 30px;} .component .text p b{font-size: 18px;padding: 15px 0 0 0;} .component .text p i{font-size: 2.6rem;} .component-ul{padding: 5% 0 0 0;} .component-ul li{ padding: 20px; border: 1px solid #e9ecef; 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); } .component .text ul{padding: 20px 0;width:90%;} .component .text ul li{padding:15px 20px;font-size: 15px;} } @media (max-width: 992px) { .component{padding: 30px 20px;} .component .img{margin-right:0;width: 100%;margin-bottom:0;order: 2;} .component .img img{border:none} .component .text{width: 100%;} .component .text h3{font-size: 1.8rem;margin-bottom: 10px;padding-bottom:10px;} .en .component .text h3{font-size: 1.6rem;} .component .text p{font-size: 1.4rem;line-height: 2.5rem;} .en .component .text p{font-size:1.2rem;line-height: 2rem;} .component .text p b{padding:20px 0 0 0;font-size: 1.6rem; } .en .component .text p b{font-size:1.4rem;} .component .text p i{font-size: 3rem;} .en .component .text p i{font-size: 2.5rem;} .component .text ul{padding: 20px 0;width: 100%;} .component .text ul li{padding:10px;font-size: 1.4rem;display:table-cell;vertical-align:middle;} .en .component .text ul li{font-size: 1.2rem;} .component-ul{flex-wrap: wrap;padding:5% 0 0 0;border-top: 1px dashed #ddd;} .component-ul li{width: 32%;margin-right: 2%;padding: 20px; 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); } .component-ul li:last-child{margin-right:0 } .component-ul li img{width: 100%;} } /*dz*/ .dz{align-items: center} .dz .img{margin-right: 2%;width: 30%;} .dz .img img{width: auto;max-width: 100%;} .dz .text{width: 68%;} .dz .text h3{font-size: 25px;font-weight:500;margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom:20px;color: #0e6aac} .en .dz .text h3{font-family: arial, sans-serif;font-size: 22px;font-weight: 600;text-transform: uppercase} .dz .text p{font-size: 18px;line-height: 36px;color: #868e96;font-family: "DINPro-Bold";} .en .dz .text p{font-size: 16px;line-height: 28px;font-family: arial, sans-serif;} @media (max-width: 1440px) { .dz .img{width: 33%;} .dz .text{width: 65%;} .dz .text h3{font-size: 20px;margin-bottom: 15px;padding-bottom:15px;line-height: 32px; } .dz .text p{font-size: 15px;line-height: 30px;} } @media (max-width: 992px) { .dz{flex-wrap: wrap;padding: 30px 20px;} .dz .img{margin-right:0;width: 100%;order: 2;} .dz .img img{width: auto;max-width: 100%;} .dz .text{width: 100%;} .dz .text h3{font-size: 1.8rem;font-weight:600;margin-bottom:10px;padding-bottom:10px;} .en .dz .text h3{font-size:1.6rem;line-height: 2.2rem;} .dz .text p{font-size:1.4rem;line-height:2.2rem;margin-bottom:10px;} .en .dz .text p{font-size:1.2rem;line-height:2rem;} } /*zzrz*/ .zzrz{margin:0 0 50px 0;} .zzrz h2{font-size: 30px;margin-bottom: 20px;position: relative;padding: 0 0 0 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .zzrz p{font-size: 18px;line-height: 36px;color: #868e96;font-family: "DINPro-Bold";margin-bottom:20px;} .zzrz h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -10px;} .zzrz-img-ul{flex-wrap: wrap;padding: 20px 0;} .zzrz-img-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%; box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.08); border: 3px solid #ddd;padding: 10px; } .zzrz-img-ul li:nth-child(4n){margin-right:0;} .zzrz-img-ul li img{width: 100%;} /*zzbz*/ .zzbz,.pkgl{margin:0 0 50px 0;} .zzbz h2,.pkgl h2{font-size: 30px;margin-bottom: 20px;position: relative;padding: 0 0 0 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .zzbz p,.pkgl p{font-size: 18px;line-height: 36px;color: #868e96;font-family: "DINPro-Bold";margin-bottom:20px;} .zzbz h2:after,.pkgl h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -10px;} .pkgl{position: relative;} .pkgl .img{padding: 30px 0} .pkgl .img img{max-width: 100%;width: auto;} .pkgl .info{width: 100%;padding:10px 0 0 0;} .pkgl .info p{font-size: 18px;line-height: 32px;color: #495057;font-weight: 450} .en .pkgl .info{width: 100%;padding:10px 0 0 0;} .en .pkgl .info p{font-size: 16px;line-height: 26px;} .zzbz-img-ul{flex-wrap: wrap;padding: 20px 0;} .zzbz-img-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;padding: 10px; box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.08); } .zzbz-img-ul li:nth-child(4n){margin-right: 0;} .zzbz-img-ul li img{width: 100%;} @media (max-width: 1440px) { .zzbz h2,.pkgl h2{font-size: 25px;margin-bottom: 25px;} .zzbz p{font-size: 16px;line-height: 26px;} .pkgl .info{width: 30%;padding: 20px 0 0 0;} .pkgl .info p{font-size: 16px;line-height:26px;} .en .pkgl .info{width: 30%;padding: 20px 0 0 0;} .en .pkgl .info{padding: 0;} .en .pkgl .info p{font-size: 14px;line-height: 22px;} } @media (max-width: 992px) { .zzrz{margin:0;padding: 30px 20px;} .zzbz,.pkgl{margin:0;padding: 30px 20px;} .zzbz h2,.pkgl h2{font-size: 1.8rem;margin-bottom: 10px;font-weight: 700;letter-spacing: 2px;padding: 0 0 0 20px;} .en .zzbz h2{font-size: 1.6rem;letter-spacing: 0;font-weight: 400;} .zzbz p{font-size: 1.4rem;line-height: 2.5rem;} .en .zzbz p{font-size: 1.2rem;line-height: 2rem;} .zzbz h2:after,.pkgl h2:after{width:14px;height:14px;border:3px solid #0e6aac;margin-top: -7px;} .zzrz h2{font-size: 1.8rem;margin-bottom: 10px;font-weight: 700;letter-spacing: 2px;padding: 0 0 0 20px;} .en .zzrz h2{font-size: 1.6rem;letter-spacing: 0;font-weight: 400;} .zzrz p{font-size: 1.4rem;line-height: 2.5rem;} .en .zzrz p{font-size: 1.2rem;line-height: 2rem;} .zzrz h2:after{width:14px;height:14px;border:3px solid #0e6aac;margin-top: -7px;} .pkgl .info{width: 100%;position: unset;} .pkgl .info p{font-size: 14px;line-height:22px;} } @media (max-width: 375px) {} /*zzbz-img*/ .zzbz-img{padding: 30px 50px;flex-wrap: wrap;background-color:#f1f3f5;} .zzbz-img li{margin:30px 10px;padding:10px;background-color: #fff;} .zzbz-img li a{width: 100%;display: block;} .zzbz-img li a .img{width: 100%;overflow: hidden;position: relative;background-color: #000} .zzbz-img li a .img:after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top:-100%; z-index: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .zzbz-img li a i{font-size: 4rem;color:#fdd000;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: 50%;top:50%;margin-left: -25px;margin-top: -200px;z-index: 2} .zzbz-img li a img{width: 100%;} .zzbz-img li a span{display: block;padding:10px 0 0 0;font-size: 18px;font-weight: 400;color: #495057;text-align: center} .en .zzbz-img li a span{font-family: arial, sans-serif;font-size: 16px;} .zzbz-img li a:hover{} .zzbz-img li a:hover:after{top:0;} .zzbz-img li a:hover i{margin-top: -25px;} .zzbz-img li a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; } @media (max-width: 1440px) { .zzbz-img li{padding:8px;} .zzbz-img li a i{font-size: 3rem;} .zzbz-img li a span{padding:5px 0 0 0;font-size: 14px;} } @media (max-width: 992px) { .zzbz-img{padding:0;background-color:#fff;} .zzbz-img li{margin:10px 30px 0 30px;padding:0;} .zzbz-img li a i{font-size: 2rem;width:30px;height:30px;line-height:30px;margin-left: -15px;} .zzbz-img li a span{font-size: 1.4rem;} .en .zzbz-img li a span{font-size: 1.2rem;} .zzbz-img li a:hover i{margin-top: -15px;} } .zzbz-img .NextArrow,.zzbz-img .PrevArrow{ position: absolute; width: 32px; height: 32px; border: none; line-height: 28px; background: transparent; text-align: center; z-index: 999; outline: none; bottom: 50%; margin-bottom: -16px; } .zzbz-img .NextArrow i,.zzbz-img .PrevArrow i{font-size:2.5rem;color:#868e96;} .zzbz-img .NextArrow:hover,.zzbz-img .PrevArrow:hover{} .zzbz-img .NextArrow:hover i,.zzbz-img .PrevArrow:hover i{color:#fdb817;} .zzbz-img .NextArrow{right:12px;} .zzbz-img .PrevArrow{left:12px;} @media (max-width: 992px) { .zzbz-img .NextArrow,.zzbz-img .PrevArrow{width: 28px;height: 28px;line-height: 28px;margin-bottom: -14px;} .zzbz-img .NextArrow{right:-10px;} .zzbz-img .PrevArrow{left:-10px;} } /*swiper*/ .swiper-container {position: relative;z-index: 1;} .swiper-container-no-flexbox .swiper-slide {} .swiper-container-vertical .swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .swiper-wrapper { position: relative; width: 10%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 50%; height: 100%; position: relative; padding: 0; } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 30px; text-align: center; line-height: 25px; height: 30px; margin-top: -15px; border-radius: 50%; border: 2px solid #fdd000; cursor: pointer } .swiper-button-next i,.swiper-button-prev i{color:#fdd000;font-size:1.4rem; } .swiper-button-next{right: 0;} .swiper-button-prev{left: 0} .swiper-container {width: 80%;overflow: hidden;margin: 0 auto} .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; transform: scale(.6); -webkit-transform: scale(.6); padding:10px; border: 10px solid #868e96; background-color: #f8f9fa; box-shadow:8px 20px 20px rgba(0,0,0,0.1); -webkit-box-shadow:8px 20px 20px rgba(0,0,0,0.1); -moz-box-shadow:8px 20px 20px rgba(0,0,0,0.1); } .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(.9);transform: scale(.9)} .swiper-slide img {width: 100%;display: block;border: 1px solid #ced4da} @media (max-width: 992px) { .swiper-slide {width:100%;margin:30px 0;} .swiper-button-next,.swiper-button-prev {line-height: 22px;width: 26px;height: 26px;margin-top: -13px;border: none;} .swiper-button-next i,.swiper-button-prev i{color:#fdd000;font-size:1.8rem; } .swiper-container {width: 100%;} .swiper-slide {padding:3px;border: 3px solid #868e96;box-shadow:1px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow:1px 5px 5px rgba(0,0,0,0.1);-moz-box-shadow:1px 5px 5px rgba(0,0,0,0.1); transform: scale(.4);-webkit-transform: scale(.4);} .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1.2);transform: scale(1.2)} } /*tcqx*/ .tcqx{margin:30px 0 0 0;} .tcqx h2{font-size: 30px;position: relative;padding: 0 0 0 30px;font-weight: 600;text-transform: uppercase;font-family: "DINPro-Bold";} .tcqx h2:after{content: '';width: 20px;height: 20px;border-radius: 50%;border: 5px solid #0e6aac;position: absolute;left: 0;top:50%;margin-top: -8px;} @media (max-width: 1440px) { .tcqx h2{font-size: 25px;} } @media (max-width: 992px) { .tcqx{margin: 0;padding: 30px 20px;} .tcqx h2{font-size:1.8rem;font-weight:700;padding: 0 0 0 20px;} .en .tcqx h2{font-size:1.6rem;font-weight:500;} .tcqx h2:after{width: 14px;height:14px;border: 3px solid #0e6aac;margin-top: -7px;} } @media (max-width: 375px) {} .tcqx .tcqx-ul{flex-wrap: wrap;} .tcqx .tcqx-ul li{width: 23.5%;margin-right: 2%;margin-top: 2%; 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); } .tcqx .tcqx-ul li:nth-child(4n){margin-right: 0;} .tcqx .tcqx-ul li a{width: 100%;display: block;} .tcqx .tcqx-ul li a .img{width: 100%;overflow: hidden;position: relative;background-color: #000} .tcqx .tcqx-ul li a .img:after{ content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top:-100%; z-index: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .tcqx .tcqx-ul li a i{font-size: 4rem;color:#fdd000;width: 50px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: 50%;top:50%;margin-left: -25px;margin-top: -200px;z-index: 2} .tcqx .tcqx-ul li a img{width: 100%;} .tcqx .tcqx-ul li a span{display: block;padding:10px 0 0 0;font-size: 18px;font-weight: 400;color: #495057;text-align: center;font-family: "DINPro-Bold";} .tcqx .tcqx-ul li a:hover{} .tcqx .tcqx-ul li a:hover:after{top:0;} .tcqx .tcqx-ul li a:hover i{margin-top: -25px;} .tcqx .tcqx-ul li a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; } @media (max-width: 1440px) { .tcqx .tcqx-ul li{padding:12px;} .tcqx .tcqx-ul li a i{font-size: 3rem;} .tcqx .tcqx-ul li a span{padding:5px 0 0 0;font-size: 14px;} } @media (max-width: 992px) { .tcqx .tcqx-ul{padding:20px 0;} .tcqx .tcqx-ul li{width:49%;padding:5px;box-shadow:1px 3px 6px rgba(0,0,0,0.05);-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.05);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.05);} .tcqx .tcqx-ul li:nth-child(2n){margin-right: 0;} .tcqx .tcqx-ul li a i{font-size: 2.2rem;width: 30px;height:30px;line-height: 30px;margin-left: -15px;} .tcqx .tcqx-ul li a span{font-size: 1.4rem;} .tcqx .tcqx-ul li a:hover i{margin-top: -15px;} } /*swiper*/ .swiper-container {position: relative;z-index: 1;} .swiper-container-no-flexbox .swiper-slide {} .swiper-container-vertical .swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;} .swiper-wrapper { position: relative; width: 10%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 50%; height: 100%; position: relative; padding: 0; } .swiper-button-next,.swiper-button-prev { position: absolute; top: 50%; width: 30px; text-align: center; line-height: 25px; height: 30px; margin-top: -15px; border-radius: 50%; border: 2px solid #fdd000; cursor: pointer } .swiper-button-next i,.swiper-button-prev i{color:#fdd000;font-size:1.4rem; } .swiper-button-next{right: 0;} .swiper-button-prev{left: 0} .swiper-container {width: 100%;overflow: hidden;margin: 0 auto} .swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; transform: scale(.6); -webkit-transform: scale(.6); padding:10px; border: 10px solid #868e96; background-color: #f8f9fa; box-shadow:8px 20px 20px rgba(0,0,0,0.1); -webkit-box-shadow:8px 20px 20px rgba(0,0,0,0.1); -moz-box-shadow:8px 20px 20px rgba(0,0,0,0.1); } .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.9);transform: scale(0.9)} .swiper-slide img {width: 100%;display: block;border: 1px solid #ced4da} table{border-collapse: collapse;border-spacing: 0;width: 99%;} table td,table th{padding: 5px;} table th{background:#0e6aac!important;font-size: 14px;text-align: center;color: #fff;border: 1px solid #fff;} table td{background:#fff;font-size: 14px;text-align: center;border: 1px solid #868e96;} table tr:nth-child(2n) td{background-color:#e9ecef!important;} @media (max-width: 992px) { .pro-table{width: 100%;overflow-x:auto;margin:20px 0;} table{width: 500px;} table td,table th{padding:2px 4px;} table th{font-size:1rem;} table td{font-size: 0.88rem;} } .app-ul{flex-wrap: wrap;background-color: #fff;} .app-ul li{width: 49.5%;margin-right: 1%;margin-bottom: 1%;position: relative;overflow: hidden;} .app-ul li:nth-child(2n){margin-right: 0;} .app-ul li img{width: 100%;} .app-ul li:hover img{ transition: 2s cubic-bezier(0.28, 0, 0.2, 1); -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1) } .app-ul li .info{position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;padding: 50px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .app-ul li .info h6{color: #fdd000;font-size: 28px;font-weight: 600;margin-bottom:20px;letter-spacing: 1px;} .en .app-ul li .info h6{font-family: arial, sans-serif;letter-spacing: 0;font-size: 25px;text-transform: uppercase} .app-ul li .info p{color:#fff;font-size: 18px;line-height: 36px;letter-spacing: 1px;font-weight: 300;} .en .app-ul li .info p{font-family: arial, sans-serif;font-size: 16px;line-height: 26px;} .app-ul li:hover .info h6{margin:30px 0;} @media (max-width: 992px) { .app-ul{top:0;padding:20px 0;} .app-ul li{width:100%;margin-right:0;margin-bottom:2%;} .app-ul li .info{padding:30px;} .app-ul li .info h6{font-size:1.8rem;margin-bottom:10px;letter-spacing: 0;} .en .app-ul li .info h6{font-size: 1.6rem;} .app-ul li .info p{font-size: 1.3rem;line-height:2rem;letter-spacing: 0;} .en .app-ul li .info p{font-size: 1.3rem;line-height: 2rem;} .app-ul li:hover .info h6{margin:20px 0;} }