body{ overflow: hidden; } .wel .ban{ width: 100%; height: 3.63rem; } .wel .ban a{ display: block; width: 100%; height: 100%; } .wel .zong_1{ width: 100%; height: 3.63rem; } .wel .ban a img{ width: 100%; height: 100%; } .wel .ban .zong_1 .spot .span{ } .wel .ban .swiper-container-horizontal>.swiper-pagination{ height:.02rem; bottom:55px; } .wel .ban .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{ background: #dfdfdf; width: 0.54rem; height: 0.02rem; } /*.wel .ban .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet{ width: 0.15rem!important; height: 0.15rem!important }*/ .wel .ban .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #8e6440; } .wel .zong_1 .swiper-slide{ position: relative; } .wel .zong_1 .swiper-slide .con-box{ position: absolute; left:.3rem; top:.3rem; width: 70%; } .wel .zong_1 .swiper-slide .con-box h3{ font-size: .32rem; color:#fff; } .wel .zong_1 .swiper-slide .con-box .line{ display: block; width: .8rem; height:2px; margin:.1rem 0; background: #fff; } .wel .zong_1 .swiper-slide .con-box .txt1, .wel .zong_1 .swiper-slide .con-box .txt2{ font-size: .26rem; color:#fff; line-height: .34rem; } .wel .zong_1 .swiper-slide .con-box .detail{ display: block; margin:.2rem 0 0; width: 1.4rem; height:.6rem; border:2px solid #fff; color: #fff; line-height: .6rem; font-size: .24rem; /* text-align: left;*/ padding:0 0 0 .6rem; position: relative; } .wel .zong_1 .swiper-slide .con-box .detail:after{ content:"+"; position: absolute; left:.2rem; top:0; font-size: .4rem; color: #fff; } .wel .ban-1{ width: 100%; /*height: 4.08rem;*/ box-sizing:border-box; padding:0.27rem 0.25rem 0 0.25rem; background: url(../img/img_04.jpg) no-repeat center; background-size: cover; } .wel .ban-1 .zong{ overflow: hidden!important; } .wel .ban-1 .zong .swiper-pagination-1{ height: 0.7rem!important; } .wel .ban-1 .zong .swiper-pagination-1 .swiper-pagination-bullet{ width: 0.2rem!important; height: 0.2rem!important; } .wel .ban-1 .swiper-container-1 .swiper-wrapper .eve{ width: 32%!important; /*height: 3.04rem;*/ margin-right: 2%!important; padding: 0.1rem!important; box-sizing:border-box!important; padding-top: 0.25rem!important; background: #fff; height: 100%; } .swiper-container-1{ text-align: center; } .swiper-pagination-1{ display: inline-block锛?important; } .wel .ban-1 .swiper-container-1 .swiper-pagination-bullet{ background: #d0d0d0!important; margin:0 0.08rem 0 0.08rem !important; border-radius: 50%; margin-bottom: 0.3rem!important; } .wel .ban-1 .swiper-container-1 .swiper-pagination-bullet-active{ background: #a16e41!important; } .wel .ban-1 .eve>div.ch-tit{ color: #444; text-align: center; font-weight: bold; font-size: 0.28rem; width: 100%; height: 0.28rem; line-height: 0.28rem; } .wel .ban-1 .eve>div.en-tit{ font-size: 0.20rem; color: #c3c3c3; line-height: 1.3; width: 80%; margin: 0 auto; text-align: center; height: 0.6rem; margin-top: 0.1rem; overflow: hidden; } .wel .ban-1 .eve .heng{ width: 0.58rem; height: 0.01rem; border: 0.01rem solid #ddd; margin:0 auto; margin-top: 0.1rem; } .wel .ban-1 .eve div.tu{ width: 100%; height: 1.6rem; margin-top: 0.07rem; } .wel .ban-1 .eve div.tu img{ width: 100%; height: 100%; } .wel .wel-main{ padding:0.25rem; min-height: 1rem; } .wel .wel-main .nav{ width: 100%; height: 1.58rem; } .wel .wel-main .nav li{ float: left; width: 33%; margin-left: 0.5%; height: 1.48rem; background: #757575; position: relative; } .wel .wel-main .nav li.on{ background: #bf8a5b; } .wel .wel-main .nav li:first-child{ margin-left: 0; } .wel .wel-main .nav li div.tu1{ width: 100%; height: 0.6rem; background: url(../img/img_07.png) no-repeat center bottom; background-size: 20%; } .wel .wel-main .nav li div.zi{ font-size: 0.24rem; color: #fff; text-align: center; line-height: 1.3; margin-top: 0.1rem; } .wel .wel-main .nav li div.zi .en{ font-size: 0.16rem; font-family:ArialNarrow; } .wel .wel-main .nav li div.tu2{ width: 100%; height: 0.6rem; background: url(../img/img_08.png) no-repeat center bottom; background-size: 23%; } .wel .wel-main .nav li div.tu3{ width: 100%; height: 0.6rem; background: url(../img/img_09.png) no-repeat center bottom; background-size: 20%; } .wel .wel-main .nav li>b{ display: block; width: 0px; height: 0px; border: 0.14rem solid transparent; border-top: 0.14rem solid #bf8a5b; position: absolute; left: 50%; margin-left: -0.07rem; bottom: -0.24rem; display: none; } .wel .wel-main .nav li>b.on{ display: block; } .wel .wel-main .main>li div.tit>p{ font-size: 0.25rem; font-weight: bold; color: #a16e41; } .wel .wel-main .main>li{ display: none; } .wel .wel-main .main>li.on{ display: block; } .wel .wel-main .main{ margin-top: 0.25rem; } .wel .wel-main .main>li div.tit>a{ color: #b69275; display: block; line-height: 1.2; font-size: 0.23rem; margin-top:0.05rem; } .wel .wel-main .main>li .det{ margin-top: 0.27rem; } .wel .wel-main .main>li .det>a{ display: block; height: 0.63rem; line-height: 0.63rem; border-top:0.01rem dotted #eaeaea; font-size: 0.22rem; color: #808080; } .wel .wel-main .main>li .det>a p.zuo{ float: left; width: 70%; height: 100%; box-sizing:border-box; padding-left: 0.2rem; background:url(../img/spot.png) no-repeat left center; } .wel .wel-main .main>li .det>a p.you{ float: left; width: 30%; height: 100; text-align: right; } .wel .vid{ width: 100%; height: 6.8rem; background: url(../img/img_05.jpg) no-repeat center; padding: 0.37rem 0.25rem 0 0.25rem; box-sizing:border-box; background-size:100%; } .wel .vid .tit{ box-sizing:border-box; height: 0.5rem; border-left: 0.04rem solid #a16e41; width: 100%; padding-left: 0.3rem; } .wel .vid .tit p{ line-height: 1; } .wel .vid .tit p.ch{ font-size: 0.24rem; color: #444; font-weight: bold; } .wel .vid .tit p.en{ color: #a5a4a4; font-size: 0.2rem; } .wel .vid .main{ width: 100%; height: 4.23rem; margin-top: 0.3rem; position: relative; } .wel .vid .main video{ width: 100%; height: 4.23rem; } .wel .vid .main p{ position: absolute; top: 50%; left: 50%; width: 0.96rem; height: 0.96rem; margin-top: -0.48rem; margin-left: -0.48rem; background: url(../img/act.png) no-repeat center; background-size: cover; } .wel .vid .main p.on{ display: none; } .wel .vid .vid-bot{ width: 100%; color: #808080; font-size: 0.24rem; line-height: 1.4; margin-top: 0.3rem; } .wel .cul-case{ min-height: 1rem; padding:0 0.25rem 0 0.25rem; box-sizing:border-box; } .wel .cul-case .tit{ height: 0.5rem; box-sizing: border-box; height: 0.5rem; border-left: 0.04rem solid #a16e41; width: 100%; padding-left: 0.3rem; margin:0.35rem 0 0.35rem 0; } .wel .cul-case .tit p.zi{ float: left; width: 50%; height: 100%; font-size: 0.25rem; font-weight: bold; color: #444; } .wel .cul-case .tit .more{ width: 1.4rem; box-sizing: border-box; float:right; height: 100%; line-height: 0.5rem; font-size: 0.18rem; text-align: right; background:url(../img/img_10.png) no-repeat left center; background-size: 20%; padding-left: 0.36rem; } .wel .cul-case .tit .more a{ display: block; width: 100%; height: 100%; font-size: 0.18rem; color: #a16e41; } .wel .cul-case .main{ width: 100%; min-height: 5rem; overflow: hidden; } .wel .cul-case .main .zong{ height: 4.2rem!important; } .wel .swiper-container-2 .swiper-wrapper .eve{ width: 49%!important; margin-right: 2%!important; background:url(../img/img_11.png) no-repeat center center; background-size: cover; padding: 0.1rem; box-sizing: border-box; } .wel .swiper-container-2 .swiper-wrapper .eve .tu{ width: 100%; height: 2.47rem; } .wel .swiper-container-2 .swiper-wrapper .eve .tu img{ width: 100%; height: 100%; } .wel .swiper-container-2 .swiper-wrapper .eve .zi{ font-size: 0.24rem; color: #444; font-weight: bold; margin-top: 0.1rem; } .wel .swiper-container-2 .swiper-wrapper .eve .zi-det{ font-size: 0.22rem; line-height: 1.3; color: #808080; margin-top: 0.1rem; } .wel .swiper-container-2 .swiper-pagination-bullet{ background: #d0d0d0!important; margin: 0 0.08rem 0 0.08rem !important; border-radius: 50%; margin-bottom: 0.3rem!important; } .wel .swiper-container-2 .swiper-pagination-bullet-active{ background: #a16e41!important; } .swiper-container-2{ text-align: center; } /* 浠嬬粛 */ .intro-ban .ban{ width: 100%; height: 2.93rem; background: url(../img/img_07.jpg) no-repeat center; background-size: 100% 100%; } .intro-ban .th-nav{ padding:0 0.2rem 0 0.2rem; height: 0.7rem; line-height: 0.7rem; box-sizing: border-box; border-bottom: 0.01rem solid #ccc; } .intro-ban .th-nav >a{ display: inline-block; float: left; width: 25%; height: 100%; text-align: center; font-size: 0.25rem; color: #777; } .intro-ban .th-nav >a.on{ background: #a16e40; color: #fff; } .intro{ padding:0.5rem 0.25rem 0.3rem 0.25rem; box-sizing: border-box; min-height: 1rem; } .intro .main{ width: 100%; overflow: hidden; } .intro .main .zuo{ width: 60%; height: 100%; float: left; box-sizing: border-box; padding-right: 0.15rem; } .intro .main .you{ width: 40%; float: left; position: relative; margin-top: 0.2rem; } .intro .main .you img{ width: 100%; height: auto; } .intro .main .zuo .tit{ width: 100%; height: 1.1rem; } .intro .main .tit .ch{ font-size: 0.26rem; font-weight: bold; color: #666; } .intro .main .tit .en{ font-size: 0.22rem; color: #8c8c8c; line-height: 1.2; } .intro .main .zuo .main{ width: 100%; } .intro .main .zuo .main ul li{ float: left; width: 1.88rem; height: 0.9rem; border-radius: 0.05rem; background: #dcdcdc; margin:0.22rem 0.12rem 0 0; } .intro .main .zuo .main ul li.jia{ width: 3.88rem; } .intro .main .zuo .main ul li.jia .zi{ float: left; width: 100%; text-align: center; line-height: 0.65rem; height: 100%; font-size: 0.22rem; color: #929292; padding: 0.15rem 0 0.15rem 0.05rem; box-sizing: border-box; background: url(../img/culture_ss.png) no-repeat 1rem center; background-size: auto 41%; } .intro .main .zuo .main ul li p{ width: 0.4rem; float: left; height: 100%; } .intro .main .zuo .main ul li .p1{ background: url(../img/img_13.png) no-repeat center center; background-size: 70%; } .intro .main .zuo .main ul li div.zi{ float: left; width: 1.48rem; height: 0.9rem; font-size: 0.22rem; color: #929292; line-height: 0.9rem; /*padding:0.15rem 0 0.15rem 0.05rem;*/ padding-left: 0.2rem; box-sizing: border-box; } .intro .main .zuo .main ul li .p2{ background: url(../img/img_14.png) no-repeat center center; background-size: 70%; } .intro .main .zuo .main ul li .p3{ background: url(../img/img_15.png) no-repeat center center; background-size: 70%; } .intro .main .zuo .main ul li .p4{ background: url(../img/img_16.png) no-repeat center center; background-size: 70%; } .intro .main .zuo .main ul li .p5{ background: url(../img/culture_ss.png) no-repeat center center; background-size: 70%; } .intro .main .you .ku{ width: 95%; height: 95%; background: #a6754a; position: absolute; top:0; right: 0; z-index: 1; } .intro .main .you .tu{ width: 95%; height: 95%; background: url(../img/img_08.jpg) no-repeat center; background-size: cover; position: absolute; left:0; bottom: 0; z-index: 2; } .intro .main-zi{ font-size: 0.24rem; color: #666; line-height: 1.5; margin-top: 0.45rem; } /* 澶т簨璁 */ .things .ban{ width: 7.1rem; height: 1.28rem; background: url(../img/img_17.png) no-repeat center; background-size: cover; border-bottom: 0.01rem solid #e2d8cf; padding:0.1rem 0.2rem 0.1rem 0.2rem; } .things .ban .zuo{ width: 1.8rem; float: left; height: 100%; background: url(../img/img_18.png) no-repeat left center; background-size: 100% auto; } .things .ban .you{ width: 5.2rem; float: left; height: 100%; font-size: 0.16rem; color: #b9b9b9; padding-top: 0.28rem; padding-left: 0.1rem; height: 1rem; line-height: 0.34rem; } /*.things .ban .you .zi{ font-size: 0.16rem; line-height: 1.2; color: #b9b9b9; }*/ .things .th-main{ padding: 0.3rem 0.25rem 0.25rem 0.25rem; box-sizing: border-box; min-height: 4rem; background: #f0f0f0; } .things .th-main div.main{ width: 100%; min-height: 4rem; background: url(../img/img_19.png) repeat-y 1.3rem top; } .things .th-main div.main .eve{ width: 100%; height: 100%; overflow: hidden; margin-bottom: 0.3rem; } .things .th-main div.main .year{ width: 1.2rem; float: left; height: 100%; font-size: 0.24rem; color: #666; font-weight: bold; } .things .th-main div.main .det{ width: 5.8rem; min-height: 0.2rem; float: left; } .things .th-main div.main .det .det-main{ width: 100%; min-height: 0.5rem; background: url(../img/img_10.jpg) no-repeat 0rem 0.1rem; font-size: 0.24rem; line-height: 1.3; color: #666; box-sizing: border-box; padding: 0.1rem 0 0 0.4rem; } .things .th-main div.main .det .tu{ padding: 0.1rem 0 0 0.4rem; width: 5rem; /*height: 2.42rem;*/ } .things .th-main div.main .det .tu img{ /*width: 100%;*/ max-width: 5rem; height: auto!important; } /* advan */ .advan>ul{ padding-bottom: 0.3rem; } .advan>ul>li{ padding: 0.25rem; } .advan>ul>li .tu{ width: 100%; height: 3.3rem; } .advan>ul>li .tu img{ width: 100%; height: 100%; } .advan>ul>li .tit{ box-sizing: border-box; width: 100%; padding-left: 0.4rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.26rem; font-weight: bold; margin:0.3rem 0 0.3rem 0; } .advan>ul>li .p1{ background: url(../img/img_20.png) no-repeat left center; background-size: auto 80%; } .advan>ul>li .zi{ color:#666; line-height: 1.4; font-size: 0.24rem; } .advan>ul>li .p2{ background: url(../img/img_21.png) no-repeat left center; background-size: auto 80%; } .advan>ul>li .p3{ background: url(../img/img_22.png) no-repeat left center; background-size: auto 80%; } /* indent */ .indent .ban{ padding: 0.3rem 0.25rem 0.2rem 0.25rem; box-sizing: border-box; min-height: 1rem; background: #f5f5f5; } .indent .ban .zong{ height: 2.2rem!important; } .indent .ban .eve{ width: 2.28rem!important; margin-right: 0.06rem!important; } .indent .ban .eve .ku{ box-sizing: border-box; width: 2.28rem!important; height: 1.52rem!important; border:0.05rem solid #d1b7a0; } .indent .ban .eve .ku .tu{ width: 1.7rem; height: 1.15rem; margin: 0 auto; margin-top: 0.09rem; text-align: center; overflow: hidden; } .indent .ban .eve .ku .tu img{ height: 100%; width: 100%; } .indent .ban .swiper-container .swiper-pagination-bullet{ background: #d0d0d0!important; margin: 0 0.08rem 0 0.08rem !important; border-radius: 50%; width: 0.15rem!important; height: 0.15rem!important } .indent .ban .swiper-container .swiper-pagination-bullet-active{ background: #a16e41!important; } .indent .ban .swiper-container .swiper-pagination{ position: absolute; top: 1.05rem; } .indent .ind-ban{ min-height: 1rem; position: relative; margin-top: 0.8rem; margin-bottom: 1.8rem; } .indent .ency { margin: 0 auto; } .indent .ency .ency-ban{ padding: 0 0.2rem 0 0.2rem; min-height: 1rem; margin-top: 0.42rem } .indent .ency .ency-ban .ency-banner{ width: 100%; height: 2.48rem; } .indent .ency .ency-ban .ency-banner .tips{ font-size: 0.24rem; text-align: center; margin-top: 0.9rem; margin-bottom: 0.6rem; font-weight: bold; } .indent .ency .ency-ban .ency-banner .bd li{ position: absolute; opacity: 0; width: 3rem; transform:scale(0.9); left: 25%; top: 20%; box-sizing: border-box; border: 0.05rem solid #aa774b; } .indent .ency .ency-ban .ency-banner .bd li img{ width: 100%; } .indent .ency .ency-ban .ency-banner .bd{ width: 100%; height: 2.48rem; margin: 0 auto; position: relative; } .indent .ind-ban .zi{ font-size: 0.24rem; text-align: center; margin-top: 0.9rem; margin-bottom: 0.6rem; font-weight: bold; } /* header */ .header{ position: relative; width: 100%; height: 0.9rem; z-index:50; } .header .head{ width: 100%; height: 0.9rem; line-height: 0.9rem; background: #fdf9eb; position: fixed; } .header .head .zuo{ width: 0.4rem; height: 0.28rem; background: url(../img/sx.png) no-repeat center; background-size: cover; margin:0.32rem 0 0 0.25rem; } .header .head .mid{ float: left; width: 3.13rem; height: 0.63rem; margin-left: 1.4rem; } .header .head .mid img{ width: 100%; height: 100%; margin-bottom: 0.1rem; } .header .head .you{ width: 0.4rem; height: 0.4rem; margin:0.25rem 0.25rem 0 0; background: url(../img/sel.png) no-repeat center; background-size: 100% 100%; } .header .head .you.on{ background: url(../img/cha.png) no-repeat center; background-size: 100% 100%; } .header .search{ width: 7rem; height: 1.04rem; background: url(../img/img_19.jpg) no-repeat center; background-size: cover; position: fixed; top:0.9rem; left: 0rem; z-index: 30; padding: 0 0.25rem; display: none; } .header .search .sea-box{ width: 100%; height: 0.6rem; margin-top: 0.25rem; } .header .search form{ display: block; width: 100%; height: 100%; position: relative; } .header .search .kuang{ width: 6.7rem; height: 0.55rem; padding-left: 0.3rem; background: transparent; border: 1px solid #75614f; color: #807065; position: absolute; top: -0.05rem; font-size: 0.28rem; } .header .search .sea{ border:0; display: inline-block; width: 0.32rem; height: 0.55rem; background: url(../img/sel.png) no-repeat center; background-size: 100% auto; position: absolute; right: 0.15rem; top:0.05rem; } .header .menu{ position: fixed; left: 0; right: 0; top: 0.9rem; bottom: 0; background: rgba(0,0,0, .7); z-index: 10; display: none; } .header .menu .menu-main{ width: 100%; padding:0 0.25rem 0 0.25rem; min-height: 7.4rem; box-sizing:border-box; background:url(../img/img_20.jpg) no-repeat center; background-size: cover; } .header .menu .menu-main .title{ width: 100%; height: 0.8rem; border-top: 0.01rem solid #755f4d; font-size: 0.26rem; line-height:0.8rem; color: #fff; box-sizing:border-box; padding-left: 0.2rem; background: url(../img/jia.png) no-repeat right center; background-size: auto 40%; } .header .menu .menu-main p.shouye{ width: 100%; height: 0.8rem; border-top: 0.01rem solid #755f4d; font-size: 0.26rem; line-height: 0.8rem; color: #fff; box-sizing: border-box; padding-left: 0.2rem; background: url("http://192.168.1.158/jtl/static/m/css/../img/jia.png") no-repeat right center; background-size: auto 40%; } .header .menu .menu-main p.shouye a{ display: block; color: #fff; } .header .menu .menu-main .title.on{ background: url(../img/jian.png) no-repeat right center; background-size: auto 5%; color: #fabf8a; } .header .menu .menu-main .cont{ display: none; } .header .menu .menu-main .cont.on{ display: block; } .header .menu .menu-main .cont li { width: 100%; } .header .menu .menu-main .cont li a{ display: block; font-size: 0.28rem; color: #b5ada8; height: 0.7rem; line-height: 0.7rem; width: 100%; box-sizing:border-box; padding-left: 0.4rem; background: url(../img/spot_01.png) no-repeat 0.1rem center; } .page{ padding:10px 0; font-size:12px; font-weight:bold; line-height:22px; text-align:center; clear:both; margin-top: 40px; } .page a{ text-decoration:none; color:#8698b6; background:#fff; border:1px solid #CCCCCC; padding:5px 10px; padding-bottom:5px; margin-right:3px } .page a.active{ background:#a16e3f; border:1px solid #a16e3f; color:#fff } .page a:hover{ text-decoration:none; color:#fff; background:#a16e3f; border:1px solid #a16e3f }