/* cssreset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing: border-box;font-weight: normal;}
body{line-height:1.5;font-size: 1em;background: #fff;font-family: "microsoft yahei";}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}

.header{ position:fixed; height: 65px; display:block; width: 100%; background: #fff; z-index:999; text-align:center; color: #f2f2f2 top:0;box-shadow: 1px 1px 2px #ddd; }
.header .logo{float: left;}
.header .logo img{display: block;}
.header .nav{float: right;padding: 15px 30px 0 0;}
.header #menu{float: left;}
.header .tel{float: right;padding: 0 0 0 20px;}
.header li{float: left;height: 37px;line-height: 37px;text-align: center;background: #fff;border-radius: 3px;margin: 0 1px;}
.header li a{display: block;padding: 0 10px;height: 37px;color: #3e3a39;}
.header .active{color: #fff;background: #ea870e;}
.header .active a{color: #fff;}
.header li a{color: #3e3a39;font-size: 13px;}
.active h2{opacity: 1!important; transform: scale(1, 1)!important; transition-delay: 0.7s!important;}
.section0 i{width: 100%;display: block;background-size: cover!important;background-repeat: no-repeat!important;}
.section1 .con{float: left;width: 100%;overflow: hidden;}
.section1 .intro{float: left;width: 30%;margin: 0 0 0 15%;}
.section1 h2{opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-size: 30px;vertical-align: middle;line-height: 40px;}
.section1 h2 span{font-size: 40px;color: #66b831;}
.section1 p{margin: 40px 0;line-height: 2em;}
.section1 .btn{color: #fff;background: #ea870e;width: 106px;height: 36px;line-height: 36px;text-align: center;display: block;border-radius: 4px;}
.section1 .img{width: 40%;float: right;position: relative;right:-15%;opacity: 0; transition: all 1s ease 0s;}
.section1 .c{margin-left: -30%; opacity: 0; transition: all 1s ease 0s;width: 100%;}
.active .c{opacity: 1!important; transform: scale(1, 1)!important; transition-delay: 0.5s!important;margin-left: 0}
.active .img{opacity: 1!important; transform: scale(1, 1)!important; transition-delay: 0.5s!important;right: 15%!important}
.section2{background: url(../images/section201.jpg);background-size: cover;}
.section2 h2{font-size: 40px;color: #fff;text-align: center;margin: 0 0 100px;opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-weight: bold;}
.section2 ul{margin: 0 auto;width: 75%;}
.section2 li{width: 20%; float: left;position: relative;margin: 0 1.6%;color: #fff;text-align: center;}
.section2 li img{display: block;margin: 0 auto;width: 55%;}
.section2 h3 { margin: 30px 0 15px; font-size: 24px; font-weight: 500;}
.section2 p { }
.section2 .s21 { left: -200px;opacity: 0; transition: all 1s;}
.section2 .s22 { left: -100px;opacity: 0; transition: all 1s;}
.section2 .s23 { left: 100px;opacity: 0; transition: all 1s;}
.section2 .s24 { left: 200px;opacity: 0; transition: all 1s;}
.active .s21 { left: 0; opacity: 1; transition-delay: 0.5s;}
.active .s22 { left: 0; opacity: 1; transition-delay: 0.5s;}
.active .s23 { left: 0; opacity: 1; transition-delay: 0.5s;}
.active .s24 { left: 0; opacity: 1; transition-delay: 0.5s;}
.section3 .phone{width: 22%;background: url(../images/section302.jpg) no-repeat 50% 50%;background-size: 80% 80%;margin: 0 0 0 12%;float: left;}
.section3 .phone img{position: relative;width: 100%;}
.section3 .phone .i{z-index: 1;left:0;top:0;transition: all 1s ease 0s;}
.section3 .down{float: right;margin: 0 17% 0 0;width: 30%;}
.section3 h2{font-size: 24px;margin: 50px 0;float: left;width: 100%;}
.section3 h2 span{font-size: 60px;color: #66b831;}
.section3 .btn{float: left;width: 50%;}
.section3 .btn img{width: 100%;display: block;margin: 0 0  18%;}
.section3 .ewm{float: right;width: 45%;}
.section3 .easy{width: 100%;float: left;}
.section3 .easy img{width: 90%;position: relative;right:-10% ;float: right;}
.active .phone .i{transition-delay: 0.7s!important;left: 60%}
.section4 h2{font-size: 30px;color: #ea870e;text-align: center;margin: 0 0 0;opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-weight: bold;}
.section4 .t {text-align: center;background: url(../images/section402.png) 50% 100% no-repeat;background-size: 100%
 2px;width: 80%;margin: 30px auto 50px;height: 40px;}
.section4 .t a{background: url(../images/section403.png) no-repeat 50% 100%; background-size: 0 0;transition: all 0.3s ease 0s;display: inline-block;padding: 0 20px 23px;color: #ea870e;font-size: 14px;}
.section4 h3{font-size: 24px;margin: 30px 0 0;}
.section4 .tab{opacity: 0; transition: all 1s ease 0s;}
.section4 .c{float: left;width: 30%;margin: 0 0 0 15%;}
.section4 p{margin: 20px 0 40px 0;line-height: 2;}
.section4 .btn{color: #fff;background: #ea870e;width: 106px;height: 36px;line-height: 36px;text-align: center;display: block;border-radius: 4px;}
.section4 .appimg{width: 40%;float: right;width: 40%;margin: 0  15% 0 0;}
.section4 .appimg img{width: 100%;}
.section4 .current{background-size: 15px 15px!important;transition-delay: 0.1s!important;}
.active .tab{opacity: 1!important; transform: scale(1, 1)!important; transition-delay: 0.3s!important;}
.section5{background: url(../images/section501.jpg);background-size: 100% 100%;}
.section5 h2{font-size: 30px;color: #fff;text-align: center;margin: 0 0 0;opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-weight: bold;}
.section5 .t {text-align: center;background: url(../images/section402.png) 50% 100% no-repeat;background-size: 100%
 2px;width: 80%;margin: 30px auto 0;height: 40px;}
.section5 .t a{background: url(../images/section403.png) no-repeat 50% 100%; background-size: 0 0;transition: all 0.3s ease 0s;display: inline-block;padding: 0 20px 23px;color: #fff;font-size: 14px;}
.section5 .tab{opacity: 0; transition: all 1s ease 0s;}
.section5 .current{background-size: 15px 15px!important;transition-delay: 0.1s!important;}
.section5 ul{width: 80%;margin: 0 auto;}
.section5 li{float: left;width: 20%;margin: 2.5%}
.section5 li img{width: 100%;}
.section6{}
.section6 h2{font-size: 30px;color: #ea870e;text-align: center;margin: 0 0 0;opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-weight: bold;}
.section6 .t {text-align: center;background: url(../images/section402.png) 50% 100% no-repeat;background-size: 100%
 2px;width: 80%;margin: 30px auto 50px;height: 40px;}
.section6 .t a{background: url(../images/section403.png) no-repeat 50% 100%; background-size: 0 0;transition: all 0.3s ease 0s;display: inline-block;padding: 0 20px 23px;color: #ea870e;font-size: 14px;}
.section6 .tab{opacity: 0; transition: all 1s ease 0s;width: 80%;margin: 0 auto;height: 100%;padding: 7% 0 0;}
.section6 .tc{width: 80%;margin: 0 auto;}
.section6 .gy p{padding: 0 0 1em;text-indent: 2em;}
.section6 .current{background-size: 15px 15px!important;transition-delay: 0.1s!important;}
.section7 {background: #aaa;}
.section7 .con{padding: 0 15%;}
.section7 .zx{font-size: 20px;color: #fff;margin: 0 0 1em;}
.section7 .rx{width: 50%;color: #fff;background: #EA870E;padding: 3%;text-align: center;font-size: 36px;border-radius: 10px;margin: 30px auto;}
.section7 .lx{float: left;width: 43%;}
.section7 .lx dl{overflow: hidden;zoom: 1;margin: 0 0 14px;font-size: 14px;}
.section7 .lx dt{float: left;color: #fff;}
.section7 .lx dd{margin: 0 0 0 60px;}
.section7 .lx .txt{width: 98%;border-radius: 3px;border: 1px solid #fff;line-height: 1.5em;color: #aaa;}
.section7 .lx .txt2{width: 60px;margin: 0 20px;height: 26px;}
.section7 .lx textarea{width: 98%;border-radius: 3px;border: 0;}
.section7 .dz{float: left;width: 43%;color: #fff;border-left: 3px solid #fff;padding: 0 0 0 4%;margin: 0 0 0 4%;font-size: 14px;line-height: 2;}
.section7 h2{font-size: 30px;color: #fff;text-align: center;margin: 0 0 0;opacity: 0; transform: scale(0.5, 0.5); transition: all 1s ease 0s;font-weight: bold;}
.section7 ul{margin: 0 0  1em;}
.section7 .lx .cur{border: 1px solid #EA870E;}
.section7 .btn{color: #fff;background: #ea870e;width: 85px;height: 30px;line-height: 30px;text-align: center;border-radius: 4px;border: 0;vertical-align: middle;cursor: pointer;}
.section7 .yzm{height: 28px;vertical-align: middle;}
.section7 a{color: #fff;padding: 0 0 0 10px;font-size: 12px;}
.footer{width: 100%; height: 60px; line-height: 60px; background: #434343; position: absolute; bottom: 0; left: 0px;font-size: 18px;color: #fff;text-align: center;}
.mobile .sl{background: #96CD4F;overflow: hidden;}
.mobile .sl img{width: 60%;margin: 0 auto;display: block;transform: scale(0.8, 0.8); transition: all 3s;}
.load .sl img{transform: scale(1.2, 1.2);}
.mobile .down{text-align: center;}
.mobile .down img{width: 40px;vertical-align: middle;}
.mobile .down a{height: 30px;padding: 0 20px;display: inline-block;border-radius: 10px;color: #fff;line-height: 30px;vertical-align: middle;margin: 0 5px;}
.mobile .down .i{margin: 15px 0 10px;}
.mobile .down .i a{background: #6D6E71;}
.mobile .down .a a{background: #97C024;}
.mobile .gohome {text-align: center;}
.mobile .gohome a{padding: 20px;display: block;color: #666;}