html, body {margin: 0; font-family: 'Raleway', sans-serif;} img {display: block;} #header-container {width: 100%; height: 100px; position: fixed; top: 0px; background-color: #ffffff; z-index: 9999999999;} #header-inner {width: 1000px; padding-left: 12px; padding-right: 12px; height: 100px; position: relative; margin: 0 auto;} #header-inner #logo {position: absolute; top: 17px; left: 12px; width: 312px; height: 55px;} #header-inner #cta {position: absolute; top: 17px; right: 12px; text-align: right; color: #3E3E3E; font-size: 16px;} /*#header-inner #cta a {text-decoration: none; color: #3E3E3E;}*/ #header-inner #cta a { color: #3e3e3e; font-size: 14px; text-align: right; text-decoration: none; } .header-strapline.blue { line-height: 36px; } #cta img { float: right; margin: -10px 0 0; width: 50%; } #mobile-header-container {width: 100%; height: 60px; position: fixed; top: 0px; background-color: #ffffff; z-index: 99999999999;} #mobile-header-inner {} #mobile-header-inner #logo {position: absolute; top: 10px; left: 10px; width: 200px; height: 35px;} #mobile-header-inner #logo a{ } #mobile-header-inner #logo a img{ width: 105px; } #nav-container {width: 100%; height: 30px; position: fixed; top: 100px; background-color: #000; z-index: 9999999999;} #nav-inner {width: 1000px; padding-left: 12px; padding-right: 12px; height: 30px; position: relative; margin: 0 auto;} #nav-inner ul {list-style: none; padding: 0; margin: 0;} #nav-inner ul li {display: block; position: relative; float: left;} #nav-inner ul li ul li {display: block; position: relative; float: left; } /* This hides the dropdowns */ #nav-inner li ul {display: none; /*text-transform: uppercase;*/} #nav-inner ul li a {display: block; height: 30px; padding-left: 20px; padding-right: 20px; text-decoration: none; white-space: nowrap; color: #fff; display: table-cell; vertical-align: middle; font-size: 14px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; font-weight:500;} #nav-inner ul li ul li a {display: block; height: auto; padding-top: 8px; padding-bottom: 8px; padding-left: 20px; padding-right: 20px; text-decoration: none; white-space: nowrap; color: #fff; font-size: 14px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} #nav-inner ul li a:hover {background: #00226d; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} #nav-inner ul li.active {background: #00226d; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} /* Display the dropdown */ #nav-inner li:hover > ul {display: block; position: absolute; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} #nav-inner li:hover li {float: none;} #nav-inner li:hover a {background: #B1B1B1;} #nav-inner li:hover li a:hover {background: #00226d;} #nav-inner .main-navigation li ul li {border-top: 0;} /* Displays second level dropdowns to the right of the first level dropdown */ #nav-inner ul ul ul {left: 100%; top: 0;} /* Simple clearfix */ #nav-inner ul:before, #nav-inner ul:after {content: " "; /* 1 */ display: table; /* 2 */} #nav-inner ul:after {clear: both;} #home-banner {width: 100%; height: 305px; position: fixed; top: 125px; z-index: 1; background-position: top center; background-repeat: no-repeat;} #home-banner-inner {max-width: 1024px; margin: 0 auto;} #home-mobile-banner {width: 100%;} #home-mobile-banner-inner {max-width: 1024px; margin: 0 auto;} @media (max-width: 1023px) { #header-container {display: none;} #mobile-header-container {display: block;} #nav-container {display: none;} #desktop-clearer {position: relative; height: 60px;} #desktop-clearer-no-banner {position: relative; height: 60px;} #home-banner {display: block; top: 0px; z-index: 1; position:relative; height: auto; } #home-mobile-banner {display: block;} #home-banner > img { margin-top: -28px; } } @media (min-width: 1024px) { #header-container {display: block;} #mobile-header-container {display: none;} #nav-container {display: block;} #desktop-clearer {position: relative; height: 805px;} #desktop-clearer-no-banner {position: relative; height: 120px;} #home-banner {display: block;} #home-mobile-banner {display: none;} #home-banner > img { margin-top: 0px; } } a.anchor {display: block; position: relative; top: -120px; visibility: hidden;} a.mobile-anchor {display: block; position: relative; top: -60px; visibility: hidden;} #about-us-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #808080; z-index: 999;} #about-us-container #about-us-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #about-us-container #about-us-inner h1 {color: #ffffff; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #about-us-container #about-us-inner h2 {color: #777; font-size: 32px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 35px} #about-us-container #about-us-inner p {color: #444444; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #about-us-container #about-us-inner #about-us-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666;} #about-us-container #about-us-inner #about-us-right ul li a {display: block; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #about-us-container #about-us-inner #about-us-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #about-us-container #about-us-inner #about-us-left {width: 100%; padding-top: 20px;} #about-us-container #about-us-inner #about-us-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #about-us-container #about-us-inner #about-us-left {float: left; width: 45%; padding-top: 20px;} #about-us-container #about-us-inner #about-us-right {float: right; /*width: 40%;*/ padding-top: 20px;} } #industries-solutions-container {position: relative; width: 100%; background:#FFF;box-shadow: inset 0 20px 20px -20px #000000; background-repeat: no-repeat; background-position: top center; z-index: 999;} #industries-solutions-container #industries-solutions-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto; min-height:390px;} #industries-solutions-container #industries-solutions-inner h1 {color: #444; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #industries-solutions-container #industries-solutions-inner h2 {color: #444; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #industries-solutions-container #industries-solutions-inner p {color: #444; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px; margin-top:15px;} #industries-solutions-container #industries-solutions-inner #industries-solutions-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #eb1245;} #industries-solutions-container #industries-solutions-inner #industries-solutions-right ul li a {display: block; color: #444; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eb1245;} #industries-solutions-container #industries-solutions-inner #industries-solutions-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #industries-solutions-container #industries-solutions-inner #industries-solutions-left {width: 100%; padding-top: 20px;} #industries-solutions-container #industries-solutions-inner #industries-solutions-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #industries-solutions-container #industries-solutions-inner #industries-solutions-left {float: left; width: 45%; padding-top: 0px;} #industries-solutions-container #industries-solutions-inner #industries-solutions-right {float: right; width: 40%; padding-top: 0px;} } #products-container #products-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #products-container #products-inner h1 {color: #3E3E3E; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #products-container #products-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #products-container #products-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #products-container #products-inner #products-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #cacaca;} #products-container #products-inner #products-right ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cacaca;} #products-container #products-inner #products-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #products-container #products-inner #products-left {display: none;} #products-container #products-inner #products-left-mobile {width: 100%; padding-top: 20px;} #products-container #products-inner #products-right {width: 100%; padding-top: 20px;} #products-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-repeat: no-repeat; background-position: top center; background-color: #ffffff; z-index: 999;} } @media (min-width: 1024px) { #products-container #products-inner #products-left {float: left; width: 45%; padding-top: 20px;} #products-container #products-inner #products-left-mobile {display: none;} #products-container #products-inner #products-right {float: right; width: 40%; padding-top: 20px;} #products-container {position: relative; width: 100%; background-image:url('{pboot:sitedomain}/skin/images/products-bg.jpg'); box-shadow: inset 0 20px 20px -20px #000000; background-repeat: no-repeat; background-position: top center; background-color: #ffffff; z-index: 999;} } #services-container { position: relative; width: 100%; background: #17497c url("/skin/images/global-solutions-bg.png") no-repeat scroll right -150px; box-shadow: inset 0 20px 20px -20px #000000; background-repeat: no-repeat; background-position: -248px right; z-index: 999; } Z #services-container #services-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #services-container #services-inner h1 {color: #ffffff; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #services-container #services-inner h2 {color: #ffffff; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #services-container #services-inner #services-left ul {margin-left:-40px;list-style: none;} #services-container #services-inner #services-left ul li {color: #ffffff;font-size: 14px;font-weight: 400;margin: 0;line-height: 21px;} #services-container #services-inner #services-left ul li:before {content: "-";color:#FFF;padding-right: 8px;} #services-container #services-inner p {color: #ffffff; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #services-container #services-inner #services-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #cacaca;} #services-container #services-inner #services-right ul li a {display: block; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cacaca;} #services-container #services-inner #services-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #services-container { position: relative; width: 100%; background: #17497c; box-shadow: inset 0 20px 20px -20px #000000; background-repeat: repeat; background-position: -248px right; z-index: 999; } #services-container #services-inner #services-left {width: 100%; padding-top: 20px;} #services-container #services-inner #services-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #services-container #services-inner #services-left {float: left; width: 45%; padding-top: 20px;} #services-container #services-inner #services-right {float: right; width: 40%; padding-top: 20px;} } #services-container #services-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #services-container #services-inner h1 {color: #ffffff; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #services-container #services-inner h2 {color: #ffffff; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #services-container #services-inner p {color: #ffffff; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #services-container #services-inner #services-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #cacaca;} #services-container #services-inner #services-right ul li a {display: block; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cacaca;transition: all 0.5s ease;} #services-container #services-inner #services-right ul li a:hover {color: #c2c2c2;padding-left:10px;} @media (max-width: 1023px) { #services-container #services-inner #services-left {width: 100%; padding-top: 20px;} #services-container #services-inner #services-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #services-container #services-inner #services-left {float: left; width: 45%; padding-top: 20px;} #services-container #services-inner #services-right {float: right; width: 40%; padding-top: 20px;} } #downloads-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #17497C; z-index: 999;} #downloads-container #downloads-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #downloads-container #downloads-inner h1 {color: #ffffff; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #downloads-container #downloads-inner h2 {color: #ffffff; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #downloads-container #downloads-inner p {color: #ffffff; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #downloads-container #downloads-inner #downloads-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #cacaca;} #downloads-container #downloads-inner #downloads-right ul li a {display: block; color: #ffffff; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #cacaca;} #downloads-container #downloads-inner #downloads-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #downloads-container #downloads-inner #downloads-left {width: 100%; padding-top: 20px;} #downloads-container #downloads-inner #downloads-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #downloads-container #downloads-inner #downloads-left {float: left; width: 45%; padding-top: 20px;} #downloads-container #downloads-inner #downloads-right {float: right; width: 40%; padding-top: 20px;} } /**/ #terms-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #D9DADB; z-index: 999;} #terms-container #terms-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #terms-container #terms-inner h1 {color: #444; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #terms-container #terms-inner h2 {color: #444; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #terms-container #terms-inner p {color: #444; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #terms-container #terms-inner #terms-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #444;} #terms-container #terms-inner #terms-right ul li a {display: block; color: #444; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #444;transition: all 0.5s ease;} #terms-container #terms-inner #terms-right ul li a:hover {color: #fff;padding-left:10px;} #terms-container #terms-inner #terms-left ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #444;} #terms-container #terms-inner #terms-left ul li a {display: block; color: #444; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #444;transition: all 0.5s ease;} #terms-container #terms-inner #terms-left ul li a.noLink{background-image: none;} #terms-container #terms-inner #terms-left ul li a:hover {color: #fff;padding-left:10px;} #terms-container #terms-inner #terms-left h1, #terms-container #terms-inner #terms-right h1{ padding-bottom: 20px; } @media (max-width: 1023px) { #terms-container #terms-inner #terms-left {width: 100%; padding-top: 20px;} #terms-container #terms-inner #terms-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #terms-container #terms-inner #terms-left {float: left; width: 45%; padding-top: 20px;} #terms-container #terms-inner #terms-right {float: right; width: 40%; padding-top: 20px;} #terms-container #terms-inner #terms-right.doubleTerms {width: 45%;} } /**/ #news-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; /*background-color: #005DA7;*/ z-index: 999;} #news-container #news-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto; min-height:275px;} #news-container #news-inner h1 {color: #444; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #news-container #news-inner h2 {color: #444; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #news-container #news-inner p {color: #444; font-size: 14px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 21px} #news-container #news-inner #news-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #0026a7;} #news-left {float:left; width:50%;} #news-right {float:right; width:50%;} #news-post {margin-left:95px; width:78%} #news-container #news-inner #news-right ul li a {display: block; color: #444; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #0026a7;} #news-container #news-inner #news-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #news-container #news-inner #news-left {width: 100%; padding-top: 20px;} #news-container #news-inner #news-right {width: 100%; padding-top: 20px;} #news-left {float:left; width:100%; } #news-right {float:right; width:100%;} } @media (min-width: 1024px) { #news-container #news-inner #news-left {float: left; width: 45%; padding-top: 20px; margin-bottom:20px;} #news-container #news-inner #news-right {float: right; width: 40%; padding-top: 20px; margin-bottom:20px;} } #contact-us-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #contact-us-container #contact-us-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #contact-us-container #contact-us-inner h1 {color: #3E3E3E; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #contact-us-container #contact-us-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #contact-us-container #contact-us-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #contact-us-container #contact-us-inner #contact-us-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #0026a7;} #contact-us-container #contact-us-inner #contact-us-right ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #0026a7;} #contact-us-container #contact-us-inner #contact-us-right ul li a:hover {color: #c2c2c2;} #contact-us-container #contact-us-inner #contact-us-right table {width: 100%;} #contact-us-container #contact-us-inner #contact-us-right input {font-family: 'Source Sans Pro', sans-serif;} #contact-us-container #contact-us-inner #contact-us-right textarea {font-family: 'Source Sans Pro', sans-serif;} @media (max-width: 1023px) { #contact-us-container #contact-us-inner #contact-us-left {width: 100%; padding-top: 20px;} #contact-us-container #contact-us-inner #contact-us-middle {width: 100%; padding-top: 20px;} #contact-us-container #contact-us-inner #contact-us-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #contact-us-container #contact-us-inner #contact-us-left {float: left; width: 40%; padding-top: 20px; margin-right: 3px;} #contact-us-container #contact-us-inner #contact-us-middle {float: left; width: 25%; padding-top: 20px; margin-right: 3px;} #contact-us-container #contact-us-inner #contact-us-right {float: right; width: 59%; padding-top: 20px;} } #industry-solutions-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #industry-solutions-container #industry-solutions-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #industry-solutions-container #industry-solutions-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #industry-solutions-container #industry-solutions-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #industry-solutions-container #industry-solutions-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #industry-solutions-container #industry-solutions-inner ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666;} #industry-solutions-container #industry-solutions-inner ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #industry-solutions-container #industry-solutions-inner ul li a:hover {color: #c2c2c2;} #industry-solutions-container #industry-solutions-inner #industry-solutions-left ul {margin-top: 30px;} @media (max-width: 1023px) { #industry-solutions-container #industry-solutions-inner #industry-solutions-left {width: 100%; padding-top: 20px;} #industry-solutions-container #industry-solutions-inner #industry-solutions-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #industry-solutions-container #industry-solutions-inner #industry-solutions-left {float: left; width: 38%; padding-top: 20px;} #industry-solutions-container #industry-solutions-inner #industry-solutions-right {float: right; width: 55%; padding-top: 20px;} } #red-bottom-strip {position: relative; width: 100%; z-index: 999; background-color: #d11245; background-repeat: no-repeat; background-position: top center; height: 15px;} #red-bottom-strip-mobile {width: 100%; background-color: #d11245; height: 15px;} #red-bottom-strip-mobile-inner {max-width: 1024px; margin: 0 auto; background-color: #d11245; box-shadow: inset 0 20px 20px -20px #000000;} #blue-bottom-strip {position: relative; width: 100%; z-index: 999; background-color: #015da8; background-repeat: no-repeat; background-position: top center; height: 15px;} #blue-bottom-strip-mobile {width: 100%; background-color: #015da8; height: 15px;} #blue-bottom-strip-mobile-inner {max-width: 1024px; margin: 0 auto; background-color: #015da8; box-shadow: inset 0 20px 20px -20px #000000;} #grey-bottom-strip {position: relative; width: 100%; z-index: 999; background-color: #666666; background-repeat: no-repeat; background-position: top center; height: 15px;} #grey-bottom-strip-mobile {width: 100%; background-color: #666666; height: 15px;} #grey-bottom-strip-mobile-inner {max-width: 1024px; margin: 0 auto; background-color: #666666; box-shadow: inset 0 20px 20px -20px #000000;} @media (max-width: 1023px) { #red-bottom-strip {display: none;} #red-bottom-strip-mobile {display: block;} #blue-bottom-strip {display: none;} #blue-bottom-strip-mobile {display: block;} #grey-bottom-strip {display: none;} #grey-bottom-strip-mobile {display: block;} } @media (min-width: 1024px) { #red-bottom-strip {display: block;} #red-bottom-strip-mobile {display: none;} #blue-bottom-strip {display: block;} #blue-bottom-strip-mobile {display: none;} #grey-bottom-strip {display: block;} #grey-bottom-strip-mobile {display: none;} } #tech-in-cutting-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #tech-in-cutting-container #tech-in-cutting-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #tech-in-cutting-container #tech-in-cutting-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #tech-in-cutting-container #tech-in-cutting-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #tech-in-cutting-container #tech-in-cutting-inner h3 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 0px; line-height: 20px} #tech-in-cutting-container #tech-in-cutting-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-right ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-right ul li a:hover {color: #c2c2c2;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-left ul {list-style: none; padding: 0; margin: 0; margin-bottom: 20px;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-left ul li a {display: block; color: #3E3E3E; text-decoration: none; font-size: 13px; background-image:url('{pboot:sitedomain}/skin/images/pdf-icon.jpg'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-left ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-left {width: 100%; padding-top: 20px;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-left {float: left; width: 45%; padding-top: 20px;} #tech-in-cutting-container #tech-in-cutting-inner #tech-in-cutting-right {float: right; width: 40%; padding-top: 20px;} } #aeroengine-tooling-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #aeroengine-tooling-container #aeroengine-tooling-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #aeroengine-tooling-container #aeroengine-tooling-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #aeroengine-tooling-container #aeroengine-tooling-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #aeroengine-tooling-container #aeroengine-tooling-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #aeroengine-tooling-container #aeroengine-tooling-inner ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #3E3E3E;} #aeroengine-tooling-container #aeroengine-tooling-inner ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #3E3E3E;} #aeroengine-tooling-container #aeroengine-tooling-inner ul li a:hover {color: #c2c2c2;} #aeroengine-tooling-container #aeroengine-tooling-inner #aeroengine-tooling-left ul {margin-top: 30px;} @media (max-width: 1023px) { #aeroengine-tooling-container #aeroengine-tooling-inner #aeroengine-tooling-left {width: 100%; padding-top: 20px;} #aeroengine-tooling-container #aeroengine-tooling-inner #aeroengine-tooling-right {width: 100%; padding-top: 20px;} #aeroengine-tooling-container #aeroengine-tooling-inner ul.notfirst {border: 0;} } @media (min-width: 1024px) { #aeroengine-tooling-container #aeroengine-tooling-inner #aeroengine-tooling-left {float: left; width: 38%; padding-top: 20px;} #aeroengine-tooling-container #aeroengine-tooling-inner #aeroengine-tooling-right {float: right; width: 55%; padding-top: 20px;} #aeroengine-tooling-container #aeroengine-tooling-inner ul {width: 30%; margin-right: 3%; float: left;} } #casings-container {position: relative; width: 100%; background-color: #F0F0F0; z-index: 999;} #casings-container #casings-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #casings-container #casings-inner h1 {padding-bottom: 20px; color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #casings-container #casings-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #casings-container #casings-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #casings-container #casings-inner li {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 2px; line-height: 16px} #casings-container #casings-inner ul {margin: 0; margin-bottom: 12px; list-style-position: inside; padding: 0;} #casings-container #casings-inner #casings-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666;} #casings-container #casings-inner #casings-right ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #casings-container #casings-inner #casings-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #casings-container #casings-inner #casings-left {width: 100%; padding-top: 20px;} #casings-container #casings-inner #casings-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #casings-container #casings-inner #casings-left {float: left; width: 45%; padding-top: 50px;} #casings-container #casings-inner #casings-right {float: right; width: 38%;} } #casings-second-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #casings-second-container #casings-second-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #casings-second-container #casings-second-inner h1 {padding-bottom: 20px; color: #005DA7; text-transform: uppercase; font-size: 24px; font-weight: 300; margin: 0;} #casings-second-container #casings-second-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #casings-second-container #casings-second-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #casings-second-container #casings-second-inner #casings-second-right ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666;} #casings-second-container #casings-second-inner #casings-second-right ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #casings-second-container #casings-second-inner #casings-second-right ul li a:hover {color: #c2c2c2;} @media (max-width: 1023px) { #casings-second-container #casings-second-inner #casings-second-left {width: 100%; padding-top: 20px;} #casings-second-container #casings-second-inner #casings-second-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #casings-second-container #casings-second-inner #casings-second-left {float: left; width: 35%; padding-top: 20px;} #casings-second-container #casings-second-inner #casings-second-right {float: right; width: 45%;} } #products-page-container {position: relative; width: 100%; box-shadow: inset 0 20px 20px -20px #000000; background-color: #ffffff; z-index: 999;} #products-page-container #products-page-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #products-page-container #products-page-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #products-page-container #products-page-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #products-page-container #products-page-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #products-page-container #products-page-inner ul {list-style: none; padding: 0; margin: 0; border-top: 1px solid #666666; margin-bottom: 15px;} #products-page-container #products-page-inner ul li a {display: block; color: #3E3E3E; text-decoration: none; text-transform: uppercase; font-size: 16px; background-image:url('{pboot:sitedomain}/skin/images/nav-arrow.png'); background-position: right center; background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666;} #products-page-container #products-page-inner ul li a:hover {color: #c2c2c2;} #products-page-container #products-page-inner #products-page-left ul {margin-top: 30px;} #products-page-container #products-page-inner #products-page-right #product-list-left img {width: 100%;} #products-page-container #products-page-inner #products-page-right #product-list-middle img {width: 100%;} #products-page-container #products-page-inner #products-page-right #product-list-right img {width: 100%;} @media (max-width: 1023px) { #products-page-container #products-page-inner #products-page-left {width: 100%; padding-top: 20px;} #products-page-container #products-page-inner #products-page-right {width: 100%; padding-top: 20px;} #products-page-container #products-page-inner #products-page-right #product-list-left ul {} #products-page-container #products-page-inner #products-page-right #product-list-middle ul {} #products-page-container #products-page-inner #products-page-right #product-list-right ul {} } @media (min-width: 1024px) { #products-page-container #products-page-inner #products-page-left {float: left; width: 80%; padding-top: 20px;} #products-page-container #products-page-inner #products-page-right {float: right; width: 100%; padding-top: 20px;} #products-page-container #products-page-inner #products-page-right #product-list-left {width: 30%; margin-right: 5%; float: left;} #products-page-container #products-page-inner #products-page-right #product-list-middle {width: 30%; margin-right: 5%; float: left;} #products-page-container #products-page-inner #products-page-right #product-list-right {width: 30%; float: left;} } #indiv-product-container {position: relative; width: 100%; background-color: #d5d5d5; z-index: 999;} #indiv-product-container #indiv-product-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #indiv-product-container #indiv-product-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0;} #indiv-product-container #indiv-product-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #indiv-product-container #indiv-product-inner h3 {color: #005DA7; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 8px; margin-top: 20px; line-height: 20px} /*#indiv-product-container #indiv-product-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px}*/ #indiv-product-container #indiv-product-inner p { color: #3e3e3e; font-size: 13px; font-weight: 400; line-height: 16px; margin: 15px 0 12px; } #indiv-product-container #indiv-product-inner #indiv-product-left ul {list-style-position: inside; padding: 0; margin: 0;} #indiv-product-container #indiv-product-inner #indiv-product-left ul li {color: #3E3E3E; text-decoration: none; font-size: 13px; padding-bottom: 4px;} #indiv-product-container #indiv-product-inner #indiv-product-left ul li a:hover {color: #c2c2c2;} #indiv-product-container #indiv-product-inner #indiv-product-left img {margin-bottom: 20px;} @media (max-width: 1023px) { #indiv-product-container #indiv-product-inner #indiv-product-left {width: 100%;} #indiv-product-container #indiv-product-inner #indiv-product-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #indiv-product-container #indiv-product-inner #indiv-product-left {float: left; width: 45%;} #indiv-product-container #indiv-product-inner #indiv-product-right {float: right; width: 40%;} } #indiv-service-container {position: relative; width: 100%; background-color: #ffffff; z-index: 999;} #indiv-service-container #indiv-service-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #indiv-service-container #indiv-service-inner h1 {color: #005DA7; text-transform: uppercase; font-size: 36px; font-weight: 300; margin: 0; margin-bottom: 12px;} #indiv-service-container #indiv-service-inner h2 {color: #3E3E3E; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 12px; line-height: 20px} #indiv-service-container #indiv-service-inner h3 {color: #005DA7; font-size: 16px; font-weight: 600; margin: 0; margin-bottom: 8px; margin-top: 20px; line-height: 20px} #indiv-service-container #indiv-service-inner p {color: #3E3E3E; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #indiv-service-container #indiv-service-inner #indiv-service-left ul {list-style-position: inside; padding: 0; margin: 0; margin-bottom: 15px;} #indiv-service-container #indiv-service-inner #indiv-service-left ul li {color: #3E3E3E; text-decoration: none; font-size: 13px; padding-bottom: 4px;} #indiv-service-container #indiv-service-inner #indiv-service-left ul li a:hover {color: #c2c2c2;} #indiv-service-container #indiv-service-inner #indiv-service-left img {margin-bottom: 20px;} @media (max-width: 1023px) { #indiv-service-container #indiv-service-inner #indiv-service-left {width: 100%;} #indiv-service-container #indiv-service-inner #indiv-service-right {width: 100%; padding-top: 20px;} } @media (min-width: 1024px) { #indiv-service-container #indiv-service-inner #indiv-service-left {float: left; width: 45%;} #indiv-service-container #indiv-service-inner #indiv-service-right {float: right; width: 40%;} } /*@media (min-width: 1023px) { #industries-solutions-header .col-md-3 { margin: 0 0 0 26px; position: relative; text-align: center; width: 100%; float:none; } }*/ #footer-container {position: relative; width: 100%; background-color: #000000; background-image:url('{pboot:sitedomain}/skin/images/carbon.jpg'); box-shadow: inset 0 20px 20px -20px #000000; background-position: top center; z-index: 999;} #footer-container #footer-inner {position: relative; max-width: 1000px; padding-left: 12px; padding-right: 12px; padding-top: 40px; padding-bottom: 40px; margin: 0 auto;} #footer-container #footer-inner p {color: #ffffff; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #footer-container #footer-inner p a {color: #ffffff; text-decoration: none; font-size: 13px; font-weight: 400; margin: 0; margin-bottom: 12px; line-height: 16px} #footer-container #footer-inner #footer-left {float: left; margin-right: 50px;} #footer-container #footer-inner #footer-middle {float: left; margin-right: 50px;} #footer-container #footer-inner #footer-right {float: left;} #cta > li { display: inline; float: right; padding: 0 0 0 5px; position: relative; text-align: right; } #news-inner ul { list-style: outside none none;} #news-inner li {list-style: outside none none; } #news-inner li a {display:block; list-style-type:none; height:54px; text-transform:uppercase; color:#FFF; font-size:20px; border-bottom: 1px solid #ffffff; background-image:url('{pboot:sitedomain}/skin/images/white-arrow.png'); background-position: right center; background-repeat: no-repeat; } @media (max-width: 1023px) { .post { float: left; font-size: 14px; margin-bottom: 20px; margin-right: 30px; margin-top: 30px; width: auto; font-weight:normal; } } @media (min-width: 1024px) { .post { display: inline-block; vertical-align: top; font-size: 14px; font-weight: normal; margin-bottom: 20px; margin-right: 60px; margin-top: 30px; width: 435px; } } .post a { color: #444; font-size: 16px; text-transform: uppercase; } @media (max-width: 768px) { #home-banner-inner{ padding: 20px 0 80px 0; } } /* PB模板库：www.PBku.cn */ /* PB模板网：www.PBmo.cn */ /* QQ：43171398 */ /* 站长交流群①：183945698 */ /* 站长交流群②：183966298 */ /* 商业VIP群 ③ 183989070 */ /* 会员VIP群 ④ ：38400389 */ /* 八戒站长 www.BaJieZhan.Com */ /* Pboot模板网 www.PbootMoBan.com */