.a { text-decoration: none; } .i-block { display: inline-block !important; } .mt2 { margin-top: 2px; } .mt4 { margin-top: 4px; } .mt6 { margin-top: 6px; } .mt8 { margin-top: 8px; } .mt10 { margin-top: 10px; } .mt12 { margin-top: 12px; } .mt14 { margin-top: 14px; } .mt16 { margin-top: 16px; } .mt18 { margin-top: 18px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .ml2 { margin-left: 2px; } .ml4 { margin-left: 4px; } .ml6 { margin-left: 6px; } .ml8 { margin-left: 8px; } .ml10 { margin-left: 10px; } .ml12 { margin-left: 12px; } .ml14 { margin-left: 14px; } .ml16 { margin-left: 16px; } .ml18 { margin-left: 18px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .mr2 { margin-right: 2px; } .mr4 { margin-right: 4px; } .mr6 { margin-right: 6px; } .mr8 { margin-right: 8px; } .mr10 { margin-right: 10px; } .mr12 { margin-right: 12px; } .mr14 { margin-right: 14px; } .mr16 { margin-right: 16px; } .mr18 { margin-right: 18px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .mr70 { margin-right: 70px; } .mr80 { margin-right: 80px; } .mb2 { margin-bottom: 2px; } .mb4 { margin-bottom: 4px; } .mb6 { margin-bottom: 6px; } .mb8 { margin-bottom: 8px; } .mb10 { margin-bottom: 10px; } .mb12 { margin-bottom: 12px; } .mb14 { margin-bottom: 14px; } .mb16 { margin-bottom: 16px; } .mb18 { margin-bottom: 18px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .pull-l { float: left; } .pull-r { float: right; } .f12 { font-size: 12px; } .f14 { font-size: 14px; } .f16 { font-size: 16px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f22 { font-size: 22px; } .f24 { font-size: 24px; } .f26 { font-size: 26px; } .f28 { font-size: 28px; } .clearfix:after { content: "\200B"; display: block; height: 0; clear: both; } .header { width: 100%; min-width: 1200px; position: relative; z-index: 5; border-bottom: 1px solid #D8D8D8; background-color: #fff; } .header-jp .header-cont .navs .nav{ width: 120px!important; } .header-jp .header-cont .navs .nav .nav-cont{ width: auto!important; } .header .header-cont { width: 1200px; margin: 0 auto; } .header .header-cont .logo { height: 88px; width: 144px; display: inline-block; vertical-align: top; } .header .header-cont .logo img { margin-top: 8px; } .header .header-cont .navs { position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; vertical-align: top; margin-left: 20px; font-size: 14px; } .header .header-cont .navs .nav { vertical-align: top; display: inline-block; width: 104px; height: 88px; } .header .header-cont .navs .nav:hover .lists { display: block; } .header .header-cont .navs .nav .lists { position: absolute; top: 88px; margin: 0; left: 0; display: none; background: rgba(240, 240, 240, .95); padding-left: 0; /*width: 111%;*/ list-style: none; } .header .header-cont .navs .nav .lists .list { box-sizing: border-box; width: 208px; float: left; padding-right: 5px; padding-left: 25px; } .header .header-cont .navs .nav:nth-child(6) .lists { width: 113%; } .header .header-cont .navs .nav .lists .list a:first-child { border-bottom: 1px solid #c3c3c3; margin: 7px 0; } .header .header-cont .navs .nav .lists .list a { display: inline-block; height: 40px; line-height: 40px; cursor: pointer; font-size: 14px; box-sizing: border-box; width: 100%; } .header .header-cont .navs .nav .lists .list .third { margin-bottom: 20px; } .header .header-cont .navs .nav .lists .list .third a { border: 0; } .header .header-cont .navs .nav .lists a:hover { color: #E01C04; } .header .header-cont .navs .nav1 { position: relative; } .header .header-cont .navs .nav1 .lists { width: 200%; } .header .header-cont .navs .nav1 .lists a { border: 0 !important; } .header .header-cont .navs .nav .nav-cont { position: relative; margin: 0 auto; margin-top: 24px; height: 40px; width: 72px; line-height: 40px; text-align: center; border-radius: 4px; } .header .header-cont .navs .nav a { color: #4A4A4A; text-decoration: none; display: block; } .header .header-cont .navs .nav:hover { background: rgba(240, 240, 240, .95); } .header .header-cont .navs .active .nav-cont { /*background-image: url("../images/red_block_max.png");*/ } .header .header-cont .navs .active .nav-cont a { color: #000 !important; font-weight: bold } /*.header .header-cont .navs .active:hover{*/ /*background: #ffffff !important; }*/ .header .header-cont .search { display: inline-block; vertical-align: top; margin-top: 30px; float: right; width: 130px; /*margin-left: 17px;*/ border: 1px solid #979797; border-radius: 100px; height: 26px; cursor: pointer; background-color: #fff; -ms-behavior: url(css/ie-css3.htc); behavior: url(css/ie-css3.htc); } .header .header-cont .search i { float: right; margin-top: 6px; margin-right: 14px; display: block; color: #979797; font-size: 12px; } .header .header-cont .search input { float: left; margin-left: 12px; padding-left: 4px; border: none; outline: none; width: 84px; height: 24px; line-height: 24px; font-size: 12px; } .header .header-cont .search:hover i { color: #E01C04 !important; } .header .header-cont .language { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; float: right; user-select: none; display: inline-block; vertical-align: top; margin-top: 32px; margin-left: 5px; height: 20px; line-height: 20px; color: #686868; } .header .header-cont .language .son { margin-left: 1px; cursor: pointer; font-size: 12px; color: #686868 !important; } .header .header-cont .language .son a { text-decoration: none; color: #686868; } .header .header-cont .language .son:hover { color: #E01C04 !important; } .header .header-cont .language span { color: #B6B6B6; } #updown { z-index: 999; right: 20px !important;; } .main-content .left .item a { white-space: nowrap; overflow: hidden; position: relative; padding: 0 5px; text-overflow: ellipsis; } .footer { position: absolute; bottom: 0; width: 100%; min-width: 1200px; } .footer .footer-cont .btns { background-color: #424242; } .footer .footer-cont-en .map-block{ width: 85px!important; } .footer .footer-cont-en .phone{ width: 230px!important; } .footer .footer-cont .btns .btns-cont { width: 1200px; margin: 0 auto; background: url("../images/footer-bg.jpg") no-repeat; height: 53px; line-height: 53px; } .footer .footer-cont .btns .btns-cont .btn { display: inline-block; vertical-align: top; font-size: 14px; color: #F6F6F6; } .footer .footer-cont .btns .btns-cont .map-block { width: 200px; } .footer .footer-cont .btns .btns-cont .phone { width: 300px; } .footer .footer-cont .btns .btns-cont .email { width: 244px; } .footer .footer-cont .btns .btns-cont .address { width: 375px; white-space: nowrap; } .footer .footer-cont .btns .btns-cont a { color: #F6F6F6; text-decoration: none; } .footer .footer-cont .details { width: 100%; background-color: #000; } .footer .footer-cont .details .details-cont { width: 1200px; margin: 0 auto; text-align: center; height: 32px; line-height: 31px; } .footer .footer-cont .details .details-cont .ICP { font-size: 12px; color: #9B9B9B; line-height: 16px; } .footer .footer-cont .details .details-cont .phone, .footer .footer-cont .details .details-cont .email, .footer .footer-cont .details .details-cont .address { float: right; margin-left: 40px; } .footer .footer-cont .details .details-cont .phone i, .footer .footer-cont .details .details-cont .email i, .footer .footer-cont .details .details-cont .address i { color: #fff; } .footer .footer-cont .details .details-cont .phone span, .footer .footer-cont .details .details-cont .email span, .footer .footer-cont .details .details-cont .address span { font-size: 12px; color: #F6F6F6; line-height: 24px; margin-left: 2px; }