/*通用类*/ *{ margin:0; padding:0;} body{ margin:0 auto; font-size:14px; font-family:arial,Microsoft Yahei; background:#fff; color:#545456; } h1,h2,h3{ font-weight:500;} img{ border:none;} a{ cursor:pointer; color:#333; text-decoration:none; outline:none; } a:hover{ color:#6e4132;} ul{ list-style-type:none; border:0; width:auto; } em{ font-style:normal;} span{ float:none; margin:0;} .f_l{ float:left;} .f_r{ float:right;} input.sub,label{ border:none; cursor:pointer; } input,textarea{ font-family:"Microsoft Yahei"; outline:none;} table{ border-collapse:collapse;} table td,table th{ padding:0;} div.clear{ font: 0px Arial; line-height:0; height:0; overflow:hidden; clear:both;} div,li,ul,a{ box-sizing:border-box;} /*wrapin 主体容器宽度*/ .wrapin{ width:1300px; margin-left:auto; margin-right:auto; } /*公用CSS 开始*/ /*header 开始*/ .header{ height:auto; width:100%; background:#fff; position:fixed; top:0px; z-index:3;background-image: linear-gradient(to right, #4f3b34 , #7f4531); } .header .logo{ float:left; margin-top:10px; margin-bottom:10px;} .header:after{ position:absolute; right:0px; top:0px;z-index:0;} .header .wrapin{ z-index:1; position:relative;} .nav{ float:right; height:auto; margin-top:15px; font-size:16px; color:#153768;} .nav li{ float:left; position:relative; width:90px;line-height:45px; vertical-align:middle; margin-left:0px; text-align:center;} .nav li a{ color:#fff;} .nav li:hover a,.nav .hover a{color:#ffd863;} .wap-nav{ display:none;cursor:pointer;} /*header 结束*/ /*footer 底部开始*/ .footer{ width:100%; background:#ececec; height:auto; overflow:hidden; padding:60px 0 60px 0; } .footer a{ color:#fff !important;} .t6con{ width:100%; height:auto; float:left;} .swiper-container,.swiper-container1,.swiper-container3,.swiper-container5{width: 100%;height: 100%; position:relative;} .swiper-container1,.swiper-container5{ padding-bottom:80px;} .swiper-container1 .swiper-pagination-bullet-active,.swiper-container5 .swiper-pagination-bullet-active{ background:#837163;} .swiper-container1 .swiper-pagination-bullet,.swiper-container5 .swiper-pagination-bullet{ width:12px; height:12px;} .swiper-container3{ padding-bottom:45px;} .swiper-container3 .swiper-pagination-bullet{ background:#794431; width:12px; height:12px;} .swiper-container3 .swiper-pagination-bullet-active{ background:#794431;} .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* 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-img{ width:100%; height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover;} section{ width:100%; height:auto; overflow:hidden; } .bg1{ background-image:url(../images/bg1.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; padding-top:80px; padding-bottom:80px;} .bg2{ background-image:url(../images/bg2.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; padding-top:80px; padding-bottom:80px;} .bg3{ background-image:url(../images/bg3.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat; padding-top:80px; padding-bottom:80px;display:none;} .bg4{ background-color:#3c2a24; background-position:center center; background-size:cover; background-repeat:no-repeat; padding-top:80px; padding-bottom:80px; position:relative;} .bg5{ background-image:url(../images/bg5.jpg); background-position:left center; background-size:cover; background-repeat:no-repeat; padding-top:80px; padding-bottom:80px; position:relative;} .bg6{ background-image:url(../images/bg4.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;position:relative; text-align:center; height:240px; line-height:240px; vertical-align:middle;} .bg6 img{ display:inline-block; vertical-align:middle;} .t{ width:100%; height:auto; float:left; text-align:center; margin-bottom:40px;} .c{ width:100%; height:auto; float:left; overflow:hidden; padding-top:60px;} .c1{ width:100%; height:auto; float:left; overflow:hidden; padding-top:0px;z-index: 2; position: relative;} .t6{ width:100%; height:auto; float:left; text-align:center; margin-top:-20px; margin-bottom:20px;} .t6 li{ width:auto; display:inline-block; font-size:24px; color:#333; line-height:50px; vertical-align:middle; margin-left:20px; margin-right:20px;font-weight:bold; cursor:pointer;} .t6 .on{color:#6f4d41; border-bottom:3px solid #6f4d41; } .box{ width:100%; height:auto; float:left; background-image:url(../images/bg2.png); background-position:center bottom; background-size:100% auto; background-repeat:no-repeat; transition:all 0.4s;} .box:hover{ margin-top:-20px;} .box-1{ width:80%; height:auto; float:left; margin-left:10%; margin-top:-40px; overflow:hidden;} .box-1 div{ width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; transition:all 0.4s;} .box:hover .box-1 div{ transform:scale(1.1);} .swiper-container1 .swiper-slide:nth-child(1) .box,.swiper-container1 .swiper-slide:nth-child(5) .box{ background-color:#a7a7a7;} .swiper-container1 .swiper-slide:nth-child(2) .box,.swiper-container1 .swiper-slide:nth-child(6) .box{ background-color:#adab9f;} .swiper-container1 .swiper-slide:nth-child(3) .box,.swiper-container1 .swiper-slide:nth-child(7) .box{ background-color:#ada49d;} .swiper-container1 .swiper-slide:nth-child(4) .box,.swiper-container1 .swiper-slide:nth-child(8) .box{ background-color:#9caaaf;} .swiper-container5 .swiper-slide:nth-child(1) .box,.swiper-container5 .swiper-slide:nth-child(5) .box{ background-color:#676662;} .swiper-container5 .swiper-slide:nth-child(2) .box,.swiper-container5 .swiper-slide:nth-child(6) .box{ background-color:#7d7965;} .swiper-container5 .swiper-slide:nth-child(3) .box,.swiper-container5 .swiper-slide:nth-child(7) .box{ background-color:#837163;} .swiper-container5 .swiper-slide:nth-child(4) .box,.swiper-container5 .swiper-slide:nth-child(8) .box{ background-color:#627279;} .swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{ color:#784331;} .swiper-container .swiper-pagination-bullet{ background:#784331; width:12px; height:12px; border:1px solid #fff;} .box-2{ width:100%; height:auto; float:left; color:#fff; padding:40px 20px 100px 20px; box-sizing:border-box; text-align:left; position:relative;} .box-2 h1{ font-size:28px; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .box-2 p{ font-size:14px; line-height:25px; height:125px; overflow:hidden;} .box-2 span{ font-size:14px; position: absolute; right: 0px; line-height:30px; vertical-align:middle; bottom: 30px; /*writing-mode: tb-lr;*/ /* writing-mode: vertical-lr;*/ text-align: center;} .box-2 span:after { content: ""; margin-left:10px; display: inline-block; width: 40px; height:1px; background-color:#fff; vertical-align:middle; } .box2{ width:45%; height:auto; float:left; transition:all 0.4s; overflow:hidden;} .box2-c{ width:100%; height:auto; float:left; position:relative;} .box2-img{ width:100%; height:465px; float:left;} .box2-img div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .box2-txt{ width:100%; height:auto; line-height:60px; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); font-size:24px; color:#fff; position:absolute; bottom:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:10px; padding-right:10px;} .box3{ width:50%; float:right; height:auto;} .box3{} .list{width:100%; height:auto; float:left;} .list li{width:48%; height:auto; float:left; margin-right:2%; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #f0f0f0;} .list li:nth-child(2n){ margin-right:0px;} .list-1{ width:100%; height:auto; float:left; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px;} .list-1 a{ font-size:16px; } .list span{ font-size:14px; color:#949494; background:url(../images/icon1.png) left center no-repeat; padding-left:22px; display:inline-block; line-height:25px; vertical-align:middle;} .more{ font-size:14px; line-height:40px; vertical-align:middle; float:right; margin-top:20px; } .more a{color:#9f8871;} .more a:hover{ text-decoration:underline;} .more:after{ content:url(../images/pic06.jpg); display:inline-block; margin-left:10px; vertical-align:middle;} .p{ margin-top:-26px; position:absolute; left:50%; margin-left:-180px; top:0px; margin-top:-113px; z-index:0;} .list1{ width:100%; height:auto; float:left;} .list1 li{ width:49%; height:auto; float:left; margin-left:0.5%; margin-right:0.5%; margin-bottom:10px;} .list1-1{width:49%; height:295px; float:left; overflow:hidden;} .list1-1 div{ transition:all 0.4s; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .list1-1:hover div{ transform:scale(1.2);} .list1-2{width:49%; height:295px; float:left; background:#fff; margin-left:2%; padding:20px; position:relative;} .list1-2 h1{ font-size:24px; font-weight:bold; margin-bottom:10px; color:#3c2a24; line-height:35px; height:70px; overflow:hidden; vertical-align:middle; transition:all 0.4s;} .list1-2 p{ line-height:25px; height:175px; overflow:hidden; vertical-align:middle; color:#6d6d6d; transition:all 0.4s;} .list1-2:before{ content:""; display:inline-block; position:absolute; left:-10px; top:20%; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #fff;} .list1 li:nth-child(3) .list1-1,.list1 li:nth-child(4) .list1-1{ float:right;} .list1 li:nth-child(3) .list1-2,.list1 li:nth-child(4) .list1-2{ float:left; margin-left:0px; margin-right:2%;} .list1-2:hover{ background:#784432; } .list1-2:hover h1{color:#fff;} .list1-2:hover p{ color:rgba(255,255,255,0.7)} .list1 li:nth-child(3) .list1-2:before,.list1 li:nth-child(4) .list1-2:before{left:auto; right:-10px;width:0; height:0; border-right:0px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #fff;} .list1-2:hover:before,.list1-2:hover:before{border-right:10px solid #784432;} .list1 li:nth-child(3) .list1-2:hover:before,.list1 li:nth-child(4) .list1-2:hover:before{border-left:10px solid #784432;} .more2{ width:100%; height:auto; text-align:center; margin-top:40px; float:left;} .more2 a{ color:#997860; position:relative;} .more2 a:after{ content:url(../images/t6.png); } .more2 a:hover{ text-decoration:underline;} .box4{ width:45%; height:auto; float:left;} .box5{ width:52%; height:auto; float:right;} .t2{ width:100%; height:auto; float:left; line-height:50px; vertical-align:middle; margin-bottom:20px;} .t2 .t2-1{ font-size:24px; float:left; width:auto; font-weight:bold; color:#333;} .t2 .t2-1 span{ color:#653c2f; border-bottom:2px solid #653c2f; padding-bottom:10px;} .t2 a{ float:right;} .list2{width:100%; height:auto; float:left; background:#fff; padding:40px 30px;} .list2 li{ width:100%; height:auto; float:left; margin-bottom:20px;} .list2 li .list2-1{ width:100%; height:auto; font-size:16px; color:#382e2f; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px;} .list2 li .list2-1 a{ font-size:16px;} .list2 li .list2-2{ width:100%; height:auto; float:left; position:relative; line-height:30px; vertical-align:middle;} .list2 li .list2-2 span{ display:inline-block; background:#fff; position:relative; z-index:1; font-size:16px; color:#b2b2b2;} .list2 li .list2-2 img{ position:absolute; right:0px; z-index:0; bottom:0px;} .list3{ width:100%; height:auto; float:left;} .list3 li{ overflow:hidden;} .list3 li:nth-child(1){ width:49%; height:255px; float:left;} .list3 li:nth-child(2){ width:49%;height:255px; margin-left:2%; float:left;} .list3 li:nth-child(3){ width:100%;height:255px; float:left; margin-top:10px;} .list3 li div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s; } .list3 li:hover div{ transform:scale(1.2);} footer{ background:#674838; padding-top:40px; padding-bottom:20px; border-top:10px solid #8d7265; overflow:hidden;} .footer-logo{ width:auto; float:left; margin-right:60px; margin-top:-10px;} .footer-link{width:355px; float:left;} .footer-link dt{width:100%; float:left; font-size:20px; line-height:40px; vertical-align:middle; color:rgba(255,255,255,0.7);} .footer-link dd{width:50%; float:left; line-height:30px; vertical-align:middle;} .footer-link dd a{ color:#fff;} .footer-link dd a:hover{ text-decoration:underline;} .footer-ewm{width:auto; float:right;} .footer-ewm li{ width:auto; float:left; margin-left:20px; text-align:center; color:rgba(255,255,255,0.7)} .footer-ewm li h4{ font-size:12px; line-height:30px; vertical-align:middle;} .footer-ft{width:100%; float:left; text-align:center; line-height:30px; vertical-align:middle; color:rgba(255,255,255,0.7); border-top:1px solid rgba(255,255,255,0.1); padding-top:10px; margin-top:20px;} .bg7{ width:100%; height:auto; min-height:350px; background-color:#f4f1ec; background-image:url(../images/t9.png); background-position:left bottom; background-repeat:no-repeat; margin-top:80px; padding-top:80px; padding-bottom:80px;} .t3{ width:100%; height:auto; float:left; margin-bottom:40px;} .t3-title{ width:auto; float:left;} .t3-title h1{ font-size: 34px; font-weight:bold; color: #6e4132; display: block;} .t3-title h2{color: #b3a49f; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-style: normal; margin-top: 5px;} .t3-position{ width:auto; float:right; line-height:30px; margin-top:20px; vertical-align:middle;} .list9{ width:auto; float:left;} .list9 li{ width:auto; float:left; line-height:50px; } .list9 li a{padding-left:20px; padding-right:20px; display:block;font-size:28px;font-weight:bold; } .list9 .currt a{ background:#6e4132; color:#fff; } .list4{ width:100%; height:auto; float:left;} .list4 li{ width:100%; height:auto; float:left; position:relative; background-color:#fff; background-image:url(../images/t10.png); background-position:right center; background-repeat:no-repeat; background-size: auto 100%; margin-bottom:40px;} .list4 li .list4-1{ overflow:hidden;width:360px; height:240px; float:left; position:absolute; left:0px; top:0px;} .list4 li .list4-1 div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .list4 li .list4-2{ width:100%; float:left; min-height:240px; padding:60px;padding-left:405px; } .list4 li .list4-2 h1{ font-size:20px; margin-bottom:15px; color:#744332; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list4 li .list4-2 p{ font-size:14px; line-height:25px; height:75px; overflow:hidden; color:#777; margin-bottom:25px;} .list4 li .list4-2 span{ font-size:16px; color:#c0c0c0; line-height:25px; vertical-align:middle;} .list4 li:hover .list4-1 div{ transform:scale(1.2);} .t5{ width:100%; height:auto; float:left; font-size:24px; margin-bottom:20px; color:#6e4132; font-weight:bold;} .list10{ width:100%; height:auto; float:left; position:relative;} .list10 li{ width:32.33%;margin-right:1.5%; height:auto; float:left; position:relative; background-color:#fff; margin-bottom:40px;} .list10 li:nth-child(3n){ margin-right:0px;} .list10 li .list10-1{ overflow:hidden;width:30%; height:auto;float:left; position:relative; margin-left:2%; margin-top:2%; margin-bottom:2%; background: #f6f2ed; border-bottom:3px solid #6e4132;} .list10 li .list10-1 div{ width:100%; height:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .list10 li .list10-1 h1{ text-align:center;font-size:18px; font-weight:bold; color:#744332; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:5px;margin-bottom:5px; float:left; width:100%; display:block;} .list10 li .list10-1 h2{ text-align:center;font-size:16px; margin-bottom:15px; color:#744332; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list10 li .list10-2{ width:63%; height:207px;float:right; padding:15px; border:3px solid #f6f2ed; margin:2%;overflow:auto;} .list10 li .list10-2 h1{ font-size:20px; margin-bottom:15px; color:#744332; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list10 li .list10-2 p{ font-size:14px; line-height:25px; height:auto; overflow:auto; color:#777; margin-bottom:0px;} .list10 li .list10-2 span{ font-size:16px; color:#c0c0c0; line-height:25px; vertical-align:middle;} .list10 li:hover{ box-shadow:0px 0px 11px #d8cccc; } .list10 li .list10-2::-webkit-scrollbar{ width:3px; height:3px; /**/} .list10 li .list10-2::-webkit-scrollbar-track{ background: rgb(246, 242, 237); border-radius:2px;} .list10 li .list10-2::-webkit-scrollbar-thumb{ background: #b6998f; border-radius:10px;} .list10 li .list10-2::-webkit-scrollbar-thumb:hover{ background: #6e4132;} .list10 li .list10-2::-webkit-scrollbar-corner{ background: #6e4132;} .pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;} .pagelist .curPage,.pagelist a:hover{ background:#774331; color:#fff; } .pagelist a{ font-size:14px; cursor:pointer; display:inline-block; line-height:50px; margin-left:2px; margin-right:2px; color:#8d8d8d; border:1px solid #774331; color:#774331;box-sizing:border-box; width:50px; height:50px;} .pagelist .noclick{ cursor:no-drop; color:#8d8d8d;} .pagelist .noclick:hover{cursor:no-drop;background:#ccc; color:#8d8d8d;} .title{ width:100%; height:auto; float:left; background:url(../images/5.png) center top no-repeat; line-height:30px; font-size:30px; color:#294a70; text-align:center; margin-bottom:40px;} .con{ width:100%; height:auto; float:left; min-height:400px; padding-bottom:40px;} .txt{ line-height:22px; font-size:16px; line-height:30px;} .txt p{ margin-bottom:20px;} .con img{ max-width:100%;} .ntitle{width:100%; height:auto; float:left; font-size:30px; text-align:center; color:#000; margin-bottom:50px; line-height:35px; margin-top:20px; } .ntime{width:100%; height:auto; float:left; font-size:14px; color:#C5C5C5;text-align:center;margin-bottom:30px; } .nnnext{ float:left; width:100%; height:auto; float:left;margin-bottom:30px; margin-top:30px; border-top:5px solid #e0cfc9;; padding-top:20px; color: #794431; font-size:16px; } .nnnext p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:35px;} .list5{ width:100%; height:auto; float:left;} .list5 li{width:100%; height:auto;padding:20px 30px 20px 30px; float:left; background:#fff; margin-bottom:10px;} .list5 li a{ display:block; box-sizing:border-box;} .list5 li .list5-1{ float:left; width:70%; line-height:40px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:22px;} .list5 li span{ float:right;line-height:40px; vertical-align:middle; font-size:16px; color:#a1a1a1;} .list5 li:hover{ background:#774332; } .list5 li:hover .list5-1{color:#fff;} .list5 li:hover span{ color:rgba(255,255,255,0.6)} .list7{ width:100%; height:auto; float:left;} .list7 li{ width:32.33%; height:auto; margin-right:1.5%; margin-bottom:20px; box-sizing:border-box; float:left; overflow:hidden; } .list7 li:nth-child(3n){ margin-right:0px;} .list7 li .list7-1{ float:left; width:100%; font-size:14px; color:#858484; background:url(../images/pic18.png) left center no-repeat; padding-left:30px; box-sizing:border-box; line-height:40px; vertical-align:middle;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .list7 li h1{float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; font-size:20px; font-weight:bold; color:#000; line-height:30px; margin-bottom:10px;} .list7 li p{float:left; width:100%; font-size:14px; color:#7c7c7c; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px;} .list7 li .list7-2{float:left; width:100%; height:282px; overflow:hidden;} .list7 li .list7-2 div{ width:100%; height:100%; transition:all 0.6s; background-position:center center; background-repeat:no-repeat; background-size:cover;} .list7 li .list7-3{ width:100%; height:auto; float:left; background:#fff; padding:20px; box-sizing:border-box; transition:all 0.4s;} .list7 li:hover .list7-3{ background:#9d2729; } .list7 li:hover h1{ color:#fff;} .list7 li:hover .list7-2 div{ transform:scale(1.2);} .list7 li:hover p{ color:rgba(255,255,255,0.8)} .list7 li:hover .list7-1{color:rgba(255,255,255,0.7)} .list70 li{ width:23%; margin-right:2%;} .list70 li:nth-child(3n){ margin-right:2%;} /*.list70 li:nth-child(4n){ margin-right:0;}*/ .list70 li h1{ text-align:center;color:#96614f} .list70 li .list7-3{ padding:10px 10px 0px 10px;} .byz{ width:100%; margin-bottom:40px; height:auto; overflow:hidden;} .title2{ width:100%; font-size:26px; font-weight:bold; line-height:40px; margin-bottom:40px; text-align:center; color:#a06034;} .title2:before{ content:""; display:inline-block; width:80px; height:2px; background:#c4aaa0; margin-right:10px; vertical-align:middle;} .title2:after{ content:""; display:inline-block; width:80px; height:2px; background:#c4aaa0; margin-left:10px; vertical-align:middle;} /*带缩略图的轮播图*/ .picBox{ width:100%; height:auto; position:relative;vertical-align:middle; z-index:9999999999; margin-top:30px; margin-bottom:40px; float:left;} .closePic{ width:60px; height:60px; position:absolute; top:40px; right:40px; cursor:pointer; z-index:99999;} .closePic img{ max-width:100%;} .imgBox{ width:100%; height:100%; float:left; } .imgBoxBig{ width:80%; height:auto; position:relative; overflow:hidden; text-align:center; float:left; box-sizing:border-box; vertical-align:middle; text-align:center; text-align:center; justify-content:center; margin-bottom:40px; margin-left:10%;} .imgBoxBig .imgBigText{ width:100%; height:auto;overflow:hidden; font-size:18px; color:#fff; text-align:center; vertical-align:middle; text-align:center; } .imgBoxBig .imgBigText h1{ font-size:26px; color:#665648; font-weight:bold; line-height:40px; margin-bottom:20px;} .imgBoxBig .imgBigText h1:before{ margin-right:15px; content:""; display:inline-block; width:125px; height:1px; background:#91908c; vertical-align:middle;} .imgBoxBig .imgBigText h1:after{ margin-left:15px; content:""; display:inline-block; width:125px; height:1px; background:#91908c; vertical-align:middle;} .imgBoxBig .imgBigText h2{ font-size:30px; color:#5d4b3c;line-height:44px;font-weight:bold; margin-bottom:0px; } .imgBoxBig .imgBigText .imgBigTextImg{ width:595px; display:inline-block;box-shadow: 0px 0px 12px #adadad; margin-bottom:20px;} .imgBoxBig .imgBigTextImg img{ display:block; float:left;width:100%; height:auto;} .imgBigText p{} .imgBoxList{ width:100%; height:auto; overflow:hidden; float:left; padding:5px; padding-left:40px; padding-right:40px; box-sizing:border-box; position:relative;} .imgBoxList li{width:205px; height:112px; float:left; margin:0px; box-sizing:border-box; border-radius:30px; overflow:hidden; text-align:center; cursor:pointer; } .imgBoxList li .smallImgyd{ display:inline-block; width:40px; height:40px; background-image:url(../images/t12.png); background-position:center center; background-repeat:no-repeat; transition:all 0.4s;} .imgBoxList li .smallImgTxt{ width:100%; text-align:center;transition:all 0.4s;} .imgBoxList li .smallImgTxt h1{transition:all 0.4s;} /*.imgBoxList li img{ width:100%; height:100%; display:block; }*/ .imgBoxList li:hover .smallImgyd,.imgBoxList .curLi .smallImgyd{ background-image:url(../images/t11.png);} .imgBoxList li:hover .smallImgTxt h1,.imgBoxList .curLi .smallImgTxt h1{ font-size:24px; color:#8f6e52; font-weight:bold;} .bgline{ width:100%; height:2px; background:#939393; position:absolute; top:25px; left:0px; z-index:0;} .smallImg{ position:relative; z-index:1;} .btnPreImg{ left:0px; } .btnNextImg{ right:0px; } .btnPreImg,.btnNextImg{ text-align:center;width:40px; height:100%; top:0px;position:absolute; display:flex; align-items:center; text-align:center;cursor:pointer; padding-left:5px; padding-right:5px; box-sizing:border-box; z-index:3; } .btnPreImg img,.btnNextImg img{ max-width:100%; display:inline-block;vertical-align:middle;} .imgBoxBig .btnPreImg{ width:60px; height:60px; background-color:#656360; border-radius:50%; text-align:center; top:50%; line-height:60px; vertical-align:middle; margin-top:-30px; } .imgBoxBig .btnNextImg{ width:60px; height:60px; background-color:#656360;border-radius:50%; text-align:center; top:50%; line-height:60px; vertical-align:middle; margin-top:-30px; } .imgBoxBig .btnNextImg img{ margin: 0 0px 0px auto;} .imgBoxList .btnPreImg,.imgBoxList .btnNextImg{ width:30px; height:30px; background-color:#a88567; border-radius:50%; top:9px;} .list8box{width:200px; height:600px;float:left;overflow:auto;} .line2{ width:2px; height:100%; position:absolute; left:20px; background:#CCC; z-index:0;} .list8{ width:100%; height:auto; float:left; position:relative; z-index:1;} .list8 li{ width:100%; height:auto; float:left; height:60px; cursor:pointer; line-height:60px; vertical-align:middle; padding-top:10px; padding-bottom:10px; position:relative; padding-left:50px;} .list8 li i{ position:absolute; left:15px; top:22px; width:12px; height:12px; display:inline-block; border-radius:50%; overflow:hidden; background:#ccc; transition:all 0.4s;} .list8 li span{ font-size:30px; font-weight:bold; transition:all 0.4s;} .list8 .cur i{ background: #a1573c; width: 20px; height: 20px; left: 11px; top: 27px;} .list8 .cur span{ color:#794431; font-size:38px;} .list8box::-webkit-scrollbar { /*滚动条整体样式*/ width : 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .list8box::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 6px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #ceb7ab; } .list8box::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background : #ededed; } .contt{ width:100%; height:auto; overflow:hidden;} .contt h1{font-size: 24px; color: #333; line-height: 44px; padding-bottom: 20px;} .contt ul{width:100%; height:auto;} .contt ul li{ box-sizing:border-box; float: left; background-position:left center; background-repeat:no-repeat; width:33.33%; padding-left: 32px; font-size:20px; color: #333;line-height:30px; padding-top: 10px; padding-bottom: 10px;} .connttimg{ width:100%; height:auto; margin-top:40px; float:left; border: 6px solid #c0ada6; padding: 15px; } .connttimg img{ max-width:100%;} .box6{ width:80%; height:auto; float:right; text-align:center;} .box6-c{ text-align:center;} .box6-c h1{ line-height:40px; font-size:36px;color: #794432; font-weight: bold;} .box6-c h1:before{ content:""; display:inline-block; width:150px; height:1px; background-color:#ccc; margin-right:20px; vertical-align:middle;} .box6-c h1:after{ content:""; display:inline-block; width:150px; height:1px; background-color:#ccc; margin-left:20px; vertical-align:middle;} .imgBigTextImg{ display:inline-block; width:600px; margin-top:40px; margin-bottom:40px; border:6px solid #c8bbb7; padding:20px;} .box6-c h2{ line-height:50px; font-size:24px; color:#333;} .boxitem { margin: 10px; width:100%; column-count: 5; column-gap: 10px; } .item { margin-bottom: 10px; background:#fff;-webkit-column-break-inside: avoid; } .item img{ width: 100%; height:100%; } .item-1{ width: 100%;} .item-2{ width: 100%; padding:20px; -webkit-column-break-inside: avoid; } .item-2 h1{ font-size:22px; line-height:30px; font-weight:bold; margin-bottom:10px; color:#704232;} .item-2 p{ font-size:14px; line-height:25px;} .list19{ width:100%; height:auto;} .list19 li{width:100%; height:auto; float:left; background:#fff; padding:10px 10px 20px 10px; box-sizing:border-box; box-shadow:0px 0px 10px #662a16; margin-bottom:20px;} .list19 .list19-1{width:100%; height:160px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:15px;} .list19 .list19-2{width:100%; height:auto;} .list19 .list19-2 h1{ font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;} .list19 .list19-2 p{ font-size:12px; line-height:20px; overflow:hidden; height: 40px; overflow: hidden; color: #a7a7a7;} .bg8{ display:none; width:100%; height:auto;background: #6f4132; padding-top:40px; padding-bottom:40px;} .bg8 .t2 .t2-1{ color:#fff;} .bg8 .t2 .t2-1 span{color:#fff;} .bg8 .t2 a{ color:rgba(255,255,255,0.6)} .bg9{ display:none; width:100%; height:auto;background: #fff; padding-top:20px; padding-bottom:20px;} .list20{ width:100%;} .list20 li{ width:49%; height:auto; float:left; margin-right:2%;} .list20 li:nth-child(even){ margin-right:0px;} .sp-a{ position:relative;} .sp-a:after{position:absolute; z-index:999; display: block; position: absolute; left:50%; margin-left:-30px; top:50%; margin-top:-30px; background: url(../images/video-btn65.png) center no-repeat; background-size:100% auto; opacity:1; width:60px; height:60px; content:"";} @media screen and (max-width: 1300px){ .wrapin{width:1200px;} .imgBoxList li { width: 185px;} .footer-logo{ display:none;} .bg7{ margin-top:40px;} } @media screen and (max-width: 1200px){ .wrapin{width:1024px;} .wap-nav{ display:block; position:absolute; right:0px; top:27px;} .nav{ width:150px; position:fixed; right:0px; top:63px; background:#643f32; display:none;} .nav li{ width:100%;} .imgBoxList li { width: 135px;} .imgBoxBig { width: 100%; margin-left:0px;} .box2 { width: 100%;} .box3{ width:100%;} .list1 li { width: 100%;} .box4{ margin-bottom:20px;} .box4,.box5{ width:100%;} .footer-link{ width:100%; margin-bottom:20px;} .footer-link dt{ text-align:center;} .footer-link dd{ width:33.33%; text-align:center;} .footer-ewm{ width:100%; text-align:center;} .footer-ewm li{ float:none; display:inline-block;} .list10 li{ width:100%; margin-right:0px;} .contt ul li{ width:50%;} .boxitem{ column-count:4;} } @media screen and (max-width: 1024px){ .wrapin{width:768px;} } @media screen and (max-width: 768px){ .wrapin{width:640px;} .imgBoxBig .imgBigText .imgBigTextImg{ width:450px;} .imgBoxBig .imgBigText h2{ font-size:26px;} .list4 li .list4-1{ width:285px; height:195px;} .list4 li .list4-2{ padding-left:310px;} .list7 li{ width:48%; margin-right:4%;} .list7 li:nth-child(3n){margin-right:4%;} .list7 li:nth-child(2n){ margin-right:0px;} img{ max-width:100%;} } @media screen and (max-width: 640px){ .header:after { content: ""; position: absolute;right: 0px; top: 0px;z-index: 0;background-image: url(../images/t8.png);width: 146px;height: 53px;background-position: right bottom;background-size: auto 100%;background-repeat: no-repeat;} .wrapin{width:90%;} .header .logo img{ max-height:30px;} .wap-nav{ top:15px;} .nav{ top:38px; width:115px;} .t img{ max-height:60px;} .bg1,.bg2,.bg3,.bg4,.bg5{ padding-top:40px; padding-bottom:40px;} .bg6{ height:150px; line-height:150px;} .imgBoxBig .imgBigText h1:before{ width:75px;} .imgBoxBig .imgBigText h1:after{ width:75px;} .imgBoxBig .imgBigText .imgBigTextImg{ width:80%; padding:10px;} .imgBoxBig .btnPreImg,.imgBoxBig .btnNextImg{ width:40px; height:40px; line-height:40px;} .imgBoxBig .imgBigText h2{ font-size:22px; line-height:35px;} .imgBoxList li:hover .smallImgTxt h1, .imgBoxList .curLi .smallImgTxt h1{ font-size:20px;} .imgBoxList li .smallImgTxt h1{ font-size:16px;} .imgBoxList li .smallImgyd{ background-size:30px 30px;} .imgBoxList li{ width:85px;} .imgBoxBig{ margin-bottom:0px;} .box2-img{ height:265px;} .list li{ width:100%;} .list1-1,.list1-2{ height:150px;} .list1-2{ padding:10px;} .list1-2 h1{ font-size:20px; line-height:30px; height:auto;} .list1-2 p{ display:none;} .t{ margin-bottom:20px;} .list3 li:nth-child(1),.list3 li:nth-child(2){ width:100%; height:270px; } .list3 li:nth-child(2){ margin-top:10px;margin-left:0px;} .list3 li:nth-child(3){ height:135px;} .list4 li{ background-position:center center;} .list4 li .list4-1{ width:100%; position:relative; float:left; height:235px;} .list4 li .list4-2{ padding-left:0px; padding:40px;} .pagelist a{ width:40px; height:40px; line-height:40px;} .list5 li .list5-1{ font-size:18px;} .list5 li{ padding:15px;} .bg7{ margin-top:0px;} .t3-title h1{ font-size:26px;} .list8 li{ line-height:40px; padding-left:35px;} .list8 li span{ font-size:18px;} .list8 .cur i { width: 16px; height: 16px; left: 12px; top: 23px;} .list8 .cur span{ font-size:22px;} .list8box { width:120px;} .box6{ width:60%;} .imgBigTextImg{ width:100%; padding:10px;} .box6-c h1:before,.box6-c h1:after{ width:30px; font-size:30px;} .box6-c h2 { line-height: 30px; font-size: 20px;} .list8box{ height:410px;} .list10 li .list4-1{ width:145px; height:195px;} .list10 li .list4-2{ min-height:200px; padding:20px;padding-left:170px;} .list7 li{ width:100%;} .contt ul li{ width:100%;} .bg1,.bg2,.bg3,.bg4{ display:none;} .bg3 .t{ margin-top:36px;} .boxitem{ column-count:2;} .bg5 .t{ display:none;} .box5{ display:none;} .bg8,.bg9{ display:block;} }