/** * style.less * 层叠样式表 */ .ff { font-family: 'iconfont' !important; } .clearfix { zoom: 1; } .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: ''; } *[data-type='iframe'], *[data-fancybox], .slick-slide:focus, a:link { outline: none !important; } .slick-slide { outline: none; } .slick-slide a { outline: none !important; } @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'); } @font-face { font-family: 'Roboto Condensed'; font-weight: 300; font-style: normal; src: url('../fonts/hinted-RobotoCondensed-Light.eot'); src: local('../fonts/Roboto Condensed Light'), local('RobotoCondensed-Light'), url('../fonts/hinted-RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-RobotoCondensed-Light.woff2') format('woff2'), url('../fonts/hinted-RobotoCondensed-Light.woff') format('woff'), url('../fonts/hinted-RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/hinted-RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg'); } @font-face { font-family: 'Roboto Condensed'; font-weight: bold; font-style: normal; src: url('../fonts/hinted-RobotoCondensed-Bold.eot'); src: local('../fonts/Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/hinted-RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-RobotoCondensed-Bold.woff2') format('woff2'), url('../fonts/hinted-RobotoCondensed-Bold.woff') format('woff'), url('../fonts/hinted-RobotoCondensed-Bold.ttf') format('truetype'), url('../fonts/hinted-RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg'); } @font-face { font-family: 'Roboto Condensed'; font-weight: normal; font-style: normal; src: url('../fonts/hinted-RobotoCondensed-Regular.eot'); src: local('../fonts/Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/hinted-RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-RobotoCondensed-Regular.woff2') format('woff2'), url('../fonts/hinted-RobotoCondensed-Regular.woff') format('woff'), url('../fonts/hinted-RobotoCondensed-Regular.ttf') format('truetype'), url('../fonts/hinted-RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'); } @font-face { font-family: 'Merriweather'; font-weight: 900; font-style: normal; src: url('../fonts/hinted-Merriweather-Black.eot'); src: local('../fonts/Merriweather Black'), local('Merriweather-Black'), url('../fonts/hinted-Merriweather-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/hinted-Merriweather-Black.woff2') format('woff2'), url('../fonts/hinted-Merriweather-Black.woff') format('woff'), url('../fonts/hinted-Merriweather-Black.ttf') format('truetype'), url('../fonts/hinted-Merriweather-Black.svg#Merriweather-Black') format('svg'); } @-ms-viewport { width: auto !important; } body { font-family: 'Roboto Condensed', Arial, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', sans-serif; font-size: 14px; font-weight: normal; color: #333; /*display: none;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.fixed { position: fixed; overflow: hidden; width: 100%; height: 100%; } body.searchactive { position: fixed; overflow: hidden; width: 100%; height: 100%; } @media (min-width: 1350px) { .container { width: 1320px; } } @media (min-width: 1470px) { .container { width: 1440px; } } @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: 10; top: 0; width: 100%; height: 88px; -webkit-transition: all .4s; transition: all .4s; background-color:#fff; } @media (max-width: 1199px) { .header { height: 63px; background-color: #fff; } } .header .top { height: 36px; -webkit-transition: all .4s; transition: all .4s; border-bottom: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 1199px) { .header .top { height: 30px; border-bottom: 1px solid rgba(255, 255, 255, .9); } } .header .top p.email { font-size: 16px; font-weight: 300; line-height: 35px; display: inline-block; margin: 0; vertical-align: top; color: #fff; } @media (max-width: 1199px) { .header .top p.email { display: none; } } .header .top p.email:before { font-family: 'iconfont' !important; font-size: 14px; line-height: 24px; display: inline-block; width: 24px; height: 24px; margin-right: 10px; content: '\e626'; text-align: center; vertical-align: middle; border-radius: 50%; background-color: #00706b; } .header .top p.email a:hover { text-decoration: underline; } .header .top .share { font-size: 0; display: inline-block; height: 35px; margin-left: 20px; vertical-align: top; border-left: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 1199px) { .header .top .share { display: none; } } .header .top .share ul li { display: inline-block; } .header .top .share ul li a { display: block; -webkit-transition: all .5s; transition: all .5s; color: #fff; } .header .top .share ul li a:before { font-family: 'iconfont'; font-size: 14px; font-weight: normal; line-height: 35px; display: inline-block; width: 48px; height: 35px; content: '\e615'; text-align: center; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, .3); } .header .top .share ul li.twitter a:before { content: '\e60b'; } .header .top .share ul li.linkedin a:before { content: '\e6f0'; } .header .top .share ul li.instagram a:before { font-size: 18px; content: '\e63b'; } .header .top .share ul li.youtube a:before { content: '\e6d7'; } .header .top .share ul li.google a:before { font-size: 12px; content: '\e607'; /*content: '\e60c';*/ } .header .top .share ul li.amazon a:before { content: '\e6c1'; } .header .top .share ul li:hover a { background-color: rgba(255, 255, 255, .15); } .header .top .top-right { display: inline-block; float: right; } .header .top .top-right .tt { display: inline-block; } @media (max-width: 1199px) { .header .top .top-right .tt { display: none; } } .header .top .top-right .tt a { font-size: 16px; font-weight: 300; line-height: 35px; position: relative; display: inline-block; margin-left: -8px; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .header .top .top-right .tt a:after { position: absolute; top: 0; right: 0; content: '/'; color: rgba(255, 255, 255, .3); } .header .top .top-right .tt a:last-child:after { display: none; } @media (max-width: 1199px) { .header .top .top-right .tt a { line-height: 30px; padding: 0 8px; } } .header .top .top-right .tt a:hover { background-color: #01afa7; } .header .top .top-right .tt a:hover:after { color: #01afa7; } .header .top .top-right .language-box { position: relative; display: inline-block; height: 35px; margin-left: 30px; padding: 0 14px; vertical-align: top; background-color: rgba(0, 0, 0, .5); } @media (max-width: 1199px) { .header .top .top-right .language-box { position: absolute; left: 0; float: none; width: 100%; height: 30px; text-align: right; background: none; } } .header .top .top-right .language-box p { font-size: 16px; font-weight: bold; line-height: 35px; margin: 0; padding: 0; -webkit-transition: all .4s; transition: all .4s; color: #fff; } @media (max-width: 1199px) { .header .top .top-right .language-box p { display: none; } } .header .top .top-right .language-box p:before, .header .top .top-right .language-box p:after { display: inline-block; content: ''; vertical-align: middle; } .header .top .top-right .language-box p:before { font-family: 'iconfont' !important; font-size: 20px; float: left; margin-right: 10px; content: '\e66c'; text-align: center; color: #fff; } .header .top .top-right .language-box p.ru:before { background-position: 0 100%; } .header .top .top-right .language-box p.es:before { background-position: -48px 100%; } .header .top .top-right .language-box p.en:before { background-position: 50% 100%; } .header .top .top-right .language-box p:after { float: right; width: 0; height: 0; margin-top: 18px; margin-left: 6px; content: ''; border-width: 4px 4px 0 4px; border-style: solid; border-color: #fff transparent transparent transparent; } @media (min-width: 1200px) { .header .top .top-right .language-box ul { position: absolute; z-index: 900; left: 50%; display: none; min-width: 90px; margin-top: 20px !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; white-space: nowrap; } } @media (min-width: 1680px) { .header .top .top-right .language-box ul { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 1199px) { .header .top .top-right .language-box ul { position: absolute; top: 0 !important; right: 30px; display: block !important; width: 100% !important; height: 30px !important; margin-top: 0 !important; padding: 0 !important; text-align: right !important; background: none; } } .header .top .top-right .language-box ul li { margin: 8px 0; } @media (max-width: 1199px) { .header .top .top-right .language-box ul li { display: inline-block !important; margin: 0 4px; } } .header .top .top-right .language-box ul li a { font-size: 16px; position: relative; display: block; padding-left: 36px; color: #fff; } @media (max-width: 1199px) { .header .top .top-right .language-box ul li a { line-height: 30px; } } .header .top .top-right .language-box ul li a:before { position: absolute; top: 0; left: 0; overflow: hidden; width: 24px; height: 18px; content: ''; background-image: url(../images/language.png); background-repeat: no-repeat; background-size: 300% auto; } @media (max-width: 1199px) { .header .top .top-right .language-box ul li a:before { top: 6px; } } .header .top .top-right .language-box ul li a:hover { text-decoration: underline; } .header .top .top-right .language-box ul .ru a:before { background-position: 0 100%; } .header .top .top-right .language-box ul .es a:before { background-position: 100% 100%; } .header .top .top-right .language-box ul .en a:before { background-position: 50% 100%; } .header .top .top-right .language-box.language-header { -webkit-transition: all .4s; transition: all .4s; } .header .top .top-right .language-box.language-header ul { top: 50%; width: 120px; padding: 12px 15px; text-align: left; background-color: rgba(0, 0, 0, .5); } @media (min-width: 768px) { .header .top .top-right .language-box.language-header ul { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } } .header .top .top-right .language-box.language-header li { white-space: nowrap; } .header .top-nav { clear: both; } .header .logo { position: relative; float: left; height: 56px; margin-top: 18px; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 1350px) { .header .logo { height: 46px; margin-top: 22px; } } @media (max-width: 1199px) { .header .logo { height: 32px; margin: 16px 0 12px 0; } } .header .logo a { display: block; height: 100%; } .header .logo img { display: inline-block; height: 100%; } .header .tt-xs { position: absolute; bottom: 10px; left: 0; display: none; width: 100%; text-align: left; } @media (max-width: 1199px) { .header .tt-xs { display: block; } } .header .tt-xs a { font-size: 16px; font-weight: 300; line-height: 35px; position: relative; display: inline-block; margin-left: -8px; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .header .tt-xs a:after { position: absolute; top: 0; right: 0; content: '/'; color: rgba(255, 255, 255, .3); } .header .tt-xs a:last-child:after { display: none; } .header .tt-xs a:hover { background-color: #01afa7; } .header .tt-xs a:hover:after { color: #01afa7; } .header .nav-collapse { position: absolute; z-index: 10; top: 6px; right: 20px; display: none; float: right; width: 20px; height: 40px; padding: 0; cursor: pointer; background: none; } @media (max-width: 1199px) { .header .nav-collapse { display: block; margin-top: 4px; } .header .nav-collapse.nav-collapse-1 { position: absolute; z-index: 9999; top: 10px; right: 20px; display: block; margin-top: 8px; border: none; } .header .nav-collapse.nav-collapse-1 .btn-line { background-color: #fff !important; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header .nav-collapse.nav-collapse-xs:hover .btn-line { background-color: #000; } } .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: #00706b; } .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: #00706b; } .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); } .header .top-nav .container { position: relative; } @media (min-width: 1200px) { .header .nav { display: inline-block; 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 26px; -webkit-transition: left .3s; transition: left .3s; text-align: left; text-align: center; background: #fafafa; background-color: #000; } .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 { position: relative; } .header .nav .nav-list1>li { float: left; } .header .nav .nav-list1>li>a { font-size: 17px; line-height: 88px; font-weight:bold; position: relative; display: block; overflow: hidden; padding: 0 18px; -webkit-transition: all .4s; transition: all .4s; color: #004340; } .header .nav .nav-list1>li>a:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; margin: 0 auto; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #fff; } .header .nav .nav-list1>li:hover>a, .header .nav .nav-list1>li.active>a { color: #01afa7; } .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(1) .nav-list2, .header .nav .nav-list1>li:nth-child(2) .nav-list2, .header .nav .nav-list1>li:nth-child(3) .nav-list2, .header .nav .nav-list1>li:nth-child(4) .nav-list2 { min-height:120px; } .header .nav .nav-list1 .nav-list2 { position: absolute; z-index: 50; top: 78px; display: none; min-width: 160px; padding: 20px 0; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); text-align: center; text-align: left; background-color: rgba(0, 112, 107, .95); box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } .header .nav .nav-list1 .nav-list2 li { list-style: none; } .header .nav .nav-list1 .nav-list2 li>a { font-size: 15px; line-height: 30px; position: relative; z-index: 1; display: block; padding: 2px 30px; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .header .nav .nav-list1 .nav-list2 li>a:hover { color: #333; background-color: #e7edf3; } .header .nav .nav-list1 .nav-list2 li img { max-width: 400px; } .header .nav .nav-list1 .nav-list2 li.active .navright { display: block; } .header .nav .nav-list1 .nav-list2 li:first-child .navright { display: block; } .header .nav .nav-list1 .nav-list2 .navright { position: absolute; top: 0; left: 100%; display: block; display: none; overflow: hidden; min-width: 910px; height: 100%; padding: 20px; background-color: rgba(217, 233, 250, .95); } .header .nav .nav-list1 .nav-list2 .navright .pic { float: left; width: 40%; } .header .nav .nav-list1 .nav-list2 .navright .pic .img-box { padding-bottom: 70.58823529%; } .header .nav .nav-list1 .nav-list2 .navright .note { float: left; width: 60%; padding: 20px 20px 0 40px; } .header .nav .nav-list1 .nav-list2 .navright .note b { font-size: 26px; line-height: 1.53846154; display: block; color: #00706b; } .header .nav .nav-list1 .nav-list2 .navright .note p { font-size: 16px; font-weight: normal; line-height: 1.625; display: -webkit-box; overflow: hidden; max-height: 104px; margin: 20px 0 0 0; color: #333; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .header .nav .nav-list1 .nav-list2 .navright .note span { font-size: 16px; font-weight: bold; display: block; margin-top: 30px; color: #01afa7; } .header .nav .nav-list1 .nav-list3 li>a { font-weight: 300; line-height: 30px; padding: 4px 30px; } .header .nav .nav-list1 .nav-list3 li>a:hover { text-decoration: underline; color: #fff; background: none; } } @media (min-width: 1200px) and (max-width: 1470px) { .header .nav .nav-list1>li>a { padding: 0 10px; } } @media (min-width: 1200px) and (max-width: 1470px) { .header .nav .nav-list1 .nav-list2 .navright { min-width: 800px; } } @media (min-width: 1200px) and (max-width: 1199px) { .header .nav .nav-list1 .nav-list2 .navright { display: none !important; } } @media (max-width: 1199px) { .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 .nav-list2, .header .nav .nav-list3 { display: none; } .header .nav .nav-list2 a, .header .nav .nav-list3 a { font-size: 16px; line-height: 2; margin-top: 5px; color: #fff; } } .header .nav .nav-list2 a, .header .nav .nav-list3 a { display: block; } @media (max-height: 580px) { .header .nav .nav-list2 a, .header .nav .nav-list3 a { margin-top: 0; } } .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: #000; } } .header .nav-2 .nav-top .back-btn:before, .header .nav-3 .nav-top .back-btn:before { font-family: 'iconfont'; font-size: 26px; content: '\e9b5'; } .header .nav-2 .nav-top .nav-title, .header .nav-3 .nav-top .nav-title { font-size: 24px; margin: 0; text-transform: uppercase; } @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 .btn-line, .header .nav-3 .nav-top .nav-collapse-2 .btn-line { background-color: #fff; } .header .nav-2 .content, .header .nav-3 .content { overflow: auto; height: 80%; 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: 18px; line-height: 50px; margin: 25px 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: '\e72f'; -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 .navright, .header .nav-3 .navright { display: none !important; } .header .nav-2 { left: 100%; } .header .nav-3 { left: 200%; } .header .nav-3 .content ul li { font-size: 18px; } .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: '\e72f'; color: #fff; } .header .fade-out ul.nav-list1>li>a { font-size: 20px; line-height: 2.5; 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 .xs-language { position: absolute; z-index: 9; bottom: 30px; left: 35px; } @media (min-width: 1200px) { .header .xs-language { display: none; } } .header .xs-language a { font-size: 16px; color: #fff; } .header .xs-language span { margin: 0 5px; color: #fff; } .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(0, 112, 107, .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: '\e641'; 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: #00706b; } .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: 36px; display: inline-block; float: right; width: 34px; height: 34px; margin-top: 27px; margin-left: 30px; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #004340; border-radius: 50%; background-color: #fff; } @media (max-width: 1350px) { .header .find { margin-left: 0; } } @media (max-width: 1199px) { .header .find { margin-top: 13px; margin-right: 40px; } } .header .find:before { font-family: 'iconfont'; font-size: 16px; content: '\e641'; } .header .find:hover { background-color: #00706b; } @media (max-width: 1199px) { .header .right { display: inline-block; float: right; margin-right: 0; } } .header .back-btn { position: absolute; left: 15px; } .header.fixed-header { top: -6px; } @media (max-width: 1199px) { .header.fixed-header { top: 0px; } } .online-wrap .btn { line-height: 36px; position: fixed; z-index: 9; right: 0; bottom: 50px; width: 40px; height: 40px; padding: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; text-align: center; border-radius: 0; background-color: rgba(0, 0, 0, .7); } @media (min-width: 992px) { .online-wrap .btn { display: none; } } .online-wrap .btn:before { font-family: 'iconfont' !important; font-size: 18px; display: inline-block; content: '\e6d2'; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; color: #fff; } .online-wrap .btn.active:before { -webkit-transform: rotateZ(225deg); -ms-transform: rotate(225deg); transform: rotateZ(225deg); } .online-wrap .code-pic { position: fixed; z-index: 101; right: 45px; bottom: 180px; display: none; max-width: 120px; } .online-wrap .code-pic .pic-box { padding: 5px; background-color: #fff; } .online-wrap .code-pic img { display: block; max-width: 100%; } .online-wrap .online { position: fixed; z-index: 8; top: 50%; right: 0; -webkit-transition: right .3s; transition: right .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } @media (max-width: 991px) { .online-wrap .online { top: auto; right: -60px; bottom: 90px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .online-wrap .online.active { right: 0; } } .online-wrap .online a { line-height: 48px; position: relative; display: block; width: 48px; height: 48px; margin: 2px auto; -webkit-transition: all .4s; transition: all .4s; text-align: center; border-radius: 6px; background-color: rgba(0, 0, 0, .7); } .online-wrap .online a:before { font-size: 22px; color: #fff; } @media (min-width: 992px) { .online-wrap .online a:hover { background-color: rgba(215, 1, 13, .7); } } @media (max-width: 767px) { .online-wrap .online a { line-height: 40px; width: 40px; height: 40px; } .online-wrap .online a:before { font-size: 20px; } } @media (min-width: 992px) { .online-wrap .online .icon-phone:hover .phone-num { right: 100%; } } .online-wrap .online .icon-phone .phone-num { position: absolute; z-index: -1; top: 0; right: -300px; padding-right: 5px; -webkit-transition: right .3s; transition: right .3s; white-space: nowrap; } .online-wrap .online .icon-phone .phone-num p { margin: 0; padding: 0 10px; color: #fff; background-color: #d51609; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12); } .online-wrap .online .code:before { font-size: 24px; } @media (max-width: 767px) { .online-wrap .online .code:before { font-size: 22px; } } .online-wrap .online .code .mask { position: absolute; z-index: 10; top: 0; right: 100%; display: none; width: 130px; height: 130px; padding-right: 5px; } .online-wrap .online .code .mask .mask-box { border: 1px solid #e5e5e5; background-color: #fff; } .online-wrap .online .code .mask img { display: block; width: 100%; } .online-wrap .online .code .mask p { font-size: 13px; line-height: 16px; margin: 5px 0 8px 0; color: #888; } .online-wrap .online .sale { width: 158px; margin-bottom: 30px; } @media (max-width: 991px) { .online-wrap .online .sale { width: 50px; } } .online-wrap .online .sale a { width: 158px; height: 162px; background: none; } @media (max-width: 991px) { .online-wrap .online .sale a { width: 50px; height: 50px; } } .online-wrap .online .sale img { max-width: 100%; } .online-wrap .icon-qq:before { font-family: 'iconfont' !important; content: '\e62d'; } .online-wrap .icon-weixin:before { font-family: 'iconfont' !important; content: '\e604'; } .online-wrap .icon-message:before { font-family: 'iconfont' !important; content: '\e6a4'; } .online-wrap .icon-messages:before { font-family: 'iconfont' !important; content: '\e826'; } .online-wrap .icon-skype:before { font-family: 'iconfont' !important; content: '\e6b7'; } .online-wrap .icon-whatsapp:before { font-family: 'iconfont' !important; content: '\e751'; } .online-wrap .icon-phone:before { font-family: 'iconfont' !important; content: '\e61c'; } .online-wrap .icon-arrow-top:before { font-family: 'iconfont' !important; content: '\e614'; } .banner { font-size: 0; position: relative; overflow: hidden; width: 100%; } @media (max-width: 1199px) { .banner { margin-top: 60px; } } @media (max-width: 1199px) { .banner .slickbanner { width: 120%; max-width: 120%; margin-left: -10%; } } @media (max-width: 991px) { .banner .slickbanner { width: 120%; max-width: 120%; margin-left: -10%; } } @media (max-width: 767px) { .banner .slickbanner { width: 120%; max-width: 120%; margin-left: -10%; } } .banner .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 0; overflow: hidden; width: 190px; padding: 0; padding-left: 30px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 991px) { .banner .slick-arrow { top: 60%; } } @media (max-width: 767px) { .banner .slick-arrow { left: 18%; width: 30px; height: 70px; } } .banner .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 70px; position: absolute; top: 50%; left: 0; display: block; float: left; width: 30px; height: 100%; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; background: rgba(0, 0, 0, .42); } .banner .slick-arrow.slick-next { right: 0; left: auto; padding-right: 30px; padding-left: 0; } @media (max-width: 767px) { .banner .slick-arrow.slick-next { right: 18%; } } .banner .slick-arrow.slick-next:before { right: 0; left: auto; content: '\e827'; } .banner .slick-arrow .item { padding: 10px; -webkit-transition: all .4s; transition: all .4s; opacity: 0; background: rgba(0, 0, 0, .42); } .banner .slick-arrow:hover .item { opacity: 1; } .banner .img-box { padding-bottom: 38.22916667%; } .banner .img-box img { overflow: hidden; width: 100%; } .banner-in { border-bottom: none; } @media (max-width: 991px) { .banner-in .slickbanner { width: 140%; max-width: 140%; margin-left: -20%; } } @media (max-width: 767px) { .banner-in .slickbanner { width: 120%; max-width: 120%; margin-left: -10%; } } .banner-in .img-box { padding-bottom: 32.29166667%; } .banner-in .banner-search { position: absolute; top: 58%; width: 100%; padding: 0 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .banner-in .banner-search { top: 50%; } } .banner-in .banner-search b { font-size: 30px; display: block; text-align: center; color: #fff; } @media (max-width: 991px) { .banner-in .banner-search b { font-size: 20px; } } .banner-in .banner-search form { position: relative; max-width: 970px; margin: 0 auto; margin-top: 30px; } @media (max-width: 991px) { .banner-in .banner-search form { margin-top: 10px; } } .banner-in .banner-search form input { font-size: 18px; font-weight: 300; line-height: 30px; width: 100%; height: 60px; padding: 15px 180px 15px 60px; } @media (max-width: 991px) { .banner-in .banner-search form input { font-size: 16px; height: 40px; padding: 5px 80px 5px 10px; } } .banner-in .banner-search form input::-webkit-input-placeholder, .banner-in .banner-search form textarea::-webkit-input-placeholder { color: #999; } .banner-in .banner-search form input:-o-placeholder, .banner-in .banner-search form textarea:-o-placeholder { color: #999; } .banner-in .banner-search form input::-moz-placeholder, .banner-in .banner-search form textarea::-moz-placeholder { color: #999; } .banner-in .banner-search form input:-ms-input-placeholder, .banner-in .banner-search form textarea:-ms-input-placeholder { color: #999; } .banner-in .banner-search form input:focus::-webkit-input-placeholder, .banner-in .banner-search form textarea:focus::-webkit-input-placeholder { color: #c5c5c5; } .banner-in .banner-search form input:focus::-o-placeholder, .banner-in .banner-search form textarea:focus::-o-placeholder { color: #c5c5c5; } .banner-in .banner-search form input:focus::-moz-placeholder, .banner-in .banner-search form textarea:focus::-moz-placeholder { color: #c5c5c5; } .banner-in .banner-search form input:focus::-ms-input-placeholder, .banner-in .banner-search form textarea:focus::-ms-input-placeholder { color: #c5c5c5; } .banner-in .banner-search form .submit { font-size: 26px; line-height: 60px; position: absolute; top: 0; right: 0; width: 130px; height: 60px; padding: 0; color: #fff; border-radius: 0; background-color: #01afa7; } @media (max-width: 991px) { .banner-in .banner-search form .submit { font-size: 20px; line-height: 40px; width: 70px; height: 40px; } } .banner-in .banner-search form .submit:before { font-family: 'iconfont' !important; content: '\e641'; } .box { overflow: hidden; padding: 80px 0; } @media (max-width: 991px) { .box { padding: 60px 0; } } .title { text-align: center; } .title b { font-size: 32px; font-weight:normal; color:#00706b; line-height: 1; } @media (max-width: 991px) { .title b { font-size: 24px; } } .title b:after { display: block; width: 50px; height: 3px; margin: 0 auto; margin-top: 14px; content: ''; background-color: #01afa7; } @media (max-width: 991px) { .title b:after { margin-top: 6px; } } .title p { font-size: 16px; font-weight:normal; line-height: 1.44444444; max-width: 1190px; margin: 0 auto; margin-top: 14px; color: #666; } @media (max-width: 991px) { .title p { font-size: 15px; margin-top: 6px; } } /***/ .box-case .title b { font-size: 28px; font-weight:normal; color:#fff; line-height: 2; } @media (max-width: 991px) { .box-case .title b { font-size: 24px; } } .box-case .title b:after { display: block; width: 50px; height: 3px; margin: 0 auto; margin-top: 14px; content: ''; background-color: #fff; } @media (max-width: 991px) { .title b:after { margin-top: 6px; } } .box-case .title p { font-size: 15px; font-weight:normal; line-height: 1.74444444; max-width: 1190px; margin: 0 auto; margin-top: 14px; color: #fff; } @media (max-width: 991px) { .box-case .title p { font-size: 15px; margin-top: 6px; } } .indexcontent .more { margin-top: 30px; text-align: center; } .indexcontent .more a { font-size: 16px; font-weight: 300; line-height: 42px; display: inline-block; padding: 0 38px; -webkit-transition: all .2s; transition: all .2s; color: #00706b; border-radius: 30px; background-color: #fff; } @media (max-width: 991px) { .indexcontent .more a { line-height: 40px; } } .indexcontent .more a:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-left: 6px; content: '\e65b'; vertical-align: middle; } .indexcontent .more a:hover { background-color: #01afa7; color:#fff; } /****/ .box-product .more { margin-top: 30px; text-align: center; } .box-product .more a { font-size: 16px; font-weight: 300; line-height: 42px; display: inline-block; padding: 0 38px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 30px; background-color: #00706b; } @media (max-width: 991px) { .box-product .more a { line-height: 40px; } } .box-product .more a:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-left: 6px; content: '\e65b'; vertical-align: middle; } .box-product .more a:hover { background-color: #01afa7; } /****/ .box-product .title b:after { background-color: #fff; } @media (max-width: 991px) { .box-product .product { margin-top: 20px; } } .box-product .product .item { position: relative; display: block; overflow: hidden; margin-top: 40px; border: 1px solid #dcdcdc; } @media (max-width: 991px) { .box-product .product .item { margin-top: 20px; } } .box-product .product .item .pic .img-box { padding-bottom: 70%; -webkit-transition: all .4s; transition: all .4s; } .box-product .product .item .note p { font-size: 18px; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; margin: 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #eee; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-product .product .item .note p { font-size: 16px; line-height: 40px; height: 40px; } } .box-product .product .item .maskbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); background-color: rgba(0, 122, 107, .75); } @media (max-width: 991px) { .box-product .product .item .maskbg { display: none; } } .box-product .product .item .maskbg .mask { position: absolute; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .box-product .product .item .maskbg .mask b { font-size: 24px; line-height: 34px; display: block; display: -webkit-box; overflow: hidden; height: 68px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .box-product .product .item .maskbg .mask p { font-size: 16px; font-weight: 300; line-height: 26px; display: -webkit-box; overflow: hidden; height: 52px; margin: 14px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .box-product .product .item .maskbg .mask span { font-size: 16px; line-height: 35px; display: inline-block; height: 35px; margin-top: 20px; padding: 0 34px; color: #05488c; border-radius: 30px; background-color: #f2efef; } .box-product .product .item .maskbg .mask span:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e65b'; vertical-align: middle; } @media (min-width: 992px) { .box-product .product .item:hover .pic .img-box { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } .box-product .product .item:hover .note p { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .box-product .product .item:hover .maskbg { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } .box-product .product-notice { margin-top: 50px; text-align: center; } @media (max-width: 991px) { .box-product .product-notice { margin-top: 30px; } } .box-product .product-notice p { font-size: 36px; font-weight: 300; font-style: italic; line-height: 1.38888889; margin: 0; color: #666; } @media (max-width: 991px) { .box-product .product-notice p { font-size: 20px; } } .box-solution { overflow: hidden; background: url(../images/solution_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 991px) { .box-solution { background: url(../images/solution_bg.jpg) no-repeat center; background-size: cover; } } .box-solution .solution { display: table; width: 100%; } @media (max-width: 991px) { .box-solution .solution { display: block; } } .box-solution .solution .left { position: relative; display: table-cell; width: 28%; padding: 80px 0; padding-right: 40px; vertical-align: top; background: rgba(0, 0, 0, .09); } @media (max-width: 991px) { .box-solution .solution .left { display: block; width: 100%; padding: 60px 0 0 0; padding-right: 0; background: none; } } .box-solution .solution .left:before { position: absolute; top: 0; display: block; width: 100%; height: 100%; content: ''; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); background: rgba(0, 0, 0, .09); } @media (max-width: 991px) { .box-solution .solution .left:before { display: none; } } .box-solution .solution .left .title-solution b { font-size: 36px; /* font-weight: 300; */ line-height: 1; display: block; } @media (max-width: 991px) { .box-solution .solution .left .title-solution b { font-size: 26px; } } .box-solution .solution .left ul.solution-sort { font-size: 0; margin-top: 40px; } @media (max-width: 767px) { .box-solution .solution .left ul.solution-sort { margin-top: 20px; } } .box-solution .solution .left ul.solution-sort li { margin-top: 20px; background-color: #fff; } @media (max-width: 991px) { .box-solution .solution .left ul.solution-sort li { display: inline-block; width: 48%; margin: 0 1%; margin-top: 20px; vertical-align: top; } } @media (max-width: 767px) { .box-solution .solution .left ul.solution-sort li { width: 100%; margin: 0; margin-top: 10px; } } .box-solution .solution .left ul.solution-sort li a { font-size: 20px; line-height: 52px; position: relative; display: block; padding: 18px 14px 18px 100px; -webkit-transition: all .2s; transition: all .2s; } @media (max-width: 1350px) { .box-solution .solution .left ul.solution-sort li a { padding: 18px 14px 18px 80px; } } @media (max-width: 767px) { .box-solution .solution .left ul.solution-sort li a { padding: 10px 10px 10px 80px; } } .box-solution .solution .left ul.solution-sort li a:before { font-family: 'iconfont' !important; font-size: 30px; line-height: 52px; position: absolute; left: 30px; width: 52px; height: 52px; content: '\ea61'; text-align: center; border-radius: 50%; background-color: #fff; } @media (max-width: 767px) { .box-solution .solution .left ul.solution-sort li a:before { width: 30px; height: 30px; line-height: 30px; font-size: 20px; } .box-solution .solution .left ul.solution-sort li a { line-height: 30px; font-size: 18px; } } @media (max-width: 1350px) { .box-solution .solution .left ul.solution-sort li a:before { left: 15px; } } .box-solution .solution .left ul.solution-sort li a.capacity:before { content: '\e618'; } .box-solution .solution .left ul.solution-sort li a.fuel:before { content: '\e69c'; } .box-solution .solution .left ul.solution-sort li a.viewmore:before { content: '\e696'; } .box-solution .solution .left ul.solution-sort li.active a { color: #fff; background-color: #01afa7; } .box-solution .solution .left ul.solution-sort li.active a:before { color: #01afa7; } .box-solution .solution .right { padding: 80px 0; padding-left: 40px; vertical-align: top; } @media (max-width: 991px) { .box-solution .solution .right { padding: 30px 0 40px; } } .box-solution .solution .right .title-find p, .box-solution .solution .left .title-findleft p { font-size: 28px; font-weight: 300; line-height: 1.28571429; font-weight:normal; color:#00706b; margin: 0; } .box-solution .solution .left .title-findleft { margin-top: 10px; display: none; } .box-solution .title-find .ggmore { font-size: 16px; float:right; line-height: 40px; color:#333333; display: block; text-transform: uppercase; } @media (max-width: 991px) { .box-solution .title-find .ggmore { line-height: 24px; } } .box-solution .title-find .ggmore a:hover { color: #01afa7; } @media (max-width: 991px) { .box-solution .solution .right .title-find p, .box-solution .solution .left .title-findleft p { font-size: 18px; } .box-solution .solution .right .title-find { } .box-solution .solution .left .title-findleft { display: block; } } .box-solution .solution .right .title-find p:before, .box-solution .solution .left .title-findleft p:before { font-family: 'iconfont' !important; font-size: 20px; line-height: 40px; display: inline-block; width: 40px; height: 40px; margin-right: 16px; content: '\e685'; text-align: center; border: 1px solid #333; border-radius: 50%; } .box-solution .solution .right .list { margin-top: 36px; padding: 25px 40px; background-color: #ebebeb; } @media (max-width: 1350px) { .box-solution .solution .right .list-1 { padding: 30px 40px; } } @media (max-width: 991px) { .box-solution .solution .right .list-1 { padding: 20px 15px; } } .box-solution .solution .right .list-1 .item { display: block; margin: 12px 0; } @media (max-width: 1470px) { .box-solution .solution .right .list-1 .item { margin: 18px 0; } } @media (max-width: 1350px) { .box-solution .solution .right .list-1 .item { margin: 20px 0; } } @media (max-width: 991px) { .box-solution .solution .right .list-1 .item { margin: 10px 0; } } .box-solution .solution .right .list-1 .item .img-box { padding-bottom: 42.85714286%; } .box-solution .solution .right .list-1 .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-solution .solution .right .list-1 .item p { font-size: 18px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 7px 0 0 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 1470px) { .box-solution .solution .right .list-1 .item p { margin-top: 8px; } } .box-solution .solution .right .list-1 .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-solution .solution .right .list-1 .item:hover p { color: #01afa7; } .box-solution .solution .right .list-2 { padding: 40px; } @media (max-width: 991px) { .box-solution .solution .right .list-2 { padding: 20px 15px; } } .box-solution .solution .right .list-2 .item { margin: 20px 0; text-align: center; } @media (max-width: 991px) { .box-solution .solution .right .list-2 .item { margin: 10px 0; } } .box-solution .solution .right .list-2 .item .text { height: 248px; padding: 32px 0; -webkit-transition: all .4s; transition: all .4s; border: 2px solid #e5e5e5; background-color: #e5e5e5; } .box-solution .solution .right .list-2 .item .text a { font-size: 20px; font-weight: 300; line-height: 25px; display: block; padding: 10px; } .box-solution .solution .right .list-2 .item .text a:hover { text-decoration: underline; color: #01afa7; } .box-solution .solution .right .list-2 .item p { font-size: 20px; font-weight: bold; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 14px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .box-solution .solution .right .list-2 .item p a { display: block; } .box-solution .solution .right .list-2 .item p:hover { color: #00706b; } .box-solution .solution .right .list-2 .item:hover .text { border-color: #00706b; } .box-solution .solution .right .list-3 { padding: 26px 40px; } @media (max-width: 991px) { .box-solution .solution .right .list-3 { padding: 20px 15px; } } .box-solution .solution .right .list-3 .item { position: relative; display: block; min-height: 150px; margin: 15px 0; padding: 10px 10px 10px 170px; -webkit-transition: all .4s; transition: all .4s; background-color: #ebebeb; } @media (max-width: 991px) { .box-solution .solution .right .list-3 .item { min-height: 132px; margin: 10px 0; padding-left: 150px; } } .box-solution .solution .right .list-3 .item .pic { position: absolute; top: 10px; left: 10px; width: 150px; } @media (max-width: 991px) { .box-solution .solution .right .list-3 .item .pic { width: 130px; } } .box-solution .solution .right .list-3 .item .pic .img-box { padding-bottom: 86.66666667%; } .box-solution .solution .right .list-3 .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-solution .solution .right .list-3 .item .note b { font-size: 24px; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; margin-top: 20px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-solution .solution .right .list-3 .item .note b { font-size: 20px; margin-top: 14px; } } .box-solution .solution .right .list-3 .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .box-solution .solution .right .list-3 .item:hover { background-color: #00706b; } .box-solution .solution .right .list-3 .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-solution .solution .right .list-3 .item:hover .note b, .box-solution .solution .right .list-3 .item:hover .note p { color: #fff; } .box-case{ background: url(../images/case_bg.jpg) no-repeat center fixed; background-size: cover; } .box-case .case { margin-top: 34px; } .box-case .case .slick-case { margin: 0 -15px; } @media (max-width: 767px) { .box-case .case .slick-case { margin: 0 -8px; } } .box-case .case .slick-slide { padding: 0 15px; } @media (max-width: 767px) { .box-case .case .slick-slide { padding: 0 8px; } } .box-case .item { display: block; } .box-case .item .img-box { padding-bottom: 69.6969697%; } .box-case .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-case .item .note { position: relative; padding: 20px 10%; text-align: center; background-color: #f6f6f6; } @media (max-width: 767px) { .box-case .item .note { padding: 20px 10px; } } .box-case .item .note:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #00706b; } .box-case .item .note b { font-size: 20px; line-height: 24px; font-weight:normal; display: block; display: -webkit-box; overflow: hidden; height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .box-case .item .note b { font-size: 18px; } } .box-case .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .box-case .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-case .item:hover .note:after { width: 100%; } .box-case .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 15px; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 767px) { .box-case .slick-arrow { left: 8px; } } .box-case .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 90px; display: block; width: 35px; height: 90px; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; background: rgba(0, 0, 0, .42); } @media (max-width: 767px) { .box-case .slick-arrow:before { font-size: 20px; line-height: 50px; width: 24px; height: 50px; } } .box-case .slick-arrow.slick-next { right: 15px; left: auto; } @media (max-width: 767px) { .box-case .slick-arrow.slick-next { right: 8px; } } .box-case .slick-arrow.slick-next:before { content: '\e827'; } .box-case .slick-arrow:hover:before { background: #1b7f7d; } .box-case .more { margin-top: 60px; } @media (max-width: 991px) { .box-case .more { margin-top: 30px; } } .box-number { background: url(../images/number_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 991px) { .box-number { background: url(../images/number_bg.jpg) no-repeat center; background-size: cover; } } .box-number .number { padding: 70px 0; } .box-number .number ul { font-size: 0; position: relative; margin: 0 -10px; } .box-number .number ul:after { position: absolute; bottom: -73px; display: block; width: 100%; height: 3px; content: ''; background-color: #e1e1e1; } .box-number .number ul li { display: inline-block; width: 20%; padding: 10px; vertical-align: top; } @media (max-width: 1199px) { .box-number .number ul li { width: 33.33333333%; } } @media (max-width: 767px) { .box-number .number ul li { width: 50%; } } .box-number .number ul li:nth-child(2) .item b { color: #00706b; } .box-number .number ul li:nth-child(3) .item b { color: #f17405; } .box-number .number ul li:nth-child(4) .item b { color: #01afa7; } .box-number .number ul li:nth-child(5) .item b { color: #dc1c3c; } .box-number .number ul li.active .item { box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .box-number .number ul li.active .item:after { width: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-animation: fadeInLeft 1s 0s ease both; animation: fadeInLeft 1s 0s ease both; } .box-number .number .item { position: relative; padding: 30px; text-align: center; border-radius: 10px; background-color: #fff; } @media (max-width: 991px) { .box-number .number .item { padding: 30px 10px; } } .box-number .number .item:after { position: absolute; z-index: 2; bottom: -83px; left: 0; display: block; width: 0; height: 3px; content: ''; background-color: #01afa7; } @media (max-width: 1199px) { .box-number .number .item:after { display: none; } } .box-number .number .item b { font-size: 50px; line-height: 1; display: block; color: #01afa7; } @media (max-width: 991px) { .box-number .number .item b { font-size: 36px; } } @media (max-width: 375px) { .box-number .number .item b { font-size: 28px; } } .box-number .number .item b span { display: inline-block; vertical-align: top; } .box-number .number .item b sup { font-size: 20px; position: relative; top: 10px; display: inline-block; vertical-align: top; } .box-number .number .item h3 { font-size: 20px; font-weight: bold; line-height: 1.5; margin: 14px 0 0 0; } @media (max-width: 991px) { .box-number .number .item h3 { font-size: 18px; } } .box-number .number .item p { font-size: 16px; font-weight: 300; line-height: 1.375; margin: 14px 0 0 0; color: #666; } .box-about .title-about b { font-size: 28px; font-weight:normal; color:#00706b; line-height: 1; } .box-about .title-about b:before { position: relative; top: -2px; display: inline-block; width: 5px; height: 26px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #00706b; } @media (max-width: 991px) { .box-about .title-about b { font-size: 24px; } } .box-about .video { position: relative; overflow: hidden; height: 310px; margin-top: 40px; background-color: #000; } @media (max-width: 991px) { .box-about .video { height: 340px; } } @media (max-width: 767px) { .box-about .video { height: 300px; margin-top: 30px; } } .box-about .video img { height: 100%; margin-left: 50%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: .86; } .box-about .video p { font-size: 18px; font-weight: bold; line-height: 40px; position: absolute; bottom: 0; left: 0; display: inline-block; height: 40px; margin: 0; padding: 0 34px; color: #fff; background-color: #00706b; } .box-about .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .box-about .video .iframe { display: none; width: 100% !important; height: 100% !important; } .box-about .video .play { font-size: 18px; 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%); text-transform: uppercase; } @media (max-width: 767px) { .box-about .video .play { font-size: 16px; } } .box-about .video .play:before { font-family: 'iconfont'; font-size: 60px; font-weight: normal; display: block; content: '\e67f'; color: #fff; } @media (max-width: 991px) { .box-about .video .play:before { font-size: 40px; } } .box-about .video:hover img { opacity: .8; } .box-about .about { padding-left: 30px; } @media (max-width: 1350px) { .box-about .about { padding-left: 0; } } @media (max-width: 991px) { .box-about .about { margin-top: 50px; } } .box-about .about .text { margin-top: 85px; } @media (max-width: 991px) { .box-about .about .text { margin-top: 20px; } } .box-about .about .text p { font-size: 16px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; margin: 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } .box-about .about .list { margin-top: 30px; } .box-about .about .list ul { font-size: 0; margin: 0 -4px; } @media (max-width: 767px) { .box-about .about .list ul { text-align: center; } } .box-about .about .list ul li { display: inline-block; width: 14.28571429%; padding: 0 4px; vertical-align: top; } @media (max-width: 767px) { .box-about .about .list ul li { width: 33.33333333%; display: none; } .box-about .about .list ul li:last-child { display: block; } } .box-about .about .list .item { display: block; margin-top: 10px; text-align: center; } .box-about .about .list .item:before { font-family: 'iconfont' !important; font-size: 26px; line-height: 85px; display: block; width: 85px; height: 85px; margin: 0 auto; content: '\e67a'; -webkit-transition: all .4s; transition: all .4s; color: #999; background: url(../images/about-icon.png) no-repeat; background-size: cover; } .box-about .about .list .item-service:before { font-size: 30px; content: '\e630'; } .box-about .about .list .item-honor:before { content: '\e636'; } .box-about .about .list .item-quality:before { font-size: 30px; content: '\e64c'; } .box-about .about .list .item-supply:before { font-size: 30px; content: '\e68e'; } .box-about .about .list .item-technical:before { font-size: 30px; content: '\e785'; } .box-about .about .list .item-more:before { content: '\e63c'; } .box-about .about .list .item-more:before { color: #fff; background-position: -85px 0; } .box-about .about .list .item-more b { color: #01afa7; } .box-about .about .list .item b { font-size: 16px; line-height: 30px; display: block; margin: 10px 0 0 0; } .box-about .about .list .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #fff; background-position: -85px 0; } .box-about .about .list .item:hover b { color: #01afa7; } .box-choose { background: url(../images/choose_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 991px) { .box-choose { background: url(../images/choose_bg.jpg) no-repeat center; background-size: cover; } } .box-choose .choose { margin-top: 20px; } .box-choose .choose .item { position: relative; overflow: hidden; margin-top: 30px; padding: 30px 50px; -webkit-transition: all .4s; transition: all .4s; border-radius: 10px; background-color: #fff; } @media (max-width: 991px) { .box-choose .choose .item { margin-top: 15px; padding: 30px 15px; } } .box-choose .choose .item:before { font-family: 'iconfont' !important; font-size: 20px; line-height: 48px; position: absolute; top: 20px; right: 20px; display: block; width: 48px; height: 48px; content: '\e67a'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border: 1px solid #00706b; border-radius: 50%; background-color: #00706b; } .box-choose .choose .item-service:before { font-size: 24px; content: '\e630'; } .box-choose .choose .item-honor:before { content: '\e636'; } .box-choose .choose .item-quality:before { font-size: 24px; content: '\e64c'; } .box-choose .choose .item-supply:before { font-size: 24px; content: '\e68e'; } .box-choose .choose .item-technical:before { font-size: 24px; content: '\e785'; } .box-choose .choose .item span { font-size: 100px; font-weight: bold; font-style: italic; line-height: 1; position: absolute; right: 20px; bottom: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); color: rgba(102, 102, 102, .09); } @media (max-width: 991px) { .box-choose .choose .item span { font-size: 80px; } } .box-choose .choose .item b { font-size: 20px; line-height: 1.7; display: block; margin: 0; margin-bottom: 10px; } .box-choose .choose .item p { font-size: 16px; font-weight: 300; line-height: 30px; position: relative; margin: 0; padding-left: 12px; color: #666; } .box-choose .choose .item p:before { position: absolute; top: 12px; left: 0; display: block; width: 0; height: 0; content: ''; border-width: 2px 0 2px 4px; border-style: solid; border-color: transparent transparent transparent #007bff; } .box-choose .choose .item:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .15); } .box-choose .choose .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #01afa7; border-color: #01afa7; background-color: #fff; } .box-choose .choose .item:hover span { color: #01afa7; } .box-choose .choose .item:hover b { color: #01afa7; } .box-news { border-bottom: 1px solid #e5e5e5; padding-bottom:65px; margin-bottom:40px; } .box-news .title-news { position: relative; } .box-news .title-news b { font-size: 28px; font-weight:normal; color:#00706b; line-height: 1; display: block; } .box-news .title-news b:before { position: relative; top: -2px; display: inline-block; width: 5px; height: 26px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #01afa7; } @media (max-width: 991px) { .box-news .title-news b { font-size: 24px; } } .box-news .title-news a.newsmore { font-size: 16px; line-height: 40px; position: absolute; top: 0; right: 0; display: block; text-transform: uppercase; } @media (max-width: 991px) { .box-news .title-news a.newsmore { line-height: 24px; } } .box-news .title-news a.newsmore:hover { color: #01afa7; } .box-news .faq { padding-right: 40px; } @media (max-width: 1350px) { .box-news .faq { padding-right: 0; } } .box-news .faq .list { margin-top: 34px; } .box-news .faq ul li { margin-top: 15px; } .box-news .faq ul li:first-child .text { display: block; } .box-news .faq ul li.current .title-list:after { content: '-'; background-color: #00706b; } .box-news .faq .title-list { position: relative; padding: 0 60px 0 90px; cursor: pointer; background-color: #eee; } @media (max-width: 991px) { .box-news .faq .title-list { padding: 0 50px 0 70px; } } .box-news .faq .title-list:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 50px; position: absolute; top: 0; left: 0; width: 60px; height: 50px; content: '\e619'; text-align: center; color: #fff; background-color: #313131; } .box-news .faq .title-list:after { font-size: 16px; line-height: 32px; position: absolute; top: 9px; right: 10px; display: block; width: 32px; height: 32px; content: '+'; text-align: center; color: #fff; border-radius: 50%; background-color: #313131; } .box-news .faq .title-list b { font-size: 16px; font-weight: normal; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .box-news .faq .text { display: none; padding: 40px; background-color: #f6f6f6; } @media (max-width: 991px) { .box-news .faq .text { padding: 30px 15px; } } .box-news .faq .text p { font-size: 16px; font-weight: 300; line-height: 1.875; margin: 0; color: #01afa7; } .box-news .faq .faq-online { margin-top: 28px; text-align: center; } .box-news .faq .faq-online a { font-size: 16px; font-weight: bold; line-height: 30px; display: block; padding: 10px; -webkit-transition: all .2s; transition: all .2s; color: #fff; background-color: #01afa7; } .box-news .faq .faq-online a:before { font-family: 'iconfont' !important; font-size: 20px; font-weight: normal; display: inline-block; margin-right: 10px; content: '\e626'; vertical-align: middle; } .box-news .faq .faq-online a:hover { background-color: #00706b; } .box-news .news { padding-left: 40px; } @media (max-width: 1350px) { .box-news .news { padding-left: 0; } } @media (max-width: 991px) { .box-news .news { margin-top: 40px; } } .box-news .news .list { margin-top: 34px; } .box-news .news .newbox { margin-top: 14px; } .box-news .news .item { position: relative; display: block; min-height: 130px; padding: 10px 30px 10px 200px; -webkit-transition: all .4s; transition: all .4s; background-color: #eee; } @media (max-width: 991px) { .box-news .news .item { min-height: 106px; padding: 10px 10px 10px 150px; } } .box-news .news .item .pic { position: absolute; top: 10px; left: 10px; width: 170px; } @media (max-width: 991px) { .box-news .news .item .pic { width: 130px; } } .box-news .news .item .pic .img-box { padding-bottom: 66.66666667%; } .box-news .news .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .box-news .news .item .note b { font-size: 16px; font-weight:800; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin-top: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-news .news .item .note b { margin: 0; } } .box-news .news .item .note span { font-size: 16px; line-height: 1.5; display: block; color: #e8362a; } .box-news .news .item .note p { font-size: 16px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 6px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .box-news .news .item .note p { margin: 0; } } .box-news .news .item:hover { background-color: #00706b; } .box-news .news .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .box-news .news .item:hover .note b, .box-news .news .item:hover .note span, .box-news .news .item:hover .note p { color: #fff; } .box-channels .channels .itembox { margin-top: 30px; padding: 0 25px; /*padding: 0 60px;*/ } @media (max-width: 1470px) { .box-channels .channels .itembox { padding: 0 20px; /*padding: 0 44px;*/ } } @media (max-width: 1350px) { .box-channels .channels .itembox { padding: 0 20px; } } @media (max-width: 767px) { .box-channels .channels .itembox { padding: 0 15px; } } .box-channels .channels .item .title-item a { display: block; width: 40px; height: 40px; margin: 0 auto; background: url(../images/channels-icon.png) no-repeat; background-size: cover; } .box-channels .channels .item .list { margin-top: 10px; } .box-channels .channels .item .list iframe { width: 100%; height: 430px; /*height: 350px;*/ } @media (max-width: 767px) { .box-channels .channels .item .list iframe { height: 450px; /*height: 250px;*/ } } .box-channels .channels .item-facebook .title-item a { background-position: -40px 0; } .box-channels .channels .item-youtube .title-item a { background-position: -80px 0; } .box-channels .channels .item-youtube .list { margin-top: 0; } .box-channels .channels .item-youtube .list ul { overflow: hidden; margin: 0 -5px; } .box-channels .channels .item-youtube .list ul li { float: left; width: 50%; padding: 0 5px; } .box-channels .channels .item-youtube .list ul li .pic { position: relative; display: block; overflow: hidden; margin-top: 10px; } .box-channels .channels .item-youtube .list ul li .pic p { font-size: 18px; line-height: 40px; position: absolute; bottom: 0; left: 0; display: -webkit-box; overflow: hidden; width: 100%; height: 40px; margin: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); text-align: center; color: #fff; background-color: rgba(231, 37, 24, .64); -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .box-channels .channels .item-youtube .list ul li .pic:hover p { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .footer { font-size: 0; position: relative; } .footer .foot { padding: 40px 0; background: url(../images/footer_bg.jpg) no-repeat center; background-size: cover; } @media (max-width: 1199px) { .footer .foot { padding: 20px 0 50px 0; } } .footer .foot .container>ul { padding: 0; text-align: justify; text-justify: distribute-all-lines; } .footer .foot .container>ul:after { display: inline-block; overflow: hidden; width: 100%; height: 0; margin: 0; content: ''; } @media (max-width: 1199px) { .footer .foot .container>ul:after { display: none; } } @media (max-width: 1199px) { .footer .foot .container>ul { display: block; overflow: hidden; margin: 0 -15px; } } @media (min-width: 1200px) { .footer .foot .container>ul>li { display: inline-block; vertical-align: top; word-break: break-all; } } @media (max-width: 1199px) { .footer .foot .container>ul>li { display: inline-block; width: 25%; margin-right: -4px; padding: 0 15px; vertical-align: top; } } @media (max-width: 991px) { .footer .foot .container>ul>li { width: 100%; } } .footer .foot .container>ul>li h3 { font-size: 26px; font-weight:normal; line-height: 20px; margin: 0; text-transform: uppercase; color: #fff; } @media (max-width: 767px) { .footer .foot .container>ul>li h3 { font-size: 20px; } } .footer .foot .container>ul>li h3:before { display: inline-block; float: left; width: 4px; height: 20px; margin-right: 10px; content: ''; background-color: #fff; } @media (max-width: 991px) { .footer .foot .container>ul>li h3 { font-size: 20px; } .footer .foot .container>ul>li h3:after { font-family: 'iconfont' !important; font-size: 14px; float: right; content: '\e628'; } } .footer .foot .container>ul>li .item { text-align: left; } @media (max-width: 1199px) { .footer .foot .container>ul>li .item { margin-top: 30px; } } .footer .foot .container>ul>li .item-1 { } @media (max-width: 991px) { .footer .foot .container>ul>li .item-1 { width: 100%; max-width: 100%; } } .footer .foot .container>ul>li .item-1 img { max-width: 100%; } .footer .foot .container>ul>li .item-1 .text p { font-size: 16px; font-weight: 300; line-height: 1.55; margin: 20px 0 0 0; color: #e7e7e7; } .footer .foot .container>ul>li .item-1 .note { margin-top: 26px; } .footer .foot .container>ul>li .item-1 .note p { font-size: 16px; font-weight: 300; line-height: 1.5; float:left; display: block; padding-right: 30px; color: #e7e7e7; } .footer .foot .container>ul>li .item-1 .note p:before { font-family: 'iconfont' !important; line-height: 24px; padding-right:15px; content: '\e626'; color: #fff; } .footer .foot .container>ul>li .item-1 .note p.tel:before { content: '\e61c'; } .footer .foot .container>ul>li .item-1 .note p.whatsapp:before { content: '\e751'; } .footer .foot .container>ul>li .item-1 .note p.skype:before { content: '\e841'; } .footer .foot .container>ul>li .item-1 .note p.phone:before { content: '\e659'; } .footer .foot .container>ul>li .item-1 .note p.fax:before { font-size: 15px; content: '\e65a'; } .footer .foot .container>ul>li .item-1 .note p.address:before { content: '\e63e'; } .footer .foot .container>ul>li .item-1 .note p a:hover { text-decoration: underline; color: #01afa7; } .footer .foot .container>ul>li .item-2 a { font-size: 16px; font-weight: 300; line-height: 2.125; position: relative; display: block; padding-left: 14px; color: #b8b7b7; } .footer .foot .container>ul>li .item-2 a:before { position: absolute; top: 14px; left: 0; display: block; width: 0; height: 0; content: ''; border-width: 3px 0 3px 4px; border-style: solid; border-color: transparent transparent transparent #fff; } .footer .foot .container>ul>li .item-2 a:hover { color: #01afa7; } .footer .foot .container>ul>li .item-2 a:hover:before { border-color: transparent transparent transparent #01afa7; } .footer .foot .container>ul>li .item-3 { width: 330px; } @media (max-width: 991px) { .footer .foot .container>ul>li .item-3 { width: 100%; } } .footer .foot .container>ul>li .item-3 input, .footer .foot .container>ul>li .item-3 textarea { font-size: 14px; line-height: 28px; width: 100%; margin-top: 14px; padding: 6px 20px; color: #fff; border: 1px solid #434343; background-color: #2d2c2b; } .footer .foot .container>ul>li .item-3 input::-webkit-input-placeholder, .footer .foot .container>ul>li .item-3 textarea::-webkit-input-placeholder { color: #666; } .footer .foot .container>ul>li .item-3 input:-o-placeholder, .footer .foot .container>ul>li .item-3 textarea:-o-placeholder { color: #666; } .footer .foot .container>ul>li .item-3 input::-moz-placeholder, .footer .foot .container>ul>li .item-3 textarea::-moz-placeholder { color: #666; } .footer .foot .container>ul>li .item-3 input:-ms-input-placeholder, .footer .foot .container>ul>li .item-3 textarea:-ms-input-placeholder { color: #666; } .footer .foot .container>ul>li .item-3 input:focus::-webkit-input-placeholder, .footer .foot .container>ul>li .item-3 textarea:focus::-webkit-input-placeholder { color: #c5c5c5; } .footer .foot .container>ul>li .item-3 input:focus::-o-placeholder, .footer .foot .container>ul>li .item-3 textarea:focus::-o-placeholder { color: #c5c5c5; } .footer .foot .container>ul>li .item-3 input:focus::-moz-placeholder, .footer .foot .container>ul>li .item-3 textarea:focus::-moz-placeholder { color: #c5c5c5; } .footer .foot .container>ul>li .item-3 input:focus::-ms-input-placeholder, .footer .foot .container>ul>li .item-3 textarea:focus::-ms-input-placeholder { color: #c5c5c5; } .footer .foot .container>ul>li .item-3 .submit { font-size: 16px; line-height: 40px; height: 40px; margin-top: 20px; padding: 0; -webkit-transition: all .2s; transition: all .2s; color: #01afa7; color: #fff; border-radius: 4px; background: none; } .footer .foot .container>ul>li .item-3 .submit:before { font-family: 'iconfont' !important; margin-right: 10px; content: '\e6f6'; color: #01afa7; } .footer .foot .container>ul>li .item-3 .submit:hover { color: #01afa7; } .footer .foot .container>ul>li .info-down { margin-top: 20px; } @media (max-width: 991px) { .footer .foot .container>ul>li .info-down { display: none; padding-bottom: 10px; } } .footer .foot .container>ul>li .info-down img { max-width: 100%; } .footer .foot .container>ul>li.current .title-foot h3:after { content: '\e623'; } .footer .copyright { background-color: #1b1c1d; text-align: center; padding:5px 0; } @media (max-width: 767px) { .footer .copyright { text-align: center; } } .footer .copyright p { font-size: 15px; font-weight:normal; line-height: 40px; text-align:center; display: inline-block; margin: 0; color: #a3a3a3; } @media (max-width: 767px) { .footer .copyright p { line-height: 24px; margin-top: 14px; } } .footer .copyright p a { display: inline-block; margin-left: 20px; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 767px) { .footer .copyright p a { display: block; float: none; margin-left: 0; } } .footer .copyright p a:hover { text-decoration: underline; color: #fff; } .footer .copyright .share { display: inline-block; float: right; } @media (max-width: 767px) { .footer .copyright .share { float: none; } } .footer .copyright .share ul li { display: inline-block; } .footer .copyright .share ul li a { display: block; -webkit-transition: all .5s; transition: all .5s; color: #fff; } .footer .copyright .share ul li a:before { font-family: 'iconfont'; font-size: 14px; font-weight: normal; line-height: 40px; display: inline-block; width: 48px; height: 40px; content: '\e615'; text-align: center; vertical-align: top; border-right: 1px solid rgba(255, 255, 255, .13); } @media (max-width: 767px) { .footer .copyright .share ul li a:before { border-right: none; } } .footer .copyright .share ul li:last-child a:before { border-right: none; } .footer .copyright .share ul li.twitter a:before { content: '\e60b'; } .footer .copyright .share ul li.linkedin a:before { content: '\e6f0'; } .footer .copyright .share ul li.instagram a:before { font-size: 18px; content: '\e63b'; } .footer .copyright .share ul li.youtube a:before { content: '\e6d7'; } .footer .copyright .share ul li.google a:before { font-size: 12px; content: '\e60c'; } .footer .copyright .share ul li.amazon a:before { content: '\e6c1'; } .footer .copyright .share ul li:hover a { background-color: rgba(255, 255, 255, .15); } .cart-icon { line-height: 30px; position: fixed; z-index: 10; right: 5px; bottom: 50px; display: none; } @media (max-width: 991px) { .cart-icon { z-index: 9; display: block; } } .cart-icon a { line-height: 40px; display: block; width: 40px; height: 40px; text-align: center; border-radius: 50%; background-color: #00706b; } .cart-icon a:before { font-family: 'iconfont' !important; font-size: 18px; content: '\e603'; } .cart-icon span { font-size: 12px; line-height: 20px; position: absolute; z-index: 10; top: -6px; right: -3px; display: inline-block; width: 20px; height: 20px; vertical-align: super; color: #fff; border-radius: 50%; background-color: #333; } .cartpc-icon { top: 20%; bottom: auto; display: block; } @media (max-width: 991px) { .cartpc-icon { display: none !important; } } .wrapper { overflow: hidden; } .wrap { padding: 60px 0; } .wrap .title b { } .wrap .product-list .item { position: relative; display: block; overflow: hidden; margin-top: 30px; border: 1px solid #dcdcdc; } @media (max-width: 991px) { .wrap .product-list .item { margin-top: 20px; } } .wrap .product-list .item .pic .img-box { padding-bottom: 70%; -webkit-transition: all .4s; transition: all .4s; } .wrap .product-list .item .note p { font-size: 18px; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; margin: 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #eee; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap .product-list .item .note p { font-size: 16px; line-height: 40px; height: 40px; } } .wrap .product-list .item .maskbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); background-color: rgba(231, 37, 24, .75); } @media (max-width: 991px) { .wrap .product-list .item .maskbg { display: none; } } .wrap .product-list .item .maskbg .mask { position: absolute; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .wrap .product-list .item .maskbg .mask b { font-size: 24px; line-height: 34px; display: block; display: -webkit-box; overflow: hidden; height: 34px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap .product-list .item .maskbg .mask p { font-size: 16px; font-weight: 300; line-height: 26px; display: -webkit-box; overflow: hidden; height: 52px; margin: 14px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap .product-list .item .maskbg .mask span { font-size: 16px; line-height: 35px; display: inline-block; height: 35px; margin-top: 20px; padding: 0 34px; color: #05488c; border-radius: 30px; background-color: #f2efef; } .wrap .product-list .item .maskbg .mask span:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e65b'; vertical-align: middle; } @media (min-width: 992px) { .wrap .product-list .item:hover .pic .img-box { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } .wrap .product-list .item:hover .note p { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .wrap .product-list .item:hover .maskbg { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } .wrap .case-list { margin-top: 30px; } .wrap .case-list .slick-case { margin: 0 -15px; } @media (max-width: 767px) { .wrap .case-list .slick-case { margin: 0 -8px; } } .wrap .case-list .slick-slide { padding: 0 15px; } @media (max-width: 767px) { .wrap .case-list .slick-slide { padding: 0 8px; } } .wrap .case-list .item { display: block; } .wrap .case-list .item .img-box { padding-bottom: 69.6969697%; } .wrap .case-list .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap .case-list .item .note { position: relative; padding: 20px 10%; text-align: center; background-color: #f6f6f6; } @media (max-width: 767px) { .wrap .case-list .item .note { padding: 20px 10px; } } .wrap .case-list .item .note:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #01afa7; } .wrap .case-list .item .note b { font-size: 20px; line-height: 24px; display: block; display: -webkit-box; overflow: hidden; height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap .case-list .item .note b { font-size: 18px; } } .wrap .case-list .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap .case-list .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap .case-list .item:hover .note:after { width: 100%; } .wrap .case-list .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 15px; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 767px) { .wrap .case-list .slick-arrow { left: 8px; } } .wrap .case-list .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 90px; display: block; width: 35px; height: 90px; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; background: rgba(0, 0, 0, .42); } @media (max-width: 767px) { .wrap .case-list .slick-arrow:before { font-size: 20px; line-height: 50px; width: 24px; height: 50px; } } .wrap .case-list .slick-arrow.slick-next { right: 15px; left: auto; } @media (max-width: 767px) { .wrap .case-list .slick-arrow.slick-next { right: 8px; } } .wrap .case-list .slick-arrow.slick-next:before { content: '\e827'; } .wrap .case-list .slick-arrow:hover:before { background: #01afa7; } .wrap .slick-productlist, .wrap .slick-auxiliaries { margin: 0 -15px; margin-top: 30px; } @media (max-width: 767px) { .wrap .slick-productlist, .wrap .slick-auxiliaries { margin: 0 -8px; margin-top: 30px; } } .wrap .slick-productlist .slick-slide, .wrap .slick-auxiliaries .slick-slide { padding: 0 15px; } @media (max-width: 767px) { .wrap .slick-productlist .slick-slide, .wrap .slick-auxiliaries .slick-slide { padding: 0 8px; } } .wrap .slick-productlist .item, .wrap .slick-auxiliaries .item { position: relative; display: block; overflow: hidden; border: 1px solid #dcdcdc; } .wrap .slick-productlist .item .pic .img-box, .wrap .slick-auxiliaries .item .pic .img-box { padding-bottom: 70%; -webkit-transition: all .4s; transition: all .4s; } .wrap .slick-productlist .item .note p, .wrap .slick-auxiliaries .item .note p { font-size: 18px; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; margin: 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #eee; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap .slick-productlist .item .note p, .wrap .slick-auxiliaries .item .note p { font-size: 16px; line-height: 40px; height: 40px; } } .wrap .slick-productlist .item .maskbg, .wrap .slick-auxiliaries .item .maskbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); background-color: rgba(231, 37, 24, .75); } @media (max-width: 991px) { .wrap .slick-productlist .item .maskbg, .wrap .slick-auxiliaries .item .maskbg { display: none; } } .wrap .slick-productlist .item .maskbg .mask, .wrap .slick-auxiliaries .item .maskbg .mask { position: absolute; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .wrap .slick-productlist .item .maskbg .mask b, .wrap .slick-auxiliaries .item .maskbg .mask b { font-size: 24px; line-height: 34px; display: block; display: -webkit-box; overflow: hidden; height: 34px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap .slick-productlist .item .maskbg .mask p, .wrap .slick-auxiliaries .item .maskbg .mask p { font-size: 16px; font-weight: 300; line-height: 26px; display: -webkit-box; overflow: hidden; height: 52px; margin: 14px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap .slick-productlist .item .maskbg .mask span, .wrap .slick-auxiliaries .item .maskbg .mask span { font-size: 16px; line-height: 35px; display: inline-block; height: 35px; margin-top: 20px; padding: 0 34px; color: #05488c; border-radius: 30px; background-color: #f2efef; } .wrap .slick-productlist .item .maskbg .mask span:after, .wrap .slick-auxiliaries .item .maskbg .mask span:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e65b'; vertical-align: middle; } @media (min-width: 992px) { .wrap .slick-productlist .item:hover .pic .img-box, .wrap .slick-auxiliaries .item:hover .pic .img-box { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } .wrap .slick-productlist .item:hover .note p, .wrap .slick-auxiliaries .item:hover .note p { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .wrap .slick-productlist .item:hover .maskbg, .wrap .slick-auxiliaries .item:hover .maskbg { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } .wrap .slick-productlist .slick-arrow, .wrap .slick-auxiliaries .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 15px; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } @media (max-width: 767px) { .wrap .slick-productlist .slick-arrow, .wrap .slick-auxiliaries .slick-arrow { left: 8px; } } .wrap .slick-productlist .slick-arrow:before, .wrap .slick-auxiliaries .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 90px; display: block; width: 35px; height: 90px; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #fff; background: rgba(0, 0, 0, .42); } @media (max-width: 767px) { .wrap .slick-productlist .slick-arrow:before, .wrap .slick-auxiliaries .slick-arrow:before { font-size: 20px; line-height: 50px; width: 24px; height: 50px; } } .wrap .slick-productlist .slick-arrow.slick-next, .wrap .slick-auxiliaries .slick-arrow.slick-next { right: 15px; left: auto; } @media (max-width: 767px) { .wrap .slick-productlist .slick-arrow.slick-next, .wrap .slick-auxiliaries .slick-arrow.slick-next { right: 8px; } } .wrap .slick-productlist .slick-arrow.slick-next:before, .wrap .slick-auxiliaries .slick-arrow.slick-next:before { content: '\e827'; } .wrap .slick-productlist .slick-arrow:hover:before, .wrap .slick-auxiliaries .slick-arrow:hover:before { background: #01afa7; } .wrap .slick-auxiliaries { margin: 0 -10px; margin-top: 30px; } @media (max-width: 767px) { .wrap .slick-auxiliaries { margin: 0 -8px; margin-top: 30px; } } .wrap .slick-auxiliaries .slick-slide { padding: 0 10px; } @media (max-width: 767px) { .wrap .slick-auxiliaries .slick-slide { padding: 0 8px; } } .wrap .slick-auxiliaries .item .note p { background-color: #c9c9c9; } .wrap .slick-auxiliaries .slick-arrow { left: 10px; } .wrap .slick-auxiliaries .slick-arrow.slick-next { right: 10px; } .wrap .video-list .video { position: relative; overflow: hidden; margin-top: 40px; } @media (max-width: 991px) { .wrap .video-list .video { margin-top: 30px; } } .wrap .video-list .video .img-box { z-index: 0; padding-bottom: 74.24242424%; background-color: #000; } .wrap .video-list .video .img-box img { -webkit-transition: all .6s ease; transition: all .6s ease; opacity: .67; } .wrap .video-list .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .wrap .video-list .video .iframe { display: none; width: 100% !important; height: 100% !important; } .wrap .video-list .video .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%); color: #fff; } @media (max-width: 991px) { .wrap .video-list .video .play { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } } .wrap .video-list .video .play:before { font-family: 'iconfont'; font-size: 50px; font-weight: normal; line-height: 1; display: block; content: '\e7d6'; } .wrap .video-list .video:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .95; } .wrap .video-list .item { position: relative; } .wrap .video-list .item p { font-size: 18px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 10px 0 0 0; text-align: center; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap .industry-list { position: relative; z-index: 2; } .wrap .industry-list ul { overflow: hidden; margin: 0 -10px; } .wrap .industry-list ul li { float: left; width: 20%; padding: 0 10px; } @media (max-width: 991px) { .wrap .industry-list ul li { width: 33.33333333%; } } @media (max-width: 767px) { .wrap .industry-list ul li { width: 50%; } } .wrap .industry-list .item { display: block; margin-top: 30px; } .wrap .industry-list .item .pic .img-box { padding-bottom: 70.37037037%; } .wrap .industry-list .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap .industry-list .item .note { margin-top: 20px; -webkit-transition: all .2s; transition: all .2s; border: 1px solid #c9c9c9; } @media (max-width: 991px) { .wrap .industry-list .item .note { margin-top: 10px; } } .wrap .industry-list .item .note p { font-size: 18px; font-weight: 300; line-height: 44px; display: -webkit-box; overflow: hidden; height: 44px; margin: 0; text-align: center; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap .industry-list .item .note p { font-size: 16px; line-height: 38px; height: 38px; } } .wrap .industry-list .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap .industry-list .item:hover .note { color: #fff; border-color: #00706b; background-color: #00706b; } .wrap .wrap-prev-next { margin-top: 70px; } @media (max-width: 991px) { .wrap .wrap-prev-next { margin-top: 40px; } } .wrap .wrap-prev-next ul { overflow: hidden; margin: 0 -5px; } .wrap .wrap-prev-next ul li { float: left; width: 42%; margin-top: 10px; padding: 0 5px; text-align: center; } @media (max-width: 767px) { .wrap .wrap-prev-next ul li { width: 100%; } } .wrap .wrap-prev-next ul li.back { width: 16%; } @media (max-width: 767px) { .wrap .wrap-prev-next ul li.back { width: 100%; } } .wrap .wrap-prev-next ul li.back a { color: #fff; background-color: #01afa7; } .wrap .wrap-prev-next ul li a { font-size: 18px; font-weight: 300; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; -webkit-transition: all .2s; transition: all .2s; text-align: center; background-color: #eee; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap .wrap-prev-next ul li a { font-size: 16px; } } .wrap .wrap-prev-next ul li a:hover { color: #fff; background-color: #01afa7; } .wrap-sort { margin-top: 20px; text-align: center; } .wrap-sort ul { margin: 0 -5px; } .wrap-sort ul li { display: inline-block; padding: 5px; } .wrap-sort ul li a { font-size: 20px; font-weight: 300; line-height: 44px; display: block; min-width: 220px; padding: 0 20px; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #ebebeb; } @media (max-width: 991px) { .wrap-sort ul li a { font-size: 18px; min-width: auto; } } .wrap-sort ul li.active a, .wrap-sort ul li:hover a { color: #fff; background-color: #00706b; } .title-in { position: relative; padding-left: 15px; } .title-in:before { position: absolute; top: 2px; left: 0; display: inline-block; width: 5px; height: 26px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #01afa7; } .title-in b { font-size: 30px; font-weight: normal; line-height: 1; display: inline-block; margin: 0; } @media (max-width: 991px) { .title-in b { font-size: 24px; line-height: 1.25; } } .wrap-left { float: left; width: 20%; } @media (max-width: 1199px) { .wrap-left { width: 20%; } } @media (max-width: 991px) { .wrap-left { display: none; } } .wrap-left .title-side { padding: 36px 10px; text-align: center; color: #fff; background-color: #00706b; } .wrap-left .title-side b { font-size: 30px; font-weight: normal; line-height: 1.33333333; display: block; } .wrap-left .product-side { margin-bottom: -9999px; padding-top: 20px; padding-bottom: 9999px; background-color: #f6f6f6; } @media (max-width: 991px) { .wrap-left .product-side { margin-bottom: 0; padding-bottom: 0; } } .wrap-left .product-side>ul>li { position: relative; } .wrap-left .product-side>ul>li>a { font-size: 18px; font-weight: bold; line-height: 30px; position: relative; display: block; padding: 10px 10px 10px 30px; -webkit-transition: all .4s; transition: all .4s; } .wrap-left .product-side>ul>li>a:after { position: absolute; top: 20px; right: 30px; display: block; width: 0; height: 0; content: ''; -webkit-transition: all .4s; transition: all .4s; border-width: 4px 4px 4px 0; border-style: solid; border-color: transparent #040000 transparent transparent; } .wrap-left .product-side>ul>li ul.level-2 { display: none; padding: 20px 0; background-color: #f5eae9; } .wrap-left .product-side>ul>li ul.level-2 li { position: relative; } .wrap-left .product-side>ul>li ul.level-2 a { font-size: 18px; font-weight: 300; line-height: 30px; position: relative; display: block; padding: 7px 50px; -webkit-transition: all .4s; transition: all .4s; } .wrap-left .product-side>ul>li ul.level-2 a:hover { text-decoration: underline; color: #01afa7; } .wrap-left .product-side>ul>li.active>a, .wrap-left .product-side>ul>li:hover>a { color: #fff; background-color: #01afa7; } .wrap-left .product-side>ul>li.active>a:after, .wrap-left .product-side>ul>li:hover>a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-color: transparent #fff transparent transparent; } .wrap-left .product-side>ul>li.active ul.level-2 { display: block; } .wrap-right { float: right; width: 80%; padding-bottom: 90px; } @media (max-width: 1199px) { .wrap-right { width: 80%; } } @media (max-width: 991px) { .wrap-right { width: 100%; padding-bottom: 40px; padding-left: 0; } } .wrap-right .title-product { padding-left: 30px; border-bottom: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-right .title-product { padding: 15px 0; } } .wrap-right .title-product b { font-size: 30px; font-weight: normal; line-height: 110px; display: inline-block; } @media (max-width: 991px) { .wrap-right .title-product b { font-size: 24px; line-height: 50px; } } .sidenav { margin-top: 30px; } .sidenav ul { font-size: 0; text-align: center; } .sidenav ul li { display: inline-block; margin-top: -1px; margin-left: -1px; } .sidenav ul li a { font-size: 14px; line-height: 50px; display: block; padding: 0 60px; color: #666; border: 1px solid #e5e5e5; } @media (max-width: 767px) { .sidenav ul li a { padding: 0 20px; } } .sidenav ul li.active a, .sidenav ul li:hover a { color: #fff; background-color: #00706b; } .wrap-solution .title-solution b, .wrap-solution-fuel .title-solution b { font-size: 30px; font-weight: normal; line-height: 30px; display: block; } @media (max-width: 991px) { .wrap-solution .title-solution b, .wrap-solution-fuel .title-solution b { font-size: 26px; } } .wrap-solution .title-solution b:before, .wrap-solution-fuel .title-solution b:before { display: inline-block; float: left; width: 5px; height: 25px; margin-top: 2px; margin-right: 10px; content: ''; background-color: #01afa7; } .wrap-solution .title-solution p, .wrap-solution-fuel .title-solution p { font-size: 18px; font-weight: 300; line-height: 1.33333333; margin: 10px 0 0 0; color: #666; } .wrap-solution .fuel, .wrap-solution-fuel .fuel, .wrap-solution .capacity, .wrap-solution-fuel .capacity, .wrap-solution .applicable, .wrap-solution-fuel .applicable { padding: 60px 0; } .wrap-solution .fuel .item, .wrap-solution-fuel .fuel .item { display: block; margin-top: 30px; padding: 10px; border: 1px solid #e5e5e5; } .wrap-solution .fuel .item .pic .img-box, .wrap-solution-fuel .fuel .item .pic .img-box { padding-bottom: 87.09677419%; } .wrap-solution .fuel .item .pic .img-box img, .wrap-solution-fuel .fuel .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-solution .fuel .item .note, .wrap-solution-fuel .fuel .item .note { margin-top: 10px; padding: 20px 10px; -webkit-transition: all .2s; transition: all .2s; text-align: center; background-color: #ebebeb; } .wrap-solution .fuel .item .note b, .wrap-solution-fuel .fuel .item .note b { font-size: 22px; font-weight: normal; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-solution .fuel .item .note b, .wrap-solution-fuel .fuel .item .note b { font-size: 18px; } } .wrap-solution .fuel .item .note p, .wrap-solution-fuel .fuel .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 24px; margin: 6px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-solution .fuel .item:hover, .wrap-solution-fuel .fuel .item:hover { border-color: #01afa7; } .wrap-solution .fuel .item:hover .pic .img-box img, .wrap-solution-fuel .fuel .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-solution .fuel .item:hover .note, .wrap-solution-fuel .fuel .item:hover .note { background-color: #01afa7; } .wrap-solution .fuel .item:hover .note b, .wrap-solution-fuel .fuel .item:hover .note b, .wrap-solution .fuel .item:hover .note p, .wrap-solution-fuel .fuel .item:hover .note p { color: #fff; } .wrap-solution .capacity, .wrap-solution-fuel .capacity { position: relative; } .wrap-solution .capacity:before, .wrap-solution-fuel .capacity:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #f6f6f6; } .wrap-solution .capacity .title-solution, .wrap-solution-fuel .capacity .title-solution, .wrap-solution .capacity .list, .wrap-solution-fuel .capacity .list, .wrap-solution .capacity .more, .wrap-solution-fuel .capacity .more { position: relative; z-index: 4; } .wrap-solution .capacity .list, .wrap-solution-fuel .capacity .list { margin-top: 30px; } .wrap-solution .capacity .list b, .wrap-solution-fuel .capacity .list b { font-size: 20px; font-weight: normal; line-height: 30px; display: block; } .wrap-solution .capacity .list b:before, .wrap-solution-fuel .capacity .list b:before { display: inline-block; float: left; width: 6px; height: 6px; margin-top: 12px; margin-right: 10px; content: ''; background-color: #00706b; } .wrap-solution .capacity .list .item, .wrap-solution-fuel .capacity .list .item { font-size: 20px; font-weight: 300; line-height: 60px; display: block; display: -webkit-box; overflow: hidden; height: 60px; margin-top: 20px; -webkit-transition: all .2s; transition: all .2s; text-align: center; border: 1px solid #dcdcdc; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-solution .capacity .list .item, .wrap-solution-fuel .capacity .list .item { font-size: 16px; line-height: 50px; height: 50px; } } .wrap-solution .capacity .list .item:hover, .wrap-solution-fuel .capacity .list .item:hover { color: #01afa7; border-color: #01afa7; } .wrap-solution .capacity .more, .wrap-solution-fuel .capacity .more { margin-top: 40px; text-align: center; } .wrap-solution .capacity .more a, .wrap-solution-fuel .capacity .more a { font-size: 20px; font-weight: 300; line-height: 46px; display: inline-block; padding: 0 34px; -webkit-transition: all .2s; transition: all .2s; color: #01afa7; border: 1px solid #01afa7; border-radius: 4px; } @media (max-width: 991px) { .wrap-solution .capacity .more a, .wrap-solution-fuel .capacity .more a { line-height: 40px; } } .wrap-solution .capacity .more a:after, .wrap-solution-fuel .capacity .more a:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; margin-left: 6px; content: '\e65b'; vertical-align: middle; } .wrap-solution .capacity .more a:hover, .wrap-solution-fuel .capacity .more a:hover { color: #fff; background-color: #01afa7; } .wrap-solution .applicable, .wrap-solution-fuel .applicable { padding-bottom: 0; } .wrap-solution .applicable .item, .wrap-solution-fuel .applicable .item { position: relative; display: block; margin-top: 30px; } .wrap-solution .applicable .item .img-box, .wrap-solution-fuel .applicable .item .img-box { padding-bottom: 42.42424242%; } .wrap-solution .applicable .item .note, .wrap-solution-fuel .applicable .item .note { position: absolute; bottom: 0; display: -webkit-box; overflow: hidden; width: 100%; height: 40px; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: rgba(255, 255, 255, .75); -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-solution .applicable .item .note, .wrap-solution-fuel .applicable .item .note { height: 30px; } } .wrap-solution .applicable .item .note p, .wrap-solution-fuel .applicable .item .note p { font-size: 18px; font-weight: 300; line-height: 30px; position: absolute; top: 50%; width: 100%; height: 30px; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .wrap-solution .applicable .item .note p, .wrap-solution-fuel .applicable .item .note p { font-size: 15px; } } .wrap-solution .applicable .item-more .note, .wrap-solution-fuel .applicable .item-more .note { height: 100%; background-color: #ebebeb; } @media (min-width: 992px) { .wrap-solution .applicable .item:hover .note, .wrap-solution-fuel .applicable .item:hover .note { height: 100%; } .wrap-solution .applicable .item:hover .note p, .wrap-solution-fuel .applicable .item:hover .note p { color: #01afa7; } } .wrap-condition .condition-process { padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .wrap-condition .condition-process ul { font-size: 0; } @media (min-width: 1200px) { .wrap-condition .condition-process ul { width: 100%; padding: 0; text-align: justify; text-justify: distribute-all-lines; } .wrap-condition .condition-process ul:after { display: inline-block; overflow: hidden; width: 100%; height: 0; margin: 0; content: ''; } } .wrap-condition .condition-process ul li { position: relative; display: inline-block; vertical-align: top; } @media (max-width: 1199px) { .wrap-condition .condition-process ul li { width: 50%; } .wrap-condition .condition-process ul li:nth-child(2n) { display: none; } } @media (max-width: 767px) { .wrap-condition .condition-process ul li { width: 100%; } } .wrap-condition .condition-process ul li .item { position: relative; margin: 10px 0; padding-left: 68px; } .wrap-condition .condition-process ul li .item:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 48px; position: absolute; top: 0; left: 0; display: block; width: 48px; height: 48px; content: '\e656'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border: 1px solid #01afa7; border-radius: 50%; background-color: #01afa7; } .wrap-condition .condition-process ul li .item p { font-size: 18px; font-weight: 300; line-height: 48px; } .wrap-condition .condition-process ul li .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #01afa7; background-color: #fff; } .wrap-condition .condition-process ul li .item:hover p { color: #01afa7; } .wrap-condition .condition-process ul li .item-quality:before { content: '\e68f'; border-color: #005bac; background-color: #005bac; } .wrap-condition .condition-process ul li .item-quality:hover:before { color: #005bac; background-color: #fff; } .wrap-condition .condition-process ul li .item-quality:hover p { color: #005bac; } .wrap-condition .condition-process ul li .item-packing:before { content: '\e651'; border-color: #f17405; background-color: #f17405; } .wrap-condition .condition-process ul li .item-packing:hover:before { color: #f17405; background-color: #fff; } .wrap-condition .condition-process ul li .item-packing:hover p { color: #f17405; } .wrap-condition .condition-process ul li .item-transport:before { content: '\e64e'; border-color: #0370d0; background-color: #0370d0; } .wrap-condition .condition-process ul li .item-transport:hover:before { color: #0370d0; background-color: #fff; } .wrap-condition .condition-process ul li .item-transport:hover p { color: #0370d0; } .wrap-condition .condition-process ul .item-line { width: 1px; height: 26px; margin-top: 24px; background-color: #e5e5e5; } @media (max-width: 1199px) { .wrap-condition .condition-process ul .item-line { display: none; } } .wrap-condition .condition-message { padding-top: 70px; padding-bottom: 80px; } .wrap-condition .condition-message .title-message { position: relative; padding-right: 290px; } @media (max-width: 1199px) { .wrap-condition .condition-message .title-message { padding-right: 0; } } .wrap-condition .condition-message .title-message b { font-size: 30px; font-weight: normal; line-height: 30px; display: block; } @media (max-width: 991px) { .wrap-condition .condition-message .title-message b { font-size: 20px; } } .wrap-condition .condition-message .title-message b:before { display: inline-block; float: left; width: 5px; height: 25px; margin-top: 2px; margin-right: 10px; content: ''; background-color: #01afa7; } .wrap-condition .condition-message .title-message p { font-size: 18px; font-weight: 300; line-height: 1.33333333; margin: 10px 0 0 0; color: #666; } .wrap-condition .condition-message .title-message a.consult { font-size: 18px; font-weight: 300; line-height: 30px; position: absolute; top: 10px; right: 0; display: block; -webkit-transition: all .2s; transition: all .2s; color: #01afa7; } @media (max-width: 1199px) { .wrap-condition .condition-message .title-message a.consult { position: relative; top: 0; margin-top: 20px; } } .wrap-condition .condition-message .title-message a.consult:before { font-family: 'iconfont' !important; margin-right: 10px; content: '\e6ac'; } .wrap-condition .condition-message .title-message a.consult:after { font-family: 'iconfont' !important; font-size: 16px; margin-left: 10px; content: '\e64d'; } .wrap-condition .condition-message .title-message a.consult:hover { color: #d51609; } .wrap-condition .condition-message .message { margin-top: 20px; } .wrap-condition .condition-message .message .item { position: relative; margin-top: 18px; border: 1px solid #dcdcdc; } .wrap-condition .condition-message .message .item-1 { padding-left: 100px; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-1 { padding-left: 80px; } } .wrap-condition .condition-message .message .item span.tt, .wrap-condition .condition-message .message .item input, .wrap-condition .condition-message .message .item select { line-height: 50px; width: 100%; border: none; } .wrap-condition .condition-message .message .item span.tt { font-size: 18px; font-weight: 300; line-height: 50px; position: absolute; top: 0; left: 30px; display: block; width: auto; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item span.tt { font-size: 16px; left: 10px; } } .wrap-condition .condition-message .message .item input, .wrap-condition .condition-message .message .item select { font-size: 18px; padding: 0 10px; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item input, .wrap-condition .condition-message .message .item select { font-size: 16px; } } .wrap-condition .condition-message .message .item select { font-weight: bold; height: 50px; outline: none; box-shadow: none; } .wrap-condition .condition-message .message .item select option { line-height: 50px; height: 50px; } .wrap-condition .condition-message .message .item input, .wrap-condition .condition-message .message .item textarea { font-size: 18px; font-weight: 300; padding: 0 30px; width: 100%; } .wrap-condition .condition-message .message .item-tt textarea { height: 50px; overflow: hidden; line-height: 30px; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item input, .wrap-condition .condition-message .message .item textarea { font-size: 16px; padding: 0 10px; } .wrap-condition .condition-message .message .item-tt textarea { height: 60px; line-height: 24px; } } .wrap-condition .condition-message .message .item textarea { padding: 10px 30px; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item textarea { padding: 10px; } } .wrap-condition .condition-message .message .item input::-webkit-input-placeholder, .wrap-condition .condition-message .message .item textarea::-webkit-input-placeholder { color: #666; } .wrap-condition .condition-message .message .item input:-o-placeholder, .wrap-condition .condition-message .message .item textarea:-o-placeholder { color: #666; } .wrap-condition .condition-message .message .item input::-moz-placeholder, .wrap-condition .condition-message .message .item textarea::-moz-placeholder { color: #666; } .wrap-condition .condition-message .message .item input:-ms-input-placeholder, .wrap-condition .condition-message .message .item textarea:-ms-input-placeholder { color: #666; } .wrap-condition .condition-message .message .item input:focus::-webkit-input-placeholder, .wrap-condition .condition-message .message .item textarea:focus::-webkit-input-placeholder { color: #c5c5c5; } .wrap-condition .condition-message .message .item input:focus::-o-placeholder, .wrap-condition .condition-message .message .item textarea:focus::-o-placeholder { color: #c5c5c5; } .wrap-condition .condition-message .message .item input:focus::-moz-placeholder, .wrap-condition .condition-message .message .item textarea:focus::-moz-placeholder { color: #c5c5c5; } .wrap-condition .condition-message .message .item input:focus::-ms-input-placeholder, .wrap-condition .condition-message .message .item textarea:focus::-ms-input-placeholder { color: #c5c5c5; } .wrap-condition .condition-message .message .item-2 { padding-left: 130px; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-2 { padding-left: 100px; } } .wrap-condition .condition-message .message .item-2 .js-check { font-size: 18px; font-weight: 300; line-height: 50px; overflow: hidden; width: 100%; color: #666; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-2 .js-check { font-size: 16px; } } .wrap-condition .condition-message .message .item-2 .js-check i { display: inline-block; margin: 0 10px; vertical-align: middle; } .wrap-condition .condition-message .message .item-2 .js-check label { font-weight: 300; position: relative; display: inline-block; margin: 0 40px 0 0; cursor: pointer; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-2 .js-check label { margin-right: 10px; } } .wrap-condition .condition-message .message .item-2 .js-check label input { width: auto; margin-right: 8px; cursor: pointer; } .wrap-condition .condition-message .message .item-2 .js-check label:after { position: relative; position: absolute; top: 20px; left: 0; display: inline-block; float: left; width: 10px; height: 10px; content: ''; cursor: pointer; border: 1px solid #b5b5b5; } .wrap-condition .condition-message .message .item-2 .js-check label i { position: absolute; z-index: 9; top: 22px; left: -8px; display: inline-block; width: 6px; height: 6px; } .wrap-condition .condition-message .message .item-2 .js-check label.checked i { background-color: #d91111; } .wrap-condition .condition-message .message .item-2 .js-check input[type=checkbox] { width: 18px; height: 18px; min-height: auto; margin: 0 0 0 0; opacity: 0; border: 1px solid #cfcfcf; border-radius: 50%; background: #fff; } .wrap-condition .condition-message .message .item-3 { margin-top: 50px; text-align: center; border: none; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-3 { margin-top: 30px; } } .wrap-condition .condition-message .message .item-3 .submit { font-size: 20px; font-weight: 300; line-height: 50px; padding: 0 58px; -webkit-transition: all .2s; transition: all .2s; text-transform: uppercase; color: #fff; border-radius: 4px; background-color: #01afa7; box-shadow: none; } @media (max-width: 991px) { .wrap-condition .condition-message .message .item-3 .submit { font-size: 18px; } } .wrap-condition .condition-message .message .item-3 .submit:hover { background-color: #d51609; } .wrap-solution-fuel { padding-bottom: 0; } .wrap-solution-fuel-show .fuel-show { display: table; width: 100%; margin-top: 50px; padding: 10px; border: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-solution-fuel-show .fuel-show { display: block; } } .wrap-solution-fuel-show .fuel-show .pic { display: table-cell; width: 38%; vertical-align: middle; } @media (max-width: 991px) { .wrap-solution-fuel-show .fuel-show .pic { display: block; width: 100%; } } .wrap-solution-fuel-show .fuel-show .pic .img-box { padding-bottom: 87.09677419%; } .wrap-solution-fuel-show .fuel-show .text { display: table-cell; width: 62%; padding: 10px 60px; vertical-align: middle; border-left: 10px solid #fff; background-color: #f5f5f5; } @media (max-width: 1199px) { .wrap-solution-fuel-show .fuel-show .text { padding: 10px 30px; } } @media (max-width: 991px) { .wrap-solution-fuel-show .fuel-show .text { display: block; width: 100%; padding: 30px 15px; border-left: none; } } .wrap-solution-fuel-show .fuel-show .text .title-fuel:after { display: block; width: 50px; height: 3px; margin-top: 10px; content: ''; background-color: #01afa7; } .wrap-solution-fuel-show .fuel-show .text .title-fuel b { font-size: 30px; font-weight: normal; line-height: 1; display: block; } @media (max-width: 991px) { .wrap-solution-fuel-show .fuel-show .text .title-fuel b { font-size: 24px; } } .wrap-solution-fuel-show .fuel-show .text .note { margin-top: 24px; } .wrap-solution-fuel-show .fuel-show .text .note p { font-size: 18px; font-weight: 300; line-height: 2; margin: 0; color: #666; } @media (max-width: 1199px) { .wrap-solution-fuel-show .fuel-show .text .note p { font-size: 16px; line-height: 1.75; } } .wrap-solution-fuel-show .fuel-type { margin-top: 50px; } .wrap-solution-fuel-show .fuel-relate { margin-top: 50px; } .wrap-solution-fuel-show .fuel-relate .relate-list { margin-top: 10px; } .wrap-solution-fuel-show .fuel-relate .relate-list ul { overflow: hidden; margin: 0 -45px; } .wrap-solution-fuel-show .fuel-relate .relate-list ul li { float: left; width: 50%; padding: 0 45px; } .wrap-solution-fuel-show .fuel-relate .relate-list .item { line-height: 60px; display: block; -webkit-transition: all .2s; transition: all .2s; border-bottom: 1px solid #eee; } .wrap-solution-fuel-show .fuel-relate .relate-list .item p { font-size: 18px; font-weight: 300; position: relative; display: -webkit-box; overflow: hidden; height: 60px; margin: 0; padding-left: 24px; -webkit-transition: all .2s; transition: all .2s; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-solution-fuel-show .fuel-relate .relate-list .item p:before { position: absolute; top: 27px; left: 0; display: block; width: 8px; height: 8px; content: ''; -webkit-transition: all .2s; transition: all .2s; border: 1px solid #a5a5a5; border-radius: 50%; } .wrap-solution-fuel-show .fuel-relate .relate-list .item:hover { border-bottom: 1px solid #01afa7; } .wrap-solution-fuel-show .fuel-relate .relate-list .item:hover p { color: #01afa7; } .wrap-solution-fuel-show .fuel-relate .relate-list .item:hover p:before { border-color: #01afa7; } .wrap-solution-fuel-show .fuel-case { margin-top: 50px; } .wrap-solution-capacity .need { margin-top: 30px; text-align: center; } .wrap-solution-capacity .need b { font-size: 26px; font-weight: 300; line-height: 1.53846154; display: block; color: #01afa7; } @media (max-width: 767px) { .wrap-solution-capacity .need b { font-size: 22px; } } .wrap-solution-capacity .need a.needsearch { font-size: 16px; font-weight: 300; line-height: 44px; display: inline-block; margin-top: 14px; padding: 0 22px; -webkit-transition: all .4s; transition: all .4s; color: #01afa7; border: 1px solid #01afa7; border-radius: 6px; } @media (max-width: 767px) { .wrap-solution-capacity .need a.needsearch { line-height: 34px; } } .wrap-solution-capacity .need a.needsearch:after { font-family: 'iconfont' !important; font-size: 24px; display: inline-block; margin-left: 6px; content: '\e65b'; vertical-align: middle; } .wrap-solution-capacity .need a.needsearch:hover { color: #fff; background-color: #01afa7; } .wrap-solution-capacity .capacity .list { margin-top: 60px; } @media (max-width: 767px) { .wrap-solution-capacity .capacity .itembox { margin-top: 16px; } } .wrap-solution-capacity .capacity .itembox .item { position: relative; display: block; min-height: 150px; margin-top: 30px; -webkit-transition: all .4s; transition: all .4s; background-color: #eee; } @media (max-width: 767px) { .wrap-solution-capacity .capacity .itembox .item { min-height: 100px; margin-top: 16px; } } .wrap-solution-capacity .capacity .itembox .item p { font-size: 20px; font-weight: 300; line-height: 1.5; position: absolute; top: 50%; width: 100%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } @media (max-width: 767px) { .wrap-solution-capacity .capacity .itembox .item p { font-size: 18px; } } .wrap-solution-capacity .capacity .itembox .item:hover { background-color: #fafafa; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .wrap-solution-capacity .capacity .itembox .item:hover p { color: #01afa7; } .wrap-solution-capacity-show .capacity-show { margin-top: 50px; } .wrap-solution-capacity-show .capacity-show .capacity-list { max-width: 1200px; margin: 0 auto; margin-top: 40px; } @media (max-width: 767px) { .wrap-solution-capacity-show .capacity-show .capacity-list { margin-top: 20px; } } .wrap-solution-capacity-show .capacity-show .capacity-list ul { font-size: 0; } .wrap-solution-capacity-show .capacity-show .capacity-list ul li { display: inline-block; width: 50%; padding: 0 30px; vertical-align: top; } @media (max-width: 767px) { .wrap-solution-capacity-show .capacity-show .capacity-list ul li { width: 100%; } } .wrap-solution-capacity-show .capacity-show .capacity-list ul li:nth-child(3) .item b, .wrap-solution-capacity-show .capacity-show .capacity-list ul li:nth-child(4) .item b { font-size: 16px; } .wrap-solution-capacity-show .capacity-show .capacity-list .item { display: block; margin-top: 20px; -webkit-transition: all .6s; transition: all .6s; text-align: center; } .wrap-solution-capacity-show .capacity-show .capacity-list .item b { font-size: 26px; font-weight: 300; line-height: 100px; display: block; width: 100px; height: 100px; margin: 0 auto; -webkit-transition: all .2s; transition: all .2s; border-radius: 50%; background-color: #eee; } @media (max-width: 767px) { .wrap-solution-capacity-show .capacity-show .capacity-list .item b { font-size: 20px; } } .wrap-solution-capacity-show .capacity-show .capacity-list .item p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 20px 0 0 0; color: #666; } @media (max-width: 767px) { .wrap-solution-capacity-show .capacity-show .capacity-list .item p { font-size: 16px; } } .wrap-solution-capacity-show .capacity-show .capacity-list .item:hover { -webkit-transform: translateY(-14px); -ms-transform: translateY(-14px); transform: translateY(-14px); } .wrap-solution-capacity-show .capacity-show .capacity-list .item:hover b { color: #fff; background-color: #01afa7; } .wrap-solution-capacity-show .capacity-list { margin-top: 50px; } .wrap-solution-capacity-show .capacity-case { margin-top: 50px; } .wrap-solution-applicable .applicable { margin-top: 30px; } .wrap-solution-applicable .applicable .item { position: relative; display: block; margin-top: 30px; } .wrap-solution-applicable .applicable .item .img-box { padding-bottom: 42.42424242%; } .wrap-solution-applicable .applicable .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-solution-applicable .applicable .item .note { text-align: center; background-color: #f5f5f5; } .wrap-solution-applicable .applicable .item .note p { font-size: 18px; font-weight: 300; line-height: 80px; display: -webkit-box; overflow: hidden; height: 80px; margin: 0; -webkit-transition: all .4s; transition: all .4s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-solution-applicable .applicable .item .note p { font-size: 15px; line-height: 40px; height: 40px; } } @media (min-width: 992px) { .wrap-solution-applicable .applicable .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-solution-applicable .applicable .item:hover p { color: #01afa7; } } .wrap-solution-applicable .applicable-video { margin-top: 50px; } .wrap-solution-applicable-show .applicable-show { margin-top: 60px; } .wrap-solution-applicable-show .applicable-show .pic .img-box { padding-bottom: 42.02898551%; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-show .text { margin-top: 30px; } } .wrap-solution-applicable-show .applicable-show .text .title-applicable h1 { font-size: 30px; line-height: 1.33333333; margin: 0; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-show .text .title-applicable h1 { font-size: 26px; } } .wrap-solution-applicable-show .applicable-show .text .note { margin-top: 16px; } .wrap-solution-applicable-show .applicable-show .text .note p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-show .text .note p { font-size: 16px; } } .wrap-solution-applicable-show .applicable-show .text .applicable-link { margin-top: 50px; } @media (max-width: 1350px) { .wrap-solution-applicable-show .applicable-show .text .applicable-link { margin-top: 30px; } } .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li { display: inline-block; margin-top: 10px; margin-right: 8px; } .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li a { font-size: 18px; font-weight: 300; line-height: 44px; display: block; padding: 0 24px; -webkit-transition: all .2s; transition: all .2s; color: #666; border: 1px solid #e5e5e5; border-radius: 4px; } @media (max-width: 767px) { .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li a { min-width: 200px; text-align: center; } } .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li a:hover { color: #fff; border-color: #01afa7; background-color: #01afa7; } .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li.btn-solutions a { color: #01afa7; border-color: #01afa7; } .wrap-solution-applicable-show .applicable-show .text .applicable-link ul li.btn-solutions a:hover { color: #fff; background-color: #01afa7; } .wrap-solution-applicable-show .applicable-parameter { overflow: hidden; margin-top: 60px; } .wrap-solution-applicable-show .applicable-parameter .proportion { float: left; width: 35%; margin-right: 40px; padding: 30px 40px; background-color: #01afa7; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-parameter .proportion { float: none; width: 100%; padding: 30px 15px; } } .wrap-solution-applicable-show .applicable-parameter .proportion .title-proportion { text-align: center; } .wrap-solution-applicable-show .applicable-parameter .proportion .title-proportion b { font-size: 20px; line-height: 1.8; display: block; color: #fff; } @media (max-width: 767px) { .wrap-solution-applicable-show .applicable-parameter .proportion .title-proportion b { font-size: 18px; } } .wrap-solution-applicable-show .applicable-parameter .proportion .title-proportion b span { font-weight: 300; display: block; } .wrap-solution-applicable-show .applicable-parameter .proportion .progress { position: relative; overflow: visible; height: 7px; margin-top: 36px; border-radius: 4px; background: #fff; } .wrap-solution-applicable-show .applicable-parameter .proportion .progress .progress-bar { position: relative; border-radius: 4px; background-color: #005bac; } .wrap-solution-applicable-show .applicable-parameter .proportion .progress .progress-value { position: absolute; top: -28px; left: 0; width: 100%; color: #fff; } .wrap-solution-applicable-show .applicable-parameter .proportion .progress .progress-value p { font-size: 16px; font-weight: 300; line-height: 28px; display: inline-block; margin: 0; } .wrap-solution-applicable-show .applicable-parameter .proportion .progress .progress-value span { font-size: 16px; font-weight: 300; line-height: 28px; float: right; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-parameter .text { margin-top: 30px; } } .wrap-solution-applicable-show .applicable-parameter .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-solution-applicable-show .applicable-parameter .text p { font-size: 16px; } } .wrap-solution-applicable-show .applicable-industry { position: relative; margin-top: 50px; padding: 60px 0; background-color: #eee; } .wrap-solution-applicable-show .applicable-industry:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #eee; } .wrap-solution-applicable-show .applicable-industry .title-in { position: relative; z-index: 2; } .wrap-solution-applicable-show .applicable-product { margin-top: 50px; } .wrap-solution-applicable-show .animated .progress-bar { -webkit-animation: animate-positive 2s; -webkit-animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s; animation: animate-positive 2s; animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s; } @-webkit-keyframes animate-positive { 0% { width: 0; } } @keyframes animate-positive { 0% { width: 0; } } .wrap-faq .faq { margin-top: 30px; } .wrap-faq .faq .item { position: relative; display: block; padding: 12px 0 12px 40px; } .wrap-faq .faq .item:before { font-family: 'iconfont' !important; font-size: 26px; line-height: 30px; position: absolute; top: 12px; left: 0; content: '\e69e'; color: #01afa7; } .wrap-faq .faq .item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 1px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #01afa7; } .wrap-faq .faq .item b { font-size: 18px; font-weight: normal; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-faq .faq .item p { font-size: 16px; font-weight: 300; line-height: 26px; display: -webkit-box; overflow: hidden; height: 52px; margin: 6px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-faq .faq .item:hover:after { width: 100%; } .wrap-faq .faq .item:hover b { color: #01afa7; } .wrap-faq .faq-list { margin-top: 50px; } .wrap-faq .faq-case { margin-top: 50px; } .wrap-faq-show .faq-show { position: relative; margin-top: 50px; padding-left: 50px; } @media (max-width: 991px) { .wrap-faq-show .faq-show { padding-left: 30px; } } .wrap-faq-show .faq-show:before { font-family: 'iconfont' !important; font-size: 30px; line-height: 30px; position: absolute; top: 4px; left: 0; content: '\e69e'; color: #01afa7; } @media (max-width: 991px) { .wrap-faq-show .faq-show:before { font-size: 24px; } } .wrap-faq-show .faq-show .title-faq h1 { font-size: 26px; line-height: 1.30769231; margin: 0; } @media (max-width: 991px) { .wrap-faq-show .faq-show .title-faq h1 { font-size: 20px; } } .wrap-faq-show .faq-show .text { margin-top: 30px; } @media (max-width: 991px) { .wrap-faq-show .faq-show .text { margin-top: 20px; } } .wrap-faq-show .faq-show .text p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-faq-show .faq-show .text p { font-size: 16px; } } .wrap-case-all .case-all { margin-top: 20px; padding-bottom: 70px; border-bottom: 1px solid #e5e5e5; } @media (max-width: 767px) { .wrap-case-all .case-all .row { margin: 0 -8px; } } .wrap-case-all .case-all .item { display: block; margin-top: 30px; } .wrap-case-all .case-all .item .img-box { padding-bottom: 69.6969697%; } .wrap-case-all .case-all .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-case-all .case-all .item .note { position: relative; padding: 20px 10%; text-align: center; background-color: #f6f6f6; } @media (max-width: 767px) { .wrap-case-all .case-all .item .note { padding: 20px 10px; } } .wrap-case-all .case-all .item .note:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #01afa7; } .wrap-case-all .case-all .item .note b { font-size: 20px; line-height: 24px; display: block; display: -webkit-box; overflow: hidden; height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-case-all .case-all .item .note b { font-size: 18px; } } .wrap-case-all .case-all .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-case-all .case-all .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-case-all .case-all .item:hover .note:after { width: 100%; } .wrap-case-all .case-product { margin-top: 60px; } .wrap-case-typical .case-typical { margin-top: 20px; } @media (max-width: 767px) { .wrap-case-typical .case-typical .row { margin: 0 -8px; } } .wrap-case-typical .case-typical .item { display: block; margin-top: 30px; } .wrap-case-typical .case-typical .item .pic { overflow: hidden; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #e5e5e5; border-radius: 10px; } .wrap-case-typical .case-typical .item .img-box { padding-bottom: 45.45454545%; } .wrap-case-typical .case-typical .item .img-box img { -webkit-transition: all 1s; transition: all 1s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; } .wrap-case-typical .case-typical .item .note { text-align: center; } .wrap-case-typical .case-typical .item .note b { font-size: 20px; font-weight: 300; line-height: 24px; display: block; display: -webkit-box; overflow: hidden; height: 24px; margin-top: 14px; -webkit-transition: all .2s; transition: all .2s; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-case-typical .case-typical .item .note b { font-size: 18px; } } .wrap-case-typical .case-typical .item:hover .pic { border-color: #01afa7; box-shadow: 0 0 10px rgba(231, 37, 24, .3); } .wrap-case-typical .case-typical .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .wrap-case-typical .case-typical .item:hover .note b { color: #01afa7; } .wrap-case-typical .case-company { position: relative; margin-top: 60px; padding: 90px 0; background-color: #f2f2f2; } @media (max-width: 991px) { .wrap-case-typical .case-company { padding: 60px 0; } } .wrap-case-typical .case-company:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #f2f2f2; } .wrap-case-typical .case-company .pic, .wrap-case-typical .case-company .text { position: relative; z-index: 2; } @media (max-width: 1350px) { .wrap-case-typical .case-company .pic img { max-width: 100%; } } .wrap-case-typical .case-company .text { overflow: hidden; } @media (max-width: 991px) { .wrap-case-typical .case-company .text { margin-top: 40px; } } .wrap-case-typical .case-company .text .top-text, .wrap-case-typical .case-company .text .note ul li { display: table; width: 100%; text-align: center; } .wrap-case-typical .case-company .text .top-text p, .wrap-case-typical .case-company .text .note ul li p { font-size: 18px; font-weight: 300; line-height: 30px; display: table-cell; width: 30%; margin: 0; padding: 10px; vertical-align: middle; color: #666; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: none; } @media (max-width: 1350px) { .wrap-case-typical .case-company .text .top-text p, .wrap-case-typical .case-company .text .note ul li p { font-size: 16px; } } @media (max-width: 991px) { .wrap-case-typical .case-company .text .top-text p, .wrap-case-typical .case-company .text .note ul li p { font-size: 15px; } } @media (max-width: 767px) { .wrap-case-typical .case-company .text .top-text p, .wrap-case-typical .case-company .text .note ul li p { font-size: 14px; line-height: 24px; } } .wrap-case-typical .case-company .text .top-text p:first-child, .wrap-case-typical .case-company .text .note ul li p:first-child { width: 40%; } .wrap-case-typical .case-company .text .top-text p:last-child, .wrap-case-typical .case-company .text .note ul li p:last-child { border-right: none; } .wrap-case-typical .case-company .text .top-text { padding-right: 6px; background-color: #01afa7; } .wrap-case-typical .case-company .text .top-text p { color: #fff; border-top: none; } .wrap-case-typical .case-company .text .note { position: relative; overflow-y: auto; height: 350px; border: 1px solid #e5e5e5; background-color: #fff; } .wrap-case-typical .case-company .text .note::-webkit-scrollbar { position: absolute; left: 0; width: 6px; } .wrap-case-typical .case-company .text .note::-webkit-scrollbar-track { background-color: #666; } .wrap-case-typical .case-company .text .note::-webkit-scrollbar-thumb { background-color: #01afa7; } .wrap-case-typical .case-product { margin-top: 50px; } .wrap-case-project .case-project .list { margin-top: 70px; } @media (max-width: 767px) { .wrap-case-project .case-project .list { margin-top: 40px; } } .wrap-case-project .case-project .top-list { position: relative; min-height: 64px; padding: 0 140px 0 90px; } @media (max-width: 767px) { .wrap-case-project .case-project .top-list { padding-right: 0; } } .wrap-case-project .case-project .top-list .pic { position: absolute; top: 4px; left: 0; overflow: hidden; width: 64px; height: 64px; border-radius: 50%; } .wrap-case-project .case-project .top-list .note b { font-size: 26px; line-height: 1.30769231; display: block; } @media (max-width: 767px) { .wrap-case-project .case-project .top-list .note b { font-size: 22px; } } .wrap-case-project .case-project .top-list .note p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 6px 0 0 0; color: #666; } @media (max-width: 767px) { .wrap-case-project .case-project .top-list .note p { font-size: 16px; } } .wrap-case-project .case-project .top-list .list-link { position: absolute; top: 10px; right: 0; width: 180px; /*width: 140px;*/ } @media (max-width: 767px) { .wrap-case-project .case-project .top-list .list-link { position: relative; top: 0; margin-top: 20px; } } .wrap-case-project .case-project .top-list .list-link a { font-size: 20px; font-weight: 300; line-height: 44px; display: block; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border-radius: 4px; background-color: #00706b; } @media (max-width: 991px) { .wrap-case-project .case-project .top-list .list-link a { font-size: 16px; } } .wrap-case-project .case-project .top-list .list-link a:hover { background-color: #01afa7; } @media (max-width: 767px) { .wrap-case-project .case-project .itembox .row { margin: 0 -8px; } } .wrap-case-project .case-project .itembox .item { display: block; margin-top: 40px; } @media (max-width: 991px) { .wrap-case-project .case-project .itembox .item { margin-top: 20px; } } .wrap-case-project .case-project .itembox .item .img-box { padding-bottom: 69.6969697%; } .wrap-case-project .case-project .itembox .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-case-project .case-project .itembox .item .note { position: relative; padding: 20px 10%; text-align: center; background-color: #f6f6f6; } @media (max-width: 767px) { .wrap-case-project .case-project .itembox .item .note { padding: 20px 10px; } } .wrap-case-project .case-project .itembox .item .note:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .4s; transition: all .4s; background-color: #01afa7; } .wrap-case-project .case-project .itembox .item .note b { font-size: 20px; line-height: 24px; display: block; display: -webkit-box; overflow: hidden; height: 24px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-case-project .case-project .itembox .item .note b { font-size: 18px; } } .wrap-case-project .case-project .itembox .item .note p { font-size: 16px; font-weight: 300; line-height: 24px; display: -webkit-box; overflow: hidden; height: 48px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-case-project .case-project .itembox .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-case-project .case-project .itembox .item:hover .note:after { width: 100%; } .wrap-case-show .case-title { text-align: center; } .wrap-case-show .case-title h1 { font-size: 36px; font-weight: 300; line-height: 1.38888889; margin: 0; } @media (max-width: 991px) { .wrap-case-show .case-title h1 { font-size: 24px; } } .wrap-case-show .case-show .pic { margin-top: 30px; } .wrap-case-show .case-show .pic img { display: block; max-width: 100%; margin: 5px 0; } .wrap-case-show .case-show .parameter .item { position: relative; margin-top: 24px; padding: 40px 10px; text-align: center; background-color: #eee; } @media (max-width: 991px) { .wrap-case-show .case-show .parameter .item { padding: 15px 10px; text-align: left; } } .wrap-case-show .case-show .parameter .item:after { position: absolute; bottom: 0; left: 0; display: block; width: 0; height: 2px; content: ''; -webkit-transition: all .6s; transition: all .6s; background-color: #01afa7; } .wrap-case-show .case-show .parameter .item p { font-size: 20px; font-weight: 300; line-height: 70px; position: relative; display: inline-block; margin: 0; padding-left: 100px; } @media (max-width: 767px) { .wrap-case-show .case-show .parameter .item p { font-size: 18px; padding-left: 80px; } } .wrap-case-show .case-show .parameter .item p:before { font-family: 'iconfont' !important; font-size: 30px; line-height: 70px; position: absolute; top: 0; left: 0; width: 70px; height: 70px; content: '\e6d1'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border-radius: 50%; background-color: #aaa; } .wrap-case-show .case-show .parameter .item-capacity p:before { content: '\e618'; } .wrap-case-show .case-show .parameter .item-application p:before { content: '\ea61'; } .wrap-case-show .case-show .parameter .item:hover:after { width: 100%; } .wrap-case-show .case-show .parameter .item:hover p:before { background-color: #01afa7; } .wrap-case-show .case-show .text { margin-top: 50px; } .wrap-case-show .case-show .text p { font-size: 18px; font-weight: 300; line-height: 2; margin: 0; color: #666; } @media (max-width: 767px) { .wrap-case-show .case-show .text p { font-size: 16px; } } .wrap-case-show .link-project { margin-top: 60px; text-align: center; } .wrap-case-show .link-project a { font-size: 18px; font-weight: 300; line-height: 38px; display: inline-block; margin: 0 4px; margin-top: 10px; padding: 0 30px; -webkit-transition: all .4s; transition: all .4s; color: #01afa7; border: 1px solid #01afa7; border-radius: 4px; } .wrap-case-show .link-project a:before { font-family: 'iconfont' !important; font-size: 20px; float: left; margin-right: 10px; content: '\e6ac'; } .wrap-case-show .link-project a.email { color: #fff; background-color: #01afa7; } .wrap-case-show .link-project a.email:before { content: '\e626'; } .wrap-case-show .link-project a:hover { color: #fff; background-color: #01afa7; } .wrap-case-show .notice-project { margin-top: 30px; text-align: center; } .wrap-case-show .notice-project b { font-size: 18px; line-height: 1.66666667; display: block; } .wrap-case-show .case-successful { margin-top: 70px; } @media (max-width: 991px) { .wrap-case-show .case-successful { margin-top: 50px; } } .wrap-news .news { margin-top: 30px; padding-bottom: 60px; border-bottom: 1px solid #e5e5e5; } .wrap-news .news .item { display: block; overflow: hidden; margin-top: 30px; padding: 12px; -webkit-transition: all .4s; transition: all .4s; background-color: #eee; } @media (max-width: 767px) { .wrap-news .news .item { padding: 6px; } } .wrap-news .news .item .pic { float: left; width: 38%; } @media (max-width: 1350px) { .wrap-news .news .item .pic { width: 44%; } } @media (max-width: 767px) { .wrap-news .news .item .pic { width: 100%; } } .wrap-news .news .item .pic .img-box { padding-bottom: 66.66666667%; } .wrap-news .news .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-news .news .item .note { float: left; width: 62%; padding: 20px; } @media (max-width: 1350px) { .wrap-news .news .item .note { width: 56%; } } @media (max-width: 767px) { .wrap-news .news .item .note { width: 100%; padding: 30px 15px; } } .wrap-news .news .item .note b { font-size: 20px; font-weight: normal; line-height: 30px; display: block; display: -webkit-box; overflow: hidden; height: 30px; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-news .news .item .note span { font-size: 18px; font-weight: 300; line-height: 30px; display: block; margin-top: 4px; color: #01afa7; } .wrap-news .news .item .note span:before { font-family: 'iconfont' !important; margin-right: 10px; content: '\e7a7'; } .wrap-news .news .item .note p { font-size: 18px; font-weight: 300; line-height: 22px; display: -webkit-box; overflow: hidden; height: 44px; margin: 10px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-news .news .item .note p { font-size: 16px; } } .wrap-news .news .item:hover { background-color: #00706b; } .wrap-news .news .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-news .news .item:hover .note b, .wrap-news .news .item:hover .note span, .wrap-news .news .item:hover .note p { color: #fff; } .wrap-news .news-product { margin-top: 60px; } .wrap-news .news-case { margin-top: 60px; } .wrap-news-show .news-show { padding-bottom: 80px; border-bottom: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-news-show .news-show { padding-bottom: 50px; } } .wrap-news-show .wrap-sort { margin-top: 0; } .wrap-news-show .title-news { margin-top: 50px; text-align: center; } .wrap-news-show .title-news h1 { font-size: 30px; font-weight: normal; line-height: 1.53846154; margin: 0; } @media (max-width: 991px) { .wrap-news-show .title-news h1 { font-size: 22px; } } .wrap-news-show .title-news span { font-size: 18px; font-weight: 300; line-height: 30px; display: block; margin-top: 4px; color: #01afa7; } .wrap-news-show .title-news span:before { font-family: 'iconfont' !important; margin-right: 10px; content: '\e7a7'; } .wrap-news-show .text { margin-top: 30px; } .wrap-news-show .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-news-show .text p { font-size: 16px; } } .wrap-news-show .text img { max-width: 100%; } .wrap-news-show .news-product { margin-top: 60px; } .wrap-news-show .news-case { margin-top: 60px; } .wrap-service { padding-bottom: 0; } .wrap-service .service { position: relative; margin-top: 80px; padding-bottom: 300px; border-bottom: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-service .service { padding-bottom: 80px; } } .wrap-service .service .pic { text-align: center; } .wrap-service .service .pic img { max-width: 100%; } @media (max-width: 767px) { .wrap-service .service .pic img { width: 150%; max-width: 150%; margin-left: -25%; } } .wrap-service .service .list { position: absolute; top: 0; width: 100%; } @media (max-width: 991px) { .wrap-service .service .list { position: relative; margin-top: 40px; } } .wrap-service .service .list ul { overflow: hidden; margin-top: -30px; padding-top: 15px; } .wrap-service .service .list ul li { float: left; width: 50%; padding-right: 18%; } @media (max-width: 991px) { .wrap-service .service .list ul li { padding-right: 15px; } } @media (max-width: 767px) { .wrap-service .service .list ul li { width: 100%; padding: 15px; } } .wrap-service .service .list ul li:nth-child(2n) { padding-right: 0; padding-left: 18%; } @media (max-width: 991px) { .wrap-service .service .list ul li:nth-child(2n) { padding-left: 15px; } } @media (max-width: 767px) { .wrap-service .service .list ul li:nth-child(2n) { width: 100%; padding: 15px; } } .wrap-service .service .list ul li:nth-child(2n) .item { padding-right: 0; padding-left: 150px; text-align: left; } @media (max-width: 767px) { .wrap-service .service .list ul li:nth-child(2n) .item { padding-left: 0px; text-align: center; } } .wrap-service .service .list ul li:nth-child(2n) .item:before { right: auto; left: 0; } .wrap-service .service .list ul li:nth-child(5) { width: 100%; padding: 0; } .wrap-service .service .list ul li:nth-child(5) .item { padding: 0; text-align: center; } .wrap-service .service .list ul li:nth-child(5) .item:before { display: none; } .wrap-service .service .list ul li:nth-child(5) .item p, .wrap-service .service .list ul li:nth-child(5) .item i { display: inline-block; margin: 0; vertical-align: middle; } @media (max-width: 991px) { .wrap-service .service .list ul li:nth-child(5) .item p, .wrap-service .service .list ul li:nth-child(5) .item i { display: block; } } .wrap-service .service .list ul li:nth-child(5) .item p { font-size: 18px; line-height: 1.44444444; margin: -30px 30px 0 30px; color: #666; } @media (max-width: 991px) { .wrap-service .service .list ul li:nth-child(5) .item p { margin: 0; } } .wrap-service .service .list ul li:nth-child(5) .item i { font-size: 20px; font-style: normal; color: #00706b; } .wrap-service .service .list ul li:nth-child(5) .item i:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 118px; display: block; width: 118px; height: 118px; margin-bottom: 14px; content: '\e69e'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #00706b; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } @media (max-width: 991px) { .wrap-service .service .list ul li:nth-child(5) .item i:before { margin: 10px auto; } } @media (max-width: 767px) { .wrap-service .service .list ul li:nth-child(5) .item i:before { line-height: 98px; width: 98px; height: 98px; } } .wrap-service .service .list ul li:nth-child(5) .item:hover i { color: #01afa7; } .wrap-service .service .list ul li:nth-child(5) .item:hover i:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #fff; background-color: #01afa7; } .wrap-service .service .list .item { position: relative; display: block; min-height: 118px; margin-bottom: 90px; padding-right: 150px; text-align: right; } @media (max-width: 767px) { .wrap-service .service .list .item { margin-bottom: 20px; padding-right: 0px; text-align: center; } } .wrap-service .service .list .item:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 118px; position: absolute; top: 0; right: 0; display: block; width: 118px; height: 118px; content: '\e632'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #00706b; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } @media (max-width: 767px) { .wrap-service .service .list .item:before { line-height: 98px; width: 98px; height: 98px; position: relative; margin: 0 auto; margin-bottom: 20px; } } .wrap-service .service .list .item-auxiliaries:before { content: '\e62b'; } .wrap-service .service .list .item-coverage:before { content: '\e649'; } .wrap-service .service .list .item-solution:before { font-size: 40px; content: '\e685'; } .wrap-service .service .list .item b { font-size: 20px; font-weight: normal; display: block; } .wrap-service .service .list .item p { font-size: 18px; font-weight: 300; line-height: 1.44444444; margin: 10px 0 0 0; color: #666; } .wrap-service .service .list .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #fff; background-color: #01afa7; } .wrap-service .service .list .item:hover b { color: #01afa7; } .wrap-successful .title-in b { font-size: 26px; } .wrap-ultimate { margin-bottom: 80px; background: url(../images/ultimate_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 1199px) { .wrap-ultimate { margin-bottom: 60px; background: url(../images/ultimate_bg.jpg) no-repeat center; background-size: cover; } } .wrap-ultimate .title-ultimate { text-align: center; color: #fff; } .wrap-ultimate .title-ultimate b { font-size: 28px; line-height: 1.21428571; display: block; } @media (max-width: 991px) { .wrap-ultimate .title-ultimate b { font-size: 26px; } } .wrap-ultimate .title-ultimate p { font-size: 18px; font-weight: 300; line-height: 1.44444444; margin: 8px 0 0 0; } @media (max-width: 991px) { .wrap-ultimate .title-ultimate p { font-size: 16px; } } .wrap-ultimate .list { text-align: center; } .wrap-ultimate .list ul { margin: 0 -70px; font-size: 0; } @media (max-width: 991px) { .wrap-ultimate .list ul { margin: 0 -20px; } } .wrap-ultimate .list ul li { display: inline-block; padding: 0 70px; } @media (max-width: 991px) { .wrap-ultimate .list ul li { padding: 0 20px; } } @media (max-width: 767px) { .wrap-ultimate .list ul li { width: 50%; } } .wrap-ultimate .list .item { display: block; margin-top: 36px; } .wrap-ultimate .list .item p { font-size: 20px; margin: 14px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-ultimate .list .item p { font-size: 18px; } } .wrap-ultimate .list .item:before { display: block; width: 110px; height: 110px; margin: 0 auto; content: ''; background: url(../images/ultimate-icon.png) no-repeat; background-size: cover; } .wrap-ultimate .list .item-solution:before { background-position: -110px 0; } .wrap-ultimate .list .item-application:before { background-position: -220px 0; } .wrap-ultimate .list .item-certificate:before { background-position: -330px 0; } .wrap-ultimate .list .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; } .wrap-service-promise .service-promise { padding-bottom: 60px; } .wrap-service-promise .service-promise .list { margin-top: 20px; } .wrap-service-promise .service-promise .list ul { font-size: 0; } .wrap-service-promise .service-promise .list ul li { display: inline-block; width: 25%; vertical-align: top; } @media (max-width: 991px) { .wrap-service-promise .service-promise .list ul li { width: 50%; } } .wrap-service-promise .service-promise .list .item { margin-top: 30px; text-align: center; } .wrap-service-promise .service-promise .list .item .num { position: relative; width: 148px; height: 148px; margin: 0 auto; border: 2px solid #dcdbdc; border-radius: 50%; } @media (max-width: 991px) { .wrap-service-promise .service-promise .list .item .num { width: 110px; height: 110px; } } .wrap-service-promise .service-promise .list .item b { font-size: 60px; font-weight: normal; line-height: 1; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #666; } @media (max-width: 991px) { .wrap-service-promise .service-promise .list .item b { font-size: 40px; } } .wrap-service-promise .service-promise .list .item b span { font-size: 18px; font-weight: 300; display: block; } @media (max-width: 991px) { .wrap-service-promise .service-promise .list .item b span { font-size: 16px; } } .wrap-service-promise .service-promise .list .item p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 16px 0 0 0; color: #666; } @media (max-width: 991px) { .wrap-service-promise .service-promise .list .item p { font-size: 16px; } } .wrap-service-promise .service-promise .list .item:hover .num { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; border-color: #01afa7; } .wrap-service-promise .service-promise .list .item:hover .num b { color: #01afa7; } .wrap-service-promise .service-strict { position: relative; padding: 60px 0; background-color: #eee; } .wrap-service-promise .service-strict:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #eee; } .wrap-service-promise .service-strict .title { position: relative; z-index: 2; } .wrap-service-promise .service-strict .list { position: relative; z-index: 2; text-align: center; } .wrap-service-promise .service-strict .list .item { display: block; margin-top: 40px; } @media (max-width: 991px) { .wrap-service-promise .service-strict .list .item { margin-top: 20px; } } .wrap-service-promise .service-strict .list .item .img-box { padding-bottom: 66.66666667%; } .wrap-service-promise .service-strict .list .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-service-promise .service-strict .list .item p { font-size: 18px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 16px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-service-promise .service-strict .list .item p { font-size: 16px; } } .wrap-service-promise .service-strict .list .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-service-promise .service-strict .list .item:hover p { color: #00706b; } .wrap-service-promise .service-order { padding: 60px 0; } .wrap-service-promise .service-order .list .row { font-size: 0; } .wrap-service-promise .service-order .list .itembox { display: inline-block; float: none; vertical-align: top; } .wrap-service-promise .service-order .list .item { margin-top: 40px; text-align: center; } .wrap-service-promise .service-order .list .item:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 48px; display: block; width: 48px; height: 48px; margin: 0 auto; content: '\e656'; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #fff; border: 1px solid #01afa7; border-radius: 50%; background-color: #01afa7; } .wrap-service-promise .service-order .list .item b { font-size: 18px; font-weight: normal; line-height: 1.66666667; display: block; margin: 14px 0; } .wrap-service-promise .service-order .list .item p { font-size: 18px; font-weight: 300; line-height: 1.44444444; margin: 0; color: #666; } .wrap-service-promise .service-order .list .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #01afa7; background-color: #fff; } .wrap-service-promise .service-order .list .item:hover b { color: #01afa7; } .wrap-service-promise .service-order .list .item-quality:before { content: '\e68f'; border-color: #005bac; background-color: #005bac; } .wrap-service-promise .service-order .list .item-quality:hover:before { color: #005bac; background-color: #fff; } .wrap-service-promise .service-order .list .item-quality:hover b { color: #005bac; } .wrap-service-promise .service-order .list .item-packing:before { content: '\e651'; border-color: #f17405; background-color: #f17405; } .wrap-service-promise .service-order .list .item-packing:hover:before { color: #f17405; background-color: #fff; } .wrap-service-promise .service-order .list .item-packing:hover b { color: #f17405; } .wrap-service-promise .service-order .list .item-transport:before { content: '\e64e'; border-color: #0370d0; background-color: #0370d0; } .wrap-service-promise .service-order .list .item-transport:hover:before { color: #0370d0; background-color: #fff; } .wrap-service-promise .service-order .list .item-transport:hover b { color: #0370d0; } .wrap-service-promise .service-successful { margin-top: 60px; } .wrap-service-coverage { padding-bottom: 80px; } .wrap-service-coverage .service-coverage .list { margin-top: 80px; padding-left: 34px; } .wrap-service-coverage .service-coverage .list>ul { border-left: 1px dashed #e5e5e5; } .wrap-service-coverage .service-coverage .list>ul>li { padding-left: 80px; } @media (max-width: 991px) { .wrap-service-coverage .service-coverage .list>ul>li { padding-left: 60px; } } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list>ul>li { padding-left: 50px; } } .wrap-service-coverage .service-coverage .list>ul>li:first-child .item { padding-top: 0; } .wrap-service-coverage .service-coverage .list .item { position: relative; padding: 50px 0; border-bottom: 1px solid #eee; } .wrap-service-coverage .service-coverage .list .item:before { font-family: 'iconfont' !important; font-size: 40px; line-height: 70px; position: absolute; top: 30px; left: -114px; display: block; width: 70px; height: 70px; content: '\e671'; text-align: center; border: 1px solid #dcdbdc; border-radius: 50%; background-color: #fff; } @media (max-width: 991px) { .wrap-service-coverage .service-coverage .list .item:before { left: -94px; } } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .item:before { line-height: 60px; left: -84px; width: 60px; height: 60px; } } .wrap-service-coverage .service-coverage .list .item-during:before { font-size: 30px; content: '\e63b'; } .wrap-service-coverage .service-coverage .list .item-after:before { font-size: 30px; content: '\e64a'; } .wrap-service-coverage .service-coverage .list .item b { font-size: 20px; font-weight: normal; line-height: 1.5; display: block; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .item b { font-size: 18px; } } .wrap-service-coverage .service-coverage .list .item p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; color: #666; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .item p { font-size: 16px; } } .wrap-service-coverage .service-coverage .list .list-1 { font-size: 0; } .wrap-service-coverage .service-coverage .list .list-1 .item:before { top: -20px; } .wrap-service-coverage .service-coverage .list .list-1 .note { display: inline-block; width: 50%; margin-top: 30px; padding-right: 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-service-coverage .service-coverage .list .list-1 .note { width: 100%; margin-top: 20px; padding: 0; } } .wrap-service-coverage .service-coverage .list .list-2 .itembox ul { font-size: 0; } .wrap-service-coverage .service-coverage .list .list-2 .itembox ul li { display: inline-block; width: 33.33333333%; text-align: center; vertical-align: top; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .list-2 .itembox ul li { width: 100%; } } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item { margin-top: 30px; } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item:before { font-family: 'iconfont' !important; font-size: 30px; line-height: 70px; display: block; width: 70px; height: 70px; margin: 0 auto; content: '\e659'; -webkit-transition: all .4s; transition: all .4s; text-align: center; border: 1px solid #e5e5e5; border-radius: 50%; } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item.item-feedback:before { content: '\e65c'; } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item.item-strict:before { font-size: 24px; content: '\e670'; } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item p { font-size: 18px; font-weight: normal; line-height: 1.55555556; margin: 16px 0 0 0; color: #333; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item p { font-size: 16px; } } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #01afa7; border-color: #01afa7; } .wrap-service-coverage .service-coverage .list .list-2 .itembox .itembox-item:hover p { color: #01afa7; } .wrap-service-coverage .service-coverage .list .list-3 .itembox ul { font-size: 0; margin: 0 -45px; } @media (max-width: 1350px) { .wrap-service-coverage .service-coverage .list .list-3 .itembox ul { margin: 0 -20px; } } .wrap-service-coverage .service-coverage .list .list-3 .itembox ul li { display: inline-block; width: 50%; padding: 0 45px; vertical-align: top; } @media (max-width: 1350px) { .wrap-service-coverage .service-coverage .list .list-3 .itembox ul li { padding: 0 20px; } } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .list-3 .itembox ul li { width: 100%; } } .wrap-service-coverage .service-coverage .list .list-3 .itembox .itembox-item { margin-top: 40px; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .list-3 .itembox .itembox-item { margin-top: 20px; } } .wrap-service-coverage .service-coverage .list .list-3 .itembox .itembox-item .img-box { padding-bottom: 41.66666667%; } .wrap-service-coverage .service-coverage .list .list-3 .itembox .itembox-item p { font-size: 18px; line-height: 1.55555556; margin: 28px 0 0 0; color: #666; } @media (max-width: 767px) { .wrap-service-coverage .service-coverage .list .list-3 .itembox .itembox-item p { font-size: 16px; margin-top: 14px; } } .wrap-service-coverage .coverage-info { position: relative; padding: 40px 0; background-color: #eee; } .wrap-service-coverage .coverage-info:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #eee; } .wrap-service-coverage .coverage-info .row { font-size: 0; margin: 0 -50px; } @media (max-width: 1560px) { .wrap-service-coverage .coverage-info .row { margin: 0 -30px; } } .wrap-service-coverage .coverage-info .itembox { display: inline-block; float: none; padding: 0 50px; vertical-align: top; } @media (max-width: 1560px) { .wrap-service-coverage .coverage-info .itembox { padding: 0 30px; } } .wrap-service-coverage .coverage-info .item { position: relative; z-index: 2; margin: 30px 0; padding-left: 120px; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item { margin: 20px 0; padding-left: 80px; } } .wrap-service-coverage .coverage-info .item:before { font-family: 'iconfont' !important; font-size: 80px; line-height: 80px; position: absolute; top: 0; left: 0; content: '\e634'; color: #666; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item:before { font-size: 60px; line-height: 60px; } } .wrap-service-coverage .coverage-info .item-spare:before { font-size: 60px; content: '\e654'; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item-spare:before { font-size: 44px; } } .wrap-service-coverage .coverage-info .item-installation:before { font-size: 70px; content: '\e633'; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item-installation:before { font-size: 50px; } } .wrap-service-coverage .coverage-info .item-regular:before { font-size: 70px; content: '\e75d'; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item-regular:before { font-size: 50px; } } .wrap-service-coverage .coverage-info .item b { font-size: 20px; font-weight: normal; line-height: 1.5; display: block; margin-bottom: 14px; } .wrap-service-coverage .coverage-info .item p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; color: #666; } @media (max-width: 767px) { .wrap-service-coverage .coverage-info .item p { font-size: 16px; } } .wrap-service-coverage .coverage-info .item:hover:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; color: #01afa7; } .wrap-service-coverage .coverage-info .item:hover b { color: #01afa7; } .wrap-about .about { margin-top: 40px; } .wrap-about .about .video { position: relative; overflow: hidden; max-width: 544px; height: 370px; margin-top: 30px; background-color: #000; } @media (max-width: 991px) { .wrap-about .about .video { height: 340px; } } @media (max-width: 767px) { .wrap-about .about .video { height: 300px; margin-top: 30px; } } .wrap-about .about .video img { height: 100%; margin-left: 50%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: .77; } .wrap-about .about .video p { font-size: 18px; font-weight: bold; line-height: 40px; position: absolute; bottom: 0; left: 0; display: inline-block; height: 40px; margin: 0; padding: 0 34px; color: #fff; background-color: #00706b; } .wrap-about .about .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .wrap-about .about .video .iframe { display: none; width: 100% !important; height: 100% !important; } .wrap-about .about .video .play { font-size: 18px; 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%); text-transform: uppercase; } @media (max-width: 767px) { .wrap-about .about .video .play { font-size: 16px; } } .wrap-about .about .video .play:before { font-family: 'iconfont'; font-size: 60px; font-weight: normal; display: block; content: '\e67f'; color: #fff; } @media (max-width: 991px) { .wrap-about .about .video .play:before { font-size: 40px; } } .wrap-about .about .video:hover img { opacity: .8; } .wrap-about .about .text { } .wrap-about .about .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-about .about .text p { font-size: 16px; } img{ max-width:100%;} } .wrap-about .list { margin-top: 30px; } .wrap-about .list .item { margin-top: 30px; } .wrap-about .list .item b { font-size: 24px; font-weight: normal; line-height: 68px; position: relative; display: block; } @media (max-width: 991px) { .wrap-about .list .item b { font-size: 20px; line-height: 50px; } } .wrap-about .list .item b:before { font-family: 'iconfont' !important; font-size: 40px; line-height: 68px; display: inline-block; width: 68px; height: 68px; margin-right: 20px; content: '\e62f'; text-align: center; vertical-align: middle; color: #fff; border-radius: 5px; background-color: #01afa7; } @media (max-width: 991px) { .wrap-about .list .item b:before { font-size: 30px; line-height: 50px; width: 50px; height: 50px; } } .wrap-about .list .item p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 20px 0 0 0; color: #666; } @media (max-width: 991px) { .wrap-about .list .item p { font-size: 16px; } } .wrap-about .list .item-vision b:before { font-size: 50px; content: '\e680'; background-color: #00706b; } .wrap-about .list .item-service b:before { font-size: 30px; content: '\e630'; background-color: #32b16c; } .wrap-about .list .item:hover b:before { -webkit-animation: swing 1s 0s ease both; animation: swing 1s 0s ease both; } .wrap-social { background: url(../images/social_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 1199px) { .wrap-social { background: url(../images/social_bg.jpg) no-repeat center; background-size: cover; } } .wrap-social .title-in b { color: #fff; } .wrap-social .list { overflow: hidden; } .wrap-social .list ul { font-size: 0; margin: 0 -15px; } .wrap-social .list ul li { display: inline-block; width: 20%; padding: 0 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-social .list ul li { width: 33.33333333%; } } @media (max-width: 767px) { .wrap-social .list ul li { width: 50%; } } .wrap-social .list .item { position: relative; display: block; height: 200px; margin-top: 40px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #fff; border-radius: 8px; background-color: rgba(255, 255, 255, .32); } .wrap-social .list .item .note { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .wrap-social .list .item-linkedin .note:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 50px; content: '\e62e'; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .wrap-social .list .item-facebook .note:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 50px; content: '\e647'; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .wrap-social .list .item-youtube .note:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 50px; content: '\e65a'; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .wrap-social .list .item-twitter .note:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 50px; content: '\e657'; -webkit-transition: all .2s; transition: all .2s; color: #fff; } .wrap-social .list .item-instagram .note:before { font-family: 'iconfont' !important; font-size: 50px; line-height: 50px; content: '\e607'; -webkit-transition: all .2s; transition: all .2s; color: #fff; } @media (max-width: 991px) { .wrap-social .list .item .note:before { font-size: 40px; line-height: 40px; } } .wrap-social .list .item .note p { font-size: 18px; font-weight: 300; line-height: 1.33333333; margin: 10px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-social .list .item .note p { font-size: 16px; } } .wrap-social .list .item .note span { font-size: 18px; font-weight: 300; line-height: 34px; display: inline-block; overflow: hidden; width: 0; height: 0; margin-top: 14px; -webkit-transition: all .4s; transition: all .4s; color: #fff; background-color: #01afa7; } @media (max-width: 991px) { .wrap-social .list .item .note span { width: 94px; height: 34px; } } .wrap-social .list .item:hover { border-color: #01afa7; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .wrap-social .list .item:hover .note:before { color: #00706b; } .wrap-social .list .item:hover .note span { width: 94px; height: 34px; } .wrap-social .list .item-facebook .note:before { content: '\e647'; } .wrap-social .list .item-youtube .note:before { content: '\e65a'; } .wrap-social .list .item-twitter .note:before { content: '\e657'; } .wrap-social .list .item-google .note:before { font-size: 30px; content: '\e60c'; } .wrap-factory .title-in p { font-size: 15px; margin: 20px 0 0 -14px; color: #666; } .wrap-factory .list { margin-top: 10px; } .wrap-factory .list ul { font-size: 0; margin: 0 -10px; } .wrap-factory .list ul li { display: inline-block; width: 33.33333333%; padding: 0 10px; vertical-align: top; } @media (max-width: 991px) { .wrap-factory .list ul li { width: 50%; } } @media (max-width: 767px) { .wrap-factory .list ul li { width: 100%; } } .wrap-factory .list ul li:nth-child(2) .item-2, .wrap-factory .list ul li:nth-child(2) .item-1 { position: relative; } .wrap-factory .list ul li:nth-child(2) .item-2 p, .wrap-factory .list ul li:nth-child(2) .item-1 p { font-size: 20px; font-weight: bold; line-height: 50px; position: absolute; bottom: 0; overflow: hidden; width: 100%; height: 50px; margin: 0; padding: 0 60px 0 20px; color: #fff; background-color: rgba(9, 72, 139, .78); } .wrap-factory .list ul li:nth-child(2) .item-2 p:before, .wrap-factory .list ul li:nth-child(2) .item-1 p:before { display: inline-block; width: 3px; height: 14px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #fff; } .wrap-factory .list ul li:nth-child(2) .item-2 p:after, .wrap-factory .list ul li:nth-child(2) .item-1 p:after { font-family: 'iconfont' !important; font-size: 28px; font-weight: normal; line-height: 50px; position: absolute; top: 0; right: 20px; content: '\e62a'; } .wrap-factory .list ul li:nth-child(2) .item-1 p { line-height: 80px; height: 80px; } @media (max-width: 991px) { .wrap-factory .list ul li:nth-child(2) .item-1 p { line-height: 50px; height: 50px; } } .wrap-factory .list ul li:nth-child(2) .item-1 p:after { display: none; } .wrap-factory .list .video { position: relative; overflow: hidden; } .wrap-factory .list .video p { font-size: 18px; font-weight: bold; line-height: 40px; position: absolute; bottom: 0; left: 0; display: inline-block; height: 40px; margin: 0; padding: 0 34px; color: #fff; background-color: #00706b; } .wrap-factory .list .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .wrap-factory .list .video .iframe { display: none; width: 100% !important; height: 100% !important; } .wrap-factory .list .video .play { font-size: 18px; position: absolute; right: 20px; bottom: 0; display: inline-block; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; text-transform: uppercase; } @media (max-width: 767px) { .wrap-factory .list .video .play { font-size: 16px; } } .wrap-factory .list .video .play:before { font-family: 'iconfont'; font-size: 30px; font-weight: normal; line-height: 80px; display: block; content: '\e67f'; color: #fff; } @media (max-width: 991px) { .wrap-factory .list .video .play:before { line-height: 50px; } } .wrap-factory .list .item { display: block; margin-top: 20px; } .wrap-factory .list .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-factory .list .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-factory .list .item-1 .img-box { padding-bottom: 69.6969697%; } .wrap-factory .list .item-2 .img-box { padding-bottom: 69.6969697%; } .wrap-about-honor { background: url(../images/honor_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 1199px) { .wrap-about-honor { background: url(../images/honor_bg.jpg) no-repeat center; background-size: cover; } } .wrap-about-honor .about-honor .slick-honor { padding: 0 6%; } .wrap-about-honor .about-honor .slick-slide { padding: 50px 15px 0 15px; } .wrap-about-honor .about-honor .slick-slide:nth-child(2n+1) .item { } .wrap-about-honor .about-honor .item { display: block; } .wrap-about-honor .about-honor .item .img-box { padding-bottom: 75%; } .wrap-about-honor .about-honor .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-about-honor .about-honor .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-about-honor .about-honor .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 0; padding: 0; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; } .wrap-factory .list .item .img-box { padding-bottom: 70%; } @media (max-width: 767px) { .wrap-about-honor .about-honor .slick-arrow { left: 0; } } .wrap-about-honor .about-honor .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 90px; display: block; width: 35px; height: 90px; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #333; background: rgba(255, 255, 255, .42); } @media (max-width: 767px) { .wrap-about-honor .about-honor .slick-arrow:before { font-size: 20px; line-height: 50px; width: 24px; height: 50px; } } .wrap-about-honor .about-honor .slick-arrow.slick-next { right: 0; left: auto; } @media (max-width: 767px) { .wrap-about-honor .about-honor .slick-arrow.slick-next { right: 0; } } .wrap-about-honor .about-honor .slick-arrow.slick-next:before { content: '\e827'; } .wrap-about-honor .about-honor .slick-arrow:hover:before { background: #01afa7; } .wrap-areas { border-bottom: 1px solid #e5e5e5; } .wrap-areas .areas .text { margin-top: 30px; } .wrap-areas .areas .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; } @media (max-width: 991px) { .wrap-areas .areas .text p { font-size: 16px; } } @media (max-width: 991px) { .wrap-areas .areas .pic { margin-top: 30px; } } .wrap-areas .areas .pic img { max-width: 100%; } .wrap-areas .degree { margin-top: 60px; } .wrap-areas .degree .title-degree { text-align: left; } .wrap-areas .degree .title-degree p { font-size: 20px; line-height: 1.5; margin: 0; } .wrap-areas .degree .circle { margin: 0 auto; margin-top: 60px; } @media (max-width: 991px) { .wrap-areas .degree .circle { margin-top: 30px; -webkit-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } .wrap-areas .degree .item { text-align: center; } .wrap-areas .degree .item p { font-size: 20px; font-weight: 300; line-height: 1.5; margin: 16px 0 0 0; } @media (max-width: 991px) { .wrap-areas .degree .item p { font-size: 16px; margin: 0; } } .wrap-areas .degree .circles-text { font-size: 40px !important; font-weight: bold; color: #01afa7; } .wrap-epcbnews .epcbnews .item { display: block; margin-top: 30px; } .wrap-epcbnews .epcbnews .item .img-box { padding-bottom: 66.66666667%; } .wrap-epcbnews .epcbnews .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-epcbnews .epcbnews .item .note { margin-top: 20px; } .wrap-epcbnews .epcbnews .item .note b { font-size: 26px; font-weight: normal; line-height: 34px; display: block; display: -webkit-box; overflow: hidden; height: 34px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews .item .note b { font-size: 22px; } } .wrap-epcbnews .epcbnews .item .note span { font-size: 18px; line-height: 1.66666667; display: block; color: #01afa7; } .wrap-epcbnews .epcbnews .item .note span:before { font-family: 'iconfont' !important; margin-right: 10px; content: '\e7a7'; } .wrap-epcbnews .epcbnews .item .note p { font-size: 18px; font-weight: 300; line-height: 28px; display: -webkit-box; overflow: hidden; height: 56px; margin: 14px 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews .item .note p { font-size: 16px; } } .wrap-epcbnews .epcbnews .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-epcbnews .epcbnews .item:hover .note b { color: #01afa7; } .wrap-epcbnews .epcbnews ul.list .item { overflow: hidden; padding: 12px; -webkit-transition: all .4s; transition: all .4s; background-color: #eee; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews ul.list .item { padding: 6px; } } .wrap-epcbnews .epcbnews ul.list .item .pic { float: left; width: 40%; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews ul.list .item .pic { width: 100%; } } .wrap-epcbnews .epcbnews ul.list .item .note { float: left; width: 60%; padding: 0 20px; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews ul.list .item .note { width: 100%; margin: 0; padding: 20px 10px; } } .wrap-epcbnews .epcbnews ul.list .item .note b { font-size: 20px; } .wrap-epcbnews .epcbnews ul.list .item .note p { font-size: 18px; line-height: 22px; height: 44px; } @media (max-width: 767px) { .wrap-epcbnews .epcbnews ul.list .item .note p { font-size: 16px; } } .wrap-epcbnews .epcbnews ul.list .item:hover { background-color: #00706b; } .wrap-epcbnews .epcbnews ul.list .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-epcbnews .epcbnews ul.list .item:hover .note b, .wrap-epcbnews .epcbnews ul.list .item:hover .note span, .wrap-epcbnews .epcbnews ul.list .item:hover .note p { color: #fff; } .wrap-customers { margin-bottom: 80px; background: url(../images/customers_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 1199px) { .wrap-customers { margin-bottom: 60px; background: url(../images/customers_bg.jpg) no-repeat center; background-size: cover; } } .wrap-customers .title b { font-size: 30px; font-weight: normal; } .wrap-customers .customers { position: relative; margin-top: 40px; padding: 70px 20px 100px; padding-right: 360px; background-color: #fff; } @media (max-width: 991px) { .wrap-customers .customers { padding: 30px 15px; } } .wrap-customers .customers .slider-for .item { position: relative; padding-left: 130px; } @media (max-width: 767px) { .wrap-customers .customers .slider-for .item { padding-left: 0; } } .wrap-customers .customers .slider-for .item .pic { position: absolute; top: 0; left: 0; width: 106px; } @media (max-width: 767px) { .wrap-customers .customers .slider-for .item .pic { position: relative; margin: 0 auto; } } @media (max-width: 767px) { .wrap-customers .customers .slider-for .item .text { margin-top: 30px; } } .wrap-customers .customers .slider-for .item .text b { font-size: 20px; line-height: 1.5; display: block; } .wrap-customers .customers .slider-for .item .text b:after { display: block; width: 26px; height: 2px; margin-top: 10px; content: ''; background-color: #01afa7; } .wrap-customers .customers .slider-for .item .text .note { margin-top: 30px; } .wrap-customers .customers .slider-for .item .text .note p { font-size: 16px; font-weight: 300; line-height: 1.75; margin: 0; color: #666; } .wrap-customers .customers .slider-nav { position: absolute; top: 0; right: 20px; width: 300px; padding: 10px 0; } @media (max-width: 991px) { .wrap-customers .customers .slider-nav { position: relative; right: 0; } } @media (max-width: 767px) { .wrap-customers .customers .slider-nav { width: 100%; max-width: 400px; } } .wrap-customers .customers .slider-nav .item { position: relative; display: block; min-height: 80px; padding: 10px 10px 10px 90px; border-bottom: 1px solid #e5e5e5; } .wrap-customers .customers .slider-nav .item .pic { position: absolute; top: 10px; left: 10px; width: 60px; } .wrap-customers .customers .slider-nav .item .text b { font-size: 18px; font-weight: normal; line-height: 24px; display: -webkit-box; overflow: hidden; height: 24px; margin-top: 6px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-customers .customers .slider-nav .item .text p { font-size: 16px; line-height: 1.75; display: -webkit-box; overflow: hidden; height: 28px; margin: 0 0 0 0; color: #666; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-customers .customers .slider-nav .slick-current .item { background-color: #00706b; } .wrap-customers .customers .slider-nav .slick-current .item .text b, .wrap-customers .customers .slider-nav .slick-current .item .text p { color: #fff; } .wrap-customers .customers .slider-nav .slick-arrow { display: block; width: 100%; margin: 20px 0; padding: 0; text-align: center; background: none; } .wrap-customers .customers .slider-nav .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 38px; display: block; width: 38px; height: 38px; margin: 0 auto; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); text-align: center; color: #333; border-radius: 50%; background: #eee; } .wrap-customers .customers .slider-nav .slick-arrow.slick-next { top: auto; bottom: 30px; } .wrap-customers .customers .slider-nav .slick-arrow.slick-next:before { content: '\e827'; } .wrap-customers .customers .slider-nav .slick-arrow:hover:before { color: #fff; background: #01afa7; } .wrap-honor { padding-top: 0; } .wrap-honor .top-honor { padding: 20px 0; border-bottom: 1px solid #eee; } .wrap-honor .top-honor .title-in { display: inline-block; vertical-align: middle; } .wrap-honor .top-honor .location { display: inline-block; float: right; vertical-align: middle; } @media (max-width: 991px) { .wrap-honor .top-honor .location { display: block; float: none; margin-top: 10px; } } .wrap-honor .top-honor .location ul { font-size: 0; display: inline-block; } .wrap-honor .top-honor .location ul:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e63d'; color: #01afa7; } .wrap-honor .top-honor .location ul li { font-size: 18px; display: inline-block; color: #666; } @media (max-width: 991px) { .wrap-honor .top-honor .location ul li { font-size: 16px; } } .wrap-honor .top-honor .location ul li:after { font-weight: 300; margin: 0 6px; content: '>'; } .wrap-honor .top-honor .location ul li:last-child:after { display: none; } .wrap-honor .top-honor .location ul li a { font-weight: 300; line-height: 40px; display: inline-block; } @media (max-width: 991px) { .wrap-honor .top-honor .location ul li a { line-height: 30px; } } .wrap-honor .top-honor .location ul li a:hover { color: #01afa7; } .wrap-honor .honor { margin-top: 20px; } .wrap-honor .honor .item { display: block; margin-top: 30px; -webkit-transition: all .2s; transition: all .2s; text-align: center; } .wrap-honor .honor .item .pic { padding: 20px 60px; border: 1px solid #dcdbdc; } @media (max-width: 1350px) { .wrap-honor .honor .item .pic { padding: 20px 40px; } } @media (max-width: 1199px) { .wrap-honor .honor .item .pic { padding: 20px; } } @media (max-width: 767px) { .wrap-honor .honor .item .pic { padding: 10px; } } .wrap-honor .honor .item .pic .img-box { padding-bottom: 140%; } .wrap-honor .honor .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-honor .honor .item .note p { font-size: 18px; font-weight: 300; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 14px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-honor .honor .item .note p { font-size: 16px; } } .wrap-honor .honor .item:hover .pic { border-color: #01afa7; } .wrap-honor .honor .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-honor .honor .item:hover .note p { color: #01afa7; } .wrap-technical { padding-top: 0; } .wrap-technical .top-technical { padding: 20px 0; border-bottom: 1px solid #eee; } .wrap-technical .top-technical .title-in { display: inline-block; vertical-align: middle; } .wrap-technical .top-technical .location { display: inline-block; float: right; vertical-align: middle; } @media (max-width: 991px) { .wrap-technical .top-technical .location { display: block; float: none; margin-top: 10px; } } .wrap-technical .top-technical .location ul { font-size: 0; display: inline-block; } .wrap-technical .top-technical .location ul:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e63d'; color: #01afa7; } .wrap-technical .top-technical .location ul li { font-size: 18px; display: inline-block; color: #666; } @media (max-width: 991px) { .wrap-technical .top-technical .location ul li { font-size: 16px; } } .wrap-technical .top-technical .location ul li:after { font-weight: 300; margin: 0 6px; content: '>'; } .wrap-technical .top-technical .location ul li:last-child:after { display: none; } .wrap-technical .top-technical .location ul li a { font-weight: 300; line-height: 40px; display: inline-block; } @media (max-width: 991px) { .wrap-technical .top-technical .location ul li a { line-height: 30px; } } .wrap-technical .top-technical .location ul li a:hover { color: #01afa7; } .wrap-technical .technical { margin-top: 20px; } .wrap-technical .technical .item { display: block; margin-top: 30px; -webkit-transition: all .2s; transition: all .2s; text-align: center; } .wrap-technical .technical .item .pic .img-box { padding-bottom: 69.6969697%; } .wrap-technical .technical .item .pic .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-technical .technical .item .note p { font-size: 18px; line-height: 30px; display: -webkit-box; overflow: hidden; height: 30px; margin: 14px 0 0 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-technical .technical .item .note p { font-size: 16px; } } .wrap-technical .technical .item:hover .pic { border-color: #01afa7; } .wrap-technical .technical .item:hover .pic .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-technical .technical .item:hover .note p { color: #01afa7; } .wrap-manufacturing { position: relative; padding: 0; background: url(../images/manufacturing_bg.jpg) no-repeat center fixed; background-size: cover; } @media (max-width: 1199px) { .wrap-manufacturing { position: relative; padding: 0; background: url(../images/manufacturing_bg.jpg) no-repeat center; background-size: cover; } } .wrap-manufacturing:before { position: absolute; top: 0; left: 0; display: block; width: 50%; height: 100%; content: ''; background-color: rgba(49, 69, 87, .84); } @media (max-width: 991px) { .wrap-manufacturing:before { width: 100%; } } .wrap-manufacturing .manufacturing { position: relative; z-index: 4; width: 50%; padding: 50px 0; } @media (max-width: 991px) { .wrap-manufacturing .manufacturing { width: 100%; } } .wrap-manufacturing .manufacturing .title-in:before { background-color: #fff; } .wrap-manufacturing .manufacturing .title-in b { color: #fff; } .wrap-manufacturing .manufacturing .text { margin-top: 20px; padding-right: 30px; } @media (max-width: 991px) { .wrap-manufacturing .manufacturing .text { padding: 0; } } .wrap-manufacturing .manufacturing .text p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; color: #fff; } @media (max-width: 991px) { .wrap-manufacturing .manufacturing .text p { font-size: 16px; } } .wrap-product { padding: 30px 0; } .wrap-product .product { padding-left: 30px; } @media (max-width: 991px) { .wrap-product .product { margin-top: 20px; padding-left: 0; } } .wrap-product .product .item { position: relative; display: block; overflow: hidden; margin-top: 40px; border: 1px solid #dcdcdc; } @media (max-width: 991px) { .wrap-product .product .item { margin-top: 20px; } } .wrap-product .product .item .pic .img-box { padding-bottom: 70%; -webkit-transition: all .4s; transition: all .4s; } .wrap-product .product .item .note p { font-size: 18px; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; margin: 0; -webkit-transition: all .4s; transition: all .4s; text-align: center; background-color: #eee; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-product .product .item .note p { font-size: 16px; line-height: 40px; height: 40px; } } .wrap-product .product .item .maskbg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); background-color: rgba(0, 122, 107, .75); } @media (max-width: 991px) { .wrap-product .product .item .maskbg { display: none; } } .wrap-product .product .item .maskbg .mask { position: absolute; top: 50%; width: 100%; padding: 0 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .wrap-product .product .item .maskbg .mask b { font-size: 24px; line-height: 34px; display: block; display: -webkit-box; overflow: hidden; height: 34px; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .wrap-product .product .item .maskbg .mask p { font-size: 16px; font-weight: 300; line-height: 26px; display: -webkit-box; overflow: hidden; height: 52px; margin: 14px 0 0 0; color: #fff; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .wrap-product .product .item .maskbg .mask span { font-size: 16px; line-height: 35px; display: inline-block; height: 35px; margin-top: 20px; padding: 0 34px; color: #05488c; border-radius: 30px; background-color: #f2efef; } .wrap-product .product .item .maskbg .mask span:after { font-family: 'iconfont' !important; font-size: 20px; display: inline-block; content: '\e65b'; vertical-align: middle; } @media (min-width: 992px) { .wrap-product .product .item:hover .pic .img-box { -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); } .wrap-product .product .item:hover .note p { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .wrap-product .product .item:hover .maskbg { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } } .wrap-product.wrap-product-other { padding-bottom: 80px; } .wrap-product.wrap-product-other .title-product { border-bottom: 1px solid #e5e5e5; } @media (max-width: 991px) { .wrap-product.wrap-product-other .title-product { padding: 15px 0; } } .wrap-product.wrap-product-other .title-product b { font-size: 30px; font-weight: normal; line-height: 110px; display: inline-block; } @media (max-width: 991px) { .wrap-product.wrap-product-other .title-product b { font-size: 24px; line-height: 50px; } } .wrap-product.wrap-product-other .product { padding-left: 0; } .wrap-product-show { padding: 0; } .wrap-product-show .top-product { padding: 20px 0; border-bottom: 1px solid #eee; } .wrap-product-show .top-product .title-in { display: inline-block; padding-left: 0; vertical-align: middle; } .wrap-product-show .top-product .title-in:before { display: none; } .wrap-product-show .top-product .location { display: inline-block; float: right; vertical-align: middle; } @media (max-width: 991px) { .wrap-product-show .top-product .location { display: block; float: none; margin-top: 10px; } } .wrap-product-show .top-product .location ul { font-size: 0; display: inline-block; } .wrap-product-show .top-product .location ul:before { font-family: 'iconfont' !important; font-size: 18px; margin-right: 10px; content: '\e63d'; color: #01afa7; } .wrap-product-show .top-product .location ul li { font-size: 18px; display: inline-block; color: #666; } @media (max-width: 991px) { .wrap-product-show .top-product .location ul li { font-size: 16px; } } .wrap-product-show .top-product .location ul li:after { font-weight: 300; margin: 0 6px; content: '>'; } .wrap-product-show .top-product .location ul li:last-child:after { display: none; } .wrap-product-show .top-product .location ul li a { font-weight: 300; line-height: 40px; display: inline-block; } @media (max-width: 991px) { .wrap-product-show .top-product .location ul li a { line-height: 30px; } } .wrap-product-show .top-product .location ul li a:hover { color: #01afa7; } .wrap-product-show .carousel-wrap { font-size: 0; } .wrap-product-show .carousel-wrap .carousel { display: inline-block; width: 50%; margin-top: 40px; vertical-align: middle; } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .carousel { width: 100%; } } .wrap-product-show .carousel-wrap .carousel .img-box { padding-bottom: 70.37037037%; } .wrap-product-show .carousel-wrap .carousel .slider-for { position: relative; border: 1px solid #e5e5e5; } .wrap-product-show .carousel-wrap .carousel .slider-for .item { position: relative; } .wrap-product-show .carousel-wrap .carousel .slider-nav { font-size: 0; margin-top: 10px; padding: 0 25px; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-slide { padding: 0 4px; outline: none; } .wrap-product-show .carousel-wrap .carousel .slider-nav .img-box { padding-bottom: 70.37037037%; } .wrap-product-show .carousel-wrap .carousel .slider-nav .item { position: relative; border: 1px solid #e5e5e5; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-current .item { border: 1px solid #00706b; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow { position: absolute; z-index: 9; top: 50%; left: 0; height: 100%; padding: 0; cursor: pointer; -webkit-transition: all .4s; transition: all .4s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: none; background-color: #eee; } @media (max-width: 767px) { .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow { left: 0; } } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow:before { font-family: 'iconfont' !important; font-size: 16px; line-height: 90px; display: block; width: 20px; content: '\e601'; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #333; } @media (max-width: 767px) { .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow:before { font-size: 16px; line-height: 50px; width: 24px; height: 50px; } } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow.slick-next { right: 0; left: auto; } @media (max-width: 767px) { .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow.slick-next { right: 0; } } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow.slick-next:before { content: '\e827'; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow:hover { opacity: 1; background: #01afa7; } .wrap-product-show .carousel-wrap .carousel .slider-nav .slick-arrow:hover:before { color: #fff; } .wrap-product-show .carousel-wrap .info-box { float:right; width: 50%; padding-left:6%; padding-top:40px; } @media (max-width: 1350px) { .wrap-product-show .carousel-wrap .info-box { padding-left: 30px; } } @media (max-width: 991px) { .wrap-product-show .carousel-wrap .info-box { width: 100%; margin-top: 30px; padding-left: 0; } } .wrap-product-show .carousel-wrap .info-box .title-product-show h1 { font-size: 30px; line-height: 1.5; display: block; margin: 0; } @media (max-width: 1350px) { .wrap-product-show .carousel-wrap .info-box .title-product-show h1 { font-size: 24px; } } .wrap-product-show .carousel-wrap .info-box .text { max-width:96%; margin-top: 30px; } @media (max-width: 767px) { .wrap-product-show .carousel-wrap .info-box .text { margin-top: 20px; } } .wrap-product-show .carousel-wrap .info-box .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } .wrap-product-show .carousel-wrap .info-box .info .fun-btn { margin-top: 30px; } @media (max-width: 1199px) { .wrap-product-show .carousel-wrap .info-box .info .fun-btn { margin-top: 20px; } } .wrap-product-show .carousel-wrap .info-box .info .fun-btn a { display: inline-block; margin-top: 20px; } .wrap-product-show .carousel-wrap .info-box .info .fun-btn span { font-size: 18px; font-weight: 300; line-height: 44px; display: inline-block; width: 180px; height: 44px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .3s; transition: .3s; text-align: center; vertical-align: middle; color: #fff; background-color: #00706b; -o-user-select: none; } @media(max-width: 767px) { .wrap-product-show .carousel-wrap .info-box .info .fun-btn span { width: 160px; font-size: 16px; } } @media(max-width: 360px) { .wrap-product-show .carousel-wrap .info-box .info .fun-btn span { width: 138px; } } .wrap-product-show .carousel-wrap .info-box .info .fun-btn span:hover { color: #fff; background-color: #d51609; } .wrap-product-show .carousel-wrap .info-box .info .fun-btn .down { margin-right: 10px; } .wrap-product-show .carousel-wrap .info-box .info .fun-btn .down span { background-color: #01afa7; } .wrap-product-show .carousel-wrap .info-box .share { margin-top: 40px; } .wrap-product-show .carousel-wrap .info-box .share p { font-size: 18px; line-height: 1.66666667; margin: 0; } .wrap-product-show .carousel-wrap .info-box .share ul { margin-top: 20px; } .wrap-product-show .carousel-wrap .info-box .share ul li { display: inline-block; } .wrap-product-show .carousel-wrap .info-box .share ul li a { display: block; margin-right: 10px; color: #fff; } .wrap-product-show .carousel-wrap .info-box .share ul li a:before { font-family: 'iconfont'; font-size: 14px; font-weight: normal; line-height: 30px; display: inline-block; width: 30px; height: 30px; content: '\e615'; -webkit-transition: all .2s; transition: all .2s; text-align: center; vertical-align: top; border-radius: 50%; background-color: #01387b; } .wrap-product-show .carousel-wrap .info-box .share ul li.twitter a:before { content: '\e60b'; } .wrap-product-show .carousel-wrap .info-box .share ul li.linkedin a:before { content: '\e6f0'; } .wrap-product-show .carousel-wrap .info-box .share ul li.instagram a:before { font-size: 18px; content: '\e63b'; } .wrap-product-show .carousel-wrap .info-box .share ul li.youtube a:before { content: '\e6d7'; } .wrap-product-show .carousel-wrap .info-box .share ul li.google a:before { font-size: 12px; content: '\e60c'; } .wrap-product-show .carousel-wrap .info-box .share ul li.amazon a:before { content: '\e6c1'; } .wrap-product-show .carousel-wrap .info-box .share ul li:hover a:before { background-color: #01afa7; } .wrap-product-show .product-nav { margin-top: 54px; background-color: #00706b; } .wrap-product-show .product-nav ul { font-size: 0; } .wrap-product-show .product-nav ul li { display: inline-block; border-right: 1px solid rgba(255, 255, 255, .3); } @media (max-width: 991px) { .wrap-product-show .product-nav ul li { width: 50%; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .3); } } .wrap-product-show .product-nav ul li a { font-size: 18px; font-weight: 300; line-height: 40px; display: block; padding: 0 40px; -webkit-transition: all .2s; transition: all .2s; color: #fff; } @media (max-width: 991px) { .wrap-product-show .product-nav ul li a { padding: 0 0px; font-size: 16px; } } @media (max-width: 375px) { .wrap-product-show .product-nav ul li a { font-size: 14px; } } .wrap-product-show .product-nav ul li:hover a { background-color: #01afa7; } .wrap-product-show .advantage { padding: 60px 0; } .wrap-product-show .advantage .title-advantage b { font-size: 30px; font-weight: 300; display: block; } @media (max-width: 991px) { .wrap-product-show .advantage .title-advantage b { font-size: 24px; } } .wrap-product-show .advantage .list ul { font-size: 0; margin: 0 -50px; text-align: center; } @media (max-width: 1350px) { .wrap-product-show .advantage .list ul { margin: 0 -30px; } } @media (max-width: 1199px) { .wrap-product-show .advantage .list ul { margin: 0 -15px; } } @media (max-width: 767px) { .wrap-product-show .advantage .list ul { margin: 0 -5px; } } .wrap-product-show .advantage .list ul li { display: inline-block; width: 33.33333333%; padding: 0 50px; vertical-align: top; } @media (max-width: 1350px) { .wrap-product-show .advantage .list ul li { padding: 0 30px; } } @media (max-width: 1199px) { .wrap-product-show .advantage .list ul li { padding: 0 15px; } } @media (max-width: 991px) { .wrap-product-show .advantage .list ul li { width: 50%; } } @media (max-width: 767px) { .wrap-product-show .advantage .list ul li { padding: 0 5px; } } .wrap-product-show .advantage .list .item { margin-top: 30px; } .wrap-product-show .advantage .list .item .pic { overflow: hidden; padding: 4px; -webkit-transition: all .4s; transition: all .4s; border: 1px solid #fff; border-radius: 50%; } .wrap-product-show .advantage .list .item .pic .img-box { overflow: hidden; padding-bottom: 57.57575758%; border-radius: 50%; } .wrap-product-show .advantage .list .item .note { margin-top: 24px; } @media (max-width: 767px) { .wrap-product-show .advantage .list .item .note { margin-top: 14px; } } .wrap-product-show .advantage .list .item .note p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 0; -webkit-transition: all .4s; transition: all .4s; } @media (max-width: 991px) { .wrap-product-show .advantage .list .item .note p { font-size: 16px; } } .wrap-product-show .advantage .list .item:hover .pic { border-color: #01afa7; } .wrap-product-show .advantage .list .item:hover .note p { color: #01afa7; } .wrap-product-show .system-video { position: relative; padding: 30px 0 60px; background-color: #f6f6f6; } .wrap-product-show .system-video:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #f6f6f6; } .wrap-product-show .system-video .title-in { margin-top: 30px; } .wrap-product-show .system-video .img-box { padding-bottom: 57.97101449%; } .wrap-product-show .system-video .system { margin-top: 30px; } .wrap-product-show .system-video .video { position: relative; overflow: hidden; margin-top: 30px; background-color: #000; } .wrap-product-show .system-video .video img { -webkit-transition: all 1s; transition: all 1s; opacity: .56; } .wrap-product-show .system-video .video p { font-size: 18px; font-weight: bold; line-height: 40px; position: absolute; bottom: 0; left: 0; display: inline-block; height: 40px; margin: 0; padding: 0 34px; color: #fff; background-color: #00706b; } .wrap-product-show .system-video .video .video-box { position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; } .wrap-product-show .system-video .video .iframe { display: none; width: 100% !important; height: 100% !important; } .wrap-product-show .system-video .video .play { font-size: 18px; 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%); text-transform: uppercase; } @media (max-width: 767px) { .wrap-product-show .system-video .video .play { font-size: 16px; } } .wrap-product-show .system-video .video .play:before { font-family: 'iconfont'; font-size: 50px; font-weight: normal; display: block; content: '\e67f'; color: #fff; } @media (max-width: 991px) { .wrap-product-show .system-video .video .play:before { font-size: 40px; } } .wrap-product-show .system-video .video:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: .8; } .wrap-product-show .system-advantage { border-bottom: 1px solid #e5e5e5; background: none; } .wrap-product-show .system-advantage:before { display: none; } .wrap-product-show .system-advantage .advantage-other { padding-left: 60px; } @media (max-width: 1350px) { .wrap-product-show .system-advantage .advantage-other { padding-left: 0; } } .wrap-product-show .system-advantage .advantage-other ul.list li { position: relative; margin-top: 30px; padding-left: 24px; } @media (max-width: 991px) { .wrap-product-show .system-advantage .advantage-other ul.list li { margin-top: 20px; } } .wrap-product-show .system-advantage .advantage-other ul.list li:before { position: absolute; top: 10px; left: 0; display: block; width: 6px; height: 6px; content: ''; border-radius: 50%; background-color: #01afa7; } .wrap-product-show .system-advantage .advantage-other ul.list li p { font-size: 18px; font-size: 16px; font-weight: 300; line-height: 1.55555556; margin: 0; } .wrap-product-show .system-advantage .advantage-other ul.list li:hover p { color: #01afa7; } .wrap-product-show .parameter { padding: 60px 0; } .wrap-product-show .parameter .title-parameter { text-align: center; } .wrap-product-show .parameter .title-parameter b { font-size: 30px; font-weight: 300; line-height: 1.33333333; display: block; } @media (max-width: 991px) { .wrap-product-show .parameter .title-parameter b { font-size: 24px; } } .wrap-product-show .parameter .title-parameter p { font-size: 18px; font-weight: 300; line-height: 1.33333333; max-width: 990px; margin: 14px auto; color: #666; } @media (max-width: 991px) { .wrap-product-show .parameter .title-parameter p { font-size: 16px; } } .wrap-product-show .parameter ul.parametersort { margin-top: 20px; text-align: center; } .wrap-product-show .parameter ul.parametersort li { display: inline-block; width: 200px; margin: 0 4px; margin-top: 10px; text-align: center; } @media (max-width: 767px) { .wrap-product-show .parameter ul.parametersort li { width: 180px; } } .wrap-product-show .parameter ul.parametersort li a { font-size: 20px; font-weight: 300; line-height: 50px; display: block; background-color: #eee; } @media (max-width: 767px) { .wrap-product-show .parameter ul.parametersort li a { font-size: 18px; } } .wrap-product-show .parameter ul.parametersort li.active a { color: #fff; background-color: #01afa7; } .wrap-product-show .parameter .list { margin-top: 40px; } .wrap-product-show .parameter .list p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; } .wrap-product-show .parameter .list img { max-width: 100%; } .wrap-product-show .parameter .list .table-box, .wrap-news-show .text .table-box { overflow: auto; width: 100%; max-width: 100%; } .wrap-product-show .parameter .list table, .wrap-news-show .text table { width: 100% !important; max-width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; text-align: center; } .wrap-product-show .parameter .list table tr, .wrap-product-show .parameter .list table td, .wrap-news-show .text table tr, .wrap-news-show .text table td { width: auto !important; height: auto !important; vertical-align: middle; } .wrap-product-show .parameter .list table tr:nth-child(odd), .wrap-news-show .text table tr:nth-child(odd) { background-color: #f2f2f2; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .wrap-product-show .parameter .list table td, .wrap-news-show .text table td { padding: 8px !important; border: 1px solid #ccc !important; } .wrap-product-show .parameter .list table tr p, .wrap-product-show .parameter .list table tr span, .wrap-news-show .text table tr p, .wrap-news-show .text table tr span { margin: 0 !important; padding: 0 !important; background: none !important; } .wrap-product-show .parameter .list table tr:hover, .wrap-news-show .text table tr:hover { background-color: rgba(231, 37, 24, .8); color: #fff; } .wrap-product-show .parameter .list table tr:hover td, .wrap-news-show .text table tr:hover td { border-color: rgba(231, 37, 24, .8) !important; } .wrap-product-show .auxiliaries { position: relative; padding: 60px 0; background-color: #f6f6f6; } .wrap-product-show .auxiliaries:before { position: absolute; top: 0; left: -100%; display: block; width: 300%; height: 100%; content: ''; background-color: #f6f6f6; } .wrap-product-show .auxiliaries .title-in, .wrap-product-show .auxiliaries .slick-auxiliaries { position: relative; z-index: 2; } .wrap-product-show .relevant { padding: 70px 0; } .wrap-product-show .recommended-product { margin-bottom: 70px; } .wrap-strength { padding-top: 0; } .wrap-strength .strength-pic { height: 180px; } @media (max-width: 991px) { .wrap-strength .strength-pic { height:180px; } } .wrap-strength .boxstrength { position: relative; z-index: 2; margin-top: -100px; } .wrap-strength .boxstrength .strength { padding: 50px; border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } @media (max-width: 991px) { .wrap-strength .boxstrength .strength { padding: 50px 10px; } } .wrap-strength .boxstrength .strength .title b { font-size: 30px; } @media (max-width: 991px) { .wrap-strength .boxstrength .strength .title b { font-size: 24px; } } .wrap-strength .boxstrength .strength .title { text-align:left;} .wrap-strength .boxstrength .strength .title b:after{ margin:20px 0 20px 0px; } .wrap-strength .boxstrength .strength .text { margin-top: 20px; } .wrap-strength .boxstrength .strength .text p { font-size: 16px; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-strength .boxstrength .strength .text p { font-size: 16px; } } .wrap-strength .boxstrength .list .item { position: relative; display: block; overflow: hidden; margin-top: 30px; border-radius: 10px; } .wrap-strength .boxstrength .list .item .pic .img-box { padding-bottom: 76.66666667%; } .wrap-strength .boxstrength .list .item .maskbg { position: absolute; bottom: 0; width: 100%; height: 50px; -webkit-transition: all .6s; transition: all .6s; text-align: center; background-color: rgba(0, 0, 0, .23); } @media (max-width: 991px) { .wrap-strength .boxstrength .list .item .maskbg { height: 40px; } } .wrap-strength .boxstrength .list .item .maskbg .mask { position: absolute; top: 50%; width: 100%; padding: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; } .wrap-strength .boxstrength .list .item .maskbg .mask b { font-size: 18px; font-weight: normal; line-height: 50px; display: -webkit-box; overflow: hidden; height: 50px; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-strength .boxstrength .list .item .maskbg .mask b { line-height: 40px; height: 40px; } } .wrap-strength .boxstrength .list .item .maskbg .mask p { font-size: 18px; font-weight: 300; line-height: 1.33333333; display: none; margin: 0; } @media (min-width: 992px) { .wrap-strength .boxstrength .list .item:hover .maskbg { height: 100%; background-color: rgba(231, 37, 24, .75); } .wrap-strength .boxstrength .list .item:hover .maskbg .mask b { font-size: 24px; font-weight: bold; } .wrap-strength .boxstrength .list .item:hover .maskbg .mask p { display: block; } } .wrap-contact { padding-bottom: 70px; } .wrap-contact .contact .left { margin-top: 50px; padding-right: 30px; } .wrap-contact .contact .left .text { margin-top: 20px; } .wrap-contact .contact .left .text p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } @media (max-width: 991px) { .wrap-contact .contact .left .text p { font-size: 16px; } } .wrap-contact .contact .left .address { position: relative; margin-top: 50px; padding-left: 66px; } .wrap-contact .contact .left .address:before { font-family: 'iconfont' !important; font-size: 24px; line-height: 50px; position: absolute; top: 6px; left: 0; width: 50px; height: 50px; content: '\e658'; text-align: center; color: #fff; border-radius: 50%; background-color: #01afa7; box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .wrap-contact .contact .left .address b { font-size: 18px; line-height: 30px; display: block; } .wrap-contact .contact .left .address p { font-size: 18px; font-weight: 300; line-height: 1.55555556; margin: 4px 0 0 0; color: #666; } .wrap-contact .contact .right { overflow: hidden; margin-top: 20px; } .wrap-contact .contact .right ul { margin: 0 -15px; } .wrap-contact .contact .right ul li { float: left; width: 50%; padding: 0 15px; } @media (max-width: 767px) { .wrap-contact .contact .right ul li { width: 100%; } } .wrap-contact .contact .right .item { margin-top: 30px; padding: 30px 15px; text-align: center; border: 1px solid #e5e5e5; border-radius: 8px; display: block; } @media (max-width: 767px) { .wrap-contact .contact .right .item { padding: 20px 15px; } } .wrap-contact .contact .right .item:before { font-family: 'iconfont' !important; font-size: 22px; line-height: 50px; display: block; width: 50px; height: 50px; margin: 0 auto; content: '\e626'; color: #fff; border-radius: 50%; background-color: #00706b; } .wrap-contact .contact .right .item-tel:before { content: '\e61c'; background-color: #acd598; } .wrap-contact .contact .right .item-skype:before { content: '\e841'; background-color: #fd8a58; } .wrap-contact .contact .right .item-whatsapp:before { content: '\e790'; background-color: #01afa7; } .wrap-contact .contact .right .item p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 14px 0 0 0; color: #666; } .wrap-contact .contact .right .item:hover p { text-decoration: underline; color: #00706b; } .wrap-map { padding-bottom: 80px; } @media (max-width: 991px) { .wrap-map { padding-bottom: 60px; } } .wrap-map .map { height: 560px; } @media (max-width: 991px) { .wrap-map .map { height: 340px; } } .banner-sale { min-height: 1330px; background: url(../images/sale_bg.jpg) no-repeat top center; } @media (max-width: 991px) { .banner-sale { min-height: 800px; background-size: 260%; } } .banner-sale .top-sale { text-align: center; } .banner-sale .top-sale a { display: block; } .banner-sale .top-sale img { display: block; margin: 0 auto; } @media (max-width: 991px) { .banner-sale .top-sale img { max-width: 120px; } } .banner-sale .top-sale p { font-family: Merriweather; font-size: 20px; font-weight: 700; font-style: normal; margin: 0; color: #fff; } @media (max-width: 991px) { .banner-sale .top-sale p { font-size: 16px; } } .banner-sale .text { max-width: 530px; margin: 0 auto; margin-top: 190px; text-align: center; } @media (max-width: 991px) { .banner-sale .text { margin-top: 80px; } } .banner-sale .text h3 { font-family: 'Merriweather'; font-size: 45px; line-height: 1.33333333; margin: 0 0 20px 0; color: #f00; } @media (max-width: 991px) { .banner-sale .text h3 { font-size: 24px; margin: 0 0 10px 0; } } .banner-sale .text h4 { font-family: 'Merriweather'; font-size: 28px; font-weight: normal; line-height: 1.42857143; margin: 0; color: #f00; } @media (max-width: 991px) { .banner-sale .text h4 { font-size: 18px; } } .banner-sale .text a.smooth { display: inline-block; margin-top: 40px; padding: 2px; border: 2px solid #f00; border-radius: 4px; } @media (max-width: 991px) { .banner-sale .text a.smooth { margin-top: 16px; } } .banner-sale .text a.smooth span { font-family: 'Merriweather'; line-height: 50px; display: inline-block; height: 50px; padding: 0 20px; color: #f00; border: 2px solid #f00; border-radius: 4px; } @media (max-width: 991px) { .banner-sale .text a.smooth span { line-height: 40px; height: 40px; } } .wrap-sale-join { margin-top: -460px; } @media (max-width: 991px) { .wrap-sale-join { margin-top: -360px; } } .wrap-sale-join .sale-join { max-width: 1200px; min-height: 1040px; margin: 0 auto; padding: 210px 30px; background: url(../images/sale-join-bg.png) no-repeat top center; } @media (max-width: 991px) { .wrap-sale-join .sale-join { padding: 180px 10px 0 10px; } } .wrap-sale-join .sale-join .title-sale { text-align: center; } .wrap-sale-join .sale-join .title-sale b { font-family: 'Merriweather'; font-size: 36px; line-height: 100px; display: block; width: 195px; height: 131px; margin: 0 auto; color: #fff; background: url(../images/title-join.png) no-repeat; } @media (max-width: 991px) { .wrap-sale-join .sale-join .title-sale b { -webkit-transform: scale(.6); -ms-transform: scale(.6); transform: scale(.6); } } .wrap-sale-join .sale-join .title-sale p { font-family: 'Merriweather'; font-size: 36px; line-height: 1.38888889; margin: 20px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-sale-join .sale-join .title-sale p { font-size: 18px; margin: 0; } } .wrap-sale-join .sale-join .list ul li { margin-top: 50px; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li { margin-top: 20px; } } .wrap-sale-join .sale-join .list ul li:nth-child(2) { margin-left: 10%; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(2) { margin-left: 0; } } .wrap-sale-join .sale-join .list ul li:nth-child(2) .item { padding-left: 160px; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(2) .item { padding-left: 0; } } .wrap-sale-join .sale-join .list ul li:nth-child(2) .item:before { width: 140px; background: url(../images/sale-2.png) no-repeat; background-size: contain; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(2) .item:before { position: relative; width: 60px; height: 40px; margin: 0 auto; } } .wrap-sale-join .sale-join .list ul li:nth-child(3) { margin-left: 20%; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(3) { margin-left: 0; } } .wrap-sale-join .sale-join .list ul li:nth-child(3) .item { padding-left: 160px; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(3) .item { padding-left: 0; } } .wrap-sale-join .sale-join .list ul li:nth-child(3) .item:before { width: 120px; background: url(../images/sale-3.png) no-repeat; background-size: contain; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list ul li:nth-child(3) .item:before { position: relative; width: 60px; height: 40px; margin: 0 auto; } } .wrap-sale-join .sale-join .list .item { position: relative; padding-left: 210px; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list .item { padding-left: 0; } } .wrap-sale-join .sale-join .list .item:before { position: absolute; top: 0; left: 0; display: block; width: 180px; height: 180px; content: ''; background: url(../images/sale-1.png) no-repeat; background-size: contain; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list .item:before { position: relative; width: 80px; height: 50px; margin: 0 auto; } } .wrap-sale-join .sale-join .list .item p { font-family: Arial, 'Merriweather'; font-size: 18px; line-height: 1.66666667; position: relative; margin: 0; padding-left: 18px; color: #fff; } @media (max-width: 991px) { .wrap-sale-join .sale-join .list .item p { font-size: 14px; } } .wrap-sale-join .sale-join .list .item p:before { font-weight: bold; position: absolute; top: 0; left: 0; margin-right: 10px; content: '·'; color: #333; } .wrap-sale-about { background-color: #3a3a3a; } .wrap-sale-about .sale-about { position: relative; padding-left: 500px; } @media (max-width: 991px) { .wrap-sale-about .sale-about { font-size: 0; padding: 0; } } .wrap-sale-about .sale-about .left { position: absolute; left: 0; width: 390px; height: 100%; } @media (max-width: 991px) { .wrap-sale-about .sale-about .left { position: relative; display: inline-block; overflow: hidden; width: 100%; vertical-align: top; } } .wrap-sale-about .sale-about .item-about, .wrap-sale-about .sale-about .item-products { position: relative; display: block; height: 50%; text-align: center; } @media (max-width: 991px) { .wrap-sale-about .sale-about .item-about, .wrap-sale-about .sale-about .item-products { float: left; width: 50%; height: 200px; } } .wrap-sale-about .sale-about .item-about { border-right: 20px solid #d7cfb9; background-color: #f3efe5; } .wrap-sale-about .sale-about .item-about b { font-family: 'Merriweather'; font-size: 60px; position: absolute; top: 50%; left: 0; padding-right: 70px; padding-left: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } @media (max-width: 991px) { .wrap-sale-about .sale-about .item-about b { font-size: 40px; } } @media (max-width: 767px) { .wrap-sale-about .sale-about .item-about b { font-size: 30px; padding: 0 50px 0 15px; } } @media (max-width: 375px) { .wrap-sale-about .sale-about .item-about b { font-size: 24px; } } .wrap-sale-about .sale-about .item-about b:after { position: absolute; top: 50%; right: 0; display: inline-block; width: 70px; height: 70px; content: ''; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; background: url(../images/arrow-1.png) no-repeat; } @media (max-width: 991px) { .wrap-sale-about .sale-about .item-about b:after { width: 40px; height: 40px; background-size: cover; } } .wrap-sale-about .sale-about .item-products { border-bottom: 20px solid #cc3942; background-color: #e34b40; } .wrap-sale-about .sale-about .item-products b { font-family: 'Merriweather'; font-size: 60px; position: absolute; top: 50%; left: 0; padding: 0 50px; padding-bottom: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; color: #fff; } @media (max-width: 991px) { .wrap-sale-about .sale-about .item-products b { font-size: 40px; } } @media (max-width: 767px) { .wrap-sale-about .sale-about .item-products b { font-size: 30px; padding: 0 15px; } } @media (max-width: 375px) { .wrap-sale-about .sale-about .item-products b { font-size: 24px; } } .wrap-sale-about .sale-about .item-products b:after { position: absolute; bottom: -50px; left: 50%; display: block; width: 200px; height: 150px; margin: 0 auto; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); vertical-align: middle; background: url(../images/next-arrow.gif) no-repeat center; background-size: contain; } @media (max-width: 991px) { .wrap-sale-about .sale-about .item-products b:after { height: 80px; } } .wrap-sale-about .sale-about .right { padding: 30px 0 50px; } .wrap-sale-about .sale-about .right .title-about { text-align: center; } .wrap-sale-about .sale-about .right .title-about b { font-family: 'Merriweather'; font-size: 36px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-sale-about .sale-about .right .title-about b { font-size: 28px; } } .wrap-sale-about .sale-about .right .text { margin-top: 20px; } .wrap-sale-about .sale-about .right .text p { font-size: 18px; font-weight: 300; line-height: 30px; position: relative; padding-left: 50px; color: #fff; } @media (max-width: 991px) { .wrap-sale-about .sale-about .right .text p { font-size: 16px; } } .wrap-sale-about .sale-about .right .text p span { font-size: 20px; font-weight: bold; font-style: italic; line-height: 30px; position: absolute; top: 0; left: 0; display: block; width: 30px; height: 30px; text-align: center; color: #333; border-radius: 50%; background-color: #fff; } .wrap-sale-about .sale-about .right .sale-more { margin-top: 30px; text-align: center; } .wrap-sale-about .sale-about .right .sale-more a { font-family: 'Merriweather'; font-size: 22px; line-height: 60px; display: inline-block; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 6px; background-color: #fe4f42; } @media (max-width: 991px) { .wrap-sale-about .sale-about .right .sale-more a { font-size: 16px; } } .wrap-sale-about .sale-about .right .sale-more a:hover { background-color: #01afa7; } .wrap-sale-products { padding: 60px 0; } .wrap-sale-products .title-sale-products { text-align: center; } .wrap-sale-products .title-sale-products b { font-family: 'Merriweather'; font-size: 36px; line-height: 1.11111111; display: block; } @media (max-width: 991px) { .wrap-sale-products .title-sale-products b { font-size: 28px; } } .wrap-sale-products .sale-products { text-align: center; } .wrap-sale-products .sale-products ul { font-size: 0; margin: 0 -10px; } .wrap-sale-products .sale-products ul li { display: inline-block; width: 33.33333333%; padding: 0 10px; vertical-align: top; } @media (max-width: 991px) { .wrap-sale-products .sale-products ul li { width: 50%; } } .wrap-sale-products .sale-products .item { display: block; margin-top: 50px; } .wrap-sale-products .sale-products .item .img-box { padding-bottom: 70%; } .wrap-sale-products .sale-products .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-sale-products .sale-products .item p { font-family: 'Merriweather'; font-size: 26px; line-height: 30px; display: -webkit-box; overflow: hidden; margin: 10px 0 0 0; -webkit-transition: all .2s; transition: all .2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 991px) { .wrap-sale-products .sale-products .item p { font-size: 18px; } } .wrap-sale-products .sale-products .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-sale-products .sale-products .item:hover p { color: #01afa7; } .wrap-sale-case { padding-bottom: 60px; } .wrap-sale-case .title-sale-case { padding-top: 40px; text-align: center; background-color: #333; } .wrap-sale-case .title-sale-case:after { display: block; width: 200px; height: 100px; margin: 0 auto; content: ''; background: url(../images/next-arrow.gif) no-repeat center; background-size: contain; } @media (max-width: 991px) { .wrap-sale-case .title-sale-case:after { height: 80px; } } .wrap-sale-case .title-sale-case b { font-family: 'Merriweather'; font-size: 32px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-sale-case .title-sale-case b { font-size: 24px; } } .wrap-sale-case .sale-case ul { font-size: 0; margin: 0 -15px; text-align: center; } @media (max-width: 767px) { .wrap-sale-case .sale-case ul { margin: 0 -8px; } } .wrap-sale-case .sale-case ul li { display: inline-block; width: 25%; padding: 0 15px; vertical-align: top; } @media (max-width: 991px) { .wrap-sale-case .sale-case ul li { width: 33.33333333%; } } @media (max-width: 767px) { .wrap-sale-case .sale-case ul li { width: 50%; padding: 0 8px; } } .wrap-sale-case .sale-case ul li:nth-child(1), .wrap-sale-case .sale-case ul li:nth-child(2), .wrap-sale-case .sale-case ul li:nth-child(3) { width: 30%; } @media (max-width: 991px) { .wrap-sale-case .sale-case ul li:nth-child(1), .wrap-sale-case .sale-case ul li:nth-child(2), .wrap-sale-case .sale-case ul li:nth-child(3) { width: 33.33333333%; } } @media (max-width: 767px) { .wrap-sale-case .sale-case ul li:nth-child(1), .wrap-sale-case .sale-case ul li:nth-child(2), .wrap-sale-case .sale-case ul li:nth-child(3) { width: 50%; } } .wrap-sale-case .sale-case .item { display: block; margin-top: 50px; } @media (max-width: 991px) { .wrap-sale-case .sale-case .item { margin-top: 30px; } } .wrap-sale-case .sale-case .item .img-box { padding-bottom: 69.6969697%; } .wrap-sale-case .sale-case .item .img-box img { -webkit-transition: all 1s; transition: all 1s; } .wrap-sale-case .sale-case .item .note { border-radius: 0 0 10px 10px; background-color: #d2d2d2; } .wrap-sale-case .sale-case .item .note p { font-size: 22px; line-height: 60px; display: -webkit-box; overflow: hidden; height: 60px; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media (max-width: 767px) { .wrap-sale-case .sale-case .item .note p { font-size: 16px; } } .wrap-sale-case .sale-case .item:hover .img-box img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .wrap-sale-case .sale-more { margin-top: 80px; text-align: center; } @media (max-width: 991px) { .wrap-sale-case .sale-more { margin-top: 60px; } } .wrap-sale-case .sale-more a { font-family: 'Merriweather'; font-size: 22px; line-height: 60px; display: inline-block; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 6px; background-color: #fe4f42; } @media (max-width: 991px) { .wrap-sale-case .sale-more a { font-size: 16px; } } .wrap-sale-case .sale-more a:hover { background-color: #01afa7; } .wrap-sale-contact { background-color: #3a3a3a; } .wrap-sale-contact .sale-about { position: relative; padding-right: 500px; } @media (max-width: 991px) { .wrap-sale-contact .sale-about { font-size: 0; padding: 0; } } .wrap-sale-contact .sale-about .left { position: absolute; right: 0; width: 470px; height: 100%; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .left { position: relative; display: inline-block; overflow: hidden; width: 100%; vertical-align: top; } } .wrap-sale-contact .sale-about .item-about, .wrap-sale-contact .sale-about .item-products { position: relative; display: block; height: 50%; text-align: center; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-about, .wrap-sale-contact .sale-about .item-products { float: left; width: 50%; height: 200px; } } .wrap-sale-contact .sale-about .item-about { border-left: 20px solid #d7cfb9; background-color: #f3efe5; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-about { border-left-width: 10px; } } .wrap-sale-contact .sale-about .item-about b { font-family: 'Merriweather'; font-size: 50px; position: absolute; top: 50%; left: 0; padding-right: 10px; padding-left: 80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-about b { font-size: 40px; } } @media (max-width: 767px) { .wrap-sale-contact .sale-about .item-about b { font-size: 28px; padding: 0 10px 0 30px; } } @media (max-width: 375px) { .wrap-sale-contact .sale-about .item-about b { font-size: 24px; } } .wrap-sale-contact .sale-about .item-about b:after { position: absolute; top: 15%; left: 0; display: inline-block; width: 70px; height: 70px; content: ''; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; background: url(../images/arrow-1.png) no-repeat; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-about b:after { top: 5%; left: -10px; width: 40px; height: 40px; background-size: cover; } } .wrap-sale-contact .sale-about .item-products { border-bottom: 20px solid #cc3942; background-color: #e34b40; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-products { border-bottom-width: 10px; } } .wrap-sale-contact .sale-about .item-products b { font-family: 'Merriweather'; font-size: 40px; position: absolute; top: 50%; left: 0; padding: 0 50px; padding-bottom: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; color: #fff; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-products b { font-size: 40px; } } @media (max-width: 767px) { .wrap-sale-contact .sale-about .item-products b { font-size: 20px; padding: 0 15px; } } @media (max-width: 375px) { .wrap-sale-contact .sale-about .item-products b { font-size: 18px; } } .wrap-sale-contact .sale-about .item-products b:after { position: absolute; bottom: -50px; left: 50%; display: block; width: 200px; height: 150px; margin: 0 auto; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); vertical-align: middle; background: url(../images/next-arrow.gif) no-repeat center; background-size: contain; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .item-products b:after { height: 80px; } } .wrap-sale-contact .sale-about .right { overflow: hidden; padding: 30px 0 50px; } .wrap-sale-contact .sale-about .right .pic { float: left; width: 30%; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .pic { display: none; } } .wrap-sale-contact .sale-about .right .pic img { max-width: 100%; } .wrap-sale-contact .sale-about .right .text { float: left; width: 70%; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text { width: 100%; } } .wrap-sale-contact .sale-about .right .text ul.list li { margin-top: 30px; } .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(2), .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(4) { margin-left: 10%; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(2), .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(4) { margin: 0; } } .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(3) { margin-left: 20%; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text ul.list li:nth-child(3) { margin: 0; } } .wrap-sale-contact .sale-about .right .text .item { position: relative; min-height: 50px; padding-left: 80px; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text .item { padding-left: 60px; } } .wrap-sale-contact .sale-about .right .text .item .picicon { position: absolute; top: 50%; left: 0; display: block; width: 50px; height: 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text .item .picicon { width: 40px; height: 40px; } } .wrap-sale-contact .sale-about .right .text .item .picicon img { width: 100%; } .wrap-sale-contact .sale-about .right .text .item p { font-family: Arial; font-size: 20px; line-height: 1.55555556; margin: 0; padding: 14px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .text .item p { font-size: 18px; padding-top: 10px; } } .wrap-sale-contact .sale-about .right .sale-more { margin-top: 30px; text-align: center; } .wrap-sale-contact .sale-about .right .sale-more a { font-family: 'Merriweather'; font-size: 22px; line-height: 60px; display: inline-block; padding: 0 20px; -webkit-transition: all .2s; transition: all .2s; color: #fff; border-radius: 6px; background-color: #fe4f42; } @media (max-width: 991px) { .wrap-sale-contact .sale-about .right .sale-more a { font-size: 16px; } } .wrap-sale-contact .sale-about .right .sale-more a:hover { background-color: #01afa7; } .wrap-sale-get { padding: 60px 0; } .wrap-sale-get .title-sale-get { overflow: hidden; } .wrap-sale-get .title-sale-get .left { float: left; width: 60%; text-align: center; } @media (max-width: 991px) { .wrap-sale-get .title-sale-get .left { width: 100%; } } .wrap-sale-get .title-sale-get .left b { font-family: 'Merriweather'; font-size: 36px; display: block; } @media (max-width: 991px) { .wrap-sale-get .title-sale-get .left b { font-size: 24px; } } .wrap-sale-get .title-sale-get .left p { font-family: 'Merriweather'; font-size: 20px; line-height: 1.8; margin: 10px 0 0 0; } @media (max-width: 991px) { .wrap-sale-get .title-sale-get .left p { font-size: 16px; } } .wrap-sale-get .title-sale-get .right { float: right; width: 40%; text-align: right; } @media (max-width: 991px) { .wrap-sale-get .title-sale-get .right { display: none; } } .wrap-sale-get .title-sale-get .right img { max-width: 100%; } .wrap-sale-get .list ul { overflow: hidden; margin: 0 -10px; } .wrap-sale-get .list ul li { float: left; width: 50%; margin-top: 20px; padding: 0 10px; text-align: center; } @media (max-width: 767px) { .wrap-sale-get .list ul li { width: 100%; margin: 0; } } .wrap-sale-get .list .item { position: relative; display: inline-block; } .wrap-sale-get .list .item img { max-width: 100%; } .wrap-sale-get .list .item b { font-family: 'Merriweather'; font-size: 36px; position: absolute; top: 50%; left: 0; width: 76%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #fff; } @media (max-width: 991px) { .wrap-sale-get .list .item b { font-size: 20px; } } .wrap-sale-message { padding: 60px 0; background-color: #404040; } .wrap-sale-message .title-sale-message { max-width: 930px; margin: 0 auto; text-align: center; } .wrap-sale-message .title-sale-message b { font-family: 'Merriweather'; font-size: 36px; display: block; color: #fff; } @media (max-width: 991px) { .wrap-sale-message .title-sale-message b { font-size: 24px; } } .wrap-sale-message .title-sale-message p { font-family: 'Merriweather'; font-size: 16px; line-height: 1.8; margin: 10px 0 0 0; color: #fff; } @media (max-width: 991px) { .wrap-sale-message .title-sale-message p { font-size: 14px; } } .wrap-sale-message .message { max-width: 550px; margin: 0 auto; } .wrap-sale-message .message .item { margin-top: 20px; } .wrap-sale-message .message p { font-family: 'Merriweather'; font-size: 18px; line-height: 30px; margin: 0; color: #fff; } .wrap-sale-message .message input, .wrap-sale-message .message textarea { line-height: 24px; width: 100%; padding: 10px; border-radius: 6px; background-color: #fff; } .wrap-sale-message .message .submit { font-family: 'Merriweather'; font-size: 22px; line-height: 54px; width: 100%; padding: 0; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #ff1f37; border-radius: 6px; background-color: #fff; } @media (max-width: 991px) { .wrap-sale-message .message .submit { font-size: 16px; line-height: 44px; } } .wrap-sale-message .message .submit:hover { color: #fff; background-color: #01afa7; } .wrap-sale-foot { padding: 30px 0; background-color: #eee; } .wrap-sale-foot .list ul { font-size: 0; margin: 0 -10px; } .wrap-sale-foot .list ul li { display: inline-block; width: 20%; margin: 10px 0; padding: 0 10px; vertical-align: top; } @media (max-width: 991px) { .wrap-sale-foot .list ul li { width: 33.33333333%; } } @media (max-width: 767px) { .wrap-sale-foot .list ul li { width: 50%; } .wrap-sale-foot .list ul li:first-child { width: 100%; text-align: center; } } .wrap-sale-foot .list .item img { max-width: 100%; } .wrap-sale-foot .list .item b { font-family: 'Merriweather'; font-size: 20px; display: block; margin-bottom: 16px; } .wrap-sale-foot .list .item p { font-size: 16px; line-height: 1.5; max-width: 220px; margin: 0; } .wrap-sale-foot .list .item p a:hover { text-decoration: underline; color: #01afa7; } .page { margin-top: 50px; text-align: center; } .page li { display: inline-block; vertical-align: top; } .page li a { font-size: 18px; font-weight: 300; line-height: 46px; width: 46px; height: 46px; margin: 0 4px; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; text-align: center; color: #666; border: 1px solid #ddd; border-radius: 50%; background-color: #eee; } @media (max-width: 767px) { .page li a { line-height: 34px; width: 34px; height: 34px; margin: 0 1px; } } .page li a { display: block; } .page li.prev a, .page li.next a { color: #666; background-color: #eee; } .page li.prev a:before, .page li.next a:before { font-family: 'iconfont' !important; font-size: 20px; content: '\e9b5'; } .page li.prev a:hover, .page li.next a:hover { border-color: #01afa7; background-color: #01afa7; } .page li.next a:before { content: '\e72f'; } .page li.active a, .page li:hover a { color: #fff; border-color: #01afa7; border-radius: 50%; background-color: #01afa7; } .lazy { background-image: url(../js/slick/ajax-loader.gif); background-repeat: no-repeat; background-position: center; } /* .stuck { position: fixed; z-index: 10; top: 0; width: 100%; height: 70px !important; background-color: #00706b; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .stuck .logo { height: 60px; margin-top: 5px; } @media (max-width: 767px) { .stuck .logo { height: 50px; margin-top: 10px; } } @media (max-width: 375px) { .stuck .logo { height: 40px; margin-top: 15px; } } .stuck .nav .nav-list1 > li > a { line-height: 68px; } .stuck .find { margin-top: 17px; } */ .fancybox-slide--iframe .fancybox-content { width: 733px; max-width: 80%; height: 500px; max-height: 50%; margin: 0; } .stuck { position: fixed; top: 20px; width: 100%; left: 0; z-index: 9; } @media(max-width: 1199px) { .stuck { top: 6px; } } @media(max-width: 991px) { .box-solution .solution .right .list-1 .item p { background-color: rgba(0, 0, 0, .56); color: #ffffff; font-size: 14px; margin: 0; } } .fixed-footer { position: fixed; width: 100%; bottom: 0; height: 50px; overflow: hidden; border-top: 1px solid #eeeeee; z-index: 9; background-color: #fff; display: none; } @media(max-width: 991px) { .fixed-footer { display: block; } .footer { padding-bottom: 50px; } } .fixed-footer ul li { width: 20%; float: left; text-align: center; } .fixed-footer ul li .item a { display: block; line-height: 24px; padding: 3px 0; text-transform: capitalize; } .fixed-footer ul li .item a:before { font-family: "iconfont"; content: '\e63d'; line-height: 20px; display: block; font-size: 20px; color: #666666; } .fixed-footer ul li .item-home a:before { font-size: 16px; } .fixed-footer ul li .item-solution a:before { content: '\e656'; } .fixed-footer ul li .item-case a:before { content: '\e63c'; } .fixed-footer ul li .item-service a:before { content: '\e63b'; } .fixed-footer ul li .item-contact a:before { content: '\e648'; } @media (max-width: 1199px) { .wrap-solution-applicable-show .applicable-parameter .text p img { width: 100% } } @media (max-width: 1199px) { .mb { display: block !important; } } @media (min-width: 1199px) { .web { display: block !important; } } .advantage-other p { font-size: 18px; font-weight: 300; line-height: 1.66666667; margin: 0; color: #666; } .addthis_inline_share_toolbox_25j9 { display: inline-block; /*margin-left: 7px;*/ -webkit-transition: transform .3s; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; text-align: center; vertical-align: middle; padding-top: 20px; } @media(max-width:1350px){ .header .top .top-right .tt a{ padding: 0 12px; } .header .top .top-right .language-box.language-header{ margin-left: 10px; } } /*分页样式*/ .page_info{text-align:center;margin:10px auto; padding: 50px 0; color:#999; clear: both;} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:24px;line-height:24px;text-align:center; clear: both; letter-spacing:0;font-size:10px;margin:50px auto; padding: 50px 0; clear: both; width: 100%;} .page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;} .page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;} .page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}