#clear, .clear {clear: both;float: none!important;background: none;width: inherit !important;	height: inherit !important;}
.fl-left{ float:left;}
.fl-right{ float:right;}
/*
support

-----------------------------------------------------------------*/
#support{ width:100%; max-width:1140px; margin:0 auto; padding-bottom:100px; text-align:left;}
#support>.img{width:33%; padding-bottom:100px; text-align:right;}
#support>.img>img{ width:100%; height:auto;}
/*#support>.container{ width:62%; text-align:left;}*/
#support>.container{ width:100%; text-align:left;}
#support>.container>.text{ font-size:16px; color:#333; line-height:24px;}
#support>.container>.text>p{ padding-bottom:25px;}
#support>.container>.text span.tel{ color:#d7000f;}
#support>.container>.after-sales{padding:80px 0;}
#support>.container>.after-sales>.item{ float:left; text-align:center; font-size:14px; color:#333; line-height:24px; padding-right:50px;}
#support>.container>.after-sales>.item>img{ display:block; margin:0 auto 8px auto;}
#support>.container>.range{ text-align:left;}
#support>.container>.range>h3{ display:block; margin:0 auto; text-align:left; padding-bottom:10px; font-size:22px; color:#d7000f;}
#support>.container>.range>.item{ float:left; font-size:14px; color:#333; line-height:24px; padding-right:100px; padding-bottom:80px;}


@media only screen and (max-width: 1280px) {
  #support{width:93.75%;}
}
@media only screen and (max-width: 760px) {
  #support>.img{width:100%;;float:none!important;padding-bottom:0 !important;}
  #support>.container{ width:100%; float:none!important; padding:10px 0; }
  #support>.container>.after-sales{padding:40px 0;}
  #support>.container>.after-sales>.item{ width:33%; padding-right:0!important;}
}
@media only screen and (max-width: 420px) {
  #support>.container>.range>h3{ font-size:16px;}
}
@media only screen and (max-width: 320px) {
  #support>.container>.text span.tel{ display:block; color:#d7000f;}
}
/* end*/



/*

network

-----------------------------------------------------------------*/
#network{ width:100%; max-width:1140px; margin:0 auto; padding-bottom:100px; text-align:left;}
#network>.img{width:33%; padding-bottom:100px; text-align:right;}
#network>.img>img{ width:100%; height:auto;}
/*#network>.container{ width:62%; text-align:left;}*/
#network>.container{ width:100%; text-align:left;}
#network>.container>.text{ font-size:16px; color:#333; line-height:24px;}
#network>.container>.text>p{ padding-bottom:25px;}
#network>.container>.map{padding:70px 0 20px 0;}
#network>.container>.map>img{ max-width:100%; height:auto;}
#network>.container>.salse{padding-bottom:100px;}
#network>.container>.salse>h3{ display:block; margin:0 auto; text-align:left; padding-bottom:10px; font-size:18px; color:#d7000f;}
#network>.container>.salse>.item{ float:left; font-size:14px; color:#333; line-height:24px; padding-right:100px;}


@media only screen and (max-width: 1280px) {
  #network{width:93.75%;}
}
@media only screen and (max-width: 760px) {
  #network>.img{width:100%;;float:none!important;padding-bottom:0 !important;}
  #network>.container{ width:100%; float:none!important; padding:10px 0; }
  #network>.container>.salse{padding-bottom:0px!important; padding-top:40px;}
  #network>.container>.salse>.item{ float:none!important; padding-right:0px!important;}
}
@media only screen and (max-width: 420px) {
  #network>.container>.salse>h3{ font-size:16px;}
}
/* end*/







/*

talent

-----------------------------------------------------------------*/
#talent{ width:100%; max-width:1140px; margin:0 auto; padding-bottom:100px; text-align:left;}
#talent>.img{width:33%; padding-bottom:100px; text-align:right;}
#talent>.img>img{ width:100%; height:auto;}
/*#talent>.container{ width:62%; text-align:left;}*/
#talent>.container{ width:100%; text-align:left;}
#talent>.container>.text{ font-size:16px; color:#333; line-height:24px;}
#talent>.container>.text>h3{ display:block; margin:0 auto; text-align:left; padding-bottom:10px; font-size:22px; color:#d7000f;}
#talent>.container>.text>.item{font-size:16px; color:#333; line-height:24px;}
#talent>.container>.text p{ padding-bottom:30px;}
#talent>.container>.text img{ max-width:100%; height:auto;}

