@font-face{ font-family:Poppin; src:url(../font/POPPINS-LIGHT.TTF);}
@font-face{ font-family:Poppins; src:url(../font/POPPINS-SEMIBOLD.TTF);}
/*@font-face{ font-family:Dosis; src:url(../font/DOSIS-REGULAR-2.TTF);}*/
@font-face{ font-family:Dosis_el; src:url(../font/DOSIS-EXTRALIGHT-8.TTF);}
@font-face{ font-family:Dosis_b; src:url(../font/DOSIS-BOLD-5.TTF);}
@font-face{ font-family:Dosis_l; src:url(../font/DOSIS-LIGHT-4.TTF);}
@font-face{ font-family:Dosis_m; src:url(../font/DOSIS-MEDIUM-3.TTF);}
@font-face{ font-family:Dosis_s; src:url(../font/DOSIS-SEMIBOLD-6.TTF);}
@media (max-width:4000px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:12px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}


/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{margin:0 auto;max-width: 1500px;padding: 0 50px;}
 
 

.wailian{ margin-left:1rem}
.wailian ul{ display:flex; align-items:center}
.wailian ul li{ margin-left:1.625rem}
.wailian ul li a{display:flex;align-items:center;justify-content:center;width: 32px;height: 32px;background: #e65e0e;border-radius: 50%;}
.wailian ul li:nth-child(2) a{background: rgba(0,0,0,.2);}

.fp-viewing-page0 #header{opacity:1;visibility:visible;}

/*顶部搜索*/

.tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search #keyword {font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../image/search_white.svg) center center no-repeat; background-size: 1.2rem; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #1c89ca;border-radius: 1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #1c89ca;border-radius: 1px;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 45px 15px 70px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #1c89ca center no-repeat;background-size:cover;opacity: 0;visibility: hidden;}
#m_nav .close{position:absolute;top: 10px;right: 15px;left: 15px;font-size: 28px;color:#fff;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 10px 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

.list_box_nav_mobile{width:100%;height: 100%;padding: 0 0 10px;overflow: hidden;overflow-y: scroll;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1);line-height: 4rem;color: #fff;padding: 0;font-size: 1.125rem;display: flex;position: relative; transition:.5s}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 100%;height: 4rem;display: inline-block;background: url(../image/arrow_down.svg) calc(100% - 5px) center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;top: 0;}
.list_box_nav_mobile>li.on1 i{background: url(../image/arrow_down_on.svg) calc(100% - 5px) center no-repeat;}

.list_box_nav_mobile>li.on .a{ border-bottom:1px solid rgba(255, 255, 255, 0.3)}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color:rgba(255,255,255,.7);line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/*导航按钮结束*/

.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none;height: 60px;}
.m_header_box header{padding:0 15px;height: 60px;background: #fff;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header .logo img{height: 50px;}

.banner{width:100%;overflow:hidden;position: relative;}
.swiper-box1 { position: relative; overflow: hidden; }

.swiper-box1 .swiper-prev, .swiper-box1 .swiper-next {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;width: 4.6875rem;height: 5.625rem;background-size: cover !important;transition: .5s;z-index: 100;}

.swiper-box1 .swiper-prev{background: url(../image/banner_prev.png) center no-repeat;}
.swiper-box1 .swiper-next{background: url(../image/banner_next.png) center no-repeat;left: auto;right: 0;}

.swiper-box1 .swiper-prev:hover{background: url(http://www.fangzhuiqi.cn/template/2023fzq/images/banner_prev_on.png) center no-repeat;}
.swiper-box1 .swiper-next:hover{background: url(http://www.fangzhuiqi.cn/template/2023fzq/images/banner_next_on.png) center no-repeat;}

.swiper-box1 .swipershubaio {position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;bottom: 1rem;z-index: 3;}

.swiper-box1 .swipershubaio:after {content: '';width: 300px;height: 300px;border-radius: 44%;background: #69a84e;position: absolute;top: 0;left: 50%;z-index: -1;-webkit-animation: swipershubaio1 5s infinite linear;animation: swipershubaio1 5s infinite linear;}

.swiper-box1 .swipershubaio:before {content: '';width: 300px;height: 300px;border-radius: 35%;background: #69a84e;position: absolute;top: 0;left: 0%;opacity: .5;z-index: -2;-webkit-animation: swipershubaio2 7s infinite linear;animation: swipershubaio2 7s infinite linear;}

.swiper-box1 .swipershubaio p {margin-top: 1rem;font-size: .9375em;}

.swiper-box1 .swipershubaio figure { -webkit-animation: shubiao 1.4s infinite linear; animation: shubiao 1.4s infinite linear; }

.swiper-box1 .swiper-wrapper .swiper-slide { position: relative; overflow: hidden; z-index: 1; }

.swiper-box1 .swiper-wrapper .swiper-slide .box1text {position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text .w1200{ display: flex;align-items: flex-end;justify-content: center;flex-direction: column;color: #fff;z-index: 1; flex:1}
.bannerimg .img_hezi{ padding-bottom: 100vh !important;}

.swiper-box1 .swiper-wrapper .swiper-slide .box1text h2{font-size: 1.255rem;text-transform: uppercase;font-family: Dosis_b;transform: translateY(80px);opacity: 0;transition-delay:.2s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h3{font-size: 1.45rem;font-weight: 600;margin: 2.375rem 0 1.375rem;transform: translateY(80px);opacity: 0;transition-delay:.4s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);}
.swiper-box1 .swiper-wrapper .swiper-slide .box1text h4{font-size: 1.485rem;font-weight: 100;transform: translateY(80px);opacity: 0;transition-delay:.6s;-moz-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);line-height: 1.5;}


.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h2,
.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h3,
.swiper-box1.on .swiper-wrapper .swiper-slide .box1text h4{transform: translateY(0);opacity: 1;}


@-webkit-keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@-webkit-keyframes swipershubaio1 { 0% { -webkit-transform: translate(-50%, -4%) rotate(0); transform: translate(-50%, -4%) rotate(0); }
  100% { -webkit-transform: translate(-50%, -4%) rotate(360deg); transform: translate(-50%, -4%) rotate(360deg); } }

@keyframes swipershubaio1 { 0% { -webkit-transform: translate(-50%, -4%) rotate(0); transform: translate(-50%, -4%) rotate(0); }
  100% { -webkit-transform: translate(-50%, -4%) rotate(360deg); transform: translate(-50%, -4%) rotate(360deg); } }

@-webkit-keyframes swipershubaio2 { 0% { -webkit-transform: translate(-60%, 5%) rotate(0); transform: translate(-60%, 5%) rotate(0); }
  100% { -webkit-transform: translate(-60%, 5%) rotate(360deg); transform: translate(-60%, 5%) rotate(360deg); } }

@keyframes swipershubaio2 { 0% { -webkit-transform: translate(-60%, 5%) rotate(0); transform: translate(-60%, 5%) rotate(0); }
  100% { -webkit-transform: translate(-60%, 5%) rotate(360deg); transform: translate(-60%, 5%) rotate(360deg); } }

.lqcx{ position: relative;}
.lqcx .lqcx_top{width: 6rem;height: 5rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #fff;transition: .5s;cursor: pointer;position: relative;z-index: 1;}
.lqcx .lqcx_top img.img2{ margin-left:.375rem; transition:.5s}
.lqcx .lqcx_top::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #acce22;transform: skewX(-13deg);border-radius: 0 14px 10px 0;z-index: -1;}
.lqcx:hover .lqcx_top:before{ border-radius: 0 14px 0 0;}
.lqcx:hover .lqcx_top{ border-radius: 0 .625rem 0 0;}
.lqcx .lqcx_top span{ margin: 0 .25rem 0 .5em;}
.lqcx .sub{position:absolute;position: absolute;width: auto;right: 0;top: 100%;z-index: 999;/* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);/* box-shadow: 0px 3px 5px #3333334d; */transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;padding: 20px 0 0;}
.lqcx .sub:before{content:"";position:absolute;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #fff 8px solid;top: 12px;left: 50%;margin-left: -6px;}
.lqcx .sub .box{padding: 0;text-align:center; background: rgba(255,255,255,.96); border-radius:5px; overflow:hidden}
.lqcx .sub a{padding: 0 .5rem;line-height: 3.5;transition:.3s;font-size: 14px;letter-spacing: 1px;color: #636363;/* border-bottom: 1px dashed #eee; */display: block;white-space: nowrap;position:relative;}
.lqcx .sub a:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background: #acce22;transition:.5s;}
.lqcx .sub a:hover{color: #fff;background: #1c89ca;}
.lqcx .sub a:hover:before{ width:3px}
.lqcx:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateY(0px);}

.swiper-box1 .swiper-pagination-bullets{ bottom:2.5rem !important}
.swiper-box1 .swiper-pagination-bullet{width: 34px;height: 50px;background:none;position: relative;opacity: 1;font-size: 1.5rem;font-family: Dosis_m;color: transparent;transition: .5s; }
.swiper-box1 .swiper-pagination-bullet:before{content: "";position: absolute;bottom: 0;width: 18px;height: 18px;border-radius: 50%;border: transparent 1px solid;left: 50%;margin-left: -9px;transition: .5s;}
.swiper-box1 .swiper-pagination-bullet:after{content: "";position: absolute;bottom: 6px;width: 6px;height: 6px;border-radius: 50%;border: #fff 1px solid;left: 50%;margin-left: -3px;opacity: 1;transition: .5s;}

.swiper-box1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ color:#fff; }
.swiper-box1 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ border: #fff 1px solid;}
.swiper-box1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ background:#fff}

.container01{ padding: 5.25rem 0 0; overflow: hidden;}
.container01 .w1200{display: flex;flex-wrap: wrap;align-items: center;}
.container01 .left{width: 35.625rem;position: relative;overflow: hidden;}
.container01 .left .img, .container01 .left .img img{ width: 100%;}

.container01 .left .img1{position: absolute;left: 1.375%;top: 0;width: 10.53%;max-width: 60px;}
.container01 .left .img2{position: absolute;right: 0%;bottom: 0;width: 12.3%;max-width: 70px;}

.container01 .left .img2[aos=fade-up] {
    -webkit-transform: translate(0,200px);
    -ms-transform: translate(0,200px);
    transform: translate(0,200px);
}
.container01 .left .img2[aos=fade-up].aos-animate {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.video_play{position: absolute;left: 2rem;bottom: 1.5rem;width: 7.5rem;height: 7.5rem;display: flex;align-items: center;justify-content: center;display: none;}
.video_play::before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;border: #fff 1px solid;transform: scale(.7);border-radius: 50%;}
.video_play svg{width: 1.875rem;height: 1.875rem;fill:#fff;transition: .5s;}

.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: #fff 1px solid;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
	transition:.5s;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}

.container01 .right{ width: calc(100% - 35.625rem); padding: 0 0 0 3.125rem;}
.container01 .right .fl01{ display: flex; justify-content: space-between; align-items: center;}
.container01 .right .fl01 .ll h3{font-size: 2rem;color: #acce22;font-family: Dosis_l;text-transform: uppercase;font-style: italic;}
.container01 .right .fl01 .ll h5{font-size: 1.5rem;color: #252525; margin:1.5rem 0 0}

.more001{ margin: 1.125rem 0 0;}
.more001 *{ transition: .5s;}
.more001 a{display: flex;position: relative;z-index: 1;align-items: center;justify-content: center;width: 13rem;height: 4rem;font-size: 1rem;color: #fff;}
.more001 a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #1c89ca;transform: skewX(-10deg);border-radius: 8px;z-index: -1; transition: .5s;}
.more001 a svg{ width:1.5rem; height:1.5rem; fill:#fff; margin:0 0 0 .75rem}

.container01 .right .fl02{ border-top: #e3e3e3 1px solid; margin: 2.75rem 0 0; padding: 2.25rem 0 0;}
.container01 .right .fl02 p{ font-size: .875rem; color: #2d2f32; line-height: 24px; opacity: .8;}

.list_box_01{ display: flex; justify-content: space-between; align-items: center; margin: 3rem 0 1.5rem;}
.list_box_01 li{ text-align: center;}
.list_box_01 h3{ height: 3.5rem;}
.list_box_01 h3 img{max-height: 2.875rem;}
.list_box_01 h5{ font-size: .875rem; color: #2d2f32; line-height: 1.25;}

.list_box_01 li a:hover h3 img, .list_box_01s li a:hover h3 img{ /*-webkit-animation: borderAnimation2 4s linear infinite;animation: borderAnimation2 4s linear infinite;*/ -webkit-animation: beat 0.5s 1;animation: beat 0.5s 1;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.container02{ background: url(../image/container02_bg.jpg) center no-repeat; background-size: cover; padding: 5.625rem 0 6.25rem;}

.title001{display: flex;/* justify-content: center; */align-items: center;margin-bottom: 3.75rem;}
.title001 img{margin: 0 .875rem 0 0;}
.title001 big{ font-size: 1.875rem; color: #252525;}
.title001 small{ font-size: 1.5rem; color: #acce22; font-family: Dosis; text-transform: uppercase; margin: 0 0 0 .5rem;}

.list_box_02{ display: flex; margin: 0 -3px;}
.list_box_02 li{width: calc((100% - 51.28%) / 2);padding: 0 3px;transition: .5s;}
.list_box_02 li *{ transition: .5s;}
.list_box_02 li a{display: block;position: relative;border-radius: .375rem;overflow: hidden;}
.list_box_02 li a .img .img_hezi{ padding-bottom: 34.375rem !important;}
.list_box_02 li a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding:0 3.75rem 3.5rem;}
.list_box_02 li a .top .h3{font-size: 1.5rem;color: #fff;line-height: 1.25;margin: 1.25rem 0 .125rem;}
.list_box_02 li a .top .h4{ font-size: .875rem; color: #fff; line-height: 1.25; opacity: .5; font-family: Dosis; text-transform: uppercase;}
.list_box_02 li a .top .dot1{width: .625rem;height: .625rem;border: #acce22 1px solid;border-radius: 50%;background: #acce22;margin: 1.125rem 0 0;}
.list_box_02 li a .top .con{ height:0; overflow:hidden}
.list_box_02 li a .top p{font-size: .875rem;color: #fff;line-height: 1.875rem;margin: 1.5rem 0 0rem;max-width: 32em;opacity: .8;font-weight: 300;}

.list_box_02 li.on{ width: 51.28%;}
.list_box_02 li.on a .top .con{height: 9rem;}
.list_box_02 li.on a .top .title003 .dot1{ opacity: 0;}
.list_box_02 li.on a .top .con .dot1{ background: transparent; border: #fff 1px solid;}

.container03 .fl01{ background: #fff; padding: 4.5rem 0 0; overflow: hidden;}
.title001s{ justify-content: flex-start; align-items: flex-end; position: relative; margin-bottom: 2.75rem;}
.title001s .rr{ position: absolute; right: 0;}
.title001s .rr svg{ width: 2.125rem; height: 2.125rem; fill:#b2b2b2; transition: .5s;}

.list_box_03{ display: flex;}
.list_box_03 li{ width: 50%;}
.list_box_03 li .img .img_hezi{ padding-bottom: 46.875% !important;}
.list_box_03 li .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.