/** * style.less * 层叠样式表 */ .ff { font-family: 'iconfont' !important; } .clearfix { zoom: 1; } .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } @font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot?t=1481266234445'); src: url('../fonts/iconfont.eot?t=1481266234445#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff?t=1481266234445') format('woff'), url('../fonts/iconfont.ttf?t=1481266234445') format('truetype'), url('../fonts/iconfont.svg?t=1481266234445#iconfont') format('svg'); } /* This stylesheet generated by Transfonter (https://transfonter.org) on October 19, 2017 3:41 AM */ @font-face { font-family: 'Roboto'; font-weight: 300; font-style: normal; src: url('../fonts/hinted-Roboto-Light.eot'); src: local('../fonts/Roboto Light'), local('Roboto-Light'), url('../fonts/hinted-Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Roboto-Light.woff2') format('woff2'), url('../fonts/hinted-Roboto-Light.woff') format('woff'), url('../fonts/hinted-Roboto-Light.ttf') format('truetype'), url('../fonts/hinted-Roboto-Light.svg#Roboto-Light') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: bold; font-style: normal; src: url('../fonts/hinted-Roboto-Bold.eot'); src: local('../fonts/Roboto Bold'), local('Roboto-Bold'), url('../fonts/hinted-Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Roboto-Bold.woff2') format('woff2'), url('../fonts/hinted-Roboto-Bold.woff') format('woff'), url('../fonts/hinted-Roboto-Bold.ttf') format('truetype'), url('../fonts/hinted-Roboto-Bold.svg#Roboto-Bold') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 500; font-style: normal; src: url('../fonts/hinted-Roboto-Medium.eot'); src: local('../fonts/Roboto Medium'), local('Roboto-Medium'), url('../fonts/hinted-Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Roboto-Medium.woff2') format('woff2'), url('../fonts/hinted-Roboto-Medium.woff') format('woff'), url('../fonts/hinted-Roboto-Medium.ttf') format('truetype'), url('../fonts/hinted-Roboto-Medium.svg#Roboto-Medium') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: 900; font-style: normal; src: url('../fonts/hinted-Roboto-Black.eot'); src: local('../fonts/Roboto Black'), local('Roboto-Black'), url('../fonts/hinted-Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Roboto-Black.woff2') format('woff2'), url('../fonts/hinted-Roboto-Black.woff') format('woff'), url('../fonts/hinted-Roboto-Black.ttf') format('truetype'), url('../fonts/hinted-Roboto-Black.svg#Roboto-Black') format('svg'); } @font-face { font-family: 'Roboto'; font-weight: normal; font-style: normal; src: url('../fonts/hinted-Roboto-Regular.eot'); src: local('../fonts/Roboto'), local('Roboto-Regular'), url('../fonts/hinted-Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Roboto-Regular.woff2') format('woff2'), url('../fonts/hinted-Roboto-Regular.woff') format('woff'), url('../fonts/hinted-Roboto-Regular.ttf') format('truetype'), url('../fonts/hinted-Roboto-Regular.svg#Roboto-Regular') format('svg'); } @font-face { font-family: 'Helvetica-Black'; font-weight: 100; font-style: normal; src: url('../fonts/hinted-Helvetica-Black-SemiBold.eot'); src: local('Helvetica-Black-SemiBold'), url('../fonts/hinted-Helvetica-Black-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Helvetica-Black-SemiBold.woff2') format('woff2'), url('../fonts/hinted-Helvetica-Black-SemiBold.woff') format('woff'), url('../fonts/hinted-Helvetica-Black-SemiBold.ttf') format('truetype'), url('../fonts/hinted-Helvetica-Black-SemiBold.svg#Helvetica-Black-SemiBold') format('svg'); } @font-face { font-family: 'Copperplate Gothic'; font-weight: 300; font-style: normal; src: url('../fonts/hinted-CopperplateGothic-Light.eot'); src: local('Copperplate Gothic Light'), local('CopperplateGothic-Light'), url('../fonts/hinted-CopperplateGothic-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-CopperplateGothic-Light.woff2') format('woff2'), url('../fonts/hinted-CopperplateGothic-Light.woff') format('woff'), url('../fonts/hinted-CopperplateGothic-Light.ttf') format('truetype'), url('../fonts/hinted-CopperplateGothic-Light.svg#CopperplateGothic-Light') format('svg'); } @font-face { font-family: 'Earth'; font-weight: normal; font-style: normal; src: url('../fonts/hinted-EarthNormal.eot'); src: local('Earth Normal'), local('EarthNormal'), url('../fonts/hinted-EarthNormal.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-EarthNormal.woff2') format('woff2'), url('../fonts/hinted-EarthNormal.woff') format('woff'), url('../fonts/hinted-EarthNormal.ttf') format('truetype'), url('../fonts/hinted-EarthNormal.svg#EarthNormal') format('svg'); } @font-face { font-family: 'Barlow Condensed'; font-weight: 600; font-style: normal; src: url('../fonts/BarlowCondensed-SemiBold.eot'); src: local('Barlow Condensed SemiBold'), local('BarlowCondensed-SemiBold'), url('../fonts/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/BarlowCondensed-SemiBold.woff2') format('woff2'), url('../fonts/BarlowCondensed-SemiBold.woff') format('woff'), url('../fonts/BarlowCondensed-SemiBold.ttf') format('truetype'), url('../fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg'); font-display: swap; } html, body { position: relative; height: 100%; } body { font-family: 'Roboto', Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', sans-serif; font-size: 14px; font-weight: normal; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; } .swiper-container { width: 100%; height: 100%; margin-right: auto; margin-left: auto; } .swiper-slide { overflow: hidden; } #i-c1 .swiper-slide { height: auto; } *[data-type='iframe'], *[data-fancybox], .slick-slide:focus, a:link { outline: none !important; } .slick-slide { outline: none; } .slick-slide a { outline: none !important; } .container { width: 100%; } @media (min-width: 1430px) { .container { width: 1400px; } } @media (min-width: 1520px) { .container { width: 1490px; } } @media (min-width: 1630px) { .container { width: 1600px; } } .wrap .container { width: 100%; padding: 0 5%; } @media (max-width: 1350px) { .wrap .container { padding: 0 15px; } } @media (max-width: 767px) { .col-xs-6:nth-child(2n+1) { padding-right: 7.5px; } .col-xs-6:nth-child(2n) { padding-left: 7.5px; } } li, ol, ul { list-style: none; } a { color: inherit; } a:hover, a:link, a:visited { text-decoration: none; color: inherit; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } ul { margin: 0; padding: 0; } button, input, textarea { resize: none; border: none; outline: none; } a { text-decoration: none; color: inherit; } a:hover { text-decoration: none; color: inherit; } a:visited, a:link { text-decoration: none; color: inherit; } .img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%; } .img-box img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .img-box img[src=''], .img-box img:not([src]) { opacity: 0; border: 0; } .header { position: fixed; z-index: 99; top: 0; width: 100%; height: 90px; padding: 0 2%; } @media (max-width: 1470px) { .header { padding: 0 15px; } } @media (max-width: 1199px) { .header { height: 60px; } } .header .logo { position: relative; z-index: 9; display: inline-block; float: left; overflow: hidden; height: 38px; margin-top: 26px; -webkit-transition: all .2s ease; transition: all .2s ease; } @media (max-width: 1630px) { .header .logo { height: 30px; margin-top: 30px; } } @media (max-width: 1199px) { .header .logo { margin-top: 15px; } } @media (max-width: 767px) { .header .logo { height: 20px; margin-top: 20px; } } .header .logo .logob { display: none; } .header .logo a { display: block; height: 100%; } .header .logo img { display: block; height: 100%; } .header .right { display: inline-block; float: right; } .header .right .link { display: inline-block; float: right; } .header .right .pc-search { display: inline-block; float: right; width: 210px; margin-top: 28px; } @media (max-width: 1470px) { .header .right .pc-search { width: 180px; } } @media (max-width: 1199px) { .header .right .pc-search { display: none; } } .header .right .pc-search input { line-height: 24px; width: 100%; height: 34px; padding: 5px 18px; color: #fff; border: 1px solid #626262; border-radius: 30px; background-color: #140000; } @media (max-width: 1470px) { .header .right .pc-search input { font-size: 13px; } } .header .right .pc-search input::-webkit-input-placeholder, .header .right .pc-search textarea::-webkit-input-placeholder { color: #fff; } .header .right .pc-search input:-o-placeholder, .header .right .pc-search textarea:-o-placeholder { color: #fff; } .header .right .pc-search input::-moz-placeholder, .header .right .pc-search textarea::-moz-placeholder { color: #fff; } .header .right .pc-search input:-ms-input-placeholder, .header .right .pc-search textarea:-ms-input-placeholder { color: #fff; } .header .right .pc-search input:focus::-webkit-input-placeholder, .header .right .pc-search textarea:focus::-webkit-input-placeholder { color: #c5c5c5; } .header .right .pc-search input:focus::-o-placeholder, .header .right .pc-search textarea:focus::-o-placeholder { color: #c5c5c5; } .header .right .pc-search input:focus::-moz-placeholder, .header .right .pc-search textarea:focus::-moz-placeholder { color: #c5c5c5; } .header .right .pc-search input:focus::-ms-input-placeholder, .header .right .pc-search textarea:focus::-ms-input-placeholder { color: #c5c5c5; } .header .nav-collapse { position: relative; display: none; float: right; width: 40px; height: 40px; padding: 0; cursor: pointer; background: none; } @media (max-width: 1199px) { .header .nav-collapse { display: block; margin-top: 8px; } .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 14px; right: 20px; display: block; margin-top: 16px; border: none; } .header .nav-collapse.nav-collapse-1 .btn-line { background-color: #ccc !important; } } .header .nav-collapse .btn-line { position: absolute; left: 50%; width: 20px; height: 2px; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #ccc; } .header .nav-collapse .btn-line:nth-child(3), .header .nav-collapse .btn-line:nth-child(1) { position: absolute; display: block; width: 20px; height: 2px; content: ''; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #ccc; } .header .nav-collapse .btn-line:nth-child(1) { top: 35%; } .header .nav-collapse .btn-line:nth-child(2) { top: 50%; } .header .nav-collapse .btn-line:nth-child(3) { top: 65%; } .header .nav-collapse.active { border-color: transparent; } .header .nav-collapse.active .btn-line { background-color: #fff; } .header .nav-collapse.active .btn-line:nth-child(2) { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; } .header .nav-collapse.active .btn-line:nth-child(1) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(45deg); -ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotateZ(45deg); } .header .nav-collapse.active .btn-line:nth-child(3) { top: 50%; left: 50%; -webkit-transform: translateX(-50%) rotateZ(-45deg); -ms-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotateZ(-45deg); } @media (min-width: 1200px) { .header .nav { float: right; } } @media (max-width: 1199px) { .header .nav { position: fixed; z-index: 9998; top: 0; left: 0; display: none; width: 100%; height: 100%; padding: 0 50px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; background: #fafafa; background-color: rgba(157, 194, 19, .9); } .header .nav .tbl { display: table; width: 100%; height: 100%; } .header .nav .tbl-cell { display: table-cell; height: 100%; vertical-align: middle; } } @media (max-width: 767px) { .header .nav { width: 100%; padding: 30px; } } .header .nav.left-100 { left: -100%; } .header .nav.left-200 { left: -200%; } @media (min-width: 1200px) { .header .nav .nav-list1 { text-align: center; } .header .nav .nav-list1 li a { white-space: nowrap; } .header .nav .nav-list1>li { display: inline-block; padding: 0 24px; } .header .nav .nav-list1>li>a { font-size: 18px; font-weight: 300; line-height: 90px; position: relative; display: inline-block; padding: 0; text-transform: uppercase; color: #fff; } .header .nav .nav-list1>li>a:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 5px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #9dc213; } .header .nav .nav-list1>li:hover>a, .header .nav .nav-list1>li.active>a { color: #9dc213; } .header .nav .nav-list1>li:hover>a:after, .header .nav .nav-list1>li.active>a:after { width: 100%; } .header .nav .nav-list1>li:nth-child(3) .nav-list2 { font-size: 0; left: 10%; width: 80%; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); border-top: 5px solid #9dc213; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li { font-size: 14px; display: inline-block; width: 25%; vertical-align: top; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li>a { font-size: 20px; font-weight: bold; line-height: 30px; color: #9dc213; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li>a:before { font-family: 'iconfont' !important; content: '\e61f'; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li>a:hover { text-decoration: underline; color: #9dc213; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3 { color: #fff; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li { margin-top: 20px; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li>a { font-size: 18px; font-weight: bold; line-height: 30px; display: block; padding: 0 20px; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li>a:hover { text-decoration: underline; color: #9dc213; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li .nav-list4 li a { font-size: 17px; font-weight: 300; line-height: 30px; display: block; padding: 0 20px; } .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li .nav-list4 li a:hover { text-decoration: underline; color: #9dc213; } .header .nav .nav-list1 .nav-list2 { display: none; background-color: #010101; } .header .nav .nav-list1 .nav-list2 { position: absolute; z-index: 50; top: 100%; margin-left: -30px; padding: 20px 40px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .09); } .header .nav .nav-list1 .nav-list2>li { list-style: none; text-align: left; } .header .nav .nav-list1 .nav-list2>li>a { font-size: 16px; font-weight: 300; line-height: 30px; position: relative; z-index: 1; display: block; -webkit-transition: -webkit-transform .6s ease; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; color: #fff; } .header .nav .nav-list1 .nav-list2>li>a:hover { -webkit-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); text-decoration: underline; } } @media (min-width: 1200px) and (max-width: 1730px) { .header .nav .nav-list1>li { padding: 0 18px; } } @media (min-width: 1200px) and (max-width: 1570px) { .header .nav .nav-list1>li { padding: 0 12px; } } @media (min-width: 1200px) and (max-width: 1280px) { .header .nav .nav-list1>li { padding: 0 7px; } } @media (min-width: 1200px) and (max-width: 1570px) { .header .nav .nav-list1>li>a { font-size: 15px; } } @media (min-width: 1200px) and (max-width: 991px) { .header .nav .nav-list1>li:nth-child(3) .nav-list2>li .nav-list3>li .nav-list4 li a { font-size: 14px; } } @media (max-width: 991px) { .header .nav .nav-list1 { margin: 20px 0; opacity: 0; } .header .nav .nav-list1>li { -webkit-transform: translateX(-25px); -ms-transform: translateX(-25px); transform: translateX(-25px); opacity: 0; } .header .nav .nav-list1>a { font-size: 20px; color: #fff; } } @media (max-width: 1199px) { .header .nav-list2, .header .nav-list3 { display: none; } } .header .nav-2, .header .nav-3 { display: none; } @media (max-width: 1199px) { .header .nav-2, .header .nav-3 { position: absolute; z-index: 9999; top: 0; display: block; overflow: hidden; width: 100%; height: 100%; padding: 20px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; color: #fff; background: #fafafa; background-color: rgba(157, 194, 19, .9); } } .header .nav-2 .nav-top, .header .nav-3 .nav-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header .nav-2 .nav-top .back-btn:before, .header .nav-3 .nav-top .back-btn:before { font-family: 'iconfont'; font-size: 26px; content: '\e601'; } .header .nav-2 .nav-top .nav-title, .header .nav-3 .nav-top .nav-title { font-size: 30px; margin: 0; } @media (max-width: 767px) { .header .nav-2 .nav-top .nav-title, .header .nav-3 .nav-top .nav-title { font-size: 20px; width: 100%; } } .header .nav-2 .nav-top .nav-collapse-2, .header .nav-3 .nav-top .nav-collapse-2 { margin: 0; } .header .nav-2 .nav-top .nav-collapse-2 .btn-line, .header .nav-3 .nav-top .nav-collapse-2 .btn-line { background-color: #fff; } .header .nav-2 .content, .header .nav-3 .content { margin-top: 12%; } @media (max-width: 767px) { .header .nav-2 .content ul, .header .nav-3 .content ul { padding: 0 15px; } } .header .nav-2 .content ul li, .header .nav-3 .content ul li { font-size: 20px; line-height: 30px; margin: 25px 0; padding: 10px 0; text-align: left; } @media (max-width: 767px) { .header .nav-2 .content ul li, .header .nav-3 .content ul li { margin: 0; } } .header .nav-2 .content ul li.more, .header .nav-3 .content ul li.more { position: relative; } .header .nav-2 .content ul li.more:after, .header .nav-3 .content ul li.more:after { font-family: 'iconfont' !important; font-size: 16px; position: absolute; top: 50%; right: 0; content: '\e827'; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .header .nav-2 .content ul li a, .header .nav-3 .content ul li a { display: block; } .header .nav-2 { left: 100%; } .header .nav-3 { left: 200%; } .header .nav-3 .content ul li { font-size: 19px; } .header .fade-out ul { text-align: left; } @media only screen and (min-width: 768px) and (max-width: 1199px) { .header .fade-out ul { padding: 0 5%; } } @media (max-width: 1199px) { .header .fade-out ul .pic { display: none !important; } } @media (max-width: 1199px) { .header .fade-out ul.nav-list1 { opacity: 1; } .header .fade-out ul.nav-list1 a { color: #fff; } .header .fade-out ul.nav-list1>li { position: relative; margin: 20px 0; } .header .fade-out ul.nav-list1>li.act { -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .header .fade-out ul.nav-list1>li.more:after { font-family: 'iconfont'; font-size: 18px; position: absolute; top: 50%; right: 0; margin-top: -14px; content: '\e827'; color: #fff; } .header .fade-out ul.nav-list1>li>a { font-size: 24px; line-height: 2.08333333; display: block; text-transform: uppercase; } .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 20px; } } @media (max-width: 1199px) and (max-width: 767px) { .header .fade-out ul.nav-list1>li { margin: 0; } } @media (max-width: 1199px) and (max-height: 768px) { .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 18px; } } @media (max-width: 1199px) and (max-width: 480px) { .header .fade-out ul.nav-list1 .nav-list2>li>a { font-size: 14px; } } .header .fade-out ul.nav2-list2 h4 { font-size: 20px; line-height: 50px; } .header .search-box { position: fixed; z-index: 888; top: 100%; left: 0; display: none; overflow: hidden; width: 100%; height: 100%; margin-top: 20px; margin-top: 0; margin-right: 10px; padding: 0 3%; background-color: rgba(157, 194, 19, .96); } .header .search-box .search { line-height: 40px; overflow: hidden; zoom: 1; width: 240px; border: 1px solid #dbdbdb; border-radius: 40px; } .header .search-box .search:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } .header .search-box .input-text { float: left; height: 38px; padding-left: 10%; background: none; } @media (min-width: 768px) { .header .search-box .input-text { width: 100%; padding: 0 50px 0 3%; } } .header .search-box .input-submit { line-height: 36px; float: right; width: 50px; -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; background: none; } .header .search-box .input-submit:before { font-family: 'iconfont' !important; font-size: 22px; content: '\e618'; color: #fff; } @media (min-width: 768px) { .header .search-box .input-submit { position: absolute; right: 0; bottom: 20px; } } .header .search-box.search-xs { width: 100%; margin: 0; border-right: 30px solid transparent; border-left: 30px solid transparent; background: none; } @media (min-width: 1200px) { .header .search-box.search-xs { display: none; } } @media (max-width: 1199px) { .header .search-box.search-xs { position: absolute; z-index: 0; top: auto; right: 0; bottom: 0; bottom: 30px; display: inline-block; height: 34px; } } .header .search-box.search-xs.show { z-index: 66; } .header .search-box.search-xs.show .search { left: 0; } .header .search-box.search-xs .search { position: absolute; z-index: 888; top: 0; left: 120%; width: 100%; -webkit-transition: left .3s; transition: left .3s; border-color: #fff; background: #fff; } @media (max-width: 360px) { .header .search-box.search-xs form .input-text { width: 74%; } } @media (max-width: 767px) { .header .search-box.search-xs form .input-text { padding-left: 5%; } } .header .search-box.search-xs .input-submit { line-height: 34px; background: #fff; } .header .search-box.search-xs .input-submit:before { color: #104384; } .header .search-icon { position: absolute; z-index: 10; top: 18px; left: 15px; display: inline-block; cursor: pointer; } .header .search-icon:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e660'; color: #9dc213; } .header .search-lg { top: 0; } .header .search-lg .logo { margin-top: 20px; margin-left: 0; } .header .search-lg .search { position: absolute; top: 50%; right: 0; left: 0; width: 100%; max-width: 90%; margin: auto; padding: 0 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; border-bottom: 1px solid rgba(255, 255, 255, .8); border-radius: 0; } .header .search-lg .search p { margin-bottom: 50px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; letter-spacing: 2px; color: #fff; } .header .search-lg .input-text { font-size: 20px; line-height: 30px; width: 80%; height: 60px; padding: 0; padding-bottom: 30px; -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; text-align: center; color: #fff; } .header .search-lg .close-btn { position: fixed; top: 34px; right: 18%; cursor: pointer; } @media (max-width: 1440px) { .header .search-lg .close-btn { right: 8%; } } .header .search-lg .close-btn:before { font-size: 20px; content: '\2716'; color: #fff; } .header .find { line-height: 38px; display: inline-block; display: none; width: 38px; height: 38px; margin-top: 26px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; vertical-align: top; color: #fff; border: 1px solid #fff; border-radius: 50%; } @media (max-width: 1199px) { .header .find { line-height: 28px; display: inline-block; width: 28px; height: 28px; margin-top: 16px; } } .header .find:before { font-family: 'iconfont'; font-size: 16px; content: '\e618'; } .header .find:hover { border-color: #9dc213; background-color: #9dc213; } .header .facebook, .header .instagram, .header .youtube, .header .wechat, .header .linkin { display: inline-block; margin-left: 14px; vertical-align: top; } @media (max-width: 1470px) { .header .facebook, .header .instagram, .header .youtube, .header .wechat, .header .linkin { margin-left: 8px; } } .header .facebook a, .header .instagram a, .header .youtube a, .header .wechat a, .header .linkin a { line-height: 34px; display: inline-block; width: 34px; height: 34px; margin-top: 26px; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; border: 1px solid #a0a0a0; border-radius: 50%; } @media (max-width: 1199px) { .header .facebook a, .header .instagram a, .header .youtube a, .header .wechat a, .header .linkin a { line-height: 28px; width: 28px; height: 28px; margin-top: 16px; } } .header .wechat a:before, .header .linkin a:before { font-family: 'iconfont' !important; font-size: 16px; content: '\e604'; } .header .facebook a:hover, .header .instagram a:hover, .header .youtube a:hover, .header .wechat a:hover, .header .linkin a:hover { border-color: #9dc213; background-color: #9dc213; } .header .linkin a:before { content: '\e6f0'; } .header .facebook a{ background: url(../images/f.png) center no-repeat; background-size: 20px auto; } .header .instagram a{ background: url(../images/i.png) center no-repeat; background-size: 20px auto; } .header .youtube a{ background: url(../images/y.png) center no-repeat; background-size: 20px auto; } .header.header-white .facebook a{ background-image: url(../images/f-on.png); } .header.header-white .instagram a{ background-image: url(../images/i-on.png); } .header.header-white .youtube a{ background-image: url(../images/y-on.png); } .header-in { position: fixed; top: 0; width: 100%; height: 100px; padding: 5px 0; -webkit-transition: all .4s; transition: all .4s; background-color: #fff; } @media (max-width: 1199px) { .header-in { height: 70px; } } .header-in .logo { padding-right: 0; padding-left: 0; background: none; } .header-in .right { padding-right: 0; padding-left: 0; background: none; } @media (min-width: 1200px) { .header-in .nav .nav-list1>li>a { -webkit-transition: all .4s; transition: all .4s; color: #666; } .header-in .nav .nav-list1>li:hover>a, .header-in .nav .nav-list1>li.active>a { color: #9dc213; } .header-in .nav .nav-list1 .nav-list2 { background-color: #fff; } .header-in .nav .nav-list1 .nav-list2 li a { color: #666; } } .header-in .find { color: #999; border-color: #999; } .header-in .find:hover { color: #fff; } .header-in .link a { color: #999; border-color: #999; } .header-in .link a:hover { color: #fff; } .header-in.fixed-header { height: 70px; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .header-in.fixed-header .logo { height: 60px; padding-top: 5px; padding-bottom: 5px; } @media (max-width: 1199px) { .header-in.fixed-header .logo { height: 60px; padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 375px) { .header-in.fixed-header .logo { padding-top: 15px; padding-bottom: 15px; } } .header-in.fixed-header .nav .nav-list1>li>a { line-height: 60px; } .header-in.fixed-header .find, .header-in.fixed-header .link a { margin-top: 13px; } .header-white { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .header-white .logo .logoa { display: none; } .header-white .logo .logob { display: block; } @media (min-width: 1200px) { .header-white .nav .nav-list1>li>a { -webkit-transition: all .4s; transition: all .4s; color: #666; } .header-white .nav .nav-list1>li:hover>a, .header-white .nav .nav-list1>li.active>a { color: #9dc213; } .header-white .nav .nav-list1 .nav-list2 { background-color: #fff; } .header-white .nav .nav-list1 .nav-list2 li a { color: #666; } } .header-white .right .pc-search input { color: #333; background-color: #fff; } .header-white .right .pc-search input::-webkit-input-placeholder, .header-white .right .pc-search textarea::-webkit-input-placeholder { color: #333; } .header-white .right .pc-search input:-o-placeholder, .header-white .right .pc-search textarea:-o-placeholder { color: #333; } .header-white .right .pc-search input::-moz-placeholder, .header-white .right .pc-search textarea::-moz-placeholder { color: #333; } .header-white .right .pc-search input:-ms-input-placeholder, .header-white .right .pc-search textarea:-ms-input-placeholder { color: #333; } .header-white .right .pc-search input:focus::-webkit-input-placeholder, .header-white .right .pc-search textarea:focus::-webkit-input-placeholder { color: #333; } .header-white .right .pc-search input:focus::-o-placeholder, .header-white .right .pc-search textarea:focus::-o-placeholder { color: #333; } .header-white .right .pc-search input:focus::-moz-placeholder, .header-white .right .pc-search textarea:focus::-moz-placeholder { color: #333; } .header-white .right .pc-search input:focus::-ms-input-placeholder, .header-white .right .pc-search textarea:focus::-ms-input-placeholder { color: #333; } .header-white .find { color: #333; border-color: #a0a0a0; } .header-white .wechat a, .header-white .linkin a { color: #333; } .banner { position: relative; overflow: hidden; width: 100%; height: 100%; } .banner .item { position: relative; overflow: hidden; width: 100%; height: 100%; } .banner .pic img { position: absolute; top: 50%; left: 50%; display: block; width: 100%; } .banner .owl-pagination { position: absolute; bottom: 5%; width: 100%; } @media (max-width: 991px) { .banner .owl-pagination { bottom: 3%; } } .banner .owl-pagination .owl-page { display: inline-block; } .banner .owl-pagination .owl-page span { display: inline-block; width: 80px; height: 5px; margin: 0 7px; opacity: 1; border-radius: 0; background-color: #fff; } @media (max-width: 991px) { .banner .owl-pagination .owl-page span { width: 20px; } } .banner .owl-pagination .owl-page.active span { background-color: #9dc213; } .banner .owl-buttons { display: none; } .banner .text-1, .banner .text-3, .banner .text-4 { position: absolute; z-index: 9; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner .text-1 .note, .banner .text-3 .note, .banner .text-4 .note { color: #fff; } .banner .text-1 .note img, .banner .text-3 .note img, .banner .text-4 .note img { width: auto; max-width: 100%; } @media (max-width: 767px) { .banner .text-1 .note img, .banner .text-3 .note img, .banner .text-4 .note img { max-width: 200px; } } .banner .text-1 .note h3, .banner .text-3 .note h3, .banner .text-4 .note h3 { font-family: 'Earth'; font-size: 36px; line-height: 1.16666667; } @media (max-width: 1199px) { .banner .text-1 .note h3, .banner .text-3 .note h3, .banner .text-4 .note h3 { font-size: 26px; } } @media (max-width: 767px) { .banner .text-1 .note h3, .banner .text-3 .note h3, .banner .text-4 .note h3 { font-size: 18px; } } .banner .text-1 .note p, .banner .text-3 .note p, .banner .text-4 .note p { font-family: 'Copperplate Gothic'; font-size: 24px; line-height: 1.33333333; } @media (max-width: 1199px) { .banner .text-1 .note p, .banner .text-3 .note p, .banner .text-4 .note p { font-size: 20px; } } @media (max-width: 767px) { .banner .text-1 .note p, .banner .text-3 .note p, .banner .text-4 .note p { font-size: 14px; } } .banner .text-1 .note a.more, .banner .text-3 .note a.more, .banner .text-4 .note a.more { font-size: 18px; line-height: 36px; display: inline-block; height: 36px; margin-top: 20px; padding: 0 14px; border: 1px solid #eee; } .banner .text-2 { position: absolute; z-index: 9; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner .text-2 .note>ul { font-size: 0; margin: 0 -30px; } @media (max-width: 991px) { .banner .text-2 .note>ul { margin: 0 -15px; } } .banner .text-2 .note>ul>li { display: inline-block; width: 25%; padding: 0 30px; vertical-align: top; } @media (max-width: 991px) { .banner .text-2 .note>ul>li { padding: 0 15px; } } @media (max-width: 767px) { .banner .text-2 .note>ul>li { width: 50%; } } .banner .text-2 .note>ul>li:nth-child(2n+1) { margin-top: 30px; } .banner .text-2 .note .item { font-size: 14px; } .banner .text-2 .note .item .item-note { padding-left: 16px; border-left: 3px solid #9dc213; } .banner .text-2 .note .item .item-note b { font-size: 26px; line-height: 1; display: inline-block; margin-bottom: 10px; text-transform: uppercase; color: #9dc213; } @media (max-width: 991px) { .banner .text-2 .note .item .item-note b { font-size: 20px; } } .banner .text-2 .note .item .item-note b img { margin-left: 10px; } .banner .text-2 .note .item .item-note img { max-width: 100%; } .banner .text-2 .note .item .item-note p { font-size: 18px; font-weight: 300; line-height: 1.55555556; max-width: 260px; margin: 10px 0 0 0; color: #fff; } @media (max-width: 991px) { .banner .text-2 .note .item .item-note p { font-size: 14px; } } .banner .text-2 .note .item .item-pic { margin-top: 10px; border: 6px solid #d2d4d0; } @media (max-width: 767px) { .banner .text-2 .note .item .item-pic { display: none; } } .banner .text-2 .note .item .item-pic .img-box { padding-bottom: 141.17647059%; } .banner .active .text-1 .note, .banner .active .text-3 .note, .banner .active .text-4 .note { -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; } .banner .active .text-2 .note>ul>li:nth-child(1) { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .banner .active .text-2 .note>ul>li:nth-child(2) { -webkit-animation: fadeInUp 1s .4s ease both; animation: fadeInUp 1s .4s ease both; } .banner .active .text-2 .note>ul>li:nth-child(3) { -webkit-animation: fadeInUp 1s .8s ease both; animation: fadeInUp 1s .8s ease both; } .banner .active .text-2 .note>ul>li:nth-child(4) { -webkit-animation: fadeInUp 1s 1.2s ease both; animation: fadeInUp 1s 1.2s ease both; } .banner-in { position: relative; } .banner-in .owl-theme { overflow: hidden; } .banner-in .owl-theme img { width: 100%; } .banner-in .text-in-1 { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .banner-in .text-in-1 b { font-family: 'Barlow Condensed'; font-size: 110px; font-weight: 600; font-style: italic; line-height: 1; text-transform: uppercase; color: #fff; } @media (max-width: 1470px) { .banner-in .text-in-1 b { font-size: 70px; } } @media (max-width: 991px) { .banner-in .text-in-1 b { font-size: 50px; } } @media (max-width: 767px) { .banner-in .text-in-1 b { font-size: 30px; } } .banner-in .text-in-1 b i { font-size: 140px; position: relative; display: inline-block; } @media (max-width: 1470px) { .banner-in .text-in-1 b i { font-size: 90px; } } @media (max-width: 991px) { .banner-in .text-in-1 b i { font-size: 70px; } } @media (max-width: 767px) { .banner-in .text-in-1 b i { font-size: 40px; } } .banner-in .text-in-1 b i:after { position: absolute; bottom: 0; display: block; width: 100%; height: 5px; content: ''; background-color: rgba(255, 255, 255, .7); } .banner-in .text-in-2 { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; } @media (max-width: 991px) { .banner-in .text-in-2 { top: 40%; } } .banner-in .text-in-2 b { font-family: 'Barlow Condensed'; font-size: 130px; font-style: italic; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 1470px) { .banner-in .text-in-2 b { font-size: 70px; } } @media (max-width: 991px) { .banner-in .text-in-2 b { font-size: 50px; } } @media (max-width: 767px) { .banner-in .text-in-2 b { font-size: 30px; } } .banner-in .text-in-2 p { font-size: 70px; line-height: 1; display: inline-block; margin: 10px 0 0 0; padding: 10px 20px; border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); } @media (max-width: 1470px) { .banner-in .text-in-2 p { font-size: 50px; } } @media (max-width: 991px) { .banner-in .text-in-2 p { font-size: 30px; } } @media (max-width: 767px) { .banner-in .text-in-2 p { font-size: 20px; } } .banner-in .text-in-3 { position: absolute; top: 50%; overflow: hidden; width: 100%; padding-left: 46%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } @media (max-width: 991px) { .banner-in .text-in-3 { top: 40%; padding-left: 40%; } } .banner-in .text-in-3 b { font-size: 70px; line-height: 1; display: block; } @media (max-width: 1470px) { .banner-in .text-in-3 b { font-size: 54px; } } @media (max-width: 991px) { .banner-in .text-in-3 b { font-size: 50px; } } @media (max-width: 767px) { .banner-in .text-in-3 b { font-size: 18px; } } .banner-in .text-in-3 p { font-size: 40px; line-height: 1; margin: 10px 0 0 0; } @media (max-width: 1470px) { .banner-in .text-in-3 p { font-size: 30px; } } @media (max-width: 991px) { .banner-in .text-in-3 p { font-size: 20px; } } @media (max-width: 767px) { .banner-in .text-in-3 p { font-size: 16px; } } .banner-in .text-in-4, .banner-in .text-in-left { position: absolute; top: 50%; overflow: hidden; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .banner-in .text-in-4 img, .banner-in .text-in-left img { display: block; max-width: 100%; } @media (max-width: 1470px) { .banner-in .text-in-4 img, .banner-in .text-in-left img { font-size: 70px; max-width: 300px; } } @media (max-width: 991px) { .banner-in .text-in-4 img, .banner-in .text-in-left img { max-width: 200px; } } @media (max-width: 767px) { .banner-in .text-in-4 img, .banner-in .text-in-left img { display: none; max-width: 100px; } } .banner-in .text-in-4 b, .banner-in .text-in-left b { font-family: 'Earth'; font-size: 34px; font-weight: normal; line-height: 1.40909091; display: block; margin: 20px 0; text-transform: uppercase; } @media (max-width: 1470px) { .banner-in .text-in-4 b, .banner-in .text-in-left b { font-size: 26px; } } @media (max-width: 991px) { .banner-in .text-in-4 b, .banner-in .text-in-left b { font-size: 12px; margin: 0; } } .banner-in .text-in-4 p, .banner-in .text-in-left p { font-size: 28px; line-height: 30px; display: inline-block; margin: 10px 0 0 0; padding: 10px; color: #fff; border-radius: 4px; background-color: #9dc213; } @media (max-width: 1470px) { .banner-in .text-in-4 p, .banner-in .text-in-left p { font-size: 20px; } } @media (max-width: 991px) { .banner-in .text-in-4 p, .banner-in .text-in-left p { font-size: 16px; padding: 0 10px; } } .banner-in .text-in-5, .banner-in .text-in-right { position: absolute; top: 50%; overflow: hidden; width: 100%; padding-left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } @media (max-width: 991px) { .banner-in .text-in-5, .banner-in .text-in-right { top: 50%; padding-left: 40%; } } .banner-in .text-in-5 img, .banner-in .text-in-right img { display: block; max-width: 100%; } @media (max-width: 1470px) { .banner-in .text-in-5 img, .banner-in .text-in-right img { max-width: 360px; } } @media (max-width: 991px) { .banner-in .text-in-5 img, .banner-in .text-in-right img { max-width: 200px; } } @media (max-width: 767px) { .banner-in .text-in-5 img, .banner-in .text-in-right img { display: none; max-width: 100px; } } .banner-in .text-in-5 span.line, .banner-in .text-in-right span.line { display: block; width: 210px; height: 5px; margin: 10px 0 20px; background-color: #fff; } @media (max-width: 991px) { .banner-in .text-in-5 span.line, .banner-in .text-in-right span.line { display: none; } } .banner-in .text-in-5 b, .banner-in .text-in-right b { font-family: 'Earth'; font-size: 22px; font-weight: normal; line-height: 1.33333333; display: block; text-transform: uppercase; } @media (max-width: 1470px) { .banner-in .text-in-5 b, .banner-in .text-in-right b { font-size: 18px; } } @media (max-width: 991px) { .banner-in .text-in-5 b, .banner-in .text-in-right b { font-size: 12px; } } .banner-in .text-in-6 { position: absolute; top: 50%; overflow: hidden; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .banner-in .text-in-6 img { display: block; max-width: 100%; margin-bottom: 20px; } @media (max-width: 1470px) { .banner-in .text-in-6 img { max-width: 340px; } } @media (max-width: 991px) { .banner-in .text-in-6 img { max-width: 200px; } } @media (max-width: 767px) { .banner-in .text-in-6 img { display: none; max-width: 100px; } } .banner-in .text-in-6 b { font-family: 'Earth'; font-size: 22px; font-weight: normal; line-height: 1.33333333; display: block; text-transform: uppercase; } @media (max-width: 1470px) { .banner-in .text-in-6 b { font-size: 16px; } } @media (max-width: 991px) { .banner-in .text-in-6 b { font-size: 12px; } } .box { position: relative; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .box .box-slide-center { position: absolute; top: 50%; width: 100%; padding-top: 90px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .swiper-slide { position: relative; width: 100%; height: 100%; } .swiper-button-next { z-index: 9; top: auto; right: auto; bottom: 50px; left: 50%; width: 26px; height: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid rgba(255, 255, 255, .5); border-radius: 20px; background: none; } .swiper-button-next .wheel { position: absolute; left: 11px; display: inline-block; width: 2px; height: 5px; -webkit-animation: jump 1.6s infinite; animation: jump 1.6s infinite; background-color: rgba(255, 255, 255, .5); background-size: cover; } .fixed .swiper-wrapper { z-index: 11; } .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 16px; height: auto; opacity: 1; background: none; } .swiper-pagination-clickable .swiper-pagination-bullet:before { display: block; width: 4px; height: 4px; margin: 0 auto; margin-top: 4px; content: ''; border-radius: 50%; background-color: #fff; } .swiper-pagination-clickable .swiper-pagination-bullet:after { display: block; width: 1px; height: 15px; margin: 4px auto; content: ''; background-color: #828282; } .swiper-pagination-clickable .swiper-pagination-bullet:last-child:after { display: none; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 8px 0; } .swiper-pagination-clickable .swiper-pagination-bullet-active { background: none; } .swiper-pagination-clickable .swiper-pagination-bullet-active:before { width: 16px; height: 16px; border: 1px solid #fff; background: none; } .swiper-container-vertical>.swiper-pagination-bullets { right: 20px; } @media (max-width: 1560px) { .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; } } .swiper-button-disabled { display: none; } .title { text-align: center; color: #fff; } .title img { max-width: 100%; } @media (max-width: 767px) { .title img { max-width: 200px; } } .box-about .text { margin-top: 14px; text-align: center; } .box-about .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; max-width: 750px; margin: 0 auto; color: #fff; } @media (max-width: 1630px) { .box-about .text p { font-size: 14px; line-height: 1.71428571; } } @media (max-width: 767px) { .box-about .text p { font-size: 13px; } } .box-about .text a.more { font-size: 18px; font-weight: bold; line-height: 50px; display: inline-block; height: 50px; margin-top: 30px; padding: 0 44px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 1630px) { .box-about .text a.more { font-size: 16px; margin-top: 20px; } } @media (max-width: 767px) { .box-about .text a.more { font-size: 14px; line-height: 36px; height: 36px; margin-top: 10px; padding: 0 30px; } } .box-about .text a.more:hover { background-color: #769700; } .box-about .number { margin-top: 40px; border-top: 1px solid rgba(255, 255, 255, .5); } @media (max-width: 767px) { .box-about .number { margin-top: 20px; padding: 5px 0; } } .box-about .number ul { font-size: 0; margin: 0 -15px; } .box-about .number ul li { position: relative; display: inline-block; width: 25%; margin-top: 50px; padding: 0 15px; vertical-align: top; } @media (max-width: 1630px) { .box-about .number ul li { margin-top: 20px; } } @media (max-width: 767px) { .box-about .number ul li { width: 50%; } } .box-about .number ul li .item { max-width: 380px; margin: 0 auto; text-align: center; } .box-about .number ul li .item b { font-size: 18px; font-weight: normal; line-height: 1; color: #9dc213; } @media (max-width: 767px) { .box-about .number ul li .item b { font-size: 14px; } } .box-about .number ul li .item b span { font-size: 70px; font-weight: bold; line-height: 1; display: block; } @media (max-width: 1630px) { .box-about .number ul li .item b span { font-size: 50px; } } .box-about .number ul li .item p { font-size: 16px; line-height: 2; margin: 20px 0 0 0; color: #fff; } @media (max-width: 1630px) { .box-about .number ul li .item p { font-size: 14px; line-height: 1.57142857; margin: 10px 0 0 0; } } @media (max-width: 767px) { .box-about .number ul li .item p { font-size: 12px; line-height: 1.16666667; display: none; } } .box-presence { background-color: #eee; } .box-presence .presence { font-size: 0; } .box-presence .presence .presence-left, .box-presence .presence .presence-right { display: inline-block; width: 50%; vertical-align: middle; } @media (max-width: 767px) { .box-presence .presence { transform: translateY(-40px); } .box-presence .presence .presence-left, .box-presence .presence .presence-right { width: 100%; height: 50%; } .box-presence .presence .presence-left img, .box-presence .presence .presence-right img { max-width: 100%; } } .box-presence .presence .presence-left { font-size: 14px; padding-right: 14px; } .box-presence .presence .presence-left .title-presence b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 1470px) { .box-presence .presence .presence-left .title-presence b { font-size: 30px; } } @media (max-width: 767px) { .box-presence .presence .presence-left .title-presence b { font-size: 24px; } } .box-presence .presence .presence-left .text { max-width: 740px; margin-top: 20px; } .box-presence .presence .presence-left .text p { font-size: 18px; font-weight: 300; line-height: 1.77777778; display: -webkit-box; overflow: hidden; min-height: 96px; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 1470px) { .box-presence .presence .presence-left .text p { font-size: 16px; line-height: 1.5; min-height: 72px; } } .box-presence .presence .presence-left .text a.more { font-size: 18px; line-height: 30px; display: inline-block; margin-top: 30px; color: #9dc213; } @media (max-width: 767px) { .box-presence .presence .presence-left .text a.more { font-size: 16px; } } .box-presence .presence .presence-left .text a.more:after { display: inline-block; width: 160px; height: 1px; margin-left: 10px; content: ''; -webkit-transition: all .4s; transition: all .4s; vertical-align: middle; background-color: #9dc213; } @media (max-width: 767px) { .box-presence .presence .presence-left .text a.more:after { width: 60px; } } .box-presence .presence .presence-left .text a.more:before { font-family: 'iconfont' !important; float: right; content: '\e827'; } .box-presence .presence .presence-left .text a.more:hover:after { width: 80px; } .box-presence .presence .presence-left .xspic { position: relative; display: none; margin-top: 30px; padding-top: 40px; } @media (max-width: 991px) { .box-presence .presence .presence-left .xspic { display: block; margin-top: 0; } } .box-presence .presence .presence-left .xspic img { max-width: 100%; } .box-presence .presence .presence-left .pic { position: relative; margin-top: 30px; padding-top: 40px; } @media (max-width: 991px) { .box-presence .presence .presence-left .pic { display: none; } } .box-presence .presence .presence-left .pic img { max-width: 100%; } .box-presence .presence .presence-left .pic ul li { position: absolute; top: 0; left: 12%; } .box-presence .presence .presence-left .pic ul li:nth-child(2) { top: 30px; left: 42%; } .box-presence .presence .presence-left .pic ul li:nth-child(2) .item:before { width: 12px; height: 137px; background: url(../images/presence-line-2.png) no-repeat; } .box-presence .presence .presence-left .pic ul li:nth-child(3) { top: 30px; left: 70%; } .box-presence .presence .presence-left .pic ul li:nth-child(3) .item:before { width: 12px; height: 168px; background: url(../images/presence-line-3.png) no-repeat; } .box-presence .presence .presence-left .pic ul li:nth-child(4) { top: 48%; left: 54%; } .box-presence .presence .presence-left .pic ul li:nth-child(4) .item { padding-top: 100px; } .box-presence .presence .presence-left .pic ul li:nth-child(4) .item:before { width: 12px; height: 152px; background: url(../images/presence-line-4.png) no-repeat; } .box-presence .presence .presence-left .pic ul li:nth-child(5) { top: 54%; left: 72%; } .box-presence .presence .presence-left .pic ul li:nth-child(5) .item { padding-left: 100px; } .box-presence .presence .presence-left .pic ul li:nth-child(5) .item:before { width: 89px; height: 44px; background: url(../images/presence-line-5.png) no-repeat; } .box-presence .presence .presence-left .pic .item { position: relative; padding-left: 20px; } .box-presence .presence .presence-left .pic .item:before { position: absolute; top: 0; left: 0; display: inline-block; width: 12px; height: 200px; content: ''; background: url(../images/presence-line-1.png) no-repeat; } .box-presence .presence .presence-left .pic .item b { font-size: 22px; font-weight: 500; line-height: 30px; display: block; text-transform: uppercase; } .box-presence .presence .presence-left .pic .item p { font-size: 18px; display: block; margin: 0; } @media (max-width: 767px) { .box-presence .presence .presence-right { display: none; } } .box-brand .box-slide-center { height: 100%; padding-top: 0; } .box-brand .container { height: 100%; } .box-brand .slick-list { height: 100%; } .box-brand .slick-list .slick-track { height: 100%; } .box-brand .brand { height: 100%; } .box-brand .brand .slick-brand { overflow: hidden; height: 100%; } .box-brand .brand .slick-brand .slick-slide { position: relative; float: left; overflow: hidden; height: 100%; } .box-brand .brand .slick-brand .slick-slide:nth-child(2) .item:before { position: absolute; bottom: -webkit-calc(10% + 10px); bottom: calc(10% + 10px); left: 0; display: block; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); height: 1px; content: ''; background-color: #fff; } @media (max-width: 991px) { .box-brand .brand .slick-brand .slick-slide:nth-child(2) .item:before { display: none; } } .box-brand .brand .slick-brand .slick-slide:nth-child(3) .item:after { right: auto; left: 0; } @media (min-width: 992px) { .box-brand .brand .slick-brand .slick-slide.active .item .item-pic img { opacity: 0; } .box-brand .brand .slick-brand .slick-slide.active .item .item-hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @media (max-width: 991px) { .box-brand .brand .slick-brand .slick-slide.slick-current .item .item-pic img { opacity: 0; } .box-brand .brand .slick-brand .slick-slide.slick-current .item .item-hover { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .box-brand .brand .item { display: block; height: 100%; } .box-brand .brand .item:after { position: absolute; right: 0; bottom: -webkit-calc(10% + 10px); bottom: calc(10% + 10px); display: block; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); height: 1px; content: ''; background-color: #fff; } @media (max-width: 991px) { .box-brand .brand .item:after { display: none; } } .box-brand .brand .item .item-pic { position: absolute; bottom: 10%; width: 100%; text-align: center; } .box-brand .brand .item .item-pic:after { display: block; width: 20px; height: 20px; margin: 0 auto; margin-top: 20px; content: ''; background: url(../images/dot-icon.png) no-repeat; background-size: cover; } @media (max-width: 991px) { .box-brand .brand .item .item-pic:after { display: none; } } .box-brand .brand .item .item-pic img { max-width: 100%; -webkit-transition: all .4s; transition: all .4s; } .box-brand .brand .item .item-hover { position: absolute; width: 100%; height: 100%; padding: -webkit-calc(10% + 90px) 10% 0; padding: calc(10% + 90px) 10% 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); background-color: rgba(255, 255, 255, .7); } @media (max-width: 991px) { .box-brand .brand .item .item-hover { padding: 50px 10px 0; } } .box-brand .brand .item .item-hover .note { overflow: hidden; max-height: 416px; margin-top: 20px; } @media (max-width: 1470px) { .box-brand .brand .item .item-hover .note { min-height: 240px; margin-top: 10px; } } .box-brand .brand .item .item-hover .note p { font-size: 18px; line-height: 32px; margin: 0; } @media (max-width: 1470px) { .box-brand .brand .item .item-hover .note p { font-size: 16px; line-height: 24px; } } .box-brand .brand .item .item-hover span.more { font-size: 20px; line-height: 56px; display: block; width: 56px; height: 56px; margin: 0 auto; margin-top: 10px; text-align: center; color: #fff; border-radius: 50%; background-color: #9dc213; } .box-brand .brand .item .item-hover span.more:after { font-family: 'iconfont' !important; content: '\e827'; } .box-brand .brand .slick-arrow { line-height: 34px; position: absolute; z-index: 2; bottom: 114px; left: 0; width: 34px; height: 34px; padding: 0; cursor: pointer; text-align: center; color: #333; border-radius: 6px; background: none; } .box-brand .brand .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e9bc'; } .box-brand .brand .slick-arrow.slick-next { right: 0; left: auto; } .box-brand .brand .slick-arrow.slick-next:before { content: '\e782'; } .box-brand .brand .slick-arrow:hover { color: #769700; } .box-partners .title-partners { text-align: center; } .box-partners .title-partners b { font-size: 42px; line-height: 1; display: block; color: #fff; } @media (max-width: 1470px) { .box-partners .title-partners b { font-size: 30px; } } @media (max-width: 767px) { .box-partners .title-partners b { font-size: 24px; } } .box-partners .text { max-width: 670px; margin: 0 auto; margin-top: 20px; text-align: center; color: #fff; } .box-partners .text p { font-size: 16px; font-weight: 300; line-height: 1.625; margin: 0; } @media (max-width: 1470px) { .box-partners .text p { font-size: 14px; } } .box-partners .partners { max-width: 1200px; margin: 0 auto; margin-top: 20px; } @media (max-width: 1470px) { .box-partners .partners { max-width: 800px; } } .box-partners .partners ul { overflow: hidden; padding: 1px 0 0 1px; } .box-partners .partners ul li { float: left; width: 25%; margin-top: -1px; margin-left: -1px; border: 1px solid rgba(255, 255, 255, .5); } @media (max-width: 767px) { .box-partners .partners ul li { width: 33.33333333%; } } .box-partners .partners .item { position: relative; -webkit-transition: all .2s; transition: all .2s; } .box-partners .partners .item .img-box { padding-bottom: 50%; } .box-partners .partners .item .pic-now { -webkit-transition: all .2s; transition: all .2s; } .box-partners .partners .item .pic-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s; transition: all .2s; opacity: 0; } .box-partners .partners .item:hover { background-color: rgba(255, 255, 255, .9); } .box-partners .partners .item:hover .pic-now { opacity: 0; } .box-partners .partners .item:hover .pic-hover { opacity: 1; } .box-partners .more { text-align: center; } .box-partners .more a { font-size: 18px; line-height: 30px; display: inline-block; margin-top: 3%; color: #9dc213; } @media (max-width: 767px) { .box-partners .more a { font-size: 16px; } } .box-partners .more a:after { display: inline-block; width: 160px; height: 1px; margin-left: 10px; content: ''; -webkit-transition: all .4s; transition: all .4s; vertical-align: middle; background-color: #9dc213; } @media (max-width: 767px) { .box-partners .more a:after { width: 60px; } } .box-partners .more a:before { font-family: 'iconfont' !important; float: right; content: '\e827'; } .box-partners .more a:hover:after { width: 80px; } .box-product .title-product { text-align: center; } .box-product .title-product b { font-size: 42px; line-height: 1; display: block; color: #fff; } @media (max-width: 1470px) { .box-product .title-product b { font-size: 30px; } } @media (max-width: 767px) { .box-product .title-product b { font-size: 24px; } } .box-product .text { max-width: 670px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; color: #fff; } @media (max-width: 991px) { .box-product .text { margin-top: 10px; } } .box-product .text p { font-size: 16px; font-weight: 300; line-height: 1.625; margin: 0; } @media (max-width: 1470px) { .box-product .text p { font-size: 14px; } } @media (max-width: 991px) { .box-product .text p { font-size: 13px; line-height: 1.42857143; } } .box-product .product { position: relative; z-index: 8; } .box-product .sort ul { text-align: center; } .box-product .sort ul li { position: relative; display: inline-block; padding: 0 60px; } @media (max-width: 991px) { .box-product .sort ul li { padding: 0 10px; } } .box-product .sort ul li a { font-size: 22px; line-height: 40px; display: inline-block; text-transform: uppercase; color: #fff; } @media (max-width: 1470px) { .box-product .sort ul li a { font-size: 18px; } } @media (max-width: 991px) { .box-product .sort ul li a { font-size: 15px; } } .box-product .sort ul li a:after { display: block; width: 0; height: 3px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #9dc213; } .box-product .sort ul li.active a { color: #9dc213; } .box-product .sort ul li.active a:after { width: 100%; } .box-product .product { margin-top: 30px; } @media (max-width: 991px) { .box-product .product { margin-top: 10px; } } .box-product .product .slick-slide { padding-top: 60px; } @media (max-width: 991px) { .box-product .product .slick-slide { padding-top: 0; } } .box-product .product .item { display: block; max-width: 420px; margin: 0 auto; padding-bottom: 6%; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 991px) { .box-product .product .item { padding-bottom: 30px; } } .box-product .product .item .pic { max-width: 270px; margin: 0 auto; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 1470px) { .box-product .product .item .pic { max-width: 200px; } } @media (max-width: 991px) { .box-product .product .item .pic { max-width: 140px; } } .box-product .product .item .img-box { padding-bottom: 166.66666667%; -webkit-transition: all .4s; transition: all .4s; } .box-product .product .item .note { margin-top: -40%; padding: 0 5%; -webkit-transition: all .4s; transition: all .4s; text-align: center; opacity: 0; color: #fff; } @media (max-width: 1470px) { .box-product .product .item .note { margin-top: -36%; } } @media (max-width: 991px) { .box-product .product .item .note { margin: 0; opacity: 1; } } .box-product .product .item .note b { font-size: 22px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1470px) { .box-product .product .item .note b { font-size: 18px; } } .box-product .product .item .note p { font-size: 16px; line-height: 26px; display: -webkit-box; overflow: hidden; height: 78px; margin: 6px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 1470px) { .box-product .product .item .note p { font-size: 14px; line-height: 24px; height: 48px; } } .box-product .product .item .note span.more { font-size: 18px; line-height: 30px; display: inline-block; margin-top: 30px; color: #fff; } @media (max-width: 1470px) { .box-product .product .item .note span.more { font-size: 16px; margin-top: 10px; } } @media (max-width: 767px) { .box-product .product .item .note span.more { font-size: 14px; margin: 0; } } .box-product .product .item .note span.more:after { display: inline-block; width: 60px; height: 1px; margin-left: 10px; content: ''; -webkit-transition: all .4s; transition: all .4s; vertical-align: middle; background-color: #fff; } @media (max-width: 767px) { .box-product .product .item .note span.more:after { width: 60px; } } .box-product .product .item .note span.more:before { font-family: 'iconfont' !important; float: right; content: '\e827'; } .box-product .product .item .note span.more:hover:after { width: 40px; } .box-product .product .item:hover { background-color: #9dc213; } .box-product .product .item:hover .pic { -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } .box-product .product .item:hover .pic .img-box { -webkit-transform: scale(.85); -ms-transform: scale(.85); transform: scale(.85); } .box-product .product .item:hover .note { opacity: 1; } .box-product .product .slick-arrow { font-size: 20px; line-height: 30px; line-height: 60px; position: absolute; z-index: 2; top: 50%; left: 0; width: 170px; height: 60px; padding: 0; padding: 0 30px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; background: none; background-color: rgba(255, 255, 255, .9); } @media (max-width: 991px) { .box-product .product .slick-arrow { font-size: 16px; line-height: 40px; width: 100px; height: 40px; padding: 0 10px; } } .box-product .product .slick-arrow:before { font-family: 'iconfont' !important; font-size: 24px; display: inline-block; content: '\e610'; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; } .box-product .product .slick-arrow:after { margin-top: 4px; margin-left: 10px; content: 'PREV'; } .box-product .product .slick-arrow.slick-next { right: 0; left: auto; } .box-product .product .slick-arrow.slick-next:before { float: right; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box-product .product .slick-arrow.slick-next:after { content: 'NEXT'; } .box-product .product .slick-arrow:hover { color: #fff; background-color: #9dc213; } .box-news { overflow: hidden; } .box-news .news-left, .box-news .news-right { float: left; width: 45%; } @media (max-width: 991px) { .box-news .news-left, .box-news .news-right { width: 100%; } } .box-news .news-left { position: relative; padding-right: 5%; } .box-news .news-left:before { position: absolute; top: 10px; left: 10px; display: block; width: 1px; height: 76%; content: ''; background-color: #9dc213; } @media (max-width: 991px) { .box-news .news-left { padding-right: 0; } } .box-news .news-left ul li { position: relative; } .box-news .news-left ul li:before { position: absolute; top: 20px; display: block; width: 1px; height: 100%; content: ''; background-color: #9dc213; } .box-news .news-left ul li:last-child:before { display: none; } .box-news .news-left .slick-slide { padding-left: 10px; } .box-news .news-left .item { position: relative; display: block; padding-bottom: 8%; padding-left: 30px; } @media (max-width: 1470px) { .box-news .news-left .item { padding-bottom: 5%; } } @media (max-width: 991px) { .box-news .news-left .item { padding-bottom: 20px; } } .box-news .news-left .item:before { position: absolute; top: 4px; left: -10px; display: block; width: 20px; height: 20px; content: ''; border: 1px solid #9dc213; border-radius: 50%; } .box-news .news-left .item:after { position: absolute; top: 9px; left: -5px; display: block; width: 10px; height: 10px; content: ''; border-radius: 50%; background-color: #9dc213; } .box-news .news-left .item b { font-size: 26px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; color: #9dc213; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-news .news-left .item b { font-size: 20px; } } .box-news .news-left .item p { font-size: 18px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 72px; margin: 10px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 991px) { .box-news .news-left .item p { font-size: 14px; line-height: 22px; height: 66px; } } .box-news .news-left .item:hover b { color: #769700; } .box-news .news-right { width: 55%; } @media (max-width: 991px) { .box-news .news-right { width: 100%; } } @media (max-width: 767px) { .box-news .news-right { display: none; } } .box-news .news-right ul li { margin-top: 30px; } .box-news .news-right ul li:first-child { margin-top: 0; } .box-news .news-right .item { font-size: 0; position: relative; display: block; overflow: hidden; padding-left: 324px; background-color: rgba(255, 255, 255, .95); } @media (max-width: 1470px) { .box-news .news-right .item { padding-left: 260px; } } .box-news .news-right .item .pic { position: absolute; top: 0; left: 0; display: inline-block; width: 324px; vertical-align: middle; } @media (max-width: 1470px) { .box-news .news-right .item .pic { width: 260px; } } .box-news .news-right .item .pic .img-box { padding-bottom: 63.58024691%; } .box-news .news-right .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-news .news-right .item .note { font-size: 14px; display: inline-block; padding: 20px; vertical-align: middle; } @media (max-width: 1470px) { .box-news .news-right .item .note { padding: 10px; } } .box-news .news-right .item .note b { font-size: 18px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; color: #9dc213; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .box-news .news-right .item .note span.date { font-size: 16px; font-weight: 300; line-height: 20px; display: block; color: #9dc213; } .box-news .news-right .item .note p { font-size: 16px; font-weight: 300; line-height: 22px; display: -webkit-box; overflow: hidden; height: 66px; margin: 8px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 1470px) { .box-news .news-right .item .note p { display: -webkit-box; overflow: hidden; height: 44px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } } .box-news .news-right .item .note span.more { font-size: 16px; line-height: 30px; display: inline-block; color: #9dc213; } .box-news .news-right .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-contact { overflow: hidden; } .box-contact .contact-left, .box-contact .contact-right { float: left; width: 50%; } @media (max-width: 767px) { .box-contact .contact-left, .box-contact .contact-right { width: 100%; } } .box-contact .title-contact b { font-size: 42px; line-height: 1; display: block; color: #fff; } @media (max-width: 767px) { .box-contact .title-contact b { font-size: 20px; } } .box-contact .contact-left .note { margin-top: 40px; } @media (max-width: 767px) { .box-contact .contact-left .note { margin-top: 10px; } } .box-contact .contact-left .note ul li:last-child p { border-bottom: none; } .box-contact .contact-left .note ul li p { font-size: 24px; font-weight: 300; line-height: 1.66666667; position: relative; display: inline-block; margin: 0; padding: 10px 0; padding-left: 50px; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 767px) { .box-contact .contact-left .note ul li p { font-size: 16px; padding: 4px 0; padding-left: 30px; } } .box-contact .contact-left .note ul li p:before { font-family: 'iconfont' !important; position: absolute; left: 0; content: '\e681'; } .box-contact .contact-left .note ul li p.fax:before { content: '\e6aa'; } .box-contact .contact-left .note ul li p.email:before { content: '\e6c9'; } .box-contact .contact-left .note ul li p.map:before { content: '\e67a'; } .box-contact .contact-left .erweima { display: inline-block; margin-top: 8%; padding: 14px 0; border-top: 1px solid #959595; border-bottom: 1px solid #959595; } @media (max-width: 767px) { .box-contact .contact-left .erweima { margin-top: 10px; padding: 4px 0; } } .box-contact .contact-left .erweima img { display: inline-block; max-width: 100%; vertical-align: middle; } .box-contact .contact-left .erweima p { font-size: 18px; line-height: 2; display: inline-block; margin-left: 30px; vertical-align: middle; color: #fff; } @media (max-width: 767px) { .box-contact .contact-left .erweima p { margin-left: 10px; } } .box-contact .contact-left .erweima p b { color: #9dc213; } .box-contact .contact-right { padding: 0 15px; } @media (max-width: 767px) { .box-contact .contact-right { padding: 0; } } .box-contact .contact-right .message { max-width: 530px; margin: 0 auto; } @media (max-width: 767px) { .box-contact .contact-right .message { margin-top: 10px; } } .box-contact .contact-right .message form { margin-top: 40px; } @media (max-width: 767px) { .box-contact .contact-right .message form { margin-top: 10px; } } .box-contact .contact-right .message ul { font-size: 0; margin: 0 -10px; } .box-contact .contact-right .message ul li { font-size: 14px; display: inline-block; overflow: hidden; width: 100%; margin-top: 18px; padding: 0 10px; vertical-align: top; } @media (max-width: 767px) { .box-contact .contact-right .message ul li { margin-top: 8px; } } .box-contact .contact-right .message ul li:first-child { margin-top: 0; } .box-contact .contact-right .message ul li:first-child input { float: left; width: 60%; } @media (max-width: 1560px) { .box-contact .contact-right .message ul li:first-child input { width: 50%; } } .box-contact .contact-right .message ul li:nth-child(2), .box-contact .contact-right .message ul li:nth-child(3), .box-contact .contact-right .message ul li:nth-child(4), .box-contact .contact-right .message ul li:nth-child(5) { width: 50%; } .box-contact .contact-right .message ul li input, .box-contact .contact-right .message ul li textarea { font-size: 18px; line-height: 30px; width: 100%; min-height: 70px; padding: 20px; color: #fff; border: 1px solid #b5b5b5; border-radius: 10px; background: none; } @media (max-width: 1560px) { .box-contact .contact-right .message ul li input, .box-contact .contact-right .message ul li textarea { line-height: 30px; min-height: 50px; padding: 10px 20px; } } @media (max-width: 767px) { .box-contact .contact-right .message ul li input, .box-contact .contact-right .message ul li textarea { font-size: 15px; line-height: 30px; min-height: 38px; padding: 4px 10px; } } .box-contact .contact-right .message ul li input::-webkit-input-placeholder, .box-contact .contact-right .message ul li textarea::-webkit-input-placeholder { color: #fff; } .box-contact .contact-right .message ul li input:-o-placeholder, .box-contact .contact-right .message ul li textarea:-o-placeholder { color: #fff; } .box-contact .contact-right .message ul li input::-moz-placeholder, .box-contact .contact-right .message ul li textarea::-moz-placeholder { color: #fff; } .box-contact .contact-right .message ul li input:-ms-input-placeholder, .box-contact .contact-right .message ul li textarea:-ms-input-placeholder { color: #fff; } .box-contact .contact-right .message ul li input:focus::-webkit-input-placeholder, .box-contact .contact-right .message ul li textarea:focus::-webkit-input-placeholder { color: #ccc; } .box-contact .contact-right .message ul li input:focus::-o-placeholder, .box-contact .contact-right .message ul li textarea:focus::-o-placeholder { color: #ccc; } .box-contact .contact-right .message ul li input:focus::-moz-placeholder, .box-contact .contact-right .message ul li textarea:focus::-moz-placeholder { color: #ccc; } .box-contact .contact-right .message ul li input:focus::-ms-input-placeholder, .box-contact .contact-right .message ul li textarea:focus::-ms-input-placeholder { color: #ccc; } .box-contact .contact-right .message ul li .btn { font-size: 22px; line-height: 70px; padding: 0 60px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 10px; background-color: #9dc213; } @media (max-width: 767px) { .box-contact .contact-right .message ul li .btn { font-size: 16px; line-height: 40px; padding: 0 30px; } } .box-contact .contact-right .message ul li .btn:hover { background-color: #769700; } .box-contact .contact-right .message ul li .js-check { font-size: 18px; line-height: 70px; float: left; width: 40%; text-align: center; color: #fff; } @media (max-width: 1560px) { .box-contact .contact-right .message ul li .js-check { line-height: 50px; width: 50%; } } @media (max-width: 767px) { .box-contact .contact-right .message ul li .js-check { font-size: 16px; line-height: 38px; } } .box-contact .contact-right .message ul li .js-check i { display: inline-block; margin: 0 10px; } .box-contact .contact-right .message ul li .js-check label { font-weight: normal; position: relative; display: inline-block; margin: 0 10px; cursor: pointer; } .box-contact .contact-right .message ul li .js-check label input { width: auto; cursor: pointer; } .box-contact .contact-right .message ul li .js-check label:after { position: relative; position: absolute; top: 26px; left: 0; display: inline-block; float: left; width: 20px; height: 20px; content: ''; cursor: pointer; border: 1px solid #ebebeb; border-radius: 50%; } @media (max-width: 1560px) { .box-contact .contact-right .message ul li .js-check label:after { top: 12px; } } .box-contact .contact-right .message ul li .js-check label i { position: absolute; z-index: 9; top: 32px; left: -3px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; } @media (max-width: 1560px) { .box-contact .contact-right .message ul li .js-check label i { top: 18px; left: -3px; } } @media (max-width: 767px) { .box-contact .contact-right .message ul li .js-check label i { top: 18px; } } .box-contact .contact-right .message ul li .js-check label.checked i { background-color: #9dc213; } .box-contact .contact-right .message ul li .js-check input[type=radio] { width: 30px; height: 30px; opacity: 0; border: 1px solid #e9e9e9; border-radius: 50%; background: #fff; } .swiper-slide-active .box-about .title, .swiper-slide-active .box-about .text { -webkit-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both; } .swiper-slide-active .box-about .number { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .swiper-slide-active .box-presence .presence-left { -webkit-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both; } .swiper-slide-active .box-presence .presence-left .pic img { -webkit-animation: zoomIn 1s 0s ease both; animation: zoomIn 1s 0s ease both; } .swiper-slide-active .box-presence .presence-left .pic .item { -webkit-animation: fadeInDown 1s 1s ease both; animation: fadeInDown 1s 1s ease both; } .swiper-slide-active .box-presence .presence-right { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .swiper-slide-active .box-brand .brand { -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; } .swiper-slide-active .box-partners .title-partners, .swiper-slide-active .box-partners .text { -webkit-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both; } .swiper-slide-active .box-partners .partners { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .swiper-slide-active .box-product .title, .swiper-slide-active .box-product .text { -webkit-animation: fadeInDown 1s 0s ease both; animation: fadeInDown 1s 0s ease both; } .swiper-slide-active .box-product .product { -webkit-animation: fadeInUp 1s 0s ease both; animation: fadeInUp 1s 0s ease both; } .ani-slideout .box-about .title, .ani-slideout .box-about .text { -webkit-animation: fadeOutUp 1s 0s ease both; animation: fadeOutUp 1s 0s ease both; } .ani-slideout .box-about .number { -webkit-animation: fadeOutDown 1s 0s ease both; animation: fadeOutDown 1s 0s ease both; } .ani-slideout .box-presence .presence-left { -webkit-animation: fadeOutUp 1s 0s ease both; animation: fadeOutUp 1s 0s ease both; } .ani-slideout .box-presence .presence-right { -webkit-animation: fadeOutDown 1s 0s ease both; animation: fadeOutDown 1s 0s ease both; } .ani-slideout .box-brand .brand { -webkit-animation: fadeOutRight 1s 0s ease both; animation: fadeOutRight 1s 0s ease both; } .ani-slideout .box-partners .title-partners, .ani-slideout .box-partners .text { -webkit-animation: fadeOutUp 1s 0s ease both; animation: fadeOutUp 1s 0s ease both; } .ani-slideout .box-partners .partners { -webkit-animation: fadeOutDown 1s 0s ease both; animation: fadeOutDown 1s 0s ease both; } .ani-slideout .box-product .title, .ani-slideout .box-product .text { -webkit-animation: fadeOutUp 1s 0s ease both; animation: fadeOutUp 1s 0s ease both; } .ani-slideout .box-product .product { -webkit-animation: fadeOutDown 1s 0s ease both; animation: fadeOutDown 1s 0s ease both; } .box-footer { overflow: hidden; height: auto; color: #fff; background-color: #1b1b1b; } .box-footer .foot { padding: 40px 0; } @media (max-width: 991px) { .box-footer .foot { display: none; } } .box-footer .foot ul { font-size: 0; margin: 0 -8px; } @media (min-width: 992px) { .box-footer .foot ul { width: 100%; padding: 0; text-align: justify; text-justify: distribute-all-lines; } .box-footer .foot ul:after { display: inline-block; overflow: hidden; width: 100%; height: 0; margin: 0; content: ''; } } .box-footer .foot ul li { display: inline-block; padding: 0 8px; text-align: left; vertical-align: top; } .box-footer .foot .item { font-size: 14px; } .box-footer .foot .item h3 { font-size: 24px; line-height: 30px; -webkit-transition: all .2s; transition: all .2s; color: #9dc213; } .box-footer .foot .item h3:hover { color: #769700; } .box-footer .foot .item .note a { font-size: 16px; font-weight: 300; line-height: 1.875; display: block; padding: 4px 0; -webkit-transition: all .2s; transition: all .2s; color: #ccc; } .box-footer .foot .item .note a:hover { color: #fff; } .box-footer .copyright { font-weight: 300; padding: 20px 0; border-top: 1px solid #535353; } @media (max-width: 991px) { .box-footer .copyright { text-align: center; } } .box-footer .copyright p { font-size: 18px; line-height: 35px; display: inline-block; color: #ccc; } @media (max-width: 991px) { .box-footer .copyright p { font-size: 16px; line-height: 24px; display: block; } } .box-footer .copyright .copyright-right { font-size: 18px; display: inline-block; float: right; color: #ccc; } @media (max-width: 991px) { .box-footer .copyright .copyright-right { font-size: 16px; display: block; float: none; } } .box-footer .copyright .copyright-right a { line-height: 34px; } @media (max-width: 991px) { .box-footer .copyright .copyright-right a { line-height: 24px; } } .box-footer .copyright .copyright-right a:hover { color: #fff; } .box-footer .copyright .wechat, .box-footer .copyright .linkin { display: inline-block; float: right; margin-left: 14px; vertical-align: top; } @media (max-width: 1470px) { .box-footer .copyright .wechat, .box-footer .copyright .linkin { margin-left: 8px; } } @media (max-width: 991px) { .box-footer .copyright .wechat, .box-footer .copyright .linkin { float: none; } } .box-footer .copyright .wechat a, .box-footer .copyright .linkin a { line-height: 34px; display: inline-block; width: 34px; height: 34px; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; border: 1px solid #a0a0a0; border-radius: 50%; } .box-footer .copyright .wechat a:before, .box-footer .copyright .linkin a:before { font-family: 'iconfont' !important; font-size: 16px; content: '\e604'; } .box-footer .copyright .wechat a:hover, .box-footer .copyright .linkin a:hover { border-color: #9dc213; background-color: #9dc213; } .box-footer .copyright .linkin { margin-left: 5%; } @media (max-width: 991px) { .box-footer .copyright .linkin { margin-left: 0; } } .box-footer .copyright .linkin a:before { content: '\e6f0'; } .sidenav-in { position: absolute; bottom: 0; width: 100%; padding: 5px 0; text-align: center; background-color: rgba(0, 0, 0, .2); } @media (max-width: 991px) { .sidenav-in { position: relative; border-bottom: 1px solid #ddd; background: none; } } .sidenav-in>ul>li { font-size: 22px; line-height: 30px; display: inline-block; color: #fff; } @media (max-width: 991px) { .sidenav-in>ul>li { font-size: 18px; color: #333; } } @media (max-width: 767px) { .sidenav-in>ul>li { font-size: 16px; } } .sidenav-in>ul>li:after { content: '/'; } .sidenav-in>ul>li:last-child:after { display: none; } .sidenav-in>ul>li>a { font-family: Arial; font-weight: 900; font-style: italic; display: inline-block; padding: 10px 30px; -webkit-transition: all .2s; transition: all .2s; vertical-align: middle; text-transform: uppercase; } @media (max-width: 991px) { .sidenav-in>ul>li>a { padding: 0 10px; } } .sidenav-in>ul>li.active>a, .sidenav-in>ul>li:hover>a { color: #9dc213; } .sidenav-level2 { text-align: center; border-bottom: 1px solid #e5e5e5; } .sidenav-level2 ul li { display: inline-block; } .sidenav-level2 ul li a { font-size: 22px; line-height: 30px; display: block; padding: 15px 30px; color: #666; } @media (max-width: 991px) { .sidenav-level2 ul li a { font-size: 16px; padding: 10px; } } .sidenav-level2 ul li.active a, .sidenav-level2 ul li:hover a { color: #fff; background-color: #9dc213; } .wrapper { overflow: hidden; } .wrap { padding: 80px 0; } @media (max-width: 991px) { .wrap { padding: 60px 0; } } .title-in { text-align: center; } .title-in b { font-family: 'ITC Avant Garde Gothic'; font-size: 36px; line-height: 1; display: block; margin: 8px 0 0 0; } @media (max-width: 991px) { .title-in b { font-size: 26px; } } .title-in p { font-size: 24px; line-height: 1; margin: 0; } @media (max-width: 991px) { .title-in p { font-size: 20px; } } .industry-partners { padding-top: 80px; } @media (max-width: 991px) { .industry-partners { padding-top: 50px; } } .industry-partners .title-partners { text-align: center; } .industry-partners .title-partners b { font-size: 46px; line-height: 1; display: block; } @media (max-width: 991px) { .industry-partners .title-partners b { font-size: 24px; } } .industry-partners .partners { margin-top: 40px; } @media (max-width: 991px) { .industry-partners .partners { margin-top: 10px; } } .industry-partners .partners .slick-partners { padding: 0 11%; } @media (max-width: 991px) { .industry-partners .partners .slick-partners { padding: 0; } } .industry-partners .partners ul { font-size: 0; padding: 40px; } @media (max-width: 991px) { .industry-partners .partners ul { text-align: center; } } .industry-partners .partners ul li { display: inline-block; width: 14.28571429%; vertical-align: top; } @media (max-width: 991px) { .industry-partners .partners ul li { width: 33.33333333%; } } .industry-partners .partners ul li:nth-child(2n+1) { margin-top: 10%; } @media (max-width: 991px) { .industry-partners .partners ul li:nth-child(2n+1) { margin: 0; } } .industry-partners .partners .item { position: relative; overflow: hidden; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: 1px dashed #c3c3c3; border-radius: 10px; } @media (max-width: 991px) { .industry-partners .partners .item { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .industry-partners .partners .item .img-box { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media (max-width: 991px) { .industry-partners .partners .item .img-box { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .industry-partners .partners .item .img-box img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .industry-partners .partners .item .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s; transition: all .2s; opacity: 0; background-color: #9dc213; } .industry-partners .partners .item .mask p { font-size: 20px; line-height: 1.5; position: absolute; top: 50%; left: 0; display: -webkit-box; overflow: hidden; width: 100%; max-height: 60px; padding-left: 20%; -webkit-transform: rotate(-45deg) translateY(-50%); -ms-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); text-align: center; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 991px) { .industry-partners .partners .item .mask p { -webkit-transform: rotate(0) translateY(0%); -ms-transform: rotate(0) translateY(0%); transform: rotate(0) translateY(0%); } } .industry-partners .partners .item:hover .mask { opacity: 1; } .industry-partners .partners .slick-arrow { line-height: 50px; position: absolute; z-index: 2; top: 57%; left: 0; width: 50px; height: 50px; padding: 0; cursor: pointer; text-align: center; color: #fff; border-radius: 50%; background: none; background-color: #9dc213; } @media (max-width: 991px) { .industry-partners .partners .slick-arrow { line-height: 40px; top: 132px; width: 40px; height: 40px; } } .industry-partners .partners .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e9bb'; } .industry-partners .partners .slick-arrow.slick-next { right: 0; left: auto; } .industry-partners .partners .slick-arrow.slick-next:before { content: '\e61f'; } .industry-partners .partners .slick-arrow:hover { background-color: #769700; } .wrap-about-are .about { padding-bottom: 80px; } .wrap-about-are .about .title-about { position: relative; padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; } .wrap-about-are .about .title-about:after { position: absolute; bottom: -2px; display: block; width: 70%; height: 3px; content: ''; background-color: #9dc213; } .wrap-about-are .about .title-about b { font-size: 50px; font-style: italic; line-height: 1.2; display: block; } @media (max-width: 1470px) { .wrap-about-are .about .title-about b { font-size: 40px; } } @media (max-width: 991px) { .wrap-about-are .about .title-about b { font-size: 30px; } } @media (max-width: 767px) { .wrap-about-are .about .title-about b { font-size: 24px; } } .wrap-about-are .about .text { margin-top: 50px; } .wrap-about-are .about .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-about-are .about .text p { font-size: 15px; } } .wrap-about-are .about .number { margin-top: 50px; padding: 40px; background: url(../images/about_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-about-are .about .number { padding: 30px 15px; } } .wrap-about-are .about .number ul { font-size: 0; } .wrap-about-are .about .number ul li { display: inline-block; width: 25%; vertical-align: top; } @media (max-width: 991px) { .wrap-about-are .about .number ul li { width: 50%; } } .wrap-about-are .about .number .item { font-size: 14px; margin: 20px 0; text-align: center; } .wrap-about-are .about .number .item b { font-family: Impact; font-size: 70px; font-weight: normal; line-height: 1; color: #9dc213; } @media (max-width: 991px) { .wrap-about-are .about .number .item b { font-size: 50px; } } .wrap-about-are .about .number .item b:after { display: block; width: 70px; height: 6px; margin: 10px auto; content: ''; background: url(../images/line-1.png) no-repeat; } .wrap-about-are .about .number .item p { font-size: 24px; font-weight: 300; line-height: 1.25; margin: 0; color: #9dc213; } @media (max-width: 991px) { .wrap-about-are .about .number .item p { font-size: 16px; } } .wrap-about-are .about .list { margin-top: 40px; } .wrap-about-are .about .list .note { margin-top: 30px; } .wrap-about-are .about .list .note p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-about-are .about .list .note p { font-size: 15px; } } .wrap-about-are .about .list .pic { margin-top: 30px; } .wrap-about-are .about .list .pic img { max-width: 100%; } .wrap-about-are .global { padding: 80px 0; background-color: #f8f8f8; } .wrap-about-are .global .pic img { max-width: 100%; } @media (max-width: 991px) { .wrap-about-are .global .title-global { margin-top: 30px; } } .wrap-about-are .global .title-global b { font-size: 46px; line-height: 50px; display: inline-block; padding: 10px 30px; color: #fff; border-radius: 50px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-about-are .global .title-global b { font-size: 24px; line-height: 30px; } } .wrap-about-are .global .text { margin-top: 30px; } .wrap-about-are .global .text p { font-size: 18px; line-height: 2; margin: 0; } @media (max-width: 991px) { .wrap-about-are .global .text p { font-size: 15px; } } .wrap-about-are .advantage { overflow: hidden; } @media (max-width: 991px) { .wrap-about-are .advantage { padding-bottom: 80px; } } @media (max-width: 767px) { .wrap-about-are .advantage { padding: 30px 0 60px; } } .wrap-about-are .advantage ul { font-size: 0; overflow: hidden; } .wrap-about-are .advantage ul li { display: inline-block; width: 33.33333333%; padding: 200px 2%; -webkit-transition: all .4s; transition: all .4s; vertical-align: top; color: #fff; border-right: 1px solid rgba(255, 255, 255, .3); background-color: rgba(0, 0, 0, .15); } @media (max-width: 991px) { .wrap-about-are .advantage ul li { width: 50%; padding: 80px 15px 0 15px; background: none; } } @media (max-width: 767px) { .wrap-about-are .advantage ul li { width: 100%; padding: 30px 15px 0 15px; border: none; } } .wrap-about-are .advantage ul li:hover { background-color: rgba(0, 0, 0, 0); } .wrap-about-are .advantage ul li:hover .item .item-now { opacity: 0; } @media (max-width: 991px) { .wrap-about-are .advantage ul li:hover .item .item-now { opacity: 1; } } .wrap-about-are .advantage ul li:hover .item .item-hover { opacity: 1; } .wrap-about-are .advantage .item { font-size: 14px; position: relative; text-align: center; } .wrap-about-are .advantage .item .item-now { position: absolute; top: 50px; width: 100%; } @media (max-width: 991px) { .wrap-about-are .advantage .item .item-now { position: relative; top: 0; } } .wrap-about-are .advantage .item .item-now .pic { font-size: 60px; line-height: 120px; display: block; width: 120px; height: 120px; margin: 0 auto; border: 2px solid rgba(255, 255, 255, .6); border-radius: 50%; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-now .pic { font-size: 50px; line-height: 100px; width: 100px; height: 100px; } } @media (max-width: 767px) { .wrap-about-are .advantage .item .item-now .pic { font-size: 40px; line-height: 80px; width: 80px; height: 80px; } } .wrap-about-are .advantage .item .item-now .pic img { display: block; max-width: 60px; margin: 0 auto; margin-top: 30px; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-now .pic img { max-width: 50px; margin-top: 24px; } } @media (max-width: 767px) { .wrap-about-are .advantage .item .item-now .pic img { max-width: 40px; margin-top: 20px; } } .wrap-about-are .advantage .item .item-now b { font-size: 26px; line-height: 1.53846154; display: block; margin: 10px 0 0 0; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-now b { font-size: 20px; } } @media (max-width: 991px) { .wrap-about-are .advantage .item .item-now b { display: none; } } .wrap-about-are .advantage .item .item-hover { -webkit-transition: all .4s; transition: all .4s; opacity: 0; } @media (max-width: 991px) { .wrap-about-are .advantage .item .item-hover { margin-top: 20px; opacity: 1; } } .wrap-about-are .advantage .item .item-hover span { font-size: 100px; font-weight: bold; line-height: 1; display: block; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-hover span { font-size: 70px; } } @media (max-width: 767px) { .wrap-about-are .advantage .item .item-hover span { font-size: 50px; } } .wrap-about-are .advantage .item .item-hover b { font-size: 26px; line-height: 1.53846154; display: block; margin: 10px 0 0 0; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-hover b { font-size: 20px; } } .wrap-about-are .advantage .item .item-hover p { font-size: 20px; line-height: 1.8; margin: 10px 0 0 0; } @media (max-width: 1470px) { .wrap-about-are .advantage .item .item-hover p { font-size: 16px; } } .wrap-about-are .history { padding-top: 70px; } .wrap-about-are .history .title-history { text-align: center; } .wrap-about-are .history .title-history b { font-size: 42px; display: block; } @media (max-width: 991px) { .wrap-about-are .history .title-history b { font-size: 30px; } } @media (max-width: 767px) { .wrap-about-are .history .title-history b { font-size: 28px; } } .wrap-about-are .history .slick-history { position: relative; margin-top: 70px; } .wrap-about-are .history .slick-history:before { position: absolute; top: -webkit-calc(50% - 30px); top: calc(50% - 30px); display: block; width: 100%; height: 5px; content: ''; background-color: #e5e5e5; } .wrap-about-are .history .slick-history .slick-arrow { line-height: 34px; position: absolute; z-index: 2; top: -webkit-calc(50% - 44px); top: calc(50% - 44px); left: 0; width: 34px; height: 34px; padding: 0; cursor: pointer; text-align: center; color: #fff; border-radius: 6px; background: none; background-color: #9dc213; } .wrap-about-are .history .slick-history .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e9bb'; } .wrap-about-are .history .slick-history .slick-arrow.slick-next { right: 0; left: auto; } .wrap-about-are .history .slick-history .slick-arrow.slick-next:before { content: '\e61f'; } .wrap-about-are .history .slick-history .slick-arrow:hover { background-color: #9dc213; } .wrap-about-are .history .slick-history .slick-slide { background: none; } .wrap-about-are .history .slick-history .slick-slide:nth-child(2n) .item .item-top { padding-top: 60px; } .wrap-about-are .history .slick-history .slick-slide:nth-child(2n) .item .item-bottom { margin-top: 0; margin-bottom: -50px; } .wrap-about-are .history .slick-history .slick-slide:nth-child(2n) .item .item-bottom:before { display: none; } .wrap-about-are .history .slick-history .slick-slide:nth-child(2n) .item .item-bottom:after { display: block; width: 51px; height: 254px; margin: 0 auto; margin-top: -20px; content: ''; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: url(../images/history-icon.png) no-repeat; } .wrap-about-are .history .slick-history .item { max-width: 300px; } @media (max-width: 767px) { .wrap-about-are .history .slick-history .item .item-top { text-align: center; } } .wrap-about-are .history .slick-history .item .item-top span { font-size: 30px; line-height: 1.33333333; display: block; } @media (max-width: 1470px) { .wrap-about-are .history .slick-history .item .item-top span { font-size: 24px; } } .wrap-about-are .history .slick-history .item .item-top b { font-size: 28px; line-height: 1.42857143; display: block; margin-bottom: 10px; } @media (max-width: 1470px) { .wrap-about-are .history .slick-history .item .item-top b { font-size: 24px; } } .wrap-about-are .history .slick-history .item .item-top p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; } @media (max-width: 1470px) { .wrap-about-are .history .slick-history .item .item-top p { font-size: 16px; } } .wrap-about-are .history .slick-history .item .item-bottom { max-width: 143px; margin: 0 auto; margin-top: -50px; } @media (max-width: 1470px) { .wrap-about-are .history .slick-history .item .item-bottom { max-width: 120px; } } .wrap-about-are .history .slick-history .item .item-bottom:before { position: relative; z-index: 2; display: block; width: 51px; height: 254px; margin: 0 auto; margin-bottom: -20px; content: ''; background: url(../images/history-icon.png) no-repeat; } .wrap-about-do .do { padding-bottom: 90px; } .wrap-about-do .do .title-do b { font-size: 36px; line-height: 1.38888889; display: block; } @media (max-width: 991px) { .wrap-about-do .do .title-do b { font-size: 24px; } } .wrap-about-do .do .title-do b span { color: #9dc213; } .wrap-about-do .do .list .row { margin: 0 -25px; } @media (max-width: 991px) { .wrap-about-do .do .list .row { margin: 0 -15px; } } .wrap-about-do .do .list .itembox { padding: 0 25px; } @media (max-width: 991px) { .wrap-about-do .do .list .itembox { padding: 0 15px; } } .wrap-about-do .do .list .item { margin-top: 30px; background-color: #f8f8f8; } .wrap-about-do .do .list .item .img-box { padding-bottom: 42.59259259%; } .wrap-about-do .do .list .item .note { padding: 30px; } @media (max-width: 991px) { .wrap-about-do .do .list .item .note { padding: 20px 15px; } } .wrap-about-do .do .list .item .note h3 { font-size: 36px; font-weight: bold; line-height: 1.38888889; margin: 0 0 10px 0; color: #9dc213; border-bottom: 1px solid #9dc213; } @media (max-width: 991px) { .wrap-about-do .do .list .item .note h3 { font-size: 22px; } } .wrap-about-do .do .list .item .note p { font-size: 20px; font-weight: 300; line-height: 1.8; position: relative; margin: 0; padding-left: 20px; } @media (max-width: 991px) { .wrap-about-do .do .list .item .note p { font-size: 16px; } } .wrap-about-do .do .list .item .note p:before { position: absolute; top: 14px; left: 0; display: block; width: 6px; height: 6px; content: ''; background-color: #9dc213; } .wrap-about-do .corporate { padding: 80px 0; background: url(../images/do_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-about-do .corporate { padding: 50px 0; } } .wrap-about-do .corporate .title-corporate { text-align: center; color: #fff; } .wrap-about-do .corporate .title-corporate b { font-size: 42px; font-style: italic; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-about-do .corporate .title-corporate b { font-size: 30px; } } .wrap-about-do .corporate .title-corporate p { font-size: 18px; font-weight: 300; line-height: 1.77777778; max-width: 1140px; margin: 0 auto; margin-top: 20px; } @media (max-width: 991px) { .wrap-about-do .corporate .title-corporate p { font-size: 15px; } } .wrap-about-do .corporate .corporate-list { position: relative; } .wrap-about-do .corporate .corporate-list:before { position: absolute; z-index: 1; top: 150px; display: block; width: 100%; height: 3px; content: ''; background-color: #7c7e86; } .wrap-about-do .corporate .corporate-list .slick-corporate { position: relative; z-index: 2; margin-top: 60px; } .wrap-about-do .corporate .corporate-list .slick-corporate:before, .wrap-about-do .corporate .corporate-list .slick-corporate:after { position: absolute; top: 143px; left: 33%; display: block; width: 18px; height: 18px; content: ''; border-radius: 50%; background-color: #7c7e86; } @media (max-width: 991px) { .wrap-about-do .corporate .corporate-list .slick-corporate:before, .wrap-about-do .corporate .corporate-list .slick-corporate:after { display: none; } } .wrap-about-do .corporate .corporate-list .slick-corporate:after { right: 33%; left: auto; } .wrap-about-do .corporate .corporate-list .item { text-align: center; color: #fff; } .wrap-about-do .corporate .corporate-list .item b { font-size: 32px; line-height: 32px; display: block; opacity: 0; } @media (max-width: 991px) { .wrap-about-do .corporate .corporate-list .item b { line-height: 24px; } } .wrap-about-do .corporate .corporate-list .item .pic { overflow: hidden; max-width: 180px; margin: 30px auto; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); border: 8px solid rgba(255, 255, 255, .6); border-radius: 50%; background-color: #000; } .wrap-about-do .corporate .corporate-list .item .pic .img-box { opacity: .8; } .wrap-about-do .corporate .corporate-list .item p { font-size: 18px; font-weight: 300; line-height: 1.88888889; margin: 0; opacity: 0; } @media (max-width: 991px) { .wrap-about-do .corporate .corporate-list .item p { font-size: 16px; line-height: 1.5; } } .wrap-about-do .corporate .corporate-list .slick-current b { opacity: 1; } .wrap-about-do .corporate .corporate-list .slick-current .pic { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 8px solid #9dc213; } .wrap-about-do .corporate .corporate-list .slick-current .pic .img-box { opacity: 1; } .wrap-about-do .corporate .corporate-list .slick-current p { opacity: 1; } .wrap-about-do .corporate .corporate-list .slick-arrow { line-height: 50px; position: absolute; z-index: 2; top: 128px; left: 0; width: 50px; height: 50px; padding: 0; cursor: pointer; text-align: center; color: #fff; color: #9dc213; border: 3px solid #9dc213; border-radius: 50%; background: none; background-color: #fff; } @media (max-width: 991px) { .wrap-about-do .corporate .corporate-list .slick-arrow { line-height: 40px; top: 132px; width: 40px; height: 40px; } } .wrap-about-do .corporate .corporate-list .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e9bb'; } .wrap-about-do .corporate .corporate-list .slick-arrow.slick-next { right: 0; left: auto; } .wrap-about-do .corporate .corporate-list .slick-arrow.slick-next:before { content: '\e61f'; } .wrap-about-do .corporate .corporate-list .slick-arrow:hover { color: #fff; background-color: #9dc213; } .wrap-about-choose { padding: 0; } .wrap-about-choose .choose .list ul li { overflow: hidden; } .wrap-about-choose .choose .list ul li .pic, .wrap-about-choose .choose .list ul li .text { float: left; overflow: hidden; width: 50%; } @media (max-width: 1199px) { .wrap-about-choose .choose .list ul li .pic, .wrap-about-choose .choose .list ul li .text { width: 100%; } } .wrap-about-choose .choose .list ul li:nth-child(2n) { background-color: #f9f9f9; } .wrap-about-choose .choose .list ul li:nth-child(2n) .pic { float: right; } @media (max-width: 1199px) { .wrap-about-choose .choose .list ul li .pic img { max-width: 100%; } } .wrap-about-choose .choose .list ul li .text { padding: 70px; } @media (max-width: 991px) { .wrap-about-choose .choose .list ul li .text { padding: 30px 15px; } } .wrap-about-choose .choose .list ul li .text .title-choose { border-bottom: 1px solid #dcdcdc; } .wrap-about-choose .choose .list ul li .text .title-choose b { font-size: 44px; line-height: 1.2; position: relative; display: inline-block; padding-bottom: 10px; text-transform: uppercase; } @media (max-width: 1470px) { .wrap-about-choose .choose .list ul li .text .title-choose b { font-size: 36px; } } @media (max-width: 991px) { .wrap-about-choose .choose .list ul li .text .title-choose b { font-size: 24px; } } @media (max-width: 767px) { .wrap-about-choose .choose .list ul li .text .title-choose b { font-size: 20px; } } .wrap-about-choose .choose .list ul li .text .title-choose b:after { position: absolute; bottom: -2px; display: block; width: 100%; height: 3px; content: ''; background-color: #9dc213; } .wrap-about-choose .choose .list ul li .text .item-list { position: relative; margin-top: 30px; padding-left: 70px; } .wrap-about-choose .choose .list ul li .text .item-list .item-icon { position: absolute; top: 0; left: 0; width: 46px; } .wrap-about-choose .choose .list ul li .text .item-list b { font-size: 32px; line-height: 1.5; display: block; color: #9dc213; } @media (max-width: 1470px) { .wrap-about-choose .choose .list ul li .text .item-list b { font-size: 26px; } } @media (max-width: 991px) { .wrap-about-choose .choose .list ul li .text .item-list b { font-size: 20px; } } .wrap-about-choose .choose .list ul li .text .item-list p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; } @media (max-width: 1470px) { .wrap-about-choose .choose .list ul li .text .item-list p { font-size: 16px; } } .wrap-about-choose .credibility { padding: 60px 0 90px; } .wrap-about-choose .credibility .list ul { font-size: 0; margin: 0 -40px; } @media (max-width: 1470px) { .wrap-about-choose .credibility .list ul { margin: 0 -15px; } } .wrap-about-choose .credibility .list ul li { display: inline-block; width: 25%; padding: 0 40px; vertical-align: top; } @media (max-width: 1470px) { .wrap-about-choose .credibility .list ul li { padding: 0 15px; } } @media (max-width: 991px) { .wrap-about-choose .credibility .list ul li { width: 50%; } } @media (max-width: 767px) { .wrap-about-choose .credibility .list ul li { width: 100%; } } .wrap-about-choose .credibility .list .item { font-size: 14px; margin-top: 30px; } .wrap-about-choose .credibility .list .item h3 { font-size: 30px; line-height: 30px; display: inline-block; min-width: 260px; padding: 12px 36px; text-align: center; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 1470px) { .wrap-about-choose .credibility .list .item h3 { font-size: 24px; padding: 10px; } } @media (max-width: 991px) { .wrap-about-choose .credibility .list .item h3 { font-size: 20px; } } .wrap-about-choose .credibility .list .item b { font-size: 26px; font-weight: normal; line-height: 50px; display: block; display: -webkit-box; overflow: hidden; height: 50px; margin-top: 20px; padding: 0 10px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1470px) { .wrap-about-choose .credibility .list .item b { font-size: 20px; } } .wrap-about-choose .credibility .list .item .note { margin-top: 30px; } .wrap-about-choose .credibility .list .item .note p { font-size: 18px; font-weight: 300; line-height: 2; margin: 0; color: #666; } @media (max-width: 1470px) { .wrap-about-choose .credibility .list .item .note p { font-size: 16px; } } @media (max-width: 991px) { .wrap-about-choose .credibility .list .item .note p { line-height: 1.5; } } .wrap-about-choose .credibility .list .item a.more { font-size: 20px; line-height: 30px; display: inline-block; margin-top: 30px; color: #9dc213; border-bottom: 1px solid #9dc213; } @media (max-width: 991px) { .wrap-about-choose .credibility .list .item a.more { font-size: 16px; } } .wrap-about-choose .marketing { padding: 70px 0; background-size: cover; } @media (max-width: 991px) { .wrap-about-choose .marketing { padding: 50px 0; } } .wrap-about-choose .marketing .title-marketing { text-align: center; } .wrap-about-choose .marketing .title-marketing b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .wrap-about-choose .marketing .title-marketing b { font-size: 24px; } } .wrap-about-choose .marketing .list { margin-top: 30px; } .wrap-about-choose .marketing .list ul { font-size: 0; margin: 0 -15px; } .wrap-about-choose .marketing .list ul li { display: inline-block; width: 20%; margin-top: 30px; padding: 0 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-about-choose .marketing .list ul li { width: 50%; } } .wrap-about-choose .marketing .list .item { font-size: 14px; text-align: center; color: #fff; } .wrap-about-choose .marketing .list .item img { width: 80px; } .wrap-about-choose .marketing .list .item:before { font-family: 'iconfont' !important; font-size: 60px; line-height: 1; display: block; display: none; content: '\e66e'; } @media (max-width: 991px) { .wrap-about-choose .marketing .list .item:before { font-size: 40px; } } .wrap-about-choose .marketing .list .item-value:before { content: '\e666'; } .wrap-about-choose .marketing .list .item-optimised:before { content: '\e687'; } .wrap-about-choose .marketing .list .item-latest:before { content: '\e69e'; } .wrap-about-choose .marketing .list .item-enhanced:before { content: '\e65c'; } .wrap-about-choose .marketing .list .item p { font-size: 26px; line-height: 1.46153846; margin: 20px 0 0 0; } @media (max-width: 991px) { .wrap-about-choose .marketing .list .item p { font-size: 18px; } } .wrap-about-choose .customer { padding: 70px 0; background-color: #f9f9f9; } @media (max-width: 991px) { .wrap-about-choose .customer { padding: 50px 0; } } .wrap-about-choose .customer .title-customer { text-align: center; } .wrap-about-choose .customer .title-customer b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-about-choose .customer .title-customer b { font-size: 24px; } } .wrap-about-choose .customer .list { margin-top: 30px; } .wrap-about-choose .customer .list .item { margin-top: 30px; padding: 24px 30px; border: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-about-choose .customer .list .item { padding: 24px 14px; } } .wrap-about-choose .customer .list .item img { max-width: 100%; } .wrap-about-choose .customer .list .item b { font-size: 30px; line-height: 1; display: block; margin: 20px 0 10px; } @media (max-width: 991px) { .wrap-about-choose .customer .list .item b { font-size: 20px; } } .wrap-about-choose .customer .list .item p { font-size: 18px; line-height: 1.66666667; margin: 0; } @media (max-width: 991px) { .wrap-about-choose .customer .list .item p { font-size: 16px; } } .wrap-about-choose .customer .list .item .note { margin: 10px 0; } .wrap-about-choose .customer .list .item span.person, .wrap-about-choose .customer .list .item span.car { font-size: 24px; line-height: 30px; position: relative; display: block; padding-left: 40px; color: #9dc213; } @media (max-width: 991px) { .wrap-about-choose .customer .list .item span.person, .wrap-about-choose .customer .list .item span.car { font-size: 18px; } } .wrap-about-choose .customer .list .item span.person:before, .wrap-about-choose .customer .list .item span.car:before { font-family: 'iconfont' !important; position: absolute; left: 0; content: '\e70e'; } .wrap-about-choose .customer .list .item span.car:before { content: '\e6a5'; } .wrap-about-choose .choose-join { overflow: hidden; } .wrap-about-choose .choose-join img { max-width: 100%; } .wrap-news .news-left { float: left; width: 80%; } @media (max-width: 1560px) { .wrap-news .news-left { width: 74%; } } @media (max-width: 991px) { .wrap-news .news-left { width: 100%; margin-top: 50px; } } .wrap-news .news-left ul { font-size: 0; border-left: 1px solid #dadada; } .wrap-news .news-left ul li { display: inline-block; width: 33.33333333%; padding: 20px 30px 40px; vertical-align: top; border-right: 1px solid #dadada; } @media (max-width: 991px) { .wrap-news .news-left ul li { width: 50%; padding: 30px 15px; } } @media (max-width: 767px) { .wrap-news .news-left ul li { width: 100%; padding: 30px 15px 0; } } .wrap-news .news-left .item { font-size: 14px; display: block; overflow: hidden; } .wrap-news .news-left .item:after { font-family: 'iconfont' !important; display: block; margin-top: 20px; content: '\e62f'; color: #666; } .wrap-news .news-left .item span.date { line-height: 2; display: block; color: #666; } .wrap-news .news-left .item b { font-size: 20px; font-weight: 500; line-height: 28px; display: -webkit-box; overflow: hidden; height: 56px; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-news .news-left .item .img-box { margin-top: 20px; padding-bottom: 57.5%; } .wrap-news .news-left .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-news .news-left .item p { font-size: 16px; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 20px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-news .news-left .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-news .news-left .item:hover b { color: #9dc213; } .wrap-news .news-right { float: right; width: 20%; will-change: min-height; } @media (max-width: 1560px) { .wrap-news .news-right { width: 26%; } } @media (max-width: 991px) { .wrap-news .news-right { width: 100%; } } .wrap-news .news-right .sidebar__inner { position: relative; -webkit-transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } .wrap-news .news-right ul { position: relative; padding-left: 60px; } @media (max-width: 991px) { .wrap-news .news-right ul { padding: 0; } } .wrap-news .news-right ul li a { font-size: 16px; font-size: 24px; line-height: 30px; display: block; padding: 24px 50px; -webkit-transition: all .4s; transition: all .4s; color: #666; background-color: #f8f8f8; } @media (max-width: 1560px) { .wrap-news .news-right ul li a { font-size: 20px; padding: 20px 30px; } } @media (max-width: 991px) { .wrap-news .news-right ul li a { font-size: 18px; padding: 14px 20px; } } .wrap-news .news-right ul li.active a, .wrap-news .news-right ul li:hover a { font-weight: bold; color: #fff; background-color: #9dc213; } .showMorehandle, .showMorehandle1 { margin-top: 30px; text-align: center; } .showMorehandle a, .showMorehandle1 a { line-height: 60px; display: inline-block; width: 60px; height: 60px; -webkit-transition: all .2s; transition: all .2s; border-radius: 50%; background-color: #eee; } .showMorehandle a:after, .showMorehandle1 a:after { font-family: 'iconfont' !important; font-size: 30px; content: '\e602'; } .showMorehandle a:hover, .showMorehandle1 a:hover { color: #fff; background-color: #9dc213; } .wrap-community { padding: 0 0 80px 0; } .wrap-community .community .community-info { overflow: hidden; padding: 80px 0; background: url(../images/community_bg.jpg) no-repeat center; background-size: cover; } .wrap-community .community .community-info .community-left, .wrap-community .community .community-info .community-right { float: left; width: 50%; } @media (max-width: 991px) { .wrap-community .community .community-info .community-left, .wrap-community .community .community-info .community-right { width: 100%; } } .wrap-community .community .community-info .community-left b { font-size: 50px; display: block; color: #9dc213; } @media (max-width: 1470px) { .wrap-community .community .community-info .community-left b { font-size: 40px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-left b { font-size: 30px; } } .wrap-community .community .community-info .community-left b:after { display: block; width: 130px; height: 4px; content: ''; background-color: #9dc213; } @media (max-width: 991px) { .wrap-community .community .community-info .community-left b:after { width: 80px; } } .wrap-community .community .community-info .community-left h3 { font-size: 46px; font-weight: bold; line-height: 1; } @media (max-width: 1470px) { .wrap-community .community .community-info .community-left h3 { font-size: 36px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-left h3 { font-size: 26px; } } .wrap-community .community .community-info .community-left p { font-size: 36px; line-height: 1.5; margin: 0; } @media (max-width: 1470px) { .wrap-community .community .community-info .community-left p { font-size: 26px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-left p { font-size: 20px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-right { margin-top: 30px; } } .wrap-community .community .community-info .community-right #mc_embed_signup { background: none; } .wrap-community .community .community-info .community-right #mc_embed_signup_scroll { position: relative; } .wrap-community .community .community-info .community-right #mc_embed_signup_scroll label { font-size: 40px; display: block; } @media (max-width: 1470px) { .wrap-community .community .community-info .community-right #mc_embed_signup_scroll label { font-size: 30px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-right #mc_embed_signup_scroll label { font-size: 24px; } } .wrap-community .community .community-info .community-right #mc_embed_signup_scroll input.email { font-size: 16px; line-height: 30px; width: 100%; height: 90px; /*margin-top: 30px;*/ padding: 30px 170px 30px 14px; border: 2px solid #cbcbca; background: none; } @media (max-width: 991px) { .wrap-community .community .community-info .community-right #mc_embed_signup_scroll input.email { height: 50px; padding: 10px 80px 10px 10px; } } .wrap-community .community .community-info .community-right #mc_embed_signup_scroll #mc-embedded-subscribe { font-size: 36px; line-height: 90px; position: absolute; right: 0; top: 0; width: 150px; height: 90px; padding: 0; -webkit-transition: all .2s; transition: all .2s; color: #fff; background-color: #9dc213; } @media (max-width: 1470px) { .wrap-community .community .community-info .community-right #mc_embed_signup_scroll #mc-embedded-subscribe { font-size: 30px; } } @media (max-width: 991px) { .wrap-community .community .community-info .community-right #mc_embed_signup_scroll #mc-embedded-subscribe { font-size: 16px; line-height: 50px; width: 60px; height: 50px; } } .wrap-community .community .community-info .community-right #mc_embed_signup_scroll #mc-embedded-subscribe:hover { background-color: #769700; } .wrap-video .video-list { margin-top: -60px; } @media (max-width: 991px) { .wrap-video .video-list { margin-top: -30px; } } .wrap-video .row { margin: 0 -25px; } @media (max-width: 1350px) { .wrap-video .row { margin: 0 -15px; } } @media (max-width: 767px) { .wrap-video .row { margin: 0 -8px; } } .wrap-video .itembox { padding: 0 25px; } @media (max-width: 1350px) { .wrap-video .itembox { padding: 0 15px; } } @media (max-width: 767px) { .wrap-video .itembox { padding: 0 8px; } } .wrap-video .itembox .video, .wrap-video .itembox .gallery { position: relative; overflow: hidden; } .wrap-video .itembox .video .img-box, .wrap-video .itembox .gallery .img-box { z-index: 0; padding-bottom: 57.40740741%; background-color: #000; } .wrap-video .itembox .video .img-box img, .wrap-video .itembox .gallery .img-box img { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: 1; } .wrap-video .itembox .video .video-box, .wrap-video .itembox .gallery .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .wrap-video .itembox .video .iframe, .wrap-video .itembox .gallery .iframe { display: none; width: 100% !important; height: 100% !important; } .wrap-video .itembox .video .play, .wrap-video .itembox .gallery .play { position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; margin-bottom: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .5; color: #fff; } .wrap-video .itembox .video .play:before, .wrap-video .itembox .gallery .play:before { font-family: 'iconfont'; font-size: 70px; font-weight: normal; display: block; content: '\e67f'; } @media (max-width: 991px) { .wrap-video .itembox .video .play:before, .wrap-video .itembox .gallery .play:before { font-size: 50px; } } .wrap-video .itembox .gallerybox { display: none; } .wrap-video .itembox .item { position: relative; margin-top: 60px; } @media (max-width: 991px) { .wrap-video .itembox .item { margin-top: 30px; } } .wrap-video .itembox .item p { font-size: 24px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 10px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-video .itembox .item p { font-size: 16px; } } .wrap-video .itembox .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .9; } .wrap-video .itembox .item:hover p { color: #9dc213; } .wrap-news-show { overflow: hidden; } .wrap-news-show .news-left { float: left; width: 79%; } @media (max-width: 1700px) { .wrap-news-show .news-left { width: 72%; } } @media (max-width: 991px) { .wrap-news-show .news-left { width: 100%; } } .wrap-news-show .news-left .title-news h1 { font-size: 40px; font-weight: 500; line-height: 1.5; margin: 0 0 20px 0; } @media (max-width: 1350px) { .wrap-news-show .news-left .title-news h1 { font-size: 30px; } } @media (max-width: 991px) { .wrap-news-show .news-left .title-news h1 { font-size: 20px; } } .wrap-news-show .news-left .title-news span { font-size: 18px; line-height: 1.66666667; display: block; margin-right: 20px; } @media (max-width: 991px) { .wrap-news-show .news-left .title-news span { font-size: 15px; } } .wrap-news-show .news-left .title-news span.mask { color: #9dc213; } .wrap-news-show .news-left .text { margin-top: 50px; } .wrap-news-show .news-left .text p { font-size: 18px; font-weight: 300; line-height: 2; margin: 0; } @media (max-width: 991px) { .wrap-news-show .news-left .text p { font-size: 14px; } } .wrap-news-show .news-left .text img { max-width: 100%; height: auto !important; } .wrap-news-show .news-right { float: right; width: 21%; padding-left: 60px; } @media (max-width: 1700px) { .wrap-news-show .news-right { width: 28%; } } @media (max-width: 991px) { .wrap-news-show .news-right { width: 100%; margin-top: 50px; padding-left: 0; } } .wrap-news-show .news-right .share span { font-size: 20px; font-weight: 300; line-height: 2; display: block; } .wrap-news-show .news-right .share a.qq, .wrap-news-show .news-right .share a.wechat, .wrap-news-show .news-right .share a.weibo, .wrap-news-show .news-right .share a.linkedin, .wrap-news-show .news-right .share a.facebook { line-height: 44px; display: inline-block; width: 44px; height: 44px; margin-right: 5%; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border-radius: 50%; background-color: #cdcdcd; } .wrap-news-show .news-right .share a.qq:before, .wrap-news-show .news-right .share a.wechat:before, .wrap-news-show .news-right .share a.weibo:before, .wrap-news-show .news-right .share a.linkedin:before, .wrap-news-show .news-right .share a.facebook:before { font-family: 'iconfont' !important; font-size: 22px; display: inline-block; content: '\e62d'; vertical-align: middle; } .wrap-news-show .news-right .share a.qq:hover, .wrap-news-show .news-right .share a.wechat:hover, .wrap-news-show .news-right .share a.weibo:hover, .wrap-news-show .news-right .share a.linkedin:hover, .wrap-news-show .news-right .share a.facebook:hover { background-color: #9dc213; } .wrap-news-show .news-right .share a.wechat { position: relative; } .wrap-news-show .news-right .share a.wechat:before { content: '\e604'; } .wrap-news-show .news-right .share a.wechat img { position: absolute; z-index: 2; top: 40px; left: -20px; display: block; display: none; width: 100px; } .wrap-news-show .news-right .share a.wechat:hover img { display: block; } .wrap-news-show .news-right .share a.weibo:before { content: '\e632'; } .wrap-news-show .news-right .share a.linkedin:before { content: '\e6f0'; } .wrap-news-show .news-right .share a.facebook:before { content: '\e615'; } .wrap-news-show .news-right .news-sort { margin-top: 30px; } .wrap-news-show .news-right .news-sort ul { position: relative; } .wrap-news-show .news-right .news-sort ul li a { font-size: 16px; font-size: 24px; line-height: 30px; display: block; padding: 24px 50px; -webkit-transition: all .4s; transition: all .4s; color: #666; background-color: #f8f8f8; } @media (max-width: 1560px) { .wrap-news-show .news-right .news-sort ul li a { font-size: 20px; padding: 20px 20px; } } @media (max-width: 991px) { .wrap-news-show .news-right .news-sort ul li a { font-size: 18px; padding: 14px 20px; } } .wrap-news-show .news-right .news-sort ul li.active a, .wrap-news-show .news-right .news-sort ul li:hover a { font-weight: bold; color: #fff; background-color: #9dc213; } .wrap-news-show .news-right .news-list { margin-top: 30px; padding: 10px; background: url(../images/news_list_bg.jpg) no-repeat center; background-size: cover; } .wrap-news-show .news-right .news-list .title-news-list { border-bottom: 1px solid rgba(255, 255, 255, .2); } .wrap-news-show .news-right .news-list .title-news-list b { font-size: 24px; line-height: 1.66666667; display: block; padding-bottom: 10px; text-align: center; color: #fff; } @media (max-width: 991px) { .wrap-news-show .news-right .news-list .title-news-list b { font-size: 20px; } } .wrap-news-show .news-right .news-list ul.list li { padding: 18px 0; border-bottom: 1px solid rgba(255, 255, 255, .2); } .wrap-news-show .news-right .news-list ul.list li .item { display: block; } .wrap-news-show .news-right .news-list ul.list li .item .title-item { font-size: 0; } .wrap-news-show .news-right .news-list ul.list li .item .title-item .pic { display: inline-block; overflow: hidden; width: 30%; vertical-align: middle; border: 4px solid rgba(157, 194, 19, .3); border-radius: 50%; } .wrap-news-show .news-right .news-list ul.list li .item .title-item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-news-show .news-right .news-list ul.list li .item .title-item b { font-size: 24px; line-height: 30px; display: inline-block; overflow: hidden; width: 70%; height: 30px; padding-left: 5%; vertical-align: middle; color: #9dc213; } @media (max-width: 991px) { .wrap-news-show .news-right .news-list ul.list li .item .title-item b { font-size: 20px; } } .wrap-news-show .news-right .news-list ul.list li .item p { font-size: 16px; line-height: 26px; display: -webkit-box; overflow: hidden; max-height: 52px; margin: 12px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-news-show .news-right .news-list ul.list li .item:hover .title-item .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-news-show .news-right .news-list ul.list li .item:hover .title-item b { color: #769700; } .wrap-news-show .news-right .news-list .text { margin-top: 20px; } .wrap-news-show .news-right .news-list .text p { font-size: 16px; line-height: 30px; position: relative; padding-left: 34px; color: #fff; } .wrap-news-show .news-right .news-list .text p:before { font-family: 'iconfont' !important; font-size: 20px; position: absolute; top: 0; left: 0; content: '\e72e'; } .wrap-news-show .news-right .news-list .text p.tel:before { content: '\e662'; } .wrap-news-show .news-relate { margin-top: 30px; } .wrap-news-show .news-relate ul li { margin-top: 20px; } .wrap-news-show .news-relate ul li a { font-size: 16px; line-height: 50px; display: block; display: -webkit-box; overflow: hidden; height: 50px; padding: 0 12px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 30px; background-color: #626262; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-news-show .news-relate ul li a:hover { background-color: #9dc213; } .wrap-brand-gremax { padding-top: 0; } .wrap-brand-gremax .gremax { font-size: 0; } .wrap-brand-gremax .gremax .pic, .wrap-brand-gremax .gremax .text { display: inline-block; vertical-align: middle; } .wrap-brand-gremax .gremax .pic { overflow: hidden; width: 46%; } @media (max-width: 991px) { .wrap-brand-gremax .gremax .pic { width: 100%; } .wrap-brand-gremax .gremax .pic img { max-width: 100%; } } .wrap-brand-gremax .gremax .text { font-size: 14px; width: 54%; padding: 50px 5%; } @media (max-width: 1470px) { .wrap-brand-gremax .gremax .text { padding: 30px; } } @media (max-width: 991px) { .wrap-brand-gremax .gremax .text { width: 100%; padding: 30px 15px; } } .wrap-brand-gremax .gremax .text .title-gremax { border-bottom: 1px solid #9dc213; } .wrap-brand-gremax .gremax .text .title-gremax b { font-size: 30px; font-style: italic; line-height: 1.33333333; display: block; text-transform: uppercase; color: #9dc213; } @media (max-width: 1470px) { .wrap-brand-gremax .gremax .text .title-gremax b { font-size: 22px; } } @media (max-width: 991px) { .wrap-brand-gremax .gremax .text .title-gremax b { font-size: 18px; } } .wrap-brand-gremax .gremax .text .note { margin-top: 30px; } .wrap-brand-gremax .gremax .text .note p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 1470px) { .wrap-brand-gremax .gremax .text .note p { line-height: 1.77777778; } } @media (max-width: 991px) { .wrap-brand-gremax .gremax .text .note p { font-size: 16px; } } .wrap-brand-gremax .technology { overflow: hidden; width: 100%; } @media(max-width: 767px) { .wrap-brand-gremax .technology { overflow-x: scroll; } .wrap-brand-gremax .technology .technology-info { width: 600px; } } .wrap-brand-gremax .technology .technology-left { position: relative; z-index: 2; float: left; width: 63%; padding-top: 50px; padding-left: 30px; } @media (max-width: 767px) { .wrap-brand-gremax .technology .technology-left { width: 300px; padding: 0 15px; float: left; } } .wrap-brand-gremax .technology .technology-left img { max-width: 100%; } @media (max-width: 767px) { .wrap-brand-gremax .technology .technology-left img { max-width: 140%; } } .wrap-brand-gremax .technology .technology-left .title-technology b { font-size: 40px; font-weight: 500; line-height: 30px; display: inline-block; padding: 10px 30px; color: #fff; border-radius: 30px; background-color: #9dc213; } .wrap-brand-gremax .technology .technology-left .note p { font-size: 22px; line-height: 1.36363636; } .wrap-brand-gremax .technology .technology-right { float: left; width: 51%; margin-left: -14%; } @media (max-width: 1470px) { .wrap-brand-gremax .technology .technology-right { width: 54%; margin-left: -17%; } } @media (max-width: 767px) { .wrap-brand-gremax .technology .technology-right { width: 300px; margin: 0; margin-top: 30px; float: left; } } .wrap-brand-gremax .technology .technology-right img { max-width: 100%; } .wrap-brand-gremax .explore { padding-top: 70px; } .wrap-brand-gremax .explore .title-explore { text-align: center; } .wrap-brand-gremax .explore .title-explore b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-gremax .explore .title-explore b { font-size: 24px; } } .wrap-brand-gremax .explore .list .item { margin-top: 30px; padding: 30px 0 0 0; -webkit-transition: all .2s; transition: all .2s; background-color: #f8f8f8; } .wrap-brand-gremax .explore .list .item .mask-pic { display: block; width: 40px; margin: 0 5%; } .wrap-brand-gremax .explore .list .item .mask-pic img { max-width: 100%; } .wrap-brand-gremax .explore .list .item .mask-pic-hover { display: none; width: 40px; margin: 0 5%; } .wrap-brand-gremax .explore .list .item .mask-pic-hover img { max-width: 100%; } .wrap-brand-gremax .explore .list .item b { font-size: 28px; line-height: 1; display: block; margin-top: 20px; padding: 0 5%; color: #9dc213; } @media (max-width: 1199px) { .wrap-brand-gremax .explore .list .item b { font-size: 20px; } } .wrap-brand-gremax .explore .list .item .pic { margin-top: 30px; } .wrap-brand-gremax .explore .list .item .pic .img-box { padding-bottom: 75%; } .wrap-brand-gremax .explore .list .item:hover { background-color: #9dc213; } .wrap-brand-gremax .explore .list .item:hover .mask-pic-hover { display: block; } .wrap-brand-gremax .explore .list .item:hover .mask-pic { display: none; } .wrap-brand-gremax .explore .list .item:hover b { color: #fff; } .wrap-brand-gremax .innovative { padding-top: 80px; } .wrap-brand-gremax .innovative .title-innovative { text-align: center; } .wrap-brand-gremax .innovative .title-innovative b { font-size: 52px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .title-innovative b { font-size: 30px; } } @media (max-width: 991px) { .wrap-brand-gremax .innovative .title-innovative b { font-size: 24px; } } .wrap-brand-gremax .innovative .title-innovative b span { color: #9dc213; } .wrap-brand-gremax .innovative .list { position: relative; margin-top: 90px; } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .list { margin-top: 30px; } } .wrap-brand-gremax .innovative .list .pic { max-width: 52%; margin-left: 18%; } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .list .pic { display: none; } } .wrap-brand-gremax .innovative .list .pic img { max-width: 100%; } .wrap-brand-gremax .innovative .list .item { position: absolute; top: 0; left: 0; max-width: 33%; padding: 0 10px; border-left: 6px solid #136b1d; } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .list .item { position: relative; max-width: 100%; margin-top: 30px; } } .wrap-brand-gremax .innovative .list .item b { font-size: 24px; line-height: 1.25; display: block; color: #136b1d; } @media (max-width: 1470px) { .wrap-brand-gremax .innovative .list .item b { font-size: 20px; } } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .list .item b { font-size: 18px; } } .wrap-brand-gremax .innovative .list .item p { font-size: 16px; line-height: 1.5; margin: 0; } @media (max-width: 1470px) { .wrap-brand-gremax .innovative .list .item p { font-size: 14px; } } .wrap-brand-gremax .innovative .list .item-2 { top: 20%; } .wrap-brand-gremax .innovative .list .item-3 { top: 38%; } .wrap-brand-gremax .innovative .list .item-4 { top: 58%; } .wrap-brand-gremax .innovative .list .item-5 { top: 0; right: 0; left: auto; } .wrap-brand-gremax .innovative .list .item-6 { top: 20%; right: 0; left: auto; } .wrap-brand-gremax .innovative .list .item-7 { top: 38%; right: 0; left: auto; } .wrap-brand-gremax .innovative .list .item-8 { top: 58%; right: 0; left: auto; } .wrap-brand-gremax .innovative .list .item-5, .wrap-brand-gremax .innovative .list .item-6, .wrap-brand-gremax .innovative .list .item-7, .wrap-brand-gremax .innovative .list .item-8 { max-width: 30%; padding-left: 90px; border-left: none; } @media (max-width: 1199px) { .wrap-brand-gremax .innovative .list .item-5, .wrap-brand-gremax .innovative .list .item-6, .wrap-brand-gremax .innovative .list .item-7, .wrap-brand-gremax .innovative .list .item-8 { max-width: 100%; } } .wrap-brand-gremax .innovative .list .item-5 .pic-item, .wrap-brand-gremax .innovative .list .item-6 .pic-item, .wrap-brand-gremax .innovative .list .item-7 .pic-item, .wrap-brand-gremax .innovative .list .item-8 .pic-item { position: absolute; top: 0; left: 0; } .wrap-brand-gremax .innovative .list .item-5 b, .wrap-brand-gremax .innovative .list .item-6 b, .wrap-brand-gremax .innovative .list .item-7 b, .wrap-brand-gremax .innovative .list .item-8 b { color: #9dc213; } .wrap-brand-gremax .quality { padding: 80px 0; background: url(../images/partners_bg.jpg) no-repeat center; background-size: cover; } .wrap-brand-gremax .quality .title-quality { text-align: center; } .wrap-brand-gremax .quality .title-quality img { display: inline-block; vertical-align: middle; } .wrap-brand-gremax .quality .title-quality b { display: inline-block; text-align: left; vertical-align: middle; } .wrap-brand-gremax .quality .title-quality span { font-size: 46px; display: block; color: #fff; } .wrap-brand-gremax .quality .title-quality img { max-width: 100%; } @media(max-width: 991px) { .wrap-brand-gremax .quality .title-quality span { font-size: 20px; } } .wrap-brand-gremax .quality .number { margin-top: 30px; border-top: 1px solid rgba(255, 255, 255, .3); } .wrap-brand-gremax .quality .number ul { font-size: 0; margin: 0 -30px; } @media (max-width: 1470px) { .wrap-brand-gremax .quality .number ul { margin: 0 -15px; } } .wrap-brand-gremax .quality .number ul li { display: inline-block; width: 25%; padding: 0 30px; vertical-align: top; } @media (max-width: 1470px) { .wrap-brand-gremax .quality .number ul li { padding: 0 15px; } } @media (max-width: 991px) { .wrap-brand-gremax .quality .number ul li { width: 50%; } } @media (max-width: 767px) { .wrap-brand-gremax .quality .number ul li { width: 100%; } } .wrap-brand-gremax .quality .number ul li .item { font-size: 14px; margin-top: 30px; color: #fff; } .wrap-brand-gremax .quality .number ul li .item span { font-family: Impact; font-size: 70px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-brand-gremax .quality .number ul li .item span { font-size: 40px; } } .wrap-brand-gremax .quality .number ul li .item b { font-size: 26px; line-height: 1; display: block; margin: 10px 0 20px; } @media (max-width: 991px) { .wrap-brand-gremax .quality .number ul li .item b { font-size: 20px; } } .wrap-brand-gremax .quality .number ul li .item p { font-size: 16px; line-height: 1.875; margin: 0; } @media (max-width: 991px) { .wrap-brand-gremax .quality .number ul li .item p { font-size: 14px; } } .wrap-brand-gremax .manufacturing { padding: 80px 0; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-brand-gremax .manufacturing { padding: 50px 0; } } .wrap-brand-gremax .manufacturing .title-manufacturing b { font-size: 40px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-brand-gremax .manufacturing .title-manufacturing b { font-size: 24px; } } .wrap-brand-gremax .manufacturing .title-manufacturing b span { color: #9dc213; } .wrap-brand-gremax .manufacturing .text { margin-top: 14px; } .wrap-brand-gremax .manufacturing .text p { font-size: 20px; line-height: 1.8; margin: 0; } @media (max-width: 991px) { .wrap-brand-gremax .manufacturing .text p { font-size: 16px; } } .wrap-brand-gremax .manufacturing .listbox { margin-top: 50px; } .wrap-brand-gremax .manufacturing .listbox h3 { font-size: 34px; line-height: 30px; display: inline-block; margin: 0; padding: 15px 30px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 1470px) { .wrap-brand-gremax .manufacturing .listbox h3 { font-size: 28px; } } @media (max-width: 991px) { .wrap-brand-gremax .manufacturing .listbox h3 { font-size: 20px; padding: 10px 30px; } } .wrap-brand-gremax .manufacturing .listbox .list .item { margin-top: 40px; } .wrap-brand-gremax .manufacturing .listbox .list .item .img-box { padding-bottom: 63.30275229%; } .wrap-brand-suntek .suntek .list { font-size: 0; overflow: hidden; background-color: #007bc7; } @media(max-width: 991px) { .wrap-brand-suntek .suntek .list { background-color: #fff; } } .wrap-brand-suntek .suntek .text, .wrap-brand-suntek .suntek .pic { display: inline-block; vertical-align: middle; } .wrap-brand-suntek .suntek .text { width: 40%; padding: 40px; color: #fff; } @media (max-width: 1600px) { .wrap-brand-suntek .suntek .text { width: 45%; } } @media (max-width: 1470px) { .wrap-brand-suntek .suntek .text { width: 50%; } } @media (max-width: 991px) { .wrap-brand-suntek .suntek .text { width: 100%; padding: 20px 0px; color: #333; } } .wrap-brand-suntek .suntek .text .title-suntek b { font-size: 26px; line-height: 1.38461538; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-suntek .suntek .text .title-suntek b { font-size: 20px; } } .wrap-brand-suntek .suntek .text .note { margin-top: 30px; } .wrap-brand-suntek .suntek .text .note p { font-size: 18px; line-height: 1.55555556; margin: 0; } @media (max-width: 991px) { .wrap-brand-suntek .suntek .text .note p { font-size: 16px; } } .wrap-brand-suntek .suntek .pic { width: 60%; } @media (max-width: 1600px) { .wrap-brand-suntek .suntek .pic { width: 55%; } } @media (max-width: 1470px) { .wrap-brand-suntek .suntek .pic { width: 50%; } } @media (max-width: 991px) { .wrap-brand-suntek .suntek .pic { width: 100%; } .wrap-brand-suntek .suntek .pic img { max-width: 100%; } } .wrap-brand-suntek .stk { margin-top: 80px; padding: 80px 0; background: url(../images/suntek_bg.jpg) no-repeat center; background-size: cover; } .wrap-brand-suntek .stk .stk-sort ul { text-align: center; } .wrap-brand-suntek .stk .stk-sort ul li { display: inline-block; padding: 0 30px; text-align: left; vertical-align: top; color: #fff; border-right: 1px solid rgba(255, 255, 255, .5); } @media (max-width: 767px) { .wrap-brand-suntek .stk .stk-sort ul li { display: block; margin-top: 16px; padding: 0; border-right: none; } } .wrap-brand-suntek .stk .stk-sort ul li:last-child { border-right: none; } .wrap-brand-suntek .stk .stk-sort ul li b { font-size: 36px; font-weight: normal; line-height: 1; display: block; opacity: .8; } @media (max-width: 1470px) { .wrap-brand-suntek .stk .stk-sort ul li b { font-size: 30px; } } @media (max-width: 991px) { .wrap-brand-suntek .stk .stk-sort ul li b { font-size: 24px; } } .wrap-brand-suntek .stk .stk-sort ul li p { font-size: 26px; line-height: 1; margin: 10px 0 0 0; opacity: .8; } @media (max-width: 1470px) { .wrap-brand-suntek .stk .stk-sort ul li p { font-size: 20px; } } @media (max-width: 991px) { .wrap-brand-suntek .stk .stk-sort ul li p { font-size: 15px; } } .wrap-brand-suntek .stk .stk-sort ul li.active b, .wrap-brand-suntek .stk .stk-sort ul li.active p { font-weight: bold; opacity: 1; } .wrap-brand-suntek .stk .list { position: relative; max-width: 1520px; margin: 0 auto; margin-top: 100px; } @media (max-width: 991px) { .wrap-brand-suntek .stk .list { margin-top: 50px; } } .wrap-brand-suntek .stk .list .pic { position: relative; z-index: 2; max-width: 38%; margin: 0 auto; } @media (max-width: 991px) { .wrap-brand-suntek .stk .list .pic { /*display: none;*/ max-width: 100%; } } .wrap-brand-suntek .stk .list .pic img { max-width: 100%; } .wrap-brand-suntek .stk .list .item { position: absolute; top: 0; left: 2%; max-width: 30%; padding: 20px; color: #fff; border-radius: 10px; background-color: #01579b; } @media (max-width: 991px) { .wrap-brand-suntek .stk .list .item { position: relative; left: auto; width: 100%; max-width: 100%; margin-top: 20px; } } .wrap-brand-suntek .stk .list .item p { font-size: 18px; line-height: 1.44444444; margin: 0; } @media (max-width: 1470px) { .wrap-brand-suntek .stk .list .item p { font-size: 16px; line-height: 1.25; } } .wrap-brand-suntek .stk .list .item-2 { top: 60%; background-color: #0277bd; } .wrap-brand-suntek .stk .list .item-3, .wrap-brand-suntek .stk .list .item-4, .wrap-brand-suntek .stk .list .item-5 { right: 2%; left: auto; } @media (max-width: 991px) { .wrap-brand-suntek .stk .list .item-3, .wrap-brand-suntek .stk .list .item-4, .wrap-brand-suntek .stk .list .item-5 { right: auto; } } .wrap-brand-suntek .stk .list .item-3 { background-color: #4fc3f7; } .wrap-brand-suntek .stk .list .item-4 { top: 40%; background-color: #00a0ea; } .wrap-brand-suntek .stk .list .item-5 { top: 75%; background-color: #0288d1; } .wrap-brand-suntek .stk .more { margin-top: 50px; text-align: center; } .wrap-brand-suntek .stk .more ul li { display: inline-block; margin-top: 10px; padding: 0 30px; } .wrap-brand-suntek .stk .more ul li a { font-size: 22px; line-height: 58px; display: inline-block; padding: 0 30px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border: 2px solid #fff; border-radius: 8px; } @media (max-width: 991px) { .wrap-brand-suntek .stk .more ul li a { font-size: 16px; line-height: 48px; padding: 0 15px; } } .wrap-brand-suntek .stk .more ul li a:hover { border-color: #007bc7; background-color: #007bc7; } .wrap-brand-suntek .concepts { padding: 80px 0; } @media (max-width: 991px) { .wrap-brand-suntek .concepts { padding: 50px 0; } } .wrap-brand-suntek .concepts .title-concepts { text-align: center; } .wrap-brand-suntek .concepts .title-concepts b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-suntek .concepts .title-concepts b { font-size: 24px; } } .wrap-brand-suntek .concepts .list .item { margin-top: 50px; padding: 30px; -webkit-transition: all .2s; transition: all .2s; text-align: center; background-color: #f8f8f8; } .wrap-brand-suntek .concepts .list .item:before { font-family: 'iconfont' !important; font-size: 44px; line-height: 1; content: '\e647'; color: #666; } .wrap-brand-suntek .concepts .list .item-eco:before { content: '\e649'; } .wrap-brand-suntek .concepts .list .item-optimal:before { content: '\e65b'; } .wrap-brand-suntek .concepts .list .item b { font-size: 30px; line-height: 1; display: block; margin: 10px 0; } @media (max-width: 991px) { .wrap-brand-suntek .concepts .list .item b { font-size: 24px; } } @media (max-width: 767px) { .wrap-brand-suntek .concepts .list .item b { font-size: 20px; } } .wrap-brand-suntek .concepts .list .item p { font-size: 18px; line-height: 1.55555556; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-brand-suntek .concepts .list .item p { font-size: 16px; } } @media (max-width: 767px) { .wrap-brand-suntek .concepts .list .item p { font-size: 14px; } } .wrap-brand-suntek .concepts .list .item:hover { background-color: #007ac6; } .wrap-brand-suntek .concepts .list .item:hover:before, .wrap-brand-suntek .concepts .list .item:hover b, .wrap-brand-suntek .concepts .list .item:hover p { color: #fff; } .wrap-brand-suntek .pressure { display: table; width: 100%; } @media (max-width: 991px) { .wrap-brand-suntek .pressure { display: block; } } .wrap-brand-suntek .pressure .list { position: relative; display: table-cell; width: 50%; vertical-align: middle; } @media (max-width: 991px) { .wrap-brand-suntek .pressure .list { display: block; width: 100%; } } .wrap-brand-suntek .pressure .list img { max-width: 100%; } .wrap-brand-suntek .pressure .list .note { position: absolute; top: 50%; width: 100%; padding: 0 12%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; } @media (max-width: 1199px) { .wrap-brand-suntek .pressure .list .note { padding: 0 4%; } } .wrap-brand-suntek .pressure .list .note:before { font-family: 'iconfont' !important; font-size: 80px; line-height: 1; display: block; content: '\e648'; } @media (max-width: 767px) { .wrap-brand-suntek .pressure .list .note:before { font-size: 50px; } } .wrap-brand-suntek .pressure .list .note b { font-size: 30px; line-height: 1; display: block; margin: 20px 0; } @media (max-width: 1199px) { .wrap-brand-suntek .pressure .list .note b { font-size: 24px; } } @media (max-width: 767px) { .wrap-brand-suntek .pressure .list .note b { font-size: 20px; margin: 10px 0; } } .wrap-brand-suntek .pressure .list .note p { font-size: 18px; line-height: 1.55555556; margin: 0; } @media (max-width: 1199px) { .wrap-brand-suntek .pressure .list .note p { font-size: 16px; } } @media (max-width: 767px) { .wrap-brand-suntek .pressure .list .note p { font-size: 14px; } } .wrap-brand-suntek .pressure .list-2 .note:before { content: '\e693'; } .wrap-brand-suntek .process { padding: 80px 0; background: url(../images/process_bg.jpg) repeat; } @media (max-width: 991px) { .wrap-brand-suntek .process { padding: 50px 0; } } .wrap-brand-suntek .process .title-process { text-align: center; } .wrap-brand-suntek .process .title-process b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-suntek .process .title-process b { font-size: 24px; } } .wrap-brand-suntek .process .text { margin-top: 60px; } .wrap-brand-suntek .process .text img { max-width: 100%; } .wrap-brand-suntek .equipment { padding: 80px 0 0 0; } @media (max-width: 991px) { .wrap-brand-suntek .equipment { padding: 50px 0 0 0; } } .wrap-brand-suntek .equipment .title-equipment { text-align: center; } .wrap-brand-suntek .equipment .title-equipment b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-suntek .equipment .title-equipment b { font-size: 24px; } } .wrap-brand-suntek .equipment .list .row { margin: 0 -24px; } @media (max-width: 1470px) { .wrap-brand-suntek .equipment .list .row { margin: 0 -15px; } } .wrap-brand-suntek .equipment .list .itembox { padding: 0 24px; } @media (max-width: 1470px) { .wrap-brand-suntek .equipment .list .itembox { padding: 0 15px; } } .wrap-brand-suntek .equipment .list .item { position: relative; display: block; margin-top: 48px; } @media (max-width: 991px) { .wrap-brand-suntek .equipment .list .item { margin-top: 30px; } } .wrap-brand-suntek .equipment .list .item .img-box { padding-bottom: 57.8358209%; } .wrap-brand-suntek .equipment .list .item .note { position: absolute; bottom: 30px; width: 100%; padding: 0 30px; } @media (max-width: 991px) { .wrap-brand-suntek .equipment .list .item .note { bottom: 10px; padding: 0 10px; } } .wrap-brand-suntek .equipment .list .item .note p { font-size: 22px; line-height: 42px; display: inline-block; overflow: hidden; min-width: 310px; height: 42px; margin: 0; padding: 0 10px; text-align: center; color: #fff; border-radius: 30px; background-color: #007bc7; } @media (max-width: 1470px) { .wrap-brand-suntek .equipment .list .item .note p { font-size: 18px; } } @media (max-width: 991px) { .wrap-brand-suntek .equipment .list .item .note p { font-size: 16px; min-width: 240px; } } .wrap-brand-xcellent .xcellent .text p { font-size: 18px; line-height: 1.77777778; margin: 0; } @media (max-width: 991px) { .wrap-brand-xcellent .xcellent .text p { font-size: 16px; } } .wrap-brand-xcellent .xcellent .pic { position: relative; margin-top: 50px; } .wrap-brand-xcellent .xcellent .pic img { max-width: 100%; } .wrap-brand-xcellent .xcellent .pic .mask { position: absolute; top: 50px; left: 0; padding: 0 40px; } @media (max-width: 991px) { .wrap-brand-xcellent .xcellent .pic .mask { position: relative; top: 20px; padding: 0; } } .wrap-brand-xcellent .xcellent .pic .mask p { margin-bottom: 20px; } @media (max-width: 991px) { .wrap-brand-xcellent .xcellent .pic .mask p { margin-bottom: 10px; } } .wrap-brand-xcellent .xcellent .pic .mask b { font-size: 28px; line-height: 40px; display: inline-block; padding: 10px 40px; color: #fff; border-radius: 30px; background-color: #f2b100; } @media (max-width: 991px) { .wrap-brand-xcellent .xcellent .pic .mask b { font-size: 14px; line-height: 24px; padding: 10px 15px; } } .wrap-brand-xcellent .roadbreaker { padding: 80px 0; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker { padding: 50px 0; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-sort ul { margin: 0 -25px; } .wrap-brand-xcellent .roadbreaker .roadbreaker-sort ul li { display: inline-block; margin-top: 10px; padding: 0 25px; } .wrap-brand-xcellent .roadbreaker .roadbreaker-sort ul li a { font-size: 30px; line-height: 30px; display: block; padding: 15px 14px; color: #fff; border-radius: 6px; background-color: #626262; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-sort ul li a { font-size: 20px; line-height: 24px; padding: 10px; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-sort ul li.active a { background-color: #f2b100; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list { overflow: hidden; margin-top: 60px; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .pic { float: left; width: 40%; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .pic { width: 100%; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .pic img { max-width: 100%; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text { float: left; width: 60%; padding-left: 5%; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text { width: 100%; margin-top: 30px; padding: 0; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .title-text b { font-size: 56px; line-height: 1.5; display: inline-block; border-bottom: 4px solid #e2e2e2; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .title-text b { font-size: 30px; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .title-text b span { position: relative; display: inline-block; color: #f2b100; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .title-text b span:after { position: absolute; bottom: -4px; display: block; width: 100%; height: 4px; content: ''; background-color: #f2b100; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .note { margin-top: 30px; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .note p { font-size: 18px; line-height: 32px; position: relative; padding-left: 26px; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .note p { font-size: 16px; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .note p b { font-size: 20px; position: absolute; top: 0; left: 0; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .note p b { font-size: 18px; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .more { margin-top: 40px; } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .more a { font-size: 20px; line-height: 24px; display: inline-block; margin-top: 10px; margin-right: 30px; padding: 15px 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 6px; background-color: #f2b100; } @media (max-width: 991px) { .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .more a { font-size: 18px; margin-right: 10px; padding: 10px 20px; } } .wrap-brand-xcellent .roadbreaker .roadbreaker-list .text .more a:hover { background-color: #d7a10d; } .wrap-brand-xcellent .process { padding: 80px 0; background: url(../images/process_bg.jpg) repeat; } @media (max-width: 991px) { .wrap-brand-xcellent .process { padding: 50px 0; } } .wrap-brand-xcellent .process .title-process { text-align: center; } .wrap-brand-xcellent .process .title-process b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-xcellent .process .title-process b { font-size: 24px; } } .wrap-brand-xcellent .process .title-design b, .wrap-brand-xcellent .process .title-performance b { font-size: 46px; line-height: 50px; display: inline-block; min-width: 290px; padding: 5px 30px; text-align: center; color: #fff; border-radius: 30px; background-color: #f2b100; } @media (max-width: 991px) { .wrap-brand-xcellent .process .title-design b, .wrap-brand-xcellent .process .title-performance b { font-size: 24px; } } .wrap-brand-xcellent .process .design { margin-top: 60px; } .wrap-brand-xcellent .process .design .list { margin-top: 20px; } .wrap-brand-xcellent .process .design .list ul { font-size: 0; margin: 0 -15px; } .wrap-brand-xcellent .process .design .list ul li { position: relative; display: inline-block; width: 25%; margin-top: 30px; padding: 0 15px; text-align: center; vertical-align: top; } @media (max-width: 991px) { .wrap-brand-xcellent .process .design .list ul li { width: 50%; } } .wrap-brand-xcellent .process .design .list ul li:after { font-family: 'iconfont' !important; font-size: 50px; position: absolute; top: 20%; right: -20px; width: 40px; content: '\e61f'; text-align: center; color: #f8d87f; } @media (max-width: 991px) { .wrap-brand-xcellent .process .design .list ul li:after { font-size: 30px; right: -15px; width: 30px; } } .wrap-brand-xcellent .process .design .list ul li:last-child:after { display: none; } @media (max-width: 991px) { .wrap-brand-xcellent .process .design .list ul li:nth-child(2n):after { display: none; } } .wrap-brand-xcellent .process .design .list .item { font-size: 14px; } .wrap-brand-xcellent .process .design .list .item img { max-width: 100%; } .wrap-brand-xcellent .process .design .list .item p { font-size: 30px; line-height: 1.5; margin: 20px 0 0 0; } @media (max-width: 991px) { .wrap-brand-xcellent .process .design .list .item p { font-size: 20px; } } .wrap-brand-xcellent .process .performance { margin-top: 60px; } .wrap-brand-xcellent .process .performance .list { position: relative; margin-top: 20px; } .wrap-brand-xcellent .process .performance .list:before { position: absolute; top: 130px; display: block; width: 100%; height: 2px; content: ''; background-color: #e5e5e5; } @media (max-width: 991px) { .wrap-brand-xcellent .process .performance .list:before { display: none; } } .wrap-brand-xcellent .process .performance .list ul { font-size: 0; } .wrap-brand-xcellent .process .performance .list ul li { position: relative; z-index: 2; display: inline-block; width: 25%; margin-top: 30px; vertical-align: top; } @media (max-width: 991px) { .wrap-brand-xcellent .process .performance .list ul li { width: 50%; } } .wrap-brand-xcellent .process .performance .list .item { font-size: 14px; text-align: center; } .wrap-brand-xcellent .process .performance .list .item b { font-size: 30px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-brand-xcellent .process .performance .list .item b { font-size: 24px; } } .wrap-brand-xcellent .process .performance .list .item b:after { font-family: 'iconfont' !important; font-weight: normal; line-height: 80px; display: block; width: 80px; height: 80px; margin: 30px auto; content: '\e64b'; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 50%; background-color: #7d7d7d; } @media (max-width: 991px) { .wrap-brand-xcellent .process .performance .list .item b:after { margin: 20px auto; } } .wrap-brand-xcellent .process .performance .list .item p { font-size: 20px; line-height: 1.6; margin: 0; } @media (max-width: 991px) { .wrap-brand-xcellent .process .performance .list .item p { font-size: 15px; } } .wrap-brand-xcellent .process .performance .list .item-mileage b:after { content: '\e725'; } .wrap-brand-xcellent .process .performance .list .item-comfort b:after { content: '\e64a'; } .wrap-brand-xcellent .process .performance .list .item-handling b:after { content: '\e64c'; } .wrap-brand-xcellent .process .performance .list .item:hover b:after { background-color: #f2b100; } .wrap-brand-xcellent .innovative { background: url(../images/xcellent_bg.jpg) no-repeat center; background-size: cover; } .wrap-brand-xcellent .innovative ul { font-size: 0; } .wrap-brand-xcellent .innovative ul li { display: inline-block; width: 33.33333333%; -webkit-transition: all .2s; transition: all .2s; vertical-align: top; background-color: rgba(0, 0, 0, .2); } @media (max-width: 991px) { .wrap-brand-xcellent .innovative ul li { width: 100%; } } .wrap-brand-xcellent .innovative ul li:hover { background-color: rgba(0, 0, 0, 0); } .wrap-brand-xcellent .innovative .item { font-size: 14px; padding: 160px 10% 200px; color: #fff; } @media (max-width: 991px) { .wrap-brand-xcellent .innovative .item { padding: 30px 15px; } } .wrap-brand-xcellent .innovative .item b { font-size: 38px; line-height: 1.31578947; display: block; margin-bottom: 30px; } @media (max-width: 1470px) { .wrap-brand-xcellent .innovative .item b { font-size: 30px; } } @media (max-width: 991px) { .wrap-brand-xcellent .innovative .item b { font-size: 24px; } } .wrap-brand-xcellent .innovative .item b:after { display: block; width: 68px; height: 5px; margin-top: 6px; content: ''; background-color: #fff; } .wrap-brand-xcellent .innovative .item p { font-size: 18px; line-height: 2; margin: 0; } @media (max-width: 991px) { .wrap-brand-xcellent .innovative .item p { font-size: 15px; } } .wrap-brand-xcellent .factory { padding: 80px 0 0 0; } @media (max-width: 991px) { .wrap-brand-xcellent .factory { padding: 50px 0 0 0; } } .wrap-brand-xcellent .factory .title-factory { text-align: center; } .wrap-brand-xcellent .factory .title-factory b { font-size: 46px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-brand-xcellent .factory .title-factory b { font-size: 24px; } } .wrap-brand-xcellent .factory .list .item { display: block; margin-top: 40px; } @media (max-width: 991px) { .wrap-brand-xcellent .factory .list .item { margin-top: 20px; } } .wrap-brand-xcellent .factory .list .item .img-box { padding-bottom: 63.97058824%; } .wrap-brand-xcellent .factory .list .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-brand-xcellent .factory .list .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-service-credibility .credibility { padding-bottom: 80px; } @media (max-width: 991px) { .wrap-service-credibility .credibility { padding-bottom: 50px; } } .wrap-service-credibility .credibility .title-credibility { text-align: center; } .wrap-service-credibility .credibility .title-credibility b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-service-credibility .credibility .title-credibility b { font-size: 24px; } } .wrap-service-credibility .credibility .text { max-width: 930px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-service-credibility .credibility .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .credibility .text p { font-size: 16px; } } .wrap-service-credibility .credibility .slick-credibility { margin-top: 50px; } .wrap-service-credibility .credibility .slick-credibility .slick-slide { padding: 0 20px; } @media (max-width: 991px) { .wrap-service-credibility .credibility .slick-credibility .slick-slide { padding: 0 8px; } } .wrap-service-credibility .credibility .slick-credibility .item { display: block; border: 1px solid #d4d4d4; } .wrap-service-credibility .credibility .slick-credibility .item .img-box { padding-bottom: 142.29508197%; } .wrap-service-credibility .credibility .slick-credibility .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-service-credibility .credibility .slick-credibility .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-service-credibility .credibility .slick-dots { width: 100%; margin-top: 30px; text-align: center; } .wrap-service-credibility .credibility .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0 10px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; border-radius: 50%; background-color: #eee; } .wrap-service-credibility .credibility .slick-dots li.slick-active { background-color: #9dc213; } .wrap-service-credibility .credibility .slick-dots li button { display: none; } .wrap-service-credibility .credibility .design-patents { padding-top: 80px; } @media (max-width: 991px) { .wrap-service-credibility .credibility .design-patents { padding-top: 50px; } } .wrap-service-credibility .credibility .design-patents .title-design-patents { text-align: center; } .wrap-service-credibility .credibility .design-patents .title-design-patents b { font-size: 46px; line-height: 50px; display: inline-block; padding: 5px 30px; text-transform: uppercase; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-credibility .credibility .design-patents .title-design-patents b { font-size: 24px; } } .wrap-service-credibility .credibility .design-patents .list .row { margin: 0 -20px; } .wrap-service-credibility .credibility .design-patents .list .itembox { padding: 0 20px; } .wrap-service-credibility .credibility .design-patents .list .item { overflow: hidden; margin-top: 60px; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-service-credibility .credibility .design-patents .list .item { margin-top: 30px; } } .wrap-service-credibility .credibility .design-patents .list .item .pic { float: left; width: 58%; } .wrap-service-credibility .credibility .design-patents .list .item .pic .img-box { padding-bottom: 120%; } .wrap-service-credibility .credibility .design-patents .list .item .note { float: left; width: 42%; padding: 50px 30px 0 30px; } @media (max-width: 1470px) { .wrap-service-credibility .credibility .design-patents .list .item .note { padding: 30px 15px 0 15px; } } .wrap-service-credibility .credibility .design-patents .list .item .note .note-pic { max-width: 90%; border: 1px solid #d4d4d4; } .wrap-service-credibility .credibility .design-patents .list .item .note .note-pic .img-box { padding-bottom: 143.42105263%; } .wrap-service-credibility .credibility .design-patents .list .item .note .note-desc { position: relative; z-index: 2; width: 170%; margin-top: 24px; margin-left: -70%; background-color: rgba(157, 194, 19, .8); } .wrap-service-credibility .credibility .design-patents .list .item .note .note-desc p { font-size: 28px; line-height: 58px; display: -webkit-box; overflow: hidden; height: 58px; text-align: center; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1470px) { .wrap-service-credibility .credibility .design-patents .list .item .note .note-desc p { font-size: 22px; line-height: 50px; height: 50px; } } @media (max-width: 991px) { .wrap-service-credibility .credibility .design-patents .list .item .note .note-desc p { font-size: 18px; line-height: 44px; height: 44px; } } .wrap-service-credibility .quality { padding: 80px 0; color: #fff; background: url(../images/credibility_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-service-credibility .quality { padding: 50px 0; } } .wrap-service-credibility .quality .quality-top { font-size: 0; overflow: hidden; } .wrap-service-credibility .quality .quality-top .title-quality { display: inline-block; width: 30%; padding-right: 20px; vertical-align: middle; border-right: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-top .title-quality { width: 100%; padding: 0; border-right: none; } } .wrap-service-credibility .quality .quality-top .title-quality b { font-size: 100px; line-height: 1; display: block; text-transform: uppercase; color: #9dc213; } @media (max-width: 1470px) { .wrap-service-credibility .quality .quality-top .title-quality b { font-size: 80px; } } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-top .title-quality b { font-size: 40px; } } .wrap-service-credibility .quality .quality-top .title-quality span { font-size: 50px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 1470px) { .wrap-service-credibility .quality .quality-top .title-quality span { font-size: 40px; } } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-top .title-quality span { font-size: 24px; } } .wrap-service-credibility .quality .quality-top .text { display: inline-block; width: 70%; padding-left: 5%; vertical-align: middle; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-top .text { width: 100%; margin-top: 30px; padding-left: 0; } } .wrap-service-credibility .quality .quality-top .text p { font-size: 16px; line-height: 1.875; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-top .text p { font-size: 15px; line-height: 1.86666667; } } .wrap-service-credibility .quality .quality-tab { margin-top: 60px; } .wrap-service-credibility .quality .quality-tab .quality-sort { position: relative; } .wrap-service-credibility .quality .quality-tab .quality-sort:before { position: absolute; left: -25%; display: block; width: 150%; height: 100%; content: ''; background-color: rgba(255, 255, 255, .1); } .wrap-service-credibility .quality .quality-tab .quality-sort ul { margin: 0 -30px; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-sort ul { margin: 0 -10px; } } .wrap-service-credibility .quality .quality-tab .quality-sort ul li { position: relative; z-index: 2; display: inline-block; padding: 0 30px; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-sort ul li { padding: 0 10px; } } .wrap-service-credibility .quality .quality-tab .quality-sort ul li a { font-size: 20px; line-height: 28px; display: block; padding: 20px 0; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-sort ul li a { font-size: 16px; padding: 4px 0; } } .wrap-service-credibility .quality .quality-tab .quality-sort ul li a:after { display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #9dc213; } .wrap-service-credibility .quality .quality-tab .quality-sort ul li.active a { color: #9dc213; } .wrap-service-credibility .quality .quality-tab .quality-sort ul li.active a:after { width: 100%; } .wrap-service-credibility .quality .quality-tab .quality-list .quality-text { float: left; width: 66%; margin-top: 40px; padding-right: 5%; } @media (max-width: 1470px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-text { width: 60%; } } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-text { width: 100%; } } .wrap-service-credibility .quality .quality-tab .quality-list .quality-text p { font-size: 18px; line-height: 2; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-text p { font-size: 15px; line-height: 1.86666667; } } .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic { float: left; width: 34%; } @media (max-width: 1470px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic { width: 40%; } } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic { width: 100%; } } .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic ul { overflow: hidden; margin: 0 -20px; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic ul { margin: 0 -8px; } } .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic ul li { float: left; width: 33.33333333%; margin-top: 40px; padding: 0 20px; } @media (max-width: 991px) { .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic ul li { padding: 0 8px; } } .wrap-service-credibility .quality .quality-tab .quality-list .quality-pic ul li .img-box { padding-bottom: 142.69662921%; } .wrap-service-credibility .eco { padding: 80px 0; } @media (max-width: 991px) { .wrap-service-credibility .eco { padding: 50px 0; } } .wrap-service-credibility .eco .title-eco { text-align: center; } .wrap-service-credibility .eco .title-eco b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-service-credibility .eco .title-eco b { font-size: 24px; } } .wrap-service-credibility .eco .text { max-width: 930px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-service-credibility .eco .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .eco .text p { font-size: 16px; } } .wrap-service-credibility .eco .list>ul>li { margin-top: 100px; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li { margin-top: 50px; } } .wrap-service-credibility .eco .list>ul>li .item { font-size: 0; position: relative; background-color: #f8f8f8; } .wrap-service-credibility .eco .list>ul>li .item .title-item { position: absolute; top: -30px; left: 30px; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .title-item { position: relative; top: 0; left: 0; } } .wrap-service-credibility .eco .list>ul>li .item .title-item b { font-size: 26px; line-height: 60px; display: inline-block; padding: 0 60px; color: #fff; border-radius: 10px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .title-item b { font-size: 20px; line-height: 40px; padding: 0 30px; } } .wrap-service-credibility .eco .list>ul>li .item .itembox { overflow: hidden; } .wrap-service-credibility .eco .list>ul>li .item .item-left { font-size: 14px; float: left; width: 90%; padding: 80px 40px; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left { width: 100%; padding: 30px 15px; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc { float: left; width: 70%; padding-right: 5%; } @media (max-width: 1470px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc { width: 60%; } } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc { width: 100%; padding: 0; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 1470px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note p { font-size: 16px; line-height: 1.75; } } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note p { font-size: 16px; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note h3 { font-size: 22px; line-height: 1.54545455; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note h3 { font-size: 18px; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note h3 span { color: #9dc213; } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-desc .note img { max-width: 100%; } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic { position: relative; float: left; width: 30%; } @media (max-width: 1470px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic { width: 40%; } } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic { width: 100%; margin-top: 40px; padding-right: 60px; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box { float: left; width: 50%; padding: 0 15px; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box { padding: 0 8px; } } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box .img-box { padding-bottom: 134.66666667%; border: 1px solid #dcdcdc; } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box-xs { position: absolute; right: -90px; bottom: 0; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box-xs { right: 0; width: 50px; } .wrap-service-credibility .eco .list>ul>li .item .item-left .item-pic .pic-box-xs img { max-width: 100%; } } .wrap-service-credibility .eco .list>ul>li .item .item-right { font-size: 14px; float: right; width: 20%; margin-left: -10%; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li .item .item-right { display: none; } .wrap-service-credibility .eco .list>ul>li .item .item-right img { max-width: 100%; } } .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .title-item { right: 30px; left: auto; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .title-item { right: auto; } } .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-left { position: relative; z-index: 2; float: right; margin-left: -10%; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-left { margin: 0; } } .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-left .item-desc { float: right; padding: 0 0 0 5%; } @media (max-width: 991px) { .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-left .item-desc { padding: 0; } } .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-left .item-pic { float: left; } .wrap-service-credibility .eco .list>ul>li:nth-child(2n) .item .item-right { float: left; margin: 0; } .wrap-service-credibility .warranty .title-warranty { text-align: center; } .wrap-service-credibility .warranty .title-warranty b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-service-credibility .warranty .title-warranty b { font-size: 24px; } } .wrap-service-credibility .warranty .text { max-width: 930px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-service-credibility .warranty .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .warranty .text p { font-size: 16px; } } .wrap-service-credibility .warranty .text h3 { font-size: 22px; line-height: 1.54545455; margin: 0; } @media (max-width: 991px) { .wrap-service-credibility .warranty .text h3 { font-size: 18px; } } .wrap-service-credibility .warranty .text h3 span { color: #9dc213; } .wrap-service-credibility .warranty .list { max-width: 1080px; margin: 0 auto; margin-top: 20px; } .wrap-service-credibility .warranty .list ul { font-size: 0; margin: 0 -30px; } @media (max-width: 991px) { .wrap-service-credibility .warranty .list ul { margin: 0 -8px; } } .wrap-service-credibility .warranty .list ul li { display: inline-block; width: 33.33333333%; margin-top: 30px; padding: 0 30px; vertical-align: top; } @media (max-width: 991px) { .wrap-service-credibility .warranty .list ul li { padding: 0 8px; } } @media (max-width: 767px) { .wrap-service-credibility .warranty .list ul li { width: 50%; } } .wrap-service-credibility .warranty .list ul li .item { display: block; border: 1px solid #d4d4d4; } .wrap-service-credibility .warranty .list ul li .item .img-box { padding-bottom: 142.29508197%; } .wrap-service-credibility .warranty .list ul li .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-service-credibility .warranty .list ul li .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-service-marketing { padding: 0; } .wrap-service-marketing .marketing { padding: 80px 0; } @media (max-width: 991px) { .wrap-service-marketing .marketing { padding: 50px 0; } } .wrap-service-marketing .marketing .title-credibility { text-align: center; } .wrap-service-marketing .marketing .title-credibility b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-service-marketing .marketing .title-credibility b { font-size: 24px; } } .wrap-service-marketing .marketing .slick-credibility { margin-top: 50px; } @media (max-width: 991px) { .wrap-service-marketing .marketing .slick-credibility { margin-top: 30px; } } .wrap-service-marketing .marketing .slick-credibility .slick-slide { padding: 0 20px; } @media (max-width: 991px) { .wrap-service-marketing .marketing .slick-credibility .slick-slide { padding: 0 8px; } } .wrap-service-marketing .marketing .slick-credibility .item { display: block; } .wrap-service-marketing .marketing .slick-credibility .item .img-box { padding-bottom: 142.29508197%; border: 1px solid #d4d4d4; } .wrap-service-marketing .marketing .slick-credibility .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-service-marketing .marketing .slick-credibility .item p { font-size: 16px; line-height: 30px; display: -webkit-box; overflow: hidden; margin: 14px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-service-marketing .marketing .slick-credibility .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-service-marketing .marketing .slick-credibility .item:hover p { color: #9dc213; } .wrap-service-marketing .marketing .slick-dots { width: 100%; margin-top: 30px; text-align: center; } .wrap-service-marketing .marketing .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0 10px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; border-radius: 50%; background-color: #eee; } .wrap-service-marketing .marketing .slick-dots li.slick-active { background-color: #9dc213; } .wrap-service-marketing .marketing .slick-dots li button { display: none; } .wrap-service-marketing .promotions { padding: 80px 0; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-service-marketing .promotions { padding: 50px 0; } } .wrap-service-marketing .promotions .title-promotions { text-align: center; } .wrap-service-marketing .promotions .title-promotions b { font-size: 42px; line-height: 1; display: block; text-transform: uppercase; } @media (max-width: 991px) { .wrap-service-marketing .promotions .title-promotions b { font-size: 24px; } } .wrap-service-marketing .promotions .slick-promotions { margin: 0 -26px; } .wrap-service-marketing .promotions .slick-promotions .slick-slide { padding: 0 26px; } .wrap-service-marketing .promotions .slick-promotions .item { margin-top: 50px; } @media (max-width: 991px) { .wrap-service-marketing .promotions .slick-promotions .item { margin-top: 30px; } } .wrap-service-marketing .promotions .slick-promotions .item .img-box { padding-bottom: 58.10055866%; } .wrap-service-marketing .promotions .slick-promotions .item .note { margin-top: 6px; padding: 0 14px; } .wrap-service-marketing .promotions .slick-promotions .item .note p { font-size: 24px; line-height: 40px; display: -webkit-box; overflow: hidden; height: 40px; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-service-marketing .promotions .slick-promotions .item .note p { font-size: 18px; line-height: 30px; height: 30px; } } .wrap-service-marketing .promotions .slick-dots { width: 100%; margin-top: 30px; text-align: center; } .wrap-service-marketing .promotions .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0 10px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; border-radius: 50%; background-color: #eee; } .wrap-service-marketing .promotions .slick-dots li.slick-active { background-color: #9dc213; } .wrap-service-marketing .promotions .slick-dots li button { display: none; } .wrap-service-tips-choose .tips-top { text-align: center; } .wrap-service-tips-choose .tips-top b { font-size: 42px; line-height: 40px; display: inline-block; padding: 14px 40px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-choose .tips-top b { font-size: 24px; } } .wrap-service-tips-choose .tips-top .note { max-width: 1500px; margin: 0 auto; margin-top: 20px; padding: 0 10%; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; } .wrap-service-tips-choose .tips-top .note p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-choose .tips-top .note p { font-size: 16px; } } .wrap-service-tips-choose .driving { padding-top: 80px; } .wrap-service-tips-choose .driving .title-driving { text-align: center; } .wrap-service-tips-choose .driving .title-driving b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-choose .driving .title-driving b { font-size: 24px; } } .wrap-service-tips-choose .driving .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; } .wrap-service-tips-choose .driving .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-choose .driving .text p { font-size: 16px; } } .wrap-service-tips-choose .driving .list { margin-top: 50px; } .wrap-service-tips-choose .driving .list ul { overflow: hidden; } .wrap-service-tips-choose .driving .list ul li { float: left; width: 33.33333333%; } @media (max-width: 991px) { .wrap-service-tips-choose .driving .list ul li { width: 50%; } } @media (max-width: 767px) { .wrap-service-tips-choose .driving .list ul li { width: 100%; } } .wrap-service-tips-choose .driving .list .item { position: relative; } .wrap-service-tips-choose .driving .list .item .img-box { padding-bottom: 107.8125%; } .wrap-service-tips-choose .driving .list .item .text { position: absolute; top: 50%; padding: 0 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .wrap-service-tips-choose .driving .list .item .text { padding: 30px 15px; } } .wrap-service-tips-choose .driving .list .item .text p { font-size: 42px; line-height: 1.42857143; margin: 0; text-transform: uppercase; color: #fff; } @media (max-width: 1470px) { .wrap-service-tips-choose .driving .list .item .text p { font-size: 34px; } } @media (max-width: 991px) { .wrap-service-tips-choose .driving .list .item .text p { font-size: 24px; } } .wrap-service-tips-choose .driving .list .item .text img { max-width: 100%; margin-top: 10%; } @media (max-width: 991px) { .wrap-service-tips-choose .driving .list .item .text img { margin-top: 30px; } } .wrap-service-tips-choose .type { padding: 80px 0; } @media (max-width: 991px) { .wrap-service-tips-choose .type { padding: 50px 0; } } .wrap-service-tips-choose .type .title-type { text-align: center; } .wrap-service-tips-choose .type .title-type b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-choose .type .title-type b { font-size: 24px; } } .wrap-service-tips-choose .type .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-service-tips-choose .type .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-choose .type .text p { font-size: 16px; } } .wrap-service-tips-choose .type .mask { margin-top: 40px; text-align: center; } .wrap-service-tips-choose .type .mask p { font-size: 20px; line-height: 30px; display: inline-block; margin: 0; padding: 15px 30px; color: #fff; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-choose .type .mask p { font-size: 16px; line-height: 24px; padding: 10px; } } .wrap-service-tips-choose .type .list .item { margin-top: 30px; } .wrap-service-tips-choose .type .list .item .img-box { padding-bottom: 61.5%; } .wrap-service-tips-choose .type .list .item p { font-size: 20px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 14px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-service-tips-choose .type .list .item p { font-size: 16px; } } .wrap-service-tips-choose .budet .text { overflow: hidden; text-align: right; } .wrap-service-tips-choose .budet .text .note { display: inline-block; width: 50%; padding: 60px 40px; text-align: left; color: #fff; background-color: rgba(0, 0, 0, .86); } @media (max-width: 767px) { .wrap-service-tips-choose .budet .text .note { width: 100%; padding: 30px 15px; } } .wrap-service-tips-choose .budet .text .note b { font-size: 46px; line-height: 1.30434783; display: block; margin-bottom: 14px; } @media (max-width: 991px) { .wrap-service-tips-choose .budet .text .note b { font-size: 24px; } } .wrap-service-tips-choose .budet .text .note p { font-size: 20px; line-height: 1.8; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-choose .budet .text .note p { font-size: 16px; } } .wrap-service-tips-choose .tyre { padding-top: 80px; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre { padding-top: 50px; } } .wrap-service-tips-choose .tyre .title-tyre { text-align: center; } .wrap-service-tips-choose .tyre .title-tyre b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .title-tyre b { font-size: 24px; } } .wrap-service-tips-choose .tyre .text { max-width: 930px; margin: 0 auto; margin-top: 20px; text-align: center; } .wrap-service-tips-choose .tyre .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .text p { font-size: 16px; } } .wrap-service-tips-choose .tyre .list .row { margin: 0 -24px; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .list .row { margin: 0 -10px; } } .wrap-service-tips-choose .tyre .list .itembox { padding: 0 24px; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .list .itembox { padding: 0 10px; } } .wrap-service-tips-choose .tyre .list .item { margin-top: 48px; padding: 30px; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .list .item { margin-top: 30px; padding: 30px 15px; } } .wrap-service-tips-choose .tyre .list .item:before { font-family: 'iconfont' !important; font-size: 60px; line-height: 60px; display: block; content: '\e68b'; text-align: center; color: #9dc213; } .wrap-service-tips-choose .tyre .list .item-2:before { content: '\e7f4'; } .wrap-service-tips-choose .tyre .list .item-3:before { content: '\e675'; } .wrap-service-tips-choose .tyre .list .item-4:before { content: '\e654'; } .wrap-service-tips-choose .tyre .list .item-5:before { content: '\e64d'; } .wrap-service-tips-choose .tyre .list .item-6:before { content: '\e655'; } .wrap-service-tips-choose .tyre .list .item-7:before { content: '\e651'; } .wrap-service-tips-choose .tyre .list .item-8:before { content: '\e64a'; } .wrap-service-tips-choose .tyre .list .item-9:before { content: '\e650'; } .wrap-service-tips-choose .tyre .list .item-10:before { content: '\e652'; } .wrap-service-tips-choose .tyre .list .item-11:before { content: '\e64e'; } .wrap-service-tips-choose .tyre .list .item-12:before { content: '\e68c'; } .wrap-service-tips-choose .tyre .list .item b { font-size: 28px; font-weight: 500; line-height: 1.42857143; display: block; text-align: center; } @media (max-width: 991px) { .wrap-service-tips-choose .tyre .list .item b { font-size: 24px; } } .wrap-service-tips-choose .tyre .list .item .note { margin-top: 20px; } .wrap-service-tips-choose .tyre .list .item .note p { font-size: 16px; line-height: 1.75; margin: 0; } .wrap-service-tips-choose .tyre .list .item .note p span { color: #9dc213; } .wrap-service-tips-driving .driving .title-driving, .wrap-service-tips-driving .winter .title-driving, .wrap-service-tips-driving .weather .title-driving { text-align: center; } .wrap-service-tips-driving .driving .title-driving b, .wrap-service-tips-driving .winter .title-driving b, .wrap-service-tips-driving .weather .title-driving b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-driving .driving .title-driving b, .wrap-service-tips-driving .winter .title-driving b, .wrap-service-tips-driving .weather .title-driving b { font-size: 24px; } } .wrap-service-tips-driving .driving .title-driving p, .wrap-service-tips-driving .winter .title-driving p, .wrap-service-tips-driving .weather .title-driving p { font-size: 18px; line-height: 2; margin: 4px 0 0 0; } .wrap-service-tips-driving .driving .list, .wrap-service-tips-driving .winter .list, .wrap-service-tips-driving .weather .list { position: relative; margin-top: 40px; padding: 0 5%; background: url(../images/eco_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-service-tips-driving .driving .list, .wrap-service-tips-driving .winter .list, .wrap-service-tips-driving .weather .list { padding: 0 15px; } } .wrap-service-tips-driving .driving .list:after, .wrap-service-tips-driving .winter .list:after, .wrap-service-tips-driving .weather .list:after { position: absolute; bottom: 130px; display: block; width: 90%; height: 1px; content: ''; background-color: #9dc213; } .wrap-service-tips-driving .driving .list .slick-slide, .wrap-service-tips-driving .winter .list .slick-slide, .wrap-service-tips-driving .weather .list .slick-slide { display: inline-block; float: none; padding: 0 2%; vertical-align: bottom; } .wrap-service-tips-driving .driving .list .item, .wrap-service-tips-driving .winter .list .item, .wrap-service-tips-driving .weather .list .item { position: relative; display: block; padding: 120px 8%; -webkit-transition: all .6s; transition: all .6s; text-align: center; color: #fff; } @media (max-width: 991px) { .wrap-service-tips-driving .driving .list .item, .wrap-service-tips-driving .winter .list .item, .wrap-service-tips-driving .weather .list .item { padding: 80px 15px; } } .wrap-service-tips-driving .driving .list .item:after, .wrap-service-tips-driving .winter .list .item:after, .wrap-service-tips-driving .weather .list .item:after { position: absolute; z-index: 2; bottom: 120px; left: 50%; display: block; width: 20px; height: 20px; margin: 0 auto; margin-left: -10px; content: ''; background: url(../images/dot-icon.png) no-repeat; background-size: cover; } .wrap-service-tips-driving .driving .list .item b, .wrap-service-tips-driving .winter .list .item b, .wrap-service-tips-driving .weather .list .item b { font-size: 26px; line-height: 1; display: block; margin-bottom: 30px; -webkit-transition: all .6s; transition: all .6s; } .wrap-service-tips-driving .driving .list .item p, .wrap-service-tips-driving .winter .list .item p, .wrap-service-tips-driving .weather .list .item p { font-size: 18px; line-height: 2; overflow: hidden; height: 0; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } @media (max-width: 991px) { .wrap-service-tips-driving .driving .list .item p, .wrap-service-tips-driving .winter .list .item p, .wrap-service-tips-driving .weather .list .item p { font-size: 15px; } } .wrap-service-tips-driving .driving .list .slick-current .item, .wrap-service-tips-driving .winter .list .slick-current .item, .wrap-service-tips-driving .weather .list .slick-current .item { min-height: 760px; background-color: rgba(255, 255, 255, .2); } @media (max-width: 991px) { .wrap-service-tips-driving .driving .list .slick-current .item, .wrap-service-tips-driving .winter .list .slick-current .item, .wrap-service-tips-driving .weather .list .slick-current .item { min-height: 600px; } } .wrap-service-tips-driving .driving .list .slick-current .item:after, .wrap-service-tips-driving .winter .list .slick-current .item:after, .wrap-service-tips-driving .weather .list .slick-current .item:after { margin-top: 100px; background: url(../images/dot-icon-green.png) no-repeat; background-size: cover; } .wrap-service-tips-driving .driving .list .slick-current .item b, .wrap-service-tips-driving .winter .list .slick-current .item b, .wrap-service-tips-driving .weather .list .slick-current .item b { font-size: 32px; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } @media (max-width: 991px) { .wrap-service-tips-driving .driving .list .slick-current .item b, .wrap-service-tips-driving .winter .list .slick-current .item b, .wrap-service-tips-driving .weather .list .slick-current .item b { font-size: 20px; } } .wrap-service-tips-driving .driving .list .slick-current .item p, .wrap-service-tips-driving .winter .list .slick-current .item p, .wrap-service-tips-driving .weather .list .slick-current .item p { height: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .wrap-service-tips-driving .driving .list .slick-arrow, .wrap-service-tips-driving .winter .list .slick-arrow, .wrap-service-tips-driving .weather .list .slick-arrow { line-height: 34px; position: absolute; z-index: 2; bottom: 114px; left: -34px; width: 34px; height: 34px; padding: 0; cursor: pointer; text-align: center; color: #9dc213; border-radius: 6px; background: none; } .wrap-service-tips-driving .driving .list .slick-arrow:before, .wrap-service-tips-driving .winter .list .slick-arrow:before, .wrap-service-tips-driving .weather .list .slick-arrow:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e9bc'; } .wrap-service-tips-driving .driving .list .slick-arrow.slick-next, .wrap-service-tips-driving .winter .list .slick-arrow.slick-next, .wrap-service-tips-driving .weather .list .slick-arrow.slick-next { right: -34px; left: auto; } .wrap-service-tips-driving .driving .list .slick-arrow.slick-next:before, .wrap-service-tips-driving .winter .list .slick-arrow.slick-next:before, .wrap-service-tips-driving .weather .list .slick-arrow.slick-next:before { content: '\e782'; } .wrap-service-tips-driving .driving .list .slick-arrow:hover, .wrap-service-tips-driving .winter .list .slick-arrow:hover, .wrap-service-tips-driving .weather .list .slick-arrow:hover { color: #769700; } .wrap-service-tips-driving .winter { padding-top: 80px; } .wrap-service-tips-driving .winter .list { background: url(../images/winter_bg.jpg) no-repeat center; background-size: cover; } .wrap-service-tips-driving .weather { padding-top: 80px; } .wrap-service-tips-driving .weather .list { background: url(../images/weather_bg.jpg) no-repeat center; background-size: cover; } .wrap-service-tips-driving .road { margin-top: 80px; padding: 60px 90px; background: url(../images/road_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-service-tips-driving .road { margin-top: 50px; padding: 50px 15px; } } .wrap-service-tips-driving .road .title-road b { font-size: 28px; line-height: 54px; display: inline-block; padding: 0 34px; color: #fff; border-radius: 10px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-driving .road .title-road b { font-size: 20px; padding: 0 14px; } } .wrap-service-tips-driving .road .title-road p { font-size: 20px; line-height: 1.5; margin: 6px 0 0 0; } @media (max-width: 991px) { .wrap-service-tips-driving .road .title-road p { font-size: 16px; } } .wrap-service-tips-driving .road .list { margin-top: 30px; } .wrap-service-tips-driving .road .list ul { font-size: 0; margin: 0 -40px; } @media (max-width: 1470px) { .wrap-service-tips-driving .road .list ul { margin: 0 -20px; } } .wrap-service-tips-driving .road .list ul li { display: inline-block; width: 50%; padding: 0 40px; vertical-align: top; } @media (max-width: 1470px) { .wrap-service-tips-driving .road .list ul li { padding: 0 20px; } } @media (max-width: 991px) { .wrap-service-tips-driving .road .list ul li { width: 100%; } } .wrap-service-tips-driving .road .list .item { font-size: 14px; position: relative; margin-top: 20px; padding-left: 50px; } .wrap-service-tips-driving .road .list .item:before { font-family: 'iconfont' !important; font-size: 36px; position: absolute; top: 0; left: 0; content: '\e784'; color: #9dc213; } .wrap-service-tips-driving .road .list .item-2:before { content: '\e656'; } .wrap-service-tips-driving .road .list .item-3:before { content: '\e918'; } .wrap-service-tips-driving .road .list .item-4:before { content: '\e658'; } .wrap-service-tips-driving .road .list .item-5:before { content: '\e657'; } .wrap-service-tips-driving .road .list .item-6:before { content: '\e992'; } .wrap-service-tips-driving .road .list .item b { font-size: 26px; line-height: 1.53846154; display: inline-block; margin-bottom: 10px; border-bottom: 2px solid #010101; } @media (max-width: 991px) { .wrap-service-tips-driving .road .list .item b { font-size: 20px; } } .wrap-service-tips-driving .road .list .item p { font-size: 16px; line-height: 1.875; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-driving .road .list .item p { font-size: 15px; } } .wrap-service-tips-use { padding-bottom: 0; } .wrap-service-tips-use .pressure .title-pressure { text-align: center; } .wrap-service-tips-use .pressure .title-pressure b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .title-pressure b { font-size: 24px; } } .wrap-service-tips-use .pressure .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; } .wrap-service-tips-use .pressure .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .text p { font-size: 16px; } } .wrap-service-tips-use .pressure .list .pressure-sort { text-align: center; } .wrap-service-tips-use .pressure .list .pressure-sort ul { display: inline-block; margin-top: 40px; color: #fff; border-radius: 5px; background-color: #9dc213; } .wrap-service-tips-use .pressure .list .pressure-sort li { display: inline-block; } .wrap-service-tips-use .pressure .list .pressure-sort li a { font-size: 24px; line-height: 30px; display: block; padding: 20px 60px; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-sort li a { font-size: 18px; padding: 20px 10px; } } .wrap-service-tips-use .pressure .list .pressure-sort li.active a { font-size: 28px; font-weight: bold; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-sort li.active a { font-size: 20px; } } .wrap-service-tips-use .pressure .list .pressure-list { overflow: hidden; margin-top: 100px; } .wrap-service-tips-use .pressure .list .pressure-list .pic { float: left; width: 45%; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-list .pic { width: 100%; } } .wrap-service-tips-use .pressure .list .pressure-list .pic img { max-width: 100%; } .wrap-service-tips-use .pressure .list .pressure-list .note { float: left; width: 55%; padding-left: 30px; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-list .note { width: 100%; padding: 30px 0 0 0; } } .wrap-service-tips-use .pressure .list .pressure-list .note .title-note { border-radius: 30px; background-color: #f5f5f5; } .wrap-service-tips-use .pressure .list .pressure-list .note .title-note b { font-size: 36px; line-height: 60px; display: inline-block; padding: 0 20px; color: #fff; border-radius: 30px; background-color: #434343; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-list .note .title-note b { font-size: 24px; line-height: 46px; } } .wrap-service-tips-use .pressure .list .pressure-list .note .note-desc { margin-top: 20px; } .wrap-service-tips-use .pressure .list .pressure-list .note .note-desc p { font-size: 18px; font-weight: 300; line-height: 1.33333333; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-list .note .note-desc p { font-size: 16px; } } .wrap-service-tips-use .pressure .list .pressure-list .note .note-desc p b { font-size: 22px; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-use .pressure .list .pressure-list .note .note-desc p b { font-size: 18px; } } .wrap-service-tips-use .check { overflow: hidden; margin-top: 60px; padding: 80px 30px; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-service-tips-use .check { padding: 60px 15px; } } .wrap-service-tips-use .check .text, .wrap-service-tips-use .check .pic { float: left; width: 48%; padding: 0 30px; } @media (max-width: 991px) { .wrap-service-tips-use .check .text, .wrap-service-tips-use .check .pic { width: 100%; padding: 0 15px; } } .wrap-service-tips-use .check .text b { font-size: 32px; line-height: 1.5; display: block; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-use .check .text b { font-size: 24px; } } .wrap-service-tips-use .check .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .check .text p { font-size: 16px; } } .wrap-service-tips-use .check .pic { width: 52%; text-align: center; } @media (max-width: 991px) { .wrap-service-tips-use .check .pic { width: 100%; margin-top: 30px; } } .wrap-service-tips-use .check .pic img { max-width: 100%; } .wrap-service-tips-use .check .pic p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .check .pic p { font-size: 14px; } } .wrap-service-tips-use .wear { padding-top: 80px; } @media (max-width: 991px) { .wrap-service-tips-use .wear { padding-top: 50px; } } .wrap-service-tips-use .wear .title-wear { text-align: center; } .wrap-service-tips-use .wear .title-wear b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-use .wear .title-wear b { font-size: 24px; } } .wrap-service-tips-use .wear .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; } .wrap-service-tips-use .wear .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .wear .text p { font-size: 16px; } } .wrap-service-tips-use .wear .list { margin-top: 60px; background-color: #f8f8f8; } .wrap-service-tips-use .wear .list>ul>li { overflow: hidden; } .wrap-service-tips-use .wear .list>ul>li .note, .wrap-service-tips-use .wear .list>ul>li .pic { float: left; width: 50%; } @media (max-width: 991px) { .wrap-service-tips-use .wear .list>ul>li .note, .wrap-service-tips-use .wear .list>ul>li .pic { width: 100%; } } .wrap-service-tips-use .wear .list>ul>li .pic img { max-width: 100%; } .wrap-service-tips-use .wear .list>ul>li .note { padding: 5% 5% 0 5%; } @media (max-width: 991px) { .wrap-service-tips-use .wear .list>ul>li .note { padding: 30px 15px; } } .wrap-service-tips-use .wear .list>ul>li .note b { font-size: 32px; font-style: italic; line-height: 1; display: block; margin-bottom: 16px; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-use .wear .list>ul>li .note b { font-size: 24px; } } .wrap-service-tips-use .wear .list>ul>li .note p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .wear .list>ul>li .note p { font-size: 16px; } } .wrap-service-tips-use .wear .list>ul>li:nth-child(2n) .pic { float: right; } .wrap-service-tips-use .rotation { padding-top: 80px; } @media (max-width: 991px) { .wrap-service-tips-use .rotation { padding-top: 50px; } } .wrap-service-tips-use .rotation .title-rotation { text-align: center; } .wrap-service-tips-use .rotation .title-rotation b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-use .rotation .title-rotation b { font-size: 24px; } } .wrap-service-tips-use .rotation .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; } .wrap-service-tips-use .rotation .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .rotation .text p { font-size: 16px; } } .wrap-service-tips-use .rotation .title-explained { margin-top: 30px; text-align: center; } .wrap-service-tips-use .rotation .title-explained b { font-size: 24px; line-height: 40px; display: inline-block; padding: 10px 30px; color: #fff; border-radius: 30px; background-color: #9dc213; } .wrap-service-tips-use .rotation .list .item { margin-top: 60px; } .wrap-service-tips-use .rotation .list .item .pic { max-width: 300px; margin: 0 auto; } .wrap-service-tips-use .rotation .list .item .pic .img-box { padding-bottom: 150%; } .wrap-service-tips-use .rotation .list .item .note { padding: 30px; border-radius: 4px; background-color: #f8f8f8; } .wrap-service-tips-use .rotation .list .item .note b { font-size: 24px; font-weight: 500; line-height: 1.25; display: block; color: #9dc213; } .wrap-service-tips-use .rotation .list .item .note p { font-size: 18px; font-weight: 300; line-height: 1.77777778; margin: 0; } .wrap-service-tips-use .tyre { overflow: hidden; padding: 60px 0; } .wrap-service-tips-use .tyre .title-tyre { float: left; width: 26%; padding-right: 30px; } @media (max-width: 991px) { .wrap-service-tips-use .tyre .title-tyre { width: 100%; } } .wrap-service-tips-use .tyre .title-tyre b { font-size: 50px; font-weight: 500; font-style: italic; line-height: 1; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-use .tyre .title-tyre b { font-size: 24px; } } .wrap-service-tips-use .tyre .text { float: left; width: 74%; } @media (max-width: 991px) { .wrap-service-tips-use .tyre .text { width: 100%; margin-top: 30px; } } .wrap-service-tips-use .tyre .text p { font-size: 18px; line-height: 2; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .tyre .text p { font-size: 16px; } } .wrap-service-tips-use .wheel { padding: 80px 0; color: #fff; background: url(../images/wheel_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 991px) { .wrap-service-tips-use .wheel { padding: 50px 0; } } .wrap-service-tips-use .wheel .title-wheel { text-align: center; } .wrap-service-tips-use .wheel .title-wheel b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-service-tips-use .wheel .title-wheel b { font-size: 24px; } } .wrap-service-tips-use .wheel .text { max-width: 1180px; margin: 0 auto; margin-top: 20px; padding: 0 15px; text-align: center; } .wrap-service-tips-use .wheel .text p { font-size: 18px; line-height: 1.88888889; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .wheel .text p { font-size: 16px; } } .wrap-service-tips-use .wheel .list ul { overflow: hidden; margin: 0 -30px; margin-top: 30px; } .wrap-service-tips-use .wheel .list ul li { float: left; width: 50%; margin-top: 30px; padding: 0 30px; } @media (max-width: 991px) { .wrap-service-tips-use .wheel .list ul li { width: 100%; } } .wrap-service-tips-use .wheel .list .item b { font-size: 24px; font-weight: 500; line-height: 30px; display: inline-block; margin-bottom: 14px; padding: 10px 20px; color: #fff; border-radius: 4px; background-color: #9dc213; } .wrap-service-tips-use .wheel .list .item p { font-size: 20px; font-weight: 300; line-height: 1.7; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-use .wheel .list .item p { font-size: 16px; } } .wrap-service-tips-use .wheel .list .item-2 p { position: relative; padding-left: 20px; } .wrap-service-tips-use .wheel .list .item-2 p:before { position: absolute; top: 14px; left: 0; display: block; width: 8px; height: 8px; content: ''; border-radius: 50%; background-color: #fff; } @media (max-width: 991px) { .wrap-service-tips-use .wheel .list .item-2 p:before { top: 10px; } } .wrap-service-tips-know { padding: 0; } .wrap-service-tips-know .tip-know { position: relative; padding-left: 30%; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know { padding-left: 0; } } .wrap-service-tips-know .tip-know .tip-know-left { position: absolute; top: 0; left: 0; width: 30%; padding: 110px 5% 30px; background-color: #fff; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-left { display: none; } } .wrap-service-tips-know .tip-know .tip-know-left.tip-fixed { position: fixed; } .wrap-service-tips-know .tip-know .tip-know-left.tip-fixed .eu, .wrap-service-tips-know .tip-know .tip-know-left.tip-fixed .information { display: none; } .wrap-service-tips-know .tip-know .tip-know-left.eu-fixed { position: fixed; } .wrap-service-tips-know .tip-know .tip-know-left.eu-fixed .eu { display: block !important; } .wrap-service-tips-know .tip-know .tip-know-left.eu-fixed .markings, .wrap-service-tips-know .tip-know .tip-know-left.eu-fixed .information { display: none; } .wrap-service-tips-know .tip-know .tip-know-left.information-fixed { position: fixed; } .wrap-service-tips-know .tip-know .tip-know-left.information-fixed .information { display: block; } .wrap-service-tips-know .tip-know .tip-know-left.information-fixed .markings, .wrap-service-tips-know .tip-know .tip-know-left.information-fixed .eu { display: none; } .wrap-service-tips-know .tip-know .tip-know-left .markings .title-markings { text-align: center; } .wrap-service-tips-know .tip-know .tip-know-left .markings .title-markings b { font-size: 38px; line-height: 1; display: block; } .wrap-service-tips-know .tip-know .tip-know-left .markings .pic { margin-top: 40px; } .wrap-service-tips-know .tip-know .tip-know-left .markings .pic img { max-width: 100%; } .wrap-service-tips-know .tip-know .tip-know-left .markings .list { margin-top: 40px; } .wrap-service-tips-know .tip-know .tip-know-left .markings .list ul { overflow: hidden; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; } .wrap-service-tips-know .tip-know .tip-know-left .markings .list ul li { display: inline-block; float: left; width: 20%; margin-top: -1px; margin-left: -1px; text-align: center; border: 1px solid #d9d9d9; } .wrap-service-tips-know .tip-know .tip-know-left .markings .list ul li a { font-size: 18px; line-height: 50px; display: block; -webkit-transition: all .2s; transition: all .2s; color: #666; } .wrap-service-tips-know .tip-know .tip-know-left .markings .list ul li:hover a { color: #fff; background-color: #9dc213; } .wrap-service-tips-know .tip-know .tip-know-left .eu, .wrap-service-tips-know .tip-know .tip-know-left .information { text-align: center; display: none; } .wrap-service-tips-know .tip-know .tip-know-left .eu .title-eu, .wrap-service-tips-know .tip-know .tip-know-left .information .title-eu, .wrap-service-tips-know .tip-know .tip-know-left .eu .title-information, .wrap-service-tips-know .tip-know .tip-know-left .information .title-information { text-align: center; } .wrap-service-tips-know .tip-know .tip-know-left .eu .title-eu b, .wrap-service-tips-know .tip-know .tip-know-left .information .title-eu b, .wrap-service-tips-know .tip-know .tip-know-left .eu .title-information b, .wrap-service-tips-know .tip-know .tip-know-left .information .title-information b { font-size: 30px; line-height: 1; display: block; } .wrap-service-tips-know .tip-know .tip-know-left .eu .pic, .wrap-service-tips-know .tip-know .tip-know-left .information .pic { margin-top: 30px; } .wrap-service-tips-know .tip-know .tip-know-left .eu .pic img, .wrap-service-tips-know .tip-know .tip-know-left .information .pic img { max-width: 100%; } .wrap-service-tips-know .tip-know .tip-know-left .eu .pic { border: 1px solid #d3d3d3; } .wrap-service-tips-know .tip-know .tip-know-right { border-left: 1px solid #dcdcdc; } .wrap-service-tips-know .tip-know .tip-know-right img { max-width: 100%; height: auto !important; } .wrap-service-tips-know .tip-know .tip-know-right .know-item { padding: 0 5%; padding-top: 40px; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item { margin-top: 40px; padding: 0 15px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .title-know b { font-size: 26px; line-height: 30px; display: inline-block; padding: 15px 30px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .title-know b { font-size: 20px; padding: 10px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-6 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-7 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-8 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-10 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-13 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-15 .title-know, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-16 .title-know { border-radius: 30px 0 0 30px; background-color: #f9f9f9; } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text { padding: 20px 30px; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .text { padding: 20px 0; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h3 { font-size: 32px; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h3 { font-size: 22px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h5 { font-size: 38px; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h5 { font-size: 24px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text p { font-size: 18px; line-height: 1.66666667; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .text p { font-size: 16px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h6 { font-size: 24px; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h6 { font-size: 18px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item .text h6 span { color: #9dc213; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .text { margin-top: 60px; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item { margin-top: 40px; padding: 30px 20px; border-radius: 10px; background-color: #f8f8f8; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item { margin-top: 20px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item-2 { text-align: center; background: none; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .title-item { border-bottom: 1px solid #c9c9c9; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .title-item b { font-size: 26px; line-height: 1.53846154; display: block; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .title-item b { font-size: 20px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .title-item b span { color: #9dc213; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .note-item { margin-top: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .note-item p { font-size: 18px; font-weight: 300; line-height: 1.77777778; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-3 .list .item .note-item p { font-size: 16px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide { margin-top: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-hide, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-show { display: inline-block; cursor: pointer; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-hide h4, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-show h4 { font-size: 28px; font-weight: 500; line-height: 50px; margin: 0; padding: 0 40px; color: #fff; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-hide h4, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-show h4 { font-size: 20px; line-height: 40px; padding: 0 20px; } } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-hide h4:after, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-show h4:after { font-family: 'iconfont' !important; margin-left: 20px; content: '\e602'; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide .btn-show { display: none; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide.active .btn-hide { display: none; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide.active .btn-show { display: inline-block; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .know-hide.active .hide-info { height: 0; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text .hide-info { overflow: hidden; margin-top: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table { width: 100%; text-align: center; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table th, .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table td { padding: 8px; border: 1px solid #dadada; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table th { font-size: 20px; font-weight: normal; line-height: 30px; text-align: center; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table th:nth-child(2n+1) { background-color: #f8f8f8; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table th:nth-child(2n) { background-color: #f2f2f2; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table td { font-size: 18px; font-weight: 300; width: 10%; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table td:nth-child(2n+1) { background-color: #f8f8f8; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-4 .text table td:nth-child(2n) { color: #9dc213; background-color: #f2f2f2; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-7 .text-desc { padding: 20px; background-color: #f8f8f8; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-14 { margin-top: 30px; padding: 0; background-color: #f8f8f8; } .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-14 .title-know { margin-top: 50px; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .know-item.know-item-14 { padding: 0 15px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info { padding: 60px 5%; border-top: 50px solid #f9f9f9; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info p { font-size: 18px; line-height: 1.66666667; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .eu-info p { font-size: 16px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info img { max-width: 100%; height: auto !important; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-1 .item-eu { position: relative; padding-left: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-1 .item-eu:before { position: absolute; top: 10px; left: 0; display: block; width: 10px; height: 10px; content: ''; border-radius: 50%; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-1 .item-eu:before { top: 6px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-1 .item-eu h3 { font-size: 24px; line-height: 1.25; color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-1 .item-eu h3 { font-size: 20px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list { margin-top: 40px; padding: 30px 0; background-color: #f8f8f8; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list { padding: 0 5%; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .pic { text-align: center; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list h3 { font-size: 30px; line-height: 50px; display: inline-block; padding: 0 36px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list h3 { font-size: 24px; line-height: 40px; padding: 0 14px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list h4 { font-size: 20px; font-weight: 500; line-height: 1.5; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list h4 { font-size: 16px; } } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .note-1 { padding: 20px 0; border-bottom: 2px solid #e5e5e5; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .note-1 p { font-size: 16px; font-weight: 300; line-height: 1.625; position: relative; padding-left: 14px; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .note-1 p:before { position: absolute; top: 10px; left: 0; display: block; width: 4px; height: 4px; content: ''; background-color: #9dc213; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .note-2 { margin-top: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .list .item-list .note-2 p { font-size: 16px; line-height: 1.875; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-2 { margin-top: 20px; } .wrap-service-tips-know .tip-know .tip-know-right .eu-info .text-2 h3 { font-size: 26px; line-height: 1.15384615; color: #9dc213; } .wrap-service-tips-know .tip-know .tip-know-right .information-info { padding: 60px 5%; border-top: 50px solid #f9f9f9; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .information-info { padding: 60px 15px; } } .wrap-service-tips-know .tip-know .tip-know-right .information-info .title-information b { font-size: 26px; line-height: 30px; display: inline-block; padding: 15px 30px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .information-info .title-information b { font-size: 20px; padding: 10px; } } .wrap-service-tips-know .tip-know .tip-know-right .information-info .text { padding: 20px 0; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .information-info .text { padding: 20px 0; } } .wrap-service-tips-know .tip-know .tip-know-right .information-info .text p { font-size: 18px; line-height: 1.66666667; margin: 0; } @media (max-width: 991px) { .wrap-service-tips-know .tip-know .tip-know-right .information-info .text p { font-size: 16px; } } .wrap-service-tips-know .tip-know .tip-know-right .information-info .text img { max-width: 100%; height: auto !important; } .wrap-product { overflow: hidden; } .wrap-product .product-left { float: left; width: 24%; } @media (max-width: 991px) { .wrap-product .product-left { width: 100%; } } .wrap-product .product-left .title-side-product { border-bottom: 1px solid #363636; background-color: #000; } .wrap-product .product-left .title-side-product b { font-size: 24px; line-height: 70px; display: block; padding: 0 30px; text-align: center; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .wrap-product .product-left .title-side-product b { font-size: 20px; line-height: 50px; padding: 0 15px; } } .wrap-product .product-left .sidenav { background-color: #000; } .wrap-product .product-left .sidenav>ul>li { display: block; padding: 20px 0; border-bottom: 1px solid #363636; } @media (max-width: 991px) { .wrap-product .product-left .sidenav>ul>li { padding: 10px 0; } } .wrap-product .product-left .sidenav>ul>li>a { font-size: 20px; line-height: 30px; padding: 10px 30px; text-transform: uppercase; color: #9dc213; } @media (max-width: 991px) { .wrap-product .product-left .sidenav>ul>li>a { font-size: 16px; line-height: 24px; } } .wrap-product .product-left .sidenav>ul>li>ul li { display: block; } @media (max-width: 991px) { .wrap-product .product-left .sidenav>ul>li>ul li { display: inline-block; } } .wrap-product .product-left .sidenav>ul>li>ul li a { font-size: 16px; line-height: 30px; display: block; padding: 10px 30px; color: #fff; } @media (max-width: 991px) { .wrap-product .product-left .sidenav>ul>li>ul li a { font-size: 14px; line-height: 24px; padding: 10px 15px; } } .wrap-product .product-left .sidenav>ul>li>ul li a:before { display: inline-block; width: 8px; height: 8px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #fff; } .wrap-product .product-left .sidenav>ul>li>ul li.active>a, .wrap-product .product-left .sidenav>ul>li>ul li:hover>a { color: #9dc213; } .wrap-product .product-left .sidenav>ul>li>ul li.active>a:before, .wrap-product .product-left .sidenav>ul>li>ul li:hover>a:before { background-color: #9dc213; } .wrap-product .product-left .sidenav>ul>li.active>a, .wrap-product .product-left .sidenav>ul>li:hover>a { color: #769700; } .wrap-product .product-left .choose-brand { margin-top: 60px; } .wrap-product .product-left .choose-brand select { font-size: 24px; width: 100%; padding: 15px 20px; color: #fff; outline: none; background-color: #9dc213; } .wrap-product .product-left .choose-brand select option { font-size: 18px; line-height: 30px; color: #666; background-color: #fff; } .wrap-product .product-right { float: left; width: 76%; margin-top: -50px; padding-left: 3%; } @media (max-width: 991px) { .wrap-product .product-right { width: 100%; margin-top: 0; padding: 0 15px; } } .wrap-product .product-right .item { display: block; margin-top: 50px; } @media (max-width: 991px) { .wrap-product .product-right .item { margin-top: 30px; } } .wrap-product .product-right .item .pic { position: relative; background-color: #f9f9f9; } .wrap-product .product-right .item .pic .img-box { padding-bottom: 62.5%; } .wrap-product .product-right .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-product .product-right .item .pic .pic-mask { position: absolute; top: 16px; left: 26px; } @media (max-width: 1470px) { .wrap-product .product-right .item .pic .pic-mask { top: 10px; } } .wrap-product .product-right .item .pic .pic-mask img { display: block; max-width: 100%; margin-bottom: 10px; } @media (max-width: 1470px) { .wrap-product .product-right .item .pic .pic-mask img { max-width: 36px; margin-bottom: 4px; } } .wrap-product .product-right .item .pic .pic-mask2 { top: 70px; } .wrap-product .product-right .item p { font-size: 18px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 16px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-product .product-right .item p { font-size: 16px; } } .wrap-product .product-right .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-product .product-right .item:hover p { color: #9dc213; } .wrap-product-search { padding-bottom: 200px; background-color: #1b1b1b; } @media (max-width: 991px) { .wrap-product-search { padding-bottom: 100px; } } .wrap-product-search .product-search-top { overflow: hidden; padding: 40px 5%; color: #fff; border-bottom: 1px solid #535353; } @media (max-width: 991px) { .wrap-product-search .product-search-top { padding: 30px 15px; } } .wrap-product-search .product-search-top h1 { font-size: 22px; line-height: 30px; display: inline-block; margin: 0; } @media (max-width: 991px) { .wrap-product-search .product-search-top h1 { font-size: 18px; } } .wrap-product-search .product-search-top .location { display: inline-block; float: right; } .wrap-product-search .product-search-top .location:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 30px; float: left; margin-right: 10px; content: '\e659'; } .wrap-product-search .product-search-top .location span { font-size: 20px; line-height: 30px; display: inline-block; vertical-align: middle; } .wrap-product-search .product-search-top .location ul { display: inline-block; vertical-align: middle; } .wrap-product-search .product-search-top .location ul li { display: inline-block; } .wrap-product-search .product-search-top .location ul li:after { margin: 0 6px; content: '>'; } .wrap-product-search .product-search-top .location ul li:last-child:after { display: none; } .wrap-product-search .product-search-top .location ul li a { font-size: 18px; line-height: 30px; display: inline-block; } @media (max-width: 991px) { .wrap-product-search .product-search-top .location ul li a { font-size: 16px; } } .wrap-product-search .product-search { max-width: 1500px; margin: 0 auto; margin-top: 70px; } .wrap-product-search .product-search .search-text { position: relative; padding-left: 40px; color: #d4d4d4; } .wrap-product-search .product-search .search-text:before { position: absolute; top: 0; left: 0; display: block; width: 26px; height: 26px; content: ''; background: url(../images/search-icon.png) no-repeat; } .wrap-product-search .product-search .search-text b { font-size: 24px; font-weight: normal; line-height: 30px; display: block; margin: 10px 0; color: #fff; } @media (max-width: 991px) { .wrap-product-search .product-search .search-text b { font-size: 20px; } } .wrap-product-search .product-search .search-text p { font-size: 18px; line-height: 1.33333333; margin: 0; } @media (max-width: 991px) { .wrap-product-search .product-search .search-text p { font-size: 16px; } } .wrap-product-search .product-search .search-pic { margin-top: 120px; text-align: center; } @media (max-width: 991px) { .wrap-product-search .product-search .search-pic { margin-top: 50px; } } @media (max-width: 1199px) { .wrap-product-search .product-search .search-pic { text-align: left; } } .wrap-product-search .product-search .search-pic img { max-width: 100%; } .wrap-product-search .product-search .search-select { font-size: 0; } @media (max-width: 1470px) { .wrap-product-search .product-search .search-select { margin: 0; } } .wrap-product-search .product-search .filter-box { font-size: 14px; display: inline-block; width: 12.5%; padding: 0 2px; text-align: left; vertical-align: top; } @media (max-width: 991px) { .wrap-product-search .product-search .filter-box { width: 25%; margin: 4px 0; } } @media (max-width: 767px) { .wrap-product-search .product-search .filter-box { width: 50%; } } .wrap-product-search .product-search .filter-box select { line-height: 52px; width: 100%; height: 52px; padding: 0 12px; color: #fff; border: 1px solid #c6ee31; border-radius: 4px; background: url(../images/select_bg.jpg) no-repeat right center; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .wrap-product-search .product-search .filter-box select option { color: #333; } .wrap-product-search .product-search .filter-box .filter-text .filter-title { line-height: 30px; height: 30px; } .wrap-product-search .product-search .filter-box .filter-text { line-height: 30px; padding: 10px; color: #fff; border: 1px solid #c6ee31; border-radius: 4px; background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc213), to(#779507)); background-image: -webkit-linear-gradient(#9dc213, #779507); background-image: linear-gradient(#9dc213, #779507); } .wrap-product-search .product-search .filter-box .filter-text .icon-filter-arrow { font-size: 20px; font-style: normal; width: auto; height: auto; background: none; } .wrap-product-search .product-search .filter-box .filter-text .icon-filter-arrow:after { font-family: 'iconfont' !important; content: '\e602'; } .wrap-product-search .product-search .filter-submit { display: inline-block; width: 100%; max-width: 12.5%; padding: 0 2px; text-align: left; vertical-align: top; } @media (max-width: 991px) { .wrap-product-search .product-search .filter-submit { max-width: 25%; margin: 4px 0; } } @media (max-width: 767px) { .wrap-product-search .product-search .filter-submit { max-width: 50%; } } .wrap-product-search .product-search .filter-submit .submit { font-size: 16px; line-height: 30px; width: 100%; padding: 10px; text-align: left; color: #fff; border: 1px solid #c6ee31; border-radius: 4px; background-image: -webkit-gradient(linear, left top, left bottom, from(#9dc213), to(#779507)); background-image: -webkit-linear-gradient(#9dc213, #779507); background-image: linear-gradient(#9dc213, #779507); } .wrap-product-search .product-search .filter-submit .submit:after { font-family: 'iconfont' !important; font-size: 20px; float: right; margin-left: 30px; content: '\e72f'; } .wrap-product-search .product-search .filter-submit .nochoose { opacity: .35; } .wrap-product-search .filter-list { top: 50px; overflow-y: auto !important; height: 200px; } .filter-list li.filter-selected { background: none; } .filter-list li.filter-selected a { color: #333; } .filter-list li:hover { background-color: #f2f2f2; } .wrap-product-search-list { background-color: #1b1b1b; } .wrap-product-search-list .product-search-top { overflow: hidden; padding: 40px 5%; color: #fff; border-bottom: 1px solid #535353; } @media (max-width: 991px) { .wrap-product-search-list .product-search-top { padding: 30px 15px; } } .wrap-product-search-list .product-search-top h1 { font-size: 22px; line-height: 30px; display: inline-block; margin: 0; } @media (max-width: 991px) { .wrap-product-search-list .product-search-top h1 { font-size: 18px; } } .wrap-product-search-list .product-search-top .location { display: inline-block; float: right; } .wrap-product-search-list .product-search-top .location:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 30px; float: left; margin-right: 10px; content: '\e659'; } .wrap-product-search-list .product-search-top .location span { font-size: 20px; line-height: 30px; display: inline-block; vertical-align: middle; } .wrap-product-search-list .product-search-top .location ul { display: inline-block; vertical-align: middle; } .wrap-product-search-list .product-search-top .location ul li { display: inline-block; } .wrap-product-search-list .product-search-top .location ul li:after { margin: 0 6px; content: '>'; } .wrap-product-search-list .product-search-top .location ul li:last-child:after { display: none; } .wrap-product-search-list .product-search-top .location ul li a { font-size: 18px; line-height: 30px; display: inline-block; } @media (max-width: 991px) { .wrap-product-search-list .product-search-top .location ul li a { font-size: 16px; } } .wrap-product-search-list .product-search-list { overflow: hidden; padding: 80px 0; background-color: #fff; } .wrap-product-search-list .product-search-list .product-left { float: left; width: 24%; padding: 0 12px 50px; text-align: center; background-color: #9dc213; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left { width: 100%; } } .wrap-product-search-list .product-search-list .product-left .title-tire-size { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .6); } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .title-tire-size { padding: 20px 0; } } .wrap-product-search-list .product-search-list .product-left .title-tire-size b { font-size: 24px; line-height: 30px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .title-tire-size b { font-size: 20px; } } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .list ul { overflow: hidden; } } .wrap-product-search-list .product-search-list .product-left .list ul li { padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .6); } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .list ul li { float: left; width: 50%; } } .wrap-product-search-list .product-search-list .product-left .list ul li:last-child { border-bottom: none; } .wrap-product-search-list .product-search-list .product-left .list ul li p { font-size: 20px; line-height: 30px; text-transform: uppercase; color: #5a7007; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .list ul li p { font-size: 16px; } } .wrap-product-search-list .product-search-list .product-left .list ul li b { font-size: 56px; line-height: 1; display: block; text-transform: uppercase; color: #fff; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .list ul li b { font-size: 30px; } } .wrap-product-search-list .product-search-list .product-left .change a { font-size: 22px; line-height: 30px; display: block; padding: 20px 0; -webkit-transition: all .2s; transition: all .2s; color: #fff; background-color: #5a7007; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-left .change a { font-size: 18px; padding: 10px 0; } } .wrap-product-search-list .product-search-list .product-left .change a:before { margin-right: 20px; content: '<<'; } .wrap-product-search-list .product-search-list .product-left .change a:hover { background-color: #769700; } .wrap-product-search-list .product-search-list .product-right { float: left; width: 76%; margin-top: -50px; padding-left: 3%; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-right { width: 100%; margin-top: 0; padding: 0 15px; } } .wrap-product-search-list .product-search-list .product-right .item { display: block; margin-top: 50px; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-right .item { margin-top: 30px; } } .wrap-product-search-list .product-search-list .product-right .item .pic { position: relative; background-color: #f9f9f9; } .wrap-product-search-list .product-search-list .product-right .item .pic .img-box { padding-bottom: 62.5%; } .wrap-product-search-list .product-search-list .product-right .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-product-search-list .product-search-list .product-right .item .pic .pic-mask { position: absolute; top: 26px; left: 26px; } .wrap-product-search-list .product-search-list .product-right .item .pic .pic-mask img { display: block; margin: 10px 0; } .wrap-product-search-list .product-search-list .product-right .item .pic .pic-mask2 { top: 70px; } .wrap-product-search-list .product-search-list .product-right .item p { font-size: 18px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 16px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-product-search-list .product-search-list .product-right .item p { font-size: 16px; } } .wrap-product-search-list .product-search-list .product-right .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-product-search-list .product-search-list .product-right .item:hover p { color: #9dc213; } .wrap-product-sort { padding-top: 90px; background: url(../images/product_sort_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 1199px) { .wrap-product-sort { padding-top: 60px; } } .wrap-product-sort .info { overflow: hidden; padding: 40px 5%; color: #fff; border-bottom: 1px solid #535353; } @media (max-width: 991px) { .wrap-product-sort .info { padding: 30px 15px; } } .wrap-product-sort .info .sort { display: inline-block; } .wrap-product-sort .info .sort ul { margin: 0 -24px; } @media (max-width: 991px) { .wrap-product-sort .info .sort ul { margin: 0 -14px; } } .wrap-product-sort .info .sort ul li { display: inline-block; padding: 0 24px; } @media (max-width: 991px) { .wrap-product-sort .info .sort ul li { padding: 0 14px; } } .wrap-product-sort .info .sort ul li a { font-size: 20px; line-height: 30px; position: relative; display: block; } @media (max-width: 991px) { .wrap-product-sort .info .sort ul li a { font-size: 18px; } } .wrap-product-sort .info .sort ul li a:after { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #9dc213; } .wrap-product-sort .info .sort ul li.active a, .wrap-product-sort .info .sort ul li:hover a { color: #9dc213; } .wrap-product-sort .info .sort ul li.active a:after, .wrap-product-sort .info .sort ul li:hover a:after { width: 100%; } .wrap-product-sort .info .location { display: inline-block; float: right; } @media (max-width: 991px) { .wrap-product-sort .info .location { display: block; float: none; margin-top: 20px; } } .wrap-product-sort .info .location:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 30px; float: left; margin-right: 10px; content: '\e659'; } .wrap-product-sort .info .location span { font-size: 20px; line-height: 30px; display: inline-block; vertical-align: middle; } .wrap-product-sort .info .location ul { display: inline-block; vertical-align: middle; } .wrap-product-sort .info .location ul li { display: inline-block; } .wrap-product-sort .info .location ul li:after { margin: 0 6px; content: '>'; } .wrap-product-sort .info .location ul li:last-child:after { display: none; } .wrap-product-sort .info .location ul li a { font-size: 18px; font-size: 20px; line-height: 30px; display: inline-block; } @media (max-width: 991px) { .wrap-product-sort .info .location ul li a { font-size: 16px; } } .wrap-product .product-right .item .pic .pic-mask img { display: block; margin: 10px 0; } .wrap-product-show .carousel-wrap { position: relative; overflow: hidden; padding: 10px; } .wrap-product-show .carousel-wrap .carousel { font-size: 0; position: relative; } .wrap-product-show .carousel-wrap .carousel .img-box { padding-bottom: 62.5%; } .wrap-product-show .carousel-wrap .carousel .slider-for { position: relative; border: 1px solid #e3e3e3; } .wrap-product-show .carousel-wrap .carousel .slider-for .item { position: relative; } .wrap-product-show .carousel-wrap .carousel .slider-for .item .pic-mask { position: absolute; top: 16px; left: 26px; max-width: 50px; } .wrap-product-show .carousel-wrap .carousel .slider-for .item .pic-mask img { display: block; max-width: 100%; margin-bottom: 10px; } .wrap-product-show .carousel-wrap .carousel .slider-nav { margin-top: 30px; padding: 0 30px; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .carousel .slider-nav { padding: 0 10px; } } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide { padding: 0 14px; outline: none; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide { padding: 0 6px; } } .wrap-product-show .carousel-wrap .carousel .slider-nav .item { position: relative; border: 1px solid #e3e3e3; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-current .item { border: 1px solid #9dc213; } .wrap-product-show .carousel-wrap .carousel .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 0; height: 100%; margin: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; text-align: center; border: none; outline: none; background: none; } .wrap-product-show .carousel-wrap .carousel .slick-arrow:before { font-family: 'iconfont' !important; font-size: 34px; line-height: 30px; display: block; content: '\e9bb'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #ddd; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .carousel .slick-arrow:before { font-size: 16px; } } .wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next { right: 0; left: auto; } .wrap-product-show .carousel-wrap .carousel .slick-arrow.slick-next:before { content: '\e61f'; } .wrap-product-show .carousel-wrap .carousel .slick-arrow:hover:before { color: #9dc213; } .wrap-product-show .carousel-wrap .info-box { padding-left: 30px; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box { margin-top: 30px; padding-left: 0; } } .wrap-product-show .carousel-wrap .info-box .title-info h1 { font-size: 46px; font-weight: bold; line-height: 40px; display: inline-block; margin: 0; padding: 10px 50px; color: #fff; border-radius: 50px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .title-info h1 { font-size: 24px; } } .wrap-product-show .carousel-wrap .info-box .text { margin-top: 30px; } .wrap-product-show .carousel-wrap .info-box .text b { font-size: 32px; line-height: 1.5; display: block; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .text b { font-size: 18px; } } .wrap-product-show .carousel-wrap .info-box .text p { font-size: 18px; line-height: 1.66666667; margin: 0; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .text p { font-size: 15px; } } .wrap-product-show .carousel-wrap .info-box .text img { max-width: 100%; height: auto !important; } .wrap-product-show .carousel-wrap .info-box .link { margin-top: 20px; } .wrap-product-show .carousel-wrap .info-box .link ul { font-size: 0; margin: 0 -6px; } .wrap-product-show .carousel-wrap .info-box .link ul li { display: inline-block; width: 25%; padding: 6px; vertical-align: top; } @media (max-width: 767px) { .wrap-product-show .carousel-wrap .info-box .link ul li { width: 50%; } } .wrap-product-show .carousel-wrap .info-box .link ul li .item { font-size: 14px; position: relative; display: block; text-align: center; background-color: #f9f9f9; } .wrap-product-show .carousel-wrap .info-box .link ul li .item .img-box img { position: relative; width: auto; height: auto; margin: 0 auto; } .wrap-product-show .carousel-wrap .info-box .link ul li .item p { font-size: 16px; line-height: 22px; position: absolute; top: 50%; width: 100%; padding: 0 10px; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .link ul li .item p { line-height: 24px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .wrap-product-show .carousel-wrap .info-box .link ul li .item p .icon-now, .wrap-product-show .carousel-wrap .info-box .link ul li .item p .icon-hover { width: 80px; margin: 0 auto; } .wrap-product-show .carousel-wrap .info-box .link ul li .item p .icon-hover { display: none; -webkit-transition: all .4s; transition: all .4s; } .wrap-product-show .carousel-wrap .info-box .link ul li .item p span { display: none; height: 60px; opacity: 0; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .link ul li .item p span { opacity: 1; } } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover { background-color: #9dc213; } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover p { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover p:before { color: #fff; } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover p .icon-now { display: none; } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover p .icon-hover { display: block; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } .wrap-product-show .carousel-wrap .info-box .link ul li .item:hover p span { display: block; opacity: 1; } .wrap-product-show .carousel-wrap .info-box .download { margin-top: 50px; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #9dc213; } .wrap-product-show .carousel-wrap .info-box .download a { font-size: 36px; line-height: 40px; display: block; padding: 10px; -webkit-transition: all .2s; transition: all .2s; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box .download a { font-size: 24px; line-height: 30px; } } .wrap-product-show .carousel-wrap .info-box .download:hover a { color: #9dc213; } .wrap-product-show .performance { overflow: hidden; margin-top: 70px; padding: 60px 0; background: url(../images/parameter_bg.jpg) no-repeat center; background-size: cover; } .wrap-product-show .performance .title-performance { text-align: center; } .wrap-product-show .performance .title-performance b { font-size: 42px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-product-show .performance .title-performance b { font-size: 24px; } } .wrap-product-show .performance .number_show_box>ul { font-size: 0; } .wrap-product-show .performance .number_show_box>ul>li { display: inline-block; width: 20%; margin-top: 40px; text-align: center; vertical-align: top; } @media (max-width: 991px) { .wrap-product-show .performance .number_show_box>ul>li { width: 33.33333333%; margin-top: 20px; } } @media (max-width: 767px) { .wrap-product-show .performance .number_show_box>ul>li { width: 50%; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } .wrap-product-show .performance .number_show_box .item { font-size: 14px; position: relative; display: inline-block; color: #fff; } .wrap-product-show .performance .number_show_box .item p { font-size: 50px !important; font-weight: bold !important; line-height: 130px !important; } .wrap-product-show .performance .number_show_box .item span { font-size: 20px; font-weight: normal; line-height: 1; position: absolute; top: 56%; display: block; width: 100%; padding: 0 10%; } .wrap-product-parameter { background-color: #f8f8f8; } .wrap-product-parameter .text h3 { font-size: 32px; font-weight: bold; line-height: 40px; display: inline-block; padding: 10px 50px; color: #fff; border-radius: 30px; background-color: #9dc213; } @media (max-width: 991px) { .wrap-product-parameter .text h3 { font-size: 20px; padding: 10px 20px; } } .wrap-product-parameter .text p { font-size: 18px; line-height: 2; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-product-parameter .text p { font-size: 15px; } } .wrap-product-parameter .table-wrap { margin-top: 50px; } .wrap-product-parameter .table-wrap .title-table-wrap { padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc; } .wrap-product-parameter .table-wrap .title-table-wrap b { font-size: 30px; display: block; text-align: center; color: #9dc213; } .wrap-product-parameter .table-wrap>ul>li { border-bottom: 1px solid #ccc; } .wrap-product-parameter .table-wrap>ul>li .title-table { padding: 10px 0; cursor: pointer; text-align: center; } .wrap-product-parameter .table-wrap>ul>li .title-table:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e61f'; -webkit-transition: all .6s; transition: all .6s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); color: #999; } .wrap-product-parameter .table-wrap>ul>li .title-table b { font-size: 30px; line-height: 1; display: block; color: #9dc213; } .wrap-product-parameter .table-wrap>ul>li .title-table b span { font-size: 15px; opacity: .6; } .wrap-product-parameter .table-wrap>ul>li .table-list { display: none; overflow-x: auto !important; width: 100%; max-width: 100%; } .wrap-product-parameter .table-wrap>ul>li.current .title-table:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .wrap-product-parameter .table-wrap table { font-size: .8em; width: 100%; max-width: 100%; margin-top: 20px; color: #000; } .wrap-product-parameter .table-wrap tr:hover { background-color: #dcdcdc; } .wrap-product-parameter .table-wrap td, .wrap-product-parameter .table-wrap th { padding: 12px; } .wrap-product-parameter .table-wrap th { padding-top: 25px; padding-bottom: 20px; } .wrap-product-parameter .table-wrap th img { max-height: 50px; } .wrap-product-parameter .table-wrap thead:hover { background-color: #dcdcdc; } .wrap-product-parameter .table-wrap thead th { font-size: 1.4em; line-height: 1em; text-align: center; color: #000; border-top: 1px solid rgba(0, 0, 0, .2); border-right: 1px solid rgba(0, 0, 0, .2); } .wrap-product-parameter .table-wrap thead th:last-child { border-right: none; } .wrap-product-parameter .table-wrap tr { border-bottom: 1px solid rgba(0, 0, 0, .2); } .wrap-product-parameter .table-wrap td { font-size: 16px; text-align: center; border-right: 1px solid rgba(0, 0, 0, .2); } .wrap-product-parameter .table-wrap td:last-child, .wrap-product-parameter .table-wrap td:last-child { border-right: none; } .wrap-product-parameter .available-text { margin-top: 30px; } .wrap-product-parameter .available-text p { font-size: 16px; line-height: 2; margin: 0; color: #999; } .wrap-contact .contact { position: relative; padding-right: 470px; } @media (max-width: 1470px) { .wrap-contact .contact { padding-right: 370px; } } @media (max-width: 1199px) { .wrap-contact .contact { padding-right: 0; } } .wrap-contact .contact #dituContent { height: 690px; } @media (max-width: 1199px) { .wrap-contact .contact #dituContent { height: 340px; } } .wrap-contact .contact .text { position: absolute; top: 0; right: 0; width: 470px; height: 100%; background-color: #9dc213; } @media (max-width: 1470px) { .wrap-contact .contact .text { width: 370px; } } @media (max-width: 1199px) { .wrap-contact .contact .text { position: relative; width: 100%; } } .wrap-contact .contact .text .note { position: absolute; top: 50%; width: 100%; padding: 0 10%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } @media (max-width: 1199px) { .wrap-contact .contact .text .note { position: relative; top: 0; padding: 30px 15px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .wrap-contact .contact .text .note img { max-width: 100%; margin-bottom: 30px; } .wrap-contact .contact .text .note p { font-size: 20px; line-height: 1.5; position: relative; margin: 0 0 14px 0; padding-left: 30px; } @media (max-width: 1199px) { .wrap-contact .contact .text .note p { font-size: 15px; } } .wrap-contact .contact .text .note p:before { font-family: 'iconfont' !important; position: absolute; top: 0; left: 0; content: '\e63b'; } .wrap-contact .contact .text .note p.tel:before { content: '\e6ef'; } .wrap-contact .contact .text .note p.email:before { content: '\e661'; } .wrap-contact .contact .text .note p.fax:before { content: '\e606'; } .wrap-message { overflow: hidden; background-color: #f8f8f8; } .wrap-message .message { float: left; width: 54%; padding: 50px 5%; } @media (max-width: 1199px) { .wrap-message .message { width: 100%; padding: 30px 15px; } } .wrap-message .message ul { overflow: hidden; margin: 0 -10px; } .wrap-message .message ul li { float: left; width: 100%; margin-top: 30px; padding: 0 10px; } .wrap-message .message ul li:irst-child { margin-top: 0; } .wrap-message .message ul li:nth-child(3), .wrap-message .message ul li:nth-child(4), .wrap-message .message ul li:nth-child(6), .wrap-message .message ul li:nth-child(7) { width: 50%; } @media (max-width: 767px) { .wrap-message .message ul li:nth-child(3), .wrap-message .message ul li:nth-child(4), .wrap-message .message ul li:nth-child(6), .wrap-message .message ul li:nth-child(7) { width: 100%; } } .wrap-message .message ul li:nth-child(5) .item span { padding-top: 0; } .wrap-message .message ul li .item { position: relative; padding-left: 150px; } @media (max-width: 767px) { .wrap-message .message ul li .item { padding-left: 100px; } } .wrap-message .message ul li .item span { font-size: 18px; font-weight: normal; line-height: 30px; position: absolute; top: 0; left: 0; width: 150px; padding: 9px 0; padding-right: 10px; text-align: right; color: #666; } @media (max-width: 767px) { .wrap-message .message ul li .item span { font-size: 15px; width: 100px; } } .wrap-message .message ul li .item span i { font-style: italic; margin-right: 4px; color: #ff1e00; } .wrap-message .message ul li .item input, .wrap-message .message ul li .item textarea, .wrap-message .message ul li .item select { font-size: 16px; line-height: 28px; width: 100%; padding: 10px; border: 1px solid #eaeaea; border-radius: 4px; background-color: #fff; } .wrap-message .message ul li .item select { color: #999; outline: none; } .wrap-message .message ul li .send { text-align: right; } .wrap-message .message ul li .send .submit { font-size: 24px; line-height: 40px; height: 40px; padding: 0 50px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 4px; background-color: #9dc213; } @media (max-width: 767px) { .wrap-message .message ul li .send .submit { font-size: 18px; } } .wrap-message .message ul li .send .submit:hover { background-color: #769700; } .wrap-message .pic { float: left; width: 46%; } @media (max-width: 1199px) { .wrap-message .pic { width: 100%; } .wrap-message .pic img { max-width: 100%; } } .wrap-partner .partner .partner-map { position: relative; max-width: 1330px; min-height: 770px; margin: 0 auto; cursor: pointer; } @media (max-width: 1199px) { .wrap-partner .partner .partner-map { display: none; } } .wrap-partner .partner .partner-map .item-hover { position: absolute; top: 0; left: 0; -webkit-transition: all .4s; transition: all .4s; opacity: 0; } .wrap-partner .partner .partner-map .item-hover p { font-size: 20px; position: absolute; top: 50%; left: 60%; max-width: 90px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; text-transform: uppercase; color: #fff; } .wrap-partner .partner .partner-map .item-hover p:before { display: block; width: 16px; height: 16px; margin: 0 auto; margin-bottom: 10px; content: ''; border: 2px solid #fff; border-radius: 50%; } .wrap-partner .partner .partner-map .item-americas { position: absolute; top: 0; left: 0; } .wrap-partner .partner .partner-map .item-latin { position: absolute; top: 34%; left: 20.2%; } .wrap-partner .partner .partner-map .item-eu-russia { position: absolute; z-index: 8; top: 0; right: 0; } .wrap-partner .partner .partner-map .item-eu-russia .item-hover p { left: 50%; } .wrap-partner .partner .partner-map .item-china { position: absolute; z-index: 9; top: 21%; right: 13%; } .wrap-partner .partner .partner-map .item-china .item-hover p { left: 30%; } .wrap-partner .partner .partner-map .item-asia-pacific { position: absolute; z-index: 7; top: 10.4%; right: 3%; } .wrap-partner .partner .partner-map .item-asia-pacific .item-hover p { top: 55%; left: 10%; color: #999; } .wrap-partner .partner .partner-map .item-middle-east { position: absolute; z-index: 9; top: 21.6%; right: 29.9%; } .wrap-partner .partner .partner-map .item-middle-east .item-hover p { top: 40%; left: 20%; } .wrap-partner .partner .partner-map .item-north-africa { position: absolute; z-index: 9; top: 25.6%; right: 41.5%; } .wrap-partner .partner .partner-map .item-north-africa .item-hover p { left: 30%; } .wrap-partner .partner .partner-map .item-africa { position: absolute; z-index: 8; top: 31%; right: 38.3%; } .wrap-partner .partner .partner-map .item-africa .item-hover p { left: 42%; } .wrap-partner .partner .partner-map .item-aus { position: absolute; z-index: 8; top: 61%; right: 1%; } .wrap-partner .partner .partner-map .item-aus .item-hover p { top: 40%; left: 30%; } .wrap-partner .partner .partner-map .item:hover .item-hover { opacity: 1; } .wrap-partner .partner .pic { display: none; cursor: pointer; text-align: center; } @media (max-width: 1199px) { .wrap-partner .partner .pic { display: block; } } .wrap-partner .partner .pic img { max-width: 100%; } .wrap-partner .partner .partner-mask { position: fixed; z-index: 9; top: 50%; left: 0; display: none; width: 100%; padding: 0 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .wrap-partner .partner .partner-mask .partner-info { position: relative; max-width: 990px; margin: 0 auto; padding: 30px 5% 30px 30px; border-radius: 30px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info { padding: 30px 15px; } } .wrap-partner .partner .partner-mask .partner-info .partner-close { position: absolute; top: 10px; right: 10px; cursor: pointer; color: #666; } .wrap-partner .partner .partner-mask .partner-info .partner-close:after { font-family: 'iconfont' !important; font-size: 50px; content: '\e61b'; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .partner-close:after { font-size: 30px; } } .wrap-partner .partner .partner-mask .partner-info .partner-close:hover { color: #9dc213; } .wrap-partner .partner .partner-mask .partner-info .title-partner { padding-left: 150px; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .title-partner { padding-left: 0; } } .wrap-partner .partner .partner-mask .partner-info .title-partner b { font-size: 20px; font-weight: normal; line-height: 1.5; color: #9dc213; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .title-partner b { font-size: 15px; } } .wrap-partner .partner .partner-mask .partner-info .message ul li { margin-top: 30px; } @media (max-width: 991px) { .wrap-partner .partner .partner-mask .partner-info .message ul li { margin-top: 14px; } } .wrap-partner .partner .partner-mask .partner-info .message .item { position: relative; padding-left: 150px; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .message .item { padding-left: 0; } } .wrap-partner .partner .partner-mask .partner-info .message .item span { font-size: 18px; font-weight: normal; line-height: 48px; position: absolute; top: 0; left: 0; width: 150px; text-align: right; color: #666; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .message .item span { font-size: 16px; line-height: 30px; position: relative; width: 100%; } } .wrap-partner .partner .partner-mask .partner-info .message .item span i { font-style: italic; color: #ff1e00; } .wrap-partner .partner .partner-mask .partner-info .message .item input, .wrap-partner .partner .partner-mask .partner-info .message .item textarea, .wrap-partner .partner .partner-mask .partner-info .message .item select { font-size: 16px; line-height: 28px; width: 100%; padding: 10px; border: 1px solid #eaeaea; border-radius: 4px; background-color: #f8f8f8; } .wrap-partner .partner .partner-mask .partner-info .message .item select { color: #999; outline: none; } .wrap-partner .partner .partner-mask .partner-info .message .send { text-align: right; } .wrap-partner .partner .partner-mask .partner-info .message .send .submit { font-size: 24px; line-height: 40px; height: 40px; padding: 0 40px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 4px; background-color: #9dc213; } @media (max-width: 767px) { .wrap-partner .partner .partner-mask .partner-info .message .send .submit { font-size: 18px; } } .wrap-partner .partner .partner-mask .partner-info .message .send .submit:hover { background-color: #769700; } /** * page */ .page { clear: both; overflow: hidden; margin-top: 100px; text-align: center; } @media (max-width: 991px) { .page { margin-top: 50px; } } .page a { font-size: 16px; line-height: 40px; display: inline-block; overflow: hidden; width: 40px; height: 40px; margin: 0 8px; -webkit-transition: all .2s linear; transition: all .2s linear; text-align: center; border: none; border-radius: 50%; } .page a.omit:hover { background-color: #fff; } .page a.prev::after, .page a.next::after { font-family: 'iconfont' !important; display: inline-block; content: '\e610'; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .page a.prev:hover, .page a.next:hover { text-decoration: none; color: #fff; background-color: #9dc213; } .page a.next::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .page a.active, .page a:hover { color: #fff; border-color: #9dc213; background-color: #9dc213; } .table-box { overflow-x: auto; } @media(max-width: 1199px) { .header .nav3-list3>li>a { font-weight: bold; } } .wrap-product-parameter .text img { width: 100% !important; height: auto !important } @media(max-width: 1199px) { .wrap-product-parameter .text img { width: auto !important; max-width: 100% !important; } } .wrap-product-parameter .text h3.xs-text-title { display: none; } @media(max-width: 767px) { .wrap-product-parameter .text .text-title { display: none; } .wrap-product-parameter .text h3.xs-text-title { display: inline-block; } } .wrap-product-parameter .text ul li { list-style-type: disc; } .wrap-community .news-message { position: relative; } .wrap-about-are .global .presence-left { font-size: 14px; padding-right: 14px; position: relative; max-width: 688px; } .wrap-about-are .global .presence-left .title-presence b { font-size: 42px; line-height: 1; display: block; } @media (max-width: 1470px) { .wrap-about-are .global .presence-left .title-presence b { font-size: 30px; } } @media (max-width: 767px) { .wrap-about-are .global .presence-left .title-presence b { font-size: 24px; } } .wrap-about-are .global .presence-left .text { max-width: 740px; margin-top: 20px; } .wrap-about-are .global .presence-left .text p { font-size: 18px; font-weight: 300; line-height: 1.77777778; display: -webkit-box; overflow: hidden; min-height: 96px; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 1470px) { .wrap-about-are .global .presence-left .text p { font-size: 16px; line-height: 1.5; min-height: 72px; } } .wrap-about-are .global .presence-left .text a.more { font-size: 18px; line-height: 30px; display: inline-block; margin-top: 30px; color: #9dc213; } @media (max-width: 767px) { .wrap-about-are .global .presence-left .text a.more { font-size: 16px; } } .wrap-about-are .global .presence-left .text a.more:after { display: inline-block; width: 160px; height: 1px; margin-left: 10px; content: ''; -webkit-transition: all .4s; transition: all .4s; vertical-align: middle; background-color: #9dc213; } @media (max-width: 767px) { .wrap-about-are .global .presence-left .text a.more:after { width: 60px; } } .wrap-about-are .global .presence-left .text a.more:before { font-family: 'iconfont' !important; float: right; content: '\e827'; } .wrap-about-are .global .presence-left .text a.more:hover:after { width: 80px; } .wrap-about-are .global .presence-left .xspic { position: relative; display: none; margin-top: 30px; padding-top: 40px; } @media (max-width: 991px) { .wrap-about-are .global .presence-left .xspic { display: block; margin-top: 0; } } .wrap-about-are .global .presence-left .xspic img { max-width: 100%; } .wrap-about-are .global .presence-left .pic { position: relative; margin-top: 30px; padding-top: 40px; } @media (max-width: 991px) { .wrap-about-are .global .presence-left .pic { display: none; } } .wrap-about-are .global .presence-left .pic img { max-width: 100%; } .wrap-about-are .global .presence-left .pic ul li { position: absolute; top: 0; left: 12%; } .wrap-about-are .global .presence-left .pic ul li:nth-child(2) { top: 30px; left: 42%; } .wrap-about-are .global .presence-left .pic ul li:nth-child(2) .item:before { width: 12px; height: 137px; background: url(../images/presence-line-2.png) no-repeat; } .wrap-about-are .global .presence-left .pic ul li:nth-child(3) { top: 30px; left: 70%; } .wrap-about-are .global .presence-left .pic ul li:nth-child(3) .item:before { width: 12px; height: 168px; background: url(../images/presence-line-3.png) no-repeat; } .wrap-about-are .global .presence-left .pic ul li:nth-child(4) { top: 48%; left: 54%; } .wrap-about-are .global .presence-left .pic ul li:nth-child(4) .item { padding-top: 100px; } .wrap-about-are .global .presence-left .pic ul li:nth-child(4) .item:before { width: 12px; height: 152px; background: url(../images/presence-line-4.png) no-repeat; } .wrap-about-are .global .presence-left .pic ul li:nth-child(5) { top: 54%; left: 72%; } .wrap-about-are .global .presence-left .pic ul li:nth-child(5) .item { padding-left: 100px; } .wrap-about-are .global .presence-left .pic ul li:nth-child(5) .item:before { width: 89px; height: 44px; background: url(../images/presence-line-5.png) no-repeat; } .wrap-about-are .global .presence-left .pic .item { position: relative; padding-left: 20px; } .wrap-about-are .global .presence-left .pic .item:before { position: absolute; top: 0; left: 0; display: inline-block; width: 12px; height: 200px; content: ''; background: url(../images/presence-line-1.png) no-repeat; } .wrap-about-are .global .presence-left .pic .item b { font-size: 22px; font-weight: 500; line-height: 30px; display: block; text-transform: uppercase; } .wrap-about-are .global .presence-left .pic .item p { font-size: 18px; display: block; margin: 0; }