@charset "UTF-8";

h2 {text-transform:capitalize;}
h3 {margin:7rem 0 30rem; text-transform:capitalize; font-size:29rem; font-weight:700;}
h4 {text-transform:capitalize; font-size:21rem; font-weight:700;}
a.view {display:inline-block; position:relative; padding:9rem 22rem 9rem 40rem; border:1px solid #fff; border-radius:40rem; font-weight:600; color:#fff; text-transform:uppercase; font-size:13rem; transition:padding 0.5s;}
a.view:before {content:''; position:absolute; top:50%; left:20rem; width:5rem; height:5rem; background:#fff; border-radius:50%; transform:translateY(-50%); transition:left right 0.5s;}
a.view:hover {padding:9rem 40rem 9rem 22rem;}
a.view:hover:before {left:inherit; right:20rem;}
.box {padding:60rem;}
.control {display:flex; align-items:center; margin:-5rem 0;}
.control a {display:block; position:relative; width:48rem; height:48rem; margin:5rem; text-indent:-9999rem; border-radius:50%; border:2px solid #fff;}
.control a:before {content:''; position:absolute; top:50%; left:50%; width:50rem; height:50rem; background:url('/design/foreign/img/main/control.png') no-repeat 0 0/200% auto; transform:translate(-50%, -50%);}
.control a.prev:before {background-position:0 0;}
.control a.next:before {background-position:100% 0;}
@media all and (max-width:1540px){
  h3 {font-size:25rem;}
  h4 {font-size:19rem}
  .box {padding:40rem;}
}
@media all and (max-width:1240px){
  h3 {font-size:23rem;}
  #container .wrap {padding:0;}
}
@media all and (max-width:1023px){
  .box {padding:40rem 20rem;}
  .control a {width:38rem; height:38rem; border:1px solid #fff;}
  .control a:before {width:38rem; height:38rem;}
}

/*cont1*/
.cont1 {display:flex; margin-top:30rem;}
.cont1 .left {width:64.574%;}
.cont1 .tit {margin-left:-15rem;}
.cont1 .tit .big {text-transform:capitalize; line-height:1.2; font-size:60rem; font-weight:700;}
.cont1 .tit .big span {color:#0066b0;}
.cont1 .tit .small {margin:30rem 0 0 10rem; font-weight:500; color:#272727; font-size:21rem;}
.cont1 .tit .small em {display:block;}
.cont1 .mayor {background: rgb(0,102,177); background: linear-gradient(90deg, rgba(0,102,177,1) 0%, rgba(0,92,159,1) 100%); color:#fff; border-radius:60rem 0 0 0; position:relative;}
/*
.cont1 .mayor:before {content:''; position:absolute; bottom:0; right:0; width:445rem; height:588rem; background:url('/design/foreign/img/main/mayor.png') no-repeat center/contain;}
*/
.cont1 .right {position:relative; width:35.426%; background:url('/design/foreign/img/main/fes4.jpg') no-repeat center/cover; border-radius:0 60rem 0 0;}
.cont1 .right .sansuyu {position:absolute; bottom:0; width:100%; background:rgba(106,64,26,0.9); color:#fff;}
@media all and (max-width:1740px){
    .cont1 .mayor:before {width:400rem; height:529rem;}
}
@media all and (max-width:1540px){
    .cont1 .tit .big {font-size:55rem;}
    .cont1 .tit .small {font-size:19rem; width:50%;}
    .cont1 .mayor {border-radius:20rem 0 0 0;}
    .cont1 .mayor:before {width:350rem; height:463rem;}
    .cont1 .right {border-radius:0 20rem 0 0;}
}
@media all and (max-width:1240px){
    .cont1 {margin-top:0;}
    .cont1 .tit {margin-left:-10rem;}
    .cont1 .tit .big {font-size:50rem;}
    .cont1 .mayor {border-radius:0 0 0 0;}
    .cont1 .mayor:before {width:300rem; height:396rem;}
    .cont1 .right {border-radius:0 0 0 0;}
}
@media all and (max-width:1023px){
    .cont1 {flex-wrap:wrap;}
    .cont1 .left {width:100%;}
    .cont1 .tit {margin-left:0;}
    .cont1 .mayor:before {width:350rem; height:463rem;}
    .cont1 .right {width:100%; height:400rem;}
    .cont1 .right .sansuyu {bottom:inherit; top:0;}
}
@media all and (max-width:768px){
    .eng .cont1 .tit .small {width:100%;}
    .eng .cont1 .tit .small em {display:inline-block;}
    .cont1 .mayor:before {width:300rem; height:396rem; right:-60rem;}
    .cont1 .mayor h2,
    .cont1 .mayor h3 {width:50%;}
}
@media all and (max-width:480px){
    .cont1 .tit .big {font-size:35rem;}
    .cont1 .tit .small {display:none;}
    .cont1 .mayor h2 {width:100%;}
    .cont1 .mayor:before {width:240rem; height:317rem;}
}
@media all and (max-width:340px){
    .cont1 .tit {text-align:center;}
    .cont1 .mayor:before {width:180rem; height:238rem;}
}

/*cont2*/
.cont2 {position:relative;}
.cont2:before {content:''; position:absolute; top:0; left:0; width:100%; height:274rem; background: rgb(64,69,170); background: linear-gradient(90deg, rgba(64,69,170,1) 0%, rgba(42,47,146,1) 100%); z-index:-1}
.cont2 .box {padding-bottom:0;}
.cont2 .festival {color:#fff; position:relative;}
.cont2 .carousel {display:flex; margin:0 -15rem;}
.cont2 .carousel li {width:33.333%;}
.cont2 .carousel li a {display:block; margin:15rem;}
.cont2 .carousel li a h4 {margin:30rem 0 24rem; text-align:center;}
.cont2 .carousel li a p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; height:3em; padding:0 30rem; color:#656565; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis; text-align:center;}
.cont2 .carousel li a .img {overflow:hidden;}
.cont2 .carousel li a .img img {object-fit:cover; transition:transform 0.5s; width:100%; height:292rem;}
.cont2 .carousel li a:hover .img img {transform:scale(1.2);}
.cont2 .control {position:absolute; top:86rem; right:60rem;}
@media all and (max-width:1740px){
  .cont2:before {width:calc(100% - 80rem); left:50%; transform:translateX(-50%);}
}
@media all and (max-width:1540px){
  .cont2 .carousel li a .img img {height:240rem;}
  .cont2 .control {top:67rem;}
}
@media all and (max-width:1240px){
  .cont2:before {width:100%; left:0; transform:translateX(0);}
  .cont2 .carousel {margin:0 -10rem;}
  .cont2 .carousel li a {margin:10rem;}
  .cont2 .control {right:40rem;}
}
@media all and (max-width:1023px){
  .cont2 .control {right:20rem;}
}
@media all and (max-width:599px){
  .cont2 .carousel {margin:0;}
  .cont2 .carousel li a {margin:0;}
  .cont2 .control {position:static; margin-bottom:30rem;}
}

/*cont3*/
.cont3 .box {padding-bottom:15rem;}
.cont3 ul {display:flex; margin:-15rem;}
.cont3 li {width:calc(33.333% - 30rem); margin:15rem;}
.cont3 li a,
.cont3 li div {display:flex; align-items:center; flex-wrap:wrap; position:relative; min-height:112rem; padding:25rem 25rem 25rem 110rem; background:#f6f6f6; border-radius:10rem; font-weight:500; font-size:19rem;}
.cont3 li a:before,
.cont3 li div:before {content:''; position:absolute; top:22rem; left:25rem; width:65rem; height:65rem; background:#e8e8e8 url('/design/foreign/img/main/icon.png') no-repeat 0 0/400% auto; border-radius:50%;}
.cont3 li.icon1 a:before {background-position:33.333% 0;}
.cont3 li.icon2 a:before {background-position:66.666% 0;}
.cont3 li.icon3 div:before {background-position:99.999% 0;}
.cont3 li.icon4 div:before {background-position:0 0;}
.cont3 li a span,
.cont3 li div span {display:block; width:100%;}
.cont3 li.icon3 span,
.cont3 li.icon4 span {font-weight:400; font-size:17rem;}
.cont3 li.icon3 strong {color:#f55700}
.cont3 li.icon4 strong {color:#0064ad}
@media all and (max-width:1440px){
  .cont3 ul {flex-wrap:wrap;}
  .cont3 li {width:calc(33.333% - 30rem);}
}
@media all and (max-width:1240px){
  .cont3 ul {margin:-10rem;}
  .cont3 li {width:calc(33.333% - 20rem); margin:10rem;}
}
@media all and (max-width:1023px){
  .cont3 li {width:calc(50% - 20rem);}
}
@media all and (max-width:768px){
  .cont3 ul {margin:-7rem 0;}
  .cont3 li {width:100%; margin:7rem 0;}
}

/*cont4*/
.cont4 h2 {color:#656565;}
.cont4 .flex {display:flex; margin:-15rem;}
.cont4 .flex > div {width:calc(33.333% - 30rem); margin:15rem;}
.cont4 .link li a {display:block; position:relative; padding-bottom:15rem; text-transform:capitalize; padding-left:38rem;}
.cont4 .link li a:before {content:''; position:absolute; top:5rem; left:0; width:10rem; height:10rem; background:#fff; border:4px solid #0064ad; border-radius:50%;}
.cont4 .link li a:after {content:''; position:absolute; top:6rem; left:7rem; width:1px; height:100%; border-right:1px dashed #323232; background:#fff; z-index:-1;}
.cont4 .link li:last-child a {padding-bottom:0;}
.cont4 .link li:last-child a:after {display:none;}
.cont4 .link li a:hover {font-weight:600; color:#0064ad; text-decoration:underline;}
.cont4 .left {display:flex; flex-direction:column; justify-content:space-between;}
.cont4 .list li {position:relative; width:100%; height:264rem; margin-bottom:30rem; background-repeat:no-repeat; background-size:cover; background-position:center;}
.cont4 .list li:last-child {margin-bottom:0;}
.cont4 .list li:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background: rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.cont4 .list li.fac {background-image:url('/design/foreign/img/main/img.jpg');}
.cont4 .list li.cul {background-image:url('/design/foreign/img/main/img2.jpg');}
.cont4 .list li.spe {background-image:url('/design/foreign/img/main/img3.jpg');}
.cont4 .list li a {display:flex; align-items:flex-end; position:absolute; width:100%; height:100%; padding:30rem; color:#fff;}
.cont4 .mid {position:relative;}
.cont4 .carousel li a {display:block; position:relative; top:0; left:0; width:100%; height:100%;}
.cont4 .carousel li a:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background: rgb(0,0,0); background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.cont4 .carousel li a:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:20%; background: rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
.cont4 .carousel .txt {position:absolute; top:0; left:0; width:100%; color:#fff; padding:30rem;}
.cont4 .carousel .txt h4 {margin-bottom:24rem;}
.cont4 .carousel .txt p {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:3em; margin-left:3rem; line-height:1.5em; word-wrap:break-word; text-overflow:ellipsis; opacity:0.8;}
.cont4 .carousel .img img {width:100%; height:558rem; object-fit:cover;}
.cont4 .control {position:absolute; bottom:30rem; right:30rem;}
@media all and (max-width:1540px){
  .cont4 .box {margin-bottom:15rem;}
}
@media all and (max-width:1240px){
  .cont4 .flex {display:flex; margin:-10rem;}
  .cont4 .flex > div {width:calc(33.333% - 20rem); margin:10rem;}
  .cont4 .list li {margin-bottom:20rem;}
  .cont4 .carousel .img img {height:548rem;}
}
@media all and (max-width:1023px){
  .cont4 .flex {flex-wrap:wrap;}
  .cont4 .flex > div {width:calc(50% - 20rem);}
  .cont4 .right {width:100% !important;}
  .cont4 .right ul {display:flex; margin:-10rem;}
  .cont4 .right ul li {width:calc(50% - 20rem); margin:10rem;}
}
@media all and (max-width:768px){
  .cont4 .flex {margin:-7rem 0;}
  .cont4 .flex > div {width:100% !important; margin:7rem 0;}
  .cont4 .left {display:block;}
  .cont4 .tit {margin-bottom:40rem;}
  .cont4 .carousel .img img {height:264rem;}
}
@media all and (max-width:599px){
  .cont4 .right ul {flex-wrap:wrap; margin:0;}
  .cont4 .right ul li {width:100%; margin:0 0 14rem 0;}
}