@font-face {
  font-family: 'iconfont';  /* Project id 2905890 */
  src: url('//at.alicdn.com/t/font_2905890_sshwffnptj9.woff2?t=1636684477982') format('woff2'),
       url('//at.alicdn.com/t/font_2905890_sshwffnptj9.woff?t=1636684477982') format('woff'),
       url('//at.alicdn.com/t/font_2905890_sshwffnptj9.ttf?t=1636684477982') format('truetype');
   font-display: swap;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('/dist/fonts/SourceHanSansCN Bold.eot');
  src: url('/dist/fonts/SourceHanSansCN Bold.eot?#iefix') format('embedded-opentype'),
  url('/dist/fonts/SourceHanSansCN Bold.woff2') format('woff2'),
  url('/dist/fonts/SourceHanSansCN Bold.woff') format('woff'),
  url('/dist/fonts/SourceHanSansCN Bold.ttf') format('truetype'),
  url('/dist/fonts/SourceHanSansCN Bold.svg#gesans') format('svg');
  font-display: swap;
}
@font-face {
  font-family: 'SourceHanSansCN';
  src: url('/dist/fonts/SourceHanSansCN Regular.eot');
  src: url('/dist/fonts/SourceHanSansCN Regular.eot?#iefix') format('embedded-opentype'),
  url('/dist/fonts/SourceHanSansCN Regular.woff2') format('woff2'),
  url('/dist/fonts/SourceHanSansCN Regular.woff') format('woff'),
  url('/dist/fonts/SourceHanSansCN Regular.ttf') format('truetype'),
  url('/dist/fonts/SourceHanSansCN Regular.svg#gesans') format('svg');
  font-display: swap;
}

