@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:400
}
ul,li {
list-style:none
}
em,i,b {
font-style:normal
}
img {
border:0;
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:-.25em
}
sup {
top:-.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;
padding:0
}
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 0 1000px #fff 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:0 15px
}
.commonwebbox {
margin-left:0;
margin-right:0
}
.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:0 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:0 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:0 auto;
max-width:1200px;
padding:0
}
}#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 {
background-color:#fff;
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(img/weixin.png)
}
#foot-share .txinlang {
background-image:url(img/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;
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:#333 url(img/wicon89.png) no-repeat center center
}
@media(min-width:1180px) {
.zdsbacktop {
width:50px;
height:50px
}
}.visible-md {
display:block
}
body {
padding-top:0px
}
@media(min-width:1024px) {
body {
padding-top:0px
}
}header {
background:#fff;
-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.2);
-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.2);
box-shadow:0 0 1px 1px rgba(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
}
.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:20px 0;
float:left
}
.logo img {
display:block;
height:22px
}
.header-nav {
position:fixed;
top:55px;
width:100%;
left:0;
height:100%;
background:#fff;
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;
font-size:0
}
.header-right .search-con {
display:inline-block
}
.header-right .search-inco {
display:inline-block;
width:30px;
height:30px;
background:url(img/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,.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 .5s ease;
width:27px;
height:2px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .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:#fff
}
.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(img/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:#fff;
padding:0 20px;
-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(0,0,0,.1)
}
.headcompany .company-choose a {
display:block;
line-height:30px
}
.headcompany .company-choose a:hover {
color:#d82019
}
.headlanguage .langbtn {
background:url(img/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:19px
}
}@media(min-width:1024px) {
header {
background:#fff;
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:0 0;
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:32px 0 0
}
.logo img {
display:block;
height:30px
}
.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:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-duration:.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:700;
color:#d82019
}
.header-nav li:hover h3 a:after,.header-nav li.cur h3 a:after {
left:0;
right:0;
z-index:1
}
.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:0 0;
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 .5s ease;
width:19px;
height:3px;
-o-transition:all .5s ease;
-moz-transition:all .5s ease;
transition:all .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%
}
.header-right {
padding-right:51px
}
.headsearch,.headcompany,.headlanguage {
padding:0 5px
}
}@media(min-width:1366px) {
.logo {
padding:32px 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:4%
}
.header-nav li {
padding:0 1.5%
}
.header-right {
padding-right:50px;
right:50px
}
.headcompany {
width:135px;
padding:0 27px
}
.logo img {
height:34px
}
.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 .5s cubic-bezier(.24,.72,.35,1.01) .1s;
-o-transition:all .5s cubic-bezier(.24,.72,.35,1.01) .1s;
-moz-transition:all .5s cubic-bezier(.24,.72,.35,1.01) .1s;
transition:all .5s cubic-bezier(.24,.72,.35,1.01) .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(img/slide-close.png) no-repeat center center;
position:absolute;
top:30px;
right:30px
}
.headsideNav .slide-nav {
padding:40px 0 0;
font-size:18px;
-webkit-transition:all .8s cubic-bezier(.24,.72,.35,1.01) .3s;
-o-transition:all .8s cubic-bezier(.24,.72,.35,1.01) .3s;
-moz-transition:all .8s cubic-bezier(.24,.72,.35,1.01) .3s;
transition:all .8s cubic-bezier(.24,.72,.35,1.01) .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:.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:0;
background:#fff;
background:rgba(0,0,0,.31);
font-size:14px;
-webkit-transition:all .3s;
-o-transition:all .3s;
-moz-transition:all .3s;
transition:all .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:#fff
}
.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
}
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:#666
}
.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:#fff
}
.c333333 {
color:#333
}
.c696161 {
color:#696161
}
.center {
text-align:center
}
.fontbold {
font-weight:700
}
.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:#fff;
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:700;
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,.2);
-moz-box-shadow:0 1px 3px 1px rgba(0,0,0,.2);
box-shadow:0 1px 3px 1px rgba(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:#999;
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:#fff
}
.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:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.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
}
.common-clumb-min {
padding-top:30px
}
@media(min-width:762px) {
.clumb-title .cn {
padding:0 0 7px
}
}@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:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-duration:.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:#fff;
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 transparent;
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(img/homeico.png) no-repeat 0 center
}
.common-clumb {
padding:12px 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 #666;
border-bottom:2px solid #666
}
.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:.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:#000;
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:.13s
}
.loadEffect span:nth-child(2) {
left:2px;
top:9px;
-webkit-animation-delay:.26s
}
.loadEffect span:nth-child(3) {
left:9px;
top:2px;
-webkit-animation-delay:.39s
}
.loadEffect span:nth-child(4) {
left:50%;
top:0;
margin-left:-2px;
-webkit-animation-delay:.52s
}
.loadEffect span:nth-child(5) {
right:9px;
top:2px;
-webkit-animation-delay:.65s
}
.loadEffect span:nth-child(6) {
right:2px;
top:9px;
-webkit-animation-delay:.78s
}
.loadEffect span:nth-child(7) {
right:0;
top:50%;
margin-top:-2px;
-webkit-animation-delay:.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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.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;
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 #eee;
color:#929292;
padding:15px 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;
max-width:510px
}
}.pro-datial-tab {
color:#929292;
padding-bottom:25px
}
.tab-options {
border-top:1px solid #eee;
border-bottom:1px solid #eee;
text-align:center;
background-color:#fff
}
.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:.3s;
-o-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-duration:.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;
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
}
.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
}
.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
}
.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:#fff
}
.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(img/prev.png);
left:0
}
.relat-btn.relat-prev.swiper-button-disabled {
display:none!important
}
.relat-btn.relat-prev:hover {
background-image:url(img/prevho.png)
}
.relat-btn.relat-next {
background-image:url(img/next.png);
right:0
}
.relat-btn.relat-next.swiper-button-disabled {
display:none!important
}
.relat-btn.relat-next:hover {
background-image:url(img/nextho.png)
}
.relat-case-wrapper {
position:relative
}
.relat-case-wrapper .caeslwrapper-min {
overflow:hidden;
padding:30px 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
}
.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:#fff;
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:.5s;
-moz-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.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
}
.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
}
.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:#fff
}
@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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
.relat-case-wrapper li .solut-text {
padding:24px 30px 31px
}
.relat-case-wrapper li .solut-text h3 {
margin:0 0 9px
}
.relat-case-wrapper li:hover .solut-text h3 {
color:#d82019
}
.relat-product-wrapper .soproduct-min {
padding:61px 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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.newscenter-list li {
margin:0 0 20px
}
.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:#999;
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
}
.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;
width: 378px;
height: 278px
}
.newscenter-list li .news-img img {
-webkit-transition:all ease .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.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:#666;
padding:0 0 5px
}
.news-detail-title #newshare {
background:url(img/wicon6.png) no-repeat left center;
color:#999;
padding:0 0 0 23px;
height:18px;
line-height:18px;
margin:15px 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(img/weibo2.png)
}
.news-detail-title #newshare a.tweixin {
background-image:url(img/weixin2.png);
margin-left:2px
}
.news-detail-title #newshare a.tQQ {
background-image:url(img/qq.png)
}
.news-datail-content {
color:gray;
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:#666
}
.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
}
.news-detail-title .date {
padding:0 0 9px
}
.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:#666;
white-space:nowrap;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
overflow:hidden;
display:block
}
.cstatement-list li .date {
font-family:Montserrat;
color:#999;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.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
}
.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
}
.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:.5s;
-moz-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.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
}
}@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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
.classific-list li .solut-text {
padding:24px 30px 31px
}
.classific-list li .solut-text h3 {
margin:0 0 9px
}
.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:#333
}
}.Dealerbtn {
display:inline-block;
background:#d82019 url(img/wicon7.png) no-repeat 20px center;
color:#fff;
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
}
.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
}
}@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
}
}.Customer-list ul {
margin:0 -5px;
padding:0 0 20px
}
.Customer-list li {
padding:0 5px;
margin:0 0 10px
}
.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
}
.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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
}.pro-screening {
padding:20px;
background-color:#e3e5e6
}
.pro-screening .select-box {
background:#fff url(img/wicon9.png) no-repeat 92% center;
font-size:14px;
margin:0 0 10px
}
.pro-screening select {
display:block;
height:38px;
line-height:38px;
width:100%;
padding:0 10px;
cursor:pointer;
background:0 0;
color:#929292
}
.pro-screening .input-box {
width:100%;
float:left
}
.pro-screening .input-box label {
display:block;
width:100%;
background-color:#fff;
position:relative;
padding:0 60px 0 0
}
.pro-screening .input-box label input {
display:block;
background:0 0;
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(img/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%;
text-align:center
}
.pro-screening .select-box {
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 .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
}
.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:#333;
margin:0 0 10px;
padding:0 0 15px;
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
}
.inquirydel-list li:hover .inqui-cont {
-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.inquirydel-list li h3 {
padding:0 0 22px;
margin:0 0 19px
}
.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 #ddd;
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 #ddd;
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:700;
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(img/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(img/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;
-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:#666
}
.Download-list li .down-btn {
display:block;
width:68px;
height:100%;
background:#f2f2f2 url(img/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:#fff
}
.Download-list li:hover .down-btn {
background-color:#e31a13;
background-image:url(img/wicon13ho.png)
}
@media(min-width:768px) {
.Download-list li {
padding:32px 80px 32px 15px;
margin:0 0 22px
}
.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;
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:#666
}
.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(img/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(img/wicon16.png)
}
.Problem-list li .prob-title span {
display:block
}
.Problem-list li.cur .prob-title {
color:#fff;
background-color:#d82019;
border-color:#d82019
}
.Problem-list li.cur .prob-title:before {
background-image:url(img/wicon14ho.png)
}
.Problem-list li.cur .prob-title:after {
background-color:#e31a13;
background-image:url(img/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(img/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
}
.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(img/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;
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
}
}.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 #ddd;
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 #ddd;
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:700;
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 .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:nth-child(odd) {
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(img/wicon18.png) no-repeat 0 0;
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 #ddd;
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 #ddd;
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:700;
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:0 0;
padding:0
}
.Cvisitrepair .liselect .select-box {
background:#fff url(img/wicon20.png) no-repeat 92% center;
font-size:14px;
margin:0 0 10px;
border:1px solid #ddd
}
.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:0 0;
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(img/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:.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;
color:#666;
opacity:.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;
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
}
}@media(min-width:1680px) {
.comprofile-min:before {
width:36%
}
}@media(min-width:1800px) {
.comprofile-min:before {
width:40%
}
}.compGlobal-min {
background:url(img/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:#ccc url(img/wicon24.png) no-repeat 100% 100%
}
.Comculture-dl .thumb img {
display:block;
width:100%
}
.Comculture-dl .infor {
padding:15px;
color:#fff
}
.Comculture-dl .infor .name {
font-size:20px;
padding:0 0 8px
}
.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
}
.Comculture-dl .infor {
padding:7.5% 5% 10px
}
.Comculture-dl .infor .name {
font-size:26px;
line-height:30px;
padding:0 0 25px
}
}.Comculture-list li {
margin:0 0 20px
}
.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
}
.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;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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:#000;
z-index:90;
display:none;
opacity:.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:90%;
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(img/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(img/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:#fff
}
.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:#999;
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(img/prev2.png)
}
.history-btn.hisswiper-left:hover {
background-image:url(img/prev2ho.png)
}
.history-btn.hisswiper-right {
right:-5px;
background-image:url(img/next2.png)
}
.history-btn.hisswiper-right:hover {
background-image:url(img/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:17%
}
}@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;
margin:0 -5px
}
.Erespon-list li {
margin:0 0 10px;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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;
margin:0 -5px
}
.Environ-list li {
margin:0 0 10px;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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
}
.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:#fff;
width:100%
}
.Videos-min .video-show .videoicon {
display:block;
width:65px;
height:65px;
background:url(img/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 .35s,-webkit-transform .35s;
transition:opacity .35s,-webkit-transform .35s;
-o-transition:opacity .35s,-o-transform .35s;
-moz-transition:opacity .35s,transform .35s,-moz-transform .35s;
transition:opacity .35s,transform .35s;
transition:opacity .35s,transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .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;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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,.6);
left:0;
top:0
}
.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(img/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;
margin:0 -5px
}
.Employee-list li {
margin:0 0 10px;
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
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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(img/wimg21.jpg) no-repeat top center;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
margin:0 0 30px
}
.Career-wrapper {
position:relative;
padding:0 30px
}
.Career-wrapper .wrapper-min {
overflow:hidden;
padding:30px 0 0
}
.Career-wrapper ul.momargin {
margin:0
}
.Career-wrapper ul.momargin li {
padding:0
}
.Career-wrapper li {
margin:0 0 20px
}
.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:.5s;
-moz-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.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(img/prev3.png)
}
.Career-wrapper .relat-btn.relat-prev:hover {
background-image:url(img/prev3ho.png)
}
.Career-wrapper .relat-btn.relat-next {
background-image:url(img/next3.png)
}
.Career-wrapper .relat-btn.relat-next:hover {
background-image:url(img/next3ho.png)
}
@media(min-width:768px) {
.Career-wrapper .relat-btn {
height:43px
}
}@media(min-width:1024px) {
.Careerment-min {
margin:0 0 76px
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
.Career-wrapper li .solut-text {
padding:14px 30px 41px
}
.Career-wrapper li .solut-text h3 {
margin:0 0 9px
}
.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(img/wicon26.png) no-repeat 20px center;
color:#fff;
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
}
.recruiting-list .recontent {
border:2px solid #f2f0ec;
padding:20px 20px 40px;
position:relative
}
.recruiting-list .recontent .retitle {
color:#333
}
.recruiting-list .recontent .posititext {
color:#929292
}
.recruiting-list .recontent .Delivery {
position:absolute;
bottom:0;
left:0;
right:0;
background-color:#d82019;
color:#fff;
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
}
.recruiting-list .recontent {
padding:33px 30px 44px
}
.recruiting-list .recontent .retitle {
padding:0 0 5px
}
.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%
}
.grid.effect-1 li.animate {
-webkit-animation:fadeIn .65s ease forwards;
-moz-animation:fadeIn .65s ease forwards;
-o-animation:fadeIn .65s ease forwards;
animation:fadeIn .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
}
}.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 .65s ease forwards;
-moz-animation:moveUp .65s ease forwards;
-o-animation:moveUp .65s ease forwards;
animation:moveUp .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
}
}.grid.effect-3 li.animate {
-webkit-transform:scale(.6);
-moz-transform:scale(.6);
-ms-transform:scale(.6);
-o-transform:scale(.6);
transform:scale(.6);
-webkit-animation:scaleUp .65s ease-in-out forwards;
-moz-animation:scaleUp .65s ease-in-out forwards;
-o-animation:scaleUp .65s ease-in-out forwards;
animation:scaleUp .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
}
}.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
}
}.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
}
}.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
}
}.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
}
}.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(.4);
-moz-transform:scale(.4);
-ms-transform:scale(.4);
-o-transform:scale(.4);
transform:scale(.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
}
}.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:0 0;
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:700;
color:#d82019;
padding:5px 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(img/prev.png);
left:0
}
.index-btn.index-prev:hover {
background-image:url(img/prevho.png)
}
.index-btn.index-next {
background-image:url(img/next.png);
right:0
}
.index-btn.index-next:hover {
background-image:url(img/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
}
.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 transparent;
-moz-box-shadow:0 0 1px transparent;
box-shadow:0 0 1px transparent;
position:relative;
-webkit-transition-property:color;
-o-transition-property:color;
-moz-transition-property:color;
transition-property:color;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.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:.3s;
-moz-transition-duration:.3s;
-o-transition-duration:.3s;
transition-duration:.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:#fff;
border-color:#fff
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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
}
}@media(min-width:1400px) {
.indxNews-wraper {
padding:37px 0
}
}.indxAboutus {
background-color:#f1f4f9
}
.indxAboutus .par-posimg {
background:url(img/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:#fff;
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
}
.indxAboutus .par-content p {
color:#34364b;
opacity:.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
}
}@media(min-width:1280px) {
.indxAboutus .par-content {
padding-left:0
}
}.inxprod-list li {
margin:0 0 20px
}
.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:#fff;
width:40%
}
.inxprod-list li .inxpro-text h3 {
color:#34364b;
padding:0 0 5px
}
.inxprod-list li .inxpro-text p {
color:#58596d;
opacity:.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,.1);
-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1);
box-shadow:0 0 8px 0 rgba(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
}
.arrivals-wrapper ul.momargin {
margin:0
}
.arrivals-wrapper ul.momargin li {
padding:0
}
.arrivals-wrapper li {
margin:0 0 20px
}
.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:#fff;
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:.5s;
-moz-transition-duration:.5s;
-o-transition-duration:.5s;
transition-duration:.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
.arrivals-wrapper li .solut-text {
padding:34px 30px 30px
}
.arrivals-wrapper li .solut-text h3 {
margin:0 0 9px
}
.arrivals-wrapper li:hover .solut-text h3 {
color:#d82019
}
}@media(min-width:1400px) {
.arrivals-wrapper {
padding:5px 0
}
}.inxSolution {
background:url(img/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
}
.inxSolut-wrapper ul.momargin {
margin:0
}
.inxSolut-wrapper ul.momargin li {
padding:0
}
.inxSolut-wrapper li {
margin:0 0 20px
}
.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:#fff;
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(img/prev4.png)
}
.inxSolut-wrapper .index-btn.index-prev:hover {
background-image:url(img/prev4ho.png)
}
.inxSolut-wrapper .index-btn.index-next {
background-image:url(img/next4.png)
}
.inxSolut-wrapper .index-btn.index-next:hover {
background-image:url(img/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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .7s
}
.inxSolut-wrapper li .solut-text {
padding:24px 30px 32px
}
.inxSolut-wrapper li .solut-text h3 {
margin:0 0 2px
}
.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 .7s;
-moz-transition:all ease .7s;
-o-transition:all ease .7s;
transition:all ease .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:#fff
}
.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:#333;
background-color:#fff;
font-family:microsoft yahei
}
.searchinputcont401 dd input {
width:100%;
height:40px;
line-height:40px;
font-weight:700;
color:#fff;
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:700
}
}.minimg-wrapper {
overflow:hidden;
position:relative
}
.product-table {
width:100%;
overflow-x:auto;
padding-bottom:10px
}
.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 .5s
}
.prodatile-prev {
background-image:url(img/prevho.png);
left:0
}
.prodatile-next {
background-image:url(img/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
}
}.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:#999;
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 {
max-width:100%;
border:#dedede 1px dashed
}
.footer-top ul li.li2 .telnum {
padding-top:14px;
font-size:13px;
color:#34364b;
opacity:.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:3.1%
}
.footer-top ul li.li2 {
padding:0 0 0 2%
}
}.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:#fff;
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 .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:#fff;
text-align:center;
color:#666;
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
}
}.loadingmore {
display:block;
width:100%;
font-size:14px;
background:#d82019;
height:40px;
line-height:40px;
color:#fff;
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
}
}.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
}
}.ebsgovicon img {
height:59px!important;
width:auto!important
}
.pages {
clear:both;
margin:0 auto;
padding-top:0;
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
}