body.ENUS .wrapper-us { font-size: 1em }
body.ENUS p { margin-top: 0 }
body.ENUS h2, body.ENUS h3. body.ENUS h4 {
margin-top:0;
margin-bottom:30px
}
body.ENUS h2 { color: #e71f58; font-size: 34px; line-height: 40px; font-weight: 400 }
body.ENUS h3 { font-size: 30px; line-height: 36px; color: #222 }
body.ENUS h4 { font-size: 26px; line-height: 30px; color: #e71f58 }
body.ENUS .btn {
padding;
10px 40px; font-weight: 400; letter-spacing:.05rem
}
body.ENUS .btn:hover { background: #4a4e5a; color: #fff }
body.ENUS ::-moz-selection {
background-color:#e71f58 !important;
color:#fff !important
}
body.ENUS ::selection { background-color: #e71f58 !important; color: #fff !important }
body.ENUS img.img-fullwidth { margin-bottom: 20px; max-width: 100% }
body.ENUS img.img-right, body.ENUS img.img-left { float: none; clear: both; margin-bottom: 20px }
body.ENUS li.selectboxit-option { white-space: pre-wrap !important }
body.ENUS li.selectboxit-option>a { height: inherit !important; line-height: 24px !important; white-space: pre-wrap !important; text-indent: initial !important; padding: 7px 15px !important }
body.ENUS body.no-scroll #mobileNavigation { display: block !important }
.fullwidth-iframe iframe { max-width: 100% }
body.ENUS .header .uk-container-center { position: inherit }
body.ENUS .sticky.fixed { position: fixed; z-index: 1000 }
body.ENUS .slideshow .btn { height: auto !important; line-height: auto !important }
body.ENUS .popup h2 { font-size: 30px }
body.ENUS .popup h3 { font-size: 20px }
body.ENUS .popup h2, body.ENUS .popup h3 { color: #fff; margin: 0 0 10px }
body.ENUS header { border-bottom: 1px solid #dfdfdf }
body.ENUS header.sticky { overflow: visible !important }
body.ENUS header.sticky.fixed { background: #fff; width: 100%; height: 78px }
body.ENUS header.sticky.fixed .logo { margin: 9px 0 }
body.ENUS header.sticky.fixed .logo img { max-height: 60px }
body.ENUS header.sticky.fixed .navigationmain { margin-top: 0; z-index: 1002; margin-left: 65px }
body.ENUS header .btn { padding: 4px 30px !important; font-weight: 400; letter-spacing:.05rem;
background: #e71f58 !important; color: #fff !important; font-size: 17px; min-height: inherit }
body.ENUS header.h1, body.ENUS header.h2, body.ENUS header.h3, body.ENUS header.h4, body.ENUS header span.header { font-weight: 400 }
body.ENUS .navigationmain { position: initial }
body.ENUS .uk-navbar { position: initial }
body.ENUS .uk-navbar-nav { position: initial }
body.ENUS .uk-navbar-nav>li { position: initial }
body.ENUS .uk-navbar-nav>li:after { display: none }
body.ENUS .uk-navbar-nav>li a:after { display: block; content: ""; background: #e71f58; position: absolute; height: 2px; width: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out }
body.ENUS .uk-navbar-nav>li:hover a:after { width: 100% }
body.ENUS .uk-dropdown-navbar li>a { padding-left: 0 !important }
body.ENUS .uk-navbar-nav>li:hover a:hover { background: transparent; color: #e71f58 }
body.ENUS .uk-dropdown-navbar li:first-of-type a { padding-top: 0 !important }
body.ENUS header.sticky.fixed .uk-navbar-nav>li>a { line-height: 78px; height: 78px; font-size: 16px }
body.ENUS #mainnavigation .uk-navbar .uk-dropdown { position: absolute; left: 0; right: 0; width: 100%; background: #fff; padding: 30px; margin-top: 1px; border-bottom: 1px solid #e71f58 }
body.ENUS header.sticky.fixed #mainnavigation .uk-navbar .uk-dropdown { margin-top: 0 }
body.ENUS .uk-dropdown .col-4 { width: 33.33%; float: left; padding: 0 40px; border-left: 1px solid #d3d3d3 }
body.ENUS .uk-navbar .uk-dropdown span { display: block }
body.ENUS .uk-dropdown .col-4:first-of-type { border-left: none }
body.ENUS .uk-navbar .uk-dropdown .mega-helper { text-align: right }
body.ENUS .uk-navbar .uk-dropdown .mega-helper span.header { color: #e71f58; font-size: 36px; line-height: 38px }
body.ENUS .uk-navbar .uk-dropdown .mega-helper span.text-content { font-size: 24px; line-height: 28px; margin-top: 10px }
body.ENUS .uk-navbar .uk-dropdown .mega-cta img { max-width: 50%; float: left; margin-right: 30px; margin-bottom: 30px }
body.ENUS .uk-navbar .uk-dropdown .mega-cta .header { color: #e71f58; font-size: 24px; line-height: 28px; margin-bottom: 10px }
body.ENUS .top-bar.sticky.fixed { z-index: 1001; width: inherit; margin-top: 11px }
body.ENUS .applicationhotboxes .uk-grid .hotbox img { width: 100% }
body.ENUS .hg.cta { float: none; clear: both; margin-bottom: 0; position: relative; height: 193px; display: table; overflow: hidden }
body.ENUS .hg.cta .text, body.ENUS .hg.cta .image { width: 50%; display: table-cell; vertical-align: bottom; height: 100%; padding: 20px }
body.ENUS .hg.cta .text h4 { color: #fff; text-align: left; margin: 0; font-size: 1em; line-height: 1.1em; font-weight: normal }
body.ENUS .hg.cta .text h4 small { display: block; text-transform: uppercase; font-size: 13px; font-weight: 700 }
body.ENUS .hg.cta .image { padding: 0; vertical-align: bottom !important }
body.ENUS .hg.cta.pink { background: #e71f58 }
body.ENUS .uk-width-1-3 #hs-cta-f1b68f55-987e-42cd-a92f-f3c283681a1a .hg.cta { margin-bottom: 24px }
body.ENUS .hg.cta.pink .image img { right: inherit; left: 0 }
body.ENUS .hg.cta.grey { background: #4a4d5a }
body.ENUS .hg.cta.grey .text h4 small { color: #e71f58 }
body.ENUS .hg.cta.pink .text, body.ENUS .hg.cta.pink .image { vertical-align: top; text-align: left }
body.ENUS a.cta_button { text-decoration: none !important }
body.ENUS .hg.cta.full-width { padding: 0; margin: 0; display: block; height: inherit; background: #464c5a; color: #fff }
body.ENUS .hg.cta.full-width .image { height: 100%; padding: 0 }
body.ENUS .hg.cta.full-width .image img { position: inherit; bottom: inherit; top: inherit; right: inherit; left: inherit }
body.ENUS .hg.cta.full-width>.content { min-height: 400px; padding: 0; z-index: 1; position: relative; overflow: hidden }
body.ENUS .hg.cta.full-width>.content .inner-wrapper { padding: 40px; text-align: center }
body.ENUS .hg.cta.full-width h2, body.ENUS .hg.cta.full-width h3, body.ENUS .hg.cta.full-width h4, body.ENUS .hg.cta.full-width h5 { color: #fff }
body.ENUS .hg.cta.full-width h3 { text-transform: uppercase; font-size: 30px; font-weight: 700; margin: 0 0 15px 0; opacity: 1; color: #fff; line-height: 32px; letter-spacing: 4px }
body.ENUS .hg.cta.full-width h4 { color: #e71f58; margin: 0 0 10px 0; font-size: 18px; text-transform: uppercase }
body.ENUS .hg.cta.full-width .text-content { font-size: 18px; opacity: 1; color: #fff; font-family: "Lato", sans-serif; font-weight: 300; margin-top: 0 0 25px 0; line-height: 24px }
body.ENUS .hg.cta.full-width .btn { margin-top: 40px !important }
body.ENUS .hg.cta.full-width .btn:hover { background: #fff; color: #e71f58 }
body.ENUS .quicklinks nav ul>li { margin-right: 10px }
body.ENUS .quicklinks nav ul>li a { font-weight: 400; padding: 10px 40px; min-height: 50px }
body.ENUS .quicklinks nav ul>li a:hover { background: #4a4e5a; color: #fff }
body.ENUS .newsslider h3 { line-height: 30px }
body.ENUS .videopopup a:after, body.ENUS .videopopup a:hover:after { content: ''; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; border-radius: 40px; background: #e71f58; padding: 21px 40px 41px 23px; font-weight: 900 }
body.ENUS .video.full-width { position: relative }
body.ENUS .video.full-width .videopopup { height: 640px; border-bottom: 3px solid #e71f58 }
body.ENUS .videopopup { border-radius: 0 !important }
body.ENUS .videopopup img { z-index: 1; border-radius: 0 !important }
body.ENUS .videopopup span.caption, body.ENUS .video span.caption { display: block; color: #fff; z-index: 3; position: absolute; top: 50%; left: 70%; font-weight: bold; font-size: 1em; line-height: 1.1em; font-weight: normal; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
body.ENUS .video span.caption { font-size: 2rem }
body.ENUS .video.full-width .videopopup a { max-height: 640px; height: inherit; max-width: inherit }
body.ENUS .video.full-width .videopopup { margin-bottom: 0 }
body.ENUS .hero-image { position: relative }
body.ENUS .hero-image .hero-content { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; position: absolute; padding: 0; z-index: 1; min-height: 600px }
body.ENUS .video-section-wrap h2 { font-size: 17px; line-height: 22px; font-weight: 600; color: #000; padding: 0 10px }
body.ENUS .hero-image .hero-content .hero-content-wrapper { max-width: 1110px; padding: 0 70px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; text-align: center }
body.ENUS .hero-image .hero-content h2 { text-transform: uppercase; font-size: 60px; font-weight: 700; margin: 0; margin-bottom: 30px; opacity: 1; color: #fff; line-height: 55px; letter-spacing: 7px }
body.ENUS .hero-image .hero-content p { font-size: 30px; opacity: 1; color: #fff; font-family: "Raleway", sans-serif; font-weight: 300; margin-top: 0; line-height: 36px }
body.ENUS .hero-image picture { display: block; width: 100%; min-height: 600px; background: #444b5a; overflow: hidden }
body.ENUS .hero-image picture img { opacity: .5; min-height: 100%; min-width: 100%; max-width: inherit }
body.ENUS .breadcrumbs { padding: 6px 0 8px 0 }
body.ENUS .landing-page .landing-box { padding-bottom: 0; overflow: hidden }
body.ENUS .landing-page .landing-box .inner-padding { padding: 30px; margin: 0 }
body.ENUS .landing-box img { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }
body.ENUS .landing-box .image-wrapper { overflow: hidden }
body.ENUS .landing-box:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) }
body.ENUS .landing-page .landing-box h4 { font-size: 24px; line-height: 28px; padding: 0; margin: 0 0 10px 0 }
body.ENUS .landing-page .landing-box p { padding: 0; margin: 0 }
body.ENUS .landing-page a:hover .landing-box h4 { color: #e71f58; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out }
body.ENUS .pull-right { float: right }
body.ENUS .bg-light-gray { background: #eae9e9 }
body.ENUS .bg-light-gray .uk-container { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 20px !important; padding-bottom: 20px !important; overflow: hidden }
body.ENUS .bg-light-gray .landing-box { background: #fff }
body.ENUS .resource-hub-video { height: 410px; margin: 0 }
body.ENUS .resource-hub-video a { height: 410px; max-height: 410px }
body.ENUS table#resource-table { border-top: none }
body.ENUS table#resource-table tbody tr:first-of-type td { padding-top: 30px }
body.ENUS table#resource-table tr, body.ENUS table#resource-table td { background: transparent !important }
body.ENUS table#resource-table thead th .btn { padding: 5px 40px !important; margin-bottom: 0; float: right }
body.ENUS table#resource-table thead th .btn .align-middle { float: left }
body.ENUS table#resource-table thead th .btn i { vertical-align: top; margin-top: 16px; margin-left: 6px }
body.ENUS table#resource-table tbody tr { border-bottom: 1px solid #d3d3d3; position: relative }
body.ENUS table#resource-table td { padding-left: 0; padding-right: 40px; position: relative }
body.ENUS table#resource-table a { font-weight: bold }
body.ENUS table#resource-table tbody tr td:after { content: "i"; right: 13px; top: 13px; position: absolute; font-family: "FontAwesome"; color: #e71f58; font-size: 22px; content: "" }
body.ENUS table#resource-table tbody tr:first-of-type td:after { top: 28px }
body.ENUS table#resource-table thead th { padding: 0; vertical-align: bottom }
body.ENUS table#resource-table thead th>span { display: inline-block }
body.ENUS table#resource-table thead th>span.col-6 input[type="text"] { font-weight: normal; border: 0; border-bottom: solid 2px #e71f58; height: 46px }
body.ENUS table#resource-table thead th>span.col-6 div { float: left; min-height: 50px }
body.ENUS table#resource-table thead th>span.col-6 i { font-size: 12px; font-weight: bold }
body.ENUS table#resource-table thead th>span.col-6 button { width: 100%; float: none; clear: both }
body.ENUS table#resource-table .selectboxit-container .selectboxit-options { padding-left: 65px }
body.ENUS table#resource-table .selectboxit-container:before { content: "Choose"; float: left; height: 40px; display: inline-block; line-height: 40px }
body.ENUS table#resource-table .selectboxit-container .selectboxit { font-weight: normal }
body.ENUS table#resource-table .selectboxit-container:before { content: "Choose" }
body.ENUS table#resource-table .selectboxit-container .selectboxit-arrow-container { border-left: none; position: relative; float: left }
body.ENUS table#resource-table .selectboxit-container .selectboxit-default-arrow:before { color: #e71f58 }
body.ENUS table#resource-table .selectboxit-container .selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor { color: #fff; background: #e71f58 }
body.ENUS table#resource-table thead th>span.col-3, body.ENUS table#resource-table thead th>span.col-6 { width: 100%; height: 50px }
body.ENUS .abrasive-comparison figure { width: 50%; float: left; margin: 0; position: relative }
body.ENUS .abrasive-comparison figure figcaption { font-size: 40px; font-weight: bold; background: #e71f58; color: #fff; padding: 6px 10px; position: absolute; top: 70% }
body.ENUS .abrasive-comparison figure:nth-of-type(1) { margin: auto; text-align: right; padding-right: 20px }
body.ENUS .abrasive-comparison figure:nth-of-type(2) { margin: auto; text-align: left; padding-left: 20px }
body.ENUS .abrasive-comparison figure:nth-of-type(2) figcaption { right: 0; background: #4a4d5a }
body.ENUS .abrasive-comparison.under-image-captions figcaption { position: relative; background: transparent !important; font-size: 16px; text-align: left; color: inherit; padding: 10px 0 }
body.ENUS .under-image-captions figcaption:before { content: ""; margin-right: 10px; font-size: 10px; font-family: "FontAwesome"; color: #e71f58 }
body.ENUS .hs-custom-style input { background: red !important }
body.ENUS .hg-hs-form-wrapper { position: absolute; display: block; left: -9999999px }
body.ENUS .uk-accordion-content.uk-active .hg-hs-form-wrapper { position: inherit; display: inherit; left: inherit }
body.ENUS .video-section .title h2 { margin-bottom: 20px; line-height: 24px; padding: 14px; font-weight: bold }
body.ENUS .hg-dropdown-form .uk-accordion-title { text-align: right !important; color: #e71f58 !important; font-size: 24px !important }
body.ENUS .hg-dropdown-form .uk-accordion-title::after { line-height: 62px }
body.ENUS .hg-dropdown-form .uk-accordion-title::after { content: ""; font-size: 20px }
body.ENUS .hg-dropdown-form .uk-accordion-title.uk-active::after { content: "" }
body.ENUS .hg-dropdown-form .uk-accordion-content.uk-active { border-top: solid 2px #e9e9e9 }
body.ENUS .hg-dropdown-form .uk-accordion-content { padding: 20px 0 20px 0; font-size: 1em }
body.ENUS .HGHubspotForm fieldset { max-width: 100% !important; margin-bottom: 15px !important }
body.ENUS .HGHubspotForm label { display: none }
body.ENUS .HGHubspotForm label.hs-error-msg { display: inline-block; margin-left: 6px }
body.ENUS ul.hs-error-msgs { margin-left: 30px }
body.ENUS .HGHubspotForm input[type="text"], body.ENUS .HGHubspotForm input[type="email"], body.ENUS .HGHubspotForm input[type="tel"], body.ENUS .HGHubspotForm textarea { width: 100% !important; padding: 8px 10px !important; background: #f6f6f6; border: none; line-height: normal !important; height: inherit !important; font-size: 18px !important }
body.ENUS .HGHubspotForm div.input { margin-right: 15px !important }
body.ENUS .HGHubspotForm textarea { min-height: 100px }
body.ENUS .HGHubspotForm input[type="submit"] { padding: 10px 40px !important; min-height: 50px; font-weight: 400; letter-spacing:.05rem;
background-color: #4a4d5a; border: 0; text-transform: uppercase; text-align: center; color: #fff; background: #e71f58; border-radius: 4px; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; line-height: 40px; display: inline-block; text-decoration: none !important; margin-bottom: 20px; font-size: 20px }
body.ENUS .HGHubspotForm input[type="submit"]:hover { background-color: #4a4d5a }
body.ENUS .jcf-select { background: #f6f6f6; width: 100%; display: block; padding: 7px; position: relative; cursor: pointer }
body.ENUS .jcf-select .jcf-select-opener { background: red; position: absolute; right: 0; top: 0; cursor: pointer }
body.ENUS .jcf-select .jcf-select-opener:before { content: ""; font: 14px/1 FontAwesome; position: absolute; width: 34px; height: 38px; right: 0; top: 2px; line-height: 40px; font-size: 20px; border-left: 1px solid #d0d0d0; padding-left: 10px; cursor: pointer }
body.ENUS .jcf-select-drop { background: #fff }
body.ENUS .jcf-list-content ul { margin: 0; padding: 0; list-style-type: none }
body.ENUS .jcf-list-content ul li { color: #e71f58; text-indent: 5px; list-style-type: none; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin: 0; border-bottom: 1px solid #ccc }
body.ENUS .jcf-list-content ul li:before { display: none }
body.ENUS .jcf-list-content ul li:hover { background: #464c5a; cursor: pointer; color: #fff }
body.ENUS .jcf-option.jcf-disabled:hover { cursor: not-allowed }
body.ENUS .jcf-list-content ul li span { display: block; padding: 6px 10px }
body.ENUS .hbspt-form select { display: none !important }
@media screen and (max-width:480px) {
body.ENUS table#resource-table thead th>span.col-3 { width: 100%; float: none; clear: both }
body.ENUS table#resource-table thead th>span.col-6 { width: 100% }
}
@media screen and (max-width:767px) {
body.ENUS h2 { font-size: 40px; line-height: 46px }
body.ENUS h3 { font-size: 30px; line-height: 34px }
body.ENUS .hs-form-field+.hs-form-field { margin-top: 15px }
body.ENUS .resource-grid-wrapper .uk-width-2-3, body.ENUS .resource-grid-wrapper .uk-width-1-3 { width: 100%; float: none; clear: both }
body.ENUS .resource-grid-wrapper .resource-hub-video { height: inherit; margin-bottom: 20px }
body.ENUS .resource-grid-wrapper .resource-hub-video a { height: inherit; max-height: inherit }
body.ENUS .hero-image .hero-content .hero-content-wrapper { padding: 0 15px }
body.ENUS .hero-image .hero-content h2 { font-size: 25px }
}
@media screen and (max-width:1024px) {
body.ENUS table#resource-table thead th>span.col-6 div { float: none }
body.ENUS .mobilenavigation .mb-close { margin-top: 16px }
body.ENUS .top-bar { right: 15px }
body.ENUS .hero-image .hero-content h2 { margin-bottom: 15px; font-size: 30px; line-height: 29px; letter-spacing: 1px }
}
@media screen and (min-width:1024px) {
body.ENUS img.img-right { margin: 0 0 30px 30px; float: right; clear: none; max-width: 50% }
body.ENUS img.img-left { margin: 0 30px 30px 0; float: left; clear: none; max-width: 50% }
body.ENUS table#resource-table thead th>span.col-3 { width: 50%; float: left }
body.ENUS table#resource-table thead th>span.col-6 { width: 100% }
}
@media screen and (max-width:1199px) {
body.ENUS table#resource-table thead th .btn .align-middle { float: none; clear: both }
body.ENUS table#resource-table thead th>span.col-6 input[type="text"] { margin-bottom: 10px; width: 100% }
}
@media screen and (min-width:1200px) {
body.ENUS table#resource-table thead th>span { float: left }
body.ENUS table#resource-table thead th>span.col-3 { width: 25%; border-bottom: 1px solid #d3d3d3 }
body.ENUS table#resource-table thead th>span.col-6 { width: 50% }
body.ENUS table#resource-table thead th>span.col-6 div { border-bottom: 1px solid #d3d3d3; float: left }
body.ENUS table#resource-table thead th>span.col-6 button { float: right; width: initial; clear: none }
}
@media(min-width:768px) and (max-width:900px) {
body.ENUS .align-center-sm { float: none; clear: both; display: inline-block; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
body.ENUS .resource-spotlight-wrapper .uk-width-2-3, body.ENUS .resource-spotlight-wrapper .uk-width-1-3 { width: 100% !important }
body.ENUS .resource-spotlight-wrapper .uk-width-1-3 { margin-top: 20px }
body.ENUS .resource-spotlight-wrapper .uk-width-1-3>span { float: left; width: 50%; margin-bottom: 0 !important }
body.ENUS .resource-spotlight-wrapper .uk-width-1-3>span:nth-of-type(1) { padding-right: 10px }
body.ENUS .resource-spotlight-wrapper .uk-width-1-3>span:nth-of-type(2) { padding-left: 10px }
}
@media screen and (min-width:1024px) {
body.ENUS .hg.cta.full-width>.content, body.ENUS .hg.cta.full-width>.image { width: 50% }
body.ENUS .hg.cta.full-width>.content .inner-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 8%; right: 8%; padding: 40px; bottom: inherit }
body.ENUS .hg.cta.full-width { display: -webkit-box; display: -ms-flexbox; display: flex }
}
@media(min-width:1280px) and (max-width:1800px) {
body.ENUS header.sticky.fixed .navigationmain { margin-left: 0 }
body.ENUS .uk-navbar-nav>li>a { padding: 0 10px }
body.ENUS .uk-navbar-nav>li:first-of-type>a { padding-left: 0 }
body.ENUS .top-bar.sticky.fixed ul li.uk-hidden-small { display: none }
}
@media screen and (min-width:1600px) {
body.ENUS .videopopup.full-width a:after { font-size: 52px; padding: 39px 80px 82px 46px; border-radius: 70px }
body.ENUS .hg.cta.full-width h3 { font-size: 60px; margin: 0 0 30px 0; line-height: 55px; letter-spacing: 7px }
body.ENUS .hg.cta.full-width h4 { margin: 0 0 25px 0 }
body.ENUS .hg.cta.full-width .text-content { font-size: 30px; margin-top: 0 0 25px 0; line-height: 36px }
}
.two-col img{width:100%}

.wapper{ width:1200px; margin:0 auto; }
.clear{ clear:both;}
.head{}
.head1bg{ background:url(../picture/logo_bg.jpg) repeat-x;}
.head1{ }
.head1 .box1{ height:30px; line-height:30px; text-align:right; font-size:12px; color:#333;}
.head1 .box1 a{ color:#333;}
.head1 .box2{ height:110px;}
.head1 .logo2{ float:left;}
.head1 .logo2 img{ display:block; height:80px;}
.head1 .box2 .rt{ float:right;}
.head1 .contact2{ float:left;}
.head1 .contact2 dl{ float:left; padding:0 20px; margin:0; border-left:1px solid #ccc;}
.head1 .contact2 dl dt{ font-weight:bold; font-size:14px; line-height:25px; color:#194976; margin-bottom:5px;}
.head1 .contact2 dl dd{ font-size:16px; line-height:25px; margin:0;}
.head1 .contact2 dl dd a{ color:#333;}
.head1 .lang2{ float:right; font-size:14px; line-height:24px; margin:28px 0 0 20px;}
.head1 .lang2 a{ color:#333;}
.head1 .lang2 a img{ display:inline-block; vertical-align:middle; height:17px; margin-right:2px;}
.head2bg{ background:#194976;}
.head2{ height:50px;}
/*menu*/
.menu{height:50px;line-height:50px; }
.menu ul{list-style: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px; margin:0;}
.menu ul li{ float:left; position:relative; margin:0; text-indent:0;}
.menu ul li:before{ display:none;}
.menu ul li dl{ background:rgba(233, 241, 253, 0.5); width:100%; margin:0; position:absolute; z-index:5; left:0; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:none; }
.menu ul li:hover dl{ display:block;}
.menu ul li:hover dl{ display:block;}
.menu ul li dl dd{border-bottom:#ddd dashed 1px; line-height:39px; margin:0;}
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; padding:5px 0;}
.menu ul li dl dd a:hover{ color:#333; background:#fff;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:normal; display:block;text-align:center; padding:0 30px;}
.menu a:hover{color:#333;}
.menu ul li:hover span a{ color:#333; background:#fff;}
@media(max-width:768px){
.wapper{ width:100%; }
.head{ display:none;}
}

.head_mbg{ width:100%; background:#fff; position:relative; z-index:666; display:none;}
.head_m{ height:60px; position:relative; box-shadow:0 1px 2px rgba(0,0,0,.2);}
.head_m .logo2{ float:left; padding-top:10px; margin-left:15px;}
.head_m .logo2 img{ display:block; height:40px;}
.head_m .lang2{ float:right; font-size:14px; line-height:24px; margin:18px 20px 0 0;}
.head_m .lang2 a{ color:#333;}
.head_m .lang2 a img{ display:inline-block; vertical-align:middle; height:17px; margin-right:2px;}
.nav_open{ height:40px; line-height:40px; font-size:20px; color:#333; float:right; margin:10px 15px 0 0;}
.nav_open i{ vertical-align:middle; }
.navbg{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index:666; display:none;}
.nav{ padding:80px 5% 200px 5%; position:relative;}
.nav_close{ height:40px; line-height:40px; font-size:20px; color:#333; position:absolute; top:10px; right:15px;}
.nav_close i{ vertical-align:middle; }
.nav_list{ height:calc(100vh - 100px); overflow-Y:scroll;}
.tree{}
.tree_box{ }
.tree_one,.tree_two{display: none; overflow: hidden;}
.tree_box h3{ font-weight:normal; font-size:14px; height:49px; line-height:49px; overflow:hidden; margin:0; position:relative; border-bottom:1px solid #eee;}
.tree_box h3 a{ color:#333; position:relative; z-index:10;}
.tree_box h3 a:hover{ color:#cc0000;}
.tree_box h3 span{ position:absolute; width:100%; height:100%; left:0; top:0; text-align:right;}
.tree_box h3 span i{}
.tree_one h4{ font-weight:normal; font-size:12px; position:relative; height:39px; line-height:39px; overflow:hidden; margin:0 0 0 5%; border-bottom:1px solid #eee;}
.tree_box h4 a{ color:#666; position:relative; z-index:10;}
.tree_box h4 a:hover{ color:#cc0000;}
@media(max-width:768px){
.head_mbg{ display:block;}
}