锘緻charset "utf-8"; @import url('../fonts/iconfont/iconfont.css'); body{} /***** font-display: swap; 瀛椾綋寤惰繜鍔犺浇*****/ a{outline:none; color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} a:focus{outline:none;} a:link,a:visited{text-decoration:none;} a:hover{color:#bca46e;text-decoration:none;} img,li{border:0;vertical-align:top;} img{max-width:100%;} .clear{clear:both;width:0;height:0;font-size:0;line-height:0;} *{margin:0;padding:0;} ul{list-style-type:none;} dd,dt,h5,img,li,ul{margin:0;padding:0;} b,body,dd,div,form,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:Arial, Tahoma, Geneva, Verdana, sans-serif;} h1,h2,h3,h4,dt{font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;} .clearfix:after,.clearfix:before{display:table;content:" ";} .clearfix:after{clear:both;} @media screen and (min-width:768px){ .carousel-caption{top:35%;bottom:auto;} .carousel-caption h3{margin-bottom:35px;font-size:67px;} .carousel-caption p{margin-bottom:35px;font-size:18px;} .carousel-caption a{padding:15px 30px;border:solid 1px #e57d06;border-radius:3px;background:#e57d06;font-size:14px;} } .noinfo{font-size:16px;text-align:center;margin-top:20px;} .item .img img{width:100%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} .container{width:1680px;} @media (min-width:1430px) and (max-width:1679px) { .container{width:calc(100% - 70px);} } @media (min-width:1230px) and (max-width:1429px) { .container{width:100%;} } @media screen and (min-width:1px ) and (max-width:1229px) { .container{width:100%;} } #search{position:relative;} #search #sform{width:280px;position:absolute;top:60px;right:0;display:none;background-color:#bca46e;z-index:1;} #search #stext{float:left;border:none;width:calc(100% - 45px);background-color:#bca46e;height:45px;padding-left:10px;color:#fff;} #search #sbut{font-size:24px;border:none;padding:0;background-color:#bca46e;width:45px;height:45px;color:#fff;} #search #sbut>i{display:inline-block;width:45px;height:45px;line-height:45px;font-size:24px;} #search1{float:right;} #search1 #sform1{width:500px;border-radius:5px;} #search1 #stext1{float:left;border:none;width:calc(100% - 90px);background-color:#f6f6f6;height:45px;padding-left:10px;border-radius:5px 0 0 5px;} #search1 #sbut1{font-size:24px;border:none;padding:0;background-color:#bca46e;width:90px;height:45px;color:#fff;border-radius:0 5px 5px 0;} #search1 #sbut1>i{display:inline-block;width:45px;height:45px;line-height:45px;font-size:24px;} header{background-color:rgba(255,255,255,1);} header.fixhead{position:fixed;width:100%;z-index:10; border-bottom:solid 1px #eaeaea;} header.fixhead #top{display:none;} header.fixhead #Menu{padding:5px 50px;} header.fixhead #Menu ul>li.logo img{height:50px;} header.fixhead #Menu ul>li.logo>a{padding:0;} header.fixhead #Menu ul>li>a{padding:13px 0;} #top{background-color:#f5f5f5;padding:15px 50px;overflow:hidden;} #top .left{float:left;width:50%;font-size:16px;line-height:30px;} #top .left span{display:inline-block;margin-right:20px;} #top .left span>i{margin-right:10px;color:#bca46e;} #top .right{float:right;width:50%;text-align:right;} #top .right #lang{display:inline-block;margin-left:20px;} #top .right #lang>a{font-size:16px;padding-right:10px;margin-left:10px;} #top .right #lang>a:not(:last-child){border-right:1px solid #333;} #top .right #lang>a.active{color:#bca46e;} #logo{display:none;} #Menu{padding:20px 50px;} #Menu:after{content:"";clear:both;display:table;} #Menu ul.menunav{text-align:right;} #Menu ul.menunav>li{display:inline-block;padding-left:40px;} #Menu ul>li.logo{float:left;padding:0;} #Menu ul>li.logo>a{padding:0;} #Menu ul>li.lang{display:none;} #Menu ul>li#search>a{font-size:24px;} #Menu ul>li>a{position:relative;display:block;font-size:18px;line-height:24px;padding:24px 0;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;} #Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{color:#bca46e;} #Menu ul>li:hover>a,#Menu ul>li.active:hover>a{color:#bca46e;} #Menu ul>li.dropdown>a>i{display:inline-block;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;-ms-transition:all .2s;} #Menu ul>li.dropdown:hover>a>i{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 鍜 Chrome */ -o-transform:rotate(180deg);} #Menu ul>li ul.dropdown-menu{background:#bca46e;margin-top:-1px;border-radius:0;display:none;} #Menu ul>li ul.dropdown-menu>li{float:initial;width:100%;margin:0;} #Menu ul>li ul.dropdown-menu>li>a{line-height:24px; color:#222; font-size:13px; border-bottom:solid 1px #fff;padding:6px 15px;display:block;} #Menu ul>li ul.dropdown-menu>li>a>i{font-size:14px;} #Menu ul>li ul.dropdown-menu>li>a:hover{background:#fff;color:#bca46e;} #Menu ul>li{position:relative;} #Menu ul>li:hover ul.dropdown-menu{display:block; z-index:9999; background:#ffffff; } #top_lang li{margin-left:20px;} #top_lang li a{font-size:22px; color:#333333; text-transform:uppercase; line-height:80px;} /*鎵嬫満瀵艰埅*/ header #menu_btn{ width: 28px; height: 20px; float: right; margin-top: 30px; cursor: pointer; position: relative; display: none;} header #menu_btn>.menu_btn_top{ position:absolute; top:5px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#bca46e; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn>.menu_btn_med{ position:absolute; top:15px; left:50%; width:28px; height:3px; border-radius:1.5px; background:#bca46e; -webkit-transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);transition:top .3s,background-color .3s,transform .3s cubic-bezier(.5,.2,.6,1.4),-o-transform .3s cubic-bezier(.5,.2,.6,1.4),-ms-transform .3s cubic-bezier(.5,.2,.6,1.4),-moz-transform .3s cubic-bezier(.5,.2,.6,1.4),-webkit-transform .3s cubic-bezier(.5,.2,.6,1.4);-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn>.menu_btn_bot{ position:absolute; top:25px; left:50%; width:28px; height:3px; border-radius:1.5px; background-color:#bca46e; -webkit-transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;transition:top .3s,background-color .3s,transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-o-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-ms-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-moz-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s,-webkit-transform .18s cubic-bezier(.5,.2,.6,1.4) .12s;-webkit-transform:translate(-50%,-50%) rotate(0);-moz-transform:translate(-50%,-50%) rotate(0);-o-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);-ms-transform:translate(-50%,-50%) rotate(0);} header #menu_btn.show>.menu_btn_top{ top:50%; background:#bca46e; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} header #menu_btn.show>.menu_btn_med{ top:50%; background:#bca46e; -webkit-transform:translate(-50%,-50%) rotate(135deg); -moz-transform:translate(-50%,-50%) rotate(135deg); -o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg); -ms-transform:translate(-50%,-50%) rotate(135deg);} header #menu_btn.show>.menu_btn_bot{ top:50%; background:#bca46e; -webkit-transform:translate(-50%,-50%) rotate(45deg); -moz-transform:translate(-50%,-50%) rotate(45deg); -o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);} @media (min-width:1430px) and (max-width:1679px) { #top{padding:10px 50px;} #Menu{padding:15px 50px;} } @media (min-width:1230px) and (max-width:1429px) { #top{padding:10px 15px;} #Menu{padding:15px 15px;} } @media (min-width:992px) and (max-width:1229px) { #top{padding:8px 15px;} #Menu{padding:15px 15px;} #search1 #sform1{width:300px;} #search1 #stext1{height:40px;width:calc(100% - 60px);} #search1 #sbut1{height:40px;width:60px;} #search1 #sbut1>i{height:40px;line-height:40px;width:40px;} } @media (min-width:768px) and (max-width:991px){ #top{display:none;} #Menu{padding:0px;} #logo{display:block;padding:5px 15px;} header #menu_btn{ display: block;margin-top:20px;} #search1 #sform1{width:300px;} #search1 #stext1{height:35px;width:calc(100% - 50px);} #search1 #sbut1{height:35px;width:50px;} #search1 #sbut1>i{height:35px;line-height:35px;width:35px;font-size:18px;} } @media (min-width:1px) and (max-width:767px) { #top{display:none;} #Menu{padding:0px;} #logo{display:block;padding:5px 15px;} #logo img{height:50px;} header #menu_btn{ display: block;margin-top:15px;} #search1 {width:100%;} #search1 #sform1{width:100%;margin-top:10px;} #search1 #stext1{height:35px;width:calc(100% - 50px);} #search1 #sbut1{height:35px;width:50px;} #search1 #sbut1>i{height:35px;line-height:35px;width:35px;font-size:18px;} } @media (min-width:1px) and (max-width:991px) { header .navbar-brand img{margin:0;width:200px;} #Menu{width:220px;position:fixed;left:-220px;top: 0px; bottom: 0px; background: #bca46e; z-index: 99999; overflow-x:hidden;overflow-y:auto;transition:all .5s ease;padding-top:0;} #Menu.show{left:0;} #Menu .container{padding:0;} #Menu .tel{display:none;} #Menu ul.menunav{margin:0;} #Menu ul.menunav>li.logo{display:block;} #Menu ul.menunav{ display: block; padding: 0px; text-align: left;overflow:hidden;} #Menu ul.menunav>li{width:100%; padding:0 15px; margin:15px 0 0;} #Menu ul.menunav>li:nth-child(1){width:100%; padding:5px 15px; text-align: center;border-bottom:1px solid #fff;margin:0;background-color:#fff;} #Menu ul.menunav>li:nth-child(1)>a{padding: 0;} #Menu ul.menunav>li:nth-child(1)>a>img{height:50px;} #Menu ul.menunav>li>a{font-size:16px;padding:0px;font-weight:bold;background-color:transparent !important;color: #f5f5f5 !important;} #Menu ul.menunav>li>a:hover:after,#Menu ul>.open>a:after{opacity:0;} #Menu ul>.open>a,#Menu ul>.open>a:focus,#Menu ul>.open>a:hover,#Menu ul>.active>a,#Menu ul>.active>a:hover{border-bottom:none;} #Menu ul>li ul.dropdown{position:relative;} #Menu ul>li ul.dropdown-menu{width:100%;position:relative;display:block;background-color:transparent;box-shadow:none;border:none;padding-left:0;overflow:hidden;min-width: inherit; } #Menu ul>li ul.dropdown-menu>li{ width:100%;height:auto;line-height:24px;background:none;text-align:left;margin: 0px;} #Menu ul>li ul.dropdown-menu>li>a{ position:inherit;color:#fff; font-size:13px;line-height:18px;padding:3px 0;white-space:initial;border:none;letter-spacing:0;} #Menu ul>li ul.dropdown-menu>li>a:hover{background-color:#bca46e;color:#fff;} #Menu ul>li ul.dropdown-menu>li>a>i{float:left;} #Menu ul.menunav>li.lang{display:block;} #Menu ul.menunav>li.lang>a{display:inline-block;margin-right:30px;} #Menu ul.menunav>li#search>a{display:none;} #Menu ul.menunav>li#search #sform{display:block;position:relative;top:initial;right:initial;background-color:#fff;width:100%;border:1px solid #fff;} #Menu ul.menunav>li#search #stext{width:80%;background-color:#fff;height:30px;line-height:30px;color:#333;} #Menu ul.menunav>li#search #sbut{width:20%;height:30px;line-height:30px;} #Menu ul.menunav>li#search #sbut>i{height:30px;line-height:30px;width:30px;font-size:18px;} } #bframe{overflow:hidden;} #bframe img{max-width:100%;display:block;margin:0 auto;} #ibframe{position:relative;} #ibframe img{max-width:100%;display:block;margin:0 auto;} #ibframe .carousel-indicators li{width:35px;height:4px;margin:0 5px;border:none;background-color:#fff;opacity:0.5;border-radius:0;} #ibframe .carousel-indicators li.active{opacity:1;} #slidershow .carousel-control{background-image:none;text-shadow:none;top:50%;margin-top:-26px; height:50px;} #slidershow .carousel-control>i{font-size:48px;color:#bca46e;} #slidershow .left{} #ibframe .linklist{position:relative;} #ibframe .linklist>a.link{position:absolute;bottom:110px;width:272px;height:64px;} #ibframe .linklist>a.link.canton{left:calc(50% - 290px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 15px);} @media (min-width:1430px) and (max-width:1679px) { #ibframe .linklist>a.link{bottom:80px;width:210px;height:50px;} #ibframe .linklist>a.link.canton{left:calc(50% - 220px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 12px);} } @media (min-width:1230px) and (max-width:1429px) { #ibframe .linklist>a.link{bottom:70px;width:180px;height:42px;} #ibframe .linklist>a.link.canton{left:calc(50% - 190px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 10px);} } @media (min-width:992px) and (max-width:1229px) { #ibframe .linklist>a.link{bottom:56px;width:145px;height:35px;} #ibframe .linklist>a.link.canton{left:calc(50% - 152px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 8px);} } @media (min-width:768px) and (max-width:991px) { #ibframe .carousel-indicators{margin-bottom:0;bottom:0;} #ibframe .linklist>a.link{bottom:45px;width:115px;height:30px;} #ibframe .linklist>a.link.canton{left:calc(50% - 120px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 8px);} } @media (min-width:1px) and (max-width:767px) { #ibframe .carousel-indicators{margin-bottom:0;bottom:0;} #ibframe .linklist>a.link{bottom:20px;width:52px;height:15px;} #ibframe .linklist>a.link.canton{left:calc(50% - 53px);} #ibframe .linklist>a.link.facebook{left:calc(50% + 3px);} } .frame{padding-top:80px;padding-bottom:20px;} .frame .title{margin-bottom:30px;text-align:center;} .frame .title h2{font-size:42px;margin-bottom:20px;margin-top:0;letter-spacing:3px;color:#bca46e;text-transform:uppercase;} .frame .title p{font-size:18px;color:#8b8b8b;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;} .frame .title .line{width:100px;border-bottom:1px solid #ccc;position:relative;} @media (min-width:1430px) and (max-width:1679px) { .frame{padding-top:50px;} } @media (min-width:1230px) and (max-width:1429px) { .frame{padding-top:40px;} } @media screen and (min-width:992px ) and (max-width:1229px) { .frame{padding-top:20px;padding-bottom:20px;} .frame .title{margin-bottom:30px;} .frame .title h2{font-size:24px;} .frame .title p{font-size:16px;} .frame .title span{margin-top:15px;} } @media (min-width:768px) and (max-width:991px) { .frame{padding-top:25px;padding-bottom:25px;} .frame .title{margin-bottom:20px;} .frame .title h2{font-size:20px;} .frame .title p{font-size:14px;} } @media (max-width:767px){ .frame{padding-top:25px;padding-bottom:25px;} .frame .title{margin-bottom:15px;} .frame .title h2{font-size:18px;} .frame .title p{font-size:20px;} .frame .title .line:after{width:250px;left:calc(50% - 125px);} .frame .title .line{width:300px;} } #frame1 {padding-top:100px;} #frame1 .title{text-align:left;padding-top:35px;margin-bottom:50px;} #frame1 a.more{position:relative;display:block;overflow:hidden;} #frame1 a.more span.viewmore{position:absolute;bottom:-60px;right:40px;font-size:16px;line-height:40px;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;text-transform:uppercase;display:inline-block;padding-bottom:10px;color:#333;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} #frame1 a.more span.viewmore:before{content:"";position:absolute;width:110px;height:2px;background-color:#bca46e;bottom:0;left:50%;margin-left:-55px;} #frame1 a.more span.viewmore:after{content:"";position:absolute;bottom:-5px;right:-28px;border-width:6px 10px;border-style:solid;border-color:transparent transparent transparent #bca46e;} #frame1 .pic2 a.more span.viewmore{right:100px;} #frame1 a.more:hover span.viewmore{bottom:40px;} #frame1 .left{float:left;width:50%;padding-right:50px;} #frame1 .left .catelist{margin-bottom:85px;} #frame1 .left .catelist a{font-size:18px;text-transform:uppercase;margin-right:30px;} #frame1 .left .catelist a.active{color:#bca46e;position:relative;} #frame1 .left .catelist a.active:before{content:"";position:absolute;width:20px;height:1px;background-color:#bca46e;left:50%;margin-left:-5px;top:30px;} #frame1 .right{float:right;width:50%;padding-left:50px;} #frame1 .right .prolist{margin:0 -8px;overflow:hidden;margin-top:30px;} #frame1 .right .prolist .item{width:33.33%;float:left;padding:0 8px;position:relative;} #frame1 .right .prolist .item .img{overflow:hidden;} #frame1 .right .prolist .item a.link{position:absolute;top:0;right:8px;bottom:0;left:8px;background-color:rgba(188,164,110,0.8);opacity:0;} #frame1 .right .prolist .item h4{font-size:22px;color:#fff;text-align:center;margin-top:40%;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;} #frame1 .right .prolist .item:hover a.link{opacity:1;} @media (min-width:1430px) and (max-width:1679px) { #frame1 {padding-top:50px;} #frame1 .title{margin-bottom:30px;} #frame1 .left{padding-right:40px;} #frame1 .left .catelist{margin-bottom:50px;} #frame1 .right{padding-left:40px;} #frame1 .right .prolist .item h4{font-size:16px;} } @media (min-width:1230px) and (max-width:1429px) { #frame1 {padding-top:40px;} #frame1 .title{margin-bottom:30px;} #frame1 .left{padding-right:20px;} #frame1 .left .catelist{margin-bottom:40px;} #frame1 .right{padding-left:20px;} #frame1 .right .prolist .item h4{font-size:16px;} } @media screen and (min-width:992px ) and (max-width:1229px) { #frame1 {padding-top:30px;} #frame1 .title{margin-bottom:20px;padding-top:15px;} #frame1 .left{padding-right:15px;} #frame1 .left .catelist{margin-bottom:30px;} #frame1 .left .catelist a{font-size:16px;} #frame1 .right{padding-left:15px;} #frame1 .pic2 a.more span.viewmore{right:80px;} #frame1 .right .prolist .item h4{font-size:16px;} } @media (min-width:768px) and (max-width:991px) { #frame1 {padding-top:30px;} #frame1 .title{margin-bottom:15px;padding-top:0;} #frame1 .left{padding-right:15px;} #frame1 .left .catelist{margin-bottom:30px;} #frame1 .left .catelist a{font-size:14px;} #frame1 .right{padding-left:15px;} #frame1 .pic2 a.more span.viewmore{right:80px;} #frame1 .right .prolist .item h4{font-size:16px;} } @media (max-width:767px){ #frame1 {padding-top:30px;} #frame1 .title{margin-bottom:15px;padding-top:0;} #frame1 .left{padding-right:0;width:100%;float:none;margin-bottom:20px;} #frame1 .left .catelist{margin-bottom:30px;} #frame1 .left .catelist a{font-size:14px;} #frame1 .right{padding-left:0;width:100%;float:none;} #frame1 .pic2 a.more span.viewmore{right:80px;} #frame1 .right .prolist .item h4{font-size:14px;} } #frame2 .context{font-size:18px;line-height:32px;text-align:center;width:85%;} #frame2 .brandlist{overflow:hidden;width:85%;margin-top:40px;} #frame2 .brandlist a.pic{float:left;width:20%;margin:0 auto;} #frame2 .btnlist{text-align:center;} #frame2 a.more{font-size:16px;line-height:40px;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;text-transform:uppercase;display:inline-block;position:relative;padding-bottom:10px;} #frame2 a.more:before{content:"";position:absolute;width:110px;height:2px;background-color:#bca46e;bottom:0;left:50%;margin-left:-55px;} #frame2 a.more:after{content:"";position:absolute;bottom:-5px;right:-28px;border-width:6px 10px;border-style:solid;border-color:transparent transparent transparent #bca46e;} @media (min-width:1430px) and (max-width:1679px) { } @media (min-width:1230px) and (max-width:1429px) { #frame2 .context{width:100%;} #frame2 .brandlist{width:100%;} } @media screen and (min-width:992px ) and (max-width:1229px) { #frame2 .context{width:100%;font-size:16px;} #frame2 .brandlist{width:100%;} } @media (min-width:768px) and (max-width:991px) { #frame2 .context{width:100%;font-size:14px;line-height:24px;} #frame2 .brandlist{width:100%;} } @media (max-width:767px){ #frame2 .context{width:100%;font-size:14px;line-height:24px;} #frame2 .brandlist{width:100%;} #frame2 .brandlist a.pic{width:50%;} } #frame3{} @media (min-width:1430px) and (max-width:1679px) { } @media (min-width:1230px) and (max-width:1429px) { } @media screen and (min-width:992px ) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { } @media (max-width:767px){ #frame3{display:none;} } #frame4{} #frame4 .NewsList{margin:0 -25px;overflow:hidden;} #frame4 .NewsList .swiper-slide{width:25%;padding:0 25px;} #frame4 .NewsList .item{position:relative;} #frame4 .NewsList .item .img{opacity:0;} #frame4 .NewsList .item .txt{position:absolute;top:0;right:0;bottom:0;left:0;padding:60px 25px;} #frame4 .NewsList .item .txt span{color:#b9b9b9;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;} #frame4 .NewsList .item .txt h4{font-size:16px;line-height:24px;margin-top:25px;text-transform:uppercase;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #frame4 .NewsList .item .txt p{font-size:16px;line-height:24px;margin-top:30px;height:240px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;} #frame4 .NewsList .item .txt a.more{color:#bca46e;margin-top:50px;display:inline-block;} #frame4 .NewsList .item .txt a.more>i{color:#bca46e;font-size:24px;vertical-align:middle;display:inline-block;} #frame4 .NewsList .item:hover .img{opacity:1;} #frame4 .NewsList .item:hover .txt{background:rgba(0,0,0,0.6);} #frame4 .NewsList .item:hover h4{color:#fff;} #frame4 .NewsList .item:hover .txt p{color:#fff;} #frame4 .NewsList .item:hover .txt a.more{color:#fff;} #frame4 .NewsList .btnlist{display:block;text-align:center;margin-top:15px;position:relative;} #frame4 .NewsList .btnlist .swiper-button>i{font-size:48px;color:#bca46e;} #frame4 .NewsList .btnlist .swiper-button.swiper-button-disabled>i{color:#e0e0e0;} @media (min-width:1430px) and (max-width:1679px) { #frame4 .NewsList{margin:0 ;} #frame4 .NewsList .swiper-slide{width:25%;padding:0 0;} #frame4 .NewsList .item .txt p{font-size:14px;line-height:20px;height:200px;} #frame4 .NewsList .item .txt a.more{margin-top:30px;} } @media (min-width:1230px) and (max-width:1429px) { #frame4 .NewsList{margin:0 ;} #frame4 .NewsList .swiper-slide{width:25%;padding:0 0;} #frame4 .NewsList .item .txt{padding:30px 20px;} #frame4 .NewsList .item .txt p{font-size:14px;line-height:20px;height:200px;} #frame4 .NewsList .item .txt a.more{margin-top:30px;} } @media screen and (min-width:992px ) and (max-width:1229px) { #frame4 .NewsList{margin:0 ;} #frame4 .NewsList .swiper-slide{width:33.33%;padding:0 0;} #frame4 .NewsList .item .txt{padding:30px 20px;} #frame4 .NewsList .item .txt p{font-size:14px;line-height:20px;height:200px;} #frame4 .NewsList .item .txt a.more{margin-top:30px;} } @media (min-width:768px) and (max-width:991px) { #frame4 .NewsList{margin:0 -15px;} #frame4 .NewsList .swiper-slide{width:50%;padding:0 15px;} #frame4 .NewsList .item .img{opacity:1;} #frame4 .NewsList .item .txt{background:rgba(0,0,0,0.6);padding:50px 20px;} #frame4 .NewsList .item h4{color:#fff;} #frame4 .NewsList .item .txt p{color:#fff;font-size:14px;line-height:20px;height:200px;} #frame4 .NewsList .item .txt a.more{color:#fff;margin-top:30px;} } @media (max-width:767px){ #frame4 .NewsList{margin:0;} #frame4 .NewsList .swiper-slide{width:100%;padding:0 ;} #frame4 .NewsList .item .img{opacity:1;} #frame4 .NewsList .item .txt{background:rgba(0,0,0,0.6);padding:50px 20px;} #frame4 .NewsList .item h4{color:#fff;} #frame4 .NewsList .item .txt p{color:#fff;font-size:14px;line-height:20px;height:200px;} #frame4 .NewsList .item .txt a.more{color:#fff;margin-top:30px;} } #frame5 .title{margin-bottom:50px;} #frame5 .list{display:flow-root;} #frame5 .list a.pic{width:50%;float:left;box-shadow:0 0 3px #bda46c;display:block;} @media (min-width:1430px) and (max-width:1679px) { } @media (min-width:1230px) and (max-width:1429px) { } @media screen and (min-width:992px ) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { #frame5 .title{margin-bottom:30px;} #frame5 .list a.pic{width:100%;float:initial;} } @media (max-width:767px){ #frame5 .title{margin-bottom:30px;} #frame5 .list a.pic{width:100%;float:initial;} } footer{padding-top:50px;padding-bottom:0;background:#f4f4f4;} footer .foot_menu{overflow:hidden;padding-bottom:30px;} footer #fck1{width:50%;float:left;text-align:center;padding-top:100px;} footer #fck2{width:50%;float:left;padding-left:160px;} footer dl dt{font-size:32px;margin-bottom:20px;font-weight:normal;text-transform:uppercase;color:#bca46e;letter-spacing:5px;} footer dl dd{padding:10px 0;} footer dl dd p{font-size:16px;line-height:24px;padding-bottom:10px;} footer dl dd p i{display:inline-block;margin-right:10px;vertical-align:middle;color:#bca46e;width:24px;text-align:center;} footer dl dd a{font-size:16px;line-height:24px;} footer dl dd a:hover{text-decoration:underline;} .footer_language{background:#fff; padding:15px 0px; text-align:center;} .footer_language ul {display:flex;justify-content:space-between;} .footer_language ul li {margin:0;} .footer_language ul li a{font-size:14px; line-height:2em;} .footer_language ul li a img{margin-top:5px;} .footer_language ul li a span{font-size:14px; line-height:2em;} .foot_by{padding:20px 0 15px;background:#fff;} .foot_by .footdiv{display:inline-block; font-size:14px; line-height:30px;color:#bca46e;} .foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:30px;color:#949494} .foot_by .footdiv a:hover{text-decoration:underline;} .foot_by .footdiv.fr{float:right;} .foot_by .footdiv.fr a{margin-left:10px;color:#333;} @media (min-width:1430px) and (max-width:1679px) { footer .foot_menu{padding-bottom:10px;} .foot_by{padding:10px 0;} } @media (min-width:1230px) and (max-width:1429px) { footer .foot_menu{padding-bottom:10px;} footer #fck2{padding-left:60px;} .foot_by{padding:10px 0;background:#fff;} } @media (min-width:992px) and (max-width:1229px) { footer{padding-top:30px;} footer #fck1{width:100%;text-align:left;padding-top:0;} footer #fck2{width:100%;padding-left:0;margin-top:30px;} footer dl dd{padding:6px 0;} footer .foot_menu{padding-bottom:0;} .foot_by{padding:10px 0;} } @media (min-width:768px) and (max-width:991px) { footer{padding-top:30px;} footer #fck1{width:100%;text-align:left;padding-top:0;} footer #fck2{width:100%;padding-left:0;margin-top:30px;} footer dl dd{padding:6px 0;} footer .foot_menu{padding-bottom:0;} .foot_by .footdiv{display:block;text-align:center;} .foot_by .footdiv.fr{display:none;} .foot_by{padding:6px 0;} .foot_by p{font-size:12px;} .foot_by p a{font-size:12px;} } @media (min-width:1px) and (max-width:767px) { footer{padding-top:30px;} footer #fck1{width:100%;text-align:left;padding-top:0;} footer #fck2{width:100%;padding-left:0;margin-top:30px;} footer dl dt{font-size:24px;margin-bottom:10px;} footer dl dd{padding:6px 0;} footer dl dd p{font-size:14px;} footer .foot_menu{padding-bottom:0;} .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:24px;} .foot_by .footdiv a{font-size:12px;} .foot_by .footdiv.fr{display:none;} .foot_by{padding:6px 0;} .foot_by p{font-size:12px;} .foot_by p a{font-size:12px;} } #float{position:absolute;right:25px;top:50%;margin-top:-80px;} #float div.ico{display:block;width:50px;height:50px;line-height:50px;text-align:center;background-color:#f3f3f3;margin-bottom:6px;position:relative;cursor:pointer;} #float div.ico:hover{background-color:#bca46e;} #float div.ico:hover>i{color:#ffffff;} #float div.ico>i{color:#b6b6b6;font-size:24px;} #float div.ico>.img{position:absolute;right:50px;width:140px;height:140px;top:0;display:none;border:1px solid #f3f3f3;} #float div.ico>.img>img{width:100%;} #float div.ico:hover>.img{display:block;} #float div.ico>#sharelist{position:absolute;right:50px;width:200px;top:0;display:none;} #float div.ico:hover>#sharelist{display:block;} @media (min-width:1px) and (max-width:991px) { #float{display:none;} } /*鍏辩敤*/ #Location{padding:10px 0;border-bottom:1px solid #e4e4e4;display:none;} #Location .container{position:relative;} #Location .container:before{content:"\e607";font-family:iconfont;display:inline-block;color:#bca46e;font-size:18px;margin-right:6px;} #Location i{color:#333;} #Location a{color:#333;font-size:16px;} #Location a:hover{color:#bca46e;} #Location span{color:#bca46e;font-size:16px;} .nframe{padding-top:50px;padding-bottom:50px;} a.home{display:block;width:100px;height:100px;line-height:100px;background-color:#bca46e;color:#fff;border-radius:50%;text-align:center;margin-top:-100px;position:relative;z-index:1;} a.home>i{font-size:36px;} @media (min-width:992px) and (max-width:1229px) { .nframe{padding-top:40px;padding-bottom:40px;} a.home{width:80px;height:80px;line-height:80px;margin-top:-80px;} a.home>i{font-size:30px;} } @media (min-width:768px) and (max-width:991px) { .nframe{padding-top:30px;padding-bottom:30px;} a.home{display:none;} } @media (min-width:1px) and (max-width:767px) { .nframe{padding-top:30px;padding-bottom:30px;} a.home{display:none;} } /*宸︿晶鑿滃崟*/ #left_nav{float:left;width:300px;position:sticky;top:180px;} #left_nav dl{margin:0;padding-left:49px;position:relative;padding-bottom:50px;} #left_nav dl:before{content:"";position:absolute;left:49px;top:-50px;width:2px;height:calc(100% + 50px);background-color:#f3f3f3;} #left_nav dl>dt{background-color:#bca46e;padding:10px 15px;font-size:20px;line-height:32px;color:#ffffff;border-bottom:1px solid #fff;display:none;} #left_nav dl>dt:before{} #left_nav dl>dt>i{float:right;font-size:18px;display:none;} #left_nav dl>dd{padding-left:42px;position:relative;margin-top:27px;} #left_nav dl>dd:before{content:"";width:12px;height:12px;background-color:#f3f3f3;border-radius:50%;position:absolute;left:-5px;top:12px;} #left_nav dl>dd:after{content:"";width:100%;height:1px;background-color:#f3f3f3;position:absolute;top:17px;left:0;} #left_nav dl>dd>a{display:block;padding:6px 15px 6px 5px;font-size:18px;line-height:24px;color:#bca46e;background-color:#f3f3f3;z-index:1;position:relative;} #left_nav dl>dd>a:before{content:"\e7f9";font-family:iconfont;margin-right:3px;float:left;font-size:14px;color:#f3f3f3;} #left_nav dl>dd.active>a,#left_nav dl>dd:hover>a{background-color:#bca46e;color:#fff;} #left_nav dl>dd.active>a:before,#left_nav dl>dd:hover>a:before{color:#fff;} #left_nav dl>dd.active:before,#left_nav dl>dd:hover:before{background-color:#bca46e;} #left_nav dl>dd.active:after,#left_nav dl>dd:hover:after{background-color:#bca46e;} #left_nav dl>dd ul{border-top:1px solid #ddd;display:none;} #left_nav dl>dd.active>ul{display:block;} #left_nav dl>dd ul>li>a{display:block;padding:8px 15px 10px 25px;font-size:18px;line-height:24px;border-bottom:1px solid #bca46e;} #left_nav dl>dd ul>li.active>a,#left_nav dl>dd ul>li:hover>a{color:#bca46e;} #left_nav .prolist{margin-top:30px;padding-left:49px;} #left_nav .prolist h2{font-size:18px;line-height:24px;margin-top:0;margin-bottom:20px;color:#bca46e;text-transform:uppercase;} #left_nav .prolist .swiper-slide{position:relative;text-align:center;padding-bottom:10px;} #left_nav .prolist .swiper-slide h4{text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;} #left_nav .prolist .swiper-slide>a.link{position:absolute;top:0;right:0;bottom:0;left:0;} #left_nav .prolist .swbtn{display:inline-block;width:25px;height:80px;text-align:center;line-height:80px;background-color:#bca46e;color:#dfdfdf;cursor:pointer;position:absolute;top:50%;z-index:1;margin-top:-40px;} #left_nav .prolist .swbtn.btn-next{right:0;} #left_nav .prolist .swbtn:hover{background-color:#bca46e;color:#fff;} #left_nav .prolist .swiper-button-disabled{background-color:#dfdfdf;color:#fff;} #left_nav .prolist .swiper-pagination{position:relative;} #left_nav .prolist .swiper-pagination .swiper-pagination-bullet-active{background-color:#bca46e;} #left_nav .newslist{margin-top:30px;} #left_nav .newslist h2{font-size:20px;padding:15px;line-height:24px;background-color:#e6e6e6;} #left_nav .newslist .item{padding:10px 15px;} #left_nav .newslist .item h4{font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #left_nav .downloadlist{margin-top:30px;} #left_nav .downloadlist h2{font-size:20px;padding:15px;line-height:24px;background-color:#e6e6e6;margin-bottom:0;} @media (min-width:992px) and (max-width:1229px) { #left_nav{width:27%;} #left_nav dl{padding-left:39px;} #left_nav dl:before{left:39px;top:-40px;height:calc(100% +40px);} #left_nav dl>dd{padding-left:32px;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:13px;line-height:20px;} } @media (min-width:768px) and (max-width:991px) { #left_nav{width:100%;position:relative;top:0;float:initial;} #left_nav dl{padding:0;} #left_nav dl::before{display:none} #left_nav dl>dt{display:block;} #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;} #left_nav dl>dd{display:none;padding:0;margin-top:5px;} #left_nav dl>dd:before{display:none;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:12px;} #left_nav .prolist{display:none;} #left_nav .newslist{display:none;} #left_nav .downloadlist{display:none;} } @media (min-width:1px) and (max-width:767px) { #left_nav{width:100%;position:relative;top:0;float:initial;} #left_nav dl{padding:0;} #left_nav dl::before{display:none} #left_nav dl>dt{display:block;padding:10px 15px;font-size:20px;line-height:24px;} #left_nav dl>dt:before{content:"\e604";font-family:iconfont;float:right;} #left_nav dl>dd{display:none;padding:0;margin-top:5px;} #left_nav dl>dd:before{display:none;} #left_nav dl>dd>a{padding:10px 15px;font-size:13px;line-height:20px;} #left_nav dl>dd ul>li>a{font-size:12px;} #left_nav .prolist{display:none;} #left_nav .newslist{display:none;} #left_nav .downloadlist{display:none;} } /*鍙充晶鍐呭*/ #right_nav{float:right;width:calc(100% - 340px);padding-top:27px;} .nframe .tit{margin-bottom:30px;border-bottom:1px solid #c7c7c7;padding-bottom:15px;display:flow-root;} .nframe .tit>h2{margin:0;font-size:32px;line-height:36px;text-transform:uppercase;color:#bca46e;display:inline-block;} .nframe .tit>h1{margin:0;font-size:32px;line-height:36px;text-transform:uppercase;color:#bca46e;} .nframe .tit>p{margin-top:10px;} .nframe section{margin-bottom:30px;} .nframe section .content{font-size:16px;line-height:28px;} @media (min-width:992px) and (max-width:1229px) { #right_nav{width:70%;} .nframe .tit{margin-bottom:15px;} .nframe .tit>h2{font-size:24px;} .nframe .tit>h1{font-size:24px;} } @media (min-width:768px) and (max-width:991px) { #right_nav{float:initial;width:100%;} .nframe .tit{margin-bottom:15px;} .nframe .tit>h2{font-size:24px;margin-bottom:0;} .nframe .tit>h1{font-size:24px;} .nframe section .content{line-height:1.5;} } @media (min-width:1px) and (max-width:767px) { #right_nav{float:initial;width:100%;margin-top:20px;} #right_nav .context img{height:auto;} embed{max-width:100%;height:auto;} .nframe .tit{margin-bottom:10px;} .nframe .tit>h2{font-size:18px;line-height:24px;} .nframe .tit>h1{font-size:18px;line-height:24px;margin-bottom:10px;} .nframe section .content{font-size:13px;line-height:24px;} } /*鍏充簬鎴戜滑*/ #aboutframe.nframe .tit{border:none;} #aboutframe .profile .more{display:inline-block;width:175px;font-size:16px;line-height:24px;padding:10px 30px;border:1px solid #bca46e;background-color:#bca46e;color:#fff;text-align:center;margin-top:30px;} #aboutframe .profile .more:hover{background-color:#fff;color:#bca46e;} #aboutframe .singlepage{display:flex;justify-content:space-around;} #aboutframe .singlepage .item{background-color:#bca46e;flex:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;position:relative;padding:65px 30px;} #aboutframe .singlepage .item:nth-child(1){background:url(../images/culture.jpg) no-repeat center center;} #aboutframe .singlepage .item:nth-child(2){background:#000000;} #aboutframe .singlepage .item:nth-child(3){background:#bca46e;} #aboutframe .singlepage .item.active{flex:2;} #aboutframe .singlepage .item h2{font-size:24px;color:#fff;} #aboutframe .singlepage .item .line{width:200px;height:4px;background-color:#fff;margin:30px 0;} #aboutframe .singlepage .item p{font-size:16px;line-height:28px;color:#fff;height:140px;margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;} #aboutframe .singlepage .item a.link{position:absolute;top:0;right:0;bottom:0;left:0;} #aboutframe .history section{position:relative;padding-top:80px;padding-bottom:80px;} #aboutframe .history .list{background-color:rgba(255,255,255,0.5);} #aboutframe .history .list:before{content:"";position:absolute;height:4px;background-color:#ffffff;left:0;right:0;top:calc(50% - 2px);width:90%;left:5%;} #aboutframe .history{background:url(../images/history.jpg) no-repeat center;} #aboutframe .history .swiper-slide{float:left;width:20%;cursor:pointer;position:relative;padding:160px 0;} #aboutframe .history .swiper-slide i.center-block{display:block;margin:0;width:14px;height:14px;border-radius:50%;background-color:#fff;position:relative;} #aboutframe .history .swiper-slide i.center-block:before{content:"";position:absolute;left:5px;width:4px;height:80px;background-color:#fff;} #aboutframe .history .swiper-slide.swiper-slide-active i.center-block{background-color:#bca46e;} #aboutframe .history .swiper-slide.swiper-slide-active i.center-block:before{background-color:#bca46e;} #aboutframe .history .swiper-slide .contents{position:absolute;} #aboutframe .history .swiper-slide.item1 .contents{top:30px;} #aboutframe .history .swiper-slide.item1 i.center-block:before{top:-80px;} #aboutframe .history .swiper-slide.item2 .contents{top:190px;} #aboutframe .history .swiper-slide.item2 i.center-block:before{bottom:-80px;} #aboutframe .history .swiper-slide .img{width:180px;border:1px solid #dcdcdc;margin:0;float:left} #aboutframe .history .swiper-slide .txt{position:absolute;left:-20px;width:400px;} #aboutframe .history .swiper-slide .txt h3{font-size:18px;line-height:30px;color:#bca46e;} #aboutframe .history .swiper-slide .txt p{font-size:14px;line-height:20px;color:#fff;height:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;padding-left:50px;} #aboutframe .workshop .list{display:flex;justify-content:space-between;overflow:hidden;} #aboutframe .workshop .list .left{width:34%;margin:0;padding:0 8px 0 0;} #aboutframe .workshop .list .left .item{overflow:hidden;} #aboutframe .workshop .list .left .img{margin:0 -49%;} #aboutframe .workshop .list .left .img img{height:100%;} #aboutframe .workshop .list .right{width:66%;margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;padding-left:10px;} #aboutframe .workshop .list .right .item{width:49%;margin:0;position:relative;} #aboutframe .workshop .list .right .item:nth-child(3),#aboutframe .workshop .list .right .item:nth-child(4){align-items:flex-end;display:flex;margin-top:10px;} #aboutframe .workshop .list .box{position:relative;} #aboutframe .workshop .list .item .img{overflow:hidden;} #aboutframe .workshop .list .item h4{position:absolute;bottom:0;left:0;right:0;background-color:rgba(1,83,148,0.8);padding:15px;line-height:24px;font-size:16px;color:#fff;text-align:center;margin:0;} #aboutframe .certificate{background:url(../images/cebg.jpg) no-repeat center center;padding-top:60px;padding-bottom:60px;} #aboutframe .certificate .tit{text-align:center;} #aboutframe .certificate .tit h2{color:#fff;} #aboutframe .certificate .tit p{color:#fff;} #aboutframe .team .list{margin:0 -8px;overflow:hidden;} #aboutframe .team .item{float:left;width:25%;padding:0 8px;} @media (min-width:992px) and (max-width:1229px) { #aboutframe .history .swiper-slide{width:25%;} #aboutframe .workshop .list .item h4{padding:10px;} #aboutframe .team .list .item figcaption{padding:25px 15px;} #aboutframe .team .list .item h3{font-size:16px;} #aboutframe .team .list .item{width:25%;} } @media (min-width:768px) and (max-width:991px) { #aboutframe .singlepage .item{padding:30px 20px 40px;} #aboutframe .singlepage .item h2{font-size:20px;} #aboutframe .singlepage .item p{font-size:14px;line-height:24px;} #aboutframe .singlepage .item .line{margin:20px 0;} #aboutframe .history .swiper-slide{width:25%;} #aboutframe .workshop .list .item h4{padding:10px;} #aboutframe .team .list .item figcaption{padding:25px 15px;} #aboutframe .team .list .item{width:33.33%;} #aboutframe .team .list .item h3{font-size:16px;} #aboutframe .team .list .item:nth-last-child(-n+1){display:none;} } @media (min-width:1px) and (max-width:767px) { #aboutframe .profile .more{width:135px;font-size:14px;line-height:24px;padding:3px 30px;margin-top:20px;} #aboutframe .singlepage{display:none;} #aboutframe .history .swiper-slide{width:50%;} #aboutframe .history .swiper-slide .txt{width:200px;} #aboutframe .workshop .list{display:block;} #aboutframe .workshop .list .left{width:100%;padding:0;margin-bottom:10px;} #aboutframe .workshop .list .left .img{margin:0;} #aboutframe .workshop .list .right{width:100%;padding:0;} #aboutframe .workshop .list .item h4{padding:5px;font-size:13px;} #aboutframe .certificate{padding-top:40px;padding-bottom:40px;} #aboutframe .certificate .tit p{display:none;} #aboutframe .team .list{} #aboutframe .team .list .item{width:50%;} #aboutframe .team .list .item figcaption{padding:25px 15px;} #aboutframe .team .list .item h3{font-size:14px;} #aboutframe .team .list .item:nth-last-child(-n+2){display:none;} } /*鑱旂郴鎴戜滑*/ #contactframe{padding-top:50px;} #contactframe .left{width:48%;float:left;padding-right:80px;} #contactframe .left dl{text-align:right;} #contactframe .left dl>dt{font-weight:normal;font-size:64px;color:#bca46e;margin-bottom:30px;} #contactframe .left dl>dt>font{color:#f3f3f3;} #contactframe .left dl>dd{font-size:16px;line-height:24px;padding:5px 0;position:relative;padding-right:30px;} #contactframe .left dl>dd>i{display:inline-block;font-size:18px;margin-left:15px;color:#bca46e;text-align:center;width:24px;position:absolute;right:0;top:5px;} #contactframe .left dl>dd>a{} #contactframe .contactbox{overflow:hidden;} #contactframe .right{width:52%;float:right;padding-top:30px;} #contactframe .contactbox #allmap{height:100%;} @media (min-width:1430px) and (max-width:1679px) { #contactframe .left dl>dt{font-size:64px;} } @media (min-width:1230px) and (max-width:1429px) { #contactframe .left dl>dt{font-size:70px;margin-bottom:10px;} } @media (min-width:992px) and (max-width:1229px) { #contactframe .left{padding-right:40px;} #contactframe .left dl>dt{font-size:48px;margin-bottom:10px;} #contactframe .left dl>dd{font-size:14px;} #contactframe .left dl>dd>i{top:6px;} } @media (min-width:768px) and (max-width:991px) { #contactframe .left{width:100%;padding-right:0;} #contactframe .left dl>dt{font-size:36px;margin-bottom:10px;} #contactframe .left dl>dd{font-size:14px;} #contactframe .left dl>dd>i{top:6px;} #contactframe .right{display:none;} } @media (min-width:1px) and (max-width:767px) { #contactframe .left{width:100%;padding-right:0;} #contactframe .left dl>dt{font-size:30px;margin-bottom:10px;} #contactframe .left dl>dd{font-size:14px;} #contactframe .left dl>dd>i{top:6px;} #contactframe .right{display:none;} } #contactframe .feedbackbox{margin-top:50px;} #contactframe .feedbackbox .title{margin-bottom:60px;} #contactframe .feedbackbox h2{font-size:70px;color:#bca46e;text-align:right;text-transform:initial;} #contactframe .feedbackbox h2>font{color:#f3f3f3;} #contactframe .feedbackbox p{font-size:16px;margin-bottom:20px;} #contactframe #feedback{} #feedback ul{display:flex;justify-content:space-between;flex-direction: row;flex-wrap: wrap;margin-top:30px;} #feedback ul>li{display:block;margin:0 0 30px;width:100%;border:1px solid #ebebeb;background-color:#f8f8f8;border-radius:5px;} #feedback ul>li.half{width:100%;} #feedback ul>li>label{float:left;height:36px;line-height:36px;padding-left:10px;margin:0;font-size:15px;color:#d0d0d0;font-weight:normal;} #feedback ul>li>label>em{color:#f00;font-style:initial;display:inline-block;width:16px;font-size:18px;vertical-align:bottom;} #feedback ul>li>input{width:calc(100% - 100px);line-height:36px;height:36px;border:none;border-radius:0;box-shadow:none;padding-left:10px;margin:0;background-color:#f8f8f8;} #feedback ul>li>textarea{width:calc(100% - 100px);border:none;border-radius:0;padding-top:10px;padding-left:10px;resize:none;float:left;background-color:#f8f8f8;} #feedback ul>li.btnli{border:none;text-align:center;margin-top:10px;} #feedback ul>li.btnli #btn_send{margin:0;padding:0;background-color:#bca46e;color:#fff;border:1px solid #bca46e;border-radius:5px;width:100%;height:50px;line-height:50px;font-size:18px;} #feedback ul>li.btnli #btn_send:hover{color:#bca46e;background-color:#fff;} @media (min-width:1430px) and (max-width:1679px) { #contactframe .feedbackbox{margin-top:30px;} } @media (min-width:1230px) and (max-width:1429px) { #contactframe .feedbackbox{margin-top:0;} #contactframe .feedbackbox .title{margin-bottom:20px;} #contactframe .feedbackbox h2{font-size:60px;} #feedback ul>li{margin-bottom:20px;} } @media (min-width:992px) and (max-width:1229px) { #contactframe .feedbackbox{margin-top:0;} #contactframe .feedbackbox .title{margin-bottom:20px;} #contactframe .feedbackbox h2{font-size:48px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} } @media (min-width:768px) and (max-width:991px) { #contactframe .feedbackbox{margin-top:0;} #contactframe .feedbackbox .title{margin-bottom:20px;} #contactframe .feedbackbox h2{font-size:48px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} } @media (min-width:1px) and (max-width:767px) { #contactframe .feedbackbox{margin-top:0;} #contactframe .feedbackbox .title{margin-bottom:20px;} #contactframe .feedbackbox h2{font-size:36px;} #feedback ul>li{margin-bottom:15px;} #feedback ul>li.btnli #btn_send{height:40px;line-height:40px;} } /*浜у搧涓績*/ #ProList{margin:0 -7px 0;overflow:hidden;} #ProList .item{padding:0 7px;margin-bottom:20px;width:25%;float:left;} #ProList .item:nth-child(4n+1){clear:left;} #ProList .item .img{position:relative;overflow:hidden;background-color:#ffffff;border:1px solid #f3f3f3} #ProList .item img{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s;} #ProList .item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);} #ProList .item .txt{border-bottom:1px solid #fff;position:relative;background-color:#ffffff;padding:10px;} #ProList .item .txt h3{font-size:16px;line-height:24px;margin:0;text-align:center;font-family:Arial, Helvetica, sans-serif;} #ProList .item .txt p{font-size:12px;line-height:18px;height:18px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #ProList .item:hover .img{border:1px solid #bca46e;} #ProList .item:hover .txt{border-bottom:1px solid #bca46e;} #ProList .item:hover .txt h3{color:#bca46e;} @media (min-width:992px) and (max-width:1229px) { #ProList .item{width:33.33%;} #ProList .item:nth-child(4n+1){clear:initial;} #ProList .item:nth-child(3n+1){clear:both;} #ProList .item .txt{padding:8px 10px;} } @media (min-width:768px) and (max-width:991px) { #ProList .item{width:33.33%;} #ProList .item:nth-child(4n+1){clear:initial;} #ProList .item:nth-child(3n+1){clear:both;} #ProList .item .txt{padding:8px 10px;} } @media (min-width:1px) and (max-width:767px) { #ProList .item{width:50%;} #ProList .item:nth-child(4n+1){clear:initial;} #ProList .item:nth-child(2n+1){clear:both;} #ProList .item a.link>i{font-size:30px;} #ProList .item .txt h3{font-size:13px;} #ProList .item .txt p{display:none;} } /*浜у搧璇︽儏*/ #nProPage{background-color:#ffffff;} #nProPage .protitle h1{font-size:40px;color:#bca46e;font-weight:bold;text-transform:uppercase;} #nProPage .protitle h3{font-size:30px;} #nProPage .protitle p{font-size:16px;line-height:30px;margin-top:20px;} #nProPage .title{margin-bottom:20px;position:relative;} #nProPage .title:after{content:"";position:absolute;width:calc(100% - 320px);height:2px;right:0;top:19px;background-color:#e3e3e3;} #nProPage .title h3{font-size:16px;line-height:40px;color:#333;margin:0;background-color:#bca46e;display:inline-block;color:#fff;text-align:center;font-family:Arial, Helvetica, sans-serif;width:300px;text-transform:uppercase;} #slider{overflow:hidden;} #picView{position:relative;float:left;width:45%;} #picView .gallery-top{border:1px solid #e5e5e5;} #picView .imglist{background-color:#f9f9f9;padding:30px 10px;position:relative;} #picView .gallery-thumbs{position:absolute;bottom:15px;width:90%;left:5%;height:auto;padding:10px 0;} #picView .gallery-thumbs .swiper-slide{border:1px solid #fff;} #picView .gallery-thumbs .swiper-slide-thumb-active{border-color:#bca46e;position:relative;} #picView .swbtn{position:absolute;top:50%;z-index:1;width:30px;height:60px;line-height:60px;margin-top:-30px;text-align:center;background-color:#bca46e;color:#ffffff;} #picView .btn-next{right:0;} #picView .btn-prev{left:0 ;} #picView .swiper-button-next.swiper-button-disabled,#picView1 .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:#ccc;} #picView .boxer{display:block;} #picView img{width:100%;} #picView .swiper-pagination{} #picView .swiper-pagination .swiper-pagination-bullet{border-radius:0;width:12px;height:12px;} #picView .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#bca46e;} #protitle{padding:20px 0 0 50px;float:right;width:55%;} #protitle .remark{font-size:16px;line-height:30px;border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6;margin-top:30px;padding:15px 0;} #protitle .remark p span{display:inline-block;min-width:100px;} #protitle .share {margin-top:20px;} #protitle .share p{font-size:14px;line-height:24px;color:#adadad;text-transform:uppercase;margin-bottom:10px;} #protitle .share #sharelist a > i{text-align:left;} #protitle .link{display:inline-block;font-size:14px;line-height:30px;padding:15px 0 10px;} #protitle .link>svg{float:left;font-size:30px;margin-right:5px;} #protitle .btnlist{overflow:hidden;margin-top:20px;} #protitle .btnInquiry{display:inline-block;font-size:16px;width:234px;height:42px;line-height:40px;border:1px solid #bca46e;background-color:#bca46e;color:#ffffff;text-align:center;text-transform:uppercase;} #protitle .btnInquiry:hover{background-color:#ffffff;color:#bca46e;} #protitle .btnDownload{display:inline-block;font-size:12px;line-height:21px;padding:3px 40px;border:1px solid #bca46e;background-color:#bca46e;color:#ffffff;text-align:center;} #protitle .btnDownload:hover{background-color:#ffffff;color:#bca46e;} #protitle .btnlist p{font-size:12px;margin-top:15px;margin-bottom:15px;} #ProShare{margin-top:15px;} .pro_detail{margin-top:30px;} .pro_detail .tit{border-bottom:1px solid #ddd;overflow:hidden;} .pro_detail .tit h3{display:inline-block;background-color:#bca46e;padding:8px 25px;color:#ffffff;font-size:18px;line-height:24px;margin:0;float:left;} #RelatedProduct{margin-top:30px;} @media (min-width:1230px) and (max-width:1429px){ #protitle{padding:0 0 0 30px;} #nProPage .protitle h1{margin-top:0;font-size:30px;} #nProPage .protitle h3{font-size:20px;} #nProPage .protitle p{font-size:14px;line-height:24px;} #protitle .remark{font-size:14px;line-height:24px;} #nProPage .title h3{width:250px;} #nProPage .title:after{width:calc(100% - 270px);} } @media (min-width:992px) and (max-width:1229px) { #protitle{padding:0 0 0 20px;} #nProPage .protitle h1{margin-top:0;font-size:24px;} #nProPage .protitle h3{font-size:20px;} #nProPage .protitle p{font-size:14px;line-height:24px;} #protitle .remark{font-size:14px;line-height:24px;} #nProPage .title h1,#nProPage .title h3{font-size:20px;} #picView{width:45%;} #picView1 .imglist{padding:0 10px;} #RelatedProduct #ProList .item:nth-child(4){display:none;} #nProPage .title h3{width:200px;font-size:16px;} #nProPage .title:after{width:calc(100% - 220px);} } @media (min-width:768px) and (max-width:991px) { #protitle{padding:0 0 0 20px;} #nProPage .protitle h1{margin-top:0;font-size:24px;} #nProPage .protitle h3{font-size:18px;} #nProPage .protitle p{font-size:14px;line-height:24px;} #protitle .remark{font-size:14px;line-height:24px;} #picView{width:40%;} #protitle{width:60%;padding-left:20px;} #picView1 .imglist{padding:0 10px;} #RelatedProduct #ProList .item:nth-child(4){display:none;} #nProPage .title h3{width:200px;font-size:16px;} #nProPage .title:after{width:calc(100% - 220px);} } @media (min-width:1px) and (max-width:767px) { #protitle{width:100%;float:initial;padding-left:0;margin-top:20px;} #nProPage .protitle h1{margin-top:0;font-size:20px;} #nProPage .protitle h3{font-size:14px;} #nProPage .protitle p{font-size:13px;line-height:20px;} #protitle .remark{font-size:13px;line-height:20px;} #picView{width:100%;float:initial;} #picView1 .imglist{padding:0 10px;} #nProPage .title h3{width:180px;font-size:14px;} #nProPage .title:after{width:calc(100% - 200px);} } /*鏂伴椈*/ #news_nav .tit{} #news_nav .tit h2{text-align:left;color:#333;} #news_nav .tit p{font-size:18px;color:#888;} #news_nav .tit p>span{display:inline-block;margin:0 15px;} #NewsList{margin:0 -6px;} #NewsList .item{width:25%;float:left;padding:0 6px;margin-bottom:30px;} #NewsList .box{position:relative;border:1px solid #f3f3f3;} #NewsList .item .img{opacity:0;} #NewsList .item .txt{position:absolute;top:0;right:0;bottom:0;left:0;padding:50px 25px;} #NewsList .item .txt span{color:#b9b9b9;font-family:'Bookman Old Style',Arial, Tahoma, Geneva, Verdana, sans-serif;} #NewsList .item .txt h4{font-size:16px;line-height:24px;margin-top:20px;text-transform:uppercase;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #NewsList .item .txt p{font-size:14px;line-height:21px;margin-top:20px;height:210px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;overflow:hidden;} #NewsList .item .txt a.more{color:#bca46e;margin-top:40px;display:inline-block;} #NewsList .item .txt a.more>i{color:#bca46e;font-size:24px;vertical-align:middle;display:inline-block;} #NewsList .item:hover .img{opacity:1;} #NewsList .item:hover .txt{background:rgba(0,0,0,0.6);} #NewsList .item:hover h4{color:#fff;} #NewsList .item:hover .txt p{color:#fff;} #NewsList .item:hover .txt a.more{color:#fff;} #NewsList .btnlist{display:block;text-align:center;margin-top:15px;position:relative;} #NewsList .btnlist .swiper-button>i{font-size:48px;color:#bca46e;} #NewsList .btnlist .swiper-button.swiper-button-disabled>i{color:#e0e0e0;} @media (min-width:1430px) and (max-width:1679px) { #NewsList .item{width:33.33%;} } @media (min-width:1230px) and (max-width:1429px) { #NewsList .item{width:33.33%;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item:nth-child(3n+1){clear:left;} #NewsList .item .txt{padding:30px 20px;} #NewsList .item .txt a.more{margin-top:20px;} } @media screen and (min-width:992px ) and (max-width:1229px) { #NewsList .item{width:50%;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item:nth-child(2n+1){clear:left;} } @media (min-width:768px) and (max-width:991px) { #NewsList .item{width:50%;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item:nth-child(2n+1){clear:left;} } @media (max-width:767px){ #NewsList .item{width:100%;} #NewsList .item:nth-child(4n+1){clear:initial;} #NewsList .item .txt h4{font-size:14px;line-height:20px;} } #ntframe{background-color:#ffffff;padding-top:30px;padding-bottom:30px;} #ntframe img{max-width:100%;} #ntframe #sharelist{margin-top:20px;} #sharelist {display:inline-block;vertical-align:middle;} #sharelist h3{font-size:16px;color:#fff;margin-bottom:20px;} #sharelist span{float:left;line-height:40px;} #sharelist .bdshare-button-style0-32>a{background-image:none;text-indent:0;width:30px;height:30px;position:relative;text-align:center;line-height:30px;font-size:18px;margin:0;color:#333;} /*#sharelist .bdshare-button-style0-32 .bds_sqq{background-color:#45aaf2;} #sharelist .bdshare-button-style0-32 .bds_qzone{background-color:#eecf3d;} #sharelist .bdshare-button-style0-32 .bds_weixin{background-color:#3eb135;} #sharelist .bdshare-button-style0-32 .bds_tsina{background-color:#df4d69;}*/ #sharelist .bdshare-button-style0-32>a.bds_sqq:before{content:"\e635";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_qzone:before{content:"\e649";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_weixin:before{content:"\e64f";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a.bds_tsina:before{content:"\e624";font-family:iconfont;} #sharelist .bdshare-button-style0-32>a:hover{color:#bca46e;} #sharelist p{color:#ffffff;margin-bottom:5px;} #sharelist a{display:inline-block;} #sharelist a>i{display:block;font-size:18px;width:30px;height:30px;line-height:30px;text-align:center;} /*#sharelist a>i.pinterest-p{background-color:#ca1c23;} #sharelist a>i.google-plus{background-color:#dc4e41;} #sharelist a>i.facebook{background-color:#3b5998;} #sharelist a>i.twitter{background-color:#1da1f2;} #sharelist a>i.linkedin{background-color:#0077b5;} #sharelist a>i.youtube{background-color:#ff011d;}*/ #RelatedNews{margin-top:30px;overflow:hidden;padding:20px 0;background-color:#fff;} #RelatedNews .title{} #RelatedNews .relate_list{} #RelatedNews .relate_list .item{margin-bottom:12px;float:left;width:50%;padding-right:50px;} #RelatedNews .relate_list .item .txt h3{font-size:14px;line-height:20px;position:relative;padding-left:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:#666;} #RelatedNews .relate_list .item:hover .txt h3{color:#bca46e;text-decoration:underline;} #RelatedNews .relate_list .item .txt h3:before{content:"\e7f9";font-size:14px;font-family:"iconfont";position:absolute;left:0;} /*#RelatedNews .relate_list .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}*/ @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { #RelatedNews .relate_list .item{width:100%;float:initial;} #sharelist{padding-top:0;} } @media (min-width:1px) and (max-width:767px) { #RelatedNews .relate_list .item{width:100%;float:initial;} #sharelist{padding-top:0;} } /*鍒嗛〉*/ ul.pagination {box-shadow:none;width:100%;border-radius:0;text-align:center;} ul.pagination li {margin-left:5px;display:inline-block;} ul.pagination li a{background-color:#fff;border-color:#bca46e;border-radius:0;color:#bca46e;} ul.pagination li.active span{background-color:#bca46e;border-color:#bca46e;border-radius:0;color:#fff;} ul.pagination li:first-child a{border-radius:0;} ul.pagination li:last-child a{border-radius:0;} ul.pagination li:hover a,ul.pagination li.active:hover>span{background-color:#bca46e;color:#fff;} #pro_feed_show{padding:50px 30px 20px;background-color:#f8f8f8;border:1px solid #e4e4e4;border-radius:8px;} #pro_feed_show P{font-size:16px;line-height:20px;margin-bottom:15px;} #pro_feed_show label{font-weight:normal;display:block;font-size:16px;line-height:30px;} #pro_feed_show label>em{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;font-size:20px;color:#ff0000;margin-right:3px;margin-top:3px;font-style:initial;vertical-align:middle;} #pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;} #pro_feed_show .form-group .feed_left{float:left;width:100px;display:list-item;} #pro_feed_show .form-group .feed_right{float:left;width:calc(100% - 100px);} #pro_feed_show .form-group .input-group{display:table;} #pro_feed_show .form-control{background-color:#fff;height:34px;padding:0 12px;width:50%;margin:0;} #pro_feed_show textarea.form-control{height:150px;resize:none;padding-top:10px;background-color:#fff;border-radius:5px;width:100%;} #pro_feed_show #btn_send{display:block;width:226px;height:38px;line-height:38px;text-align:center;border:none;color:#fff;background-color:#bca46e;font-size:16px;border:1px solid #bca46e;text-transform:capitalize;} #pro_feed_show #btn_send:hover{background-color:#fff;color:#bca46e;} @media (min-width:1430px) and (max-width:1679px) { } @media (min-width:1230px) and (max-width:1429px) { } @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { } @media (min-width:1px) and (max-width:767px) { #pro_feed_show{padding:15px 10px;} #pro_feed_show .form-group{margin-bottom:10px;} #pro_feed_show .form-group .feed_left{width:100%;} #pro_feed_show .form-group .feed_right{width:100%;} #pro_feed_show label{text-align:left;font-size:14px;} #pro_feed_show .form-control{width:100%;} #pro_feed_show #btn_send{width:100%;} } /*缂栬緫鍣ㄥ唴瀹?/ #input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0} .te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px} .te iframe {border:none} .teheader {height:31px; border-bottom:1px solid #bbb; background:url(../images/header-bg.gif) repeat-x; padding-top:1px} .teheader select {float:left; margin-top:5px} .tefont {margin-left:12px} .tesize {margin:0 3px} .testyle {margin-right:12px} .tedivider {float:left; width:1px; height:30px; background:#ccc} .tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)} .tecontrol:hover {background-color:#fff; background-position:30px 0} .tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden;} .toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;} .resize {float:right; height:32px; width:32px; background:url(../images/resize.gif) 15px 15px no-repeat; cursor:s-resize} #editor {cursor:text; margin:10px} #videolist{overflow:hidden;margin:0 -10px;} #videolist .item{margin-bottom:20px;float:left;width:33.33%;padding:0 10px;} #videolist .item:nth-child(3n+1){clear:left;} #videolist .img{border:1px solid #ddd;overflow:hidden;} #videolist .img img{width:100%;} #videolist .txt{padding-top:10px;} #videolist h3{text-align:center;font-size:16px;line-height:20px;height:40px;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} video{width:100%;} @media (min-width:992px) and (max-width:1229px) { #videolist h3{font-size:14px;} } @media (min-width:768px) and (max-width:991px) { #videolist h3{font-size:14px;} } @media (min-width:1px) and (max-width:767px) { #videolist .item{margin-bottom:20px;width:50%;} #videolist .item:nth-child(3n+1){clear:initial;} #videolist .item:nth-child(2n+1){clear:left;} #videolist h3{font-size:14px;} } /*鎰熻阿椤甸潰*/ #thk_nav{} #thk_nav h2{margin-bottom:20px;font-weight:bold;text-align:center;} #thk_nav>p{line-height:28px;font-size:14px;} .btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #bca46e;color:#ffffff;background-color:#bca46e;} .btnthank:hover{background-color: #ffffff;color: #bca46e;} /*缃戠珯鍦板浘*/ #sitemapnav { width:100%; position:relative;overflow:hidden;} #sitemapnav li{ list-style:none;} #sitemapnav a{ color:#333; } #sitemapnav .fontbig { width:100% !important;} #sitemapnav .bigli{float:left; width:100%; line-height:35px;font-size:18px;} #sitemapnav .bigli a {color:#666; font-weight:bold;text-transform:capitalize;} #sitemapnav .bigli a:hover {text-decoration:underline;} #sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; } #sitemapnav .abli_02 a:hover{text-decoration:underline;} .jiange{ float:left; width:100%; height:2px; border-bottom:solid 1px #d2d2d2; } @media (min-width:992px) and (max-width:1229px) { } @media (min-width:768px) and (max-width:991px) { } @media screen and (min-width:1px ) and (max-width:767px) { #sitemapnav .abli_02{width:44%;} } .probigclass {padding-left:50px;} #sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; } #sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px; overflow:hidden;display:inline;font-weight:normal; } #sitemapnav .PROclass_01 a{ color:#666;} #sitemapnav .PROclass_02 a{ color:#666;} #sitemapnav .PROclass_01 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_02 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;} #sitemapnav .PROclass_03 a:hover{ text-decoration:underline;} #sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;} #ApplicationList{margin:0 -8px;overflow:hidden;} #ApplicationList .item{width:25%;float:left;padding:0 8px;margin-bottom:20px;} #ApplicationList .item:nth-child(4n+1){clear:left;} #ApplicationList .item .img{overflow:hidden;} #ApplicationList .item h3{text-align:center;font-size:16px;margin:10px 0;} /*************鍥惧簱*************/ #GalleryList{margin:30px -5px 0;overflow:hidden;} #GalleryList .item{width:25%;padding:0 5px;float:left;margin-bottom:20px;} #GalleryList .item:nth-child(4n+1){clear:left;} #GalleryList .item .img{border:1px solid #eee;} #GalleryList .item .img img{width:100%;} #GalleryList .item h3{margin:10px;text-align:center;font-size:18px;font-weight:normal;} @media screen and (min-width:992px ) and (max-width:1229px) { } @media screen and (min-width:768px ) and (max-width:991px){ #GalleryList{margin:20px -5px 0;overflow:hidden;} #GalleryList .item{width:33.33%;padding:0 5px;} #GalleryList .item:nth-child(4n+1){clear:initial;} #GalleryList .item:nth-child(3n+1){clear:left;} #GalleryList .item figcaption{padding:15px;} #GalleryList .item h3{margin:0;text-align:center;font-size:16px;} } @media (max-width:767px) { #GalleryList{margin:15px -5px 0;} #GalleryList .item{width:50%;padding:0 5px} #GalleryList .item:nth-child(4n+1){clear:initial;} #GalleryList .item:nth-child(2n+1){clear:left;} #GalleryList .item figcaption{padding:15px;} #GalleryList .item h3{margin:0;text-align:center;font-size:14px;} } #downtable.table>tbody>tr>td{border-top:none;border-bottom:1px solid #ddd;vertical-align:middle;padding:8px 8px 5px;} #downtable.table>tbody>tr>td:nth-child(1){} #downtable.table>tbody>tr>td:nth-child(2){width:160px;} #downtable.table>tbody>tr>td:nth-child(3){width:100px;} #downtable.table>tbody>tr>td i.icon-tit{color:#bca46e;font-size:24px;margin-right:5px;vertical-align:middle;} #downtable.table>tbody>tr>td i.icon-down{color:#bca46e;} @media (max-width:767px) { #downtable.table>thead>tr>th:nth-child(2){display:none;} #downtable.table>tbody>tr>td:nth-child(2){display:none;} } @keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-webkit-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-moz-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-ms-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} } @-o-keyframes zoom{ from{width: 40px;height: 40px;left: 0;top: 0;} to{width: 56px;height: 56px;left: -8px;top: -8px;opacity:0} }