.y20-webpage{}
.y20-banner .slick-dots li button:before{}
.gywc-main1{
 width: 100%;
 background: url('/assets/2020/images/webpage/gywc_m1_bg.jpg');
 background-position: center;
 background-repeat: no-repeat;
 padding: 50px 0;
}
.gywc-main1  .gm1-left{
 width: 56%;
 display: inline-block;
 height: 770px;
 overflow: hidden;
}
.gywc-main1  .gm1-left p{
 margin-bottom: 20px;
 font-size: 18px;
 line-height: 30px;
 color: #616161;
 cursor: pointer;
}
.gywc-main1  .gm1-left p:hover{

 text-shadow: 0 0 5px #b1b1b1;
}
.gywc-main1  .gm1-right{
 width: 40%;
 display: inline-block;
 margin-left: 3%;
 height: 700px;
 overflow: hidden;
 cursor: pointer;
}
.gywc-main1  .gm1-right img{
 width: 100%;
}
.gywc-main1  .gm1-right img:hover{

 transform: scale(1.05);
}

.gywc-main2{
 background: url('/assets/2020/images/webpage/gywc_m2_bg.jpg');
 background-repeat: no-repeat;
 background-position: center;
 padding: 50px 0;
 padding-bottom: 80px;
}
.gywc-main2  .y20-main-titlebox .ymt-title{
 color: white;
}
.gywc-main2  .gm2-box{
 display: table;
 padding: 50px;
}
.gywc-main2  .gm2-box li{
 display: table-cell;
 width: 1%;
 padding: 20px;
 text-align: center;
 cursor: pointer;
}
.gywc-main2  .gm2-box li:hover{

}
.gywc-main2  .gm2-box li:hover .gm2bi-title{
 background:#f4b620;
 color:white;
}
.gywc-main2  .gm2-box li:hover .gm2bi-intro{
 transform:translateY(-10px);
}
.gywc-main2  .gm2-box li .gm2bi-title{
 color: #F4B620;
 padding: 10px 30px;
 font-size: 19px;
 border: 1px solid #f4b620;
 border-radius: 30px;
 display: inline-block;
}
.gywc-main2  .gm2-box li .gm2bi-intro{
 color: white;
 font-size: 16px;
 margin-top: 20px;
 line-height: 30px;
 padding: 5px 10px;
}

