/*basic*/
body {font-size: 14px;}
.main {width:100%;max-width: 1200px;}

/*head*/
.btn {height: 45px;line-height: 45px;font-size: 16px;}
.btn:hover {transform: translateY(5px);}

/*head*/
.head {height: 65px;}
.logo {width: 160px;height: 54px;margin: 5px 75px;}

.menu {height: 65px; margin-right: 130px;}
.menu-cont a {height: 65px;line-height: 55px;padding: 0 20px;}

.search input {height: 65px;width: 240px;padding: 0 65px 0 15px;}
.search button {width: 65px;height: 65px;}
.search button i {font-size: 30px;}
.swiper-slide img{max-width: 1600px;}
/*title*/
.title {padding: 25px 0;}
.title i {width: 50px;}
.title h3 {font-size: 30px;padding: 20px 0 5px;}
.title h4 {font-size: 26px;}

.title-group {padding: 15px 0;margin: 0 0 15px;}
.title-group h5 {font-size: 22px;}



/*foot*/
.foot-title {line-height: 90px;font-size: 22px;}
.foot-tip {width: 210px;top: -60px;}
.foot-tip li {height: 60px;line-height: 60px;}

.foot-nav li h5 {font-size: 14px;padding: 0 0 10px;}
.foot-online {width: 440px;padding: 10px 0;}
.foot-online h3 {font-size: 32px;}
.foot-online h4 {font-size: 24px;}
.copyright {height: 50px;}
.copyright-cont {line-height: 50px;}
.sns a {width: 50px;height: 50px;}
.sns-cont {width: 140px;height: 140px;left: -45px;bottom: 60px;padding: 5px;}

/*banner*/
.banner {height: 500px;}
.banner-about {height: 500px;}
.banner-solution {height: 500px;}
.banner-library {height: 500px;}
.banner-jishu {height: 500px;}
.banner-new {height: 500px;}
.banner-art {height: 100%;}
.banner-art span {width: 5px;top: 140px;}
.banner-art h4 {bottom: 60px;font-size: 30px;border-left: 5px white solid;padding: 0 15px;}
.banner-article {height: 300px;}
.banner-class,
.banner-library {height: 600px;}
.banner-library span {width: 120px;height: 120px;bottom: -60px;}
.banner-flower {height: 700px;}
.banner-flower span {width: 80px;}
.banner-flower em {margin: 30px;width: 120px;}

/*about*/
.about-slogan {height: 160px;}
.about-slogan h4 {font-size: 26px;padding: 20px 0 10px;}
.about-slogan span {font-size: 20px;}
.about-slogan i {width: 100px;height: 100px;margin: 30px 0;}

