body{ font-family: 'Microsoft YaHei';}
.pic{ background: url(../images/pic.png) no-repeat }
.btn{ display: inline-block; height: 44px; line-height: 44px; color: #fff; text-decoration: none; background: #ffa60b; padding: 0 34px; font-size: 24px}
.btn:hover{ background: #ff8f0b;color: #fff; text-decoration: none }
.banner{ background: url(../images/banner.jpg) no-repeat center top; height: 585px }
.banner p{ text-align: center; width: 294px; margin:345px auto 0; color: #fff; background: #5ca74a; border-radius: 20px; font-size: 18px; height: 40px; line-height: 40px}
.banner p:hover{background: #7dc61f}
.banner a{ display:block; color: #fff; text-decoration: none }
.banner a:hover{color: #fff; text-decoration: none; }
.part-1{ background: url(../images/bg_img1.jpg) no-repeat #5ca74a center bottom; padding: 32px 0 105px; text-align: center; color: #fff }
.tell{ display: inline-block; height: 96px; background-position: center top; width: 100%}
.tell-t{height: 28px; line-height: 28px; font-size: 18px}
.service{ padding-top: 24px; *padding-left:33px }
.service-box{ width: 300px; height: 158px; border:10px #fff solid; margin: 0 28px; display: inline-block; overflow: hidden; *float: left }
.service-box .p1{ font-size: 34px; padding-top: 40px; line-height: 40px}
.service-box .p2{ font-size: 16px; padding-top: 10px; line-height: 20px }
.service-box .p3{ font-size: 16px; padding-top: 36px; line-height: 20px }
.service-box .p4{ padding-top: 15px }
.part-2{ background: url(../images/bg_img4.jpg) no-repeat center bottom #fff; padding-top: 102px; text-align: center }
.part-2-t{ display: inline-block; height: 116px; background-position: center -96px;width: 100% }
.part-2 .p1{ color: #7dc61f; font-size: 32px; line-height: 36px; padding: 16px 0 }
.part-2 .p2{ color: #666; font-size: 18px; line-height: 34px; width: 850px; margin: 0 auto}
.part-2 .p3{ padding-top: 25px }
.part-2-pic{ width: 1200px; margin: 0 auto; text-align: right; padding:130px 0 }
.part-3{ background: url(../images/bg_img5.jpg) no-repeat center bottom #f6f7f9; padding: 105px 0 125px }
.part-3-box{ padding-left: 125px }
.part-3-t{ display: inline-block; height: 117px; background-position: -5px -212px; width: 100% }
.part-3 p{ width: 385px; padding-right: 690px }
.part-3 .p1{ font-size: 32px; padding-top: 12px; line-height: 36px; color: #666; width: auto; padding-right: 0 }
.part-3 .p2{ font-size: 44px; padding-top: 16px; line-height: 48px; color: #7dc61f }
.part-3 .p3{ font-size: 24px; padding-top: 50px; line-height: 36px; color: #666 }
.part-3 .p4{ font-size: 18px; padding-top: 20px; line-height: 36px; color: #666 }
.part-3 .p5{ padding-top: 20px }
.part-3 .p3 i{ font-weight: bold }
.part-4{ background: url(../images/bg_img6.jpg) no-repeat center bottom; height: 379px }
.part-4 .warp{position: relative }
.part-4 span{ display: inline-block; width: 108px; height: 97px; text-align: center; color: #000; font-size: 24px; line-height: 96px; background-position: left -602px; position: absolute; cursor: pointer;transition:none }
.part-4 span:hover{ background-position: -109px -602px; color: #fff;transition:none}
.part-4 span.s1{ line-height: 26px; padding-top: 22px; height: 75px; left:63px; top: 82px }
.part-4 span.s2{ line-height: 26px; padding-top: 22px; height: 75px; left:201px; top: 55px }
.part-4 span.s3{ left:339px; top: 28px }
.part-4 span.s4{ left:477px; top: 0 }
.part-4 span.s5{ left:615px; top: 0 }
.part-4 span.s6{ left:753px; top: 28px }
.part-4 span.s7{ line-height: 26px; padding-top: 22px; height: 75px; left:891px; top: 55px }
.part-4 span.s8{ line-height: 26px; padding-top: 22px; height: 75px; left:1029px; top: 82px }
.part-5{ background: url(../images/bg_img7.jpg) no-repeat center bottom #5ca74a; padding-bottom: 303px }
.part-5-t{ display: inline-block; height: 116px; background-position: -61px -329px; margin: 32px 0 0 310px; width:618px }
.part-5 .warp{ position: relative }
.part-5 i{ display: inline-block; width: 142px; text-align:center; color: #5ca74a; font-size: 22px; line-height: 24px; position: absolute }
.part-5 i.i-1{ left: 217px; top: 255px }
.part-5 i.i-2{ left: 429px; top: 313px }
.part-5 i.i-3{ left: 641px; top: 247px }
.part-5 i.i-4{ left: 853px; top: 315px }
.part-6{ background: url(../images/bg_img8.jpg) no-repeat center top; padding-top: 123px }
.part-6-t{ display: inline-block; height: 98px; background-position: center -446px; width: 100% }
.part-6 ul{ padding: 50px 90px 40px 150px; width: 960px }
.part-6 li{ line-height: 36px; font-size: 16px; color: #666 }
.part-6 i{ display: inline-block; width: 20px; height: 20px; border-radius: 100%; background: #89c18a; color: #fff; font-size: 16px; float: left; line-height: 20px; text-align: center; margin-top: 8px }
.part-6 p{ float: left; width: 928px; padding-left: 12px }
.part-7{ background: url(../images/pic_3.png) no-repeat center bottom; padding-bottom: 195px; text-align: center }
.backtop{ display: inline-block; width: 128px; height: 97px; background-position: -306px -544px }
.list-top,.banner,.part-1,.part-2,.part-3,.part-4,.part-5,.part-6,.part-7,.foot{ min-width: 1200px; overflow: auto; }
.div-pop{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:100;background:#333;filter:alpha(opacity=80);-moz-opacity:0.8;-webkit-opacity: 0.8;-ms-opacity: 0.8;opacity: 0.8;_height:expression(documentElement.scrollTop+documentElement.clientHeight)}
.form-box,
.form-state{ background:#fff; padding:12px 40px 45px; position:fixed; left:50%; top:50%; width:368px; height:275px; margin:-137px 0 0 -224px; z-index:999; *position:absolute}
.form-p1{font-size:16px;color:#262313;height:34px;line-height:34px;padding-top:8px}
.form-p1 i{color:#dd5215;font-size:24px;vertical-align:-7px;padding-right:3px}
.form-p1 font{font-size:12px}
.form-inputBox{border:1px solid #d7d7d7; position:relative; display:inline-block}
.form-inputStyle{border:0;height:48px;line-height:48px;padding:0 12px;width:342px;font-size:14px}
.prompt{position:absolute;left:385px;top:-10px}
.prompt-bg{ position:absolute;background:#000;-moz-opacity:.8;-webkit-opacity:.8;-ms-opacity:.8;opacity:.8;height:66px;left:0;top:0;width:270px}
.prompt-arrow{ position:absolute;width:0;height:0;border-top:10px solid transparent;border-right:10px solid #000;border-bottom:10px solid transparent;-moz-opacity:.8;-webkit-opacity:.8;-ms-opacity:.8;opacity:.8;left:-10px;top:24px}

.form-btn{margin:40px auto 0;width:186px;height:56px;line-height:56px;background:#fd8d43;display:block;cursor:pointer; text-align:center; color:#fff; text-decoration:none; font-size:16px}
.form-btn:hover{background:#ffa60b; color:#fff; text-decoration:none}
.form-close{ position:absolute; top:0; right:0; width:40px; height:38px; background:#fd8d43; font-size:0; line-height:0}


.form-state-icon{ padding-top:80px; text-align:center}
.form-state-text{ font-size:28px; text-align:center;color:#666; padding-top:20px}
.part-1.tell-box{ background: url(../images/bg_img2.jpg) no-repeat center bottom #59a845; padding-bottom: 37px }
.from-box{ background: #f6f7f9 }
.from-con{ padding-top: 75px; width: 1200px; margin: 0 auto }
.from-p{ height: 89px; text-align: center; width:100%; line-height: 0; font-size: 0 }
.from-p.p1{ background-position: center -699px }
.from-p.p2{ background-position: center -788px }
.from-p.p3{ background-position: center -877px }
.from-p.p4{ background-position: center -966px }
.from-p.p5{ background-position: center -1055px }
.from-tab{ padding: 32px 0 65px }
.from-tab table{ background-color: #fff }
.from-tab th{ background-color: #5ca74a; text-align: center; height: 60px; line-height: 60px; font-size: 16px; font-weight: normal; color: #fff; border-bottom: 4px #f6f7f9 solid }
.from-tab td{ color: #666; font-size: 14px; text-align: center; line-height: 24px; padding: 24px 0 ;border-bottom: 4px #f6f7f9 solid;word-break:break-all;word-wrap:break-word }
.from-tab td.td-br{border-right: 4px #f6f7f9 solid}
td.td-left{ text-align: left }
td.td-mid{ vertical-align: middle }
td.td-price{ color: #7dc61f; font-size: 20px }



.side-contact div{box-sizing: border-box;}
.side-contact{position:fixed;right:10px;bottom:130px;display:none;width:70px;height:260px;z-index:200;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);background:#f2f2f2;text-align:center}
.side-contact span,.side-contact i{display:block;margin:0;padding:0;box-sizing: border-box;}
.side-contact span{font-size:14px;color:#666}
.side-contact div:hover span{color:#28b8dd; }
.side-contact i{width:35px;height:32px;margin:0 auto;}
.side-contact p{position:absolute;left:0;top:0;display:none;background:#02b8df;color:#FFF;font-size:14px}.side-contact p strong{font-size:22px;font-weight:normal}
.side-contact p em{position:absolute;right:-11px;display:block;width:11px;height:11px;background:url(../images/icon_tips_arrow.png) no-repeat 0 0}
.side-contact .qq-item{width:100%;height:70px;padding-top:5px;border-bottom:1px solid #f2f2f2;border-radius:8px 8px 0 0;background:#FFF;cursor:pointer}
.side-contact .qq-item i{background:url(../images/icon_contact.png) no-repeat 0 0}
.side-contact .qq-item i{background:url(../images/icon_contact.png) no-repeat -32px 0}
.side-contact .qq-contact-link{display:block;width:70px;height:70px;cursor:pointer}
.side-contact .qq-contact-link:hover{text-decoration:none}
.side-contact .phone-item{width:100%;height:70px;padding-top:5px;border-bottom:1px solid #f2f2f2;background:#FFF;cursor:default}
.side-contact .phone-item i{background:url(../images/icon_contact.png) no-repeat 2px -32px}.side-contact .phone-item i{background:url(../images/icon_contact.png) no-repeat -30px -32px}.side-contact .phone-item p{left:-180px;top:70px;width:170px;height:70px;line-height:22px;padding-top:12px;border-radius:8px}
.side-contact .phone-item p em{top:30px}
.side-contact .weixin-item{width:100%;height:70px;padding-top:5px;background:#FFF;cursor:default}.side-contact .weixin-item i{background:url(../images/icon_contact.png) no-repeat 2px -64px}.side-contact .weixin-item i{background:url(../images/icon_contact.png) no-repeat -30px -64px}.side-contact .weixin-item p{left:-130px;top:98px;width:120px;height:150px;line-height:22px;padding-top:16px;font-size:14px;border-radius:8px}
.side-contact .weixin-item p img{width:90px;height:90px;margin-top:10px}
.side-contact .weixin-item p em{top:72px}
.side-contact .gotop-item{width:100%;padding-top:5px;cursor:pointer}
.side-contact .gotop-item i{width:16px;height:16px}
.side-contact .gotop-item i{background:url(../images/icon_top_arrow.png) no-repeat 0 0}
.side-contact .gotop-item:hover i{background:url(../images/icon_top_arrow.png) no-repeat -18px 0}.side-contact .gotop-item span{padding:3px 0 0 0;color:#999}