/*首页*/

.title_h2{ font-size:24px; line-height:1; padding:35px 0 25px; }

.title1_h2{ font-size:24px; line-height:1; padding:15px 0 25px; color:#008D9D}

.index_5{ width:1200px;   }





.ind_4_cont .img{ float: left; width:400px; height:312px; position: relative; margin-bottom: 15px; }

.ind_4_cont .img .a{ display: block; height:100%; }

.ind_4_cont .img .a img{ display: block; width:100%; height:100%; }

.ind_4_cont .img .a .tit{ position: absolute; width:100%; left:0; bottom:0; z-index:10; color:#fff; background:url(../images/line_1.png) repeat 0 0; }



.ind_4_cont .img .con{ padding:10px 35px 10px 30px; }

.ind_4_cont .img .con h2{ font-size:22px; line-height:1.1; padding-bottom: 10px; }

.ind_4_cont .img .con p{ line-height:1.5em; height:3em; overflow: hidden; font-size:12px; }





.ind_4_cont .right{ overflow: hidden;width:800px; }

.ind_4_cont .right .tabClick{ padding-bottom: 16px; }

.ind_4_cont .right .tabClick a{ display: block; float: left; margin-left:13px; width:252px; height:40px; position: relative; text-align: center; line-height:40px; font-size:18px; background:#528eb5; border-radius:5px; color:#fff; }

.ind_4_cont .right .tabClick a:nth-child(1){ display: block; float: left; margin-left:10px; width:254px; height:40px; position: relative; text-align: center; line-height:40px; font-size:18px; /*background:#008D9D;*/ border-radius:5px; color:#fff; }



.ind_4_cont .right .tabClick a i{ display: none; position: absolute; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; bottom:-10px; left:50%; margin-left:-13px; border-top: 13px solid #528eb5; }



.ind_4_cont .right .tabClick .a2{ background:#55a5aa; }

.ind_4_cont .right .tabClick .a2 i{ border-top-color:#55a5aa; } 

.ind_4_cont .right .tabClick .a3{ background:#e5ca8f; }

.ind_4_cont .right .tabClick .a3 i{ border-top-color:#e5ca8f; } 



.ind_4_cont .right .tabClick .a4{ background:#008D9D; }

.ind_4_cont .right.tabClick a.on i{ display: block; }





.i4-list .child{ display: none;  }

.i4-list .child.on{ display: block;  }

.i4-list li{ float: left; margin-left: 13px; cursor: pointer; border:1px solid #cccccc; border-radius:5px; behavior: url(css/PIE.htc); width:146px;  line-height:38px; font-size:14px; margin-bottom:14px; background:rgba(255,255,255,0.9) }

.i4-list li a{ display: block; color:#333; padding-left: 26px; position: relative; }

.i4-list li a i{ position: absolute; width:14px; left:0; top:0; height:100%; border-right:1px solid #ccc; background:url(../images/ind_5.png) no-repeat center; }



.i4-list li.on,.i4-list li:hover{ border-color:#008D9D; background:#008D9D }

.i4-list li.on a,.i4-list li:hover a{ color:#fff; border-color:#008D9D; background:#008D9D }

.i4-list li.on a i,.i4-list li:hover a i{ border-color:#fff; background-image:url(../images/ind_5_aw.png); }

.i4-list .child + .child li.on,.i4-list .child + .child li:hover{ border-color:#55a5aa; background:#55a5aa }

/* .i4-list .child + .child li.on a,.i4-list .child + .child li:hover a{ color:#fff; border-color:#55a5aa; background:#55a5aa } */

.i4-list .child + .child li.on a i,.i4-list .child + .child li:hover a i{ color:#fff; border-color:#fff;  background-image:url(../images/ind_5_aw.png); }

/* .i4-list .child + .child + .child li.on,.i4-list .child + .child + .child li:hover{ border-color:#e5ca8f;  background:#e5ca8f }

.i4-list .child + .child + .child li.on a,.i4-list .child + .child + .child li:hover a{ color:#fff; border-color:#e5ca8f;  background:#e5ca8f } */

.i4-list .child + .child + .child li.on a i,.i4-list .child + .child + .child li:hover a i{ border-color:#fff;  background-image:url(../images/ind_5_aw.png); }







.index_5{padding-top:5px; border-top:3px #008D9D solid;}



.index_5 li{ float: left; width:386px; position: relative; float: left; margin-right:21px; }

.index_5 li:nth-child(4){ float: left; width:386px; position: relative; float: left; margin-right:0px; }

.index_5 li a.tran_scale{ display: block; height:100%; }

.index_5 li img{ display: block; width:100%; height:100%; 

-webkit-transform: translateZ(0px);

          transform: translateZ(0px);

  -webkit-transition: -webkit-transform 0.3s ease 0s;

          transition: transform 0.3s ease 0s;}

.index_5 li:hover img{ -webkit-transform: scale(1.1, 1.1);

      -ms-transform: scale(1.1, 1.1);

          transform: scale(1.1, 1.1);

  -webkit-transition: -webkit-transform 0.6s ease 0s;

          transition: transform 0.6s ease 0s;filter:alpha(opacity=90);opacity:0.9}

		  

		  

.index_5 li h2{ position: absolute; width:100%; line-height:60px; margin-top:-30px; top:50%; left:0; font-size:22px; z-index:10; text-align: center; color:#fff; }

.index_5 li i{ position: absolute; width:100%; height:0; left:0; bottom:0; -webkit-transition:all 0.5s; transition:all 0.5s; background:url(../images/line1.png) repeat 0 0; display: block; }

.index_5 li:hover i{ height:100%; }

.index_5{padding-top:5px;}



.index_5 li  .imgMask {

  top: 0 !important;

  background: rgba(0, 0, 0, 0.47) !important;

  height: 0%;

}



.index_5 li :hover .imgMask{

  opacity: 1;

  height: 100%;

}