@charset "utf-8"; /*--公共部分--*/ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; } .pages ul li.thisclass { display: inline-block; border: 1px solid #d82019; padding: 6px 15px; margin: 0 1px; background: #d82019; color: #fff; } .pages ul li.thisclass a { color: #fff; } .pages ul li a { display: block; color: #999 } .pages ul li a:hover { color: #fff; } body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; } ul, li { list-style: none; } em, i, b { font-style: normal; } img { border: 0px; max-width: 100%; } table { border-collapse: collapse; border-spacing: 0; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; } article, aside, footer, header, nav, section { display: block; } a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; } body, button, input, select, textarea { font-size: 14px; line-height: 24px; color: #333; font-family: 'Microsoft YaHei'; } a:hover { background-repeat: no-repeat; text-decoration: none; } a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input, textarea, select { outline: none; } input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom: 1; } .clear { clear: both; line-height: 0; height: 0; font-size: 0; } .hide { display: none !important; } .commonweb { padding: 0px 15px; } .commonwebbox { margin-left: 0px; margin-right: 0px; } .commonleft { float: none; } .commonright { float: none; } .visible-sm, .visible-md, .visible-lg .visible-lg2 { display: none; } .hidden-sm, .hidden-md, .hidden-lg { display: block; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .fl { float: left; } .fr { float: right; } .show { display: block !important; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } @media (max-width: 320px) { body { min-width: 320px; } } @media (min-width: 768px) { .commonweb { padding: 0px 20px; } .commonwebbox { margin-left: -10px; margin-right: -10px; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .visible-sm { display: block; } .hidden-sm { display: none; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } } @media (min-width: 992px) { .commonweb { padding: 0px 40px; } .commonwebbox { margin-left: -10px; margin-right: -10px; } .visible-md { display: block; } .hidden-md { display: none; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .commonleft { float: left; } .commonright { float: right; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } } @media (min-width: 1200px) { html { cursor: default; } .commonleft { float: left; } .visible-lg2 { display: inline-block; } .hidden-lg { display: none; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; } .col-lg-12 { width: 100%; } .commonright { float: right; } .visible-lg { display: block; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } @media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } } /* layout start*/ #foot-share { font-size: 0; text-align: center; padding: 10px 0 0; } #foot-share a { float: none; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; background-repeat: no-repeat; background-position: center center; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; width: 30px; height: 30px; margin: 0 4px; padding: 0; } /*footer*/ .footer { background-color: #ffffff; width: 100%; border-top: 1px solid #d82019; font-size: 13px; line-height: 20px; } .friendlink a, .friendlink span { color: #34364b; opacity: .7; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .footer a:hover { color: #d82019; } .bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .foot-Copyright { padding: 10px 0; text-align: center; font-size: 13px; color: #a8a8a8; } .foot-Copyright a { color: #a8a8a8; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .footer-top { padding-top: 20px; } .footer-top .tel { display: block; font-family: 'Montserrat'; color: #34364b; font-size: 20px; } #foot-share .tweixin { background-image: url(../images/weixin.png); } #foot-share .txinlang { background-image: url(../images/weibo.png); } .footer-top .tel img { vertical-align: middle; display: inline-block; } .footer-top .add { color: #34364b; opacity: .7; padding: 0 0 0 45px; } .friendlink { background-color: #f1f4f9; padding: 10px 0; } @media (min-width: 1024px) { .friendlink { padding: 17px 0; } .friendlink a { padding-right: 10px; } .foot-Copyright { padding: 0 0 8px 0; text-align: right; } .footer-top .tel { font-size: 30px; } .footer-top .tel img { margin-right: 3px; } .footer-top .add { padding: 4px 0 0 53px; } #foot-share { text-align: right; } #foot-share a { width: 32px; height: 32px; margin: 0 5px; } .foot-Copyright a { padding-left: 12px; } .footer-top { padding-top: 38px; padding-bottom: 36px; line-height: 24px; } .footer-top .left-cont { float: left; width: 50%; max-width: 280px; } .footer-top .right-cont { float: right; max-width: 530px; position: relative; padding: 0 95px 0 0; } #foot-share { position: absolute; right: 0; top: 0; padding: 0; } } .zdsbacktop { z-index: 100; position: fixed; right: 20px; bottom: 10%; width: 40px; height: 40px; border: 1px solid #ccc; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: none; background: #333333 url(../images/wicon89.png) no-repeat center center; } @media (min-width: 1180px) { .zdsbacktop { width: 50px; height: 50px; } } .visible-md { display: block; } body { padding-top: 59px; } @media (min-width: 1024px) { body { padding-top: 100px; } } header { background: #ffffff; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); position: fixed; width: 100%; z-index: 39; top: 0; left: 0; right: 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .6s; -moz-animation-duration: .6s; -o-animation-duration: .6s; animation-duration: .6s; } header.shadow { -webkit-animation-name: fadeHeaderInDown; -moz-animation-name: fadeHeaderInDown; -o-animation-name: fadeHeaderInDown; animation-name: fadeHeaderInDown; } @-webkit-keyframes fadeHeaderInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes fadeHeaderInDown { 0% { opacity: 0; -moz-transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -moz-transform: translate3d(0, 0, 0); } } @-o-keyframes fadeHeaderInDown { 0% { opacity: 0; -o-transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -o-transform: translate3d(0, 0, 0); } } @keyframes fadeHeaderInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .headerweb { max-width: 1400px; margin: 0 auto; position: relative; padding: 0 15px; } .header-nav li { position: relative; border-bottom: 1px solid #898989; /*padding: 0 10px;*/ } .header-nav li h3 { font-size: 16px; position: relative; } .header-nav li h3 a { display: block; padding: 10px 0; } .header-nav li.cur .phsearchicon:after { transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 13px; } .phsearchicon { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 45px; width: 80%; } .logo { top: 0; padding: 10px 0; float: left; } .logo img { display: block; height: 38px; } .header-nav { position: fixed; top: 55px; width: 100%; left: 0; height: 100%; background: #ffffff; padding: 0; display: none; overflow-y: scroll; padding-bottom: 190px; } .phsearchicon:after { content: ""; position: absolute; top: 17px; right: 10px; width: 10px; height: 10px; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; border-left: 0; border-bottom: 0; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .header-right { float: right; padding: 16px 0 0 0; font-size: 0; } .header-right .search-con { display: inline-block; } .header-right .search-inco { display: inline-block; width: 30px; height: 30px; background: url(../images/winco01.png) center center no-repeat; z-index: 4; } .header-right .searchbox { position: absolute; right: 0; top: 59px; width: 100%; display: none; } .header-right .searchbox .searchtext { width: 100%; height: 40px; padding: 10px 60px 10px 10px; border: 1px solid #ddd; } .headsearch { display: inline-block; margin-left: 5px; } .sub-nav { display: none; width: 100%; z-index: 3; padding: 10px 0; } .sub-item a { display: block; text-align: left; padding: 6px 0; } .sub-bg { display: none; position: absolute; left: 0; top: 100px; width: 100%; background: rgba(0, 0, 0, 0.4); height: 204px; z-index: 2; } .header-right .searchbox .searchbtn { position: absolute; right: 0; top: 0; background: #d82019; width: 60px; height: 40px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer; } .mobnav-btn { display: inline-block; width: 35px; height: 30px; overflow: hidden; cursor: pointer; position: relative; margin-left: 5px; } .mobnav-btn.g_close span { opacity: 0; } .mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; } .mobnav-btn span:first-child { content: ""; top: 6px; left: 0; } .mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; } .mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child, .mobnav-btn .mobnav-btn { left: 5px; position: absolute; background: #373737; -webkit-transition: all 0.5s ease; width: 27px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; } .mobnav-btn span { top: 50%; margin-top: -2px; } .pcnavmenubtn { display: none; } .headlanguage { font-size: 0; padding: 20px; display: none; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10; text-align: center; background-color: #ffffff; } .headcompany { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 0; position: relative; padding-left: 10px; } .headcompany .Currentlan { display: block; line-height: 30px; background: url(../images/wicon3.png) no-repeat 100% center; padding-right: 10px; color: #34364b; font-size: 12px; } .headcompany .company-choose { font-size: 14px; display: none; position: fixed; left: 0; right: 0; top: 62px; background-color: #ffffff; padding: 0 20px; -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); } .headcompany .company-choose a { display: block; line-height: 30px; } .headcompany .company-choose a:hover { color: #d82019; } .headlanguage .langbtn { background: url(../images/wicon2.png) no-repeat center center; display: block; width: 30px; height: 30px; margin: 0 auto; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } @media (max-width: 375px) { .logo img { height: 38px; } } @media (min-width: 1024px) { header { background: #ffffff; height: 100px; } .headerweb { max-width: 1440px; margin: 0 auto; position: static; height: 100%; } header > .headerweb { max-width: 100%; padding: 0 2%; } .header-nav { position: static; background: none; padding: 0 0 0 220px; overflow-y: visible; } .header-nav a { color: #34364b; } .header-nav li { border-bottom: none; float: left; padding: 0; position: static; } .logo { padding: 22px 0 0 0; } .logo img { display: block; height: 60px; } .header-nav li h3 { font-size: 14px; } .header-nav li h3 a { display: block; padding: 38px 0; } .header-nav li h3 a:after { content: ""; height: 3px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #d82019; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .header-nav li:hover h3 a, .header-nav li.cur h3 a { font-weight: bold; color: #d82019; } .header-nav li:hover h3 a:after, .header-nav li.cur h3 a:after { left: 0; right: 0; z-index: 1; } /*.header-nav li.cur .sub-nav { background: rgba(0, 0, 0, 0.2); }*/ .header-right .search-inco { display: block; width: 35px; height: 100px; z-index: 4; } .header-right .searchbox { position: absolute; right: -30px; top: 100px; width: 260px; display: none; } .header-right .searchbox .searchtext { width: 100%; height: 40px; padding: 10px 60px 10px 10px; border: 1px solid #ddd; } .header-right .searchbox .searchbtn { position: absolute; right: 0; top: 0; width: 60px; height: 40px; color: #fff; font-family: "Microsoft YaHei"; cursor: pointer; } .header-right { float: none; padding: 0; position: absolute; top: 0; right: 75px; padding-right: 71px; height: 100px; } .header-right .search-con { position: relative; } .sub-nav { display: none; } .headsearch { height: 100px; border-left: 1px solid #eaeaea; padding: 0 20px; margin: 0; } .mobnav-btn, .phsearchicon { display: none !important; } .headlanguage { font-size: 16px; height: 100px; top: 0; border-left: 1px solid #eaeaea; position: fixed; right: 75px; padding: 0 20px; text-align: left; display: block; width: auto; background: none; left: auto; } .headcompany .Currentlan { height: 100px; line-height: 100px; font-size: 16px; } .headcompany .company-choose { top: 100px; position: absolute; width: 250px; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .headlanguage .langbtn { height: 100px; } .headcompany { position: relative; height: 100px; top: 0; border-left: 1px solid #eaeaea; padding: 0 27px; } .pcnavmenubtn { border-left: 1px solid #eaeaea; display: block; position: fixed; right: 0; top: 0; width: 75px; height: 100px; cursor: pointer; } .pcnavmenubtn .pcnav-btn { width: 19px; height: 30px; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } .pcnavmenubtn .pcnav-btn span { top: 50%; margin-top: -2px; } .pcnavmenubtn .pcnav-btn span, .pcnavmenubtn .pcnav-btn span:first-child, .pcnavmenubtn .pcnav-btn span:last-child { left: 0; position: absolute; background: #373737; -webkit-transition: all 0.5s ease; width: 19px; height: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pcnavmenubtn .pcnav-btn.g_close span { opacity: 0; } .pcnavmenubtn .pcnav-btn span:first-child { content: ""; top: 8px; left: 0; } .pcnavmenubtn .pcnav-btn span:last-child { content: ""; top: auto; bottom: 7px; left: 0; } .pcnavmenubtn .pcnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 17px; opacity: 1; } .pcnavmenubtn .pcnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 17px; opacity: 1; } } @media (min-width: 1280px) { .header-nav { display: block; } .header-nav li { padding: 0 1.1%;/*padding: 0 1.3%;*/ } .header-right { padding-right: 51px; } .headsearch, .headcompany, .headlanguage { padding: 0 5px; } } @media (min-width: 1366px) { .logo { padding: 20px 0 0 55px; } .header-nav li { padding: 0 1%; } .headsearch, .headcompany, .headlanguage { padding: 0 10px; } } @media (min-width: 1400px) { .headsearch, .headcompany, .headlanguage { padding: 0 15px; } .header-right { padding-right: 61px; } .header-nav { padding-left: 237px; } } @media (min-width: 1680px) { .headsearch { padding: 0 32px; } .header-nav { /*padding-left: 14%; */ padding-left: 4%; } .header-nav li { padding: 0 1.5%; } .header-right { padding-right: 50px; right: 50px; } .headcompany { width: 135px; padding: 0 27px; } .logo img { height: 70px; } .headlanguage { right: 100px; width: 100px; } .pcnavmenubtn { width: 100px; } } @media (min-width: 1800px) { .header-nav li { padding: 0 2%; } } .headsideNav { display: none; } @media (min-width: 1024px) { .headsideNav { position: fixed; top: 0; right: -320px; z-index: 999; background: #f9f9f9; height: 100%; width: 320px; display: block; overflow-y: auto; padding: 50px 30px; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; text-align: center; } .headsideNav .logo { float: none; display: block; -webkit-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -o-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -moz-transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; transition: all 0.5s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.1s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .headsideNav .logo img { height: 34px; } .headsideNav .slide-colse { display: block; width: 30px; height: 30px; background: url(../images/slide-close.png) no-repeat center center; position: absolute; top: 30px; right: 30px; } .headsideNav .slide-nav { padding: 40px 0 0 0; font-size: 18px; -webkit-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; -o-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; -moz-transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; transition: all 0.8s cubic-bezier(0.24, 0.72, 0.35, 1.01) 0.3s; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .headsideNav .slide-nav li { padding-bottom: 25px; } .headsideNav .slide-nav li h3 a { color: #8B8784; } .headsideNav .sub-item { font-size: 16px; } .headsideNav .sub-item a { color: #cac4bd; text-align: center; } .headsideNav li h3 { position: relative; } .headsideNav.cur { right: 0; } .headsideNav.cur .logo, .headsideNav.cur .slide-nav { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .headsideNav .phsearchicon { left: 0; top: 0; right: 0; width: 100%; height: 28px; display: block !important; z-index: 2; } .headsideNav .phsearchicon:after { display: none; } .exit-off-canvas { position: fixed; top: 0; left: 0; width: 0; height: 100%; cursor: pointer; z-index: 999; background: #000; opacity: 0.5; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; } } .childMenu { position: absolute; top: 100px; left: 0; width: 100%; height: 0px; background: #fff; background: rgba(0, 0, 0, 0.31); font-size: 14px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #88868e; overflow: hidden; line-height: 55px; } .childMenu.active { height: 55px; overflow: visible; } .childMenu .sub-item a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; text-align: center; padding: 0 20px 0 0; color: #ffffff; } .childMenu .sub-item a:hover { color: #d82019; } .childMenu .sub-nav { display: block; padding: 0; width: 100%; z-index: 3; } @charset "utf-8"; .full-inside-subnav .channel-title::after { _font-size: 0; _line-height: 0; _overflow: hidden; width: 0; height: 0; } /*common*/ body { overflow-x: hidden; } .padtb { padding-top: 30px; padding-bottom: 30px; } .padtbb { padding-bottom: 30px; } .nopadtb { padding-top: 0; padding-bottom: 0; } .font24 { font-size: 20px; } .font22 { font-size: 19px; } .font20 { font-size: 18px; } .font18 { font-size: 16px; } .font15 { font-size: 15px; } .font16 { font-size: 16px; } .font36 { font-size: 22px; } .font30 { font-size: 20px; } .alcenter { text-align: center; } .c666666 { color: #666666; } .cd82019 { color: #d82019; } .c90c42f { color: #90c42f; } .c4c4c4c { color: #4c4c4c; } .h28 { height: 28px; } .h18 { height: 18px; } .h13 { height: 13px; } .h12 { height: 12px; } .h10 { height: 10px; } .h5 { height: 5px; } @media (min-width: 1024px) { .font36 { font-size: 28px; line-height: 30px; } .font34 { font-size: 28px; line-height: 30px; } .font22 { font-size: 22px; } .font20 { font-size: 20px; } .font18 { font-size: 18px; } .font32 { font-size: 27px; line-height: 30px; } .font30 { font-size: 26px; line-height: 30px; } .font24 { font-size: 24px; } } @media (min-width: 1199px) { .font36 { font-size: 36px; line-height: 38px; } .font34 { font-size: 34px; line-height: 38px; } .font32 { font-size: 32px; line-height: 36px; } .font30 { font-size: 30px; line-height: 32px; } } .cffffff { color: #ffffff; } .c333333 { color: #333333; } .c696161 { color: #696161; } .center { text-align: center; } .fontbold { font-weight: bold; } .inside-banner { position: relative; overflow: hidden; } .inside-banner img { display: block; width: auto; max-width: none; position: relative; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } @media (max-width: 414px) { .inside-banner img { max-height: 120px; } } ::-webkit-scrollbar { width: 5px; height: 8px; background-color: #e0e0e0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } ::-webkit-scrollbar-thumb { background-color: #aeaeae; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .fontfamMontser { font-family: Montserrat; } .full-inside-subnav { background-color: #ffffff; border-bottom: 1px solid #e0e0e0; } .full-inside-subnav .inside-subnav { position: relative; z-index: 25; } .full-inside-subnav .channel-title { font-size: 16px; line-height: 50px; font-weight: bold; text-align: center; } .full-inside-subnav .channel-title::after { content: ''; display: inline-block; vertical-align: middle; margin: 0 0 -3px 10px; border-width: 7px; border-style: solid dashed dashed dashed; border-color: #333 transparent transparent transparent; } .full-inside-subnav .subnav { display: none; position: absolute; left: 0; top: 50px; z-index: 10; width: 100%; background-color: #fff; padding-bottom: 20px; border-top: 1px solid #ccc; -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2); font-size: 0; overflow: hidden; } .full-inside-subnav .subnav.padding { padding: 0 44px; } .full-inside-subnav .subnav .sub-btn { display: none; } .full-inside-subnav .crumb { display: none; } .common-clumb-box { position: relative; } .full-inside-subnav .subnav a { display: block; padding-left: 20px; font-size: 14px; line-height: 45px; border-bottom: 1px solid #ccc; } .full-inside-subnav .subnav a.cur { color: #d82019; } .common-clumb { font-size: 0; padding-top: 20px; overflow: hidden; } .common-clumb .clumb-box { width: auto; } .common-clumb a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #999999; font-size: 14px; text-align: center; padding: 5px 10px; width: auto; position: relative; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .common-clumb a:hover, .common-clumb a.cur { color: #ffffff; } .common-clumb a:hover:before, .common-clumb a.cur:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .common-clumb a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #ea3800; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .clumb-title .en { color: #d82019; text-transform: uppercase; font-family: Rubik; } .clumb-title .cn { color: #34364b; padding: 0 0 4px 0; } .common-clumb-min { padding-top: 30px; } @media (min-width: 762px) { .clumb-title .cn { padding: 0 0 7px 0; } } @media (min-width: 1024px) { .full-inside-subnav { overflow: hidden; } .full-inside-subnav .channel-title { display: none; } .full-inside-subnav .subnav { display: block; position: static; background-color: transparent; padding-bottom: 0; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .full-inside-subnav .subnav ul { height: 60px; } .full-inside-subnav .subnav li { width: auto; display: inline-block; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; margin-right: 25px; } .full-inside-subnav .subnav li:hover a, .full-inside-subnav .subnav li.cur a { color: #d82019; } .full-inside-subnav .subnav li:hover a:after, .full-inside-subnav .subnav li.cur a:after { left: 0; right: 0; z-index: 1; } .full-inside-subnav .subnav a { float: left; display: block; line-height: 60px; border-bottom: 0; padding: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; position: relative; } .full-inside-subnav .subnav a:after { content: ""; height: 3px; position: absolute; bottom: 0; left: 51%; right: 51%; z-index: -1; background-color: #d82019; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .full-inside-subnav .subnav .sub-btn { width: 44px; height: 100%; cursor: pointer; z-index: 10; background-color: #ffffff; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; } .full-inside-subnav .subnav .sub-btn:before { display: block; content: ""; width: 16px; height: 16px; border-left: 2px solid #848484; border-bottom: 2px solid #848484; } .full-inside-subnav .subnav .sub-btn.sub-prev { left: 0; } .full-inside-subnav .inside-subnav { width: 73%; float: left; } .full-inside-subnav .crumb { position: relative; float: right; max-width: 27%; padding-left: 28px; display: block; color: #737373; font-size: 0; line-height: 60px; border-left: 1px solid #e0e0e0; } .full-inside-subnav .crumb .inner { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-align: right; } .full-inside-subnav .crumb a { position: relative; z-index: 3; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #737373; font-size: 14px; } .full-inside-subnav .crumb a:after { content: ''; display: inline-block; vertical-align: middle; width: 0; height: 0; margin: -2px 4px 0 8px; border: 3px solid rgba(255, 255, 255, 0); border-left-color: #757575; } .full-inside-subnav .crumb a:hover { color: #d82019; } .full-inside-subnav .crumb span { position: relative; z-index: 3; font-size: 13px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } .full-inside-subnav .crumb .home { padding-left: 14px; vertical-align: middle; background: url("../images/homeico.png") no-repeat 0 center; } .common-clumb { padding: 12px 0 0 0; } .common-clumb a { padding: 6px 20px; } .common-clumb-box .sub-btn { width: 44px; height: 38px; cursor: pointer; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; } .common-clumb-box .sub-btn:before { display: block; content: ""; width: 14px; height: 14px; border-left: 2px solid #666666; border-bottom: 2px solid #666666; } .common-clumb-box .sub-btn:hover:before { border-color: #d82019; } .common-clumb-box .sub-btn.sub-prev { left: 0; } .full-inside-subnav .subnav .sub-btn.sub-prev:before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 22px 0 0 17px; } .full-inside-subnav .subnav .sub-btn.sub-next { right: 0; } .full-inside-subnav .subnav .sub-btn.sub-next:before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 22px 0 0 8px; } .common-clumb-box .sub-btn.sub-prev:before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 18px 0 0 17px; } .common-clumb-box .sub-btn.sub-next { right: 0; } .common-clumb-box .sub-btn.sub-next:before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 18px 0 0 8px; } .common-clumb-min { padding-top: 40px; } .common-clumb-min .clumb-title.fl { max-width: 50%; } .common-clumb-min .common-clumb-box.fr { max-width: 50%; } } @media (min-width: 1199px) { .common-clumb-min { padding-top: 77px; } } .comloading { text-align: center; color: #868686; } .comloading .loadtext { display: block; color: #868686; opacity: 0.5; } .loadEffect { width: 40px; height: 40px; position: relative; margin: 0 auto 15px; } .loadEffect span { display: inline-block; width: 4px; height: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #000000; position: absolute; -webkit-animation: load 1.5s ease infinite; } @-webkit-keyframes load { 0% { opacity: 1; } 100% { opacity: 0; } } .loadEffect span:nth-child(1) { left: 0; top: 50%; margin-top: -2px; -webkit-animation-delay: 0.13s; } .loadEffect span:nth-child(2) { left: 2px; top: 9px; -webkit-animation-delay: 0.26s; } .loadEffect span:nth-child(3) { left: 9px; top: 2px; -webkit-animation-delay: 0.39s; } .loadEffect span:nth-child(4) { left: 50%; top: 0; margin-left: -2px; -webkit-animation-delay: 0.52s; } .loadEffect span:nth-child(5) { right: 9px; top: 2px; -webkit-animation-delay: 0.65s; } .loadEffect span:nth-child(6) { right: 2px; top: 9px; -webkit-animation-delay: 0.78s; } .loadEffect span:nth-child(7) { right: 0; top: 50%; margin-top: -2px; -webkit-animation-delay: 0.91s; } .loadEffect span:nth-child(8) { bottom: 9px; right: 2px; -webkit-animation-delay: 1.04s; } .loadEffect span:nth-child(9) { bottom: 2px; right: 9px; -webkit-animation-delay: 1.17s; } .loadEffect span:nth-child(10) { bottom: 0; left: 50%; margin-left: -2px; -webkit-animation-delay: 1.3s; } .loadEffect span:nth-child(11) { bottom: 9px; left: 2px; -webkit-animation-delay: 1.43s; } .loadEffect span:nth-child(12) { bottom: 2px; left: 9px; -webkit-animation-delay: 1.56s; } /*产品中心*/ .product-list { padding-top: 30px; } .product-list ul { margin: 0 -5px; padding-bottom: 20px; } .product-list li { padding: 0 5px; margin: 0 0 10px 0; } .product-list li a { border: 1px solid #e3e3eb; display: block; } .product-list li img { display: block; margin: 0 auto; } .product-list li .pro-img { background-color: #eaebf5; } .product-list li .pro-text { border-top: 1px solid #e3e3eb; text-align: center; padding: 0 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; color: #58596d; } @media (min-width: 1024px) { .product-list { padding-top: 57px; padding-bottom: 20px; } .product-list ul { padding-bottom: 30px; } .product-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .product-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .product-list li .pro-img { overflow: hidden; } .product-list li .pro-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .product-list li .pro-text { font-size: 16px; } .product-list li:hover .pro-text { color: #d82019; } .product-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } } @media (min-width: 1199px) { .product-list ul { margin: 0 -15px; } .product-list li { padding: 0 15px; margin: 0 0 30px 0; } .product-list li .pro-text { line-height: 83px; } } /*产品详情*/ .product-detail .mainimg-info { border: 1px solid #ebebeb; } .product-detail .mainimg-info img { display: block; margin: 0 auto; width: 100%; } .product-detail .maintxt-info { padding: 20px 0 0 0; line-height: 24px; } .product-detail .maintxt-info .name { color: #757575; padding: 15px 0; font-size: 14px; } .product-detail .maintxt-info .desc { border-top: 1px solid #eeeeee; color: #929292; padding: 15px 0 0 0; } @media (min-width: 1024px) { .product-detail { padding-top: 50px; } .product-detail .mainimg-info { float: left; width: 56%; max-width: 557px; } .product-detail .maintxt-info { overflow: hidden; padding: 0 0 0 20px; } } @media (min-width: 1199px) { .product-detail { padding-top: 98px; padding-bottom: 71px; } .product-detail .maintxt-info { padding: 20px 20px 0 60px; } .product-detail .maintxt-info .name { font-size: 15px; line-height: 30px; padding: 29px 0 19px; } .product-detail .maintxt-info .desc { line-height: 30px; padding: 21px 0 0 0; max-width: 510px; } } .pro-datial-tab { color: #929292; padding-bottom: 25px; } .tab-options { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; text-align: center; background-color: #ffffff; } .tab-options a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; position: relative; font-size: 16px; line-height: 40px; margin: 0 5px; } .tab-options a:after { content: ""; height: 3px; position: absolute; bottom: -1px; left: 51%; right: 51%; z-index: -1; background-color: #0c337f; -o-transition-property: left, right; -moz-transition-property: left, right; transition-property: left, right; -webkit-transition-property: left, right; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .tab-options a:hover:after, .tab-options a.cur:after { left: 0; right: 0; z-index: 1; } .pro-title { padding: 0 0 10px 0; color: #4c4c4c; font-size: 16px; } .pro-title img { vertical-align: middle; margin: 0 5px 0 0; } .comtablemin { text-align: center; } .Features { border-bottom: 1px solid #e6e6e6; } @media (min-width: 1024px) { .pro-datial-tab { line-height: 30px; } .tab-options { height: 68px; } .tab-options a { line-height: 67px; margin: 0 47px; font-size: 20px; } .pro-title { font-size: 20px; padding: 0 0 16px 0; } .Features { padding-top: 71px; padding-bottom: 52px; } .Technical { padding-top: 40px; } .tab-optionsbox { height: 68px; } } /*相关推荐*/ .Related-minbox { background-color: #fafafa; } .Related-minbox .relat-tit { text-align: center; } .relat-solute-wrapper { position: relative; } .relat-solute-wrapper .solwrapper-min { overflow: hidden; padding: 30px 0 0 0; } .relat-solute-wrapper ul { margin: 0 -5px; } .relat-solute-wrapper ul.momargin { margin: 0; } .relat-solute-wrapper ul.momargin li { padding: 0; } .relat-solute-wrapper li { float: left; width: 50%; padding: 0 5px; margin: 0 0 10px 0; } .relat-solute-wrapper li a { display: block; border: 1px solid #e3e3eb; } .relat-solute-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .relat-solute-wrapper li .solut-text { border-top: 1px solid #e3e3eb; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; padding: 0 10px; background-color: #ffffff; } .relat-btn { display: block; width: 30px; height: 30px; position: absolute; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; } .relat-btn.relat-prev { background-image: url(../images/prev.png); left: 0; } .relat-btn.relat-prev.swiper-button-disabled { display: none !important; } .relat-btn.relat-prev:hover { background-image: url(../images/prevho.png); } .relat-btn.relat-next { background-image: url(../images/next.png); right: 0; } .relat-btn.relat-next.swiper-button-disabled { display: none !important; } .relat-btn.relat-next:hover { background-image: url(../images/nextho.png); } .relat-case-wrapper { position: relative; } .relat-case-wrapper .caeslwrapper-min { overflow: hidden; padding: 30px 0 0 0; } .relat-case-wrapper ul.momargin { margin: 0; } .relat-case-wrapper ul.momargin li { padding: 0; } .relat-case-wrapper li { margin: 0 0 20px 0; } .relat-case-wrapper li a { display: block; } .relat-case-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .relat-case-wrapper li .solut-text { padding: 10px; background-color: #ffffff; border-top: 2px solid #d82019; text-align: center; position: relative; } .relat-case-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .relat-case-wrapper li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; } .relat-case-wrapper li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; } .relat-case-wrapper li:hover .solut-text:before { right: 0; z-index: 2; } .relat-product-wrapper { position: relative; } .relat-product-wrapper .soproduct-min { overflow: hidden; padding: 30px 0 0 0; } .relat-product-wrapper ul { margin: 0 -5px; } .relat-product-wrapper ul.momargin { margin: 0; } .relat-product-wrapper ul.momargin li { padding: 0; } .relat-product-wrapper li { float: left; width: 50%; padding: 0 5px; margin: 0 0 10px 0; } .relat-product-wrapper li a { display: block; border: 1px solid #e3e3eb; } .relat-product-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .relat-product-wrapper li .solut-text { border-top: 1px solid #e3e3eb; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; padding: 0 10px; background-color: #ffffff; } @media (min-width: 768px) { .relat-solute-wrapper ul { margin: 0; } .relat-solute-wrapper li { float: left; width: 25%; padding: 0; } .relat-case-wrapper ul { margin: 0; } .relat-case-wrapper li { float: left; width: 33.33%; padding: 0; } .relat-product-wrapper ul { margin: 0; } .relat-product-wrapper li { float: left; width: 25%; padding: 0; } } @media (min-width: 1024px) { .Related-minbox { padding-bottom: 78px; } .relat-btn { width: 40px; height: 40px; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; } .Relat-solution { padding-top: 53px; } .Relat-cases { padding-top: 76px; } .Relat-product { padding-top: 53px; } .relat-solute-wrapper .solwrapper-min { padding: 61px 0 0 0; } .relat-solute-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .relat-solute-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .relat-solute-wrapper li .solut-img { overflow: hidden; } .relat-solute-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .relat-solute-wrapper li .solut-text { height: 84px; line-height: 84px; font-size: 16px; } .relat-solute-wrapper li:hover .solut-text { color: #d82019; } .relat-solute-wrapper li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .relat-case-wrapper .caeslwrapper-min { padding-top: 60px; } .relat-case-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .relat-case-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .relat-case-wrapper li .solut-img { overflow: hidden; } .relat-case-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .relat-case-wrapper li .solut-text { padding: 24px 30px 31px; } .relat-case-wrapper li .solut-text h3 { margin: 0 0 9px 0; } .relat-case-wrapper li:hover .solut-text h3 { color: #d82019; } .relat-product-wrapper .soproduct-min { padding: 61px 0 0 0; } .relat-product-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .relat-product-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .relat-product-wrapper li .solut-img { overflow: hidden; } .relat-product-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .relat-product-wrapper li .solut-text { height: 84px; line-height: 84px; font-size: 16px; } .relat-product-wrapper li:hover .solut-text { color: #d82019; } .relat-product-wrapper li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } } @media (min-width: 1400px) { .relat-btn.relat-prev { left: -96px; } .relat-btn.relat-next { right: -96px; } } /*新闻中心*/ .newscenter-list ul { padding: 0 0 20px 0; } .newscenter-list li { margin: 0 0 20px 0; } .newscenter-list li a { display: block; border: 1px solid #e3e3eb; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .newscenter-list li img { display: block; width: 100%; } .newscenter-list li .news-text { padding: 10px; border-top: 1px solid #e3e3eb; } .newscenter-list li .news-text .name { color: #58596d; font-size: 16px; display: -webkit-box; height: 32px; line-height: 32px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newscenter-list li .news-text .desc { color: #b2b2b2; font-size: 13px; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 5px 0; } .newscenter-list li .news-text .date { display: block; color: #999999; font-family: Montserrat; } @media (min-width: 1024px) { .newscenter-list { padding-top: 60px; padding-bottom: 18px; } .newscenter-list ul { margin: 0 -15px; padding-bottom: 32px; } .newscenter-list li { padding: 0 15px; margin: 0 0 30px 0; } .newscenter-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .newscenter-list li .news-img { overflow: hidden; } .newscenter-list li .news-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .newscenter-list li .news-text { padding: 22px 30px 24px; } .newscenter-list li .news-text .name { font-size: 18px; line-height: 30px; height: 60px; } .newscenter-list li .news-text .desc { margin: 9px 0 11px; } .newscenter-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .newscenter-list li:hover .news-text .name { color: #d82019; } } /*新闻详情*/ .news-detail-title { position: relative; border-bottom: 3px solid #f2f2f2; padding: 0 0 20px 0; } .news-detail-title:before { content: ""; display: block; width: 30%; max-width: 330px; height: 3px; background-color: #e0e0e0; position: absolute; left: 0; bottom: -3px; } .news-detail-title .date { display: block; font-family: Montserrat; color: #666666; padding: 0 0 5px 0; } .news-detail-title #newshare { background: url(../images/wicon6.png) no-repeat left center; color: #999999; padding: 0 0 0 23px; height: 18px; line-height: 18px; margin: 15px 0 0 0; } .news-detail-title #newshare a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 22px; height: 18px; background-repeat: no-repeat; background-position: center center; float: none; margin: 0; padding: 0; } .news-detail-title #newshare a.txinlang { background-image: url(../images/weibo2.png); } .news-detail-title #newshare a.tweixin { background-image: url(../images/weixin2.png); margin-left: 2px; } .news-detail-title #newshare a.tQQ { background-image: url(../images/qq.png); } .xia{ margin-top: 20px; color: #999; background-color: #fff; padding: 10px 14px; } .xia .xiazai a { background: url(../images/down.png) left center no-repeat; color: #333; display: inline-block; margin-right: 10px; text-align: center; font-size: 14px; padding: 5px 0 5px 20px; } .news-datail-content { color: #808080; font-size: 13px; } .news-detail-foot dl { border-top: 1px solid #ebebeb; font-size: 14px; padding: 10px 0; } .news-detail-foot dl span { display: inline-block; line-height: 27px; padding: 0 10px 0 0; } .news-detail-foot dl a { color: #666666; } .news-detail-foot dl dd, .news-detail-foot dl dt { height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .news-detail-foot dl dd:hover a, .news-detail-foot dl dt:hover a { color: #d82019; } @media (min-width: 768px) { .news-detail-foot dl { padding: 39px 0 22px; } .news-detail-foot dl dd, .news-detail-foot dl dt { float: left; width: 50%; } .news-detail-foot dl dt { text-align: right; } } @media (min-width: 1024px) { .newscenter-detail { padding-top: 55px; line-height: 30px; } .news-detail-title { padding: 0 0 28px 0; } .news-detail-title .date { padding: 0 0 9px 0; } .news-detail-title #newshare { position: absolute; right: 0; bottom: 33px; margin: 0; } .news-datail-content { padding-top: 47px; } } /*公司声明*/ .cstatement-list ul { padding-bottom: 30px; } .cstatement-list li { border-bottom: 1px solid #ebebeb; position: relative !important; top: auto !important; } .cstatement-list li a { display: block; padding: 15px 80px 15px 0; position: relative; } .cstatement-list li .desc { color: #666666; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: block; } .cstatement-list li .date { font-family: Montserrat; color: #999999; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } @media (min-width: 1024px) { .cstatement-list { padding-top: 44px; padding-bottom: 58px; } .cstatement-list ul { padding-bottom: 56px; } .cstatement-list li { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .cstatement-list li:hover { border-bottom-color: #d82019; } .cstatement-list li:hover .desc { color: #d82019; } .cstatement-list li a { padding: 18px 100px 18px 0; } } /*交通枢纽*/ .Traffic-list { padding-top: 30px; } .Traffic-list ul { margin: 0 -5px; padding-bottom: 20px; } .Traffic-list li { padding: 0 5px; margin: 0 0 10px 0; } .Traffic-list li a { border: 1px solid #e3e3eb; display: block; } .Traffic-list li img { display: block; margin: 0 auto; } .Traffic-list li .pro-img { background-color: #eaebf5; } .Traffic-list li .pro-text { border-top: 1px solid #e3e3eb; text-align: center; padding: 0 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; color: #58596d; } @media (min-width: 1024px) { .Traffic-list { padding-top: 57px; padding-bottom: 74px; } .Traffic-list ul { padding-bottom: 30px; } .Traffic-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Traffic-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .Traffic-list li .pro-img { overflow: hidden; } .Traffic-list li .pro-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .Traffic-list li .pro-text { font-size: 16px; } .Traffic-list li:hover .pro-text { color: #d82019; } .Traffic-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } } @media (min-width: 1199px) { .Traffic-list ul { margin: 0 -15px; } .Traffic-list li { padding: 0 15px; margin: 0 0 30px 0; } .Traffic-list li .pro-text { line-height: 83px; } } /*交通枢纽详情*/ .Traffic-detail { color: #929292; } @media (min-width: 1024px) { .Traffic-detail { padding-top: 58px; padding-bottom: 78px; line-height: 30px; } } /*工程案例*/ .classific-list { position: relative; } .classific-list .caeslwrapper-min { overflow: hidden; padding: 30px 0 0 0; } .classific-list ul { padding-bottom: 20px; } .classific-list ul.momargin { margin: 0; } .classific-list ul.momargin li { padding: 0; } .classific-list li { margin: 0 0 20px 0; } .classific-list li a { display: block; } .classific-list li .solut-img img { display: block; margin: 0 auto; width: 100%; } .classific-list li .solut-text { padding: 10px; background-color: #fafafa; border-top: 2px solid #d82019; text-align: center; position: relative; } .classific-list li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .classific-list li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; } .classific-list li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; } .classific-list li:hover .solut-text:before { right: 0; z-index: 2; } @media (min-width: 768px) { .classific-list ul { padding-bottom: 35px; margin: 0 -15px; } .classific-list li { float: left; width: 33.33%; padding: 0 15px; margin: 0 0 30px 0; } } @media (min-width: 1024px) { .classific-list { padding-top: 41px; padding-bottom: 75px; } .classific-list .caeslwrapper-min { padding-top: 60px; } .classific-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .classific-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .classific-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .classific-list li .solut-img { overflow: hidden; } .classific-list li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .classific-list li .solut-text { padding: 24px 30px 31px; } .classific-list li .solut-text h3 { margin: 0 0 9px 0; } .classific-list li:hover .solut-text h3 { color: #d82019; } } /*工程案例详情*/ .classific-detail { color: #929292; } @media (min-width: 1024px) { .classific-detail { padding-top: 58px; padding-bottom: 78px; line-height: 30px; } .classific-detail h3 { color: #333333; } } /*联系我们*/ .Dealerbtn { display: inline-block; background: #d82019 url(../images/wicon7.png) no-repeat 20px center; color: #ffffff; padding: 10px 20px 10px 50px; text-align: left; margin: 10px 0 0; } @media (min-width: 1024px) { .Dealerbtn { padding: 17px 40px 17px 69px; font-size: 18px; margin: 0; background-position: 38px center; } } .contact-dl { background-color: #fcfcfc; } .contact-dl .thumb img { display: block; width: 100%; } .contact-dl .infor { padding: 15px; border: 1px solid #f2f2f2; color: #929292; } .contact-dl .infor h3 { color: #d82019; padding: 0 0 10px 0; } .contact-dl .infor .name { float: left; display: block; } .contact-dl .infor .text { overflow: hidden; display: block; } .contact-dl .infor a { color: #929292; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } @media (min-width: 1024px) { .contact-minbox { padding-top: 52px; } .contact-dl { border: 1px solid #f2f2f2; } .contact-dl .thumb { float: left; width: 46.5%; margin: -1px 0 -1px -1px; } .contact-dl .infor { overflow: hidden; border: 0; padding: 3.3% 2% 0 5.8%; line-height: 28px; } .contact-dl .infor h3 { padding: 0 0 16px 0; } } @media (min-width: 1199px) { .contact-dl .infor { line-height: 36px; } } #allmap { width: 100%; height: 298px; margin: 31px 0 10px; } .BMap_Marker img { width: auto !important; max-width: none !important; } .BMap_shadow img, .BMap_pop img { max-width: none !important; } @media (min-width: 1024px) { #allmap { height: 437px; margin: 47px 0 30px 0; } } /*客户展示*/ .Customer-list ul { margin: 0 -5px; padding: 0 0 20px 0; } .Customer-list li { padding: 0 5px; margin: 0 0 10px 0; } .Customer-list li a { display: block; border: 1px solid #dbdced; } .Customer-list li img { display: block; width: 100%; } @media (min-width: 768px) { .Customer-list li { width: 20%; } } @media (min-width: 1024px) { .Customer-list { padding-top: 59px; padding-bottom: 43px; } .Customer-list ul { margin: 0 -12px; padding-bottom: 34px; } .Customer-list li { padding: 0 12px; margin: 0 0 24px 0; } .Customer-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Customer-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .Customer-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); overflow: hidden; } .Customer-list li:hover a img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } /*经销商查询*/ .pro-screening { padding: 20px; background-color: #e3e5e6; } .pro-screening .select-box { background: #ffffff url(../images/wicon9.png) no-repeat 92% center; font-size: 14px; margin: 0 0 10px 0; } .pro-screening select { display: block; height: 38px; line-height: 38px; width: 100%; padding: 0 10px; cursor: pointer; background: none; color: #929292; } .pro-screening .input-box { width: 100%; float: left; } .pro-screening .input-box label { display: block; width: 100%; background-color: #ffffff; position: relative; padding: 0 60px 0 0; } .pro-screening .input-box label input { display: block; background: none; font-family: "Microsoft YaHei"; font-size: 14px; } .pro-screening .input-box label input::-webkit-input-placeholder { color: #929292; } .pro-screening .input-box label input:-moz-placeholder { color: #929292; } .pro-screening .input-box label input::-moz-placeholder { color: #929292; } .pro-screening .input-box label input:-ms-input-placeholder { color: #929292; } .pro-screening .input-box label .inputxt { display: block; width: 100%; height: 38px; line-height: 38px; padding: 0 10px; } .pro-screening .input-box label .submit { position: absolute; right: 0; top: 0; background: url(../images/wicon10.png) no-repeat center center; width: 60px; height: 38px; } .pro-screening select::-ms-expand { display: none; } @media (min-width: 768px) { .pro-screening { padding: 20px 3% 20px 3%; text-align: center; } .pro-screening .select-box { /*float: left;*/ width: 23.5%; margin: 0 10px 0 0; max-width: 236px; display: inline-block; } .pro-screening .select-box.input-box { max-width: 282px; float: none; } } @media (min-width: 1199px) { .inquiry-fliter { padding-top: 55px; } /*.pro-screening { padding: 20px 1% 20px 6%; }*/ .pro-screening .select-box { margin: 0 20px 0 0; } .pro-screening .select-box.input-box { width: 25%; margin: 0 0 0 10px; } } .inquirydel-list li { margin: 0 0 20px 0; } .inquirydel-list li .inqui-cont { border: 2px solid #e3e3eb; padding: 20px; color: #929292; } .inquirydel-list li a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; color: #929292; } .inquirydel-list li h3 { color: #333333; margin: 0 0 10px 0; padding: 0 0 15px 0; position: relative; } .inquirydel-list li h3:after { content: ""; display: block; width: 27px; height: 3px; background-color: #d82019; position: absolute; left: 0; bottom: 0; } @media (min-width: 768px) { .inquirydel-list ul { margin: 0 -10px; } } @media (min-width: 1024px) { .inquirydel-list { padding-top: 34px; padding-bottom: 66px; } .inquirydel-list ul { margin: 0 -18px; padding-bottom: 13px; } .inquirydel-list li { padding: 0 18px; margin: 0 0 36px 0; } .inquirydel-list li:hover .inqui-cont { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .inquirydel-list li .inqui-cont { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; padding: 31px 30px 22px; } .inquirydel-list li .inqui-cont p { padding: 0 0 11px 0; } .inquirydel-list li h3 { padding: 0 0 22px 0; margin: 0 0 19px 0; } .inquirydel-list li a:hover { color: #d82019; } } /*经销商加盟*/ .Complaintsm li { margin-bottom: 13px; } .Complaintsm label { display: block; position: relative; } .Complaintsm label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; } .Complaintsm label em { color: #fb0013; margin-right: 2px; } .Complaintsm label input { font-family: "Microsoft YaHei"; } .Complaintsm label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; } .Complaintsm label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; } .Complaintsm label .changecode { display: block; } .Complaintsm label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; } .Complaintsm label .submit { display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; background-color: #d82019; margin: 0 auto; } .Complaintsm .licode .inputext { width: 70%; } @media (min-width: 768px) { .Complaintsm li { margin-bottom: 34px; } .Complaintsm label span { float: left; width: 85px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; } .Complaintsm label .inputext { height: 56px; line-height: 56px; float: left; width: 280px; } .Complaintsm label .vccode { top: 50%; margin-top: -15px; } } @media (min-width: 1024px) { .Dealerjoining { padding-top: 62px; padding-bottom: 61px; } .Complaintsm { max-width: 1155px; margin: 0 auto; } .Complaintsm li { float: left; width: 50%; max-width: 385px; } .Complaintsm li:nth-child(odd) { margin-right: 60px; } .Complaintsm .litextarea { margin-top: -7px; } .Complaintsm .litextarea, .Complaintsm .lisubmit { width: 100%; max-width: 100%; } .Complaintsm .licode .inputext { max-width: 183px; } .Complaintsm label textarea { float: left; width: 88%; max-width: 730px; } .Complaintsm label .inputext .vccode { width: 280px; height: 40px; float: left; } .Complaintsm label .submit { width: 300px; height: 52px; line-height: 52px; font-size: 18px; } } @media (min-width: 1199px) { .Complaintsm { background: url(../images/wicon11.png) no-repeat 0 0; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 56px 70px; } .Complaintsm li { margin-bottom: 50px; } } @media (min-width: 1260px) { .Complaintsm { padding: 70px 70px 88px; } } /*服务承诺*/ .Pledge-min { background: url(../images/wicon12.png) no-repeat 100% 30px; color: #929292; } @media (min-width: 1024px) { .Pledetext { padding-right: 16%; } .Pledge-min { padding-top: 49px; padding-bottom: 52px; background-position: 100% 49px; } .Pledge-min h4 { line-height: 30px; } } /*下载中心*/ .Download-list ul { padding-bottom: 20px; } .Download-list li { border: 1px solid #e6e6e6; position: relative; padding: 10px 80px 10px 15px; margin: 0 0 15px 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; position: relative !important; top: auto !important; } .Download-list li .down-text { display: block; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666666; } .Download-list li .down-btn { display: block; width: 68px; height: 100%; background: #f2f2f2 url(../images/wicon13.png) no-repeat center center; position: absolute; right: 0; top: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .Download-list li:hover { border-color: #d82019; background-color: #d82019; } .Download-list li:hover .down-text { color: #ffffff; } .Download-list li:hover .down-btn { background-color: #e31a13; background-image: url(../images/wicon13ho.png); } @media (min-width: 768px) { .Download-list li { padding: 32px 80px 32px 15px; margin: 0 0 22px 0; } .Download-list li .down-text { font-size: 16px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; } .Download-list li .down-btn { width: 90px; height: 90px; top: -1px; right: -1px; } } @media (min-width: 1024px) { .Download-list { padding-top: 56px; padding-bottom: 32px; } .Download-list ul { padding-bottom: 45px; } .Download-list li { padding: 32px 180px 32px 56px; } } /*常见问题*/ .Problem-list ul { padding-bottom: 20px; } .Problem-list li { margin: 0 0 15px 0; position: relative !important; top: auto !important; } .Problem-list li .prob-title { position: relative; padding: 20px 60px; font-size: 14px; cursor: pointer; border: 1px solid #e6e6e6; color: #666666; } .Problem-list li .prob-title:before, .Problem-list li .prob-title:after { content: ""; display: block; width: 60px; position: absolute; top: -1px; bottom: -1px; background-position: center center; background-repeat: no-repeat; } .Problem-list li .prob-title:before { left: 0; background-image: url(../images/wicon14.png); -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; } .Problem-list li .prob-title:after { right: -1px; background-color: #f2f2f2; background-image: url(../images/wicon16.png); } .Problem-list li .prob-title span { display: block; } .Problem-list li.cur .prob-title { color: #ffffff; background-color: #d82019; border-color: #d82019; } .Problem-list li.cur .prob-title:before { background-image: url(../images/wicon14ho.png); } .Problem-list li.cur .prob-title:after { background-color: #e31a13; background-image: url(../images/wicon16ho.png); } .Problem-list .prob-cont { background: #fafafa; padding: 22px 20px 35px 60px; font-size: 13px; line-height: 24px; position: relative; display: none; color: #929292; } .Problem-list .prob-cont:before { content: ""; display: block; background: url(../images/wicon15.png) no-repeat; width: 18px; height: 24px; position: absolute; left: 20px; top: 28px; } @media (min-width: 1024px) { .Problem-list { padding-top: 57px; padding-bottom: 10px; } .Problem-list ul { padding-bottom: 40px; } .Problem-list li { margin: 0 0 22px 0; } .Problem-list li .prob-title { font-size: 16px; padding: 32px 90px 32px 100px; } .Problem-list li .prob-title:before { width: 97px; -moz-background-size: auto; -o-background-size: auto; background-size: auto; left: 6px; } .Problem-list li .prob-title:after { width: 90px; } .Problem-list .prob-cont { font-size: 14px; padding-top: 29px; padding-left: 92px; padding-bottom: 38px; } .Problem-list .prob-cont:before { left: 47px; } } /*维保服务*/ .Mainserv-dl .serv-thumb { position: relative; padding: 0 0 0 20px; } .Mainserv-dl .serv-thumb img { display: block; width: 100%; } .Mainserv-dl .serv-thumb:before { content: ""; display: block; width: 95%; height: 100%; z-index: -1; background: url(../images/wicon17.png) no-repeat 0 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; left: 0; top: 20px; bottom: -20px; } .Mainserv-dl .serv-infor { padding: 40px 0 0 0; color: #929292; } @media (min-width: 1024px) { .Mainservice { padding-bottom: 82px; } .Mainserv-dl { padding: 28px 0; } .Mainserv-dl .serv-thumb { float: right; width: 50%; max-width: 592px; padding: 0 0 0 28px; } .Mainserv-dl .serv-thumb:before { top: 28px; bottom: -28px; } .Mainserv-dl .serv-infor { overflow: hidden; padding: 23px 30px 0 0; } .Mainserv-dl .serv-infor p { margin: 0 0 12px 0; } } /*投诉维修*/ .Comprepair li { margin-bottom: 13px; } .Comprepair label { display: block; position: relative; } .Comprepair label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; } .Comprepair label em { color: #fb0013; margin-right: 2px; } .Comprepair label input { font-family: "Microsoft YaHei"; } .Comprepair label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; } .Comprepair label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; } .Comprepair label .changecode { display: block; } .Comprepair label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; } .Comprepair label .submit { display: block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; background-color: #d82019; margin: 0 auto; } .Comprepair .licode .inputext { width: 70%; } @media (min-width: 768px) { .Comprepair li { margin-bottom: 34px; } .Comprepair label span { float: left; width: 92px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; } .Comprepair label .inputext { height: 56px; line-height: 56px; float: left; width: 380px; } .Comprepair label .w90{ float: left; width: 90%; max-width: 940px; } .Comprepair label .vccode { top: 50%; margin-top: -15px; } } @media (min-width: 1024px) { .Comprepairform { padding-top: 62px; padding-bottom: 97px; } .Comprepair { max-width: 1200px; margin: 0 auto; } .Comprepair li { float: left; width: 50%; max-width: 500px; } .Comprepair li.r60 { margin-right: 60px; } .Comprepair .litextarea { margin-top: -7px; } .Comprepair .litextarea, .Comprepair .lisubmit { width: 100%; max-width: 100%; } .Comprepair .licode .inputext { max-width: 183px; } .Comprepair label textarea { float: left; width: 90%; max-width: 940px; } .Comprepair label .inputext .vccode { width: 280px; height: 40px; float: left; } .Comprepair label .submit { width: 300px; height: 52px; line-height: 52px; font-size: 18px; } } @media (min-width: 1199px) { .Comprepair { background: url(../images/wicon18.png) no-repeat 0 0; /*-moz-background-size: contain; -o-background-size: contain; background-size: contain;*/ padding: 56px 47px 56px 70px; } .Comprepair li { margin-bottom: 50px; } } @media (min-width: 1260px) { .Comprepair { padding: 70px 70px 30px 47px; } } /*我要参观红门*/ .Cvisitrepair li { margin-bottom: 13px; } .Cvisitrepair label { display: block; position: relative; } .Cvisitrepair label span { display: block; margin-bottom: 5px; color: #4c4c4c; font-size: 16px; } .Cvisitrepair label em { color: #fb0013; margin-right: 2px; } .Cvisitrepair label input { font-family: "Microsoft YaHei"; } .Cvisitrepair label .inputext { display: block; height: 40px; line-height: 40px; border: 1px solid #dddddd; width: 100%; padding: 10px; } .Cvisitrepair label .vccode { display: block; position: absolute; right: 0; top: 30px; width: 79px; height: 30px; cursor: pointer; } .Cvisitrepair label .changecode { display: block; } .Cvisitrepair label textarea { display: block; width: 100%; border: 1px solid #dddddd; padding: 10px 20px; height: 190px; font-family: "Microsoft YaHei"; } .Cvisitrepair label .submit, .Cvisitrepair label .reset { display: inline-block; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-weight: bold; font-size: 15px; margin: 0 auto; cursor: pointer; } .Cvisitrepair label .submit { background-color: #d82019; } .Cvisitrepair label .reset { background-color: #aeaeae; } .Cvisitrepair .licode .inputext { width: 70%; } .Cvisitrepair .lisubmit { text-align: center; } .Cvisitrepair .liselect { background: none; padding: 0; } .Cvisitrepair .liselect .select-box { background: #ffffff url(../images/wicon20.png) no-repeat 92% center; font-size: 14px; margin: 0 0 10px 0; border: 1px solid #dddddd; } .Cvisitrepair .liselect .select-box:last-child { margin-right: 0; } .Cvisitrepair .liselect select { display: block; height: 38px; line-height: 38px; width: 100%; padding: 0 10px; cursor: pointer; background: none; color: #929292; } .Cvisitrepair .liselect select::-ms-expand { display: none; } @media (min-width: 768px) { .Cvisitrepair li { margin-bottom: 34px; } .Cvisitrepair label span { float: left; width: 140px; font-size: 16px; margin-right: 20px; margin-bottom: 0; height: 57px; line-height: 57px; text-align: right; } .Cvisitrepair label .inputext { height: 56px; line-height: 56px; float: left; width: 300px; } .Cvisitrepair label .vccode { top: 50%; margin-top: -15px; } .Cvisitrepair .liselect .select-box { float: left; width: 40%; margin: 0 10px 0 0; max-width: 145px; } .Cvisitrepair .liselect .select-box select { height: 57px; line-height: 57px; } } @media (min-width: 1024px) { .Comvisitform { padding-top: 62px; padding-bottom: 70px; } .Cvisitrepair { max-width: 1155px; margin: 0 auto; } .Cvisitrepair li { float: left; width: 50%; max-width: 460px; } .Cvisitrepair li:nth-child(odd) { margin-right: 20px; } .Cvisitrepair .litextarea { margin-top: -7px; } .Cvisitrepair .litextarea, .Cvisitrepair .lisubmit { width: 100%; max-width: 100%; } .Cvisitrepair .licode .inputext { max-width: 183px; } .Cvisitrepair label textarea { float: left; width: 88%; max-width: 730px; } .Cvisitrepair label .inputext .vccode { width: 280px; height: 40px; float: left; } .Cvisitrepair label .submit, .Cvisitrepair label .reset { width: 168px; height: 52px; line-height: 52px; font-size: 18px; margin: 0 15px; } } @media (min-width: 1199px) { .Cvisitrepair { background: url(../images/wicon21.png) no-repeat 0 0; -moz-background-size: contain; -o-background-size: contain; background-size: contain; padding: 56px 38px 56px 0; } .Cvisitrepair li { margin-bottom: 50px; } .Cvisitrepair li:nth-child(odd) { margin-right: 50px; } .Cvisitrepair .liselect .select-box.input-box { width: 25%; margin: 0 0 0 10px; } } @media (min-width: 1260px) { .Cvisitrepair { padding: 70px 38px 30px 0; } .Cvisitrepair .liselect { max-width: 580px; } .Cvisitrepair .liselect .select-box { margin: 0 20px 0 0; max-width: 180px; } } /*公司简介*/ .compro-dl .sname, .compro-dl .title { font-family: Montserrat; } .compro-dl .sname { opacity: 0.24; text-transform: uppercase; padding: 5px 0; line-height: 16px; } .compro-dl .title { color: #ccc2c2; font-size: 30px; line-height: 30px; padding: 0 0 10px; } .compro-dl .thumb { color: #8e8989; } .compro-dl .infor { padding: 20px 0 0 0; color: #666666; opacity: 0.7; font-size: 13px; } @media (min-width: 768px) { .compro-dl .title { font-size: 40px; line-height: 40px; } .compro-dl .infor { columns: 50px 2; -webkit-columns: 50px 2; -moz-columns: 50px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } @media (min-width: 1199px) { .comprofile-min { position: relative; } .comprofile-min:before { content: ""; display: block; width: 32%; max-width: 740px; border-top: 6px solid #faf9f9; border-right: 6px solid #faf9f9; position: absolute; top: 35px; left: 0; bottom: 0; } .compro-dl .title { font-size: 52px; line-height: 42px; padding: 22px 0 12px; } .compro-dl .thumb { float: left; width: 32%; max-width: 380px; padding: 30px 0 0 0; position: relative; } .compro-dl .infor { overflow: hidden; padding: 0 0 45px 30px; } } @media (min-width: 1440px) { .comprofile-min:before { width: 34%; } .compro-dl .thumb { padding: 43px 0 0 0; } } @media (min-width: 1680px) { .comprofile-min:before { width: 36%; } } @media (min-width: 1800px) { .comprofile-min:before { width: 40%; } } /*公司简介*/ .compGlobal-min { background: url(../images/wimg14m.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .compGlobal-min .commonweb { position: relative; } .compGlobal-min .comgtext { color: #9b9b9f; } @media (min-width: 1024px) { .compGlobal-min { min-height: 513px; padding-top: 43px; } .comgimg { position: absolute; top: -12px; right: -100px; width: 83%; max-width: 992px; } .comgtext { position: relative; z-index: 1; max-width: 800px; padding: 10px 360px 0 0; } .comgtext .posit { position: absolute; top: 0; right: 0; } } /*企业文化*/ .Comculture-dl { background: #cccccc url(../images/wicon24.png) no-repeat 100% 100%; } .Comculture-dl .thumb img { display: block; width: 100%; } .Comculture-dl .infor { padding: 15px; color: #ffffff; } .Comculture-dl .infor .name { font-size: 20px; padding: 0 0 8px 0; } .Comculture-dl .infor .text { opacity: .7; } @media (min-width: 768px) { .Comculture-dl .thumb { float: left; width: 70%; max-width: 769px; } .Comculture-dl .infor { overflow: hidden; padding: 20px; } } @media (min-width: 1024px) { .Comculture-dl { margin: 19px 0 0 0; } .Comculture-dl .infor { padding: 7.5% 5% 10px 5%; } .Comculture-dl .infor .name { font-size: 26px; line-height: 30px; padding: 0 0 25px 0; } } .Comculture-list li { margin: 0 0 20px 0; } .Comculture-list li .content { border: 1px solid #e3e3eb; } .Comculture-list li .content .img img { display: block; width: 100%; } .Comculture-list li .content .cult-text { text-align: center; padding: 20px; border-top: 1px solid #e3e3eb; color: #929292; } .Comculture-list li .content .name { font-size: 16px; color: #58596d; } @media (min-width: 768px) { .Comculture-list { padding-top: 55px; padding-bottom: 43px; } .Comculture-list ul { margin: 0 -10px; } .Comculture-list li { float: left; width: 25%; padding: 0 10px; } .Comculture-list li .content .cult-text { padding: 20px 20px 30px; } .Comculture-list li .content .name { font-size: 18px; padding: 0 0 18px; } } /*荣誉证书*/ .Honor-list ul { padding-bottom: 30px; } .Honor-list li { margin: 0 0 15px 0; } .Honor-list a { display: block; } .Honor-list a img { display: block; margin: 0 auto; width: 100%; } .Honor-list .elc-text { text-align: center; margin: 5px 0 0 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 40px; color: #4c4c4c; } @media (min-width: 768px) { .Honor-list { overflow: hidden; } .Honor-list ul { margin: 0 -7px; } .Honor-list li { padding: 0 7px; margin: 0 0 20px 0; } .Honor-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Honor-list li:hover .elc-text { color: #d82019; } .Honor-list .elc-img { overflow: hidden; } .Honor-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } @media (min-width: 1024px) { .Honors-min { padding-top: 48px; padding-bottom: 48px; } .Honor-list ul { margin: 0 -15px; padding-bottom: 36px; } .Honor-list li { padding: 0 15px; margin-bottom: 48px; } .Honor-list .elc-text { font-size: 18px; height: 24px; line-height: 24px; margin-top: 27px; } } /*弹窗*/ .probg { position: fixed; top: 0; width: 100%; height: 100%; left: 0; background: black; z-index: 90; display: none; opacity: 0.7; } .thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; } .thumb-wraper { width: 80%; position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; } .thumb-copy-wrapper { position: relative; overflow: hidden; } .thumb-popup .swiper-wrapper { width: 100%; } .thumb-popup .swiper-wrapper li { position: relative; height: 100%; width: 100%; text-align: center; } .thumb-popup .swiper-wrapper li img { display: block; max-width: 100%; max-height: 70%; position: relative; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); } .thumb-popup .close { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-image: url(../images/winco04.png); background-position: center center; background-repeat: no-repeat; -o-background-size: 12px auto; background-size: 12px auto; cursor: pointer; z-index: 99; background-color: #d82019; -webkit-border-radius: 100%; border-radius: 100%; } .banner-btn { cursor: pointer; } .swiper-left { left: -40px; } .swiper-right { right: -40px; background-position: right 0; } .popup-btn { position: fixed; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1000; } .popup-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .swiper-left:after { border-right: 15px solid #fff; } .swiper-right:after { border-left: 15px solid #fff; } .popup-btn:hover { border-color: #fff; } .thumb-text { text-align: center; font-size: 16px; padding: 20px 0; color: #fff; bottom: 20%; width: 100%; left: 0; position: absolute; left: 50%; max-width: 1200px; transform: translateX(-50%); } /*品牌历程*/ .History-min { padding-top: 30px; } .history-list { padding: 0 40px; position: relative; } .historyulitem { position: relative; overflow: hidden; } .historyulitem ul { font-size: 0; width: 9999px; webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: block; } .historyulitem li { display: inline-block; vertical-align: bottom; background: url(../images/wicon25.png) 7px 0 repeat-y; position: relative; color: #4c4c4c; } .historyulitem li:after { position: absolute; content: ""; width: 14px; height: 14px; border: 3px solid #d5d5d5; top: 0; left: 0; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #ffffff; } .historyulitem li .history-con { padding: 0 10px 30px 30px; -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; position: relative; -webkit-font-smoothing: none; font-size: 14px !important; color: #868686; } .historyulitem li .year-num { margin-top: 20px; display: block; color: #999999; font-size: 30px; line-height: 30px; font-family: Rubik; } .history-btn { display: block; position: absolute; width: 32px; height: 33px; background-position: center center; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat; cursor: pointer; bottom: 50px; } .history-btn.hisswiper-left { left: -5px; background-image: url(../images/prev2.png); } .history-btn.hisswiper-left:hover { background-image: url(../images/prev2ho.png); } .history-btn.hisswiper-right { right: -5px; background-image: url(../images/next2.png); } .history-btn.hisswiper-right:hover { background-image: url(../images/next2ho.png); } @media (min-width: 1024px) { .History-min { padding-top: 85px; } .history-btn { width: 42px; height: 42px; bottom: 144px; } .history-list { padding: 0; } .historyulitem li .year-num { margin-top: 52px; font-size: 42px; line-height: 42px; } .historyulitem li .history-con { padding: 23px 20px 51px 30px; } .thumb-text { bottom: 5%; } } @media (min-width: 1440px) { .history-btn.hisswiper-left { left: -113px; } .history-btn.hisswiper-right { right: -113px; } } /*社会责任*/ .Social-text { color: #929292; max-width: 980px; } .Erespon-list ul { padding: 0 0 30px 0; margin: 0 -5px; } .Erespon-list li { margin: 0 0 10px 0; padding: 0 5px; } .Erespon-list a { display: block; border: 1px solid #e3e3eb; } .Erespon-list a img { display: block; margin: 0 auto; width: 100%; } .Erespon-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; } @media (min-width: 768px) { .Erespon-list { overflow: hidden; } .Erespon-list ul { margin: 0 -7px; } .Erespon-list li { padding: 0 7px; margin: 0 0 20px 0; } .Erespon-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Erespon-list li:hover .elc-text { color: #d82019; } .Erespon-list .elc-img { overflow: hidden; } .Erespon-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } @media (min-width: 1024px) { .Social-min { padding-top: 35px; padding-bottom: 48px; } .Erespon-list ul { margin: 0 -15px; padding-bottom: 36px; } .Erespon-list li { padding: 0 15px; margin-bottom: 30px; } .Erespon-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; } } /*公司环境*/ .Environ-min { padding-bottom: 30px; } .Environ-list ul { padding: 0 0 30px 0; margin: 0 -5px; } .Environ-list li { margin: 0 0 10px 0; padding: 0 5px; } .Environ-list a { display: block; border: 1px solid #e3e3eb; } .Environ-list a img { display: block; margin: 0 auto; width: 100%; } .Environ-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; } @media (min-width: 768px) { .Environ-list { overflow: hidden; } .Environ-list ul { margin: 0 -7px; } .Environ-list li { padding: 0 7px; margin: 0 0 20px 0; } .Environ-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Environ-list li:hover .elc-text { color: #d82019; } .Environ-list .elc-img { overflow: hidden; } .Environ-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } @media (min-width: 1024px) { .Environ-min { padding-top: 5px; padding-bottom: 38px; } .Environ-list ul { margin: 0 -15px; padding-bottom: 27px; } .Environ-list li { padding: 0 15px; margin-bottom: 30px; } .Environ-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; } } /*视频中心*/ .Videos-min ul { padding-bottom: 30px; } .Videos-min li { margin: 0 0 15px 0; } .Videos-min a { display: block; } .Videos-min a img { display: block; margin: 0 auto; width: 100%; } .Videos-min .elc-img { position: relative; } .Videos-min .video-show { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #FFFFFF; width: 100%; } .Videos-min .video-show .videoicon { display: block; width: 65px; height: 65px; background: url(../images/wq_icon11.png) no-repeat center center; -moz-background-size: 40px; -o-background-size: 40px; background-size: 40px; margin: 0 auto; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .Videos-min li:hover .Video-img:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .Videos-min li:hover .videoicon { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .Videos-min .elc-text { text-align: center; margin: 5px 0 0 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 40px; color: #4c4c4c; } @media (min-width: 768px) { .Video-list { overflow: hidden; } .Video-list ul { margin: 0 -7px; } .Video-list li { padding: 0 7px; margin: 0 0 20px 0; } .Video-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Video-list li:hover .elc-text { color: #d82019; } .Video-list .elc-img { overflow: hidden; } .Video-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } @media (min-width: 1024px) { .Videos-min { padding-top: 48px; padding-bottom: 48px; } .Video-list ul { margin: 0 -15px; padding-bottom: 36px; } .Video-list li { padding: 0 15px; margin-bottom: 48px; } .Video-list .video-show .videoicon { -moz-background-size: auto; -o-background-size: auto; background-size: auto; } .Video-list .elc-text { font-size: 18px; height: 24px; line-height: 24px; margin-top: 27px; } } /*视频弹窗*/ .recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; } .tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } .tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; } .recclosebtn { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-image: url(../images/winco04.png); background-position: center center; background-repeat: no-repeat; -moz-background-size: 12px auto; -o-background-size: 12px auto; background-size: 12px auto; cursor: pointer; z-index: 99; background-color: #d82019; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } @media (min-width: 640px) { .tianjiatvwrap .videobox { height: 350px; } } @media (min-width: 1024px) { .tianjiatvwrap { width: 1000px; } .tianjiatvwrap .videobox { height: 600px; } } /*员工风采*/ .Employee-list ul { padding: 0 0 30px 0; margin: 0 -5px; } .Employee-list li { margin: 0 0 10px 0; padding: 0 5px; } .Employee-list a { display: block; border: 1px solid #e3e3eb; } .Employee-list a img { display: block; margin: 0 auto; width: 100%; } .Employee-list .elc-text { border-top: 1px solid #e3e3eb; text-align: center; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #4c4c4c; padding: 0 10px; } @media (min-width: 768px) { .Employee-list { overflow: hidden; } .Employee-list ul { margin: 0 -7px; } .Employee-list li { padding: 0 7px; margin: 0 0 20px 0; } .Employee-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Employee-list li:hover .elc-text { color: #d82019; } .Employee-list .elc-img { overflow: hidden; } .Employee-list .elc-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } } @media (min-width: 1024px) { .Employee-min { padding-top: 5px; padding-bottom: 38px; } .Employee-list ul { margin: 0 -15px; padding-bottom: 27px; } .Employee-list li { padding: 0 15px; margin-bottom: 30px; } .Employee-list .elc-text { font-size: 18px; height: 83px; line-height: 83px; } } /*职业发展*/ .Careerment-min { background: url(../images/wimg21.jpg) no-repeat top center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 0 30px 0; } .Career-wrapper { position: relative; padding: 0 30px; } .Career-wrapper .wrapper-min { overflow: hidden; padding: 30px 0 0 0; } .Career-wrapper ul.momargin { margin: 0; } .Career-wrapper ul.momargin li { padding: 0; } .Career-wrapper li { margin: 0 0 20px 0; } .Career-wrapper li a { display: block; } .Career-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .Career-wrapper li .solut-text { padding: 10px; background-color: #f0f0f2; border-top: 2px solid #d82019; text-align: center; position: relative; } .Career-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .Career-wrapper li .solut-text h3 { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; } .Career-wrapper li .solut-text p { display: -webkit-box; height: 96px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; color: #929292; } .Career-wrapper li:hover .solut-text:before { right: 0; z-index: 2; } .Career-wrapper .relat-btn.relat-prev { background-image: url(../images/prev3.png); } .Career-wrapper .relat-btn.relat-prev:hover { background-image: url(../images/prev3ho.png); } .Career-wrapper .relat-btn.relat-next { background-image: url(../images/next3.png); } .Career-wrapper .relat-btn.relat-next:hover { background-image: url(../images/next3ho.png); } @media (min-width: 768px) { .Career-wrapper .relat-btn { height: 43px; } } @media (min-width: 1024px) { .Careerment-min { margin: 0 0 76px 0; } .Career-wrapper { padding: 0 40px; } .Career-wrapper .wrapper-min { padding-top: 12%; } .Career-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .Career-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .Career-wrapper li .solut-img { overflow: hidden; } .Career-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .Career-wrapper li .solut-text { padding: 14px 30px 41px; } .Career-wrapper li .solut-text h3 { margin: 0 0 9px 0; } .Career-wrapper li:hover .solut-text h3 { color: #d82019; } } @media (min-width: 1199px) { .Careerment-min { -moz-background-size: 100% 374px; -o-background-size: 100% 374px; background-size: 100% 374px; } } @media (min-width: 1400px) { .Career-wrapper { padding: 0; } } /*招聘中心*/ .Platfbtn { display: inline-block; background: #d82019 url(../images/wicon26.png) no-repeat 20px center; color: #ffffff; padding: 10px 20px 10px 50px; text-align: left; margin: 10px 0 0; } @media (min-width: 1024px) { .Platfbtn { padding: 17px 40px 17px 69px; font-size: 18px; margin: 0; background-position: 38px center; } } .recruiting-list ul { margin: 0 -10px; padding: 0 0 30px; } .recruiting-list li { padding: 0 10px 20px 10px; } .recruiting-list .recontent { border: 2px solid #f2f0ec; padding: 20px 20px 40px; position: relative; } .recruiting-list .recontent .retitle { color: #333333; } .recruiting-list .recontent .posititext { color: #929292; } .recruiting-list .recontent .Delivery { position: absolute; bottom: 0; left: 0; right: 0; background-color: #d82019; color: #ffffff; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; opacity: 0; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .recruiting-list li:hover .recontent .Delivery { opacity: 1; } @media (min-width: 1024px) { .recruiting-list { padding-top: 49px; padding-bottom: 22px; } .recruiting-list ul { padding: 0 0 40px 0; } .recruiting-list .recontent { padding: 33px 30px 44px; } .recruiting-list .recontent .retitle { padding: 0 0 5px 0; } .recruiting-list .recontent h4 { padding-bottom: 5px; } .recruiting-list .recontent .Delivery { height: 45px; line-height: 45px; font-size: 16px; } } .grid { list-style: none; margin: 30px auto; padding: 0; } .grid li { display: block; opacity: 0; } .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; } .grid li a, .grid li img { outline: none; border: none; display: block; max-width: 100%; } /* Effect 1: opacity */ .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; -o-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } /* Effect 2: Move Up */ .grid.effect-2 li.animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); -o-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; -o-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-o-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* Effect 3: Scale up */ .grid.effect-3 li.animate { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; -moz-animation: scaleUp 0.65s ease-in-out forwards; -o-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } @-webkit-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @-o-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } /* Effect 4: fall perspective */ .grid.effect-4 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); -moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; -moz-animation: fallPerspective .8s ease-in-out forwards; -o-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } @-webkit-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-moz-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-o-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-5 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; -moz-transform-origin: 50% 50% -300px; -ms-transform-origin: 50% 50% -300px; -o-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; -moz-animation: fly .8s ease-in-out forwards; -o-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } @-webkit-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-o-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-6 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; -o-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } @-webkit-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-o-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-7 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; -o-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } @-webkit-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-o-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } /* Effect 8: */ .grid.effect-8 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; -moz-animation: popUp .8s ease-in forwards; -o-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } @-webkit-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; } } @-o-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } /*index*/ .indexbanner { width: 100%; position: relative; overflow: hidden; } .indexbanner li { width: 100%; position: relative; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; } .indexbanner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ipages { position: absolute; left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 10px; z-index: 10; text-align: center; font-size: 0; line-height: 0; } .ipages span { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 10px; height: 10px; border: 2px solid #8e8987; margin: 0 6px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: none; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; } .ipages .swiper-pagination-bullet-active { background-color: #d82019; border-color: #d82019; } .indexbanner li a img { display: block; width: 100%; position: relative; } @media (min-width: 1024px) { .indexbanner .ipages { bottom: 20px; } .ipages span { width: 12px; height: 12px; } } .index-text .en { font-family: 'raleway'; text-transform: uppercase; font-weight: bold; color: #d82019; padding: 5px 0 0 0; } .index-btn { display: block; width: 30px; height: 30px; position: absolute; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; } .index-btn.index-prev { background-image: url(../images/prev.png); left: 0; } .index-btn.index-prev:hover { background-image: url(../images/prevho.png); } .index-btn.index-next { background-image: url(../images/next.png); right: 0; } .index-btn.index-next:hover { background-image: url(../images/nextho.png); } .index-more a { display: inline-block; border: 2px solid #e1e1e4; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; height: 35px; line-height: 33px; text-align: center; padding: 0 20px; color: #6e6f7b; font-size: 13px; } @media (min-width: 1024px) { .index-text .en { padding: 13px 0 0 0; } .index-btn { width: 46px; height: 46px; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; } .index-btn.index-prev { left: -30px; } .index-btn.index-next { right: -30px; } .index-more a { -webkit-transform: perspective(1px) translateZ(0); -moz-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; -o-transition-property: color; -moz-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; height: 60px; line-height: 60px; padding: 0 46px; } .index-more a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #d82019; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .index-more a:hover { color: #ffffff; border-color: #ffffff; } .index-more a:hover:before { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } } @media (min-width: 1400px) { .index-btn.index-prev { left: -80px; } .index-btn.index-next { right: -80px; } } @media (min-width: 1440px) { .index-btn.index-prev { left: -106px; } .index-btn.index-next { right: -106px; } } .indxNews-wraper { position: relative; padding: 30px 35px; } .inxnews-list { overflow: hidden; } .inxnews-list li a { display: block; border: 1px solid #e3e3eb; } .inxnews-list li .tiothumb img { display: block; width: 100%; } .inxnews-list li .tioinfor { padding: 15px; border-top: 1px solid #e3e3eb; } .inxnews-list li .tioinfor .text { color: #58596d; display: -webkit-box; height: 48px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .inxnews-list li .tioinfor .date { color: #d82019; font-family: DINPro; display: block; } @media (min-width: 1024px) { .indxNewsmin { padding-top: 56px; padding-bottom: 60px; } .indxNews-wraper { padding: 37px 30px; } .inxnews-list li { float: left; width: 25%; margin-right: 30px; } .inxnews-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .inxnews-list li .tiothumb { overflow: hidden; } .inxnews-list li .tiothumb img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .inxnews-list li:hover .tioinfor .text { color: #d82019; } .inxnews-list li .tioinfor { font-size: 16px; padding: 24px 30px 34px; } .inxnews-list li .tioinfor .date { padding: 11px 0 0 0; } } @media (min-width: 1400px) { .indxNews-wraper { padding: 37px 0; } } .indxAboutus { background-color: #f1f4f9; } .indxAboutus .par-posimg { background: url(../images/wimg26.jpg) no-repeat center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 230px; position: relative; } .indxAboutus .par-text { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; color: #ffffff; text-transform: uppercase; } .indxAboutus .par-text h2 { font-weight: lighter; } .indxAboutus .par-text h3 { padding: 8px 0; } .indxAboutus .par-content { padding: 20px; } .indxAboutus .par-content h2 { text-transform: uppercase; font-family: DINPro; padding: 0 0 5px 0; } .indxAboutus .par-content p { color: #34364b; opacity: 0.8; } @media (min-width: 1024px) { .indxAboutus .par-posimg { height: 383px; float: right; width: 50%; } .indxAboutus .par-text { top: 45%; left: 38px; max-width: 385px; } .indxAboutus .par-text h3 { padding: 22px 0 20px; } .indxAboutus .par-content { float: right; width: 50%; max-width: 600px; padding: 4% 40px 0; } .indxAboutus .par-content h2 { padding: 0 0 10px 0; } } @media (min-width: 1280px) { .indxAboutus .par-content { padding-left: 0; } } .inxprod-list li { margin: 0 0 20px 0; } .inxprod-list li a { display: block; position: relative; } .inxprod-list li .imgbox img { display: block; width: 100%; } .inxprod-list li .inxpro-img { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 20px; width: 44%; } .inxprod-list li .inxpro-img img { display: block; max-width: 100%; } .inxprod-list li .inxpro-text { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 20px; color: #ffffff; width: 40%; } .inxprod-list li .inxpro-text h3 { color: #34364b; padding: 0 0 5px; } .inxprod-list li .inxpro-text p { color: #58596d; opacity: 0.5; line-height: 14px; text-transform: uppercase; } @media (min-width: 1024px) { .indxProduct { padding-top: 57px; } .inxprod-list { padding-top: 38px; padding-bottom: 10px; } .inxprod-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .inxprod-list li:hover a { -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .inxprod-list li:hover .inxpro-img { margin-left: -10px; } .inxprod-list li .inxpro-img { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } } @media (min-width: 1199px) { .inxprod-list ul { margin: 0 -15px; } .inxprod-list li { padding: 0 15px; } .inxprod-list li .inxpro-text { width: 43%; } } .indxArrivals { background-color: #f1f4f9; } .arrivals-wrapper { padding: 0 30px; position: relative; } .arrivals-wrapper .arrivalsp-min { overflow: hidden; padding: 30px 0 0 0; } .arrivals-wrapper ul.momargin { margin: 0; } .arrivals-wrapper ul.momargin li { padding: 0; } .arrivals-wrapper li { margin: 0 0 20px 0; } .arrivals-wrapper li a { display: block; } .arrivals-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .arrivals-wrapper li .solut-text { padding: 10px; background-color: #ffffff; border-top: 2px solid #d82019; text-align: center; position: relative; } .arrivals-wrapper li .solut-text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: -2px; background: #0c337f; height: 2px; -webkit-transition-property: right; -o-transition-property: right; -moz-transition-property: right; transition-property: right; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .arrivals-wrapper li .solut-text h3 { color: #58596d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 45px; } .arrivals-wrapper li:hover .solut-text:before { right: 0; z-index: 2; } @media (min-width: 768px) { .arrivals-wrapper .relat-btn { height: 43px; } .arrivals-wrapper li { float: left; width: 33.33%; } } @media (min-width: 1024px) { .indxArrivals { padding-top: 57px; padding-bottom: 55px; } .arrivals-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .arrivals-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .arrivals-wrapper li .solut-img { overflow: hidden; } .arrivals-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .arrivals-wrapper li .solut-text { padding: 34px 30px 30px; } .arrivals-wrapper li .solut-text h3 { margin: 0 0 9px 0; } .arrivals-wrapper li:hover .solut-text h3 { color: #d82019; } } @media (min-width: 1400px) { .arrivals-wrapper { padding: 5px 0; } } .inxSolution { background: url(../images/wimg33.jpg) no-repeat 0 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .inxSolution .index-more { padding: 20px 0 0; } .inxSolution .index-more a { color: #fff; } .inxSolut-wrapper { padding: 0 30px 30px; position: relative; } .inxSolut-wrapper .inxSolut-min { overflow: hidden; padding: 30px 0 0 0; } .inxSolut-wrapper ul.momargin { margin: 0; } .inxSolut-wrapper ul.momargin li { padding: 0; } .inxSolut-wrapper li { margin: 0 0 20px 0; } .inxSolut-wrapper li a { display: block; } .inxSolut-wrapper li .solut-img img { display: block; margin: 0 auto; width: 100%; } .inxSolut-wrapper li .solut-text { padding: 10px; background-color: #ffffff; text-align: center; position: relative; background: -webkit-linear-gradient(135deg, transparent 20px, #fff 0); background: -moz- oldlinear-gradient(135deg, transparent 20px, #fff 0); background: -o-linear-gradient(135deg, transparent 20px, #fff 0); background: linear-gradient(-45deg, transparent 20px, #fff 0); } .inxSolut-wrapper li .solut-text h3 { color: #58596d; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .inxSolut-wrapper li .solut-text .en { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #d82019; text-transform: uppercase; font-family: DINPro; } .inxSolut-wrapper .index-btn.index-prev { background-image: url(../images/prev4.png); } .inxSolut-wrapper .index-btn.index-prev:hover { background-image: url(../images/prev4ho.png); } .inxSolut-wrapper .index-btn.index-next { background-image: url(../images/next4.png); } .inxSolut-wrapper .index-btn.index-next:hover { background-image: url(../images/next4ho.png); } .inxSolut-wrapper .ipages { bottom: 10px; } @media (min-width: 768px) { .inxSolut-wrapper .relat-btn { height: 43px; } .inxSolut-wrapper li { float: left; width: 33.33%; } } @media (min-width: 1024px) { .inxSolution { padding-top: 57px; padding-bottom: 59px; } .inxSolution .index-more { padding: 0; } .inxSolution .index-more a { border-color: #3b2d2a; } .inxSolut-wrapper { padding: 5px 30px 72px; } .inxSolut-wrapper .ipages { bottom: 40px; } .inxSolut-wrapper li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .inxSolut-wrapper li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .inxSolut-wrapper li .solut-img { overflow: hidden; } .inxSolut-wrapper li .solut-img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .inxSolut-wrapper li .solut-text { padding: 24px 30px 32px; } .inxSolut-wrapper li .solut-text h3 { margin: 0 0 2px 0; } .inxSolut-wrapper li:hover .solut-text h3 { color: #d82019; } } @media (min-width: 1400px) { .inxSolut-wrapper { padding-left: 0; padding-right: 0; } } .inxPartner { background-color: #f1f4f9; } .inxpart-list { position: relative; padding: 20px 30px; } .inxpart-list li a { display: block; border: 1px solid #dbdced; } .inxpart-list li img { display: block; width: 100%; } .inxpart-list .index-btn.index-prev.swiper-button-disabled { display: none !important; } .inxpart-list .index-btn.index-next.swiper-button-disabled { display: none !important; } .partner-wrapper { overflow: hidden; } @media (min-width: 1024px) { .inxpart-list { padding: 36px 30px; } .inxpart-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); } .inxpart-list li a { -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; overflow: hidden; } .inxpart-list li a img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; } .inxpart-list li:hover a { border-color: #d82019; } .inxPartner { padding-top: 56px; padding-bottom: 25px; } } @media (min-width: 1400px) { .inxpart-list { padding-left: 0; padding-right: 0; } } .searchcont401 { padding: 36px 0; background-color: #ffffff; } .searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; } .searchtitle401 span { color: #d82019; } .resultlist401 { font-size: 13px; padding: 3% 0; } .resultlist401 img { display: block; width: 100%; margin-bottom: 2%; } .resultlist401 ul { padding-bottom: 40px; } .resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; position: relative !important; top: auto !important; } .resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; } .resultlist401 h4 em { color: #da251d; } .resultlist401 h4 a { display: block; } .resulttext401 { overflow: hidden; height: 72px; color: #999; } .resultlabel401 { color: #999; display: inline-block; padding-top: 30px; } .searchinputcont401 dt { float: left; width: 78%; } .searchinputcont401 dd { float: left; width: 22%; } .searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; font-family: "Microsoft YaHei"; } .searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #d82019; text-align: center; font-family: "Microsoft YaHei"; } .keywords { color: #da251d; } @media (min-width: 768px) { .searchtitle401 { font-size: 24px; } .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; } .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; } .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; } } @media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; } .searchinputcont401 dt input { font-size: 18px; } .searchinputcont401 dd input { font-size: 18px; font-weight: bold; } } /*20181107*/ .minimg-wrapper { overflow: hidden; position: relative; } .product-table { width: 100%; overflow-x: auto; padding-bottom: 10px; } /*2018.11.16*/ .prodatile-btn { display: block; width: 30px; height: 100%; top: 0; position: absolute; z-index: 5; background-position: center center; background-repeat: no-repeat; background-size: 30px; transition: all ease 0.5s; } .prodatile-prev { background-image: url(../images/prevho.png); left: 0; } .prodatile-next { background-image: url(../images/nextho.png); right: 0; } @media (min-width: 1024px) { .prodatile-btn { background-size: 42px; width: 50px; } .prodatile-prev { background-position-x: -50px; } .prodatile-prev:hover { background-position-x: 0; } .prodatile-next { background-position-x: 50px; } .prodatile-next:hover { background-position-x: 0; } } /*2018.11.19*/ .footer-top { padding-top: 10px; } .footer-top ul li.li1 h3 { padding: 10px 0; position: relative; border-bottom: 1px solid #ddd; } .footer-top ul li.li1 h3 a { color: #85868f; } .footer-sub { padding-bottom: 5px; display: none; } .footer-sub a { display: block; color: #999999; font-size: 13px; padding: 5px 0; } .footer-top ul li.li2 { padding-top: 20px; text-align: center; } .footer-top ul li.li2 h3 { margin-bottom: 20px; } .footer-top ul li.li2 img { width: 135px; max-width: 100%; border: #dedede 1px dashed } .footer-top ul li.li2 .telnum { padding-top: 14px; font-size: 13px; color: #34364b; opacity: 0.7; } .footer-top ul li.li2 .telnum a { color: #34364b; display: inline-block; } .footer-top ul li.li2 .telnum a:hover { color: #d82019; opacity: 1; } .plus.icon { position: absolute; right: 15px; top: 11px; color: #fff; position: absolute; margin-left: 3px; margin-top: 10px; } .plus.icon:before { content: ''; position: absolute; width: 15px; height: 1px; background-color: #333; } .plus.icon:after { content: ''; position: absolute; width: 15px; height: 1px; background-color: #333; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .footer-top ul li h3.cur .plus.icon:after { opacity: 0; } @media (min-width: 1024px) { .footer-top { padding-top: 46px; padding-bottom: 48px; } .footer-top ul li { padding-right: 1.2%; float: left; } .footer-top ul li.li1 h3 { border-bottom: 0; padding-top: 0; } .footer-sub { padding-bottom: 0; display: block; } .footer-sub a { padding-top: 0; color: #abacb7; } .footer-sub a:hover { color: #C61B2B; } .footer-top ul li.li2 { padding: 0; text-align: right; } .plus.icon:after, .plus.icon:before { opacity: 0; } .footer-top ul li.li2 .telnum a { padding: 0 0 0 2px; } } @media (min-width: 1199px) { .footer-top ul li { padding-right: 2.7%; } } @media (min-width: 1260px) { .footer-top ul li { padding-right: 2.9%; } .footer-top ul li.li2 { padding: 0 0 0 2%; } } /*2018.11.19*/ /*.header-nav li { padding: 0; }*/ .header-nav li h3 { padding: 0 10px; } .header-nav .sub-item.cur .three-btn:after { border-top: 7px solid #b3b3b3; border-left: 5px solid transparent; border-right: 5px solid transparent; } .header-nav .sub-item h4 { position: relative; border-bottom: 1px solid #d9d9d9; padding: 0 15px; } .header-nav .sub-item:last-child h4 { border-bottom: 0; } .header-nav .sub-nav { background-color: #f2f2f2; padding: 0; } .header-nav .three-nav { display: none; background-color: #fafafa; padding: 0 20px; } .header-nav .three-btn { display: block; position: absolute; right: 0; top: 0; cursor: pointer; height: 36px; width: 80%; } .header-nav .three-btn:after { content: ''; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-left: 7px solid #b3b3b3; border-bottom: 6px solid transparent; position: absolute; right: 13px; top: 50%; margin-top: -4px; } @media (min-width: 1024px) { header { border-bottom: 1px solid #e0e0e0; box-shadow: none; } .header-nav li { position: relative; } .header-nav li h3 { padding: 0; } .header-nav .sub-nav { top: 100px; background-color: #FFFFFF; position: absolute; width: 210px; left: 50%; transform: translateX(-50%); display: none; text-align: center; border: 1px solid #e0e0e0; border-top: 0; } .header-nav li .sub-item a { text-align: center; } /*.header-nav li:nth-child(2) .sub-item a { text-align: left; }*/ .header-nav .sub-item { position: relative; padding: 0 17px; } .header-nav .sub-item:hover h4 a { color: #d82019; } .header-nav .sub-item:hover h4 .three-btn:after { border-left-color: #d82019; } .header-nav .sub-item h4 { border-bottom: 1px solid #e0e0e0; padding: 0; } .header-nav .sub-item h4 a { padding: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 42px; } .header-nav .three-nav { position: absolute; top: 0; left: 208px; width: 160px; background-color: #FFFFFF; text-align: center; color: #666666; border: 1px solid #e0e0e0; } .header-nav .three-nav a { text-align: center; } .header-nav .three-nav a:hover { color: #d82019; } .header-nav .three-btn { height: 43px; } .header-nav .three-btn:after { margin-top: -8px; } } /*2018.11.19 end*/ /*2018.11.21*/ .loadingmore { display: block; width: 100%; font-size: 14px; background: #d82019; height: 40px; line-height: 40px; color: #ffffff; text-align: center; -webkit-transition: all ease .5s; -o-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .loadingmore:hover { background-color: #e85a55; } @media (min-width: 1024px) { .loadingmore { height: 50px; line-height: 50px; font-size: 16px; } } /*2018.11.26*/ .contact-clumb-box .Dealerbtn { margin-bottom: 8px; width: 182px; } @media (min-width: 1024px) { .contact-clumb-box { width: 253px; } .contact-clumb-box .Dealerbtn { width: 253px; float: right; } } /*2018.12.5*/ .ebsgovicon img { height: 59px !important; width: auto !important; } /*分页样式*/ .pages { clear: both; margin: 40px auto 20px auto; padding-top: 50px; overflow: hidden; text-align: center; font-size: 14px; border-top: 5px solid #f4f5f6; } .pages ul li { display: inline-block; border: 1px solid #ccc; padding: 6px 15px; margin: 0 1px; line-height: 24px; background: #fff; color: #999; border-radius: 2px } .pages ul li:hover { background: #d82019; color: #fff; border: 1px solid #d82019 } .pages ul li:hover a { color: #fff; } /* JTao */ .culture-list { float: left; margin-top: 80px; margin-right: 40px; width: 268px; } .culture-list:nth-child(4){ margin-right: 0; } .culture-list img{ width: 100%; height: 250px; display: block; } .culture-list div { height: 120px; background-color: #fff; padding: 30px; box-sizing:border-box; font-size: 20px; font-weight: 700; color: #333; } .Comculture-dl { background: #fff !important } /* tuji */ .margin-large-bottom {margin-bottom:30px} .line-large {margin-left:-15px;margin-right:-15px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:15px;padding-left:15px} /* 首页解决方案 */ .solution .media-img{position:relative;} .solution .media-img .mask{opacity:0;z-index:3;background:url(../images/solution-hover.png) no-repeat center center;width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;} .solution .media-img .mask .subtitle{padding:25px} .solution .media-img .mask .more{position:absolute;bottom:25px;right:25px} .solution .media-img:hover .mask{z-index:5;transition:0.3s;opacity:1;transform: scale(1.1);} .solution .media-img .linear-link{z-index:1;opacity:1;background:linear-gradient(to bottom,rgba(0,0,0,.2) 65%,rgba(0,0,0,.8) 100%);width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;transition:0.3s;} .solution .media-img .linear-link .subtitle{padding:0 25px;z-index:3;width:100%;bottom:25px;left:0;position:absolute;transition:0.3s;} .text-white,a.text-white:link,a.text-white:visited,.button.border-white,blockquote.border-white,.pager.border-white a,.pager-prev.border-white,.pager-next.border-white {color:#fff;height:20px;} a.text-white:hover,.bg-inverse a:hover {color:#EBEBEB} .text-big {font-size:20px} .margin-large-bottom {margin-bottom:30px} .bg-gray{background:#F7F7F7} .bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-main.border-gray .nav-head,.pagination.border-gray .active {background-color:#888888} .layout {width:100%} .container,.container-layout {margin:0 auto;padding:0 10px} @media(min-width:760px) {.container {width:750px} } @media(min-width:1000px) {.container {width:1000px} } @media(min-width:1200px) {.container {width:1200px} } .line {margin:0;padding:0} .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {position:relative;min-height:1px} .line-big {margin-left:-10px;margin-right:-10px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px} .line-middle {margin-left:-5px;margin-right:-5px} .line-middle .x1,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .xl1,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xs1,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12,.line-middle .xm1,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xb1,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px} .line-small {margin-left:-1px;margin-right:-1px} .line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:1px} .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 {float:left} .x1 {width:8.33333333%} .x2 {width:16.66666667%} .x3 {width:25%} .x4 {width:33.33333333%} .x5 {width:41.66666667%} .x6 {width:50%} .x7 {width:58.33333333%} .x8 {width:66.66666667%} .x9 {width:75%} .x10 {width:83.33333333%} .x11 {width:91.66666667%} .x12 {width:100%} @media(min-width:300px) {.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12 {float:left} .xl1 {width:8.33333333%} .xl2 {width:16.66666667%} .xl3 {width:25%} .xl4 {width:33.33333333%} .xl5 {width:41.66666667%} .xl6 {width:50%} .xl7 {width:58.33333333%} .xl8 {width:66.66666667%} .xl9 {width:75%} .xl10 {width:83.33333333%} .xl11 {width:91.66666667%} .xl12 {width:100%} } @media(min-width:760px) {.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12 {float:left} .xs1 {width:8.33333333%} .xs2 {width:16.66666667%} .xs3 {width:25%} .xs4 {width:33.33333333%} .xs5 {width:41.66666667%} .xs6 {width:50%} .xs7 {width:58.33333333%} .xs8 {width:66.66666667%} .xs9 {width:75%} .xs10 {width:83.33333333%} .xs11 {width:91.66666667%} .xs12 {width:100%} } @media(min-width:1000px) {.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12 {float:left} .xm1 {width:8.33333333%} .xm2 {width:16.66666667%} .xm3 {width:25%} .xm4 {width:33.33333333%} .xm5 {width:41.66666667%} .xm6 {width:50%} .xm7 {width:58.33333333%} .xm8 {width:66.66666667%} .xm9 {width:75%} .xm10 {width:83.33333333%} .xm11 {width:91.66666667%} .xm12 {width:100%} } @media(min-width:1200px) {.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {float:left} .xb1 {width:8.33333333%} .xb2 {width:16.66666667%} .xb3 {width:25%} .xb4 {width:33.33333333%} .xb5 {width:41.66666667%} .xb6 {width:50%} .xb7 {width:58.33333333%} .xb8 {width:66.66666667%} .xb9 {width:75%} .xb10 {width:83.33333333%} .xb11 {width:91.66666667%} .xb12 {width:100%} } @media(max-width:760px) {.show-l {display:block!important} .hidden-l {display:none!important} } @media(min-width:761px) and (max-width:1000px) {.show-s {display:block!important} .hidden-s {display:none!important} } @media(min-width:1001px) and (max-width:1200px) {.show-m {display:block!important} .hidden-m {display:none!important} } @media(min-width:1201px) {.show-b {display:block!important} .hidden-b {display:none!important} } /* 路径 */ .nav-bread{padding:0;height:70px;line-height:70px;font-size:0} .nav-bread h2{font-size:24px;font-weight:600} .nav-bread a{color:#888888;font-size:14px;display:inline-block;} .nav-bread a:hover{color:#ff9600} .nav-bread a:after {content:"";padding:0 10px;background:url(../images/nav-bread.png) no-repeat center 50%;} .nav-bread a:last-child:after {content:"";background:none;} .margin-small-right {margin-right:5px} .container:after {content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden} .container {display:block} .margin-bottom {margin-bottom:10px} .text-middle {font-size:16px} .margin-small-bottom {margin-bottom:5px} .blank-middle{height:30px;line-height:30px;clear:both;font-size:0} .text-center {text-align:center} /*分页 begin*/ .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#ff9600;color:#fff;border:1px solid #ff9600;} /*分页 end*/ .pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px} .pagination-group li {float:left;border-right:0;border-radius:0} .pagination-group li:not(:first-child):not(:last-child) {border-radius:0} .pagination-group li:first-child {border-radius:4px 0 0 4px} .pagination-group li:last-child {border-radius:0 4px 4px 0} .pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0} .pagination-big a {padding:10px 16px;font-size:16px} .pagination-small a {padding:5px 10px;font-size:12px} .pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff} a.text-white:hover,.bg-inverse a:hover {color:#EBEBEB} .bg,.table .current,.table .current td,.table .current th,.button.active,.pointer.border .active,.nav-menu ul a:hover,.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu ul a:hover,.bg-inverse .nav.nav-menu .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav-menu.nav-inline.nav-big ul a:hover,.navbar-body .nav ul a:hover {background-color:#f5f5f5} .bg-black,.border-black .button.active,.pointer.border-black .active,.nav-pills.border-black .active a,.nav-main.border-black .nav-head,.pagination.border-black .active {background-color:#121212} .bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-main.border-gray .nav-head,.pagination.border-gray .active {background-color:#888888} .bg-white,.button.bg,.border-white .button.active,.pointer.border-white .active,.nav-pills.border-white .active a,.nav-main.border-white .nav-head,.pagination.border-white .active {background-color:#fff} .bg-red,.border-red .button.active,.pointer.border-red .active,.nav-pills.border-red .active a,.nav-main.border-red .nav-head,.pagination.border-red .active {background-color:#F72076} .bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-main.border-yellow .nav-head,.pagination.border-yellow .active {background-color:#ff9600} .bg-blue,.border-blue .button.active,.pointer.border-blue .active,.nav-pills.border-blue .active a,.nav-main.border-blue .nav-head,.pagination.border-blue .active {background-color:#1D4696} .bg-green,.border-green .button.active,.pointer.border-green .active,.nav-pills.border-green .active a,.pagination.border-green .active {background-color:#00CC18} .bg-red-light,.table .red,.table .red td,.table .red th,.alert-red,.border-red-light .button.active,.pointer.border-red-light .active,.nav-pills.border-red-light .active a,.nav-main.border-red-light .nav-head,.pagination.border-red-light .active {background-color:#fee} .bg-yellow-light,.table .yellow,.table .yellow td,.table .yellow th,.alert-yellow,.border-yellow-light .button.active,.pointer.border-yellow-light .active,.nav-pills.border-yellow-light .active a,.nav-main.border-yellow-light .nav-head,.pagination.border-yellow-light .active {background-color:#ff9600} .bg-blue-light,.table .blue,.table .blue td,.table .blue th,.alert-blue,.border-blue-light .button.active,.pointer.border-blue-light .active,.nav-pills.border-blue-light .active a,.nav-main.border-blue-light .nav-head,.pagination.border-blue-light .active {background-color:#eff} .bg-green-light,.table .green,.table .green td,.table .green th,.alert-green,.border-green-light .button.active,.pointer.border-green-light .active,.nav-pills.border-green-light .active a,.nav-main.border-green-light .nav-head,.pagination.border-green-light .active {background-color:#efd} .blank-large{height:80px;line-height:80px;clear:both;font-size:0} .badge.bg-white,.badge.bg-red-light,.badge.bg-yellow-light,.badge.bg-blue-light,.badge.bg-green-light {color:#333} .bg-white {color:inherit} .bg-white {background-color:#fff} .padding-large {padding:30px} .padding-large-top {padding-top:30px} .padding-large-right {padding-right:30px} .padding-large-bottom {padding-bottom:30px} .padding-large-left {padding-left:30px} .margin-big-bottom {margin-bottom:20px} /* 标签 */ .tag{display:inline-block;transition:.5s} .tag.padding{padding:5px 12px} .tags{color: #ff9600!important; border: 1px solid #ff9600!important; background-color: unset;} /* 英文字体begin */ .Conv_DINCondensedC{ font-family: "Conv_DINCondensedC";} /* 英文字体end */ /* 行距 begin*/ .blank{height:10px;line-height:10px;clear:both;font-size:0} .blank-small{height:20px;line-height:20px;clear:both;font-size:0} .blank-middle{height:30px;line-height:30px;clear:both;font-size:0} .blank-big{height:50px;line-height:50px;clear:both;font-size:0} .blank-large{height:80px;line-height:80px;clear:both;font-size:0} /* 行距 end*/ .text-gray,a.text-gray:link,a.text-gray:visited,.button.border-gray,blockquote.border-gray strong,.pager.border-gray a,.pager-prev.border-gray,.pager-next.border-gray {color:#888888} .padding-big-bottom {padding-bottom:20px} .text-default {font-size:14px} .img-responsive {display:block;max-width:100%;height:auto} .button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green {color:#fff} .radius-rounded {border-radius:2em;padding-left:1em;padding-right:1em} .padding-small {padding:5px} .padding-small-top {padding-top:5px} .padding-small-right {padding-right:5px} .padding-small-bottom {padding-bottom:5px} .padding-small-left {padding-left:5px} /* 上下篇 */ .prenext-pro a.button{height:70px;line-height:70px;padding:0 25px} .prenext-pro a.button:hover{background:#ff9600;color:#fff} .prenext-pro a.border{border:1px solid #eee} .button-block {display:block;width:100%} .radius-none {border-radius:0} .text-main,a.text-main:link,a.text-main:visited,.button.border-main,blockquote.border-main strong,.pager.border-main a,.pager-prev.border-main,.pager-next.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {color:#383838} .text-middle {font-size:16px} .text-gray,a.text-gray:link,a.text-gray:visited,.button.border-gray,blockquote.border-gray strong,.pager.border-gray a,.pager-prev.border-gray,.pager-next.border-gray {color:#888888} @media(max-width:760px) {.show-l {display:block!important} .hidden-l {display:none!important} } /* tuji over */