.gywc-main3{
 background: white;
 padding: 50px 0;
}
.gywc-main3 .gm3-timeline-box * {
 margin: 0;
 padding: 0;
}
.gywc-main3 .gm3-timeline-box{
 color: #fff;
 font-size: 14px;
 height: 760px;
 overflow: hidden;
}
.gywc-main3 a {
 color: #9C9C9C;
 text-decoration: none;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
 transition: 0.5s;
}
.gywc-main3 a:hover,
.gywc-main3 a.selected {
 color: #616161;
}
.gywc-main3 h1,h2,h4,h5,h6 {
 text-align: center;
 color: #ccc;
 margin-bottom: 5px;
}
.gywc-main3 h1 {
 font-size: 18px;
}
.gywc-main3 h2 {
 font-size: 14px;
}
.gywc-main3 .sociales {
 text-align: center;
 margin-bottom: 20px;
}
.gywc-main3 #timeline {
 width: 100%;
 height: 600px;
 margin: 70px 0;
 position: relative;
 background: url('/assets/2020/module/timelinr/images/dot.png') 115px top repeat-y;
 padding: 50px 100px;
}
.gywc-main3 #dates {
 width: 11%;
 height: 600px;
 overflow: hidden;
 float: left;
}
.gywc-main3 #dates li {
 list-style: none;
 width: 100px;
 height: 100px;
 line-height: 100px;
 font-size: 24px;
 padding-left: 35px;
 position:relative;
}
.gywc-main3 #dates li:before{content:"";position:absolute;width: 20px;height: 20px;border-radius: 50%;background: white;left: 6px;top: 0;bottom: 0;margin: auto;border: 3px solid #C9C9C9;}
.gywc-main3 #dates a {
 line-height: 38px;
 padding-bottom: 10px;
}
.gywc-main3 #dates .selected {
}
.gywc-main3 #dates .selected:before{
 content:"";position:absolute;width: 20px;height: 20px;border-radius: 50%;background: white;left: 6px;top: 0;bottom: 0;margin: auto;
 border: 3px solid #44BCD6;
}
.gywc-main3 #issues {
 width: 80%;
 height: 600px;
 overflow: hidden;
 float: left;
 margin-left: 110px;
}
.gywc-main3 #issues li {
 width: 90%;
 height: 700px;
 list-style: none;
 text-align: center;
}
.gywc-main3 #issues li.selected img {
 -webkit-transform: scale(1.1,1.1);
 -moz-transform: scale(1.1,1.1);
 -o-transform: scale(1.1,1.1);
 -ms-transform: scale(1.1,1.1);
 transform: scale(1);
}
.gywc-main3 #issues li img {
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
 zoom: 1;
 -webkit-transition: all 2s ease-in-out;
 -moz-transition: all 2s ease-in-out;
 -o-transition: all 2s ease-in-out;
 -ms-transition: all 2s ease-in-out;
 transition: all 2s ease-in-out;
 -webkit-transform: scale(0.7,0.7);
 -moz-transform: scale(0.7,0.7);
 -o-transform: scale(0.7,0.7);
 -ms-transform: scale(0.7,0.7);
 transform: scale(0.7,0.7);
 max-width: 100%;
 display: block;
 margin: auto;
 margin-bottom: 40px;
}
.gywc-main3 #issues li h1 {
 color: #ffcc00;
 font-size: 48px;
 text-align: center;
 text-shadow: #000 1px 1px 2px;
}
.gywc-main3 #issues li p {
 font-size: 18px;
 margin: 10px auto;
 font-weight: normal;
 line-height: 22px;
 color: #616161;
 text-align: left;
 width: 57%;
 position:relative;
 padding-left:20px;
}
.gywc-main3 #issues li p:before{content:"";position:absolute;left:5px;top:0;bottom: 0;background: #616161;border-radius:50%;width:5px;height:5px;margin:auto;}
.gywc-main3 #grad_top,
.gywc-main3 #grad_bottom {
 width: 500px;
 height: 80px;
 position: absolute;
}
.gywc-main3 #grad_top {
 top: 0;
 background: url('/assets/2020/module/timelinr/images/grad_top.png') repeat-x;
}
.gywc-main3 #grad_bottom {
 bottom: 0;
 background: url('/assets/2020/module/timelinr/images/grad_bottom.png') repeat-x;
}
.gywc-main3 #next,
.gywc-main3 #prev {
 width: 27px;
 position: absolute;
 left: 106px;
 height: 22px;
 background-repeat: no-repeat;
 text-indent: -9999px;
 overflow: hidden;
 z-index: 55555;
}
.gywc-main3 #next:hover,
.gywc-main3 #prev:hover {
 background-position:  0 0;
}
.gywc-main3 #next {
 bottom: -42px;
 background-image: url('/assets/2020/module/timelinr/images/arrow_down.png');
}
.gywc-main3 #prev {
 top: -51px;
 background-image: url('/assets/2020/module/timelinr/images/arrow_up.png');
}
.gywc-main3 #next.disabled,
.gywc-main3 #prev.disabled {
 opacity: 0.2;
}

