.w1200{width: 1200px; margin: 0 auto;} /* 澶撮儴 */ .header {width: 100%;height: 460px;margin: 0 auto;background: url(../images/banners.png) no-repeat center top;background-size: 100% 100%;} .logo {position: absolute;top: 20px;left: 15%;} .wza{position:absolute; right:15%; top:20px; border-radius: 15px; background: #FFF; padding: 3px 10px;} .wza a{color: #5D4031; display: block; font-weight: 550; } .home-btitle{text-align: center;position: relative;} .home-btitle:after{content:"";height: 1px;position: absolute;left:0;top: 50%;right:0;background: #cdc5c0;} .home-btitle a{font-size: 2em;display: inline-block;font-weight: 700; padding: 0 28px;position: relative;z-index: 1;background:url(../images/tt_bg.png) no-repeat center bottom #fff; background-size: 80% 18px; color: #5D4031;} .home-btitle a:before, .home-btitle a:after{content:"";width: 8px;height: 24px;background: #cdc5c0;position: absolute;top: 50%;margin-top: -12px;} .home-btitle a:before{left:0;} .home-btitle a:after{right:0;} /* 鏀跨瓥瑙h */ .sp-pic li a{display: block; margin:0px 5px 10px; position: relative; height: 287px;} .sp-pic li a span{text-align: center; font-weight: 700; display: block;position: absolute; color:#fff; background: rgba(0,0,0,0.5); line-height: 55px;left: 0; right: 0;bottom: 0; max-width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden; padding: 0 10px;} .sp-pic li a img{object-fit:cover} .zcjdlist.dot li a{width: 90%;} /* 鏀跨瓥鏂囦欢 */ /* .zcwj-links ul{margin: 0 -10px;} */ .zcwj-links li{float: left;width: calc(100% / 3 - 40px); margin: 0 20px; box-sizing: border-box;} .zcwj-links li a{display: block;height: 110px;overflow: hidden;border-radius: 10px;} .zcwj-links .icons li a{height: 235px;line-height: 235px;font-size: 1.6em;position: relative;background: #FFF; border: 1px solid #E8E8E8; padding: 0 40px; box-shadow: 0px 2px 30px 0px rgba(232, 232, 232, 0.5); -webkit-box-shadow: 0px 2px 30px 0px rgba(232, 232, 232, 0.5); -moz-box-shadow: 0px 2px 30px 0px rgba(232, 232, 232, 0.5); -o-box-shadow: 0px 2px 30px 0px rgba(232, 232, 232, 0.5); -ms-box-shadow: 0px 2px 30px 0px rgba(232, 232, 232, 0.5); } .zcwj-links .icons li a:after{content:"";width: 108px;height: 100%;position: absolute;right:10px;bottom:10px;background: url(../images/zcwj_bg.png) no-repeat right bottom;background-size: 132px;} .zcwj-links .icons li span{display: inline-block;vertical-align: middle;line-height: 32px;} .zcwj-links .icons li a:hover{ background: linear-gradient(35deg, #fffefd 0%, #fff7f3 100%); background: -webkit-linear-gradient(35deg, #fffefd 0%, #fff7f3 100%); background: -moz-linear-gradient(35deg, #fffefd 0%, #fff7f3 100%); background: -o-linear-gradient(35deg, #fffefd 0%, #fff7f3 100%); color: #DE351B; border: 1px solid #fad5c3; box-shadow: 0px 2px 30px 0px rgba(250, 213, 195, 0.33); -webkit-box-shadow: 0px 2px 30px 0px rgba(250, 213, 195, 0.33); -moz-box-shadow: 0px 2px 30px 0px rgba(250, 213, 195, 0.33); -o-box-shadow: 0px 2px 30px 0px rgba(250, 213, 195, 0.33); -ms-box-shadow: 0px 2px 30px 0px rgba(250, 213, 195, 0.33); } .ckmore{text-align: right; color: #D43030; margin-top: 20px;} .ckmore a{color:#D43030; font-weight: 700;} /* 閫€浼戝吇鑰 */ .txyl ul{margin: 0 -10px;} .txyl li{float: left;width: calc(100% / 4 - 30px); margin: 10px; box-sizing: border-box; background: #FFF9ED; font-weight: 700;} .txyl .icons li a{display: block; margin: 10px 0; height: 200px; line-height: 200px; font-size: 1.6em; padding: 0 20px; text-align: center; color: #85653e;} .txyl .icons li span{display: inline-block;vertical-align: middle;line-height: 32px;} .txyl .icons li a:hover{color: #D43030;} .txyl .icons2 li{background: #FFF1F0;} .txyl .icons2 li a{display: block; margin: 10px 0; height: 200px; line-height: 200px; font-size: 1.6em; padding: 0 20px; text-align: center; color: #854b3e;} .txyl .icons2 li span{display: inline-block;vertical-align: middle;line-height: 32px;} .txyl .icons2 li a:hover{color: #D43030;} /* 涓€浠朵簨 */ .yjs-box{background: url(../images/yjs_bg.png) no-repeat center; background-size: 100% 100%; width: 100%; height: 538px; padding-top: 10px; margin-top: 20px;} .yjs-box .home-btitle a{background-color: #e7ccb9;} .yjs ul{margin: 0 -8.5px 0;} .yjs li{width: calc(100% / 4 - 30px);float: left; margin: 0 10px; } .yjs li a{display: block;overflow: hidden; margin: 17px 8.5px 0;text-align: center; background: #fff;height: 302px;border: 1px solid #fff;border-radius: 20px;position: relative; font-size: 1.6em; font-weight: 700; } .yjs li a:before{content:"";display: block; width: 146px;height: 146px;margin: 20px auto;background: url(../images/yjs_icon01.png) no-repeat center;background-size: auto 146px;} .yjs li.li2 a:before{background-image: url(../images/yjs_icon02.png);} .yjs li.li3 a:before{background-image: url(../images/yjs_icon03.png);} .yjs li.li4 a:before{background-image: url(../images/yjs_icon04.png);} .yjs li a:hover{color: #D43030;} /* 鍏昏€佷繚闄 */ .ylbx{text-align: center;position: relative; margin-top: 30px; background: #FAFAFA; padding: 30px 0;} .ylbx:after{content:"";height: 1px;position: absolute;left:0;top:13%;right:0;background: #cdc5c0;} .ylbx .bx{display: inline-block;padding: 0 28px;position: relative;z-index: 1;background:#FAFAFA; color: #5D4031; width: 1200px;} .ylbx .bx:before, .ylbx .bx:after{content:"";width: 8px;height: 24px;background: #cdc5c0;position: absolute;top: 7%;margin-top: -12px;} .ylbx .bx:before{left:0;} .ylbx .bx:after{right:0;} .ylbxtab > .hd{background: none; font-size: 2em;} .ylbxtab > .hd li a{background: none; color: #666666; padding: 0 40px;} .ylbxtab > .hd li.on a{background: url(../images/tt_bg.png) no-repeat center bottom; background-size: 100% 18px; color: #5D4031;} /* 鑰佸勾浜虹鍒╁緟閬 */ /* 渚挎皯鏈嶅姟1 */ .lcttab > .hd{background: none;} .lcttab > .hd ul{width: 100%;} .lcttab > .hd li{width:calc(100% / 3 - 20px); } .lcttab > .hd li a{color:#663416 ; height: 160px; line-height: 160px; background: #FFE7D9; font-size: 1.6em;} .lcttab > .hd li.on a{background: #FFE7D9; color: #663416;} .lcttab > .hd li a:before{ content:"";display: inline-block;vertical-align: middle; width: 65px;height: 65px;margin-right: 7%; background:url(../images/lct_icon01.png) no-repeat center;background-size: contain; } .lcttab > .hd li.li2 a:before{background-image: url(../images/lct_icon02.png);} .lcttab > .hd li.li3 a:before{background-image: url(../images/lct_icon03.png);} .lcttab > .hd li a span b{display: block;} .lcttab > .hd li a span{display: inline-block; vertical-align: middle;line-height: 1.3;text-align: left;} .lcttab > .hd li:nth-child(1){margin-left: 0;} .lcttab > .hd li:nth-child(2){margin: 0 30px;} .lcttab > .hd li:nth-child(3){margin-right: 0; float: right;} .lcttab > .bd .item{background:#FFE7D9 ;} /* 渚挎皯鏈嶅姟2 */ .bmfw{background: url(../images/bmfw_bg.png) no-repeat center; height: 167px; width: 100%; background-size: 100% 100%; box-sizing: border-box;} .bmfw h1{color: #B95344; font-size: 2em; font-weight: 700; margin: 40px 0 10px 60px;} .bmfw ul {margin-left: 60px; width: 300px;} .bmfw ul li{float: left; color: #D45431; font-size: 1.2em; width: calc(100% / 3);} .bmfw ul li a{color: #D45431;} .bmfw ul li a:hover{color: #B95344;} .bmfw ul li::after{content: '|'; padding: 0 5px;} .ztfw{height: 169px; margin-top: 33px;} .ztfw img{width: 100%; height: 100%;} /* 鐩稿叧闂瓟 */ .xgwd{height: 367px; background: url(../images/xgwd_bg.png) no-repeat center; background-size: 100% 100%;} .js-slideZtzl {position: relative;} .js-slideZtzl a {height: 340px;box-sizing: border-box;display: block;} .js-slideZtzl .item {display: block;max-height: 340px;overflow: hidden;} .js-slideZtzl .item .ttxt{display: block;width: 100%;height: 277px;margin-right: 20px;box-sizing: border-box;padding: 50px;} .js-slideZtzl .item .ttxt h1{color: #333;font-size: 1.2em;font-weight: 700;margin-top: 60px;margin-left: 50px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .js-slideZtzl .item .ttxt p{font-size: 16px;line-height:28px;color: #999;margin-top: 20px;margin-left: 50px;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: block; } .js-slideZtzl .owl-dots{position: absolute; left:45%;bottom:17px; z-index: 1;} .js-slideZtzl .owl-dot{float: left; width: 12px;height: 12px;margin: 0 5px;background: #CCCCCC; border-radius: 50%;} .js-slideZtzl .owl-dot.active{opacity: 1; background: #D43030;} /* 渚挎皯鏈嶅姟3 */ .bmfw-links ul{margin: 0 -12px;overflow: hidden;} .bmfw-links li{width: 25%;float: left;} .bmfw-links li a{ display: block; height: 113px;line-height: 113px;margin: 24px 12px 0;font-weight: bold;color:#333;font-size: 1.25em; border-radius: 4px;text-align: center; background: url(../images/link_bg.png) no-repeat center; background-size: 100% 100%; } .bmfw-links li a span{display: inline-block;vertical-align: middle;line-height: 1.3;text-align: left;} .bmfw-links li a:before{ content:"";display: inline-block;vertical-align: middle; width: 65px;height: 65px;margin-right: 7%; background:url(../images/link_icon01.png) no-repeat center;background-size: contain; } .bmfw-links li.li2 a:before{background-image: url(../images/link_icon02.png);} .bmfw-links li.li3 a:before{background-image: url(../images/link_icon03.png);} .bmfw-links li.li4 a:before{background-image: url(../images/link_icon04.png);} .infolist li, .infolist li a{font-size: 18px;} .footer { background: #F5F5F5; } .footer .container { position: relative; min-height: 100px; width: 1200px; margin: 0 auto; } .footer a{color: #333;} .footer a:hover{text-decoration: underline;} .footer-nav .split{margin: 0 15px; opacity: .6;} .footer-txt{padding:40px 0; color: #333; line-height: 2.375;} .footer-copyright .beian{padding-left: 25px; display: inline-block; } .footer-copyright .mar{margin-right:15px;} .footer-copyright .ipv6{font-style: normal; display: inline-block; padding: 0 5px; line-height: 20px; border: #3374ac 1px solid; border-radius: 2px; margin-left: 5px;} .footer-wzbs{position: absolute; right: 0; top: 50%; margin-top: -40px;} .footer-wzbs img{vertical-align: middle;} .footer-wzbs .jiucuo{margin-left: 5px;} .footer-wzbs .slh{height: 55px; background: #fff; border-radius: 2px; margin-left: 15px;} .footer-copyright a, .footer-copyright span{display: inline-block;} @media (max-width: 1240px) { .header {background-size: 100% auto;height: 28vw;} .logo{width: 30%; left: 10px; top: 10px;} .w1200{padding: 0 10px; box-sizing: border-box; width: 100%;} .txyl li{width: calc(100% / 3 - 20px);} } @media (max-width: 768px) { .home-btitle a{font-size: 1.75em;} .home-btitle a:before, .home-btitle a:after{height: 6px;width: 6px;margin-top: -3px;} .zcwj-links ul{margin: 0 10px;} .zcwj-links li{width: 100%; margin:0;} .zcwj-links li a{margin: 10px 0;} .txyl li{width: calc(100% / 2 - 22px);} .yjs li{width: calc(100% / 2 - 22px);} .yjs li a{margin: 20px 0 0; height: 171px; font-size: 1.2em;} .yjs li a:before{width: 73px; height: 73px; background-size: 100% 100%;} .ylbx .bx{width: 100%;} .ylbxtab > .hd{background: none; font-size: 16px;} .res.ylbxtab > .hd ul li.on a{background: url(../images/tt_bg.png) no-repeat center bottom; background-size: 100% 18px; color: #5D4031;} .xgwd{margin-top: 30px;} .bmfw h1,.bmfw ul{margin-left: 20px;} .js-slideZtzl .item .ttxt h1,.js-slideZtzl .item .ttxt p{margin-left: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;} .bmfw-links li{width: 100%;float: none;} .lcttab > .hd li a{font-size: 1em; height: 125px; line-height: 125px;} .lcttab > .hd li a:before{display: block; margin: 20px auto 5px; width: 40px; height: 40px;} .lcttab > .hd li a span{display: block;} .lcttab > .hd li:nth-child(2){margin: 0 6px;} .lcttab > .hd li{width: calc(100% / 3 - 4px);} .footer .container{width: 100%; text-align: center;} .footer-wzbs{position: initial;} .wza{top: 5px; right: 10px;} }