* { margin: 0px; padding: 0px; text-decoration: none; list-style: none; outline: none; }
html { background-color: rgb(255, 255, 255); overflow-x: hidden; width: 100%; }
body { width: 100%; }
li { list-style-type: none; }
.w1200 { width: 1200px; margin: auto; display: flex; justify-content: space-between; }
.fl { float: left; }
.fr { float: right; }
.top { width: 100%; height: 40px; line-height: 40px; background-color: rgb(247, 247, 247); }
.top p { color: rgb(128, 128, 128); }
.top-fc { text-align: center; }
.top-fr { text-align: right; }
.clear { clear: both; }
.node { width: 100%; height: 40px; background-color: rgb(247, 247, 247); }
.node p { color: gray; line-height: 2.5; display: flex; justify-content: space-between; }
.node a:nth-child(1) { position: relative; left: 5%; }
.node a:nth-child(3) { position: relative; right: 5%; }
.head { background-color: white; height: 110px; width: 100%; }
.head img:nth-child(1) { height: 90%; position: relative; }
.head img:nth-child(2) { width: 375px; height: 60px; position: relative; top: 30px; }
.dhl { transition: all 1s ease 0s; width: 100%; height: 80px; background-color: rgb(0, 159, 46); }
.dhlauto { width: 1800px; height: 100%; margin: 0px auto; }
.dhlfot { width: 1300px; height: 100%; margin: 0px auto; }
.dhlfot ul { height: 100%; }
.dhlfot ul li { transition: background-color 0.5s ease 0s; float: left; width: 140px; height: 100%; text-align: center; line-height: 5; cursor: pointer; margin-left: 33px; margin-right: 10px; }
.dhlfot ul li a { color: white; transition: color 0.3s ease 0s; padding: 29px 38px 38px 35px; }
.dhlfot ul li:hover { background-color: white; }
.dhlfot ul li:hover a { color: gray; }
#eee { border: 1px solid lightgray; width: 100%; height: 0px; transition: height 0.5s ease 0s; overflow: hidden; position: relative; z-index: 100; background-color: white; }
#eee li { width: 100%; height: 50px; line-height: 3; position: relative; left: -32px; }
.xserji:hover #eee { height: auto; }
.app { margin: 0px auto; height: auto; }
#photoplay { width: 100%; height: 600px; position: relative; }
.inne { width: 100%; height: 100%; position: relative; overflow: hidden; }
.inne ul { width: calc(300%); height: 600px; position: absolute; left: 0px; transition: left 0.3s ease 0s; }
.inne ul li { width: calc(33.3333%); height: 100%; float: left; }
.inne ul li img { width: 100%; height: 100%; }
.controlInne { width: 417px; height: 90px; position: absolute; background-color: black; bottom: -45px; left: 0px; right: 0px; margin: 0px auto; }
.controlInne ul li { width: 139px; height: 90px; float: left; opacity: 0.6; transition: opacity 0.3s ease 0s; }
.controlInne ul li img { width: 100%; height: 100%; }
.controlInne ul li:hover { opacity: 1; cursor: pointer; }
.bod { width: 100%; height: 1150px; }
.bodauto { width: 85%; height: 1050px; margin: 100px auto 0px; }
.case { padding-bottom: 60px; }
.homeTie { font-size: 0.875rem; text-align: center; padding-top: 40px; padding-bottom: 40px; }
.homeTie h4 { margin-top: 5px; }
.hTitle { font-size: 2.571rem; color: rgb(25, 25, 25); font-weight: 700; }
.hTitle b { color: rgb(0, 159, 46); }
.hTitle span { position: relative; padding: 0px 25px; }
.hTitle span::before, .hTitle span::after { content: ""; position: absolute; height: 1px; background: rgb(229, 229, 229); width: 80px; top: 25px; }
.hTitle span::before { right: 100%; }
.hTitle span::after { left: 100%; }
.caseL { width: 24%; background: rgb(244, 244, 244); float: left; }
.caseL .title { color: rgb(255, 255, 255); text-align: center; font-size: 1.714em; padding: 35px 0px; line-height: 1.4; border-bottom: 1px solid rgb(255, 255, 255); background: -webkit-gradient(linear, 0 100%, 100% 100%, from(rgb(0, 82, 17)), to(rgb(0, 159, 46))); }
.caseL .title span { font-size: 1.167em; display: block; }
.caseL li a { display: block; padding: 0px 5% 0px 8%; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid rgb(228, 228, 228); font-weight: 530; font-size: 1.143em; height: 60px; line-height: 60px; }
.caseL li ul a { font-size: 0.97em; font-weight: 400; padding-left: 0%; height: 50px; line-height: 50px; }
.caseL li a:hover { background: rgb(0, 159, 46); color: rgb(255, 255, 255); }
.caseL li ul a:hover { color: rgb(0, 159, 46); background: url("##") 12% center no-repeat; }
.caseL .tel { background: url("##") 15px center no-repeat rgb(0, 159, 46); padding: 30px 0px 10px 60px; height: 120px; color: rgb(255, 255, 255); }
.caseL .tel span {display: block;font-size: 1.429em;position: relative;left: 12%;top: -46px;width: 270px;}
.dlit { width: 73%; height: 465px; margin-left: 25%; }
.bigdl { border: 1px solid lightgray; width: 100%; height: 100%; float: left; }
.bigimg { width: 50%; height: 100%; margin-left: 0px; float: left; }
.bigdl img { width: 100%; height: 100%; }
.bigfot { width: 50%; height: 100%; background-color: white; float: left; }
.bigf { width: 90%; height: 60%; margin: 0px auto; }
.bigbtn { width: 90%; height: 15%; position: relative; top: 15%; left: 25px; display: flex; justify-content: space-between; }
.bigfot h3 {color: black;font-size: 1.2rem;line-height: 5;font-weight: 350;}
.bigfot a {color: gray;line-height: 30px;}
.bigdl:hover { box-shadow: gray 0px 0px 30px 0px; }
.bigb1 { width: 40%; height: 100%; border: 1px solid rgb(0, 159, 46); text-align: center; transition: background-color 0.3s ease 0s; cursor: pointer; float: left; margin-right: 60px; }
.bigb1 a {line-height: 4.2;font-size: 1rem;font-weight: 500;color: black;transition: color 0.3s ease 0s;padding: 12%;}
.bigb1:hover { background-color: rgb(0, 159, 46); }
.bigb1:hover a { color: white; }
.bigal { width: 74.5%; height: 450px; margin-top: 10px; margin-left: 25%; }
.biga1 { width: 32.1%; height: 80%; margin-top: 5%; float: left; margin-right: 1%; }
.bigaimg { width: 100%; height: 85%; }
.bigaimg img { width: 100%; height: 100%; }
.bigaf { width: 100%; height: 15%; text-align: center; }
.bigaf a { color: rgb(0, 0, 0); line-height: 3; transition: color 0.3s ease 0s; }
.biga1:hover .bigaf a { color: rgb(0, 159, 46); }
.biga1:hover { box-shadow: gray 0px 0px 30px 0px; }
.product { background: rgb(248, 248, 248); padding-bottom: 50px; }
.proMenu { font-size: 1.143em; margin-bottom: 40px; text-align: center; }
.proMenu a { display: inline-block; position: relative; color: rgb(255, 255, 255); height: 50px; line-height: 50px; background: rgb(0, 108, 32); border-radius: 25px; padding: 0px 15px; min-width: 200px; margin: 0px 15px; z-index: 2; overflow: hidden; }
.proMenu a::after { content: ""; position: absolute; left: 0px; bottom: 0px; background: rgb(0, 159, 46); width: 100%; height: 0px; z-index: -1; transition: all 0.5s ease 0s; }
.proMenu .on, .proMenu a:hover { color: rgb(255, 255, 255); }
.proMenu .on::after, .proMenu a:hover::after { height: 100%; }
.proMain { margin-right: -15px; }
.proMain li { float: left; width: 24%; margin-right: 1%; margin-top: 30px; transition: all 0.5s ease 0s; }
.proMain ul { margin-left: 0px; }
.proMain li img { width: 100%; height: 100%; }
.proMain li:nth-child(6) { display: block; }
.proMain li a { display: block; overflow: hidden; background: rgb(255, 255, 255); }
.proMain li .pImg { padding-top: 80%; }
.proMain li p { color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 50px; height: 50px; font-weight: 700; border-top: 1px solid rgb(229, 229, 229); }
.proMain li a:hover img { transform: scale(1.1); }
.proMain li a:hover p { color: rgb(0, 159, 46); }
.proMain li a:hover { box-shadow: rgb(221, 221, 221) 0px 0px 14px; }
.proMain .more { transition: background-color 0.5s ease 0s, width 0.5s ease 0s, color 0.3s ease 0s; color: gray; display: block; width: 160px; height: 40px; border: 1px solid rgb(204, 204, 204); border-radius: 20px; text-align: center; margin: 50px auto 0px; line-height: 2.5; }
.proMain .more:hover { background: rgb(0, 159, 46); color: white; border-color: rgb(0, 151, 156); width: 260px; }
.swiper-wrapper { width: 100%; transition: color 0.4s ease 0s; }
.about { width: 100%; height: 600px; background-color: rgb(250, 250, 250); }
.aboutauto { width: 1300px; height: 90%; margin: 0px auto; position: relative; top: 6%; }
.aboutimg { position: relative; z-index: 100; width: 50%; height: 520px; float: left; }
.aboutimg img { width: 650px; height: 520px; }
.aboutfont { width: 50%; height: 520px; margin-top: 40px; margin-left: 50%; }
.aboutfot { width: 100%; height: 60%; }
.aboutfot a:nth-child(1) { color: rgb(0, 159, 46); font-size: 30px; margin-left: 30px; font-weight: 600; }
.aboutfot a span { color: black; }
.aboutfot hr { height: 2px; background-color: rgb(0, 159, 46); width: 120px; margin-top: 15px; margin-left: 30px; }
.aboutfot2 { width: 90%; height: 200px; margin: 20px auto 0px; }
.aboutfot2 p { color: gray; line-height: 40px; }
.aboutfotbtn { border: 1px solid lightgray; width: 150px; height: 50px; margin-left: 34px; margin-top: 30px; transition: background-color 0.5s ease 0s; position: relative; top: -72px; cursor: pointer; text-align: center !important; }
.aboutfotbtn:hover { background-color: rgb(0, 159, 46); }
.aboutckgd {color: gray;font-size: 15px;margin: 0px;line-height: 3.3;transition: color 0.5s ease 0s;padding: 14px 45px 17px 45px;}
.aboutfotbtn:hover .aboutckgd { color: white; }
.aboutsmall { overflow: hidden; width: 100%; height: 205px; margin-top: -40px; margin-left: 35px; }
.aboutgd { width: calc(200%); height: 100%; transition: margin-left 1s ease 0s; float: left; }
.smallgd { width: 200px; height: 100%; text-align: center; margin-right: 47px; float: left; cursor: pointer; transition: margin-left 1s ease 0s; }
.smallgd img { width: 100%; height: 75%; }
.smallgd a { line-height: 2.5; color: gray; transition: color 0.5s ease 0s; }
.smallgd:hover a { color: rgb(0, 159, 46); }
.yous { width: 100%; height: 800px; }
.yousauto { width: 100%; height: 100%; }
.yousfot { width: 600px; height: 200px; margin: 0px auto; text-align: center; }
.yousfot p:nth-child(1) { color: black; font-size: 40px; font-weight: 600; line-height: 150px; }
.yousfot span { color: rgb(0, 159, 46); }
.yousfot p:nth-child(2) { color: gray; line-height: 0px; }
.yousban { width: 100%; height: 600px; float: left; }
.banleftcale { width: calc(4000px); height: 100%; transition: margin-left 0.5s ease 0s; }
.banleftcale img { width: 25%; height: 100%; float: left; }
.banleft { width: 1000px; height: 100%; float: left; overflow: hidden; }
.banright { position: relative; z-index: 100; width: 60%; height: 85%; margin-top: 2.3%; margin-left: 42%; }
.banauto { width: 13.4%; height: 100%; background-color: rgb(34, 172, 61); position: relative; z-index: 100; }
.banauto1 { width: 100%; height: 25%; cursor: default; border-bottom: 1px solid rgb(255, 255, 255); }
.banauto1 img { width: 30%; height: 30%; position: relative; top: -550px; left: 34%; }
.banauto1 p { position: relative; top: -430%; text-align: center; font-size: 25px; color: white; }
.banauto2 { width: 100%; height: 25%; border-bottom: 1px solid white; }
.banauto2 img { width: 30%; height: 30%; position: relative; top: -420px; left: 34%; }
.banauto2 p { position: relative; top: -330%; text-align: center; font-size: 25px; color: white; }
.banauto3 { width: 100%; height: 25%; z-index: 100; border-bottom: 1px solid white; }
.banauto3 img { width: 30%; height: 30%; position: relative; top: -290px; left: 34%; }
.banauto3 p { position: relative; z-index: 100; top: -225%; text-align: center; font-size: 25px; color: white; }
.banauto4 { width: 100%; height: 25%; }
.banauto4 img { width: 30%; height: 30%; position: relative; top: -165px; left: 34%; }
.banauto4 p { position: relative; top: -127%; text-align: center; font-size: 25px; color: white; }
.banrig { width: 970px; height: 100%; background-color: rgb(245, 245, 245); position: relative; top: -109%; left: 12.5%; overflow: hidden; }
.bancale { width: calc(4000px); height: 100%; transition: margin-left 0.5s ease 0s; }
.bancale1 { width: 22%; height: 100%; float: left; margin-right: 118px; }
.bancale1 p:nth-child(1) { color: black; font-size: 30px; font-weight: 600; position: relative; top: 5%; left: 6%; }
.bancale1 p:nth-child(2) { color: gray; font-size: 14px; font-weight: 400; position: relative; left: 6%; top: 5%; }
.bancale1 hr { height: 2px; width: 100px; background-color: rgb(0, 159, 46); border-color: rgb(0, 159, 46); position: relative; top: 15%; left: 7%; }
.bancale1 p:nth-child(4) { color: gray; font-size: 18px; font-weight: 400; position: relative; left: 5%; top: 28%; }
.bancale1 p:nth-child(5) { color: gray; font-size: 19px; font-weight: 400; position: relative; left: 5%; top: 33%; }
.bancale1 p:nth-child(6) { color: gray; font-size: 17px; font-weight: 400; position: relative; left: 5%; top: 37%; }
.banbtn { transition: padding-left 0.5s ease 0s; width: 180px; height: 50px; text-align: center; line-height: 3; background-color: rgb(0, 159, 46); border-radius: 50px; position: relative; top: 46%; left: 5%; }
.banbtn a {color: white;padding: 13px 41px 14px 39px;}
.banbtn:hover { padding-left: 100px; }
.news { background-color: rgb(244, 244, 244); width: 100%; height: 600px; padding-top: 5px; }
.newsleft { background-color: rgb(248, 248, 248); width: 500px; height: 90%; margin-top: 1.7%; float: left; overflow: hidden; }
.newss { transition: margin-left 0.5s ease 0s; width: calc(400%); height: 100%; }
.newsstop { background-color: rgb(0, 159, 46); width: 500px; height: 200px; }
.newsstop p:nth-child(1) { color: white; font-size: 30px; font-weight: 500; margin-left: 50px; line-height: 70px; }
.newsstop p:nth-child(2) { color: white; margin-left: 50px; }
.newssimg { width: 500px; height: 300px; position: relative; top: -75px; }
.newssimg img { height: 100%; width: 100%; }
.newsfot { text-align: center; width: 460px; height: 100px; margin-top: -68px; margin-left: 15px; }
.newsfin { width: 25%; height: 100%; float: left; margin-right: 20px; background-color: white; }
.newsfot p { font-size: 20px; line-height: 5; }
.newsright { width: 795px; height: 540px; float: right; }
.newssrig { border: 1px solid transparent; height: 70px; width: 100%; margin-top: 15px; }
.newssbtn { width: 150px; height: 50px; border: 1px solid lightgray; margin-top: 8px; float: left; text-align: center; margin-left: 2%; transition: background-color 0.5s ease 0s; cursor: pointer; }
.newssbtn a {font-size: 20px;font-weight: 400;color: gray;line-height: 2.5;padding: 12px 35px 12px 35px;transition: color 0.5s ease 0s;}
.newssbtn:hover { background-color: rgb(0, 159, 46); }
.newssbtn:hover a { color: white; }
.newsff { width: 200px; height: 80px; margin-top: 8px; margin-left: 75%; }
.newsff hr { width: 85px; height: 1px; background-color: rgb(0, 0, 0); margin-top: 25px; margin-left: 100px; }
.newsff p { font-size: 10px; font-weight: 500; line-height: 2; margin-left: 100px; color: gray; }
.xwzy { width: 100%; height: 436px; }
.xwelse { width: 97%; height: 434px; background-color: rgb(248, 248, 248); margin-left: 20px; }
.foot { width: 100%; height: 400px; background-color: rgb(55, 55, 55); padding-bottom: 33px; }
.footauto { width: 1400px; height: 99%; margin: 0px auto; }
.foothead { width: 100%; height: 80px; float: left; margin-top: 0px; }
.foothead ul { margin-left: 200px; }
.foothead ul li { float: left; width: 140px; height: 100%; text-align: center; line-height: 5; }
.foothead ul li a { color: rgb(190, 190, 190); }
.footset { width: 1000px; margin-top: 25px; float: left; margin-left: 90px; }
#dbp2 { color: gray; font-size: 30px; line-height: 4; }
.navFix { width: 100%; height: 80px; background-color: rgb(0, 159, 46); position: fixed; top: 0px; left: 0%; z-index: 1000; transition: all 1s ease 0s; }
.navFix .dhlauto { width: 1800px; height: 100%; margin: 0px auto; }
.navFix .dhlfot { width: 1300px; height: 100%; margin: 0px auto; }
.navFix .dhlfot ul { height: 100%; }
.navFix .dhlfot ul li { float: left; width: 140px; height: 100%; text-align: center; line-height: 5; }
.navFix .dhlfot ul li a { color: white; transition: color 0.5s ease 0s; }
.navFix .dhlfot ul li:hover a { color: gray; }
.proset { width: 100%; height: 600px; position: relative; top: 0px; display: none; }
.sub img { width: 30px; position: relative; top: 10px; left: 80%; float: left; }
.tel img { width: 50px; position: relative; top: 24px; left: -12%; }
.tel p { position: relative; top: -50px; left: 12%; }
.xwad { margin-bottom: 10px; width: 100%; height: 150px; background-color: white; overflow: hidden; }
.xwad p:nth-child(1) { color: black; font-size: 24px; line-height: 80px; margin-left: 30px; }
.xwad p:nth-child(2) { color: gray; font-size: 16px; line-height: 20px; margin-left: 30px; }
.xwad p:nth-child(3) { color: gray; font-size: 16px; line-height: 20px; margin-left: 30px; }
.xwad hr { width: 0px; height: 2px; background-color: rgb(0, 159, 46); margin-top: 26px; margin-left: -3px; transition: width 0.5s ease 0s; }
.xwad:hover hr { width: 100%; }
.footset p { color: rgb(190, 190, 190); margin-top: 10px; line-height: 2; font-size: 15px; }
.footewm { width: 200px; height: 200px; float: left; margin-top: 40px; margin-left: 17px; text-align: center; }
.footewm img { width: 160px; margin-top: 20px; }
.foothead hr { color: white; height: 1px; background-color: white; width: 100%; }
.newsauto { width: 1300px; margin: 0px auto; }
.cpauto { width: 1300px; margin: 0px auto; }
.headauto { height: 100%; width: 1300px; margin: 0px auto; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.photobton{
	width: 100%;
	height: 100px;
	background-color: #f3f3f3;
}
.btonauto{
	width: 1400px;
	height: 100%;
	margin: 0px auto;
}
.btonauto P{
	color: black;
	font-size: 20px;
	line-height: 5;
}
.btonauto a{
	color: #009F2E;
}