.gywc-main4{
 width: 100%;
 overflow: hidden;
}
.gywc-main4 .gm4-box{}
.gywc-main4 .gm4-box ul{}
.gywc-main4 .gm4-box ul li{
 width: 100%;
 height: 395px;
 padding-left: 620px;
 color: white;
 padding-right: 100px;
 margin: 40px 0;
 cursor:pointer;
}
.gywc-main4 .gm4-box ul li:hover{
 transform:scale(1.05);
 box-shadow: 0 0 5px 1px black;
}
.gywc-main4 .gm4-box ul li.n1{
 background: url('/assets/2020/images/webpage/gywc_m4_1.jpg');
 background-repeat: no-repeat;
 background-position: center;
}
.gywc-main4 .gm4-box ul li.n2{
 background: url(/assets/2020/images/webpage/gywc_m4_2.jpg);
 background-repeat: no-repeat;
 background-position: center;
 padding-right: 620px;
 padding-left: 100px;
}
.gywc-main4 .gm4-box ul li.n3{
 background: url(/assets/2020/images/webpage/gywc_m4_3.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
.gywc-main4 .gm4-box ul li .gm4bi-title{
 font-size: 25px;
 padding-top: 90px;
}
.gywc-main4 .gm4-box ul li .gm4bi-intro{
 margin-top: 50px;
 font-size: 18px;
 line-height: 35px;
}
.gywc-main4 .gm4-box ul li .gm4bi-intro br{}

.gywc-main5{
 padding: 50px 0;

}
.gywc-main5 .gm5-map-box{
 background: url('/assets/2020/images/webpage/gywc_m5_bg.jpg');
 background-repeat: no-repeat;
 background-position: center;
 text-align: center;
 position: relative;
}
.gywc-main5 .gm5-map-box .gm5mb-titles{
 position: absolute;
 left: 0;
 right: 0;
 top: 70px;
 z-index: 5;
}
.gywc-main5 .gm5-map-box:hover .gm5mb-titles{transform:scale(1.1)}
.gywc-main5 .gm5-map-box .gm5mb-titles p{
 font-size: 24px;
 margin: 10px;
 font-weight: bold;
 color: #F3B51F;
 letter-spacing: 2px;
 text-indent: 2px;
 text-align: center;
}
.gywc-main5 .gm5-map-box img{
 cursor:pointer;
}
.gywc-main5 .gm5-map-box:hover img{
 transform:scale(1.05);
}

.gywc-main6{
 background: white;
 padding: 50px 0;
}
.gywc-main6 .y20-main-titlebox{}
.gywc-main6 .y20-main-titlebox .ymt-title{}
.gywc-main6 .y20-main-titlebox .wow{}
.gywc-main6 .y20-main-titlebox .fadeInUp{}
.gywc-main6 .gm6-left{
 width: 70%;
 display: inline-block;
 height: 700px;
 overflow: hidden;
}
.gywc-main6 .gm6-left img{
 width: 80%;
 margin-bottom: 30px;
 cursor:pointer;
}
.gywc-main6 .gm6-left img:hover{
 transform:translate(20px,10px);
 box-shadow:0 0 5px 1px;
}
.gywc-main6 .gm6-left p{
 font-size: 16px;
 line-height: 30px;
 cursor:pointer;
}
.gywc-main6 .gm6-left p:hover{
 transform:translateX(20px);
 text-shadow:0 1px 1px;
}
.gywc-main6 .gm6-right{
 width: 28%;
 display: inline-block;
 height: 700px;
 overflow: hidden;
}
.gywc-main6 .gm6-right form{}
.gywc-main6 .gm6-right form .gm6r-title{
 font-size: 20px;
 text-align: center;
 font-weight: bold;
 color: #666666;
 margin: 20px 0;
}
.gywc-main6 .gm6-right form textarea{
 width: 100%;
 border: 1px solid #D4D4D4;
 background: #FAFAFA;
 height: 100px;
 margin: 20px auto;
 color: #AAAAAA;
 padding: 5px 15px;
}
.gywc-main6 .gm6-right form input{
 width: 100%;
 border: 1px solid #D4D4D4;
 background: #FAFAFA;
 height: 50px;
 margin-top: 0;
 margin-bottom: 20px;
 color: #AAAAAA;
 padding: 5px 15px;
}
.gywc-main6 .gm6-right form .gm6r-submit{
 width: 100%;
 height: 50px;
 color: white;
 background: #44BCD6;
 border-radius: 30px;
 text-align: center;
 font-size: 18px;
 line-height: 50px;
 letter-spacing: 2px;
 text-indent: 2px;
 cursor:pointer;
}

.w-banner .main_banner .item .inner .block_txt h2{}
.w-banner-gywc{
 background: url('/assets/2020/images/webpage/wap_gywc_banner.jpg');
}

.w-gywc-main1{

 background: url('/assets/2020/images/webpage/wap_gywc_m1_bg.jpg');

 background-position: center top;

 background-repeat: no-repeat;

 padding: 4vw;
}
.w-gywc-main1 .wgywcm1-box{}
.w-gywc-main1 .wow{}
.w-gywc-main1 .fadeInUp{}
.w-gywc-main1 .wgywcm1-box p{
 margin: 4vw 0;
 color: #616161;
 font-size: 1.4rem;
 line-height: 1.8rem;
}
.w-gywc-main1 .wgywcm1-box img{
 width: 100%;
}

.w-gywc-main2{
 background: url('/assets/2020/images/webpage/wap_gywc_m2_bg.jpg');
 padding: 4vw;
 background-size: cover;
 background-position: center;
 margin: 4vw 0;
 margin-bottom: 0;
}
.w-gywc-main2 .w-main-titlebox{}
.w-gywc-main2 .w-main-titlebox .wmt-title{
 color: white;
}
.w-gywc-main2 .w-main-titlebox .wow{}
.w-gywc-main2 .w-main-titlebox .fadeInUp{}
.w-gywc-main2 .wgywcm2-box{}
.w-gywc-main2 .wow{}
.w-gywc-main2 .fadeInUp{}
.w-gywc-main2 .wgywcm2-box ul{
 text-align: center;
}
.w-gywc-main2 .wgywcm2-box ul li{
 width: 49%;
 display: inline-block;
 padding: 2vw;
 height: 160px;
 overflow: hidden;
}
.w-gywc-main2 .wgywcm2-box ul li .w2b-title{
 width: 90%;
 margin: auto;
 color: #F4B620;
 border: 1px solid #F4B620;
 border-radius: 30px;
 padding: 2vw 0;
 font-size: 1.6rem;
 font-weight: bold;
 letter-spacing: 2px;
 text-indent: 2px;
}
.w-gywc-main2 .wgywcm2-box ul li .w2b-intro{
 color: white;
 margin: 4vw 0;
 font-size: 1.4rem;
 padding: 0 3vw;
}



.w-gywc-main3{background:white;padding:4vw;}
.w-gywc-main3 .items{width: 100%;height: 160px;position: relative;margin: auto;margin-bottom: 4vw;overflow: auto;background: white;}
.w-gywc-main3 .items .item{
 width: 200px;
 height: 100%;
 position: relative !important;
 bottom: 0 !important;
 opacity: 1 !important;
 float: left;
}
.w-gywc-main3 #wap_issues .selected .items .item{visibility:visible;}
.w-gywc-main3 .items .slick-list{width: 75%;margin: auto;}
.w-gywc-main3 .items .slick-next{right:0;background: #44BCD6;border-radius: 50%;padding-top: 1px;}
.w-gywc-main3 .items .slick-prev{left:0;background: #44BCD6;border-radius: 50%;padding-top: 1px;}
.w-gywc-main3 .items .item img{width:100%;}
.w-gywc-main3 #wap_timeline {
 width: 90%;
 margin: auto;
 height: 430px;
 position: relative;
 overflow: hidden;
}
.w-gywc-main3 #wap_dates {
 height: 60px;
 position: absolute;
 left: 5%;
 right: 5%;
 bottom: 0;
 overflow: hidden;
}
.w-gywc-main3 #wap_dates:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:2px;border-top: 2px dotted #C9C9C9;margin: auto;z-index: 3;}
.w-gywc-main3 #wap_dates li {
 list-style: none;
 width: 100px;
 height: 37px;
 font-size: 1.5rem;
 position:relative;
 display: inline-block;
 z-index: 4;
 margin-bottom: 5vw;
 float: left;
}
.w-gywc-main3 #wap_dates li:before{content:"";position:absolute;width: 12px;height: 12px;border-radius: 50%;background: white;left: 0;right: 0;bottom: 0;margin: 0 auto;border: 2px solid #C9C9C9;}
.w-gywc-main3 #wap_dates a {
 line-height: 19px;
 z-index: 4;
 display: block;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: 0 auto;
 text-align: center;
 color: #9C9C9C;
 font-size: 1.6rem;
 font-weight: bold;
}
.w-gywc-main3 #wap_dates .selected {color: #616161;}
.w-gywc-main3 #wap_dates .selected:before{
 content:"";
 position:absolute;
 width: 12px;
 height: 12px;
 border-radius: 50%;
 background: white;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 auto;
 border: 2px solid #44BCD6;
}
.w-gywc-main3 #wap_issues {
 width: 80%;
 height: 80%;
 overflow: hidden;
}
.w-gywc-main3 #wap_issues li {
 width: 98%;
 list-style: none;
 text-align: center;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 10vw;
 margin: auto;
 visibility: hidden;
}
.w-gywc-main3 #wap_issues li.selected{
 visibility:visible;
}
.w-gywc-main3 #wap_issues li.selected img {
 -webkit-transform: scale(1.1,1.1);
 -moz-transform: scale(1.1,1.1);
 -o-transform: scale(1.1,1.1);
 -ms-transform: scale(1.1,1.1);
 transform: scale(1);
}
.w-gywc-main3 #wap_issues li img {
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
 zoom: 1;
 -webkit-transition: all 2s ease-in-out;
 -moz-transition: all 2s ease-in-out;
 -o-transition: all 2s ease-in-out;
 -ms-transition: all 2s ease-in-out;
 transition: all 2s ease-in-out;
 -webkit-transform: scale(0.7,0.7);
 -moz-transform: scale(0.7,0.7);
 -o-transform: scale(0.7,0.7);
 -ms-transform: scale(0.7,0.7);
 transform: scale(0.7,0.7);
 max-width: 100%;
 display: block;
 margin: auto;
 margin-bottom: 40px;
}
.w-gywc-main3 #wap_issues li h1 {
 color: #ffcc00;
 font-size: 48px;
 text-align: center;
 text-shadow: #000 1px 1px 2px;
}
.w-gywc-main3 #wap_issues li p {
 font-size: 1.4rem;
 font-weight: normal;
 line-height: 22px;
 color: #616161;
 text-align: left;
 width: 100%;
 padding-left: 20px;
 position:relative;
}
.w-gywc-main3 #wap_issues li p:before{content:"";position:absolute;left:5px;top:0;bottom: 0;background: #616161;border-radius:50%;width:5px;height:5px;margin:auto;}
.w-gywc-main3 #wap_grad_top,
.w-gywc-main3 #wap_grad_bottom {
 width: 500px;
 height: 80px;
 position: absolute;
}
.w-gywc-main3 #wap_grad_top {
 top: 0;
 background: url('/assets/2020/module/timelinr/images/grad_top.png') repeat-x;
}
.w-gywc-main3 #wap_grad_bottom {
 bottom: 0;
 background: url('/assets/2020/module/timelinr/images/grad_bottom.png') repeat-x;
}
.w-gywc-main3 #wap_next,
.w-gywc-main3 #wap_prev {
 width: 35px;
 position: absolute;
 height: 26px;
 bottom: 4.5vw;
 background-repeat: no-repeat;
 text-indent: -9999px;
 overflow: hidden;
 z-index: 55555;
 background: white;
 line-height: 26px;
}
.w-gywc-main3 #wap_next:hover,
.w-gywc-main3 #wap_prev:hover {
 background-position:  0 0;
}
.w-gywc-main3 #wap_next {
 right: 0;
}
.w-gywc-main3 #wap_next:after{content:">>";position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-indent: 0;color: #BFBFBF;margin: auto;text-align: center;font-size: 2rem;}
.w-gywc-main3 #wap_prev:after{content:"<<";position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-indent: 0;color: #BFBFBF;font-size: 2rem;}
.w-gywc-main3 #wap_prev {
 left: 0;
}
.w-gywc-main3 #wap_next.disabled,
.w-gywc-main3 #wap_prev.disabled {
 opacity: 0.2;
}

