@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, button { padding:0; margin:0; }
body { font-size:14px; font-family:'Microsoft YaHei', '微软雅黑'; background-color: f5f5f5; background-image: url(../images/bg.png); background-repeat: repeat-y; background-size: 100%; }
p { margin:0; }
div, form, ul, ol, li, span, p { margin:0; padding:0; border:0; }
img, a img { border:0; margin:0; padding:0; vertical-align:top; position:relative; }
:focus { outline: -webkit-focus-ring-color auto 0px; }
a { text-decoration:none; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, li, ol { list-style:none; }
a img { }
.clearfix::after {
display: block;
visibility: hidden;
clear: both;
height: 0;
font-size: 0;
content: "";
}
video { object-fit:contain; }
.w1400 { width: 1400px; margin: 0 auto; }
.header { background: url(../images/header.png) no-repeat center top; display: block; height: 520px; width: 100%; min-width: 1400px; margin: 15px 0; }
.vr { width: 100%; min-width: 1400px;}
.vr img { width: 100%; height: auto; }
.city { margin: 30px 0 0; }
.title { text-align: center; }
.title h3 { font-size: 63px; color: #010101; letter-spacing: 12px; height: 80px; line-height: 80px; position: relative; }
.title h3 span { margin-right: -10px; }
.title h2 { font-size: 63px; color: #010101; letter-spacing: 12px; height: 80px; line-height: 80px; position: relative; }
.title h2 span { margin-right: -10px; }
.title h2::before {
content:"";
background: url(../images/titleleft.png) no-repeat left center;
width: 15px;
height: 26px;
position: absolute;
left: 405px;
top: 36px;
}
.title h2::after {
content:"";
background: url(../images/titleright.png) no-repeat left center;
width: 15px;
height: 26px;
position: absolute;
right: 405px;
top: 36px;
}
.title h3::before {
content:"";
background: url(../images/titleleft.png) no-repeat left center;
width: 15px;
height: 26px;
position: absolute;
left: 510px;
top: 36px;
}
.title h3::after {
content:"";
background: url(../images/titleright.png) no-repeat left center;
width: 15px;
height: 26px;
position: absolute;
right: 510px;
top: 36px;
}
.title h4 { font-size: 20px; color: #919191; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; margin-top: -2px; font-weight: normal; }
.city .content { width: 1280px; padding: 50px 60px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 0px 12px rgb(7, 0, 2, 0.17); display: flex; align-items:center; margin-top: 55px; }
.city .content .right { margin-left: 40px; }
.city .content h5 { font-size: 34px; color: #444444; letter-spacing: 5px; }
.city .content h5 span { color: #489afe; font-size: 25px; text-transform: uppercase; margin-left: 15px; }
.city .content p { font-size: 24px; line-height: 50px; text-indent: 50px; margin-top: 20px; text-align: justify; color: #707070; }

.ceremonies { margin: 80px 0 0; }
.ceremonies .content { width: 1320px; padding: 70px 40px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 0px 12px rgb(7, 0, 2, 0.17); display: flex; align-items:center; margin-top: 55px; }
.ceremonies_tabnav { width: 428px; }
.ceremonies_tabnav ul { }
.ceremonies_tabnav ul li { width: 368px; height: 227px; padding: 20px 30px; margin-bottom: 4px; }
.ceremonies_tabnav ul li .p1 { font-size: 48px; color: #6f6f6f; letter-spacing: 5px; font-weight: bold; }
.ceremonies_tabnav ul li .p1 span { background: url(../images/sanjiaoxing2.png) no-repeat; display: inline-block; width: 55px; height: 24px; margin-left: 10px; }
.ceremonies_tabnav ul li .p2 { font-size: 14px; color: #919191; letter-spacing: 1px; line-height: 22px; height: 88px; margin: 10px 0; text-indent: 30px; }
.ceremonies_tabnav ul li .p3 { font-size: 13px; color: #696969; height: 20px; line-height: 20px; padding: 3px 0; }
.ceremonies_tabnav ul li .p3 span { background-color: #ff5516; color: #ffffff; border-radius: 9px; display: inline-block; padding: 1px 5px; margin-right: 5px; }
.ceremonies_tabnav ul li.on { background:rgb(72, 154, 254, 0.09); border-radius: 20px; }
.ceremonies_tabnav ul li.on .p1 span { background: url(../images/sanjiaoxing3.png) no-repeat; }
.ceremonies_tabinfo { width: 872px; margin-left: 20px; }
.ceremonies_video { width: 872px; height: 536px; background-color: #000000; }
.ceremonies_video video { width: 872px; height: 536px; }

.exhibition { margin: 80px 0 0; }
.exhibition .content { width: 1260px; padding: 45px 70px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 0px 12px rgb(7, 0, 2, 0.17); margin-top: 55px; }
.exhibition .content .block { display: flex; align-items:center; }
.exhibition .content .block .left { width: 120px; text-align: center; padding: 0 40px 0 10px; }
.exhibition .content .block .left .p1 { font-size: 30px; color: #000000; font-weight: bold; }
.exhibition .content .block .left .p2 { font-size: 17px; color: #919191; padding: 10px 0 20px; }
.exhibition .content .block .left .p3 { font-size: 18px; color: #919191; }
.exhibition .content .block .left .p3 span { display: inline-block; background-color: #0099fa; color: #FFFFFF; padding: 5px 10px; border-radius: 10px; }
.exhibition .content .block .mid { width: 590px; padding: 30px 75px 10px 25px; border-left: 2px solid #919191; }
.exhibition .content .block .mid .p1 { font-size: 23px; color: #000000;}
.exhibition .content .block .mid .p1 span { font-size: 14px; display: inline-block; margin-left: 10px; }
.exhibition .content .block .mid .p2 { font-size: 12px; line-height: 22px; height: 66px; text-indent: 26px; margin: 10px 0; color: #3a3a3a; }
.exhibition .content .block .mid .p3 { color: #919191; font-size: 17px; }
.exhibition .content .block .right { width: 409px; height: 184px; }
.exhibition .content .block .right img { width: 409px; height: 184px; border-radius: 20px; }
.exhibition .content .line { height: 2px; margin: 45px 0; background-color: #919191; }

.festivals { margin: 80px 0 0; }
.festivalsSlide { width: 100%; height: 403px; position: relative; margin-top: 60px; }
.festivalsSlide section { width: 60px; height: 60px; position: absolute; cursor: pointer; z-index: 1; top: 50%; transform: translateY(-50%); }
.festivalsSlide section img { position: absolute; top: 50%; margin-top: -30px; }
.festivalsSlide section:nth-of-type(1) {
 left: -70px;
}
.festivalsSlide section:nth-of-type(2) {
 right: -70px;
}
.festivalsSlide ul { width: 100%; height: 100%; position: relative; }
.festivalsSlide ul li { position: absolute; list-style: none; width: 0; height: 0; top: 146px; left: 361px; z-index: 0; cursor: pointer; margin: 0; padding: 0; background-color: #fff; overflow: hidden; }
.festivalsSlide ul li .pic { }
.festivalsSlide ul li .pic img { width: 100%; height: auto; }
.festivalsSlide ul li .txt { position: absolute; bottom: 0; background-color: rgba(255, 85, 22, 0.8); text-align: center; display: table; z-index: 99; }
.festivalsSlide ul li .txt p { display: table-cell; vertical-align: middle; color: #fff; font-weight: bold; }

.forum{ margin: 90px 0 0; }
.accordion { width: 100%; height: 777px; position: relative; margin-top: 40px;}
.accordion_item:first-child{ border-radius:15px 0 0 15px;}
.accordion_item:last-child{ border-radius:0 15px 15px 0;}
.accordion_item.active { width: 553px; border-radius:15px;}
.accordion_item { width: 275px; height: 100%; float: left; margin-right: 7px; background-color: #000; transition: all 0.3s; position: relative; overflow: hidden;}
.accordion_item:hover{ cursor: pointer;}
.accordion_item .pic{ width: 553px; height: 777px;}
.accordion_item .pic img{ width: 553px; height: 777px;}
.accordion_item .txt { display: table; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 473px; height: 176px; z-index: 1; padding: 30px 40px; text-align: justify;}
.accordion_item.active .txt { background-color: rgba(30, 111, 210, 0.5);}
.accordion_item .txt .p1 { color: #fff; font-size: 24px; font-weight: bold; border-bottom: 4px solid #ffffff; padding-bottom: 10px;}
.accordion_item .txt .p2 { color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 14px; margin-top: 10px; height: 56px;}
.accordion_item .txt .p3 { color: #fff; font-size: 16px; font-weight: bold; text-align: right; margin-top: 10px;}
.accordion_item:last-child { margin-right: 0; float: right; }

.skill{ margin: 90px 0 0;}
.skill .content { width: 1330px; padding: 65px 35px 45px; background-color: #FFFFFF; border-radius: 15px; box-shadow: 0px 0px 12px rgb(7, 0, 2, 0.17); margin-top: 55px; display: flex;}
.skill .content .left{ width: 633px;}
.swiper-container{ border-radius: 15px;}
.skill .content .right{ width: 654px; margin-left: 43px;}
.skill .content .right h3{ font-size: 30px; color: #000000;}
.skill .content .right h3 span{ font-size: 16px; text-transform: uppercase; margin-left: 10px;}
.skill .content .right ul{ margin-top: 18px;}
.skill .content .right ul li{ height: 110px; padding: 20px 0; display: flex; border-top: 1px dashed #353535;}
.skill .content .right ul li:first-child{ border-top: 2px solid #353535;}
.skill .content .right ul li .time{ width: 100px; height: 90px; background-color: #e7e7e7; text-align: center; padding: 10px 0;}
.skill .content .right ul li .time .p1{ font-size: 50px; height: 60px; line-height: 60px; font-weight: bold; color: #0054a6;}
.skill .content .right ul li .time .p2{ font-size: 22px; color: #8f8f8f; height: 30px; line-height: 30px;}
.skill .content .right ul li .info{ margin-left: 20px; position: relative;width:550px;}
.skill .content .right ul li .info .p1{ font-size: 19px; font-weight: bold; line-height: 30px;}
.skill .content .right ul li .info .p1 a{ color: #0054ab;}
.skill .content .right ul li .info .p2{ font-size: 13px; line-height: 22px; height: 66px; color: #727272; margin-top: 5px;}
.skill .content .right ul li .info .p3{ font-size: 17px; color: #343434; position: absolute; bottom: 0;}

.food{ margin: 90px 0 0;}
.food .content { width: 1400; margin-top: 55px; position: relative;}
.food .content .pic{ width: 1400px;}
.food .content .pic img{ border-radius: 15px; width: 100%;}
.food .content .info{ padding: 60px 50px 40px; background: rgb(255,85,22,0.78); height: 200px; width: 1300px; border-radius: 0 0 15px 15px; position: absolute; bottom: 0;}
.food .content .info .p1{ font-size: 52px; color: #FFFFFF; font-weight: bold; height: 60px; line-height: 60px; margin-bottom: 10px;}
.food .content .info .p2{ font-size: 27px; color: #FFFFFF; font-weight: bold; height: 80px; line-height: 40px;}
.food .content .info .p3{ font-size: 33px; color: #FFFFFF; font-weight: bold; text-align: right; height: 40px; line-height: 40px;}

.awards{ margin: 90px 0 150px;}
.awards .pic{ width: 100%; min-width: 1400px; position: relative; margin-top: 55px;}
.awards .pic img{ width: 100%;}
#bigimg{ position: relative; border-radius: 0;}
.awards .picbg{ background: url(../images/pic17.png) no-repeat center center; height: 520px; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.awards .picbg .zi{ margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; height: 140px;}
.awards .picbg .p1{ font-size: 90px; color: #FFFFFF; text-align: center; font-weight: bold; height: 100px; line-height: 100px;}
.awards .picbg .p2{ font-size: 30px; color: #FFFFFF; text-align: center; height: 40px; line-height: 40px;}
.bigimg{ border-radius: 0; z-index: 999999; position: relative;}