@charset "UTF-8";
.nav-head {background: url(2022hhfb.jpg) no-repeat center center;height: 342px;width: 100%;}
.nav-head-con {background: url(nav-head.png) no-repeat center center;height: 118px;}
.xb-width-nav {width: 1200px;margin: 0 auto;position: relative;}
.search_box {position: absolute;top: 5px;right: 190px;}
.cpmdsearch{position:relative;width:190px;height:20px;}
.btn_int{width:180px;border-radius:10px;border:1px solid #ffffff;height:18px;padding-left:10px;outline:none;}
.btn_search{background:url(search.png) no-repeat center center;width:15px;height:14px;position:absolute;right:12px;top:4px;outline:none;}
.js_header {color: #ffffff;font-size: 12px;position: absolute;top: 5px;right: 66px;}
.js_header a {color: #ffffff;font-size: 14px;margin: 0px 5px;}
.nav-logo {background: url(nav-logo.png) no-repeat center center;height: 70px;width: 323px;position: absolute;left: -2px;top: 29px;}
.nav-head-ul {width: 900px;height: 71px;line-height: 71px;position: absolute;top: 32px;left: 345px;}
.nav-head-ul ul li {float: left;position: relative;z-index: 999;padding: 0px 28px;}
.nav-head-ul ul li a {color: #ffffff;font-size: 18px;}
.nav-head-ul ul li a:hover {color: #85d330;}
.hhfbTitle{color: #fefefe;font-size: 48px;text-align: center;margin-top: 70px;}
.fixed_width{margin: 0px auto;width: 1200px;overflow: hidden;}
.yyhyLm{background:url(yhhyTitle.png) no-repeat left center;height: 36px;margin: 40px 0px;}
.yyhyLm a{color: #188762;font-size: 24px;padding-left:60px;}
.yhhhxc{overflow: hidden;}
.yhhhxc_left{width: 600px;height: 355px;position: relative;}
.yhhhxcNew{ width: 100%;position: absolute;bottom: 0;left: 0px;z-index: 10;height: 60px;line-height: 60px;background: rgba(0, 0, 0, 0.5);display: block;text-align: center;}
.yhhhxcNew a{color: #ffffff;font-size: 18px;}
.yhhhxc_right{width: 570px;}
.yhhhxc_right h2{color: #188762;text-align: center;font-size: 24px;margin-bottom: 25px;}
.yhhhxc_right p{color: #888888;font-size: 16px;line-height: 35px;text-indent: 30px;}
.yhhhxc_rightckxq{width: 235px;height: 35px;border:1px solid #27ab77;text-align: center;line-height: 35px;font-size: 16px;padding:2px;margin: 35px auto auto auto;}
.yhhhxc_rightckxq a{color: #ffffff;background-color: #03995a;display: inline-block;width: 100%;}
.main_body {background-color: #fff;overflow: hidden;width: 100%;min-height: 500px;position: relative;z-index: 99;}
.banner{width: 100%;}
.banner position:relative .swiper-container{width: 100%;}
.banner .swiper-container{width: 100%;height: 581px;}
.banner .swiper-slide{text-align: center;font-size: 18px;background: #fff;width: 910px !important;height: 581px;float: left;opacity: 0.6;-moz-opacity: .6;-webkit-opacity: .6;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide-active{height: 581px;opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .swiper-slide-next:before,
.banner .swiper-slide-prev:before{content: '';position: absolute;background: #000;opacity: .4;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.banner .swiper-pagination-bullet{width: 9px;height: 9px;background: #978788;margin: 0 3px;border-radius: 50%;opacity: 0.8;-moz-opacity: 0.8;-webkit-opacity: 0.8;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.banner .swiper-pagination-bullet-active{background: #068b2e;opacity: 1;-moz-opacity: 1;-webkit-opacity: 1;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .swiper-pagination{height: 20px;bottom: 6px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch{width: 9px;height: 9px;background: #978788;border-radius: 50%;cursor: pointer;display: inline-block;margin: 0 3px;opacity: 0.2;}
.banner .swiper-active-switch{opacity: 1;background: #068b2e;}
.bannerWidth{width: 900px;position:relative;margin:0 auto;}
.banner .swiper-button-prev{width: 53px;height: 53px;background: url(anniu01.png) no-repeat;left: 50%;margin-left: -430px;}
.banner .swiper-button-next{width: 53px;height: 53px;background: url(anniu02.png) no-repeat;right: 50%;margin-right: -430px;}
.yyhhhds{overflow: hidden;}
.yyhhhdsLeft{width: 575px;}
.yyhhhdsLeft_first{border-bottom: 1px solid #ebebeb;}
.yyhhhdsLeft_first h2{font-size: 24px;color: #188762;}
.yyhhhdsLeft_first h2 a{color: #188762;}
.yyhhhdsLeft_first p{color: #888888;font-size: 16px;line-height: 30px;text-indent: 30px;margin: 25px 0px; }
.yyhhhdsLeft_first p a{color: #888888;}
.yyhhhdsLeft ul{margin-top:20px;}
.yyhhhdsLeft ul li{line-height: 35px;}
.yyhhhdsLeft ul li a{color: #393939;font-size: 18px;}
.yyhhhdsRight{width: 554px;height: 312px;position: relative;}
.yyhhhdsRight span{position: absolute;width: 100%;position: absolute;bottom: 0;left: 0px;z-index: 10;height: 60px;line-height: 60px;background: rgba(0, 0, 0, 0.3);display: block;text-align: center;}
.yyhhhdsRight span a{color: #ffffff;font-size: 18px;}
.yyhfbTime{height: 500px;background:#eff0f2;width: 100%;margin-top:70px;text-align: center;}
.yyhfbTime h1{text-align: center;color: #6c6c6c;font-size: 24px;margin: 40px 0px;}

.previous-emblem{height: 216px; position: relative; margin-top: 50px;}
.previous-emblem .btn{cursor: pointer; position: absolute; top: 60px; width: 28px; height: 50px; background-color: #000;}
.previous-emblem .prev{left: 20px; background: url(winter-olympic-sprite.png) -98px -351px no-repeat;outline: none;}
.previous-emblem .prev:hover{left: 20px; background: url(winter-olympic-sprite.png) -98px -261px no-repeat;}
.previous-emblem .next{right: 20px; background: url(emblem-nextbtn-sprite.png) 0px -2px no-repeat;outline: none;}
.previous-emblem .next:hover{right: 20px; background: url(emblem-nextbtn-sprite.png) -28px -2px no-repeat;}
.previous-emblem .emblem-list{overflow: hidden; width: 1184px; height: 236px; position: relative;}
.previous-emblem .emblem-list ul{display: block; min-width: 100000px; height: 236px;}
.previous-emblem .emblem-list ul li{float: left; width: 205px; height: 236px; padding-left: 28px; position: relative;outline: none;}
.previous-emblem .emblem-list ul li .emblem-wrap{width: 195px; height: 195px; background: url(jxw_circle.png) no-repeat center center; position: absolute; cursor: pointer; z-index: 999;}

.previous-emblem .emblem-list ul li .emblem-wrap .emblem-logo{position: absolute; top: 23px; left: 15px; right: 0; margin: 0 auto; width: 148px; height: 148px; border-radius: 74px;  background: #fff; overflow: hidden; margin-left: 10px;}
.previous-emblem .emblem-list ul li .emblem-wrap .emblem-logo img{margin: auto; position: absolute; top: 0; left: 0; right: 0; width: 138px; height: 138px;}
.previous-emblem .emblem-list ul li .emblem-wrap .text-mask{display:none; width: 150px; height: 150px; position: absolute; top: 10px; left: 0; right: 0; margin-left: 10px; opacity: 0; z-index: 20; border-radius: 75px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; background: #81D340; cursor: pointer; filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E5ff8c19, endColorstr=#E5ff8c19); filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);}

.previous-emblem .emblem-list ul li .emblem-wrap .text-mask .txt-wp{padding-top: 30px;}
.previous-emblem .emblem-list ul li .emblem-wrap .text-mask p{color: #fff; text-align: center; font-size: 14px; line-height: 30px; margin-top: 10px; margin-bottom: 10px;}
.previous-emblem .emblem-list ul li a{display: block; width: 100%; height: 100%;}
.previous-emblem .emblem-list ul li p.des{font-size: 14px; color: #333333; position: absolute; bottom: -6px; text-align: center; width: 200px;}
.yyhfvLjhh{margin-bottom:100px;}
.Go_Top{position: fixed; bottom: 30px; right: 30px;z-index: 9999;}
.Go_Top a{ display: block; width: 54px; height: 54px; color: #fff; background: #53C222; margin-top: 10px; text-align: center; }
.Go_Top .Gohome{padding-top: 8px; height: 46px; }
.Go_Top .GoTop{background:url(icon_GoTop1216.png) #53C222 no-repeat center;}

.xb-width {width: 1200px;overflow: hidden;margin: 0 auto;}
.footer{height: 500px;width: 100%;background: url(qtFooter.jpg) center no-repeat;overflow: hidden;}
.footer p{text-align: center;font-size: 12px;color: #ffffff;line-height: 22px;}
.footer_l{height: 392px;width: 100%;; margin-top: 35px;margin-bottom: 10px;}
.footer_left{width: 650px;margin-top: 85px;}
.footer_adress{overflow: hidden;}
.footer_adress_left{width: 340px;}
.footer_adress_right{width: 260px;}
.footer_logo{background: url(xb-icon05.png) no-repeat center center;width: 195px;height: 50px;}
.footer_adress_left ul{margin-top: 30px;}
.footer_adress_left ul li.footer_con{font-size: 16px;padding-bottom: 10px;}
.footer_adress_left ul li{line-height: 25px;}
.footer_link{font-size: 16px;}
.footer_adress_right ul{margin-top: 30px;}
.footer_adress_right ul li{line-height: 23px;}
.footer_right{width: 530px;margin-top: 85px;}
.footer_more{overflow: hidden;}
.footer_more_left{width: 260px;padding-left: 100px;}
.footer_more_left span{color: #ffffff;font-size: 16px;}
.footer_more_left span a{color: #ffffff;}
.footer_more_left ul{margin-top: 30px;}
.footer_more_left ul li a{color: #ffffff;}
.footer_more_left ul li{line-height: 25px;}
.footer_more_right{width: 130px;}
.footer_more_right span{color: #ffffff;font-size: 16px;}
.footer_more_right span a{color: #ffffff;}
.footer_more_right ul{margin-top: 30px;}
.footer_more_right ul li a{color: #ffffff;}
.footer_more_right ul li{line-height: 25px;}
.yyhzb{width: 1024px;margin: 70px auto 100px auto;}

.head-focus {
    height: 580px;
    max-width: 2700px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.wonder-atlas {
    width: 100%;
    background: #f1f9ff;
    position: relative;
    z-index: 1;
    height: 810px;
    max-width: 2700px;
    margin: 0 auto;
    overflow: hidden;
}
.wonder-atlas .content {
    padding: 50px 0 36px;
}
.wonder-atlas .content .atlas-focus {
    margin-top: 20px;
}
.head-focus .content .atlas-focus .focus-inner,
.wonder-atlas .content .atlas-focus .focus-inner {
    position: relative;
    width: 900px;
    height: 100%;
    margin: 0 auto;
}
.head-focus .content .atlas-focus .focus-inner .focus-list {
    /*position: relative;*/
    
    width: 2730px;
    height: 600px;
    margin: 0 auto;
    zoom: 1;
    z-index: 999;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list {
    /*position: relative;*/
    
    width: 3000px;
    height: 600px;
    margin: 0 auto;
    zoom: 1;
    z-index: 999;
}
.head-focus .content .atlas-focus .focus-inner .focus-list {
    height: 580px!important;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .inner {
    width: 900px;
    height: 580px;
    position: relative;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .focus-btn {
    position: absolute;
    top: 0;
    width: 1000px;
    height: 598px;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 20;
    float: left;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-btn {
    float: left;
    position: absolute;
    top: 0;
    width: 2000px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    z-index: 20;
    height: 580px;
    cursor: pointer;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .focus-btn:hover {
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: context-menu;
    /*cursor: pointer;*/
}
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-btnl {
    left: -2000px;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-btnl .mask,
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-btnr .mask {
    width: 100%;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=40);
    opacity: 0.4
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .focus-btnl {
    left: -1002px;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-btnr {
    right: -2000px;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .focus-btnr {
    right: -1000px;
}
.head-focus .content .atlas-focus .focus-inner .btn_prev,
.head-focus .content .atlas-focus .focus-inner .btn_next {
    position: absolute;
    display: block;
    top: 263px;
    width: 68px;
    height: 68px;
    background: #101014;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .btn_prev,
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .btn_next {
    position: absolute;
    display: block;
    top: 263px;
    width: 68px;
    height: 68px;
    z-index: 20;
    cursor: pointer;
}
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .btn_prev a,
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .btn_next a {
    display: block;
    width: 68px;
    height: 68px;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_prev,
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_next {
    width: 53px;
    height: 53px;
    cursor: pointer;
    display: block;
    z-index: 999;
    position: absolute;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_prev a,
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_next a {
    display: block;
    height: 100%;
    width: 100%;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_prev {
    background: url(anniu01.png) no-repeat;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_next {
    background: url(anniu02.png) no-repeat;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_prev {
    left: 15px;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .btn_next {
    right: 15px;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .ico_next,
.wonder-atlas .content .atlas-focus .focus-inner .focus-list .ico_next {
    right: 15px;
    border-bottom: none;
    border-left: none;
}

.head-focus .content .atlas-focus .focus-inner .focus-list .focus-list-inner {
    height: 600px;
    /*width: 90000px;*/
    
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    float: left;
}
.head-focus .content .atlas-focus .focus-inner .focus-list .focus-list-inner {
    height: 580px;
}
.head-focus .content .atlas-focus .focus-inner .focus-item,
.wonder-atlas .content .atlas-focus .focus-inner .focus-item {
    position: relative;
    float: left;
    width: 900px;
    height: 600px;
    overflow: hidden;
    z-index: 1;
}
.head-focus .content .atlas-focus .focus-inner .focus-item {
    height: 580px;
    margin-right: 0px;
    z-index: 0;
}
.head-focus .content .atlas-focus .focus-inner .focus-item a {
    display: block;
    width: 100%;
    height: 100%;
}