@charset "utf-8";
/* CSS Document */

@import url(global.css);


   
.main{width:100%;height:auto; background:#f5f5f5;}

.system{width:1200px;margin:0 auto;padding:70px 0px; overflow:hidden;}
.system .title{ text-align:center;}
.system .title h3{ font-size:35px; color:#555555; font-weight:normal;}
.system .title span{ display:block;font-family:Arial; color:#888888; font-size:16px; text-transform:uppercase;margin-top:10px;}
.system .title p{ font-size:16px; color:#666666; line-height:24px;margin-top:30px; }
.system .system_box{height:240px;margin-top:60px; overflow:hidden;}
.system .system_box dl{width:100%;height:100px;margin-bottom:37px; overflow:hidden;}
.system .system_box dl dt{ display:block;width:200px; float:left; text-align:center; line-height:100px; background:#00923f; font-size:30px; color:#ffffff;margin-right:40px;}
.system .system_box dl dd{ display:block;width:100px;height:98px; border:1px solid #00923f; float:left;margin-right:18px;}
.system .system_box dl dd span{ display:block;height:100%;margin:0 auto;border-left:1px solid #00923f;border-right:1px solid #00923f; line-height:20px;font-size:18px; color:#333333; width:20px;padding:10px 50px 10px 30px; text-align:center;}
.system .system_box dl dd span:hover{ background:#00923f;color:#ffffff;}
.system .system_box dl .more{ display:block;width:192px; background:url(../images/more.jpg) no-repeat left center; border:none;}



.diy{width:100%;height:780px;position:relative;padding:60px 0px; background:url(../images/diy.jpg) no-repeat center; overflow:hidden;}
.diy .title{ text-align:center;}
.diy .title h3{ font-size:35px; color:#ffffff; font-weight:normal;}
.diy .title span{ display:block;font-family:Arial; color:#ffffff; font-size:16px; text-transform:uppercase;margin-top:10px;}
.diy .title p{ font-size:16px; color:#ffffff; line-height:24px;margin-top:20px; }
.diy .diy_box{width:1200px;margin:0 auto; position:relative; overflow:hidden;}
.diy .diy_box .lb_time{ float:left;}
.diy .diy_box .lb_time .lt_scale{width:15px;height:1px; background:#ffffff;margin-top:24px;}
.diy .diy_box .lb_time .lt_line{margin-top: 12px;display: block;}
.diy .diy_box .lb_time .lt_line em{display: block;width:30px;height: 3px;float: left;background-color: #fff;margin-top: 12px;}
.diy .diy_box .lb_time .lt_line p{float: left;font-size: 16px;color: #fff;line-height: 28px;margin-left: 14px}
.diy .diy_box .lb_time .lt_hover em{ background:#00923f;}
.diy .diy_box .lb_time .lt_hover p{color:#00923f;}
.diy .diy_box .lb_time a:hover em{background:#00923f;}
.diy .diy_box .lb_time a:hover p{color:#00923f}
.diy .diy_box .ll_block{ display:none;width:810px;padding-top:100px; float:right;}
.diy .diy_box .ll_block .ll_block_left{ float:left;}
.diy .diy_box .ll_block .ll_block_left h2{ font-size:70px; color:#00923f; font-weight:normal;}
.diy .diy_box .ll_block .ll_block_left p{ font-size:16px; color:#fefefe; line-height:24px;margin-top:40px;}
.diy .diy_box .ll_block .ll_block_left a{ display:block;width:100px;height:40px; text-align:center; line-height:40px; background:#00923f; color:#ffffff;margin-top:40px; font-size:14px; cursor:pointer;}
.diy .diy_box .ll_block .ll_block_right{width:150px; float:right; position:relative;}
.diy .diy_box .ll_block .ll_block_right span{ display:block;width:50px;height:50px;margin-right:25px; position:relative;text-align:center; float:left;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;margin-bottom:40px;}
.diy .diy_box .ll_block .ll_block_right span b{width:100%; text-align:center; position:absolute;left:0px; bottom:-25px;color:#ffffff;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(1){ background:url(../images/diy1.png) no-repeat center top;  background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(2){ background:url(../images/diy2.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(3){ background:url(../images/diy3.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(4){ background:url(../images/diy4.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(5){ background:url(../images/diy5.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(6){ background:url(../images/diy6.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(7){ background:url(../images/diy7.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_box .ll_block .ll_block_right span:nth-child(8){ background:url(../images/diy8.png) no-repeat center top; background-color:#e5e5e5;}
.diy .diy_bottom{ position:absolute; bottom:10px; z-index:0;left:520px;}
.diy .diy_bottom a{ display:block;width:190px;height:35px; text-align:center; line-height:35px; color:#ffffff;  border:1px solid  #ffffff; margin:0 auto; font-size:16px;}



.telecontrol{width:100%;height:780px; background:url(../images/telecontrol.jpg) no-repeat center;}
.telecontrol .telecontrol_box{width:900px;margin:0 auto;padding-top:250px;padding-left:300px; overflow:hidden;}
.telecontrol .telecontrol_box h3{ font-size:47px; color:#00923f; font-weight:normal;}
.telecontrol .telecontrol_box p{ font-size:20px; color:#333333;margin-top:40px;}
.telecontrol .telecontrol_box p span{ font-size:14px; display:block;margin-bottom:10px;}
.telecontrol .telecontrol_box a{ display:block;margin-top:107px;}
.telecontrol .telecontrol_box a img{ display:block;width:78px;height:78px;margin-bottom:15px;}
.telecontrol .telecontrol_box a span{ font-size:16px;}


.solution{width:1200px;margin:0 auto;padding:70px 0px; overflow:hidden;}
.solution .title{ text-align:center;}
.solution .title h3{ font-size:35px; color:#555555; font-weight:normal;}
.solution .title span{ display:block;font-family:Arial; color:#888888; font-size:16px; text-transform:uppercase;margin-top:10px;}
.solution .mintitle{height:35px; line-height:35px;margin:40px 0px; overflow:hidden;}
.solution .mintitle ul { float:left;width:481px;height:35px; border-right:1px solid #d2d2d2;overflow:hidden;}
.solution .mintitle ul li{ float:left;width:120px; text-align:center;}
.solution .mintitle ul li a{ font-size:18px; display:block;height:35px;border:1px solid #d2d2d2;border-right:none;color:#666666;}
.solution .mintitle ul li a:hover{ border:none;height:35px; background:#00923f; color:#ffffff;}
.solution .mintitle ul .hover a{ border:none;height:35px; background:#00923f;color:#ffffff;}
.solution .mintitle .more{ float:right; display:block; width:120px;height:33px;border:1px solid #d2d2d2; text-align:center; font-size:18px;color:#666666;}
.solution .solution_box{height:835px; overflow:hidden;}
.solution .solution_box .box{height:835px;}
.solution .solution_box .box img{width:1200px;height:835px;}


.ad{position:relative; overflow:hidden;}
.ad .box{display:block;position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px; z-index:10;}
.ad img{display:block;  width: 1920px; }


.costperformance{width:100%;padding-top:50px;position:relative; overflow:hidden;}
.costperformance .title{ text-align:center;}
.costperformance .title h3{ font-size:35px; color:#555555; font-weight:normal;}
.costperformance .title span{ display:block;font-family:Arial; color:#888888; font-size:16px; text-transform:uppercase;margin-top:10px;}
.costperformance .costperformance_box{display:block;position:relative;z-index:1;left: 50%; margin: 0 auto 0 -960px;overflow: hidden; text-align: center; width: 1920px;margin-top:40px; z-index:10;}
.costperformance img{display:block;  width: 1920px; }



.process{width:1200px;margin:0 auto; padding-top:70px;}
.process .title{ text-align:center;}
.process .title h3{ font-size:35px; color:#555555; font-weight:normal;}
.process .title span{ display:block;font-family:Arial; color:#888888; font-size:16px; text-transform:uppercase;margin-top:10px;}
.process .process_box{height:250px; background:url(../images/process_bg.jpg) no-repeat left top;margin:70px auto; position:relative;}
.process .process_box ul{}
.process .process_box ul li{width:170px; float:left; text-align:center; position:relative;margin-right:-22.5px;}
.process .process_box ul li span{ display:block;width:30px;height:30px; text-align:center; line-height:30px; background:#ffffff; margin:0 auto;font-size:18px; color:#888888;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px; border:2px solid #d2d2d2;}
.process .process_box div{width:170px;height:170px;padding-top:90px;-moz-border-radius:85px;-webkit-border-radius:85px;border-radius:85px; text-align:center;margin-top:47px; box-shadow: 5px 0px 10px #dedede;}
.process .process_box div p{ font-size:16px; color:#666666;}
.process .process_box ul .p1{ z-index:8;}
.process .process_box ul .p1 div{ background:url(../images/p1.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p2{ z-index:7;}
.process .process_box ul .p2 div{background:url(../images/p2.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p3{ z-index:6;}
.process .process_box ul .p3 div{background:url(../images/p3.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p4{ z-index:5;}
.process .process_box ul .p4 div{background:url(../images/p4.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p5{ z-index:4;}
.process .process_box ul .p5 div{background:url(../images/p5.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p6{ z-index:3;}
.process .process_box ul .p6 div{background:url(../images/p6.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p7{ z-index:2;}
.process .process_box ul .p7 div{background:url(../images/p7.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul .p8{ z-index:1;}
.process .process_box ul .p8 div{background:url(../images/p8.png) no-repeat center 35px; background-color:#ffffff;}
.process .process_box ul li:hover span{ border:2px solid #00923f;}
.process .process_box ul li:hover p{color:#ffffff}
.process .process_box ul .p1:hover div{background:url(../images/p11.png) no-repeat center 35px;  background-color:#00923f; box-shadow:none;}
.process .process_box ul .p2:hover div{background:url(../images/p21.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p3:hover div{background:url(../images/p31.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p4:hover div{background:url(../images/p41.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p5:hover div{background:url(../images/p51.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p6:hover div{background:url(../images/p61.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p7:hover div{background:url(../images/p71.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .p8:hover div{background:url(../images/p81.png) no-repeat center 35px;  background-color:#00923f;box-shadow:none;}
.process .process_box ul .hover{ z-index:10;}

.case{width:1200px;margin:0 auto;padding:20px 0px 70px 0px; }
.case .title{ text-align:center;}
.case .title h3{ font-size:35px; color:#555555; font-weight:normal;}
.case .title span{ display:block;font-family:Arial; color:#888888; font-size:16px; text-transform:uppercase;margin-top:10px;}
.case .case_box{width:1200px;margin:70px auto;position:relative;}

.case .case_box .LeftBotton{display:block; width:30px;height:30px; background:url(../images/left_button1.png) no-repeat; position:absolute; top:120px; left:-70px;  cursor:pointer;}
.case .case_box .LeftBotton:hover{background:url(../images/left_button2.png) no-repeat;}
.case .case_box .RightBotton{display:block; width:30px;height:30px; background:url(../images/right_button1.png) no-repeat; position:absolute; top:120px; right:-70px;  cursor:pointer;}
.case .case_box .RightBotton:hover{background:url(../images/right_button2.png) no-repeat;}
.case .case_box .pcont {FLOAT: left; OVERFLOW:hidden; WIDTH:1200px;}
.case .case_box .ScrCont {WIDTH: 32766px; ZOOM: 1}
.case .case_box #List3_1 {FLOAT: left;}
.case .case_box  #List4_1 {FLOAT: left;}
.case .case_box ul{ float:left;}
.case .case_box ul li{width:360px; float:left;margin-right:60px; overflow:hidden;}
.case .case_box ul li .i{width:360px;height:270px; overflow:hidden;}
.case .case_box ul li img{ display:block;width:360px;height:270px;  cursor: pointer;transition: all 0.8s;}
.case .case_box ul li img:hover{transform: scale(1.2);}
.case .case_box ul li span{ display:block;width:100%;height:59px; line-height:60px; border-bottom:1px solid #d2d2d2; font-size:18px; color:#888888; background:url(../images/lit1.jpg) no-repeat right center;}
.case .case_box ul li a:hover span{color:#00923f; border-bottom:1px solid #00923f; background:url(../images/lit2.jpg) no-repeat right center;}

.services{width:1200px;height:250px;padding-top:78px; margin:0 auto; overflow:hidden;}
.services ul{width:1224px;}
.services ul li{width:180px;height:94px; background:url(../images/services_bg.jpg) no-repeat; float:left;margin-right:24px;}
.services ul li span{ display:block;width:166px;height:76px; text-align:center; line-height:76px; background:#ffffff; font-size:17px; color:#000000;margin:10px auto; overflow:hidden; }