* { margin: 0; padding: 0; border: 0; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: borde; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"; color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5; background-color: #ffffff; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a,a:hover,a:focus { text-decoration: none;-webkit-transition: all .2s;} iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } p {color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0 0 20px 0;} /*ol, ul { list-style-position: outside; margin: 0 0 20px 0; padding-left: 30px;} ul li, ol li{ font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 10px 0; color: #333333; }*/ ol { list-style-position: outside; margin: 0 0 20px 0; padding-left: 30px;} ol li{ font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 10px 0; color: #333333; } ul{list-style: none;margin: 0 0 0 6px;padding: 0;} ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #333333;padding-left: 20px;margin: 0 0 10px 0;position: relative;} ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #004488;left: 0;margin-top: 8px;} blockquote { font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 30px 24px; padding: 0 0 0 22px; border-left: 4px solid #bfdeee; color: #9b9b9b; font-style: italic; } ::-moz-selection { background: #c7e3ff;} ::selection { background: #c7e3ff;color: #000000;} .grid::before,.grid::after,.clearfix::before,.clearfix::after{content: ''; clear: both; display: table;} .lt, .grid .grid_2, .grid .grid_3, .grid .grid_4,.grid .grid_5, .graphic .graphic-img, .graphic .graphic-info, .content .sidebar, .content .sidebar_info { float: left; } .rt { float: right; right: 0;} h1{font-size: 60px; line-height: 66px; margin: 0;} h2{font-size: 36px; line-height: 44px; margin: 0;} h3{font-size: 20px; line-height: 28px; margin: 0;} input{border-radius:0;-webkit-appearance: none;} *:hover{-webkit-transition: all .2s;} *a:hover{cursor:pointer;} .mce-visualblocks h2{font-size: 28px !important;color: #004488;font-weight: 700;line-height: 130%;margin: 60px 0 20px;} .mce-visualblocks h3{font-size: 22px !important;color: #004488;font-weight: 700;line-height: 150%;margin-bottom: 16px;} .mce-visualblocks h4{font-size: 18px !important;color: #004488;font-weight: 400;margin: 0 0 10px 0;} .mce-visualblocks h5{font-size: 16px !important;color: #004488;font-weight: 400;margin: 0 0 10px 0;} .mce-visualblocks h6{font-size: 18px !important;color: #ABB2C0;font-weight: 400;margin: 0;padding: 0} .mce-visualblocks p{font-size: 18px;color: #000000;font-weight: 400;margin: 0;} .mce-visualblocks ul li,.mce-visualblocks ol,li{font-size: 18px;color: #000000;font-weight: 400;margin: 0;} .mce-visualblocks ul li:before{margin-top: 8px !important;} .mce-visualblocks a{color: #d52129;} .mce-visualblocks img{width: 660px !important;height: auto !important;display: block;} table.mce-item-table{font-size: 16px !important;} #wrapper{width: 100%; max-width: 2560px; min-width: 1260px; margin: 0 auto; word-wrap: break-word; overflow: hidden;} .wrap{width: 1170px; margin: 0 auto;} #header{width: 100%;max-width: 2560px;position: fixed;background-color: transparent;z-index: 999;top: 0;height: 100px;} /*#header .topmenu{border-bottom: 1px solid rgb(181, 202, 226);height: 100px;position: relative;width: 1440px;margin: 0 auto;left: 50%;margin-left: -720px;}*/ #header .topmenu{border-bottom: 1px solid rgb(181, 202, 226);height: 100px;position: relative;width: 1170px;margin: 0 auto;} #header .tzlogo{float: left;margin-right: 120px;width: 120px;position: relative;} #header .tzlogo img{width: 120px;height: 45px;display: block;} /*#header .tzlogo svg{width: 120px;height: 45px;fill: #ffffff;}*/ #header .tzlogo .TZCO-L{width: 45px;height: 45px;fill: #ffffff;} #header .tzlogo .TZCO-R{width: 70px;height: 31px;fill: #ffffff;position: absolute;right: 0;top: 8px;} /*#header .menu{margin: 10px 0 0 0;float: left;list-style: none;display: grid;grid-template-columns: 25% 25% 15% 15% 10% 10%;width: 720px;}*/ #header .menu,#header .m-nav{margin: 10px 0 0 0;list-style: none;} #header .menu ul{margin: 10px 0 0 0;list-style: none;} #header ul li a,#header .m-nav ul li a{padding: 0;margin: 0;float: left;} #header ul li:before,#header .m-nav ul li:before{display: none;} #header ul li a{font-size: 16px; font-weight: 500; line-height:130%; color: #ffffff; display: block;position: relative;float: left;text-align: center;padding: 4px 20px 40px 0;margin: 0 15px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;} #header .menu-nav a{font-size: 16px; font-weight: 500; line-height:130%; color: #ffffff; display: block;position: relative;float: left;text-align: center;padding: 4px 10px 40px 10px;margin: 0 15px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;max-width: 110px;} #header .menu li:nth-child(1) a::after,#header .menu li:nth-child(2) a::after{content: "";position: absolute;top: 24%;margin-left: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #888888;} #header .menu li:nth-child(1):hover a::after,#header .menu li:nth-child(2):hover a::after{content: "";position: absolute;top: 24%;margin-left: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #d52129;} #header .language{width: 100px;position: absolute;top: 44px;right: 40px;} #header .language a{padding: 0;margin: 0;} #header .language a:hover{color: #d52129;cursor:pointer;} #header .language .trp-ls-shortcode-current-language a{font-size: 15px;line-height: 120%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90px;padding-left: 30px;padding-top: 4px;padding-bottom: 6px;} #header .language svg{width: 22px;height: 22px;margin: 1px 6px 1px 0;position: absolute; fill: #ffffff;} #header .language .trp-ls-shortcode-current-language a:hover{color: #d52129;} #header .language:hover svg{fill: #d52129 !important;-webkit-transition: all .2s;cursor:pointer;} #header .language li:focus a{color: #d52129;} #header .trp-ls-shortcode-current-language a{color: #ffffff !important;} #header .language:hover .trp-ls-shortcode-current-language a{color: #cf000e !important;} #header .language .trp-language-switcher{margin: 0; display: block;} .trp-language-switcher{max-width: 100px !important;} #header .language .trp-language-switcher .trp-ls-shortcode-current-language{width: auto !important; border: none; padding: 0; border-radius:0; background-images: none; display: block; height:25px; background: transparent;} #header .language .trp-language-switcher .trp-ls-shortcode-language{border: none; border-radius:0; background-images: none; width: 360px !important; background-color: #004488;position: absolute; right: 0; left:auto; top: 26px; padding: 20px; visibility:visible;height:auto;/*min-height: 580px; */z-index: 1000000;} #header .language .trp-language-switcher .trp-ls-shortcode-language a{font-size: 14px;color: #BCBCBC;line-height: 20px;font-weight: 400;border-radius: 0; padding: 0 20px 12px 20px !important; width:50%; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #header .language .trp-language-switcher:hover .trp-ls-shortcode-language{ display: block } #header .language .trp-language-switcher:focus .trp-ls-shortcode-current-language,.language .trp-language-switcher:hover .trp-ls-shortcode-current-language{visibility:visible;} #header .language .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language{color: #d52129;} /*on_Language color*/ #header .language .trp-language-switcher .trp-ls-shortcode-language a:hover{color: #d52129; background: transparent;} #trp-floater-ls.trp-floater-ls-names{display: none;} .trp-language-switcher > div > a > img{display: none !important;}/*flag icon*/ .trp-language-switcher > div{background-image: none !important;} #header.{background-color: #001E3B;} /*#header.active{background-color: #001E3B;}*/ #header.active{background-color: #FFFFFF;box-shadow: 4px 2px 4px rgba(230, 230, 230, 0.8);} #header.active .topmenu{border-bottom: transparent;min-height: 100px;} #header.active .topmenu a{color: #000000;} #header.active .menu ul li:nth-child(1) a::after,#header.active .menu ul li:nth-child(2) a::after{ content: "";position: absolute;top: 24%;margin-left: 6px;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #888888;} #header .submenu ul li a:after{display: none !important;} #header.active .tzlogo .TZCO-L{width: 45px;height: 45px;fill: #d52129;} #header.active .tzlogo .TZCO-R{width: 70px;height: 31px;fill: #015796;position: absolute;right: 0;top: 8px;} #header.active .trp-ls-shortcode-current-language a{color: #004488!important;} #header.active .language svg{width: 22px;height: 22px;margin: 1px 6px 1px 0;position: absolute; fill: #004488;} #header.active .menu li:nth-child(1):hover a::after,#header.active .menu li:nth-child(2):hover a::after{content: "";position: absolute;top: 24%;margin-left: 4%;display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #d52129;} #header.active .search-form input[type="submit"] {width: 32px;height: 32px;background: url('/wp-content/themes/website/svg/search_2.svg') no-repeat;background-size: 70% 70%;border-radius: 50%;background-position: center;position: absolute;right: 0;} #header.active .search-form input[type="text"]:focus {width: 300px;z-index: 1;cursor: text;border-bottom: 1px solid #004488;color: #666666;} #header .menu>ul li:hover>a{color: #d52129;} #header .menu>li:hover>a{color: #d52129;} #header li.focus a,#header a:hover,#header .submenu li a:hover p,#header .menu-nav a:hover,#header ul li.focus a{color: #d52129;} #header.active li.focus a,#header.active a:hover,#header.active .submenu li a:hover p,#header.active .menu-nav a:hover,#header.active ul li.focus a{color: #d52129;} #header .header_con{padding: 30px 0 0 0;position: relative;} #header .submenu{position: absolute;width: 100%;left: 0;top: 60px; z-index: 999; display: none; padding: 40px 80px; background: #ffffff;} #header .submenu ul{display: block; overflow: hidden; margin: 0 auto; list-style: none; padding: 0;display: grid;grid-template-columns: repeat(3, 33.33%);} /*#header .submenu ul li{float: left; margin-bottom: 30px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} */ #header .submenu ul li{float: left; padding: 20px;margin: 0;} #header .submenu li a{display: block; width: 100%;padding: 0;} #header .submenu li a img{width: 270px; height: 180px;display: block;} #header .submenu li a p{padding: 10px 0;color: #000000; font-size: 16px; font-weight: 400; line-height: 140%;text-align: left;margin: 0;} #header .menu_mask{display: none; position: absolute; width: 100%; left: 0;top: 100px; box-shadow: 5px 2px 5px rgba(0,0,0,.4); background-color: #ffffff; z-index: 500; } #header .search-form {right: 0;width: 30px;position: absolute;display: block;top: 40px;} #header .search-form a{padding: 6px 10px;} #header .search-form svg{width: 16px;height: 16px;fill: #ffffff;vertical-align: middle;z-index: 100;} #header .search-form input[type="text"] {height: 32px;font-size: 14px;display: inline-block;font-family: "Heebo"; font-weight: 400;border: none;outline: none;color: #000000;padding: 5px 10px;padding-right: 30px;width: 0px;position: absolute;top: 0;right: 0; background: none;z-index: 3;transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor: pointer; } #header .search-form input[type="text"]:focus {width: 300px;z-index: 1;cursor: text;background-color: #ffffff;} #header .search-form input[type="submit"] {width: 32px;height: 32px;background: url('/wp-content/themes/website/svg/search_3.svg') no-repeat;background-size: 70% 70%;border-radius: 50%;background-position: center;position: absolute;right: 0;} #header .search-form:hover input[type="submit"]{width: 32px;height: 32px;background: url('/wp-content/themes/website/svg/search_hover.svg') no-repeat;background-size: 70% 70%;border-radius: 50%;background-position: center;position: absolute;right: 0;} #home {overflow: hidden;} #home .banner{width: 100%;height: 800px;background: url('/wp-content/themes/website/images/homebanner.jpg?w=1920&h=800') center center/cover no-repeat #000A14;background-size: 1920px 800px;} #home .banner:before{content: '';width: 100%;height: 100%;background: linear-gradient(180deg, #000F1E 0%, rgba(0, 20, 40, 0.03) 40%, rgba(0, 20, 40, 0) 80%);position: absolute;} #home .banner .banner-con{position: absolute;top: 228px;left: 50%;margin-left: -585px;z-index: 10;} #home .banner .banner-con h1{font-size: 56px;color: #FFFFFF;line-height: 130%;font-weight: 700;} #home .banner .banner-con ul{padding: 0;margin: 24px 0 0 0;list-style-position: inside;} #home .banner .banner-con li{font-size: 20px;line-height: 150%;color: #FFFFFF;margin: 0 0 12px 0;padding: 0;position: relative;padding-left: 18px;} #home .banner .banner-con li:before{content: '';display: block;position: absolute;width: 6px;height: 6px;background: #FFFFFF;left: 0;margin-top: 12px;} #home .button{background: #004488;position: relative;color: #ffffff;font-size: 16px;font-weight: 400;text-transform: capitalize; padding: 10px 66px 10px 40px;display: inline-block;margin-top: 60px;} #home .button:after{content: '';width: 22px;height: 22px;position: absolute;margin-left: 10px;background: url(/wp-content/themes/website/svg/more.svg);-webkit-transition: all .2s;background-size: 100% 100%;} #home .button:hover{background: #d52129;cursor:pointer;-webkit-transition: all .2s ease;} #home .cases{margin-top: 120px;margin-bottom: 80px;min-height: 424px;position: relative;} #home .cases img{width: 600px;height: 400px;display: block;} #home .cases .casesleft{float: left;} #home .cases .casesright{float: right;} #home .cases .casesinfo{width: 570px;height: 400px;background: #EBEBEB;padding: 50px 40px 0 50px;position: absolute;} #home .cases .casesinfo h2{font-size: 30px;line-height: 120%;font-weight: 400; color: #000000;text-transform: capitalize;margin-bottom: 30px;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;text-align: left;} #home .cases .casesinfo h3{font-size: 20px;line-height: 150%;font-weight: 700;color: #333333;margin: 0;} #home .cases .casesinfo span{font-size: 16px;line-height: 130%;font-weight: 400;color: #666666;display: inline-block;} #home .cases .casesinfo ul{display: grid;grid-template-columns: repeat(2, 50%);margin: 0;padding: 0;} #home .cases .casesinfo ul li{list-style: none;padding: 0 10px 0 40px;position: relative;margin-bottom: 20px;} #home .cases .casesinfo ul li::before {content: '';width: 30px;height: 30px;position: absolute;left: 0;} #home .cases .casesinfo ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/cases-1.svg);background-size: 30px 30px;top: 4px;} #home .cases .casesinfo ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/cases-2.svg);background-size: 30px 30px;top: 2px;} #home .cases .casesinfo ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/cases-3.svg);background-size: 30px 30px;top: 8px;} #home .cases .casesinfo ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/cases-4.svg);background-size: 30px 30px;top: 2px;} #home .cases .button{margin-top: 24px;} /*home edm-form*/ #home .edm{width: 1170px;margin: 0 auto;overflow: visible;/*background: #015796;min-height: 200px;display: grid;grid-template-columns: 20% 35% 45%; background-images: url('/wp-content/themes/website/images/edmbg.png');background-size: 180px 180px;background-position: right bottom;background-repeat: no-repeat;*/} #home .edm img{width: 206px;height: 216px;display: block;margin: 16px 0 0 20px;z-index: 10;position: absolute;} #home .edm .wrap{background: #015796;height: 200px;display: grid;grid-template-columns: 40% 60%;padding-left: 260px; background-images: url('/wp-content/themes/website/images/edmbg.png');background-size: 180px 180px;background-position: right bottom;background-repeat: no-repeat;} #home .edm .title{padding: 50px 30px 0 0;} #home .edm .title h2{font-weight: 500;font-size: 30px;line-height: 130%;color: #FFFFFF;margin-bottom: 8px;} #home .edm .title p{font-weight: 400;font-size: 18px;line-height: 150%;color: #E1E1E1;} .yanzheng{display: inline-block;} #edm-form {width: 100%;max-width: 420px;margin-top:106px;margin-left: 20px;position: relative;float: right;background-color: transparent;border: none;} #edm-form .wpforms-field-label{display: none;} #edm-form input[type="email"]{float: left;border-radius: 0 !important;max-width: 100%;height: 40px;background: #FFFFFF;;padding: 10px 130px 10px 10px;font-size: 14px;color: #000000;line-height: 130%;} #edm-form button[type="submit"]{top: 0;right: 0;border: none;height: 40px;background: #000000;position: absolute;font-size: 16px;color: #FFFFFF;padding: 0 16px;} #edm-form button[type="submit"]:hover{background: #d52129;-webkit-transition: all .2s;} #edm-form .your-email{padding: 0;margin: 0;} #edm-form .wpforms-submit-container{right: 0;top: 0;width: 140px;height: 40px;padding: 0;position: absolute;}/*submit button position*/ #edm-form input:focus{color: #000000;outline: none;background-color: #E1E1E1;} #edm-form .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;float: left;} #edm-form input.wpforms-error{border-bottom: 2px solid #E71F12;border-top-style: none;border-left-style: none;border-right-style: none;} #edm-form .wpforms-confirmation-container-full{background: #ffffff;border: none;padding: 12px 20px;overflow: auto;margin-top: -20px;} #edm-form .wpforms-confirmation-container-full p{margin: 0;color: #222222;font-size: 16px;line-height: 130%;font-weight: 700;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} #edm-form .mailcheck-suggestion{font-size: 14px;color: #ffffff;line-height: 130%;font-family: auto;} #home .cranes{margin-top: 110px;margin-bottom: 120px;background: url('/wp-content/themes/website/images/casesbg.jpg?w=1920&h=440') center center/cover no-repeat transparent; background-size: 1920px 446px;background-position: center top;background-repeat: no-repeat;} #home .cranes h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #FFFFFF;text-transform: capitalize;text-align: center;padding: 60px 0 8px 0;text-align: center;} #home .cranes span{font-weight: 400;font-size: 16px;line-height: 130%;color: #C7C7C7;padding: 0;margin: 0;text-align: center;margin: 0 auto;display: block;} #home .cranes .pro-grid{display: grid;grid-template-columns: repeat(3, 33.33%);width: 1200px;margin: 0 auto;margin-top: 44px;} #home .cranes .pro-grid .grid_3{background: #E9E9E9;margin: 0 15px;} #home .cranes .pro-grid .grid_3 img{width: 370px;height: 246px;display: block;} #home .cranes .pro-grid .protitle{padding: 16px 30px 30px 30px;width: 100%;} #home .cranes .pro-grid h3{font-size: 20px;height: 130%;color: #000000;margin-bottom: 12px;} #home .cranes .pro-grid ul{list-style: none;margin: 0;padding: 0;} #home .cranes .pro-grid ul li{font-size: 16px;line-height: 130%;color: #333333;margin-bottom: 6px;} #home .cranes .pro-grid .grid_3:hover {background: #004488;} #home .cranes .pro-grid .grid_3:hover h3,#home .cranes .pro-grid .grid_3:hover ul li{color: #ffffff;} #home .cranes .pro-grid .grid_3:hover ul li:before{content: '';background: #ffffff;} #industry{margin-top: 130px;margin-bottom: 150px;overflow: auto;} #industry h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;margin-bottom: 100px;text-align: center;text-transform: capitalize;} /*#industry > div {margin: 5% auto 0;max-width: 1170px;}*/ /*#industry body > div {margin: 5% auto 0;max-width: 1170px;}*/ .tabs {display: grid;position: relative;grid-template-columns: repeat(5, 20%);margin-top: -6%;} #industry .line {width: 80%;border-top: 2px solid #E9E9E9;margin: 0 auto;} .tab-item {font-weight: 500;font-size: 16px;line-height: 130%;color: #ABB2C0;text-align: center;background-color: transparent;} .tab-icon {position: relative;top: 2px;display: block;width: 120px;height: 120px;margin: 0 auto;margin-bottom: 20px;padding-top: 10%;background-color: rgb(229, 241, 255,0);background-size: 100% 100%;border-radius: 50%;} .tab-icon img{width: 70px;height: 80px;display: block;margin: 0 auto;opacity: 1;} .tab-item.active .tab-icon{background-color: rgb(229, 241, 255,1);} .tab-item.active {color: #333333;opacity: 1;} .tab-pane {color: #333;display: none;margin-top: 40px;overflow: auto;} .tab-pane.active {display: block;} .tab-pane img{width: 606px;height: 404px;display: block;float: left;} .tab-pane .info{width: 520px;float: right;} .tab-pane .info h3{font-size: 24px;line-height: 130%;font-weight: 700;text-transform: capitalize;padding-bottom: 14px;margin-bottom: 24px;position: relative;} .tab-pane .info h3:after{content: '';width: 40px;height: 2px;background: #5FACFF;position: absolute;left: 0;bottom: 0} .tab-pane .info p{font-weight: 400;font-size: 16px;line-height: 140%;color: #333333;} .tab-pane .info ul{list-style: none;margin: 0 0 0 6px;padding: 0;} .tab-pane .info ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #333333;padding-left: 20px;gmargin: 0 0 10px 0;position: relative;} .tab-pane .info ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #004488;left: 0;margin-top: 8px;} #industry .tab-pane .info .button{margin-top: 30px;} .tab-line{width: 90%;border-style: solid;border-width: 1px;border-color: black;margin: 0 auto;} #solution{margin-top: 110px;margin-bottom: 120px;background: url('/wp-content/themes/website/images/solutionbg.jpg?w=1920&h=880') center center/cover no-repeat transparent; background-size: 1920px 880px;background-position: center top;background-repeat: no-repeat;min-height: 880px;} #solution h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #FFFFFF;text-transform: capitalize;text-align: center;padding: 100px 0 16px 0;text-align: center;} #solution span{font-weight: 400;font-size: 16px;line-height: 130%;color: #C7C7C7;padding: 0;margin: 0;text-align: center;width: 890px;margin: 0 auto;display: block;} #solution .wrap{position: relative;} #solution .adv-grid{display: grid;grid-template-columns: repeat(2, 50%);width: 1170px;margin: 0 auto;margin-top: 44px;} #solution .grid_2{background: #FFFFFF;position: relative;margin: 12px 0;} #solution .grid_2:nth-child(odd)::before{content: '';display: block;position: absolute;width: 20px;height: 100%;background: #004488;left: 0;top: 0;} #solution .grid_2:nth-child(even)::before{content: '';display: block;position: absolute;width: 20px;height: 100%;background: #004488;right: 0;top: 0;} #solution .grid_2:nth-child(odd){margin-right: 10%;padding: 30px 60px 40px 70px;} #solution .grid_2:nth-child(even){margin-left: 10%;padding: 30px 60px 40px 100px;} #solution .grid_2 h3{font-weight: 700;font-size: 20px;line-height: 130%;color: #004488;text-transform: capitalize;margin-bottom: 14px;} #solution .center{text-align: center;margin: 0 auto;left: 33%;top: 43%;position: absolute;z-index: 10;} #solution img{width: 400px;height: 380px;display: block;} #solution h4{font-weight: 700;font-size: 20px;color: #004488;line-height: 120%;text-transform: capitalize;text-align: center;width: 100px;z-index: 20;position: absolute;left: 36%;top: 42%;} #aboutvideo{margin-top: 150px;} #aboutvideo h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-transform: capitalize;text-align: center;margin-bottom: 30px;} #aboutvideo .video a{width: 100%;height: 100%;display: block;position: relative;} #aboutvideo .video a img{width: 1170px;height: 380px;vertical-align: bottom;} #aboutvideo .video svg {position: absolute;top: 190px; left: 46%; display: block; width: 70px; height: 50px;fill: #ffffff;padding: 14px;background: rgba(255, 0, 0,0.80);border-radius: 10px;} #aboutvideo .video svg:hover{background: #FF000F;opacity: 1;} #aboutvideo .video a span{font-weight: 400;font-size: 18px;line-height: 120%;color: #F4F4F4;text-align: center;display: block;width: 100%;padding: 0 150px;position: absolute;bottom: 100px;} .aboutadv{display: grid;grid-template-columns: repeat(4, 25%);background-color: #E9E9E9;padding: 36px 50px 36px 50px;} .aboutadv .grid_4{padding-right: 10%;} .aboutadv .grid_4 svg{width: 32px;height: 32px;fill: #C0C0C0;margin: 10px 12px 0 0;float: left;} .aboutadv .grid_4 h4{font-weight: 700;font-size: 20px;line-height: 120%;color: #333333;margin: 0;} .aboutadv .grid_4 span{font-weight: 400;font-size: 16px;line-height: 120%;color: #666666;display: inline-block;} #home .about70{margin-top: -80px;position: relative;z-index: -1;} #home .about70 .wrap{padding-top: 100px;position: relative;} .about70{background-color: #004488;width: 100%;min-height: 730px;padding-bottom: 50px;} .about70 .wrap{position: relative;} .about70 h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #FFFFFF;text-transform: capitalize;text-align: center;padding: 60px 0 8px 0;text-align: center;} .about70 span{font-weight: 400;font-size: 16px;line-height: 130%;color: #FFFFFF;padding: 0;margin: 0;text-align: center;margin: 0 auto;display: block;} .about70 .aboutmap{width: 740px;height: 342px;display: block;float: left;margin-left: -200px;margin-top: 70px;} .about70 .rightinfo{width: 530px;position: absolute;right: 0;border-left: 1px solid #95CAFF;margin-top: 80px;display: grid;grid-template-rows: repeat(4, 25%);} .about70 .rightinfo .grid_4{padding: 0 0 36px 30px;} .about70 .rightinfo h4{font-weight: 500;font-size: 20px;line-height: 130%;color: #95CAFF;margin: 0 0 6px 0;padding: 0;position: relative;width: 490px;} .about70 .rightinfo h4:before{content: '';width: 16px;height: 16px;position: absolute;left: -38px;top: 6px; background: url(/wp-content/themes/website/svg/dot.svg);background-size: 100% 100%;} .about70 .rightinfo p{font-weight: 400;font-size: 16px;line-height: 120%;color: #95CAFF;margin: 0;padding: 0;width: 490px;} .park{margin-top: 120px;} .park .wrap h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-transform: capitalize;text-align: center;margin-bottom: 12px;} .park .wrap span{font-weight: 400;font-size: 16px;line-height: 130%;color: #808080;padding: 0;margin: 0;text-align: center;width: 890px;margin: 0 auto;display: block;} .park .swiper{width: 1170px;height: 500px;margin: 0 auto;margin-top: 32px;position: relative;} .park .swiper .imginfo {background: rgba(0, 68, 136,0.9);padding: 50px 40px 40px 40px;right: 80px;position: absolute;max-width: 500px;height: auto;} .park .swiper .imginfo h3{font-size: 20px;line-height: 130%;font-weight: 700;color: #FFFFFF; text-transform: capitalize;padding-bottom: 14px;margin-bottom: 24px;position: relative;} .park .swiper .imginfo h3:after{content: '';width: 40px;height: 2px;background: #FFFFFF;position: absolute;left: 0;bottom: 0} .park .swiper .imginfo p{font-weight: 400;font-size: 16px;line-height: 140%;color: #FFFFFF;} .park .swiper .imginfo ul{list-style: none;margin: 0 0 0 6px;padding: 0;} .park .swiper .imginfo ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #FFFFFF;padding-left: 20px;margin: 0 0 10px 0;position: relative;} .park .swiper .imginfo ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #FFFFFF;left: 0;margin-top: 8px;} .park .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .park .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;} .park .swiper-button-next,.park .swiper-button-prev{--swiper-navigation-color: #ffffff;--swiper-navigation-size: 22px;background: rgba(170,180,190,0.9);width: 40px;height: 40px;border-radius: 50%;top: 50%;} .park .swiper-button-next:hover,.park .swiper-button-prev:hover{background: #d52129;-webkit-transition: all .2s ease;transition: all .2s ease;} .park .swiper-pagination{display: none;} .timeline{margin-top: 120px;} .timeline h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-align: center; margin-bottom: 50px;} .timeline .swiper{width: 1170px;margin: 0 auto;margin-top: 32px;position: relative;} .timeline .swiper-slide img {display: block;width: 700px;height: 268px;object-fit: cover;top: 0;} .timeline .swiper-slide {width: 62%;} /*.timeline .swiper-slide:nth-child(2n) {width: 60%;} .timeline .swiper-slide:nth-child(3n) {width: 40%;}*/ .timeline .swiper-slide .info{background: #004488;padding: 30px 50px;width: 700px;overflow: hidden;margin-bottom: 40px;} .timeline .swiper-slide .info h3{font-weight: 700;font-size: 36px;line-height: 130%;color: #95CAFF;margin: 0 0 6px 0;} .timeline .swiper-slide .info p{font-weight: 400;font-size: 18px;line-height: 150%;color: #FFFFFF;margin: 0;padding: 0;} .timeline .swiper-pagination-bullet-active{background: #004488;} .blogs{margin-top: 110px;} .blogs h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-transform: capitalize;text-align: center;margin-bottom: 20px;} .blogs .blogs-grid{display: grid;grid-template-columns: repeat(3, 33.33%);width: 1200px;margin: 0 auto;margin-top: 44px;} .blogs .blogs-grid .grid_3{margin: 0 15px;} .blogs .blogs-grid .grid_3 img{width: 370px;height: 246px;display: block;} .blogs .blogs-grid .blogscon{padding: 30px 30px 40px 30px !important;width: 100% !important;background-color: #E9E9E9;position: relative;} .blogs .blogs-grid h3{font-size: 20px;line-height: 130%;color: #000000;margin: 16px 0;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;} .blogs .blogs-grid p{font-size: 16px;line-height: 130%;color: #666666;margin: 0;padding: 0;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;} .blogs .blogs-grid h5{font-weight: 700;font-size: 16px;line-height: 120%;color: #004488;margin-top: 56px;position: relative;} .blogs .blogs-grid h5:after{content: '';width: 16px;height: 16px;position: absolute;top: 2px;margin-left: 10px;background: url(/wp-content/themes/website/svg/blogsmore.svg);-webkit-transition: all .2s;background-size: 100% 100%;} .blogs .blogs-grid .toptips{overflow: hidden;position: relative;} .blogs .blogs-grid .type{float: left;width: 220px;float: left;display: inline;font-weight: 400;font-size: 14px;line-height: 130%;color: #ABB2C0;text-transform: uppercase;} /*.blogs .blogs-grid .type span{font-weight: 400;font-size: 14px;line-height: 130%;color: #ABB2C0;text-transform: uppercase;}*/ .blogs .blogs-grid .date{font-weight: 400;font-size: 14px;line-height: 130%;color: #ABB2C0;float: right;} .blogs .blogs-grid .grid_3:hover .blogscon{background: #004488;-webkit-transition: all .2s;} .blogs .blogs-grid .grid_3:hover .date,.blogs .blogs-grid .grid_3:hover .type{color: #ABB2C0;} .blogs .blogs-grid .grid_3:hover h3,.blogs .blogs-grid .grid_3:hover p{color: #ffffff;} .blogs .blogs-grid .grid_3:hover h5{color: #95CAFF;} .blogs .blogs-grid .grid_3:hover h5:after{content: '';width: 16px;height: 16px;position: absolute;top: 2px;margin-left: 10px;background: url(/wp-content/themes/website/svg/blogsmore-2.svg);-webkit-transition: all .2s;background-size: 100% 100%;} #footer{background-color: #000000;padding: 70px 0 60px 0;margin-top: 150px;overflow: auto;} #footer .follow{max-width: 220px;display: grid;grid-template-columns: repeat(4, 25%);} #footer .follow svg{width: 28px;height: 28px;fill: #BCBCBC;} #footer .follow a{margin-right: 24px;} #footer .follow a:hover svg{fill: #d52129;} #footer .proinfo{margin-top: 36px;padding: 36px 0 50px 0;border-top: 1px solid #949494;border-bottom: 1px solid #949494;overflow: auto;} /*#footer .proinfo .pro-grid{display: grid;grid-template-columns: repeat(4, 25%);}*/ #footer .proinfo .pro-grid{display: grid;grid-template-columns: 40% 30% 30%;} #footer .proinfo .grid_4:nth-child(1){padding-right: 10%;} #footer .proinfo .grid_4:nth-child(2){padding-right: 10%;padding-left: 5%;} #footer .proinfo .grid_4:nth-child(3){padding-right: 5%;padding-left: 10%;} #footer .proinfo .grid_4:nth-child(4){padding-right: 0;padding-left: 5%;} #footer .proinfo .grid_4 h3{font-weight: 700;font-size: 18px;line-height: 130%;color: #FFFFFF;margin-bottom: 20px;} #footer .proinfo ul{list-style: none;margin: 0;} #footer .proinfo ul li{margin-bottom: 10px;padding: 0;} #footer .proinfo ul li a,#footer .proinfo ul li{font-weight: 400;font-size: 16px;line-height: 140%;color: #BCBCBC;} #footer .proinfo ul li:before{display: none;} #footer .proinfo li a:hover{color: #d52129;} #footer .copying {display: block;margin-bottom: 10px;position: relative;} #footer .copying {margin: 0;font-weight: 400;font-size: 16px;line-height: 140%;color: #BCBCBC;} #footer .copytext {font-weight: 400;font-size: 16px;line-height: 140%;color: #BCBCBC;margin:0 10px 0 !important;} #footer .copybtn {float: right;margin-right: 10%;} #footer .copybtn svg{width: 14px;height: 14px;fill: #BCBCBC;margin-top: 1px;} #footer .copybtn:hover svg{cursor: pointer;fill: #d52129;-webkit-transition: all .2s ease;transition: all .2s ease;} .success{min-width: 260px;height: 90px;border: 0;padding: 30px 70px;background-color: rgb(42, 149, 255,0.8);margin-left: -125px;position: fixed;left: 50%;bottom: 120px;color: rgb(255, 255, 255);z-index: 500;} .success svg{width: 26px;height: 26px;fill: #FFFFFF;vertical-align: middle;margin-right: 10px;float: left;} .success span{font-size: 16px;color: #FFFFFF;line-height: 150%;} #footer .edm{width: 850px;position: relative;margin-top: 160px;} #footer .edm .title{width: 280px;float: left;} #footer .edm .title h3{font-weight: 700;font-size: 18px;line-height: 120%;color: #FFFFFF;margin-bottom: 8px;} #footer .edm .title p{font-weight: 400;font-size: 14px;line-height: 130%;color: #BCBCBC;} #footer #edm-form{max-width: 550px;margin-top: 24px;} #footer #edm-form button[type="submit"]{top: 0;right: 0;border: none;height: 40px;background: #004488;position: absolute;font-size: 16px;color: #FFFFFF;padding: 0 16px;} #footer #edm-form button[type="submit"]:hover{background: #d52129;-webkit-transition: all .2s;} #footer .endinfo{margin-top: 50px;position: relative;padding-bottom: 10px;} #footer .endinfo .footerlogo{width: 80px;height: 30px;display: block;right: 0;position: absolute;} #footer .endinfo ul{display: grid;grid-template-columns: repeat(4, 25%);width: 550px;float: left;} #footer .endinfo ul li{list-style: none;padding: 0;margin: 0;} #footer .endinfo ul li:before{display: none;} #footer .endinfo ul li,#footer .endinfo ul li a{font-weight: 400;font-size: 14px;line-height: 130%;text-align: center;color: #BCBCBC;padding: 6px 10px 0 10px;} #footer .endinfo a:hover{color: #d52129;} #footer .language{float: left;width: 100px;margin-top: 5px;position: relative;} #footer .language svg{width: 18px;height: 18px;margin: 1px 6px 1px 0;position: absolute; fill: #BCBCBC; left: 0;} #footer .language a{padding: 0;margin: 0;} #footer .language a:hover{color: #d52129;cursor:pointer;} #footer .trp-ls-shortcode-current-language{width: 100px;} #footer .language .trp-ls-shortcode-current-language a{font-size: 14px;color: #FFFFFF;line-height: 130%;max-width: 90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 24px;} #footer .language .trp-ls-shortcode-current-language .trp-ls-disabled-language{text-align: right;position: absolute;} #footer .language .trp-ls-shortcode-current-language a:hover{color: #d52129;} #footer .language:hover svg{fill: #d52129;-webkit-transition: all .2s;cursor:pointer;} #footer .language li:focus a{color: #d52129;} #footer div.trp-ls-shortcode-current-language a{color: #BCBCBC !important;} #footer .language:hover .trp-ls-shortcode-current-language a{color: #d52129 !important;-webkit-transition: all .2s;} #footer .language .trp-language-switcher{margin: 0; display: block;position: absolute;right: 0;} /*#footer .language .trp-language-switcher .trp-ls-shortcode-current-language{width: auto !important; border: none; padding: 0; border-radius:0; background-images: none; display: block; height:25px; background: transparent;}*/ #footer .language .trp-language-switcher .trp-ls-shortcode-current-language{width: 100px!important;border: none; padding: 0; border-radius:0; background-images: none; display: block; height:25px; background: transparent;} #footer .language .trp-language-switcher .trp-ls-shortcode-language{border: none; border-radius:0; background-images: none; width: 360px !important; background-color: #004488; position: absolute; right: 0;padding: 20px 20px 10px 20px; visibility:visible; height:auto;} #footer .language .trp-language-switcher .trp-ls-shortcode-language a{font-size: 14px;color: #BCBCBC;line-height: 20px;font-weight: 400;border-radius: 0; padding: 0 20px 10px 20px !important; width:50%; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #footer .language .trp-language-switcher .trp-ls-shortcode-language a:last-child{padding: 0 20px !important;} #footer .language .trp-language-switcher .trp-ls-shortcode-language a:hover{color: #d52129; background: transparent;} #footer .language .trp-language-switcher:hover .trp-ls-shortcode-language{ display: block } #footer .language .trp-language-switcher:focus .trp-ls-shortcode-current-language,.language .trp-language-switcher:hover .trp-ls-shortcode-current-language{visibility:visible;} #footer .language .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language{color: #FFFFFF;} /*on_Language color*/ #footer .language .trp-language-switcher .trp-ls-shortcode-language{bottom: 26px;top: auto} /*#about .aboutadv .grid_4 svg{fill: #5FAFFF;}*/ #about .tzco {display: grid;grid-template-columns: 35% 65%;margin-top: 100px;} #about .tzco .title{max-width: 370px;padding-right: 5%;} #about .tzco .title span{font-weight: 400;font-size: 16px;line-height: 130%;color: #004488;text-transform: uppercase; display: inline-block;margin-bottom: 18px;} #about .tzco .title h1{font-weight: 400;font-size: 36px;line-height: 140%;color: #000000;text-transform: capitalize;} #about .tzco .tzcoinfo{padding-left: 10%;margin-top: 40px;} #about .tzco .tzcoinfo p,#about .tzco .tzcoinfo ul li{font-weight: 500;font-size: 16px;line-height: 150%;color: #000000;margin-bottom: 16px;padding: 0;} #about .tzco .tzcoinfo ul{list-style: none;padding: 0;} #about .tzco .tzcoinfo ul li:before{display: none;} #about .adv-grid{display: grid;grid-template-columns: repeat(3, 33.33%);width: 1200px;margin: 0 auto;margin-top: 100px;} #about .adv-grid .grid_3{background: #E9E9E9;margin: 0 15px;padding: 50px 36px;} #about .adv-grid .grid_3 svg{width: 32px;height: 32px;fill: #004488;margin-bottom: 36px;} #about .adv-grid .grid_3 h3{font-size: 20px;line-height: 140%;color: #000000;text-transform: capitalize;margin-bottom: 20px;} #about .adv-grid .grid_3 p{font-weight: 400;font-size: 16px;line-height: 140%;color: #3B3C36;margin-bottom: 16px;} #about .adv-grid .grid_3 p:last-child{margin-bottom: 0;} #about .about70{margin-top: -50px;position: relative;z-index: -1;} #about .about70 .wrap{padding-top: 100px;position: relative;} #about .honors{margin-top: 180px;background: url('/wp-content/themes/website/images/honorsbg.jpg?w=1920&h=600') center center/cover no-repeat transparent; background-size: 1920px 600px;background-position: center top;background-repeat: no-repeat;min-height: 600px;} #about .honors .left{width: 600px;float: left;} #about .honors .left h2{font-weight: 700;font-size: 36px;line-height: 130%;color: #FFFFFF;text-transform: capitalize;margin: 66px 0 6px 0;} #about .honors .left p{font-weight: 500;font-size: 16px;line-height: 130%;color: #C4C4C4;margin: 0 0 30px 0;padding: 0;} #about .honors .left img{width: 260px;height: 360px;margin-right: 30px;} #about .honors .right{width: 500px;min-height: 640px;background: #004488;padding: 70px 60px 40px 60px;display: grid;float: right;} #about .honors .right .grid_3{padding-bottom: 44px;} #about .honors .right .rt{width: 320px;} #about .honors .right svg{width: 36px;height: 36px;fill: #5FAFFF;margin-right: 20px;float: left;} #about .honors .right h2{font-weight: 700;font-size: 20px;line-height: 130%;color: #FFFFFF;margin-bottom: 6px;padding: 0;} #about .honors .right ul{margin: 0;padding: 0;} #about .honors .right ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #E1E1E1;margin: 4px 0 2px 0;padding: 0;} #about .honors .right ul li:before{display: none;} #about .park{margin-top: 200px;} #show{overflow: hidden;margin-top: 160px;} #show h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-transform: capitalize;text-align: center;margin-bottom: 20px;} #show .swiper-container {width: 1170px;margin-left: 0;margin-right: auto;background: rgba(0,68,136,0.9);} #show .swiper-slide {background-size: cover;background-position: center;overflow: hidden;} #show .gallery-top {height: 580px;width: 1170px;position: relative;} #show .gallery-thumbs {height: 110px;box-sizing: border-box;padding: 10px;margin-top: -110px;z-index: 10;position: relative;} #show .gallery-thumbs .swiper-slide {height: 100%;opacity: 1;} /*#show .gallery-top .swiper-slide:before{position: absolute;content: "";width: 1170px;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,0.00) 73%, rgba(0,0,0,0.70) 95%);z-index: 10;}*/ #show .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;position: relative;} #show .gallery-thumbs .swiper-slide-thumb-active:before{position: absolute;content: "";width: 180px;height: 90px;background-color: #d52129;opacity: 0.7;} #show .gallery-thumbs .swiper-wrapper .swiper-slide{width: 180 !important;height: 90px;display: block;margin-right: 4px !important;opacity: 1 ;position: relative;} #show .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color: #ffffff;--swiper-navigation-size: 22px;background: rgba(170,180,190,0.9);width: 40px;height: 40px;border-radius: 50%;top: 40%;} #show .swiper-button-next.swiper-button-white:hover, .swiper-button-prev.swiper-button-white:hover{background: #d52129;-webkit-transition: all .2s ease;transition: all .2s ease;} #show .gallery-thumbs .swiper-wrapper .swiper-slide:hover{cursor:pointer;} #show .swiper-button-prev{left: 10px;} #show .swiper-button-next{right: 10px;} #abouttimeline{margin-top: 150px;overflow: hidden;} #abouttimeline .page_wrapper{width: 1170px;} #contact .banner{width: 100%;height: 630px;background: url('/wp-content/themes/website/images/contactbg.jpg?w=1920&h=630') center center/cover no-repeat #000A14;background-size: 1920px 630px;} #contact .banner:before{content: '';width: 100%;height: 100%;background: linear-gradient(180deg, #000F1E 0%, rgba(0, 20, 40, 0.03) 40%, rgba(0, 20, 40, 0) 80%);position: absolute;} #contact .banner .banner-con{position: absolute;top: 200px;left: 50%;margin-left: -585px;z-index: 10;} #contact .banner .banner-con h1{font-size: 56px;color: #FFFFFF;line-height: 130%;font-weight: 700;} #contact .banner .banner-con ul{padding: 0;margin: 24px 0 0 0;list-style-position: inside;} #contact .banner .banner-con li{font-size: 20px;line-height: 150%;color: #FFFFFF;margin: 0 0 12px 0;padding: 0;position: relative;padding-left: 18px;} #contact .banner .banner-con li:before{content: '';display: block;position: absolute;width: 6px;height: 6px;background: #FFFFFF;left: 0;margin-top: 12px;} #contact .info{background: #E9E9E9;padding: 50px;display: grid;grid-template-columns: repeat(3, 33.33%);margin-top: -60px;position: relative;z-index: 100;} #contact .info .grid_3{padding: 0 10px;} #contact .info .grid_3 svg{width: 30px;height: 30px;fill: #004488;float: left;margin-right: 10px;} #contact .info .grid_3 a,#contact .info .grid_3 p{font-weight: 400;font-size: 20px;line-height: 130%;color: #333333;margin: 0;} #contact .info .grid_3 a:hover{color: #d52129;} #contact .form{margin-top: 100px;position: relative;z-index: 10;} #contact .form h2{font-weight: 400;font-size: 20px;line-height: 130%;color: #040000;text-align: center;} #contact #conform{margin-top: 40px;} #conform{width: 920px;margin: 0 auto;} #conform label{text-align: left;width: 270px;display: block;font-size: 16px;color: #555555;line-height: 24px;font-weight: 400;} #conform .wpforms-field-container input{background: #E9E9E9;height: 50px;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 22px;margin-bottom: 0;border-color: transparent;} #conform .your-name{width: 48%;float: left;clear: none;} #conform .your-phone{width: 48%;float: right;clear: none;position: relative;} #conform .your-email{width: 100%;position: relative;} #conform input[type="email"]{border-radius: 0;width: 100%;height: 50px;} #conform input[type="tel"]{padding: 12px 14px 12px 56px;} #conform textarea{border-radius:0;resize: none;width: 100%;height: 220px;background: #E9E9E9;border-color: transparent;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 22px;font-family: Nunito Sans;} #conform .your-name,#conform .your-email,#conform .your-phone,#conform .your-message{margin-bottom: 24px;padding: 0;} #conform .wpforms-uploader {padding: 10px;background: #ffffff; border: 1px dashed #979797;} #conform .wpforms-uploader:hover{background: rgb(42, 149, 255,0.1);} #conform button[type="submit"]{top: 30px;right: 0;border: none;height: 40px;background: #004488;position: absolute;font-size: 16px;color: #FFFFFF;text-transform: uppercase; padding: 0 24px;} #conform button[type="submit"]:hover{background: #d52129;-webkit-transition: all .2s;} #conform input:focus,#conform textarea:focus{color: #000000;outline: none;border-bottom: 2px solid #004488;} #conform .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;} #wpforms-498-field_3-error,#wpforms-498-field_1-error,#wpforms-498-field_1_suggestion{position: absolute;}/*emial/phone/emial-tips*/ #conform .mailcheck-suggestion{font-size: 14px;color: #000000;line-height: 130%;font-family: auto;}/*email-tips*/ #conform input.wpforms-error{border-bottom: 2px solid #E71F12;border-top-style: none;border-left-style: none;border-right-style: none;} #conform .wpforms-confirmation-container-full{background: rgb(42, 149, 255,0.3);border: none;padding: 12px 20px;overflow: auto;margin-top: 30px;} #conform .wpforms-confirmation-container-full p{font-size: 18px;line-height: 130%;font-weight: 400;color: #222222;margin: 0;padding: 0;} #contact .mapinfo{margin-top: 180px;margin-bottom: 50px; display: grid;grid-template-columns: 40% 60%;} #contact .mapinfo .left{background: #004180;padding: 60px;} #contact .mapinfo .left h3{font-weight: 700;font-size: 36px;line-height: 130%;color: #FFFFFF;margin-bottom: 20px;} #contact .mapinfo .left ul{margin: 0;padding: 0;} #contact .mapinfo .left ul li{font-weight: 400;font-size: 16px;line-height: 150%;color: #FFFFFF;margin-bottom: 12px;padding: 0;} #contact .mapinfo ul li{margin-bottom: 70px;padding: 0;} #contact .mapinfo ul li a,#contact .mapinfo ul li{font-weight: 400;font-size: 16px;line-height: 140%;color: #FFFFFF;} #contact .mapinfo ul li:before{display: none;} #contact .mapinfo li a:hover{color: #d52129;} #contact .copying {display: block;margin-bottom: 10px;position: relative;} #contact .copying {margin: 0;font-weight: 400;font-size: 16px;line-height: 140%;color: #FFFFFF;} #contact .copytext {font-weight: 400;font-size: 16px;line-height: 140%;color: #FFFFFF;margin:0 10px 0 !important;} /*#contact .copybtn {float: right;margin-right: 18%;margin-top: 2px;}*/ #contact .copybtn {margin-right: 18%;margin-top: 2px;} #contact .copybtn svg{width: 14px;height: 14px;fill: #BCBCBC;margin-top: 1px;} #contact .copybtn:hover svg{cursor: pointer;fill: #d52129;-webkit-transition: all .2s ease;transition: all .2s ease;} #contact .mapinfo .follow{margin-top: 70px;display: grid;grid-template-columns: repeat(4, 25%);max-width: 60%;} #contact .mapinfo .follow svg{width: 28px;height: 28px;fill: #95CAFF;} #contact .mapinfo .follow a{margin-right: 24px;} #contact .mapinfo .follow a:hover svg{fill: #d52129;} #contact .mapinfo .rightmap{width: 100%;height: 100%;} #prolist .probanner{width: 1920px;height: 630px;position: relative;} #prolist .probanner .bannerinfo{position: absolute;top: 228px;left: 50%;margin-left: -585px;z-index: 10;} #prolist .probanner h1{font-size: 56px;line-height: 130%;color: #FFFFFF;margin-bottom: 32px;} #prolist .probanner .tips p,#prolist .probanner .tips ul li{font-weight: 400;font-size: 20px;line-height: 150%;color: #FFFFFF;margin: 0 0 10px 0;padding: 0;} /*#prolist .probanner .tips p{width: 60%;}*/ #prolist .probanner .tips ul li{padding-left: 18px;} #prolist .probanner p{z-index: -1;} #prolist .probanner p img{width: 100%;height: 630px;display: block;} #prolist .procranes{margin-top: -100px;position: relative;z-index: 10;} #prolist .procranes .pro-grid{display: grid;margin-bottom: 140px;position: relative;} #prolist .procranes .pro-grid img{width: 752px;height: 500px;display: block;} #prolist .procranes .pro-grid .protitle{padding: 50px;background-color: #E9E9E9;width: 500px;right: 0;top: 12%;position: absolute;} #prolist .procranes .pro-grid h3{font-weight: 400;font-size: 32px;line-height: 130%;color: #000000;margin-bottom: 20px;} #prolist .procranes .pro-grid ul{list-style: none;margin: 0;padding: 0;} #prolist .procranes .pro-grid ul li{font-size: 18px;line-height: 130%;color: #333333;font-weight: 400px; margin-bottom: 10px;} #prolist .procranes .button{background: #004488;position: relative;color: #ffffff;font-size: 16px;font-weight: 400;text-transform: capitalize; padding: 10px 66px 10px 40px;display: inline-block;margin-top: 40px;} #prolist .procranes .button:after{content: '';width: 22px;height: 22px;position: absolute;margin-left: 10px;background: url(/wp-content/themes/website/svg/more.svg);-webkit-transition: all .2s;background-size: 100% 100%;} #prolist .procranes .button:hover{background: #d52129;cursor:pointer;-webkit-transition: all .2s ease;} #prolist .procranes .pro-grid .grid_3:hover .protitle{background: #004488;} #prolist .procranes .pro-grid .grid_3:hover h3,#prolist .procranes .grid_3:hover ul li{color: #ffffff;} #prolist .procranes .pro-grid .grid_3:hover ul li:before{content: '';background: #ffffff;} /*.case{margin-top: 100px;} .case h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #353839;text-transform: capitalize;text-align: center;margin-bottom: 10px;} .case span{font-weight: 400;font-size: 20px;line-height: 130%;color: #808080;text-align: center;margin: 0;padding: 0;display: inline-block;} .case .related{margin-top: 32px;position: relative;overflow: auto;} .case .related img{width: 600px;height: 400px;display: block;float: left;} .case .casesinfo{width: 570px;height: 400px;background: #EBEBEB;padding: 50px 40px 0 50px;position: absolute;right: 0;} .case .casesinfo h3{font-size: 26px;line-height: 140%;font-weight: 400; color: #000000;text-transform: capitalize;margin-bottom: 30px;} .case .casesinfo h4{font-size: 20px;line-height: 150%;font-weight: 700;color: #333333;} .case .casesinfo span{font-size: 16px;line-height: 130%;font-weight: 400;color: #666666;display: inline-block;} .case .casesinfo ul{display: grid;grid-template-columns: repeat(2, 50%);margin: 0;padding: 0;} .case .casesinfo ul li{list-style: none;padding: 0 10px 0 40px;position: relative;margin-bottom: 20px;font-size: 20px;line-height: 130%;font-weight: 700;color: #333333;} .case .casesinfo ul li::before {content: '';width: 30px;height: 30px;position: absolute;left: 0;} .case .casesinfo ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/cases-1.svg);background-size: 30px 30px;top: 4px;} .case .casesinfo ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/cases-2.svg);background-size: 30px 30px;top: 2px;} .case .casesinfo ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/cases-3.svg);background-size: 30px 30px;top: 8px;} .case .casesinfo ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/cases-4.svg);background-size: 30px 30px;top: 2px;} .case .casesinfo .button{font-weight: 700;font-size: 16px;line-height: 140%;color: #5FACFF;text-transform: uppercase;margin-top: 30px;display: block;padding-left: 10px;} .case .casesinfo .button:hover{color: #d52129;cursor:pointer;-webkit-transition: all .2s ease;}*/ #prolist .about70{margin-top: 150px;min-height: 800px;padding: 40px 0 8px 0} #prolist .about70 .wrap{position: relative;} #listform{margin-top: -120px;display: grid;grid-template-columns: 45% 55%;background: #FFFFFF;box-shadow: 2px 2px 2px rgba(4, 0, 0, 0.1);border: 1px solid #eee;} #listform .left{background: #E9E9E9;padding: 60px;} #listform .left h2{font-weight: 500;font-size: 30px;line-height: 130%;color: #000000;margin-bottom: 40px;} #listform .left h3{font-size: 26px;line-height: 140%;color: #000000;margin-bottom: 50px;} #listform .left ul{margin: 0;padding: 0;} #listform .left ul li{font-weight: 400;font-size: 16px;line-height: 150%;color: #000000;margin-bottom: 12px;padding: 0;} #listform .left ul li a,#listform .left ul li{font-weight: 400;font-size: 16px;line-height: 140%;color: #000000;} #listform .left ul li:before{display: none;} #listform .left li a:hover{color: #d52129;} #listform .copying{display: block;margin-bottom: 10px;position: relative;} #listform .copying {margin: 0;font-weight: 400;font-size: 16px;line-height: 140%;color: #000000;} #listform .copytext {font-weight: 400;font-size: 16px;line-height: 140%;color: #000000;margin:0 10px 0 !important;} /*#listform .copybtn {float: right;margin-right: 18%;margin-top: 2px;}*/ #listform .copybtn {margin-left: 5%;margin-top: 2px;} #listform .copybtn svg{width: 14px;height: 14px;fill: #888888;margin-top: 1px;} #listform .copybtn:hover svg{cursor: pointer;fill: #d52129;-webkit-transition: all .2s ease;transition: all .2s ease;} #listform .left .follow{margin-top: 70px;display: grid;grid-template-columns: repeat(4, 25%);max-width: 60%;} #listform .left .follow svg{width: 28px;height: 28px;fill: #004488;} #listform .left .follow a{margin-right: 24px;} #listform .left .follow a:hover svg{fill: #d52129;} #listform .rightfrom{width: 100%;height: 100%;padding: 60px;} #proform label{text-align: left;width: 270px;display: block;font-size: 16px;color: #555555;line-height: 24px;font-weight: 400;} #proform .wpforms-field-container input{background: #E9E9E9;height: 40px;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 22px;margin-bottom: 0;border-color: transparent;} #proform .your-name{width: 48%;float: left;clear: none;} #proform .your-phone{width: 48%;float: right;clear: none;position: relative;} #proform .your-email{width: 100%;position: relative;} #proform input[type="email"]{border-radius: 0;width: 100%;height: 40px;} #proform input[type="tel"]{padding: 12px 14px 12px 56px;} #proform textarea{border-radius:0;resize: none;width: 100%;height: 200px;background: #E9E9E9;border-color: transparent;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 22px;font-family: Nunito Sans;} #proform .your-name,#proform .your-email,#proform .your-phone,#proform .your-message{margin-bottom: 24px;padding: 0;} #proform .wpforms-uploader {padding: 10px;background: #ffffff; border: 1px dashed #979797;} #proform .wpforms-uploader:hover{background: rgb(42, 149, 255,0.1);} #proform button[type="submit"]{top: 10px;right: 0;border: none;max-height: 40px;background: #004488;position: absolute;font-size: 16px;color: #FFFFFF;text-transform: uppercase; padding: 10px 24px;} #proform button[type="submit"]:hover{background: #d52129;-webkit-transition: all .2s;} #proform input:focus,#proform textarea:focus{color: #000000;outline: none;border-bottom: 2px solid #004488;} #proform .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;} #wpforms-498-field_3-error,#wpforms-498-field_1-error,#wpforms-498-field_1_suggestion{position: absolute;}/*emial/phone/emial-tips*/ #proform .mailcheck-suggestion{font-size: 14px;color: #000000;line-height: 130%;font-family: auto;}/*email-tips*/ #proform input.wpforms-error{border-bottom: 2px solid #E71F12;border-top-style: none;border-left-style: none;border-right-style: none;} #proform .wpforms-confirmation-container-full{background: rgb(42, 149, 255,0.3);border: none;padding: 12px 20px;overflow: auto;margin-top: 30px;} #proform .wpforms-confirmation-container-full p{font-size: 18px;line-height: 130%;font-weight: 400;color: #222222;margin: 0;padding: 0;} #proform .wpforms-uploader .dz-message svg{display: none;} form#wpforms-form-498 ul li:before{display: none !important;} #tzblogs,#blogslist {margin-top: 200px;} #tzblogs h1{font-size: 42px;color: #000000;line-height: 130%;margin-bottom: 40px;} #tzblogs .blogs{margin-top: 0;} #tzblogs .blogs .blogs-grid{margin-top: 20px;} #tzblogs .blogs .blogs-grid .grid_3{margin: 0 15px 80px 15px;} #tzblogs .blogstags span{font-size: 16px;line-height: 150%;color: #ABB2C0;padding: 0;margin: 6px 20px 0 0;display: inline-block;float: left;background-color: transparent;} #tzblogs .tags{display: grid;} #tzblogs .tags ul{list-style: none;margin: 0;} #tzblogs .tags ul li{float: left;margin-right: 20px;padding: 8px 30px;background-color: #EBEBEB;border-radius: 20px;} #tzblogs .tags ul li a{font-size: 14px;line-height: 150%;color: #ABB2C0;} #tzblogs .tags ul li:before{display: none;} #tzblogs .tags ul li:hover{background-color: #d52129;} #tzblogs .tags ul li:hover a{color: #FFFFFF;} .breadcrumb{width:1170px;margin: 0 auto;} .breadcrumb .unique_one{font-size: 14px;color: #ABB2C0;line-height: 150%;margin-right: 8px;} .breadcrumb a{text-decoration: none;font-size: 14px;color: #000000;line-height: 150%;margin-right: 8px;} .breadcrumb .symbol {font-size: 14px;color: #ABB2C0;line-height: 150%;margin-right: 8px;} .breadcrumb .current {font-size: 14px;color: #c0c0c0;line-height: 150%;} .breadcrumb a:hover{color: #d52129;-webkit-transition: all .2s ease;} #blogslist .blogs{margin-top: 0;} #blogslist .blogs .blogs-grid{margin-top: 20px;} #blogslist .blogs .blogs-grid .grid_3{margin: 0 15px 80px 15px;} #caseslist .banner{width: auto;height: 630px;position: relative;background: url('/wp-content/themes/website/images/casesbanner.jpg?w=1920&h=630') center center/cover no-repeat #000A14;background-size: 1920px 630px;} #caseslist .bannerinfo{position: absolute;top: 228px;left: 50%;margin-left: -585px;z-index: 10;} #caseslist h1{font-size: 56px;line-height: 130%;color: #FFFFFF;margin-bottom: 32px;} #caseslist .banner .tips{max-width: 800px;} #caseslist .banner .tips p,#caseslist .banner ul li{font-weight: 400;font-size: 20px;line-height: 150%;color: #FFFFFF;margin: 0 0 10px 0;padding: 0;} #caseslist .banner .tips ul li{padding-left: 18px;} #caseslist .cases{position: relative;overflow: hidden;margin-top: -100px;margin-bottom: 80px; z-index: 10;} #caseslist .cases ul{display: grid;margin: 0;padding: 0;} #caseslist .cases-gird{margin-bottom: 100px;overflow: auto;} .cases h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #353839;text-transform: capitalize;text-align: center;margin-bottom: 10px;} .cases span{font-weight: 400;font-size: 20px;line-height: 130%;color: #808080;text-align: center;margin: 0;padding: 0;display: inline-block;} .cases .related{margin-top: 32px;position: relative;overflow: auto;} .cases .related img{width: 600px;height: 400px;display: block;float: left;} .cases img{width: 600px;height: 400px;display: block;float: left;} .cases .casesinfo{width: 570px;height: 400px;background: #EBEBEB;padding: 50px 40px 0 50px;position: absolute;right: 0;} .cases .casesinfo h3{font-size: 26px;line-height: 140%;font-weight: 400; color: #000000;text-transform: capitalize;margin-bottom: 30px;} .cases .casesinfo h4{font-size: 20px;line-height: 150%;font-weight: 700;color: #333333;} .cases .casesinfo span{font-size: 16px;line-height: 130%;font-weight: 400;color: #666666;display: inline-block;} .cases .casesinfo ul li{list-style: none;padding: 0 10px 0 46px;position: relative;margin-bottom: 16px;font-size: 18px;line-height: 130%;font-weight: 400;color: #333333;} .cases .casesinfo ul li::before {content: '';width: 26px;height: 26px;position: absolute;left: 0;} .cases .casesinfo ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/cases-1.svg);background-size: 26px 26px;top: 0;margin-top: 0;} .cases .casesinfo ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/cases-2.svg);background-size: 26px 26px;top: 0;margin-top: 0;} .cases .casesinfo ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/cases-3.svg);background-size: 26px 26px;top: 0;margin-top: 0;} .cases .casesinfo ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/cases-4.svg);background-size: 26px 26px;top: 0;margin-top: 0;} .cases .casesinfo .button{font-weight: 700;font-size: 16px;line-height: 140%;color: #004488;text-transform: uppercase;margin-top: 30px;display: inline-block;padding-left: 10px;} .cases .casesinfo .button:hover{color: #d52129;cursor:pointer;-webkit-transition: all .2s ease;} /*#caseslist .cases .casesinfo ul{display: grid;grid-template-columns: repeat(2, 50%);margin: 0;padding: 0;} #caseslist .cases .casesinfo ul li{list-style: none;padding: 0 10px 0 40px;position: relative;margin-bottom: 20px;font-size: 20px;line-height: 130%;font-weight: 700;color: #333333;} #caseslist .cases .casesinfo ul li::before {content: '';width: 30px;height: 30px;position: absolute;left: 0;} #caseslist .cases .casesinfo ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/cases-1.svg);background-size: 30px 30px;top: 4px;} #caseslist .cases .casesinfo ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/cases-2.svg);background-size: 30px 30px;top: 2px;} #caseslist .cases .casesinfo ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/cases-3.svg);background-size: 30px 30px;top: 8px;} #caseslist .cases .casesinfo ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/cases-4.svg);background-size: 30px 30px;top: 2px;}*/ .paging{text-align: center;width: 1170px;margin: 0 auto;padding-top: 10px;margin-bottom: 180px;} .paging a{text-decoration: none;border:1px solid #004488;padding: 10px 16px; color: #004488; margin-right:20px; font-size: 14px;font-weight: 400; display: inline-block;} .paging span{color: #FFFFFF;} .paging a.current{background: #004488;border: 1px solid #004488;color: #FFFFFF;} .paging a:hover{background: #d52129;border: 1px solid #d52129;color: #FFFFFF; -webkit-transition: all .2s ease;} #sidebar {width: 340px;float: right;} #sidebar .author{background: #F5F5F5;padding: 60px 40px;width: 100%;} #sidebar .author .topname{display: grid;grid-template-columns: 40% 60%;margin-bottom: 16px;} #sidebar .author img{width: 80px;height: 80px;border-radius: 40px;display: block;margin-right: 20px;} #sidebar .author .name{font-weight: 700;font-size: 20px;line-height: 130%;color: #848482;padding: 0;margin: 20px 0 2px 0;} #sidebar .author .office{font-weight: 400;font-size: 13px;line-height: 130%;color: #848482;} #sidebar .author .info{overflow: auto;margin-bottom: 36px;} #sidebar .author .info p{font-weight: 400;font-size: 16px;line-height: 150%;color: #666666;padding: 0;margin: 0;} #sidebar .contact {display: grid;} #sidebar .contact .grid_2{margin-bottom: 10px;} #sidebar .contact .grid_2 span{font-weight: 400;font-size: 16px;line-height: 130%;color: #004488;display: inline-block;} #sidebar .contact svg{width: 16px;height: 16px;fill: #004488;margin: 4px 8px 0 0;display: block;float: left;} #sidebar .contact a{font-weight: 400;font-size: 16px;line-height: 130%;color: #004488;} #sidebar .contact a:hover{color: #d52129;} #sidebar .edm-form{background: #F5F5F5;padding: 60px 40px;width: 100%;margin-top: 70px;} #sidebar .edm-form .title{margin-bottom: 40px;} #sidebar .edm-form .title .name{font-weight: 700;font-size: 20px;line-height: 130%;color: #848482;padding: 0;margin-bottom: 16px;} #sidebar .edm-form .title .info{font-weight: 400;font-size: 16px;line-height: 150%;color: #666666;padding: 0;margin: 0;} #sidebaredm {width: 100%;position: relative;overflow: auto;} #sidebaredm .wpforms-field-label{display: none;} #sidebaredm input[type="email"]{border-radius: 0 !important;width: 100%;height: 40px;background-color: transparent;border: 1px solid #004488;padding: 10px 80px 10px 10px;font-size: 14px;color: #000000;line-height: 130%;} #sidebaredm button[type="submit"]{top: 0;right: 0;border: none;width: 60px;height: 40px;position: absolute; background: url(/wp-content/themes/website/svg/send.svg) no-repeat;background-size: 18px 18px;background-position: center;background-color: #004485;} #sidebaredm button[type="submit"]:hover{background: url(/wp-content/themes/website/svg/send.svg) no-repeat;background-size: 18px 18px;background-position: center;background-color: #d52129;-webkit-transition: all .2s;} #sidebaredm .your-email{padding: 0;margin: 0;} #sidebaredm .wpforms-submit-container{right: 0;top: 0;width: 140px;height: 40px;padding: 0;position: absolute;}/*submit button position*/ #sidebaredm input:focus{color: #000000;outline: none;border: 2px solid #004488;} #sidebaredm .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;float: left;} #sidebaredm input.wpforms-error{border: 2px solid #E71F12;} #sidebaredm .wpforms-confirmation-container-full{background: #ffffff;border: none;padding: 20px;overflow: auto;} #sidebaredm .wpforms-confirmation-container-full p{margin: 0;color: #222222;font-size: 16px;line-height: 130%;font-weight: 700;} #sidebaredm .mailcheck-suggestion{font-size: 14px;color: #000000;line-height: 130%;font-family: auto;} #blogs {padding-top: 160px;overflow: hidden;background-color: #E5E4E2;} #blogs .wrap{margin-bottom: 130px;overflow: auto;} #blogs .blogscon{width: 800px;float: left;background-color: #FFFFFF;padding: 60px 50px 100px 50px;position: relative;} #blogs .blogscon .title{border-bottom: 2px solid #E9E9E9;padding-bottom: 20px;margin-bottom: 36px;} #blogs .blogscon h1{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;margin-bottom: 56px;} #blogs .blogscon .date{float: left;} #blogs .blogscon .title span{font-weight: 400;font-size: 16px;line-height: 150%;color: #666666;display: inline-block;padding-top: 4px;} #blogs .blogscon .share{float: right;display: grid;grid-template-columns: 35% 65%;width: 260px;} #blogs .blogscon .share span{text-align: right;} #blogs .blogscon .grid_4{display: grid;grid-template-columns: repeat(3, 33.33%);margin-left:12px;} #blogs .blogscon .share a{margin-right: 20px;} #blogs .blogscon .share a svg{width: 30px;height: 30px;fill: #C0C0C0;} #blogs .blogscon .share a:hover svg{fill: #d52129;} /*#blogs .blogscon img{max-width: 100%;height: auto;display: block;margin: 40px 0 40px 0;}*/ #blogs .blogscon img{max-width: 90%;;height: auto;display: block;margin: 40px 0 40px 0;} #blogs .blogscon p{font-weight: 400;font-size: 18px;line-height: 150%;color: #3B3C36;padding: 0;margin: 0 0 40px 0;} #blogs .blogscon ul{list-style: none;margin: 0 0 0 6px;padding: 0;} #blogs .blogscon ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #FFFFFF;padding-left: 20px;margin: 0 0 10px 0;position: relative;} #blogs .blogscon ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #FFFFFF;left: 0;margin-top: 8px;} .blogscon h2{font-weight: 400;font-size: 30px;line-height: 130%;color: #000000;margin: 60px 0 30px 0;} .blogscon h3{font-weight: 500;font-size: 26px;line-height: 130%;color: #000000;margin: 40px 0 20px 0;} .blogscon h4{font-weight: 500;font-size: 22px;line-height: 130%;color: #000000;margin: 20px 0 10px 0;} .blogscon h6{font-weight: 400;font-size: 16px;line-height: 130%;margin-top: 0;color: #ABB2C0;margin: -30px 0 30px 0;} .tags {margin-top: 130px;color: #FFFFFF;} .tags .tips{font-weight: 400;font-size: 16px;line-height: 130%;color: #ABB2C0;text-transform: uppercase;display: inline-block;background: transparent;padding: 0;} .tags span{font-weight: 400;font-size: 14px;line-height: 130%;color: #ABB2C0;background-color: #EBEBEB;padding: 6px 16px;margin: 20px 16px 20px 0;text-transform: capitalize;display: inline-block;} .blogsform{width: 100%;position: relative;background: url('/wp-content/themes/website/images/blogsformbg.jpg?w=1920&h=450') center center/cover no-repeat transparent;background-size: 1920px 450px;background-position: center top;} .blogsform .title{padding-top: 100px;margin-bottom: 54px;} .blogsform .title h2{font-weight: 500;font-size: 32px;line-height: 130%;color: #FFFFFF;text-align: center;margin-bottom: 16px;} .blogsform .title p{font-weight: 400;font-size: 20px;line-height: 150%;color: #FFFFFF;margin: 0;padding: 0;text-align: center;} .related{margin-top: 130px;} .related .title{margin-bottom: 0;} .related .title h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #000000;text-transform: capitalize;text-align: center;margin-bottom: 12px;} .related .title p{font-weight: 500;font-size: 16px;line-height: 150%;color: #808080;text-align: center;padding: 0;margin: 0;} .related .blogs{margin-top: 0;} .related .blogs-grid .grid_3:hover .blogscon{background: #004488 !important;-webkit-transition: all .2s;} .related .blogs-grid .grid_3:hover p{color: #FFFFFF;} #cases {padding-top: 160px;padding-bottom: 180px;overflow: hidden;background-color: #E5E4E2;} #cases .banner{width: 1400px;height: 500px;background-color: #000000;left: 50%;margin-left: -720px;position: relative;} #cases .banner p img{width: 100%;height: 100%;display: block;z-index: 1;} #cases .banner:before{content: '';width: 100%;height: 100%;position: absolute; background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 42%, rgba(0, 0, 0, 0.3) 73%, rgba(0, 0, 0, 0.18) 100%);} #cases .banner .title{padding-top: 136px;z-index: 10;position: absolute;left: 50%;margin-left: -585px;} #cases .banner .title span{font-weight: 400;font-size: 16px;line-height: 130%;color: #c0c0c0;text-transform: uppercase;display: inline-block;} #cases .banner .title h1{font-weight: 400;font-size: 42px;line-height: 140%;color: #FFFFFF;text-transform: capitalize;margin: 36px 0 0 0;} #cases .casesinfo{margin-top: 60px;} #cases .casesinfo .leftinfo{width: 800px;float: left;background-color: #FFFFFF;position: relative;} #cases .casesinfo .leftinfo .title{background-color: #F5F5F5;padding: 50px 80px 20px 80px;} #cases .casesinfo .leftinfo .title ul{display: grid;grid-template-columns: repeat(2, 50%);margin: 0;padding: 0;} #cases .casesinfo .leftinfo .title ul li{list-style: none;padding: 0 10px 0 40px;position: relative;margin-bottom: 30px;font-size: 20px;line-height: 130%;font-weight: 400;color: #000000;} #cases .casesinfo .leftinfo .title ul li::before {content: '';width: 26px;height: 26px;position: absolute;left: 0;} #cases .casesinfo .leftinfo .title ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/cases-1.svg);background-size: 26px 26px;top: 0;margin-top: 0;} #cases .casesinfo .leftinfo .title ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/cases-2.svg);background-size: 26px 26px;top: 0;margin-top: 0;} #cases .casesinfo .leftinfo .title ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/cases-3.svg);background-size: 26px 26px;top: 0;margin-top: 0;} #cases .casesinfo .leftinfo .title ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/cases-4.svg);background-size: 26px 26px;top: 0;margin-top: 0;} #cases .casesinfo .leftinfo .title span{font-size: 16px;line-height: 130%;font-weight: 400;color: #666666;display: inline-block;} #cases .casesinfo .leftinfo .blogscon{padding: 50px 50px 100px 50px;} #cases .casesinfo .blogscon img{max-width: 90%;height: auto;display: block;margin: 40px 0 40px 0;} #cases .blogscon p{font-weight: 400;font-size: 18px;line-height: 150%;color: #3B3C36;padding: 0;margin: 0 0 40px 0;} #cases .blogscon ul{list-style: none;margin: 20px 0 40px 10px;padding: 0;} #cases .blogscon ul li{font-weight: 400;font-size: 16px;line-height: 130%;color: #3B3C36;padding-left: 20px;margin: 0 0 10px 0;position: relative;} #cases .blogscon ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #004488;left: 0;margin-top: 8px;} #cases .blogscon .dateshare{border-top: 2px solid #E9E9E9;padding-top: 40px;margin-top: 50px;} #cases .blogscon .dateshare .date{float: left;} #cases .blogscon .dateshare span{font-weight: 400;font-size: 16px;line-height: 150%;color: #666666;display: inline-block;padding-top: 4px;} #cases .blogscon .share{float: right;display: grid;grid-template-columns: 35% 65%;width: 260px;} #cases .blogscon .share span{text-align: right;} #cases .blogscon .grid_4{display: grid;grid-template-columns: repeat(3, 33.33%);margin-left:12px;} #cases .blogscon .share a{margin-right: 20px;} #cases .blogscon .share a svg{width: 30px;height: 30px;fill: #C0C0C0;} #cases .blogscon .share a:hover svg{fill: #d52129;} .relatedpro{margin-top: 150px; margin-bottom: 32px;} .relatedpro h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #353839;text-transform: capitalize;text-align: center;} .relatedpro .pro-grid{display: grid;grid-template-columns: repeat(3, 33.33%);width: 1200px;margin: 0 auto;margin-top: 44px;} .relatedpro .pro-grid .grid_3{background: #E9E9E9;margin: 0 15px;} .relatedpro .pro-grid .grid_3 img{width: 370px;height: 246px;display: block;} .relatedpro .pro-grid .protitle{padding: 16px 30px 30px 30px;width: 100%;} .relatedpro h3{font-size: 20px;height: 130%;color: #000000;margin-bottom: 12px;} .relatedpro ul{list-style: none;margin: 0;padding: 0;} .relatedpro ul li{font-size: 16px;line-height: 130%;color: #333333;margin-bottom: 6px;} .relatedpro .pro-grid .grid_3:hover {background: #004488;} .relatedpro .pro-grid .grid_3:hover h3,.relatedpro .pro-grid .grid_3:hover ul li{color: #ffffff;} .relatedpro .pro-grid .grid_3:hover ul li:before{content: '';background: #ffffff;} #product {padding-top: 100px;overflow: hidden;} #product .banner{width: 1400px;height: 500px;background-color: #000000;left: 50%;margin-left: -720px;position: relative;} #product .banner p img{width: 100%;height: 100%;display: block;z-index: 1;} #product .procon{margin-top: 70px;overflow: hidden;} #product .procon .breadcrumb{width: 800px;float: left;} #product .protitle{margin-top: 70px;} #product .protitle .left{width: 800px;float: left;} #product .protitle .left h1{font-weight: 400;font-size: 42px;line-height: 140%;color: #000000;text-transform: capitalize;margin-bottom: 20px;} #product .protitle .left p{font-weight: 400;font-size: 18px;line-height: 140%;color: #333333;margin: 20px 0;padding: 0;} #product .protitle .left ul{list-style: none;margin: 40px 0 40px 10px;padding: 0;} #product .protitle .left ul li{font-weight: 700;font-size: 18px;line-height: 130%;color: #3B3C36;padding-left: 20px;margin: 0 0 10px 0;position: relative;text-transform: capitalize;} #product .protitle .left ul li:before{content: '';display: block;position: absolute;width: 5px;height: 5px;background: #004488;left: 0;margin-top: 8px;} #product .proadv{background-color: #F7F7F7;padding: 40px 30px;border-left: 8px solid #004488;margin-top: 80px;box-shadow: 4px 4px 4px rgba(4, 0, 0, 0.1);position: relative;z-index: 10;} /*#product .proadv ul{display: grid;grid-template-columns: repeat(5, 20%);margin: 0;padding: 0;} #product .proadv ul li{list-style: none;position: relative;font-weight: 500;font-size: 18px;line-height: 140%;color: #808080;text-align: center;padding: 66px 10px 0 10px;} #product .proadv ul li::before {content: '';width: 46px;height: 46px;position: absolute;left: 40%;top: 0;} #product .proadv ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/pro-1.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/pro-2.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/pro-3.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/pro-4.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(5)::before{background: url(/wp-content/themes/website/svg/pro-5.svg);background-size: 100% 100%;}*/ #product .proadv ul{display: grid;grid-template-columns: repeat(4, 25%);margin: 0;padding: 0;} #product .proadv ul li{list-style: none;position: relative;font-weight: 500;font-size: 18px;line-height: 140%;color: #808080;text-align: center;padding: 66px 10px 0 10px;} #product .proadv ul li::before {content: '';width: 46px;height: 46px;position: absolute;left: 40%;top: 0;} #product .proadv ul li:nth-child(1)::before{background: url(/wp-content/themes/website/svg/pro-1.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(2)::before{background: url(/wp-content/themes/website/svg/pro-3.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(3)::before{background: url(/wp-content/themes/website/svg/pro-4.svg);background-size: 100% 100%;} #product .proadv ul li:nth-child(4)::before{background: url(/wp-content/themes/website/svg/pro-5.svg);background-size: 100% 100%;} #product .content{background-color: #F7F7F7;position: relative;z-index: 1;padding: 200px 150px 100px 150px;margin-top: -60px;} /*#product .content .wrap{padding: 0 100px;}*/ #product .content h2{font-weight: 400;font-size: 32px;line-height: 130%;color: #004488;text-transform: capitalize;margin: 20px 0 10px 0;} #product .content h3{font-weight: 400;font-size: 26px;line-height: 130%;color: #004488;text-transform: capitalize;margin: 20px 0 10px 0;} #product .content h4{font-weight: 400;font-size: 20px;line-height: 130%;color: #004488;text-transform: capitalize;margin: 20px 0 10px 0;} #product .content ul{list-style: none;margin: 40px 0 40px 10px;padding: 0;} #product .content ul li{font-weight: 400;font-size: 18px;line-height: 150%;color: #333333;padding-left: 20px;margin: 0 0 20px 0;position: relative;} #product .content ul li:before{content: '';display: block;position: absolute;width: 6px;height: 6px;background: #004488;left: 0;margin-top: 12px;} #product .content p,#product .content ol li{font-weight: 400;font-size: 18px;line-height: 150%;color: #333333;margin: 0 0 20px 0;position: relative;} #product .content .pro-info{margin-bottom: 60px;} #product .swiper{width: 100%;height: auto;margin: 0 auto;position: relative;} #product .swiper-slide img {display: block;width: 750px;height: 500px;object-fit: cover;} #product .swiper-slide{width: auto;} /*#product .swiper-slide:nth-child(2n) {width: 45%;} #product .swiper-slide:nth-child(3n) {width: 45%;}*/ #product .swiper-pagination-bullet{background: #004488;border-radius: 0;opacity: 0.8;} #product .swiper-pagination-bullet-active{background: #d52129;border-radius: 0;opacity: 1;} #product .applications{margin-top: 100px;margin-bottom: 100px;} #product .applications h2{font-weight: 400;font-size: 36px;line-height: 130%;color: #353839;text-transform: capitalize;text-align: center;margin-bottom: 12px;} #product .applications span{font-weight: 400;font-size: 18px;line-height: 150%;color: #808080;display: inline-block;text-align: center;} #product .applications .app-grid{display: grid;grid-template-columns: repeat(3, 33.33%);width: 1200px;margin: 0 auto;margin-top: 44px;} #product .applications .app-grid .grid_3{background: #E9E9E9;margin: 0 15px;position: relative;height: 246px;} #product .applications .app-grid .grid_3 img{width: 370px;height: 246px;display: block;} #product .applications .app-grid .grid_3:before{content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 21%, rgba(0, 0, 0, 0) 47%);} #product .applications .app-grid .grid_3 p{font-size: 18px;line-height: 130%;color: #FFFFFF;position: absolute;bottom: 20px;margin: 0;padding: 0 10px;text-align: center;width: 100%;text-transform: capitalize;} #product .blogsform{margin-top: 160px;} #back-top{position: fixed;bottom: 10%; margin-top: 135px;right: 0;box-sizing: border-box;display: block;width: 40px;height: 40px;z-index: 9999;cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;} #back-top.hide{display: none;} #back-top svg{width: 32px;height: 32px;fill: #ABB2C0;} #back-top:hover svg{fill: #d52129;} #sitemap {margin-top:160px;margin-bottom: 200px;} #sitemap h1{margin-bottom: 30px;font-weight: 400;font-size: 32px;color: #232F3E;line-height: 130%;} #sitemap .sideBar{float: left;width: 30%;} #sitemap .sideBar ul{list-style: none; padding: 0;overflow: auto;} #sitemap .sideBar li{margin-bottom: 20px;} #sitemap a{font-size: 16px;color: #222222;font-weight: 400;line-height: 150%;} #sitemap a:hover {color: #d52129;} #sitemap .layout-info{width: 800px;float: right;} #sitemap .layout-info p{text-align: left;} #sitemap .layout-info h2{font-size: 24px;color: #000000;line-height: 150%;margin-bottom: 20px;text-align:left;font-weight: 700;} #sitemap .layout-info .title{margin-bottom: 10px;font-size: 20px;color: #000000;line-height: 150%;font-weight: 400;display: block;} #sitemap .layout-info .title:hover {color: #d52129;} #sitemap .layout-info li{float: left;width: 50%;padding: 0 20px 0 0 !important;margin-bottom: 20px;list-style: none;} #sitemap .layout-info h4{font-size: 16px;color: #222222;line-height: 150%;font-weight: 400;margin-bottom: 20px;} #sitemap .new {margin-bottom: 20px} #sitemap .sitemap_news{padding: 0;margin-top: 50px;overflow: auto;} #sitemap .sitemap_news li{width: 100%;padding: 0;} #sitemap .sitemap_news li:before{display: none;} #sitemap .grid ul{list-style: none;margin: 0;padding: 0;} #sitemap .grid li{margin-bottom: 20px;} #sitemap .grid li:before{display: none !important;} #sitemap .layout-info .pro{overflow: auto; margin-bottom: 40px;} #privacy {margin-top:160px;margin-bottom: 200px;} #privacy h1{margin-bottom: 30px;font-weight: 400;font-size: 32px;color: #232F3E;line-height: 130%;} #privacy .sideBar{float: left;width: 30%;} #privacy .sideBar ul{list-style: none; padding: 0;} #privacy .sideBar li{margin-bottom: 20px;padding: 0;} #privacy .sideBar li:before{display: none;} #privacy .sideBar a{font-size: 18px;color: #4A4A4A;font-weight: 400;line-height: 150%} #privacy .sideBar a:hover {color: #d52129;} #privacy .layout-info{width: 800px;float: right;margin-top: 70px;} #privacy .layout-info p{text-align: left;} #privacy .layout-info h2{font-size: 20px;color: #000000;line-height: 130%;margin: 50px 0 10px 0;text-align:left;font-weight: 700;} #privacy p,#privacy ul li,#privacy ol li{font-size: 18px !important;} #not-found{margin-top: 70px;margin-bottom: 220px;overflow: hidden;} #not-found .wrap{position: relative;} #not-found .left{float: left;margin-right: 120px;margin-left: 60px;} #not-found .right{width: 560px;right: 0;position: absolute;padding-top: 40px;} #not-found h1{ font-size : 38px;line-height: 130%;text-transform: capitalize;color : #353B47;font-weight: 700;margin-bottom: 10px;} #not-found h2{ font-size : 30px;line-height: 130%;text-transform: capitalize;color : #353B47;font-weight: 400;margin-bottom: 60px;} #not-found p{font-size: 16px;line-height: 150%;font-weight: 700;color: #8791A5;margin: 0;} #not-found .search-form {width: 560px;height: 50px;position: relative;display: block;margin-top: 20px;} #not-found .search-form input[type="text"]{padding: 10px 0 10px 16px;width: 560px;height: 40px;font-size: 16px;color: #4A4A4A;background: #e1e3e9;outline: none;} #not-found .search-form input[type="submit"]{width: 40px;height: 40px;background: url('/wp-content/themes/website/svg/search_3.svg') no-repeat;background-size: 50% 50%;border-radius: 50%;background-color: #004488;background-position: center;position: absolute;right: 0;} #not-found .search-form input[type="submit"]:hover{background-color: #d52129;} #not-found .search-form input[type="text"]:focus{border-bottom: 2px solid #353b47;} #searchinfo {margin-top: 160px;margin-bottom: 200px;} #searchinfo .con{overflow: auto;margin-bottom: 60px;} #searchinfo .con h1{font-size: 32px;color: #232F3E;line-height: 130%;font-weight: 400;margin-bottom: 6px;} #searchinfo a ul {list-style: none; padding: 0;margin: 0;overflow: hidden;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;} #searchinfo .search_result {width: 500px;float: left;} #searchinfo .search_result p{font-size: 16px;color: #666666;line-height: 140%;font-weight: 400;padding: 0;} #searchinfo .search_result p span{font-size: 16px;color: #000000;line-height: 140%;font-weight: 400px;} #searchinfo .search-form {width: 600px;height: 50px;position: relative;display: block;float: right;margin-top: 20px;} #searchinfo .search-form input[type="text"]{padding: 10px 0 10px 16px;width: 600px;height: 40px;font-size: 16px;color: #4A4A4A;background: #eaeaea;outline: none;border-radius: 20px;} #searchinfo .search-form input[type="submit"]{width: 40px;height: 40px;background: url('/wp-content/themes/website/svg/search_3.svg') no-repeat;background-size: 50% 50%;border-radius: 50%;background-color: #004488;background-position: center;position: absolute;right: 0;} #searchinfo .search-form input[type="submit"]:hover{background-color: #d52129;} #searchinfo .search-form input[type="text"]:focus{border: 1px solid #004488;background: #ffffff;} #blog-mainbody,#blog-mainbody ol{margin: 0;padding: 0;} #searchinfo .more-button{margin-top: 40px;} #searchinfo .more-button a{text-decoration: none;border: 1px solid #d52129;padding: 10px 50px;color: #d52129;font-size: 16px; font-weight: 400;display: inline-block;} #searchinfo .more-button a:hover{background: #e1e3e9;border: 1px solid #d52129;color: #d52129;-webkit-transition: all .2s ease;} #search_list {list-style: none; padding: 0;} #search_list a{display: block;} #search_list h2{font-size: 20px;color: #000000;font-weight: 500;text-align: left;line-height: 130%;margin-bottom: 12px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} #search_list ol {padding:40px 0; margin: 0; border-bottom: 1px solid #ABB2C0;} #search_list ol img{width: 480px;height:270px;display: block;float: left;margin-right: 60px;} #search_list .con_2{float: left;width: 600px;} #search_list ol p,#search_list h4,#search_list li{font-size: 16px;color: #4A4A4A;line-height: 150%;margin-bottom: 10px;font-weight:400;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;} #search_list ol a:hover h2{color: #d52129;} #error {margin-top: 160px;margin-bottom: 120px;text-align: center;} #error h1{font-size: 150px;color: #004488;line-height: 130%;font-weight: 400;margin-bottom: 10px;} #error h2{font-size: 30px;color: #4A4A4A;line-height: 130%;font-weight: 400;} #error p{font-size: 18px;color: #4A4A4A;line-height: ;font-weight: 400;margin-bottom: 60px;} #error a{background: #004488;padding: 10px 60px;font-size: 16px;color: #FFFFFF;line-height: 130%;font-weight: 400;display: inline-block;} #error a:hover{background: #d52129;}