/*basic*/
body {font-family:Microsoft YaHei, '\9ed1\4f53';color: #333;font-size: 16px;}
.block {width: 100%;overflow: hidden;position: relative;}
.width {max-width: 1920px;overflow: hidden;margin: auto;}
.main {width:100%;max-width: 1400px;margin: 0 auto !important;}
::-webkit-scrollbar {background: transparent;width: 5px;}
::-webkit-scrollbar-thumb {background: #eee;}
/*.ico {background-image: url(../images/ico/ico.svg);mix-blend-mode:luminosity;display: block;opacity: .5;}*/

/*head*/
.btn {width: 120px;height: 50px;line-height: 50px;display: block;text-align: center;background: #4a5fe2;color: white;font-size: 18px;}
.btn:hover {transform: translateY(10px);}

/*head*/
.head {width: 100%;height: 80px;position: absolute;left: 0;top: 0;background: rgba(255,255,255,.9);z-index: 3;}
.head-home {position: fixed;}
.logo {width: 190px;height: 60px;background-image: url(../images/logo.png?v=2);text-indent: -9999px;margin: 5px 75px;position: absolute;left: 0;top: 0;animation-delay: 1s;}

/*.menu {width: 100%;height: 80px;}*/
/*.menu span {display: none;color: #4a5fe2;float: right;}*/
/*.menu-cont {text-align: center;}*/
/*.menu-cont a {height: 80px;line-height: 80px;padding: 0 20px;display: inline-block;font-weight: bold;transition: 0s all;margin: 0 2px;}*/
/*.menu-cont a.active,*/
/*.menu-cont a:hover {border-style: solid;border-bottom-color: #4a5fe2;border-top-color: transparent;border-width: 5px 0 5px 0;}*/

/*menu*/
.menu {height: 65px;margin-right: 130px;}
.menu-switch {color: white;}
.menu-cont {}
.menu-cont span {color: #333;font-weight: bold;font-size: 16px;}
.menu-cont li {position: relative;}
.menu-cont li i {color: white;display: none;}
.menu-cont li > a {color: #333;padding: 0 20px;height: 65px;line-height: 65px;font-size: 16px;font-weight: bold;}

.menu-cont li::after {
	 
    content: "";
    width: 0;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    transition: .35s all cubic-bezier(.77,0,.175,1);
    background-color:  #4a5fe2;
}
.menu-cont li:hover::after {
   
    width: 100%;
   
}		
.menu-group {width: 100%;background-color: var(--fff-9);top: 67px;text-align: center;padding:5px;}
.menu-cont li .menu-group a {width: 100%;line-height: 40px;padding: 0 10px;}
.menu-list {display: inline-block;width: 100%;text-align: left;vertical-align: top;}
.menu-list h6 {color: var(--blue);line-height: 40px;height: 40px;padding: 0 10px;}
.menu-list a:hover {background-color: var(--blue);color: white;}


.search {position: absolute;top: 0;right: 0;}
.search input {height: 80px;width: 300px;background: none;padding: 0 80px 0 20px;}
.search input:focus {background: white;}
.search button {width: 80px;height: 80px;background: none;position: absolute;top: 0;right: 0;}
.search button i {font-size: 36px;color: #4a5fe2;}
.search-btn {float: right;text-align: center;color: #4a5fe2;display: none;}

/*title*/
.title {padding: 30px 0;text-align: center;}
.title i {width: 70px;height: 5px;background: #4a5fe2;display: block;margin: auto;}
.title h3 {font-size: 16px;text-transform: uppercase;padding: 30px 0 0; color:rgb(0, 97, 171);}
.flower-info .title h3 {font-size: 16px;text-transform: uppercase;padding: 30px 0 0; color:#fff;}
.title h3 span {font-weight: 300;padding: 0 0 0 10px;}
.title h4 {font-size: 36px;font-weight: normal; color:rgb(19, 22, 62);}
.flower-info .title h4 {font-size: 36px;font-weight: normal; color:#fff;}
.title h4 a {float: right;padding: 0 30px;line-height: 40px;color: #4a5fe2;}
.title h5 {font-size: 28px;font-weight: normal; color:rgb(19, 22, 62);}
.title-left {text-align: left;}
.title-left i {margin: inherit;}

.title-group {padding: 20px 0;border-bottom: 1px #eee solid;margin: 0 0 20px;}
.title-group h5 {font-size: 24px;font-weight: normal;line-height: 100%;border-left: 5px #4a5fe2 solid;padding: 0 0 0 15px;float: left;}
.title-group i {float: right;color: #4a5fe2;}
.title-group i:hover {transform: rotate(180deg);}
.banner-flower {width: 100%;max-width: 1920px;margin: auto;height: 600px;position: relative;padding-top:80px;}
/*swiper*/

.swiper-container {width: 100%;height: 100%;margin: auto;}
.swiper-slide {background-size: cover;}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active {background: white;}
.swiper-pagination {bottom: 80px;width: 30%;margin: auto;right: 0;}
.swiper-pagination-bullet {width: 80px;height: 40px;line-height: 40px;border-bottom: 2px white solid;border-radius: 0;color:white;background: none;opacity: .3;}
.swiper-pagination-bullet-active {opacity: 1;}
.swiper-slide img{max-width: 1920px;}

/*foot*/
.space {width: 100%;height: 120px;}
.foot {background: #222;}
.foot-title {border-bottom: 1px #444 solid;line-height: 130px;text-align: right;font-size: 24px;color: #444;position: relative;}
.foot-tip {width: 230px;position: absolute;left: 0;top: -80px;}
.foot-tip i {width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #4a5fe2;position: absolute;bottom: 30px;right: -10px;}
.foot-tip li {width: 100%;height: 80px;line-height: 80px;text-align: center;color: white;text-transform: uppercase;background: rgba(74,96,226,.7);display: block;}
.foot-tip li:last-child {background: #4a5fe2;}
.foot-cont {display: flex;padding: 30px 0;}
.foot-nav {width: 100%;flex: 1;display: flex;}
.foot-nav li {width: 100%;}
.foot-nav li {width: 100%; padding:50px;}
.foot-nav li img {width: 200px;}
.foot-nav li h5 {color: white;font-size: 18px;font-weight: normal;padding: 0 0 20px;}
.foot-nav li a {display: block;color: #666;margin:10px 0;}
.foot-nav li a:hover {color: white;}
.foot-online {width: 470px;text-align:right;padding: 20px 0;}
.foot-online h3 {font-style: italic;font-size: 38px;color: #f53c49;}
.foot-online h4 {color: white;text-transform: uppercase;font-size: 26px;font-weight: normal;}
.foot-online span {color: #666;}
.copyright {background: #111;height: 70px;width: 100%;position: relative;}
.copyright-cont {line-height: 70px;color: #555;}
.sns {}
.sns a {width: 70px;height: 70px;display: block;float: left;opacity: .2;background-size: 50%;position: relative;}
.sns a.wechat {background-image: url(../images/ico/wechat.svg);}
.sns a.weibo {background-image: url(../images/ico/weibo.svg);}
.sns a.xcx {background-image: url(../images/ico/xcx.svg?v=2025);}
.sns-cont {width: 200px;height: 200px;position: absolute;left: -70px;bottom: 90px;background: white;box-shadow: 0 10px 10px rgba(0,0,0,.2);padding: 8px;display: none;}
.sns-cont img {width: 100%;height: auto;}
.sns-cont i {width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: white transparent transparent transparent;position: absolute;left: 0;right: 0;bottom: -10px;margin: auto;}
.sns a:hover {opacity: 1;}
.sns a:hover .sns-cont {display: block;}

/*banner*/
.banner {width: 100%;height: 80px;background-size: cover;position: relative; padding:200px;}
.banner .main {height: 100%;position: relative;}
.banner-about {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-contact {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-partner {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-pinpai {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-artinfo {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-jishu {height: 670px;}
.banner-new  {height: 400px;background-image: url(../user/banner/about.jpg);}
.banner-prd  {height: 400px;background-image: url(../user/banner/about.jpg);}

.banner-art {height: 100%;background-image: url(../user/banner/about.jpg);}
.banner-art .main {position: relative;height: 100%;}
.banner-art span {width: 8px;height: 50px;background: white;position: absolute;left: 0;top: 200px;}
.banner-art h4 {color: white;position: absolute;left: 0;bottom: 100px;font-size: 36px;font-weight: normal;border-left: 8px white solid;padding: 0 20px;}
.banner-article {height: 340px;background-image: url(../user/banner/article.jpg);}
.banner-class {height: 800px;}
.banner-library {height: 800px;}
.banner-library span {width: 150px;height: 150px;background: #4a5fe2;right: 0;bottom: -75px;}
.banner-library span i {width: 100%;height: 100%;background-size: 70%;}
/*.banner-flower {height: 800px;background-image: url("../user/flower/banner/bg.jpg");}*/
/*.banner-flower span {display: block;width: 580px;padding: 80px 0 0;animation-delay: .5s;}*/
/*.banner-flower em {position: absolute;right: 0;bottom: 0;margin: 50px;width: 170px;}*/
/*.banner-flower img {width: 100%;height: auto;}*/

/*about*/
.about-slogan {height: 230px;background: #4a5fe2;}
.about-slogan h4 {color: white;font-size: 32px;font-weight: normal;padding: 40px 0 20px;}
.about-slogan span {display: block;color: white;opacity: .2;font-size: 22px;}
.about-slogan i {width: 160px;height: 160px;margin: 35px 0;}

.about-tab {background: #ebeef3;}
.about-tab ul {display: flex;width: 100%;}
.about-tab li {width: 100%;display: block;height: 100px;line-height: 100px;text-align: center;font-size: 24px;border-bottom: 3px #ebeef3 solid;cursor: pointer;}
.about-tab li:hover,
.about-tab li.active {border-color: #4a5fe2;color: #4a5fe2;}

.about-about {padding: 100px 0;}
.about-about .main {position: relative;padding: 0 0 50px;}
.about-cont {width: 70%;height: 300px;background: rgba(255,255,255,.9);padding: 10px 10px 5px 0;}
.about-txt {width: 100%;height: 100%;overflow: auto;padding: 0 10px 0 0;}
.about-txt p {padding: 10px 0;}
.about-txt::-webkit-scrollbar-thumb {background: #4a5fe2;}
.about-img {width: 600px;height: 100%;position: absolute;top: 0;right: 20px;z-index: -1;}
.about-img span {width: 0;height: 0;border-style: solid;border-width: 0 0 90px 90px;border-color: transparent transparent #4a5fe2 transparent;position: absolute;right: 0;bottom: -15px;}

.about-corporate {padding: 100px 0;background-image: url(../user/about/corporate.jpg);background-size: cover;}
.about-corporate .main {display: flex;}
.about-corporate .title {width: 560px;}
.about-corporate .title h3,
.about-corporate .title h3 span,
.about-corporate .title h4 {color: white;}
.about-culture {padding: 30px 30px 0;}
.about-culture p {color: #999;}

.about-worth {width: 100%;flex: 1;}
.about-worth li {width: 20%;float: left;padding: 10px;}
.about-worth li a {width: 100%;height: 200px;display: block;background-image: url(../images/DM_20240513105626_005.jpg);background-size: auto;padding: 10px;}
.about-worth li a.awa-lt {background-position: left top;}
.about-worth li a.awa-rt {background-position: right top;}
.about-worth li a.awa-lc {background-position: left center;}
.about-worth li a.awa-rc {background-position: right center;}
.about-worth li a.awa-lb {background-position: left bottom;}
.about-worth li a.awa-rb {background-position: right bottom;}
.about-worth li a span {width: 100%;height: 100%;background: rgba(255,255,255,.8);display: block;text-align: center;}
.about-worth li a h5 {font-size: 20px;padding: 20px 0 20px;color: rgb(19, 22, 62);}
.about-worth li a h6 {font-size: 16px;font-weight: normal;color: #4a5fe2;}
.about-worth li a:hover {background-size: cover;}
.about-worth li a:hover span {background: white;}

.about-honor {padding: 100px 0;}
.about-honor .title {width: 520px;padding: 240px 0 0;}
.about-honor-tab {width: calc(100% - 680px);height: 650px;}
.about-honor-list {width: 140px;height: 100%;}
.about-honor-list ul {width: 100%;}
.about-honor-list li {width: 100%;height: 40px;line-height: 40px;opacity: .5;margin: 20px 0;position: relative;cursor: pointer;}
.about-honor-list li i {width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #4a5fe2;position: absolute;top: 50%;left: -20px;margin: -10px 0 0;opacity: 0;}
.about-honor-list li.active,
.about-honor-list li.active i {opacity: 1;}
.about-honor-cont {width: calc(100% - 160px);height: 100%; background: #ebeef3;border-right: 5px #4a5fe2 solid;padding: 20px;overflow: auto;display: none;}
.about-honor-cont::-webkit-scrollbar {width: 0;}
.about-honor-cont li {text-align: right;padding: 10px;color: #4a5fe2;}
.about-honor-cont li:hover {background: rgba(255,255,255,.8);}

.about-news {padding: 50px 0 100px;}
.about-news .main {display: flex;}
.about-news-cont {width: 100%;flex: 1;}
.about-list {}
.about-list li {margin: 0 0 10px;display: block;overflow: hidden;}
.about-list li a {height: 40px; line-height: 40px;display: block;float: left;}
.about-list li a:hover {color: #4a5fe2;}
.about-list li span {color: #ccc;padding: 0 10px 0 0;float: left;line-height: 40px;}

.about-light {width: 600px;height: 500px;margin: 20px 0;}
.about-light .gallery-top {height: 80%;width: 100%;}
.about-light .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about-light .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.about-light .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.about-contact {background-color:rgb(245, 245, 245);background-size: cover;padding: 40px 0 40px;}
.about-contact1 {background-color:rgb(245, 245, 245);background-size: cover;}
.about-mail {background-image: url(../user/about/mail.jpg);background-size: cover;padding: 90px 0 130px;}
.about-mail-cont {padding: 30px;width: 100%;margin: auto;}
.about-mail-cont input {width: 48%;flex: 1;height: 50px;border: 1px #333 solid;background: none;color: white; margin:5px;}
.about-mail-cont textarea {width: 100%;flex: 1;border: 1px #333 solid;background: none;color: white;margin:5px;}
.about-mail-cont input::placeholder {color: #333;opacity: .3;}
.about-mail-cont .btn {width: 170px;margin:0 auto;background:#4a5fe2;color: white ;font-weight: bold; margin-top:20px;}
/* 
.about-contact {margin: -50px 0 0;}
.about-contact .title h3,
.about-contact .title h3 span,
.about-contact .title h4 {color: #000;} */
.about-contact-cont {display: flex;}
.about-contact-cont ul {width: 500px;margin: 0 30px 0 0;}
.about-contact-cont li {line-height: 40px; background: rgba(247,223,223,.8);padding: 0 20px;margin: 10px 0;width: 100%; }
.about-contact-cont li i{padding: 5px 5px 0 0;}
.about-contact-cont h4 {color: white;font-size: 24px;padding: 10px 0;}
#allmap {width: 100%; flex: 1;border: 3px #333 solid;}



/*art*/
.art {}
.art-licheng {background-image: url(../images/lc_bg.png);background-size: cover;}
.art-info {background-image: url(../images/DM_20240513105626_005.jpg);background-size: cover;padding: 20px 0 20px;}
 .art-info li {/*width: 50%;*/height: 470px;display: block;padding: 10px 20px;} 
  .art-info li video{width: 740px;}
 .art-info1 {padding: 30px 0 60px;}
 .art-info1 li {width: 50%;/*height: 420px;*/display: block;padding: 10px 20px;} 
 .art-info2 {padding: 30px 0 0;}
 .art-info2 li {width: 50%;/*height: 420px;*/display: block;padding: 10px 20px;} 
.art-list {padding: 50px 0;background: #ebeef3;}
.art-list .swiper-slide {height: 250px;}

.art-huatai {background-image: url(../user/art/huatai.jpg);padding: 70px 0;background-size: cover;}
.art-huatai .title i {background: white;}
.art-huatai .title h3,
.art-huatai .title h3 span,
.art-huatai .title p,
.art-huatai .title h4 {color: white;}
.art-huatai .title p {margin: 50px 0 0;}

.art-activities {padding: 5px 0;/*background-image: url(../images/DM_20240511151507_001.jpg);*/}
.art-activities li {width: 33.33%; padding: 35px;float: left;}
.art-activities li a {display: block;/*background: #ebeef3;padding: 0 0 10px;*/position: relative;text-align:center;}
.art-activities li em {width: 100%;height: 360px;display: block;background-size: cover;}
.art-activities li h4 {height: 40px;overflow: hidden;font-size: 22px;padding: 10px;}
.art-activities li h5 {height: 50px;overflow: hidden;font-size: 22px;padding: 10px;}
.art-activities li p {padding: 10px;height: 80px;overflow: hidden;}
.art-activities li span {width: 70px;height: 70px;border-radius: 100%;position: absolute;right: 30px;bottom: -35px;background: #4a5fe2;text-align: center;}
.art-activities li i {line-height: 70px;color: white;font-size: 35px;}
.art-activities li a:hover span {transform: translateX(10px);}
.art-activities li a:hover em {opacity: .5;}
.art-activities li a:hover h4 {color: #4a5fe2;}

/*art-library*/
.art-library {padding: 50px 0;}
.art-library li {width: 33.33%; padding: 30px 35px;float: left;}
.art-library li a {display: block;background: #ebeef3;padding: 0 0 50px;position: relative;box-shadow: 6px 6px 20px 5px rgba(0,0,0,.1), -6px -6px 20px 5px #fff;border-radius: 12px; border: 2px solid #fff;}
.art-library li em {width: 100%;height: 230px;display: block;background-size: cover; padding: 50px; text-align: center}
.art-library li em img{width: 140px;}
.art-library li h4 {height: 50px;overflow: hidden;font-size: 22px;padding: 10px; text-align: center;}
.art-library li p {padding: 10px;height: 80px;overflow: hidden; text-align: center;}
.art-library li span {width: 30%;height: 70px;background: #ebeef3;float: left;box-shadow: 6px 6px 20px 5px rgba(0,0,0,.1), -6px -6px 20px 5px #fff;border-radius: 12px;text-align: center;margin-right: 15px;}
.art-library li h6 {height: 30px;overflow: hidden;font-size: 16px;}
.art-library li h7 {height: 30px;overflow: hidden;}
.art-library li a:hover em {opacity: .5;}
.art-library li a:hover h4 {color: #4a5fe2;}
.art-library .img-alert {text-align: center;margin-top: 20px; }
.art-library .img-alert img{ max-width: 750px;}
/* trade */
.library-project {
	background: #ebeef3;
	padding: 30px 0;
}
.trade {margin: 0 0 30px;}
.trade-nav {text-align: center;}
.trade-nav li {display: inline-block;margin: 0 10px;}
.trade-nav li a {line-height: 60px;padding: 0 30px;font-size: 16px;font-weight: bold;display: block;border-top: 3px #ebeef3 solid;}
.trade-nav li a.active {background: white; border-top: 3px #0067EC solid;}

.trade-group {background-color: white;overflow:hidden;display: none;padding: 50px 80px;background-position: center bottom;}
.trade-group:first-child {display: block;}

/*art-zhuan*/
.art-zhuan {padding: 50px 0;}
.art-zhuan li {width: 50%; padding: 30px 8px;float: left;}
.art-zhuan li .boximg{width:100%;box-shadow: 6px 6px 20px 5px rgba(0,0,0,.1), -6px -6px 20px 5px #fff;border-radius: 12px; border: 2px solid #fff; padding:10px;}
.art-cooper {padding: 20px 0 10px 0;}

.art-design {margin: 40px 0;height: 750px;overflow: hidden;}
.art-design li {padding: 3px;height: 250px;float: left;display: block;}
.art-design li a {width: 100%;height: 100%;display: block;background-size: cover;text-align: center;opacity: .3;}
.art-design li a i {color: #4a5fe2;font-size: 60px;line-height: 224px;opacity: 0;}
.art-design li a:hover,
.art-design li a:hover i {opacity: 1;}
.art-title {height:250px;position:absolute;top: 250px;left: 0; right: 0;margin: auto;background: white;z-index: 3;}
.art-title h3 {font-size: 100px;position: relative;line-height: 100%;padding: 20px 0 10px;}
.art-title h3 span {position: absolute;top: 55px;left: 0;right: 0;margin: auto;font-size: 30px;display: inline-block;background: white;width: 240px;height: 36px;line-height: 36px;padding: 0;}

@media(min-width:2301px){.art-design li {width: 10%;}.art-title {width: 20%;}}
@media(max-width:2300px){.art-design li {width: 11.11%;}.art-title {width: 33.33%;}}
@media(max-width:2050px){.art-design li {width: 12.5%;}.art-title {width: 25%;}}
@media(max-width:1800px){.art-design li {width: 14.28%;}.art-title {width: 42.84%;}}
@media(max-width:1600px){.art-design li {width: 16.66%;}.art-title {width: 33.33%;}}
@media(max-width:1400px){.art-design li {width: 20%;}.art-title {width: 60%;}}
@media(max-width:1100px){.art-design li {width: 25%;}.art-title {width: 50%;}}
@media(max-width:880px){.art-design li {width: 33.33%;}.art-title {width: 100%;}}

/*crumb*/
.crumb {width: 100%;height: 50px;background: #4a5fe2;}
.crumb i,
.crumb a {color: white;line-height: 50px;float: left;opacity: .5;}
.crumb i {width: 50px;height: 50px;text-align: center;font-size: 26px;}
.crumb a:hover {opacity: 1;}

/*article*/
.article {padding: 60px 0;}
.article-title {text-align: center;}
.article-title h2 {font-size: 36px;border-bottom: 1px #eee solid;padding: 20px 0;margin: 0 0 20px;}
.article-title i,
.article-title span {line-height: 30px;vertical-align: middle;opacity: .3;}
.article-title i {width: 50px;height: 30px;text-align: center;font-size: 20px;}
.article-cont {padding: 20px; box-shadow: 0 0 5px rgba(204, 204, 204, 0.3);}
.article-cont p {padding: 10px 0;}
.article-cont img {max-width: 100%;}
.article-page {}
.article-page i,
.article-page a {line-height: 60px;height: 60px;}
.article-page i {width: 30px;font-size: 30px;text-align: center;float: left;}
.article-page a {line-height: 60px;font-weight: bold;}
.article-page a[class="fr"] i {float: right;}
.article-page a:hover,
.article-page a:hover i {color: #4a5fe2;}

/*artist*/
.artist {height: 100%;}
.artist .swiper-slide {width: auto;}
.artist .artist-main {width: 100%;}
.artist-art {}
.artist-art em {width: 600px;height: 70vh;;margin: 0 0 30px}
.artist-art em img {max-width: 100%;max-height: 100%;}
.artist-art h5,
.artist-art span {text-align: center;display: block;}
.artist-art h5 {font-size: 20px;padding: 10px 0;}
.artist-bg {width: 100%;height: 100%;right: 0;z-index: -1;opacity: .5;background-size: cover;}
.artist-cont {width: 50%;height: 100%;background: #4a5fe2;position: relative;}
.artist-cont u {width: 100%;height: 100%;background: url(../images/artist.jpg) right bottom no-repeat;background-size: auto;}
.artist-cont u.udeg {transform: rotate(180deg);}
.artist-head {width: 100%;top: 0;padding: 0 20px;animation-delay: .8s;}
.artist-logo {width: 260px;height: 90px;background-image: url(../images/logo-white.svg);}
.artist-head i {line-height: 90px;text-align: center;color: white;opacity: .5;cursor: pointer;}
.artist-head i:hover {opacity: 1;}
.artist-group {width: 100%;position: relative;text-align: center;}
.artist-portrait {width: 210px;height: 210px;border-radius: 100%;border: 5px #6e7ee7 solid;background-size: cover;margin: 0 auto 120px;animation-delay:1.6s;}
.artist-txt {animation-delay: 2.4s;}
.artist-txt h3 {font-size: 24px;color: white;padding: 15px 0;}
.artist-txt p {color: white;text-align: center;opacity: .3}
.artist-btn {width: 80px;height: 80px;line-height: 80px;background: #fecb16;font-size: 40px;text-align: center;color: white;right: -40px;animation-delay: 3.2s;cursor: pointer;}
.artist-info {width: 30%;height: 100%;left: 50%;top: 0;background: rgba(255,255,255,.85);text-align: center;padding: 50px;display: none;}
.artist-info::-webkit-scrollbar-thumb {background: #4a5fe2;}
.artist-info-show {display: flex;}
.artist-info-cont {}
.artist-info h4 {font-size: 24px;padding: 30px 0;}
.artist-info span {padding: 0 20px 0 0;}
.artist-next {width: 50px;height: 50px;line-height: 50px;margin: -25px 0 0;text-align: center;background: none;color: white;font-size: 40px;animation-iteration-count: infinite;}

/*page*/
.page {padding: 40px 0;text-align: center;}
.page a {width: 50px;height: 50px;line-height: 50px;text-align: center;margin: 2px;display: inline-block;background: #ebeef3;vertical-align: middle;font-size: 20px;}
.page i {line-height: 50px;}
.page a:hover,
.page a.active {background: #4a5fe2;color: white;}
.page a:hover i {color: white;}

/*business*/
.business {}
.business-tab {background: #4a5fe2;text-align: center;}
.business-tab a {width: 240px;height: 90px;line-height: 90px;display: inline-block;font-size: 22px;position: relative;}
.business-tab a i {width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent white transparent;position: absolute;left: 0;right: 0; bottom: 0;margin: auto;opacity: 0;}
.business-tab a:hover,
.business-tab a.active {background: rgba(255,255,255,.2);transform: translateY(0);}
.business-tab a:hover i,
.business-tab a.active i {opacity: 1;}

.business-cont {}
.business-group {display: flex;padding: 15px 0;}
.business-group em {height: 190px;max-width: 500px;display: flex;margin: 0 20px 0 0;}
.business-group em img {max-width: 100%;max-height: 100%;mix-blend-mode: multiply;}
.business-group em:hover {opacity: .7;}
.business-info {width: 100%;flex: 1;}
.business-info h4 {font-size: 26px;font-weight: normal;padding: 0 0 10px;border-bottom: 1px #eee solid;}
.business-info h4:hover {color: #4a5fe2;}
.business-substance {padding: 5px 0;display: flex;}

.business-txt {width: 100%;}
.business-txt p {color: #666;padding: 5px 0;}
.business-txt span {background: #4a5fe2;padding: 0 15px;border-radius: 20px;margin: 0 10px 0 0;color: white;}
.business-txt lable {width:224px;height:61px;}

.business-txt a {height:61px; margin: 15px 10px; display: inline-block;}
.business-txt .bglan{vertical-align:middle;font-family:微软雅黑;font-size:16px;color:#ffffff;background-color:rgb(11, 83, 148);text-align:center;border-radius:0px;box-shadow:0 10px 10px 0 transparent; padding:15px;}

.business-txt .bghui{vertical-align:middle;font-family:微软雅黑;font-size:16px;color:rgb(51, 51, 51);background-color:rgba(255, 255, 255, 0.66);text-align:center;border-radius:0px;box-shadow:0 0px 10px 0 transparent; padding:15px;}
.business-txt .bghui:hover{color:#ffffff;background-color:rgb(11, 83, 148);}

.business-txt cite {height: 50px;line-height: 50px;display: block;background: #ebeef3;font-style: normal;margin: 10px 0;}
.business-txt cite i {width: 50px;text-align: center;line-height: 50px;float: left;}
.business-txt u {text-decoration: none;display: none;}

.business-list {width: 650px;display: flex;margin: 0 0 0 40px;}
.business-list li {padding: 10px;width: 100%;}
.business-list li a {width: 100%;height: 100px;display: block;background-size: cover;}
.business-list li a:hover {opacity: .7;}

.business-compy {padding: 40px 0;}
.business-compy .business-info h4 {font-weight: bold;}
.business-compy .business-txt p {color: #333;}
.business-compy .business-txt p a {color: #4a5fe2;}
.business-nummber {display: flex;border-top: 1px #ebeef3 solid;padding: 20px 0;}
.business-nummber li {width: 100%;text-align: center;}
.business-nummber li span {padding:10px 0;display: block;}
.business-nummber li h4,
.business-nummber li h5,
.business-nummber li h6 {font-size: 36px;}
.business-nummber li h5 {color: #4a5fe2;}
.business-nummber li h6 {color: #f53c49;}

/*tuglie*/
.tuglie {padding: 20px 0;}
.tuglie-cont {padding: 20px 0;}
.tuglie-cont li {
	width: 31%;
	float: left;
	padding: 5px;
    border-color: rgb(238, 238, 238);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 3px rgba(204, 204, 204, 0.3);
    margin: 10px;
    animation-delay: 0.045s;
	
	}
	
	
.tuglie-cont li a {display: block;transition: all .4s ease-out;}
.tuglie-cont li a:hover{margin-left:5px;}
.tuglie-cont li a em {background: #ebeef3;background-size: cover;width: 100%;height: 200px;display: flex;position: relative;}
.tuglie-cont li a em img {max-width: 75%;max-height: 75%;mix-blend-mode: multiply;}
.tuglie-cont li a em i {width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(74,95,226,.8);line-height: 200px;text-align: center;font-size: 60px;color: white;opacity: 0;}

.tuglie-cont li .info-box {
    margin-bottom: 15px;
    padding: 0 15px;
    position: relative;
}
.tuglie-cont li .info-box .time-box {
    position: absolute;
    display: flex;
    align-items: flex-end;
    top: -70px;
    
}

.tuglie-cont li .info-box .time-box .time {
    margin-right: 30px;
    width: 70px;
    height: 70px;
    background-color: rgb(27, 47, 95);
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.tuglie-cont li .info-box .time-box .time p:first-child {
    font-size: 20px;
	color: #fff;
}
.info-box .time-box .time p {
    margin: 0;
    font-size: 13px;
    padding-left: 5px;
    text-align: center;
	color: #fff;
}
.time-box .view {
    margin-right: 20px;
    font-size: 15px;
}
.time-box .view .material-icons {
	font-size: 18px;
}
.info-box .abs {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
    margin-top: 8px;
	font-size:14px;
	color:#666;
	line-height:28px;
    height:56px;
}
.info-box .prdtitle {
   font-size:17px;
   font-weight:bold;
   font-style:normal;
   color:rgb(27, 47, 95);
   text-decoration:none;
   line-height:40px;
   height:80px;
   margin-top:40px;
   height:40px;
   padding-top:10px;
}
.time-box .view i {
    color: rgb(27, 47, 95);
}
.info-box .time-box .view span {
    color: #261f1f94;
}
.tuglie-cont li .see-more {
    display: flex;
    align-items: center;
    color:rgb(27, 47, 95);
    cursor: pointer;
    margin-top: 10px;
    position: relative;
}
.tuglie-cont li .see-more span{
   
    color:rgb(27, 47, 95);
  
}
.info-box .see-more i {
    margin-left: 8px;
    transition: all .2s linear;
    line-height: 24px;
    font-size: 24px;
    color: rgb(27, 47, 95);
}
.tuglie-cont li a h4,
.tuglie-cont li a h5,
.tuglie-cont li a h6 {text-align: center;margin: 15px 0 10px;height: 25px;overflow: hidden;}
.tuglie-cont li a h4 {font-size: 18px;}
.tuglie-cont li a h5 {font-weight: normal;}
.tuglie-cont li a h6 {text-align: left;font-weight: normal;}
.tuglie-cont li a p {color: #c1c9d6;line-height: 160%;}
.tuglie-cont li a p span {color: #c1c9d6;}
.tuglie-cont li a:hover i {opacity: 1;}
.tuglie-cont li a:hover h4,
.tuglie-cont li a:hover h5,
.tuglie-cont li a:hover h6 {color: #4a5fe2;}

/*video*/
.video {}
.video-light {height: 800px;}
.video-light video {width: 100%;height: 100%;object-fit: cover;}
.video-block {padding: 50px 0 20px;}
.video-block li {width: 25%;float: left;padding: 10px;}
.video-block li a {width: 100%;height: 190px;display: block;background-size: cover;position: relative;}
.video-block li a span {width: 100%;height: 100%;left: 0;top: 0;padding: 20px;text-align: right;color: white;font-size: 24px;background-position: top right;}
.video-block li a span.vbl-1 {background-image: url(../images/video/1.png);}
.video-block li a span.vbl-2 {background-image: url(../images/video/2.png);}
.video-block li a span.vbl-3 {background-image: url(../images/video/3.png);}
.video-block li a span.vbl-4 {background-image: url(../images/video/4.png);}
.video-block li a:hover span {opacity: .8;}

/*navigation*/
.navigation {height: calc(100% - 80px)}
.navigation-cont {height: 100%;}

/*waterfall*/
.waterfall {}
.waterfall-cont {}
#fh5co-main {padding: 20px 0;overflow: hidden;}
#fh5co-board .item { margin: 10px 10px 20px 10px;overflow: hidden;}
#fh5co-board .item a { display: block;}
#fh5co-board .item .fh5co-desc {width: 100%;padding: 10px;float: left; line-height: 24px;color: #bcc7d8;}
#fh5co-board .item .fh5co-desc h5 {padding: 5px 0;color: #333;}
#fh5co-board .item img { max-width: 100%;}
.fh5co-board-img {position: relative;}
.fh5co-board-img span {width: 100%;height: 100%;background: rgba(74,95,226,.8);top: 0;left: 0;opacity: 0;}
.fh5co-board-img span i {font-size: 50px;color: white;}
.fh5co-board-img:hover span {opacity: 1;}

.column { float: left; }
@media screen and (max-width: 480px) {.column { float: none; position: relative; clear: both; }}
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%;}

#fh5co-board[data-columns]::before { content: '4 .column.size-1of4'; }
@media screen and (max-width: 450px) {#fh5co-board[data-columns]::before { content: '1 .column'; }}
@media screen and (min-width: 451px) and (max-width: 700px) {#fh5co-board[data-columns]::before { content: '2 .column.size-1of2'; }}
@media screen and (min-width: 701px) and (max-width: 850px) {#fh5co-board[data-columns]::before { content: '3 .column.size-1of3'; }}
@media screen and (min-width: 851px) {#fh5co-board[data-columns]::before { content: '4 .column.size-1of4';}}

/*case*/
.case {}
.case-title {text-align: center;padding: 40px 0;}
.case-title h5 {padding: 15px 0;font-size: 30px;font-weight: normal;}
.case-title span {font-weight: bold;color: #f53c49;}
.case-title p {color: #c1c9d6;text-align: center;}
.case-select {text-align: center;margin: 0 0 40px;}
.case-select li {width: 270px;margin: 0 10px;display: inline-block;border: 2px #4a5fe2 solid;position: relative;}
.case-select li select {width: 100%;height: 50px;padding: 0 50px 0 20px;color: #4a5fe2;}
.case-select li i {width: 50px;line-height: 50px;text-align: center;position: absolute;right: 0;top: 0;color: #4a5fe2;border-left: 2px #4a5fe2 solid;}

.case-design {background: #ebeef3;padding: 30px 0;}
.case-design .swiper-container {padding: 50px 0;}
.case-design .swiper-slide {width: 550px;height: 300px;background-color: white;padding: 10px;opacity: .5;display: flex;}
.case-design .swiper-slide u {width: 90%;height: 20px;position: absolute;bottom: 0;margin: auto;box-shadow: 0 10px 15px #ced5e0;z-index: -1;opacity: 0;left: 0;right: 0;}
.case-design .swiper-slide-active,
.case-design .swiper-slide-active u {opacity: 1;}
.case-design .swiper-pagination-bullet {background: #4a5fe2;}

.case-info {width: 130px;padding: 10px;text-align: center;}
.case-info i {width: 110px;height: 110px;border-radius: 100%;overflow: hidden;background-size: cover;display: block;margin: 20px auto 0;}
.case-info h6 {padding: 10px 0;}
.case-info span {color: #c1c9d6;}
.case-txt {width: 100%;flex: 1;padding: 10px;overflow: auto;}
.case-txt p {font-family: "楷体";}
.case-case {width: 180px;}
.case-case li {width: 100%;padding: 10px;}
.case-case li a {width: 100%;height: 120px;display: block;background-size: cover;}

.case-cont {background: #222;padding: 5px 5px 30px;}
.case-light {width: calc(100% - 350px - 20px);flex: 1;margin: 5px;background: #333;}
.case-light h3 {font-size: 24px;height: 60px;line-height: 60px;border-bottom: 1px #555 solid;display: block;padding: 0 0 0 20px;font-weight: normal;color: white;}
.case-light h3 a,
.case-light h3 a i {width: 60px;height: 60px;line-height: 60px;text-align: center;opacity: .5;color: white;}
.case-light h3 a:hover {opacity: 1;}

.case-album {height: 700px;padding: 0 10px;}
.case-album .swiper-slide img {max-width: 80%;max-height: 95%;}
.case-album .gallery-top {height: 80%;width: 100%;}
.case-album .gallery-thumbs {height: 20%;padding: 10px 0;}
.case-album .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.case-album .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.case-album .swiper-button-next,
.case-album .swiper-button-prev {background: #4a5fe2;color: aliceblue;width: 100px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;}
.case-album .swiper-button-next {right: 0;}
.case-album .swiper-button-prev {left: 0;}

.sider {width: 350px;margin: 5px;}
.sider-group {background: white;margin: 0 0 10px;}
.sider-group h4 {font-size: 24px;height: 65px;line-height: 65px;border-bottom: 1px #eee solid;padding: 0 0 0 20px;}
.sider-group h4 a,
.sider-group h4 a i {width: 50px;height: 65px;line-height: 65px;text-align: center;opacity: .5;}
.sider-group h4 a:hover {color: #4a5fe2;opacity: 1;}
.sider-info {padding: 10px;}
.sider-info li {height: 35px;line-height: 35px;display: block;}
.sider-info li span {width: 75px;float: left;display: block;}

.sider-list {padding: 5px;}
.sider-list li {padding: 5px;float: left;width: 50%;overflow: hidden;}
.sider-list li a {width: 100%;height: 150px;display: block;background-size: cover;position: relative;}
.sider-list li i {width: 100%;height: 100%;background: rgba(74,95,226,.8);line-height: 150px;text-align: center;color: white;font-size: 50px;position: absolute;left: 0;top: 0;opacity: 0;}
.sider-list li a:hover i {opacity: 1;}

/*stone*/
.stone {}
.stone-cont {background: #ebeef3;}
.stone-cont .case-light {background: white;}

.stone-screen {background: #ebeef3;margin: 50px 0 30px;}
.stone-screen li {width: 100%;overflow: hidden;display: block;position: relative;}
.stone-screen li span {background:#c1c9d6;float: left;height: 60px;line-height: 60px;width: 100px;text-align: center;color: white;font-weight: bold;}
.stone-screen li span i {text-align: center;display: none;color: white;}
.stone-screen-list {padding: 10px;}
.stone-screen-list a {height: 40px;line-height: 40px;padding: 0 15px;margin: 0 5px;display: block;float: left;}
.stone-screen-list a:hover,
.stone-screen-list a.active {background: #4a5fe2;color: white;}

.stone-condition {background: #ebeef3;}
.stone-condition a {width: 160px;background: none;color: #333;font-size: 16px;float: left;}
.stone-condition a i {line-height: 50px;float: right;margin: 0 10px 0 0;color: #4a5fe2;}
.stone-condition a:hover {background: #c1c9d6;transform: translateY(0);}
.stone-condition a.active {background: #4a5fe2;}
.stone-condition a:hover,
.stone-condition a.active,
.stone-condition a:hover i,
.stone-condition a.active i {color: white;}
.stone-condition a:hover i,
.stone-condition a.active i {transform: rotate(180deg);}

/*classroom*/
.classroom {}
.classroom-info {padding: 20px 0 70px;}
.classroom-info h4 {font-size: 48px;text-align: center;padding: 20px 0;font-weight: normal;}
.classroom-info p {padding: 10px 0;}
.classroom-info span {width: 550px;height: 340px;position: relative;float: right;background-size: cover;margin: 30px 0 0 50px;}
.classroom-info span i {position: absolute;left: -15px;top: -15px;width: 0;height: 0;border-style: solid;border-width: 0 0 120px 120px;border-color: transparent transparent transparent #4a5fe2;}
.classroom-info .title-group {border: 0;padding: 50px 0;}

.classroom-case {background: #ebeef3;padding: 40px 0;}
.classroom-title {padding: 20px 0;text-align: center;}
.classroom-title h4 {font-size: 36px;padding: 0 40px;border: #4a5fe2 solid;border-width: 0 6px 0 6px;display: inline-block;line-height: 100%;font-weight: normal;}
.classroom-light {}
.classroom-light .swiper-slide {height: 400px;}
.classroom-light .swiper-container {padding: 30px 0;}
.classroom-light .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 0;}
.classroom-light .swiper-pagination-bullet {background: #4a5fe2;}

/*design*/
.design {}
.star {height: 800px;background: #1a1a1a url(../images/design.png) center bottom no-repeat;}
.star .main {height: 100%;}
.star-cont {height: 100%;display: flex;position: relative;padding: 80px 0 0;}
.star-cont i {width: 140px;height: 140px;background-image: url(../images/ico/star.svg);right: 0;top: 80px;animation-delay: 1.8s;}
.star-info {width: 100%;flex: 1;padding: 160px 0 0;animation-delay: 1.2s;}
.star-info h4 {color: #4a5fe2;font-size: 48px;font-weight: 300;text-transform: uppercase;}
.star-info h5 {color: white;font-family: "楷体";font-size: 36px;}
.star-txt {margin: 50px 0 0;padding: 20px 0;border-top: 1px #333 solid;}
.star-txt p {}
.star-lead {width: 600px;height: 100%;background-position: center bottom;animation-delay: .6s;}
.star-viewpoint {left: 0;bottom: 0;background: rgba(74,95,226,.8);padding: 30px;overflow: inherit;animation-delay: 2.4s;}
.star-viewpoint::-webkit-scrollbar-thumb {background: #4a5fe2;}
.star-viewpoint span {width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 20px;border-color: transparent transparent rgba(74,95,226,.8) transparent;position: absolute;left: 250px;top: -20px;}
.star-viewpoint p {color: white;}

.design-top {padding: 80px 0 40px;}
.design-top a {width: 25%;float: left;padding: 0 0 0 30px;}
.design-top a span {width: 50%;height: 150px;background-size: cover;position: relative;margin: 0 0 50px;display: block;}
.design-top a span em {position: absolute;top: 0;width: 200%;text-align: center;line-height: 150px;font-size: 130px;color: #b5b5b5;opacity: .2;font-style: normal;font-weight: 300;}
.design-top-cont {padding: 20px;}
.design-top-cont h5 {height: 50px;line-height: 50px;width: 100%;overflow: hidden;display: block;font-size: 18px;}
.design-top-cont p {height: 70px;line-height: 35px;width: 100%;overflow: hidden;display: block;}
.design-top a:first-child {padding: 0;}
.design-top a:first-child span {width: 100%;height: 200px;margin: 0;}
.design-top a:first-child span em {display:none;}
.design-top a:first-child .design-top-cont {background: #4a5fe2;}
.design-top a:first-child .design-top-cont h5 {color: white;}
.design-top a:first-child .design-top-cont p {color: white;opacity: .3;}
.design-top a:hover .design-top-cont {opacity: .8;}
.design-top a:hover span em {color: #4a5fe2;opacity: 1;}

.design-artist {}
.design-artist-cont {padding: 20px 0 50px;}
.design-letter {display: flex;}
.design-letter li {width: 100%;}
.design-letter li a {width: 40px;height: 40px;line-height: 40px;text-align: center;font-weight: bold;color: #ddd;border-radius: 100%;text-transform: uppercase;font-size: 20px;display: block;margin: auto;}
.design-letter li a:hover,
.design-letter li a.active {background: #4a5fe2;color: white;}
.design-design {padding: 30px 0;display: none;}
.design-design a {width: 16.66%;float: left;}
.design-design a em {width: 160px;height: 160px;border-radius: 100%;overflow: hidden;display: block;margin: auto;}
.design-design a em i {width: 100%;height: 100%;line-height: 160px;text-align: center;display: block;background: rgba(74,95,226,.9);color: white;font-size: 50px;opacity: 0;}
.design-design a span {text-align: center;font-size: 18px;padding: 10px 0;display: block;}
.design-design a:hover i {opacity: 1;}

.design-activit {margin: 0 0 40px;}
.design-activit .swiper-container {padding: 10px 0 50px;}
.design-activit .swiper-slide {padding: 0;}
.design-activit-cont {width: 50%;height: 100%;padding: 30px;background: rgba(74,95,226,.9);}
.design-activit-cont h4 {padding: 20px 0 50px;color: white;font-size: 26px;font-weight: normal;text-transform: uppercase;}
.design-activit-cont p {color: white;opacity: .5;}

.design-synopsis {height: 600px;background: #4a5fe2 url(../images/designer.png) center bottom no-repeat;padding: 130px 0 0;text-align: center;}
.design-synopsis em {width: 200px;height: 200px;border-radius: 100%;padding: 5px;background: rgba(255,255,255,.3);display: block;margin: auto;}
.design-synopsis em u {width: 100%;height: 100%;border-radius: 100%;display: block;background-size: cover;}
.design-synopsis h4 {color: white;font-family: "楷体";font-size: 36px;padding: 20px 0;}
.design-synopsis span {border-top: 1px #6f81f2 solid;padding: 20px 0;color: white;display: inline-block;}
.design-synopsis cite {height: 70px;width: 100%;max-width: 1400px;background: rgba(57,79,212,.7);position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}

.design-brief {display: flex;background: #ebeef3;padding: 20px;margin: 0 0 40px;}
.design-brief-list {width: 350px;}
.design-brief-list li {height: 35px;line-height: 35px;margin: 10px;background: #dee3eb;}
.design-brief-list li span {padding: 0 20px;color: #4a5fe2;font-weight: bold;}

.design-brief-light {width: 500px;height: 280px;padding: 10px;}
.design-brief-txt {flex: 1;padding: 10px;}
.design-brief-txt h5 {font-size: 20px;padding: 10px 0;}
.design-brief-txt p {width: 100%;height: 200px;overflow: auto;padding: 5px;}
.design-brief-txt p::-webkit-scrollbar-thumb {background: #c1c9d6;}

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

.furniture-cont {height: 600px;background-size: cover;margin: 50px 0 30px;padding: 50px 0;}
.furniture-cont video {width: 100%; height: 500px;object-fit: fill;}

/*news*/
.news {padding: 50px 0 30px;}
.news-list {}
.news-group {border-bottom: 1px #eee solid;padding: 3px 0;display: flex; box-shadow: rgba(204, 204, 204, 0.3) 0px 0px 10px; margin-bottom: 20px; animation-delay: 0.015s;border-radius: 4px; background-color: rgb(255, 255, 255);width:96%;}
.news-group em {width: 300px;height: 230px;background-size: cover;display: block;border-radius: 4px;}
.news-group em i {width: 100%;height: 100%;line-height: 220px;display: block;background: rgba(57,79,212,.8);font-size: 50px;color: white;text-align: center;opacity: 0;}
.news-txt {width: 100%;flex: 1;margin-left:25px;}
.news-txt h4 {font-size: 20px;line-height: 40px;font-weight: normal;}
.news-txt i {width: 40px;height: 40px;line-height: 40px;text-align: center;float: left;display: block;}
.news-txt h4 i {color: #4a5fe2;font-size: 30px;}
.news-txt p {padding: 10px;}
.news-info {line-height: 40px;overflow: hidden;margin: 0 0 10px;}
.news-info i {color: #c1c9d6;}
.news-info span {color: #c1c9d6;display: block;float: left;}
.news-group a:hover em i {opacity: 1;}
.news-txt a:hover h4 {color: #4a5fe2;}

/*library*/
.library {}
.library-info {padding: 30px 0;}
.library-info h4 {font-size: 40px;font-weight: normal;padding: 30px 0;}
.library-cont {background: #ebeef3;}


/*pop*/
.pop {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);display: none;}
.pop-center {width: 100%;height: 100%;}
.pop-main {width: 90%;max-width: 900px;background: white;}
.pop-title {height: 50px;border-bottom: 1px #eee solid;}
.pop-title h3 {line-height: 50px;float: left;padding: 0 20px;font-weight: normal;font-size: 20px;}
.pop-title a {width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 26px;color: #4a5fe2;}
.pop-cont {padding: 20px;}
.pop-cont img {display: block;margin: auto;max-width: 100%;height: auto;}
.pop-btn {display: flex;padding: 0 0 20px;}
.pop-btn li {width: 100%;}
.pop-btn li a {width: 160px;margin: auto;}

/*flower*/
.flower {}
.flower-info {padding: 40px 0;}
.flower-info-cont {display: flex;padding: 20px 0;}
.flower-info-cont li {flex: 1;width: 100%;background-size: cover;margin: 10px;display: flex;flex-flow: column;}
.flower-info-cont li:first-child {width: 50%;flex: none;}
.flower-info-cont li:last-child {width: 50%;flex: none;}
.flower-info-cont li:hover {background-position: left center;}
.flower-info-cont li i:hover {background-position: center top;}
.flower-info-cont li a {width: 60%;height: 460px;background: rgba(72,94,228,.9);padding: 20px;}
.flower-info-cont li a span {color: white;font-size: 26px;font-weight: bold;}
.flower-info-cont li a span h5 {color: white;font-weight: normal;}
.flower-info-cont li i {flex: 1;height: 100%;display: block;margin: 10px;background-size: cover;}

.flower-five {display: flex;margin: 0 0 80px;}
.flower-five li {flex: 1;width: 100%;position: relative;}
.flower-five img {width: 100%;height: auto;}
.flower-five li a {position: absolute;left: 0;top: 0;width: 83%;height: 100%;display: flex;}
.flower-five li a span {flex: 1;color: white;padding: 0 10px;font-size: 16px;font-weight: bold;}
.flower-five li a em {width: 20%;font-weight: 300;font-size: 30px;color: white;font-style: normal;opacity: .5;}

.flower-case {background-image: url(../images/homeBg.jpg);padding: 30px 0;background-repeat: no-repeat;background-size: auto;}

.flower-project {
	background-image: url(../images/DM_20240511151507_001.png);
padding: 30px 0;
background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto;
 
  
  }
.flower-project-cont {display: flex;}
.flower-project-cont li {width: 100%;flex: 1;margin: 15px;}
.flower-project-cont li a {}
.flower-project-cont li a em {height: 360px;display: block;background-size: cover;}
.flower-project-cont li a span {background: white;line-height: 50px;display: block;text-align: center;font-size: 18px;}
.flower-project-cont li:hover {transform: translateY(5px);}
.flower-project-cont li:hover span {background: #4a5fe2;color: white;}

.flower-cooper {padding:0 0 20px 0;}
.flower-cooper1 {padding:0 0 540px 0;}
.flower-cooper-cont {display: flex;}
.flower-cooper-group {border: 2px #ebeef3 solid;border-radius: 20px;padding: 30px;flex: 1;margin: 20px;}
.flower-cooper-group h4 {font-size: 26px;text-align: center;}
.flower-cooper-group a {margin: 30px 0;width: 100%;height: 60px;line-height: 60px;border-radius: 30px;}
.flower-cooper-group:nth-child(2n) a {background: #ff6500;}

.flower-regional {margin: 0 0 50px;}
.flower-regional-cont {position: relative;margin: 30px 0;}
.flower-regional-cont img {width: 100%;height: auto;}
.flower-regional-cont ul {position: absolute;left: 0;top: 0;margin: 20px;}
.flower-regional-cont ul:last-child {right: 0;bottom: 0;left: auto;top: auto;}
.flower-regional-cont ul li {margin: 20px 0;background: rgba(255,255,255,1);line-height: 50px;padding: 0 20px;font-size: 18px;}

.product-cont {display: flex;/*background: rgba(249,249,249,.9);*/padding: 20px; margin-top: 30px;width: 70%; margin:0 auto;}
.product-cont li {width: 100%;/*border-right: 2px #666 dashed;*/cursor: pointer;position: relative;/*background-image: url(../images/casebg.png);filter: opacity(50%);*/ padding-left:20px;}
.product-cont li .img1 {
  width: 382px;
  height: auto;
  opacity: 0.5;
}
.product-cont li:last-child {border: 0;}
.product-cont li .text {
  position: absolute;
  top: 40%; /* 文字位置垂直居中 */
  left: 50%; /* 文字位置水平居中 */
  transform: translate(-50%, -50%); /* 使用transform进行微调居中 */
  width:90%;
  text-align: center;
}

.product-cont li .text h5 {color: #fff;font-size: 20px;text-align: center;font-weight: bold;padding: 30px 0 20px;text-transform:none;letter-spacing: 2px;}

.product-cont li .text img{text-align: center;padding: 10px 0 20px; width:20%;}

.product-cont li .text p {color: #fff;padding: 0 30px;opacity: 1;font-size: 12px; text-align: center;line-height: 150%;filter: opacity(100%);}
.product-cont li .text .btn-group{ padding-top:30px;}
.product-cont li .text .btn {width: 120px;height: 35px;line-height:35px;font-size: 13px; margin:0 auto;}
.product-cont li .text .btn:hover {background-color: rgb(88, 181, 48);}




.product-cont li u {opacity: 0;}
.product-cont li i {width: 150px;height: 150px;display: block;margin: 50px auto 0;}
.product-cont li i.pli-1 {background-image: url(../user/home/icon9.png);}
.product-cont li i.pli-2 {background-image: url(../user/home/Icons.png);}
.product-cont li i.pli-3 {background-image: url(../user/home/icon8.png);}
.product-cont li i.pli-4 {background-image: url(../user/home/icon6.png);}
/* .product-cont li:hover i.pli-1 {background-image: url(../user/home/icon9.png);}
.product-cont li:hover i.pli-2 {background-image: url(../user/home/Icons.png);}
.product-cont li:hover i.pli-3 {background-image: url(../user/home/icon8.png);}
.product-cont li:hover i.pli-4 {background-image: url(../user/home/icon6.png);}
.product-cont li:hover {background: #0aa0e8;transform: scale(1.2);border: 0;border-radius: 20px;}
.product-cont li:hover h5 {padding: 20px 0;text-transform:none;}
.product-cont li:hover p,
.product-cont li:hover u {opacity: 1;transition: 1s;} */



.product-cont1 {display: flex; margin-top: 30px;width: 80%; margin:0 auto;}
.product-cont1 li {width: 100%;cursor: pointer;position: relative; padding:0px;}
.product-cont1 li .img1 {
  width: 382px;
  height: auto; 
}
.product-cont1 li:last-child {border: 0;}
.product-cont1 li .text {
  position: absolute;
  top: 40%; /* 文字位置垂直居中 */
  left: 50%; /* 文字位置水平居中 */
  transform: translate(-50%, -50%); /* 使用transform进行微调居中 */
  width:90%;
  text-align: center;
}
.product-cont1 li .text i{width: 40px;height: 5px;background: #fff;display: block;margin: auto; margin-top:20px;}
.product-cont1 li .text u{width: 40px;height: 5px;background: #4a5fe2;display: block;margin: auto; margin-top:20px;}
.product-cont1 li .text h5 {color: #fff;font-size: 26px;text-align: center;font-weight: bold;padding: 20px 0 20px;text-transform:none;letter-spacing: 2px;}
.product-cont1 li .text h5 span{color: #fff;font-size:12px;text-align: center; font-weight:normal;text-transform:none;letter-spacing: 0px;}

.product-cont1 li .text h6 {color: #000;font-size: 26px;text-align: center;font-weight: bold;padding: 20px 0 20px;text-transform:none;letter-spacing: 2px;}
.product-cont1 li .text h6 span{color:color: rgb(153, 153, 153);font-size:12px;text-align: center; font-weight:normal;text-transform:none;letter-spacing: 0px;}

.product-cont1 li .text img{text-align: center;padding: 10px 0 20px; width:20%;}

.product-cont1 li .text p {padding: 0 30px;opacity: 1;font-size: 16px; text-align: center;line-height: 150%;filter: opacity(100%);}

.product-cont1 li .text .qy01{color: #fff;}
.product-cont1 li .text .qy02{color: rgb(0, 97, 171);}

.link {
	margin: 0 0 40px;
}
.link li {
	width: 25%;
	padding: 10px;
	float: left;
}
.link li a {
	width: 100%;
	height: 300px;
	border: 1px #D3DAE4 solid;
	background: white;
	cursor: default;
}
.link li a img {
	max-height: 100%;
	max-width: 80%;
	display: block;
}
.link1 {
	margin: 0 0 40px;
}
.link1 li {
	width: 33%;
	padding: 10px;
	float: left;
}
.link1 li a {
	width: 100%;
	height: 300px;
	border: 1px #D3DAE4 solid;
	background: white;
	cursor: default;
}
.link1 li a img {
	max-height: 100%;
	max-width: 80%;
	display: block;
}

#swiper-container1{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	 /* overflow: hidden;  */
}
#swiper-container1 .swiper-wrapper {
    perspective: 1200px;
}
/* 中间放到样式 */
#swiper-container1 .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;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	#swiper-container1 .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}

/* agora */
.agora {padding: 20px 600px 20px 0;margin: 20px 0 60px;}
.agora cite {width: 600px;height: 100%;background-size: cover;position: absolute;top: 0;right: 0;}
.agora-con {background: #F4F4F4;padding: 20px 40px 20px 20px;position: relative;}
.agora-con li {overflow: hidden;margin: 10px 0;}
.agora-con h5 {font-weight: bold;}
.agora-con span,
.agora-con em {display: block;position: absolute;right: 0;}
.agora-con span {width: 20px;height:100%;top: 0;background: #ddd;}
.agora-con em {border-style: solid;}
.agora-con em.ae-top {border-width: 0 0 20px 20px;border-color: transparent transparent #ddd transparent;top: -20px;}
.agora-con em.ae-bottom {border-width: 0 20px 20px 0;border-color: transparent #ddd transparent transparent;bottom: -20px;}
.agora-con a {width: 100px;height: 30px;line-height: 30px;font-size: 14px;}
.agora-con i{width: 14px;height: 14px;display: inline-block;margin: 0 2px 0 0;vertical-align: middle;}
.agora-con .ico{font-size: 14px; color:#fff;}
.agora-con a:hover i {transform: rotate(180deg);}
.agora-con .btn:hover {transform: translateY(0px);}


.contact-presale {background-image: url(../images/contact/presale.jpg);background-size: cover;margin: 30px auto 50px;padding: 80px 0;}
.contact-presale ul {display: grid;grid-template-columns: 1fr 1fr 1fr;}
.contact-presale li {padding: 10px;float: left;}
.contact-presale li a {display: block;background-color: white;padding: 10px 20px;box-shadow: 0 5px 10px var(--000-1);}
.contact-presale li a h5 {margin: 10px 0 15px;font-size: 18px;}
.contact-presale li a p {margin: 10px 0;display: flex;align-items: center;}
.contact-presale li a p i {margin: 0;}
.contact-presale li a p span {padding: 0 10px;}
.contact-presale li a p em {flex: 1;}
.contact-presale li a:hover {background-color:#3875c9;color: white;}

.contact-service {background: none;padding: 0;}
.contact-service ul {grid-template-columns: 1fr 1fr;}
.contact-service li a {box-shadow: 0 0 0;border-width: 1px;}