.main .service_box {text-align:center; margin:0; margin-top:30px; box-shadow:0 0 8px rgba(0, 0, 0, 0.1); cursor: pointer; border-radius:6px; overflow: hidden;}
.main .service_box .title {color: #000; }
.main .service_item {min-height:248px; border-right:1px solid #f0f0f0; border-top:1px solid #f0f0f0; padding:0 25px; padding-top:28px; display:block;}
.main .service_item:hover {box-shadow:0 0 8px rgba(0, 0, 0, 0.1);}
.main .service_item:hover .title, .main .service_item:hover .f_grey {color:#007bff;}
.main .service_item .p_icon {transition:all 0.2s ease-in-out;}
.main .service_item:hover .p_icon {transform:scale(1.1);}




.trade_wapper  {padding-top:12px;}
.trade_item {white-space:nowrap; width:170px; height:450px; position:relative; float: left; overflow: hidden; transition:all 0.3s;}
.trade_img_box {width:170px; height:450px; position:relative; color:#fff; cursor: pointer; }
.trade_img_box .txt_align { top:200px; position:absolute; width:100%;}
.trade_img_box .txt_align img {margin-top:10px;}
.trade_img_box .bg {background:#001937; opacity:0.8; position:absolute; left:0; right:0; bottom:0; top:0; transition:all 0.3s;}
.trade_img_box.bg1 {background-image:url("../img/trade_01.jpg");}
.trade_img_box.bg2 {background-image:url("../img/trade_02.jpg");}
.trade_img_box.bg3 {background-image:url("../img/trade_03.jpg");}
.trade_img_box.bg4 {background-image:url("../img/trade_04.jpg");}
.trade_img_box.bg5 {background-image:url("../img/trade_05.jpg");}
.trade_item .info_box { width:290px; height:450px; white-space: normal; background:#f8f9fb; padding:60px 36px; position:absolute; left:170px;}
.trade_item.cur {width:460px;}
.trade_item.cur .bg {background:#57a2ff;}

.case_tip { padding-bottom:50px;}
.case_tip>div {width:25%; float:left;}
.case_tip p {margin:0;}
.case_box .c_logo {width:20%; float: left; display:inline-block; text-align:center; padding:20px 0; border:1px solid #efefef; margin-bottom:-1px; margin-left:-1px;}
.case_box .c_logo img{width:110px;}

.top_txt {text-align:center; position:absolute; top:160px; width:100%; color:#506478; padding:0 10px;}
.f_grey2 {color:#506478;}
#root {min-height:500px;}
@media screen and (max-width:900px) {
  .m_content main {width:100%;}
   #case, .w_h{display:none;}
  .case_wrapper {padding:0 15px; padding-top:20px;}
  .case_tip>div {width:49%;}
  .case_box .c_logo {width:33.3%;}
  .case_box .c_logo:nth-child(n+10) {display:none;}

  
  .banner_title {font-size:24px;}
  .banner_sub_title  {font-size:12px;}
  .tpm-infrastructure {height: 320px !important;}
  .tpm-earth-with-bg {background-size: auto 280px !important; background-position:20% 40px !important;}
  .top_txt {top: 100px;}

  .main .service_box .f_grey {display:none;}
  .main .service_item {min-height:120px; padding:0 20px; padding-top:20px;}
  .main .service_box .title {font-size:12px;}
  .main .service_item .p_icon {max-width:90%;}
  .case_tip {padding-bottom:16px;}
  .case_box  {margin-bottom:20px;}
  .case_box .c_logo img {width:80%;}
  #root {min-height:100px;}
}