@charset "utf-8";
@font-face{
  font-family:'Mongolian-Baiti';
  src:url('../fonts/Mongolian-Baiti-Regular.eot'); /*IE9*/
  src:url('../fonts/Mongolian-Baiti-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Mongolian-Baiti-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Mongolian-Baiti-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Mongolian-Baiti-Regular.svg#Oswald') format('svg'); /* Legacy iOS */
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#000;font:16px/1.875em 'Arial','Sans-serif'; overflow-x:hidden;width:100%;word-wrap:break-word;text-align:justify;}
a{text-decoration:none;outline:none;color:#000;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#bb2a2f;}
a img{border:none;}
img {max-width: 100%; height: auto;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;outline:none;font-family:Arial,'Microsoft Yahei';}
input:focus{outline:none;}
textarea{resize:none;}
input[type='text']::-moz-placeholder{opacity:0.3;}
input[type='text']:-moz-placeholder{opacity:0.3;}
input[type='text']::-webkit-input-placeholder{opacity:0.3;}
input[type='text']:-ms-input-placeholder{opacity:0.3;}
textarea::-moz-placeholder{opacity:0.3;}
textarea:-moz-placeholder{opacity:0.3;}
textarea::-webkit-input-placeholder{opacity:0.3;}
textarea:-ms-input-placeholder{opacity:0.3;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;width:100%;}
.figure {overflow: hidden; position: relative;}
.figure a {display: block; overflow: hidden;}
.figure img {display: block; width: 100%;transition: all .3s;}
.figure .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s; overflow: hidden;}
.rows {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.font42 {font-size: 42px;}
.font28 {font-size: 28px;}
.font24 {font-size: 24px;}
#advantage .figure img:not(:last-child){margin-bottom: 15px;}
/*entry*/
.entry{color:#666;}
.entry img{max-width:100%;height:auto!important;}
.entry ul,.entry ol{margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.5em;}
.entry h2{font-size:1.25em;}
.entry h3{font-size:1.125em;}
.entry h4{font-size:1em;}
.entry h5{font-size:0.875em;}
.entry h6{font-size:0.75em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*top*/
#top{position:fixed;left:0;top:0;width:100%;z-index:9;}
#top.fixed {box-shadow: 0px 1px 5px rgba(0,0,0,.1);}

/*blank*/
#blank{height:68px;clear:both;width:100%;}

/*header*/
#header{background-color:#fff;padding:0 2.1875%;position:relative;display:table;table-layout:fixed;width:100%;}

/*logo*/
#logo{width:188px;display:table-cell;vertical-align:middle;position:relative;}
#logo h1{ font-size:0;position:relative;}
#logo a{display:block;overflow:hidden;}
#logo a img{ display:block;}

/*menu*/
#menu{width:20px;height:20px;position:relative;display:none;cursor:pointer;z-index:10;}
#menu i,#menu:before,#menu:after{width:100%;height:2px;display:block;background-color:#000;left:0;position:absolute;border-radius:1px;transition:all .3s;}
#menu i{top:50%;margin-top:-1px;}
#menu:before{top:2px;content:'';}
#menu:after{bottom:2px;content:'';}
#menu.active i{opacity:0;}
#menu.active:before{transform:rotate(45deg);top:47%;}
#menu.active:after{transform:rotate(-45deg);bottom:auto;top:47%;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;}
#navi ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;}
#navi li{font-size:14px;line-height:2em;margin-left:4.24757282%;padding:20px 0;}
#navi a{display:block;color:#000;position:relative;}
#navi a:after{width:0;height:1px;background-color:#000;content:'';display:block;position:absolute;left:0;top:100%;transition:width .3s;}
#navi em{display:none;}
#navi .drop{position:absolute;left:0;top:100%;width:100%;border-top:2px solid #c7c7c7;border-bottom:1px solid #c9caca;background-color:#fff;padding:0 2.1875%;display:none;z-index:2;}
#navi .drop a{display:inline-block;vertical-align:middle;}
#navi li ul{padding:25px 0;}
#navi li li{font-size:12px;line-height:1.5em;margin-left:2.17864924%;padding:0;}
#navi .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:101.63398693%;}
#navi dl{min-width:12.52723312%;padding:25px 1.63398693% 25px 0;font-size:12px;line-height:1.5em;}
#navi dd{margin-top:12px;}
#navi .current > a:after,#navi a:hover:after{width:100%;}

/*topbtn*/
#topbtn {display:table-cell;vertical-align:middle;font-size:14px;line-height:2em; width:5.5em; font-weight:bold; text-align:right;}

/*banner*/
#banner .img{padding-bottom:45%;background:no-repeat center center;background-size:cover;}
#banner .columnname{position:absolute;top:50%;transform:translateY(-50%);text-align:center;padding:0 2.1875%;left:0;width:100%;z-index:2;color:#fff;}
#banner .name{font:400 4.167vw/1.35em 'Mongolian-Baiti';}
#banner .arrow{width:2.29166667%;position:absolute;left:50%;transform:translateX(-50%);bottom:10.41666667%;z-index:2;cursor:pointer;}
#banner .arrow:after{padding-bottom:52.27272727%;background:url(../images/arrow_down_01.png) no-repeat center center;transform:translateY(0%);background-size:contain;display:block;content:'';animation:mymove 3s infinite;}
@keyframes mymove{
​ 	0%{transform:translateY(0%);}
    50%{transform:translateY(50%);}
    100%{transform:translateY(0%);}
}
/*footer*/
#footer{background-color:#37393b;padding:2.1875% 5.72916667%;color:#999;}
#footer a{color:#999;}
#footer a:hover{color:#fff;}

/*copyright*/
#bottom{overflow:hidden;padding:4.70588235% 0;}
#bottom .logo{width:190px;float:right;}
#bottom .logo img{display:block;width:100%;height:auto;}

/*copyright*/
#copyright{font-size:14px;line-height:1.75em;clear:both;}
#copyright span{display:inline-block;margin-right:6.47058824%;vertical-align:middle;}
#copyright span:last-child{margin-right:0;}

/*column*/
#column{margin-right:190px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#column dl{float:left;min-width:200px;padding-right:2%;}
#column dt{font-weight:bold;font-size:15px;line-height:1.35em;color:#fff;margin-bottom:20px;}
#column dt:after{width:2em;height:2px;background-color:#fff;display:block;content:'';margin-top:16px;}
#column dt a{color:#fff;}
#column dt a:hover{opacity:.85;}
#column dd{font-size:14px;line-height:1.75em;padding:2px 0;}

/*wrapper*/
.wrapper{overflow:hidden;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.45);z-index:11;display:none;}
.popup .table{display:table;table-layout:fixed;width:100%;height:100%;}
.popup .td{display:table-cell;vertical-align:middle;padding:3.125%;}
.popup .close{width:16px;height:16px;background:url(../images/icon_close_01.png) no-repeat center center;background-size:contain;margin:2.395vh auto 0;cursor:pointer;}

/*authorization*/
#authorization{padding:9.375% 0 14.58333333%;}
#authorization .box{width:80%;max-width:700px;margin:0 auto;}
#authorization .intro{color:#333;line-height:1.75em;text-align:center;margin-bottom:11.85714286%;}
#authorization .query{border:1px solid #000;position:relative;padding-right:7.71428571%;margin-bottom:5%;}
#authorization .text{font-size:16px;color:#000;height:68px;line-height:30px;padding:19px 30px;display:block;width:100%;}
#authorization .button{width:4.28571429%;padding-bottom:4.28571429%;background:url(../images/icon_search.png) no-repeat center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);right:3.42857143%;cursor:pointer;}
#authorization .warning{color:#f00;font-size:12px;line-height:1.5em;text-align:center;}

/*result*/
#result .box{margin:0 auto;}
#result img{display:block;width:auto;max-width:70%;max-height:70vh;margin:0 auto;background-color:#fff;padding:8px;}

/*contact*/
#contact{padding:7.8125% 0 8.33333333%;}
#contact .inner{max-width:1100px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#contact .hgroup:after{width:2em;height:2px;background-color:#111;display:block;content:'';width:56px;margin-top:6.11111111%;}
#contact .hgroup h4{font-size:14px;font-weight:normal;line-height:1.5em;}
#contact .title{line-height:1.35em;}

/*contactType*/
#contactType{text-align:center;width:100%;margin-bottom:22.72727273%;}
#contactType .title{font-weight:normal;margin-bottom:5.90909091%;}
#contactType ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:102.54545455%;overflow:hidden;}
#contactType li{width:33.33333333%;padding-right:2.4822695%;padding-bottom:2.4822695%;}
#contactType .info{background-color:#fafafa;height:100%;padding:20.11494253% 8.62068966% 24.13793103%;}
#contactType .icon{width:22.22222222%;border:1px solid #000;border-radius:50%;margin:0 auto 7.63888889%;}
#contactType .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:45.16129032% auto;}
#contactType .name{font-size:18px;font-weight:normal;line-height:1.5em;margin-bottom:5.90277778%;}
#contactType .name:after{height:1px;width:2.222em;background-color:#111;margin:7.29166667% auto 0;display:block;content:'';}
#contactType .intro{color:#111;}

/*contactAddr*/
#contactAddr{width:49.09090909%;}
#contactAddr .hgroup{margin-bottom:6.11111111%;}
#contactAddr .address{font-size:18px;line-height:1.75em;color:#111;margin-bottom:3.33333333%;}
#contactAddr .btn a{display:block;overflow:hidden;width:102px;height:38px;border:1px solid #111;text-align:center;line-height:38px;font-size:14px;}
#contactAddr .btn a:hover{color:#fff;background-color:#111;}

/*contactSocial*/
#contactSocial{width:34.54545455%;min-width:315px;color:#111;}
#contactSocial .hgroup{margin-bottom:10.78947368%;}
#contactSocial .hgroup:after{margin-top:4.47368421%;}
#contactSocial .box{margin-bottom:8.68421053%;}
#contactSocial .name{font-size:12px;font-weight:normal;line-height:1.5em;margin-bottom:2.63157895%;}
#contactSocial ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#contactSocial li{position: relative;margin:2.63157895% 5.26315789% 2.63157895% 0;}
#contactSocial li:last-child{margin-right:0;}
#contactSocial .logo{width:40px;padding-bottom:40px;margin:0 auto 10px;background:no-repeat center center;background-size:contain;}
#contactSocial .text{font-size:12px;line-height:1.65em;text-align:center;}
#contactSocial .qrcode img{display:block;}
#contactSocial li .ewm{display: none;position: absolute;top: -120px;line-height: 1;width: 100px;border: 5px solid #37393b;left: 50%;background-color: #fff;transform: translateX(-50%);z-index: 555;}
#contactSocial li .ewm img{width: 100%;}
#contactSocial li .ewm:after{position: absolute;left: 0;right: 0;bottom: -12px;margin: 0 auto;display: block;content: '';width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #37393b;z-index: 3;}
#contactSocial li:hover .ewm{display: block;}
/*newsList*/
#newsList{padding:5.98958333% 0 6.25%;}
#newsList .inner{max-width:1200px;}

/*newsList*/
.newsItem{margin-bottom:2.5%;}
.newsItem .td{display:table-cell;vertical-align:middle;}
.newsItem .figure{width:27.82608696%;}
.newsItem .img{padding-bottom:56.25%;}
.newsItem .img:hover{transform:scale(1.1);}
.newsItem .date{width:115px;}
.newsItem time{display:block;font-size:28px;line-height:1.125em;color:#666;margin-bottom:23.47826087%;}
.newsItem time i{font-size:0.57142857em;font-style:normal;display:block;line-height:1.35em;}
.newsItem .more{width:65.2173913%;padding-bottom:22.60869565%;border:1px solid #b5b5b5;border-radius:14px;display:block;position:relative;}
.newsItem .more:after{width:34.66666667%;padding-bottom:17.33333333%;background:url(../images/arrow_right_01.png) no-repeat 0 0;background-size:100% auto;display:block;content:'';position:absolute;top:50%;transform:translateY(-50%);right:20%;}
.newsItem .text{padding:0 9.56521739% 0 4.34782609%;}
.newsItem .title{font-size:22px;line-height:1.27272727em;font-weight:normal;margin-bottom:6.30630631%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsItem .excerpt{font-size:14px;color:#666;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;}
.newsItem a{display:table;table-layout:fixed;width:100%;background-color:#fafafc;padding:2.08333333%;color:#111;}
.newsItem a:hover{box-shadow:0px 4px 26px rgba(0,0,0,0.13);}
.newsItem a:hover .more{border-color:#000;}
.newsItem a:hover .more:after{background-position:0 100%;}

/*loadmore*/
#loadmore{margin:0 auto;width:17.25%; max-width: 207px; padding:4.16666667% 0;}
#loadmore i{display:block;font-style:normal;position:absolute;left:50%;transform:translateX(-50%);top:50%;margin-top:-1em;white-space:nowrap;padding-right:11.11111111%;}
#loadmore i:after{width:6px;height:12px;background:url(../images/arrow_right_02.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#loadmore a{padding-bottom:28.50241546%;display:block;overflow:hidden;position:relative;font-size:14px;color:#333;border:1px solid #666;line-height:2em;}
#loadmore a:hover{background-color:#666;color:#fff;}
#loadmore a:hover i:after{background-position:0 100%;}

/*details*/
#details{padding:3.4375% 0 6.45833333%;}
#details .inner{max-width:1254px;}

/*breadcrumb*/
#breadcrumb{font-size:10px;color:#333;line-height:1.5em;margin-bottom:2.23285486%;}
#breadcrumb a{color:#333;}
#breadcrumb a:hover{color:#000;}
#breadcrumb span{color:#666;}

/*postTitle*/
#postTitle{font-size:32px;color:#333;line-height:1.5em;text-align:center;margin-bottom:2.95055821%;}

/*postMeta*/
#postMeta{text-align:center;font-size:12px;color:#b0b0b7;line-height:2em;border-bottom:1px solid #f1f1f1;padding-bottom:2.07336523%;margin-bottom:3.8277512%;}
#postMeta span{display:inline-block;vertical-align:middle;}

/*certification*/
#certification{padding:5% 0 4.6875%;}
#certification .inner{max-width:1200px;}
#certification .title{font-size:24px;font-weight:normal;line-height:1.5em;text-align:center;margin-bottom:4.33333333%;}
#certification .figure{box-shadow:4px 4px 10px rgba(0,0,0,0.13);}
#certification .img{padding-bottom:145%;}
#certification .name{opacity:0;transition:all .3s;font-size:16px;color:#111;line-height:1.875em;text-align:center;font-weight:normal;margin-top:3.68763557%;}
#certification .swiper{overflow:hidden;padding:0 1.33333333%;margin:0 -1.33333333%;}
#certification .swiper-wrapper{padding:5% 0;}
#certification .swiper-slide .info{transform:scale(0.8);transition:all .8s;}
#certification .swiper-slide-prev .info{transform-origin:left center;}
#certification .swiper-slide-next .info{transform-origin:right center;}
#certification .swiper-slide-active .info{transform:scale(1.1525);transform-origin:center center;}
#certification .swiper-slide-active .name{opacity:1;}
#certification .swiper-pagination{position:static;margin-top:1.66666667%;}

/*cooperation*/
#cooperation{padding:6.77083333% 0 4.42708333%;}
#cooperation .inner{max-width:1428px;}

/*caseItem*/
.caseItem{background-color:#f8f8f8;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:4.20168067%;}
.caseItem .figure{width:65.12605042%;}
.caseItem .img{padding-bottom:53.97849462%;}
.caseItem .img:hover{transform:scale(1.1);}
.caseItem .text{width:34.87394958%;padding:2% 7.00280112% 2% 4.55182073%;}
.caseItem .logo{margin-bottom:14.11411411%;}
.caseItem .logo:after{width:11.41141141%;height:2px;background-color:#b4b4b4;content:'';display:block;margin-top:11.41141141%;}
.caseItem .logo img{display:block;max-height:64px;}
.caseItem .intro{ margin-top:1em; font-size:14px;color:#b4b4b4;line-height:1.71428571em;font-weight:300;}
.caseItem:nth-child(2n){flex-direction:row-reverse;}

/*team*/
#team{padding:5.20833333% 0;}
#team .inner{max-width:1430px;}

/*columnIntro*/
.columnIntro{text-align:center;max-width:780px;margin:0 auto;margin-bottom:6.29370629%;}
.columnIntro .name{font-size:28px;font-weight:normal;line-height:1.35em;}
.columnIntro .intro{margin-top:2.05128205%;color:#333;line-height:1.6875em;}

/*designer*/
.designer{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;padding:5.59440559% 0; flex-direction:row-reverse;}
.designer .figure{width:69.23076923%;}
.designer .img{padding-bottom:59.5959596%;}
.designer .img:hover{transform:scale(1.1);}
.designer .text{width:30.76923077%;position:relative;z-index:2;}
/* .designer .box{ transform:translateX(35.1%);} */
.designer .name{font:400 60px/1.125em 'Mongolian-Baiti';color:#111;margin-bottom:19.77272727%;}
.designer .intro{font-size:15px;color:#333;line-height:1.75em;margin-bottom:15.68181818%;}
.designer .sign{color:#333;}
.designer .sign:before{width:34.09090909%;height:2px;background-color:#666;display:inline-block;vertical-align:middle;content:'';margin-right:3.63636364%;}
.designer:nth-child(2n){ flex-direction:inherit;}
/* .designer:nth-child(2n) .box{ transform:translateX(-26%);} */
.designer:nth-of-type(odd) .box{padding-right: 3%;}
.designer:nth-of-type(even) .box{padding-left: 3%;}
/*showroom*/
#showroom{padding:5.20833333% 0;}
#showroom .inner{max-width:1397px;}
#showroom .columnIntro{margin-bottom:2.86327845%;}

/*roomItem*/
.roomItem{padding:4.79599141% 0;}
.roomItem .swiper{margin-bottom:1.71796707%;}
.roomItem .img{padding-bottom:59.55619184%;}
.roomItem .swiper-arrow{width:3.72226199%;height:auto;padding-bottom:3.72226199%;border-radius:50%;background:rgba(0,0,0,0.2);outline: none;}
.roomItem .swiper-arrow:after{width:28.84615385%;padding-bottom:57.69230769%;background:url(../images/arrows_01.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:50%;transform:translateX(-55%);top:50%;margin-top:-28.84615385%;}
.roomItem .swiper-arrow:hover{background-color:#000;}
.roomItem .swiper-button-prev{left:3.72226199%;}
.roomItem .swiper-button-next{right:3.72226199%;}
.roomItem .swiper-button-next:after{background-position:0 100%;transform:translateX(-40%);}
.roomItem .text{display:table;table-layout:fixed;width:100%;}
.roomItem .btn{display:table-cell;vertical-align:middle;width:150px;}
.roomItem .btn a{display:block;overflow:hidden;line-height:42px;text-align:center;border:1px solid #000;font-size:14px;}
.roomItem .btn a:hover{background-color:#000;color:#fff;}
.roomItem .info{display:table-cell;vertical-align:middle;padding:0 1.57480315%;}
.roomItem .name{font-size:20px;font-weight:normal;line-height:1.35em;}
.roomItem .addr{font-size:14px;color:#666;line-height:1.75em;margin-top:3px;}

/*reserve*/
#reserve .box{width:730px;max-width:90%;background-color:#fff;margin:0 auto;padding:6.25% 3.125% 4.79166667%;position:relative;}
#reserve .title{text-align:center;font-size:46px;font-weight:normal;line-height:1.25em;margin-bottom:30px;}
#reserve .tips{font-size:12px;color:#999;font-weight:300;line-height:1.5em;text-align:center;margin-bottom:57px;}
#reserve .form{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#reserve .column{width:47.54098361%;}
#reserve .select {display: none;}
#reserve .item{margin-bottom:14px;}
#reserve .text{border:1px solid #eee;height:42px;line-height:24px;padding:9px 11px;display:block;width:100%;font-size:12px;font-weight:300;color:#333;}
#reserve .date {background: url(../images/icon_date.png) no-repeat 95% center; background-size: auto 12px;}
#reserve textarea.text{height:154px;}
#reserve .submit{width:47.21311475%;background-color:#e2001a;color:#fff;font-size:12px;font-weight:300;margin:72px auto 0;height:40px;cursor:pointer;display:block;}
#reserve .submit:hover{opacity:.85;}
#reserve .close{position:absolute;top:0;margin-top:3.56164384%;right:3.56164384%;background-image:url(../images/icon_close_02.png);}

/*products*/
#products{padding:5.20833333% 0 7.70833333%;}
#products .inner{max-width:1614px;overflow:hidden;}
#products .list{width:101.61090458%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;padding:4.08921933% 0;}
#products .list .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#products .list .tu-ik{ opacity:0; position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover; transition: all .5s;}
#products .list .box .proItem:hover .tu-ik{ opacity:1; transform: scale(1.1);}


/*filter*/
#filter{padding:0;transition:all 0s;}
#filter.fixed{top:68px;position:fixed;left:0;width:100%;z-index:6;background-color:#fff;padding:20px 0;transition:all .3s;box-shadow:0px 2px 5px rgba(0,0,0,0.1);}
#filter.fixed:before{width:100%;height:2px;background-color:#c7c7c7;content:'';display:block;position:absolute;left:0;top:0;}

/*placeholder*/
#placeholder{width:100%;clear:both;display:none;}

/*category*/
#category{float:left;font-size:14px;line-height:1.75em;}
#category ul{overflow:hidden;}
#category li{float:left;padding-right:40px;}
#category li:last-child{padding-right:0;}
#category a{position: relative;color:#111;}
#category a:after {
    width: 0;
    height: 2px;
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    transition: width .3s;}
#category .current a:after{width: 100%;}
#category li:hover a:after{width: 100%;}
/*proSearch*/
#proSearch{float:right;width:252px;position:relative;}
#proSearch .text{height:26px;border:2px solid #e5e5e5;border-radius:13px;display:block;width:100%;font-size:12px;color:#000;padding:0 32px 0 16px;}
#proSearch .submit{width:13px;height:14px;background:url(../images/icon_search_02.png) no-repeat center center;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);right:14px;}

/*proItem*/
.proItem{width:25%;padding-right:1.58536585%;padding-top:3.41463415%;}
.proItem .figure{margin-bottom:3.90625%;}
.proItem .img{padding-bottom:101.5625%;}
.proItem .color{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;float:right;padding:3px 0;}
.proItem .color i{display:block;width:15px;height:15px;border:1px solid #fff;border-radius:50%;margin-left:-4px;position:relative;z-index:5; background-size:cover!important;}
.proItem .color i:nth-child(2){z-index:4;}
.proItem .color i:nth-child(3){z-index:3;}
.proItem .color i:nth-child(4){z-index:2;}
.proItem .color i:nth-child(5){z-index:1;}
.proItem .color .more{border-color:#333;}
.proItem .color .more:after{width:8px;height:9px;background:url(../images/icon_more.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:3px;top:2px;}
.proItem .text{margin-right:65px;}
.proItem .name{font-weight:normal;color:#000;font-size:16px;line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proItem .meta{font-size:12px;color:#666;line-height:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.proItem a{display:block;overflow:hidden;}
.proItem a:hover .img{transform:scale(1.1);}

/*propage*/
#propage{padding:1.14583333% 0;}
#propage #breadcrumb{width:93.75%;max-width:960px;margin:0 auto 0.78125%;}

/*proRelated*/
#proRelated{margin-bottom:4.84375%;}
#proRelated .inner{max-width:1530px;}
#proRelated .title{text-align:center;font-size:22px;font-weight:normal;line-height:1.5em;margin-bottom:4.11764706%;}
#proRelated .box{padding:0 3.52941176%;position:relative;}
#proRelated .swiper{position:relative;overflow:hidden;height:0;}
#proRelated .swiper-container-initialized{height:auto;}
#proRelated .figure{margin-bottom:2.18340611%;}
#proRelated .img{padding-bottom:122.70742358%;}
#proRelated .text{padding:0 4.36681223%;}
#proRelated .name,#proRelated .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#proRelated .name{font-size:20px;font-weight:normal;line-height:1.35em;}
#proRelated .meta{color:#999;line-height:1.5em;}
#proRelated a{color:#333;display:block;overflow:hidden;}
#proRelated a:hover{color:#000;}
#proRelated .swiper-arrow{background:url(../images/arrows_02.png) no-repeat 0 0;background-size:100% auto;outline: none;}
#proRelated .swiper-button-prev{left:0;}
#proRelated .swiper-button-next{background-position:0 100%;right:0;}

/*proDesigner*/
#proDesigner{margin-bottom:8.07291667%;}
#proDesigner .inner{max-width:1375px;}
#proDesigner .info{display:table;table-layout:fixed;width:100%;}
#proDesigner .figure{display:table-cell;vertical-align:top;width:50.76363636%;}
#proDesigner .text{display:table-cell;vertical-align:middle;padding-right:5.45454545%;}
#proDesigner .hgroup{margin-bottom:2.49169435%;}
#proDesigner .title{font-size:16px;color:#333;font-weight:normal;line-height:1.25em;}
#proDesigner .name{color:#d0c3aa;font:400 68px/1.125em 'Mongolian-Baiti';}
#proDesigner .intro{padding-left:3.98671096%;border-left:1px solid #6a6c6d;}
#proDesigner .excerpt{font-size:12px;line-height:1.875em;max-height:5.625em;-webkit-line-clamp:3;color:#7d7f7f;}
#proDesigner .more{margin-top:10.91854419%;}
#proDesigner .more a{display:block;overflow:hidden;width:85px;height:34px;border:1px solid #b5b5b5;line-height:32px;text-align:center;color:#333;font-size:12px;}
#proDesigner .more a:hover{background-color:#333;color:#fff;border-color:#333;}

/*proVideo*/
#proVideo{padding-bottom:45%;position:relative;margin-bottom:8.33333333%;}
#proVideo video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;}
#proVideo .btn{position:absolute;right:5.98958333%;bottom:4.05092593%;width:28px;height:28px;background:url(../images/video_btn.png) no-repeat 0 0;background-size:100% auto;cursor:pointer;}
#proVideo .pause{background-position:0 100%;}

/*gallery*/
#gallery{margin-bottom:10.15625%;}
#gallery .inner{max-width:1254px;}
#gallery .swiper{overflow:hidden;position:relative;}
#gallery .img{padding-bottom:59.17065391%;}
#gallery .swiper-arrow{background:url(../images/arrows_01.png) no-repeat 0 0;background-size:100% auto;outline: none;}
#gallery .swiper-button-prev{left:2.63157895%;}
#gallery .swiper-button-next{background-position:0 100%;right:2.63157895%;}

/*proTab*/
#proTab{margin-bottom:5.72916667%;height:42px;position:relative;}
#proTab .tab{position:absolute;left:0;width:100%;top:0;}
#proTab .tab:before,#proTab .tab:after{width:100%;height:2px;background-color:#f1f1f1;content:'';display:block;position:absolute;left:0;transition:all .3s;}
#proTab .tab:before{top:0;opacity:0;}
#proTab .tab:after{top:100%;}
#proTab .fixed{position:fixed;top:68px;background-color:#fff;z-index:8;box-shadow:0px 2px 5px rgba(0,0,0,0.1);border-bottom:none;}
#proTab .fixed:before{opacity:1;}
#proTab .fixed:after{opacity:0;}
#proTab .fixed li{padding:16px 0;}
#proTab ul{text-align:center;}
#proTab li{display:inline-block;vertical-align:middle;font-size:14px;line-height:2em;padding:6px 0;color:#555;margin:0 3.80208333%;position:relative;cursor:pointer;transition:all .3s;}
#proTab li:hover{color:#000;}
#proTab li:after{width:0;height:1px;background-color:#000;content:'';display:block;position:absolute;left:0;bottom:0;transition:all .3s;}
#proTab .current{color:#000;}
#proTab .current:after{width:100%;}

/*proInfo*/
#proInfo{background-color:#f9fafc;padding:3.38541667% 0 4.42708333%;margin-bottom:2.60416667%;}
#proInfo .inner{max-width:960px;overflow:hidden;}
#proInfo .images{width:53.95833333%;float:left;}
#proInfo .img{padding-bottom:90.54054054%; transition: all 1s;}
#proInfo .img:hover {transform: scale(1.2);}
#proInfo .zoom{width:4.24710425%;padding-bottom:4.24710425%;background:url(../images/icon_zoom.png) no-repeat center center;background-size:contain;position:absolute;right:2.27272727%;bottom:0;margin-bottom:2.27272727%;cursor:pointer;}
#proInfo .text{width:38.33333333%;float:right;}
#proInfo .title{font-size:26px;font-weight:normal;line-height:1.35em;color:#333;margin-bottom:3.26086957%;}
#proInfo .intro{font-size:12px;color:#666;line-height:1.5em;margin-bottom:8.69565217%;}
#proInfo .item{font-size:14px;color:#333;line-height:1.5em;position:relative;overflow:hidden;padding:5.70652174% 0 5.43478261%;}
#proInfo .item:last-child{padding-bottom:0;}
#proInfo .item:before,#proInfo .item:after{height:2px;content:'';display:block;position:absolute;top:0;}
#proInfo .item:before{background-color:#595959;width:2.57142857em;left:0;}
#proInfo .item:after{left:50px;width:100%;background-color:#e9e9ea;}
#proInfo .name{float:left;}
#proInfo .value{margin-left:50px;overflow:hidden;}
#proInfo .value i{display:inline-block;vertical-align:middle;width:14px;height:14px;border:1px solid #000;border-radius:50%;margin-top:-2px;margin-right:5px;cursor:pointer;}
#proInfo .selected i{background:url(../images/icon_selected.png) no-repeat center center;background-size:contain;}
#proInfo ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;margin-top:6.79347826%;}
#proInfo li{width:17.39130435%;margin-right:3.80434783%;text-align:center;font-size:12px;color:#666;line-height:1.35em;cursor:pointer;}
#proInfo li:hover .box{transform:translateY(-7%);}
#proInfo .box{transition:all .3s;}

/*viewer*/
.viewer-initialized{overflow:hidden;}
.viewer-initialized #viewer{overflow-y:scroll;}
#viewer{background-color:#fff;overflow:hidden;}
#viewer .td{padding:0;text-align:center;}
#viewer .box{position:relative;width:900px;max-width:80%;margin:0 auto;}
#viewer .close{width:36px;height:36px;background:none;border-radius:50%;position:absolute; margin:3.48958333% 0 0;right:-13.33333333%;top:0;background:url(../images/close.png) no-repeat center center;background-size:contain;}
#viewer img{display:block;margin:0 auto;}

/*aboupage*/
#aboupage .inner{max-width:1200px;}

/*aboutus*/
#aboutus{padding:13.17708333% 0 8.33333333%;overflow:hidden;}
#aboutus .title{font-weight:normal;font-family:'Mongolian-Baiti';font-weight:400;line-height:1.25em;}
#aboutus .text{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#aboutus .left{width:50%;color:#333;line-height:1.5em;}
#aboutus .left li{margin-top:11%;}
#aboutus .cn{font-size:14px;color:#999;line-height:1.75em;}
#aboutus .right{width:45.08333333%;}
#aboutus .box{margin-bottom:12.01478743%;}
#aboutus .name,
#aboutus .intro h3{font-weight:normal;line-height:1.35em;margin-bottom:3.88170055%;}
#aboutus .intro{line-height:1.625em;color:#333;}
#aboutus .intro h3 {font-size: 24px;}
#aboutus .gallery{overflow:hidden;}
#aboutus .figure{width:49%;margin-bottom:2%;float:left;}
#aboutus .figure:nth-child(2n){float:right;}
#aboutus .img{padding-bottom:68.02721088%;}
#aboutus .img:hover{transform:scale(1.1);}

/*advantage*/
#advantage .top{background-color:#f7f5f4;padding:3.28125% 0 4.16666667%;}
#advantage .top ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-around;}
#advantage .top li{text-align:center;font-size:12px;color:#111;line-height:1.25em;}
#advantage .top span{font-size:82px;line-height:1.125em;}
#advantage .btm{padding:6.66666667% 0;}
#advantage .item{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:5.16666667% 0;}
#advantage .item:nth-child(2n){flex-direction:row-reverse;}
#advantage .image{width:48.25%;}
#advantage .figure{margin-bottom:4.14507772%;}
#advantage .figure:last-child{margin-bottom:0;}
#advantage .figure img:hover{transform:scale(1.05);}
#advantage .text{width:40.83333333%;overflow:hidden;}
#advantage .hgroup{margin-bottom:5.30612245%;text-align:left;}
#advantage .en{font-weight:400;line-height:1.125em;font-family:'Mongolian-Baiti';border-bottom:1px solid #060606;padding-bottom:6.32653061%;margin-bottom:6.12244898%;position:relative;}
#advantage .en:after{width:1.33333333em;height:4px;background-color:#060606;content:'';display:block;position:absolute;left:0;bottom:-3px;}
#advantage .cn{font-weight:normal;line-height:1.35em;}
#advantage .des{color:#111;line-height:1.625em;max-width:425px;overflow:hidden;}
#advantage .des h6{font-size:1em;line-height:2em;position:relative;padding-left:0.9375em;margin-top:2%;}
#advantage .des h6:before{width:0.25em;height:0.25em;background-color:#111;content:'';display:block;position:absolute;left:0;top:0.875em;}
#advantage .item:nth-child(2n) .hgroup{text-align:right;}
#advantage .item:nth-child(2n) .intro{float:right;}

/*history*/
#history .columnIntro{max-width:1025px;}
#history .box{background-color:#f5f4f3;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#history .images{width:50%;}
#history .figure{display:none;}
#history .img{padding-bottom:91.04166667%;}
#history .timeline{width:50%;overflow:hidden;color:#111;text-align:center;}
#history .year{font-size:12px;line-height:1.5em;margin-bottom:22px;}
#history .dot{width:14px;height:14px;margin:0 auto 11.6%;position:relative;}
#history .dot:after{width:100%;height:100%;border-radius:50%;background-color:#000;content:'';display:block;position:absolute;left:0;top:0;transform:scale(0.57143);transition:all .3s;}
#history .text{opacity:0;transition:all .3s;margin:0 -29%;}
#history .title{font-size:18px;line-height:1.5em;margin-bottom:6.07594937%;}
#history .intro{line-height:1.6875em;color:#333;}
#history .swiper{margin-right:-5.20833333%;margin-left:1.04166667%;}
#history .swiper-slide:before{width:100%;left:50%;height:1px;background-color:#000;content:'';display:block;position:absolute;top:46px;}
#history .swiper-slide:last-child:before{width:50%;}
#history .swiper-slide-active .dot:after{transform:scale(1);}
#history .swiper-slide-active .text{opacity:1;}

/*slides*/
#slides{position:relative;overflow:hidden;}
#slides .img{padding-bottom:56.25%;transition: all 1s;}
#slides .img:hover {transform: scale(1.1);}
#slides .swiper-arrow{width:23px;height:auto;background:none;outline: none;}
#slides .swiper-arrow:after{padding-bottom:191.30434783%;display:block;content:'';background:no-repeat center center;background-size:contain;}
#slides .swiper-arrow:hover{opacity:.85;}
#slides .swiper-button-prev{left:2.1875%;}
#slides .swiper-button-prev:after{background-image:url(../images/arrow_prev.png);}
#slides .swiper-button-next{right:2.1875%;}
#slides .swiper-button-next:after{background-image:url(../images/arrow_next.png);}

/*readmore*/
.readmore a{display:block;font-size:14px;color:#b5b5b5;margin:0 auto;width:94px;height:28px;border:1px solid #b5b5b5;line-height:26px;border-radius:14px;text-align:center;}
.readmore a:hover{color:#111;border-color:#111;}

/*series*/
#series{padding:5.98958333% 0;}
#series .inner{max-width:1254px;}
#series .columnIntro{max-width:1080px;}
#series .columnIntro .intro{margin-top:4.784689%;}
#series .columnIntro .intro p .span1{ display: block;}
#series .video{padding-bottom:56.29984051%;position:relative;margin-top:6.77830941%;}
#series video{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}

/*profile*/
#profile .inner{max-width:1490px;padding:5.72916667% 0 4.94791667%;}
#profile .columnIntro{max-width:970px;margin-bottom:4.76510067%;}
#profile .columnIntro .intro{margin-top:5.97938144%;}
#profile .img{padding-bottom:36.66666667%;transition:all 1s;}
#profile .img:hover{transform:scale(1.05);}
#profile .video{display: block;width: 100%;object-fit: cover;}
/*finish*/
#finish{background-color:#f5f4f3;padding:4.16666667% 0 5.3125%;}
#finish .inner{max-width:1490px;position:relative;}
#finish .columnIntro{margin-bottom:5.30201342%;}
#finish .swiper{overflow:hidden;padding-right:7.71812081%;height:0;}
#finish .swiper-container-initialized{height:auto;}
#finish .figure{border-radius:5px;margin-bottom:5.625%;}
#finish .figure:after{opacity:0;transition:all .3s;width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-image:linear-gradient(-90deg,#f5f4f3 75%,rgba(255,255,255,0.5));}
#finish .img{padding-bottom:125%;}
#finish .title{font-size:18px;font-weight:normal;line-height:1.5em;padding:0 3.75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#finish a:hover .img{transform:scale(1.1);}
#finish .swiper-slide-duplicate-prev .figure:after{opacity:1;}
#finish .swiper-arrow{position:absolute;right:0;top:0;width:32px;height:32px;border-radius:50%;background:#dfdedd;transform:none;outline: none;}
#finish .swiper-arrow:hover{background-color:#2c2c2c;}
#finish .swiper-arrow:after{width:31.25%;padding-bottom:50%;background:url(../images/arrows_03.png) no-repeat 0 0;background-size:100%;content:'';display:block;position:absolute;left:31.25%;top:50%;transform:translateY(-50%);}
#finish .swiper-button-prev{left:auto;right:42px;}
#finish .swiper-button-next:after{background-position:0 100%;left:40.625%;}

/*dynamic*/
#dynamic{padding:8.33333333% 0 6.77083333%;overflow:hidden;}
#dynamic .inner{max-width:1740px;}
#dynamic .columnIntro{border-bottom:1px solid #e7e7e6;max-width:none;padding-bottom:2.52873563%;margin-bottom:5.74712644%;}
#dynamic .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:104.06126437%;}
#dynamic .item{width:25%;padding-right:3.90276285%;padding-bottom:3.90276285%;}
#dynamic .date{font-size:40px;line-height:1em;color:#000;margin-bottom:7.06806283%;}
#dynamic .date i{font-size:0.4em;color:#9c9c9c;line-height:1.25em;font-style:normal;margin-left:2.61780105%;}
#dynamic .figure{margin-bottom:6.28272251%;}
#dynamic .img{padding-bottom:52.35602094%;background-color:#707070;}
#dynamic .title{font-size:22px;font-weight:normal;-webkit-line-clamp:2;line-height:1.75em;height:3.5em;margin-bottom:6.28272251%;}
#dynamic .excerpt{font-size:14px;color:#a7a7a7;-webkit-line-clamp:2;line-height:1.75em;margin-bottom:5%;}
#dynamic .more{font-size:14px;color:#333;line-height:1.5em;overflow:hidden;padding-bottom:4.71204188%;position:relative;width:34.03141361%;}
#dynamic .more:before,#dynamic .more:after{height:3px;width:100%;background-color:#5e5d63;content:'';display:block;position:absolute;left:0;bottom:0;}
#dynamic .more:after{background-color:#ba2b2e;width:34.61538462%;z-index:2;transition:width .3s;}
#dynamic .more span{background:url(../images/svg_arrow_01.svg) no-repeat right center;background-size:16px auto;display:block;padding-right:20px;}
#dynamic .cover .figure{margin-bottom:0;}
#dynamic .cover .img{padding-bottom:151.83246073%;transition:all 1s;}
#dynamic .cover .img:hover{transform:scale(1.05);}
#dynamic a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:100%;}
#dynamic a:hover .img{transform:scale(1.1);}
#dynamic a:hover .more:after{width:100%;}

/*dTeam*/
#dTeam{padding:8.95833333% 0 9.89583333%;}
#dTeam .inner{max-width:1470px;}
#dTeam .swiper{position:relative;overflow:hidden;margin-top:3.40136054%;}
#dTeam .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#dTeam .info{width:71.02040816%;overflow:hidden;float:right;padding-right:12%;}
#dTeam .text{width:64.39983864%;float:right;opacity:0;}
#dTeam .title{font:400 80px/1.125em 'Mongolian-Baiti';margin-bottom:11.99141629%;background:#000 -webkit-linear-gradient(left,#fff,#fff) no-repeat 0 0;  background:#000 -moz-linear-gradient(left,#fff,#fff) no-repeat 0 0;
  background:#000 -ms-linear-gradient(left,#fff,#fff) no-repeat 0 0;
  background:#000 -o-linear-gradient(left,#fff,#fff) no-repeat 0 0;
  background:#000 -webkit-linear-gradient(left,#fff,#fff) no-repeat 0 0;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:0.82em 100%;
}
#dTeam .title:after{width:0.75em;height:0.05em;display:block;content:'';background-color:#000;margin-top:5.19031452%;}
#dTeam .profile{font-size:14px;line-height:1.42857143em;text-align:left;}
#dTeam .profile h5{font-size:20px;line-height:1.5em;font-weight:normal;margin-bottom:1.2173913%;}
#dTeam .item{position:relative;}
#dTeam .item:nth-child(1){width:54.42176871%;padding-top:8.16326531%;}
#dTeam .item:nth-child(1) .pic,#dTeam .item:nth-child(1) .img{padding-bottom:75%;position:relative;}
#dTeam .item:nth-child(1) .figure{position:absolute;left:0;top:0;width:100%;height:100%;transition:height 0.8s ease-in 0s;}
#dTeam .item:nth-child(1) .img{transition:transform 1.5s ease 0s;transform:scale(1.5);}
#dTeam .item:nth-child(2){width:31.63265306%;}
#dTeam .item:nth-child(2) .figure{transform:translateY(-100%);opacity:0;transition:all 0.8s ease 0s;}
#dTeam .item:nth-child(2) .img{padding-bottom:66.88172043%;}
#dTeam .item:nth-child(3){width:100%;margin-top:-9.93197279%;z-index:2;}
#dTeam .item:nth-child(3) .figure{width:26.5099124%;float:left;padding:3% 0;transform:translateY(100%);opacity:0;transition:all 0.8s ease 0s;}
#dTeam .item:nth-child(3) .img{padding-bottom:130.86956522%;}
#dTeam .swiper-slide-active .item:nth-child(2) .figure,#dTeam .swiper-slide-active .item:nth-child(3) .figure{transform:translateY(0);opacity:1;}
#dTeam .swiper-slide-active .text{opacity:1;}
#dTeam .height .item:nth-child(1) .figure{height:0;}
#dTeam .height .item:nth-child(2) .figure{transform:translateY(-100%);opacity:0;}
#dTeam .height .item:nth-child(3) .figure{transform:translateY(100%);opacity:0;}
#dTeam .scale .item:nth-child(1) .img{transform:scale(1);}
#dTeam .button{position:absolute;right:0.68027211%;bottom:0;margin-bottom:9.18367347%;width:22px;z-index:5;}
#dTeam .swiper-arrow{width:22px;height:22px;border-radius:50%;position:relative;cursor:pointer;margin:2px 0;outline: none;}
#dTeam .swiper-arrow:before,#dTeam .swiper-arrow:after{content:'';display:block;position:absolute;}
#dTeam .swiper-arrow:before{width:100%;height:100%;background-color:#2c2c2c;border-radius:50%;opacity:0;transform:scale(0.5);transition:all .3s;}
#dTeam .swiper-arrow:after{width:12px;height:7px;background:no-repeat 0 0;background-size:100% auto;left:5px;z-index:2;}
#dTeam .swiper-arrow:hover:before{transform:scale(1);opacity:1;}
#dTeam .swiper-arrow:hover:after{background-position:0 100%;}
#dTeam .arrow-prev:after{background-image:url(../images/arrows_up_01.png);top:7px;}
#dTeam .arrow-next:after{background-image:url(../images/arrows_down_01.png);top:8px;}


.Query-xf{ position: fixed; right:10px; bottom:20%; text-align: center; z-index:10;}
.Query-xf .icon{ margin:0 auto; width:24px; height:28px; background:url(../images/query-img.png) no-repeat center; background-size: cover;}
.Query-xf a{ background:#fff; display:inline-block; padding:10px; box-shadow:0 0 5px rgba(0,0,0,.2); overflow: hidden; border-radius:5px;}
.Query-xf .txt{ color:#999999; margin-top:5px; line-height:1.5; font-size:12px;}



/*  */
.web-box{ display:none;}

@media only screen and (max-width:1568px){
  /*1568px*/
  #dTeam .title{font-size:5.10204082vw;}
}

@media only screen and (max-width:1460px){

  /*1460px*/
  .designer .name{font-size:4.10958904vw;}

  /*1460px*/
  #proDesigner .name{font-size:4.65753425vw;}

  /*1460px*/
  #dynamic .date{font-size:2.73972603vw;}
  #dynamic .title{font-size:1.50684932vw;}
}
@media only screen and (max-width:1280px){

  /*1280px*/
  .font42{font-size:3.28125vw;}

  /*1280px*/
  .font28{font-size:2.1875vw;}

  /*1280px*/
  .font24{font-size:1.875vw;}

  /*1280px*/
  body{font-size:14px;}

  /*1280px*/
  #column dl{min-width:21.20890774%;}

  /*1280px*/
  #authorization .inner{max-width:54.6875%;}
  #authorization .text{font-size:14px;height:5.3125vw;padding:1.484375vw 2.34375vw;}

  /*1280px*/
  #contact .hgroup:after{width:4.375vw;}

  /*1280px*/
  #contactType .name,#contactAddr .address{font-size:16px;}

  /*1280px*/
  #contactType{margin-bottom:15%;}

  /*1280px*/
  #contactAddr .btn a{width:95px;height:35px;line-height:35px;}

  /*1280px*/
  .newsItem a:hover{box-shadow:0px 0.3125vw 2.03125vw rgba(0,0,0,0.13);}

  /*1280px*/
  #postTitle{font-size:2.5vw;}

  /*1280px*/
  #certification .figure{box-shadow:0.3125vw 0.3125vw 0.78125vw rgba(0,0,0,0.13);}

  /*1280px*/
  .columnIntro .name{font-size:2.1875vw;}

  /*1280px*/
  .designer .intro{font-size:14px;}

  /*1280px*/
  .roomItem .name{font-size:18px;}
  .roomItem .btn{width:12.5%;}
  .roomItem .btn a{line-height:3.28125vw;}

  /*1280px*/
  #reserve .title{font-size:3.59375vw;margin-bottom:2.34375vw;}
  #reserve .tips{margin-bottom:4.453125vw;}
  #reserve .submit{margin-top:5.625vw;}

  /*1280px*/
  #category li{padding-right:3.125vw;}

  /*1280px*/
  #proSearch{width:21%;}

  /*1280px*/
  #products .list{width:103%;}

  /*1280px*/
  .proItem{width:33.333%;padding-right:3%;}

  /*1280px*/
  #proDesigner .title{font-size:14px;}
  #proDesigner .more a{width:80px;height:30px;line-height:30px;}

  /*1280px*/
  #proRelated .name{font-size:1.5625vw;}

  /*1280px*/
  #viewer .close{right:-8%;width:32px;height:32px;}

  /*1280px*/
  #advantage .top span{font-size:6.40625vw;}

  /*1280px*/
  #history .year{margin-bottom:15px;}
  #history .dot{width:10px;height:10px;}
  #history .dot:after{transform:scale(0.7);}
  #history .title{font-size:16px;margin-bottom:5%;}
  #history .swiper{margin:0 0 0 15.625%;}
  #history .swiper-slide:before{top:38px;}

  /*1280px*/
  #slides .swiper-arrow{width:1.796875%;}

  /*1280px*/
  #finish .title{font-size:16px;}
  #finish .swiper-arrow{width:2.5vw;height:2.5vw;}
  #finish .swiper-button-prev{right:3.28125vw;}

  /*1280px*/
  #dynamic .title,#dynamic .excerpt{line-height:1.5em;height:3em;}
  #dynamic .more{width:90px;}

  /*1280px*/
  #dTeam .profile h5{font-size:18px;}

  /*1280px*/
  #aboutus .intro h3 {font-size: 1.875vw;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  .font42{font-size:34px;}

  /*1024px*/
  .font28{font-size:22px;}

  /*1024px*/
  .font24{font-size:18px;}

  /*1024px*/
  #blank{height:58px;}

  /*1024px*/
  #header{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}

  /*1024px*/
  #logo{padding:20px 0;display:block;position:relative;}
	
  /*1024px*/	
  #topbtn {display:flex; justify-content:space-between; align-items:center; width:4.5em; font-size:16px;}
  
  /*1024px*/
  #menu{display:block;}

  /*1024px*/
  #navi{position:fixed;right:0;top:0;width:100%;height:100%;z-index:9;display:none;background-color:rgba(0,0,0,0.2);}
  #navi ul{display:block;}
  #navi > ul{background-color:#fff;height:100%;width:300px;max-width:calc(100% - 110px);position:absolute;right:0;top:0;padding:8vh 20px;box-shadow:-2px 0 4px rgba(0,0,0,0.1);overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all .3s;transform:translateX(100%);}
  #navi .show{transform:translateX(0);}
  #navi li{line-height:50px;margin:0 2.34375vw;padding:0;position:relative;}
  #navi li ul{padding:15px 0;}
  #navi li li{line-height:30px;margin:0;}
  #navi em{display:block;position:absolute;cursor:pointer;right:0;top:0;width:50px;height:50px;z-index:2;}
  #navi em:before,#navi em:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background-color:#000;}
  #navi em:before{width:1px;height:9px;right:4px;transition:all .3s;}
  #navi em:after{right:0;width:9px;height:1px;}
  #navi a:hover:after{width:0;}
  #navi .drop{position:static;background-color:transparent;padding:0 0 0 1em;}
  #navi .list{display:block;width:auto;padding:10px 0;}
  #navi dl{padding:5px 0;line-height:30px;}
  #navi .btn{cursor:pointer;}
  #navi dd{margin-top:0;display:none;margin-left:1.5em;}
  #navi .active em:before{height:0;}

  /*1024px*/
  #footer{padding:5% 0;}

  /*1024px*/
  #column{display:none;}

  /*1024px*/
  #bottom{padding:0;margin-bottom:3.5%;}
  #bottom .logo{float:none;margin:0 auto;}

  /*1024px*/
  #copyright{text-align:center;}
  #copyright span{margin:0 2.5%;}
  #copyright span:last-child{margin-right:2.5%;}

  /*1024px*/
  .wrapper{min-height:60vh;}

  /*1024px*/
  #contact .hgroup:after{width:44px;}

  /*1024px*/
  .newsItem .text{padding:0 5%;}
  .newsItem .title{font-size:20px;margin-bottom:5%;}
  .newsItem .date{width:100px;}
  .newsItem time{font-size:24px;}

  /*1024px*/
  #certification .swiper-pagination{margin-top:5%;}

  /*1024px*/
  .caseItem{display:block;}
  .caseItem .text{padding:5%;width:auto;}
  .caseItem .logo{margin-bottom:2.5%;}
  .caseItem .logo:after{margin-top:3.5%;}
  .caseItem .logo img{max-height:60px;}
  .caseItem .figure{width:auto;}

  /*1024px*/
  .columnIntro .name{font-size:22px;}

  /*1024px*/
  .designer .name{margin-bottom:10%;}
  .designer .intro{margin-bottom:7%;}

  /*1024px*/
  .roomItem .name{font-size:16px;}
  .roomItem .btn a{line-height:34px;}

  /*1024px*/
  #filter.fixed{top:58px;}

  /*1024px*/
  .proItem .name{font-size:14px;}
  .proItem .color i{width:13px;height:13px;}
  .proItem .color .more:after{width:6px;height:7px;}

  /*1024px*/
  #proRelated .box{padding:0 35px;}

  /*1024px*/
  #proRelated .title{font-size:20px;}
  #proRelated .name{font-size:16px;}

  /*1024px*/
  #proTab .fixed{top:58px;}
  #proTab .fixed li{padding:12px 0;}

  /*1024px*/
  #proInfo .title{font-size:2.5390625vw;}

  /*1024px*/
  #advantage .top{padding:6% 0 5%;}
  #advantage .text{width:45%;}

  /*1024px*/
  #history .dot{margin-bottom:6.5%;}
  #history .title{margin-bottom:2.5%;}
  #history .swiper{margin-left:0.9765625%;margin-right:-2.9296875%;}

  /*1024px*/
  .readmore a{font-size:12px;height:24px;width:80px;line-height:24px;}

  /*1024px*/
  #finish .swiper-arrow{width:26px;height:26px;}
  #finish .swiper-button-prev{right:34px;}

  /*1024px*/
  #dynamic .list{width:102.5%;}
  #dynamic .item{padding-right:2.5%;padding-bottom:2.5%;}
  #dynamic .title{font-size:16px;}
  #dynamic .date i{font-size:12px;}
  #dynamic .more:before,#dynamic .more:after{height:2px;}

  /*1024px*/
  #dTeam .info{width:80%;padding-right:8%;}
  #dTeam .title{background-size:1.6em 100%;margin-bottom:8%;}
  #dTeam .item:nth-child(3) .figure{width:28%;padding:2% 0;}

  /*1024px*/
  #aboutus .intro h3 {font-size: 18px; font-weight: bold;}
}
@media only screen and (max-width:768px){

  /*768px*/
  .font42{font-size:28px;}

  /*768px*/
  #blank{height:48px;}

  /*768px*/
  #logo{padding:15px 0;}

  /*768px*/
  #banner .arrow{width:18px;}

  /*768px*/
  #footer{padding:7% 0;}

  /*768px*/
  .popup .close{width:13px;height:13px;}

  /*768px*/
  #authorization{padding:12% 0 15%;}
  #authorization .query{padding-right:33px;}
  #authorization .text{height:42px;padding:6px 15px;}
  #authorization .button{width:18px;padding-bottom:18px;right:15px;}

  /*768px*/
  #contact .hgroup{margin-bottom:3.5%;}
  #contact .hgroup:after{margin:3.3% auto 0;}

  /*768px*/
  #contactType{margin-bottom:7%;}
  #contactType .icon{width:40px;}

  /*768px*/
  #contactAddr,#contactSocial{width:100%;margin-bottom:10%;text-align:center;}
  #contactAddr .btn a{margin:0 auto;}

  /*768px*/
  #contactSocial .box{margin-bottom:5%;}
  #contactSocial .box:last-child{margin-bottom:0;}
  #contactSocial ul{justify-content:center;}
  #contactSocial .qrcode img{margin:0 auto;}

  /*768px*/
  .newsItem .text{padding:0 3.5%;}
  .newsItem .title{font-size:18px;margin-bottom:2.5%;}
  .newsItem .excerpt{line-height:1.75em;height:3.5em;}
  .newsItem .date{width:70px;}
  .newsItem time{font-size:20px;}
  .newsItem time i{font-size:12px;}
  .newsItem .more{width:75%;padding-bottom:28%;}

  /*768px*/
  #loadmore{width:125px;}

  /*768px*/
  #breadcrumb{margin-bottom:5%;}

  /*768px*/
  #postTitle{font-size:20px;}

  /*768px*/
  #certification{padding:5vh 0 10vh;}
  #certification .name{opacity:1;}
  #certification .title{margin-bottom:7%;}
  #certification .swiper-wrapper{padding:0;}
  #certification .swiper-slide .info,#certification .swiper-slide-active .info{transform:none;}

  /*768px*/
  .caseItem .text{padding:6%;}
  .caseItem .logo{margin-bottom:3.5%;}
  .caseItem .logo:after{margin-top:4.5%;}

  /*768px*/
  .designer{display:block; padding:10% 0;}
  .designer .text{width:auto;margin-top:5%;}
  .designer .box{transform:none;}
  .designer .name{margin-bottom:3.5%;}
  .designer .intro{margin-bottom:2.5%;}
  .designer .figure{width:auto;}
  .designer:nth-child(2n) .box{transform:none;}

  /*768px*/
  #team,#showroom{padding:7% 0;}

  /*768px*/
  .roomItem .swiper-arrow{width:27px;padding-bottom:27px;}

  /*768px*/
  .roomItem .btn{width:90px;}
  .roomItem .btn a{line-height:30px;font-size:12px;}

  /*768px*/
  #reserve .box{padding:8%;}
  #reserve .form{display:block;}
  #reserve .column{width:auto;}
  #reserve .text{height:36px;padding:6px 10px;}
  #reserve textarea.text{height:125px;}
  #reserve .submit{height:34px;}

  /*768px*/
  #products .list{padding:2% 0;}

  /*768px*/
  #filter.fixed{top:48px;padding:3% 0;}

  /*768px*/
  #category{float:none;margin-bottom:2.5%;}
  #category ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
  #category li{float:none;padding:0 1.5vw;}
  #category li:last-child{padding-right:1.5vw;}

  /* 768 */
  #series{ padding:12% 0 10%;}

  /*768px*/
  #proSearch{float:none;width:auto;}

  /*768px*/
  .proItem{width:50%;}

  /*768px*/
  #propage #breadcrumb{margin-bottom:1.5%;}

  /*768px*/
  #proVideo .btn{width:22px;height:22px;bottom:0;margin-bottom:5%;right:5%;}

  /*768px*/
  #proDesigner .info,#proDesigner .figure{display:block;width:auto;}
  #proDesigner .text{display:block;margin-bottom:5%;}
  #proDesigner .more{margin-top:5%;}

  /*768px*/
  #proTab .fixed{top:48px;}
  #proTab .fixed li{padding:6px 0;}

  /*768px*/
  #proInfo .images,#proInfo .text{float:none;width:auto;}
  #proInfo .images{margin-bottom:5%;}
  #proInfo .title{font-size:20px;}
  #proInfo .intro{margin-bottom:3.5%;}
  #proInfo .item{padding:2.5% 0;}
  #proInfo ul{margin-top:2%;}

  /*768px*/
  #viewer .box{max-width:75%;}
  #viewer .close{ margin:0; top:-24px; right:-24px; width:24px;height:24px;}

  /*768px*/
  #aboutus .title{margin-bottom:5%;}
  #aboutus .text{display:block;}
  #aboutus .left ul{overflow:hidden;}
  #aboutus .left li{margin:0 !important;float:left;width: 30%; margin-right: 5%;}
  #aboutus .left li:nth-child(3){ margin-right: 0;}
  #aboutus .right{width:auto;}
  #aboutus .text{ overflow: hidden;}
  #aboutus .box{ margin-bottom:5%;}
  #aboutus .name,
  #aboutus .intro h3 {margin-bottom:3%;}
  #aboutus .left{ display: none; width: auto; font-size:16px; border-bottom: 1px solid #ededed; margin-bottom: 5%;}
  #aboutus .cn{ font-size:16px;}
  #aboutus .intro h3{ font-size:20px;}

  /*768px*/
  #advantage .item{display:block;}
  #advantage .image{width:auto;}
  #advantage .text{width:auto;margin-bottom:6%;}
  #advantage .hgroup{margin-bottom:5%;}
  #advantage .en{padding-bottom:3.5%;margin-bottom:3.6%;}
  #advantage .des{max-width:none;}
  #advantage .des h6{margin-top:0;}

  /*768px*/
  #history .columnIntro{margin-bottom:6%;}
  #history .box{display:block;}
  #history .timeline{width:auto;padding:15% 0;}
  #history .year{margin-bottom:19px;}
  #history .text{margin:0 -50%;}
  #history .dot{margin-bottom:15%;}
  #history .images{width:auto;}
  #history .swiper{margin:0;}
  #history .swiper-slide:before{top:42px;}

  /*768px*/
  #finish{padding:12% 0 10%;}
  #finish .swiper{padding-right:12%;}

  /*768px*/
  #dynamic{padding:12% 0 10%;}
  #dynamic .columnIntro{ padding-bottom:4.5%;}
  #dynamic .list{width:105%;align-items:center;}
  #dynamic .item{width:50%;padding:0 5% 5% 0;}
  #dynamic .title,#dynamic .excerpt{line-height:1.75em;height:3.5em;}
  #dynamic .excerpt{margin-bottom:7%;}
  #dynamic .date{font-size:20px;}

  /*768px*/
  #dTeam{ padding-top:12%;}
  #dTeam .swiper{margin-top:5%;}
  #dTeam .info{width:auto;padding:0 5%;float:none;}
  #dTeam .profile h5{font-size:16px;}
  #dTeam .item:nth-child(1){width:57%;}
  #dTeam .item:nth-child(2){width:34%;}

  /* 768 */
  #profile .inner{ padding:6% 0 8%;}
  #profile .columnIntro .intro{ text-align:left;}
  #profile .columnIntro .intro p{ margin:10px 0;}

  .web-box{ display:block;}
  .pc-box{ display:none;}
  .NewPro{ padding:6.33337vw 0; background:#141414;}
  .NewPro .ul{ width:calc(100% - 10.66667vw); margin:0 auto;}
  .NewPro .ul li .Tit{ text-align: center; margin:4vw 0; font-size:6vw; font-weight:500; line-height: 10.13333vw;}
  .NewPro .ul li:last-child .Tit{ margin-bottom:0;}

  /* 768 */
  .Query-xf{ right:0; transform: scale(.7);}
  .Query-xf .icon{ width:16px; height:19px;}

}
@media only screen and (max-width:540px){

  /*540px*/
  .font28{font-size:20px;}

  /*540px*/
  #banner .name{font-size:22px;}

  /*540px*/
  #contactType ul{display:block;width:auto;}
  #contactType li{width:auto;padding-right:0;}
  #contactType .info{padding:10% 5% 9%;}
  #contactType .icon{margin-bottom:3.5%;}
  #contactType .name{margin-bottom:3%;}
  #contactType .name:after{margin-top:3.5%;}

  /*540px*/
  .newsItem .td{display:block;}
  .newsItem .figure{width:auto;margin-bottom:3.5%;}
  .newsItem .text{padding:0;margin-bottom:3.5%;}
  .newsItem .title{margin-bottom:2%;}
  .newsItem .date{width:auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
  .newsItem time{font-size:18px;margin-bottom:0;}
  .newsItem .more{width:53px;padding-bottom:22px;}
  .newsItem a{display:block;padding:3.5%;}

  /*540px*/
  #loadmore{width:115px;}

  /*540px*/
  #postTitle{font-size:18px;}

  /*540px*/
  #certification .name{margin-top:5%;}
  #certification .swiper{width:80%;margin:0 auto;}
  #certification .swiper-pagination{margin-top:7%;}

  /*540px*/
  .columnIntro{margin-bottom:3.5%;}
  .columnIntro .name{font-size:20px; font-weight:bold;}
  .columnIntro .intro{margin-top:3.5%;}

  /*540px*/
  .designer .name{font-size:22px;}

  /*540px*/
  .roomItem .text,.roomItem .btn{display:block;width:auto;}
  .roomItem .swiper{margin-bottom:3.5%;}
  .roomItem .info{padding:0;margin-bottom:3.5%;display:block;}

  /*540px*/
  #reserve .title{font-size:20px;}

  /*540px*/
  .proItem .color{float:none;padding-left:4px;}
  .proItem .text{margin-right:0;}

  /*540px*/
  #proDesigner .name{font-size:24px;}

  /*540px*/
  #proRelated .swiper-button-prev{left:8px;}
  #proRelated .swiper-button-next{right:8px;}

  /*540px*/
  #advantage .columnIntro{margin-bottom:8%;}
  #advantage .top{padding:8% 0 7%;}
  #advantage .top span{font-size:40px;}

  /*540px*/
  #slides .swiper-arrow{width:10px;}

  /*540px*/
  #finish .swiper{padding-right:20%;}

  /*540px*/
  #dynamic .list{display:flex; width:auto; justify-content:space-between;}
  #dynamic .item{ display:none; width:48%; padding:0;margin-bottom:7%;}
  #dynamic .item:nth-child(2),
  #dynamic .item:nth-child(3){ display:block;}
  #dynamic .item.cover{ display:none;}
  #dynamic .date,
  #dynamic .figure{margin-bottom:3.5%;}
  #dynamic .title,
  #dynamic .excerpt{margin-bottom:4%;height:auto;line-height:1.5em;max-height:3.5em;}
  #dynamic .title{margin-bottom:2%;}
  #dynamic .more{padding-bottom:2%;font-size:12px;}

  /*540px*/
  #dTeam .info{width:auto;padding:0 30px 0 3.125%;float:none;}
  #dTeam .text{margin-left:90px;float:none;padding-left:5%;width:auto;}
  #dTeam .title{font-size:24px;margin-bottom:5%;background-size:16.66666667vw 100%;}
  #dTeam .title:after{height:2px;margin-top:3%;}
  #dTeam .profile{font-size:12px;}
  #dTeam .profile h5{font-size:16px;}
  /* #dTeam .item:nth-child(1),#dTeam .item:nth-child(2){width:48%;} */

  #dTeam .item:nth-child(3) .figure{width:90px;}
}

@media(max-width:751px){
  #dTeam .item:nth-child(1){width:70%;}
  #dTeam .item:nth-child(2){width:24.5%;}
  #dTeam .text{width:55%;}
  #dTeam .title{background-size: 4.5em 100%;}
  #dTeam .item:nth-child(3) .figure{margin-left:2%;width:36%;}
  #finish .swiper{padding-right:25%;}
}

@media(max-width:540px){
  #dTeam .text{width:56%;margin-left:0;padding:0;float:right;}
  #dTeam .title{background-size: 4.8em 100%;font-size: 20px;}
  #dTeam .profile h5{font-size: 14px;}
  #copyright{font-size: 12px;line-height: 22px;}
}
@media(max-width:375px){
    #series .columnIntro .intro p .span1{ display: inline;}
}