@charset "UTF-8"; /*鏍煎紡鍖?/ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; } body { font-size: 14px; font-family: "Microsoft YaHei", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; } li, ol { list-style: none; } ins { text-decoration: none; } i, em { font-style: normal; } a { text-decoration: none; font-family: "Microsoft YaHei"; } a:hover { cursor: pointer; text-decoration: none; } :focus { outline: 0; } .clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } img { padding: 0; margin: 0; } a img { border: none; } input, textarea { border: none; font-family: "Microsoft YaHei"; font-size: 13px; } .fl { float: left; } .fr { float: right; } /* -- 椤甸潰鏁翠綋甯冨眬 -- */ .wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative; background:#fff; font-family: "Microsoft YaHei"; } .wrap img{width: 100%;display: block;} /*骞垮憡*/ .banner { position: relative; z-index: 3; width: 100%; overflow: hidden; } .banner.swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 1rem;} .banner .swiper-pagination-bullet { background: #f5f5f5; width: .8rem; opacity: 1; height: .8rem; margin: 0 .4rem !important; } .banner .swiper-pagination-bullet-active { border-radius: 0.4rem; opacity: 1; background: #be9a4d; } /*鏍囬*/ .m-tit{display: block;width: 100%;text-align: center;height: 5rem;line-height: 2.5rem;font-weight: bold;font-size: 2.1rem;color: #333; background: url(../images/six_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .m-tit span{display: block;font-size: 1.1rem;color: #666;font-weight: normal;} /*浜у搧浼樺娍*/ .g-six{ width:100%; overflow:hidden; padding:3.5rem 0;} .g-six .m-cnt{ height:15rem; width:100%;padding: 1.5rem 0 0;} .g-six .m-cnt li{ width:33.33%; text-align:center; float:left; position:relative;font-size: 1.2rem;color: #333;height: 7rem;} .g-six .m-cnt li:before{ position:absolute; content:""; width:1px; height:5rem; background:#e5e5e5; top:0; right:0;} .g-six .m-cnt li em{display: block;line-height: 0;width: 3rem;height: 2.5rem;overflow: hidden;margin: 0 auto 0.8rem;overflow: hidden;} .g-six .m-cnt li em img{width: 3rem;height: 5rem;-webkit-transition:all .5s;transition:all .5s;} .g-six .m-cnt li.z-on{ color:#be9a4d;} .g-six .m-cnt li.z-on em img{margin-top: -2.5rem;} .g-six .m-cnt li:nth-child(3n):before{ background:none;} .g-six .m-box .con{ display:inline; float:left;} .g-six dl{width: 100%;background: #be9a4d;} .g-six dl dt{width: 100%;line-height: 0;} .g-six dl dd{width: 92%;margin: 0 auto;padding: 1.5rem 0 0;height: 11.5rem;} .g-six dl dd h5{font-size: 1.5rem;color: #fff;font-weight: normal;line-height: 2rem;} .g-six dl dd h5 i{font-size: 0.7rem;color: rgba(255,255,255,0.3);display: block;text-transform: uppercase;} .g-six dl dd p{font-size: 1.2rem;color: rgba(255,255,255,0.8);line-height: 1.7rem;height: 3.4rem;overflow: hidden;padding: 0.5rem 0 0;} /*浜у搧涓績*/ .g-cp{width: 92%;margin: 0 auto;} .g-cp .m-tit{ background: url(../images/cp_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .cp_nav{width: 100%;padding: 1.5rem 0 0;height: 8.5rem;} .cp_nav ul li{width: 22%;float: left;height: 2.8rem;margin-bottom: 1rem;margin-right: 4%;} .cp_nav ul li a{font-size: 1.2rem;color: #333;display: block;width: 100%;text-align: center;height: 2.8rem;line-height: 2.8rem;background: #f2f2f2;overflow: hidden;border-radius: 0.3rem;} .cp_nav ul li:nth-child(4n){margin-right: 0;} .cp_pic{width: 100%;line-height: 0;} .chanp{width: 100%;padding: 1.5rem 0 3rem;} .chanp li{width: 47.8%;float: left;position: relative;line-height: 0;overflow: hidden;margin-left: 4.4%;} .chanp li span{display: block;font-size: 1rem;color: #fff;width: 100%;text-align: center;height: 3rem;line-height: 3rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: #be9a4d;position: absolute;bottom: 0;left: 0;border-radius: 1rem 1rem 0 0;} .chanp ul li:first-child{margin-left: 0;} .chanp .switch,.yous .switch,.eight .switch,.shop .switch{ display: flex; justify-content: center; align-content: flex-end;margin-top: 2rem;} .chanp .switch .swiper-pagination-bullet,.yous .switch .swiper-pagination-bullet,.eight .switch .swiper-pagination-bullet,.shop .switch .swiper-pagination-bullet {float: left;background: #e5e5e5; width: 0.6rem; opacity: 1; height: 0.6rem; margin: 0 0.7rem 0 0; border-radius: 50%; } .chanp .switch .swiper-pagination-bullet-active,.yous .switch .swiper-pagination-bullet-active,.eight .switch .swiper-pagination-bullet-active,.shop .switch .swiper-pagination-bullet-active { opacity: 1;background: #be9a4d;width: 2rem;border-radius: 0.5rem;} .smtext{padding:10px; font-size: 1.8rem; color: #666; line-height: 1.8; margin-bottom: 25px;} /*浼樺娍*/ .g-ys{width: 100%;padding: 3.5rem 0;border-top: #e5e5e5 0.5rem solid;border-bottom: #e5e5e5 0.5rem solid;} .g-ys .m-tit{ background: url(../images/ys_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .yous{padding: 1.5rem 6% 0;} .yous dl dt{width: 100%;line-height: 0;} .yous dl dt img{border-radius: 0.5rem;} .yous dl dd{width: 95%;padding: 1.5rem 0 0;margin: 0 auto;} .yous dl dd h3{height: 4rem;font-size: 1.8rem;color: #333;line-height: 1.8rem;position: relative;overflow: hidden;} .yous dl dd h3 i{display: block;font-size: 0.7rem;color: rgba(52,132,212,0.3);text-transform: uppercase;padding: 0.2rem 0 0;} .yous dl dd p{font-size: 1.2rem;color: #666;line-height: 2rem;height: 6rem;overflow: hidden;} .g-ys .swiper-slide{opacity: .4;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);} .g-ys .swiper-slide-active { opacity: 1; -webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} /*甯傚満鍚搁噾鍒╁櫒*/ .g-four{width: 100%;height: 37rem;padding-top: 3.7rem;overflow: hidden;background: url(../images/four_bg.gif) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-four .m-tit{height: 7rem; background: url(../images/four_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .m-tit i{display: block;} .g-four .m-tit span{line-height: 1.6rem;padding: 0.5rem 0 0;} .m-four{width: 92%;margin: 0 auto;padding: 1.5rem 0 0;} .m-four dl{width: 50%;float: left;text-align: center;height: 14.8rem;} .m-four dl dt{width: 5.9rem;height: 5.9rem;margin: 0 auto;line-height: 0;} .m-four dl dt img{width: 5.9rem;height: 5.9rem;} .m-four dl dd{font-size: 1.3rem;color: #333;line-height: 1.8rem;padding: 0.7rem 0 0;height: 4.3rem;position: relative;} .m-four dl dd b{display: block;} .m-four dl dd:before{ position:absolute; content:""; width:1.6rem; height:0.15rem; background:#be9a4d;bottom: 0;left: 50%;margin-left: -0.8rem;} /*灏忓箍鍛?/ .g-ban01{display: block;width: 100%;height: 7.5rem;padding-top: 2.5rem;overflow: hidden;background: url(../images/ban01.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-ban01 span{display: block;font-size: 1.6rem;color: #fff;height: 3rem;width: 92%;margin: 0 auto;text-align: right;} .g-ban01 em{display: block;width: 33.6%;text-align: center;height: 2.2rem;line-height: 2.2rem;background: #be9a4d;font-size: 0.9rem;color: #fff;border-radius: 1rem;float: right;margin-right: 4%;} /*瀹炲姏涓哄熀*/ .g-eight{width: 100%;height: 43.2rem;padding-top: 3.7rem;overflow: hidden;background: url(../images/eight_bg.jpg) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-eight .m-tit{ background: url(../images/eight_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .eight{width: 92%;margin: 0 auto;padding: 4.5rem 0 0;} .eight .swiper-slide{background: #fff;} .eight .swiper-slide:before{ position:absolute; content:""; width:1px; height:100%; background:#cecece;top: 0;left: 50%;z-index: 1;} .eight .swiper-slide:after{ position:absolute; content:""; width:100%; height:1px; background:#cecece;top: 50%;left: 0;z-index: 1;} .eight dl{width: 50%;float: left;height: 12.7rem;padding: 1.8rem 0 0;} .eight dl dt{width: 3.3rem;height: 3.5rem;line-height: 0;padding-left: 2.2rem;} .eight dl dt img{width: 3.3rem;height: 2.5rem;} .eight dl dd{width: 76.5%;padding-left: 2.2rem;position: relative;} .eight dl dd:before{ position:absolute; content:""; width:1.5rem; height:0.25rem; background:#be9a4d;top: 0.6rem;left: 0;z-index: 1;} .eight dl dd h5{font-size: 1.2rem;color: #333;line-height: 1.5rem;height: 3rem;overflow: hidden;} .eight dl dd h5 i{display: block;font-weight: normal;font-size: 0.7rem;color: rgba(51,51,51,0.2);font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;} .eight dl dd p{font-size: 1rem;color: #666;line-height: 1.6rem;height: 3.2rem;overflow: hidden;padding: 0.5rem 0 0;} /*绾夸笅闂ㄥ簵*/ .shop{width: 92%;margin: 0 auto;padding: 3.5rem 0;} .shop .m-tit{ background: url(../images/shop_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .shop dl{width: 100%;padding: 1.5rem 0 0;} .shop dl dt{width: 100%;line-height: 0;} .shop dl dd{background: #f2f2f2;width: 88%;padding: 1rem 6% 2.5rem;} .shop dl dd h5{height: 3rem;line-height: 3rem;position: relative;border-bottom: #d9d9d9 1px solid;} .shop dl dd h5:before{ position:absolute; content:""; width:1.5rem; height:0.25rem; background:#be9a4d;bottom: -2px;left: 0;z-index: 1;} .shop dl dd h5 a{font-size: 1.3rem;color: #333;} .shop .shop_desc{font-size: 1rem;color: #333;padding: 1rem 0 0;line-height: 2rem;height: 2rem;overflow: hidden;} .shop dl dd span{display: block;width: 7.5rem;padding: 1rem 0 0;} .shop dl dd span a{display: block;width: 100%;text-align: center;height: 2.2rem;line-height: 2.2rem;background: #be9a4d;overflow: hidden;font-size: 0.9rem;color: #fff;border-radius: 1rem;} /*鍏充簬浜戦儴鍗荡*/ .g-about{width: 100%;padding:0 0 2rem;} .g-about .m-tit{ background: url(../images/ab_tbg.png) no-repeat 50% 50%;-webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .g-about dl{width: 100%;padding: 1.5rem 0 0;} .g-about dl dt{width: 100%;line-height: 0;} .g-about dl dd{width: 92%;margin: -5rem auto 0;text-align: center;background: #fff;position: relative;z-index: 10;padding: 2rem 0 2.5rem;border-radius: 0.6rem;box-shadow: 0 3px 0.4rem 3px rgba(0,0,0,0.1);} .ab_desc{font-size: 1.2rem;color: #666;line-height: 2rem;height: 8rem;overflow: hidden;width: 92.7%;margin: 0 auto;} .g-about dl dd .u-more{display: block;width: 22.5%;padding: 1rem 0 0;margin: 0 auto;} .g-about dl dd .u-more a{font-size: 1rem;color: #fff;display: block;width: 100%;height: 2.5rem;line-height: 2.4rem;overflow: hidden;background: #be9a4d;border-radius: 3rem;} .g-hd{ width:100%; height:4.4rem;position: relative;background: #fff; max-width:750px; min-width:320px; margin:0 auto;} .g-hd .logo{width: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .g-hd .logo a{display: block;width: 19.2%;margin: 0.8rem 0 0 1.5rem;} .g-hd .logo img{display: block;width: 100%;} .m-nav{width: 48%;float: left; margin:0 0 0 40%;position: relative;z-index: 10;} .m-nav ul li{display: block;width: 50%;height: 4.4rem;line-height: 4.4rem;text-align: center;float: left;position: relative;} .m-nav ul li a{font-size: 1.6rem;color: #333;} .m-nav ul li:before{ content:"";width: 1px;height: 1.6rem;background: #e5e5e5;position: absolute;top: 1.6rem;right: 0;} .m-nav ul li:last-child:before{ background:none;} .m-nav ul li.cur a{color: #be9a4d;} .downmenu{width: 2.2rem;position: absolute;top: 1.5rem;right: 1.5rem; line-height:0;} .downmenu img{width: 2.2rem;height: 1.6rem;} .menu2 { position: relative;z-index: 102; } .menu2 .slideMenu { width: 100%; display: none; z-index: 80; background:rgba(0,0,0,0.8); overflow: hidden; position: absolute; top: 4.4rem; right: 0; transition: transform 1s; -webkit-transition: transform 1s; } .menu2 .slideMenu ul{ padding:2rem; overflow:hidden; margin-bottom: 2rem;} .menu2 .slideMenu li { border-bottom: 1px solid rgba(255,255,255,0.5); color: #fff; line-height: 4rem; font-size: 1.4rem; clear: both; } .menu2 .slideMenu li a { color: #fff; display: block; line-height: 4rem; text-align: center; } .menu2 .slideMenu .contact a:first-child { display: block; color: #fff; font-size: 1.8rem; line-height: 100%; text-align: center; font-family: Arial; } .sosuo{width:80%; margin:0 auto 1rem; height:3.5rem;} .sosuo .isearch{width:100%;} .sosuo .isearch .ser_inp{display:block;float:left;width:204px;height:16px;line-height:16px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none;font-size: 16px;} .sosuo .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#be9a4d;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;font-size: 16px;} .sosuo .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #be9a4d;z-index:3;right:75px;top:16px;} .sosuo .beijing{width:90%!important; margin-bottom:20px; height:40px!important; border-radius:8px; border:1px solid #EEE!important;} .sosuo .bjbtn{width:100%!important; margin-top:10px; height:40px!important; line-height:40px!important; float:none;} .menu2 .slideMenu .contact .call { display: block; color: #fff; font-size: 1.2rem; line-height: 3.5rem; text-align: center; font-weight: bold; background: #be9a4d; width: 40%; height: 3.5rem; margin: 1rem auto 4.5rem; border-radius: .3rem; } /*浜у搧涓績*/ .p101-fdh-2{padding:0 4%;background:#be9a4d;} #topNav,.p101-fdh-2{position:relative;height:4.35rem;} #topNav{overflow:hidden;} #topNav .swiper-slide{width:auto;text-align:center;} #topNav .swiper-slide span{position:relative;display:block;height:4.35rem;color:#fff;font-size:1.5rem;line-height:4.35rem;transition:all .3s ease;} #topNav .active span{font-weight:700;} #topNav .active span:after{position:absolute;bottom:.5rem;left:0;z-index:1;width:100%;height:.2rem;border-radius:.25rem;background-color:#fff;content:"";} .p101-pro-2{padding-top:1.5rem;background:#f7f7f7;} .p101-pro-4-3-list{display:flex;display:-webkit-flex;margin:0 auto;width:92%;justify-content:space-between;-webkit-justify-content:space-between;flex-flow:wrap;} .p101-pro-4-3-list a{padding-bottom:1.5rem;width:48.6%;} .p101-pro-4-3-list dl{overflow:hidden;border-radius:1rem;background:#fff;} .p101-pro-4-3-list dt{overflow:hidden;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;} .p101-pro-4-3-list dt img{display:block;width:100%;} .p101-pro-4-3-list dd{position:relative;padding:1rem 1rem 4rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;} .p101-pro-4-3-list dd h4{overflow:hidden;margin-bottom:.75rem;height:2.5rem;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:1.6rem;line-height:2.5rem;} .p101-pro-4-3-list .p101-pro-1-desc{color:#848484;text-align:justify;font-size:1.2rem;line-height:1.8rem;} .p101-pro-4-3-list .p101-pro-1-more{position:absolute;right:.8rem;bottom:1.5rem;color:#be9a4d;font-size:1.1rem;line-height:1.2rem;} .p101-pro-1-pic{position:relative;overflow:hidden;} .p101-pro-1-pic a{position:absolute;top:2rem;left:4%;z-index:50;width:2.8rem;height:2.8rem;border-radius:100%;background:rgba(0,0,0,.34);} .p101-pro-1-pic a:after{position:absolute;top:50%;right:.6rem;margin-top:-.5rem;width:1rem;height:1rem;border:.15rem solid #fff;border-style:solid none none solid;border-radius:.1rem;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .p101-pro-1-pic li img{display:block;width:100%;} .p101-pro-1-pic .p101-pro-1-page{position:absolute;bottom:2rem;left:84%;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:12%;height:2rem;border-radius:1.5rem;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-weight:400;font-size:1.4rem;font-family:Arial;line-height:2rem;} .p101-pro-1-pic .p101-pro-1-page i{font-family:SimHei;} .p101-pro-1-con{padding:1.75rem 4% 2rem;border-bottom:.75rem solid #ececec;} .p101-pro-1-con-title{color:#333;font-weight:700;font-size:1.8rem;line-height:3rem;} .p101-pro-1-con-desc{padding-top:.8rem;color:#666;text-align:justify;font-size:1.5rem;line-height:2.5rem;} .p101-pro-1-content{padding:1.5rem 4%;border-bottom:.75rem solid #ececec;color:#444;text-align:justify;font-size:1.5rem;line-height:2.7rem;} .p101-related-pro{padding:1.7rem 4% 2rem;} .p101-related-pro-tit{position:relative;margin-bottom:1.5rem;height:3.5rem;border-bottom:1px solid #ededed;} .p101-related-pro-tit h3{position:relative;display:inline-block;height:3.5rem;max-width:60%;color:#333;font-weight:400;font-size:1.8rem;line-height:3.5rem;} .p101-related-pro-tit h3:after{position:absolute;bottom:-.1rem;left:0;z-index:1;width:100%;height:.15rem;background:#be9a4d;content:'';} .p101-related-pro-more{position:absolute;right:0;bottom:0;height:2.8rem;} .p101-related-pro-more a,.p101-related-pro-more span{display:block;height:2.8rem;color:#333;font-size:1.3rem;line-height:2.8rem;} .p101-related-pro-more span{padding-right:1.7rem;} .p101-related-pro-more i{position:absolute;top:.7rem;right:.25rem;width:1.1rem;height:1.1rem;border:.1rem solid #be9a4d;border-radius:100%;} .p101-related-pro-more i:after{position:absolute;top:50%;right:.37rem;margin-top:-.2rem;width:.35rem;height:.35rem;border:.1rem solid #be9a4d;border-style:solid solid none none;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .p101-related-pro-list{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-flow:wrap;} .p101-related-pro-list a{width:48.26%;} .p101-related-pro-list dt{overflow:hidden;box-sizing:border-box;border:#eee 1px solid;border-radius:.5rem;} .p101-related-pro-list dt img{display:block;width:100%;} .p101-related-pro-list dd h4{overflow:hidden;height:3.5rem;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.3rem;line-height:3.5rem;} /*鏂伴椈-妗堜緥鍒楄〃*/ .p101-fdh-1{position:relative;z-index:2;padding-bottom:.5rem;} .fixed{position:fixed;top:0;left:0;z-index:99;width:100%;max-width:750px;min-width:320px;} .p101-fdh-1-title{padding:0 4%;height:3.8rem;background:#be9a4d;cursor:pointer;} .p101-fdh-1-title span{display:inline-block;height:3.8rem;max-width:60%;color:#fff;font-size:1.6rem;line-height:3.8rem;} .p101-fdh-1-title i{position:relative;float:right;width:1.7rem;height:3.8rem;} .p101-fdh-1-title i:before{position:absolute;top:50%;left:0;z-index:1;margin-top:-.1rem;width:1.7rem;height:.2rem;border-radius:1rem;background:#fff;content:'';} .p101-fdh-1-title i.active:after{position:absolute;top:50%;left:50%;z-index:2;margin-top:-.85rem;margin-left:-.1rem;width:.2rem;height:1.7rem;border-radius:1rem;background:#fff;content:'';} .p101-fdh-1-list{padding-bottom:.5rem;background:#f6f6f6;box-shadow:0 .5rem .8rem #edeff2;} .p101-fdh-1-list li{position:relative;padding:0 4%;border-bottom:.1rem dotted #e6e6e6;} .p101-fdh-1-list li:last-child{border-bottom:0;} .p101-fdh-1-list li i{position:absolute;top:0;right:0;z-index:5;width:50%;height:4rem;} .p101-fdh-1-list li i:after{position:absolute;top:50%;right:2rem;margin-top:-.3rem;width:.6rem;height:.6rem;border:.15rem solid #8e8e8e;border-style:solid solid none none;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .p101-fdh-1-list li>a{position:relative;display:block;padding-left:3%;height:4rem;color:#666;font-size:1.3rem;line-height:4rem;} .p101-fdh-1-list li>a:before{position:absolute;top:50%;left:0;margin-top:-.125rem;width:.05rem;height:.25rem;background:#6a6a6a;content:'';} .p101-fdh-1-list li>a:after{position:absolute;top:50%;left:.1rem;margin-top:-.125rem;border-top:.125rem solid transparent;border-bottom:.125rem solid transparent;border-left:.15rem solid #6a6a6a;content:'';} .p101-fdh-1-list li p{margin-bottom:1rem;padding:0 10%;background:#fff;} .p101-fdh-1-list li p a{position:relative;display:block;padding-left:3%;height:4rem;border-bottom:.05rem solid #dfdfdf;color:#333;font-size:1.2rem;line-height:4rem;} .p101-fdh-1-list li p a:last-child{border-bottom:0;} .p101-fdh-1-list li p a:before{position:absolute;top:50%;left:0;margin-top:-.125rem;width:.05rem;height:.25rem;background:#6a6a6a;content:'';} .p101-fdh-1-list li p a:after{position:absolute;top:50%;left:.1rem;margin-top:-.125rem;border-top:.125rem solid transparent;border-bottom:.125rem solid transparent;border-left:.15rem solid #6a6a6a;content:'';} .p101-fdh-1-list li.active i:after{position:absolute;top:50%;right:2rem;margin-top:-.5rem;width:.6rem;height:.6rem;border:.15rem solid #be9a4d;border-style:none solid solid none;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .m102-info-list-1 dl{padding:2rem 4% 2.5rem;border-bottom:.75rem solid #ececec;} .m102-info-list-1 dt{overflow:hidden;border-radius:.8rem;} .m102-info-list-1 dt img{display:block;width:100%;} .m102-info-list-1 dd{padding:1.5rem 0 0;} .m102-info-list-1 dd h4{margin-bottom:1rem;color:#333;font-weight:700;font-size:1.5rem;line-height:2rem;} .m102-info-list-1 .m102-info-1-desc{overflow:hidden;height:3.6rem;color:#444;font-size:1.3rem;line-height:1.8rem;} .m102-info-list-2{padding:2rem 4% 1rem;} .m102-info-list-2 dl{margin-bottom:1rem;padding:0 1.2rem;height:6.6rem;border-radius:.5rem;background:#fff;} .m102-info-list-2 dt{float:right;box-sizing:border-box;margin-top:1.2rem;width:19%;height:4.1rem;border-left:1px solid #e5e5e5;text-align:center;} .m102-info-list-2 dt .info-date{display:block;overflow:hidden;height:1.5rem;color:#7c7c7c;font-size:1.2rem;line-height:1.5rem;} .m102-info-list-2 dt .info-xq{position:relative;display:block;margin:0 auto;width:1rem;height:2.5rem;} .m102-info-list-2 dt .info-xq:after{position:absolute;top:50%;right:.1rem;margin-top:-.35rem;width:.7rem;height:.7rem;border:.4rem solid #333;border-style:solid solid none none;border-radius:.1rem;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .m102-info-list-2 dd{float:left;box-sizing:border-box;padding-top:1.3rem;width:74%;height:6.6rem;} .m102-info-list-2 dd h4{overflow:hidden;height:2rem;color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;line-height:2rem;} .m102-info-list-2 dd .m102-info-2-desc{overflow:hidden;height:2rem;color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:1.2rem;line-height:2rem;} /*鍐呭*/ .p101-info-1-title{padding:2rem 4% 0;background:#fff;} .p101-info-1-text{margin-bottom:1.3rem;color:#333;font-weight:700;font-size:1.8rem;line-height:2.4rem;} .p101-info-1-time{padding-bottom:1rem;height:1.8rem;border-bottom:1px dashed #999;color:#8a8b8e;font-size:1.2rem;line-height:1.8rem;} .p101-info-1-content{padding:1.9rem 4% 2.25rem;color:#444;text-align:justify;font-size:1.5rem;line-height:2.7rem;} .p101-info-1-label{padding-bottom:3rem;border-bottom:.75rem solid #ececec;} .p101-info-1-key{padding:0 4%;height:3.5rem;background:#ececec;} .p101-info-1-key p{color:#333;font-size:1.2rem;line-height:3.5rem;} .p101-info-1-key p a{margin-right:1.75rem;color:#797979;} .p101-info-1-paging{padding:1.75rem 4% 0;color:#444;font-size:1.3rem;line-height:2.2rem;} .p101-info-1-paging-next a,.p101-info-1-paging-prev a{display:block;height:2.2rem;} .p101-info-1-paging-prev{margin-bottom:1.1rem;} .p101-info-1-paging span{float:left;margin-right:3%;width:17.4%;border-radius:1.5rem;background:#ececec;color:#444;text-align:center;} .p101-info-1-paging h4{float:left;width:79.4%;color:#444;} .p101-related-pro{padding:1.7rem 4% 2rem;} .p101-related-pro-tit{position:relative;margin-bottom:1.5rem;height:3.5rem;border-bottom:1px solid #ededed;} .p101-related-pro-tit h3{position:relative;display:inline-block;height:3.5rem;max-width:60%;color:#333;font-weight:400;font-size:1.8rem;line-height:3.5rem;} .p101-related-pro-tit h3:after{position:absolute;bottom:-.1rem;left:0;z-index:1;width:100%;height:.15rem;background:#be9a4d;content:'';} .p101-related-pro-more{position:absolute;right:0;bottom:0;height:2.8rem;} .p101-related-pro-more a,.p101-related-pro-more span{display:block;height:2.8rem;color:#333;font-size:1.3rem;line-height:2.8rem;} .p101-related-pro-more span{padding-right:1.7rem;} .p101-related-pro-more i{position:absolute;top:.7rem;right:.25rem;width:1.1rem;height:1.1rem;border:.1rem solid #be9a4d;border-radius:100%;} .p101-related-pro-more i:after{position:absolute;top:50%;right:.37rem;margin-top:-.2rem;width:.35rem;height:.35rem;border:.1rem solid #be9a4d;border-style:solid solid none none;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);} .p101-related-pro-list{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-flow:wrap;} .p101-related-pro-list a{width:48.26%;} .p101-related-pro-list dt{overflow:hidden;border-radius:.5rem;} .p101-related-pro-list dt img{display:block;width:100%;} .p101-related-pro-list dd h4{overflow:hidden;height:3.5rem;color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.3rem;line-height:3.5rem;} /*鍏充簬鎴戜滑*/ .p101-fdh-2{position:relative;padding:0 4%;height:4.35rem;background:#be9a4d;} #topNav{position:relative;overflow:hidden;height:4.35rem;} #topNav .swiper-slide{width:auto;text-align:center;} #topNav .swiper-slide span{position:relative;display:block;height:4.35rem;color:#fff;font-size:1.5rem;line-height:4.35rem;transition:all .3s ease;} #topNav .active span{font-weight:700;} #topNav .active span:after{position:absolute;bottom:.5rem;left:0;z-index:1;width:100%;height:.2rem;border-radius:.25rem;background-color:#fff;content:"";} .p101-about-1-content{padding:1.9rem 4% 2.25rem;color:#444;text-align:justify;font-size:1.5rem;line-height:2.7rem;} /*鐩稿唽*/ .p101-fdh-2{position:relative;padding:0 4%;height:4.35rem;background:#be9a4d;} #topNav{position:relative;overflow:hidden;height:4.35rem;} #topNav .swiper-slide{width:auto;text-align:center;} #topNav .swiper-slide span{position:relative;display:block;height:4.35rem;color:#fff;font-size:1.5rem;line-height:4.35rem;transition:all .3s ease;} #topNav .active span{font-weight:700;} #topNav .active span:after{position:absolute;bottom:.5rem;left:0;z-index:1;width:100%;height:.2rem;border-radius:.25rem;background-color:#fff;content:"";} .mc2-about-1{padding:2rem 3% 1rem;} .mc2-about-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-ms-flex-pack:distribute;justify-content:space-between;-webkit-justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;} .mc2-about-list ul li{margin-bottom:1.5rem;width:48%;} .mc2-about-list ul li:nth-child(2n){margin-left:4%;} .mc2-about-list ul li img{display:block;width:100%;border-radius:.5rem;} .mc2-about-list ul li h4{display:-webkit-box;overflow:hidden;padding-top:.6rem;max-height:4rem;color:#333;text-align:center;text-overflow:ellipsis;font-size:1.5rem;line-height:2rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /*鐢宠鍚堜綔*/ .m2-order-form-1-p{padding:1rem;line-height:2.2rem;} .m2-order-form-1-p span{color:#be9a4d;} .u-mtit h1{overflow:hidden;padding:2.4rem 0 1rem 0;height:3.2rem;text-align:center;font-size:1.8rem;} .m2-order-form-1 .err{border-color:red;} .m2-order-form-1 ul{overflow:hidden;margin-bottom:2rem;} .m2-order-form-1 li em{color:red;} .m2-order-form-1 li{position:relative;padding:0 1rem 1rem 1rem;} .m2-order-form-1 li label{float:left;line-height:2.4rem;} .m2-order-form-1 li b{float:left;display:block;width:32%;} .m2-order-form-1 li b img{height:3rem;max-width:100%;} .m2-order-form-1 .input_wrap{margin-left:4.2rem;} .leave textarea,.m2-order-form-1 .m2-order-form-1-input{width:100%;font-size:1.5rem;line-height:2.4rem;} .m2-order-form-1 textarea{overflow:auto;height:6rem;border:1px solid #eee;border-radius:.5rem;font-size:1.4rem;line-height:2rem;resize:none;} .m2-order-form-1 .m2-order-form-1-input{height:3rem;border:1px solid #eee;border-radius:.5rem;font-size:1.4rem;line-height:3rem;} .m2-order-form-1 select{width:100%;height:3rem;border:1px solid #eee;border-radius:.5rem;font-size:1.4rem;line-height:3rem;} .m2-order-form-1 .m2-order-form-1-t2 input{float:left;margin-right:1rem;margin-left:.5rem;width:8rem;} .m2-order-form-1 .m2-order-form-1-bt{padding:1rem 3rem;border:0;border-radius:.5rem;background-color:#be9a4d;color:#fff;text-align:center;font-size:1.3rem;line-height:3rem;} .u-co-bt.z-spe{width:100%;} .show_more2{margin-top:2rem;padding:0 1rem;} .show_more2 input{height:2.4rem;} .m2-order-form-1 .nsw-formtipbd span{display:block;color:red;font-size:12px;line-height:1.6rem;} .g-ft{width: 100%;height: 16.5rem; max-width:750px; min-width:320px; margin:0 auto;padding: 0.8rem 0 0; border-top:#eee 1px solid;} .g-ft h3{width: 4rem;height: 4rem; position:fixed; bottom:6.5rem; right:0.5rem; z-index:10;} .g-ft h3 img{width: 4rem;height: 4rem;} .f_link{height: 2.5rem;line-height: 2.5rem;width: 92%overflow: hidden;margin: 0 auto;} .f_link ul li{width: 25%;float: left;text-align: center;position: relative;} .f_link ul li:before{content:""; position:absolute; top:0.8rem; right:0; width:1px; height:1rem; background:#a0a0a0;} .f_link ul li a{font-size: 1.3rem;color: #333;text-transform: uppercase;} .f_link ul li:last-child:before{background: none;} .fwz{color: #666; font-size:1.3rem;text-align: center;width: 100%; padding: 1rem 0 8rem; } .fwz a{color: #666;} .fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:750px; width:100%; height:5rem; background:#212126;z-index:50;} .fnav li{ width:25%; float:left; height:5rem; position:relative;line-height: 0;} .fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#37373c;} .fnav li a{ display:block; text-align:center; color:#fff; font-size:1.2rem; height:5rem;font-family: "Microsoft YaHei";} .fnav li em{ display:block; width:2rem; margin:0.8rem auto;} .fnav li em img{width: 2rem;height: 2rem;} .fnav li:first-child{background: #be9a4d;} .fnav li:last-child:before,.fnav li:first-child:before{ background:none;} iframe.phone-view, body.phone-view, .c-edit-page.phone-view{width:750px !important;} .pagelist{padding:20px 0; text-align: center;} .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px } .pagination>li { display: inline } .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 3; color: #23527c; background-color: #eee; border-color: #ddd } /*寮规*/ .open { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99999; display: none; } .bigwx { position: absolute; background: #fff; left: 0; right: 0; top: 0; bottom: 0; width: 80%; height: 300px; border-radius: 10px; margin: auto; text-align: center; overflow: hidden; padding: 0 30px; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s } .bigwx .close { width:100%; height: 30px; margin-top: 33px; cursor: pointer; margin-bottom: 15px; } .bigwx .close img{width:auto!important; float:right;} .bigwx .title{font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px;} /*娓愭樉鍔ㄧ敾*/ @-webkit-keyframes fade { from { opacity: 1; display: block; } to { opacity: 0; display: none; height: 0; } } @keyframes fade { from { opacity: 1; display: block; } to { display: none; opacity: 0; height: 0; } } .fade { -webkit-animation-name: fade; animation-name: fade; } @-webkit-keyframes animatetop { from {top:200px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:200px; opacity:0} to {top:0; opacity:1} } /**/ html {font-size: 10px;-webkit-text-size-adjust: none;} @media screen and (min-width:320px){html{font-size:8.533px;}} @media screen and (min-width:360px){html{font-size:9.6px;}} @media screen and (min-width:375px){html{font-size:10px;}} @media screen and (min-width:400px){html{font-size:10.664px;}} @media screen and (min-width:414px){html{font-size:11.04px;}} @media screen and (min-width:440px){html{font-size:11.73px;}} @media screen and (min-width:480px){html{font-size:12.796px;}} @media screen and (min-width:520px){html{font-size:13.863px;}} @media screen and (min-width:560px){html{font-size:14.93px;}} @media screen and (min-width:600px){html{font-size:15.996px;}} @media screen and (min-width:640px){html{font-size:17.06px;}} @media screen and (min-width:680px){html{font-size:18.1288px;}} @media screen and (min-width:700px){html{font-size:18.66px;}} @media screen and (min-width:720px){html{font-size:19.1952px;}} @media screen and (min-width:750px){html{font-size:20px;}}