@charset "utf-8";
/* CSS Document */

.fazhan1{ padding:70px 0 160px; position:relative; background:url(../images/icons/fz11.png) left top no-repeat, url(../images/icons/fz12.png) right bottom no-repeat; background-color:#fff; margin-bottom:-70px;}
.fazhan1 .attr{ display:flex; justify-content:space-between; align-items:flex-end; position:relative; z-index:3;}
.fazhan1 .attr::before,
.fazhan1 .attr::after{ display:none;}
.fazhan1 .box{ width:56%; flex-shrink:0; padding:0 0 60px; margin:0 4% 0 0;}
.fazhan1 .txt{ max-height:34em; line-height:2; color:#444; font-size:16px; overflow-y:scroll; padding-right:1.25em; text-align:justify;}
.fazhan1 .txt::-webkit-scrollbar{ width:6px; height:6px;}
.fazhan1 .txt::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.15); background:rgba(0,170,114,0.8); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-radius:5px; cursor:pointer;}
.fazhan1 .txt::-webkit-scrollbar-thumb:hover{ background/:#00aa72;}
.fazhan1 .txt::-webkit-scrollbar-track{ background:rgba(0,0,0,0.05); background:rgba(0,86,61,0.1); border-radius:5px;}
.fazhan1 .txt::-webkit-scrollbar-button{ height:0; background:rgba(0,0,0,0.05); background-clip:padding-box; border:0px solid rgba(255,255,255,0); border-width:0px 0;}
.fazhan1 .txt::-webkit-scrollbar-button:hover{ background/:#e60012;}
.fazhan1 .pic{ width:25%; flex-shrink:0; padding:0 6% 64px 4%; position:relative;}
.fazhan1 .pic::after{ content:''; display:block; width:100%; height:64px; background:url(../images/icons/shadow.png) center bottom no-repeat; background-size:100% 100%; position:absolute; left:0; bottom:0; z-index:1; opacity:0.12;}
.fazhan1 .pic img{ display:block; width:100%;}
.fazhan1 .pic dl{ display:inline-block; vertical-align:top; color:#00aa72; font-size:16px; background:rgba(0,170,114,0.9); overflow:hidden; padding:0.7em 0;}
.fazhan1 .pic dl{ background:none; position:absolute; left:22%; bottom:0; z-index:3;}
.fazhan1 .pic dl dt{ display:block; float:right;}
.fazhan1 .pic dl dt img{ display:block; height:2.5em;}
.fazhan1 .pic dl dd{ display:block; line-height:1.875; border-right:0px solid #fff; overflow:hidden; padding:0.625em 1em 0 0;}

.fazhan1 .pic{ padding-bottom:76px;}
.fazhan1 .pic::after{ height:76px; background:url(../images/icons/ab2.png) left bottom no-repeat; background-size:100% 100%; opacity:1;}
.fazhan1 .pic dl{ line-height:40px; color:#fff; padding:18px 0; left:18%;}
.fazhan1 .pic dl dt{ line-height:inherit; font-size:1.5em; border-left:1px solid #fff; padding:0 1em;}
.fazhan1 .pic dl dd{ line-height:inherit; padding:0 1.5em;}

.fazhan2{ background:#fff;}
.fazhan2 dl{ display:block; font-size:16px;}
.fazhan2 dl dt{ display:block; line-height:3.1; color:#333; font-size:1.625em; padding:0.5em 0 0 1.125em; background:url(../images/icons/bar.png) left bottom no-repeat;}
.fazhan2 dl dd{ display:flex; padding:20px 0;}
.fazhan2 dl dd:nth-child(even){ flex-direction:row-reverse;}
.fazhan2 dl dd img.pic{ display:block; width:50%; flex-shrink:0; height:420px; object-fit:cover;}
.fazhan2 dl dd .box{ display:flex; flex-direction:column; justify-content:center; flex:auto; background:#edf3f8; padding:0 4%;}
.fazhan2 dl dd .box h4{ display:block; line-height:1.5; font-size:1.5em; font-weight:normal; padding:0 0 1em;}
.fazhan2 dl dd .box .txt{ line-height:2; color:#666; min-height:8em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp/:3;
}
.fazhan2 dl dd .box a.more{ display:block; line-height:2; color:#00aa72; padding:1.875em 0 0; overflow:hidden; border-top:1px solid #ddd; margin:1.875em 0 0;}
.fazhan2 dl dd .box a.more::before{ content:''; display:block; width:50%; height:2em; background:url(../images/icons/fz_more.png) right center no-repeat; float:right;}

.fazhan3{ background:#fff; padding:60px 0 80px;}
.fazhan3 dl{ display:flex; align-items:center; font-size:16px; background:url(../images/icons/fz03.jpg) left bottom no-repeat, url(../images/icons/fz03.png) right bottom no-repeat; background-size:auto 100%; background-color:#374140;}
.fazhan3 dl dt{ display:flex; flex-direction:column; justify-content:center; width:24%; height:100%; padding:0 3.25%; flex-shrink:0;}
.fazhan3 dl dt h3{ display:block; line-height:1; color:rgba(180,173,144,.6); font-size:2.5em; padding:20% 0 0.75em;}
.fazhan3 dl dt h4{ display:block; line-height:1; color:#b4ad90; font-size:1.5em; font-weight:normal; padding:0 0 0.75em;}
.fazhan3 dl dt h5{ display:block; line-height:1; color:rgba(180,173,144,.4); font-size:1.125em; text-transform:uppercase;}
.fazhan3 dl dd{ display:flex; align-items:center; justify-content:flex-end; overflow:hidden; flex:1; padding:0 3.25%;}

.fazhan3 .book{ width:100%; font-size:16px; position:relative; margin:60px 0;}
.fazhan3 .book .swiper-container{ padding:20px; margin:0 48px;}
.fazhan3 .book .swiper-slide{ display:block; height:100%; position:relative;}
.fazhan3 .book .swiper-slide a.pic{ display:block; width:200px; margin:0 auto;}
.fazhan3 .book .swiper-slide a.pic img{ display:block; width:100%; height:272px; object-fit:cover; transition:all ease 0.4s;}
.fazhan3 .book .swiper-slide:hover a.pic img{ transform:scale(1.05);}
.fazhan3 .book .swiper-button-prev,
.fazhan3 .book .swiper-button-next{ display:block; width:38px; height:70px; top:50%; margin-top:-35px; background-size:contain !important; filter:brightness(0) invert(1); opacity:1; z-index:3;}
.fazhan3 .book .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:0;}
.fazhan3 .book .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:0;}
.fazhan3 .book .swiper-button-prev:hover,
.fazhan3 .book .swiper-button-next:hover{ filter:brightness(1) invert(0);}
.fazhan3 .book .swiper-button-lock{ opacity:0;}

.in-xxlou1{ display:none; position:absolute; z-index:1; left:0; bottom:0; width:18.75%; height:70.58%; opacity:0.7;}
.in-xxlou2{ display:none; position:absolute; z-index:1; right:0; bottom:0; width:19.15%; height:72.92%; opacity:0.7;}
.in-xxlou11,
.in-xxlou12,
.in-xxlou13,
.in-xxlou14,
.in-xxlou21,
.in-xxlou22,
.in-xxlou23,
.in-xxlou24{ display:block; position:absolute; height:auto;}
.in-xxlou11{ width:34.66667%; top:4.697%; left:0;}
.in-xxlou12{ width:42.66667%; top:46.4765%; left:13.6%;}
.in-xxlou13{ width:42.66667%; top:21.9798%; left:34.66667%;}
.in-xxlou14{ width:42.66667%; top:45.302%; left:56%;}
.in-xxlou21{ width:43.0809%; top:39.3495%; left:1.566%;}
.in-xxlou22{ width:42.8198%; top:39.3495%; left:44.3864%;}
.in-xxlou23{ width:42.8198%; top:15.1219%; left:22.7154%;}
.in-xxlou24{ width:34.4647%; top:0.487%; left:65.7963%;}
.in-xxlou11,
.in-xxlou12,
.in-xxlou13,
.in-xxlou14,
.in-xxlou21,
.in-xxlou22,
.in-xxlou23,
.in-xxlou24{ animation:in-xxlou2 5s infinite linear alternate both;}
.in-xxlou11,
.in-xxlou21{ animation-delay:1s;}
.in-xxlou12,
.in-xxlou22{ animation-delay:2s;}
.in-xxlou13,
.in-xxlou23{ animation-delay:3s;}
.in-xxlou14,
.in-xxlou24{ animation-delay:4s;}
@keyframes in-xxlou2{
	0%{ transform:translateY(-100px);}
	100%{ transform:translateY(0);}
}

.fazhan4{ background:#f6f6f6; background:#edf3f8; overflow:hidden; position:relative; padding:20px 0 80px;}
.fazhan4::before{ content:''; display:block; width:100%; height:60px; background:linear-gradient(rgba(246,246,246,0), rgba(246,246,246,1)); background:linear-gradient(rgba(237,243,248,0), rgba(237,243,248,1)); position:absolute; left:0; bottom:0; z-index:3;}
.fazhan4 .attr{ display:flex; align-items:flex-end;}
.fazhan4 .attr h2.title{ padding:3em 0 1em;}
.fazhan4 .txt{ line-height:2; color:#333; font-size:16px;}
.fazhan4 p.links{ display:block; overflow:hidden; padding:30px 0 0;}
.fazhan4 p.links span{ display:block; width:50%; float:left;}
.fazhan4 p.links span a{ display:inline-block;}
.fazhan4 p.links span a img{ display:block; height:80px;}

.fazhan42{ height:60px; background:linear-gradient(rgba(246,246,246,1), rgba(255,255,255,1)); background:linear-gradient(rgba(237,243,248,1), rgba(255,255,255,1));}

.painting{ width:calc(40vw + 100px); height:550px; height:450px; position:relative; flex-shrink:0; margin:40px 0 0 -100px;}
.painting *{ position:absolute;}
.painting > *{ opacity:0; -webkit-transition:opacity 0.1s linear; -moz-transition:opacity 0.1s linear; transition:opacity 0.1s linear;}
.painting .location{ top:0px; left:0px;}
.painting .st0{ fill:#00aa72;}
.painting .st1{ fill:none; stroke:#00aa72; stroke-width:0.5; stroke-miterlimit:10;}
.painting .bg{ width:1169px; height:550px; left:0px; top:0px; z-index:1; opacity:0.4;}
/*
.painting .softonic{ width:130px; height:83px; left:170px; top:293px; padding-top:55px; background:url() 0px bottom/130px auto no-repeat;}
.painting .softonic .location{ background:url() 0 top/31px auto no-repeat; width:33px; height:55px;}
.painting .obj-wrap.inview .softonic{ opacity:.8;}
*/
.painting .logo0{ width:100px; height:30px; left:366px; top:265px; padding-top:52px; background:url(../images/logo1.png) 0px bottom/100% auto no-repeat; z-index:2;}
.painting .logo0 .location{ background:url(../images/location.png) center top/30px auto no-repeat; width:100%; height:52px;}
.painting .logo0{ opacity:1;}
.painting .logo1{ width:132px; height:36px; left:452px; top:113px; padding-top:52px; background:url(../images/logo0.png) 0px bottom/100% auto no-repeat; z-index:2;}
.painting .logo1 .location{ background:url(../images/location0.png) center top/30px auto no-repeat; width:100%; height:52px;}
.painting .logo1{ opacity:1;}
.painting .logo2{ width:160px; height:32px; left:538px; top:262px; padding-top:52px; background:url(../images/logo2.png) 0px bottom/100% auto no-repeat; z-index:2;}
.painting .logo2 .location{ background:url(../images/location.png) center top/30px auto no-repeat; width:100%; height:52px;}
.painting .logo2{ opacity:1;}
/*
.painting .use{ width:176px; height:69px; left:372px; top:445px; padding-top:48px; background:url() 0px bottom/176px auto no-repeat;}
.painting .use .location{ background:url() center top/31px auto no-repeat; width:176px; height:48px;}
.painting .obj-wrap.inview .use{ opacity:.8;}
*/
.painting > *{ opacity:1;}



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

.fazhan1{ background-size:auto 200px, auto 300px;}
.fazhan1 .box{ padding:0 0 40px;}
.fazhan1 .txt{ font-size:15px; max-height:30em;}

.fazhan2 dl{ font-size:15px;}
.fazhan2 dl dd img.pic{ height:340px;}
.fazhan2 dl dd .box .txt/{ -webkit-line-clamp:2;}
.fazhan2 dl dd .box a.more{ margin:1.5em 0 0; padding:1.5em 0 0;}

.fazhan3{ padding:40px 0 70px;}
.fazhan3 .book .swiper-container{ margin:0 58px 0 38px;}

.fazhan4{ padding-bottom:40px;}
.fazhan4 .txt{ font-size:15px;}
.fazhan4 p.links{}
.painting{ transform:scale(0.9) translateX(-30px); transform-origin:left top; margin-bottom:40px;}

.fazhan42{ height:40px;}

}

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

.fazhan1{ background-size:auto 80px, auto 120px; padding:30px 0 80px;}
.fazhan1 .attr{ display:block;}
.fazhan1 .pic{ width:auto; padding:0 0 44px; margin:0 0 20px;}
.fazhan1 .pic::after{ width:100%; background-size:90% 100%; background-position:center; height:44px;}
.fazhan1 .pic img{ width:auto; height:200px; margin:0 auto;}
.fazhan1 .pic dl{ font-size:14px; line-height:1.75em; padding:10px 0; width:200px; left:46%; transform:translateX(-50%);}
.fazhan1 .pic dl dt{ font-size:1.375em; padding:0 14px;}
.fazhan1 .pic dl dd{ padding:0 14px;}
.fazhan1 .box{ width:auto; margin:0; padding:0 0 10px;}
.fazhan1 .txt{ font-size:14px; line-height:1.875; max-height:none; padding:0; overflow:hidden;}

.fazhan1 .pic dl{ width:95%; left:0; display:flex; transform:none; display:flex; justify-content:center; flex-direction:row-reverse;}
.fazhan1 .pic dl dt{ float:none;}

.fazhan2{ margin:38px 0 0; position:relative;}
.fazhan2 dl{ font-size:14px;}
.fazhan2 dl dt{ font-size:1.125em; font-size:16px; font-weight:bold; padding:1.3em 0 0.8em 1.125em; line-height:1.625; background-size:auto 1.4em; padding:1.3em 0 0.8em 0.875em;}
.fazhan2 dl dd{ display:block; padding:15px 0 0;}
.fazhan2 dl dd img.pic{ width:100%; height:auto;}
.fazhan2 dl dd .box{ padding:15px 15px 13px;}
.fazhan2 dl dd .box h4{ font-size:1.125em; font-size:15px; padding:0 0 0.5em; line-height:1.75;}
.fazhan2 dl dd .box .txt{ -webkit-line-clamp:99; line-height:1.875; font-size:13.5px; min-height:0;}
.fazhan2 dl dd .box a.more{ display:none;}

.fazhan3{ padding:15px 0 40px;}
.fazhan3 dl{ display:block; font-size:12px;}
.fazhan3 dl dt{ display:block; width:auto; padding:0 30px;}
.fazhan3 dl dt h3{ padding:14% 0 0.75em;}
.fazhan3 dl dd{ display:block; padding:0 10px;}
.fazhan3 .book{ margin:36px 0 40px;}
.fazhan3 .book .swiper-container{ margin:0 48px; padding:0;}
.fazhan3 .book .swiper-slide a.pic{ width:auto;}
.fazhan3 .book .swiper-slide a.pic img{ height:auto;}
.fazhan3 .book .swiper-button-prev{ background-position:left center;}
.fazhan3 .book .swiper-button-next{ background-position:right center;}

.in-xxlou1{ display:block; width:32%; height:244px; top:120px; bottom:auto; opacity:0.7;}
.in-xxlou2{ display:block; width:32%; height:244px; top:120px; bottom:auto; opacity:0.7;}

.fazhan1{ background:url(../images/icons/fz12.png) right bottom no-repeat; background-size:auto 120px; background-color:#fff;}
.fazhan1::before{ content:''; display:block; width:100%; height:80px; background:url(../images/icons/fz11.png) left top no-repeat; background-size:auto 100%; position:absolute; left:0; top:0; z-index:3;}

.fazhan4 .attr{ display:block;}
.fazhan4 .attr h2.title{ padding:1em 0 0.75em;}
.fazhan4 .attr h2.title em{ font-size:2em;}
.fazhan4 .txt{ font-size:14px; line-height:1.875;}
.fazhan4 p.links{ padding:16px 0 0;}
.fazhan4 p.links span{ width:auto;}
.fazhan4 p.links span:last-child{ float:right; margin-right:8px;}
.fazhan4 p.links span a img{ height:52px;}
.painting{ width:1169px; transform:scale(0.6) translateX(-45%); margin:-20px 0 -210px 50%;}

.fazhan42{ height:20px; margin-bottom:-10px; position:relative; z-index:3;}

}












/**/