锘?*section-title*/ .section-title{padding:0 0 30px 0;} .section-title h4{font-weight:600;font-size: 32px;line-height: 32px;color: #495057;margin-bottom: 15px;} .section-title p{font-size:18px;color:#868e96;;} @media screen and (max-width: 1366px){ .section-title h4{font-size: 28px;} .section-title p{font-size: 18px;} } @media screen and (max-width: 1280px){ .section-title h4{font-size: 25px;} .section-title p{font-size:16px;} } @media screen and (max-width: 991px){ .section-title h4{font-size: 2rem;line-height: 2rem;letter-spacing: 0;} .section-title p{font-size:1.2rem;line-height: 1.8rem;} } @media (max-width: 767px){ } /*table*/ .demoTable{border-top:3px solid #015eab;} .demoTable td,.demoTable th{padding: 5px 0;} .demoTable th{background: #f8f8f8;font-size: 14px;text-align: center;} .en .demoTable th{;font-size: 12px;} .demoTable td{background:#fff;font-size: 13px;text-align: center;} .en .demoTable td{;font-size: 12px;} table{border-collapse: collapse;border-spacing: 0;width: 99%;} .demoTable td:first-child{position: relative;} .demoTable td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #3fb560;} .demoTable .c1 td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #f5a526;} .demoTable .c2 td:first-child:after{content: '';position: absolute;left:0;top:0;height: 100%;width:6px;background-color: #1399da;} .fakeContainer {margin:0;border: none;overflow: hidden;} .my_width{ /*width:100%;*/overflow:hidden;padding:0;} .first_div{display:block;margin:0 auto;} .t-fixed{position: absolute;z-index: 999;background-color: #fff;top:120px;} @media (max-width: 991px) { .demoTable{border-top:1px solid #015eab;} .demoTable td,.demoTable th{padding:0;} .demoTable th{font-size: 0.8rem;} .en .demoTable th{font-size: 0.8rem;} .demoTable td{font-size: 0.8rem;} .en .demoTable td{font-size: 0.8rem;} table{width: 100%;} .demoTable td:first-child:after{width:1px;} .demoTable .c1 td:first-child:after{width:1px;} .demoTable .c2 td:first-child:after{width:1px;} .t-fixed{;top:50px;} } @media (max-width:767px) { .first_div{display: none;} } /*galleryOverlay*/ .galleryOverlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color:rgba(0,0,0,0.88);overflow: hidden;display: none;-moz-transition: opacity 1s ease;-webkit-transition: opacity 1s ease;transition: opacity 1s ease} .galleryOverlay.visible {opacity: 1} .gallerySlider {height: 100%;left: 0;top: 0;width: 100%;white-space: nowrap;position: absolute} .gallerySlider .placeholder {background: url(../images/preloader.gif) no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block} .gallerySlider .placeholder:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px} .gallerySlider .placeholder img {display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle} .prevArrow,.nextArrow {border: none;text-decoration: none;background: url(../images/arrows.png) no-repeat;opacity: 1;cursor: pointer;position: absolute;width: 43px;height: 58px;top: 50%;margin-top: -29px} .prevArrow:hover,.nextArrow:hover {opacity: 1} .prevArrow {background-position: left top;left: 40px} .nextArrow {background-position: right top;right: 40px} .pagelimit {position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 1.4rem;} @media (max-width: 991px) { } .tabs .accordion-handle { display:none; } .tabs-vertical-left, .tabs-vertical-right { *zoom:1; } .tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; } .tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; } .tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; } .tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; } .tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; } .tabs-vertical-left .tabs-list { float:left; } .tabs-vertical-left .tabs-container { float:right; } .tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; } .tabs-vertical-right .tabs-list { float:right; } .tabs-vertical-right .tabs-container { float:left; } .tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; } .accordion-handle {position:relative;margin-bottom:10px;background-color:#ebebeb;text-decoration:none;color:#495057;cursor:pointer;transition:all 0.4s ease 0s; background-image: url("../images/arr-right.png");background-repeat: no-repeat;background-size:18px auto;background-position: center right; } .accordion-handle:hover {background-color:#dee2e6;} .accordion-handle.active {background-color:#0e6aac; color:#fff; background-image: url("../images/arr-bottom.png");} .accordion-handle h4 {height:45px; line-height:45px; padding:0 20px; font-size:1.6rem; font-weight:600; } .en .accordion-handle h4{font-family:Arial, "sans-serif";font-size: 1.4rem;} .accordion-content { margin-bottom:20px;display:none;} @media only screen and ( max-width:768px ){ .responsive-tabs .tabs-list { display:none; } .responsive-tabs .accordion-handle { display:block} .responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container {width:100%; float:none;} .responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content {margin:10px;} } /*sub-banner*/ .sub-banner{margin-top:100px;height:600px;background-repeat: no-repeat;background-size:cover;background-position: center;position: relative;background-color: #adb5bd;} .sub-banner .page-title{padding:18% 0 0 0;position: relative;} .sub-banner.en .page-title{padding: 22% 0 0 0;} .sub-banner .page-title h4{font-size:50px;color: #fff;margin-bottom:15px;font-family: "DINPro-Bold";text-transform: uppercase;} .sub-banner.en .page-title h4{font-family: Arial, "sans-serif";font-weight: 600;} .sub-banner .page-title p{font-size:25px;color: #fff;font-weight:500;} .sub-banner.en .page-title p{font-family: Arial, "sans-serif"} @media (max-width: 1440px) { .sub-banner{height: 450px;margin-top: 80px;} .sub-banner .page-title h4{font-size: 40px;margin-bottom:5px;font-weight: 500;} .sub-banner .page-title p{font-size: 22px;line-height: 36px;} } @media (max-width: 1280px) { .sub-banner{height: 400px;margin-top: 60px;} .sub-banner .page-title h4{font-size: 36px;} .sub-banner .page-title p{font-size: 18px;line-height: 28px;} } @media screen and (max-width: 992px){ .sub-banner{margin-top:50px;height: 200px;background-size: cover;} .en.sub-banner{height: 130px} .pro-banner{background-position: center right;} .sub-banner .page-title{padding: 20% 0 0 0;} .en.sub-banner .page-title{padding: 15% 0 0 0;} .sub-banner .page-title h4{font-size: 2.6rem;margin-bottom:10px;} .en .sub-banner .page-title h4{font-size: 2.2rem;} .sub-banner .page-title p{font-size: 1.6rem;line-height:2rem;font-weight:500;letter-spacing: 0} } /*page-nav*/ .sub-main .page-nav{position: relative;top:-80px;border-bottom: 1px solid #eee;background-color: transparent;} .sub-main .page-nav .loc{width: 50%;line-height: 80px;color: #666;background-color: #fff;padding: 0 0 0 30px;} .sub-main .page-nav .loc a{font-size: 16px;color: #888;} .sub-main .page-nav .loc a:hover{} .sub-main.en .page-nav .loc a{font-family: Arial, "sans-serif";text-transform: uppercase;font-size: 14px;} .sub-main .page-nav .loc i{color: #999;font-size: 2rem;margin:0 5px;} .sub-main.en .page-nav .loc i{font-size: 1.8rem;position: relative;top:1px;} .sub-main .page-nav ul{ width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; background-color: #fff; } .sub-main .page-nav ul li{line-height: 80px;font-size:18px;width: 20%;} .sub-main .page-nav ul li a{color:#666;font-weight:400;display: block;position: relative;text-align: center;} .sub-main.en .page-nav ul li{font-size:16px;} .sub-main.en .page-nav ul li a{font-family: Arial, "sans-serif";text-transform: uppercase;font-weight: 600} .sub-main .page-nav ul li a:after{content: '';width: 0;background-color:#0e6aac;height: 5px;position: absolute;bottom: -1px;left: 50%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .sub-main .page-nav li a:hover,.sub-main .page-nav li a.cur{color:#0e6aac;} .sub-main .page-nav li a:hover:after,.sub-main .page-nav li a.cur:after{width: 50%;margin-left: -25%;} .sub-main .sub-warp{position: relative;top:-80px;background: #fff;padding:80px;background-size: 100% auto;background-repeat: no-repeat;background-position: center bottom; box-shadow:5px 10px 20px rgba(0,0,0,0.05); -webkit-box-shadow:5px 20px 50px rgba(0,0,0,0.05); -moz-box-shadow:5px 20px 50px rgba(0,0,0,0.05); } @media (max-width: 1440px) { .sub-main .sub-warp{padding:50px} .sub-main.en .page-nav ul li{font-size:14px;} .sub-main .page-nav li a:hover:after,.sub-main .page-nav li a.cur:after{width: 60%;margin-left: -30%;} } @media screen and (max-width: 992px){ .sub-main .page-nav{top:0;} .sub-main .page-nav .flex-sb{flex-wrap: wrap} .sub-main .page-nav .loc{display: none} .sub-main .page-nav ul{-webkit-justify-content: center;justify-content: center;width: 100%;} .sub-main .page-nav ul li{line-height:50px;font-size:1.5rem;width: 20%;} .sub-main .page-nav ul li a{font-weight:400;} .sub-main.en .page-nav ul li{font-size:1.4rem;} .sub-main .page-nav ul li a:after{height: 2px;bottom: -1px;} .sub-main .page-nav li a:hover,.sub-main .page-nav li a.cur{color:#0e6aac;} .sub-main .page-nav li a:hover:after,.sub-main .page-nav li a.cur:after{width:70%;margin-left: -35%;} .sub-main .sub-warp{padding:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;top:0;flex-wrap: wrap;} .en.pro .page-nav ul{flex-wrap: wrap;-webkit-justify-content: flex-start!important;justify-content: flex-start!important;padding:10px;} .en.pro .page-nav ul li{width: 49%!important;margin-bottom: 2%;margin-right: 2%;background-color:#e9ecef!important;} .en.pro .page-nav ul li:nth-child(2n){margin-right: 0;} .en.pro .page-nav ul li a{} .en.pro .page-nav ul li a:after{display: none;} .en.pro .page-nav ul li a:hover,.en.pro .page-nav ul li a.cur{color:#fff;background-color:#0e6aac;} } @media (max-width: 375px) { .en .page-nav ul li a{font-size: 1.3rem;} .en .page-nav-ul li a{font-size: 1.2rem;font-weight: normal!important;} } .sitemaps{} .sitemaps dl{padding: 30px 50px;border-right: 1px dashed #ddd;} .sitemaps.en dl{padding: 30px 30px;} .sitemaps dl:last-child{border-right: none;} .sitemaps dt{font-size: 18px;font-weight: 600;margin-bottom: 10px;} .sitemaps.en dt{font-size: 16px;text-transform: uppercase;font-family: Arial, "sans-serif"} .sitemaps dt a{color: #495057} .sitemaps dt a:hover{} .sitemaps dd{font-size: 16px;line-height: 50px;border-bottom: 1px solid #eee;} .sitemaps dd:last-child{border-bottom: none;} .sitemaps.en dd{font-size: 14px;} .sitemaps.en dd a{font-family: Arial, "sans-serif";text-transform: capitalize} .sitemaps dd a{color: #868e96} .sitemaps dd a:hover{} .sitemaps ul{padding: 0 0 10px 20px;} .sitemaps li{font-size: 14px;line-height: 25px;} .sitemaps.en li{font-size: 12px;line-height: 22px;} .sitemaps li a{color: #adb5bd} .sitemaps li a:hover{} @media (max-width: 1440px) { .sitemaps{flex-wrap: wrap;} .sitemaps dl{padding: 20px 30px} .sitemaps.en dl{padding: 20px 20px;} .sitemaps dt{font-size: 16px} .sitemaps.en dt{font-size: 14px;} .sitemaps dd{font-size: 14px;line-height: 40px} .sitemaps.en dd{font-size: 12px;} .sitemaps ul{padding: 0 0 10px 10px;} .sitemaps li{font-size: 12px;line-height: 22px;} .sitemaps.en li{font-size: 11px;} } @media screen and (max-width: 992px){ .sitemaps{padding: 20px!important;background-color:#f1f3f5!important;} .sitemaps dl{padding: 20px 20px;width:100%;border-right:none;margin-bottom:3%;background-color: #fff;} }