/* Theme Name: Bright Author: Pixel2Code Author URI: http://pixel2code.nl/ Description: Wordpress theme for Bright. Version: 1.0 Text Domain: Bright */ /*----------------------------------MAIN BODY STYLE----------------------------------*/ *{padding: 0px; margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} body{font-family: 'ELLENOVACSTD-MEDIUM', 'Roboto', sans-serif; font-size: 14px; color: #000; background-color: #fff; -webkit-animation: bugfix infinite 1s; position: relative;} a{outline: none; text-decoration: none; color: #000;} a img{outline:none; border: none;} #wrapper{width: 100%; height: auto; overflow: hidden; position: relative;} .new-line{display: block;} .cf:before, .cf:after{content: " "; display: table;} .cf:after{clear: both;} .cf{*zoom: 1;} .content-wrap{max-width: 1800px; /*position: relative; overflow: hidden;*/} .inner{max-width: 1200px; position: relative;} @font-face { font-family: Avant_Garde_bold; src: url(../fonts/ITC_Avant_Garde_Gothic_LT_Bold.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: Avant_Garde_demi; src: url(../fonts/ITC_Avant_Garde_Gothic_LT_Demi.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: Avant_Garde_book; src: url(../fonts/ITC_Avant_Garde_Gothic_LT_Book.ttf); font-weight: normal; font-style: normal; } @font-face { font-family: 'ELLENOVACSTD-EXTRABOLD'; src: url(../fonts/ELLENOVACSTD-EXTRABOLD.otf); font-weight: normal; font-style: normal; } @font-face { font-family: 'ELLENOVACSTD-MEDIUM'; src: url(../fonts/ELLENOVACSTD-MEDIUM.otf); font-weight: normal; font-style: normal; } h2{font-family: 'ELLENOVACSTD-EXTRABOLD',Avant_Garde_bold; font-size: 28px; line-height: 32px; font-weight: normal; color: #000; position: relative; padding-bottom: 27px; margin-bottom: 22px;} h2::after{content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 4px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} h3{font-family: 'ELLENOVACSTD-EXTRABOLD',Avant_Garde_bold; font-size: 22px; line-height: 26px; font-weight: normal; color: #000; position: relative; padding-bottom: 27px; margin-bottom: 22px;z-index: 3;} h3::after{content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 10px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .bg-white::after{content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 4px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} h4{font-family: 'ELLENOVACSTD-EXTRABOLD',Avant_Garde_bold; font-size: 18px; line-height: 26px; font-weight: normal; color: #000; position: relative;} h5{font-family: 'ELLENOVACSTD-EXTRABOLD',Avant_Garde_bold; font-size: 16px; line-height: 32px; font-weight: normal; color: #3f3f3f; position: relative;} p{font-size: 16px; /*line-height: 20px;*/ /*font-weight: 300;*/ position: relative;/*letter-spacing: 2px;*/text-align: justify; text-align: left;} .btn a{display: inline-block; font-family: Avant_Garde_demi; font-size: 15px; line-height: 26px; color: #8c8c8c; position: relative; padding: 12px 40px 10px 20px; border: 1px solid #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn a::after{content: ''; position: absolute; right: 10px; top: 19px; width: 11px; height: 11px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/btn-arrow-gray.svg); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .btn a:hover{background-color: #000; border-color: #000; color: #fff;} li{list-style: none;} input{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; outline: none; border: none; border-radius: 0;} /*---------------------------------- HEADER STYLES ---------------------------------------------------------------------------------*/ .site-header{width: 100%; height: auto; position: relative; z-index: 100; height: 110px;} .site-logo{width: 218px; height: 68px; background: url(../img/site-logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; float: left; margin: 25px 0 17px 30px;} .site-logo a{width: 100%; height: 100%; display: block;} .site-logo-color{width: 218px; height: 68px; background: url(../img/color-logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; float: left; margin: 25px 0 17px 30px;} .site-logo-color a{width: 100%; height: 100%; display: block;} .site-header .header-right{width: auto; float: right;} .site-header .header-right .language-switcher{width: auto; float: left; margin-left: 40px;} .site-header .header-right .language-switcher ul li{list-style: none; font-family: Avant_Garde_book; font-size: 12px; line-height: 24px; color: #3f3f3f; float: left; margin: 0 11px;} .site-header .header-right .language-switcher ul li a{color: #3f3f3f; display: block; position: relative; padding: 56px 0 30px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-transform: uppercase;} .site-header .header-right .language-switcher ul li a::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0;} .site-header .header-right .language-switcher ul li a:hover::after{visibility: visible; opacity: 1;} .site-header .header-right .language-switcher ul li.current{font-family: Avant_Garde_bold;} .site-header .header-right .language-switcher ul li.current a::after{visibility: visible; opacity: 1;} /*---------------------------------- SITE NAVIGATION STYLES ---------------------------------------------------------------------------------*/ .site-navigation{width: auto; height: auto; float: left;/*position: absolute;top: 0;right: 0;*/} .site-navigation ul li{width: 82px; width:auto; text-align: center;list-style: none; font-size: 16px; line-height: 24px; color: #3f3f3f; float: left; margin: 0 40px;} .site-navigation ul li a{color: #3f3f3f; display: block; position: relative; padding: 46px 0 40px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-navigation ul li a::after{content: '';width: 50px;height: 6px;margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0;} /*小导航*/ .nav-child{width: 140px;background: #fff;border: 1px solid #ccc;position: absolute;top: 110px; left: 50%; margin-left: -70px; padding-bottom: 20px;display: none;border-radius: 0 0 30px 30px;} .nav-child p{font-size: 12px;text-align: center;padding-top: 10px;} .nav-child p a{padding: 0!important;} .nav-child p a:after{display: none;} .site-navigation ul li.relative{position: relative;} .site-navigation ul li:hover .nav-child{display: block;} .site-navigation ul li a:hover::after{visibility: visible; opacity: 1;} .site-navigation ul li a.color-white:hover::after{visibility: visible; opacity: 0;} .site-navigation ul li.current-menu-item{font-family: Avant_Garde_bold;} .site-navigation ul li.current-menu-item a::after{visibility: visible;/*opacity: 1;*/} /*大导航*/ .nav-big-child,.nav-big-child2{width: 100%;background: #fff;position: absolute;top: 111px;left: 0;padding-bottom: 80px;display: none;border-radius: 0 0 40px 40px;} .nav-big-child2 ul{text-align: center; display: flex;} .nav-big-child p,.nav-big-child2 p{font-size: 15px;text-align: center;padding-top: 10px;} .nav-big-child p a,.nav-big-child2 p a{padding: 0!important;} .nav-big-child p a:hover,.nav-big-child2 p a:hover{ font-weight: bold; color: #db0d15; border-bottom: 3px solid #db0d15p;} .nav-big-child p a:after,.nav-big-child2 p a:after{display: none;} .site-navigation ul li:hover .nav-big-child,.site-navigation ul li:hover .nav-big-child2{display: block;} .nav-big-all{position: absolute;bottom: 30px;right: 80px;} .nav-big-child ul li{width: 20%; width:15% !important; float: left;margin: 0;} .nav-big-child2 ul li{width: 20%; width:15% !important; display: inline-block; flex: 1;} .nav-big-child ul li .nav-title,.nav-big-child2 ul li .nav-title{font-size: 18px;font-weight: bold;margin-top: 20px;} .nav-big-child ul li .nav-title:before,.nav-big-child2 ul li .nav-title:before{content: '';width: 6px;height: 6px;background: red;color: red;position: absolute;margin: 5px 0 0 -15px;border-radius: 50px;} .nav-big-child ul li img,.nav-big-child2 ul li img{height: 130px;} /*---------------------------------- SLIDER STYLES ---------------------------------------------------------------------------------*/ .slider-wrapper{width: 100%; height: auto; position: relative; margin-top: 178px;} .slider-wrapper .bx-viewport{overflow: visible !important;} .slider-wrapper .content-wrap{position: static; overflow: visible;} .slider-wrapper .text-wrap{width: 560px; left: 80px; height: auto; display: inline-block; vertical-align: top; padding-right: 80px; padding-bottom: 100px; padding-top: 70px; position: absolute;} .slider-wrapper .text-wrap::before{content: ''; width: 1160px; height: 1000px; background-repeat: no-repeat; background-position: right bottom; background-image: url(../img/featured-img-shape.svg); position: absolute; bottom: 0; right: 0;} .slider-wrapper .text-wrap h1{font-family: 'ELLENOVACSTD-EXTRABOLD',Avant_Garde_bold; font-size: 56px; line-height: 57px; font-weight: bold; font-weight: normal; color: #fff; position: relative; letter-spacing: 1px; margin-bottom: 21px;} .slider-wrapper .text-wrap h2{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 50px; line-height: 50px; font-weight: bold; color: #fff; position: relative; letter-spacing: 1px; margin-bottom: 21px;} .slider-wrapper .text-wrap p{font-size: 21px; line-height: 29px; color: #e6e6e6; margin-bottom: 33px;} .slider-wrapper .text-wrap .btn a{color: #fff; border-color: #fff;} .slider-wrapper .text-wrap .btn a::after{background-image: url(../img/btn-arrow-white.svg);} .slider-wrapper .text-wrap .fuhao{font-size: 150px; padding: 0px 0 50px;} .slider-wrapper .text-wrap .btn a:hover{border-color: #000;} .slider-wrapper .img-wrap{width: 60.722222%; height: auto; display: inline-block; vertical-align: bottom;padding-right: 75px;} .home-banner{width: 100%!important;padding: 0!important;position: relative;left: 0;top: 0;z-index: -1;} .detail-banner{width: 67%;position: absolute;top: 20px;right: 0;} @media only screen and (max-width: 640px) { .slider-wrapper .img-wrap{position: static;} } .slider-wrapper .img-wrap img{max-width: 100%; height: auto; display: block; margin: 0 auto;} .slider-wrapper .img-wrap.mobile-img{display: none;} .slider-wrapper .bx-controls{position: absolute; left: 0; right: 0; top: 230px; max-width: 1800px;} .slider-wrapper .bx-pager{position: absolute; right: 30px; top: 0; z-index: 60;} .slider-wrapper .bx-pager .bx-pager-item{display: block; font-size: 0; margin-bottom: 18px;} .slider-wrapper .bx-pager .bx-pager-item .bx-pager-link{width: 5px; height: 5px; display: block; border-radius: 50%; border: 1px solid #3f3f3f; background-color: #3f3f3f; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .slider-wrapper .bx-pager .bx-pager-item .bx-pager-link:hover, .slider-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{width: 18px; height: 18px; background-color: transparent; border-color: #db0d15;} /*---------------------------------- FEATURED IMAGE STYLES ---------------------------------------------------------------------------------*/ .featured-image{width: 100%; position: relative; height: auto;} /*---------------------------------- SITE MAIN STYLES ---------------------------------------------------------------------------------*/ .site-main{width: 100%; height: auto; position: relative; margin-top: 20px;} /*----- Text Module Styles -----*/ .site-main .text-module{width: 100%; height: auto; margin-bottom: 58px;} .site-main .text-module .one-half{width: 50%; height: auto; padding: 0 20px; float: left;} .site-main .text-module .one-half p strong{font-weight: 500;} .site-main .text-module .one-third{width: 32.5%; height: auto; float: left; padding: 0 20px; margin-right: 1.25%; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .text-module .one-third.last{margin-right: 0;} .site-main .text-module p{margin-bottom: 24px;} .site-main .text-module p:last-child{margin-bottom: 0;} .site-main .text-module .one-column{width: 40.833333%; height: auto; float: right; padding: 0 20px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .text-module .two-column{width: 57.916666%; height: auto; float: left; padding: 0 20px; background-size: cover; background-repeat: no-repeat; background-position: center center;} /*----- Text Video Module Styles -----*/ .site-main .text-video-module{width: 100%; height: auto; max-width: 1800px; padding: 56px 0 150px 0; position: relative;} .site-main .text-video-module::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 115px; background-color: #db0d15;} .site-main .text-video-module .content-wrap{overflow: visible;} .site-main .text-video-module .video-wrap{width: 47.5%; height: 370px; height: auto; float: right; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 10; margin-bottom: -135px; position: absolute; right: 0; bottom: 0;} .site-main .text-video-module .text-wrap{width: 48.333333%; /*height: auto;*/height: 250px; float: left; padding: 0 20px;} .site-main .text-video-module .text-wrap h2{color: #db0d15;} .site-main .text-video-module .text-wrap p{margin-bottom: 20px;} /*----- Warranties Sections Styles -----*/ .site-main .warranties-sections{width: 100%; height: auto; max-width: 1800px; background-color: #db0d15; position: relative; padding: 95px 0 100px 0; margin-bottom: 80px;} .site-main .warranties-sections .bottom-shape{position: absolute; left: 0; right: 0; bottom: 0; height: 115px; background-repeat: no-repeat; background-position: center bottom; background-size: cover; background-repeat: no-repeat; background-image: url(../img/bottom-up-shape.svg); z-index: 9;} .site-main .warranties-sections .img-wrap{width: 35.5%; height: auto; position: absolute; left: -45px; top: -25px; z-index: 11;} .site-main .warranties-sections .img-wrap img{max-width: 100%; height: auto; display: block; margin-left: 0;} .site-main .warranties-sections .text-wrap{/*width: 65.833333%;*/width: 60.833333%; height: auto; float: right;} .site-main .warranties-sections .column{width: 49.367088%; height: auto; float: left; padding: 0 20px;} .site-main .warranties-sections .column.right{float: right;} .site-main .warranties-sections .column h2{color: #fff; font-weight: bold;} .site-main .warranties-sections .column h2::after{background-color: #fff;} .site-main .warranties-sections .column p{color: #fff; font-size: 14px; line-height: 1.2em; margin-bottom: 12px; text-align: left;} .site-main .warranties-sections .column .btn{padding-top: 46px;} .site-main .warranties-sections .column .btn a{border-color: #fff; color: #fff;} .site-main .warranties-sections .column .btn a::after{background-image: url(../img/btn-arrow-white.png);} .site-main .warranties-sections .column .btn a:hover{border-color: #000;} /*----- Page Products Link Section Styles -----*/ .site-main .page-products-link-section{width: 100%; height: auto; margin-bottom: 20px;} .site-main .page-products-link-section .one-half{width: 49.166666%; height: auto; float: left; height: 745px;} .site-main .page-products-link-section .one-half.right{width: 47.5%; float: right;} .site-main .page-products-link-section .one-half .block{width: 100%; height: auto; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 30px; padding: 36px 0 60px 0;} .site-main .page-products-link-section .one-half.right .block{ padding-top: 100px;} .site-main .page-products-link-section .one-half .block::before{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; visibility: hidden; opacity: 0;} .site-main .page-products-link-section .one-half .block.large{min-height: 455px; padding-top: 161px; height: 63.194444%;} .site-main .page-products-link-section .one-half .block.medium{min-height: 330px; height: 45.833333%;} .site-main .page-products-link-section .one-half .block.small{min-height: 205px; height: 28.472222%;} .site-main .page-products-link-section .one-half .block .text-wrap{max-width: 290px; max-width: 60%; padding: 0 20px; margin-left: 0;} .site-main .page-products-link-section .one-half .block .text-wrap h3{color: #fff;} .site-main .page-products-link-section .one-half .block .text-wrap p{color: #fff; text-align: left;} .site-main .page-products-link-section .one-half .block.small .text-wrap{max-width: 100%;} .site-main .page-products-link-section .one-half .block .link{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .site-main .page-products-link-section .one-half .block:hover::before{visibility: visible; opacity: 1;} .site-main .page-products-link-section .one-half .block:hover h3::after{background-color: #fff;} /*----- Product Range Module Styles -----*/ .site-main .product-range-module{width: 100%; height: auto; max-width: 1800px; overflow: hidden;} .site-main .product-range-module .titles{width: 100%; height: auto; overflow: hidden; padding-top: 28px; padding-left: 20px;} .site-main .product-range-module .titles h3{float: left; margin-bottom: 0; padding-bottom: 31px;} .site-main .product-range-module .titles .tabs{width: auto; height: auto; float: right;} .site-main .product-range-module .titles .tabs li{list-style: none; font-family: Avant_Garde_book; font-size: 16px; line-height: 32px; color: #3f3f3f; float: left; margin: 0 19px; position: relative; padding-bottom: 25px; cursor: pointer;} .site-main .product-range-module .titles .tabs li::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background-color: #db0d15; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .product-range-module .titles .tabs li:hover::after{visibility: visible; opacity: 1;} .site-main .product-range-module .titles .tabs li.active{font-family: 'ELLENOVACSTD-EXTRABOLD'; color: #000;} .site-main .product-range-module .titles .tabs li.active::after{visibility: visible; opacity: 1;} .site-main .product-range-module .tab_container{width: 100%; height: auto; background-color: #f7f7f7; padding: 58px 0 60px 0; position: relative;} .site-main .product-range-module .tab_container::before{content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 2000px; background-color: inherit;} .site-main .product-range-module .tab_container::after{content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 2000px; background-color: inherit;} .site-main .product-range-module .tab_container .tab_content{width: 100%; height: auto;} .site-main .accessories-wrap{width: 100%; height: auto; overflow: hidden;} .site-main .accessories-wrap .one-fourth{width: 23.333333%; height: auto; float: left; margin-right: 2.222222%; padding: 0 20px; overflow: hidden; position: relative;} .site-main .accessories-wrap .one-fourth.last{margin-right: 0;} .site-main .accessories-wrap .one-fourth a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .site-main .accessories-wrap .one-fourth .img-wrap{width: 100%; height: 240px; padding: 10px 20px; overflow: hidden; border-bottom: 1px solid #CCCCCC;} .site-main .accessories-wrap .one-fourth .img-wrap img{max-width: 100%; max-height: 100%; position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .site-main .accessories-wrap .one-fourth .text-wrap{width: 100%; height: auto; padding: 34px 20px 28px; position: relative;} .site-main .accessories-wrap .one-fourth .text-wrap .number{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 18px; line-height: 30px; display: block; position: relative; padding-bottom: 18px; z-index: 10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .accessories-wrap .one-fourth .text-wrap .number::after{content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 4px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .accessories-wrap .one-fourth .text-wrap .link{position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; background-color: #db0d15; height: 100%; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .site-main .accessories-wrap .one-fourth .text-wrap .link span{font-family: Avant_Garde_demi; font-size: 15px; line-height: 26px; display: inline-block; color: #fff; background-color: #191919; position: relative; padding: 14px 30px 10px 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; margin-top: 1px;} .site-main .accessories-wrap .one-fourth .text-wrap .link span::after{content: ''; position: absolute; width: 5px; height: 9px; background-image: url(../img/btn-pointer-white.png); background-size: contain; background-repeat: no-repeat; background-position: center center; top: 21px; right: 15px;} .site-main .accessories-wrap .one-fourth:hover .text-wrap .number{color: #fff;} .site-main .accessories-wrap .one-fourth:hover .text-wrap .number::after{background-color: #fff;} .site-main .accessories-wrap .one-fourth:hover .text-wrap .link{top: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;} .site-main .accessories-wrap .one-fourth:hover .text-wrap .link span{margin-top: -25px;} /*----- One Fourth Links Module Styles -----*/ .site-main .one-fourth-links-module{width: 100%; height: auto;overflow: hidden; text-align: center; background-color: #000; max-width: 1800px; /*padding: 55px 0 130px 0;*/padding: 0 0 130px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;} .site-main .one-fourth-links-module .content-wrap{padding: 0 25px;} .site-main .one-fourth-links-module .bottom-shape{position: absolute; left: 0; right: 0; bottom: 0; height: 115px; background-repeat: no-repeat; background-position: center bottom; background-image: url(../img/bottom-up-shape.svg); background-size:cover; background-repeat: no-repeat; z-index: 9;} .site-main .one-fourth-links-module .one-fourth{width: 22.285714%; height: auto; float: left; margin-right: 3.619047%; color: #fff; padding: 0 20px;} .site-main .one-fourth-links-module .one-fourth.last{margin-right: 0;} .site-main .one-fourth-links-module .one-fourth h4{color: #fff; padding-bottom: 25px; margin-bottom: 22px; font-size: 24px; font-weight: bold;} .site-main .one-fourth-links-module .one-fourth h4::after{content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 35px; height: 4px; background-color: #db0d15;} .site-main .one-fourth-links-module .one-fourth p{color: #BFBFBF; margin-bottom: 22px; font-size: 14px; line-height: 1.8em; text-align: left;} .site-main .one-fourth-links-module .one-fourth .link a{display: inline-block; font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 15px; line-height: 26px; color: #fff; position: relative; padding-right: 15px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .one-fourth-links-module .one-fourth .link a::after{content: ''; position: absolute; width: 5px; height: 9px; background-image: url(../img/btn-pointer-white.png); background-size: contain; background-repeat: no-repeat; background-position: center center; top: 9px; right: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .one-fourth-links-module .one-fourth .link a:hover{color: #db0d15;} .site-main .one-fourth-links-module .one-fourth .link a:hover::after{background-image: url(../img/btn-pointer-red.png);} .site-main .one-fourth-links-module .one-fourth .btn a{color: #fff; border-color: #fff;} .site-main .one-fourth-links-module .one-fourth .btn a::after{background-image: url(../img/btn-arrow-white.png);} .site-main .one-fourth-links-module .one-fourth .btn a:hover{background-color: #fff; color: #000;} .site-main .one-fourth-links-module .one-fourth .btn a:hover::after{background-image: url(images/btn-arrow-black.png);} .site-main .one-fourth-links-module.bigger{padding-top: 155px;} /*----- Product Highlights Section Styles -----*/ .site-main .product-highlights-section{width: 100%; height: auto; padding: 68px 0 72px 0;} .site-main .product-highlights-section .column{width: 28.333333%; height: auto; float: left; padding: 0 20px; margin-right: 3.125%; padding-top: 74px;} .site-main .product-highlights-section .column.img-wrap{width: 37.083333%; padding-top: 0;} .site-main .product-highlights-section .column.img-wrap img{max-width: 100%; height: auto; display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .site-main .product-highlights-section .column.last{margin-right: 0;} .site-main .product-highlights-section .column.left{text-align: right;} .site-main .product-highlights-section .column .highlight{width: 100%; height: auto; margin-bottom: 78px;} .site-main .product-highlights-section .column h3{padding-bottom: 0; margin-bottom: 0;} .site-main .product-highlights-section .column h3::after{display: none;} .site-main .product-highlights-section .column p{color: #A6A6A6;} .site-main .product-highlights-section .column.mobile-img{display: none;} /*----- Single Product Featured Section Styles -----*/ .single-product-featured-section{width: 100%; height: auto; margin-bottom: 55px;} .single-product-featured-section .text-wrap{width: 35%; height: auto; float: left;} .single-product-featured-section .text-wrap .caption-text{width: 100%; height: auto; position: relative; padding-bottom: 158px; padding-right: 50px; padding-top: 25px;} .single-product-featured-section .text-wrap .caption-text::before{content: ''; width: 1159px; height: 1271px; background-repeat: no-repeat; background-position: right bottom; background-image: url(images/featured-img-shape.png); position: absolute; bottom: 0; right: 0;} .single-product-featured-section .text-wrap .caption-text h1{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 34px; line-height: 36px; font-weight: normal; color: #fff; position: relative; padding-bottom: 28px; margin-bottom: 22px; padding-left: 20px;} .single-product-featured-section .text-wrap .caption-text h1::after{content: ''; position: absolute; left: 20px; bottom: 0; width: 35px; height: 4px; background-color: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .single-product-featured-section .text-wrap .caption-text p{color: #fff; padding-left: 20px;} .single-product-featured-section .text-wrap .caption-text .return-btn{padding-top: 80px;} .single-product-featured-section .text-wrap .caption-text .return-btn a{font-size: 14px; line-height: 22px; font-weight: 500; color: #fff; position: relative; padding-left: 20px;} .single-product-featured-section .text-wrap .caption-text .return-btn a::before{content: ''; width: 5px; height: 9px; position: absolute; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/return-btn-pointer-white.png);} .single-product-featured-section .text-wrap .bottom-text{width: 100%; height: auto; margin-top: -50px; padding: 0 20px;} .single-product-featured-section .text-wrap .bottom-text h2{color: #db0d15;} .single-product-featured-section .text-wrap .bottom-text p{margin-bottom: 22px;} .single-product-featured-section .text-wrap .bottom-text p:last-of-type{margin-bottom: 0;} .single-product-featured-section .text-wrap .bottom-text .link{margin-bottom: 56px;} .single-product-featured-section .text-wrap .bottom-text .link a{font-size: 15px; line-height: 22px; font-weight: 300; color: #db0d15; border-bottom: 1px dashed #db0d15;} .single-product-featured-section .text-wrap .bottom-text ul li{list-style: none; font-size: 15px; line-height: 24px; font-weight: 300; color: #404040; position: relative; padding-left: 25px;} .single-product-featured-section .text-wrap .bottom-text ul li::before{content: ''; position: absolute; left: 0; top: 6px; width: 12px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/list-items-tick-mark-green.png);} .single-product-featured-section .single-product-slider{width: 60.833333%; height: auto; float: right; padding-right: 40px;} .single-product-featured-section .single-product-slider ul li{height: 820px;} .single-product-featured-section .single-product-slider ul li img{max-width: 100%; max-height: 100%; display: block; position: absolute; bottom: 0; left: 0; right: 0;} .single-product-featured-section .single-product-slider #bx-pager{width: 100%; height: auto; overflow: hidden; padding-top: 45px;} .single-product-featured-section .single-product-slider #bx-pager a{width: 90px; height: 90px; float: left; margin-right: 10px; position: relative; margin-bottom: 10px;} .single-product-featured-section .single-product-slider #bx-pager a:last-child{margin-right: 0;} .single-product-featured-section .single-product-slider #bx-pager a img{max-width: 100%; max-height: 100%; display: block; position: absolute; left: 0; right: 0; bottom: 0;} /*----- Product Information Section Styles -----*/ .site-main .product-information-section{width: 100%; height: auto; max-width: 1800px; overflow: hidden;} .site-main .product-information-section .titles{width: 100%; height: auto; overflow: hidden; padding-top: 28px;} .site-main .product-information-section .titles .tabs{width: 100%; height: auto;} .site-main .product-information-section .titles .tabs li{list-style: none; font-family: Avant_Garde_book; font-size: 16px; line-height: 32px; color: #3f3f3f; float: left; margin: 0 19px; position: relative; padding-bottom: 25px; cursor: pointer;} .site-main .product-information-section .titles .tabs li::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background-color: #db0d15; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .product-information-section .titles .tabs li:hover::after{visibility: visible; opacity: 1;} .site-main .product-information-section .titles .tabs li.active{font-family: 'ELLENOVACSTD-EXTRABOLD'; color: #000;} .site-main .product-information-section .titles .tabs li.active::after{visibility: visible; opacity: 1;} .site-main .product-information-section .tab_container{width: 100%; height: auto; position: relative;} .site-main .product-information-section .tab_container .tab_content{width: 100%; height: auto; padding: 58px 0 60px 0; position: relative;} .site-main .product-information-section .tab_container .tab_content::before{content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 2000px; background-color: inherit;} .site-main .product-information-section .tab_container .tab_content::after{content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 2000px; background-color: inherit;} .site-main .product-information-section .tab_container .tab_content .description{width: 100%; height: auto; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content h3{padding-left: 20px;} .site-main .product-information-section .tab_container .tab_content h3::after{left: 20px;} .site-main .product-information-section .tab_container .tab_content .one-half{width: 49.166666%; height: auto; float: left; padding: 0 20px;} .site-main .product-information-section .tab_container .tab_content .one-half.right{float: right;} .site-main .product-information-section .tab_container .tab_content .description .one-half p{margin-bottom: 36px;} .site-main .product-information-section .tab_container .tab_content .technical-info{width: 100%; height: auto; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content .technical-info .block{margin-bottom: 54px;} .site-main .product-information-section .tab_container .tab_content .technical-info .block:last-child{margin-bottom: 0;} .site-main .product-information-section .tab_container .tab_content .technical-info h3{color: #3f3f3f; padding-bottom: 19px; margin-bottom: 14px;} .site-main .product-information-section .tab_container .tab_content .technical-info .info{width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddcdf; padding: 0 20px;} .site-main .product-information-section .tab_container .tab_content .technical-info .info span{font-size: 14px; line-height: 36px; font-weight: 300; color: #3f3f3f;} .site-main .product-information-section .tab_container .tab_content .technical-info .info .type{width: auto; float: left;} .site-main .product-information-section .tab_container .tab_content .technical-info .info .data{width: auto; float: right;} .site-main .product-information-section .tab_container .tab_content .technical-info .cert{width: 100%; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content .technical-info .cert p{width: 57.627118%; float: left; padding: 0 20px;} .site-main .product-information-section .tab_container .tab_content .technical-info .cert .logos{width: 41.525423%; float: right;} .site-main .product-information-section .tab_container .tab_content .technical-info .cert .logos img{max-width: 100%; height: auto; display: inline-block; vertical-align: middle; margin-right: 20px;} .site-main .product-information-section .tab_container .tab_content .technical-info .cert .logos img:last-child{margin-right: auto;} .site-main .product-information-section .tab_container .tab_content .video-wrapper{width: 100%; height: auto; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content .video-wrapper .text-wrap{width: 32.5%; height: auto; float: left; margin-right: 9.583333%;} .site-main .product-information-section .tab_container .tab_content .video-wrapper .text-wrap h3{padding-left: 0;} .site-main .product-information-section .tab_container .tab_content .video-wrapper .text-wrap h3::after{left: 0;} .site-main .product-information-section .tab_container .tab_content .video-wrapper .text-wrap p{margin-bottom: 24px;} .site-main .product-information-section .tab_container .tab_content .video-wrapper .video-wrap{width: 47.5%; height: 370px; float: left; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .product-information-section .tab_container .tab_content .manual-brochures{width: 100%; height: auto; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .manuals{width: 36.666666%; height: auto; float: left;} .site-main .product-information-section .tab_container .tab_content .download-block{width: 100%; height: auto; position: relative; border-bottom: 1px solid #dddcdf;} .site-main .product-information-section .tab_container .tab_content .download-block:last-child{border-bottom: none;} .site-main .product-information-section .tab_container .tab_content .download-block .pdf-icon{width: 62px; height: 84px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/pdf-icon.png); position: absolute; left: 20px; top: 15px;} .site-main .product-information-section .tab_container .tab_content .download-block .text{padding: 40px 100px 34px;} .site-main .product-information-section .tab_container .tab_content .download-block .text h5{line-height: 21px; color: #262626;} .site-main .product-information-section .tab_container .tab_content .download-block .text span{font-size: 15px; line-height: 21px; font-weight: 300; color: #000; display: inline-block;} .site-main .product-information-section .tab_container .tab_content .download-block .text span span{color: #8c8c8c;} .site-main .product-information-section .tab_container .tab_content .download-block .download-icon{width: 21px; height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/download-icon.png); position: absolute; right: 46px; top: 41px;} .site-main .product-information-section .tab_container .tab_content .download-block a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue{width: 57.916666%; height: auto; float: right;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .text-wrap{width: 41.007194%; height: auto; float: left; padding: 0 20px;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .text-wrap h3{padding-left: 0;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .text-wrap h3::after{left: 0;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .text-wrap p{margin-bottom: 30px;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .img-wrap{width: 58.992806%; height: auto; float: right; padding-left: 20px;} .site-main .product-information-section .tab_container .tab_content .manual-brochures .catalogue .img-wrap img{max-width: 100%; height: auto; display: block;} .site-main .product-information-section .tab_container .tab_content .line-drawing{width: 100%; height: auto; overflow: hidden;} .site-main .product-information-section .tab_container .tab_content .line-drawing h3{color: #c6c6c5;} .site-main .product-information-section .tab_container .tab_content .line-drawing .column{height: auto; float: left;} .site-main .product-information-section .tab_container .tab_content .line-drawing .column.first{width: 65.833333%;} .site-main .product-information-section .tab_container .tab_content .line-drawing .column.last{width: 34.166666%; float: right;} .site-main .product-information-section .tab_container .tab_content .line-drawing .download-block .text{padding: 40px 60px 34px 100px;} .site-main .product-information-section .tab_container .tab_content .line-drawing .download-block .text h5{color: #c6c6c5;} .site-main .product-information-section .tab_container .tab_content .line-drawing .download-block .text span{color: #8c8c8c;} .site-main .product-information-section .tab_container .tab_content .line-drawing img{max-width: 100%; height: auto; display: block;} .site-main .product-information-section .tab_container .tab_content .accessories-wrap .one-fourth h3{padding-left: 0;} .site-main .product-information-section .tab_container .tab_content .accessories-wrap .one-fourth h3::after{left: 0;} /*----- Text Image Hexagon Section Styles -----*/ .site-main .text-img-hex-wide-wrap{width: 100%; height: auto;} .site-main .text-img-hex-wide-wrap .top-shape{position: absolute; top: 0; right: 0; left: 0; height: 115px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/top-down-shape.png); z-index: 9;} .site-main .text-img-hex-wide-wrap .inner{position: static;} .site-main .text-img-hex-wide-wrap .caption-text{position: absolute; left: 0; right: 0; top: 148px; width: 200px; height: 183px; background-image: url(../img/bottom-img-2.png);background-size: cover; z-index: 10;} /*.site-main .text-img-hex-wide-wrap .caption-text:before{position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ''; -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);} .site-main .text-img-hex-wide-wrap .caption-text:after{position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ''; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg);}*/ .site-main .text-img-hex-wide-wrap .caption-text .caption-text-wrap{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; text-align: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);} .site-main .text-img-hex-wide-wrap .caption-text .caption-text-wrap p{font-family: Avant_Garde_book; font-size: 20px; line-height: 30px; color: #fff; padding: 64px 0 84px;} .site-main .text-img-hex-wide-wrap .img-wrap{width: 50%; position: absolute; right: 51px; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .text-img-hex-wide-wrap .text-wrap{width: 50%; height: auto; float: left; /*padding: 136px 17.5% 102px 0;*/padding: 250px 0 50px 0; background-color: #C8C8C8; position: relative;} .site-main .text-img-hex-wide-wrap .text-wrap::before{content: ''; position: absolute; right: 100%; top: 0; bottom: 0; width: 300px; background-color: inherit;} .site-main .text-img-hex-wide-wrap.switch .img-wrap{right: auto; left: 0;} .site-main .text-img-hex-wide-wrap.switch .text-wrap{float: right; padding-right: 20px; padding-left: 17.5%;} .site-main .text-img-hex-wide-wrap.switch .text-wrap::before{right: auto; left: 100%;} /*----- Page Featured Section Styles -----*/ .page-featured-section{width: 100%; height: auto; margin-bottom: 55px; position: relative;} .page-featured-section .img-wrap{position: absolute; top: 0; right: 45px; bottom: 45px; top: -110px; width: 67.423076%; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #000;} .page-featured-section .img-wrap::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 594px; background-size: cover; background-repeat: no-repeat; background-position: bottom; background-image: url(images/page-featured-img-shape.png);} .page-featured-section .text-wrap{width: 35%; height: auto; float: left;} .page-featured-section .text-wrap .caption-text{width: 100%; height: auto; position: relative; padding-bottom: 158px; padding-right: 50px; padding-top: 25px;} .page-featured-section .text-wrap .caption-text::before{content: ''; width: 1159px; height: 1271px; background-repeat: no-repeat; background-position: right bottom; background-image: url(../img/featured-img-shape.png); position: absolute; bottom: 0; right: 0;} .page-featured-section .text-wrap .caption-text h1{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 34px; line-height: 36px; font-weight: normal; color: #fff; position: relative; padding-bottom: 28px; margin-bottom: 22px; padding-left: 20px;} .page-featured-section .text-wrap .caption-text h1::after{content: ''; position: absolute; left: 20px; bottom: 0; width: 35px; height: 4px; background-color: #000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .page-featured-section .text-wrap .caption-text p{color: #fff; padding-left: 20px;} .page-featured-section .text-wrap .caption-text .return-btn{padding-top: 80px;} .page-featured-section .text-wrap .caption-text .return-btn a{font-size: 14px; line-height: 22px; font-weight: 500; color: #fff; position: relative; padding-left: 20px;} .page-featured-section .text-wrap .caption-text .return-btn a::before{content: ''; width: 5px; height: 9px; position: absolute; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/return-btn-pointer-white.png);} .page-featured-section .breadcrumb-nav{width: auto; position: absolute; bottom: 158px; left: 19.166666%; z-index: 10; text-align: center;} .page-featured-section .breadcrumb-nav ul{display: inline-block;} .page-featured-section .breadcrumb-nav ul li{list-style: none; font-size: 14px; line-height: 22px; font-weight: 500; color: #000; float: left; margin-right: 12px;} .page-featured-section .breadcrumb-nav ul li a{color: #000; display: block; padding-right: 16px; position: relative; text-decoration: underline;} .page-featured-section .breadcrumb-nav ul li a::after{content: ''; position: absolute; right: 0; top: 7px; width: 4px; height: 7px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/breadcrumb-arrow.png);} .page-featured-section .breadcrumb-nav ul li.current a{color: #808080; text-decoration: none;} .page-featured-section .breadcrumb-nav ul li.current a::after{display: none;} .site-main .breadcrumb-nav{width: 100%; height: auto; padding: 0 20px; display: none;} .site-main .breadcrumb-nav ul{display: inline-block;} .site-main .breadcrumb-nav ul li{list-style: none; font-size: 14px; line-height: 22px; font-weight: 500; color: #000; float: left; margin-right: 12px;} .site-main .breadcrumb-nav ul li a{color: #000; display: block; padding-right: 16px; position: relative; text-decoration: underline;} .site-main .breadcrumb-nav ul li a::after{content: ''; position: absolute; right: 0; top: 7px; width: 4px; height: 7px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/breadcrumb-arrow.png);} .site-main .breadcrumb-nav ul li.current a{color: #808080; text-decoration: none;} .site-main .breadcrumb-nav ul li.current a::after{display: none;} /*----- Products Filter Section Styles -----*/ .site-main .filter-products-wrap{width: 100%; height: auto;} .site-main .filter-products-wrap h4{float: left; padding-bottom: 15px; padding-top: 34px; padding-right: 4.583333%; padding-left: 20px;} .site-main .filter-products-wrap h4::after{content: ''; position: absolute; left: 20px; bottom: 0; width: 35px; height: 4px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .filter-products-wrap .filters{width: 82.5%; height: auto; float: left; padding-top: 16px; padding-bottom: 7px;} .site-main .filter-products-wrap .filters .column{height: auto; float: left; position: relative; margin-right: 2.141414%;} .site-main .filter-products-wrap .filters .column.first{width: 23.030303%;} .site-main .filter-products-wrap .filters .column.second{width: 11.616161%;} .site-main .filter-products-wrap .filters .column.third{width: 15.959595%;} .site-main .filter-products-wrap .filters .column.fourth{width: 14.646464%;} .site-main .filter-products-wrap .filters .column.fifth{width: 13.535353%;} .site-main .filter-products-wrap .filters .column.sixth{width: 10.505050%; margin-right: 0;} .site-main .filter-products-wrap .filters .column .title{font-size: 14px; line-height: 22px; font-weight: 300; color: #000; display: block; padding: 15px 30px 13px 15px; border: 1px solid rgba(0,0,0,0.1); position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .filter-products-wrap .filters .column .title::after{content: ''; position: absolute; right: 20px; top: 22px; width: 10px; height: 7px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/filter-arrow-black.png); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .filter-products-wrap .filters .column ul{display: none; position: absolute; left: 0; right: 0; top: 100%; background-color: #262626; padding-top: 6px; padding-bottom: 5px; z-index: 20;} .site-main .filter-products-wrap .filters .column ul li{list-style: none; font-size: 15px; line-height: 26px; font-weight: 300; color: #fff; position: relative; margin-bottom: 11px; cursor: pointer;} .site-main .filter-products-wrap .filters .column ul li .type{display: block; padding: 0 0 0 35px; position: relative;} .site-main .filter-products-wrap .filters .column ul li .type::before{content: ''; position: absolute; width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/filter-select-option-box.png); left: 15px; top: 6px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .filter-products-wrap .filters .column ul li .number-count{position: absolute; right: 15px; top: 0; width: 23px; height: 26px; text-align: center; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/number-count-bg.png);} .site-main .filter-products-wrap .filters .column ul li .number-count span{font-size: 11px; font-weight: 500;} .site-main .filter-products-wrap .filters .column .title.nav-open{background-color: #262626; color: #fff;} .site-main .filter-products-wrap .filters .column .title.nav-open::after{background-image: url(images/filter-arrow-white.png);} .site-main .filter-products-wrap .filters .column ul li.selected .type::before{width: 13px; background-image: url(images/filter-select-option-box-selected.png);} /*----- Products Overview Section Styles -----*/ .site-main .products-overview-section{width: 100%; height: auto; padding-top: 55px;} .site-main .products-overview-section .products-wrap{width: 100%; height: auto; overflow: hidden;} .site-main .products-overview-section .products-wrap .one-third{width: 31.666666%; height: auto; float: left; margin-right: 1.666666%; margin-bottom: 55px; overflow: hidden; position: relative;} .site-main .products-overview-section .products-wrap .one-third.last{margin-right: 0;} .site-main .products-overview-section .products-wrap .one-third a{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .site-main .products-overview-section .products-wrap .one-third .img-wrap{width: 100%; height: auto; padding: 10px 20px; background-color: transparent; border-bottom: 1px solid #CCCCCC; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third .img-wrap img{max-width: 100%; max-height: 100%; position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);} .site-main .products-overview-section .products-wrap .one-third .text-wrap{width: 100%; height: auto; padding: 14px 20px 14px; position: relative;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .number{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 18px; line-height: 30px; display: block; position: relative; padding-bottom: 18px; margin-bottom: 28px; z-index: 10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .number::after{content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 4px; background-color: #db0d15; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .link{position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; background-color: #db0d15; height: 100%; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .link span{font-family: Avant_Garde_demi; font-size: 15px; line-height: 26px; display: inline-block; color: #fff; background-color: #191919; position: relative; padding: 14px 30px 10px 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 1px;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .link span::after{content: ''; position: absolute; width: 5px; height: 9px; background-image: url(images/btn-pointer-white.png); background-size: contain; background-repeat: no-repeat; background-position: center center; top: 21px; right: 15px;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info{width: 100%; height: auto; overflow: hidden; position: relative; z-index: 10;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item{width: 56px; height: auto; float: left; text-align: center; padding: 0 5px; margin-bottom: 10px;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon{width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin-bottom: 12px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon img{max-width: 100%; height: auto; display: block;} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-1{width: 29px; background-image: url(images/product-info-icon-1.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-2{background-image: url(images/product-info-icon-2.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-3{background-image: url(images/product-info-icon-3.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-4{width: 15px; background-image: url(images/product-info-icon-4.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-5{width: 29px; background-image: url(images/product-info-icon-5.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item .icon.icon-6{width: 29px; background-image: url(images/product-info-icon-6.png);} .site-main .products-overview-section .products-wrap .one-third .text-wrap .product-info .item span{font-size: 11px; line-height: 13px; font-weight: 300; color: #3f3f3f; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .products-overview-section .products-wrap .one-third:hover .img-wrap{background-color: #CCCCCC; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .number{color: #fff;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .number::after{background-color: #fff;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .link{top: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .link span{margin-top: -25px;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item span{color: #fff;} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-1{background-image: url(images/product-info-icon-1-white.png);} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-2{background-image: url(images/product-info-icon-2-white.png);} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-3{background-image: url(images/product-info-icon-3-white.png);} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-4{background-image: url(images/product-info-icon-4-white.png);} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-5{background-image: url(images/product-info-icon-5-white.png);} .site-main .products-overview-section .products-wrap .one-third:hover .text-wrap .product-info .item .icon.icon-6{background-image: url(images/product-info-icon-6-white.png);} /*----- Intro Section Styles -----*/ .site-main .intro-section{width: 100%; height: auto; margin-top: -35px;} .site-main .intro-section .sidebar{width: 24.166666%; height: auto; float: left;} .site-main .intro-section .sidebar ul li{list-style: none; font-size: 16px; line-height: 26px; font-weight: 300; color: #000; border-bottom: 1px solid #bfbfbf;} .site-main .intro-section .sidebar ul li:last-child{border-bottom: none;} .site-main .intro-section .sidebar ul li a{display: block; color: #000; padding: 14px 20px 12px 26px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .intro-section .sidebar ul li a::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background-color: #db0d15; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .intro-section .sidebar ul li.current a{font-weight: 500;} .site-main .intro-section .sidebar ul li.current a::before{visibility: visible; opacity: 1;} .site-main .intro-section .sidebar ul li a:hover::before{visibility: visible; opacity: 1;} .site-main .intro-section .text-wrap{width: 74.166666%; height: auto; float: right; padding: 0 20px;} .site-main .intro-section .text-wrap p{margin-bottom: 26px;} .site-main .intro-section.no-sidebar .text-wrap{width: 100%; float: none;} /*----- Content Slider Styles -----*/ .site-main .content-slider{width: 100%; height: auto; margin-bottom: 65px;} .site-main .content-slider ul li{list-style: none; overflow: hidden;} .site-main .content-slider ul li .img-wrap{width: 100%; height: 575px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .content-slider ul li .text-wrap{width: 49.166666%; height: auto; float: right; margin-top: -150px; background-color: #db0d15; padding: 42px 50px 58px; margin-right: 45px; position: relative;} .site-main .content-slider ul li .text-wrap h3{color: #fff;} .site-main .content-slider ul li .text-wrap h3::after{background-color: #fff;} .site-main .content-slider ul li .text-wrap p{color: #fff;} .site-main .content-slider .bx-controls-direction{position: absolute; top: 50%; margin-top: -25px; left: 0; right: 0; font-size: 0;} .site-main .content-slider .bx-controls-direction a{width: 50px; height: 50px; position: relative;} .site-main .content-slider .bx-controls-direction a::before{content: ''; width: 12px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center center; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0;} .site-main .content-slider .bx-controls-direction a.bx-prev{float: left;} .site-main .content-slider .bx-controls-direction a.bx-prev::before{background-image: url(images/content-slider-prev-arrow.png);} .site-main .content-slider .bx-controls-direction a.bx-next{float: right;} .site-main .content-slider .bx-controls-direction a.bx-next::before{background-image: url(images/content-slider-next-arrow.png);} .site-main .content-slider .bx-pager{position: absolute; left: 0; bottom: 0; width: 50%; font-size: 0; text-align: center;} .site-main .content-slider .bx-pager .bx-pager-item{display: inline-block; font-size: 0; margin: 0 5px; vertical-align: middle;} .site-main .content-slider .bx-pager .bx-pager-item .bx-pager-link{width: 5px; height: 5px; display: block; border-radius: 50%; border: 1px solid #3f3f3f; background-color: #3f3f3f; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .site-main .content-slider .bx-pager .bx-pager-item .bx-pager-link:hover, .site-main .content-slider .bx-pager .bx-pager-item .bx-pager-link.active{width: 18px; height: 18px; background-color: transparent; border-color: #db0d15;} /*----- Timeline Slider Styles -----*/ .site-main .timeline-slider{width: 100%; height: auto; max-width: 1800px; background-color: #db0d15; position: relative; padding: 75px 0; margin-bottom: 55px;} .site-main .timeline-slider .bottom-shape{position: absolute; left: 0; right: 0; bottom: 0; height: 115px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/bottom-up-shape.png); z-index: 9;} .site-main .timeline-slider .bx-viewport{z-index: 10;} .site-main .timeline-slider ul li{list-style: none; margin-bottom: 40px;} .site-main .timeline-slider ul li .img-wrap{position: relative; width: 250px; height: 276px; margin-left: 20px; cursor: pointer; z-index: 10; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .site-main .timeline-slider ul li .img-wrap .img-container{position: absolute; width: 100%; height: 100%; z-index: 10; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center;} .site-main .timeline-slider ul li .img-wrap .img-container img{max-width: 100%; height: auto; display: block; display: none;} .site-main .timeline-slider ul li .text-wrap{width: 100%; height: auto; padding: 0 20px;} .site-main .timeline-slider ul li .text-wrap h5{color: #fff;} .site-main .timeline-slider ul li .text-wrap h3{color: #fff;} .site-main .timeline-slider ul li .text-wrap h3::after{background-color: #262626;} .site-main .timeline-slider ul li .text-wrap p{color: #fff; margin-bottom: 21px;} .site-main .timeline-slider ul li .text-wrap .btn a{color: #fff; border-color: #fff;} .site-main .timeline-slider ul li .text-wrap .btn a::after{background-image: url(../img/btn-arrow-white.png);} .site-main .timeline-slider .bx-controls-direction{position: absolute; top: 180px; left: 0; right: 0; font-size: 0;} .site-main .timeline-slider .bx-controls-direction::before{content: ''; position: absolute; left: 48px; right: 48px; top: 0; height: 1px; margin-top: 29px; background-size: contain; background-repeat: repeat-x; background-position: center center; background-image: url(images/timeline-controls-line.png);} .site-main .timeline-slider .bx-controls-direction a{width: 55px; height: 60px; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center;} .site-main .timeline-slider .bx-controls-direction a.bx-prev{float: left; margin-left: -27px;} .site-main .timeline-slider .bx-controls-direction a.bx-prev{background-image: url(images/timeline-slider-prev-arrow.png);} .site-main .timeline-slider .bx-controls-direction a.bx-next{float: right; margin-right: -27px;} .site-main .timeline-slider .bx-controls-direction a.bx-next{background-image: url(images/timeline-slider-next-arrow.png);} .site-main .timeline-slider .bx-pager{width: 100%; height: auto; text-align: center; padding: 48px 0 0 0;} .site-main .timeline-slider .bx-pager .bx-pager-item{display: inline-block; font-size: 0; margin: 0 5px; vertical-align: middle;} .site-main .timeline-slider .bx-pager .bx-pager-item .bx-pager-link{width: 14px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/timeline-bullet-white.png); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;} .site-main .timeline-slider .bx-pager .bx-pager-item .bx-pager-link:hover, .site-main .timeline-slider .bx-pager .bx-pager-item .bx-pager-link.active{background-image: url(images/timeline-bullet-black.png);} /*----- Contact Page Styles -----*/ .contact-page .site-navigation ul li a{color: #fff;} .contact-page .site-header .header-right .language-switcher ul li a{color: #fff;} .contact-page .page-featured-section{padding-bottom: 555px;} .contact-page .page-featured-section #map{width: 100%; height: auto; position: absolute; left: 0; right: 0; top: -110px; bottom: 0;} .contact-page .page-featured-section .bottom-shape{position: absolute; left: 0; right: 0; bottom: 0; height: 115px; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../img/bottom-up-shape.png); z-index: 9;} .site-main .contact-page-info{width: 100%; height: auto;} .site-main .contact-page-info .one-half{width: 49.166666%; height: auto; float: left;} .site-main .contact-page-info .one-half.right{float: right; padding: 0 20px;} .site-main .contact-page-info .one-half h2{color: #db0d15;} .site-main .contact-page-info .one-half.right h2{color: #000; margin-bottom: 36px;} .site-main .contact-page-info .one-half .block{margin-bottom: 52px;} .site-main .form-wrap{width: 100%; height: auto; margin-bottom: 52px;} .site-main .form-wrap .gform_wrapper{width: 100%; overflow: hidden;} .site-main .form-wrap .gform_wrapper .gform_body{position: relative;} .site-main .form-wrap .gform_wrapper .gform_body:before, .site-main .form-wrap .gform_wrapper .gform_body:after{content: " "; display: table;} .site-main .form-wrap .gform_wrapper .gform_body:after{clear: both;} .site-main .form-wrap .gform_wrapper ul li{list-style: none; width: 100%; height: auto; float: left; margin-bottom: 42px !important; margin-top: 0 !important } .site-main .form-wrap .gform_wrapper ul li.gf-left-half{width: 45.454545%;} .site-main .form-wrap .gform_wrapper ul li.gf-right-half{width: 45.454545%; float: right;} .site-main .form-wrap .gform_wrapper ul li .ginput_container{width: 100%; height: auto;} .site-main .form-wrap .gform_wrapper ul li .gfield_label{display: none;} .site-main .form-wrap .gform_wrapper ul li .ginput_container{border-radius: 0; overflow: hidden; position: relative;} .site-main .form-wrap .gform_wrapper ul li .ginput_container input{background: none; outline: none; border: none; border-radius: 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 26px; font-weight: 300; color: #8c8c8c; width: 100%; border-bottom: 1px solid #8c8c8c; padding: 0 10px 17px 0 !important;} .site-main .form-wrap .gform_wrapper ul li .ginput_container textarea{background: none; height: 60px; padding: 0; outline: none; border: none; border-radius: 0; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 26px; font-weight: 300; color: #8c8c8c; width: 100%; border-bottom: 1px solid #8c8c8c; resize: none;} .site-main .form-wrap .gform_wrapper .gform_footer{width: 100%; height: auto; overflow: hidden; position: relative; margin-top: 16px; padding:0;} .site-main .form-wrap .gform_wrapper .gform_footer::after{content: ''; position: absolute; right: 15px; top: 24px; width: 5px; height: 9px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(images/btn-pointer-white.png);} .site-main .form-wrap .gform_wrapper .gform_footer input{background: none; outline: none; border: none; border-radius: 0; width: auto; font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 15px; line-height: 26px; font-weight: normal; color: #fff; display: block; background-color: #db0d15; float: right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; padding: 16px 30px 14px 20px !important; margin:0 !important;} /*---------------------------------- SITE FOOTER STYLES ---------------------------------------------------------------------------------*/ .site-footer{width: 100%; height: auto;} /*----- Footer Top -----*/ .site-footer .footer-top{width: 100%; height: auto; background-color: #262626; padding: 60px 0 50px 0; max-width: 1800px; max-width: 100%;} .site-footer .footer-top .footer-info{width: 100%; height: auto; overflow: hidden; margin-bottom: 10px;} .site-footer .footer-top .footer-info .column{width: 23.75%; height: auto; float: left; padding: 0 20px; margin-right: 1.666666%;} .site-footer .footer-top .footer-info .column p{ text-align: left;} .site-footer .footer-top .footer-info .column.last{margin-right: 0;} .site-footer .footer-top .footer-info .block{width: 100%; height: auto;} .site-footer .footer-top .footer-info .block h4{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 21px; line-height: 30px; font-weight: bold; color: #fff; margin-bottom: 16px; padding-top: 19px;} .site-footer .footer-top .footer-info .block ul li{list-style: none; font-size: 15px; line-height: 28px; font-weight: 300; color: #B3B3B3;} .site-footer .footer-top .footer-info .block ul li a{display: inline-block; color: #B3B3B3; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;} .site-footer .footer-top .footer-info .block ul li a::before{content: ''; position: absolute; left: 0; top: 2px; bottom: 3px; width: 5px; background-color: #db0d15; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} .site-footer .footer-top .footer-info .block ul li a:hover{color: #fff; padding-left: 18px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s;} .site-footer .footer-top .footer-info .block ul li a:hover::before{visibility: visible; opacity: 1; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s;} .site-footer .footer-top .footer-info .company-info{min-width: 285px;} .site-footer .footer-top .footer-info .company-info .footer-logo{width: 150px; height: 50px; background-image: url(../img/footer-logo.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; margin-left: 0; margin-bottom: 16px;} .site-footer .footer-top .footer-info .company-info .footer-logo a{width: 100%; height: 100%; display: block;} .site-footer .footer-top .footer-info .company-info p{font-size: 13px; line-height: 18px; font-weight: 300; color: #B3B3B3; margin-bottom: 10px;} .site-footer .footer-top .footer-info .company-info .block p{ margin-bottom: 0;} .site-footer .footer-top .footer-info .company-info .block span{ font-weight: bold; margin-bottom: } .site-footer .footer-top .footer-info .company-info span{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 14px; line-height: 26px; color: #fff; display: block;} .site-footer .footer-top .footer-info .company-info p a{color: #B3B3B3;} .site-footer .footer-top .footer-info .company-info p.tel{margin-bottom: 0;} .site-footer .footer-top .action-blocks{width: 100%; height: auto;} .site-footer .footer-top .action-blocks h4{font-family: 'ELLENOVACSTD-EXTRABOLD'; font-size: 18px; line-height: 26px; font-weight: normal; color: #fff;} .site-footer .footer-top .action-blocks p{font-size: 15px; line-height: 22px; font-weight: 300; color: #B3B3B3;} .site-footer .footer-top .action-blocks .news-letter{width: 57.333333%; height: auto; float: left; background-color: #000; padding: 30px 320px 30px 20px; position: relative;} .site-footer .footer-top .action-blocks .news-letter .input-wrap{position: absolute; right: 25px; top: 40px;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input{font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 26px; font-weight: 500; color: #fff; border: 1px solid #B3B3B3; padding: 10px 20px 12px 20px; float: left;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input.submit-btn{width: 50px; height: 50px; border: none; padding: 0; background-color: #db0d15; cursor: pointer;} .site-footer .footer-top .action-blocks .news-letter .input-wrap::after{content: ''; position: absolute; width: 20px; height: 17px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../img/newsletter-submit-icon.png); right: 15px; top: 16px; pointer-events: none;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input::-webkit-input-placeholder{color: #fff;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input::-moz-placeholder{color: #fff;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input:-ms-input-placeholder{color: #fff;} .site-footer .footer-top .action-blocks .news-letter .input-wrap input:-moz-placeholder{color: #fff;} .site-footer .footer-top .action-blocks .find-dealer{width: 40.833333%; height: auto; position: relative; float: right; /*background-color: #db0d15;*/ padding: 30px 210px 30px 20px; position: relative;} .site-footer .footer-top .action-blocks .find-dealer p{color: #fff;} .site-footer .footer-top .action-blocks .find-dealer .btn{position: absolute; right: 15px; top: 40px;} .site-footer .footer-top .action-blocks .find-dealer .btn a{font-family: Avant_Garde_demi; font-size: 15px; line-height: 26px; color: #8c8c8c; display: block; background-color: #fff; padding: 13px 40px 11px 20px; position: relative;} .site-footer .footer-top .action-blocks .find-dealer .btn a::after{content: ''; position: absolute; width: 5px; height: 9px; background-image: url(../img/btn-pointer-black.png); background-size: contain; background-repeat: no-repeat; background-position: center center; top: 20px; right: 25px;} .site-footer .footer-top .action-blocks .find-dealer .btn a:hover{background-color: #000; color: #fff;} .site-footer .footer-top .action-blocks .find-dealer .btn a:hover::after{background-image: url(images/btn-pointer-white.png);} /*----- Footer Bottom -----*/ .site-footer .footer-bottom{width: 100%; height: auto; padding: 56px 0 60px 0;} .site-footer .footer-bottom .copyright{width: auto; float: left;} .site-footer .footer-bottom .copyright span{font-size: 15px; line-height: 34px; font-weight: 300; color: #B3B3B3;} .site-footer .footer-bottom .copyright span span{font-weight: 500; color: #db0d15;} .site-footer .footer-bottom ul{float: right; margin-right: 18px;} .site-footer .footer-bottom ul li{list-style: none; font-size: 15px; font-weight: 300; color: #B3B3B3; padding: 0 24px; position: relative; float: left;} .site-footer .footer-bottom ul li::after{content: ''; position: absolute; top: 4px; right: 0; width: 2px; background-color: #B3B3B3; height: 12px;} .site-footer .footer-bottom ul li:last-child::after{display: none;} .site-footer .footer-bottom ul li a{color: #B3B3B3; display: block;} .site-main .content-slider ul li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .mobile-nav{ display: none; } .site-main .form-wrap .gform_wrapper ul li { clear: none; padding: 0 !important; } /*通用样式*/ .w1600{width: 1600px; max-width:90%; margin: 0 auto;overflow: hidden;zoom: 1;} .w1200{width: 100%;max-width: 1200px;overflow: hidden;zoom: 1;} .w1550{width: 100%;max-width: 1550px;margin: 0 auto;overflow: hidden;zoom: 1;} .w1350{ max-width: 90%; width: 1350px;overflow: hidden;zoom: 1;} .mt100{margin-top: 100px;} .h800{height: 800px;} .h800 .bx-pager-link.active{display: none!important;} .bold{font-weight: bold;} .border_bottom{border-bottom: 1px solid #999;} .clear{clear:both;} .text_right{text-align: right;} .center{text-align: center;} /*首页最顶部*/ .home_top{width: 100%;background: #333;overflow: hidden;} .home_top_box{width: 94%;} .home_top_left{float: left; width: 288px; height: 68px;} .home_top_right{float: right;} .home_top_right_login,.home_top_right_language{float: left;margin: 24px;} .home_top_right_login{} .home_top_right_login span{color: #ccc;} .home_top_right_language{} .home_top_right_language span{padding-bottom: 5px; margin: 0 4px;} .home_top_right_language span a{color: #fff; cursor: pointer;}.cnenactive{border-bottom: 3px solid #dc0d15;} .home_top_right_language span:hover{ opacity: .5;} /*首页火鹰30年*/ .home_30year{} .home_30year h3{font-size: 4em;} .home_30year_button{width: 100px;overflow: hidden;} .home_30year_left,.home_30year_right{float: left;} .home_30year_left{width: 70%;border: 1px solid white;text-align: center;padding: 5px;} .home_30year_right{width: 30%;background: red;text-align: center;color: #fff;border: 1px solid red;padding: 5px;} /*首页为什么选择火鹰*/ .site-main .home_why{width: 40%;height: 260px;margin: 0;} .site-main .home_why h4{font-size: 3.6em;font-weight: bold;line-height: 1.2em;margin: 20px 0 0 50px;text-align: left;color: #fff; padding-bottom: 20px; padding-top: 50px;} .site-main .home_why h4::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 35px; height: 6px; background-color: #db0d15;} /*底部脸书微信*/ .bottom_contact{position: absolute;bottom: 0;right: 0;} .bottom_contact ul li{list-style: none;float: left;} .bottom_contact ul li img{ height: 18px;} /***********************************************************************************************/ /*探索火鹰*/ .main-page{margin:80px auto 0 auto;width:100%;height:1000px;} .main-page .left{float:left; width: 15%;} .main-page .nav-back{height:300px;opacity:.3;filter:alpha(opacity=30);} .main-page .nav{position:relative;margin-top:-300px;width:310px;font-size:14px;font-family:"微软雅黑";} .main-page .nav div{width: 100%; overflow:hidden; height:30px;line-height:30px;padding-left: 5px;font-size: 16px;border-left: 5px solid #fff;margin: 0;cursor: pointer;} .main-page .nav div.on{border-left: 5px solid #d71820;transition: 1s ease-in-out;} .main-page .left{margin-left: 80px;} .main-page .right{width:75%; margin-right: 20px; height:280px; height: auto; float: right;} .main-page .content-back{height:280px;background:#fff;opacity:.3;} .main-page .content{position:relative;height:1000px;overflow:hidden;} .main-page .content div{/*height:1500px;margin-bottom:10px;*/font-size: 16px;} .left-top{width: 100%;height: 150px;} .left-top h1{font-size: 3em;} .left-top p{margin-top: 10px;} .content-title{font-size: 2em;text-align: left; margin-bottom: 50px; padding-top: 20px; font-weight: bold; position: relative;} .content-title:after{ content: ""; position: absolute; height: 6px; background:#d71820; width: 40px; left: 0; bottom: -16px;} .content-text{width: 1400px;color: #444;} .content-text p{line-height: 35px;} .about_detail{height: auto !important; overflow: hidden;} .about_title_pic{ max-width: 100%;} .about_detail ul li{width: 31%;float: left;list-style: none;overflow: hidden;margin: 1% 2% 0 0;} .about_middle{width: 100%; height: 170px!important;} .about_middle_left,.about_middle_right{height: auto!important;margin-bottom: 0!important;} .about_middle_left p,.about_middle_right p{font-size: 18px!important;} .about_middle_left{float: left;} .about_middle_right{float: right;} .about_middle_left b{font-size: 1.3em;margin-right: 10px;} .about_black,.about_red,.about_gray,.about_white{width: 60px; height: 13px !important; margin: 6px 0 10px 0;} .about_black{background: #000;} .about_red{background: #d71820;} .about_gray{background: #ccc;} .about_white{background: #fff;border: 1px solid #ccc;} .about_contact_box{width: 1100px; max-width:90%; margin: 0 auto; padding-top: 60px; margin-top: 100px; border-top: 2px solid #e7e7e7;} .about_contact_box p{width: 50px;font-size: 30px;font-weight: bold;border-bottom: 5px solid #d71820; margin: 0;padding-bottom: 10px;white-space: nowrap;} .about_contact{width: 100%;height: 100px;} .about_contact div{height: 120px;border-bottom: 1px solid #d6d6d6;margin: 20px 0;} .about_contact div ul li{float: left;list-style: none;} .about_contact div ul li:nth-of-type(1){font-size: 25px;margin-top: 20px;width: 200px;} .about_contact div ul li:nth-of-type(2){margin-left: 10%;color: #918b8a; font-size: 18px;margin-top: 20px;} .about_contact div ul li:nth-of-type(3){float: right;} /***********************************************************************************************/ /*探索火鹰企业发展史*/ .white_box{position: relative;} .white_box img{width: 100%;} .white_bg{width: 456px;height: 388px;position: absolute;left: 92px;top: 0;background: url(../img/history/white_bg.png) no-repeat;padding: 50px 0 0 100px;background-size: cover;} .white_bg_1{font-size: 40px;margin-bottom: 40px;} .white_bg_2{width: 24px;height: 40px;font-size: 20px;white-space: nowrap;padding-bottom: 5px;margin: 20px 0 0 0;} .current{border-bottom: 6px solid #db0d15;} .history{margin-top: 50px;position: relative;} .history ul li{margin: 150px 0;padding-left: 10%;} .history_title{font-size: 5em;text-align: center;margin: 100px 0 50px;} .history_left{width: 22%;float: left;margin-left: 3%;} .history_right{width: 70%;float: left;margin-left: 3%;margin-top: 3%;} .history_year{width: 40px;font-size: 4em;color: #db0d15;border-bottom: 6px solid #db0d15;padding-bottom: 5px;white-space: nowrap;margin: 0;} .history_text{font-size: 20px;margin: 20px 0 30px;} .history_small_text{font-size: 18px;padding-left: 20px;line-height: 30px;position: relative;} .history_small_text:before{content: '';width: 15px;height: 15px;position: absolute;top: 7px;left: 0;background: url(../img/history/point.png) no-repeat;background-size: contain;} .history_line{width: 1px;height: 96%;background: #bcbcbc;position: absolute;top: 160px;left: 22.5%;z-index: -1;} /***********************************************************************************************/ /*探索火鹰品牌发展史*/ .brand_right{width: 750px;float: left;margin-left: 5%;} .brand_year{font-size: 30px;} .brand_title{width: 40px;font-size: 30px;color: #db0d15;border-bottom: 6px solid #db0d15;padding-bottom: 5px;white-space: nowrap;margin: 0;} .brand_bottom{margin-bottom: 100px;} .brand_small_text{font-size: 16px;margin-top: 30px;line-height: 32px; text-align: left;} /***********************************************************************************************/ /*招聘精英*/ .recruiment{width: 100%;margin-top: 50px; } .recruiment_box{width: 100%;overflow: hidden;border: 1px solid #dcdcdc;margin-bottom: -1px;} .recruiment_box_title{background: #f8f8f8;} .recruiment_box_title ul li{font-size: 24px!important;} .recruiment_box ul li{height: 80px;line-height: 80px;font-size: 20px;float: left;text-align: center;} .recruiment_box ul li:nth-of-type(1){width: 28%;text-align: left;margin-left: 30px;} .recruiment_box ul li:nth-of-type(2),.recruiment_box ul li:nth-of-type(3){width: 20%;} .recruiment_box ul li:nth-of-type(4){width: 20%; float: right;} .recruiment_box ul li:nth-of-type(5){width: 5%;} /***********************************************************************************************/ /*服务与支持*/ .service_category{width: 80%;} .service_category ul{ text-align: center;} .service_category ul li{width: 236px;height: 236px; display:inline-block;border: 1px solid #939393;margin: 0 40px;border-radius: 25px;padding-top: 40px;} .service_category ul li p{text-align: center;} .service_category ul li img{display: inline; max-width: 50%;} .service_content{width: 90%;position: relative;} .service_content ul{ width: 100%;} .service_content ul li{width: 33%;float: left;} .service_content ul li:nth-of-type(2) img,.service_content ul li:nth-of-type(1) img{ width: 80px;} .service_content ul li:nth-of-type(2){width: 33%;} .service_content ul li p{text-align: center;} .service_content .service_text{white-space: nowrap;margin: 0;font-size: 2em; text-align: center;} .red_border{ margin: 0 auto; width: 30px; display:block;border-bottom: 10px solid #dc0d15;white-space: nowrap;font-size: 2em; text-align: center;} /***********************************************************************************************/ /*维修服务*/ .service_2{text-align: center;margin: 100px 0;} .service_2_title{margin-top: 200px;} .service_2_title p{width: 500px;font-size: 3em;text-align: center;position: relative} .service_2_title p:before{content: '';background: url(../img/service/service_2_icon.png) no-repeat;width: 103px;height: 101px;position: absolute;top: -30px;left: 0;} .service_2_title2{width: 100%;height: 100px;background: #f9f9f9;} .service_2_title2 p{width: 136px;height: 90px;line-height: 90px;font-size: 3em;border-bottom: 6px solid #dc0d15;white-space: nowrap;margin: 0 0 0 50px;} /***********************************************************************************************/ /*常见问题*/ .service_3{margin-top: 40px;} .service_3 p{line-height: 32px;} .service_3 p:nth-of-type(1){font-weight: bold;} /***********************************************************************************************/ /*行业应用通用样式*/ .banner_text,.banner_text2{position: absolute;top: 150px;left: 200px;} .banner_text p, .banner_text2 p{ text-align: left;} .banner_text p:nth-of-type(1),.banner_text2 p:nth-of-type(1){font-size: 2em;font-weight: bold;} .banner_text p:nth-of-type(2),.banner_text2 p:nth-of-type(2){margin-top: 20px;} .banner_text p{color: #fff;} .banner_text2 p{color: #000;} /*行业应用4s店*/ .industry_title{font-size: 32px;font-weight: bold;margin: 50px 0;text-align: center;} .industry_text{width: 43%;margin: 30px 0 0 0;font-size: 18px;line-height: 26px;z-index: 2;} .industry_box{width: 100%;} .industry_box h3{font-size: 46px; padding-right: 40%; line-height: 1em;} .left_half,.right_half{width: 764px;height: 500px;padding: 60px 0 0 36px;margin: 15px;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;position: relative;} .left_half{float: left;} .right_half{float: right;} .more{width: 136px;height: 50px;line-height: 50px;text-align: center;background: #dc0d15;border-radius: 4px;margin: 50px 0 0 0;/*position: relative;z-index: 999;*/} .more a{color: #fff;} .industry_img{height: 100%;position: absolute;bottom: 0;right: 0;} .industry_full{width: 98%;height: 500px; height:auto; float: left;padding: 100px 0 100px 36px;margin: 15px;position: relative;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;} .industry_full .industry_img{right: 8%;} .industry_full_2{width: 98%;height: 500px;float: left;padding: 110px 0 0 36px;margin: 15px;position: relative;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;} .industry_full_2 .industry_img{right: 8%;} .industry_full_2 .industry_text{font-size: 46px;} .left_half_2,.right_half_2{width: 764px;height: 660px;padding: 250px 0 0 36px;margin: 15px;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;position: relative;} .left_half_2{float: left;} .right_half_2{float: right;} .left_half_2 .industry_img,.right_half_2 .industry_img{position: absolute;top: 0;right: 0;} .left_half_2 .industry_img p,.right_half_2 .industry_img p{text-align: right;} .left_half_2 h3,.right_half_2 h3{margin-top: 100px;} .left_half_2 .industry_text,.right_half_2 .industry_text{width: 90%;margin: 0;} .left_half_3,.right_half_3{width: 764px;height: 460px;padding: 160px 0 0 10px;margin: 15px;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;position: relative;} .left_half_3{float: left;} .right_half_3{float: right;} .industry_img img{/*height: inherit;*/position: relative;z-index: 1; max-width: 100%; max-height: 100%;} .left_half_3 .industry_text,.right_half_3 .industry_text{width: 90%;margin: 0;font-size: 46px;} .left_half_4,.right_half_4{width: 764px;height: 460px;padding: 80px 0 0 10px;margin: 15px;background: #fff;box-shadow:0px 0px 15px 0px #bbbbbb;position: relative;} .left_half_4{float: left;} .right_half_4{float: right;} .left_half_4 h3,.right_half_4 h3{margin-top: 100px;} .left_half_4 .industry_text,.right_half_4 .industry_text{width: 90%;margin: 0;font-size: 46px;} /*行业应用列表页*/ .industry_category_title{font-size: 72px;border: 1px solid #404040;overflow: hidden;display: inline-block;padding: 15px 60px;border-radius: 15px;margin: 20px 0;} .industry_list_title{font-size: 32px;margin: 20px 0;font-weight: bold;} .five_columns{width: 100%;overflow: hidden;} .five_columns ul li{width: 20%;float: left;list-style: none;} .five_columns ul li a{margin: 0.5%;display: inline-block;transition: 0.5s all;} .five_columns ul li a:hover{box-shadow:0px 0px 15px 0px #bbbbbb;} .five_columns ul li img{width: 100%;} .five_columns ul li p{text-align: center;margin-top: 10px;} .six_columns{width: 100%;overflow: hidden;} .six_columns ul li{width: 16%;margin-right: 0.6%;float: left;list-style: none;} .six_columns ul li a{margin: 0.5%;display: inline-block;transition: 0.5s all;} .six_columns ul li a:hover{box-shadow:0px 0px 15px 0px #bbbbbb;} .six_columns ul li img{width: 100%;} .six_columns ul li p{text-align: center;margin-top: 10px;} /***********************************************************************************************/ /*全部产品*/ .all_product_top{margin-top: 100px;margin-bottom: 100px;} .all_product_top_left{font-size: 3em;font-weight: bold;float: left;} .all_product_top_right{margin-left: 160px;float: left;} .all_product_top_right input{width: 600px;height: 50px;padding-left: 20px;border: 2px solid #dddddd;float: left;} .all_product_top_right span{float: left;width: 160px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;margin-left: 0px;background: #dc0d15;color: #fff;display: inline-block;} .all_product_title{font-size: 32px;padding: 20px 0; margin-top: 50px;} .all_product_five_columns{width: 100%;overflow: hidden;} .all_product_five_columns ul li{width: 20%;float: left;list-style: none;padding-top: 50px;position: relative;} .all_product_five_columns ul li:hover .all_product_slogan{display: block;} .all_product_five_columns ul li a:hover{} .all_product_five_columns ul li img{width: 100%; width: 90%; margin: 0 auto;} .all_product_five_columns ul li p{text-align: center;margin-top: 10px;} .all_product_slogan{position: absolute;top: 10px;right: -16px;padding: 20px;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;display: none;} .all_product_six_columns{width: 100%;overflow: hidden;} .all_product_six_columns ul li{width: 16%;margin-right: 0.6%;float: left;list-style: none;padding-top: 50px;position: relative;} .all_product_six_columns ul li:hover .all_product_slogan{display: block;} .all_product_six_columns ul li a:hover{} .all_product_six_columns ul li img{width: 100%;} .all_product_six_columns ul li p{text-align: center;margin-top: 10px;} /***********************************************************************************************/ /*全部产品搜索页*/ .all_product_search{width: 49%; width:100%; margin: 0 auto;} .all_product_search_top{margin-top: 100px;margin-bottom: 100px;} .all_product_search_top input{width: 600px;height: 50px;padding-left: 20px;border: 2px solid #dddddd;float: left;} .all_product_search_top span{float: left;width: 160px;height: 50px;line-height: 50px;font-size: 18px;text-align: center;margin-left: 0px;background: #dc0d15;color: #fff;display: inline-block;} .search_box{height: 114px;border-bottom: 2px solid #ececec;} .search_box_left,.search_box_right{line-height: 114px;float: left;font-size: 18px;} .search_box_left{width: 60%;} .search_box_left b{ padding-right: 20px;} .search_box_right{width: 40%; text-align: right;} .search_box .title,.search_box .title{font-size: 2em; font-weight: bold;} .search_more{margin-top: 50px;text-align: center;} /***********************************************************************************************/ /*详情页*/ .detail_small_nav{width: 100%;height: 64px;background: #333;position: relative;} .detail_small_nav ul{position: absolute;top: 0;right: 100px;} .detail_small_nav ul li{float: left;line-height: 64px;margin-right: 20px;} .detail_small_nav ul li a{color: #fff;} .detail_nav_text{width: 500px;position: absolute;bottom: 20px;left: 100px;color: #262626;font-size: 18px; font-weight: normal; text-align: left;} .parameter_left,.parameter_right{width: 47%;} .parameter_left{float: left;} .parameter_right{float: right;} .parameter_left_left{float: left;} .parameter_left_right{float: right;} .parameter_box{height: 46px;line-height: 46px;font-size: 16px;border-bottom: 2px solid #ececec;} .parameter_title{width: 250px;font-size: 2em;font-weight: bold;border-bottom: 6px solid #dc0d15;margin: 50px 0;white-space: nowrap;} .parameter_assurance{width: 472px;height: 134px;margin: 50px 0 0;position: relative;} .parameter_assurance_title{width: 36px;padding-bottom: 10px;font-size: 2em;border-bottom: 6px solid #dc0d15;margin: 0;white-space: nowrap;} .parameter_assurance_text{width: 50%;margin: 15px 0 0;} .parameter_assurance_img{position: absolute;bottom: 0;right: 0;} .parameter_box ul li{width: 25%;float: left;} /*产品详情文字位置*/ .product_box{position: relative;margin-top: 100px} .product_box p{font-size: 1.8em;color: #656565;} .p-588S-1{width: 700px;position: absolute;top: 175px;left: 600px;line-height: 2.5em;} .p-588S-2{position: absolute;top: 790px;left: 90px;} .p-588S-3{width: 380px;position: absolute;top: 690px;left: 660px;} .p-588S-4{width: 610px;position: absolute;top: 770px;left: 1240px;} .p-588S-5{position: absolute;bottom: 216px;left: 810px;font-size: 1.5em!important;} .p-588S-6{position: absolute;bottom: 158px;left: 810px;font-size: 1.5em!important;} .p-590C-1{width: 700px;position: absolute;top: 306px;left: 200px;line-height: 2.5em;} .p-590C-2{width: 330px;position: absolute;top: 960px;left: 390px;} .p-590C-3{width: 240px;position: absolute;top: 910px;left: 870px;} .p-590C-4{position: absolute;bottom: 268px;left: 810px;font-size: 1.5em!important;} .p-590C-5{position: absolute;bottom: 204px;left: 810px;font-size: 1.5em!important;} .p-590C-6{position: absolute;bottom: 146px;left: 810px;font-size: 1.5em!important;} .p-730G-1{width: 690px;position: absolute;top: 306px;left: 210px;line-height: 2.5em;} .p-730G-2{width: 330px;position: absolute;top: 990px;left: 390px;} .p-730G-3{width: 920px;position: absolute;top: 710px;left: 906px;} .p-730G-4{width: 440px;position: absolute;top: 1500px;left: 1250px;} .p-730G-5{position: absolute;bottom: 330px;left: 810px;} .p-730G-6{position: absolute;bottom: 265px;left: 810px;} .p-730G-7{width: 950px;position: absolute;bottom: 208px;left: 810px;} .p-730G-8{position: absolute;bottom: 108px;left: 810px;} .p-730G-9{position: absolute;bottom: 58px;left: 810px;} .p-810-1{position: absolute;top: 290px;left: 1150px;;} .p-810-2{width: 500px;position: absolute;top: 800px;left: 1350px;} .p-810-3{position: absolute;top: 1500px;left: 1170px;} .p-810-4{width: 800px;position: absolute;bottom: 272px;left: 810px;font-size: 1.5em!important;} .p-810-5{position: absolute;bottom: 212px;left: 810px;font-size: 1.5em!important;} .p-870L-1{position: absolute;top: 420px;left: 1440px;;} .p-870L-2{width: 426px;position: absolute;top: 950px;left: 130px;} .p-870L-3{width: 416px;position: absolute;top: 1480px;left: 640px;} .p-870L-4{width: 800px;position: absolute;top: 1310px;left: 1234px;} .p-870L-5{width: 340px;position: absolute;top: 1968px;left: 692px;} .p-870L-6{position: absolute;bottom: 352px;left: 880px;font-size: 1.5em!important;} .p-870L-7{position: absolute;bottom: 288px;left: 880px;font-size: 1.5em!important;} .p-888N-1{position: absolute;top: 699px;left: 170px;} .p-888N-2{width: 200px;position: absolute;top: 1043px;left: 912px;} .p-888N-3{width: 254px;position: absolute;top: 1048px;left: 1318px;} .p-888N-4{width: 720px;position: absolute;bottom: 367px;left: 880px;font-size: 1.5em!important;} .p-888N-5{position: absolute;bottom: 305px;left: 880px;font-size: 1.5em!important;} .p-888N-6{position: absolute;bottom: 249px;left: 880px;font-size: 1.5em!important;} .p-889C-1{width: 670px;position: absolute;top: 276px;left: 200px;} .p-889C-2{width: 286px;position: absolute;top: 890px;left: 70px;} .p-889C-3{width: 240px;position: absolute;top: 890px;left: 1020px;} .p-889C-4{width: 610px;position: absolute;top: 1680px;left: 1060px;} .p-889C-5{width: 610px;position: absolute;bottom: 366px;left: 490px;} .p-889C-6{position: absolute;bottom: 346px;left: 1260px;font-size: 1.5em!important;} .p-889C-7{position: absolute;bottom: 258px;left: 1260px;font-size: 1.5em!important;} .p-889N-1{width: 460px;position: absolute;top: 260px;left: 1400px;} .p-889N-2{width: 540px;position: absolute;top: 840px;left: 174px;} .p-889N-3{position: absolute;top: 1466px;left: 720px;} .p-889N-4{width: 800px;position: absolute;top: 1690px;left: 1360px;} .p-889N-5{position: absolute;bottom: 356px;left: 806px;font-size: 1.5em!important;} .p-889N-6{position: absolute;bottom: 296px;left: 806px;font-size: 1.5em!important;} .p-889N-7{position: absolute;bottom: 236px;left: 806px;font-size: 1.5em!important;} .p-889N-8{position: absolute;bottom: 146px;left: 806px;font-size: 1.5em!important;} .p-889NV_390H-1{width: 800px;position: absolute;top: 480px;left: 1030px;} .p-889NV_390H-2{position: absolute;top: 1520px;left: 700px;} .p-889NV_390H-3{position: absolute;top: 1780px;left: 1350px;} .p-889NV_390H-4{width: 800px;position: absolute;top: 2500px;left: 250px;} .p-889NV_390H-5{position: absolute;bottom: 386px;left: 804px;font-size: 1.5em!important;} .p-889NV_390H-6{position: absolute;bottom: 296px;left: 804px;font-size: 1.5em!important;} .p-889NV_390H-7{position: absolute;bottom: 204px;left: 804px;font-size: 1.5em!important;} .p-890U-1{width: 1340px;position: absolute;top: 630px;left: 120px;} .p-890U-2{width: 426px;position: absolute;top: 1020px;left: 610px;} .p-890U-3{position: absolute;top: 1020px;left: 1210px;} .p-890U-4{width: 800px;position: absolute;top: 1630px;left: 220px;} .p-890U-5{position: absolute;bottom: 394px;left: 806px;font-size: 1.5em!important;} .p-890U-6{width: 800px;position: absolute;bottom: 284px;left: 806px;font-size: 1.5em!important;} .p-890U-7{position: absolute;bottom: 218px;left: 806px;font-size: 1.5em!important;} .p-890U-8{position: absolute;bottom: 160px;left: 806px;font-size: 1.5em!important;} .p-890U-9{position: absolute;bottom: 98px;left: 806px;font-size: 1.5em!important;} .p-896V-1{width: 810px;position: absolute;top: 490px;left: 1030px;} .p-896V-2{width: 426px;position: absolute;top: 1450px;left: 190px;} .p-896V-3{width: 360px;position: absolute;top: 2134px;left: 990px;} .p-896V-4{width: 260px;position: absolute;top: 2920px;left: 696px;} .p-896V-5{width: 360px;position: absolute;top: 2910px;left: 1080px;} .p-896V-6{position: absolute;top: 3650px;left: 1256px;} .p-896V-7{position: absolute;bottom: 300px;left: 806px;font-size: 1.5em!important;} .p-896V-8{position: absolute;bottom: 244px;left: 806px;font-size: 1.5em!important;} .p-896V-9{position: absolute;bottom: 182px;left: 806px;font-size: 1.5em!important;} .p-alph-1{position: absolute;top: 826px;left: 1130px;} .p-alph-2{position: absolute;bottom: 226px;left: 400px;font-size: 1.5em!important;} .p-alph-3{position: absolute;bottom: 166px;left: 400px;font-size: 1.5em!important;} .p-beta-1{position: absolute;bottom: 224px;left: 340px;font-size: 1.5em!important;} .p-beta-2{position: absolute;bottom: 164px;left: 340px;font-size: 1.5em!important;} .p-beta-3{position: absolute;bottom: 194px;left: 1050px;} .p-CB46-1{width: 700px;position: absolute;top: 520px;left: 1110px;} .p-CB46-2{position: absolute;bottom: 586px;left: 1170px;font-size: 1.5em!important;} .p-CB46-3{position: absolute;bottom: 528px;left: 1170px;font-size: 1.5em!important;} .p-CB46-4{position: absolute;bottom: 470px;left: 1170px;font-size: 1.5em!important;} .p-CB46-5{position: absolute;bottom: 382px;left: 1170px;font-size: 1.5em!important;} .p-CB46-6{position: absolute;bottom: 290px;left: 1170px;font-size: 1.5em!important;} .p-CB46-7{position: absolute;bottom: 228px;left: 1170px;font-size: 1.5em!important;} .p-CB66-1{width: 596px;position: absolute;top: 220px;left: 1210px;} .p-CB66-2{position: absolute;top: 720px;left: 330px;} .p-CB66-3{position: absolute;bottom: 632px;left: 1120px;font-size: 1.5em!important;} .p-CB66-4{width: 550px;position: absolute;bottom: 546px;left: 1120px;font-size: 1.5em!important;} .p-CB66-5{width: 550px;position: absolute;bottom: 456px;left: 1120px;font-size: 1.5em!important;} .p-CB66-6{position: absolute;bottom: 394px;left: 1120px;font-size: 1.5em!important;} .p-CB66-7{position: absolute;bottom: 338px;left: 1120px;font-size: 1.5em!important;} .p-CB67-1{width: 584px;position: absolute;top: 120px;left: 590px;} .p-CB67-2{position: absolute;top: 900px;left: 100px;color: #fff!important;} .p-CB67-3{position: absolute;top: 606px;left: 1606px;} .p-CB67-4{width: 550px;position: absolute;top: 1300px;left: 200px;} .p-CB67-5{position: absolute;bottom: 634px;left: 1116px;font-size: 1.5em!important;} .p-CB67-6{position: absolute;bottom: 576px;left: 1116px;font-size: 1.5em!important;} .p-CB67-7{width: 720px;position: absolute;bottom: 486px;left: 1116px;font-size: 1.5em!important;} .p-CB67-8{position: absolute;bottom: 422px;left: 1116px;font-size: 1.5em!important;} .p-CB67-9{position: absolute;bottom: 364px;left: 1116px;font-size: 1.5em!important;} .p-CB68-1{width: 584px;position: absolute;top: 470px;left: 630px;} .p-CB68-2{position: absolute;top: 880px;left: 40px;} .p-CB68-3{width: 240px;position: absolute;top: 630px;left: 1620px;} .p-CB68-4{width: 550px;position: absolute;top: 1720px;left: 1390px;} .p-CB68-5{position: absolute;bottom: 548px;left: 80px;font-size: 1.5em!important;} .p-CB68-6{width: 540px;position: absolute;bottom: 462px;left: 80px;font-size: 1.5em!important;} .p-CB68-7{width: 540px;position: absolute;bottom: 368px;left: 80px;font-size: 1.5em!important;} .p-CB68-8{width: 540px;position: absolute;bottom: 278px;left: 80px;font-size: 1.5em!important;} .p-CB68-9{position: absolute;bottom: 212px;left: 80px;font-size: 1.5em!important;} .p-CB75-1{position: absolute;top: 330px;left: 260px;} .p-CB75-2{width: 600px;position: absolute;top: 900px;left: 1100px;} .p-CB75-3{width: 600px;position: absolute;top: 1420px;left: 910px;} .p-CB75-4{position: absolute;top: 2100px;left: 660px;} .p-CB75-5{position: absolute;bottom: 628px;left: 1170px;font-size: 1.5em!important;} .p-CB75-6{width: 700px;position: absolute;bottom: 568px;left: 1170px;font-size: 1.5em!important;} .p-CB75-7{width: 700px;position: absolute;bottom: 398px;left: 1170px;font-size: 1.5em!important;} .p-CB75-8{width: 700px;position: absolute;bottom: 324px;left: 1170px;font-size: 1.5em!important;} .p-CB75-9{width: 700px;position: absolute;bottom: 236px;left: 1170px;font-size: 1.5em!important;} .p-CB75-10{position: absolute;bottom: 174px;left: 1170px;font-size: 1.5em!important;} .p-CB75-11{width: 700px;position: absolute;bottom: 84px;left: 1170px;font-size: 1.5em!important;} .p-CB76-1{position: absolute;top: 134px;left: 1170px;font-size: 1.5em!important;} .p-CB76-2{width: 600px;position: absolute;top: 194px;left: 1170px;font-size: 1.5em!important;} .p-CB76-3{width: 600px;position: absolute;top: 316px;left: 1170px;font-size: 1.5em!important;} .p-CB76-4{position: absolute;top: 408px;left: 1170px;font-size: 1.5em!important;} .p-CB76-5{position: absolute;top: 470px;left: 1170px;font-size: 1.5em!important;} .p-CB76-6{width: 600px;position: absolute;top: 528px;left: 1170px;font-size: 1.5em!important;} .p-CB76-7{width: 600px;position: absolute;top: 616px;left: 1170px;font-size: 1.5em!important;} .p-CB76-8{position: absolute;top: 680px;left: 1170px;font-size: 1.5em!important;} .p-CB76-9{width: 300px;position: absolute;top: 1080px;left: 650px;} .p-CB76-10{position: absolute;top: 1240px;left: 1180px;} .p-CB76-11{width: 590px;position: absolute;top: 1610px;left: 1220px;} .p-CB78P-1{width: 290px;position: absolute;top: 530px;left: 700px;} .p-CB78P-2{width: 240px;position: absolute;top: 1900px;left: 400px;} .p-CB78P-3{width: 430px;position: absolute;top: 1780px;left: 1400px;} .p-CB78P-4{width: 590px;position: absolute;top: 2530px;left: 1300px;} .p-CB78P-5{position: absolute;top: 3050px;left: 220px;} .p-CB78P-6{position: absolute;bottom: 556px;left: 1110px;font-size: 1.5em!important;} .p-CB78P-7{width: 650px;position: absolute;bottom: 442px;left: 1110px;font-size: 1.5em!important;} .p-CB78P-8{position: absolute;bottom: 374px;left: 1110px;font-size: 1.5em!important;} .p-CB78P-9{position: absolute;bottom: 286px;left: 1110px;font-size: 1.5em!important;} .p-CB78P-10{position: absolute;bottom: 224px;left: 1110px;font-size: 1.5em!important;} .p-CB78P-11{position: absolute;bottom: 164px;left: 1110px;font-size: 1.5em!important;} .p-CB460-1{position: absolute;top: 490px;left: 650px;} .p-CB460-2{position: absolute;top: 110px;left: 1300px;} .p-CB460-3{position: absolute;top: 1020px;left: 40px;} .p-CB460-4{position: absolute;bottom: 438px;left: 1130px;font-size: 1.5em!important;} .p-CB460-5{position: absolute;bottom: 374px;left: 1130px;font-size: 1.5em!important;} .p-CB460-6{position: absolute;bottom: 314px;left: 1130px;font-size: 1.5em!important;} .p-CB460-7{position: absolute;bottom: 254px;left: 1130px;font-size: 1.5em!important;} .p-CB460-8{position: absolute;bottom: 192px;left: 1130px;font-size: 1.5em!important;} .p-CB910-1{width: 600px;position: absolute;top: 230px;left: 1250px;} .p-CB910-2{position: absolute;top: 1050px;left: 350px;} .p-CB910-3{position: absolute;top: 1000px;left: 1080px;} .p-CB910-4{position: absolute;bottom: 532px;left: 1080px;font-size: 1.5em!important;} .p-CB910-5{width: 626px;position: absolute;bottom: 444px;left: 1080px;font-size: 1.5em!important;} .p-CB910-6{width: 626px;position: absolute;bottom: 324px;left: 1080px;font-size: 1.5em!important;} .p-CB910-7{width: 626px;position: absolute;bottom: 236px;left: 1080px;font-size: 1.5em!important;} .p-CB910-8{position: absolute;bottom: 168px;left: 1080px;font-size: 1.5em!important;} .p-CB953-1{width: 650px;position: absolute;top: 230px;left: 1230px;} .p-CB953-2{position: absolute;top: 546px;left: 1140px;font-size: 1.5em!important;} .p-CB953-3{width: 700px;position: absolute;top: 608px;left: 1140px;font-size: 1.5em!important;} .p-CB953-4{width: 700px;position: absolute;bottom: 494px;left: 1140px;font-size: 1.5em!important;} .p-CB953-5{width: 700px;position: absolute;bottom: 400px;left: 1140px;font-size: 1.5em!important;} .p-CB953-6{width: 626px;position: absolute;bottom: 308px;left: 1140px;font-size: 1.5em!important;} .p-CB953-7{width: 626px;position: absolute;bottom: 248px;left: 1140px;font-size: 1.5em!important;} .p-gamma-1{width: 550px;position: absolute;top: 390px;left: 1146px;font-size: 1.5em!important;} .p-gamma-2{position: absolute;top: 1186px;left: 390px;font-size: 1.5em!important;} .p-gamma-3{position: absolute;top: 1246px;left: 390px;font-size: 1.5em!important;} .p-gamma-4{position: absolute;top: 1306px;left: 390px;font-size: 1.5em!important;} .p-gamma-5{position: absolute;bottom: 206px;left: 1140px;font-size: 1.5em!important;} .p-gamma-6{position: absolute;bottom: 144px;left: 1140px;font-size: 1.5em!important;} .p-omega-1{position: absolute;top: 170px;left: 346px;font-size: 1.5em!important;} .p-omega-2{position: absolute;top: 170px;left: 1000px;font-size: 1.5em!important;} .p-pi-1{position: absolute;top: 200px;left: 1050px;} .p-pi-2{position: absolute;top: 750px;left: 180px;} .p-pi-3{position: absolute;top: 1200px;left: 1180px;} .p-pi-4{position: absolute;top: 1620px;left: 250px;} .p-pi-5{position: absolute;bottom: 230px;left: 400px;font-size: 1.5em!important;} .p-pi-6{position: absolute;bottom: 170px;left: 400px;font-size: 1.5em!important;} .p-pi-7{position: absolute;bottom: 106px;left: 400px;font-size: 1.5em!important;} .p-pi-8{position: absolute;bottom: 196px;left: 960px;font-size: 1.5em!important;} .p-sigma-1{position: absolute;top: 126px;left: 400px;font-size: 1.5em!important;} .p-sigma-2{position: absolute;top: 186px;left: 400px;font-size: 1.5em!important;} .p-sigma-3{position: absolute;top: 244px;left: 400px;font-size: 1.5em!important;} .p-sigma-4{position: absolute;top: 148px;left: 1140px;font-size: 1.5em!important;} .p-GT895N-1{width: 566px;position: absolute;top: 300px;left: 1110px;} .p-GT895N-2{width: 540px;position: absolute;top: 1000px;left: 310px;} .p-GT895N-3{width: 280px;position: absolute;top: 1700px;left: 646px;} .p-GT895N-4{width: 410px;position: absolute;top: 1700px;left: 1020px;} .p-GT895N-5{width: 800px;position: absolute;top: 2330px;left: 1020px;} .p-GT895N-6{width: 680px;position: absolute;top: 2750px;left: 1130px;} .p-GT895N-7{position: absolute;bottom: 434px;left: 800px;font-size: 1.5em!important;} .p-GT895N-8{position: absolute;bottom: 376px;left: 800px;font-size: 1.5em!important;} .p-GT895N-9{position: absolute;bottom: 316px;left: 800px;font-size: 1.5em!important;} .p-GT895N-10{position: absolute;bottom: 256px;left: 800px;font-size: 1.5em!important;} .p-GT895N-11{position: absolute;bottom: 194px;left: 800px;font-size: 1.5em!important;} .p-GT895N-12{position: absolute;bottom: 134px;left: 800px;font-size: 1.5em!important;} .p-M806B-1{width: 566px;position: absolute;top: 310px;left: 1250px;} .p-M806B-2{width: 924px;position: absolute;top: 1400px;left: 170px;} .p-M806B-3{width: 270px;position: absolute;top: 1090px;left: 1620px;} .p-M806B-4{position: absolute;bottom: 126px;left: 800px;font-size: 1.5em!important;} .p-MC30-1{position: absolute;top: 210px;left: 950px;font-size: 1.5em!important;} .p-MC30-2{position: absolute;top: 270px;left: 950px;font-size: 1.5em!important;} .p-MC30-3{position: absolute;top: 326px;left: 950px;font-size: 1.5em!important;} .p-MC30-4{position: absolute;top: 388px;left: 950px;font-size: 1.5em!important;} .p-MC30-5{position: absolute;top: 450px;left: 950px;font-size: 1.5em!important;} .p-MC30-6{position: absolute;top: 988px;left: 320px;font-size: 1.5em!important;} .p-MC30-7{position: absolute;top: 1044px;left: 320px;font-size: 1.5em!important;} .p-MC30-8{position: absolute;top: 1106px;left: 320px;font-size: 1.5em!important;} .p-MC30-9{position: absolute;top: 1166px;left: 320px;font-size: 1.5em!important;} .p-MC30-10{position: absolute;top: 1226px;left: 320px;font-size: 1.5em!important;} .p-MC30-11{position: absolute;bottom: 436px;left: 810px;font-size: 1.5em!important;} .p-MC30-12{position: absolute;bottom: 378px;left: 810px;font-size: 1.5em!important;} .p-MC30-13{position: absolute;bottom: 318px;left: 810px;font-size: 1.5em!important;} .p-MC30-14{position: absolute;bottom: 260px;left: 810px;font-size: 1.5em!important;} .p-MC30-15{position: absolute;bottom: 194px;left: 810px;font-size: 1.5em!important;} .p-MC30-16{position: absolute;bottom: 128px;left: 810px;font-size: 1.5em!important;} .ftchange img{width: 100%;} .ftchange{margin-top: 150px; display: flex; max-width: 100%;} /* dc加 */ .jscs{font-weight: 1000;font-size:16px; } /* dc加 */ /*内页中底部*/ .erweima_content{position: absolute;top: 0;right: -50px;display: none;} .erweima_content img{width: 80%;} /***********************************************************************************************/ @media only screen and (min-width: 1600px) { .site-main .home_why{width: 100%;} /*.slider-wrapper .img-wrap{left: 53px;}*/ } @media only screen and (max-width: 640px) { .site-main .home_why{width: 100%;} } @media only screen and (max-width:1366px ) { .detail_nav_text { width: 325px;} } @media only screen and (max-width: 1366px) { .left_half, .right_half{width: 620px} .left_half_2, .right_half_2 {width: 620px;} #cao{width: 60px;} } .site-header{border-bottom: 1px solid black;} .home_product_title{color: #fff;font-size: 5em; font-weight: bold; margin-left: 20px; padding-bottom: 80px;} .banner_img_big{ position: relative;} .banner_img_big img{ width: 100%;} .recruitment_box{ width: 100%;overflow: hidden;position: relative;margin-top: 150px;} .recruitment_title{position: absolute;top: 0;left: 100px;} .pro_show{ padding-top: 100px;} .pro_show img{ max-width: 100%;} .font-3em{ font-size: 3em;} .font-2em{ font-size: 2em;} .question_serch{ display: block; float: left; margin-left: 0;} .product_support{ width: 90%; overflow: hidden; position: relative;} .product_support .nav {width:auto; } .product_support .left {margin-left:0 !important; } .product_support .content-text{ height: 1000px; max-width: 100%; overflow: auto;} .product_support .content-text ul{ max-width: 100%;} .product_support .content-text ul li {width: calc( 100%/4) !important;margin:0 0 0 0 !important; float: left;text-align: center; padding-bottom: 30px;} .product_support a p{text-align: center!important;} .product_support .content-text ul li img{ max-width: 100%;} .content-text h1{ padding-bottom: 30px; padding-top: 10px;} .about_scroll{ padding-top: 0px;} .about_scroll .content{} .about_scroll .content-text{ height: 1000px; max-width: 100%; margin: 0; padding: 0; display:block; float: none; clear: both;} .about_scroll .content-text li p{ line-height: 21px; font-size: 15px; text-align: left;} .join_title{ font-size: 3em; font-weight: bold; white-space: nowrap; display: block; text-align: center;} .join_redborder{width: 60px;border-bottom: 18px solid red;margin: 0 auto; display: block;} .join_box{ padding-bottom: 60px !important;} .footer_contact_title{width: 100%;height: 90px;line-height: 90px;text-align: center;font-size: 3em;background: #f9f9f9;} .industry_harf_img{ width: 1300px; max-width: 90%;} .industry_harf_img img{ width: 100%; margin-top: 40px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .industry_harf_img img:hover{ box-shadow: 0 10px 30px rgba(0,0,0,.4);-moz-transform:translateX(-28px);-ms-transform:translateX(-28px);-webkit-transform:translateX(-28px);transform:translateX(-28px);} .fixed_top{ padding-top: 178px;} .service_map_pic img{ max-width: 100%;} .product_pic_big{ width: 100%;} .product_pic_big img{ width: 100%;} .support_img_banner{ height: 600px; float: right; width: auto !important; margin-right: 200px;} .industry_header{width: 100%;display: flex;} .industry_header_bg{width: 12%;height: 132px;background-image: url(../img/dh_banner.svg); background-position: center top; background-repeat:no-repeat; background-size: contain;} .color-white{color: white !important;} .recruit_no{ padding: 20px; text-align: center; color: #999;} .tpt-bar-con iframe{ width: 800px; height: 500px; max-width: 100%; display: flex;} .tpt-bar-con img{ max-width: 90%;} .part_img{ width: 25%; float: left;} .document_box{ padding-left: 40px !important; padding-right:40px !important;} .index_null_div{ margin-left: 1%; margin-top: 12%; } .site-main .text-video-module .video-wrap img{ max-width: 100%;} .servie_contact_title{width: 100%;height: 90px;line-height: 90px;text-align: center;font-size: 3em;background: #f9f9f9;} .industry_full .bold{ padding-right: 30px;} .center_text{ text-align: center;} .history_left img{ width: 100%;} .brand_history .history_left img{ width: 80%;} .about_text_show{ width: 1100px; margin: 0 auto; max-width: 90%;} .recruiment_button{ cursor: pointer;} .recruiment_show_box{ padding:20px 30px; border-top: 1px solid #f0f0f0; color: #999; line-height: 2em; font-size: 15px;} .recruiton{ display: block;} .search_button{ cursor: pointer;} .video_box{ width: 100%; height:400px;} .slide-fade-enter-active { transition: all .3s ease; } .slide-fade-leave-active { transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); } .slide-fade-enter, .slide-fade-leave-active { padding-left: 10px; opacity: 0; } @media only screen and (max-width:1600px ) { .slider-wrapper .text-wrap .fuhao { font-size: 120px;} } @media only screen and (max-width:1400px ) { .all_product_top_right { margin-left: 80px;} .nav-big-child ul li{ margin: 0;} .slider-wrapper .text-wrap .fuhao { font-size: 110px;} } @media only screen and (max-width:1300px ) { .fixed_top{ padding-top: 0px;} .slider-wrapper{ margin-top: 0;} .all_product_top_right { margin-left: 0px; float: right;} .all_product_top_right input{ width: 400px;} .about_title_red{ display: none;} .about_detail ul li{ width: 48%;} } @media only screen and (max-width:1200px ) { .service_category ul li{ width: 180px; height: 180px; padding-top: 25px; margin: 0 20px;} .detail-banner{ width: auto !important; padding-right: 0px !important;} .slider-wrapper .text-wrap .fuhao { font-size: 100px;} } @media only screen and (max-width:1024px ) { .all_product_top{margin-bottom: 20px;} .all_product_top_right { margin-left: 0px; float: none; display: block; width: 100%; clear: both; padding-top: 40px;} .all_product_top_right input{ width: 54%;} .all_product_top_right span{ font-size: 15px; width: auto; padding: 0 10px;} .industry_full {width: 90%; height: auto; padding: 60px 30px 0 30px; display: block; float: none; clear: both; margin: 20px auto;} .industry_full .industry_img{ max-width: 100%; right: 0; bottom: 0; position: relative; height: auto;} .industry_full .industry_img img{ max-width: 100%;} .industry_text{ width: 100%;} .more{ margin-top: 30px;} .site-logo-color{ margin: 10px 0 10px 6px;} .site-header{ height: 90px;} .home_top_left{ width: 144px; height: 34px;} .home_top_right_login, .home_top_right_language{ height: 34px; line-height: 34px; margin: 0;} .home_top{ padding: 10px 0;} .ftchange{ margin-top: 40px;} .site-footer .footer-bottom .copyright{ display: block; float: none; clear: both;} .bottom_contact{ position: relative;} .industry_harf_img img{ margin-top: 10px;} .main-page{ margin-top: 10px;} .left-top h1{ font-size: 2em;} .left-top{ height: 40px;} .main-page .nav div{ float: left;} .main-page .right{ width: 100%; margin: 0 auto; margin-top: 0px;} .product_support .content-text ul li{ width: calc( 100%/3) !important;} .product_support a p{ font-size: 12px;} .product_support .content-text{ height: auto; padding-top: 40px;} .product_support .content-text ul{ display: block;float: none; clear: both;} .main-page{ height: auto;} .main-page .content{ height: auto;} .product_support .left{ display: none;} .service_content ul li{ width: 100%; display: block; float: none; clear: both; padding-bottom: 40px;} .service_content ul li:nth-of-type(2){ width: 100%;} .mt100{ margin-top: 30px;} .service_content .service_text{ font-size: 1.4em;} .red_border{ margin-top: 6px;} .fixed_top{ padding-top: 0;} .industry_box h3{font-size: 28px; max-width: 100%; padding-right: 0;} .bold{ display: block; margin-bottom: 14px; font-size: 40px;} .home_top{ height: auto !important;} .slider-wrapper .text-wrap{ padding-top: 40px !important; left: 40px;} .slider-wrapper .text-wrap h1{ margin-bottom: 16px;} .slider-wrapper .text-wrap h2{ margin-bottom: 10px; line-height: 30px !important;} .site-main{ margin-top: 0;} .site-main .home_why h4{ margin-left: 0px; font-size: 2.4em; padding-top: 40px;} .site-main .home_why{ height: 150px; width: 90%; margin-left: auto; margin-right: auto;} .site-main .one-fourth-links-module .one-fourth{ float: none; clear: both;} .site-main .one-fourth-links-module .one-fourth{ margin: 0 auto;} .site-main .one-fourth-links-module .one-fourth.last{ margin-right: auto;} .site-main .one-fourth-links-module .one-fourth p{ margin-bottom: 0;} .site-main .one-fourth-links-module .one-fourth h4{ padding-bottom: 14px; margin-bottom: 16px;} .index_null_div{ margin-left: 0; margin-top: 0; } .site-main .text-video-module .text-wrap{ height: 0;} .home_product_title{ font-size: 3em; width: 90%; margin: 0 auto; padding-bottom: 20px;} .site-main .warranties-sections .column h2{ padding-bottom: 14px; margin-top: 30px;} .site-main .page-products-link-section .one-half{ float: none; height: auto;} .site-main .page-products-link-section .one-half.right{ width: 90%; float: none;} .site-main .page-products-link-section .one-half .block.large{ min-height: 200px; padding-top: 30px; width: 90%;} .site-main .page-products-link-section .one-half .block.medium{ min-height: 200px; padding-top: 30px; width: 90%;} .site-main .page-products-link-section .one-half .block::before{ opacity: .6; position: absolute;} .site-main .page-products-link-section .one-half .block.small{ display: none;} .site-main .warranties-sections{ margin-bottom: 40px;} .all_product_search{ width: 90%; margin: 0 auto;} .all_product_search_top input{ width: 60%;} .all_product_search_top span{ font-size: 14px; width: 30%;} .search_box{ width: 90%; margin: 0 auto;} .search_box .title, .search_box .title{1.5em;} .search_box{ height: 80px;} .search_box_left, .search_box_right{ line-height: 80px; font-size: 14px;} .all_product_five_columns ul li{ width: 33%;} .content-text p{ font-size: 15px; line-height: 30px; text-align: left;} .content-text p.content-title{ font-size: 1.6em;} .main-page .left{ width: 100%;} .about_scroll .content-text{ height: auto;} .about_left_nav{ display: none;} .about_detail ul li{ width: 90%; float: none; clear: both; margin: 0 auto;} .about_detail ul li:nth-child(2){ padding-top: 30px;} .content-title{ margin-bottom: 30px;} .about_text_show{ padding-top: 30px;} .about_contact div ul li{ float: none; width: 100%; clear: both; display: block; text-align: center;} .about_contact div ul li:nth-of-type(1){ width: 100%; margin-top: 30px;} .about_contact div ul li:nth-of-type(2){ margin-left: 0; margin-top: 16px;} .about_contact div ul li:nth-of-type(3){ margin-top: 16px;} .about_contact div{ height: auto;} .about_contact span{ display: block; height: 24px;} .recruitment_box{ margin-top: 20px;} .recruitment_title{ position: relative; left: 0; width: 90%; margin: 0 auto; display: none;} .recruiment_box ul li{ font-size: 15px;} .recruiment_box ul li:nth-of-type(1){ width: 40%; margin-left: 10px;} .recruiment_box ul li:nth-of-type(2), .recruiment_box ul li:nth-of-type(3){ display: none;} .recruiment_box ul li:nth-of-type(4){ margin-right: 10px; width: 20%;} .detail_small_nav ul{ right: 10px;} .detail_small_nav ul li{ font-size: 12px;} .support_img_banner{ max-width: 100%; height: auto !important; margin-right: 0;} .banner_text, .banner_text2{ position: relative; padding: 20px; top: 0; left: 0;} .banner_text2 p:first-child{ margin-bottom: -1.6em; padding-top: 30px;} .tpt-bar label{ padding: 0 10px; font-size: 13px;} .tpt-bar-con iframe{ height:auto;} .industry_full .bold{ padding-right: 0; line-height: 1em;} .slider-wrapper .text-wrap .fuhao{ font-size: 80px; padding: 0px 0 10px;} .video_box{height:260px;} } @media only screen and (max-width:860px ) { .site-logo-color{ background: url(../img/footer-logo.svg) no-repeat left center; background-size: 80%; } .service_category ul li{ display: block; float: none; clear: both; margin: 20px auto; width: 236px; height: 236px; padding-top: 44px;} .all_product_five_columns ul li{ width: 50%;} .ftchange{ display: none;} .slider-wrapper .text-wrap{ position:relative !important; left: 0 !important; padding:30px 20px!important;} .h800{ height: auto;} .detail_nav_text{ max-width: 90%; top: 0; left: 0; margin: 0 auto; text-align: left; font-size: 14px; position: relative; padding: 10px 0 20px;} .detail-banner{ display: block !important; position: relative;} .video_box{height:200px;} }