/* © 2020 CffCMS.COM All rights reserved. */
/* CSS Document */
body,ul,li,dd,dt,dl,p,span,div,a,img,select,input,textarea,h1,h2,h3,h4,h5,h6,video{border:none;margin:0;padding:0;}
a{text-decoration:none}
li{list-style:none}
input,select,textarea{outline:none}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}
.userSelect{-webkit-user-select:none}
.clear:after{ content:"";clear:both;display:block;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}

.bycffcms a{ color:#4f4c4b;}
.bycffcms a:hover p{ color:#4f4c4b;}

html{font-family:Arial,"Microsoft YaHei"}

.page-width{ width:1400px; margin:0 auto;}

body{ background:#fff;}
/****
80b927
***/

.top{ width:100%; background:#fff; border-bottom:1px solid #ddd; height:75px; min-width:1400px;}
.logo{ float:left; margin-left:70px; height:32px; margin-top:22px;}
.topR{ float:right; margin-right:70px; padding-right:250px; position:relative;}

/*.nav{ white-space:nowrap; font-size:16px; line-height:75px;}
.nav a{ color:#727171; display:inline-block; width:110px; text-align:center;}
.nav a:hover,.nav .navCh{ color:#80b927;}*/

.nav{ white-space:nowrap; font-size:16px; line-height:75px; position:relative;}
.nav a{ color:#727171;}
.navA{ line-height:24px; color:#727171; position:relative; padding:24px 5px; margin:0 20px; display:inline-block; cursor:pointer; border-radius:3px;}
.navW{ position:absolute; top:100%; left:0; height:0; overflow:hidden; min-width:100%; z-index:99; transition:height 0.27s; border-top:2px solid transparent;}
.navW div{ background:#84ba35; padding:10px 0; text-align:center;}
.navW div a{ background:#84ba35; color:#fff; line-height:40px; padding:0 20px; display:block; text-transform:capitalize; white-space:nowrap; position:relative;}
.navW div a:hover{ color:#84ba35; background:#fff;}
.nav .navCh,.nav a:hover{ color:#84ba35;}

.nocase{font-size:16px; text-align:center; padding:80px 0; color:#727171;}
.search{ height:32px; width:240px; box-sizing:border-box; padding-left:32px; position:absolute; top:50%; right:0; margin-top:-16px; border:1px solid #c7c7c7; border-radius:16px; overflow:hidden;}
.searchTxt{ height:30px; width:100%; line-height:30px; color:#727171;}
.searchTxt::-webkit-input-placeholder { color:#727171;}
.searchTxt:-moz-placeholder { color:#727171;}
.searchTxt::-moz-placeholder { color:#727171;}
.searchTxt:-ms-input-placeholder { color:#727171;}
.searchSub{ background:url(../image/et.png) center no-repeat; width:32px; height:32px; position:absolute; top:0; left:0;}
.topDiv{ position:relative;}
.wapGb{ display:none; position:absolute; top:50%; right:10px; padding-right:40px; margin-top:-15px; height:30px; line-height:30px; font-size:18px;}
.wapGb font{ font-size: 14px; color:#727171;}
.wapGb span{ position:absolute; top:0; right:0; display:inline-block; width:30px; height:30px; background:#85ba36; box-sizing:border-box; border-top:13px solid #fff; border-bottom:13px solid #fff; cursor:pointer;}
.wapGb span:before{ content:""; display:block; width:30px; height:4px; background:#85ba36; position:absolute; top:-10px; left:0; background:#85ba36;}
.wapGb span:after{ content:""; display:block; width:30px; height:4px; background:#85ba36; position:absolute; bottom:-10px; left:0; background:#85ba36;}


.footer{ min-width:1400px; font-size:16px; line-height:32px; color:#727171; background:#3e3a39; padding:40px 0;}
.footerL{ float:left; width:800px; font-size:16px;}
.footerL a{ color:#727171;}
.footerC a:hover p{ color:#fff;}
.footerL span{ display:inline-block; padding:0 10px;}
.footerC{ float:left; width:400px;}
.footerC p{color:#727171;}
.footerR{ float:right; width:150px; height:auto;}
.footerR img{ display:block; width:100%; height:auto;}
.footerL a:hover{ color:#fff;}

/* CSS Document */
.pc-banner{ min-width:1400px;}

.swiper-slide{ max-height:770px; text-align:center; width:100% !important;}
.swiper-container{ width:100%;}

.index{ width:100%; height:240px; position:relative; overflow:hidden; min-width:1400px;}
.indexDiv{ position:absolute; width:2020px; height:2020px; overflow:hidden; left:50%; margin-left:-1010px; bottom:-380px; z-index:1;}
.indexRoll{ width:65.6%; height:65.6%; position:absolute; top:17.2%; left:17.2%; border:1px solid #009b4c; background:#f6f6f6; border-radius:50%; z-index:5; transition:transform 0.27s ease;}
.indexT{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.indexTrd{ position:absolute; top:50%; left:50%; height:0; width:0; text-align:center; position:relative;}
.indexTrd a{ display:block; width:140px; height:140px; position:absolute; top:480px; left:-70px; color:#5d5d5d; box-sizing:border-box; padding-top:20px;}
.indexTrd a p{ line-height:30px; font-size:16px;}
.indexTii{ width:62px; height:62px; display:inline-block; background-image:url(../image/nav.png); background-repeat:no-repeat;}
.indexTrd:nth-child(1) .indexTii{ background-position:0 0;}
.indexTrd:nth-child(2) .indexTii{ background-position:0 -62px;}
.indexTrd:nth-child(3) .indexTii{ background-position:0 -124px;}
.indexTrd:nth-child(4) .indexTii{ background-position:0 -186px;}
.indexTrd:nth-child(5) .indexTii{ background-position:0 -248px;}
.indexTrd:nth-child(6) .indexTii{ background-position:0 -310px;}
.indexTrd:nth-child(7) .indexTii{ background-position:0 -372px;}
.indexTrd:nth-child(8) .indexTii{ background-position:0 -434px;}
.indexTrd:nth-child(9) .indexTii{ background-position:0 -496px;}
.indexTrd:nth-child(10) .indexTii{ background-position:0 -558px;}
.indexTrd:nth-child(11) .indexTii{ background-position:0 -620px;}
.indexTrd:nth-child(12) .indexTii{ background-position:0 -682px;}
.indexTrd:nth-child(13) .indexTii{ background-position:0 -744px;}
.indexTrd:nth-child(14) .indexTii{ background-position:0 -806px;}
.indexTrd:nth-child(15) .indexTii{ background-position:0 -868px;}
.indexTrd:nth-child(16) .indexTii{ background-position:0 -930px;}
.indexTrd:nth-child(17) .indexTii{ background-position:0 -992px;}
.indexTrd:nth-child(18) .indexTii{ background-position:0 -1054px;}
.indexTrd:nth-child(19) .indexTii{ background-position:0 -1116px;}
.indexTrd:nth-child(20) .indexTii{ background-position:0 -1178px;}
.indexTrd:nth-child(21) .indexTii{ background-position:0 -1240px;}
.indexTrd:nth-child(22) .indexTii{ background-position:0 -1302px;}
.indexTrd:nth-child(23) .indexTii{ background-position:0 -1364px;}
.indexTrd:nth-child(24) .indexTii{ background-position:0 -1426px;}
.indexTrd:nth-child(1){ transform:rotate3d(0,0,1,37.5deg);}
.indexTrd:nth-child(2){ transform:rotate3d(0,0,1,22.5deg);}
.indexTrd:nth-child(3){ transform:rotate3d(0,0,1,7.5deg);}
.indexTrd:nth-child(4){ transform:rotate3d(0,0,1,-7.5deg);}
.indexTrd:nth-child(5){ transform:rotate3d(0,0,1,-22.5deg);}
.indexTrd:nth-child(6){ transform:rotate3d(0,0,1,-37.5deg);}
.indexTrd:nth-child(7){ transform:rotate3d(0,0,1,-52.5deg);}
.indexTrd:nth-child(8){ transform:rotate3d(0,0,1,-67.5deg);}
.indexTrd:nth-child(9){ transform:rotate3d(0,0,1,-82.5deg);}
.indexTrd:nth-child(10){ transform:rotate3d(0,0,1,-97.5deg);}
.indexTrd:nth-child(11){ transform:rotate3d(0,0,1,-112.5deg);}
.indexTrd:nth-child(12){ transform:rotate3d(0,0,1,-127.5deg);}
.indexTrd:nth-child(13){ transform:rotate3d(0,0,1,-142.5deg);}
.indexTrd:nth-child(14){ transform:rotate3d(0,0,1,-157.5deg);}
.indexTrd:nth-child(15){ transform:rotate3d(0,0,1,-172.5deg);}
.indexTrd:nth-child(16){ transform:rotate3d(0,0,1,-187.5deg);}
.indexTrd:nth-child(17){ transform:rotate3d(0,0,1,-202.5deg);}
.indexTrd:nth-child(18){ transform:rotate3d(0,0,1,-217.5deg);}
.indexTrd:nth-child(19){ transform:rotate3d(0,0,1,-232.5deg);}
.indexTrd:nth-child(20){ transform:rotate3d(0,0,1,-247.5deg);}
.indexTrd:nth-child(21){ transform:rotate3d(0,0,1,-262.5deg);}
.indexTrd:nth-child(22){ transform:rotate3d(0,0,1,-277.5deg);}
.indexTrd:nth-child(23){ transform:rotate3d(0,0,1,-292.5deg);}
.indexTrd:nth-child(24){ transform:rotate3d(0,0,1,-307.5deg);}
.indexTrd a:hover .indexTii{ background-position-x:-62px;}
.indexTrd a:hover p{ color:#80b927;}
.indexLine{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; border-radius:50%; overflow:hidden; box-sizing:border-box; border:40px solid transparent;}
.indexLine div{ box-sizing:border-box; width:1px; height:100%; position:absolute; top:0; left:50%; border-top:140px solid #ccc; border-bottom:140px solid #ccc;}
.indexLine div:nth-child(1){ transform:rotate3d(0,0,1,45deg);}
.indexLine div:nth-child(2){ transform:rotate3d(0,0,1,30deg);}
.indexLine div:nth-child(3){ transform:rotate3d(0,0,1,15deg);}
.indexLine div:nth-child(4){ transform:rotate3d(0,0,1,0deg);}
.indexLine div:nth-child(5){ transform:rotate3d(0,0,1,-15deg);}
.indexLine div:nth-child(6){ transform:rotate3d(0,0,1,-30deg);}
.indexLine div:nth-child(7){ transform:rotate3d(0,0,1,-45deg);}
.indexLine div:nth-child(8){ transform:rotate3d(0,0,1,-60deg);}
.indexLine div:nth-child(9){ transform:rotate3d(0,0,1,-75deg);}
.indexLine div:nth-child(10){ transform:rotate3d(0,0,1,-90deg);}
.indexLine div:nth-child(11){ transform:rotate3d(0,0,1,-105deg);}
.indexLine div:nth-child(12){ transform:rotate3d(0,0,1,-120deg);}
.indexCenter{ position:relative; top:28%; left:28%; background:#84ba35; width:44%; height:44%; border-radius:50%; overflow:hidden; z-index:6;}
.indexClick{ position:absolute; top:66px; left:50%; height:0; width:0; z-index:3;}
.indexClick div{ position:absolute; top:0; width:20px; height:20px; background:#fff; padding:15px; border-radius:50%; border:1px solid #ccc; cursor:pointer; box-shadow:0 0 10px 0 #eee; transition:box-shadow 0.27s linear;}
.indexCl{ right:428px;}
.indexCr{ left:428px;}
.indexClick div span{ display:inline-block; width:20px; height:20px; background-image:url(../image/fx.png); background-repeat:no-repeat;}
.indexCl span{ background-position:0 0;}
.indexCr span{ background-position:-20px 0;}
.indexClick div:hover{ box-shadow:0 0 10px 0 #ccc;}
.indexBg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../image/indexbg.png) center no-repeat; background-size:100% 100%; animation:indexBg 30s linear infinite; z-index:1;}
@keyframes indexBg{
0%{ transform:rotate3d(0,0,0,360deg);}
100%{ transform:rotate3d(0,0,-1,360deg);}
}
.indexC{ color:#fff; font-size:14px; line-height:50px; text-align:center; position:absolute; top:0; left:50%; width:300px; margin-left:-150px; z-index:2;}
.indexBut{ z-index:7; text-align:right; line-height:14px; text-align:center; font-size:12px; position:absolute; bottom:0; left:0; width:100%; color:#727171;}
.indexBut span{ background:#fff; display:inline-block; padding:0 20px 0 20px; line-height:22px;}
.indexBut a{ color:#727171;}

.pc{}
.web{ display:none !important;}


.line{ width:1400px; border-bottom:2px dashed #c9c9c9; margin:130px auto;}

.wIw{ width:100%; text-align:center;}
.wIw01{ display:none;}
.wIw img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.wI01{ padding:100px 0 0 0;}
.wIl{ width:700px; float:left; color:#727171;}
.wIlT{ font-size:36px; line-height:60px; color:#727171; transition:all 0.27s ease-in;}
div:hover .wIlT{ list-style-type: decimal; text-shadow:2px 5px 2px #ccc;}
.wIlC{ font-size:16px; line-height:30px; padding-top:40px; text-align: justify;}
.wIlC p{ padding-bottom:30px; text-indent:2em; text-align: justify;}
.qm{ text-align:right; margin-top:100px; margin-bottom:20px;}
.qm span{ position:relative; width:156px; height:auto; display:inline-block;}
.qm span:after{ content:""; display:block; width:100px; height:1px; background:#727171; position:absolute; top:50%; right:110%;}
.qm img{ display:block; width:90%; height:auto;}
.wIlB{ height:154px; position:relative; margin-top:34px;}
.wIlB span{ display:block; position:absolute; top:0; height:154px; width:121px; background-image:url(../image/wIl01.png); background-repeat:no-repeat;}
.wIl01{ background-position:0 0; left:0;}
.wIl02{ background-position:-121px 0; left:50%; margin-left:-60px;}
.wIl03{ background-position:-242px 0; right:0;}
.wIr{ width:600px; float:right; padding-top:20px;}
.wIrT{ margin-bottom:50px;}
.wIrT div{ float:left; padding-left:48px;}
.wIrT div span{ font-size:22px; color:#727171; line-height:22px;}
.wIrT div p{ color:#80b927; font-size:44px; line-height:44px; padding-top:10px;}
.wIrT div p span{}
.wIrT .wIrTline{ border-right:1px solid #c9c9c9; padding:0 48px 0 0;}
.wIrImg{ padding-top:30px;}
.wIrImg img{ display:inline-block; max-width:100%; height:auto;}
.wI03 .wIr,.wI03 .wIrImg{ padding:0; text-align:right;}
.wI04c{ float:left; text-align:center;}
.wI04d{ display:inline-block; margin:70px 20px 0 20px;}
.wI04i{ height:327px; padding-bottom:10px; transition:transform 0.27s ease;}
.wI04i:hover{ transform:translate3d(0,-20px,0);}
.wI04i img{ max-height:327px; display:inline-block; width:auto;}
.wI04d p{ font-size:18px; color:#727171; line-height:30px; height:60px; overflow:hidden; max-width:237px; margin:0 auto;}
.wI05{ padding-bottom:200px;}
.wI05 .wIlC p{ text-indent:0;}
.wI05c{ float:left;}
.wI05c div{ width:251px; height:135px;/* background-image:url(../image/walkInto07.jpg); background-size:500% auto; background-repeat:no-repeat;*/ float:left; margin:36px 36px 0 0; transition:all 0.27s ease;}
.wI05c div img{ display:block; max-width:100%; height:auto;}
.wI05c div:hover{ transform:translate3d(0,-10px,0);}
.wI05c div:nth-child(5n){ margin-right:0;}
.wIx1{ background-position-x:0;}
.wIx2{ background-position-x:25%;}
.wIx3{ background-position-x:50%;}
.wIx4{ background-position-x:75%;}
.wIx5{ background-position-x:100%;}
.wIy1{ background-position-y:0;}
.wIy2{ background-position-y:25%;}
.wIy3{ background-position-y:50%;}
.wIy4{ background-position-y:75%;}
.wIy5{ background-position-y:100%;}

.cul01{ padding-top:100px;}
.cul01D{ color:#80b927; text-align:center; padding:30px 0 60px 0;}
.cul01D h4{ font-size:36px; font-weight:normal; line-height:100px;}
.cul01D p{ font-size:24px; line-height:30px; padding-bottom:30px;}
.cuT{ width:100%; font-size:36px; line-height:60px; color:#80b927; padding:60px 0;}
.cul02D{}
.cul02D div{ position:relative; padding-left:110px; float:left; width:33.3%; box-sizing:border-box; margin-top:60px;}
.cul02D div:nth-child(3){ transform:translate(0,60px);}
.cul02D div span{ transition:box-shadow 0.27s ease; width:80px; height:80px; border-radius:50%; overflow:hidden; border:1px solid #c9c9c9; box-sizing:border-box; display:block; position:absolute; top:50%; margin-top:-40px; left:0; background:#fff;}
.cul02D div:hover span{ box-shadow:0 0 10px 0 #80b927; transform:translate3d(0,0,0);}
.cul02D div span font{ display:block; width:68px; height:68px; line-height:68px; font-size:18px; font-weight:bold; border-radius:50%; background:#80b927; margin:5px auto; text-align:center; color:#fff;}
.cul02D p{ font-size:16px; color:#727171; line-height:30px;}
.cul02D p b{}
.cul03{ padding:0 0 200px 0;}
.cul03 .wIlC h4{ width:100%; font-size:36px; line-height:50px; color:#80b927; padding:30px 0 60px 0; font-weight:normal;}
.cul03 .wIlC h3{ font-size:24px; color:#80b927; padding-bottom:25px;}
.cul03 .wIlC div{ font-size:24px; line-height:60px;}
.cul03 .wIlC div font{ font-size:36px; color:#80b927;}

.case01{ padding:100px 0 0 0;}
.caseT{}
.caseT p{ display:none;}
.caseT .caseCh{ display:block;}
.caseT p span{ font-size:22px; line-height:46px; color:#727171; float:left; width:726px;}
.caseT p .caseTl{ font-size:36px; color:#80b927; line-height:64px; width:560px; transition:all 0.27s ease-in;}
div:hover .caseT p .caseTl{ list-style-type:decimal; text-shadow:2px 5px 2px #ccc;}
.caseT div{ height:3px; background:#0079c3; position:relative; margin-top:50px;}
.caseT div span{ display:inline-block; width:290px; height:3px; position:absolute; top:0; left:0; background:#80b927; transition:width 1s ease-out;}
.caseT:hover div span{ width:80%;}
.case02{}
.case02D{ float:left; margin:50px 47px 0 0;}
.case02D:nth-child(3n){ margin-right:0;}
.case02D div{ width:435px; height:289px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case02D div img{ transition:transform 0.1s linear; width:100%; height:auto; _display:none;}
.case02D:hover div img{ transform:scale(1.02);}
.case02D h4{ max-width:435px; font-size:20px; color:#727171; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; line-height:70px;}

.casetitle{ margin:30px auto;}
.casetitle a{ display:block; width:22.75%; margin-right:3%; float:left; position:relative; overflow:hidden; border-radius:10px; margin-bottom:20px;}
.casetitle a:nth-child(4n){ margin-right:0;}
.casetitle p{}
.casetitle p img{ display:block; width:100%; height:auto;}
.casetitle p img{ display:block; width:100%; height:auto; transition:opacity 0.27s;}
.casetitle a:hover img{ opacity:0.8;}
.casetitle span{ font-size:22px; position:absolute; top:0; left:0; width:100%; height:100%; line-height:160px; display:inline-block; color:#80b927; text-align:center; cursor:pointer; transition:all 0.27s; background:rgba(128,185,39,0.5); color:#fff;}
.casetitle .caseCh{}
.caseDiv{ display:none;}
.caseDiv.caseCh{ display:block;}

.caseaaa .caseT .caseCh span{ animation:span 1s;}
.caseaaa .caseT .caseCh .caseTl{ animation:caseTl 1s;}

@keyframes span{
0%{ display:none; transform:translate(200px,0); opacity:0;}
1%{ display:block; transform:translate(200px,0); opacity:0;}
100%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseTl{
0%{ display:none; transform:translate(-200px,0); opacity:0;}
1%{ display:block; transform:translate(-200px,0); opacity:0;}
100%{ display:block; transform:translate(0,0); opacity:1;}
}

.caseaaa .caseDiv.caseCh .case02D:nth-child(1){ animation:caseDiv1 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(2){ animation:caseDiv2 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(3){ animation:caseDiv3 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(4){ animation:caseDiv4 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(5){ animation:caseDiv5 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(6){ animation:caseDiv6 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(7){ animation:caseDiv7 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(8){ animation:caseDiv8 2s;}
.caseaaa .caseDiv.caseCh .case02D:nth-child(9){ animation:caseDiv9 2s;}
@keyframes caseDiv1{
0%{ display:none; transform:translate(0,200px); opacity:0;}
6%{ display:block; transform:translate(0,200px); opacity:0.2;}
55%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv2{
0%{ display:none; transform:translate(0,200px); opacity:0;}
11%{ display:block; transform:translate(0,200px); opacity:0.2;}
60%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv3{
0%{ display:none; transform:translate(0,200px); opacity:0;}
16%{ display:block; transform:translate(0,200px); opacity:0.2;}
65%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv4{
0%{ display:none; transform:translate(0,200px); opacity:0;}
21%{ display:block; transform:translate(0,200px); opacity:0.2;}
70%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv5{
0%{ display:none; transform:translate(0,200px); opacity:0;}
26%{ display:block; transform:translate(0,200px); opacity:0.2;}
75%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv6{
0%{ display:none; transform:translate(0,200px); opacity:0;}
31%{ display:block; transform:translate(0,200px); opacity:0.2;}
80%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv7{
0%{ display:none; transform:translate(0,200px); opacity:0;}
36%{ display:block; transform:translate(0,200px); opacity:0.2;}
85%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv8{
0%{ display:none; transform:translate(0,200px); opacity:0;}
41%{ display:block; transform:translate(0,200px); opacity:0.2;}
90%{ display:block; transform:translate(0,0); opacity:1;}
}
@keyframes caseDiv9{
0%{ display:none; transform:translate(0,200px); opacity:0;}
46%{ display:block; transform:translate(0,200px); opacity:0.2;}
95%{ display:block; transform:translate(0,0); opacity:1;}
}




.paging{ padding:50px 0 200px 0; color:#727171; font-size:24px; line-height:60px;}
.paging span{ display:inline-block; padding-right:40px;}
.paging a{ color:#727171; display:inline-block; padding:0 5px;}
.paging a:hover,.paging .paging-che{ color:#80b927;}
.paging .pagingCh{ color:#80b927; cursor:default;}

.case03{ width:1200px; margin:0 auto; padding:80px 0 60px 0;}
.case03T{ width:100%;}
.case03T img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.case03C{ padding:70px 0 0 0;}
.case03C h1{ font-size:24px; line-height:40px; font-weight:normal; color:#80b927; padding-bottom:0px;}
.case03Cd{ line-height:30px; color:#727171; font-size:16px; padding-bottom:150px;}
.case03Cd p{}
.pt{}
.pt a{ color:#727171; font-size:16px; display:inline-block; margin-right:70px;}
.pt span{ display:inline-block; position:relative; height:12px; width:24px; margin-right:10px;}
.pt i{ display:block; width:0; height:0; border:12px solid transparent; position:absolute; left:0;}
.pt .ptUp i{ border-bottom-color:#727171; bottom:0;}
.pt .ptDo i{ border-top-color:#727171; top:0;}
.pt font{}
.pt a:hover{ color:#80b927;}
.pt a:hover .ptUp i{ border-bottom-color:#80b927;}
.pt a:hover .ptDo i{ border-top-color:#80b927;}

.news{ padding:100px 0 100px 0; min-height:300px;}
.newsDiv{ position:relative; box-sizing:border-box; padding-left:490px;}
.newsL{ position:absolute; top:0; left:0;}
.newsR{}
.newsRt{ line-height:60px; font-size:30px; border-bottom:5px solid #c9c9c9;}
.newsRt a{ color:#727171; display:inline-block; position:relative; margin-right:160px;}
.newsRt .newsCh{ color:#80b927;}
.newsRt a:hover:after,.newsRt .newsCh:after{ content:"";display:block; width:100%; height:5px; position:absolute; bottom:-5px; left:0; background:#80b927;}
.newsRc{ padding:40px 0;}
.newsRc a{ color:#727171; display:block; padding:15px 0;}
.newsRc a h4{ font-size:24px; line-height:30px; font-weight:normal;}
.newsRc a p{ font-size:14px; line-height:28px; color:#999;}
.newsRc a:hover h4{ color:#80b927;}
.newsPaging{}
.newsPaging span,.newsPaging a{ display:inline-block; line-height:46px; border:1px solid #c9c9c9; font-size:20px; min-width:40px; box-sizing:border-box; padding:0 10px; margin-right:10px; text-align:center; color:#727171;}
.newsPaging span{ min-width:82px;}
.newsPaging a:hover{ color:#fff; border-color:#48b9eb; background:#48b9eb;}

.newsContent .newsDiv{ border-top:2px solid #efeff0;}
.newsTime{ background:#efeff0; min-width:135px; display:inline-block; text-align:center; color:#80b927; padding:20px; box-sizing:border-box; margin-bottom:80px;}
.newsTime span{ font-size:60px; display:block; line-height:60px;}
.newsTime i{ font-size:24px; display:block; line-height:30px;}
.newsTime font{ font-size:24px; display:block; line-height:30px;}
.newsC{ padding-top:30px;}
.newsC h1{ font-size:30px; color:#84ba35; line-height:40px; font-weight:normal;}
.newsCp{ font-size:16px; color:#727171; line-height:30px; padding-bottom:30px;}
.newsCc{ font-size:16px; line-height:30px; color:#727171; padding-bottom:50px;}
.newsCc img{ display:inline-block; max-width:100%; height:auto;}

.contact{ margin-top:90px; padding-bottom:160px; border-top:2px solid #efeff0; padding-top:50px;}
.contactL{ float:left; min-width:290px;}
.contactL img{ display:block; padding-bottom:20px;}
.contactL p{ font-size:22px; color:#898989; line-height:35px;}
.contactR{ float:right;}

.recruitR{ float:left; width:1000px;}
.recruitRt{ background:#84ba35; height:40px; line-height:40px; color:#fff; font-size:19px; padding:0 100px; border-radius:20px;}
.recruitRc{ padding-top:50px;}
.recruitRc div{ margin:0 100px; border-top:1px dashed #bfc0c0; height:74px; line-height:74px; color:#727171; transition:background ease 0.27s;}
.recruitRc div:hover{ background:#f9f9f9;}
.recruitRc div:nth-child(1){ border-top:none;}
.recruitRc div:after{ content:"";clear:both;display:block;}
.recruitRt span,.recruitRc div span{ display:inline-block; float:left; min-height:1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recruitRt span:nth-child(1),.recruitRc div span:nth-child(1){ width:170px;}
.recruitRt span:nth-child(2),.recruitRc div span:nth-child(2){ width:140px; text-align:center;}
.recruitRt span:nth-child(3),.recruitRc div span:nth-child(3){ width:180px; text-align:center;}
.recruitRt span:nth-child(4),.recruitRc div span:nth-child(4){ width:180px; text-align:center;}
.recruitRt span:nth-child(5),.recruitRc div span:nth-child(5){ float:right;}
.recruitRc div span a{ color:#727171;}
.recruitRc div span a:hover{ color:#84ba35;}

.recruitC{ float:left; width:880px; color:#727171;}
.recruitC h1{ padding:0 20px; background:#84ba35; font-size:22px; font-weight:normal; line-height:42px; height:42px; border-radius:21px; display:inline-block; color:#fff;}
.recruitC div{ padding:10px;}
.recruitC p{ font-size:16px; line-height:30px;}
.recruitC p span{ display:inline-block; margin-right:30px;}
.recruitC h4{ font-size:18px; font-weight:normal; line-height:50px;}
.recruitC div:nth-child(2){ border-bottom:1px dashed #bfc0c0;}
.contactDiv .contactL{ padding-bottom:30px;}
.contactDiv{ position:relative;}
.contactDiv{}
.contactReturn{ position:absolute; bottom:20px; left:0;}
.contactReturn a{ font-size:18px; line-height:30px; font-weight:bold; color:#727171; position:relative; padding-left:30px; display:inline-block;}
.contactReturn span{ display:inline-block; width:21px; height:19px; background:url(../image/return.png) center no-repeat; position:absolute; top:50%; left:0; margin-top:-10px;}
.contactReturn a:hover{ color:#84ba35;}

.business01{ color:#727171; padding:100px 0 80px 0;}
.business01l{ float:left; width:500px;}
.business01l h3{ font-size:36px; line-height:36px; font-weight:normal; transition:all 0.27s ease-in;}
div:hover .business01l h3{ list-style-type: decimal; text-shadow:2px 5px 2px #ccc;}
.business01l p{ font-size:20px; line-height:20px; padding-top:20px;}
.business01r{ float:left; font-size:18px; line-height:30px; width:700px;}
.business01r p{ padding-bottom:20px; text-align:justify;}
.business02{ width:100%; margin:0 auto; max-width:1920px; min-width:1400px;}
.business020{ display:none;}
.business02 img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.business03{ padding:250px 0 200px 0;}
.business03 img{ display:block; max-width:100%; height:auto; margin:0 auto;}

.business04{ position:relative; min-height:1945px;}
.busBg{ position:absolute; top:260px; left:260px; z-index:1; width:590px; height:1945px; background:url(../image/busBg.png);}
.busBg{}
.busTi{ position:absolute; top:0; left:0; z-index:3;}
.busTi{ font-size:30px; color:#727171; line-height:60px;}
.busTi p{}
.busTi span{ display:block; border-top:2px solid #84ba35; padding-top:40px; margin-top:40px; margin-bottom:120px; font-size: 20px;}
.busTi div{}
.busTi div img{}
.busDiv{ position:relative; z-index:2;}
.busDiv{}
.busD{ position:relative;}
.busT{ width:234px; height:234px; border:1px solid #ccc; border-radius:50%; position:absolute;}
.busT:after{ content:""; display:block; width:200px; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px; z-index:1; font-size:18px; border-radius:50%; background:#80b927; text-align:center; color:#fff;}
.busT:before{ content:''; position:absolute; width:100%; height:100%; box-shadow:inset 0 0 5px 1px #a0b987; border-radius:50%; top:0; left:0; opacity:0;}
.busD:hover .busT:before{ animation:before 1.5s ease-out .1s infinite;}
@keyframes before{
	0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}
	1%{opacity:1}
	100%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}
}
.busT font{ position:relative; z-index:2; display:block; width:68px; height:68px; background-image:url(../image/business05.jpg); background-repeat:no-repeat; margin:0 auto; margin-top:50px; margin-bottom:10px;}
.busT:hover font{}
.busT span{ position:relative; z-index:2; display:block; text-align:center; font-size:30px; color:#fff; line-height:32px;}
.bus{ line-height:30px; color:#727171; margin-bottom:30px; position:relative; width:260px;}
.bus h3{ font-size:20px; color:#80b927; position:relative; font-weight:normal; line-height:40px;}
.bus h3:after{ content:""; display:block; width:10px; height:10px; background:#80b927; border-radius:50%; position:absolute; top:50%; left:-20px; margin-top:-4px;}
.bus p{ font-size:16px; line-height:28px; color:#727171;}
.bus a{ color:#727171; display:inline-block; margin-top:20px;}
.bus a span{ display:inline-block; width:140px; text-align:center; line-height:40px; font-size:16px; border:1px solid #ccc;}
.bus a:hover span{ border-color:#80b927; color:#80b927;}
.bus div{ height:140px; width:294px; border-radius:70px; overflow:hidden; position:absolute;}
.bus div img{ transition:transform 0.27s ease; display:block; height:140px; width:auto; margin-left:-112px;}
/*.bus:hover div img{ transform:scale(1.03);}*/
.busR{ padding-right:310px;}
.busR div{ top:40px; right:0;}
.busL{ padding-left:330px;}
.busL div{ top:20px; left:0;}
.busD01{ margin:0 0 0 830px; padding:100px 0 0 0;}
.busD01 .busT{ top:90px; left:-310px;}
.busD01 .busT font{ background-position:0 0;}
.busD02{ margin:0 0 0 0; padding:320px 0 50px 0;}
.busD02 .busT{ top:4px; left:370px;}
.busD02 .busT font{ background-position:50% 0;}
.bus02R{ position:absolute; right:0; top:320px;}
.busD03 .bus{ width:420px; margin-bottom:50px;}
.busD03{ margin:0 0 200px 0; padding:450px 0 0 0;}
.busD03 .busT{ top:60px; left:830px;}
.busD03 .busT font{ background-position:100% 0;}

@media screen and (max-width:1500px){

.logo{ margin-left:10px;}
.topR{ margin-right:10px;}

}


@media screen and (max-width:640px){

body{ width:100%; overflow:auto;}
.page-width{ padding-left:10px; padding-right:10px; box-sizing:border-box;}
.page-width,.line{ width:auto;}
.line{ margin:30px 10px;}

.top{ min-width:auto; height:56px;}

.logo{ margin-top:0; height:56px;}
.logo img{ display:block; width:auto;padding:18px 0; height:20px;}
.topDiv{ position:fixed; top:0; left:0; width:100%; height:auto; z-index:8; background:#fff;}
.topR{ width:80%; position:fixed; left:100%; top:0; height:100%; z-index:9; transition:left 0.5s ease; background:url(../image/na.png) 20% bottom no-repeat #85ba36;}

.nav{ height:100%; width:100%; box-sizing:border-box; padding-top:20px;}
.nav a,.nav a:hover,.nav .navCh,.navA{ display:block; width:100%; line-height:50px; color:#fff; padding:0; margin:0; text-align:center;}
.nav a:hover{ color:#727171;}
.nav .navCh, .nav a:hover{ color:#fff;}
.navW{ position:relative; top:auto; left:auto;}
.navW div{ background:#74aa25;}
.navW div a{ padding:0; background:#74aa25;}


.search{ display:none;}
.topRch{ left:20%; overflow:auto;}
.wapGb{ display:block;}
.footer{ display:none;}

.pc-banner{ min-width:auto; overflow:hidden; width:100%;}
.index{ min-width:auto;}
.indexRoll{ transition:transform 0.5s ease-out;}
.indexDiv{ transform:scale(0.45); bottom:-620px;}
.indexBut span{ padding:0 0 5px 0;}
.indexClick{ width:100%; left:0; top:100px;}
.indexClick div{ transform:scale(0.8);}
.indexCl{ right:auto; left:0;}
.indexCr{ left:auto; right:0;}
.indexBut{ text-align:center;}

.pc{ display:none !important;}
.web{ display:block !important;}

.wIl,.wIr{ width:auto; float:none;}
.wI03 .wIrImg{ text-align:center; width:100%;}

.busBg{ display:none;}
.busTi{ position:relative; top:auto; left:auto;}
.busTi div{ display:none;}


.wI01{ padding:30px 10px 0 10px;}
.wIlT{ font-size:18px; line-height:40px;}
.wIlC{ padding-top:20px;}
.wIlC p{ padding-bottom:20px; text-indent:0; font-size:14px; text-align: justify;}
.wIlB{ margin-top:0;}
.wIlB span{ transform:scale(0.6)}
.wIrT{ margin-bottom:30px;}
.wIrT .wIrTline{ padding:0 20px 0 0;}
.wIrT div{ padding-left:20px;}
.wIrT div span{ font-size:14px;}
.wIrT div p{ font-size:24px;}
.wIrImg{ padding-top:0;}

.wI04d{ margin-top:20px; max-width:50%;}
.wI04i{ width:auto; height:auto;}
.wI04i img{ display:inline-block; height:90px;}
.wI04d p{ font-size:14px;}

.wI05{ padding-bottom:100px;}
.wI05c{ display:block; width:300px; margin:0 auto; text-align:center; float:none;}
.wI05c div{ width:50px; height:27px; margin-right:10px;}
.wI05c div:nth-child(5n){ margin-right:10px;}

.cul01{ padding-top:30px;}
.cul01D{ padding-bottom:0;}
.cul03 .wIlC h4,.cul01D h4{ font-size:20px; line-height:30px;}
.cul01D p{ font-size:16px;line-height:22px;}
.cuT{ padding:30px 0 0 0; font-size:22px; text-align:center;}
.cul02D div span{ width:62px; height:62px; margin-top:-31px;}
.cul02D div span font{ font-size:16px; width:50px; height:50px; line-height:50px;}
.cul02D div{ width:100%; margin-top:30px; padding-left:70px;}
.cul02D div:nth-child(3){ transform:translate3d(0,0,0);}
.cul02D p{ font-size:14px;}
.cul03 .wIlC h4{ padding:0 0 30px 0;}
.cul03 .wIlC h3{ font-size:22px;}
.cul03 .wIlC div{ font-size:18px; line-height:30px;}
.cul03 .wIlC div font{ font-size:24px;}
.cul03{ padding-bottom:100px;}

.business01{ padding:30px 10px 0 10px;}
.business01l{ padding-bottom:30px; width:auto;}
.business01l h3{ font-size:22px;}
.business01r{ font-size:14px; line-height:24px;}
.business01r p{ padding-bottom:30px; font-size: 16px; line-height: 30px;}
.busTi p{ line-height:30px; font-size:22px;}
.business01r{ width:auto;}
.business02{ display:none; min-width:100%; padding:0 10px; width:100%; box-sizing:border-box;}
.business020{ display:block; margin-bottom:20px; width:100%; overflow:hidden;}
.business03{ display:none;}


.busDiv .busT,.bus02R{ position:relative; top:auto; left:auto;}
.busD{ margin:0; padding:0;}
.bus{ padding:0; width:auto;}
.busR div,.busL div{ position:relative; top:auto; left:auto; width:100%; height:auto; border-radius:0;}
.busD03 .bus{ width:auto;}
.bus div img{ margin:30px 0 0 0; display:block; max-width:100%; height:auto; width:100%;}
.bus07{ display:none;}
.busT{ height:auto; width:100%; border-radius:20px; border:none; text-align:center; background:#85ba36; height:40px; line-height:40px; letter-spacing:10px; margin:20px 0 20px 0;}
.busTi span{ border:none; margin:0; padding:0; font-size:18px; line-height:36px;}
.busT font{ margin:0; display:inline-block; width:30px; height:30px; background-size:auto 30px; vertical-align:middle; margin-top:-4px; margin-right:20px;}
.busT:before{ display:none;}
.busT span{ display:inline-block; line-height:40px; font-size:20px;}
.busT:after{ display:none;}
.bus a{}

.case01{ padding-top:30px;}
.caseT p .caseTl{ font-size:24px; line-height:32px; padding-bottom:20px; width:auto;}
.caseT p span{ font-size:16px; line-height:26px; text-align:justify; width:auto;}
.caseT div span{ width:80%;}
.caseT p span br{ display: none;}
.caseT p .caseTl br{ display:inline;}
.case02D{ float:none; margin:20px 0 0 0;}
.case02D div{ width:auto; height:auto; background:none;}
.case02D div img{ display:block; width:100%; height:auto;}
.paging{ padding-bottom:100px; font-size:16px; text-align:center;}

.paging span{ padding-right:5px;}

.case03{ max-width:100%; width:100%; box-sizing:border-box; padding:30px 10px 0px 10px;}
.case03T{ width:auto;}
.case03C{ padding-top:30px;}
.case03Cd p{ font-size:16px; line-height:26px; text-align:justify; padding:0 6px 0 0;}
.case03Cd{ padding-bottom:40px;}
.pt{ font-size:14px; padding-bottom:100px; text-align:left; width:100%;}
.pt a{ margin:0 1px;}

.news{ padding-top:30px; padding-bottom:100px;}
.newsDiv{ padding-left:0;}
.newsL{ display:none;}
.newsRt a:hover:after,.newsRt .newsCh:after{ height:3px; bottom:-3px;}
.newsRt{ font-size:20px; border-bottom:3px solid #c9c9c9;}
.newsRt a{ margin-right:20px;}
.newsRc{ padding:20px 0;}
.newsRc a h4{ font-size:18px;}
.newsPaging span,.newsPaging a{ font-size:14px; line-height:30px;}
.newsPaging span{ min-width:0;}

.contact{ border:none; margin:0; padding-bottom:100px;}
.contactL p{ font-size:18px; line-height:30px;}
.contactL,.contactR{ float:none;}
.contactR img{ max-width:100%; display:block; margin-top:30px;}

.recruit .contactL{ display:none;}
.recruit .recruitR{ width:100%;}
.recruitRt{ padding:0 10px;}
.recruitRc{ padding-top:20px;}
.recruitRt span{ font-size:14px;}
.recruitRc div span{ font-size:12px;}
.recruitRt span,.recruitRc div span{ display:inline-block; float:left; min-height:1px;}
.recruitRt span:nth-child(1),.recruitRc div span:nth-child(1){ width:34%;}
.recruitRt span:nth-child(2),.recruitRc div span:nth-child(2){ display:none;}
.recruitRt span:nth-child(3),.recruitRc div span:nth-child(3){ width:22%;}
.recruitRt span:nth-child(4),.recruitRc div span:nth-child(4){ width:22%;}
.recruitRt span:nth-child(5),.recruitRc div span:nth-child(5){ width:22%; text-align:right;}
.recruitRc div{ margin:0 10px;}
.recruitC h1{ margin-bottom:20px; padding:0 10px;}
.recruitC div:nth-child(2){ border:none;}
.recruitC h4{ font-weight:bold;}
.contactReturn{ position:relative; bottom:auto; left:auto; margin:30px 0 0 10px;}
.recruitC{ width:100%; text-align:justify; float:none;}

.casetitle a{ width:100%;}
.casetitle span{line-height:190px;}

}














/* © 2020 CffCMS.COM All rights reserved. */