.wrap {width:1200px;margin:0 auto;overflow:hidden;background-color: #FFF; }


.index_i{display: block; width:118px; height: 1px; background-color: #403d0a; margin: 0 auto; margin-top: 97px; margin-bottom: 30px; }
.index_h3{font-size: 30px; color: #403d0a; text-align: center; padding-bottom: 10px; line-height: 1;}
.index_h4{font-size: 16px; color: #474c52; text-align: center; padding-bottom: 50px;}



.index_main3{ padding-top:20px; padding-bottom:20px; width: 100%; background-color: #fff; }
.index_main3_left{width:600px;}
.index_main3_right{width:600px;}
.index_main3_left .p_1{ padding-top:10px; }
.index_main3_left .p_2{ margin-top:45px; width: 600px; height: 226px; overflow: hidden;}
.index_main3_left .p_3{ padding-top:30px;padding-left:20px; padding-right:40px; text-indent: 2em; line-height:30px; color: #40434a; }
.index_main3_left .p_3 a{ color: #00a0ea; }
.index_main3_left .p_3 a:hover{ text-decoration: underline; }
.index_main3_ul li{ float: left; width: 300px; height: 226px; background-color: #f9f7f8; }
.index_main3_ul li h3{ padding-left:60px; font-size: 23px; color: #333; padding-top:55px;}
.index_main3_ul li h4{ padding-left:60px; font-size: 14px; color: #424348; line-height: 33px;}
.index_main3_ul li i{ display: block; margin-top: 15px; width: 36px; height: 1px; background-color: #333; margin-left: 100px; margin-bottom: 3px; }

.index_main3_ul li:nth-child(8):hover .main_pic img{ -webkit-transform:scale(1.35);-ms-transform:scale(1.35);-o-transform:scale(1.35);transform:scale(1.35); }
.index_main3_ul li:nth-child(4){ background-color: #0097e0; }
.index_main3_ul li:nth-child(4) h3{ color: #fff; padding-top: 55px;}
.index_main3_ul li:nth-child(4) h4{ color: #fff; line-height: 25px;}
.index_main3_ul li:nth-child(4) span{ font-size: 90px; display: inline-block; line-height: 1; font-family: 'arial'; }
.index_main3_ul li:nth-child(1){ background-color: #fff; }
.index_main3_ul li:nth-child(9){ background-color: #fff; }





.main_pic {overflow:hidden;}
.main_pic img {-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.main_pic img:hover {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.piao {opacity:0;-ms-transform:translateY(50px);transform:translateY(50px);transition:transform 1s,opacity 1s;}
.visible .piao {transform:none;opacity:1;}




@media(max-width:1200px) {
  .wrap{ width: 1200px; }
  .index_main3_right{width: 700px;}
  .index_main3_left{ width: 500px; }
  .index_main3_left .p_2{ width: 500px; }
  .index_main3_ul li{width: 233px;}
  .index_main3_ul li h3{ font-size: 20px; padding-left: 0px; padding-top: 35px; text-align: center; }
  .index_main3_ul li:nth-child(4) span{font-size: 40px;}
  .index_main3_ul li h4{ text-align: center; padding-left: 0px; }
  .index_main3_ul li{height: 176px;}
  .index_main3_ul li:nth-child(4) h3{ padding-top: 45px; }
  .index_main3_left .p_2{margin-top: 32px;}
  .index_main3_left .p_2{ height: 176px; }
  .index_main3_left .p_3{ padding-top: 26px; }


}