﻿*{box-sizing:border-box;}
.intr_01{background: #f7f7f7;padding: 0.8rem 0;}
.intr_02{padding: 0.7rem 0 1.6rem 0;overflow: hidden;}

.intr_list ul{margin: 0 -8px;overflow: hidden;}
.intr_list ul li{width:25%;float:left;margin-bottom: 20px;}
.intr_list ul li:nth-child(4n+1){clear: both;}
.intr_list ul dl{margin: 0 35px;}
.intr_list ul dt{position: relative;background:#f7f7f7;border: 1px solid #e1e1e1;height: 254px;}
.intr_list ul dt img{width:80px;height: 80px;position: absolute;top:50%;left:50%;margin-left: -40px;margin-top: -40px;z-index: 5;}
.intr_list ul dt img:nth-child(2){top:60%; visibility: hidden;opacity: 0;}
.intr_list ul dt:after{content:"";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:url(/imagesnews//hy_intr_bg01.jpg) no-repeat;background-size:100% 100%; visibility: hidden;opacity: 0;}

.intr_list ul dd{height:66px;line-height: 66px;position: relative;color:#777777;cursor: pointer;}

.intr_list ul dd i{position: absolute;top:0;right: 0.2rem;color:#1a8a6f;font-size:20px;}
.intr_list ul dd b{position: absolute;left: 0;bottom: 0;height: 1px;background: #828282;width: 100%;}

.intr_list ul li.on dd{color:#000;}
.intr_list ul li.on dd i{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}
.intr_list ul li.on dd b{height: 4px; background: #18856a;
    background-image:-moz-linear-gradient(to bottom,#29a687,#18856a);
    background-image:-webkit-linear-gradient(to bottom,#29a687,#18856a);
    background-image:-ms-linear-gradient(to bottom,#29a687,#18856a);
    background-image:-o-linear-gradient(to bottom,#29a687,#18856a);
    background-image:linear-gradient(to bottom,#29a687,#18856a);}


.intr_list ul li.on dt img:nth-child(1){top:60%; visibility:hidden;opacity:0;}
.intr_list ul li.on dt img:nth-child(2){top:50%; visibility: visible;opacity: 1;}
.intr_list ul li.on dt:after{height: 100%;visibility: visible;opacity: 1;}
.intr_list ul li.on dt{border-color: transparent;}


.intr_city{margin: 0 -8px;}
.intr_city .iteam a{color:#777777;display: block;height:40px;line-height: 40px;border-radius: 30px;margin: 0 35px;padding: 0 0.2rem;    box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.intr_city p{overflow: hidden;}
.intr_city p span{float: left;}
.intr_city p i{display: none; float: right;font-size: 14px;font-weight: bold;}
.iteam{margin-bottom: 0.2rem;}
.intr_close{cursor: pointer;font-weight: bold; position: absolute;top:0.1rem;right: 0;color:#828282;display: none;}

.intr_block{display: none;padding: 0.5rem 8px;padding-bottom: 0.3rem;position: relative;}


.intr_txt{margin-top: 5%;color: #b0adad;}
.intr_txt span{font-style: oblique;}
@media only screen and (max-width:1024px) {
    .intr_list ul dl{margin: 0 10px;}
    .intr_list ul dt img{width:60px;height: 60px;margin-left:-30px;margin-top:-30px;}
    .intr_block{padding: 30px 0 10px;}
    .intr_city .iteam a{padding: 0 10px;margin: 0 15px;}
    .intr_02{padding-bottom: 0.7rem;}
}
@media only screen and (max-width:767px) {
    .intr_01{padding: 20px 0;}
    .intr_list ul li{width: 50%;}
    .intr_list ul li:nth-child(2n+1){clear: both;}
    .intr_list ul dd{height: 40px;line-height: 40px;}
    .intr_list ul dd i{right: 5px;}
    /*.intr_list ul dt img{width:80px;height: 80px;margin-left: -40px;margin-top: -40px;}*/
    .intr_list ul dt{width:100%;height:120px !important;}
    .iteam{float: none;width: 100%;}
    .intr_02{padding: 30px 0 50px 0;}
    /*.intr_block{position:fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background: rgba(0,0,0,0.8);padding: 50px 20px;padding-top: 80px;}*/
    /*.intr_box a{color:#fff !important;background:url(../images/hy_intr_bg02.jpg) no-repeat;background-size: 100% 100%;}*/
    .intr_close{color: #fff;top:30px;right:20px;font-size: 26px;}
}


@media only screen and (min-width:1025px) {
    .intr_box a:hover{cursor: default;color:#fff !important;background:url(../images/hy_intr_bg02.jpg) no-repeat;background-size: 100% 100%;}
    .intr_close:hover{color:#1a8a6f;}

    .intr_list ul dt,.intr_list ul dt img,.intr_list ul dt:after,.intr_list ul dd i,.intr_close{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
    .intr_list ul dt:hover img:nth-child(1){top:60%; visibility:hidden;opacity:0;}
    .intr_list ul dt:hover img:nth-child(2){top:50%; visibility: visible;opacity: 1;}
    .intr_list ul dt:hover:after{height: 100%;visibility: visible;opacity: 1;}
    .intr_list ul dt:hover{border-color: transparent;}

    .index_name a:hover,.dl_p p:hover{color:#fff !important;opacity: 0.8;}
    .dl_p p{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}


}


.index_01{background:#f2f2f2 url(../images/hy_index_01.png) no-repeat right bottom;padding: 1.4rem 0 0.8rem 0;background-size: 17.8%;}
.index_01 dl{overflow: hidden;}
.index_01 dt,.index_01 dd{height:100%;overflow: hidden;}
.index_01 dt{border-top: 2px solid #4c2193;float: left;width:45.3%;}
.index_01 dd{float: right;width:50.8%;}
.index_01 h2 span{border-top: 1px solid #167d64;padding-top: 0.1rem;display: inline-block;}
.index_01 h2,.index_01 h3{color: #167d64;}
.index_01 h3{padding: 0.2rem 0 0.3rem 0;}

.index_name{text-align: center;padding-top: 0.8rem;}
.index_name a{display: inline-block;width: 400px; width: 300px;height: 60px;line-height: 60px;text-align: center;background:url(../images/hy_more.png) no-repeat;background-size: 100% 100%;border-radius: 20px;color: #fff; margin:0 2px;}
.index_02{padding: 0.7rem 0;}
.index_title{text-align: center;margin-bottom: 0.5rem;}
.index_title h2{color:#167d64;}
.index_title p{padding-top: 0.2rem;}

.index_doc ul{overflow: hidden;margin: 0 -0.1rem;}
.index_doc li{float: left;width:50%;color:#fff;}
.index_doc dl{margin: 0 0.1rem;position: relative;width: auto;}
.dl_01 dt{position: relative;}
.dl_01 dt:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:url(../images/hy_index_02.png) no-repeat; background-size: 100% 100%;}
.dl_01 dd{width: 100%;text-align: center; position: absolute;bottom:0.2rem;left: 0;width: 100%;}

.dl_02 dl{background:url(../images/hy_img03.jpg) no-repeat;background-size: 100% 100%;}
.dl_02 dt{width: 100%;height: 100%;padding: 0.6rem 0.4rem;}
.dl_02 dt h3{margin-bottom: 0.2rem;}
.dl_02 .edit_con_original{color:#fff;}
.dl_p{overflow: hidden;position: absolute;left: 0;bottom: 0.25rem;width: 100%;padding: 0 0.4rem;}
.dl_p p{float: left;margin-right: 0.35rem;width: 120px;border-bottom: 1px solid #fff;line-height: 42px;cursor: pointer;}
.dl_p p:last-child{margin-right: 0}
.dl_p p i{font-size: 16px;float: right;}
.dl_02 .index_edit {height: 70%;}
.index_p{line-height:26px;color:#959595;padding-top: 0.4rem;}






@media only screen and (max-width:1440px) {
    .index_name a{/*width: 480px;*/height: 80px;line-height: 80px;}

}

@media only screen and (max-width:1024px) {
    .index_name a{width:300px;height: 60px;line-height: 60px;}
    .dl_02 dt{padding: 0.4rem;}
    .dl_02 .index_edit{height:60%;}
}

@media only screen and (max-width:767px) {
    .index_01,.index_02{padding:30px 0;}
    .index_name a{width:250px;height: 44px;line-height: 44px;padding: 0 12px;margin-bottom: 5px;}
    .index_name{padding-top: 20px;}
    .index_01 dl{height: auto !important;}
    .index_01 dt,.index_01 dd{float: none;width: 100%;}
    .index_01 dt{margin-bottom: 20px;}
    .index_01 h3{padding: 10px 0}
    .index_01 h2 span{padding-top: 5px;}
    .index_doc li{float: none;width: 100%;margin-bottom:10px;}
    .index_doc li:last-child{margin-bottom: 0;}
    .index_doc dl,.dl_02 .index_edit{height: auto !important;}
    .dl_p{position: static;padding: 0;padding-top: 10px;}
    .dl_02 dt h3{margin-bottom: 10px;}
    .index_p{padding-top: 10px;line-height: 24px;}
    .index_title{margin-bottom: 20px;}
    .index_title p{padding-top: 10px;}
}










.index_03{padding: 0.7rem 0  1.9rem 0; background:#f7f7f7 url(../images/hy_hisbg.jpg) no-repeat center center ;background-size:100%;}
.index_03 .index_title{margin-bottom: 30px;}
.index_03 .index_title h2{line-height: 50px;}
.index_his dt{color:#167d64;}
.index_his dd{line-height: 30px;height:160px;position: relative; }
.index_his dd p{position: absolute;top:0;left: 0; max-height: 100%;overflow: hidden;}


.slide_hide{display: none;}
.index_his{position: relative;}
.his_line{position: absolute;top:50%; left: 0;width: 100%;height: 1px;background:#aacdc5;}

.index_his,.slidebox{height: 510px;}
.slidebox{overflow: hidden;position: relative;}
.his_block{width:4.2rem;position: absolute; top:250px; padding-top: 30px;}
.his_block:after{content:"";position: absolute;left: 0;top:0;width: 12px;height: 12px;background:#167d64;border: 3px solid #fff;border-radius: 50%;box-sizing:border-box;}
.his_block dt{line-height: 30px;margin-bottom:20px;}
.his_block:nth-child(1){left: 0;}
.his_block:nth-child(3){left: 5.25rem;}
.his_block:nth-child(5){left: 11rem;}

.his_block:nth-child(2),.his_block:nth-child(4),.his_block:nth-child(6){top:auto;bottom: 250px;padding:0;padding-bottom: 30px;}
.his_block:nth-child(2):after,.his_block:nth-child(4):after,.his_block:nth-child(6):after{top:auto;bottom: 0;}
.his_block:nth-child(2) dt,.his_block:nth-child(4) dt,.his_block:nth-child(6) dt{position: absolute;left: 0;bottom: 10px;width: 100%;}
.his_block:nth-child(2) dd,.his_block:nth-child(4) dd,.his_block:nth-child(6) dd{position: absolute;left: 0;bottom: 80px;width: 100%;}
.his_block:nth-child(2) dd p,.his_block:nth-child(4) dd p,.his_block:nth-child(6) dd p{top:auto;bottom: 0;}

.his_block:nth-child(2){left: 2.7rem;width: 3.8rem}
.his_block:nth-child(4){left: 7.5rem;width: 3.8rem}
.his_block:nth-child(6){left: 13rem;width: 4.1rem}

.index_but{position: absolute;top:-80px;right: 1rem;}
.index_but div{font-size: 44px;background:none;position: static;float: left;line-height: 50px;margin: 0;width: auto;height: auto;color:#39907b;}
.index_but .swiper-button-disabled{opacity: 1;color: #000;}

@media only screen and (max-width:1024px) {
    .his_block{width: 25% !important;}
    .his_block:nth-child(3){left: 50%;}
    .his_block:nth-child(2){left: 25%}
    .his_block:nth-child(4){left: 75%}
    .index_but div{font-size:38px;}
    .index_his dd{line-height: 24px;height: 120px;}
}
@media only screen and (max-width:767px) {
    .index_03{padding:30px 0;}
    .his_block{width: 100% !important;}
    .index_his dd{height: auto;max-height: 120px;}
    .index_his dd p{position: static;}
    .his_block{position: static;padding: 0 !important;margin-bottom: 20px;}
    .his_line{display: none;}
    .index_his, .slidebox{height: auto;}
    .index_his dd{position: static !important;}
    .his_block dt{margin-bottom: 0;position: relative;padding-left: 20px;position: relative !important;}
    .his_block dt:after{content:"";position: absolute;left: 0;top:8px;width: 12px;height: 12px;background:#167d64;border: 3px solid #fff;border-radius: 50%;box-sizing:border-box;}

    .his_block:after{display: none;}
    .his_block:nth-child(2) dt, .his_block:nth-child(4) dt, .his_block:nth-child(6) dt{bottom: 0;}
    .index_03 .index_title{margin-bottom: 0;}
    .index_but{top:-50px;}
    .index_but{right: 10px;}
}

.index_blank30,.index_tac{display: none;}
.index_blank30{position:fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 9999;}
.index_tac{position:fixed;z-index: 99991;background: #fff;box-sizing:border-box;padding: 60px;padding-top: 50px;width: 830px;max-width: 94%;}
.index_tac h3{margin-bottom: 20px;}
.tac_p p{line-height: 26px;margin-bottom: 10px;position: relative;padding-left: 15px;}
.tac_p p:after{content:"";position: absolute; top:10px;left: 0; width: 6px;height: 6px;background:#167d64;border-radius: 50%;}
.tac_p p:last-child{margin-bottom: 0;}
.tac_close{cursor: pointer; position: absolute;top:17px;right: 20px; width:20px;height:20px;background:#167d64;line-height: 20px;text-align: center;color: #fff;border-radius: 50%;font-size: 12px;}

@media only screen and (max-width:1024px) {
    .index_tac{padding: 40px;}
}
@media only screen and (max-width:767px) {
    .index_tac{padding: 20px;}
    .index_tac h3{margin-bottom: 10px;}
    .tac_close{top:10px;right: 10px;}
}


















































