@charset "utf-8";

/* CSS Document */
.index_pc{display: block;}
.index_wap{display: none;}
.f14{ font-size: 14px}
.f18{ font-size: 18px}
.f20{ font-size: 20px}
.f22{ font-size: 22px}
.f24{ font-size: 24px}
.f28{ font-size: 0.28rem}
.f26{ font-size: 0.55rem; color: #666666}
.f32{ font-size: 0.32rem}
.f34{ font-size: 0.34rem}
.f46{ font-size: 0.46rem}
.f48{ font-size:0.85rem}
.f50{ font-size: 0.5rem}
.f60{ font-size: 2.34375vw}
.f70{ font-size: 2.734375vw}
.f72{ font-size: 2.8125vw}
.f90{ font-size: 3vw}
.f93{ font-size: 3.6328vw}


.aboutMap { padding-bottom: 1.0vw; padding-top:20px}
.aboutMap .left { float: left; width:43%; color: #000 }
.aboutMap .left .tit { line-height: normal; margin-bottom:0px; font-weight: bold; }
.aboutMap .left p { margin-top:2vw; line-height: 28px; border-bottom:1px solid #b8b8b8; font-size:16px; padding-bottom:13px}
.aboutMap .left b{  font-size:18px}
.aboutMap .left p a { color:#000000}
.ico01{ padding-left:70px; background: url(/images/icon1_6.png) no-repeat left 2px}
.ico02{ padding-left:70px; background: url(/images/icon1_1.png) no-repeat left 2px}
.ico03{ padding-left:70px; background: url(/images/icon1_2.png) no-repeat left 2px}
.ico04{ padding-left:70px; background: url(/images/icon1_3.png) no-repeat left 2px}


.aboutMap .right { float: right; width: 53%; height: 560px; margin-top:10px;border-radius:5px; overflow: hidden;border:1px solid #b8b8b8}
.aboutMap .right * { max-width: none }
.aboutMap .right .ytable { width: 320px; max-width: 90% }
.aboutMap .right .pic { width: 30% }
.aboutMap .right .txt { padding-left: 3% }
.aboutMap .right .txt h4, .aboutMap .right .txt p { margin: 0 }
.aboutMap .right .txt h4 { padding-left:0px; background: url(../images/add_icon.png) no-repeat left center }
.aboutMap .right .txt p { font-size: 14px }
@media (max-width:640px) {
.aboutMap .left, .aboutMap .right { width: 100%; float: none }
}





/* 行业 */
.list_business {  }
.list_business .list { margin: 70px 0 70px }
.list_business .list ul li { display: block;  margin-bottom:20px}
.list_business .list ul li a { display: block }
.list_business .list ul li a .txt { float: left; width: 50%; height: 395px; background: #c8161d; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.list_business .list ul li a .txt .des { padding: 100px 80px; background: url("/images/business_bg2.png") 0 0 no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: relative }
.list_business .list ul li a .txt .des i.iconfont { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 40px; color: #fff; position: absolute; right: 90px; top: 90px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s ; font-style: normal; }
.list_business .list ul li a .txt b.t1 { display: block; font-size: 30px; color: #fff }
.list_business .list ul li a .txt span.t2 { display: block; font-family: 'btl'; font-size: 30px; opacity: .5; filter: alpha(opacity=50); line-height: 34px; margin: 8px 0 }
.list_business .list ul li a .txt p { display: block; font-size: 16px; line-height: 34px; height: 136px; overflow: hidden; color: #fff; font-weight: lighter }
.list_business .list ul li a .thumb { float: right; width: 50%; height: 395px; overflow: hidden }
.list_business .list ul li a .thumb img { 
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  width: 100%;
}
.list_business .list ul li a .thumb span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s }
.list_business .list ul li a:hover .txt { background: #f5f5f5 }
.list_business .list ul li a:hover .txt .des { background: url("/images/business_bg.png") 0 0 no-repeat }
.list_business .list ul li a:hover .txt .des i.iconfont { color: #9f9f9f; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg) }
.list_business .list ul li a:hover .txt b.t1, .list_business .list ul li a:hover .txt span.t2{ color: #222 }
.list_business .list ul li a:hover .txt p { color: #666 }
.list_business .list ul li a:hover .thumb span { -webkit-transform: scale(1.07, 1.07); -moz-transform: scale(1.07, 1.07); -o-transform: scale(1.07, 1.07); transform: scale(1.07, 1.07) }
.list_business .list ul li a:hover .thumb img { 
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.list_business .list ul li:nth-child(odd) a .txt { float: right }
.list_business .list ul li:nth-child(odd) a .thumb { float: left }

@media (max-width: 768px){
  .list_business .list ul li { display: block; width: 100%; display: inline-block;}
  .list_business .list ul li a .txt{ width: 100%; float: none; clear: both; height: auto;}
  .list_business .list ul li a .thumb{ width: 100%; float: none; clear: both;  height: auto; }
  .list_business .list ul li a .thumb img{ width: 100%; height: auto;}
  .list_business .list ul li a .thumb span{ display: none;}
  .list_business .list ul li a .txt .des{ padding: 20px;}
  .list_business .list ul li a .txt .des i.iconfont{      right: 20px; top: 15px; font-size: 24px;}
  .list_business .list ul li a .txt b.t1 { font-size: 18px;}
  .list_business .list ul li a .txt p{ font-size: 14px; height: auto; text-align: justify; line-height: 1.8; margin: 10px 0;}
}