.index_1{ position: relative; background-size:cover !important; height:760px; }

.index_1 .wrap{ position: relative; height:100%; z-index:10; top:0; }
.index_1 .wrap .tit{ position: absolute; width:400px; height:250px; right:50px; text-align: right; color:#fff; top:50%; margin-top:-125px; text-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.index_1 .wrap .tit h2{ line-height:1.2; font-size:48px; padding-bottom: 20px; }
.index_1 .wrap .tit p{ line-height:1.5; font-size:12px; }

.index_2{ position: relative;padding:60px 0 0;overflow: hidden; }
.index_2 li{ float: left; width:238px; height:163px; background:#96bebe; text-align: center; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.index_2 li .a{display: block;height:100%;}

.index_2 li .ico{ padding:30px 0 10px; }
.index_2 li .ico img{ height:64px; display: block; margin:0 auto; }
.index_2 li h3{ text-align: center; color:#fff; font-size:18px; }
.index_2 li:hover .ico img{ animation:rot 0.5s; -webkit-animation:rot 0.5s;  }

.index_2 .li_2{ background:#a07c7c; margin-left: 10px; }
.index_2 .li_3{ background:#47787b; margin-left: 10px;}
.index_2 .li_3 h3{ color:#fff; } 
.index_2 .li_4{ background:#ddbf9a; margin-left: 10px; }
.index_2 .li_5{ background:#006f7c; margin-left: 10px; }

.index_3 { position: relative; padding:60px 0 0;overflow: hidden; height: 600px;}

.index_3 .ry{ position: relative;float: left;width: 800px; margin-right: 100px}
.index_3 .ry .ry-title,.index_3 .tj .tj-title{width: 800px; position: relative;float: left;}
.index_3 .ry .ry-title h3,.index_3 .tj .tj-title h3{display: block;float: left;}

.index_3 .ry .ry-title .wsearch{float: left; margin: 0 10px 0 270px;}
.index_3 .ry .ry-title .wsearch .s_input{float: left;padding-left: 20px;width: 310px;height: 36px;border: #ddd 1px solid;border-radius: 10px; margin: 0 10px 0 0;color: #555}
.index_3 .ry .ry-title .wsearch .s_btn{float: left;width: 80px;height: 36px;background: #006f7c;color: #fff;text-align: center;line-height: 36px;border: #006f7c 1px solid;border-radius: 10px;cursor: pointer;}

.index_3 .tj{ position: relative;float: left;width: 330px; }
.index_3 .tj .tj-title .tj_btn{float: left;margin: 7px 0 7px 150px;width: 80px;height: 24px;border: #ddd 1px solid;border-radius: 10px;text-align: center;line-height: 24px;cursor: pointer;}

.index_3 h3{ font-size: 24px;font-weight: bold; line-height: 38px;cursor: pointer;}
.index_3 .ry ul{margin: 50px 0 0;}
.index_3 .ry ul li{height: 90px; margin-top: 16px;padding: 25px 0 5px;border-bottom:1px solid #ddd ;font-size: 16px;line-height: 24px;white-space: nowrap}
.index_3 .ry ul li a{color: #006f7c}
.index_3 .ry ul li .qu{margin: 10px 0;}
.index_3 .ry ul li .an{margin: 10px 0;}
.index_3 .ry ul li .qu i{display: block;float: left;margin: 0 10px 0 0;width: 24px;background: #006f7c;text-align: center;color: #fff;font-style: normal}
.index_3 .ry ul li .an i{display: block;float: left;margin: 0 10px 0 0;width: 24px;background: #ddbf9a;text-align: center;color: #fff;font-style: normal}
.index_3 .tj ul{margin: 50px 0 0}
.index_3 .tj ul li{ margin-top: 16px;padding: 35px 50px;width: 230px;height: 50px;background: #eee;line-height: 20px;font-size: 14px;}

.index_4{ position: relative;padding:60px 0 0;overflow: hidden; }
.index_4 .i_4_nav {position: relative;}
.index_4 .i_4_btn {float: right; margin: 0 2px 0 0; width: 80px; height: 24px;}
.index_4 .i_4_btn ul li{display:none; width: 80px; height: 24px;}
.index_4 .i_4_btn ul li a{display:block; width: 80px; height: 24px; border: #ddd 1px solid; border-radius: 10px; text-align: center; line-height: 24px; font-size:14px;}
.index_4 .i_4_btn .moreactive{display:block;}
.index_4 .i_4_nav .i_4_n_box {position: relative;height: 40px;border-bottom: #ddd 1px solid;}
.index_4 .i_4_nav .i_4_n_box li{cursor: pointer; position: relative;height: 39px; float: left;font-size: 24px;margin: 0 70px 0 0;line-height: 24px;}
.index_4 .i_4_nav .i_4_n_box .active{border-bottom: 3px #006f7c solid; }
.index_4 .i_4_nav .i_4_n_box .active i{ display: block;position: absolute;left: 42px;top: 40px;height: 9px;width: 13px;background: url(../wdimages/icon_row.png) no-repeat}

/*.index_4 .i_4_box .active{opacity: 1;}*/
.index_4 .i_4_box>ul>li{position: absolute;display: none;}

.index_4 .i_4_box{position: relative; margin-top: 40px;height: 1230px;height:400px;overflow: hidden;}
.index_4 .i_4_box .activ{display:block;}
.index_4 .i_4_box .l_box{position: relative;float: left;width: 610px;height: 350px;overflow: hidden;}
.index_4 .i_4_box .l_box img{display: block;width: 610px;height: 350px;transition:all .5s}
.index_4 .i_4_box .l_box img:hover{transform: scale(1.1);}
.index_4 .i_4_box .r_box{position: relative;font-size: 16px;line-height: 24px;float: left;width: 580px;margin-left: 40px;height: 350px;}
.index_4 .i_4_box .r_box .a_news {height: 170px;}
.index_4 .i_4_box .r_box .a_news h3{font-size: 24px;line-height: 24px;margin-bottom: 24px;}
.index_4 .i_4_box .r_box .a_news p{text-indent: 32px;}
.index_4 .i_4_box .r_box i{margin-right: 14px;}
.index_4 .i_4_box .r_box .news{ border-bottom: #ddd 1px solid;padding: 10px 0;white-space: nowrap;}


@keyframes rot{ 
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rot{
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}