@charset "utf-8";
a {
    color: #fff;
    ;
}

.core_bagbg {
    background: url(../img/bg.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.scien_content_center li {

    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.core_list {
    /*margin-left: 75px;*/
    margin-bottom: 20px;
    overflow: hidden;
}

.core_one {
    /*width: 370px;*/
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.core_two {
    /*width: 180px;*/
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.core_list .core_dl {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.core_list .core_dl .core_bluebg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #5a9fe6;
    /*background: rgba(90, 159, 230, 0.8);*/
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.core_list .core_dl .core_list_detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

.core_withbg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.core_line {
    height: 2px;
    /* border-bottom: 1px solid #fff; */
    width: 25px;
    margin: 0 auto;
    background: #fff;
    margin-bottom: 15px;
}

.core_icon img {
    width: 40px;
}

.core_title,
.core_title a {
    /*width: 75%;*/
    /*margin: 0 auto;*/
    /*bottom: 60%;*/
    /*left: 12.5%;*/
    /*font-size: 18px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*margin-top: 20px;*/
    position: absolute;
    z-index: 3;
    color: #fff;
    width: 100%;
    text-align: center;
    /* margin: 0 auto; */
    bottom: 60%;
    /* left: 12.5%; */
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
}

.core_title_english {
    width: 95%;
    margin: 0 auto;
    font-size: 20px;
    font-family: futura;
    margin-bottom: 15px;
    height: 50px;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}

.core_icon {
    position: absolute;
    width: 100%;
    bottom: 10%;
    left: 0;
}

.core_notbg {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

.core_notbg .core_title {
    position: absolute;
    bottom: 10%;
}








/*村镇水业*/

.village_desc .text {
    color: #fff;
    padding: 0 25px;
    padding-bottom: 50px;
    font-size: 15px;
}

.village_desc .text p {
    padding-top: 25px;
    line-height: 28px;
}

.village_desc .village_img{
    text-align: center;
    margin-top: 30px;
}
.village_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.15;
    width: 850px;
    height: 104px;
    filter: Alpha(opacity=15);
}

.village_list {
    /*margin-left: 75px;*/
    width: 100%;
    margin-bottom: 20px;
}

.village_list dl {
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    /*border-right: 1px solid #fff;*/
    height: 280px;
}

.village_list .village_content {
    position: absolute;
    left: 50%;
    width: 475px;
    border: 1px solid #fff;
    /* border-right-width: 3px; */
    border-left: none;
    /*background: rgba(214,227,255,0.15);*/
    color: #fff;
    ;
    height: 275px;
    /*filter:Alpha(opacity=85);*/
    /*opacity: 0.85;*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19d6e3ff,endColorstr=#19d6e3ff)*/
}

.village_list dl dd {
    width: 50%;
    float: left;
    height: 100%;
}

.village_list dl dd img {
    width: 100%;
    border: none;
}

.village_content .village_content_title {
    width: 80%;
    /* margin: 0 auto; */
    font-size: 21px;
    margin-left: 10%;
    margin-top: 5%;
}

.hide_text_scroll {
    width: 380px;
    margin: 0 auto;
    overflow: hidden;
    height: 170px;
    margin-top: 15px;
    position: relative;
}

.village_content .village_content_desc {
    text-align: justify;
    line-height: 28px;
    font-size: 15px;

    overflow-y: auto;
    padding-bottom: 20px;

    width: 380px;
    height: 100%;
    padding-right: 25px;
}

.core_tab {
    /*margin-left: 75px;*/
    overflow: hidden;
    margin-bottom: 25px;
}

.core_tab li {
    width: 100px;
    float: left;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    height: 30px;
    line-height: 30px;
    border: 1px solid #939599;
    /*background: rgba(214,227,255,0.15);*/
    cursor: pointer;
}

.core_tab li p {
    curosr: pointer
}

.core_tab li.active {
    background: #5074b1;
    border: 1px solid #5074b1;
    height: 30px;
}

.saste {
    display: none;
}

.scien_img {
    /*margin-left: 75px;*/
    width: 100%;
}


.scien_content {
    /*margin-left: 75px;*/
    width: 100%;
    margin-bottom: 25px;
    margin-top: 35px;
}

.scien_content_center li {
    width: 299px;
    float: left;
    color: #fff;
    /* border: 1px solid #fff; */
    height: 80px;
    background: url(../img/border.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 30px;
}

.scien_content_ul {
    overflow: hidden;
}

.scien_content_center li.scien_center,
.scien_content_base li.scien_center {
    margin: 0 30px;
    margin-top: 30px;
}

.scien_content_center li .scien_content_title {
    font-size: 25px;
    color: #fff;
    opacity: 0.8;
}

.number {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28px;
}

.scien_content_center li .scien_center_title {
    padding-left: 15%;
    padding-right: 5%;
    height: 40px;
    margin-top: 20px;
}

.scien_content_title {
    font-size: 24px;
    color: #fff;
}

.scien_content_base li {
    width: 299px;
    float: left;
    color: #fff;
    /* border: 1px solid #fff; */
    height: 80px;
    background-size: 100% 100%;
    position: relative;
    margin-top: 30px;
    background: rgba(255, 255, 255, 0.2);
}

.scien_content_base li .scien_center_title {
    margin-top: 20px;
    padding: 0 20px;
    height: 40px;
}

.scien_content_center li .scien_center_title {
    padding-left: 15%;
    padding-right: 5%;
    height: 40px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    position: absolute;
}

.scien_content_base li .scien_center_title {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}








/*全球布局*/

.global_bg {
    background: url(../img/global_bg.jpg) center no-repeat;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    box-shadow: inset 0px -64px 162px -25px #000;
}

.global_map {
    background: url(../img/global.png) center no-repeat;
    background-size: 85%;
}

.global_map>div {
    cursor: pointer;
}

.global_map_pu .line {

    background: url(../img/pu_line.png) no-repeat;
    background-size: 100%;
}

.global_map_wan .line {

    background: url(../img/wan_line.png) no-repeat;
    background-size: 100%;
}








/*.global_map .country {*/


/*background: url(../img/map.png) no-repeat;*/


/*background-size: 100%;*/


/*}*/

.global_map_china .line {
    background: url(../img/china_line.png) no-repeat;
    background-size: 100%;
}

.global_map_china .line,
.global_map .country,
.global_map_wan .line,
.global_map_ma .line,
.global_map_pu .line,
.global_map,
.global_desc,
.global_desc1 {
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map {
    width: 1200px;
    height: 530px;
    position: relative;
}

.global_map_china {
    position: absolute;
    left: 865px;
    top: 120px;
    width: 75px;
    height: 100px;
}

.china_map,
.pu_map,
.po_map,
.ma_map,
.wan_map {
    display: none;
}

.global_map_china.active .china_map {
    width: 175px;
    position: absolute;
    top: 50px;
    left: -80px;
    display: block;
}

.global_map_china .country {
    position: absolute;
    top: -165px;
    left: 75px;
}

.global_map .country {
    /*background: url(../img/map.png) no-repeat;*/
    /* background-color: white; */
    width: 130px;
    height: 130px;
    /* background-size: 100%; */
    line-height: 130px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.global_map_china .line {
    position: absolute;
    z-index: 1;
    top: -65px;
    left: 40px;
    background: url(../img/china_line.png) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 150px;
}

.global_map_china.active .line {

    background: url(../img/china_line_active.png) no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map_pu,
.global_map_po {
    position: absolute;
    left: 478px;
    top: 217px;
    width: 75px;
    height: 100px;
}

.global_map_pu .country {
    position: absolute;
    top: -32px;
    left: -100px;
    z-index: 5;
}

.global_map_po .country {
    position: absolute;
    top: -60px;
    left: -110px;
    z-index: 5;
}

.global_map_pu .line {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../img/pu_line.png) no-repeat;
    background-size: 100%;
    width: 75px;
    height: 100px;
}

.global_map_po .line {
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -14px;
    background: url(../img/po_line.png) no-repeat;
    background-size: 100%;
    width: 90px;
    height: 100px;
}

.global_map_pu.active .line,
.global_map_po.active .line {

    background: url(../img/pu_line_active.png) no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map_po.active .line {

    background: url(../img/po_line_active.png) no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map_pu.active .pu_map {
    position: absolute;
    width: 15px;
    left: 63px;
    top: -12px;
    display: block;
}



.global_map_po {
    left: 784px;
    top: 305px;
}

.global_map_po.active .po_map {
    position: absolute;
    width: 10px;
    left: 70px;
    top: 20px;
    display: block;
}

.global_map_wan {
    position: absolute;
    left: 910px;
    top: 232px;
    width: 75px;
    height: 100px;
}


.global_map_wan .country {
    position: absolute;
    top: -5px;
    left: 70px;
    z-index: 5;
    line-height: normal;
}

.global_map_wan .country.text {
    top: 35px;
}

.global_map_wan .line {
    position: absolute;
    z-index: 1;
    top: 35px;
    left: -5px;
    background: url(../img/wan_line.png) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
}

.global_map_wan.active .line {

    background: url(../img/wan_line_active.png) no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map_wan.active .wan_map {

    width: 10px;
    position: absolute;
    top: 30px;
    left: -5px;
    display: block;
}

.global_map_ma {
    position: absolute;
    left: 815px;
    top: 330px;
    width: 75px;
    height: 100px;
}

.global_map_ma .country {
    position: absolute;
    top: 70px;
    left: -55px;
    z-index: 5;
    /*padding-top: 20px;*/
    line-height: normal;
}

.global_map_ma .country.text {
    top: 110px;
}

.global_map_ma .line {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: url(../img/ma_line.png) no-repeat;
    background-size: 100%;
    width: 75px;
    height: 100px;
}

.global_map_ma.active .line {

    background: url(../img/ma_line_active.png) no-repeat;
    background-size: 100%;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.global_map_ma.active .ma_map {
    position: absolute;
    left: 38px;
    width: 47px;
    top: -15px;
    display: block;
}


.global_map .country:hover,
.global_map .active .country {
    color: #84dcff;
}

.global_map .country.bgimg {
    background: url(../img/map.png) no-repeat;
    background-size: 100%;
    -moz-animation: rotate 20s infinite linear;
    -webkit-animation: rotate 20s infinite linear;
    animation: rotate 20s infinite linear;
}

.global_map .active .country.bgimg {
    background: url(../img/map_active.png) no-repeat;
    background-size: 102%;
}

.global_three {
    margin-left: 75px;
    margin-top: 65px;
    height: 65px;
}

.global_desc1 {
    width: 170px;
    height: 65px;

    color: #fff;
    position: relative;
    background: url(../img/global_border1.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.global_desc1 .number {
    position: absolute;
    top: -35px;
    left: 25px;
    font-size: 80px;
    color: #fff;
    font-family: futura;
}

.global_desc1 .content {
    position: absolute;
    left: 85px;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
}

.global_desc {
    width: 270px;
    height: 65px;

    color: #fff;
    position: relative;
    background: url(../img/global_border2.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.global_desc .number {
    position: absolute;
    top: -35px;
    left: 30px;
    font-size: 80px;
    color: #fff;
    font-family: futura;
}

.global_desc .content {
    position: absolute;
    left: 185px;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
}

.global_stress {
    width: 100%;
    /*margin-left: 75px;*/
    height: 55px;
    position: relative;
    border-bottom: 2px solid #6C727C;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);

    clear: both;
    margin-top: 100px;
}

.global_stress .bgtitle {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 50px;
    color: #fff;
    opacity: 0.1;
    height: 50px;
    filter: Alpha(opacity=10);
}

.global_stress .title {
    line-height: 50px;
    font-size: 25px;
    color: #fff;
}

.global_stress_content {
    width: 100%;
    /*margin-left: 75px;*/
    padding-top: 15px;
    color: #fff;
    margin-bottom: 50px;
    overflow: hidden;
    /*height: 600px;*/
}

.global_stress_content>div {
    width: 360px;
    float: left;
    margin-right: 10px;
}

 /*.global_stress_content>div dl {*/
     /*margin-bottom: 25px;*/
 /*}*/
 /*.global_stress_content>div dl:before,*/
 /*.global_stress_content>div dl:after {*/
     /*content: '';*/
    /*display: block;*/
     /*height: 0;*/
    /*visibility: hidden;*/
 /*}*/
.global_stress_content>div dt {
    font-size: 21px;
    height: 40px;
    line-height: 40px;
}

.global_stress_content>div h2 {
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    font-weight: 100;
}

.global_stress_content>div dd {
    /*height: 30px;*/
    line-height: 30px;
    font-size: 12px;
}

.global_stress_content>div h3 {
    /*height: 30px;*/
    line-height: 30px;
    font-size: 12px;
    font-weight: 100;
}







/*.global_stress_content>div dd:hover{*/


/*color: #87b4ff;*/


/*}*/

.global_stress.overseas {
    /*margin-top: 50px;*/
}

.global_bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}



@media \0screen\,
screen\9 {
    /* 只支持IE6、7、8 */
    .scien_content_base li {
        background-color: #fff;
        filter: Alpha(opacity=20);
        position: static;
        /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom: 1;
        /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
    .scien_content_base li div {
        position: relative;
        /* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}

.core_one {
    width: 530px;
    /*width: 45%;*/
}

.core_two {
    width: 260px;
    /*width: calc(22.5% - 5px);*/
}

.core_title {
    margin-top: 55px;
}

.core_two .core_title_english {
    width: 80%;
}








/*@media (max-width: 1600px) {*/


/*!*.core_one{*!*/


/*!*width: 370px;*!*/


/*!*}*!*/


/*!*.core_two{*!*/


/*!*width: 180px;*!*/


/*!*}*!*/


/*}*/


/*@media (min-width: 1600px) {*/


/*.core_one{*/


/*width: 540px;*/


/*!*width: 45%;*!*/


/*}*/


/*.core_two{*/


/*width: 265px;*/


/*!*width: calc(22.5% - 5px);*!*/


/*}*/


/*}*/



@keyframes slideOutDown {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: 100%;
        opacity: 0;
    }
}
@-webkit-keyframes slideOutDown {
    from {
        top: 0;
        opacity: 1;
    }

    to {
        top: 100%;
        opacity: 0;
    }
}


@keyframes slideInDown {
    from {
        top: 100%;
        opacity: 0;
    }

    to {
        top: 0%;
        opacity: 1;
    }
}
@-webkit-keyframes slideInDown {
    from {
        top: 100%;
        opacity: 0;
    }

    to {
        top: 0%;
        opacity: 1;
    }
}

@keyframes slideDown {
    from {
        bottom: 60%;
    }

    to {
        bottom: 10%;
    }
}
@-webkit-keyframes slideDown {
    from {
        bottom: 60%;
    }

    to {
        bottom: 10%;
    }
}

@keyframes slideUp {
    from {
        bottom: 10%;
    }

    to {
        bottom: 60%;
    }
}
@-webkit-keyframes slideUp {
    from {
        bottom: 10%;
    }

    to {
        bottom: 60%;
    }
}


.bounceOutDown {
    animation-name: slideOutDown;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-name: slideOutDown;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;

    /*transform: translateY(-170px);*/
}

.slideDown {
    animation-name: slideDown;
    animation-duration: 0.7s;
    animation-fill-mode: both;

    -webkit-animation-name: slideDown;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;

    /*transform: translateY(-170px);*/
}

.slideUp {
    animation-name: slideUp;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-name: slideUp;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;

    /*transform: translateY(-170px);*/
}

.bouncein {
    animation-name: slideInDown;
    animation-duration: 0.7s;
    animation-fill-mode: both;
    -webkit-animation-name: slideInDown;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;

    /*transform: translateY(-170px);*/
}

.core_dt img {
    -webkit-transition: ease .5s;
    transition: ease .5s;
    -webkit-transform-origin: 50% 50%;
    /* transform-origin默认值就是居中，可以不加 */
    transform-origin: 50% 50%;
    /* transform-origin默认值就是居中，可以不加 */
}

.core_dt.active img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}


.list_des{background-color: #fff;padding:25px 25px 50px 25px;}
.list_des h2{padding: 15px;color: #fff;font-size: 24px;background-color: #5074b1;margin-bottom: 25px;font-weight: 400;}
.list_des_content{overflow: hidden;}
.list_des_dl{width:100%;padding-right: 20px;box-sizing: border-box;}
.list_des_top{width:55%;float: left;padding-right: 20px;box-sizing: border-box;}
.list_des .img{width: 45%;float: right;}
.list_des .bottom_img{width: 100%;}
.list_des img{width: 100%;height: 100%;}

/*.list_des ul{overflow: hidden;padding: 25px 15px 20px;}*/
.list_des ul{
    overflow: hidden;
    padding: 15px;
    background-color: #f2f2f2;
    margin-bottom: 30px;
}
.list_des ul li{overflow: hidden;}
.list_des ul li+li{margin-top: 20px;}
.list_des s{width: 6px;height: 6px;margin:8px 10px 0 0;border-radius: 50%;background-color: #333;display: inline-block;float: left;}
.list_des span{color: #666;float: left;display:block;width: 96%;font-size: 18px;}
.list_des p{margin-bottom: 20px;font-size: 18px;color: #666;line-height: 28px;padding-left: 15px}
.pb50{padding-bottom: 50px;}