| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_10_03_01/skin/css/ |
Upload File : |
/*
www.adminbuy.cn
*/
/* 首字母大写
body{text-transform:capitalize;}*/
/* 全大写
.topnav{text-transform:uppercase;}*/
/* 浮动与清除 */
.fleft {
float: left;
}
.fright {
float: right;
}
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
font-size: 0;
visibility: hidden;
}
.clearfix {
*zoom:1;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.ovh {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.logoimg {
max-width: 100%;
max-height: 100%;
}
/*侧边栏三级菜单*/
.zicategory {
padding: 5px 5px 5px 10px;
display: none
}
.zicategory li {
padding: 5px 0;
height: 40px;
line-height: 40px
}
.sidenav>li {
position: relative
}
.jia {
position: absolute;
display: block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
border: 1px solid #ddd;
right: 20px;
box-sizing: border-box;
background: #fff;
top: 15px;
cursor: pointer;
}
/*
<script>
$(".jia").click(function () {
if($(this).nextAll("ul").length > 0){
$(this).nextAll("ul").stop().slideToggle();
}
})
</script>
*/
/*二唯码弹窗*/
#share_wechat2 {
display: none;
position: fixed;
left: 0%;
top: 0%;
z-index: 99;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
}
.showwx2 {
position: fixed;
border-radius: 3px;
left: 50%;
top: 50%;
z-index: 100;
width: 260px;
margin-left: -140px;
margin-top: -200px;
background: #fff;
padding: 20px 25px 15px 25px;
text-align: center;
}
.wxclose2 {
width: 100%;
font-size: 14px;
color: #333;
cursor: pointer;
margin-bottom: 10px;
float: right;
text-align: right;
}
.showwx2 img {
width: 220px;
}
.swz22 {
text-align: center;
font-size: 16px;
}
/*前台编辑*/
.mbg_s {
position: relative;
z-index: 999999
}
.mbg_s .mbg_edit {
display: block;
width: 20px!important;
height: 20px!important;
position: absolute;
top: 0px;
right: -20px;
z-index: 999999
}
.mbg_s.fleft+.mbg_s.fleft .mbg_edit {
position: absolute;
top: 0px;
right: -50px;
z-index: 999999
}
.mbg_s .mbg_edit i {
display: block;
width: 20px!important;
height: 20px!important;
border-radius: 50%;
background: #fff url(../images/edit.png) no-repeat;
background-size: 100% 100%;
position: relative;
z-index: 999999;
}
.mbg_s .mbg_flbj i {
background: #fff url(../images/flbj.png) no-repeat;
background-size: 100% 100%;
}
.mbg_none {
display: none!important
}
/*底部菜单样式*/
.ftnav {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly;
}
.ftnav>li {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px;
}
.ftnav>li>a {
display: block;
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px;
}
.ftnav ul {
padding-left: 0
}
.ftnav ul li {
color: #f2f2f2;
list-style: none;
font-size: 1.6rem;
margin-bottom: 12px;
}
.ftnav ul li a {
color: #f2f2f2;
}
.fximgdiv img {
width: 32px;
height: 32px;
}
.copyright-n101m-1 a {
color: #fff
}
.fancybox-container {
z-index: 99999999999!important;
}
/*文章页*/
.kmain, .kmain p {
font-size: 16px
}
.kmain .aligncenter {
margin: 10px auto;
}
.kmain img {
display: block;
max-width: 100%;
height: auto;
margin: 10px auto;
}
.kmain video {
display: block;
max-width: 100%;
height: auto;
}
.kmain code {
padding: 1px 4px;
border-radius: 2px;
background-color: #eee;
font-family: 'courier new';
color: #777;
margin: 0 4px
}
.kmain table {
border: solid 1px #ddd;
max-width: 100%;
box-sizing: border-box;
margin-bottom: 16px;
border-collapse: collapse;
}
.kmain table th {
background-color: #f9f9f9;
text-align: center
}
.kmain table td, .kmain table th {
border-bottom: solid 1px #ddd;
border-right: solid 1px #ddd;
padding: 5px 10px
}
.kmain .alignleft {
float: left;
text-align: left;
margin-right: 10px
}
.kmain .aligncenter {
text-align: center
}
.kmain .alignright {
float: right;
text-align: right;
margin-left: 10px
}
.kmain pre {
margin: 15px auto;
font: 12px/20px 'courier new';
border: 1px solid #d6d6d6;
border-left-width: 4px;
background: #fbfbfb;
padding: 10px 15px
}
.kmain blockquote {
margin: 15px auto;
border: 1px solid #d6d6d6;
border-top-width: 3px;
padding: 15px 20px 10px;
background-color: #fdfdfd;
}
.kmain blockquote p {
margin: 0;
padding: 0;
text-indent: 24px;
margin-bottom: 10px;
}
.videosp {
width: 100%;
margin-bottom: 20px
}
@media screen and (max-width: 768px) {
.kmain {
overflow-x: auto !important;
}
.kmain table {
width: 100% !important;
}
.kmain table img {
max-width: 100% !important;
}
.videosp {
width: 100%;
height: 280px
}
}
.navigation-n12m-1 {
z-index: 1041;
width: 100%;
position: absolute;
border-bottom: 10px solid #3c647d
}
.navigation-n12m-1 ul {
overflow: auto;
list-style: none;
margin: 0;
padding: 0
}
.navigation-n12m-1 a {
text-decoration: none;
cursor: pointer
}
.navigation-n12m-1 .logo-link {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
width: 20%;
height: 96px;
display: inline-block;
margin: 0 5px;
padding: 1px
}
.navigation-n12m-1 .logo-link>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.navigation-n12m-1 .logo-link>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.navigation-n12m-1 .navbar-ul .f-down {
padding: 0 2px 0 1px;
display: inline-block;
font-size: 1.6rem;
color: inherit
}
.navigation-n12m-1 .navbar-ul>li {
font-size: 1.8rem;
line-height: 26px;
margin: 0 0 0 30px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border-bottom: 3px solid transparent;
color: #505050
}
.navigation-n12m-1 .navbar-ul>li>a {
color: inherit
}
.navigation-n12m-1 .navbar-ul>li:hover {
color: #7eb01a;
border-bottom: 3px solid #96bd3a
}
.navigation-n12m-1 .navbar-ul>li.active {
color: #7eb01a;
border-bottom: 3px solid #96bd3a
}
.navigation-n12m-1 .lv-2 {
display: none;
position: absolute
}
.navigation-n12m-1 .lv-2 a {
font-size: 1.6rem;
line-height: 40px;
display: block;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: .95;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
text-transform: capitalize;
background: #fff;
border-bottom: 1px solid #f2f2f2;
color: #505050;
position: relative;
padding: 0 20px 0 10px
}
.navigation-n12m-1 .lv-2 a:hover {
background: #f2f2f2;
color: #7eb01a
}
.navigation-n12m-1 .lv-2 .f-down {
position: absolute;
right: 0;
top: 0
}
.navigation-n12m-1 .lv-3 {
display: none
}
.navigation-n12m-1 .lv-3 a {
font-size: 1.6rem;
line-height: 40px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
opacity: .95;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
background: #fff;
border-bottom: 1px solid #f2f2f2;
color: #505050;
padding: 0 10px
}
.navigation-n12m-1 .lv-3 a:hover {
background: #f2f2f2;
color: #7eb01a
}
.navigation-n12m-1 .language {
cursor: pointer;
position: relative;
display: inline-block;
color: #4e99ff;
height: 30px;
}
.language span{font-size: 15px;vertical-align:middle}
.language img{ height:20px; margin-right:5px;}
.yuyan{ position:absolute; top:30px; background:#ebebeb; width:122px; left:-20px; display:none}
.yuyan a{ display:block; line-height:35px; font-size:15px; text-align:center}
.yuyan img{ height:16px; margin-right:4px; vertical-align:-3px}
.navigation-n12m-1 .language e {
line-height: 1.7
}
.navigation-n12m-1 .language e .iconflag {
margin: 3px 4px 0 0
}
.navigation-n12m-1 .language .list {
max-height: 400px;
overflow: auto;
position: absolute;
z-index: 20;
left: -20%;
top: 29px;
list-style-type: none;
height: auto;
text-align: left;
opacity: 0;
display: none;
scrollbar-width: thin;
scrollbar-color: #d8d8d8 #f2f2f2
}
.navigation-n12m-1 .language .list::-webkit-scrollbar {
width:6px;
height:8px
}
.navigation-n12m-1 .language .list::-webkit-scrollbar-track {
background-color:#f2f2f2;
border-radius:10px
}
.navigation-n12m-1 .language .list::-webkit-scrollbar-button {
height:0
}
.navigation-n12m-1 .language .list::-webkit-scrollbar-thumb {
background-color:#d8d8d8;
border-radius:10px
}
.navigation-n12m-1 .language .list li {
width: 140px;
padding: 5px 0 0 9px;
overflow: hidden;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background-color: #fff
}
.navigation-n12m-1 .language .list li:last-child {
border-bottom: 0
}
.navigation-n12m-1 .language .list li a {
color: #505050;
display: inline-block;
position: relative;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.navigation-n12m-1 .language .list li p {
display: inline-block;
text-align: left;
width: 100%;
padding: 0 2px 0 32px;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.navigation-n12m-1 .language .list li i {
position: absolute;
left: 0;
top: 2px
}
.navigation-n12m-1 .language .list li:hover {
background-color: #001730
}
.navigation-n12m-1 .language .list li:hover a {
color: #fff
}
.navigation-n12m-1 .language:focus, .navigation-n12m-1 .language:hover {
color: #7eb01a
}
.navigation-n12m-1 .language:focus .list, .navigation-n12m-1 .language:hover .list {
opacity: 1;
display: block
}
.navigation-n12m-1 .search-box {
display: inline-block;
margin: 0 0 0 20px
}
.navigation-n12m-1 .search-box .input-text {
border-radius: 4px 0 0 4px;
outline: 0;
width: 220px;
height: 36px;
margin: 0;
border: 0 solid #cbcbcb;
padding-left: 1rem;
font-size: 1.4rem;
color: #505050;
background: #f2f2f2
}
.navigation-n12m-1 .search-box .search-btn {
border-radius: 0 4px 4px 0;
width: 36px;
height: 36px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 1.6rem
}
@media(max-width:1200px) {
.navigation-n12m-1 {
background: #f2f2f2
}
.navigation-n12m-1 .logo-link {
height: 60px;
width: 30%;
margin: 2px 4px
}
.navigation-n12m-1 .bar-icon-btn {
position: relative;
float: right;
padding: 6px 8px 2px 8px;
margin: 17px 10px 0 10px;
cursor: pointer;
z-index: 1051
}
.navigation-n12m-1 .bar-icon-btn>span {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
background-color: #505050;
border-radius: 10px;
height: 2px;
width: 26px;
margin-bottom: 7px;
display: block
}
.navigation-n12m-1 .dmenu {
position: fixed;
top: 0;
background-color: #f2f2f2;
width: 100%
}
.navigation-n12m-1 .dmenu .bar-icon-btn>span {
background-color: #505050
}
.navigation-n12m-1 .dmenu .bar-icon-btn>span:nth-child(1) {
transform: translateY(9px) rotate(45deg)
}
.navigation-n12m-1 .dmenu .bar-icon-btn>span:nth-child(2) {
opacity: 0
}
.navigation-n12m-1 .dmenu .bar-icon-btn>span:nth-child(3) {
transform: translateY(-9px) rotate(-45deg)
}
.navigation-n12m-1 .dmenu .collapse {
display: block
}
.navigation-n12m-1 .collapse {
background-color: #f2f2f2;
position: fixed;
top: 64px;
bottom: 0;
right: 0;
left: 0;
z-index: 1050;
height: auto!important;
overflow: auto
}
.navigation-n12m-1 .language {
margin: 0 0 10px 0;
position: initial;
width: 100%;
height: auto;
font-size: 1.3rem;
text-align: center
}
.yuyan{ width:100%; left:0}
.navigation-n12m-1 .language e {
display: inline-block;
margin: 4px 0
}
.navigation-n12m-1 .language e .iconflag {
margin: 1px 4px 0 0
}
.navigation-n12m-1 .language .f-down {
display: none
}
.navigation-n12m-1 .language .list {
opacity: 1;
display: block;
width: 100%;
position: initial;
text-align: center
}
.navigation-n12m-1 .language .list li {
display: inline-block;
width: auto;
line-height: 21px;
padding: 4px 6px;
height: 30px
}
.navigation-n12m-1 .search-box {
position: initial;
width: 100%;
margin: 0 0 4px 0;
text-align: center
}
.navigation-n12m-1 .search-box .input-text {
width: 88%;
display: inline-block;
border-radius: 4px;
background: #fff
}
.navigation-n12m-1 .search-box .search-btn {
max-width: 36px;
width: 10%;
float: initial;
border-radius: 4px
}
.navigation-n12m-1 .navbar-ul {
position: relative;
min-height: 400px;
width: 100%;
overflow: hidden
}
.navigation-n12m-1 .navbar-ul>li {
height: auto;
display: inline-block;
width: 100%;
text-align: left;
margin: 0;
line-height: 30px;
font-size: 1.6rem
}
.navigation-n12m-1 .navbar-ul>li a {
line-height: 1.4;
padding: 10px 15px;
white-space: break-spaces;
text-wrap: wrap;
width: 100%
}
.navigation-n12m-1 .navbar-ul .lv-2 {
position: initial;
width: 100%;
padding-top: 0;
margin-top: 0
}
.navigation-n12m-1 .navbar-ul .lv-2>li {
height: auto;
background: transparent;
border-bottom: 0
}
.navigation-n12m-1 .navbar-ul .lv-2>li a {
padding: 7px 2em;
font-size: 1.4rem
}
.navigation-n12m-1 .navbar-ul .lv-3 {
border-bottom: 0;
position: initial!important;
display: none!important
}
.navigation-n12m-1 .navbar-ul .lv-3>li {
background: transparent;
border-bottom: 0
}
.navigation-n12m-1 .navbar-ul .lv-3>li a {
padding: 7px 3em;
font-size: 1.4rem
}
.navigation-n12m-1 .navbar-ul .f-down {
position: absolute;
right: 16px
}
.navigation-n12m-1 .navbar-ul .opened>.subnavs {
display: block!important
}
.navigation-n12m-1 .navbar-ul .opened>a .f-down {
transform: rotate(180deg)
}
.navigation-n12m-1_blk {
height: 79px;
width: 100%
}
}
@media(min-width:1201px) {
.navigation-n12m-1 {
background: #fff
}
.navigation-n12m-1.n-pin {
background-color: #f2f2f2
}
.navigation-n12m-1.n-pin .logo-link {
height: 70px
}
.navigation-n12m-1.n-pin .lang-txt-b {
display: none
}
.navigation-n12m-1 .navbar-ul {
text-align: right
}
.navigation-n12m-1 .navbar-ul>li {
display: inline-block
}
.navigation-n12m-1 .navbar-ul>li:hover .lv-2 {
display: block
}
.navigation-n12m-1 .header {
width: 96%;
display: flex;
margin: 2px auto 0 auto
}
.navigation-n12m-1 .bar-icon-btn {
display: none
}
.navigation-n12m-1 .collapse {
width: 80%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: flex-end
}
.navigation-n12m-1 .lv-2 {
max-width: 40rem;
max-height: 50vh;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #d8d8d8 #f2f2f2;
margin-left: -10px
}
.navigation-n12m-1 .lv-2::-webkit-scrollbar {
width:6px;
height:8px
}
.navigation-n12m-1 .lv-2::-webkit-scrollbar-track {
background-color:#f2f2f2;
border-radius:10px
}
.navigation-n12m-1 .lv-2::-webkit-scrollbar-button {
height:0
}
.navigation-n12m-1 .lv-2::-webkit-scrollbar-thumb {
background-color:#d8d8d8;
border-radius:10px
}
.navigation-n12m-1 .lv-2 .f-down {
transform: rotate(-90deg)
}
.navigation-n12m-1 .lv-3 {
max-width: 35rem;
max-height: 30vh;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #d8d8d8 #f2f2f2;
position: fixed;
display: none
}
.navigation-n12m-1 .lv-3::-webkit-scrollbar {
width:6px;
height:8px
}
.navigation-n12m-1 .lv-3::-webkit-scrollbar-track {
background-color:#f2f2f2;
border-radius:10px
}
.navigation-n12m-1 .lv-3::-webkit-scrollbar-button {
height:0
}
.navigation-n12m-1 .lv-3::-webkit-scrollbar-thumb {
background-color:#d8d8d8;
border-radius:10px
}
.navigation-n12m-1_blk {
height: 100px;
width: 100%
}
}
.breadcrumb-n118m-1 {
width: 100%;
position: relative;
background: #f2f2f2;
overflow: hidden;
margin-bottom: 40px
}
.breadcrumb-n118m-1 .bg {
position: relative;
height: 0;
width: 100%;
padding-bottom: 15%
}
.breadcrumb-n118m-1 .bg .square-cont {
position: absolute;
width: 100%;
height: 100%
}
.breadcrumb-n118m-1 .bg .square-cont>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.breadcrumb-n118m-1 .bg .square-cont>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.breadcrumb-n118m-1 .bg .square-cont>span {
overflow: hidden
}
.breadcrumb-n118m-1 .bg .square-cont>span>img {
max-height: initial;
width: 100%
}
.breadcrumb-n118m-1 ul, .breadcrumb-n118m-1 li {
overflow: auto;
list-style: none;
padding: 0;
margin: 0
}
.breadcrumb-n118m-1 li {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 40px;
margin-right: 5px;
color: #999
}
.breadcrumb-n118m-1 li a {
-webkit-transition: color .5s;
-moz-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
text-decoration: none;
color: #505050
}
.breadcrumb-n118m-1 li a:hover {
color: #002d57
}
.breadcrumb-n118m-1 li .f-home {
color: #002d57;
font-weight: bold
}
.breadcrumb-n118m-1 li:last-child {
}
.breadcrumb-n118m-1 li:nth-last-child(2) a {
color: #002d57;
}
@media(max-width:768px) {
.breadcrumb-n118m-1 {
margin-bottom: 40px
}
.breadcrumb-n118m-1 li {
font-size: 1.4rem;
line-height: 30px
}
}
.friendly-link-n122m-2 {
padding: 40px 0 15px 0
}
.friendly-link-n122m-2 footer {
display: flex
}
.friendly-link-n122m-2 .cinfos {
width: 30%;
display: flex;
flex-direction: column;
padding: 0 0 0 15px;
flex-shrink: 0;
min-width: 310px
}
.friendly-link-n122m-2 .cinfos .fllogo {
text-align: center;
max-height: 45px;
max-width: 100%;
margin: 0 0 20px 0
}
.friendly-link-n122m-2 .cinfos .fllogo img {
max-width: 100%;
max-height: 100%
}
.friendly-link-n122m-2 .cinfos .cus {
display: flex;
align-items: flex-start;
margin-bottom: 15px
}
.friendly-link-n122m-2 .cinfos .cus i {
font-size: 26px;
line-height: 1;
margin: 0 12px 0 0;
color: #fff
}
.friendly-link-n122m-2 .cinfos .cus .info {
display: flex
}
.friendly-link-n122m-2 .cinfos .cus .info .title {
color: #fff;
font-size: 1.6rem;
margin: 0 1rem 0 0;
font-weight: bold
}
.friendly-link-n122m-2 .cinfos .cus .info .value {
color: #f2f2f2;
font-size: 1.6rem;
word-break: break-word
}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .sns {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0
}
.friendly-link-n122m-2 .sns a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
border-radius: 40px;
text-align: center;
color: #002d57;
margin: 8px 16px 12px 0;
display: inline-block;
text-decoration: none
}
.friendly-link-n122m-2 .sns a:hover {
}
.friendly-link-n122m-2 .sns a .f-skype {
color: #00aff0
}
.friendly-link-n122m-2 .sns a .f-twitter {
color: #010101
}
.friendly-link-n122m-2 .sns a .f-google-plus {
color: #cc3b1e
}
.friendly-link-n122m-2 .sns a .f-linkedin {
color: #006a9a
}
.friendly-link-n122m-2 .sns a .f-facebook {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-instagram {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-youtube {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-comment {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-pinterest {
color: #e10600
}
.friendly-link-n122m-2 .sns a .f-tiktok {
color: #740dbc
}
.friendly-link-n122m-2 .links {
width: 70%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly
}
.friendly-link-n122m-2 .links .blk {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px
}
.friendly-link-n122m-2 .links .blk .title {
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px
}
.friendly-link-n122m-2 .links .blk .value {
color: #f2f2f2;
font-size: 1.6rem;
margin-bottom: 12px
}
.friendly-link-n122m-2 .links .blk .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .links .blk:nth-child(n+4) {
display: none
}
@media(max-width:768px) {
.friendly-link-n122m-2 .cinfos {
padding: 0;
width: 100%
}
.friendly-link-n122m-2 .sns a {
margin: 4px 8px 6px 0
}
.friendly-link-n122m-2 .links {
display: none
}
}
.copyright-n101m-1 {
text-align: center;
font-size: 1.6rem;
height: 50px;
line-height: 50px;
color: #fff;
opacity: .8
}
@media(max-width:768px) {
.copyright-n101m-1 {
height: 42px;
line-height: 42px
}
}
.contact-box-n101m-1 {
position: fixed;
bottom: 38%;
right: 0;
z-index: 1041
}
.contact-box-n101m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-box-n101m-1 a {
text-decoration: none;
cursor: pointer
}
.contact-box-n101m-1 .item {
position: relative
}
.contact-box-n101m-1 .item.hide {
display: none
}
.contact-box-n101m-1 .item .qrcode {
padding: 15px;
max-width: 150px;
max-height: 150px;
background: #fff
}
.contact-box-n101m-1 .item i {
display: block;
color: #fff;
background: #002d57;
padding: 9px 13px;
font-size: 24px;
width: 50px;
height: 50px
}
.contact-box-n101m-1 .item i:hover {
background: #00050a
}
.contact-box-n101m-1 .item .tools {
display: none;
min-width: 80px;
min-height: 40px;
position: absolute;
top: 4px;
right: 100%;
padding-right: 8px
}
.contact-box-n101m-1 .item .tools:before, .contact-box-n101m-1 .item .tools:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid
}
.contact-box-n101m-1 .item .tools:before {
z-index: 2;
right: -5px;
top: 14px;
border-width: 7px;
border-color: transparent transparent transparent #fff
}
.contact-box-n101m-1 .item .tools:after {
z-index: 1;
right: -8px;
top: 13px;
border-width: 8px;
border-color: transparent transparent transparent #e5e5e5
}
.contact-box-n101m-1 .item .tools .imco:before {
margin-right: 6px
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: transparent transparent transparent #58788a
}
.contact-box-n101m-1 .item .tools a {
display: block;
padding: 10px 16px;
color: #505050;
background: #fff;
border: 1px solid #e5e5e5;
font-size: 1.6rem;
line-height: 20px;
white-space: nowrap;
cursor: pointer
}
.contact-box-n101m-1 .item .tools a:nth-child(n+2) {
border-top: 0
}
.contact-box-n101m-1 .item .tools a:hover {
color: #001730;
background: #58788a
}
.contact-box-n101m-1 .item:hover .tools {
display: block
}
.contact-box-n101m-1 .modal {
padding-right: 0!important
}
.contact-box-n101m-1 .pnl {
height: 100%;
color: #fff;
position: relative
}
.contact-box-n101m-1 .pnl .close {
position: absolute;
width: 32px;
height: 32px;
line-height: 29px;
font-size: 26px;
background: transparent;
right: 5px;
top: 5px;
text-align: center;
border: 0;
color: #e5e5e5
}
.contact-box-n101m-1 .pnl .close:hover {
color: #002d57
}
.contact-box-n101m-1 .pnl .search-box {
position: absolute;
top: 35%;
width: 100%
}
.contact-box-n101m-1 .pnl .search-box .input-text {
outline: 0;
height: 40px;
width: 80%;
margin: 0 0 0 5%;
background: #fff;
color: #505050;
border: 0;
float: left;
padding-left: 1rem;
font-size: 1.6rem
}
.contact-box-n101m-1 .pnl .search-box .search-btn {
position: absolute;
left: 85%;
width: 50px;
height: 40px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 20px
}
.contact-box-n101m-1 .mid-pnl {
width: 100%;
background: rgba(0,0,0,0.8)
}
.contact-box-n101m-1 .home, .contact-box-n101m-1 .b2t {
display: none
}
.contact-box-n101m-1-blk {
display: none
}
@media(max-width:768px) {
.contact-box-n101m-1 {
left: 0;
bottom: 0;
width: 100%;
height: 50px
}
.contact-box-n101m-1 ul {
display: flex;
justify-content: space-around;
background: #fff
}
.contact-box-n101m-1 .item {
float: left
}
.contact-box-n101m-1 .item .tools {
top: auto;
bottom: 100%;
right: 50%;
transform: translateX(50%);
padding-right: 0;
padding-bottom: 8px
}
.contact-box-n101m-1 .item .tools:before {
top: auto;
bottom: -5px;
right: 50%;
transform: translateX(50%) translateY(0);
border-color: #fff transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:after {
top: auto;
right: 50%;
bottom: -8px;
transform: translateX(50%) translateY(0);
border-color: #e5e5e5 transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: #58788a transparent transparent transparent
}
.contact-box-n101m-1 .item i {
color: #002d57;
background: #fff
}
.contact-box-n101m-1 .home {
display: block
}
.contact-box-n101m-1 .b2t {
display: none!important
}
.contact-box-n101m-1-blk {
height: 50px;
display: block
}
}
.headline-n118m-5 {
background: #002d57;
padding: 10px 15px
}
.headline-n118m-5 i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-5 h2 {
padding: 6px 10px;
margin: 0;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-5 {
padding: 5px 15px
}
.headline-n118m-5 h2 {
padding: 6px 8px
}
}
.product-category-n113m-1 {
width: 100%;
border: 1px solid #f2f2f2;
border-top: 0;
padding: 10px 20px 25px 20px;
margin-bottom: 30px;
background: #fff;
font-size: 1.6rem
}
.product-category-n113m-1 ul {
overflow: hidden;
list-style: none;
padding: 0
}
.product-category-n113m-1 .lv1 {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0
}
.product-category-n113m-1 .sub {
display: none;
padding: 10px 10px 10px 15px
}
.product-category-n113m-1 .sub a {
padding: 6px 0 6px 10px;
margin: 0;
display: inline-block;
padding-left: 15px;
font-size: 1.6rem
}
.product-category-n113m-1 .sub a:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 1px;
top: 12px;
display: inline-block;
background: #505050
}
.product-category-n113m-1 a, .product-category-n113m-1 .expand {
line-height: 24px;
position: relative;
color: #505050;
text-decoration: none
}
.product-category-n113m-1 .expand {
width: 20px;
display: inline-block;
text-align: center;
cursor: pointer;
float: right
}
.product-category-n113m-1 .expand:hover {
color: #002d57
}
.product-category-n113m-1 .open {
transform: rotate(180deg)
}
.product-category-n113m-1 .active a, .product-category-n113m-1 a:hover {
color: #7eb01a
}
.product-category-n113m-1 .active a:before, .product-category-n113m-1 a:hover:before {
background: #002d57
}
@media(max-width:768px) {
.product-category-n113m-1 {
padding: 5px 20px 15px 20px
}
}
.product-list-n118m-1 {
position: relative;
padding: 15px;
margin-bottom: 30px;
border: 1px solid #f2f2f2;
border-top: 0
}
.product-list-n118m-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.product-list-n118m-1 .owl-nav .owl-prev, .product-list-n118m-1 .owl-nav .owl-next {
position: absolute;
width: 32px;
height: 32px;
font-size: 1.6rem;
line-height: 32px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5
}
.product-list-n118m-1 .owl-nav .owl-prev:hover, .product-list-n118m-1 .owl-nav .owl-next:hover {
opacity: 1
}
.product-list-n118m-1 .owl-nav .owl-prev {
left: 0
}
.product-list-n118m-1 .owl-nav .owl-next {
right: 0
}
.product-list-n118m-1 .item {
background: #fff;
text-align: center;
position: relative;
overflow: hidden
}
.product-list-n118m-1 .item a img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-list-n118m-1 .item a .text {
color: #002d57;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 4.8rem;
height: 4.8rem;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
word-break: break-all;
background-color: rgba(255,255,255,0.2);
margin: 0
}
.product-list-n118m-1 .item a:hover img {
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.product-list-n118m-1 .item a:hover .text {
color: #fff;
background-color: #7eb01a
}
.product-list-n118m-1 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.product-list-n118m-1 .owl-buttons .owl-prev {
position: absolute;
left: 16px
}
.product-list-n118m-1 .owl-buttons .owl-next {
position: absolute;
right: 16px
}
.product-list-n118m-1 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1.6rem;
border: 0;
color: #fff;
background: #002d57;
opacity: .5;
display: inline-block;
text-align: center
}
.product-list-n118m-1 .owl-buttons .imco:hover {
opacity: 1
}
.product-list-n118m-1 .owl-pagination {
display: none
}
.contact-info-n114m-1 {
border: 1px solid #f2f2f2;
margin-bottom: 30px;
font-size: 1.4rem
}
.contact-info-n114m-1 .pb {
color: #fff;
overflow: hidden;
font-size: 1.6rem;
display: flex;
flex-direction: column
}
.contact-info-n114m-1 .box {
text-align: center;
padding: 10px 20px 0 20px;
display: flex;
align-items: center
}
.contact-info-n114m-1 .box .multi a {
margin: 2px 0
}
.contact-info-n114m-1 .imco {
font-size: 3.2rem;
line-height: 1;
margin-right: 15px;
color: #002d57
}
.contact-info-n114m-1 .box-right {
text-align: left
}
.contact-info-n114m-1 .box-right p {
color: #002d57;
font-size: 1.6rem;
margin: 8px 0;
line-height: 1.576;
text-transform: uppercase
}
.contact-info-n114m-1 .box-right a {
color: #888;
text-decoration: none;
display: block;
overflow: hidden;
word-break: break-word;
font-size: 1.6rem;
line-height: 2.5rem
}
.contact-info-n114m-1 .box-right a:hover {
color: #e5e5e5
}
.additional.col-md-3 .col-xs-11, .additional.col-md-3 .col-sm-11, .additional.col-md-3 .col-md-11, .additional.col-md-3 .col-lg-11 {
width: 100%
}
.additional.col-md-3 .col-xs-10, .additional.col-md-3 .col-sm-10, .additional.col-md-3 .col-md-10, .additional.col-md-3 .col-lg-10 {
width: 100%
}
.additional.col-md-3 .col-xs-9, .additional.col-md-3 .col-sm-9, .additional.col-md-3 .col-md-9, .additional.col-md-3 .col-lg-9 {
width: 100%
}
.additional.col-md-3 .col-xs-8, .additional.col-md-3 .col-sm-8, .additional.col-md-3 .col-md-8, .additional.col-md-3 .col-lg-8 {
width: 100%
}
.additional.col-md-3 .col-xs-7, .additional.col-md-3 .col-sm-7, .additional.col-md-3 .col-md-7, .additional.col-md-3 .col-lg-7 {
width: 100%
}
.additional.col-md-3 .col-xs-6, .additional.col-md-3 .col-sm-6, .additional.col-md-3 .col-md-6, .additional.col-md-3 .col-lg-6 {
width: 100%
}
.additional.col-md-3 .col-xs-5, .additional.col-md-3 .col-sm-5, .additional.col-md-3 .col-md-5, .additional.col-md-3 .col-lg-5 {
width: 100%
}
.additional.col-md-3 .col-xs-4, .additional.col-md-3 .col-sm-4, .additional.col-md-3 .col-md-4, .additional.col-md-3 .col-lg-4 {
width: 100%
}
.additional.col-md-3 .col-xs-3, .additional.col-md-3 .col-sm-3, .additional.col-md-3 .col-md-3, .additional.col-md-3 .col-lg-3 {
width: 100%
}
.additional.col-md-3 .col-xs-2, .additional.col-md-3 .col-sm-2, .additional.col-md-3 .col-md-2, .additional.col-md-3 .col-lg-2 {
width: 100%
}
.additional.col-md-3 .col-xs-1, .additional.col-md-3 .col-sm-1, .additional.col-md-3 .col-md-1, .additional.col-md-3 .col-lg-1 {
width: 100%
}
.additional.col-md-4 .col-xs-11, .additional.col-md-4 .col-sm-11, .additional.col-md-4 .col-md-11, .additional.col-md-4 .col-lg-11 {
width: 100%
}
.additional.col-md-4 .col-xs-10, .additional.col-md-4 .col-sm-10, .additional.col-md-4 .col-md-10, .additional.col-md-4 .col-lg-10 {
width: 100%
}
.additional.col-md-4 .col-xs-9, .additional.col-md-4 .col-sm-9, .additional.col-md-4 .col-md-9, .additional.col-md-4 .col-lg-9 {
width: 100%
}
.additional.col-md-4 .col-xs-8, .additional.col-md-4 .col-sm-8, .additional.col-md-4 .col-md-8, .additional.col-md-4 .col-lg-8 {
width: 100%
}
.additional.col-md-4 .col-xs-7, .additional.col-md-4 .col-sm-7, .additional.col-md-4 .col-md-7, .additional.col-md-4 .col-lg-7 {
width: 100%
}
.additional.col-md-4 .col-xs-6, .additional.col-md-4 .col-sm-6, .additional.col-md-4 .col-md-6, .additional.col-md-4 .col-lg-6 {
width: 100%
}
.additional.col-md-4 .col-xs-5, .additional.col-md-4 .col-sm-5, .additional.col-md-4 .col-md-5, .additional.col-md-4 .col-lg-5 {
width: 100%
}
.additional.col-md-4 .col-xs-4, .additional.col-md-4 .col-sm-4, .additional.col-md-4 .col-md-4, .additional.col-md-4 .col-lg-4 {
width: 100%
}
.additional.col-md-4 .col-xs-3, .additional.col-md-4 .col-sm-3, .additional.col-md-4 .col-md-3, .additional.col-md-4 .col-lg-3 {
width: 100%
}
.additional.col-md-4 .col-xs-2, .additional.col-md-4 .col-sm-2, .additional.col-md-4 .col-md-2, .additional.col-md-4 .col-lg-2 {
width: 100%
}
.additional.col-md-4 .col-xs-1, .additional.col-md-4 .col-sm-1, .additional.col-md-4 .col-md-1, .additional.col-md-4 .col-lg-1 {
width: 100%
}
.headline-n101m-2 {
margin-bottom: 40px
}
.headline-n101m-2 h2 {
margin: 0;
line-height: 1.2;
color: #002d57;
font-size: 4rem;
font-weight: normal;
text-align: center;
text-transform: uppercase
}
@media(max-width:768px) {
.headline-n101m-2 {
margin-bottom: 20px
}
.headline-n101m-2 h2 {
font-size: 2.6rem
}
}
.about-us-list-n118m-1 {
background: #7eb01a;
color: #fff;
transform: skew(-10deg);
margin: 0 10px
}
.about-us-list-n118m-1 .about-bg {
border-radius: 20px;
padding: 10px
}
.about-us-list-n118m-1 .about-bg ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
list-style: none;
padding: 0;
margin: 0
}
.about-us-list-n118m-1 .about-bg ul li {
flex: auto;
align-items: center;
display: flex;
text-align: center;
webkit-justify-content: center;
justify-content: center;
margin: 10px 0;
border-right: 1px solid #adc95f;
transform: skew(10deg)
}
.about-us-list-n118m-1 .about-bg ul li:nth-child(2) {
border-right: 0
}
.about-us-list-n118m-1 .about-bg ul li:last-child {
border-right: 0
}
.about-us-list-n118m-1 .about-bg ul li .data-con {
text-align: left
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-weight: normal;
font-size: 2rem;
margin: 0;
line-height: 1.2
}
.about-us-list-n118m-1 .about-bg ul li .data-con span {
display: block;
font-size: 1.4rem
}
@media(min-width:768px) {
.about-us-list-n118m-1 {
margin: 0 30px;
transform: skew(-20deg)
}
.about-us-list-n118m-1 .about-bg ul {
top: 0;
padding: 0;
flex-wrap: nowrap
}
.about-us-list-n118m-1 .about-bg ul li {
transform: skew(20deg)
}
.about-us-list-n118m-1 .about-bg ul li:nth-child(2) {
border-right: 1px solid #adc95f
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 1.6rem
}
}
@media(min-width:1280px) {
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 2rem
}
}
@media(min-width:1440px) {
.about-us-list-n118m-1 .about-bg {
padding: 20px
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 3.2rem
}
}
.paragraph-n93m-2 {
background: #fff;
padding: 20px
}
.paragraph-n93m-2 .content {
color: #505050;
font-size: 1.6rem;
line-height: 1.6;
padding: 10px;
margin: 0
}
.paragraph-n93m-2 p {
color: #505050;
font-size: 1.6rem;
line-height: 1.6;
padding: 10px;
margin: 0
}
.paragraph-n93m-2 table, .paragraph-n93m-2 td, .paragraph-n93m-2 p, .paragraph-n93m-2 img, .paragraph-n93m-2 video {
max-width: 100%
}
@media(max-width:768px) {
.paragraph-n93m-2 {
padding: 0
}
.paragraph-n93m-2 .content {
font-size: 1.6rem
}
.paragraph-n93m-2 .content img {
width: initial!important;
height: initial!important
}
}
.about-us-list-n108m-8 {
position: relative;
overflow: hidden;
margin-bottom: 40px
}
.about-us-list-n108m-8 ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
position: relative;
z-index: 1
}
.about-us-list-n108m-8 ul li {
display: flex;
padding: 0 10px 30px 10px;
align-items: center;
justify-content: center
}
.about-us-list-n108m-8 ul li .cover {
flex: none;
margin-right: 15px;
width: 96px
}
.about-us-list-n108m-8 ul li .cover>img {
display: flex;
height: 0;
width: 100%;
padding-bottom: 100%
}
.about-us-list-n108m-8 ul li .cover>img.loaded {
width: 100%;
height: auto;
padding-right: 0;
padding-bottom: 0
}
.about-us-list-n108m-8 ul li .intro {
flex: auto;
width: 100%
}
.about-us-list-n108m-8 ul li .intro>h4 {
font-size: 1.8rem;
line-height: 1.576;
font-weight: normal;
color: #343434
}
.about-us-list-n108m-8 ul li .intro>p {
font-size: 1.6rem;
line-height: 1.576;
color: #888;
text-align: justify;
width: 100%;
margin: 0 0 10px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: -webkit-box
}
@media(max-width:1200px) {
.about-us-list-n108m-8 ul li {
padding: 20px;
flex-direction: column
}
.about-us-list-n108m-8 ul li .cover {
margin-right: 0;
margin-bottom: 0;
width: 72px
}
.about-us-list-n108m-8 ul li .intro>h4 {
text-align: center;
margin: 5px 0
}
.about-us-list-n108m-8 ul li .intro>p {
text-align: center
}
}
@media(max-width:768px) {
.about-us-list-n108m-8 .cntec {
width: 100%
}
.about-us-list-n108m-8 .cntec ul li {
padding: 5px
}
.about-us-list-n108m-8 .cntec ul li .cover {
margin-bottom: 0;
width: 56px
}
.about-us-list-n108m-8 .cntec ul li .intro>h4 {
font-size: 1.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.about-us-list-n108m-8 .cntec ul li .intro>p {
font-size: 1.3rem;
margin-bottom: 0
}
}
.about-us-list-n118m-5 {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
background-attachment: fixed;
margin-bottom: 80px
}
.about-us-list-n118m-5 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.about-us-list-n118m-5 .owl-buttons .owl-prev {
position: absolute;
left: 5px
}
.about-us-list-n118m-5 .owl-buttons .owl-next {
position: absolute;
right: 5px
}
.about-us-list-n118m-5 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
border: 0;
color: #879296;
background: #001730;
opacity: .5;
display: inline-block;
text-align: center
}
.about-us-list-n118m-5 .owl-buttons .imco:hover {
opacity: 1
}
.about-us-list-n118m-5 .owl-pagination {
display: none
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap {
background: #f2f2f2;
margin: 0 15px
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
overflow: hidden;
position: relative
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .adorn {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
z-index: 7
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .adorn span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
transition: all .4s;
transform: rotate(0deg)
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .adorn span:before, .about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .adorn span:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 1px;
opacity: 0;
background-color: #002d57;
transition: all .5s ease .2s;
top: 50%;
left: 50%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item {
text-align: center;
position: relative;
height: 0;
width: 100%;
padding-bottom: 75%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item .square-cont {
position: absolute;
width: 100%;
height: 100%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item .square-cont>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item .square-cont>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item .square-cont>span>img {
max-width: 100px;
transition: all .5s
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .item img {
transition: all .5s
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .intro {
width: 100%;
height: 100%;
line-height: 1;
display: block;
text-align: center;
transition: all .5s;
position: absolute;
opacity: 0;
z-index: 1;
top: 0;
left: 0;
font-size: 0;
background-color: rgba(0,0,0,0.5)
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .intro:before {
content: "";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .blk .intro i {
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 4rem;
color: #7eb01a;
text-transform: uppercase
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .text {
font-size: 1.6rem;
color: #343434;
line-height: 1.75;
padding: 15px
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .text h3 {
margin-top: 0;
text-align: center;
color: #002d57
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .blk .adorn>span:first-child {
transform: rotate(37deg)
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .blk .adorn>span:last-child {
transform: rotate(-37deg)
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .blk .adorn>span:before {
width: 100%;
opacity: 1;
left: -60%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .blk .adorn>span:after {
width: 100%;
opacity: 1;
left: 60%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .blk .intro {
opacity: 1
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap:hover .item img {
transform: scale(1.1);
filter: blur(10px)
}
@media(max-width:768px) {
.about-us-list-n118m-5 {
padding: 20px 0;
margin-bottom: 40px
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap {
margin: 0
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .item {
width: 100%
}
.about-us-list-n118m-5 .owl-carousel .owl-item .customer-wrap .text {
padding: 10px;
overflow: auto;
position: initial;
left: 0;
top: initial;
bottom: initial
}
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.area-background-n3m-13 {
position: relative
}
.area-background-n3m-13.zone {
padding: 60px 40px 0 40px;
margin-bottom: 80px
}
@media(max-width:768px) {
.area-background-n3m-13.zone {
padding: 30px 25px 0 25px;
margin-bottom: 40px
}
}
.area-background-n3m-13.zone.lastaz {
margin-bottom: 0!important;
padding-top: 0!important
}
.area-background-n3m-13.zone>.area-background-cont {
z-index: 4
}
.area-background-n3m-13.widget>.area-background-cont {
z-index: 5
}
.area-background-n3m-13>.area-background-cont {
overflow: hidden;
position: absolute;
bottom: -50px;
left: 0;
width: 100%;
height: 110%
}
.area-background-n3m-13>.area-background-cont .back-pob {
position: absolute;
width: 130px;
height: 400px;
transform: skew(45deg);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.area-background-n3m-13>.area-background-cont .pob {
background: #002d57;
opacity: .5;
z-index: 6;
left: 20px;
top: 220px
}
.area-background-n3m-13>.area-background-cont .lbp {
background: #58788a;
opacity: .5;
z-index: 6;
left: -25px;
top: 25px
}
.area-background-n3m-13>.area-background-cont .rbp {
background: #3c647d;
opacity: .5;
z-index: 6;
right: -100px;
top: 100px
}
.area-background-n3m-13:hover .pob {
left: -50px;
opacity: .6
}
.area-background-n3m-13:hover .lbp {
left: -50px;
background: #879296
}
.area-background-n3m-13:hover .rbp {
background: #103e63;
right: 50px
}
.area-background-n4m-72 {
position: relative;
overflow: hidden
}
.area-background-n4m-72.zone {
padding: 60px 40px 0 40px;
margin-bottom: 80px
}
@media(max-width:768px) {
.area-background-n4m-72.zone {
padding: 30px 25px 0 25px;
margin-bottom: 40px
}
}
.area-background-n4m-72.zone.lastaz {
margin-bottom: 0!important;
padding-top: 0!important
}
.area-background-n4m-72.zone>.area-background-cont {
z-index: -20
}
.area-background-n4m-72.widget>.area-background-cont {
z-index: -19
}
.area-background-n4m-72>.area-background-cont {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to right, #000, #00284e)
}
.headline-n118m-4 {
background: #f2f2f2;
padding: 10px 15px;
margin-bottom: 20px
}
.headline-n118m-4 i {
width: 10px;
height: 25px;
display: inline-block;
background: #002d57;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-4 h2 {
padding: 6px 10px;
margin: 0;
color: #002d57;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-4 {
padding: 5px 15px
}
.headline-n118m-4 h2 {
padding: 6px 8px
}
}
.product-list-n118m-2 {
font-size: 1.4rem
}
.product-list-n118m-2 ul {
list-style: none;
overflow: auto;
padding: 0;
margin: 0 -15px;
display: flex;
flex-wrap: wrap
}
.product-list-n118m-2 ul li {
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
display: block
}
.product-list-n118m-2 ul li a {
text-decoration: none
}
.product-list-n118m-2 ul li a .item {
background-color: #f2f2f2;
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.product-list-n118m-2 ul li a .item .square-cont {
}
.product-list-n118m-2 ul li a .item .cover-image {
overflow: hidden;
display: block
}
.product-list-n118m-2 ul li a .item .cover-image>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.product-list-n118m-2 ul li a .item .cover-image>span>img {
display: inline-block;
width: 100%;
overflow: hidden;
margin: auto
}
.product-list-n118m-2 ul li a .item .cover-image img {
-webkit-transition: ease all .4s;
-moz-transition: ease all .4s;
-o-transition: ease all .4s;
transition: ease all .4s
}
.product-list-n118m-2 ul li a .text {
overflow: hidden
}
.product-list-n118m-2 ul li a .text .th {
margin: 4px 0;
text-align: center;
font-size: 1.6rem
}
.product-list-n118m-2 ul li a .text .th h3 {
color: #343434;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.8rem;
margin-top: 10px
}
.product-list-n118m-2 ul li a .text .th p {
margin-bottom: 0;
color: #6c6c6c;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
margin-top: 0;
height: 45px
}
.product-list-n118m-2 ul li a:hover .item .cover-image img {
transform: scale(1.2)
}
.product-list-n118m-2 ul li a:hover .text .th h3 {
color: #7eb01a
}
@media(max-width:768px) {
.product-list-n118m-2 ul {
margin: 0
}
.product-list-n118m-2 ul li {
padding: 0
}
.product-list-n118m-2 ul li a .text .th h3 {
font-size: 1.6rem;
overflow: inherit;
-webkit-box-orient: initial;
-webkit-line-clamp: inherit;
line-height: 1.5;
margin-bottom: 0
}
.product-list-n118m-2 ul li a .text .th p {
line-height: 1.5;
height: inherit;
text-align: left
}
}
.pagination-n101m-1 {
font-size: 1.6rem;
width: 100%;
text-align: center;
margin: 0 0 80px 0
}
.pagination-n101m-1 ul {
display: inline-block;
padding: 0;
margin: 0
}
.pagination-n101m-1 ul li {
display: inline-block;
vertical-align: top;
font-size: 1.4rem;
text-align: center;
padding: 0 6px;
line-height: 38px;
height: 40px;
min-width: 40px;
border: 1px solid #f2f2f2;
margin: 0 5px 5px 5px;
color: #505050;
background-color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.pagination-n101m-1 ul li:hover {
background-color: #002d57;
color: #fff
}
.pagination-n101m-1 ul li a {
color: inherit;
text-decoration: none;
width: 100%;
height: 100%;
display: inline-block
}
.pagination-n101m-1 ul .active {
border-color: #002d57;
background: #002d57;
color: #fff!important
}
.pagination-n101m-1 ul .pageinfo {
border: 0;
background: transparent;
color: #505050!important
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.ab_img img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
}
.ab_img p {
text-wrap: inherit !important;
}
.ab_img p span {
text-wrap: inherit !important;
}
/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar {
padding: 20px;
overflow: hidden;
clear: both
}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px;
line-height: 100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st {
font-family: 宋体
}
.text-secondary {
text-align: center;
padding: 20px 0
}
.breadcrumb-n118m-2 {
width: 100%;
position: relative;
background: #f2f2f2;
overflow: hidden;
margin-bottom: 40px
}
.breadcrumb-n118m-2 ul, .breadcrumb-n118m-2 li {
overflow: auto;
list-style: none;
padding: 0;
margin: 0
}
.breadcrumb-n118m-2 li {
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
line-height: 40px;
margin-right: 5px;
color: #999
}
.breadcrumb-n118m-2 li a {
-webkit-transition: color .5s;
-moz-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
text-decoration: none;
color: #505050
}
.breadcrumb-n118m-2 li a:hover {
color: #002d57
}
.breadcrumb-n118m-2 li .f-home {
color: #002d57;
font-weight: bold
}
.breadcrumb-n118m-2 li:last-child {
display: none
}
.breadcrumb-n118m-2 li:nth-last-child(2) a {
color: #002d57
}
@media(max-width:768px) {
.breadcrumb-n118m-2 {
margin-bottom: 40px
}
.breadcrumb-n118m-2 li {
font-size: 1.4rem;
line-height: 30px
}
}
.friendly-link-n122m-2 {
padding: 40px 0 15px 0
}
.friendly-link-n122m-2 footer {
display: flex
}
.friendly-link-n122m-2 .cinfos {
width: 30%;
display: flex;
flex-direction: column;
padding: 0 0 0 15px;
flex-shrink: 0;
min-width: 310px
}
.friendly-link-n122m-2 .cinfos .fllogo {
text-align: center;
max-height: 45px;
max-width: 100%;
margin: 0 0 20px 0
}
.friendly-link-n122m-2 .cinfos .fllogo img {
max-width: 100%;
max-height: 100%
}
.friendly-link-n122m-2 .cinfos .cus {
display: flex;
align-items: flex-start;
margin-bottom: 15px
}
.friendly-link-n122m-2 .cinfos .cus i {
font-size: 26px;
line-height: 1;
margin: 0 12px 0 0;
color: #fff
}
.friendly-link-n122m-2 .cinfos .cus .info {
display: flex
}
.friendly-link-n122m-2 .cinfos .cus .info .title {
color: #fff;
font-size: 1.6rem;
margin: 0 1rem 0 0;
font-weight: bold
}
.friendly-link-n122m-2 .cinfos .cus .info .value {
color: #f2f2f2;
font-size: 1.6rem;
word-break: break-word
}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .sns {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0
}
.friendly-link-n122m-2 .sns a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
border-radius: 40px;
text-align: center;
color: #002d57;
margin: 8px 16px 12px 0;
display: inline-block;
text-decoration: none
}
.friendly-link-n122m-2 .sns a:hover {
}
.friendly-link-n122m-2 .sns a .f-skype {
color: #00aff0
}
.friendly-link-n122m-2 .sns a .f-twitter {
color: #010101
}
.friendly-link-n122m-2 .sns a .f-google-plus {
color: #cc3b1e
}
.friendly-link-n122m-2 .sns a .f-linkedin {
color: #006a9a
}
.friendly-link-n122m-2 .sns a .f-facebook {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-instagram {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-youtube {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-comment {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-pinterest {
color: #e10600
}
.friendly-link-n122m-2 .sns a .f-tiktok {
color: #740dbc
}
.friendly-link-n122m-2 .links {
width: 70%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly
}
.friendly-link-n122m-2 .links .blk {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px
}
.friendly-link-n122m-2 .links .blk .title {
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px
}
.friendly-link-n122m-2 .links .blk .value {
color: #f2f2f2;
font-size: 1.6rem;
margin-bottom: 12px
}
.friendly-link-n122m-2 .links .blk .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .links .blk:nth-child(n+4) {
display: none
}
@media(max-width:768px) {
.friendly-link-n122m-2 .cinfos {
padding: 0;
width: 100%
}
.friendly-link-n122m-2 .sns a {
margin: 4px 8px 6px 0
}
.friendly-link-n122m-2 .links {
display: none
}
}
.copyright-n101m-1 {
text-align: center;
font-size: 1.6rem;
height: 50px;
line-height: 50px;
color: #fff;
opacity: .8
}
@media(max-width:768px) {
.copyright-n101m-1 {
height: 42px;
line-height: 42px
}
}
.contact-box-n101m-1 {
position: fixed;
bottom: 38%;
right: 0;
z-index: 1041
}
.contact-box-n101m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-box-n101m-1 a {
text-decoration: none;
cursor: pointer
}
.contact-box-n101m-1 .item {
position: relative
}
.contact-box-n101m-1 .item.hide {
display: none
}
.contact-box-n101m-1 .item .qrcode {
padding: 15px;
max-width: 150px;
max-height: 150px;
background: #fff
}
.contact-box-n101m-1 .item i {
display: block;
color: #fff;
background: #002d57;
padding: 9px 13px;
font-size: 24px;
width: 50px;
height: 50px
}
.contact-box-n101m-1 .item i:hover {
background: #00050a
}
.contact-box-n101m-1 .item .tools {
display: none;
min-width: 80px;
min-height: 40px;
position: absolute;
top: 4px;
right: 100%;
padding-right: 8px
}
.contact-box-n101m-1 .item .tools:before, .contact-box-n101m-1 .item .tools:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid
}
.contact-box-n101m-1 .item .tools:before {
z-index: 2;
right: -5px;
top: 14px;
border-width: 7px;
border-color: transparent transparent transparent #fff
}
.contact-box-n101m-1 .item .tools:after {
z-index: 1;
right: -8px;
top: 13px;
border-width: 8px;
border-color: transparent transparent transparent #e5e5e5
}
.contact-box-n101m-1 .item .tools .imco:before {
margin-right: 6px
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: transparent transparent transparent #58788a
}
.contact-box-n101m-1 .item .tools a {
display: block;
padding: 10px 16px;
color: #505050;
background: #fff;
border: 1px solid #e5e5e5;
font-size: 1.6rem;
line-height: 20px;
white-space: nowrap;
cursor: pointer
}
.contact-box-n101m-1 .item .tools a:nth-child(n+2) {
border-top: 0
}
.contact-box-n101m-1 .item .tools a:hover {
color: #001730;
background: #58788a
}
.contact-box-n101m-1 .item:hover .tools {
display: block
}
.contact-box-n101m-1 .modal {
padding-right: 0!important
}
.contact-box-n101m-1 .pnl {
height: 100%;
color: #fff;
position: relative
}
.contact-box-n101m-1 .pnl .close {
position: absolute;
width: 32px;
height: 32px;
line-height: 29px;
font-size: 26px;
background: transparent;
right: 5px;
top: 5px;
text-align: center;
border: 0;
color: #e5e5e5
}
.contact-box-n101m-1 .pnl .close:hover {
color: #002d57
}
.contact-box-n101m-1 .pnl .search-box {
position: absolute;
top: 35%;
width: 100%
}
.contact-box-n101m-1 .pnl .search-box .input-text {
outline: 0;
height: 40px;
width: 80%;
margin: 0 0 0 5%;
background: #fff;
color: #505050;
border: 0;
float: left;
padding-left: 1rem;
font-size: 1.6rem
}
.contact-box-n101m-1 .pnl .search-box .search-btn {
position: absolute;
left: 85%;
width: 50px;
height: 40px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 20px
}
.contact-box-n101m-1 .mid-pnl {
width: 100%;
background: rgba(0,0,0,0.8)
}
.contact-box-n101m-1 .home, .contact-box-n101m-1 .b2t {
display: none
}
.contact-box-n101m-1-blk {
display: none
}
@media(max-width:768px) {
.contact-box-n101m-1 {
left: 0;
bottom: 0;
width: 100%;
height: 50px
}
.contact-box-n101m-1 ul {
display: flex;
justify-content: space-around;
background: #fff
}
.contact-box-n101m-1 .item {
float: left
}
.contact-box-n101m-1 .item .tools {
top: auto;
bottom: 100%;
right: 50%;
transform: translateX(50%);
padding-right: 0;
padding-bottom: 8px
}
.contact-box-n101m-1 .item .tools:before {
top: auto;
bottom: -5px;
right: 50%;
transform: translateX(50%) translateY(0);
border-color: #fff transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:after {
top: auto;
right: 50%;
bottom: -8px;
transform: translateX(50%) translateY(0);
border-color: #e5e5e5 transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: #58788a transparent transparent transparent
}
.contact-box-n101m-1 .item i {
color: #002d57;
background: #fff
}
.contact-box-n101m-1 .home {
display: block
}
.contact-box-n101m-1 .b2t {
display: none!important
}
.contact-box-n101m-1-blk {
height: 50px;
display: block
}
}
.headline-n118m-5 {
background: #002d57;
padding: 10px 15px
}
.headline-n118m-5 i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-5 h2 {
padding: 6px 10px;
margin: 0;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-5 {
padding: 5px 15px
}
.headline-n118m-5 h2 {
padding: 6px 8px
}
}
.product-category-n113m-1 {
width: 100%;
border: 1px solid #f2f2f2;
border-top: 0;
padding: 10px 20px 25px 20px;
margin-bottom: 30px;
background: #fff;
font-size: 1.6rem
}
.product-category-n113m-1 ul {
overflow: hidden;
list-style: none;
padding: 0
}
.product-category-n113m-1 .lv1 {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0
}
.product-category-n113m-1 .sub {
display: none;
padding: 10px 10px 10px 15px
}
.product-category-n113m-1 .sub a {
padding: 6px 0 6px 10px;
margin: 0;
display: inline-block;
padding-left: 15px;
font-size: 1.6rem
}
.product-category-n113m-1 .sub a:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 1px;
top: 12px;
display: inline-block;
background: #505050
}
.product-category-n113m-1 a, .product-category-n113m-1 .expand {
line-height: 24px;
position: relative;
color: #505050;
text-decoration: none
}
.product-category-n113m-1 .expand {
width: 20px;
display: inline-block;
text-align: center;
cursor: pointer;
float: right
}
.product-category-n113m-1 .expand:hover {
color: #002d57
}
.product-category-n113m-1 .open {
transform: rotate(180deg)
}
.product-category-n113m-1 .active a, .product-category-n113m-1 a:hover {
color: #7eb01a
}
.product-category-n113m-1 .active a:before, .product-category-n113m-1 a:hover:before {
background: #002d57
}
@media(max-width:768px) {
.product-category-n113m-1 {
padding: 5px 20px 15px 20px
}
}
.product-list-n118m-1 {
position: relative;
padding: 15px;
margin-bottom: 30px;
border: 1px solid #f2f2f2;
border-top: 0
}
.product-list-n118m-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.product-list-n118m-1 .owl-nav .owl-prev, .product-list-n118m-1 .owl-nav .owl-next {
position: absolute;
width: 32px;
height: 32px;
font-size: 1.6rem;
line-height: 32px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5
}
.product-list-n118m-1 .owl-nav .owl-prev:hover, .product-list-n118m-1 .owl-nav .owl-next:hover {
opacity: 1
}
.product-list-n118m-1 .owl-nav .owl-prev {
left: 0
}
.product-list-n118m-1 .owl-nav .owl-next {
right: 0
}
.product-list-n118m-1 .item {
background: #fff;
text-align: center;
position: relative;
overflow: hidden
}
.product-list-n118m-1 .item a img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-list-n118m-1 .item a .text {
color: #002d57;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 4.8rem;
height: 4.8rem;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
word-break: break-all;
background-color: rgba(255,255,255,0.2);
margin: 0
}
.product-list-n118m-1 .item a:hover img {
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.product-list-n118m-1 .item a:hover .text {
color: #fff;
background-color: #7eb01a
}
.product-list-n118m-1 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.product-list-n118m-1 .owl-buttons .owl-prev {
position: absolute;
left: 16px
}
.product-list-n118m-1 .owl-buttons .owl-next {
position: absolute;
right: 16px
}
.product-list-n118m-1 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1.6rem;
border: 0;
color: #fff;
background: #002d57;
opacity: .5;
display: inline-block;
text-align: center
}
.product-list-n118m-1 .owl-buttons .imco:hover {
opacity: 1
}
.product-list-n118m-1 .owl-pagination {
display: none
}
.contact-info-n114m-1 {
border: 1px solid #f2f2f2;
margin-bottom: 30px;
font-size: 1.4rem
}
.contact-info-n114m-1 .pb {
color: #fff;
overflow: hidden;
font-size: 1.6rem;
display: flex;
flex-direction: column
}
.contact-info-n114m-1 .box {
text-align: center;
padding: 10px 20px 0 20px;
display: flex;
align-items: center
}
.contact-info-n114m-1 .box .multi a {
margin: 2px 0
}
.contact-info-n114m-1 .imco {
font-size: 3.2rem;
line-height: 1;
margin-right: 15px;
color: #002d57
}
.contact-info-n114m-1 .box-right {
text-align: left
}
.contact-info-n114m-1 .box-right p {
color: #002d57;
font-size: 1.6rem;
margin: 8px 0;
line-height: 1.576;
text-transform: uppercase
}
.contact-info-n114m-1 .box-right a {
color: #888;
text-decoration: none;
display: block;
overflow: hidden;
word-break: break-word;
font-size: 1.6rem;
line-height: 2.5rem
}
.contact-info-n114m-1 .box-right a:hover {
color: #e5e5e5
}
.additional.col-md-3 .col-xs-11, .additional.col-md-3 .col-sm-11, .additional.col-md-3 .col-md-11, .additional.col-md-3 .col-lg-11 {
width: 100%
}
.additional.col-md-3 .col-xs-10, .additional.col-md-3 .col-sm-10, .additional.col-md-3 .col-md-10, .additional.col-md-3 .col-lg-10 {
width: 100%
}
.additional.col-md-3 .col-xs-9, .additional.col-md-3 .col-sm-9, .additional.col-md-3 .col-md-9, .additional.col-md-3 .col-lg-9 {
width: 100%
}
.additional.col-md-3 .col-xs-8, .additional.col-md-3 .col-sm-8, .additional.col-md-3 .col-md-8, .additional.col-md-3 .col-lg-8 {
width: 100%
}
.additional.col-md-3 .col-xs-7, .additional.col-md-3 .col-sm-7, .additional.col-md-3 .col-md-7, .additional.col-md-3 .col-lg-7 {
width: 100%
}
.additional.col-md-3 .col-xs-6, .additional.col-md-3 .col-sm-6, .additional.col-md-3 .col-md-6, .additional.col-md-3 .col-lg-6 {
width: 100%
}
.additional.col-md-3 .col-xs-5, .additional.col-md-3 .col-sm-5, .additional.col-md-3 .col-md-5, .additional.col-md-3 .col-lg-5 {
width: 100%
}
.additional.col-md-3 .col-xs-4, .additional.col-md-3 .col-sm-4, .additional.col-md-3 .col-md-4, .additional.col-md-3 .col-lg-4 {
width: 100%
}
.additional.col-md-3 .col-xs-3, .additional.col-md-3 .col-sm-3, .additional.col-md-3 .col-md-3, .additional.col-md-3 .col-lg-3 {
width: 100%
}
.additional.col-md-3 .col-xs-2, .additional.col-md-3 .col-sm-2, .additional.col-md-3 .col-md-2, .additional.col-md-3 .col-lg-2 {
width: 100%
}
.additional.col-md-3 .col-xs-1, .additional.col-md-3 .col-sm-1, .additional.col-md-3 .col-md-1, .additional.col-md-3 .col-lg-1 {
width: 100%
}
.additional.col-md-4 .col-xs-11, .additional.col-md-4 .col-sm-11, .additional.col-md-4 .col-md-11, .additional.col-md-4 .col-lg-11 {
width: 100%
}
.additional.col-md-4 .col-xs-10, .additional.col-md-4 .col-sm-10, .additional.col-md-4 .col-md-10, .additional.col-md-4 .col-lg-10 {
width: 100%
}
.additional.col-md-4 .col-xs-9, .additional.col-md-4 .col-sm-9, .additional.col-md-4 .col-md-9, .additional.col-md-4 .col-lg-9 {
width: 100%
}
.additional.col-md-4 .col-xs-8, .additional.col-md-4 .col-sm-8, .additional.col-md-4 .col-md-8, .additional.col-md-4 .col-lg-8 {
width: 100%
}
.additional.col-md-4 .col-xs-7, .additional.col-md-4 .col-sm-7, .additional.col-md-4 .col-md-7, .additional.col-md-4 .col-lg-7 {
width: 100%
}
.additional.col-md-4 .col-xs-6, .additional.col-md-4 .col-sm-6, .additional.col-md-4 .col-md-6, .additional.col-md-4 .col-lg-6 {
width: 100%
}
.additional.col-md-4 .col-xs-5, .additional.col-md-4 .col-sm-5, .additional.col-md-4 .col-md-5, .additional.col-md-4 .col-lg-5 {
width: 100%
}
.additional.col-md-4 .col-xs-4, .additional.col-md-4 .col-sm-4, .additional.col-md-4 .col-md-4, .additional.col-md-4 .col-lg-4 {
width: 100%
}
.additional.col-md-4 .col-xs-3, .additional.col-md-4 .col-sm-3, .additional.col-md-4 .col-md-3, .additional.col-md-4 .col-lg-3 {
width: 100%
}
.additional.col-md-4 .col-xs-2, .additional.col-md-4 .col-sm-2, .additional.col-md-4 .col-md-2, .additional.col-md-4 .col-lg-2 {
width: 100%
}
.additional.col-md-4 .col-xs-1, .additional.col-md-4 .col-sm-1, .additional.col-md-4 .col-md-1, .additional.col-md-4 .col-lg-1 {
width: 100%
}
.product-detail-n114m-1 {
font-size: 1.6rem;
margin-bottom: 40px;
border: 1px solid #f2f2f2;
padding: 20px
}
.product-detail-n114m-1 a {
text-decoration: none
}
.product-detail-n114m-1 .img-box {
width: 40%;
float: left;
position: relative;
z-index: 1;
text-align: center
}
.product-detail-n114m-1 .img-box .viewer {
border: 1px solid #f2f2f2;
margin: 0 auto;
position: relative;
height: 0;
width: 100%;
padding-bottom: 100%
}
.product-detail-n114m-1 .img-box .viewer .square-cont {
position: absolute;
width: 100%;
height: 100%
}
.product-detail-n114m-1 .img-box .thumbnail {
padding: 0;
margin: 5px auto 10px auto;
width: 100%;
max-width: 452px;
overflow: hidden;
position: relative;
height: 64px;
box-sizing: border-box
}
.product-detail-n114m-1 .img-box .thumbnail ul {
margin: 1px 8px 0 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
width: auto;
min-width: 1000px;
box-sizing: border-box;
position: absolute;
height: 64px;
left: 22px;
transition: .5s
}
.product-detail-n114m-1 .img-box .thumbnail ul li {
transition: border-color .2s ease-out;
width: 60px;
height: 60px;
border: 2px solid #e5e5e5;
border-radius: 2px;
padding: 2px;
margin-right: 6px;
float: left;
cursor: pointer
}
.product-detail-n114m-1 .img-box .thumbnail ul .current {
border: 2px solid #002d57
}
.product-detail-n114m-1 .img-box .thumbnail .arrow {
position: absolute;
height: 64px;
line-height: 64px;
width: 24px;
background: #e5e5e5;
color: #505050;
cursor: pointer
}
.product-detail-n114m-1 .img-box .thumbnail .arrow:hover {
background: #002d57;
color: #fff
}
.product-detail-n114m-1 .img-box .thumbnail .a-right {
right: 0
}
.product-detail-n114m-1 .img-box .thumbnail .a-left {
left: 0
}
.product-detail-n114m-1 .vw-video {
background: #fff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.product-detail-n114m-1 .midpic {
display: block
}
.product-detail-n114m-1 .midpic>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.product-detail-n114m-1 .midpic>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.product-detail-n114m-1 .midpic img {
user-select: none
}
.product-detail-n114m-1 .attributes-box {
width: 55%;
float: right;
color: #505050
}
.product-detail-n114m-1 .attributes-box .name {
font-size: 2rem;
color: #002d57;
line-height: 1;
padding-bottom: 20px;
margin: 0 0 20px 0;
border-bottom: 1px solid #f2f2f2
}
.product-detail-n114m-1 .attributes-box .items {
font-size: 1.8rem;
list-style: none;
margin-bottom: 3px;
padding: 0
}
.product-detail-n114m-1 .attributes-box .items label {
color: #002d57;
margin: 5px 5px 5px 0;
font-weight: normal
}
.product-detail-n114m-1 .attributes-box .lbprice {
color: #5c8a0e
}
.product-detail-n114m-1 .attributes-box .annex {
font-size: 1.6rem;
margin: 0 0 16px 0
}
.product-detail-n114m-1 .attributes-box .annex .file {
margin: 5px
}
.product-detail-n114m-1 .attributes-box .annex i {
color: #002d57;
margin-right: 10px
}
.product-detail-n114m-1 .attributes-box .annex a {
color: #343434
}
.product-detail-n114m-1 .attributes-box .annex a:hover {
color: #002d57
}
.product-detail-n114m-1 .attributes-box .desc {
font-size: 14px;
margin: 15px 0;
color: #888;
line-height: 1.7;
}
.product-detail-n114m-1 .attributes-box .d-mail {
border-top: 1px solid #f2f2f2;
padding: 18px 0
}
.product-detail-n114m-1 .attributes-box .d-mail .bbn {
font-size: 1.8rem;
line-height: 1.6;
background: #888;
padding: 8px 16px;
display: inline-block;
margin-right: 5px
}
.product-detail-n114m-1 .attributes-box .d-mail a {
color: #fff
}
.product-detail-n114m-1 .attributes-box .d-mail i {
margin-right:.5rem
}
.product-detail-n114m-1 .attributes-box .d-mail .email {
background: #002d57
}
.product-detail-n114m-1 .attributes-box .d-mail .email:hover {
background: #00050a
}
.product-detail-n114m-1 .clear {
clear: both
}
.product-detail-n114m-1 .information-box {
padding: 0 4px 0 4px;
margin-top: 10px;
overflow: hidden;
font-size: 1.6rem;
line-height: 1.6
}
.product-detail-n114m-1 .information-box table, .product-detail-n114m-1 .information-box td, .product-detail-n114m-1 .information-box p, .product-detail-n114m-1 .information-box img, .product-detail-n114m-1 .information-box video, .product-detail-n114m-1 .information-box iframe {
max-width: 100%
}
.product-detail-n114m-1 .information-box p {
margin: 1px 0
}
.product-detail-n114m-1 .information-box table td {
padding: 0 10px;
border: 1px solid #999
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box .nei-table {
overflow: hidden
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box .nei-table table {
display: table
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box .nei-table table tr td {
padding: 5px
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box .nei-table table tr td p {
margin: 0
}
.product-detail-n114m-1 .product-tag {
padding: 10px 3px 0 3px
}
.product-detail-n114m-1 .product-tag .title {
display: inline-block;
font-size: 1.8rem
}
.product-detail-n114m-1 .product-tag .items {
display: inline-block
}
.product-detail-n114m-1 .product-tag .items a {
color: #002d57;
border: 1px solid #d8d8d8;
padding: 5px 5px;
border-radius: 4px;
margin-right: 5px;
display: inline-block;
margin-bottom: 10px
}
.product-detail-n114m-1 .product-tag .items a:hover {
color: #001730
}
@media(max-width:768px) {
.product-detail-n114m-1 {
padding: 10px
}
.product-detail-n114m-1 .img-box {
width: 100%;
padding-right: 0
}
.product-detail-n114m-1 .img-box .thumbnail {
max-width: initial;
height: 90px
}
.product-detail-n114m-1 .img-box .thumbnail ul {
height: 90px
}
.product-detail-n114m-1 .img-box .thumbnail ul li {
width: 90px;
height: 90px;
line-height: 90px
}
.product-detail-n114m-1 .img-box .thumbnail .arrow {
height: 90px;
line-height: 90px
}
.product-detail-n114m-1 .attributes-box {
width: 100%
}
.product-detail-n114m-1 .attributes-box .items {
font-size: 1.6rem
}
.product-detail-n114m-1 .attributes-box .name {
margin: 10px 0 10px 0;
font-size: 1.8rem
}
.product-detail-n114m-1 .attributes-box .d-mail {
padding: 15px 0 0 0
}
.product-detail-n114m-1 .information-box {
padding: 0
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box p iframe {
height: auto!important
}
.product-detail-n114m-1 .information-box .product-information-content .product-information-box .nei-table {
overflow: scroll
}
.product-detail-n114m-1 .information-box img {
height: initial!important
}
.product-detail-n114m-1 .product-tag {
padding: 10px 0 0 0
}
.product-detail-n114m-1 .product-tag .title {
display: block;
margin-bottom: 10px
}
.product-detail-n114m-1 .product-tag .items a {
font-size: 1.4rem
}
}
.headline-n118m-6 {
background: #f2f2f2;
padding: 10px 15px
}
.headline-n118m-6 i {
width: 10px;
height: 25px;
display: inline-block;
background: #002d57;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-6 h2 {
padding: 6px 10px;
margin: 0;
color: #002d57;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-6 {
padding: 5px 15px
}
.headline-n118m-6 h2 {
padding: 6px 8px
}
}
.carousel-n113m-1 {
position: relative;
padding: 20px 12px;
border: 1px solid #f2f2f2;
border-top: 0;
margin-bottom: 40px
}
.carousel-n113m-1 .owl-item {
padding: 0 5px
}
.carousel-n113m-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -16px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.carousel-n113m-1 .owl-nav .owl-prev, .carousel-n113m-1 .owl-nav .owl-next {
position: absolute;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5
}
.carousel-n113m-1 .owl-nav .owl-prev:hover, .carousel-n113m-1 .owl-nav .owl-next:hover {
opacity: 1
}
.carousel-n113m-1 .owl-nav .owl-prev {
left: 0
}
.carousel-n113m-1 .owl-nav .owl-next {
right: 0
}
.carousel-n113m-1 .item {
background: #fff;
text-align: center;
margin: 0;
overflow: hidden;
position: relative;
height: 0;
width: 100%;
padding-bottom: 100%
}
.carousel-n113m-1 .item .square-cont {
position: absolute;
width: 100%;
height: 100%
}
.carousel-n113m-1 .item .cover-image {
overflow: hidden;
display: block
}
.carousel-n113m-1 .item .cover-image>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.carousel-n113m-1 .item .cover-image>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.carousel-n113m-1 .text {
color: #505050;
text-decoration: none;
word-break: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 1.5rem;
height: auto;
text-align: center;
padding: 10px 15px
}
.carousel-n113m-1 .text:hover {
color: #002d57
}
.carousel-n113m-1 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.carousel-n113m-1 .owl-buttons .owl-prev {
position: absolute;
left: 17px
}
.carousel-n113m-1 .owl-buttons .owl-next {
position: absolute;
right: 17px
}
.carousel-n113m-1 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5;
display: inline-block;
text-align: center
}
.carousel-n113m-1 .owl-buttons .imco:hover {
opacity: 1
}
.carousel-n113m-1 .owl-pagination {
display: none
}
@media(min-width:768px) {
.carousel-n113m-1 {
padding: 20px 24px;
margin-bottom: 60px
}
.carousel-n113m-1 .owl-buttons .owl-prev {
position: absolute;
left: 29px
}
.carousel-n113m-1 .owl-buttons .owl-next {
position: absolute;
right: 29px
}
.carousel-n113m-1 .text {
color: #505050;
text-decoration: none;
word-break: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 2.3rem;
height: 6rem;
text-align: center;
padding: 10px 15px
}
.carousel-n113m-1 .text:hover {
color: #002d57
}
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.paragraph-n101m-1 {
border: 1px solid #f2f2f2;
padding: 30px;
background: #fff;
margin-bottom: 30px
}
.paragraph-n101m-1 h2 {
margin: 0 0 25px 0;
line-height: 1.4;
color: #002d57;
font-size: 2rem;
font-weight: normal;
text-align: center
}
.paragraph-n101m-1 .time {
width: 100%;
text-align: center;
display: block;
color: #888;
line-height: 20px;
font-size: 1.6rem
}
.paragraph-n101m-1 .line {
width: 100%;
height: 1px;
display: block;
background: #f2f2f2;
margin: 25px 0
}
.paragraph-n101m-1 .content {
line-height: 1.7;
font-size: 1.6rem;
color: #343434
}
.paragraph-n101m-1 .content p {
margin: 0
}
.paragraph-n101m-1 .content table {
display: table
}
.paragraph-n101m-1 .content table tr td {
padding: 5px;
border: 1px solid #ddd
}
.paragraph-n101m-1 .content table tr td p {
margin: 0
}
.paragraph-n101m-1 table, .paragraph-n101m-1 td, .paragraph-n101m-1 p, .paragraph-n101m-1 img, .paragraph-n101m-1 video {
max-width: 100%
}
@media(max-width:768px) {
.paragraph-n101m-1 {
margin-top: 15px;
margin-bottom: 40px;
padding: 20px
}
.paragraph-n101m-1 h2 {
margin: 0 0 15px 0;
font-size: 2rem
}
.paragraph-n101m-1 .line {
margin: 15px 0
}
.paragraph-n101m-1 .content {
font-size: 1.6rem
}
.paragraph-n101m-1 .content img {
width: initial!important;
height: initial!important
}
}
.prev-next-link-n101m-1 {
text-align: center;
padding: 10px 0;
overflow: auto
}
.prev-next-link-n101m-1 i {
margin: 0 4px;
font-size: 14px
}
.prev-next-link-n101m-1 .pbtn {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
height: 32px;
line-height: 32px;
font-size: 1.4rem;
display: inline-block;
color: #6c6c6c;
text-decoration: none
}
.prev-next-link-n101m-1 .pbtn:hover {
color: #002d57
}
.prev-next-link-n101m-1 .left {
float: left;
margin-left: 15px
}
.prev-next-link-n101m-1 .right {
float: right;
margin-right: 15px
}
@media(min-width:768px) {
.prev-next-link-n101m-1 {
padding: 5px 0 20px 0
}
.prev-next-link-n101m-1 .left {
float: left;
margin-left: 25px
}
.prev-next-link-n101m-1 .right {
float: right;
margin-right: 25px
}
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.news-list-n118m-2 {
font-size: 1.6rem
}
.news-list-n118m-2 ul {
list-style: none;
overflow: auto;
padding: 0;
margin: 0 -16px;
display: flex;
flex-wrap: wrap
}
.news-list-n118m-2 ul li {
background: #fff;
margin-bottom: 20px;
display: block
}
.news-list-n118m-2 ul li .item {
width: 100%
}
.news-list-n118m-2 ul li .item .blk {
background-color: #fff;
margin: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.news-list-n118m-2 ul li .item .blk .square-cont {
}
.news-list-n118m-2 ul li .item .blk .cover-image {
overflow: hidden;
display: block;
padding: 0
}
.news-list-n118m-2 ul li .item .blk .cover-image>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center;
overflow: hidden
}
.news-list-n118m-2 ul li .item .blk .cover-image>span>img {
display: inline-block;
width: 100%;
overflow: hidden;
margin: auto;
-webkit-transition: ease all .4s;
-moz-transition: ease all .4s;
-o-transition: ease all .4s;
transition: ease all .4s
}
.news-list-n118m-2 ul li .text {
padding: 10px 0 0 0;
width: 100%;
background: 0
}
.news-list-n118m-2 ul li .text .time {
font-size: 1.8rem;
color: #888
}
.news-list-n118m-2 ul li .text .time i {
font-size: 2rem;
color: #002d57;
margin-right: 4px
}
.news-list-n118m-2 ul li .text .th {
margin: 0
}
.news-list-n118m-2 ul li .text .th a {
font-size: 1.8rem;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
text-decoration: none;
color: #343434
}
.news-list-n118m-2 ul li:hover .item .blk a img {
transform: scale(1.2)
}
.news-list-n118m-2 ul li:hover .text .th a {
color: #7eb01a
}
@media(max-width:768px) {
.news-list-n118m-2 ul li {
background: #fff
}
.news-list-n118m-2 ul li .text {
padding: 10px 0 0 0;
background: #fff
}
.news-list-n118m-2 ul li .text .th a {
font-size: 1.6rem;
color: #6c6c6c;
overflow: inherit;
-webkit-box-orient: initial;
-webkit-line-clamp: inherit;
line-height: 1.5
}
}
.pagination-n101m-1 {
font-size: 1.6rem;
width: 100%;
text-align: center;
margin: 0 0 80px 0
}
.pagination-n101m-1 ul {
display: inline-block;
padding: 0;
margin: 0
}
.pagination-n101m-1 ul li {
display: inline-block;
vertical-align: top;
font-size: 1.4rem;
text-align: center;
padding: 0 6px;
line-height: 38px;
height: 40px;
min-width: 40px;
border: 1px solid #f2f2f2;
margin: 0 5px 5px 5px;
color: #505050;
background-color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.pagination-n101m-1 ul li:hover {
background-color: #002d57;
color: #fff
}
.pagination-n101m-1 ul li a {
color: inherit;
text-decoration: none;
width: 100%;
height: 100%;
display: inline-block
}
.pagination-n101m-1 ul .active {
border-color: #002d57;
background: #002d57;
color: #fff!important
}
.pagination-n101m-1 ul .pageinfo {
border: 0;
background: transparent;
color: #505050!important
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.friendly-link-n122m-2 {
padding: 40px 0 15px 0
}
.friendly-link-n122m-2 footer {
display: flex
}
.friendly-link-n122m-2 .cinfos {
width: 30%;
display: flex;
flex-direction: column;
padding: 0 0 0 15px;
flex-shrink: 0;
min-width: 310px
}
.friendly-link-n122m-2 .cinfos .fllogo {
text-align: center;
max-height: 45px;
max-width: 100%;
margin: 0 0 20px 0
}
.friendly-link-n122m-2 .cinfos .fllogo img {
max-width: 100%;
max-height: 100%
}
.friendly-link-n122m-2 .cinfos .cus {
display: flex;
align-items: flex-start;
margin-bottom: 15px
}
.friendly-link-n122m-2 .cinfos .cus i {
font-size: 26px;
line-height: 1;
margin: 0 12px 0 0;
color: #fff
}
.friendly-link-n122m-2 .cinfos .cus .info {
display: flex
}
.friendly-link-n122m-2 .cinfos .cus .info .title {
color: #fff;
font-size: 1.6rem;
margin: 0 1rem 0 0;
font-weight: bold
}
.friendly-link-n122m-2 .cinfos .cus .info .value {
color: #f2f2f2;
font-size: 1.6rem;
word-break: break-word
}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .sns {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0
}
.friendly-link-n122m-2 .sns a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
border-radius: 40px;
text-align: center;
color: #002d57;
margin: 8px 16px 12px 0;
display: inline-block;
text-decoration: none
}
.friendly-link-n122m-2 .sns a:hover {
}
.friendly-link-n122m-2 .sns a .f-skype {
color: #00aff0
}
.friendly-link-n122m-2 .sns a .f-twitter {
color: #010101
}
.friendly-link-n122m-2 .sns a .f-google-plus {
color: #cc3b1e
}
.friendly-link-n122m-2 .sns a .f-linkedin {
color: #006a9a
}
.friendly-link-n122m-2 .sns a .f-facebook {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-instagram {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-youtube {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-comment {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-pinterest {
color: #e10600
}
.friendly-link-n122m-2 .sns a .f-tiktok {
color: #740dbc
}
.friendly-link-n122m-2 .links {
width: 70%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly
}
.friendly-link-n122m-2 .links .blk {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px
}
.friendly-link-n122m-2 .links .blk .title {
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px
}
.friendly-link-n122m-2 .links .blk .value {
color: #f2f2f2;
font-size: 1.6rem;
margin-bottom: 12px
}
.friendly-link-n122m-2 .links .blk .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .links .blk:nth-child(n+4) {
display: none
}
@media(max-width:768px) {
.friendly-link-n122m-2 .cinfos {
padding: 0;
width: 100%
}
.friendly-link-n122m-2 .sns a {
margin: 4px 8px 6px 0
}
.friendly-link-n122m-2 .links {
display: none
}
}
.copyright-n101m-1 {
text-align: center;
font-size: 1.6rem;
height: 50px;
line-height: 50px;
color: #fff;
opacity: .8
}
@media(max-width:768px) {
.copyright-n101m-1 {
height: 42px;
line-height: 42px
}
}
.contact-box-n101m-1 {
position: fixed;
bottom: 38%;
right: 0;
z-index: 1041
}
.contact-box-n101m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-box-n101m-1 a {
text-decoration: none;
cursor: pointer
}
.contact-box-n101m-1 .item {
position: relative
}
.contact-box-n101m-1 .item.hide {
display: none
}
.contact-box-n101m-1 .item .qrcode {
padding: 15px;
max-width: 150px;
max-height: 150px;
background: #fff
}
.contact-box-n101m-1 .item i {
display: block;
color: #fff;
background: #002d57;
padding: 9px 13px;
font-size: 24px;
width: 50px;
height: 50px
}
.contact-box-n101m-1 .item i:hover {
background: #00050a
}
.contact-box-n101m-1 .item .tools {
display: none;
min-width: 80px;
min-height: 40px;
position: absolute;
top: 4px;
right: 100%;
padding-right: 8px
}
.contact-box-n101m-1 .item .tools:before, .contact-box-n101m-1 .item .tools:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid
}
.contact-box-n101m-1 .item .tools:before {
z-index: 2;
right: -5px;
top: 14px;
border-width: 7px;
border-color: transparent transparent transparent #fff
}
.contact-box-n101m-1 .item .tools:after {
z-index: 1;
right: -8px;
top: 13px;
border-width: 8px;
border-color: transparent transparent transparent #e5e5e5
}
.contact-box-n101m-1 .item .tools .imco:before {
margin-right: 6px
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: transparent transparent transparent #58788a
}
.contact-box-n101m-1 .item .tools a {
display: block;
padding: 10px 16px;
color: #505050;
background: #fff;
border: 1px solid #e5e5e5;
font-size: 1.6rem;
line-height: 20px;
white-space: nowrap;
cursor: pointer
}
.contact-box-n101m-1 .item .tools a:nth-child(n+2) {
border-top: 0
}
.contact-box-n101m-1 .item .tools a:hover {
color: #001730;
background: #58788a
}
.contact-box-n101m-1 .item:hover .tools {
display: block
}
.contact-box-n101m-1 .modal {
padding-right: 0!important
}
.contact-box-n101m-1 .pnl {
height: 100%;
color: #fff;
position: relative
}
.contact-box-n101m-1 .pnl .close {
position: absolute;
width: 32px;
height: 32px;
line-height: 29px;
font-size: 26px;
background: transparent;
right: 5px;
top: 5px;
text-align: center;
border: 0;
color: #e5e5e5
}
.contact-box-n101m-1 .pnl .close:hover {
color: #002d57
}
.contact-box-n101m-1 .pnl .search-box {
position: absolute;
top: 35%;
width: 100%
}
.contact-box-n101m-1 .pnl .search-box .input-text {
outline: 0;
height: 40px;
width: 80%;
margin: 0 0 0 5%;
background: #fff;
color: #505050;
border: 0;
float: left;
padding-left: 1rem;
font-size: 1.6rem
}
.contact-box-n101m-1 .pnl .search-box .search-btn {
position: absolute;
left: 85%;
width: 50px;
height: 40px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 20px
}
.contact-box-n101m-1 .mid-pnl {
width: 100%;
background: rgba(0,0,0,0.8)
}
.contact-box-n101m-1 .home, .contact-box-n101m-1 .b2t {
display: none
}
.contact-box-n101m-1-blk {
display: none
}
@media(max-width:768px) {
.contact-box-n101m-1 {
left: 0;
bottom: 0;
width: 100%;
height: 50px
}
.contact-box-n101m-1 ul {
display: flex;
justify-content: space-around;
background: #fff
}
.contact-box-n101m-1 .item {
float: left
}
.contact-box-n101m-1 .item .tools {
top: auto;
bottom: 100%;
right: 50%;
transform: translateX(50%);
padding-right: 0;
padding-bottom: 8px
}
.contact-box-n101m-1 .item .tools:before {
top: auto;
bottom: -5px;
right: 50%;
transform: translateX(50%) translateY(0);
border-color: #fff transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:after {
top: auto;
right: 50%;
bottom: -8px;
transform: translateX(50%) translateY(0);
border-color: #e5e5e5 transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: #58788a transparent transparent transparent
}
.contact-box-n101m-1 .item i {
color: #002d57;
background: #fff
}
.contact-box-n101m-1 .home {
display: block
}
.contact-box-n101m-1 .b2t {
display: none!important
}
.contact-box-n101m-1-blk {
height: 50px;
display: block
}
}
.headline-n118m-5 {
background: #002d57;
padding: 10px 15px
}
.headline-n118m-5 i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-5 h2 {
padding: 6px 10px;
margin: 0;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-5 {
padding: 5px 15px
}
.headline-n118m-5 h2 {
padding: 6px 8px
}
}
.product-category-n113m-1 {
width: 100%;
border: 1px solid #f2f2f2;
border-top: 0;
padding: 10px 20px 25px 20px;
margin-bottom: 30px;
background: #fff;
font-size: 1.6rem
}
.product-category-n113m-1 ul {
overflow: hidden;
list-style: none;
padding: 0
}
.product-category-n113m-1 .lv1 {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0
}
.product-category-n113m-1 .sub {
display: none;
padding: 10px 10px 10px 15px
}
.product-category-n113m-1 .sub a {
padding: 6px 0 6px 10px;
margin: 0;
display: inline-block;
padding-left: 15px;
font-size: 1.6rem
}
.product-category-n113m-1 .sub a:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 1px;
top: 12px;
display: inline-block;
background: #505050
}
.product-category-n113m-1 a, .product-category-n113m-1 .expand {
line-height: 24px;
position: relative;
color: #505050;
text-decoration: none
}
.product-category-n113m-1 .expand {
width: 20px;
display: inline-block;
text-align: center;
cursor: pointer;
float: right
}
.product-category-n113m-1 .expand:hover {
color: #002d57
}
.product-category-n113m-1 .open {
transform: rotate(180deg)
}
.product-category-n113m-1 .active a, .product-category-n113m-1 a:hover {
color: #7eb01a
}
.product-category-n113m-1 .active a:before, .product-category-n113m-1 a:hover:before {
background: #002d57
}
@media(max-width:768px) {
.product-category-n113m-1 {
padding: 5px 20px 15px 20px
}
}
.product-list-n118m-1 {
position: relative;
padding: 15px;
margin-bottom: 30px;
border: 1px solid #f2f2f2;
border-top: 0
}
.product-list-n118m-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.product-list-n118m-1 .owl-nav .owl-prev, .product-list-n118m-1 .owl-nav .owl-next {
position: absolute;
width: 32px;
height: 32px;
font-size: 1.6rem;
line-height: 32px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5
}
.product-list-n118m-1 .owl-nav .owl-prev:hover, .product-list-n118m-1 .owl-nav .owl-next:hover {
opacity: 1
}
.product-list-n118m-1 .owl-nav .owl-prev {
left: 0
}
.product-list-n118m-1 .owl-nav .owl-next {
right: 0
}
.product-list-n118m-1 .item {
background: #fff;
text-align: center;
position: relative;
overflow: hidden
}
.product-list-n118m-1 .item a img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-list-n118m-1 .item a .text {
color: #002d57;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 4.8rem;
height: 4.8rem;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
word-break: break-all;
background-color: rgba(255,255,255,0.2);
margin: 0
}
.product-list-n118m-1 .item a:hover img {
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.product-list-n118m-1 .item a:hover .text {
color: #fff;
background-color: #7eb01a
}
.product-list-n118m-1 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.product-list-n118m-1 .owl-buttons .owl-prev {
position: absolute;
left: 16px
}
.product-list-n118m-1 .owl-buttons .owl-next {
position: absolute;
right: 16px
}
.product-list-n118m-1 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1.6rem;
border: 0;
color: #fff;
background: #002d57;
opacity: .5;
display: inline-block;
text-align: center
}
.product-list-n118m-1 .owl-buttons .imco:hover {
opacity: 1
}
.product-list-n118m-1 .owl-pagination {
display: none
}
.contact-info-n114m-1 {
border: 1px solid #f2f2f2;
margin-bottom: 30px;
font-size: 1.4rem
}
.contact-info-n114m-1 .pb {
color: #fff;
overflow: hidden;
font-size: 1.6rem;
display: flex;
flex-direction: column
}
.contact-info-n114m-1 .box {
text-align: center;
padding: 10px 20px 0 20px;
display: flex;
align-items: center
}
.contact-info-n114m-1 .box .multi a {
margin: 2px 0
}
.contact-info-n114m-1 .imco {
font-size: 3.2rem;
line-height: 1;
margin-right: 15px;
color: #002d57
}
.contact-info-n114m-1 .box-right {
text-align: left
}
.contact-info-n114m-1 .box-right p {
color: #002d57;
font-size: 1.6rem;
margin: 8px 0;
line-height: 1.576;
text-transform: uppercase
}
.contact-info-n114m-1 .box-right a {
color: #888;
text-decoration: none;
display: block;
overflow: hidden;
word-break: break-word;
font-size: 1.6rem;
line-height: 2.5rem
}
.contact-info-n114m-1 .box-right a:hover {
color: #e5e5e5
}
.additional.col-md-3 .col-xs-11, .additional.col-md-3 .col-sm-11, .additional.col-md-3 .col-md-11, .additional.col-md-3 .col-lg-11 {
width: 100%
}
.additional.col-md-3 .col-xs-10, .additional.col-md-3 .col-sm-10, .additional.col-md-3 .col-md-10, .additional.col-md-3 .col-lg-10 {
width: 100%
}
.additional.col-md-3 .col-xs-9, .additional.col-md-3 .col-sm-9, .additional.col-md-3 .col-md-9, .additional.col-md-3 .col-lg-9 {
width: 100%
}
.additional.col-md-3 .col-xs-8, .additional.col-md-3 .col-sm-8, .additional.col-md-3 .col-md-8, .additional.col-md-3 .col-lg-8 {
width: 100%
}
.additional.col-md-3 .col-xs-7, .additional.col-md-3 .col-sm-7, .additional.col-md-3 .col-md-7, .additional.col-md-3 .col-lg-7 {
width: 100%
}
.additional.col-md-3 .col-xs-6, .additional.col-md-3 .col-sm-6, .additional.col-md-3 .col-md-6, .additional.col-md-3 .col-lg-6 {
width: 100%
}
.additional.col-md-3 .col-xs-5, .additional.col-md-3 .col-sm-5, .additional.col-md-3 .col-md-5, .additional.col-md-3 .col-lg-5 {
width: 100%
}
.additional.col-md-3 .col-xs-4, .additional.col-md-3 .col-sm-4, .additional.col-md-3 .col-md-4, .additional.col-md-3 .col-lg-4 {
width: 100%
}
.additional.col-md-3 .col-xs-3, .additional.col-md-3 .col-sm-3, .additional.col-md-3 .col-md-3, .additional.col-md-3 .col-lg-3 {
width: 100%
}
.additional.col-md-3 .col-xs-2, .additional.col-md-3 .col-sm-2, .additional.col-md-3 .col-md-2, .additional.col-md-3 .col-lg-2 {
width: 100%
}
.additional.col-md-3 .col-xs-1, .additional.col-md-3 .col-sm-1, .additional.col-md-3 .col-md-1, .additional.col-md-3 .col-lg-1 {
width: 100%
}
.additional.col-md-4 .col-xs-11, .additional.col-md-4 .col-sm-11, .additional.col-md-4 .col-md-11, .additional.col-md-4 .col-lg-11 {
width: 100%
}
.additional.col-md-4 .col-xs-10, .additional.col-md-4 .col-sm-10, .additional.col-md-4 .col-md-10, .additional.col-md-4 .col-lg-10 {
width: 100%
}
.additional.col-md-4 .col-xs-9, .additional.col-md-4 .col-sm-9, .additional.col-md-4 .col-md-9, .additional.col-md-4 .col-lg-9 {
width: 100%
}
.additional.col-md-4 .col-xs-8, .additional.col-md-4 .col-sm-8, .additional.col-md-4 .col-md-8, .additional.col-md-4 .col-lg-8 {
width: 100%
}
.additional.col-md-4 .col-xs-7, .additional.col-md-4 .col-sm-7, .additional.col-md-4 .col-md-7, .additional.col-md-4 .col-lg-7 {
width: 100%
}
.additional.col-md-4 .col-xs-6, .additional.col-md-4 .col-sm-6, .additional.col-md-4 .col-md-6, .additional.col-md-4 .col-lg-6 {
width: 100%
}
.additional.col-md-4 .col-xs-5, .additional.col-md-4 .col-sm-5, .additional.col-md-4 .col-md-5, .additional.col-md-4 .col-lg-5 {
width: 100%
}
.additional.col-md-4 .col-xs-4, .additional.col-md-4 .col-sm-4, .additional.col-md-4 .col-md-4, .additional.col-md-4 .col-lg-4 {
width: 100%
}
.additional.col-md-4 .col-xs-3, .additional.col-md-4 .col-sm-3, .additional.col-md-4 .col-md-3, .additional.col-md-4 .col-lg-3 {
width: 100%
}
.additional.col-md-4 .col-xs-2, .additional.col-md-4 .col-sm-2, .additional.col-md-4 .col-md-2, .additional.col-md-4 .col-lg-2 {
width: 100%
}
.additional.col-md-4 .col-xs-1, .additional.col-md-4 .col-sm-1, .additional.col-md-4 .col-md-1, .additional.col-md-4 .col-lg-1 {
width: 100%
}
.case-list-n118m-3 {
margin: 15px 0 15px 0;
overflow: auto;
margin: 0 -16px
}
.case-list-n118m-3 a {
text-decoration: none;
margin-bottom: 25px;
display: block
}
.case-list-n118m-3 a .item {
position: relative
}
.case-list-n118m-3 a .item .blk {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: #f2f2f2;
overflow: hidden;
position: relative;
width: 100%;
}
.case-list-n118m-3 a .item .blk .square-cont {
}
.case-list-n118m-3 a .item .blk .cover-image {
transition: all .3s
}
.case-list-n118m-3 a .item .blk .cover-image>span {
position: relative;
width: 100%;
display: block;
text-align: center
}
.case-list-n118m-3 a .item .blk .cover-image>span>img {
display: inline-block;
width: 100%;
overflow: hidden;
margin: auto
}
.case-list-n118m-3 a .item .icon {
text-align: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.2);
-webkit-transition: all .5s ease .1s;
-moz-transition: all .5s ease .1s;
-o-transition: all .5s ease .1s;
transition: all .5s ease .1s
}
.case-list-n118m-3 a .item .icon:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%
}
.case-list-n118m-3 a .item .icon .mt {
vertical-align: middle;
display: inline-block;
width: 96%
}
.case-list-n118m-3 a .item .icon .mt .imco {
color: #fff;
font-size: 4rem
}
.case-list-n118m-3 a .item .adorn {
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
pointer-events: none
}
.case-list-n118m-3 a .item .adorn span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%
}
.case-list-n118m-3 a .item .adorn span:before, .case-list-n118m-3 a .item .adorn span:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 1px;
opacity: 0;
background-color: #002d57;
-webkit-transition: all .5s ease .2s;
-moz-transition: all .5s ease .2s;
-o-transition: all .5s ease .2s;
transition: all .5s ease .2s;
top: 50%;
left: 50%
}
.case-list-n118m-3 a .item .adorn span:first-child {
transform: rotate(45deg)
}
.case-list-n118m-3 a .item .adorn span:last-child {
transform: rotate(-45deg)
}
.case-list-n118m-3 a .title h3 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
color: #343434;
text-decoration: none;
font-size: 1.8rem;
line-height: 25px;
margin: 10px 0 0 0;
text-align: center
}
.case-list-n118m-3 a .title p {
margin-bottom: 0;
color: #6c6c6c;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
margin-top: 0;
height: 45px;
text-align: center
}
.case-list-n118m-3 a:hover .item .blk .cover-image>span>img {
transform: scale(1.1);
filter: blur(10px);
opacity: .5
}
.case-list-n118m-3 a:hover .item .icon {
opacity: 1;
background-color: rgba(0,0,0,0.5)
}
.case-list-n118m-3 a:hover .item .icon .mt .imco {
font-size: 4.8rem;
color: #7eb01a
}
.case-list-n118m-3 a:hover .item .adorn span:before {
width: 100%;
opacity: 1;
left: -80%
}
.case-list-n118m-3 a:hover .item .adorn span:after {
width: 100%;
opacity: 1;
left: 80%
}
.case-list-n118m-3 a:hover .title h3 {
color: #7eb01a
}
@media(max-width:768px) {
.case-list-n118m-3 {
margin: 10px -16px 0 -16px
}
.case-list-n118m-3 a .col-xs-6:nth-child(2n) {
padding-left: 9px
}
.case-list-n118m-3 a .col-xs-6:nth-child(2n+1) {
padding-right: 9px
}
.case-list-n118m-3 a .item:hover .blk {
border: 1px solid #002d57
}
.case-list-n118m-3 a .item .icon {
display: none
}
.case-list-n118m-3 a .item .adorn {
display: none
}
.case-list-n118m-3 a .title p {
height: 40px
}
}
.pagination-n101m-1 {
font-size: 1.6rem;
width: 100%;
text-align: center;
margin: 0 0 80px 0
}
.pagination-n101m-1 ul {
display: inline-block;
padding: 0;
margin: 0
}
.pagination-n101m-1 ul li {
display: inline-block;
vertical-align: top;
font-size: 1.4rem;
text-align: center;
padding: 0 6px;
line-height: 38px;
height: 40px;
min-width: 40px;
border: 1px solid #f2f2f2;
margin: 0 5px 5px 5px;
color: #505050;
background-color: #fff;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.pagination-n101m-1 ul li:hover {
background-color: #002d57;
color: #fff
}
.pagination-n101m-1 ul li a {
color: inherit;
text-decoration: none;
width: 100%;
height: 100%;
display: inline-block
}
.pagination-n101m-1 ul .active {
border-color: #002d57;
background: #002d57;
color: #fff!important
}
.pagination-n101m-1 ul .pageinfo {
border: 0;
background: transparent;
color: #505050!important
}
.message-n118m-1 {
position: relative;
overflow: auto;
background: #fff;
border: 1px solid #f2f2f2;
margin-bottom: 60px
}
.message-n118m-1 .mtitle {
padding: 15px;
margin: 0 0 24px 0;
color: #fff;
background: #002d57;
font-size: 1.6rem;
font-weight: 700
}
.message-n118m-1 .mtitle i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.message-n118m-1 .mdesc {
color: #002d57
}
.message-n118m-1 .line {
overflow: hidden;
margin-bottom: 20px
}
.message-n118m-1 .line label {
font-size: 1.6rem;
font-weight: normal
}
.message-n118m-1 .line label i {
margin-right: 6px;
color: red;
font-size: 16px
}
.message-n118m-1 .line input, .message-n118m-1 .line textarea {
font-size: 1.6rem;
-webkit-appearance: none;
outline: 0;
border: 1px solid #f2f2f2;
border-radius: 2px
}
.message-n118m-1 .line input:focus, .message-n118m-1 .line textarea:focus, .message-n118m-1 .line input:hover, .message-n118m-1 .line textarea:hover {
outline: 0;
-webkit-appearance: none;
border: 1px solid #103e63
}
.message-n118m-1 .line textarea {
line-height: 26px;
resize: none
}
.message-n118m-1 .line input {
line-height: 40px;
height: 40px;
padding: 0 12px
}
.message-n118m-1 .field-validation-error {
color: red;
padding: 0 12px;
margin-top: 2px;
display: inline-block;
font-size: 1.4rem
}
.message-n118m-1 .subbtn {
float: left;
padding: 0 15px
}
.message-n118m-1 .subbtn button {
transition: background-color .3s ease 0s;
outline: 0;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
word-spacing: normal;
height: 40px;
line-height: 38px;
padding: 0 24px;
font-size: 16px;
border: 0;
color: #fff;
background: #002d57
}
.message-n118m-1 .subbtn button:hover {
background: #7eb01a
}
.message-n118m-1 .privacy {
display: inline-block;
vertical-align: middle;
position: relative;
margin-left: 8px;
font-weight: normal
}
.message-n118m-1 .privacy input[type="checkbox"] {
display: block;
position: relative;
vertical-align: middle;
margin-right: 24px;
height: 1px;
opacity: 0;
margin: 0;
cursor: pointer
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:before {
border-color: #002d57;
background-color: #002d57
}
.message-n118m-1 .privacy input[type="checkbox"]:checked+span:after {
border-color: #fff
}
.message-n118m-1 .privacy .nschb {
display: block;
position: relative;
font-size: 14px;
padding-left: 24px;
line-height: 40px;
cursor: pointer;
color: #333
}
.message-n118m-1 .privacy .nschb:before, .message-n118m-1 .privacy .nschb:after {
display: block;
position: absolute;
content: '';
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.message-n118m-1 .privacy .nschb:before {
top: 50%;
left: 0;
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #d8d8d8;
margin-top: -9px
}
.message-n118m-1 .privacy .nschb:after {
width: 9px;
height: 6px;
border-width: 0 0 2px 2px;
border-color: transparent;
border-style: solid;
top: 50%;
left: 4px;
margin-top: -5px;
transform: rotate(-45deg)
}
.message-n118m-1 .privacy a {
color: #505050;
text-decoration: none;
font-size: 1.6rem
}
@media(max-width:768px) {
.message-n118m-1 {
padding: 16px 1px;
margin-bottom: 40px
}
.message-n118m-1 .line {
margin-bottom: 12px
}
.message-n118m-1 .line input {
line-height: 32px;
height: 32px
}
.message-n118m-1 .mtitle {
margin-bottom: 12px
}
}
.friendly-link-n122m-2 {
padding: 40px 0 15px 0
}
.friendly-link-n122m-2 footer {
display: flex
}
.friendly-link-n122m-2 .cinfos {
width: 30%;
display: flex;
flex-direction: column;
padding: 0 0 0 15px;
flex-shrink: 0;
min-width: 310px
}
.friendly-link-n122m-2 .cinfos .fllogo {
text-align: center;
max-height: 45px;
max-width: 100%;
margin: 0 0 20px 0
}
.friendly-link-n122m-2 .cinfos .fllogo img {
max-width: 100%;
max-height: 100%
}
.friendly-link-n122m-2 .cinfos .cus {
display: flex;
align-items: flex-start;
margin-bottom: 15px
}
.friendly-link-n122m-2 .cinfos .cus i {
font-size: 26px;
line-height: 1;
margin: 0 12px 0 0;
color: #fff
}
.friendly-link-n122m-2 .cinfos .cus .info {
display: flex
}
.friendly-link-n122m-2 .cinfos .cus .info .title {
color: #fff;
font-size: 1.6rem;
margin: 0 1rem 0 0;
font-weight: bold
}
.friendly-link-n122m-2 .cinfos .cus .info .value {
color: #f2f2f2;
font-size: 1.6rem;
word-break: break-word
}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .sns {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0
}
.friendly-link-n122m-2 .sns a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
border-radius: 40px;
text-align: center;
color: #002d57;
margin: 8px 16px 12px 0;
display: inline-block;
text-decoration: none
}
.friendly-link-n122m-2 .sns a:hover {
}
.friendly-link-n122m-2 .sns a .f-skype {
color: #00aff0
}
.friendly-link-n122m-2 .sns a .f-twitter {
color: #010101
}
.friendly-link-n122m-2 .sns a .f-google-plus {
color: #cc3b1e
}
.friendly-link-n122m-2 .sns a .f-linkedin {
color: #006a9a
}
.friendly-link-n122m-2 .sns a .f-facebook {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-instagram {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-youtube {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-comment {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-pinterest {
color: #e10600
}
.friendly-link-n122m-2 .sns a .f-tiktok {
color: #740dbc
}
.friendly-link-n122m-2 .links {
width: 70%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly
}
.friendly-link-n122m-2 .links .blk {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px
}
.friendly-link-n122m-2 .links .blk .title {
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px
}
.friendly-link-n122m-2 .links .blk .value {
color: #f2f2f2;
font-size: 1.6rem;
margin-bottom: 12px
}
.friendly-link-n122m-2 .links .blk .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .links .blk:nth-child(n+4) {
display: none
}
@media(max-width:768px) {
.friendly-link-n122m-2 .cinfos {
padding: 0;
width: 100%
}
.friendly-link-n122m-2 .sns a {
margin: 4px 8px 6px 0
}
.friendly-link-n122m-2 .links {
display: none
}
}
.copyright-n101m-1 {
text-align: center;
font-size: 1.6rem;
height: 50px;
line-height: 50px;
color: #fff;
opacity: .8
}
@media(max-width:768px) {
.copyright-n101m-1 {
height: 42px;
line-height: 42px
}
}
.contact-box-n101m-1 {
position: fixed;
bottom: 38%;
right: 0;
z-index: 1041
}
.contact-box-n101m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-box-n101m-1 a {
text-decoration: none;
cursor: pointer
}
.contact-box-n101m-1 .item {
position: relative
}
.contact-box-n101m-1 .item.hide {
display: none
}
.contact-box-n101m-1 .item .qrcode {
padding: 15px;
max-width: 150px;
max-height: 150px;
background: #fff
}
.contact-box-n101m-1 .item i {
display: block;
color: #fff;
background: #002d57;
padding: 9px 13px;
font-size: 24px;
width: 50px;
height: 50px
}
.contact-box-n101m-1 .item i:hover {
background: #00050a
}
.contact-box-n101m-1 .item .tools {
display: none;
min-width: 80px;
min-height: 40px;
position: absolute;
top: 4px;
right: 100%;
padding-right: 8px
}
.contact-box-n101m-1 .item .tools:before, .contact-box-n101m-1 .item .tools:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid
}
.contact-box-n101m-1 .item .tools:before {
z-index: 2;
right: -5px;
top: 14px;
border-width: 7px;
border-color: transparent transparent transparent #fff
}
.contact-box-n101m-1 .item .tools:after {
z-index: 1;
right: -8px;
top: 13px;
border-width: 8px;
border-color: transparent transparent transparent #e5e5e5
}
.contact-box-n101m-1 .item .tools .imco:before {
margin-right: 6px
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: transparent transparent transparent #58788a
}
.contact-box-n101m-1 .item .tools a {
display: block;
padding: 10px 16px;
color: #505050;
background: #fff;
border: 1px solid #e5e5e5;
font-size: 1.6rem;
line-height: 20px;
white-space: nowrap;
cursor: pointer
}
.contact-box-n101m-1 .item .tools a:nth-child(n+2) {
border-top: 0
}
.contact-box-n101m-1 .item .tools a:hover {
color: #001730;
background: #58788a
}
.contact-box-n101m-1 .item:hover .tools {
display: block
}
.contact-box-n101m-1 .modal {
padding-right: 0!important
}
.contact-box-n101m-1 .pnl {
height: 100%;
color: #fff;
position: relative
}
.contact-box-n101m-1 .pnl .close {
position: absolute;
width: 32px;
height: 32px;
line-height: 29px;
font-size: 26px;
background: transparent;
right: 5px;
top: 5px;
text-align: center;
border: 0;
color: #e5e5e5
}
.contact-box-n101m-1 .pnl .close:hover {
color: #002d57
}
.contact-box-n101m-1 .pnl .search-box {
position: absolute;
top: 35%;
width: 100%
}
.contact-box-n101m-1 .pnl .search-box .input-text {
outline: 0;
height: 40px;
width: 80%;
margin: 0 0 0 5%;
background: #fff;
color: #505050;
border: 0;
float: left;
padding-left: 1rem;
font-size: 1.6rem
}
.contact-box-n101m-1 .pnl .search-box .search-btn {
position: absolute;
left: 85%;
width: 50px;
height: 40px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 20px
}
.contact-box-n101m-1 .mid-pnl {
width: 100%;
background: rgba(0,0,0,0.8)
}
.contact-box-n101m-1 .home, .contact-box-n101m-1 .b2t {
display: none
}
.contact-box-n101m-1-blk {
display: none
}
@media(max-width:768px) {
.contact-box-n101m-1 {
left: 0;
bottom: 0;
width: 100%;
height: 50px
}
.contact-box-n101m-1 ul {
display: flex;
justify-content: space-around;
background: #fff
}
.contact-box-n101m-1 .item {
float: left
}
.contact-box-n101m-1 .item .tools {
top: auto;
bottom: 100%;
right: 50%;
transform: translateX(50%);
padding-right: 0;
padding-bottom: 8px
}
.contact-box-n101m-1 .item .tools:before {
top: auto;
bottom: -5px;
right: 50%;
transform: translateX(50%) translateY(0);
border-color: #fff transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:after {
top: auto;
right: 50%;
bottom: -8px;
transform: translateX(50%) translateY(0);
border-color: #e5e5e5 transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: #58788a transparent transparent transparent
}
.contact-box-n101m-1 .item i {
color: #002d57;
background: #fff
}
.contact-box-n101m-1 .home {
display: block
}
.contact-box-n101m-1 .b2t {
display: none!important
}
.contact-box-n101m-1-blk {
height: 50px;
display: block
}
}
.headline-n118m-5 {
background: #002d57;
padding: 10px 15px
}
.headline-n118m-5 i {
width: 10px;
height: 25px;
display: inline-block;
background: #fff;
float: left;
margin-right: 20px;
transform: skewX(150deg)
}
.headline-n118m-5 h2 {
padding: 6px 10px;
margin: 0;
color: #fff;
font-size: 1.6rem;
font-weight: 700;
text-transform: capitalize
}
@media(max-width:768px) {
.headline-n118m-5 {
padding: 5px 15px
}
.headline-n118m-5 h2 {
padding: 6px 8px
}
}
.product-category-n113m-1 {
width: 100%;
border: 1px solid #f2f2f2;
border-top: 0;
padding: 10px 20px 25px 20px;
margin-bottom: 30px;
background: #fff;
font-size: 1.6rem
}
.product-category-n113m-1 ul {
overflow: hidden;
list-style: none;
padding: 0
}
.product-category-n113m-1 .lv1 {
border-bottom: 1px solid #f2f2f2;
padding: 10px 0
}
.product-category-n113m-1 .sub {
display: none;
padding: 10px 10px 10px 15px
}
.product-category-n113m-1 .sub a {
padding: 6px 0 6px 10px;
margin: 0;
display: inline-block;
padding-left: 15px;
font-size: 1.6rem
}
.product-category-n113m-1 .sub a:before {
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 1px;
top: 12px;
display: inline-block;
background: #505050
}
.product-category-n113m-1 a, .product-category-n113m-1 .expand {
line-height: 24px;
position: relative;
color: #505050;
text-decoration: none
}
.product-category-n113m-1 .expand {
width: 20px;
display: inline-block;
text-align: center;
cursor: pointer;
float: right
}
.product-category-n113m-1 .expand:hover {
color: #002d57
}
.product-category-n113m-1 .open {
transform: rotate(180deg)
}
.product-category-n113m-1 .active a, .product-category-n113m-1 a:hover {
color: #7eb01a
}
.product-category-n113m-1 .active a:before, .product-category-n113m-1 a:hover:before {
background: #002d57
}
@media(max-width:768px) {
.product-category-n113m-1 {
padding: 5px 20px 15px 20px
}
}
.product-list-n118m-1 {
position: relative;
padding: 15px;
margin-bottom: 30px;
border: 1px solid #f2f2f2;
border-top: 0
}
.product-list-n118m-1 .owl-nav {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px;
text-align: center;
-webkit-tap-highlight-color: transparent
}
.product-list-n118m-1 .owl-nav .owl-prev, .product-list-n118m-1 .owl-nav .owl-next {
position: absolute;
width: 32px;
height: 32px;
font-size: 1.6rem;
line-height: 32px;
border: 0;
color: #fff;
background: #002d57;
opacity: .5
}
.product-list-n118m-1 .owl-nav .owl-prev:hover, .product-list-n118m-1 .owl-nav .owl-next:hover {
opacity: 1
}
.product-list-n118m-1 .owl-nav .owl-prev {
left: 0
}
.product-list-n118m-1 .owl-nav .owl-next {
right: 0
}
.product-list-n118m-1 .item {
background: #fff;
text-align: center;
position: relative;
overflow: hidden
}
.product-list-n118m-1 .item a img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.product-list-n118m-1 .item a .text {
color: #002d57;
text-decoration: none;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
display: -webkit-box;
font-size: 1.6rem;
line-height: 4.8rem;
height: 4.8rem;
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
word-break: break-all;
background-color: rgba(255,255,255,0.2);
margin: 0
}
.product-list-n118m-1 .item a:hover img {
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.product-list-n118m-1 .item a:hover .text {
color: #fff;
background-color: #7eb01a
}
.product-list-n118m-1 .owl-buttons {
position: absolute;
top: 45%;
left: 0;
right: 0
}
.product-list-n118m-1 .owl-buttons .owl-prev {
position: absolute;
left: 16px
}
.product-list-n118m-1 .owl-buttons .owl-next {
position: absolute;
right: 16px
}
.product-list-n118m-1 .owl-buttons .imco {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 1.6rem;
border: 0;
color: #fff;
background: #002d57;
opacity: .5;
display: inline-block;
text-align: center
}
.product-list-n118m-1 .owl-buttons .imco:hover {
opacity: 1
}
.product-list-n118m-1 .owl-pagination {
display: none
}
.contact-info-n114m-1 {
border: 1px solid #f2f2f2;
margin-bottom: 30px;
font-size: 1.4rem
}
.contact-info-n114m-1 .pb {
color: #fff;
overflow: hidden;
font-size: 1.6rem;
display: flex;
flex-direction: column
}
.contact-info-n114m-1 .box {
text-align: center;
padding: 10px 20px 0 20px;
display: flex;
align-items: center
}
.contact-info-n114m-1 .box .multi a {
margin: 2px 0
}
.contact-info-n114m-1 .imco {
font-size: 3.2rem;
line-height: 1;
margin-right: 15px;
color: #002d57
}
.contact-info-n114m-1 .box-right {
text-align: left
}
.contact-info-n114m-1 .box-right p {
color: #002d57;
font-size: 1.6rem;
margin: 8px 0;
line-height: 1.576;
text-transform: uppercase
}
.contact-info-n114m-1 .box-right a {
color: #888;
text-decoration: none;
display: block;
overflow: hidden;
word-break: break-word;
font-size: 1.6rem;
line-height: 2.5rem
}
.contact-info-n114m-1 .box-right a:hover {
color: #e5e5e5
}
.additional.col-md-3 .col-xs-11, .additional.col-md-3 .col-sm-11, .additional.col-md-3 .col-md-11, .additional.col-md-3 .col-lg-11 {
width: 100%
}
.additional.col-md-3 .col-xs-10, .additional.col-md-3 .col-sm-10, .additional.col-md-3 .col-md-10, .additional.col-md-3 .col-lg-10 {
width: 100%
}
.additional.col-md-3 .col-xs-9, .additional.col-md-3 .col-sm-9, .additional.col-md-3 .col-md-9, .additional.col-md-3 .col-lg-9 {
width: 100%
}
.additional.col-md-3 .col-xs-8, .additional.col-md-3 .col-sm-8, .additional.col-md-3 .col-md-8, .additional.col-md-3 .col-lg-8 {
width: 100%
}
.additional.col-md-3 .col-xs-7, .additional.col-md-3 .col-sm-7, .additional.col-md-3 .col-md-7, .additional.col-md-3 .col-lg-7 {
width: 100%
}
.additional.col-md-3 .col-xs-6, .additional.col-md-3 .col-sm-6, .additional.col-md-3 .col-md-6, .additional.col-md-3 .col-lg-6 {
width: 100%
}
.additional.col-md-3 .col-xs-5, .additional.col-md-3 .col-sm-5, .additional.col-md-3 .col-md-5, .additional.col-md-3 .col-lg-5 {
width: 100%
}
.additional.col-md-3 .col-xs-4, .additional.col-md-3 .col-sm-4, .additional.col-md-3 .col-md-4, .additional.col-md-3 .col-lg-4 {
width: 100%
}
.additional.col-md-3 .col-xs-3, .additional.col-md-3 .col-sm-3, .additional.col-md-3 .col-md-3, .additional.col-md-3 .col-lg-3 {
width: 100%
}
.additional.col-md-3 .col-xs-2, .additional.col-md-3 .col-sm-2, .additional.col-md-3 .col-md-2, .additional.col-md-3 .col-lg-2 {
width: 100%
}
.additional.col-md-3 .col-xs-1, .additional.col-md-3 .col-sm-1, .additional.col-md-3 .col-md-1, .additional.col-md-3 .col-lg-1 {
width: 100%
}
.additional.col-md-4 .col-xs-11, .additional.col-md-4 .col-sm-11, .additional.col-md-4 .col-md-11, .additional.col-md-4 .col-lg-11 {
width: 100%
}
.additional.col-md-4 .col-xs-10, .additional.col-md-4 .col-sm-10, .additional.col-md-4 .col-md-10, .additional.col-md-4 .col-lg-10 {
width: 100%
}
.additional.col-md-4 .col-xs-9, .additional.col-md-4 .col-sm-9, .additional.col-md-4 .col-md-9, .additional.col-md-4 .col-lg-9 {
width: 100%
}
.additional.col-md-4 .col-xs-8, .additional.col-md-4 .col-sm-8, .additional.col-md-4 .col-md-8, .additional.col-md-4 .col-lg-8 {
width: 100%
}
.additional.col-md-4 .col-xs-7, .additional.col-md-4 .col-sm-7, .additional.col-md-4 .col-md-7, .additional.col-md-4 .col-lg-7 {
width: 100%
}
.additional.col-md-4 .col-xs-6, .additional.col-md-4 .col-sm-6, .additional.col-md-4 .col-md-6, .additional.col-md-4 .col-lg-6 {
width: 100%
}
.additional.col-md-4 .col-xs-5, .additional.col-md-4 .col-sm-5, .additional.col-md-4 .col-md-5, .additional.col-md-4 .col-lg-5 {
width: 100%
}
.additional.col-md-4 .col-xs-4, .additional.col-md-4 .col-sm-4, .additional.col-md-4 .col-md-4, .additional.col-md-4 .col-lg-4 {
width: 100%
}
.additional.col-md-4 .col-xs-3, .additional.col-md-4 .col-sm-3, .additional.col-md-4 .col-md-3, .additional.col-md-4 .col-lg-3 {
width: 100%
}
.additional.col-md-4 .col-xs-2, .additional.col-md-4 .col-sm-2, .additional.col-md-4 .col-md-2, .additional.col-md-4 .col-lg-2 {
width: 100%
}
.additional.col-md-4 .col-xs-1, .additional.col-md-4 .col-sm-1, .additional.col-md-4 .col-md-1, .additional.col-md-4 .col-lg-1 {
width: 100%
}
.faq-list-n101m-1 {
margin: 0 0 60px 0
}
.faq-list-n101m-1 ul {
list-style: none;
margin: 0;
padding: 0
}
.faq-list-n101m-1 li {
position: relative;
padding: 20px 0 20px 10px;
border-bottom: 1px solid #e5e5e5;
background: #f2f2f2;
margin-bottom: 2px
}
.faq-list-n101m-1 .num {
position: absolute;
display: block;
top: 2px;
left: 10px;
font-weight: bolder;
font-size: 36px;
color: #7eb01a;
z-index: 5;
opacity: .6
}
.faq-list-n101m-1 h3 {
font-size: 1.8rem;
line-height: 1.576;
text-shadow: 0 0 2px #fff;
color: #343434;
margin: 0;
font-weight: bold;
padding-left: 60px
}
.faq-list-n101m-1 p {
font-size: 1.4rem;
color: #6c6c6c;
line-height: 1.576;
word-wrap: break-word;
margin: 0
}
@media(max-width:768px) {
.faq-list-n101m-1 {
margin: 0 0 30px 0
}
.faq-list-n101m-1 li {
padding: 20px
}
.faq-list-n101m-1 .num {
top: 5px;
left: 20px
}
}
.contact-info-n101m-1 {
font-size: 1.4rem;
padding: 40px 25px;
margin-bottom: 30px
}
.contact-info-n101m-1 .pb {
color: #fff;
overflow: hidden;
font-size: 1.6rem;
display: flex;
flex-wrap: wrap;
margin: 0 0 0 -25px
}
.contact-info-n101m-1 .head {
width: 100%
}
.contact-info-n101m-1 .head h2 {
margin: 0;
font-size: 2.6rem;
padding: 0 0 0 25px;
text-align: center;
word-break: break-word;
text-transform: capitalize
}
.contact-info-n101m-1 .box {
width: 25%;
float: left;
text-align: center;
padding: 25px 0 0 25px;
flex: auto
}
.contact-info-n101m-1 .imco {
font-size: 3.2rem;
line-height: 1
}
.contact-info-n101m-1 p {
font-size: 1.6rem;
margin: 8px 0;
line-height: 1.576;
text-transform: uppercase
}
.contact-info-n101m-1 a {
color: #fff;
text-decoration: none;
display: inline-block;
overflow: hidden;
word-break: break-word;
font-size: 1.6rem;
line-height: 1.8rem;
text-indent:.5rem
}
.contact-info-n101m-1 a:hover {
color: #e5e5e5
}
@media(max-width:768px) {
.contact-info-n101m-1 {
padding: 15px;
margin-bottom: 30px
}
.contact-info-n101m-1 .imco {
font-size: 2.6rem
}
.contact-info-n101m-1 .pb {
margin: 0 0 0 -15px
}
.contact-info-n101m-1 .box {
width: 50%;
padding: 16px 0 0 15px
}
.contact-info-n101m-1 .head h2 {
font-size: 1.8rem;
padding: 0 0 0 15px
}
}
.col-md-3 .contact-info-n101m-1 .box, .col-md-4 .contact-info-n101m-1 .box, .col-lg-3 .contact-info-n101m-1 .box, .col-lg-4 .contact-info-n101m-1 .box {
width: 100%
}
.vertical-space-n101m-1 {
display: block;
padding: 0;
margin: 0;
background: transparent
}
.vertical-space-n101m-1 .blk {
display: none;
width: 100%;
padding: 0;
margin: 0
}
.vertical-space-n101m-1 .blk b {
display: none
}
@media(max-width:768px) {
.vertical-space-n101m-1 .xs {
display: block
}
}
@media(min-width:768px) and (max-width:992px) {
.vertical-space-n101m-1 .sm {
display: block
}
}
@media(min-width:992px) and (max-width:1200px) {
.vertical-space-n101m-1 .md {
display: block
}
}
@media(min-width:1200px) {
.vertical-space-n101m-1 .lg {
display: block
}
}
.contact-person-n101m-1 {
margin-bottom: 20px;
overflow: auto;
font-size: 1.6rem;
display: flex;
flex-wrap: wrap;
margin-left: -25px
}
.contact-person-n101m-1 .box {
padding: 0 0 25px 25px
}
.contact-person-n101m-1 .member {
height: 100%;
position: relative;
padding: 25px 25px 15px 25px;
border: 1px solid #f2f2f2;
text-align: left;
background: #fff
}
.contact-person-n101m-1 .member h4 {
color: #002d57;
line-height: 1;
margin: 0 0 10px 0;
font-size: 2rem
}
.contact-person-n101m-1 .member .info {
margin: 0 0 8px 0;
color: #505050;
display: none
}
.contact-person-n101m-1 .member .info .key {
margin-right: .4em;
color: #6c6c6c
}
@media(max-width:768px) {
.contact-person-n101m-1 {
margin-bottom: 25px;
font-size: 1.4rem;
margin-left: -15px;
}
.contact-person-n101m-1 .box {
padding: 0 0 15px 15px
}
.contact-person-n101m-1 .member {
padding: 15px
}
.contact-person-n101m-1 .member h4 {
font-size: 1.8rem
}
.paragraph-n118m-1 .text-content {
white-space: inherit !important
}
}
.paragraph-n118m-1 {
overflow: hidden;
padding: 5px;
margin-bottom: 60px
}
.paragraph-n118m-1 .text-content {
color: #343434;
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: 1px;
text-align: left;
white-space: break-spaces
}
.paragraph-n118m-1 .text-content p {
color: #343434;
font-size: 1.6rem;
line-height: 1.6;
letter-spacing: 1px;
text-align: left;
white-space: break-spaces
}
.paragraph-n118m-1 .text-content table, .paragraph-n118m-1 .text-content td, .paragraph-n118m-1 .text-content p, .paragraph-n118m-1 .text-content img, .paragraph-n118m-1 .text-content video {
max-width: 100%
}
.paragraph-n118m-1 .btn {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
position: relative;
cursor: pointer;
text-align: center;
height: 40px;
line-height: 40px;
max-width: 150px;
padding: 0 25px;
font-size: 1.6rem;
display: block;
text-transform: uppercase;
color: #fff;
background: #002d57;
text-decoration: none
}
.paragraph-n118m-1 .btn span {
margin: 0 6px 0 0
}
.paragraph-n118m-1 .btn i {
display: inline-block;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.paragraph-n118m-1 .btn:before {
background: #002d57;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.paragraph-n118m-1 .btn:hover {
background: #7eb01a
}
.paragraph-n118m-1 .btn:hover:before {
width: 38px;
opacity: 1;
background: #5c8a0e
}
.paragraph-n118m-1 .btn:hover i {
-ms-transform: translate(25px, 0);
-moz-transform: translate(25px, 0);
-webkit-transform: translate(25px, 0);
-o-transform: translate(25px, 0);
transform: translate(25px, 0)
}
@media(max-width:768px) {
.paragraph-n118m-1 {
margin-bottom: 40px
}
.paragraph-n118m-1 .text-content p {
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
display: -webkit-box
}
.paragraph-n118m-1 .btn {
margin: 0 auto
}
}
.news-list-n118m-1 {
margin: 5px 0 25px 0
}
.news-list-n118m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.news-list-n118m-1 ul li {
padding: 16px 16px;
margin: 0 0 16px 0;
border-radius: 5px;
box-shadow: 0 0 8px #e5e5e5;
position: relative
}
.news-list-n118m-1 ul li:last-child {
margin-bottom: 0
}
.news-list-n118m-1 ul li:before {
background: #7eb01a;
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 0;
height: 100%;
z-index: -1;
webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.news-list-n118m-1 ul li a {
text-decoration: none;
color: #343434;
display: flex;
flex-direction: row
}
.news-list-n118m-1 ul li a .time {
width: 90px;
margin: 0 25px 0 0;
text-align: center;
line-height: 1.1;
flex: none
}
.news-list-n118m-1 ul li a .time span {
display: block;
color: #505050;
line-height: 1.4;
font-size: 1.6rem
}
.news-list-n118m-1 ul li a .time .day {
color: #002d57;
font-size: 3.2rem
}
.news-list-n118m-1 ul li a .content {
flex: auto;
overflow: hidden;
font-size: 1.4rem;
color: #505050;
line-height: 1.8
}
.news-list-n118m-1 ul li a .content h2 {
font-size: 1.8rem;
font-weight: normal;
line-height: 1.3;
margin:0 0 .5rem 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #343434
}
.news-list-n118m-1 ul li a .content .text {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
line-height: 1.6;
font-size: 1.6rem
}
.news-list-n118m-1 ul li a:hover .time span, .news-list-n118m-1 ul li a:hover h2, .news-list-n118m-1 ul li a:hover .text {
color: #fff
}
.news-list-n118m-1 ul li:hover:before {
background: #7eb01a;
opacity: 1;
width: 100%
}
@media(max-width:1680px) {
.news-list-n118m-1 ul li {
padding: 10px 16px
}
}
@media(max-width:1440px) {
.news-list-n118m-1 ul li {
padding: 8px
}
.news-list-n118m-1 ul li a .time {
width: auto;
height: auto;
margin: 0 15px 0 0
}
.news-list-n118m-1 ul li a .time .day {
font-size: 2rem
}
.news-list-n118m-1 ul li:last-child {
display: none
}
}
@media(max-width:768px) {
.news-list-n118m-1 ul li:last-child {
display: block
}
.news-list-n118m-1 ul li:last-child a .content h2 {
color: #002d57;
font-size: 1.6rem
}
}
.case-list-n118m-1 {
position: relative;
overflow: hidden;
padding: 30px 0 40px 0
}
.case-list-n118m-1 .back-pob {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
transform: skew(230deg);
z-index: -2;
opacity: .1;
position: absolute;
background: #7eb01a
}
.case-list-n118m-1 .lbp {
width: 320px;
height: 150px;
top: -105px;
left: -130px
}
.case-list-n118m-1 .mbp {
width: 300px;
height: 120px;
top: -30px;
right: 150px;
opacity: .6
}
.case-list-n118m-1 .rbp {
width: 320px;
height: 120px;
bottom: 10px;
right: -100px
}
.case-list-n118m-1:hover .lbp {
left: 0
}
.case-list-n118m-1:hover .mbp {
left: -50px;
top: 100px
}
.case-list-n118m-1:hover .rbp {
right: 250px
}
.case-list-n118m-1 .container .item {
width: 100%;
float: left
}
.case-list-n118m-1 .container .item .blk {
border: 1px solid #cbcbcb;
-webkit-transition: border .5s;
-moz-transition: border .5s;
-o-transition: border .5s;
transition: border .5s;
overflow: hidden;
position: relative;
width: 100%;
}
.case-list-n118m-1 .container .item .blk .square-cont {
}
.case-list-n118m-1 .container .item .blk .cover-image>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.case-list-n118m-1 .container .item .blk .cover-image>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
margin: auto
}
.case-list-n118m-1 .container .item .blk .cover-image img {
transition: all .5s;
width: 100%;
height: 100%
}
.case-list-n118m-1 .container .item .title {
display: block;
font-size: 1.6rem;
line-height: 1.576;
text-align: center;
-webkit-transition: color .5s;
-moz-transition: color .5s;
-o-transition: color .5s;
transition: color .5s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #343434;
margin: 0;
padding: 10px 10px 0 10px;
text-decoration: none
}
.case-list-n118m-1 .container .item:hover .blk {
border: 1px solid #002d57
}
.case-list-n118m-1 .container .item:hover .title {
color: #7eb01a
}
.case-list-n118m-1 .container .item:hover img {
transform: scale(1.1, 1.1)
}
.case-list-n118m-1 .container .owl-buttons {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -15px
}
.case-list-n118m-1 .container .owl-buttons .owl-prev {
position: absolute;
left: 16px
}
.case-list-n118m-1 .container .owl-buttons .owl-next {
position: absolute;
right: 16px
}
.case-list-n118m-1 .container .owl-buttons .imco {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 1.6rem;
border: 0;
color: #fff;
background: #002d57;
opacity: .8;
display: inline-block;
text-align: center;
border-radius: 10px;
font-weight: bold
}
.case-list-n118m-1 .container .owl-buttons .imco:hover {
opacity: 1;
background: #7eb01a
}
.case-list-n118m-1 .container .owl-pagination {
display: none
}
@media(min-width:768px) {
.case-list-n118m-1 {
padding: 40px 0 60px 0
}
.case-list-n118m-1 .container .item .title {
font-size: 1.8rem
}
.case-list-n118m-1 .container .owl-carousel {
margin: 0 -15px
}
.case-list-n118m-1 .container .owl-item {
padding: 0 15px
}
.case-list-n118m-1 .container .owl-buttons {
margin-left: 30px
}
}
.about-us-list-n107m-4 {
margin-bottom: 40px
}
.about-us-list-n107m-4 ul {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0
}
.about-us-list-n107m-4 ul li {
display: flex;
padding: 0 10px 30px 10px;
align-items: center;
justify-content: center
}
.about-us-list-n107m-4 ul li .cover {
flex: none;
margin-right: 32px;
width: 96px
}
.about-us-list-n107m-4 ul li .cover>img {
display: flex;
height: 0;
width: 100%;
padding-bottom: 100%
}
.about-us-list-n107m-4 ul li .cover>img.loaded {
width: 100%;
height: auto;
padding-right: 0;
padding-bottom: 0
}
.about-us-list-n107m-4 ul li .intro {
flex: auto;
width: 100%
}
.about-us-list-n107m-4 ul li .intro>h4 {
font-size: 1.8rem;
line-height: 1.576;
font-weight: normal;
color: #343434
}
.about-us-list-n107m-4 ul li .intro>p {
font-size: 1.6rem;
line-height: 1.576;
color: #888;
text-align: justify;
width: 100%;
margin: 0 0 10px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
display: -webkit-box
}
@media(max-width:1200px) {
.about-us-list-n107m-4 ul li {
padding: 20px;
flex-direction: column
}
.about-us-list-n107m-4 ul li .cover {
margin-right: 0;
margin-bottom: 0;
width: 72px
}
.about-us-list-n107m-4 ul li .intro>h4 {
text-align: center;
margin: 5px 0
}
.about-us-list-n107m-4 ul li .intro>p {
text-align: center
}
}
@media(max-width:768px) {
.about-us-list-n107m-4 {
margin-bottom: 30px
}
.about-us-list-n107m-4 ul li {
padding: 10px
}
.about-us-list-n107m-4 ul li .cover {
margin-bottom: 0;
width: 56px
}
.about-us-list-n107m-4 ul li .intro>h4 {
font-size: 1.6rem
}
.about-us-list-n107m-4 ul li .intro>p {
font-size: 1.4rem
}
}
.carousel-n114m-1 {
overflow: hidden;
position: relative;
margin-bottom: 60px
}
.carousel-n114m-1 .nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden
}
.carousel-n114m-1 .nivoSlider img {
position: absolute;
top: 0;
left: 0;
max-width: none
}
.carousel-n114m-1 .nivoSlider .nivo-main-image {
display: block;
position: relative;
width: 100%
}
.carousel-n114m-1 .nivoSlider a.nivo-imageLink {
z-index: 6;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
display: none;
background: #fff;
filter: alpha(opacity=0);
opacity: 0
}
.carousel-n114m-1 .nivoSlider .nivo-slice {
display: block;
z-index: 5;
position: absolute;
height: 100%;
top: 0
}
.carousel-n114m-1 .nivoSlider .nivo-box {
display: block;
z-index: 5;
position: absolute;
overflow: hidden
}
.carousel-n114m-1 .nivoSlider .nivo-box img {
display: block
}
.carousel-n114m-1 .nivoSlider .nivo-caption {
display: none!important
}
.carousel-n114m-1 .nivoSlider .nivo-directionNav a {
font-size: 1.8rem;
position: absolute;
z-index: 9;
top: 55%;
cursor: pointer;
display: block;
text-decoration: none;
text-align: center;
width: 45px;
height: 45px;
line-height: 45px;
background: rgba(0,0,0,0.3);
color: #fff;
font-weight: bold
}
.carousel-n114m-1 .nivoSlider .nivo-directionNav a:hover {
text-decoration: none;
background: rgba(0,0,0,0.6)
}
.carousel-n114m-1 .nivoSlider .nivo-directionNav .nivo-prevNav {
left: 6rem
}
.carousel-n114m-1 .nivoSlider .nivo-directionNav .nivo-nextNav {
right: 6rem
}
.carousel-n114m-1 .nivo-controlNav {
text-align: center;
height: 40px;
position: absolute;
z-index: 9;
bottom: 10px;
width: 100%
}
.carousel-n114m-1 .nivo-controlNav a {
cursor: pointer;
display: inline-block;
width: 12px;
height: 12px;
text-indent: -99999px;
border-radius: 50px;
margin: 0 7px;
background: #fff
}
.carousel-n114m-1 .nivo-controlNav a.active {
background: #002d57
}
@media(max-width:768px) {
.carousel-n114m-1 {
margin-bottom: 40px
}
.carousel-n114m-1 .nivo-directionNav {
display: none
}
.carousel-n114m-1 .nivo-controlNav {
bottom: 10px;
height: auto
}
}
.friendly-link-n122m-2 {
padding: 40px 0 15px 0
}
.friendly-link-n122m-2 footer {
display: flex
}
.friendly-link-n122m-2 .cinfos {
width: 30%;
display: flex;
flex-direction: column;
padding: 0 0 0 15px;
flex-shrink: 0;
min-width: 310px
}
.friendly-link-n122m-2 .cinfos .fllogo {
text-align: center;
max-height: 45px;
max-width: 100%;
margin: 0 0 20px 0
}
.friendly-link-n122m-2 .cinfos .fllogo img {
max-width: 100%;
max-height: 100%
}
.friendly-link-n122m-2 .cinfos .cus {
display: flex;
align-items: flex-start;
margin-bottom: 15px
}
.friendly-link-n122m-2 .cinfos .cus i {
font-size: 26px;
line-height: 1;
margin: 0 12px 0 0;
color: #fff
}
.friendly-link-n122m-2 .cinfos .cus .info {
display: flex
}
.friendly-link-n122m-2 .cinfos .cus .info .title {
color: #fff;
font-size: 1.6rem;
margin: 0 1rem 0 0;
font-weight: bold
}
.friendly-link-n122m-2 .cinfos .cus .info .value {
color: #f2f2f2;
font-size: 1.6rem;
word-break: break-word
}
.friendly-link-n122m-2 .cinfos .cus .info .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .sns {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0
}
.friendly-link-n122m-2 .sns a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 24px;
border-radius: 40px;
text-align: center;
color: #002d57;
margin: 8px 16px 12px 0;
display: inline-block;
text-decoration: none
}
.friendly-link-n122m-2 .sns a .f-skype {
color: #00aff0
}
.friendly-link-n122m-2 .sns a .f-twitter {
color: #010101
}
.friendly-link-n122m-2 .sns a .f-google-plus {
color: #cc3b1e
}
.friendly-link-n122m-2 .sns a .f-linkedin {
color: #006a9a
}
.friendly-link-n122m-2 .sns a .f-facebook {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-instagram {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-youtube {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-comment {
color: #4267b2
}
.friendly-link-n122m-2 .sns a .f-pinterest {
color: #e10600
}
.friendly-link-n122m-2 .sns a .f-tiktok {
color: #740dbc
}
.friendly-link-n122m-2 .links {
width: 70%;
display: flex;
flex-wrap: nowrap;
justify-content: space-evenly
}
.friendly-link-n122m-2 .links .blk {
display: flex;
flex: 1 1;
flex-direction: column;
padding: 0 5px
}
.friendly-link-n122m-2 .links .blk .title {
color: #fff;
font-size: 1.8rem;
margin: 0;
font-weight: bold;
margin-bottom: 20px
}
.friendly-link-n122m-2 .links .blk .value {
color: #f2f2f2;
font-size: 1.6rem;
margin-bottom: 12px
}
.friendly-link-n122m-2 .links .blk .value:hover {
color: #002d57
}
.friendly-link-n122m-2 .links .blk:nth-child(n+4) {
display: none
}
@media(max-width:768px) {
.friendly-link-n122m-2 .cinfos {
padding: 0;
width: 100%
}
.friendly-link-n122m-2 .sns a {
margin: 4px 8px 6px 0
}
.friendly-link-n122m-2 .links {
display: none
}
}
.copyright-n101m-1 {
text-align: center;
font-size: 1.6rem;
height: 50px;
line-height: 50px;
color: #fff;
opacity: .8
}
@media(max-width:768px) {
.copyright-n101m-1 {
height: 42px;
line-height: 42px
}
}
.contact-box-n101m-1 {
position: fixed;
bottom: 38%;
right: 0;
z-index: 1041
}
.contact-box-n101m-1 ul {
list-style: none;
padding: 0;
margin: 0
}
.contact-box-n101m-1 a {
text-decoration: none;
cursor: pointer
}
.contact-box-n101m-1 .item {
position: relative
}
.contact-box-n101m-1 .item.hide {
display: none
}
.contact-box-n101m-1 .item .qrcode {
padding: 15px;
max-width: 150px;
max-height: 150px;
background: #fff
}
.contact-box-n101m-1 .item i {
display: block;
color: #fff;
background: #002d57;
padding: 9px 13px;
font-size: 24px;
width: 50px;
height: 50px
}
.contact-box-n101m-1 .item i:hover {
background: #00050a
}
.contact-box-n101m-1 .item .tools {
display: none;
min-width: 80px;
min-height: 40px;
position: absolute;
top: 4px;
right: 100%;
padding-right: 8px
}
.contact-box-n101m-1 .item .tools:before, .contact-box-n101m-1 .item .tools:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border-style: solid
}
.contact-box-n101m-1 .item .tools:before {
z-index: 2;
right: -5px;
top: 14px;
border-width: 7px;
border-color: transparent transparent transparent #fff
}
.contact-box-n101m-1 .item .tools:after {
z-index: 1;
right: -8px;
top: 13px;
border-width: 8px;
border-color: transparent transparent transparent #e5e5e5
}
.contact-box-n101m-1 .item .tools .imco:before {
margin-right: 6px
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: transparent transparent transparent #58788a
}
.contact-box-n101m-1 .item .tools a {
display: block;
padding: 10px 16px;
color: #505050;
background: #fff;
border: 1px solid #e5e5e5;
font-size: 1.6rem;
line-height: 20px;
white-space: nowrap;
cursor: pointer
}
.contact-box-n101m-1 .item .tools a:nth-child(n+2) {
border-top: 0
}
.contact-box-n101m-1 .item .tools a:hover {
color: #001730;
background: #58788a
}
.contact-box-n101m-1 .item:hover .tools {
display: block
}
.contact-box-n101m-1 .modal {
padding-right: 0!important
}
.contact-box-n101m-1 .pnl {
height: 100%;
color: #fff;
position: relative
}
.contact-box-n101m-1 .pnl .close {
position: absolute;
width: 32px;
height: 32px;
line-height: 29px;
font-size: 26px;
background: transparent;
right: 5px;
top: 5px;
text-align: center;
border: 0;
color: #e5e5e5
}
.contact-box-n101m-1 .pnl .close:hover {
color: #002d57
}
.contact-box-n101m-1 .pnl .search-box {
position: absolute;
top: 35%;
width: 100%
}
.contact-box-n101m-1 .pnl .search-box .input-text {
outline: 0;
height: 40px;
width: 80%;
margin: 0 0 0 5%;
background: #fff;
color: #505050;
border: 0;
float: left;
padding-left: 1rem;
font-size: 1.6rem
}
.contact-box-n101m-1 .pnl .search-box .search-btn {
position: absolute;
left: 85%;
width: 50px;
height: 40px;
border: 0;
background: #002d57;
cursor: pointer;
color: #fff;
font-size: 20px
}
.contact-box-n101m-1 .mid-pnl {
width: 100%;
background: rgba(0,0,0,0.8)
}
.contact-box-n101m-1 .home, .contact-box-n101m-1 .b2t {
display: none
}
.contact-box-n101m-1-blk {
display: none
}
@media(max-width:768px) {
.contact-box-n101m-1 {
left: 0;
bottom: 0;
width: 100%;
height: 50px
}
.contact-box-n101m-1 ul {
display: flex;
justify-content: space-around;
background: #fff
}
.contact-box-n101m-1 .item {
float: left
}
.contact-box-n101m-1 .item .tools {
top: auto;
bottom: 100%;
right: 50%;
transform: translateX(50%);
padding-right: 0;
padding-bottom: 8px
}
.contact-box-n101m-1 .item .tools:before {
top: auto;
bottom: -5px;
right: 50%;
transform: translateX(50%) translateY(0);
border-color: #fff transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:after {
top: auto;
right: 50%;
bottom: -8px;
transform: translateX(50%) translateY(0);
border-color: #e5e5e5 transparent transparent transparent
}
.contact-box-n101m-1 .item .tools:hover:before {
border-color: #58788a transparent transparent transparent
}
.contact-box-n101m-1 .item i {
color: #002d57;
background: #fff
}
.contact-box-n101m-1 .home {
display: block
}
.contact-box-n101m-1 .b2t {
display: none!important
}
.contact-box-n101m-1-blk {
height: 50px;
display: block
}
}
.about-us-list-n118m-1 {
background: #7eb01a;
color: #fff;
transform: skew(-10deg);
margin: 0 10px
}
.about-us-list-n118m-1 .about-bg {
border-radius: 20px;
padding: 10px
}
.about-us-list-n118m-1 .about-bg ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
list-style: none;
padding: 0;
margin: 0
}
.about-us-list-n118m-1 .about-bg ul li {
flex: auto;
align-items: center;
display: flex;
text-align: center;
webkit-justify-content: center;
justify-content: center;
margin: 10px 0;
border-right: 1px solid #adc95f;
transform: skew(10deg)
}
.about-us-list-n118m-1 .about-bg ul li:nth-child(2) {
border-right: 0
}
.about-us-list-n118m-1 .about-bg ul li:last-child {
border-right: 0
}
.about-us-list-n118m-1 .about-bg ul li .data-con {
text-align: left
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-weight: normal;
font-size: 2rem;
margin: 0;
line-height: 1.2
}
.about-us-list-n118m-1 .about-bg ul li .data-con span {
display: block;
font-size: 1.4rem
}
@media(min-width:768px) {
.about-us-list-n118m-1 {
margin: 0 30px;
transform: skew(-20deg)
}
.about-us-list-n118m-1 .about-bg ul {
top: 0;
padding: 0;
flex-wrap: nowrap
}
.about-us-list-n118m-1 .about-bg ul li {
transform: skew(20deg)
}
.about-us-list-n118m-1 .about-bg ul li:nth-child(2) {
border-right: 1px solid #adc95f
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 1.6rem
}
}
@media(min-width:1280px) {
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 2rem
}
}
@media(min-width:1440px) {
.about-us-list-n118m-1 .about-bg {
padding: 20px
}
.about-us-list-n118m-1 .about-bg ul li .data-con label {
font-size: 3.2rem
}
}
.product-list-n4m-1 {
font-size: 1.4rem
}
.product-list-n4m-1 ul {
list-style: none;
overflow: auto;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap
}
.product-list-n4m-1 ul li {
margin:.5rem 0 3rem 0;
display: block;
vertical-align: top
}
.product-list-n4m-1 ul li p {
color: #6c6c6c
}
.product-list-n4m-1 ul li:hover .item {
border: 1px solid #002d57
}
.product-list-n4m-1 ul li:hover .more {
border-bottom: 1px solid #002d57;
color: #002d57
}
.product-list-n4m-1 .item {
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
background-color: #fff;
margin:.8rem 0;
overflow: hidden;
border: 1px solid #f2f2f2;
border-radius: 5px;
position: relative;
width: 100%;
}
.product-list-n4m-1 .item .square-cont {
}
.product-list-n4m-1 .item .cover-image {
overflow: hidden;
border-radius: 5px;
display: block
}
.product-list-n4m-1 .item .cover-image>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.product-list-n4m-1 .item .cover-image>span>img {
display: inline-block;
width: 100%;
height: auto;
overflow: hidden;
margin: auto
}
.product-list-n4m-1 .text .th {
color: #343434;
margin:.8rem 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.product-list-n4m-1 .text .th a {
font-size: 1.6rem;
text-decoration: none;
color: #343434
}
.product-list-n4m-1 .text .th a:hover {
color: #002d57
}
.product-list-n4m-1 .desc {
font-size: 1.4rem;
line-height: 1.8rem;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.product-list-n4m-1 .more {
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
color: #505050;
border-bottom: 1px solid #f2f2f2;
text-align: right;
line-height: 3rem;
text-transform: capitalize;
text-decoration: none;
cursor: pointer;
display: block
}
@media(max-width:768px) {
.product-list-n4m-1 ul li {
margin: 0
}
.product-list-n4m-1 ul li p {
display: none
}
.product-list-n4m-1 ul li .more {
display: none
}
}
.video-n118m-1 {
margin-bottom: 60px
}
.video-n118m-1 .item {
position: relative;
height: 0;
width: 100%;
padding-bottom: 50%;
height: initial;
padding-bottom: 0;
text-align: center;
overflow: hidden
}
.video-n118m-1 .item .square-cont {
position: absolute;
width: 100%;
height: 100%
}
.video-n118m-1 .item .co>span {
position: relative;
width: 100%;
height: 100%;
display: block;
text-align: center
}
.video-n118m-1 .item .co>span>img {
display: inline-block;
max-width: 100%;
max-height: 100%;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.video-n118m-1 .item .co>span>img {
width: 100%
}
.video-n118m-1 .item .co>span .vw-video {
width: 100%;
outline: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.video-n118m-1 .item .covpic {
max-width: 100%
}
.video-n118m-1 .item .mask {
z-index: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background: #000;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.video-n118m-1 .item .controls {
z-index: 2;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #fff;
min-width: 30%
}
.video-n118m-1 .item .controls .ltc {
position: absolute;
border-left: 5px solid #fff;
border-top: 5px solid #fff;
top: 0;
left: 0;
width: 32px;
height: 32px
}
.video-n118m-1 .item .controls .rbc {
position: absolute;
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
right: 0;
bottom: 0;
width: 32px;
height: 32px
}
.video-n118m-1 .item .controls .title {
font-size: 1.8rem;
margin: 10px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box
}
.video-n118m-1 .item .controls .play {
font-size: 30px;
border: 4px solid;
border-radius: 50%;
width: 60px;
height: 60px;
line-height: 55px;
display: inline-block;
padding-left: 4px;
cursor: pointer;
font-weight: bold;
margin: 10px;
}
.video-n118m-1 .item .controls .play:hover {
color: #002d57
}
.video-n118m-1 .item .covpic{ transition:all 0.5s}
.video-n118m-1 .item:hover img {
filter: blur(20px);
transform: scale(1.1);
}
.video-n118m-1 .item:hover .controls .ltc {
border-left: #7eb01a;
border-top: #7eb01a
}
.video-n118m-1 .item:hover .controls .rbc {
border-right: #7eb01a;
border-bottom: #7eb01a
}
.video-n118m-1.fcb {
background: transparent;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.video-n118m-1.fcb .item {
background: transparent;
height: 100%
}
.video-n118m-1.fcb .item .vw-video {
background: #181818;
max-height: 100%;
min-height: 80%;
filter: none!important
}
.video-n118m-1.fcb .item video {
background: transparent!important
}
@media(max-width:768px) {
.video-n118m-1 {
margin-bottom: 40px
}
.video-n118m-1 .item .controls {
width: 50%
}
.video-n118m-1 .item img {
width: 100%
}
}