@charset "utf-8"; /* 高端定制服务 */ .banner_high{display:block;width:100%;height:280px;background:#66b732;position:relative;margin-top:126px;} .banner_highcon{display:block;width:1200px;height:280px;margin:0 auto;background:url(../../resource/images/highend/banner_icon2.png) no-repeat;overflow:hidden;} .banner_highcon span{display:block;float:left;position:absolute;top:44px;-webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;} .banner_highcon dl{display:block;float:right;margin-top:28px;} .banner_highcon dl dt{display:block;font-size:48px;color:#fff;font-weight:bold;-webkit-animation: a2 1s 0.2s ease both;-moz-animation: a2 1s 0.2s ease both;animation: a2 1s 0.2s ease both;} .banner_highcon dl dt b{font-size:48px;color:#fff;border-bottom:solid 5px #348401;} .banner_highcon dl dd{display:block;font-size:20px;color:#fff;line-height:40px;margin-top:40px;-webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;} .highp{display:block;overflow:hidden;width:1200px;margin:0 auto;} .highp p{display:block;float:right;width:620px;font-size:22px;color:#646464;line-height:40px;margin-top:80px; -webkit-animation: a1 1s 0.4s ease both;-moz-animation: a1 1s 0.4s ease both;animation:a1 1s 0.4s ease both;} .highp p b{font-size:26px;color:#66b732;font-weight:normal;} .highcy{display:block;overflow:hidden;width:1200px;margin:0 auto;margin-top:135px;} .highcy h1{display:block;text-align:center;font-size:30px;color:#646464;-webkit-animation: a5 1s 0s ease both;-moz-animation: a5 1s 0s ease both;animation: a5 1s 0s ease both;} .highcy h1 b{color:#fb603a;font-size:30px;font-weight:normal;} .highcy dl{width:1240px;display:block;margin-top:40px;overflow:hidden;} .highcy dl dd{display:block;float:left;width:357px;margin-right:24px;padding-right:40px;} .highcy dl .highdd1{background:url(../../resource/images/highend/img19.png) no-repeat right center; -webkit-animation:a1 1s 0.1s ease both;-moz-animation: a1 1s 0.1s ease both;animation: a1 1s 0.1s ease both;} .highcy dl .highdd2{background:url(../../resource/images/highend/img20.png) no-repeat right center; -webkit-animation: a4 1s 0.1s ease both;-moz-animation: a4 1s 0.1s ease both;animation: a4 1s 0.1s ease both;} .highcy dl .highdd3{padding-right:0px;margin-right:0px; -webkit-animation: a1 1s 0.1s ease both;-moz-animation: a1 1s 0.1s ease both;animation: a1 1s 0.1s ease both;} .highcy dl dd .t1{background:#00a8ee;} .highcy dl dd .t2{background:#ee7e00;} .highcy dl dd .t3{background:#66b732;} .highcy dl dd .high_div{display:block;height:320px;overflow:hidden;} .highcy dl dd .high_div span{display:block;margin:20px 0px;} .highcy dl dd .high_div span img{display:block;margin:0 auto;} .highcy dl dd .high_div h2{display:block;text-align:center;font-size:24px;color:#fff;} .highcy h3{display:block;text-align:center;font-size:30px;color:#646464;margin:56px 0px; -webkit-animation: a4 1s 0.3s ease both;-moz-animation: a4 1s 0.3s ease both;animation: a4 1s 0.3s ease both;} .highcy h3 b{font-size:30px;color:#66b732;font-weight:normal;line-height:56px;} .highfuwu{display:block;width:100%;height:440px;background:#f2f2f2;} .highfw_con{display:block;width:1200px;margin:0 auto;overflow:hidden;} .highfw_con dl{display:block;float:left;} .highfw_con dl dt{display:block;font-size:30px;color:#66b732;font-weight:bold;margin:40px 0px; -webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;} .highfw_con dl dd{display:block;font-size:22px;color:#646464;line-height:38px;-webkit-animation: a3 1s 0.2s ease both;-moz-animation: a3 1s 0.2s ease both;animation: a3 1s 0.2s ease both;} .highfw_con dl dd.nodd{background:url(../../resource/images/highend/img17_left.png) no-repeat left center;padding-left:24px;color:#66b732;font-size:28px;margin:30px 0px;} .highfw_con span{display:block;float:right;margin-top:90px;-webkit-animation: a1 1s 0.3s ease both;-moz-animation: a1 1s 0.3s ease both;animation: a1 1s 0.3s ease both;} .highp2{display:block;width:1200px;margin:0 auto;margin-top:108px;overflow:hidden;} .highp2 p{display:block;width:548px;font-size:22px;color:#646464;line-height:35px;-webkit-animation: a1 1s 0.4s ease both;-moz-animation: a1 1s 0.4s ease both;animation: a1 1s 0.4s ease both;} .highp2 p b{font-size:24px;color:#00a8ee;font-weight:normal;} .highwenti{display:block;width:1200px;margin:0 auto;overflow:hidden;margin-top:110px;} .highwenti h1{display:block;text-align:center;font-size:30px;color:#646464; -webkit-animation: a6 1s 0.2s ease both;-moz-animation: a6 1s 0.2s ease both;animation: a6 1s 0.2s ease both;} .highwenti h1 b{font-size:30px;color:#66b732;font-weight:normal;} .highwenti dl{display:block;position:relative;margin-top:45px;overflow:hidden;} .highwenti dl dt{display:block;/*background:url(../../resource/images/highend/img8.png) no-repeat;*/width:514px;height:405px;margin:0 auto;margin-top:56px; -webkit-animation: a6 1s 0s ease both;-moz-animation: a6 1s 0s ease both;animation: a6 1s 0s ease both;} .highwenti dl dd{display:block;font-size:22px;padding-left:40px;position:absolute;} .highwenti dl dd.dd1{color:#00a8ee;background:url(../../resource/images/highend/img5.png) no-repeat left center;left:180px;top:88px; -webkit-animation: a3 1s 0.3s ease both;-moz-animation: a3 1s 0.3s ease both;animation: a3 1s 0.3s ease both;} .highwenti dl dd.dd2{color:#ee7e00;background:url(../../resource/images/highend/img6.png) no-repeat left center;right:88px;top:15px; -webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;} .highwenti dl dd.dd3{color:#66b732;background:url(../../resource/images/highend/img7.png) no-repeat left center;right:88px;bottom:10px; -webkit-animation: a2 1s 0.3s ease both;-moz-animation: a2 1s 0.3s ease both;animation: a2 1s 0.3s ease both;} .highxit{display:block;width:100%;background:#f2f2f2;margin-top:70px;overflow:hidden;} .highxit_con{display:block;width:1200px;margin:0 auto;padding-top:50px;padding-bottom:50px;} .highxit_con h1{display:block;text-align:center;font-size:20px;color:#646464;line-height:36px; -webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;} .highxit_con h1 b{font-size:28px;color:#ff3f3f;margin-top:10px;} .highxit_con i{display:block;margin:40px auto;width:258px;height:154px; -webkit-animation: a6 1s 0.5s ease both;-moz-animation: a6 1s 0.5s ease both;animation: a6 1s 0.5s ease both;} .highxit_con i img{display:block;margin:0 auto;} .highxit_con h2{display:block;width:1000px;background:#e6e6e6;padding:23px 0px;margin:0 auto;text-align:center;font-size:32px;color:#00a8ee;font-weight:bold; -webkit-animation: a7 1s 0.8s ease both;-moz-animation: a7 1s 0.8s ease both;animation: a7 1s 0.8s ease both;} .highxit_con dl{display:block;width:1220px;overflow:hidden;margin-top:30px;} .highxit_con dl dd{border:solid 1px #cdcdcd;background:#e6e6e6;display:block;float:left;margin-right:13px;width:288px;height:218px;overflow:hidden;} .highxit_con dl dd.no_top{-webkit-animation: a1 1s 1s ease both;-moz-animation: a1 1s 1s ease both;animation: a1 1s 1s ease both;} .highxit_con dl dd.no_bottom{-webkit-animation: a4 1s 1s ease both;-moz-animation: a4 1s 1s ease both;animation: a4 1s 1s ease both;} .highxit_con dl dd span{display:block;margin:20px 0px;} .highxit_con dl dd span img{display:block;margin:0 auto;} .highxit_con dl dd h3{display:block;font-size:23px;text-align:center;} .highxit_con dl dd p{display:block;text-align:center;width:200px;margin:0 auto;font-size:16px;color:#5a5a5a;line-height:26px;margin-top:10px;} .highdz{display:block;width:1200px;margin:0 auto;overflow:hidden;position:relative;margin-top:68px;} .highdz .ul_left{display:block;float:left;} .highdz .ul_left li{position:relative;} .highdz .ul_left .li1{display:block;/*background:url(../../resource/images/highend/img16.png) no-repeat;*/width:520px;height:500px; -webkit-animation: a10 4s 0.8s ease both;-moz-animation: a10 4s 0.8s ease both;animation: a10 4s 0.8s ease both;} .highdz .ul_left .li2{position:absolute;left:34px;top:98px; -webkit-animation: a8 2s 0s infinite linear normal forwards;-moz-animation: a8 2s 0s infinite linear normal forwards;animation: a8 2s 0s infinite linear normal forwards;z-index:9} .highdz .ul_left .li3{position:absolute;left:310px;top:130px; -webkit-animation: a9 1s 2s ease both;-moz-animation: a9 1s 2s ease both;animation: a9 1s 2s ease both;} .highdz .div_right{display:block;float:right;margin-top:40px;-webkit-animation: a2 2s 0.2s ease both;-moz-animation: a2 2s 0.2s ease both;animation: a2 2s 0.2s ease both;} .highdz .div_right dl{display:block;margin-bottom:30px;} .highdz .div_right dl dt{display:block;background:url(../../resource/images/highend/img17_left.png) no-repeat left center;color:#66b732;font-size:24px;padding-left:30px;} .highdz .div_right dl dd{display:block;font-size:18px;color:#646464;padding-left:30px;margin-top:20px;} .highjiz{display:block;width:100%;background:#f2f2f2;} .highjiz_con{display:block;width:1200px;margin:0 auto;padding-top:30px;overflow:hidden;} .highjiz_con dl{display:block;overflow:hidden;width:1250px;margin-top:30px;} .highjiz_con dl dd{display:block;float:left;margin-right:25px;cursor:pointer;} .highjiz_con dl dd .divdd{display:block;background:#fff;width:220px;height:240px;margin-bottom:25px;overflow:hidden;} .highjiz_con h1,.highjiz_con h2{display:block;text-align:center;font-size:34px;font-weight:bold;} .highjiz_con h1 b,.highjiz_con h2 b{font-size:34px;color:#ff3f3f;border-bottom:solid 3px #ff3f3f;margin-right:10px;} .highjiz_con h1{color:#00a8ee;-webkit-animation: a1 1s 0s ease both;-moz-animation: a1 1s 0s ease both;animation: a1 1s 0s ease both;} .highjiz_con h2{color:#747474;margin-top:50px;-webkit-animation: a3 1s 1s ease both;-moz-animation: a3 1s 1s ease both;animation: a3 1s 1s ease both;} .highjiz_con span.span1{display:block;margin:30px 0px;-webkit-animation: a1 1s 0.5s ease both;-moz-animation: a1 1s 0.5s ease both;animation: a1 1s 0.5s ease both;} .highjiz_con dl dd .divdd{display:block;overflow:hidden;} .highjiz_con dl dd .divdd span{display:block;margin:50px 0px 30px 0px;} .highjiz_con dl dd .divdd span img{display:block;margin:0 auto;} .highjiz_con dl dd .divdd h3{display:block;text-align:center;font-size:18px;color:#646464;} .highjiz_con dl dd.no_top{-webkit-animation: a1 1s 1.2s ease both;-moz-animation: a1 1s 1.2s ease both;animation: a1 1s 1.2s ease both;} .highjiz_con dl dd.no_bottom{-webkit-animation: a4 1s 1.2s ease both;-moz-animation: a4 1s 1.2s ease both;animation: a4 1s 1.2s ease both;} .high_rex{display:block;width:1200px;margin:0 auto;padding:30px 0px;} .high_rex dt,.high_rex dd{display:block;text-align:center;margin:10px 0px;} .high_rex dt{font-size:26px;color:#646464;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;} .high_rex dt b{font-size:30px;color:#00a8ee;font-weight:normal;} .high_rex dd{font-size:26px;color:#646464;} .high_rex dd b{font-size:30px;font-weight:normal;} .high_rex dd.dd01 b,.high_rex dd.dd02 b{color:#ff3f3f;border-bottom:solid 2px #ff3f3f;} .high_rex dd.dd01{-webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;} .high_rex dd.dd02{margin:30px 0px;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;} .high_rex dd.dd03{font-size:42px;color:#66b732;margin-top:20px;-webkit-animation: a3 1s 0s ease both;-moz-animation: a3 1s 0s ease both;animation: a3 1s 0s ease both;} .high_rex dd.dd04{font-size:42px;margin-top:20px;color:#00a8ee;-webkit-animation: a2 1s 0s ease both;-moz-animation: a2 1s 0s ease both;animation: a2 1s 0s ease both;} @media screen and (max-width:1366px){ .highbox img{display:block;width:100%;height:100%;} .banner_highcon,.highp,.highcy,.highfw_con,.highp2,.highwenti,.highxit_con,.highdz,.highjiz_con,.high_rex{width:960px;} .banner_highcon span{width:400px;} .banner_highcon dl{margin-top:48px;} .banner_highcon dl dt,.banner_highcon dl dt b{font-size:34px;} .banner_highcon dl dd{font-size:16px;line-height:30px;} .highp p{width:550px;font-size:16px;line-height:32px;margin-top:65px;} .highp p b{font-size:18px;} .highcy dl{width:1000px;} .highcy dl dd{width:277px;} .highcy dl dd .high_div span{width:220px;margin:30px auto;} .highfw_con dl dt{font-size:20px 0px;font-size:24px;} .highfw_con dl dd{font-size:16px;line-height:26px;} .highfw_con dl dd.nodd{font-size:24px;margin:25px 0px;} .highfw_con span{width:450px;margin-top:40px;} .highfuwu{height:350px;} .highp2{margin-top:49px;} .highp2 p{width:410px;font-size:16px;line-height:30px;} .highp2 p b{font-size:18px;} .highwenti dl dt{width:390px;height:auto;} .highwenti dl dd{font-size:20px;} .highwenti dl dd.dd1{left: 129px;top: 80px;} .highwenti dl dd.dd2{right: 88px;top: 15px;} .highwenti dl dd.dd3{right: 46px;bottom: 0px;} .highxit_con h2{width:900px;padding:18px 0px;font-size:28px;} .highxit_con dl dd span{width:70px;height:70px;margin:20px auto;} .highxit_con dl dd{width:227px;} .highdz .ul_left .li1{width:420px;height:auto;} .highdz .ul_left .li2{left: 29px;top: 80px;width: 261px;height:auto;} .highdz .ul_left .li3{left: 258px;top: 130px;width: 220px;} .highdz .div_right dl dt{font-size:20px;padding-left:24px;} .highdz .div_right dl dd{font-size:14px;} .highjiz_con dl dd .divdd span{width:81px;height:auto;margin:30px auto 30px auto;} .highjiz_con dl dd .divdd{width:172px;height:200px;} .highjiz_con h1, .highjiz_con h2{font-size:30px;} .highjiz_con h1 b, .highjiz_con h2 b{font-size:30px;} .high_rex dt,.high_rex dd{font-size:22px;} .high_rex dt b,.high_rex dd b{font-size:24px;} .high_rex dd.dd03{font-size:30px;} .high_rex dd.dd04{font-size:32px;} }