@media only screen and (max-width: 1280px) {
  #talent{width:93.75%;}
}
@media only screen and (max-width: 760px) {
  #talent>.img{width:100%;;float:none!important;padding-bottom:0 !important;}
  #talent>.container{ width:100%; float:none!important; padding:10px 0; }
}
@media only screen and (max-width: 420px) {
  #talent>.container>.text>h3{ font-size:16px;}
}
/* end*/



/*

jobs

-----------------------------------------------------------------*/
#jobs{ width:100%; max-width:1140px; margin:0 auto; text-align:left;}
#jobs>.list-tr {background:#e7e7e7;}
#jobs>.list-tr div{ position:relative; float:left; width:auto; height:40px; line-height:40px; color:#333; font-size:14px;text-align:center;}
#jobs>.list-tr div:after{position:absolute; z-index:9; right:0; top:0; width:2px; height:100%; background:#fff; content:'';}
#jobs>.list-tr .td1 {width:36%;padding: 0px 2%;text-align: left;}
#jobs>.list-tr .td2 {width:12%;}
#jobs>.list-tr .td3 {width:12%;}
#jobs>.list-tr .td4 {width:12%;}
#jobs>.list-tr .td5 {width:12%;}
#jobs>.list-tr .td6 {width:12%;}
#jobs>.list-tr .td6:after{display:none;}
#jobs>.list-td {margin: 0px auto;height: 40px;padding: 5px 0px;border-bottom: 1px solid #eee;}
#jobs>.list-td.A div {color:#d7000f;}
#jobs>.list-td div{ position:relative; float:left; width:auto; height:40px; line-height:40px; color:#333; cursor:pointer; font-size:14px;text-align:center;}
#jobs>.list-td .td1 {width:36%;padding: 0px 2%;text-align: left;}
#jobs>.list-td .td2 {width:12%;}
#jobs>.list-td .td3 {width:12%;}
#jobs>.list-td .td4 {width:12%;}
#jobs>.list-td .td5 {width:12%;}
#jobs>.list-td .td6 {width:12%;}
#jobs>.list-td .td6 .btn {display: inline-block; text-align:center; cursor: pointer;}
#jobs>.list-td .td6 .btn img{ padding-top:10px; height:18px; width:auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); opacity:.3; transition:all .35s;}
#jobs>.list-td .td6 .btn:hover img{ -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0); opacity:1;}
#jobs>.list-son {display: none;background: #f7f7f7;padding: 20px;font-size:14px; text-align: left;color: #333;}
#jobs>.list-son .text{ padding-bottom:20px;}
#jobs>.list-son .text>.item{ float:left; line-height:24px; padding-right:70px;}
#jobs>.list-son .tag {padding-bottom: 20px;line-height: 21px; color:#333;}
#jobs>.list-son .tag h4 {display: block; font-weight:normal; padding: 5px 0px;}

@media only screen and (max-width: 1280px){
  #jobs{ width:93.75%; }
}

@media only screen and (max-width: 780px){
  #jobs>.list-tr div{ font-size:14px;}
  #jobs>.list-td div{font-size:12px;}
  #jobs>.list-son {padding:10px;font-size:12px;}
}

@media only screen and (max-width: 420px){
  #jobs>.list-tr .td1 {width:48%;}
  #jobs>.list-tr .td2 { display:none;}
  #jobs>.list-tr .td3 {width:24%;}
  #jobs>.list-tr .td4 { display:none;}
  #jobs>.list-tr .td5 { display:none;}
  #jobs>.list-tr .td6 {width:24%;}
  #jobs>.list-td .td1 {width:48%;}
  #jobs>.list-td .td2 { display:none;}
  #jobs>.list-td .td3 {width:24%;}
  #jobs>.list-td .td4 { display:none;}
  #jobs>.list-td .td5 { display:none;}
  #jobs>.list-td .td6 {width:24%;}
}
/* end*/