.about-tab li {height: 70px;line-height: 70px;font-size: 20px;border-bottom: 2px #ebeef3 solid;}

.about-about {padding: 20px 0;}
.about-about .main {padding: 0 0 30px;}
.about-cont {height: 285px;}
.about-img {width: 500px;right: 0;}
.about-img span {border-width: 0 0 70px 70px;bottom: -20px;}

.about-corporate {padding: 70px 0;}
.about-corporate .title {width: 420px;}

.about-honor {padding: 70px 0;}
.about-honor .title {width: 360px;padding: 200px 0 0;}
.about-honor-tab {width: calc(100% - 400px);height: 520px;}
.about-honor-cont {padding: 15px;}

.about-news {padding: 20px 0 50px;}
.about-list li {margin: 0;}

.about-light {width: 520px;height: 430px;margin: 10px 0;}
.about-light .gallery-top {height: 75%;}
.about-light .gallery-thumbs {height: 25%;}

.about-mail {padding: 70px 0 100px;}
.about-mail-cont {padding: 30px;width: 50%; margin-left:35px;}
.about-mail-cont .btn {width: 150px;margin: 15px 0 0 30px;}

.about-contact {margin: -40px 0 0;}
.about-contact-cont ul {margin: 0 20px 0 0;}


/*art*/
.art {}
.art-info {padding: 20px 0 40px;}
.art-info li {height: 200px;padding: 10px 20px;}

.art-activities {padding: 40px 0;}
.art-activities li {padding: 25px 10px;}
.art-activities li em {height: 300px;}
.art-activities li h4 {font-size: 20px;}
.art-activities li p {height: 110px;}
.art-title h3 {font-size: 100px;}

/*article*/
.article {padding: 40px 0;}
.article-title h2 {font-size: 30px;}
.article-cont {padding: 40px 0;}

/*artist*/
.artist .swiper-slide > span {padding: 8px 20px;font-size: 20px;}
.artist-info {padding: 45px;overflow: auto;}
.artist-info h4 {font-size: 22px;padding: 20px 0;}
.artist-info span {padding: 0 15px 0 0;}
.artist-portrait {width: 150px;height: 150px;margin: 0 auto 40px;}

/*page*/
.page a {font-size: 18px;}

/*business*/
.business-tab a {height: 70px;line-height: 70px;font-size: 20px;}
.business-info h4 {font-size: 24px;}
.business-list {width: 500px;margin: 0 0 0 20px;}
.business-list li {padding: 5px;}
.business-compy {padding: 30px 0 0;}

/*video*/
.video-light {height: 600px;}
.video-block {padding: 40px 0 10px;}
.video-block li a {height: 170px;}
.video-block li a span {font-size: 22px;padding: 15px;}

/*navigation*/
.navigation {height: calc(100% - 65px)}

/*case*/
.case-title {padding: 30px 0;}
.case-title h5 {font-size: 28px;}
.case-design {padding: 10px 0;}

.case-light h3 {font-size: 22px;height: 50px;line-height: 50px;}
.case-light h3 a,
.case-light h3 a i {width: 50px;height: 50px;line-height: 50px;}

.case-album {height: 670px;}
.case-album .swiper-button-next,
.case-album .swiper-button-prev {width: 70px;}

.sider-group h4 {font-size: 20px;height: 55px;line-height: 55px;padding: 0 0 0 15px;}
.sider-group h4 a,
.sider-group h4 a i {height: 55px;line-height: 55px;}
.sider-info li {height: 30px;line-height: 30px;}

/*stone*/
.stone-screen {margin: 40px 0 20px;}
.stone-screen li span {height: 50px;line-height: 50px;}
.stone-screen-list a {height: 30px;line-height: 30px;}
.stone-condition a {font-size: 14px;}
.stone-condition a i {line-height: 45px;}

/*classroom*/
.classroom-info {padding: 20px 0 50px;}
.classroom-info h4 {font-size: 40px;padding: 15px 0;}

.classroom-info span {width: 500px;height: 300px;}
.classroom-info span i {border-width: 0 0 100px 100px;}
.classroom-info .title-group {padding: 30px 0;}

.classroom-case {padding: 30px 0;}
.classroom-title {padding: 15px 0;}
.classroom-title h4 {font-size: 32px;}
.classroom-light .swiper-slide {height: 360px;}
.classroom-light .swiper-container {padding: 25px 0;}

/*design*/
.star {height: 600px;}
.star-cont {padding: 65px 0 0;}
.star-cont i {width: 120px;height: 120px;top: 65px;}
.star-info {padding: 120px 0 0;}
.star-info h4 {font-size: 40px;}
.star-info h5 {font-size: 32px;}
.star-txt {margin: 30px 0 0;padding: 10px 0;}
.star-lead {width: 550px;}
.star-viewpoint {padding: 20px;}

.design-top {padding: 50px 0 30px;}
.design-top a {padding: 0 0 0 20px;}
.design-top a span {height: 120px;margin: 0 0 30px;}
.design-top a span em {line-height: 120px;font-size: 100px;}
.design-top-cont {padding: 15px;}
.design-top-cont h5 {height: 40px;line-height: 40px;font-size: 16px;}
.design-top-cont p {height: 60px;line-height: 30px;}
.design-top a:first-child span {height: 150px;}

.design-artist-cont {padding: 20px 0 30px;}
.design-letter li a {width: 36px;height: 36px;line-height: 36px;font-size: 18px;}
.design-design a em {width: 140px;height: 140px;}
.design-design a em i {line-height: 140px;font-size: 40px;}
.design-design a span {font-size: 16px;}

.design-activit-cont {padding: 20px;}
.design-activit-cont h4 {padding: 10px 0 20px;font-size: 22px;}

.design-synopsis {height: 470px;padding: 110px 0 0;}
.design-synopsis em {width: 160px;height: 160px;}
.design-synopsis h4 {font-size: 25px;padding: 15px 0;}
.design-synopsis span {padding: 15px 0;}
.design-synopsis cite {height: 50px;max-width: 1200px;}

.design-brief {padding: 10px;margin: 0 0 30px;}
.design-brief-list {width: 300px;}
.design-brief-light {width: 450px;}

/*furniture*/
.furniture-light {height: 600px;}
.furniture-tuglie .tuglie-cont li em {height: 300px;}
.furniture-tuglie .tuglie-cont li em i {line-height: 300px;}

.furniture-cont {height: 500px;margin: 20px 0 30px;padding: 40px 0;}
.furniture-cont video {height: 420px;}

/*news*/
.news {padding: 30px 0 10px;}
.news-group {padding: 20px 0;}
.news-group em {width: 280px;height: 200px;}
.news-group em i {line-height: 200px;font-size: 40px;}
.news-txt h4 {font-size: 24px;line-height: 40px;}
.news-txt i {width: 40px;height: 40px;line-height: 40px;}
.news-txt h4 i {font-size: 30px;}
.news-txt p {padding: 15px;}
.news-info {line-height: 40px;margin: 0 0 10px;}

/*library*/
.library {}
.library-info {padding: 20px 0;}
.library-info h4 {font-size: 30px;padding: 25px 0;}

.yard {max-width: 1200px;}
.yard-cont {padding: 5px 15px;}

/*flower*/
.flower-info-cont li a {width: 60%;height: 180px; text-align:center;}
.flower-project-cont li a em {height: 200px;}