@charset "utf-8";
/* CSS Document */
.banner {line-height: 0; font-size: 0; padding: 0px 0 0 0;}
/*.banner {-webkit-animation-name: zoom-in; -webkit-animation-duration: 6s; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; animation-name: zoom-in; animation-duration: 6s; animation-timing-function: ease-out; animation-fill-mode: forwards;}*/
@keyframes zoom-in{0%{opacity:0;transform:scale(1.11,1.11)}30%{opacity:1}100%{opacity:1;transform:scale(1,1)}}

.indexA {position: relative; width:100%; padding: 85px 0 40px 0; background:url(../images/bg_01a.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;}
.indexA .title_a {color: #4a5b06;}
.indexA p {color: #055b21; letter-spacing: 0.5px; line-height: 170%; max-width: 680px; padding: 25px 0 25px 0;}
.indexA a:link, .indexA a:visited {text-decoration:none; color:#4a5b06; transition: all 0.5s ease 0s;}
.indexA a:active, .indexA a:hover {text-decoration:underline; color:#0eab95; cursor:pointer; transition: all 0.5s ease 0s;}

.indexB {position: relative; width:100%; background-color: #0ca894;}
.indexBP {position: absolute; top: -430px; right: 120px; width: 530px; z-index: 5;}
.indexBC {position: absolute; top: 12.6%; left: 0px; right: 0px; bottom: 0px; z-index: 10;}
.indexBC .title_a {color: #fff;}
.indexBC p {color: #fff; letter-spacing: 0.5px; line-height: 170%; padding: 25px 0 25px 0;}

.pList, .eList {position: relative; width:100%; padding: 100px 0 110px 0; background:url(../images/bg_01c.jpg) no-repeat scroll top center;}
.pList .title_a, .eList .title_a {color: #0d803b; text-align: center;}
.pListC {padding: 80px 0 0 0;}
.pListCL {width: 100%; text-align: center; position: relative;}
.pListCL a:link, .pListCL a:visited {text-decoration:none; text-indent:-9999px; display: block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;  color:#0d803b; transition: all 0.5s ease 0s;}
.pListCL a:active, .pListCL a:hover {text-decoration:none; color:#0d803b; cursor:pointer; transition: all 0.5s ease 0s;}
.pListCL a:before { color:#b5ca3a;top: 0px;left: 0px;right: 100%;bottom: 100%;border-top: 4px solid;border-left: 4px solid;}
.pListCL a:after {color:#b5ca3a;left: 100%;top: 100%;bottom: 0px;right: 0px;border-bottom: 4px solid;border-right: 4px solid;}
.pListCL a:before, .pListCL a:after {content: "";opacity: 0;pointer-events: none;z-index: 3;position: absolute;box-sizing: border-box;transition: all 0.5s ease;box-shadow: none;}
.pListCL a:hover:before {opacity: 1;bottom: 0px;right: 0px;}
.pListCL a:hover:after {opacity: 1;top: 0px;left: 0px;}
.pListCLP {position: relative; padding-bottom: 70%; display: block; height: 0; line-height: 0; font-size: 0; padding-top: 10px;}
.pListCLP .itv_0 {position: absolute; top: 0; left: 20px; right: 20px; bottom: 0; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.pListCLP img {max-height: 100%!important;}
.pListCLT {font-size: 18px; font-weight: bold; color: #0d803b; text-align: center; padding-bottom: 20px; transition: all 0.5s ease 0s;}
.pList .owl-item::after {content: ''; width: 2px; height: 100%; background-color: #b5ca3a; position: absolute; top: 0px; right: -1px;}
.pListCL:hover .pListCLT {color: #0eab95;}
.eList {padding: 30px 0 110px 0;}
.eList .owl-item::before {content: ''; width: 1px; height: 100%; background-color: #b5ca3a; position: absolute; top: 0px; left: 0px;}
.eList .owl-item::after {content: ''; width: 1px; height: 100%; background-color: #b5ca3a; position: absolute; top: 0px; right: 0px;}
.eList .pListC {padding: 0 50px;}

.indexC {position: relative; width:100%; padding: 60px 0 30px 0; background:url(../images/bg_01d.jpg) no-repeat scroll right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;}
.indexC .title_a {color: #fff;}
.indexCF {max-width: 650px; padding: 40px 0 0 0; color: #fff; font-size: 13px; font-weight: bold;}