.w-gywc-main4{
 padding: 4vw;
}
.w-gywc-main4 .wgywcm4-box{}
.w-gywc-main4 .wgywcm4-box .w4b-item{
 margin: 5vw 0;
}
.w-gywc-main4 .wgywcm4-box .w4b-item img{
 width: 100%;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info{
 padding: 5vw 0;
 position:relative;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info.w4bio-1{
 background: #37C68E;
 border-color: #37C68E;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info.w4bio-2{
 background: #F8B421;
 border-color: #F8B421;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info.w4bio-3{
 background: #44BCD6;
 border-color: #44BCD6;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info:after{content:"";position:absolute;left:0;right:0;top: -8vw;width:0;height:0;border: 15px solid transparent;border-bottom-color: inherit;margin: auto;}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info .w4bii-title{
 text-align: center;
 font-size: 1.5rem;
 color: white;
 margin-bottom: 5vw;
 font-weight: bold;
}
.w-gywc-main4 .wgywcm4-box .w4b-item .w4bi-info .w4bii-intro{
 color: white;
 font-size: 1.4rem;
 line-height: 1.8rem;
 padding: 0 5vw;
}

.w-gywc-main5{}
.w-gywc-main5 .wgywcm5-box{background: url('/assets/2020/images/webpage/wap_gywc_m5_bg.jpg');}
.w-gywc-main5 .wgywcm5-box img{
 width: 100%;
}

.w-gywc-main6{
 padding: 4vw;
 background: white;
}
.w-gywc-main6 .wgywcm6-box{}
.w-gywc-main6 .wgywcm6-box img{
 width: 100%;
 margin-bottom: 3vw;
}
.w-gywc-main6 .wgywcm6-box p{
 color: #616161;
 font-size: 1.3rem;
 line-height: 1.8rem;
}
.w-gywc-main6 .wgm6-form{
 padding: 5vw;
}
.w-gywc-main6 .wgm6-form form{}
.w-gywc-main6 .wgm6-form form .wgm6f-title{
 font-size: 2rem;
 color: #666666;
 text-align: center;
 margin-bottom: 3vw;
}
.w-gywc-main6 .wgm6-form form textarea{
 width: 100%;
 height: 20vw;
 margin: 2vw 0;
 background: #FAFAFA;
 border: 1px solid #D4D4D4;
 padding: 1vw 2vw;
 font-size: 1.4rem;
 color: #AAAAAA;
}
.w-gywc-main6 .wgm6-form form input{
 width: 100%;
 height: 11vw;
 margin: 2vw 0;
 background: #FAFAFA;
 border: 1px solid #D4D4D4;
 padding: 1vw 2vw;
 font-size: 1.4rem;
 color: #AAAAAA;
}
.w-gywc-main6 .wgm6-form form .wgm6f-submit{
 color: white;
 background: #44BCD6;
 border-radius: 20px;
 padding: 3vw 0;
 text-align: center;
 font-size: 1.7rem;
 letter-spacing: 3px;
 text-indent: 3px;
 margin: 3vw 0;
}