@charset "utf-8";
@import url("base.css");
@import url("animate.min.css");



/**index**/
.cdHead{ background: #4b825b; width: 100%; padding: var(--size-20) 0; position: relative; z-index: 99; left: 0; top: 0;}
.cdHead-logo{ width: 5.63rem;}
.cdHead-nav li a{ min-width: 0.43rem; margin-left: 1rem; color: var(--color-white); position: relative; display: inline-block;}
.cdHead-nav li a:before{ content:''; background: url(../images/nav-hover.png) no-repeat; background-size: 100% 100%; width: 0.43rem; height: 0.21rem; opacity: 0; }
.cdHead-nav li.active a:before,.cdHead-nav li:hover a:before{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.2rem; opacity: 1;}


.cdBanner img{ width: 100%;}
.cdMain{ background: url(../images/cdMain-bg.jpg) no-repeat top center #f7f4ea; background-size: 100% auto; }
.cdMain .w{ top: -1.2rem;}
.cdMain-menu a{ background: url(../images/box-green.png) no-repeat; background-size: 100% 100%; width: 3.06rem; height: 2.46rem; color: var(--color-white); flex-direction: column; margin: 0 var(--size-20); filter: drop-shadow(0 0.08rem 0.33rem rgba(0, 0, 0, 0.28)); }
.cdMain-menu a:hover i{ transform: rotateY(360deg); }


.cdNews-title{ background: url(../images/title-line.png) no-repeat bottom center; background-size: 2.5rem auto; line-height: 1; padding-bottom: var(--size-10);}
.cdNews-title .en{ text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px #2f655a; text-stroke: 1px #2f655a; opacity: .3;}
.cdNews-title .cn{ position: relative; top: -0.2rem;}

.cdNews-list li{ background: url(../images/news-box.png) no-repeat; background-size: 100% 100%; margin-top: var(--size-25);}
.cdNews-list li a{ height: 0.7rem; padding: 0 var(--size-40) 0 var(--size-30);}
.cdNews-list li a .title{ flex:1; padding-right: var(--size-75);}
.cdNews-list li a .arrow{ background:url(../images/news-arrow.png) no-repeat; background-size: 100% 100%; width: var(--size-20); height: 0.12rem; }


.cdFooter{ background: var(--color-green);}
.cdFooter-top{ padding: var(--size-25) 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.cdFooter-top .f-code{ width: 0.72rem;}
.cdFooter-contact{ padding: var(--size-20) 0; border-bottom: 1px solid rgba(255,255,255,.1);}
.cdFooter-contact dl{ min-width: 18%;}
.cdFooter-contact dl dt{ opacity: .5;}
.cdFooter-contact dl dd p:first-child{ opacity:.5;}
.cdFooter-copy{ padding: var(--size-15) 0; opacity: .5;}


/**邻近度计算**/
.layui-upload-file{ display: none !important; opacity: .01; filter: Alpha(opacity = 1); }

.proximity-filed li{ background: url(../images/box-green.png) no-repeat; background-size: 100% 100%; width: 3.06rem; height: 2.46rem; color: var(--color-white); flex-direction: column; margin: 0 var(--size-20); padding-top: var(--size-40); filter: drop-shadow(0 0.08rem 0.33rem rgba(0, 0, 0, 0.28));}
.proximity-filed li .upload{ width: 1.4rem; height: 0.98rem; flex-direction: column; color: var(--color-white); border: 1px var(--color-white) dashed; border-radius: var(--size-10);}
.proximity-filed li .upload input[type=file]{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; cursor: pointer; }
.proximity-filed li .example a{ color: var(--color-white); opacity: 0.7;}


.proximity-get .get-btn{ background: url(../images/down-hover.png) no-repeat; background-size: 100% 100%; width: 2.19rem; height: var(--size-70); line-height: var(--size-70); font-size: 0.18rem; color: var(--color-white);}
.result-loading .load-line{ background: url(../images/loading.png) no-repeat; background-size: 100% 100%; width: 7.58rem; height: 0.19rem; }
.result-loading .load-line .line-cur{ background: url(../images/loading-hover.png) no-repeat; background-size:auto 100%; height: 100%; position: absolute; left: 0; top: 0; }

.proximity-result .result-down .dbtn{ background: url(../images/down-hover.png) no-repeat; background-size: 100% 100%; width: 2.19rem; height: var(--size-70); line-height: var(--size-70); font-size: 0.18rem; color: var(--color-white); }
.proximity-result .result-down .dbtn.not-allowed{ background: url(../images/down.png) no-repeat; background-size: 100% 100%; cursor: not-allowed;}

.proximity-use li{ background: url(../images/use-box.png) no-repeat; background-size: 100% 100%; width: 4.3rem; height: 3.45rem; margin: 0 var(--size-30); padding: var(--size-35) 0 0 var(--size-50);}