body{background:#fff;font-family:SourceHanSansCN,'Microsoft YaHei',Arial,tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;}
a{font-family:SourceHanSansCN,'Microsoft YaHei',Arial,tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;outline:medium 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:link,a:visited{text-decoration:none}
a:hover{color:#ffb60f;text-decoration:none}
img,li{border:0;vertical-align:top}
.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;font-family:SourceHanSansCN,'Microsoft YaHei',Arial,tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:SourceHanSansCN,'Microsoft YaHei',Arial,tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
.container{width:1450px;}
.flex{display:flex;flex-wrap:wrap;}
.vcenter{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;}
.img{width:100%;}
img{max-width:100%;}

/*加载特效*/
.loadbg{ position:fixed; width:100%; height:100%; background:#fff; z-index:9999;  display:none;}
.loading{margin-top:25%;height:100px;text-align:center;}
.circle{display:inline-block;margin:20px;width:50px;height:50px;border-radius:50%;transform:scale(0);animation:bulge 2s infinite ease-in-out;}
.circle::after{position:absolute;top:0;left:0;z-index:-1;display:inline-block;width:100%;height:100%;border-radius:50%;background-color:inherit;content:'';transform:scale(1);animation:blow 2s infinite ease-in-out;}
.circle:nth-child(1){background-color:#4695b8;animation-delay:0s;}
.circle:nth-child(2){background-color:#67a142;animation-delay:.25s;}
.circle:nth-child(3){background-color:#8fc0a7;animation-delay:.5s;}
@keyframes bulge{50%{transform:scale(1);}
}
@keyframes blow{25%{opacity:.5;}
50%{opacity:.5;}
90%{opacity:0;}
100%{opacity:0;transform:scale(2);}
}

#header{background:#ffb60f; padding-top:25px; padding-bottom:25px;}
#header ul{ margin-top:20px;}
#header ul li i{font-size:24px; line-height:30px;}
#header img {
    max-width: 100%;
    height: auto;
}

#top_menu.fixhead{position:fixed;padding-top:0;top:0;}
#top_menu.fixhead>.container{display:none;}
#top_menu.fixhead #menu{border-top:none;margin-top:0;}
#top_menu.fixhead.navbar-default .navbar-nav>li{padding:5px 40px;}


#top_menu{ background:none;z-index:3;padding-top:30px;width:100%;background-color:#fff;}
#top_menu_bg .bg{background:rgba(0,0,0,0.8); padding-right:15px; padding-left:15px;}
#example-navbar-collapse{background:none; padding:0px;}
.navbar-default .navbar-brand{min-height:40px; height:auto;}
.navbar-default .navbar-brand img{max-width:200px;}
.navbar-default{margin-bottom:0;border-radius:0px; border:none;  }
.navbar-default .navbar-nav{float:none;}
.navbar-default .navbar-nav>li{ margin-top:0;padding:15px 40px;}
.navbar-default .navbar-nav>li>a{font-size:16px;padding:0; line-height:40px;color:#411d04;}
.navbar-default .navbar-nav>li.dropdown>a:after{content:"\e61c";font-family:iconfont;font-size:12px;margin-left:6px;}
.navbar-default .navbar-nav>li>a:hover{color:#ffb60f;background:none;}
.navbar-default .navbar-nav>li>a.active{color:#ffb60f; background:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#ffb60f;background:none;}


.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu{ margin-top:0px; background:#fff; min-width:100px; width:auto; border-radius:0;border:none; padding:0;}
.navbar-default .navbar-nav>li ul.dropdown-menu.menu-top{width:100%;}
.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu li a{line-height:1.2em; font-size:14px!important; padding:12px 10px; text-transform:uppercase; text-align:center;white-space:normal;}
.navbar-default .navbar-nav>li.dropdown ul.dropdown-menu li a:hover{background:#411d04; color:#fff;}
/*.navbar-default .navbar-nav>li ul.dropdown-menu.menu-top:before{box-sizing:content-box;width:0;height:0;position:absolute;top:-16px;right:49px;padding:0;border-bottom:8px solid #fff;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;display:block;content:'';z-index:12}
.navbar-default .navbar-nav>li ul.dropdown-menu.menu-top:after{box-sizing:content-box;width:0;height:0;position:absolute;top:-18px;right:49px;padding:0;border-bottom:9px solid #ccc;border-top:9px solid transparent;border-left:9px solid transparent;border-right:9px solid transparent;display:block;content:'';z-index:10}*/
.topnavbg{ background:rgba(0,0,0,0.5)}

#top_logo{display:flex;justify-content:space-between;}
#top_logo>div{margin:0;}
#top_logo .top_tel h4{line-height:30px;color:#411d04;font-size:24px;}
#top_logo .top_tel h4 i{font-size:24px;float:left;margin-right:5px;}
#top_logo .top_tel p{color:#9fa0a0;font-size:16px;text-align:right;}
#top_logo .search{padding-top:3px;}
#top_logo .search .input-group{border:1px solid #411d04;border-radius:0;}
#top_logo .search .input-group button{height:40px;border-radius:0;border:none;font-size:16px;}
#top_logo .search .input-group button.select{background-color:#fafafa;padding-left:20px;color:#909090;}
#top_logo .search .input-group button.select .caret{margin-left:10px;}
#top_logo .search .input-group .dropdown-menu{border:none;border-radius:0;}
#top_logo .search .input-group .dropdown-menu>li>a{padding:6px 20px;}
#top_logo .search .input-group button#btnSearch{background-color:#411d04;padding-left:45px;padding-right:45px;color:#fff;}
#top_logo .search .input-group .form-control{height:40px;border:none;width:230px;}

#menu{margin-top:24px;border:1px solid #f5f5f5;}
#menu .btnbaojia{width:100px;height:30px;background-color:#411d04;color:#fff;text-align:center;line-height:30px;font-size:16px;border-radius:50px;margin:5px 0;display:block;}


.dropdown:hover .menu-top {
    display: block;
}
 
.dropdown-submenu{
    position:relative;
}
 
.dropdown-submenu > .dropdown-menu{min-width:500px!important;
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
 .dropdown-submenu > .dropdown-menu li{float:left; width:33%; border:none!important;}
  .dropdown-submenu > .dropdown-menu li a{font-size:12px; text-align:left!important; transform:scale(0.9);display:block; line-height:2em!important; height:2em!important;padding:0px 10px!important; overflow: hidden;}
.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}
 
.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
 
.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}
 
.dropdown-submenu .pull-left{
    float:none;
}
 
.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.navbar-default .navbar-nav>li:last-child ul.dropdown-menu{left:-75px;}
#top_search{ width:180px; z-index:999; }
#top_search input{ font-size:12px; height:30px; border-radius:25px 0px 0px 25px;}
#top_search .btn{  font-size:14px;height:30px;color:#666666; border-radius:0px 25px 25px 0px; padding:0px 12px;}
#top_search .btn i{font-size:14px;}
#bframe{max-height:930px;}
#bframe,.nbframe{ overflow:hidden;margin:0px; padding:0px;}
.swiper-bar img{ width:100%; height:auto;}
#bframe .swiper-bar{overflow:hidden; padding:0px; margin:0px}
#bframe .img{position:absolute; left:15%; bottom:10%;}
#bframe .img img{width:auto!important;}
#bframe .swiper-button-prev, #bframe .swiper-container-rtl .swiper-button-next{left:25px;}
#bframe .swiper-button-next,#bframe  .swiper-container-rtl .swiper-button-prev{right:25px;}

#bframe video{width:100%; height:auto;}
 .nbframe video{width:100%; height:auto; margin:0px; padding:0px;}
.Pro_J_video_player{ margin-top:-250px;}

@media (min-width:1px) and (max-width:768px)
{ 
    #top_menu{position:static;}
    #bframe .img img{width:150px!important;}
    .navbar-default .navbar-nav>li.dropdown ul.dropdown-menu{display:none;}
    #bframe video{width:100%; height:auto;}
    .nbframe video{width:100%; height:auto;}
    .Pro_J_video_player{ margin-top:0px;}
    #top_menu{ background:none;z-index:3; top:0px;}
    .navbar-default .navbar-brand{min-height:40px; padding:5px;}
    .navbar-default .navbar-brand img{ max-height:40px;}
    .navbar-default .navbar-toggle{margin-top:15px;}
    .navbar-default .navbar-toggle .icon-bar{background:#fff;}
    .navbar-default .navbar-nav>li>a{font-size:16px; padding:10px 20px;}
    #header{background:#ffb60f; padding-top:10px; padding-bottom:10px;}
    #header img {
        max-width: 150px;
        height: auto;
    }
}
@media (min-width:768px) and (max-width:1024px)
{ 
    .navbar-default .navbar-brand img{ max-height:20px;}
    .navbar-default .navbar-nav>li>a{font-size:14px; padding:5px 8px;}
}


#wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;padding-left:0;transition:all .5s ease}
#wrapper.toggled{padding-left:220px}
#wrapper.toggled #sidebar-wrapper{width:220px}
#wrapper.toggled #page-content-wrapper{margin-right:-220px;position:absolute}
#sidebar-wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;background:#1a1a1a;height:100%;left:220px;margin-left:-220px;overflow-x:hidden;overflow-y:auto;transition:all .5s ease;width:0;z-index:1000}
#sidebar-wrapper::-webkit-scrollbar{display:none}
#page-content-wrapper{padding-top:70px;width:100%}
.sidebar-nav{list-style:none;margin:0;padding:0;position:absolute;top:0;width:220px}
.sidebar-nav li{display:inline-block;line-height:20px;position:relative;width:100%}
.sidebar-nav li:before{background-color:#ffb60f;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:3px;z-index:-1}
.sidebar-nav li:first-child a{color:#fff;}
.sidebar-nav li:nth-child(2):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(3):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(4):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(5):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(6):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(7):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(8):before{background-color:#ffb60f}
.sidebar-nav li:nth-child(9):before{background-color:#ffb60f}
.sidebar-nav li:hover:before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav li a{color:#ddd;display:block;padding:10px 15px 10px 30px;text-decoration:none;text-transform:uppercase;font-size:16px;}
.sidebar-nav li.open:hover before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav .dropdown-menu{background-color:#222;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%; display:block;}
.sidebar-nav .dropdown-menu li a{ padding-left:40px; font-size:14px;}

@media (min-width:1px) and (max-width:768px)
{
    .dropdown-submenu > .dropdown-menu{ display:none; top:0; visibility:hidden;   left:0px;   margin-top:0px;    margin-left:0px;}
    .dropdown-submenu > .dropdown-menu li a{font-size:14px; color:#999999;}
}


.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus,.sidebar-nav li.open a:hover{background-color:#ffb60f;color:#fff;text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:35px;min-height:65px;line-height:65px; text-align:center; background:rgba(0,0,0,0.5);}
.sidebar-nav>.sidebar-brand a{padding:10px 15px;}
.sidebar-nav>.sidebar-brand img{ height:65px; width:auto; }
.sidebar-nav>.sidebar-brand:before{background-color:transparent}
.sidebar-nav>.sidebar-brand a:hover{background-color:transparent!important}

.sidebar-nav>.sidebar-lang{line-height:35px;}
.sidebar-nav>.sidebar-lang a{font-family:Arial, Tahoma, sans-serif;font-size:14px;line-height:35px;}
.sidebar-nav > .sidebar-lang:before { background-color: transparent}
.sidebar-nav>.sidebar-lang a:hover{background-color:transparent!important}



.hamburger{ position:fixed; top:10px; right:15px; height:27px;width:21px;z-index:999; background:none; border:none;}
.hamburger:hover{outline:0}
.hamburger:focus{outline:0}
.hamburger:active{outline:0}
.hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:27px;opacity:0;text-align:center;width:100px}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#fff;top:5px}
.hamburger.is-closed .hamb-middle{background-color:#fff;margin-top:-2px;top:50%}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#fff;bottom:5px}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:2px;left:0;position:absolute;width:100%}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#fff;margin-top:-2px;top:50%}
.hamburger.is-open .hamb-middle{background-color:#fff;display:none}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#fff;margin-top:-2px;top:50%}
.hamburger.is-open:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:10}


article{text-align:left;}
.tframe{padding-top:50px; padding-bottom:50px; text-align:center;}
.tframe .title{margin-bottom:50px;}
.tframe .title h3{font-size:36px; line-height:2em; text-transform:uppercase;color:#411d04;}
.tframe .title em{display:block; width:80px; margin:0 auto; height:1px; background:#fff;}
.tframe .title p{display:inline-block; font-size:20px; line-height:2em; position:relative;color:#411d04;}
.tframe .title p:before{content:"";position:absolute;width:80px;height:1px;background-color:#411d04;left:-120px;top:20px;}
.tframe .title p:after{content:"";position:absolute;width:80px;height:1px;background-color:#411d04;right:-120px;top:20px;}
.btn{border-radius:50px;display:inline-block;color:#fff;padding:6px 40px;line-height:30px;font-size:16px;background-color:#411d04;}
.btn:hover,.btn:link,.btn:visited,.btn:focus,.btn:active{color:#fff;}
@media (min-width:1px) and (max-width:768px)
{
    .tframe,.ntframe{}
    .tframe .title h3{font-size:26px;}
}

#frame1 .list{display:flex;justify-content:space-between;flex-wrap:wrap;}
#frame1 .list .item{text-align:center;position:relative;margin:0;}
#frame1 .list .item:not(:first-child):before{content:"";position:absolute;width:1px;height:70%;top:15%;left:-40px;background-color:#411d04;}
#frame1 .list .item span{font-size:64px;color:#ffb60f;line-height:70px;}
#frame1 .list .item em{font-style:normal;vertical-align:top;}
#frame1 .list .item p{font-size:24px;color:#000;margin-top:20px;}

#frame2{background-color:#f4f4f4;}
#frame2 .list{display:flex;justify-content:space-between;padding:0 35px;}
#frame2 .list .item{margin:0;}
#frame2 .list .item1{padding:20px 12px;background-color:#fff;box-shadow:0 0 8px #aaa;}
#frame2 .list .item1 h3{font-size:20px;line-height:2;margin-bottom:10px;}
#frame2 .list .item1 p{margin-bottom:25px;color:#666;}
#frame2 .list .item1 p em{font-style:normal;color:#ffb60f;}
#frame2 .list .item1 p.tel{margin-bottom:10px;}
#frame2 .list .item1 .form-control{width:310px;border-radius:50px;margin-bottom:14px;height:48px;border:1px solid #ededed;background-color:#f9f9f9;padding-left:30px;font-size:16px;}
#frame2 .list .item1 .btnBaojia{width:100%;border-radius:50px;display:block;background-color:#fec210;color:#fff;text-align:center;height:44px;line-height:44px;font-size:18px;}
#frame2 .list .item2{display:flex;justify-content:space-between;flex-flow:column;}
#frame2 .list .item2 a{box-shadow:0 0 8px #aaa;}
#frame2 .list .item3{box-shadow:0 0 8px #aaa;}

#frame3 .list{display:flex;margin:0 5px 30px;flex-wrap: wrap;}
#frame3 .list .item{padding:5px;width:25%;margin:0;overflow:hidden;}
#frame3 .list .item>a{display:block;background-color:#eee;position:relative;}
#frame3 .list .item img{width:342px;height:227px;}
#frame3 .list .item .txt{padding:35px;text-align:center;color:#fff;position:absolute;top:100%;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#frame3 .list .item:hover .txt{background:rgba(0,0,0,0.68);top:0;bottom:0;left:0;right:0;}
#frame3 .list .item .txt:before{content:"";position:absolute;left:15px;right:15px;bottom:15px;top:15px;border:1px solid #fff;}
#frame3 .list .item .txt h3{font-size:24px;line-height:1.5;margin-bottom:15px;}
#frame3 .list .item .txt p{font-size:14px;line-height:20px;height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom:25px;}
#frame3 .list .item .txt span{width:32px;height:2px;background-color:#fff;display:inline-block;}
#frame3 .list .item .btnlist{text-align:center;}
#frame3 .btnlist .btn{margin:0 15px;}
#frame3 .btnlist .btn1{background-color:#ffb60f;}

#frame4{background:url(/dist/images/sjsbg.jpg) no-repeat bottom;}
#frame4 .swiper-container{width:100%;height:100%}
/*#frame4 .swiper-slide{display:-webkitbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:300ms;transform:scale(0.8)}*/
/*#frame4 .swiper-slide-active,#frame4 .swiper-slide-duplicate-active{transform:scale(1.1)}
#frame4 .swiper-slide-next,#frame4 .swiper-slide-prev{transform:scale(0.9)}*/
/*#frame4 .swiper-slide{width:213px;padding-top:106px;float:left;}
#frame4 .swiper-slide-active,#frame4 .swiper-slide-duplicate-active{width:426px;padding-top:0;}
#frame4 .swiper-slide-next,#frame4 .swiper-slide-prev{width:284px;padding-top:71px;}*/
#frame4 .item{width:100%;max-width:100%;}
#frame4 .item a{display:block;position:relative;}
#frame4 .item img{width:100%; height:auto;}
#frame4 .item .txt{position:absolute;bottom:0;left:0; width:100%; background:rgba(0,0,0,0.68);color:#fff;text-align:left;padding:10px 5px 10px 20px;}
#frame4 .item .txt h3{font-size:16px;line-height:20px;}
#frame4 .item .txt h3 span{font-size:14px;margin-left:6px;}
#frame4 .item .txt h3 i{float:right;font-size:16px;height:20px;}
#frame4 .list{position:relative;}
#frame4 .btnlist{}
#frame4 .btnlist>div{position:absolute;top:calc(50% - 25px);width:50px;height:50px;display:block;background:rgba(255,255,255,0.5);text-align:center;line-height:50px;border-radius:50%;}
#frame4 .btnlist>div>i{font-size:30px;color:#777777;font-weight:bold;}
#frame4 .btnlist>.prev_designer{left:-60px; cursor:pointer;}
#frame4 .btnlist>.next_designer{right:-60px;cursor:pointer;}
#frame4 .swiper-wrapper{}
#frame4 .swiper-slide{ overflow: hidden; width: auto; }

    #frame4 .swiper-slide {
        width: auto;
        height: 355px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 0px;
        border-bottom: 1px solid #555;
        -webkit-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 20px);
    }
        #frame4 .swiper-slide a {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1
        }


/*#frame4 .swiper-slide{float:left;width:35%;padding:100px 0px 100px 200px;margin:0 -60px;z-index:1;position:relative;}
#frame4 .swiper-slide.swiper-slide-active{padding:0px;z-index:10;}
#frame4 .swiper-slide.swiper-slide-next{padding:60px 120px 60px 0;margin:0 -60px;z-index:5;}
#frame4 .swiper-slide.swiper-slide-next+div.swiper-slide{z-index:4;padding:100px 200px 100px 0;}
#frame4 .swiper-slide.swiper-slide-prev{padding:60px 0 60px 120px;z-index:5;}*/


#frame5 .list{display:flex;margin:0 5px 30px;flex-wrap: wrap;}
#frame5 .list .item{padding:5px;width:25%;margin:0;overflow:hidden;}
#frame5 .list .item>a{background-color:#efefef;display:block;}
#frame5 .list .item .img{position:relative;overflow:hidden;}
#frame5 .list .item img{width:347px;height:225px;}
#frame5 .list .item .intro{position:absolute;background:rgba(0,0,0,0.68);top:100%;bottom:0;left:0;right:0;padding:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#frame5 .list .item:hover .intro{top:0;}
#frame5 .list .item .intro p{margin-bottom:10px;color:#fff;font-size:16px;}
#frame5 .list .item .intro p em{color:#ffb60f;font-style:normal;}
#frame5 .list .item .txt{padding:15px 25px;text-align:left;}
#frame5 .list .item .txt h3{font-size:18px;}
#frame5 .list .item2{background-color:#fec210;height:100%;padding:20px 30px;}
#frame5 .list .item2>p{font-size:18px;font-weight:bold;text-align:center;margin-bottom:15px;}
#frame5 .list .item2 input{border:none;border-radius:0;height:40px;line-height:40px;}
#frame5 .list .item2 .btn{border-radius:0;height:36px;line-height:30px;padding:3px 40px;margin-top:12px;}

#frame6{background:url(/dist/images/gongdibg.jpg) no-repeat center fixed;}
#frame6 .list{display:flex;flex-wrap: wrap;justify-content:space-between;margin-bottom:30px;}
#frame6 .list .item{margin:0 0 20px;width:49%;background-color:#fff;display:flex;}
#frame6 .list .item .img{width:242px;overflow:hidden;}
#frame6 .list .item .img img{width:100%;}
#frame6 .list .item .txt{flex:1;padding:27px 15px 15px 20px;text-align:left;position:relative;}
#frame6 .list .item .txt h3{padding-right:140px;font-size:20px;line-height:30px;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame6 .list .item .txt p{padding-right:140px;line-height:30px;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame6 .list .item .txt a.more{position:absolute;top:25px;right:15px;padding:5px 30px;font-size:14px;line-height:24px;border-radius:0;background-color:#ffb60f;color:#411d04;}
#frame6 .list .item .statelist{display:flex;margin-top:50px;justify-content:space-between;}
#frame6 .list .item .statelist .state{width:25px;margin:0;position:relative;}
#frame6 .list .item .statelist .state:not(:first-child):after{content:"";width:50px;height:1px;background-color:#f2f2f2;position:absolute;left:-50px;top:12px;}
#frame6 .list .item .statelist .state.check:not(:first-child):after{background-color:#ffb60f;}
#frame6 .list .item .statelist .state i{border:1px solid #f2f2f2;border-radius:50%;background-color:#fff;display:block;width:25px;height:25px;line-height:25px;box-sizing:border-box;margin-bottom:8px;text-align:center;color:#fff;font-size:14px;position:relative;z-index:1;}
#frame6 .list .item .statelist .state.check i{border:1px solid #ffb60f;background-color:#ffb60f;}
#frame6 .list .item .statelist .state.check i:before{content:"\e633";font-family:iconfont;}
#frame6 .list .item .statelist .state span{font-size:12px;color:#666;display:block;line-height:14px;}

#frame7{background:linear-gradient(to bottom,#f5f5f5 80%,#ffffff 80%);}
#frame7 .intro{width:88%;font-size:18px;line-height:30px;margin-bottom:30px;}
#frame7 .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;}
#frame7 .list .item{width:140px;margin:0;}
#frame7 .list .item .icon{width:140px;height:140px;background-color:#fff;border-radius:50%;line-height:140px;margin-bottom:15px;}
#frame7 .list .item .icon i{font-size:64px;color:#ffb60f;}
#frame7 .list .item h4{font-size:16px;line-height:24px;}
#frame7 .PriceForm{padding:50px 30px;box-shadow:0 0 10px #666;background-color:#fff;display:flex; position:relative;}
#frame7 .PriceForm .left{width:252px;border-right:1px solid #f5f5f5;text-align:left}
#frame7 .PriceForm .left h3{font-size:24px;font-weight:bold;color:#000;margin-bottom:25px;}
#frame7 .PriceForm .left span{width:28px;height:2px;background-color:#000;margin-bottom:18px;display:block;}
#frame7 .PriceForm .left p{color:#ffb60f;font-size:14px;line-height:24px;}
#frame7 .PriceForm .right{flex:1;padding-left:35px;}
#frame7 .PriceForm .right .right-group{display:flex;}
#frame7 .PriceForm .right .right-group .group1{width:280px;}
#frame7 .PriceForm .right .right-group .group2{flex:1;}
#frame7 .PriceForm .right .input-group{display:flex;margin-bottom:15px;}
#frame7 .PriceForm .right .input-group .tit{width:100px;margin-bottom:0;text-align:left;display:block;font-size:16px;line-height:40px;}
#frame7 .PriceForm .right .input-group .tit>em{color:#f00;font-style:normal;}
#frame7 .PriceForm .right input.form-control{flex:1;height:40px;border-radius:5px;}
#frame7 .PriceForm .right .input-group span.input-group-addon{width:auto;height:40px;background-color:#fff;line-height:26px;}
#frame7 .PriceForm .right .input-group.group1 label{line-height:40px;margin-right:15px;margin-bottom:0;}
#frame7 .PriceForm .right .input-group.group1 label input[type='radio']{margin-right:5px;}
#frame7 .PriceForm .right .right-group .group2 select{flex:1;margin:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;text-align:left;font-size:14px;}
#frame7 .PriceForm .right .group2 .form-control{border-radius:5px 0 0 5px;}
#frame7 .PriceForm .right .group3 .form-control{width:300px;flex:initial;}
#frame7 .PriceForm .right .group3 .tips{flex:1;text-align:left;color:#afafaf;font-size:14px;padding-left:15px;line-height:40px;}
#frame7 .PriceForm .right .group-select{display:flex;justify-content:space-between;flex-wrap:wrap;flex:1;}
#frame7 .PriceForm .right .group-select select{width:49%;margin:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;text-align:right;}
#frame7 .PriceForm .right .btnlist{margin-top:30px;text-align:left;}
#frame7 .PriceForm .right .submit{border-radius:5px;height:50px;line-height:30px;padding:10px 100px;display:inline-block;background-color:#f2f2f2;font-size:16px;}
#frame7 .PriceForm .right .submit:hover{background-color:#ffb60f;color:#fff;}

#frame8{padding-bottom:50px;position:relative;}
#frame8 .content{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;}
#frame8 .content .box{width:48%;margin:0;}
#frame8 .content .tit{border-bottom:1px solid #e4e4e4;padding-bottom:5px;margin-bottom:50px;}
#frame8 .content .tit h3{font-size:24px;line-height:30px;display:inline-block;position:relative;}
#frame8 .content .tit h3:before{content:"";width:100%;height:4px;background-color:#ffb60f;position:absolute;bottom:-5px;}
#frame8 .content .tit a{float:right;line-height:30px;}
#frame8 .content .item{margin-bottom:20px;}
#frame8 .content .item>a{display:flex;}
#frame8 .content .item .txt{flex:1;}
#frame8 .content .item .txt h4{font-size:16px;line-height:24px;color:#411d04;}
#frame8 .content .item .txt h4 i{color:#ffb60f;}
#frame8 .content .item .date{width:120px;}
#frame8 .content .item .date span{font-size:14px;line-height:24px;}
#frame8 .content .item1{padding-bottom:20px;border-bottom:2px solid #411d04;}
#frame8 .content .item1 .date{width:110px;padding:15px;background-color:#411d04;color:#fff;}
#frame8 .content .item1 .date span{display:block;text-align:center;}
#frame8 .content .item1 .date span.day{font-size:42px;line-height:42px;margin-bottom:10px;}
#frame8 .content .item1 .date span.month{font-size:16px;line-height:24px;}
#frame8 .content .item1 .txt{padding-left:30px;padding-top:5px;}
#frame8 .content .item1 .txt h4{font-size:20px;line-height:24px;font-weight:bold;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#frame8 .content .item1 .txt span{width:20px;height:2px;background-color:#411d04;display:block;margin-bottom:10px;}
#frame8 .content .item1 .txt p{font-size:16px;line-height:24px;color:#5a5a5a;height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#frame8 .content .item2 .txt h4:before{content:">";margin-right:5px;color:#ffb60f;}

#footfloat{text-align:center;z-index:9;position:fixed ;bottom:0;width:100%;}
#footfloat .txt{padding:10px 80px;background:rgba(65,29,4,0.6);display:inline-block;border-radius:50px 50px 0 0;cursor:pointer;}
#footfloat .txt i{color:#ffb60f;font-size:42px;line-height:50px;}
#footfloat .txt strong{font-size:42px;color:#ffb60f;line-height:50px;text-shadow:3px 3px 3px #000;margin:0 10px;}
#footfloat .txt span{font-size:30px;color:#fff;line-height:50px;margin-right:20px;display:inline-block;}
#footfloat .bg{padding:0 0;background:rgba(65,29,4,0.6);}
#footfloat .bg .container{display:none;}
#footfloat .bg.show{padding:30px 0;}
#footfloat .bg.show .container{display:block;}
#footfloat .bg .group{width:680px;display:flex;flex-wrap:wrap;justify-content:space-between;}
#footfloat .bg .group .form-group{width:48%;margin:0 0 25px;}
#footfloat .bg .group .form-group .form-control{height:50px;border-radius:0;}
#footfloat .bg .btnBaojia{border-radius:0;background-color:#ffb60f;}


#rightfloat{position:fixed;top:30%;right:0;z-index:222;}
#rightfloat .item{border:1px solid #411d04;width:90px;height:75px;background-color:#fff;text-align:center;color:#411d04;padding:5px;position:relative;display:block;}
#rightfloat .item:hover{background-color:#411d04;color:#fff;}
#rightfloat .item i{font-size:30px;line-height:40px;}
#rightfloat .item p{font-size:16px;line-height:24px;}
#rightfloat .item.wechat .img{display:none;position:absolute;right:100%;top:0;width:150px;}
#rightfloat .item.wechat .img img{width:100%;}
#rightfloat .item.wechat:hover .img{display:block;}

#footer {background:#411d04; padding-top:50px;}
#footer .foot_menu{display:flex;justify-content:space-between;}
#footer .foot_menu>div,#footer .foot_menu>dl{margin:0;}
#footer .foot_menu>dl dt{color:#c8c8c8;font-size:16px;margin-bottom:30px;}
#footer .foot_menu>dl dd{font-size:14px;line-height:24px;}
#footer .foot_menu>dl dd a{color:#c8c8c8;display:block;}
#footer .foot_menu>dl dd a:hover{color:#ffb60f;}
#fck5{width:440px;padding-left:70px;border-left:1px solid #c8c8c8;}
#fck5 p{font-size:14px;margin-bottom:15px;color:#c8c8c8;}
#fck5 span{display:block;margin-bottom:20px;font-size:22px;color:#c8c8c8;font-weight:bold;}
#fck6{width:220px;text-align:center;}
#fck6 img{margin-bottom:10px;}
#fck6 p{font-size:16px;color:#c8c8c8;}


#footer .foot_by{padding-bottom:15px; padding-top:50px; }
#footer .foot_by p{font-size:14px; color:#c8c8c8; line-height:2em;display:block; text-align:center;}
#footer .foot_by p a{ color:#c8c8c8; font-size:14px; margin:0 10px;}

@media (min-width:1px) and (max-width:768px)
{
#footer .fck{ margin-bottom:25px;}
#footer .fck ul{ padding:15px;}
#footer .fck ul li{ padding-right:0px; margin-bottom:10px; width:100%; text-align:left;}
#footer .fck ul li i{display:none;}
#footer .fck ul li span{display:none;}
#footer .fck ul li p{font-size:14px; margin-left:15px;}
#footer .fck ul li p strong{font-size:14px;font-weight:bold }
#footer .fck ul li p a{ color:#fff;}

body .container{padding-right:0px; padding-left:0px;}
#footer .fck ul:last-child{padding:15px 0px;}
#footer .fck ul:last-child li{ padding-right:0px; width:100%; text-align:left;padding-left:35px}
#footer .fck ul:last-child li i{ width:20%; float:left;}
#footer .fck ul:last-child li p{ width:75%; float:left;}

#footer .fck ul:last-child li:first-child{width:100%; padding-left:35px;}
#footer .fck ul:last-child li.li3{width:100%; padding-left:35px;}
#footer .fck ul:last-child li.li3 p{width:70%;}

}
#nSearch{ margin-top:-60px; z-index:999;}
#nSearch form{max-width:400px; width:100%;margin-right:0px;}
#nSearch form input{line-height:35px; height:35px; font-size:14px;}
#nSearch form .btn{ background:#99d31f; line-height:35px; height:35px; font-size:14px; padding:0px 15px; color:#fff; border-color:#99d31f;}
#nSearch .hotkeyword{display:block; font-size:14px; color:#fff; line-height:2em; position:relative; z-index:99; text-align:left; margin-top:5px;}
#nSearch .hotkeyword a{ font-size:14px; color:#fff; line-height:2em;}


@media (min-width:1px) and (max-width:768px)
{ 
#nSearch{ margin-top:20px; z-index:999;}
#nSearch form{max-width:100%; }
#nSearch .hotkeyword{color:#333;}
#nSearch .hotkeyword a{color:#333;}
}
.nbframe{ overflow:hidden;}
.ntframe{ padding-bottom:50px;}
.ntframe .container .bg{background:rgba(255,255,255,0.1); margin:0px 15px; padding:0px; margin-top:35px;}
.nbframe img {
    width: 100%;
    height: auto;
}
.catelist{  display:block; padding:15px; margin-top:5px;}
.catelist h3{color:#fff; line-height:2em;}
.catelist ul li{position:relative;background:#999999;}
.catelist ul li a{ display:block; padding:5px 25px; font-size:16px; color:#fff; text-transform:capitalize;  line-height:2em; border-right:solid 1px #72777a; }
.catelist ul li a.active{color:#ffb60f;}
.catelist ul li a:hover{color:#fff!important; background:#98c95b!important; border-right:solid 1px #72777a!important;}
.catelist ul li:hover a{background:#000!important; color:#98c95b;}

.catelist ul li:hover ul{display:block;}
.catelist ul li>ul{ width:500%;  background:#000000; display:none;}
.catelist ul li>ul>li{float:left; width:33%; padding:0px; background:none;}
.catelist ul li>ul>li>a{color:#ffffff!important; background:none; border:none!important; font-size:12px;transform:scale(0.9);display:block; line-height:2em!important; height:2em!important;padding:0px!important; overflow: hidden;}
.catelist ul li>ul>li>a i{font-size:12px; padding-right:10px;}
.catelist ul li>ul>li>a:hover{background:none;color:#98c95b!important; border:none!important;}


@media (min-width:1px) and (max-width:768px)
{ 
    .catelist ul li{float:left; position:static;}
    .catelist ul li>ul{ width:100%; background:#000000; display:none; }
    .catelist ul li>ul>li{float:left; width:100%; padding:0px; background:none;}
    .catelist ul li a{padding:5px 15px!important; font-size:14px!important;}
}

/*
.catelist ul li>ul>li>ul{}
.catelist ul li>ul li{}
.catelist ul li>ul li a{background:none;font-size:14px;text-transform:capitalize;}
.catelist ul li>ul li a i{font-size:12px; margin-right:10px;}
.catelist ul li>ul>li>ul li a{padding-left:25px;}
    */
.pageTitle{ padding-top:15px;}
.pageTitle h2{font-size:35px; line-height:2em; }
.pageTitle h3{font-size:30px;  }
.pageTitle i{font-size:30px; line-height:2em; }


.pageContent{font-size:14px; line-height:2em; padding-bottom:50px; color:#fff;word-wrap: break-word;  }
.pageContent em{ display:block; background:#333; height:2px; }
.pageContent video{ width:100%; height:auto; background-size:100% 100%;}

.pwk .thumbnail{border-radius:0px; padding:0px; position:relative; overflow:hidden; text-align:center;}
.c-preview{position:relative;display:flex;margin:0;width:100%;height:100%;color:#fff;cursor:pointer;transition:.5s all;justify-content:center;align-items:center; background:#000;}
.c-preview__img{ width:100%;}
.c-preview__img img{ width:100%;}
.c-preview__title{position:absolute;z-index:10;text-transform:uppercase;letter-spacing:.05em; font-size:18px; color:#fff;}
.c-preview:hover .c-preview__img {width: 100%; opacity:0.5;}
.ppcp{ margin-bottom:25px;}
.ppcp .media{border:solid 1px #eaeaea; padding:2px;}
.ppcp .media:hover{border:solid 1px #ffb60f;}
.ppcp .media .media-left img{ width:100%; height:auto;}
.ppcp .media-body{}
.ppcp .media-body a{ display:block; font-size:16px; color:#ffffff; font-weight:bold; line-height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ppcp .media-body p{ display:block; font-size:14px; color:#ffffff; line-height:1.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.Catedetail{color:#fff; line-height:2em;}


.ProBigimg .gallery-top{border:solid 1px #848484;}
.producttit{ padding:50px 0px 0px 50px;}
.producttit table tr td{font-size:20px; line-height:2em; color:#fff;}
.producttit table tr td h2{color:#ffb60f; line-height:2em;}
.producttit table tr td p{display:block; line-height:2em; color:#fff; margin-top:15px;}
.producttit a.btn{margin-top:25px;}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{ color:#ffb60f;}


.pageTitle_list ul{ width:100%; text-align:right;}
.pageTitle_list ul li:first-child{float:left;}
.pageTitle_list ul li a{font-size:18px; color:#333;}
.pageTitle_list ul li a:hover{font-size:18px; color:#ffb60f;}
.pageContent .newslist{margin-top:35px;}
.pageContent .newslist li{border-bottom:solid 1px #dddddd;}
.pageContent .newslist li a{display:block; font-size:14px; line-height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#fff;}
.pageContent .newslist li a:hover{color:#ffb60f;}

.Pro_pageContent{color:#fff; line-height:2em; font-size:14px; margin-top:25px;}
.Pro_pageContent img{max-width:100%;}

#contactlist, #contactimg {
    margin-top: 30px;
}
#contactlist h3{font-size:20px; text-transform:uppercase; color:#ffb60f; line-height:2em; display:block; font-weight:bold;}
#contactlist p{font-size:16px; color:#fff; line-height:2em; display:block;}
#contactlist a{font-size:16px; color:#ffb60f; line-height:2em;}

#feedbackDiv{margin-top:25px;}
#feedbackDiv .input-group{margin:0 auto; margin-bottom:25px;}
#feedbackDiv .input-group span{background:#98c95b; font-size:16px; color:#fff; border-radius:0px;border:none;}
#feedbackDiv .input-group span i{ font-size:16px; color:#fff;}
#feedbackDiv .input-group input{height:40px;line-height:40px; font-size:14px; border-radius:0px; border:none;}
#feedbackDiv .input-group .btn{background:#ffb60f; color:#fff; font-size:20px; padding:10px 50px; border:0px; }


#neicentent{padding:25px 0}
.newsdetail{background:#fff}
.newsdetail .tit h2{display:block;line-height:2em}
.newsdetail .date p{display:block;line-height:2em;border-bottom:solid 1px #eaeaea}
.newsdetail .date p span{font-size:14px;color:#999;line-height:3em;margin-right:25px}
.newsdetail .detail{margin-top:15px;margin-bottom:40px; word-wrap: break-word;}
.newsdetail .detail p{text-indent:30px;display:block;line-height:2em}
.newsdetail .infonext a,.newsdetail .infoprev a{text-decoration:underline;}
.newsdetail .infonext a:hover,.newsdetail .infoprev a:hover{color:#ffb60f}
.newsdetail .detail img{max-width:100%}
@media(min-width:1px) and (max-width:768px) {
.pageTitle{ padding-top:30px;}
.pageContent{ padding-bottom:30px;}
.catelist ul li a{ font-size:16px; padding:0px 20px;}
.pageTitle h2 {font-size: 25px;}
.pageTitle h3 {font-size: 22px; }
.pageTitle_list ul li h3{font-size:16px;}
.pageContent .newslist li a{font-size:14px;}
#contactimg{text-align:center;}
.fck2{display:none;}
#footer .fck1 h2{font-size:14px;}
.c-preview__title{font-size:14px;}
.producttit{padding:15px; font-size:16px;}
.producttit table tr td{font-size:16px; line-height:2em;}
#contactlist h3{font-size:18px; color:#ffb60f;}
#contactlist p{font-size:16px; color:#fff;}
.left_image .pcp img{ max-width:50px;}
.left_image{ padding-top:25px; padding-bottom:25px;}
}

.modal_bg{position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(145,145,145,0.9); z-index:999;}
.modal_show{display:block; width:90%; height:auto; position:relative; max-width:1180px;  background:url(../images/20210322095644564444.jpg); background-size:cover; margin:5% auto 0% auto}
.form_left{float:left; width:50%;padding:25px 50px; background:#ffb60f;}
.form_left p.title{display:block; font-size:18px; color:#fff; line-height:2em;}
.form_left ul{display:block;}
.form_left ul li{display:block; margin-top:10px;}
.form_left label{display:inline-block; width:120px; font-size:14px; color:#fff; font-weight:normal; padding:0px;}
.form_left input.form-control{display:inline-block; width:calc(100% - 120px);}
.form_left button.btn{ margin-left:120px; font-size:18px; line-height:2em; color:#ffb60f;}
.form_left ul li p{margin-left:120px; font-size:16px; line-height:2em; color:#f5f5f5;}
.form_left ul li p a{ font-size:16px; line-height:2em; color:#fff; font-weight:bold;}

.form_login,.form_Reset{display:none; padding:50px;}

.divClose{position:absolute; top:-15px; right:-10px; display:none;}
.divClose span{color:#fff; font-size:30px;width:30px; height:30px;background:#ffb60f;  border-radius:50%;}




.location{background:#f3f3f3;padding:15px 0;font-size:16px;line-height:24px;}

#sqlWhere{padding-top:20px;padding-bottom:30px;}
#sqlWhere dl{display:flex;padding:10px 0;border-bottom:2px solid #f3f3f3;}
#sqlWhere dl>dt{width:145px;padding:5px 25px;font-weight:normal;font-size:16px;}
#sqlWhere dl>dd{flex:1;max-height:73px;overflow:hidden;}
#sqlWhere dl>dd.show{max-height:inherit;}
#sqlWhere dl>dd a{display:inline-block;margin-right:10px;padding:5px 15px;margin-bottom:5px;font-size:16px;line-height:1.5;}
#sqlWhere dl>dd a.active,#sqlWhere dl>dd a:hover{background-color:#ffb60f;color:#fff;}
#sqlWhere dl>dd.more{width:100px;flex:inherit;text-align:right;}
#sqlWhere dl>dd.more>a{border:1px solid #ccc;padding:4px 15px;}
#sqlWhere dl>dd.more>a:hover{border-color:#ffb60f;}
#sqlWhere .formsearch{padding:20px 15px;overflow:hidden;}
#sqlWhere .formsearch .tips{float:left;padding:10px 55px 10px 0;line-height:24px;}
#sqlWhere .formsearch .tips font{color:#ffb60f;font-size:16px;display:inline-block;vertical-align:top;}
#sqlWhere .formsearch .input-group{float:left;width:440px;}
#sqlWhere .formsearch .input-group button{background-color:#411d04;color:#fff;width:100px;border-radius:0;padding:6px 20px;}
#sqlWhere .formsearch .input-group .form-control{height:44px;border-radius:0;width:calc(100% - 100px);border-right:none;}

#LoupanList {}

#LoupanList .item .item_left{display:flex;padding:30px 0 30px 50px;border-bottom:1px dashed #ddd;}
#LoupanList .item .item_left a.btnlink{display:inline-block;width:calc(100% - 311px);}
#LoupanList .item:hover{background-color:#f9f9f9;}
#LoupanList .item .img{float:left; width:400px;}
#LoupanList .item .img img{width:400px;height:240px; border-radius:5px;}
#LoupanList .item .context{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#LoupanList .item .txt{float:left;width:calc(100% - 400px);position:relative; height:240px;}
#LoupanList .item .txt .context{padding:10px 110px 10px 30px;width:100%;}
#LoupanList .item .txt h3{font-size:36px;line-height:40px;margin-bottom:25px;}
#LoupanList .item .txt .param{font-size:16px;line-height:30px;color:#4d4d4d;}
#LoupanList .item .txt span.link{position:absolute;right:100px;bottom:10px;line-height:30px;font-size:18px;text-transform:uppercase;}
#LoupanList .item .info{width:310px;border-left:1px solid #ddd;text-align:center;position:relative;}
#LoupanList .item .info .context p{font-size:16px;line-height:24px;padding:5px 15px;min-width:170px;background-color:#62493f;color:#fff;border-radius:10px;}
#LoupanList .item .info .context p a{font-size:16px;line-height:24px;color:#fff;}
#LoupanList .item .info .context p>a>span{vertical-align:top;color:#ffb60f;font-size:18px;margin:0 5px}
#LoupanList .item .info .context p:not(:last-child){margin-bottom:15px;}
#LoupanList .item .info .context p>span{vertical-align:top;color:#ffb60f;font-size:18px;margin:0 5px}

#LoupanDetail .intro{padding-top:50px;padding-bottom:50px;background:url(/dist/images/loupanbg.jpg) no-repeat center center fixed;}
#LoupanDetail .intro .img{width:50%;}
#LoupanDetail .intro .txt{width:50%;position:relative;}
#LoupanDetail .intro .txt .vcenter{padding:0 0 0 60px;}
#LoupanDetail .intro .txt h2{font-size:24px;line-height:30px;margin-bottom:25px;}
#LoupanDetail .intro .txt p{margin-bottom:8px;line-height:30px;font-size:16px;}
#LoupanDetail .intro .txt p strong{width:90px;display:inline-block;vertical-align:top;text-align-last:justify;}
#LoupanDetail .intro .txt p span{display:inline-block;width:calc(100% - 90px);}
#LoupanDetail .intro .btnlist{margin-top:40px;}
#LoupanDetail .intro .btnlist .btn{background-color:#ffb60f;min-width:210px;padding:4px 40px;}
#LoupanDetail .intro .btnlist .btn:first-child{margin-right:40px;}
#LoupanDetail .PictureList{padding-top:40px;padding-bottom:40px;}
#LoupanDetail .PictureList .tit{overflow:hidden;border-bottom:1px solid #e8e8e8;margin-bottom:30px;}
#LoupanDetail .PictureList .tit h3{display:inline-block;height:41px;background-color:#411d04;color:#fff;margin-bottom:-1px;line-height:30px;padding:5px 30px;}
#LoupanDetail .PictureList .tit a{float:right;line-height:40px;font-size:18px;}
#LoupanDetail .PictureList .list{position:relative;}
#LoupanDetail .PictureList .list .item{border:1px solid #e8e8e8;}
#LoupanDetail .PictureList .list .item img{width:258px;height:206px;}
#LoupanDetail .PictureList.vrlist .list .item img{width:460px;height:256px;}
#LoupanDetail .PictureList.xgcase .list .item img{width:460px;height:256px;}
#LoupanDetail .PictureList.sjslist .list .item img{width:350px;height:350px;}
#LoupanDetail .PictureList .list .item .img{position:relative;}
#LoupanDetail .PictureList.vrlist .list .item .img span{position:absolute;left:0;right:0;bottom:0;top:calc(50% - 15px);text-align:center;opacity:0;color:#fff;font-size:20px;line-height:30px;}
#LoupanDetail .PictureList.vrlist .list .item:hover .img:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);}
#LoupanDetail .PictureList.vrlist .list .item:hover .img span{opacity:1;}
#LoupanDetail .PictureList .list .item h3{text-align:center;font-size:20px;line-height:30px;padding:15px 10px;}
#LoupanDetail .PictureList .list .swiper-slide{margin:0;}
#LoupanDetail .PictureList .list .swbtn{width:80px;height:80px;text-align:center;background-color:#f5f5f5;color:#411d04;border-radius:50%;position:absolute;top:calc(50% - 40px);}
#LoupanDetail .PictureList .list .swbtn i{line-height:80px;font-size:40px;}
#LoupanDetail .PictureList .list .button-next{right:-100px;}
#LoupanDetail .PictureList .list .button-prev{left:-100px;}

#LoupanDetail section{padding-top:50px;padding-bottom:50px;}
#LoupanDetail .swiperList .context{padding-bottom:30px;}
#LoupanDetail .swiperList .context h2{margin-bottom:15px;}
#LoupanDetail .swiperList .context .param{margin-bottom:15px;}
#LoupanDetail .swiperList .context .param span{display:inline-block;padding-right:20px;font-size:16px;line-height:24px;color:#ffb60f;}
#LoupanDetail .swiperList .context .remark{font-size:16px;line-height:24px;}
#LoupanDetail .swiperList .swiper{overflow:hidden;}
#LoupanDetail .swiperList .mySwiper .swiper-wrapper{justify-content:center;}
#LoupanDetail .swiperList .mySwiper2{margin-bottom:20px;position:relative;}
#LoupanDetail .swiperList .swiper img{width:100%;border:1px solid #000;}
#LoupanDetail .swiperList .swiper-slide{margin:0;}
    /*#LoupanDetail .swiperList .swiper-slide img{max-height:918px;}*/
#LoupanDetail .swiperList .swiper-slide .txt{position:absolute;bottom:0;left:0;right:0;padding:15px 40px;background:rgba(0,0,0,0.5);color:#fff;}
#LoupanDetail .swiperList .swiper-slide .txt h3{margin-bottom:10px;}
#LoupanDetail .swiperList .swiper-slide .txt p{font-size:16px;line-height:24px;}
#LoupanDetail .swiperList .swbtn{width:80px;height:80px;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:50%;position:absolute;top:calc(50% - 40px);z-index:1;}
#LoupanDetail .swiperList .swbtn i{line-height:80px;font-size:40px;}
#LoupanDetail .swiperList .button-next{right:50px;}
#LoupanDetail .swiperList .button-prev{left:50px;}
#LoupanDetail .swiperList .title{text-align:center;margin-bottom:40px;}
#LoupanDetail .swiperList .title h3{font-size:36px;}
#LoupanDetail .swiperList .icon{text-align:center;padding-top:30px;}

#LoupanDetail .designintro{padding-top:50px;padding-bottom:50px;background:url(/dist/images/loupanbg.jpg) no-repeat center center fixed;}
#LoupanDetail .designintro .title{text-align:center;margin-bottom:40px;}
#LoupanDetail .designintro .title h3{font-size:36px;position:relative;padding-bottom:25px;margin-bottom:20px;}
#LoupanDetail .designintro .title h3:before{content:"";width:120px;height:5px;background-color:#ffb60f;position:absolute;left:calc(50% - 60px);bottom:0;}
#LoupanDetail .designintro .title p{font-size:16px;line-height:24px;}
#LoupanDetail .designintro .title p span:not(:last-child){padding-right:25px;}
#LoupanDetail .designintro .img{width:40%;}
#LoupanDetail .designintro .img img{width:100%;}
#LoupanDetail .designintro .txt{flex:1;position:relative;}
#LoupanDetail .designintro .txt{padding:0 60px 0 60px;}
#LoupanDetail .designintro .txt h3{font-size:36px;font-weight:bold;color:#411d04;margin-bottom:15px; text-transform:uppercase;}
#LoupanDetail .designintro .txt .name{width:80%;border-bottom:2px solid #666666;padding-bottom:10px;margin:0 0 15px;}
#LoupanDetail .designintro .txt h2{font-size:24px;margin-bottom:10px;}
#LoupanDetail .designintro .txt span{font-size:16px;}
#LoupanDetail .designintro .txt .param{margin-bottom:15px;}
#LoupanDetail .designintro .txt .param p{margin-bottom:10px;font-size:16px;line-height:24px;}
#LoupanDetail .designintro .txt .param p i{margin-right:5px;color:#411d04;}
#LoupanDetail .designintro .txt .param p span{display:inline-block;padding-right:25px;}
#LoupanDetail .designintro .txt .param p em{color:#ba0000;font-style:normal;}
#LoupanDetail .designintro .information strong{font-size:24px;line-height:30px;display:inline-block;font-weight:normal;padding:5px 0;border-bottom:2px solid #ffb60f;margin-bottom:15px;}
#LoupanDetail .designintro .information .introduction{font-size:16px;line-height:26px;height:182px;overflow:hidden;margin-bottom:20px;}
#LoupanDetail .designintro .information .open{padding:5px 25px;font-size:14px;line-height:20px;float:right;border:1px solid #000;}
#LoupanDetail .designintro .information .open:hover{background-color:#ffb60f;color:#fff;border:1px solid #ffb60f;}
#LoupanDetail .designintro .inquiry{position:absolute;top:40px;right:40px;background-color:#ffb60f;}
#LoupanDetail .designintro .numlist{margin-bottom:10px;display:flex;padding-left:10px;}
#LoupanDetail .designintro .numlist .item{border-right:1px solid #eee;width:90px;text-align:center;margin:0;}
#LoupanDetail .designintro .numlist .item:first-child{border-left:1px solid #eee;}
#LoupanDetail .designintro .numlist .item p{font-size:16px;line-height:24px;margin-bottom:10px;}
#LoupanDetail .designintro .numlist .item span{display:block;font-size:16px;line-height:24px;color:#ba0000;}
#LoupanDetail .sjslist .item .info{position:absolute;left:0;right:0;bottom:0;background:rgba(65,29,0,0.5);padding:10px 15px;color:#fff;font-weight:bold;display:flex;justify-content:space-between;}
#LoupanDetail .sjslist .item .info span{margin:0;font-size:20px;}
#LoupanDetail .sjslist .item .txt{background-color:#f7f7f7;padding:10px 15px;}
#LoupanDetail .sjslist .item .txt h3{font-size:20px;line-height:30px;padding:0;text-align:left;color:#000;}
#LoupanDetail .sjslist .item .txt h3 span{font-size:14px;color:#666;margin-left:10px;}
#LoupanDetail .sjslist .item .txt p{font-size:14px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;color:#666;}
#LoupanDetail .workintro .img{width:20%;}
#LoupanDetail .workintro .img img{width:100%;border-radius:50%;}
#LoupanDetail .workintro .information .introduction{height:auto;}


#LoupanDetail .yxal{background-color:#fafafa;}
#LoupanDetail .yxal .container{width:1400px;}
#CasesList{margin:0 -10px;}
#CasesList .box{padding:0 10px 20px;width:33.33%;margin:0;}
#CasesList .item{border:1px solid #e8e8e8;margin-bottom:1px;overflow:hidden;}
#CasesList .item img{width:460px;height:256px;}
#CasesList .item .txt{text-align:left;padding:20px 20px 15px;padding-right:150px;position:relative;}
#CasesList .item .txt h3{font-size:18px;color:#411d04;line-height:26px;margin-bottom:10px;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
#CasesList .item .txt .remark{height:86px;overflow:hidden;}
#CasesList .item .txt p{font-size:16px;line-height:24px;color:#666;}
#CasesList .item .txt p:not(:last-child){margin-bottom:4px;}
#CasesList .item .txt .designer{position:absolute;top:-40px;right:20px;text-align:center;}
#CasesList .item .txt .designer a{}
#CasesList .item .txt .designer .img img{width:100%;height:100%;}
#CasesList .item .txt .designer .img{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #f1f1f1;margin-bottom:15px;position:relative;}
#CasesList .item .txt .designer .img span{background:#ffb60f;color:#fff;display:block;width:76px;height:76px;position:absolute;top:0;left:0;z-index:-1;line-height:76px;}
#CasesList .item .txt .designer:hover .img span{z-index:1;}
#CasesList .item .txt .designer h4{font-size:16px;line-height:24px;color:#666;}
#CasesList .item .txt a.link{position:absolute;bottom:15px;right:20px;font-size:14px;line-height:24px;color:#fec210;}
#CasesList .list .item .txt h3{text-align:left;padding:0;}

#CasesList .title{padding:0 10px;text-align:center;margin-bottom:30px;}
#CasesList .title h3{display:inline-block;padding:15px 70px;font-size:24px;line-height:28px;background-color:#ffb60f;color:#fff;border-radius:50px;margin-bottom:30px;}
.icon i{display:inline-block;font-size:36px;}
#CasesList .list{padding:0 10px;}
#sjfa{background-color:#fafafa;}
section#sjt{padding-bottom:0;}


#GongdiList{}
#GongdiList .item{margin:0 0 30px;background-color:#fff;display:flex;border-bottom:1px dashed #ddd;padding-bottom:30px;}
#GongdiList .item .img{width:320px;overflow:hidden;}
#GongdiList .item .img img{width:100%;}
#GongdiList .item .txt{flex:1;padding:25px 50px 15px 20px;text-align:left;position:relative;}
#GongdiList .item .txt h3{padding-right:140px;padding-left:20px;font-size:24px;line-height:30px;color:#411d04;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px;}
#GongdiList .item .txt p{padding-right:140px;padding-left:20px;line-height:30px;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:30px;}
#GongdiList .item .txt p span{display:inline-block;padding-right:25px;}
#GongdiList .item .txt span.more{position:absolute;top:25px;right:50px;padding:5px 30px;font-size:14px;line-height:24px;border-radius:0;background-color:#ffb60f;color:#fff;border-radius:5px;}
.ntframe_GongdiList #GongdiList .item .txt a{ position:absolute; right:50px; top:23px; background:#ffb60f; padding:5px 15px; color:#fff;}
.ntframe_GongdiList #GongdiList .item .txt a:hover{background:#411d04}
#GongdiList .item .statelist{margin-top:20px;justify-content:space-between;overflow:hidden;}
#GongdiList .item .statelist .state{margin:0;position:relative;width:12.5%;float:left;}
#GongdiList .item .statelist .state:not(:first-child):after{content:"";width:100%;height:1px;background-color:#f2f2f2;position:absolute;left:-50%;top:12px;}
#GongdiList .item .statelist .state.check:not(:first-child):after{background-color:#ffb60f;}
#GongdiList .item .statelist .state i{border:1px solid #f2f2f2;border-radius:50%;background-color:#fff;display:block;width:25px;height:25px;line-height:25px;box-sizing:border-box;margin:0 auto 15px;text-align:center;color:#fff;font-size:14px;position:relative;z-index:1;}
#GongdiList .item .statelist .state.check i{border:1px solid #ffb60f;background-color:#ffb60f;}
#GongdiList .item .statelist .state.check i:before{content:"\e633";font-family:iconfont;}
#GongdiList .item .statelist .state span{font-size:16px;color:#666;display:block;line-height:20px;text-align:center;}
#GongdiList .item .designer{width:300px;border-left:1px solid #f1f1f1;}
#GongdiList .item .designer .img{width:160px;height:160px;border-radius:50%;overflow:hidden;border:2px solid #f1f1f1;margin-bottom:15px;position:relative;}
#GongdiList .item .designer .img span{background:#ffb60f;color:#fff;display:block;width:76px;height:76px;position:absolute;top:0;left:0;z-index:-1;line-height:76px;}
#GongdiList .item .designer h4{font-size:16px;line-height:24px;color:#666;text-align:center;}
#GongdiDetail .gongdiintro{margin-bottom:50px;}
#GongdiDetail .gongdiintro .item{border:1px solid #ddd;border-radius:5px;padding:15px;margin-bottom:25px;overflow:hidden;}
#GongdiDetail .gongdiintro .item img{width:60px;height:60px;border-radius:50%;float:left;margin-right:30px;}
#GongdiDetail .gongdiintro .item h2{font-size:24px;line-height:30px;margin-top:15px;float:left;}
#GongdiDetail .gongdiintro .item h3{font-size:18px;line-height:30px;margin-top:15px;float:left;}
#GongdiDetail .gongdiintro .item h2 span{font-size:16px;line-height:30px;margin-left:15px;}
#GongdiDetail .gongdiintro .item a.link{padding:5px 20px;float:right;background-color:#ffb60f;color:#fff;font-size:14px;line-height:20px;border-radius:50px;margin-top:15px;}
#GongdiDetail .gongdiintro .box{justify-content:space-between;}
#GongdiDetail .gongdiintro .box .item{width:49%;margin:0;}

#GongdiDetail .GongdiDetailList{}
#GongdiDetail .GongdiDetailList .box{margin-bottom:30px;overflow:hidden;}
#GongdiDetail .GongdiDetailList .box .date{width:110px;float:left;}
#GongdiDetail .GongdiDetailList .box .date span{display:block;padding:5px 10px;border-radius:5px;font-size:16px;}
#GongdiDetail .GongdiDetailList .box .date span.num{margin-bottom:15px;border:1px solid #f00;color:#f00;font-weight:bold;}
#GongdiDetail .GongdiDetailList .box .date span{}
#GongdiDetail .GongdiDetailList .box .item{width:calc(100% - 140px);border:1px solid #ddd;border-radius:5px;float:right;padding:15px;}
#GongdiDetail .GongdiDetailList .box .txt{overflow:hidden;margin-bottom:25px;}
#GongdiDetail .GongdiDetailList .box .txt .info{display:inline-block;width:50%;float:left;padding-right:15px;text-align:left;position:relative;}
#GongdiDetail .GongdiDetailList .box .txt .info span{font-size:20px;margin-bottom:10px;display:inline-block;border-left:4px solid #ffb60f;padding-left:10px;}
#GongdiDetail .GongdiDetailList .box .txt .info a{ position:absolute; right:0px; top:0px; background:#ffb60f; color:#fff; padding:5px 15px;}
#GongdiDetail .GongdiDetailList .box .txt .info a:hover{background:#411d04;}
#GongdiDetail .GongdiDetailList .box .txt .info p{display:block;font-size:16px;}
#GongdiDetail .GongdiDetailList .box .img{position:relative;}
#GongdiDetail .GongdiDetailList .box .img img{width:302px;height:206px;}
#GongdiDetail .GongdiDetailList .box .img .swbtn{width:40px;height:60px;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:0;position:absolute;top:calc(50% - 30px);z-index:1;}
#GongdiDetail .GongdiDetailList .box .img .swbtn i{line-height:60px;font-size:30px;}
#GongdiDetail .GongdiDetailList .box .img .swbtn.button-prev{left:0;}
#GongdiDetail .GongdiDetailList .box .img .swbtn.button-next{right:0;}
#GongdiDetail .GongdiDetailList .box .swiper-slide{margin:0;border:1px solid #ddd;}

#DesignerList {}
#DesignerList .item>a{display:flex;padding:30px 0 30px 50px;border-bottom:1px dashed #ddd;}
#DesignerList .item:hover{background-color:#f9f9f9;}
#DesignerList .item .img{width:180px;height:180px;border-radius:50%;overflow:hidden;border:solid 1px #eaeaea;}
#DesignerList .item .img img{width:100%;height:100%;}
#DesignerList .item .context{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#DesignerList .item .txt{flex:1;position:relative;}
#DesignerList .item .txt .context{padding:10px 180px 10px 30px;width:100%;}
#DesignerList .item .txt h3{font-size:24px;line-height:30px;margin-bottom:25px;}
#DesignerList .item .txt h3 span{margin-left:35px;display:inline-block;vertical-align:top;background-color:#ffb60f;color:#fff;font-size:14px;border-radius:50px;padding:0 30px;}
#DesignerList .item .txt .param{font-size:16px;line-height:30px;color:#4d4d4d;display:inline-block;position:relative;margin-bottom:20px;}
#DesignerList .item .txt .param:before{content:"";background:linear-gradient(to right,#fff,#ffb60f 50%,#fff);width:100%;display:block;height:2px;position:absolute;bottom:-10px;}
#DesignerList .item .txt .param span{display:inline-block;font-size:14px;line-height:24px;}
#DesignerList .item .txt .param span:not(:last-child){padding-right:60px;}
#DesignerList .item .txt .remark{font-size:14px;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#DesignerList .item .txt .remark p{margin:0;color:#333;}
#DesignerList .item .txt span.link{position:absolute;right:100px;bottom:10px;line-height:30px;font-size:18px;text-transform:uppercase;}
#DesignerList .item .info{width:310px;border-left:1px solid #ddd;text-align:center;position:relative;}
#DesignerList .item .info .context p{font-size:16px;line-height:24px;padding:5px 15px;min-width:170px;background-color:#62493f;color:#fff;border-radius:10px;}
#DesignerList .item .info .context p:not(:last-child){margin-bottom:15px;}
#DesignerList .item .info .context p>span{vertical-align:top;color:#ffb60f;font-size:18px;margin:0 5px;}

#DesignCasesList .box{padding:0 10px 20px;width:33.33%;margin:0;}
#DesignCasesList .item{border:1px solid #ededed;padding:20px;}
#DesignCasesList .item:hover{box-shadow:0 0 8px #ddd;}
#DesignCasesList .item .img{border:1px solid #ededed;}
#DesignCasesList .item .img img{width:460px;height:256px;}
/*#DesignCasesList .item .txt{padding-top:15px;}
#DesignCasesList .item .txt h3{font-size:20px;line-height:30px;margin-bottom:10px;}
#DesignCasesList .item .txt p{font-size:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#787878;margin-bottom:10px;height:48px;}
#DesignCasesList .item .txt .info{overflow:hidden;}
#DesignCasesList .item .txt .info span{float:left;font-size:16px;line-height:24px;color:#787878;}
#DesignCasesList .item .txt .info span.link{float:right;color:#ffb60f;}*/


#DesignCasesList .item .txt{text-align:left;padding:20px 20px 15px;padding-right:150px;position:relative;}
#DesignCasesList .item .txt h3{font-size:18px;color:#411d04;line-height:26px;margin-bottom:10px;        white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
#DesignCasesList .item .txt .remark{height:62px;overflow:hidden;}
#DesignCasesList .item .txt p{font-size:16px;line-height:24px;color:#666;}
#DesignCasesList .item .txt p:not(:last-child){margin-bottom:4px;}
#DesignCasesList .item .txt .designer{position:absolute;top:-40px;right:20px;text-align:center;}
#DesignCasesList .item .txt .designer a{}
#DesignCasesList .item .txt .designer .img img{width:100%;height:100%;}
#DesignCasesList .item .txt .designer .img{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #f1f1f1;margin-bottom:15px;position:relative;}
#DesignCasesList .item .txt .designer .img span{background:#ffb60f;color:#fff;display:block;width:76px;height:76px;position:absolute;top:0;left:0;z-index:-1;line-height:76px;}
#DesignCasesList .item .txt .designer:hover .img span{z-index:1;}
#DesignCasesList .item .txt .designer h4{font-size:16px;line-height:24px;color:#666;}
#DesignCasesList .item .txt a.link{position:absolute;bottom:15px;right:20px;font-size:14px;line-height:24px;color:#fec210;}


#pagination{text-align:center;}
#pagination .pagination li{margin:0 2px;display:inline-block;}
#pagination .pagination>li>a,#pagination .pagination>li>span{border-radius:0;}
#pagination .pagination>li>a,#pagination .pagination>li>span{color:#c9cac5;border-color:#c9cac5;background-color:#fff;}
#pagination .pagination>li>a:hover,#pagination .pagination>li.active>span{color:#ffb60f;border-color:#ffb60f;background-color:#fff;}


.contactpage{position:relative;}
#map{height:800px;}
#contactinfo{position:absolute;right:10%;width:500px;background:rgba(255,255,255,0.75);z-index:111;top:80px;padding:50px;box-shadow:0 0 8px #666;}
#contactinfo .logo{text-align:center;margin-bottom:30px;}
#contactinfo dl dt{font-size:20px;line-height:36px;color:#411d04;}
#contactinfo dl dd{font-size:16px;line-height:24px;color:#411d04;margin-bottom:15px;}

#NewsList{text-align:left;}
#NewsList .item{margin-bottom:40px;}
#NewsList .item .img{width:375px;}
#NewsList .item .txt{flex:1;position:relative;}
#NewsList .item .txt .vcenter{padding-left:30px;}
#NewsList .item .txt h3{font-size:20px;line-height:30px;margin-bottom:20px;padding-right:120px;color:#411d04;}
#NewsList .item .txt h3:hover{color:#ffb60f;}
#NewsList .item .txt span.date{position:absolute;top:0;right:0;line-height:30px; font-size:16px;}
#NewsList .item .txt p{font-size:14px;line-height:24px;color:#787878;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#NewsList .item .txt a.link{color:#787878;}
#NewsList .item .txt a.link:hover{color:#ffb60f;}

#HotNewsList{margin-bottom:50px;}
#HotNewsList .left{width:45%;position:relative;}
#HotNewsList .left .swiper-slide img{max-height:447px;}
#HotNewsList .left .swbtn{width:56px;height:86px;text-align:center;line-height:86px;position:absolute;top:calc(50% - 43px);background:rgba(0,0,0,0.5);color:#fff;z-index:1;}
#HotNewsList .left .swbtn i{font-size:32px;}
#HotNewsList .left .swbtn.prev_news{left:0;}
#HotNewsList .left .swbtn.next_news{right:0;}
#HotNewsList .right{flex:1;padding-left:40px;}
#HotNewsList .item:not(:last-child){margin-bottom:40px;}
#HotNewsList .item .date{width:100px;background-color:#411d04;color:#fff;padding:15px 20px;}
#HotNewsList .item .date span{display:block;}
#HotNewsList .item .date .day{font-size:50px;line-height:60px;font-weight:bold;position:relative;}
#HotNewsList .item .date .day:before{content:"";width:60px;height:1px;background-color:#ad9e91;position:absolute;left:calc(50% - 30px);bottom:0;}
#HotNewsList .item .date .month{font-size:18px;line-height:32px;}
#HotNewsList .item .txt{flex:1;text-align:left;padding:15px 0 15px 20px;}
#HotNewsList .item .txt h3{font-size:20px;color:#000;margin-bottom:10px;}
#HotNewsList .item .txt h3:hover{color:#ffb60f;}
#HotNewsList .item .txt p{color:#787878;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;}

#newsjiange{height:1px; border-bottom:dotted 1px #6c503d; margin-bottom:45px;}

#PriceList{background:url(/dist/images/pricebg.jpg) no-repeat center fixed;}
#PriceList .ColumnList{margin-top:30px;text-align:center}
#PriceList .ColumnList a{border:1px solid #ddd;padding:10px 40px;font-size:16px;line-height:24px;margin:0 15px;background-color:#f3f3f3;}
#PriceList .ColumnList a.active,#PriceList .ColumnList a:hover{background-color:#ffb60f;color:#fff;border:1px solid #ffb60f;}
#PriceList .infoList article:not(:first-child){display:none;}
#PriceList .infoList article div.img{float:left;width:65%;}
#PriceList .infoList article div.txt{float:right;background-color:#fff;width:34%;padding:30px; box-sizing:border-box; /* overflow-y:scroll; */ line-height:2em;min-height: 519px; }


#ActiveList .box{padding:0 10px 20px;width:33.33%;margin:0;}
#ActiveList .item{border:1px solid #ededed;}
#ActiveList .item:hover{box-shadow:0 0 8px #ddd;}
#ActiveList .item .img{border:1px solid #ededed;}
#ActiveList .item .img img{width:100%;}
#ActiveList .item .txt{padding:15px;}
#ActiveList .item .txt h3{font-size:20px;line-height:30px;margin-bottom:15px;}
#ActiveList .item .txt p{font-size:16px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#787878;margin-bottom:15px;}
#ActiveList .item .txt .info{overflow:hidden;}
#ActiveList .item .txt .info span{float:left;font-size:16px;line-height:24px;color:#787878;}
#ActiveList .item .txt .info span.link{float:right;color:#ffb60f;}

/*感谢页面*/
#thk_nav{text-align:center;}
#thk_nav h2{margin-bottom:20px;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 #ffb60f;color:#ffffff;background-color:#ffb60f;}
.btnthank:hover{background-color:#ffffff;color:#ffb60f;}
@media (max-width:767px) {
    #thk_nav>p{line-height:20px;font-size:13px;}
}





@font-face {font-family: "iconfont";
    src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780'); /* IE9 */
    src: url('//at.alicdn.com/t/font_1457575_wc4kbab342e.eot?t=1571103794780#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAQ0AAsAAAAACMAAAAPmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqETIQbATYCJAMUCwwABCAFhG0HWRu4B8gehXEsLBShUansf34QD19r6Pu7exdglJGA46Oo44HAAilVYVtjO/UEwuX/dOp3TiETj7eViAQFMpxsGSJXOhdQLpCnEsEaAJyKOOa5yu3/71A1c1peaH6LxeUu+7LmpIQGYCgdQLXa3lgqWQtSUe8yNhm+gkz1HR8TaDauL93+9Lks5CnIVYG4LIV8kBf5lQ5paHTVlQeLeA/ZGtOLrAoA7/Tvxy8YHHkkVUZuPDg7LQgTv+o+9ENaRoOVkgLGw0UxeoyMVaAQN6vxy5Ctr0KaF6cztoFmjZJ0qOOyP/T+0C+TwVtuyNlM/+GRFSERNWJvxcztRuGrjmvJfM021By9wSvA0Q8aEl7XgzSjDR9A9AMRjLooq2Sp22szIuUggx41cA42cVLNnHTjDdzao9qxtEc4kXLzxw/6qIszyuoxg+nMwY2I1knSQFIbn+xr+sA3fxQa33MN7zYzwhoc3tz0IWhJHzt1VG9+efzMCYE9qkjqQJX0MY3lOIrwAa0pwMck7Gk6mpuFpqaNjPAGh9mGhhXGo8qPH3Sy0WPpO2fgNZ3IXrLCBtZrHDt6nQbC9klVPTnxIUMKufWH0xtAeFjJWd/YuPZ21s6KF3O2N1bu1avuxtf213ndDi08MDocHn3gIkMKufWL00nI7GjJxji7hXoxFhY/YTpSXcTkNRawFg0xWJpTvrzunf9a91bfW48nv9yvqyO2Cqs47BCtldaWN0MqbwhvqLABnpnwgvmbecm8apCVPWf+RRHCJxnUARdRYzO6jC6h2EV0YSG5hC7fNuKYrNKN7owndPnKBvdG8TIXuO+pVH74w/MTJrybgCd0TbgwgJ4OSwFOW9EN1ENf3oCeoIkA5E+6R3+Ov/F/+pzCNZax/xsNBXwunzYY5k41BvJzgG/YYWPjX8G44UpZmkmgKvNFbpgnK+tvoj0tdprxB0h36zqMs2/jYUKjPg9JgzHIGs1SC3MVKi3WoNZoC5qtmPF4ix4KJEoTlu1BEDo9gKTdR8g6VVILsxMq/b5DrTMQNDsMxwtbzIekn6IQHyVB7N+EpYBcILIQ1ZvRxSSUjPmU0KwVPFFUqYQH9R+YtmaQAqIc4hZ1fWgwpSIWFTmOp6PPkVhMxglFjpAA7R+mNDF6wACx9k39A3Ic9PYoCB+KCML8NsEkAbICotxO6bOfX4wISYrxUTqWLnR5hEIlHR0bpL+BG1Bn2As2WnopX1GtFzIYRYkwkUIWh01HUSJG6zIsUT8vggig+gvvUE0YbQDeJG5q7396Z/w9PgTNyMuqSJGjRBW15ouSr4DKyU3MaXDVfpuTsp6bQmeu9gEAAAA=') format('woff2'),
    url('//at.alicdn.com/t/font_1457575_wc4kbab342e.woff?t=1571103794780') format('woff'),
    url('//at.alicdn.com/t/font_1457575_wc4kbab342e.ttf?t=1571103794780') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('//at.alicdn.com/t/font_1457575_wc4kbab342e.svg?t=1571103794780#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-jiantouyou:before {
    content: "\e62a";
  }
  
  .icon-jiantou-zuo:before {
    content: "\e62d";
  }
  
  .icon-zuojiantou:before {
    content: "\e601";
  }
  
  .icon-jiantou:before {
    content: "\e605";
  }
  
.honor_content .bg{display:block; height:1px; background:#eaeaea; position:relative; margin-top:50px;}
.honor_content .container{display:block; position:relative; margin-top:-55px; padding-bottom:50px;}
.honor_content .swiper{overflow:hidden;}
.honor_content .prev_anli{right:10px; top:50px; color:#fff;background:#ddd; width:50px; height:50px; border-radius:50%; text-align:center;}
.honor_content .next_anli{left:10px;top:50px;color:#fff; background:#ddd;width:50px; height:50px; border-radius:50%; text-align:center;}
.honor_content .swbtn i{line-height:50px;font-size:40px;}

.honor_content .swiper-slide .circle{display:inline-block;width:16px;height:16px;border:1px solid #a2a2a2;border-radius:13px;padding:2px;box-sizing:border-box;margin-top:22px}
.honor_content .swiper-slide .circle i{display:block;width:10px;height:10px;background-color:#a2a2a2;border-radius:5px}
.honor_content .swiper-slide .img p{display:block; font-size:16px; color:#333; line-height:2em; margin-top:10px;}

#getPriceInfo{background:#fff; padding:40px;border:solid 1px #eaeaea;box-sizing:border-box}
#getPriceInfo .right{flex:1;}
#getPriceInfo .right .right-group{display:flex;}
#getPriceInfo .right .right-group .group1{width:280px;}
#getPriceInfo .right .right-group .group2{flex:1;}
#getPriceInfo .right .input-group{display:flex;margin-bottom:15px;}
#getPriceInfo .right .input-group .tit{width:100px;margin-bottom:0;text-align:left;display:block;font-size:16px;line-height:40px;}
#getPriceInfo .right .input-group .tit>em{color:#f00;font-style:normal;}
#getPriceInfo .right input.form-control{flex:1;height:40px;border-radius:5px;}
#getPriceInfo .right .input-group span.input-group-addon{width:auto;height:40px;background-color:#fff;line-height:26px;}
#getPriceInfo .right .input-group.group1 label{line-height:40px;margin-right:15px;margin-bottom:0;}
#getPriceInfo .right .input-group.group1 label input[type='radio']{margin-right:5px;}
#getPriceInfo .right .right-group .group2 select{flex:1;margin:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;text-align:right;}
#getPriceInfo .right .group2 .form-control{border-radius:5px 0 0 5px;}
#getPriceInfo .right .group3 .form-control{width:300px;flex:initial;}
#getPriceInfo .right .group3 .tips{flex:1;text-align:left;color:#afafaf;font-size:14px;padding-left:15px;line-height:40px;}
#getPriceInfo .right .group-select{display:flex;justify-content:space-between;flex-wrap:wrap;flex:1;}
#getPriceInfo .right .group-select select{width:49%;margin:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;text-align:right;}
#getPriceInfo .right .btnlist{margin-top:30px;text-align:left;}
#getPriceInfo .right .submit{border-radius:5px;height:50px;line-height:30px;padding:10px 100px;  display:inline-block;background-color:#f2f2f2;font-size:16px;}
#getPriceInfo .right .submit:hover{background-color:#ffb60f;color:#fff;}


#styleimglist .swiper{margin-bottom:20px; overflow:hidden; position:relative;}

#styleimglist .swiper-slide{margin:0;box-sizing:border-box;float:left;}


#styleimglist .swbtn{width:50px;height:50px;text-align:center;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:50%;position:absolute;top:calc(50% - 40px);z-index:1;}
#styleimglist .swbtn i{line-height:53px;font-size:25px;}
#styleimglist .button-next{right:10px;}
#styleimglist .button-prev{left:10px;}

#styleimglist div.img{float:left; width:65%;}
#styleimglist div.img img{width:100%;border:1px solid #eaeaea;}
#styleimglist div.txt{background-color:#fff;width:34%;padding:30px; box-sizing:border-box; overflow-y:scroll; line-height:2em;}
#styleimglist div.txt h3{display:block; line-height:2em;}
#styleimglist div.txt p{display:block; line-height:2em; text-indent:2em; text-align:left;height: 380px;}
#styleimglist div.txt a{display:block; max-width:150px; background-color:#411d04;font-size:16px; color:#fff; line-height:2em; text-align:center;}



#abContent1{padding-top:120px; padding-bottom:120px; background:url(../images/ab_bg.jpg) no-repeat center top; text-align:left;}
#abContent1 .title{display:block; margin-bottom:50px;text-align: center;}
#abContent1 .title h3{display:block; font-size:30px; line-height:2em;color:#411d04;}
#abContent1 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#411d04;}
#abContent1 .title em{display:block; width:80px; height:3px; background:#411d04; margin: 10px auto;}
.Left_video img{width:100%; height:auto;}
.Right_Remark p{display:block; text-indent:2em; font-size:18px; color:#000000; line-height:1.9em;}

#abContent2{padding-top:120px; padding-bottom:50px; background:url(../images/a_h_bg.jpg) no-repeat center top; text-align:left; position:relative;}
#abContent2 .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.8);}
#abContent2 .title{display:block; margin-bottom:50px;    text-align: center;}
#abContent2 .title h3{display:block; font-size:30px; line-height:2em;color:#ffffff;}
#abContent2 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#ffffff;}
#abContent2 .title em{display:block; width:80px;    margin: 10px auto; height:3px; background:#ffffff;}

.Ab_hcontent{ padding-bottom:200px;}
.swiper-history{ margin-top:50px;}

.Ab_hcontent .swiper-slide .item{ height:295px; padding:0px 15px; text-align:center;  position:relative;}
.Ab_hcontent .swiper-slide .item p{display:block;font-size:14px;line-height:24px; color:#fff;position:absolute; top:75%; left:0;width:100%;}
.Ab_hcontent .swiper-slide .item .date{position:absolute; left:0px;top:30%; width:100%;}
.Ab_hcontent .swiper-slide .item span{font-size:18px; display:block;color:#fff; line-height:40px;}
.Ab_hcontent .swiper-slide .item em{ display:block; margin:0 auto; width:10px; height:10px; border-radius:50%; background:#fff;}
.Ab_hcontent .swiper-slide .item b{display:block; width:1px; height:50px; margin:0px auto; background:#fff;}

.Ab_hcontent .swiper-slide .item2 .date{top:26%;}
.Ab_hcontent .swiper-slide .item2 p{top:auto; bottom:75%;}

.swiper-history .swiper-button-next,.swiper-history .swiper-button-prev{ z-index:999; width:40px; height:40px; background:url(../images/leftbtn.png) no-repeat center center; background-size:cover; border-radius:50%;}
.swiper-history .swiper-button-next{ background:url(../images/rightbtn.png) no-repeat center center; background-size:cover;}


.swiperspan{width:90%; height:1px; background:#fff; position:absolute; left:5%; top:48%;}

#abContent3{padding-top:50px; padding-bottom:100px; background:#f7f7f7; text-align:center; position:relative;}
#abContent3 .title{display:block; margin-bottom:50px;}
#abContent3 .title h3{display:block; font-size:30px; line-height:2em;color:#411d04;}
#abContent3 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#411d04;}
#abContent3 .title em{display:block; width:80px; margin:0 auto; margin-top:10px; height:3px; background:#411d04;}

.Ab_course ul{width:100%; display:block;}
.Ab_course ul li{float:left; width:25%; padding:0px; margin:0px; position:relative; height:189px;}
.Ab_course ul li img{width:100%;height:100%;}
.Ab_course ul li .txt{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.Ab_course ul li .txt span{display:block;font-size:18px; color:#fff; line-height:2em; margin-top:15%;}
.Ab_course ul li .txt p{display:block;font-size:16px; color:#fff; line-height:1.5em;}

#abContent4 .title{display:block; margin-top:30px;    text-align: center;}
#abContent4 .title h3{display:block; font-size:30px; line-height:2em;color:#411d04;}
#abContent4 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#411d04;}
#abContent4 .title em{display:block; width:80px; margin-left:0px; margin-top:10px; height:3px; background:#411d04;margin: 10px auto;}

#abContent4{ margin:0px; padding:0px}
#abContent4 .row{ margin:0px; padding:0px}
#abContent4 .left{ margin:0px; padding:35px 0px}
.zhedie{display:block; width:100%; margin-top:35px;}
.zhedie li{display:block; width:100%; margin-bottom:10px;}
.zhedie li a{display:block;background:url(../images/ys.jpg) repeat-y left top; background-size:100%;}
.zhedie li.open a{background:url(../images/yshover.jpg) repeat-y left top; background-size:100%;}
.zhedie li a span{display:inline-block; width:55px; font-size:18px;color:#000000; line-height:55px; text-align:center;}
.zhedie li.open a span{color:#fff;}
.zhedie li a p{display:inline-block; width:60%; padding-left:25px; font-size:18px;color:#626262; line-height:55px; text-align:left;}
.zhedie li a em{display:inline-block; float:right; margin-right:0px; width:55px; font-size:18px;color:#626262; line-height:55px; text-align:center;}
.zhedie li div{ display:none;background:url(../images/yshover.jpg) repeat-y left top; font-size:14px; line-height:2em; background-size:100%; padding-top:0px; padding-bottom:35px; padding-left:80px; padding-right:20px; }
.zhedie li.open div{ display:block; }


#abContent5{padding-top:80px; padding-bottom:50px; background:#fff url(../images/accc.jpg) repeat-x left top; text-align:center; position:relative;}
#abContent5 .title{display:block; margin-bottom:50px;}
#abContent5 .title h3{display:block; font-size:30px; line-height:2em;color:#ffffff;}
#abContent5 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#ffffff;}
#abContent5 .title em{display:block; width:80px; margin:0 auto;  margin-top:10px; height:3px; background:#ffffff;}
#abContent5 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

#abContent5 .Ab_hcontent{ background:#fff; box-shadow:0px 10px 10px #dddddd; padding:60px;}
#abContent5 .swiper-slide .img p{display:none;}

.next-honor,.prev-honor{ z-index:999; width:40px; height:40px; background:url(../images/leftbtnhonor.png) no-repeat center center; background-size:cover; border-radius:50%;}
.next-honor{ background:url(../images/rightbtnhonor.png) no-repeat center center; background-size:cover;}
#abContent6{padding-top:50px; padding-bottom:50px; background:#f7f7f7; text-align:center; position:relative;}
#abContent6 .title{display:block; margin-bottom:50px;}
#abContent6 .title h3{display:block; font-size:30px; line-height:2em;color:#411d04;}
#abContent6 .title p{display:block; font-size:20px; line-height:2em; text-transform:uppercase; color:#411d04;}
#abContent6 .title em{display:block; width:80px; margin:0 auto;  margin-top:10px; height:3px; background:#411d04;}


.Ab_Feedback input{box-shadow:none; border-radius:5px; border:none; background:#fff; line-height:45px; font-size:18px; height:45px!important; font-weight:normal;}
.Ab_Feedback textarea{box-shadow:none; border-radius:5px; border:none; background:#fff; line-height:45px; font-size:18px; height:250px!important; font-weight:normal;}
.Ab_Feedback button{background:#452001; color:#fff; font-size:18px; line-height:45px!important;  border-radius:5px; border:none;}
.Ab_Feedback button:hover{background:#411d04; border:none;}
.Ab_Feedback button:focus,.Ab_Feedback button.focus{background-color:#411d04;color:#fff; border:none;}
.Ab_Feedback button:active,.Ab_Feedback button.active{background-color:#411d04;color:#fff; border:none;}
.Ab_Feedback button:focus{background-color:#411d04;color:#fff; border:none;}
.Ab_Feedback button:focus{background-color:#411d04;color:#fff; border:none;}

#frame7 .PriceForm .right .mflf{border-radius:5px;height:50px;line-height:30px;padding:10px 100px;display:inline-block;background-color:#f2f2f2;font-size:16px;}
#frame7 .PriceForm .right .mflf:hover{background-color:#ffb60f;color:#fff;}

#getPriceInfo .right .mflf{border-radius:5px;height:50px;line-height:30px;padding:10px 100px;  display:inline-block;background-color:#f2f2f2;font-size:16px;}
#getPriceInfo .right .mflf:hover{background-color:#ffb60f;color:#fff;}

.mflfDiv{position:absolute; left:0; top:0px; width:100%; height:100%; display:none; background:#fff;z-index:9;}
.mflflistshow{position:absolute; left:calc(50% - 190px);height:100%; top:0px; width:380px;}
.mflfDiv .mflfclose{position:absolute; top:0px;right:0px; font-size:14px;color:#000; width:35px; text-align:center; line-height:35px;}
.mflfDiv .mianfeiliangfang{padding:10px 12px;background-color:#fff;}
.mflfDiv .mianfeiliangfang h3{font-size:20px;line-height:2;margin-bottom:10px;}
.mflfDiv .mianfeiliangfang p{margin-bottom:25px;color:#666;}
.mflfDiv .mianfeiliangfang p em{font-style:normal;color:#ffb60f;}
.mflfDiv .mianfeiliangfang p.tel{margin-bottom:10px;}
.mflfDiv .mianfeiliangfang .form-control{width:310px;border-radius:50px;margin-bottom:14px;height:48px;border:1px solid #ededed;background-color:#f9f9f9;padding-left:30px;font-size:16px;}
.mflfDiv .mianfeiliangfang .btnBaojia{width:100%;border-radius:50px;display:block;background-color:#fec210;color:#fff;text-align:center;height:44px;line-height:44px;font-size:18px;}



/*新增*/
.Ab_Feedback button{background:#ffb60f;}
#styleimglist .swbtn{background-color:rgba(0,0,0,0.2);}
#styleimglist .button-next{right:30px;}
#DesignCasesList .item{padding:0px;}
#DesignCasesList .item .img{border:none;}

#frame7 .list .img img{max-width:100%;}
#frame7 .intro ul{display:block;}
#frame7 .intro ul li{display:inline-block;font-size:14px; width:15%; font-weight:bold; }
#frame7 .intro ul li b{font-weight:bold; color:#ffb60f; font-size:150%;}