@charset "utf-8";
/* CSS Author WeChat:iGAME_Max */
/*公用代码*/
body,html{background:none repeat scroll 0 0; font:calc(100vw / 120) arial,verdana; color:#333; overflow-x: hidden; font-family: "Microsoft Yahei", "微软雅黑", "Microsoft JhengHei", "微软正黑体", sans-serif;}
::-webkit-scrollbar              {/* 1 */width:6px; background-color:#C7C7C7;}
::-webkit-scrollbar-button       {/* 2 */display: none;}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */width:5px;  border-radius:0; background-color:#cc9933;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:6px;}
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
label input{vertical-align:middle;text-shadow:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* 鼠标样式 */
.cursor{pointer-events:none;z-index:100000;position:fixed;top:0;left:0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #cc9933;background: #cc9933; opacity:0;transition:width .2s ease-out,height .2s ease-out,transform .2s;transform:translate(-50%,-50%) rotate(0);}
.cursor.active{ width: 20rem; height: 20rem; background: rgba(255,255,255,0.35);}
.cursor.style{ border-color: #fff; background: rgba(255,255,255,0.8); }
/* *:not(a),a{cursor:url(/static/images/cursor_fill.svg) 11 11,auto} */

a,a:active,a:visited,a:link{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s; color: #333;}
a:hover{ color: #cc9933;}
a:hover,a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;text-shadow:none;outline: none;}
img{max-width:100%;border:0;}
i{ font-style: initial;}
table{border-collapse:collapse;}
ul li{list-style:none;}
input,select,textarea{outline:none; resize: none; font-size: 0.875rem;}
.f-l{float:left;}
.f-l,.f-r{display:inline-block;}
.f-r{float:right;}
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.top10{margin-top:10px;}
.top20{margin-top:20px;}
.top30,.top40{margin-top:30px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}
.top80{margin-top:80px;}
.bg-white{background:#fff;}
.bg-gray{ background: #F5F5F5;}
.w-90{ width: 90%; margin: auto;}
.w-100{width:100%; float: left;}
.w-1200{margin:auto; width: 75rem;}
.w-1300{margin:auto; width: 83.125rem;}
.w-1400{margin: auto; width: 87.5rem;}
.w-1500{margin: auto; width: 95rem;}
.w-1600{margin: auto; width: 100rem; }
.w-1700{margin: auto; width: 107.5rem;}
.div-pc{ display: block;}
.div-phone{ display: none !important;}
.clear::after{ content: ''; display: block; clear: both; }

.img-hover{ overflow: hidden;}
.img-hover .img-h{display: block !important; width: 100%; height: 100%; object-fit: cover; transition: all .6s;}
.img-hover:hover .img-h{ transform: scale(1.1);}

/* 布局样式 */
.between-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.between-center{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-justify-content: space-between; -webkit-align-items: center; }
.between-bottom{ display: flex; display: -webkit-flex; justify-content: space-between; align-items: flex-end; -webkit-justify-content: space-between; -webkit-align-items: flex-end; }
.center-center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.around-center{ display: flex; display: -webkit-flex; justify-content: space-around; align-items: center; -webkit-justify-content: space-around; -webkit-align-items: center; }
.column-between{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; }
.column-around{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-around; -webkit-justify-content: space-around; }

/* 文字超出隐藏省略号 */
.text-one-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.text-two-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.text-three-hide{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

/* 手机版按钮 */
.head-btn{width: 1.8rem;float: right;position: relative;margin-left: 1.5rem;cursor: pointer; display: none;}
.head-btn i{ display: block; width: 100%; height: 2px; float: left; background-color: #cc9933; border-radius: 50px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}
.head-btn i.bar-top{ margin-top: 0;}
.head-btn i.bar-cen{ margin-top: 0.375rem;}
.head-btn i.bar-bom{ margin-top: 0.375rem;}
.head-btn.cur i.bar-cen{ opacity: 0;}
.head-btn.cur i.bar-top{ transform:rotate(45deg); transform-origin: 1px 1px;}
.head-btn.cur i.bar-bom{ transform:rotate(-45deg); transform-origin: 1px 1px;}
/*隐藏*/
.overHide{ overflow: hidden;}

.fanye-box{ text-align: center; padding: 3rem 0; margin: auto;}
.fanye-box .between-center{ /* box-shadow: 0 0 1rem rgba(0,0,0,0.1); border: 1px solid #E4E4E4; */}
.fanye-box a{ cursor: pointer;}
.fanye-box a,.fanye-box span{ background: #fff; border-color: #fff; height: 2.5rem; line-height: 2.5rem; padding: 0 0.95rem; font-size: 1rem; margin: auto; border-radius: 0; margin-left: 1px;}
.fanye-box a:hover,.fanye-box a.curr,.fanye-box a.current,
.fanye-box span:hover,.fanye-box span.curr,.fanye-box span.current{ background: #cc9933; color: #fff; border-color: #cc9933;}

.swiper-pagination-bullet,.swiper-button-next,.swiper-button-prev{ outline: none;}

.all-center-box{ width: 100%; float: left; position: relative; overflow: hidden; margin-top: 4.625rem; }
.all-center-box::before{ content: ''; width: 100%;}
/* .all-center-box.active{ margin-top: 4.875rem;} */

.text-center{ text-align: center;}

/* .goTop{ width: 3.4375rem; height: 3.4375rem; background: url(/static/images/icon_gotop.png) no-repeat center; background-size: 100%; position: fixed; right: 4.25rem; bottom: 4rem; z-index: 90; opacity: 0; pointer-events: none; transition: all .3s; }
.goTop.active{ opacity: 1; pointer-events: auto; } */

.tips-box{ background: rgba(0,0,0,0.5); color: #fff; font-size: 1.5rem; position: fixed; left: 50%; top: 50%; z-index: 999; transform: translate(-50%,-50%); border-radius: 0.5rem; padding: 0.6rem 1rem; }

.loading-box{ width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9999; transition: all 1.5s ease .3s; pointer-events: none; background: #fff; }
.loading-box.noShow{ transform: translate(0,100%); opacity: 0;}
.loading-box>.center-center{ width: 100%; height: 100%; }
.loading-box>.center-center p{ margin-top: 1rem; color: #888; }
.la-fire,.la-fire>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-fire{display:block;font-size:0;color: #cc9933;}.la-fire.la-dark{color:#333}.la-fire>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}.la-fire{width:32px;height:32px}.la-fire>div{position:absolute;bottom:0;left:50%;width:12px;height:12px;border-radius:0;border-radius:2px;-webkit-transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);-moz-transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);-ms-transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);-o-transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);transform:translateY(0) translateX(-50%) rotate(45deg) scale(0);-webkit-animation:fire-diamonds 1.5s infinite linear;-moz-animation:fire-diamonds 1.5s infinite linear;-o-animation:fire-diamonds 1.5s infinite linear;animation:fire-diamonds 1.5s infinite linear}.la-fire>div:nth-child(1){-webkit-animation-delay:-.85s;-moz-animation-delay:-.85s;-o-animation-delay:-.85s;animation-delay:-.85s}.la-fire>div:nth-child(2){-webkit-animation-delay:-1.85s;-moz-animation-delay:-1.85s;-o-animation-delay:-1.85s;animation-delay:-1.85s}.la-fire>div:nth-child(3){-webkit-animation-delay:-2.85s;-moz-animation-delay:-2.85s;-o-animation-delay:-2.85s;animation-delay:-2.85s}.la-fire.la-sm{width:16px;height:16px}.la-fire.la-sm>div{width:6px;height:6px}.la-fire.la-2x{width:64px;height:64px}.la-fire.la-2x>div{width:24px;height:24px}.la-fire.la-3x{width:96px;height:96px}.la-fire.la-3x>div{width:36px;height:36px}@-webkit-keyframes fire-diamonds{0%{-webkit-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-webkit-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-webkit-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}@-moz-keyframes fire-diamonds{0%{-moz-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-moz-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-moz-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}@-o-keyframes fire-diamonds{0%{-o-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-o-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-o-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}@keyframes fire-diamonds{0%{-webkit-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);-moz-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);-o-transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(75%) translateX(-50%) rotate(45deg) scale(0)}50%{-webkit-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);-moz-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);-o-transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1);transform:translateY(-87.5%) translateX(-50%) rotate(45deg) scale(1)}100%{-webkit-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);-moz-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);-o-transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0);transform:translateY(-212.5%) translateX(-50%) rotate(45deg) scale(0)}}


.head-box{ position: fixed; left: 0; top: 0; z-index: 99; transition: all .6s; box-shadow: 0 0 1rem rgba(0,0,0,0.1); background: #fff; }
.head-box .logo{ height: 2.1rem; margin-right: 3.75rem;}
.head-box .w-1400{ height: 4.625rem;position: relative;z-index: 2;}
.head-box .f-r .box-info1{ width: 2.25rem; height: 2.25rem; float: left; position: relative; }
.head-box .f-r .box-info1 .box1{ width: 100%; height: 100%; background: url(/static/images/icon_1.png) no-repeat center; background-size: 1.875rem; cursor: pointer; transition: all .6s; overflow: hidden; }

.head-box .f-r .box-info1{ width: auto; height: auto;}
.head-box .f-r .box-info1 .box1{ display: flex; background: none; border: 1px solid #cd9b36; border-radius: 0.375rem; }
.head-box .f-r .box-info1 .box1 .text{ width: 8.5rem; height: 2.125rem; border: none; padding: 0 0.8rem; color: #8E8E8E; }
.head-box .f-r .box-info1 .box1 .btns{ width: 2.5rem; height: 2.125rem; background: url(/static/images/icon_1_h.png) no-repeat center #F0F0F0; background-size: 1rem; cursor: pointer; border: none; }

.head-box .f-r .box-info1 .box2{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5); transition: all .6s; opacity: 0; pointer-events: none; }
.head-box .f-r .box-info1 .box2 .center-center{ width: 100%; height: 100%; float: left; }
.head-box .f-r .box-info1 .box2 p{ font-size: 2.25rem; color: #fff; }
.head-box .f-r .box-info1 .box2 form{ width: 50rem; display: flex; margin-top: 1.5rem;}
.head-box .f-r .box-info1 .box2 .text{ font-size: 1.5rem; flex: 1; width: 100%; padding: 0 1rem; border: none; background: #fff; height: 5rem; }
.head-box .f-r .box-info1 .box2 .btns{ font-size: 1.5rem; color: #fff; width: 6.875rem; cursor: pointer; border: none; background: #cc9933; height: 5rem; text-align: center;}
.head-box .f-r .box-info1 .box2 i{ width: 2.8125rem; height: 2.8125rem; position: absolute; right: 10.45rem; top: 1.7rem; background: url(/static/images/icon_close2.png) no-repeat center; background-size: 100%; cursor: pointer; transition: all .6s; }
.head-box .f-r .box-info1 .box2 i:hover{ transform: rotate(360deg);}
.head-box .f-r .box-info1 .box1.active{ background-image: url(/static/images/icon_close.png);}
.head-box .f-r .box-info1 .box2.active{ opacity: 1; transform: translate(0,0); pointer-events: auto; }
.head-box .f-r .box-info2{margin-left: 0.5rem; display: flex; }
.head-box .f-r .box-info2>a{ min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; border: 1px solid #919191; border-radius: 0.375rem; font-size: 0.875rem; float: left; text-align: center; margin-left: 0.5rem; white-space: nowrap; padding: 0 0.4rem; }
.head-box .f-r .box-info2>a.active,.head-box .f-r .box-info2>a:hover{ background: #cc9933; border-color: #cc9933; color: #fff; }
.head-box .f-r .box-info2 .box1{ position: relative;}
.head-box .f-r .box-info2 .box1 p{ min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; border: 1px solid #919191; border-radius: 0.375rem; font-size: 0.875rem; float: left; text-align: center; white-space: nowrap; padding: 0 1.3rem 0 0.4rem; position: relative; cursor: pointer; transition: all .6s; }
.head-box .f-r .box-info2 .box1 p::after{ content: ''; border-right: 0.35rem solid transparent; border-left: 0.35rem solid transparent; border-top: 0.4rem solid #333; position: absolute; right: 0.4rem; top: 50%; margin-top: -0.1rem; transition: all .6s; }
.head-box .f-r .box-info2 .box1:hover p{ color: #fff; background: #cc9832; border-color: #cc9832; }
.head-box .f-r .box-info2 .box1:hover p::after{ transform: rotate(180deg); border-top-color: #fff;}
.head-box .f-r .box-info2 .box1 div{ width: 100%; position: absolute; left: 50%; top: calc(100% + 1.25rem); text-align: center; background: #fff; box-shadow: 0px 1.25rem 3.125rem rgb(118 94 45 / 20%); border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; padding: 0.5rem 0; transform: perspective(800px) rotateY(60deg) translate3d(-50%, 10px, 0px); opacity: 0; pointer-events: none; transition: all .4s ease-in-out; }
.head-box .f-r .box-info2 .box1 div::before{content: ''; width: 100%; height: 1.8rem; position: absolute; left: 0; bottom: 100%;}
.head-box .f-r .box-info2 .box1 div a{ display: block; font-size: 0.875rem; line-height: 1.5rem; }
.head-box .f-r .box-info2 .box1 div a.active{ color: #cc9832;}
.head-box .f-r .box-info2 .box1:hover div{ opacity: 1; pointer-events: auto; transform: translate3d(-50%, 0px, 0);}

.head-box .head-menu>ul>li{float: left;text-align: center;/* margin:0 -0.59375rem; */position: relative;}
.head-box .head-menu>ul>li>a{ float: left; padding: 0 0.875rem; font-size: 1rem; line-height: 2.3125rem; height: 2.3125rem; overflow: hidden; position: relative; }
.head-box .head-menu>ul>li>a p{ transition: all .6s;}
.head-box .head-menu>ul>li:hover>a p:first-child{ margin-top: -2.3125rem;}
.head-box .head-menu>ul>li:hover>a p:first-child::after,
.head-box .head-menu>ul>li:hover>a::after,
.head-box .head-menu>ul>li:hover>a::before,
.head-box .head-menu>ul>li.active a p:first-child::after,
.head-box .head-menu>ul>li.active a::after,
.head-box .head-menu>ul>li.active a::before{ opacity: 1;}
.head-box .head-menu>ul>li.active>a{ color: #cc9933;}

.head-box .head-menu ul li{ position: relative;}
.head-box .head-menu ul li ul{ min-width: 6rem; position: absolute; left: 50%; top: calc(100% + 1.2rem); transform: perspective(800px) rotateY(60deg) translate3d(-50%, 10px, 0px); background: #fff; box-shadow: 0px 1.25rem 3.125rem rgba(118,94,45,0.2); opacity: 0; pointer-events: none; transition: all .6s ease-in-out; text-align: left; padding: 0.5rem 0 1.2rem; border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.head-box .head-menu ul li ul::before{ content: ''; width: 100%; height: 1.8rem; position: absolute; left: 0; bottom: 100%;}
/* .head-box .head-menu ul li ul::after{ content: ''; position: absolute; left: 50%; top: -0.5rem; width: 1rem; height: 1rem; background: #cc9933; transform: translate(-50%,0) rotate(45deg); transition: all .3s ease .1s; } */
.head-box .head-menu ul li ul li{ padding: 0 0.875rem;}
.head-box .head-menu ul li ul li a{ display: block; line-height: 2.5rem; font-size: 0.875rem; border-bottom: 1px solid #D5D5D5; padding: 0 0.75rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }

@media screen and (min-width:1200px){
    .head-box .head-menu ul li ul li:hover>a{ border-color: #cc9933; color: #cc9933;}
    .head-box .head-menu ul li ul ul{ transform: translate3d(10px,0,0); left: calc(100% + 0.5rem); top: 0; padding: 0.875rem 0;}
    .head-box .head-menu ul li ul ul::before{ width: 2rem; height: 100%; top: 0; left: auto; right: 100%;}
    .head-box .head-menu ul li ul ul::after{ display: none; }
    .head-box .head-menu li:hover>ul{ opacity: 1; pointer-events: auto; transform: translate3d(-50%, 0px, 0);}
    .head-box .head-menu li:hover>ul ul{ transform: translate3d(0,0,0);}
    .head-btn{ width: 2rem;}
    .head-btn i{ height: 0.1875rem; background: #434343;}
}

.banner{ position: relative; overflow: hidden; height: 100vh; margin-top: -4.625rem; background: #F5F5F5; }
.banner .flow-chart-box{ position: absolute; top: 52%; left: 50%; z-index: 59;width: 600px; height: 600px; transform: translate(-50%,-50%);}
.banner .flow-chart{ position: relative; width: 90%; height: 90%; margin: 5%;}
.banner .fc-line span{ display: block; position: absolute; top: 0; bottom: 0; width: 50%; overflow: hidden; }
.banner .fc-line .ll{ left: 0; }
.banner .fc-line .lr{ right: 0; }
.banner .fc-line-1 span:after{ border: 1px solid #b8b8b8; }
.banner .fc-line-2 span:after{ border: 1px solid #cc9933; }
.banner .fc-line span:after{ content: ""; position: absolute; top: 0; bottom: 0; border-top-color: transparent; border-radius: 100%; }
.banner .fc-line .ll:after{ left: 0; right: -100%; border-left-color: transparent; transform: rotate(135deg); /* transform: rotate(-45deg);  */ }
.banner .fc-line .lr:after{ right: 0; left: -100%; border-right-color: transparent; transform: rotate(-135deg); /* transform: rotate(-315deg); */  }
.banner .fc-circle-1{ color: #b8b8b8; }
.banner .fc-circle-1 .dot{ width: 46px; height: 46px; border: 1px solid #b8b8b8; }
.banner .fc-circle li{ position: absolute; text-align: center; font-size: 12px; line-height: 14px; }
.banner .fc-circle .dot{ position: relative; background: #fff; border-radius: 100%; }
.banner .fc-circle-1 p{ position: relative; width: 100%; height: 100%; display: table; }
.banner .fc-circle-1 p i{ display: table-cell; vertical-align: middle; word-break: break-all; padding: 0 2px; line-height: 1; }
.banner .fc-circle .dot:before{ content: ""; position: absolute; top: -6px; bottom: -6px; left: -6px; right: -6px; border-radius: 100%; }
.banner .fc-circle-1 .dot:before{ border: 1px dashed #b8b8b8; }
.banner .fc-circle-1 .w1{ left: 50%; margin-left: -24px; top: -24px; }
.banner .fc-circle-1 .w6{ left: 50%; margin-left: -24px; bottom: -24px; }
.banner .fc-circle-1 .w4{ top: 50%; margin-top: -24px; right: -24px; }
.banner .fc-circle-1 .w9{ top: 50%; margin-top: -24px; left: -24px; }
.banner .fc-circle-1 .w2{ right: 20%; top: 2%; }
.banner .fc-circle-1 .w3{ right: 2%; top: 20%; }
.banner .fc-circle-1 .w5{ right: 2%; bottom: 20%; }
.banner .fc-circle-1 .w7{ left: 20%; bottom: 2%; }
.banner .fc-circle-1 .w8{ left: 2%; bottom: 20%; }
.banner .fc-circle-1 .w10{ left: 2%; top: 20%; }
.banner .fc-circle-1 .w11{ left: 20%; top: 2%; }
.banner .fc-small-circle{ position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; }
.banner .fc-circle-2 .dot{ width: 54px; height: 54px; border: 1px solid #cc9933; }
.banner .fc-circle-2 .dot:before{ border: 1px dashed #cc9933; }
.banner .fc-circle .ico{ height: 100%; background-position: -10px -10px; }
.banner .fc-circle-2{ color: #cc9933; }
.banner .fc-circle-2 .w1{ left: 50%; margin-left: -28px; top: -28px; }
.banner .fc-circle-2 .w2{ top: 26%; right: -6%; }
.banner .fc-circle-2 .w3{ bottom: 1%; right: 12%; }
.banner .fc-circle-2 .w4{ bottom: 1%; left: 12%; }
.banner .fc-circle-2 .w5{ top: 26%; left: -6%; }
.banner .fc-circle-2 p{ position: absolute;  white-space: nowrap; }
.banner .fc-circle-2 .w1 p{ top: 117.86%; left: 10.71%; }
.banner .fc-circle-2 .w2 p{ top: 117.86%; right: 57%; }
.banner .fc-circle-2 .w3 p{ bottom: 117.86%; right: 23.21%; }
.banner .fc-circle-2 .w4 p{ bottom: 117.86%; left: 23.21%; }
.banner .fc-circle-2 .w5 p{ top: 117.86%; left: 57%; }
.banner .fc-logo{ position: absolute; left: 37.5%; top: 37.5%; width: 25%; height: 25%; }
.banner .fc-logo li{ position: absolute; top: 0; left: 0; right: 0; }
.banner .fc-img{ position: absolute; left: 9%; top: 9.5%; width: 86%; }
.banner .fc-name{ position: absolute; }
.banner .fc-name-1{ top: 8.07%; left: 8.81%; }
.banner .fc-name-2{ top: 0%; right: 9.96%; }
.banner .m-banner-img{ display: none; }
.banner .fa-ico{
    height: 100%;
    display:block;
    background-repeat:no-repeat;
    background-position:-10px -10px;
}
.banner .banner-text{
    position: absolute;
    left: 50%;
    top: 50%;
    white-space: nowrap;
    margin: 200px 0 0 115px;
}
.banner .banner-text h1{ display: flex; font-weight: 500; font-size: 2.5rem; margin-bottom: 0.5rem; }
.banner .banner-text p.info{
    color:#999999;
    margin-bottom: 1rem;
}
.banner-load-time i{font-style: normal;}
.banner-load-time .fc-logo .pic2{ transition-duration: 400ms; }
.banner-load-time .fc-logo .lg1 .pic2{ transition-duration: 800ms; }
.banner-load-time .fc-logo .lg2 .pic2{ transition-delay: 800ms; }
.banner-load-time .fc-logo .lg3 .pic2{ transition-delay: 1200ms; }
.banner-load-time .fc-logo .lg4 .pic2{ transition-delay: 1600ms; }
.banner-load-time .fc-line span:after{ transition-duration: 1000ms; transition-timing-function: linear;  }
.banner-load-time .fc-line-2 .lr:after{ transition-delay: 2000ms; }
.banner-load-time .fc-line-2 .ll:after{ transition-delay: 3000ms; }
.banner-load-time .fc-circle .dot{ transition-duration: 1000ms; }
.banner-load-time .fc-circle-2 .w1 .dot{ transition-delay: 2100ms; }
.banner-load-time .fc-circle-2 .w2 .dot{ transition-delay: 2500ms; }
.banner-load-time .fc-circle-2 .w3 .dot{ transition-delay: 2900ms; }
.banner-load-time .fc-circle-2 .w4 .dot{ transition-delay: 3300ms; }
.banner-load-time .fc-circle-2 .w5 .dot{ transition-delay: 3700ms; }
.banner-load-time .fc-line-1 span:after{ transition-duration: 1200ms; }
.banner-load-time .fc-line-1 .lr:after{ transition-delay: 4000ms; }
.banner-load-time .fc-line-1 .ll:after{ transition-delay: 5200ms; }
.banner-load-time .fc-circle-1 .w1 .dot{ transition-delay: 4050ms; }
.banner-load-time .fc-circle-1 .w2 .dot{ transition-delay: 4250ms; }
.banner-load-time .fc-circle-1 .w3 .dot{ transition-delay: 4450ms; }
.banner-load-time .fc-circle-1 .w4 .dot{ transition-delay: 4650ms; }
.banner-load-time .fc-circle-1 .w5 .dot{ transition-delay: 4850ms; }
.banner-load-time .fc-circle-1 .w6 .dot{ transition-delay: 5050ms; }
.banner-load-time .fc-circle-1 .w7 .dot{ transition-delay: 5250ms; }
.banner-load-time .fc-circle-1 .w8 .dot{ transition-delay: 5450ms; }
.banner-load-time .fc-circle-1 .w9 .dot{ transition-delay: 5650ms; }
.banner-load-time .fc-circle-1 .w10 .dot{ transition-delay: 5850ms; }
.banner-load-time .fc-circle-1 .w11 .dot{ transition-delay: 6050ms; }
.banner-load-time .fc-img{ transition-duration: 2000ms; transition-delay: 6400ms; }
.banner-load-time .fc-name{ transition-duration: 1000ms; }
.banner-load-time .fc-name-2{ transition-delay: 4000ms; }
.banner-load-time .fc-name-1{ transition-delay: 6400ms; }
.banner-load .fc-line .ll:after{ transform: rotate(-45deg); }
.banner-load .fc-line .lr:after{ transform: rotate(-315deg); }
.banner-load .fc-logo .pic2{ transform: rotate(10deg); opacity: 0; visibility: hidden; }
.banner-load .fc-logo .lg1 .pic2{ transform: rotate(30deg); }
.banner-load .fc-circle .dot{ transform: scale(0.7); opacity: 0; visibility: hidden; }
.banner-load .fc-img{ transform: rotate(30deg); opacity: 0; visibility: hidden; }
.banner-load .fc-name{ opacity: 0; visibility: hidden; }
.banner .fc-logo-2 { animation: rotateing 5s infinite linear; }
.bannertxts{ position: absolute; top: 80%; left: 74%; padding: 10px 0 0 35px; width: 500px; background: #fff; }
.bannertxts .tx{ height: 40px; }

.banner-text .tx-trans i{display:inline-block;vertical-align:bottom;opacity:0;font-style:normal}
.banner-text .tx-trans.show i{transition:all .3s ease;opacity:1}
.banner-text .info,.banner-text .more{opacity:0;transition:all .6s ease;transform:translateX(30px)}
.banner-text .info.show,.banner-text .more.show{opacity:1;transform:translateX(0)}
.more{color:#000;position:relative;height:2.5rem;display:inline-block;font-weight:700}
.more::before{content:"";width:1.25rem;height:1.25rem;background:#cc9832;opacity:.5;position:absolute;top:1.875rem;left:3.4375rem;transition:all .3s ease}
.more:after{content:" ";background:url(/static/images/icon_jt1.png) no-repeat center;background-size:100%;width:4.375rem;height:.5rem;position:absolute;top:2.1875rem;left:0;transition:all .3s ease}
.more1::before{content:"";width:1.25rem;height:1.25rem;background:#cc9832;opacity:.5;position:absolute;top:0;left:7.8125rem;transition:all .3s ease}
.more1:after{content:" ";background:url(/static/images/icon_jt1.png) no-repeat center;background-size:100%;width:4.375rem;height:.5rem;position:absolute;top:.4rem;left:4.375rem;transition:all .3s ease}
.more3:after{content:" ";background:url(/static/images/icon_jt1.png) no-repeat center;background-size:100%;width:4.6875rem;height:.5rem;position:absolute;top:2.1875rem;left:0;right:3.0625rem;transition:all .3s ease}
.more:hover::before{transform:rotate(90deg);opacity:.3}
.more:hover::after{transform:translateX(1.25rem);opacity:.4}
.index-main{padding-bottom:12.5rem;background:#f5f5f5}
.family-banner a,.family-banner img{width:100%;display:block;transition:all .5s}
.family-banner .swiper-slide-active a:hover img{transform:scale(1.02)}
.family-banner{width:100%;height:100%;overflow:visible}
.family-banner .swiper-pagination-bullet{border-radius:0}
.family-wrap{position:relative}
.family-banner .swiper-slide{text-align:center;font-size:1.125rem;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:60%;opacity:.4}
.family-banner .swiper-slide-active{opacity:1;overflow:hidden}
.family-wrap .family-button-next,.family-wrap .family-button-prev{width:6.25rem;height:2.5rem;background:red;position:absolute;top:50%;margin-top:3.75rem;transform:translateY(-50%);width:5rem;height:3.125rem;cursor:pointer}
.family-wrap .swiper-pagination{bottom:-6.25rem}
.family-wrap .family-button-next{right:-3.125rem;background:url(/static/images/swiper-next.png) no-repeat center;background-size:100%;transition:all .5s}
.family-wrap .family-button-prev{left:-3.125rem;background:url(/static/images/swiper-prev.png) no-repeat center;background-size:100%;transition:all .5s}
.family-wrap .family-button-next:hover{background-image:url(/static/images/swiper-next1.png)}
.family-wrap .family-button-prev:hover{background-image:url(/static/images/swiper-prev1.png)}
.family-panel .ti{font-weight:700;margin:1rem 0 -1rem; transition: transform .3s,opacity .2s;}
.family-panel .ti.active{ transform: translate(2rem,0); opacity: 0;}
.family-panel .txt{color:#999;font-size:.875rem;min-height:65%}
.family-panel .more{font-size:.875rem}
.family-wrap .title{text-align:center;margin-top:3.125rem;margin-bottom:3.125rem}
.family-wrap .title h2{font-size:2rem;font-weight:500}
.family-wrap .famiyt-button{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10;width:60%;height:100%;pointer-events:none}
.family-wrap .famiyt-button div{pointer-events:all}
.family-wrap .family-panel{position:absolute;left:50%;z-index:10;transform:translateX(-130%);width:18%;background:#fff;box-shadow:.5625rem .375rem 1.25rem 0 rgba(0,0,0,.2);padding:0 2%;bottom:-3.125rem;height:6.25rem}


.swiper-pagination .swiper-pagination-bullet{ width: 0.625rem; height: 0.625rem; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #CC9933;}

.foot-box{ padding: 2.125rem 0; border-top: 1px solid #ddd; background: #fff;}
.foot-box .box1 .logo{ height: 2.5rem; display: inline-flex; }
.foot-box .box1 p{ font-size: 0.875rem; margin-top: 2rem; color: #999; line-height: 1.375rem; }
.foot-box a{ color: #999;}
.foot-box a:hover{ color: #cc9933;}
.foot-box .box2 h4{ font-size: 1.5rem;}
.foot-box .box2 h6{ font-size: 1.0625rem; font-weight: normal; margin-bottom: 1.5rem; }
.foot-box .box2 p{ font-size: 0.875rem; color: #999; line-height: 1.375rem; display: flex; }
.foot-box .box2 p i{ width: 1.375rem; height: 1.375rem; background-position: left; background-size: auto 1rem; background-repeat: no-repeat; display: inline-block; }
.foot-box .box2 p.phone i{ background-image: url(/static/images/icon_4_b.png);}
.foot-box .box2 p.email i{ background-image: url(/static/images/icon_2_b.png);}
.foot-box .box3 form{ width: 13.75rem; border: 1px solid #CED4DA; border-radius: 0.1875rem; overflow: hidden; display: flex; }
.foot-box .box3 form .text{ width: 100%; flex: 1; height: 2.25rem; padding: 0 1rem; border: none; color: #8E8E8E; }
.foot-box .box3 form .btns{ width: 2.5rem; height: 2.25rem; background: url(/static/images/icon_1.png) no-repeat center; background-size: auto 1.2rem; border: none; cursor: pointer; }
.foot-box .box3 .ewm-box{ width: 6.9375rem; height: 6.9375rem; margin-left: 1rem; border: 1px solid #CED4DA;}

.goTop{ width: 3.5rem; height: 3.5rem; background: #ce9a2d url(../images/back-top.png) no-repeat center; background-size: 2.0625rem; position: fixed; bottom: 3.75rem; right: 3.125rem; z-index: 999; border-radius: 100%; transform: translate(0,2rem); opacity: 0; pointer-events: none; transition: all .3s; cursor: pointer; }
.goTop.active{ opacity: 1; pointer-events: auto; transform: translate(0,0);}
.goTop:hover{ background-size: 1.5rem;}

.page-banner{ height: 37.125rem; overflow: hidden; position: relative; }
.page-banner>.bg,.page-banner>.bg video,.page-banner>.bg img{ width: 100%; height: 100%; object-fit: cover; }
.page-banner>.bg img{ display: block;}
.page-banner>.center-center{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; }
.page-banner>.center-center .f-r{ width: 31.25rem; height: 37.125rem; background: rgba(255,255,255,0.4); padding: 0 1.5rem; }
.page-banner>.center-center .f-r .box1 span{ font-size: 2.5rem; display: block; margin-bottom: 0.625rem;}
.page-banner>.center-center .f-r .box1 p{ font-size: 1rem;}
.page-banner>.center-center .f-r .box2{ margin-top: 1rem;}
.page-banner>.center-center .f-r .box2 ul{ margin: 0 -0.5rem;}
.page-banner>.center-center .f-r .box2 ul li{ width: 50%; float: left; padding: 0.5rem; }
.page-banner>.center-center .f-r .box2 ul li div{ width: 100%; height: 8rem; overflow: hidden; }
.page-banner>.center-center .f-r .box2 ul li div img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.page-banner>.center-center .f-r .box2 ul li div:hover img{ transform: scale(1.1); filter: contrast(1.4);}

.page-menu{ background: #fff; position: relative; }
.page-menu .between-center a{ min-width: 8.75rem; text-align: center; padding: 0 1rem; margin: 0; font-size: 0.9375rem; line-height: 3.75rem; cursor: pointer; position: relative; transition: all .3s; }
.page-menu .between-center a::after{ content: ''; width: 1px; height: 1.5rem; background: #929292; position: absolute; right: 0; top: 50%; margin-top: -0.75rem; }
.page-menu .between-center a::before{ content: ''; width: 0%; height: 2px; background: #CC9933; position: absolute; left: 10%; bottom: 0; transition: all .6s;  }
.page-menu .between-center a.active,.page-menu .between-center a:hover{ color: #CC9933; font-size: 1rem; }
.page-menu .between-center a.active::before,.page-menu .between-center a:hover::before{ width: 80%;}
.page-menu .between-center a:last-child::after{ display: none; }
.page-menu #childNavbar{ width: 100%; position: absolute; left: 0; top: -4.625rem;}

.page-center-info{ background: #f5f5f5;}
.page-center-info .page-center-box{ display: none;}

.about-box1{  padding: 2.5rem 0;}
/*.about-box1 .f-r{ margin-right: 8.2rem;}*/
.about-box1 .box-info1{ width: 20.6rem; height: 7.1875rem; padding: 0 2.5rem; justify-content: center; }
.about-box1 .box-info1 .box1{ flex:1;}
.about-box1 .box-info1 .box1 p{ font-size: 1rem; color: #888; padding-left: 0.3rem; min-height: 2.7rem; }
.about-box1 .box-info1 .box1>.between-center span,
.about-box1 .box-info1 .box1 .Odometer1,
.about-box1 .box-info1 .box1 .Odometer2{ font-size: 2.25rem; color: #cc9933; margin-left: 0.1rem; }
.about-box1 .box-info1 i{ width: 1.375rem; height: 1.375rem; background: url('/static/images/ad/about-title.jpg') no-repeat center; background-size: cover; margin-left: 1.1rem; }
.about-box1 .box-info1+.box-info1{ border-left: 1px solid #ccc; }

.number-animate{float:left;line-height:3rem;height:3rem;font-size:2.75rem;font-family:msBold;overflow:hidden;display:inline-block;position:relative}
.number-animate .number-animate-dot{width:2rem;float:left;text-align:center}
.number-animate .number-animate-dom{width:1.875rem;text-align:center;float:left;position:relative;top:0}
.number-animate .number-animate-dom span,.number-animate .number-animate-dot span{float:left;width:100%;height:3rem;line-height:1;color:#c93}

.all-title-box{ position: relative; padding: 0 2rem; white-space: nowrap; min-height: 7.8125rem; transition: all .6s; }
.all-title-box div{ position: absolute;}
.all-title-box i{ width: 3.75rem; height: 3.75rem; line-height: 3.75rem; text-align: center; border: 0.125rem solid #cc9933; color: #cc9933; font-size: 2.25rem; display: inline-block; border-radius: 0.3125rem; }
.all-title-box p{ font-size: 1.5rem; padding: 1.1rem 0 1rem; position: relative;}
.all-title-box p::after{ content: ''; width: 2.5rem; height: 0.1875rem; background: #333; position: absolute; left: 0; bottom: 0; }
.all-title-box div.fixed{ position: fixed; top: 20rem; }
.all-title-box.active{ opacity: 0;}

.about-box2{ padding: 5rem 0; background: #fff;}
.about-box2 .w-1200{ padding-left: 11.25rem;}
.about-box2 .w-1200 .f-l{ width: 50%; padding-right: 2.25rem;}
.about-box2 .w-1200 .f-l .box1{ font-size: 1rem; color: #868686; line-height: 1.875rem; text-align: justify; }
.about-box2 .w-1200 .f-l .box2{ margin-top: 1rem;}
.about-box2 .w-1200 .f-r{ width: 50%;}
.about-box2 .w-1200 .f-r .swiper-container{ height: auto; padding-bottom: 2.5rem; }
.about-box2 .w-1200 .f-r .swiper-container .swiper-slide img{ width: 100%; height: 20rem; object-fit: cover;}
.about-box2 .w-1200 .f-r .swiper-container .swiper-pagination{ width: auto; left: auto; right: 0; }

.about2-main{  padding: 2.25rem 0; }
.about2-main .byobu{height:31.25rem;overflow:hidden;display:flex}
.about2-main .byobu>div{width:100%;}
.about2-main .byobu__block{position:relative;height:100%;width:100%;cursor:pointer;background:rgba(0,0,0,.4);text-align:center;transition:background .3s ease;background:url(/static/images/ad/ix_img5.jpg); background-size: cover;}
.about2-main .byobu__block img{display:inline-block;margin-top:50%;transition:transform 2s cubic-bezier(.075,.82,.165,1);width:6.25rem;position:relative;z-index:2}
.about2-main .byobu__block:before{position:absolute;top:80%;left:50%;content:" ";width:3.125rem;height:3.125rem;opacity:0;z-index:2;background:url(/static/images/logo-white.png) no-repeat;background-size:100% auto;animation:infiniteRotate 2s linear infinite;transition:all .3s ease}
.about2-main .byobu__block:after{position:absolute;top:0;left:0;content:" ";height:0;transform:translateY(-30px);width:100%;background:#cc9931;transition:all .5s cubic-bezier(.215,.61,.355,1)}

@media screen and (min-width:1200px){
    .about2-main .byobu__block:hover::before{opacity:.4;margin-top:0}
    @keyframes infiniteRotate{0%{transform:translate(-50%,-50%) rotate(0)}
        100%{transform:translate(-50%,-50%) rotate(360deg)}
    }
    .about2-main .byobu__block:hover:after{height:100%;opacity:.8;transform:translateY(0);}
    .about2-main .byobu__block:hover img{transform:translateY(-6.25rem)}
    .about2-main .byobu__block:hover p{transform:translateY(-6.25rem);opacity:1}
}
.about2-main .byobu__block p{font-size: 0.875rem;color:#fff;width:70%;margin: 1.875rem auto 0 auto;position:relative;z-index:2;opacity:0;transition:all 2s cubic-bezier(.075,.82,.165,1) .3s}

.about2-main .layer2 .content{
    background: url(/static/images/map.jpg) no-repeat center;
    height: 600px;
}
.about2-main .layer2 .f-l{ width: 66%;}
.about2-main .layer2 .f-r{ width: 34%;}
.about2-main .layer2 .map{
    position: relative;
    left:320px;
    top:240px;
    height: 220px;
    width:300px;
    opacity: 0.5;
}
.about2-main .layer2 .map i{
    position: absolute;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border:4px solid #e9d9ba;
    background: #cc9933;
}
.about2-main .layer2 .map i:after{
    content:" ";
    background: #fff;
    border:3px double #f3be57;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    position: absolute;
    top:0;
    left:0;
    animation: mapDot 5s linear infinite;
}
.about2-main .map i:nth-child(1){left:40px;top:120px;}
.about2-main .map i:nth-child(2){left:150px;top:150px;}
.about2-main .map i:nth-child(3){left:160px;top:100px;}
.about2-main .map i:nth-child(4){left:160px;top:200px;}
.about2-main .map i:nth-child(5){left:200px;top:100px;}
.about2-main .map i:nth-child(6){left:20px;top:80px;}
.about2-main .map i:nth-child(7){left:200px;bottom:10px;}
.about2-main .map i:nth-child(8){left:140px;bottom:20px;}
.about2-main .map i:nth-child(9){left:180px;bottom:45px;}
.about2-main .map i:nth-child(10){left:180px;top:100px;}
.about2-main .map i:nth-child(11){right:0px;top:130px;}
.about2-main .map i:nth-child(12){right:20px;top:120px;}
.about2-main .map i:nth-child(13){left:120px;top:80px;}
.about2-main .map i:nth-child(14){left:230px;top:10px;}
.about2-main .map i:nth-child(15){left:212px;top:90px;}
.about2-main .map i:nth-child(16){left:200px;top:20px;}
.about2-main .map i:nth-child(17){left:100px;top:190px;}
.about2-main .map i:nth-child(18){left:120px;top:210px;}
.about2-main .map i:nth-child(19){left:90px;top:200px;}
.about2-main .map i:nth-child(20){left:68px;bottom:40px;}
.about2-main .map i:nth-child(21){left:124px;bottom:90px;}
.about2-main .map i:nth-child(22){left:250px;bottom:0px;}
.about2-main .map i:nth-child(23){left:50px;bottom:100px;}
.about2-main .map i:nth-child(24){left:80px;bottom:100px;}
.about2-main .map i:nth-child(1):after{animation-delay:0.3s;}
.about2-main .map i:nth-child(2):after{animation-delay:1.3s;}
.about2-main .map i:nth-child(3):after{animation-delay:2.3s; }
.about2-main .map i:nth-child(4):after{animation-delay:2s;}
.about2-main .map i:nth-child(5):after{animation-delay:1.5s; }
.about2-main .map i:nth-child(6):after{animation-delay:0.6s;}
.about2-main .map i:nth-child(7):after{animation-delay:0.8s;}
.about2-main .map i:nth-child(8):after{animation-delay:3.3s; }
.about2-main .map i:nth-child(9):after{animation-delay:1.3s;}
.about2-main .map i:nth-child(10):after{animation-delay:0.4s; }
.about2-main .map i:nth-child(11):after{animation-delay:0.3s;}
.about2-main .map i:nth-child(12):after{animation-delay:0s;}
.about2-main .map i:nth-child(13):after{animation-delay:0.3s;}
.about2-main .map i:nth-child(14):after{animation-delay:1.3s;}
.about2-main .map i:nth-child(15):after{animation-delay:2.3s; }
.about2-main .map i:nth-child(16):after{animation-delay:2s;}
.about2-main .map i:nth-child(17):after{animation-delay:1.5s; }
.about2-main .map i:nth-child(18):after{animation-delay:0.6s;}
.about2-main .map i:nth-child(19):after{animation-delay:0.8s;}
.about2-main .map i:nth-child(20):after{animation-delay:3.3s; }
.about2-main .map i:nth-child(21):after{animation-delay:1.3s;}
.about2-main .map i:nth-child(22):after{animation-delay:0.4s; }
.about2-main .map i:nth-child(23):after{animation-delay:0.3s;}
.about2-main .map i:nth-child(24):after{animation-delay:0s;}
.about2-main .free-scrollbar{ margin: 5.3125rem 11% 0 11%; height: 27.5rem; overflow: hidden; overflow-y: auto;font-size: 0.875rem;}
.about2-main .free-scrollbar p{margin-bottom: 0; line-height: 2.5rem; transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); cursor: default;}
.about2-main .free-scrollbar p:hover{text-indent: 1.875rem; color:#b27d13; transform: scale(1.2)}

.news-list-box{ }
.news-list-box .box-info1{ background: #fff; padding: 2.5rem; margin-top: 5rem; display: flex; flex-flow: row-reverse; box-shadow: 0 0 1.25rem #ededed; }
.news-list-box .box-info1 .f-r{ width: 31.25rem; height: 17.5rem; overflow: hidden;}
.news-list-box .box-info1 .f-r img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s; }
.news-list-box .box-info1 .f-l{ width: 50%; flex: 1; padding-left: 1.875rem; }
.news-list-box .box-info1 .f-l .box1{ width: auto; line-height: 2.5rem; border: 0.125rem solid #CE9838; color: #CE9838; text-align: center; padding: 0 1.375rem; float: left;  transition: all .6s; }
.news-list-box .box-info1 .f-l .box1 i{ font-size: 1.5rem;}
.news-list-box .box-info1 .f-l .box1 span{ font-size: 1rem; margin-left: 0.3rem;}
.news-list-box .box-info1 .f-l .box2{ font-size: 1.5rem; padding: 1.25rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #333; transition: all .6s;}
.news-list-box .box-info1 .f-l .box2::after{ content: ''; width: 30%; height: 1px; background: #333; position: absolute; left: 0; bottom: 0.3rem; transition: all .6s; }
.news-list-box .box-info1 .f-l .box3{ font-size: 3.75rem; color: #999;  transition: all .6s;}
.news-list-box .box-info1:hover{ background: #CE9838;}
.news-list-box .box-info1:hover .f-r img{ transform: scale(1.1);}
.news-list-box .box-info1:hover .f-l .box1{ padding: 0 2rem; color: #fff; border-color: #fff; }
.news-list-box .box-info1:hover .f-l .box2{ color: #fff;}
.news-list-box .box-info1:hover .f-l .box2::after{ width: 0;}
.news-list-box .box-info1:hover .f-l .box3{ color: #fff; letter-spacing: 0.5rem; }

.news-list-box .box-info2 ul{ margin: 1rem -0.875rem;}
.news-list-box .box-info2 ul li{ width: 33.33%; float: left; padding: 0.875rem; }
.news-list-box .box-info2 ul li a{ width: 100%; float: left; background: #fff; padding: 1.875rem; box-shadow: 0 0 1.25rem #ededed; }
.news-list-box .box-info2 ul li a .box1{ font-size: 1rem; line-height: 1.5rem; padding-left: 3.5rem; background: url(/static/images/road-more.png) no-repeat left; background-size: 2.8rem; height: 3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-list-box .box-info2 ul li a .box2{ height: 14.375rem; overflow: hidden; position: relative; margin-top: 1.5rem;}
.news-list-box .box-info2 ul li a .box2 img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s; }
.news-list-box .box-info2 ul li a .box2::after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; opacity: 0; transition: all .6s; }
.news-list-box .box-info2 ul li a .box3{ font-size: 3rem; color: #999; line-height: 2rem; transition: all .6s; }
.news-list-box .box-info2 ul li a:hover .box3{ letter-spacing: 0.3rem; color: #cc9933;}
.news-list-box .box-info2 ul li a:hover .box2 img{ transform: scale(1.1);}
/* .news-list-box .box-info2 ul li a:hover .box2::after{ opacity: 1;} */

.about3-main{ padding: 2.75rem 0; background: #fff;}
.about3-main .all-title-box{ padding: 0;}
.about3-main .timenew-list{margin-right: 2.5rem;float:right;width:56.25rem;position:relative}
.about3-main .timenew-list .swiper-slide{background:#f1f1f1;height:10.75rem;color:#000;transition:all .8s cubic-bezier(.075,.82,.165,1)}
.about3-main .timenew-list .swiper-slide h4{font-weight:400;line-height: 10.625rem;text-align:center;position:relative;top:0;left:0; font-size: 1.5rem; }
.about3-main .timenew-list .swiper-slide .slide-html{display:none}
.about3-main .timenew-list .swiper-slide h4:after{position:absolute;top: 6.5rem;left:50%;transform:translateX(-50%);opacity:.2;content:" ";width:30%;height:1px;background:#000; transition: all .3s;}
.about3-main .timenew-list .swiper-slide.active,.about3-main .timenew-list .swiper-slide:hover{background:#e7ab32;color:#fcfbf8}
.about3-main .timenew-list .swiper-slide:hover h4:after{ background: #fff;}

.about3-main .swiper-button-next,.about5-main .swiper-button-next{background-image:url("data:image/png;base64,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");
}
.about3-main .swiper-button-prev,.about5-main .swiper-button-prev{background-image:url("data:image/png;base64,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");
}
.about3-main .swiper-button-next,.about5-main .swiper-button-next,.about3-main .swiper-button-prev,.about5-main .swiper-button-prev{filter:grayscale(100%);border-radius:50%;background-color:#f9f9f9;width:2.5rem;height:2.5rem;border:1px solid #aaa;background-size: 0.75rem 1.25rem;z-index:10;transition:all .5s cubic-bezier(.175,.885,.32,1.275); background-repeat: no-repeat; background-position: center; }
.about3-main .swiper-button-next::before,.about5-main .swiper-button-next::before,.about3-main .swiper-button-next::after,.about5-main .swiper-button-next:after,.about3-main .swiper-button-prev::before,.about5-main .swiper-button-prev::before,.about3-main .swiper-button-prev::after,.about5-main .swiper-button-prev:after{content:"";position:absolute;top:-0.1rem;left:-0.1rem;z-index:9;width:2.5rem;height:2.5rem;border:1px dotted #e1b760;border-radius:50%;transition:all .5s cubic-bezier(.175,.885,.32,1.275);opacity:0}
.about3-main .swiper-button-next:hover::after,.about5-main .swiper-button-next:hover:after,.about3-main .swiper-button-prev:hover::after,.about5-main .swiper-button-prev:hover:after{transform:scale(1.3);opacity:1}
.about3-main .swiper-button-next:hover:before,.about5-main .swiper-button-next:hover:before,.about3-main .swiper-button-prev:hover:before,.about5-main .swiper-button-prev:hover:before{transform:scale(1.6);opacity:.4}
.about3-main .swiper-button-next:hover,.about5-main .swiper-button-next:hover,.about3-main .swiper-button-prev:hover,.about5-main .swiper-button-prev:hover{filter:grayscale(0);background-color:#fdfaf5;border-color:#e1b760;transform:scale(1.1)}


.about3-main .swiper-button-next,.about5-main .swiper-button-next{right: -4rem;}
.about3-main .swiper-button-prev,.about5-main .swiper-button-prev{left: -4rem;}


.about-box3{ padding: 3.75rem 0;}
.about-box3 ul li{ width: 100%; float: left; background: #fff; margin: 0.625rem 0; padding: 1.875rem; box-shadow: 0 0 1.25rem #ededed; }
.about-box3 ul li span{ display: flex; font-size: 1.5rem; color: #cc9933; line-height: 1.875rem; }
.about-box3 ul li span i{ font-size: 1rem; margin-right: 0.5rem; }
.about-box3 ul li p{ font-size: 1rem; color: #888; margin-top: 1rem; }

.about5-main{padding: 5rem 0;}
.about5-main .w-1200{ position: relative;}
.about5-main .video-main{height:50rem;position:relative}
.about5-main .container{padding:0}
.about5-main .swiper-container{width:100%;height:18.75rem;margin-left:auto;margin-right:auto}
.about5-main .swiper-slide{background-size:cover;background-position:center;background:#fff;position:relative}
.about5-main .swiper-slide:after{content:attr(title);position:absolute;left:0;bottom:-2.5rem;width:100%;text-align:center;line-height:2.5rem;font-size: 0.875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; pointer-events: none;}
.about5-main .gallery-top{height:40rem;width:100%; margin-bottom: 0.625rem;}
.about5-main .gallery-top .swiper-slide:after{left: 0;bottom: 3.125rem;color:#fff;font-size: 1.125rem;text-align:left; padding: 0 1.5rem; width: calc(100% - 3rem);}
.about5-main .gallery-thumbs{box-sizing:border-box;padding:1.25rem 0;width: 37.5rem;height: 12.5rem; }
.about5-main .gallery-thumbs .swiper-slide{height: 9.375rem;opacity:.4;background-position:center;background-size:cover;filter:grayscale(.4);transition:all 1s cubic-bezier(.075,.82,.165,1)}
.about5-main .gallery-thumbs .swiper-slide.swiper-slide-active{filter:grayscale(0);opacity:1}
.about5-main .swiper-slide-active{opacity:1}
.about5-main .swiper-button-prev{top:auto;bottom: 4.5rem;left: 13rem; }
.about5-main .swiper-button-next{top:auto;bottom: 4.5rem;right: 13rem; }
.about5-main .gallery-top .swiper-slide video{width:100%;height:100%;padding:0;margin:0;object-fit:fill;background-repeat:no-repeat;background-color:transparent;background-position:center;background-size:cover; cursor: pointer;}
.about5-main .gallery-top .swiper-slide .player-btn{ pointer-events: none;}
.about5-main video.is-pause::-webkit-media-controls{display:none!important}
.about5-main .gallery-thumbs .swiper-slide-active::before{ content:'';width:0;height:0;border: 0.625rem solid;border-color:transparent transparent #ce9a2d transparent;position:absolute;top: -1.875rem;left:40%;transform:translateX(40%); }

.farm-box1{ position: relative;}
.farm-box1 .center-block{ position: absolute;}
.farm-box1 .center-block .all-title-box{ position: absolute; margin-top: 5rem; opacity: 0; transform: translate(0,2rem); transition: all .6s;}
.farm-box1 .center-block .all-title-box.active{ opacity: 1; transform: translate(0,0);}
.farm-box1 .center-block.fixed{ position: fixed; top: 20rem;}
.farm-box1 .center-block::after{ content: ''; width: 1.25rem; height: 1.25rem; background: #CC9933; position: absolute; left: 13.15rem; top: 3rem; border-radius: 100%; }

.farm-box2 .w-1200{ padding-left: 13.75rem;}
.farm-box2 .center-block{ border-left: 1px solid #BFBFBF; padding: 5rem;}
.farm-box2 .center-block .box-info1{ height: 31rem; padding-bottom: 10rem; position: relative; }
.farm-box2 .center-block .box-info1 .box1{ width: 16.875rem; height: 16.875rem; position: relative; z-index: 3; background: #fff; border-radius: 100%; border: 0.625rem solid #faf5eb; }
.farm-box2 .center-block .box-info1 .box1 i{ width: 5.5rem; height: 5.5rem; text-align: center; font-size: 2.25rem; line-height: 2.75rem; display: inline-block; }
.farm-box2 .center-block .box-info1 .box1:after,.farm-box2 .center-block .box-info1 .box1:before{content:" ";position:absolute;background:0 0;z-index:10;border-radius:50%; }
.farm-box2 .center-block .box-info1 .box1:after{width: 15.75rem;height:15.75rem;border:0.75rem solid #c93;border-left-color:transparent;animation:circle 6s cubic-bezier(.455,.03,.515,.955) infinite;transform:rotate(-60deg);top:-0.8125rem;left:-0.8125rem;}
.farm-box2 .center-block .box-info1 .box1::before{border:1px dashed #c93;top:1.0625rem;left:1.0625rem;width:13.25rem;height:13.25rem;animation:circle 12s cubic-bezier(.455,.03,.515,.955) infinite}
@keyframes circle{
    0%{ transform: rotate(-60deg); opacity: 1; }
    50%{ transform: rotate(300deg); opacity: 0.4;}
    100%{ transform: rotate(-60deg); opacity: 1;}
}
.farm-box2 .center-block .box-info1 .box2{ position: absolute; left: 50%; top: 50%;}
.farm-box2 .center-block .box-info1 .box2 span{ display: block; font-size: 1.5rem; margin-bottom: 1.25rem; }
.farm-box2 .center-block .box-info1 .box2::after{ content: ''; width: 17rem; height: 1px; border-bottom: 1px dashed #cc9933; position: absolute; left: 0; top: 2.5rem; }
.farm-box2 .center-block .box-info1 .box2 p{ font-size: 1.125rem; color: #808080; line-height: 1.5; }
.farm-box2 .center-block .box-info1 .box2.style1{ margin: -15.5rem 0 0 -15.5rem;}
.farm-box2 .center-block .box-info1 .box2.style2{ margin: 6rem 0 0 -5rem;}
.farm-box2 .center-block .box-info1 .box2.style2::after{ transform: rotate(270deg); transform-origin: 0 0; left: 1rem; top: -1rem; width: 8rem; }
.farm-box2 .center-block .box-info1 .box2.style3{ margin: -5rem 0 0 12rem; text-align: right;}
.farm-box2 .center-block .box-info1 .box2.style3::after{ left: auto; right: 0;}
.farm-box2 .center-block .box-info1.en .box2.style1{ margin: -15.5rem 0 0 -20.5rem;}
.farm-box2 .center-block .box-info1.en .box2 p{ white-space: nowrap;}


.farm-box2 .center-block .box-info2 .box1{ font-size: 1.5rem;}
.farm-box2 .center-block .box-info2 .box2{ font-size: 1.125rem; color: #808080; margin: 0.9375rem 0 1.875rem; }
.farm-box2 .center-block .box-info2 .box2:last-child{ margin-bottom: 0;}
.farm-box2 .center-block .box-info3 p{ display: flex; margin-bottom: 1.5rem; font-size: 1rem;}
.farm-box2 .center-block .box-info3 p b{ white-space: nowrap;}
.farm-box2 .center-block .box-info3 p span{ color: #808080;}
.farm-box2 .center-block .box-info3 p:last-child{ margin-bottom: 0;}


.product-box1{ margin: 2.5rem 0;}
.product-box1 ul{ display: flex;}
.product-box1 ul li{ width: 25%; height: 25rem; float: left; background-position: left; background-size: cover; position: relative; z-index: 1; transition: all .6s; overflow: hidden;}
.product-box1 ul li::before{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0; z-index: -1; transition: all .6s; }
.product-box1 ul li span{ font-size: 1.625rem; color: #fff; padding: 3.125rem 1.8rem; }
.product-box1 ul li p{ width: 42.5rem; padding: 1rem 3.125rem 1.5rem; margin-bottom: 2.5rem; position: relative; opacity: 0; transition: all 1.5s cubic-bezier(0.215, 0.610, 0.355, 1); transform: translate(5rem,0); position: relative; line-height: 1.6; }
.product-box1 ul li p::after{ content: ''; width: 0%; height: 1px; background: #666; position: absolute; left: 3.125rem; bottom: 0; transition: all 3s; }
.product-box1 ul li.active{ width: 98.5%; background-position: center;}
.product-box1 ul li.active span{ color: #666; padding: 3.125rem; }
.product-box1 ul li.active p{ opacity: 1; transform: translate(0,0);}
.product-box1 ul li.active p::after{ width: calc(100% - 6.25rem);}
.product-box1 ul li.active::before{ opacity: 0;}

.product-box2{ padding: 0rem 0 5rem; margin-top: -1rem; display:none; }
.product-box2 .box-info1 .f-l{ width: 100%; flex: 1; height: 25rem; position: relative; }
.product-box2 .box-info1 .f-l video{ width: 100%; height: 100%; background: #000; }
i.player-btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;  background-position: center; background-size: auto 100%; cursor: pointer; }
i.player-btn::after{ content: ''; border:1px solid #fff;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABOCAYAAAByvwvXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6xJREFUeNrsnEtoE0EcxidxpVDUg2A92IPUQ61gBBXFiw9ELSiC3tSj74PWi08EH6BYvVQPHnwcBBU8VBAEY1E0VTQNojSK+ABR9KAeSlEUhNX4/buTdI2TsEl2szuT/wcfu5DNbvLjP9/u7OxsLJfLCZZaVqkPbNtuwWI53AHPgIniezhpWVafazu9AVglEYiYqnLwh/djcQAeV+J7n+Cj2PH5hoKDP3sDi9Ue952Fu+D7JsKJu6A0w3cqAENKwPfgXrjNtMyJu9YJytIq97MWfgmfgJtNhLOtxn01wXvh1/B6arK6wxnJHDSnSVj/6vO+B+BdcFr3zJkSwHHnw4/gy3Crzs1qalCVCW+QTe2QbnmUhzMc8HEIymHd8ihe5+NR87oCP4bnMZzSeZSOeh7FQzx2cR41MZzSeUQXkWsYjlrU/bgu+2kJhqPWIvgZfA5uYTjq37UZfgvvCSuPogonrwlwd1h5FHU4oeaRLnBUeTSR4ZTPox2izH3wRoSTF1XOGfg5vILhqDUdTsK34HaGo1Yn/AI+7VcemQRHyPzZ6VcemQbH1zwyFY4veWQ6HFUejWc45fNoo5f/3khw8poMX4CfwgsZjlqz4JRt271wG8NRi4ay0wA0h+GoRSO+/QDUyXDUonvZ3QA0luGolZBnsn/g8IOBo9peDCfGTArqQNOyuFmpRZnTynD4Crli0eOxHxmOWncty/rNcNTq4Wal1jVUTZLh/K/PouiJWobj6CHcjqoZZjijGhLODbAlAPOt+EOrQaHQ6fosfARQhkpt1IhwUvBW4TxuxxeBUu+Ec2NrsRcwjVI5lCXHhDPy8KuSL5oM5w98ET4oqpzXYSqclDwLZbnjqc6VbK07M6Vyqs4Vk+HUnCumwqHJblv8aD4mZQ5N26Y5EwuCBKNb5fyET8Kn5Hrg0gEODRtdhffJqqmbog5nQF6vZMI4eFQzx50rmbB+RNQqp+65ogOc0HIl6nAG5fVKJmptO8zM+QJvgmdHEUxYlUN9nx7ZF/oe5VNlveHQnKndsvccedULzqC8XunXqZ8S9Osa3LmiFRh35QRR5jQ387hw7rVoqZHKkQNat33MlWnymkVbMKTCC81s254rnPdLjKlyX6+EMx6kVfPx9EIzbPREOHfUKlV+SHWmjrniqXLyQgXdxGKlh+8WhlQlIC3lqXJcG6/CYh38oUzn8BKcwLZdOoOpuHKKqmiZcOYq0USuN/ADuA9Qfri20RpAxa/fZDn6K8AA17jy5qbhzjUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:55% center;background-size:35% auto;background-color:rgba(0,0,0,.4);pointer-events:none}

.product-box2 .box-info1 .f-r{ width: 32.5rem; height: 25rem; position: relative; background: #333; color: #fff; padding: 3rem; }
.product-box2 .box-info1 .f-r .center-block{ position: relative; overflow: hidden;}
.product-box2 .box-info1 .f-r .center-block .box1 span{ display: block; font-size: 2rem; padding-bottom: 1.3rem; position: relative;}
.product-box2 .box-info1 .f-r .center-block .box1 span::after{ content: ''; width: 1.875rem; height: 0.125rem; background: #fff; position: absolute; left: 0; bottom: 0; }
.product-box2 .box-info1 .f-r .center-block .box1 p{ font-size: 0.875rem; margin-top: 1.3rem; line-height: 1.5; text-align: justify; }
.product-box2 .box-info1 .f-r .center-block .box1 i{ width: 3.4375rem; height: 3.4375rem; background: url(/static/images/arrow-right.png) no-repeat center; background-size: 100%; display: inline-block; margin-top: 1.5rem; }
.product-box2 .box-info1 .f-r .center-block .box2{ position: absolute; left: 0; top: 5rem; opacity: 0; background: #333; transition: all .6s; pointer-events: none; height: 100%; }
.product-box2 .box-info1 .f-r .center-block .box2 div{ display: flex; padding: 0.6rem 0; }
.product-box2 .box-info1 .f-r .center-block .box2 div span{ font-weight: bold; font-size: 1rem; white-space: nowrap; }
.product-box2 .box-info1 .f-r .center-block .box2 div p{ padding-left: 0.5rem; font-size: 0.875rem; }
.product-box2 .box-info1 .f-r .center-block .box2.active{ opacity: 1; pointer-events: auto; }
.product-box2 .box-info2{ margin-top: 3.125rem;}
.product-box2 .box-info2 div span{ font-size: 1rem; color: #cd9b36; display: block; padding-left: 1.5rem; background-position: left; background-repeat: no-repeat; background-size: auto 1.125rem; }
.product-box2 .box-info2 div span.icon1{ background-image: url(/static/images/icon_4.png);}
.product-box2 .box-info2 div span.icon2{ background-image: url(/static/images/icon_2.png);}
.product-box2 .box-info2 div span.icon3{ background-image: url(/static/images/icon_3.png);}
.product-box2 .box-info2 div p{ margin-top: 0.5rem;}

.product-box1.style2{ margin-bottom: 2.5rem;}
.product-box1.style2 ul li.active{ width: 200%;}
.product-box1.style2 ul li span{ padding: 3.125rem 2.3rem;}
.product-box1.style2 ul li.active span{ color: #fff;}
.product-box1.style2 ul li p{ color: #fff; margin-bottom: 0; padding-bottom: 3rem; position: relative; width: 50rem; }
.product-box1.style2 ul li p::after{ left: 0; bottom: 0; width: 150%; height: 150%; background: linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0)); z-index: -1; }

.new-info-box{ height: auto; min-height: 39rem; padding: 3rem 0; }
.new-info-box .w-1200{ height: 100%;}
.new-info-box .center-block{ height: 100%; background: #fff; padding: 3rem 1.5rem 3rem 0; }
.new-info-box .new-left{ width: 15.125rem; height: 100%; padding: 0 3rem 0 3.5rem; position: sticky; top: 6.5rem; }
.new-info-box .new-left .all-title-box{ padding: 0; white-space: normal; min-height: 9rem;}
.new-info-box .new-left .all-title-box div{ width: 105%;}
.new-info-box .new-left .all-title-box i{ background: url(/static/images/arrow-big.png) no-repeat center; background-size: auto 2.9375rem;}
.new-info-box .new-left .box-info1{ margin-top: 2rem; position: relative; }
.new-info-box .new-left .box-info1 a{ width: 100%; float: left; line-height: 2.375rem; border: 1px solid #C7C7C7; color: #C7C7C7; border-radius: 0.25rem; text-align: center; margin: 0.5rem 0; }
.new-info-box .new-left .box-info1 a:hover,.new-info-box .new-left .box-info1 .swiper-active a{ color: #CC9933; border-color: #CC9933; }
.new-info-box .new-right{ width: 100%; flex: 1; height: 100%; position: relative; }
.new-info-box .new-right::before{ content: ''; width: 1px; height: 100%; background: #c5c5c5; position: absolute; left: 0.5rem; top: 0; }
.new-info-box .new-right .box-info1::after{ content: ''; width: 1.0625rem; height: 1.0625rem; background: #CC9933; border-radius: 100%; position: absolute; left: 0; top: 0; }
.new-info-box .new-right .scroll-box{ width: 100%; height: 100%; overflow: auto; padding: 0 1.5rem 0 2.5rem;}
.new-info-box .new-right .box-info1{ border-bottom: 1px solid #B3B3B3; padding-bottom: 1rem;}
.new-info-box .new-right .box-info1 .f-l{ font-size: 1.5rem; color: #cc9933; padding-right: 0.5rem; }
.new-info-box .new-right .box-info1 .f-r{ white-space: nowrap;}
.new-info-box .new-right .box-info2{ line-height: 1.6; color: #808080; padding: 1rem 0; }

.new-info-box .new-left .box-info1 .swiper-active a{ background: #CC9933; color: #fff; }
.content-scroll-navbar{ position: relative; padding: 2.5rem 0; margin-top: -1rem;}
.content-scroll-navbar .swiper-container{ height: 10rem; }
.content-scroll-navbar .swiper-button-next{ width: 2.5rem; height: 2.5rem; right: auto; top: auto; left: 50%; bottom: 0; margin: 0 0 0 -1.25rem; transform: rotate(90deg); }
.content-scroll-navbar .swiper-button-prev{ width: 2.5rem; height: 2.5rem; right: auto; top: auto; left: 50%; top: 0; margin: 0 0 0 -1.25rem; transform: rotate(90deg); }
.content-scroll-navbar .swiper-button-next::after,.content-scroll-navbar .swiper-button-prev::after{ font-size: 1.6rem; font-weight: bold; color: #a6a6a6; }

.course-list ul li{ width: 100%; float: left; padding-bottom: 2rem; font-size: 1rem; line-height: 1.6; color: #808080; position: relative; }
.course-list ul li::after{ content: '' ; width: 1.0625rem; height: 1.0625rem; background: #CC9933; border-radius: 100%; position: absolute; left: -2.5rem; top: 0.3rem;}
.course-list ul li:first-child::after{ top: 0;}

.banner.en .fc-name-2::after{ content: ''; width: 110px; height: 75px; background: url(/static/images/ba_img2_en2.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-55%,-41%) rotate(2deg); }
.banner.en .fc-name-1::after{ content: ''; width: 110px; height: 58px; background: url(/static/images/ba_img3_en2.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-47%,-38%); }
.banner.en .fc-img .pic2{ background: url(/static/images/ba_img1_en.png) no-repeat center; background-size: contain; }
.banner.en .fc-name-2 img,.banner.en .fc-name-1 img,.banner.en .fc-img .pic2 img{ opacity: 0; display: block;}
.banner.en .fc-circle-1 p i{ font-size: 0; background-position: center; background-repeat: no-repeat; background-size: 92%; }
.banner.en .fc-circle-1 .w1 p i{ background-image: url(/static/images/w1_1.png); }
.banner.en .fc-circle-1 .w2 p i{ background-image: url(/static/images/w2_1.png); }
.banner.en .fc-circle-1 .w3 p i{ background-image: url(/static/images/w3_1.png); }
.banner.en .fc-circle-1 .w4 p i{ background-image: url(/static/images/w4_1.png); }
.banner.en .fc-circle-1 .w5 p i{ background-image: url(/static/images/w5_1.png); }
.banner.en .fc-circle-1 .w6 p i{ background-image: url(/static/images/w6_1.png); }
.banner.en .fc-circle-1 .w7 p i{ background-image: url(/static/images/w7_1.png); }
.banner.en .fc-circle-1 .w8 p i{ background-image: url(/static/images/w8_1.png); }
.banner.en .fc-circle-1 .w9 p i{ background-image: url(/static/images/w9_1.png); }
.banner.en .fc-circle-1 .w10 p i{ background-image: url(/static/images/w10_1.png); }
.banner.en .fc-circle-1 .w11 p i{ background-image: url(/static/images/w11_1.png); }

.banner.en .fc-circle-2 p{ font-size: 0; width: 75px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; }
.banner.en .fc-circle-2 .w1 p{ background-image: url(/static/images/w1_2.png);}
.banner.en .fc-circle-2 .w2 p{ background-image: url(/static/images/w2_2.png);}
.banner.en .fc-circle-2 .w3 p{ background-image: url(/static/images/w3_2.png);}
.banner.en .fc-circle-2 .w4 p{ background-image: url(/static/images/w4_2.png);}
.banner.en .fc-circle-2 .w5 p{ background-image: url(/static/images/w5_2.png);}

.banner.en2 .fc-name-2::after{ content: ''; width: 110px; height: 75px; background: url(/static/images/ba_img2_en2.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-55%,-41%) rotate(2deg); }
.banner.en2 .fc-name-1::after{ content: ''; width: 110px; height: 58px; background: url(/static/images/ba_img3_en2.png) no-repeat center; background-size: contain; position: absolute; left: 50%; top: 50%; transform: translate(-47%,-38%); }
.banner.en2 .fc-img .pic2{ background: url(/static/images/ba_img1_en.png) no-repeat center; background-size: contain; }
.banner.en2 .fc-name-2 img,.banner.en2 .fc-name-1 img,.banner.en2 .fc-img .pic2 img{ opacity: 0; display: block;}
.banner.en2 .fc-circle-1 .dot{ width: 60px; height: 60px; }
.banner.en2 .flow-chart{ width: 94%; height: 94%; margin: 3%; }




.search-list{ margin-top: 1.5rem;}
.search-list ul li{ width: 100%; float: left; background: #fff; margin-top: 1.25rem; box-shadow: 0 0 1.25rem #ededed; padding: 1.25rem; border-radius: 0.3125rem; }
.search-list ul li a{ display: flex;}
.search-list ul li a i{ color: #cc9933;}
.search-list ul li a span{ width: 100%; flex: 1; padding: 0 0.3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-list ul li div{ font-size: 0.875rem; color: #999; margin-top: 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.popup-box{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0,0,0,0.5); display: none; }
.popup-box .w-90{ width: 45rem; height: 100%; overflow: auto; background: #fff;}
.popup-box .center-block{ width: 100%; height: 100%; background: #fff; position: relative; padding: 2.1875rem; }
.popup-box .close-btn{ width: 2.25rem; height: 2.25rem; background: url(/static/images/cancel.jpg) no-repeat right; background-size: 100%; position: fixed; left: 50%; top: 1rem; margin-left: 19rem; cursor: pointer; transition: all .3s; }
.popup-box .box-info1{ font-size: 1.5rem; padding-left: 3rem; position: relative; line-height: 2rem; margin-top: 1.5rem; border-bottom: 1px solid #DCDEDD; padding-bottom: 1.5rem; }
.popup-box .box-info1::after{ content: ''; width: 2rem; height: 2rem; background: url(/static/images/arrow-big.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; border: 2px solid #cc9933; border-radius: 0.25rem; }
.popup-box .box-info2{ font-size: 1.125rem; color: #646464; padding: 2rem 0; line-height: 1.6; text-align: justify; }


/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
    /* html,body {zoom:0.9} */
}
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5) {
    /* html,body {zoom:0.8} */
}

/* 小于等于多少高度的样式 */
@media screen and (max-width:700px) and (max-height:850px){
    .banner .flow-chart{transform: scale(0.9);}
    .banner .banner-text{ margin: 155px 0 0 120px;}
    .about-box2 .w-1200 .f-l{ padding-right: 0; }
    .about-box2 .w-1200 .f-l,.about-box2 .w-1200 .f-r{ width: 100%; margin-top: 2rem;}
    .about-box2 .w-1200 .f-l .box2{ margin-bottom: 1rem;}
    .about2-main .byobu{position:relative;height:12.5rem}
    .about2-main .byobu img{width:3.125rem;margin-top: 4.375rem; }
    .about2-main .byobu__block{pointer-events:none}
    .about2-main .byobu__block:hover{width:300%;z-index:10}
    .about2-main .byobu__block p{font-size:12px;height:126px;overflow:hidden}
    .about2-main .byobu__block:hover:after{border-radius:0;transform:translateY(0)}
    .about2-main .byobu__block:hover img{transform:translateY(-95px)}
    .about2-main .byobu__block:hover p{transform:translateY(-105px);opacity:1}
    .about2-main .byobu__block:before{top:50%}
    .about2-main .byobu__block:hover:before{opacity:.2}
    .about2-main .byobu>div:nth-child(3) .byobu__block:hover{position:relative;left:-200%}
    .about2-main .byobu>div:nth-child(4) .byobu__block:hover{position:relative;left:-200%}
    .news-list-box .box-info1{ margin-top: 3rem; display: block; padding: 1.2rem;}
    .news-list-box .box-info1 .f-r{ width: 100%;}
    .news-list-box .box-info1 .f-l{ width: 100%; padding: 0;}
    .news-list-box .box-info1 .f-l .box1,.news-list-box .box-info1 .f-l .box3,.news-list-box .box-info2 ul li a .box3{ display: none; }
    .news-list-box .box-info1 .f-l .box2{ white-space: normal; font-size: 1.2rem; padding: 0; }
    .news-list-box .box-info1 .f-l .box2::after{ display: none;}
    .news-list-box .box-info2 ul li{ width: 100%;}
    .news-list-box .box-info2 ul li a{ padding: 1.2rem;}
    .news-list-box .box-info2 ul li a .box1{ font-size: 1.2rem; padding: 0; background: none; }
    .about5-main{ padding: 2rem 0;}
    .about5-main .swiper-button-next,.about5-main .swiper-button-prev{ display: none;}
    .about5-main .gallery-thumbs{ width: 100%; padding-bottom: 0; height: auto;}
    .about5-main .gallery-top{ height: 19rem;}
    .about5-main .gallery-top .swiper-slide:after{ font-size: 1.3rem; bottom: 1.5rem;}
    .about5-main .gallery-thumbs .swiper-slide{ height: 8rem;}
    .about5-main .gallery-thumbs .swiper-slide:after,.about5-main .gallery-thumbs .swiper-slide i.player-btn{ display: none;}
    .about5-main .swiper-button-next{top: 1.65rem;right: -3rem; }
    .about5-main .swiper-button-prev{top: 1.65rem;left: -3rem;}

}
@media screen and (max-height:600px){

}
/* 小于等于多少宽度的样式 */
@media screen and (max-width:1660px){

}
@media screen and (max-width:1440px){
    /* body,html{ font-size: calc(100vw / 100);} */
    .banner .flow-chart{transform: scale(0.88);}
    .product-box2 .box-info1 .f-r{ padding: 2rem;}
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1180px){
    .head-box .f-r .box-info1{ display: none;}
}
@media screen and (max-width:1024px){
    html,body{ font-size: 78%;}
    .w-90{ width: 90% !important;}
    .w-1200,.w-1400,.w-1600,.w-1300,.w-1500{ width:90% !important;}
    .div-pc{ display: none !important;}
    .div-phone{ display: block !important;}
    .head-btn{ display: block; margin: 0 0 0 1rem;}
    .fanye-box{ padding: 1.5rem 0;}
    .fanye-box a,.fanye-box span{ padding: 0 0.8rem; height: 2.3rem; line-height: 2.3rem;}

    .all-center-box{}

    .head-box .w-90{ height: 4rem;}
    .head-box .logo{ margin-right: 0;}
    .head-box .head-menu{ width: 100%; position: fixed; left: 0; top: 4rem; background: #fff; padding: 1.5rem; z-index: 10; display: none;}
    .head-box .head-menu ul li{ width: 100%; float: left; text-align: center; margin: 0.2rem 0;}
    .head-box .head-menu ul li a{ display: block; float: none; background: #F9F9F9; line-height: 3rem; height: 3rem; font-size: 1.2rem; }
    .head-box .head-menu>ul>li:hover>a p:first-child{ margin-top: -3rem;}
    .head-box .f-r .box-info2{ margin-left: 0;}
    .head-box .f-r .box-info2 a{ min-width: 2.2rem; height: 2.2rem; line-height: 2.2rem; margin: 0 0.2rem; }
    .head-box::after{ height: 4.5rem;}

    .head-box .f-r .box-info1 .box1{ display: none;}
    .banner .flow-chart-box{
        width: 100%;
        height: 100%;
        top: 58%;
    }
    .banner .banner-text{
        width: 100%;
        position: absolute;
        text-align: center;
        left: 0;
        top: auto;
        bottom: 15%;
        margin: 0;
    }


    .banner {
        background: url(/static/images/ad/m_ba_img1.png) no-repeat center 35%;
        background-size:80% auto;
        background-color: #F5F5F5;
    }
    .banner.en{ background-image: url(/static/images/ad/m_ba_img1_en.png);}
    .banner .flow-chart{
        display: none;
    }
    .banner .banner-text h1{ display: block; font-size: 1.8rem; white-space: break-spaces;  }
    .banner .banner-text p.info{ white-space: break-spaces; }

    .index-main{ padding-bottom: 5rem;}
    .index-main .focus-banner .title,
    .family-wrap .title{
        width: 100%;
        margin:0 auto;
        font-size: 0.75rem;
    }
    .index-main .focus-banner .title h2,
    .family-wrap .title h2{
        font-size: 1.375rem;
    }
    .family-wrap .title{
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }
    .famiyt-button{
        display: none;
    }
    .family-wrap .family-panel{
        left: 0.9375rem;
        transform: translateX(0%);
        width: 15rem;
        padding: 0.625rem;
        height: auto;
        /* background: rgba(0, 0, 0, 0.6); */
        border-radius: 0.625rem;
        bottom: -1.875rem !important;
    }
    .family-wrap .family-panel .more{
        color:#fff;
        margin-bottom: 0.625rem;
    }
    .family-wrap .family-panel .ti,
    .family-wrap .family-panel .txt{
        /* display: none; */
        margin-top: 0px!important;
    }

    .index-main .focus-banner-wrap .top{
        top:-2.5rem;
    }
    .index-main .focus-banner-wrap .player-btn{
        height: 1.875rem;
        width: 1.875rem;
    }

    .foot-box .w-1400{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;}
    .foot-box .box1 p{ margin-top: 1.5rem;}
    .foot-box .box1 .logo{ display: none; }
    .foot-box .box3 .ewm-box{ display: none;}
    .foot-box .box2{ margin-top: 0.5rem;}
    .foot-box .box2 h6{ display: none; margin-bottom: 0.5rem;}
    .foot-box .box2 h4{ display: none;}
    .foot-box .box2 p{ display: inline-flex; margin: 0 0.5rem;}
    .foot-box .box3 form{ margin-top: 0rem; width: 18rem; }

    .goTop{ width: 3rem; height: 3rem; background-size: 1.8rem; right: 1rem; }

    .page-banner{ height: 10rem;}
    .page-banner>.bg video{ display: none;}
    .page-banner>.bg img{ display: block;}
    .page-banner>.center-center .f-r{ background: none; width: 100%; height: auto; padding: 0; }
    .page-banner>.center-center .f-r .box2{ display: none;}
    .page-banner>.center-center .f-r .box1{ text-align: center; color: #fff; text-shadow: 1px 1px 0px #8b2711;}
    .page-banner>.center-center .f-r .box1 span{ font-size: 1.3rem; border-bottom: 1px dotted #fff; padding-bottom: 0.8rem; margin-bottom: 0.8rem; }

    .page-menu .w-1200{ width: 100% !important; position: relative;}
    .page-menu .w-1200::after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; }
    .page-menu .between-center{ width: 100%; flex-wrap: wrap; justify-content: center;}
    .page-menu .between-center a{ width: 33.33%; border-bottom: 1px solid #EEEEEE; font-size: 1.1rem; height: 3.7rem; line-height: 1.4; display: flex;    align-items: center;    justify-content: center; }
    .page-menu .between-center a.active,.page-menu .between-center a:hover{ font-size: 1.1rem;}
    .page-menu .between-center a:nth-child(3n)::after{ display: none;}
    .page-menu .between-center a::before{ display: none;}

    .about-box1{ padding: 1rem 0;}
    .about-box1 .f-r{ width: 100%; margin: 0; display: block; }
    .about-box1 .box-info1{ padding: 1rem 0; height: auto; width: 50%; float: left; border: none !important; }
    .about-box1 .box-info1:nth-child(1){ width: 100%;}
    .about-box1 .box-info1 .box1>.between-center span, .about-box1 .box-info1 .box1 .Odometer1, .about-box1 .box-info1 .box1 .Odometer2{ font-size: 1.8rem; }
    .about-box1 .box-info1 .box1 p br{ display: none; }
    .about-box1 .box-info1 i{ display: none; }
    
    /*.about-box1 .box-info1{ width: 100%; border: none !important; height: auto; padding: 0.5rem 0; }*/
    .about-box1 .box-info1 .box1{ flex:1; }
    .about-box1 .box-info1 .box1 p{ min-height: auto; padding-left: 0.15rem; }

    .about-box2{ padding: 3rem 0 2rem;}
    .about-box2 .w-1200{ display: block; padding: 0;}

    .all-title-box.div-phone{ padding: 0;}
    .all-title-box i{ font-size: 1.8rem; width: 3.4rem; height: 3.4rem; line-height: 3.3rem; }
    .all-title-box p{ font-size: 1.3rem; padding-top: 1rem; }


    .about2-main .layer2 .map{display:none}
    .about2-main .layer2 .content{background-size:200% auto;background-position: -8.125rem;background-repeat:repeat-x;height:auto}
    .about2-main .free-scrollbar{text-align:center;margin:3.125rem 5% 0.6rem;padding:1.25rem 0;background:rgba(255,255,255,.8);border-radius: 0.625rem; }
    .about2-main .layer2 .f-l,.about2-main .layer2 .f-r{ width: 100%;}


    .about3-main .timenew-list{ float:none;width:100%;margin:0 auto;}
    .about3-main .timenew-list .swiper-slide{height:3.125rem;}
    .about3-main .timenew-list .swiper-slide h4{line-height: 3.125rem;font-size: 1.25rem;}
    .about3-main .swiper-button-next{top: 1.65rem;right: -3rem; }
    .about3-main .swiper-button-prev{top: 1.65rem;left: -3rem;}

    .about3-main{ padding: 1.5rem 0;}
    .about3-main .w-1200{ display: block;}
    .about3-main .f-l,.about3-main .f-r{ width: 100%; text-align: center;}
    .about3-main .f-l .all-title-box div{ position: relative;}
    .about3-main .f-r{ padding: 0 2rem; margin-top: 1rem;}
    .about3-main .all-title-box p::after{ left: 50%; transform: translate(-50%,0); }

    .about-box3{ padding: 2rem 0;}


    .farm-box1{ display: none;}
    .farm-box2 .w-1200{ padding: 0;}
    .farm-box2 .center-block{ padding: 2rem 0; border: none; }
    .farm-box2 .center-block .box-info1{ height: auto; padding: 0; margin: auto; display: block; }
    .farm-box2 .center-block .box-info1 .box1{ margin: 0 auto 3rem;}
    .farm-box2 .center-block .box-info1 .box2{ margin: 0 !important; position: relative; left: 0; top: 0; width: 33.33%; float: left; text-align: center !important; }
    .farm-box2 .center-block .box-info1 .box2::after{ display: none;}
    .farm-box2 .center-block .box-info1.en .box1{ margin-bottom: 1rem;}
    .farm-box2 .center-block .box-info1.en .box2{ margin-top: 1.5rem !important; }
    .farm-box2 .center-block .box-info1.en .box2 span{ margin-bottom: 0.5rem;}
    .farm-box2 .center-block .box-info2{ margin-top: 1rem;}
    .farm-box2 .center-block .box-info2 .box1{ font-size: 1.3rem;}
    .farm-box2 .center-block .box-info2 .box2{ margin: 0.6rem 0 1.3rem;}
    .farm-box2 .center-block .box-info4{ margin-top: 1rem;}
    .farm-box2 .center-block .box-info3{ margin-top: 1rem;}
    .farm-box2 .center-block .box-info3 p{ margin-bottom: 1rem;}



    .product-box1.style2 ul li span{ color: #fff;}
    .product-box1.style2 ul li p::after{ display: block; height: 120%; }

    .new-info-box{ height: auto; padding: 2rem 0; }
    .new-info-box .center-block{ display: block; padding: 1.5rem; }
    .new-info-box .new-left{ width: 100%; float: left; padding: 0; height: auto; position: relative; top: 0;}
    .new-info-box .new-left .all-title-box{ display: none;}
    .new-info-box .new-left .box-info1{ display: flex; margin-top: 0; }
    .new-info-box .new-left .box-info1 a{ font-size: 1.2rem; line-height: 2.7rem; }
    .new-info-box .new-left .box-info1>a+a{ margin-left: 0.5rem;}
    .new-info-box .new-right{ float: left;}
    .new-info-box .new-right::before,.new-info-box .new-right .box-info1::after{ display: none;}
    .new-info-box .new-right .scroll-box{ padding: 0; margin-top: 1rem;}
    .new-info-box .new-right .box-info1 .f-l{ font-size: 1.3rem;}
    .new-info-box .new-right .box-info2{ padding-bottom: 0; font-size: 1.2rem; }
    .new-info-box .new-left .box-info1.style2{ display: block;}
    .course-list ul li{ font-size: 1.2rem; padding-left: 1.5rem; padding-bottom: 1rem; }
    .course-list ul li:last-child{ padding-bottom: 0;}
    .course-list ul li:first-child::after{ top: 0.3rem;}
    .course-list ul li::after{ left: 0;}
    .content-scroll-navbar .swiper-container{ height: 11rem;}

    .search-list ul li div{ margin-top: 0.5rem;}
    .popup-box .w-90{ width: 100% !important;}
    .popup-box .close-btn{ left: auto; right: 1rem; }

    .news-list-box .box-info2 ul li a .box2{ height: 10rem;}

    .news-list-box .box-info1{ margin-top: 3rem;}

    .product-box1 ul{ display: block;}
    .product-box1 ul li{ width: 100% !important; height: 35rem; background-position: center; }
    .product-box1 ul li span{ color: #666; padding: 1.5rem !important; }
    .product-box1 ul li p{ opacity: 1; transform: translate(0,0); width: 100% !important; padding: 1.5rem !important; font-size: 1.2rem; margin-bottom: 0;}
    .product-box1 ul li p::after{ display: none;}
    .product-box1 ul li::before{ opacity: 0;}
    .product-box1 ul li+li{ margin-top: 1rem;}
    .product-box2{ padding: 0rem 0 2rem;}
    .product-box2 .box-info1{ display: block;}
    .product-box2 .box-info1 .f-l{ height: 35rem;}
    .product-box2 .box-info1 .f-r{ width: 100%; height: auto; padding: 1.5rem; }
    .product-box2 .box-info1 .f-r .center-block .box1 i{ display: none;}
    .product-box2 .box-info1 .f-r .center-block .box1 span{ font-size: 1.5rem;}
    .product-box2 .box-info1 .f-r .center-block .box2{ opacity: 1; position: relative; top: 0; margin-top: 1rem;}
    .product-box2 .box-info1 .f-r .center-block .box2 div{ padding: 0.2rem 0;}
    .product-box2 .box-info2{ margin-top: 0.5rem; display: block; }
    .product-box2 .box-info2 div{ width: 100%; margin-top: 1rem;}
    .product-box2 .box-info2 div p{ margin-top: 0.2rem;}


}
@media screen and (max-width:768px){
    .about5-main .swiper-button-next{right: 5rem; }
    .about5-main .swiper-button-prev{left: 5rem;}
}
@media screen and (max-width:480px){
    .product-box1 ul li,.product-box2 .box-info1 .f-l{ height: 18rem;}
    .farm-box2 .center-block .box-info1.en .box2{ width: 100% !important;}
    .news-list-box .box-info2 ul li a .box2,.news-list-box .box-info1 .f-r{ height: 17rem; margin-top: 1.25rem;}
}
@media screen and (max-width:365px){
}