锘?*@container_width: 1625px;*/ .inner-content .contact-us-section { width: 100%; padding: 0 15px; padding-bottom: 10px; } .inner-content .contact-us-section .contact-us-container { height: 390px; *padding: 15px; width: 1175px; margin: 0 auto; margin-top: 160px; } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container { height: auto; } } .inner-content .contact-us-section .contact-us-container .photo-col { position: relative; } .inner-content .contact-us-section .contact-us-container .contact-us-photo { position: relative; z-index: 10; } .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo { position: absolute; /* margin-top: 130px; */ /* right: 0; */ top: -100px; transform: translateX(-50%); left: 60%; } .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo { width: 340px; height: 235px; /* border-top: 1px solid #000;*/ overflow: hidden; margin-top: 5px; } .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo .triangle { position: relative; overflow: hidden; transform: rotate(59deg) skew(25deg, -3deg); /* width: 100%; */ width: 404px; height: 287px; margin: -206px 96px -17px -59px; } @media only screen and (max-width: 600px) { .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo .triangle { width: 347px; height: 254px; margin: -189px 96px -17px -59px; } } .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo .triangle .bg { position: absolute; width: 147%; height: 109%; top: 18%; left: 14%; z-index: -1; background-size: 80%; background-position: center bottom; background-repeat: no-repeat; transform: skew(-23deg, -16deg) rotate(-45deg); transition: 0.3s; } .inner-content .contact-us-section .contact-us-container .contact-us-photo .photo .triangle .bg:hover { background-size: 90%; } .inner-content .contact-us-section .contact-us-container .contact-us-carousel { z-index: 9; } .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer { height: 390px; } @media only screen and (max-width: 600px) { .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer { padding: 15px; } } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer { height: auto; } } .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer .owl-item { height: 390px; } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer .owl-item { height: auto; } } .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer .owl-item .row { height: 390px; } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container .contact-us-carousel .owl-stage-outer .owl-item .row { height: auto; } } .inner-content .contact-us-section .contact-us-container .row .col-md-6, .inner-content .contact-us-section .contact-us-container .row .col-sm-12 { height: 100%; } .inner-content .contact-us-section .contact-us-container .row .infor { *margin: 140px 40px 135px 40px; line-height: 35px; width: 100%; height: 100%; display: flex; align-items: center; } .inner-content .contact-us-section .contact-us-container .row .infor .sub { *height: 100%; padding-left: 0; } @media only screen and (min-width: 992px) { .inner-content .contact-us-section .contact-us-container .row .infor .sub { padding-left: 70px; } } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container .row .infor .sub { padding-top: 20px; } } @media only screen and (max-width: 991px) { .inner-content .contact-us-section .contact-us-container .row .infor { width: 100%; } } .inner-content .contact-us-section .contact-us-container .row .infor .office-name { font-size: 23px; font-weight: 600; width: 100%; display: inline-block; } .inner-content .contact-us-section .contact-us-container .row .infor .address { font-size: 16px; color: #898989; font-weight: 600; } .inner-content .contact-us-section .contact-us-container .row .infor .website { font-size: 16px; color: #898989; font-weight: 600; } .inner-content .contact-us-section .contact-us-container .row .infor .social-box { display: flex; padding: 0 15px; } .inner-content .contact-us-section .contact-us-container .row .infor .social-box .item-social { display: inline-flex; *width: 40px; *height: 42px; *background-color: #9fa0a0; margin-top: 75px; margin-right: 33px; border-radius: 10px; *padding: 2px 5px 5px; align-items: center; } .inner-content .contact-us-section .contact-us-container .row .infor .social-box .item-social img { width: 100%; max-width: 40px; max-height: 42px; } .core-product-section .owl-dots { position: absolute; bottom: 34px; width: 58.33333333%; right: 0; text-align: right; padding: 0; } @media screen and (max-width: 1600px) { .core-product-section .owl-dots { padding: 0 35px; } } @media screen and (max-width: 991px) { .core-product-section .owl-dots { position: static; } } .core-product-section .owl-dots button { outline: none; } .core-product-section .owl-dots button.active { outline: none; } .core-product-section .owl-dots button.active span { background: #eb6338; } @media screen and (min-width: 992px) { .core-product-section .item .content-box .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } } @media screen and (min-width: 992px) { .core-product-section .item .content-box .row > [class*='col-'] { display: flex; flex-direction: column; } } .core-product-section .item .content-box .row .img { width: 100%; height: 540px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; } @media screen and (max-width: 1440px) { .core-product-section .item .content-box .row .img { height: 550px; } } @media screen and (max-width: 1200px) { .core-product-section .item .content-box .row .img { height: 400px; } } .core-product-section .item .content-box .row .img img { display: none; } .core-product-section .item .content-box .row .text-content { height: 100%; display: flex; justify-content: center; flex-direction: column; max-width: 730px; } @media screen and (min-width: 1600.5px) { .core-product-section .item .content-box .row .text-content { max-width: 830px; } } @media screen and (max-width: 991px) { .core-product-section .item .content-box .row .text-content { max-width: 100%; } } .core-product-section .item .content-box .row .text-content .head-text { color: #eb6338; font-weight: 600; text-transform: uppercase; font-size: 24px; margin-bottom: 45px; } .core-product-section .item .content-box .row .text-content .description { margin-bottom: 30px; } .core-product-section .first-box { background: #eeeeee; max-width: 100%; margin: 0 auto; margin-bottom: 65px; } @media screen and (max-width: 991px) { .core-product-section .first-box { margin-bottom: 50px; } } .core-product-section .first-box .first-product-carousel { max-width: 1175px; margin: 0 auto; } .core-product-section .first-box .first-product-carousel .owl-dots { right: 0; } .core-product-section .first-box .first-product-carousel .item .content-box .row .text-content { padding: 15px 0px 15px 70px; } @media screen and (max-width: 1600px) { .core-product-section .first-box .first-product-carousel .item .content-box .row .text-content { padding: 15px 30px; } } .core-product-section .last-box .second-product-carousel .owl-dots { left: 0; right: unset; padding: 0 70px; } .core-product-section .last-box .second-product-carousel .item { direction: ltr; } .core-product-section .last-box .second-product-carousel .item .content-box .row .text-content { padding: 15px 70px 15px 100px; margin-left: auto; } @media screen and (max-width: 1600px) { .core-product-section .last-box .second-product-carousel .item .content-box .row .text-content { padding: 15px 30px; } } @media screen and (max-width: 991px) { .core-product-section .last-box .second-product-carousel .item .content-box .row .text-content { margin-left: 0; } } .news-center-section { *max-width: 1880px; *padding: 0 15px; margin: 0 auto; } .news-center-section .head-text { height: 175px; background-color: #e5e5e5; display: table; width: 100%; } .news-center-section .head-text h1 { color: #898989; font-size: 70px; text-transform: uppercase; max-width: 1175px; width: 100%; margin: 0 auto; } @media screen and (max-width: 991px) { .news-center-section .head-text h1 { padding: 0 15px; font-size: 40px; text-align: center; } } .news-center-section .head-text .homepage-large-container { display: table-cell; vertical-align: middle; } .news-center-section .head-text .homepage-news-large-container { display: table-cell; vertical-align: middle; max-width: 1880px; margin: 0 auto; *padding: 0 15px; } .news-center-section .news-center-carousel { max-width: 1175px; padding: 0 15px; margin: 55px auto; *margin-top: 80px; } @media screen and (min-width: 1025px) { .news-center-section .news-center-carousel { padding: 0; } } .news-center-section .news-center-carousel .owl-dots button { outline: none; } .news-center-section .news-center-carousel .owl-dots button span { width: 170px; height: 4px; margin: 0; } .news-center-section .news-center-carousel .owl-dots button.active { outline: none; } .news-center-section .news-center-carousel .owl-dots button.active span { background: #eb6338; } .news-center-section .news-center-carousel.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 70px; } .news-center-section .news-center-carousel .item { min-height: 150px; } .news-center-section .news-center-carousel .item a { display: block; color: #313131; font-size: 18px; max-height: 88px; min-height: 88px; overflow: hidden; } .news-center-section .news-center-carousel .item a:hover { color: #eb6338; } .news-center-section .news-center-carousel .item a:hover .img .bg { transform: scale(1.1); } .news-center-section .news-center-carousel .item .read-more a { color: #eb6338; text-align: right; padding-top: 20px; } .news-center-section .news-center-carousel .item .img { overflow: hidden; } .news-center-section .news-center-carousel .item .img .bg { width: 100%; height: 310px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; } @media screen and (max-width: 1600px) { .news-center-section .news-center-carousel .item .img .bg { height: 350px; } } @media screen and (max-width: 1440px) { .news-center-section .news-center-carousel .item .img .bg { height: 260px; } } @media screen and (max-width: 1199px) { .news-center-section .news-center-carousel .item .img .bg { height: 350px; } } @media screen and (max-width: 1023px) { .news-center-section .news-center-carousel .item .img .bg { height: 290px; } } .news-center-section .news-center-carousel .item .img img { display: none; } .news-center-section .news-center-carousel .item .description { color: #313131; padding-top: 19px; line-height: 28px; min-height: 75px; } .news-center-section .news-center-carousel .item .description:lang(en-US) { min-height: 88px; } .news-center-section .news-center-carousel .view-all { text-align: right; } .news-center-section .news-center-carousel .view-all a { text-align: right; color: #eb6338; font-size: 24px; } .rd-section { margin: 0 0; background: #eeeeee; padding: 70px 0; } .rd-section .rd-container { max-width: 1175px; width: 100%; margin: 0 auto; } @media screen and (max-width: 1200px) { .rd-section .rd-container { padding: 0 15px; } } .rd-section .rd-container .box-img { display: flex; } @media screen and (max-width: 1200px) { .rd-section .rd-container .box-img { display: block; } } .rd-section .rd-container .box-img .item { position: relative; overflow: hidden; display: inline-block; margin-bottom: 15px; vertical-align: top; } .rd-section .rd-container .box-img .item a { display: block; } .rd-section .rd-container .box-img .item a:hover .img .bg { transform: scale(1.1); } .rd-section .rd-container .box-img .item a .text { padding: 10px 15px; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; color: #eb6338; font-weight: 600; text-transform: uppercase; font-size: 30px; margin-bottom: 0; } @media screen and (max-width: 1200px) { .rd-section .rd-container .box-img .item a .text { font-size: 22px; } } .rd-section .rd-container .box-img .item .img { overflow: hidden; } .rd-section .rd-container .box-img .item .img .bg { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; transition: 0.5s ease all; } .rd-section .rd-container .box-img .item .img img { display: none; } .rd-section .rd-container .box-img .first-box { width: 43%; padding-right: 15px; } .rd-section .rd-container .box-img .first-box .item:nth-child(1) a .img .bg, .rd-section .rd-container .box-img .first-box .item:nth-child(4) a .img .bg { width: 480px; height: 280px; } .rd-section .rd-container .box-img .first-box .item:nth-child(2) { margin-right: 15px; } .rd-section .rd-container .box-img .first-box .item:nth-child(2) a .img .bg { width: 280px; height: 280px; } .rd-section .rd-container .box-img .first-box .item:nth-child(3) a .img .bg { width: 180px; height: 280px; } .rd-section .rd-container .box-img .second-box { width: 34%; padding-right: 15px; } .rd-section .rd-container .box-img .second-box .item:nth-child(1) a .img .bg { background-repeat: no-repeat; background-size: auto; background-position: center; width: 380px; height: 280px; } .rd-section .rd-container .box-img .second-box .item:nth-child(2) a .img .bg { width: 380px; height: 575px; } .rd-section .rd-container .box-img .last-box { width: 24%; } .rd-section .rd-container .box-img .last-box .item:nth-child(1) a .img .bg { width: 280px; height: 575px; } .rd-section .rd-container .box-img .last-box .item:nth-child(2) a .img .bg { width: 280px; height: 280px; } @media screen and (max-width: 1200px) { .rd-section .rd-container .box-img .first-box, .rd-section .rd-container .box-img .second-box, .rd-section .rd-container .box-img .last-box { width: auto; text-align: center; padding: 0; } } @media screen and (max-width: 600px) { .rd-section .rd-container .box-img .first-box .item, .rd-section .rd-container .box-img .second-box .item, .rd-section .rd-container .box-img .last-box .item { margin-right: 0 !important; } } .rd-section .rd-container .box-img .first-box .item a .img .bg, .rd-section .rd-container .box-img .second-box .item a .img .bg, .rd-section .rd-container .box-img .last-box .item a .img .bg { width: 280px; height: 280px; } @media screen and (max-width: 600px) { .rd-section .rd-container .box-img .first-box .item a .img .bg, .rd-section .rd-container .box-img .second-box .item a .img .bg, .rd-section .rd-container .box-img .last-box .item a .img .bg { width: 280px !important; height: 280px !important; } } .about-section { margin-bottom: 81px; } .about-section .about-us-container { max-width: 1175px; width: 100%; padding: 0 15px; margin: 0 auto; } @media screen and (min-width: 1025px) { .about-section .about-us-container { padding: 0; } } .about-section .about-us-container .col-md-6 { margin-bottom: 15px; } .about-section .about-us-container .tab { margin-top: 30px; } .about-section .about-us-container .tab .nav-tabs > li.active > a, .about-section .about-us-container .tab .nav-tabs > li.active > a:focus, .about-section .about-us-container .tab .nav-tabs > li.active > a:hover { border: 0; margin: 0; } .about-section .about-us-container .tab .nav > li > a:focus, .about-section .about-us-container .tab .nav > li > a:hover { background: transparent !important; border: 0; margin: 0; } .about-section .about-us-container .tab .nav { margin: 0; border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-top: 0 solid #dadada; border-bottom: 0 solid #dadada; display: flex; justify-content: space-between; } .about-section .about-us-container .tab .nav:before, .about-section .about-us-container .tab .nav:after { content: none; } .about-section .about-us-container .tab .nav li { margin: 0; padding: 10px 0; width: 140px; } @media screen and (max-width: 475px) { .about-section .about-us-container .tab .nav li { padding: 0; } } .about-section .about-us-container .tab .nav li a { border: 0; margin: 0; color: #6a6a6a; font-size: 18px; font-weight: 600; text-align: center; } .about-section .about-us-container .tab .nav li a.title { padding: 0; } .about-section .about-us-container .tab .nav li a img { height: 65px; } .about-section .about-us-container .tab .nav li a img.normal-image { display: block; margin: 0 auto; } .about-section .about-us-container .tab .nav li a img.hover-image { display: none; margin: 0 auto; } .about-section .about-us-container .tab .nav li:lang(zh-CN), .about-section .about-us-container .tab .nav li:lang(zh-HK) { width: 130px; } .about-section .about-us-container .tab .nav li.active a { *color: #eb6338; cursor: pointer; } .about-section .about-us-container .tab .nav li.active a img.normal-image { display: block; } .about-section .about-us-container .tab .nav li.active a img.hover-image { display: none; } .about-section .about-us-container .tab .nav li:hover a { color: #eb6338; } .about-section .about-us-container .tab .nav li:hover a img.normal-image { display: none; } .about-section .about-us-container .tab .nav li:hover a img.hover-image { display: block; } .about-section .about-us-container .tab .tab-content { margin-top: 16px; } .about-section .about-us-container .item-triangle .img { text-align: center; } .about-section .about-us-container .about-us-text { padding-top: 10px; } .inner-content { padding-top: 16px; *padding-bottom: 00px; } .inner-content .big-title { text-align: center; font-size: 35px; line-height: 1.2em; text-transform: none; letter-spacing: 0px; font-weight: 100; color: #1f1f1f; margin: 20px 0px 20px 0px; }