/*��ǰλ��*/ #position{clear:both;text-align:center;} #position div{width:1180px;text-align:left;margin:0 auto;padding:15px 12px;font-size:14px;background:url(../images/icon-position.png) left center no-repeat;color:#4d4852;} #position div a{color:#4d4852;font-size:14px;margin:0 5px;}/*padding-left:10px;background:url(../images/icon-position-arrow.png) left center no-repeat;*/ #position div a:hover{color:#37bc9a;} /*��˾ҵ��*/ #page-about{text-align:center;} #page-about .service{width:1290px;height:580px;margin:0 auto;text-align:center;} #page-about .service h1{margin:0;padding:40px 0;text-align:center;} #page-about .service a{display:block;float:left;position:relative;} #page-about .service a img{display:block;float:left;margin:3px;} #page-about .service a div{display:block;position:absolute;left:3px;top:3px;color:#fff;font-size:28px;text-align:center;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);filter:alpha(opacity:30);} #page-about .service a:hover div{display:block;background:rgba(0, 0, 0, 0.5);filter:alpha(opacity:50);} #page-about .w1200{margin:0 auto;width:1200px;text-align:center;padding-bottom:30px;} #page-about .about{height:560px;text-align:center;padding:0;} #page-about .about .img{width:450px;display:block;float:left;} #page-about .about .img ul{text-align:right;margin:3px -2px 3px 0;} #page-about .about .img ul li{list-style:none;background:#a6a6a6;color:#fff;margin:3px 0;padding:5px 15px;border-top-left-radius:15px;border-bottom-left-radius:15px;display:inline-block;} #page-about .about .text{width:700px;display:block;float:right;text-align:left;line-height:200%;font-size:16px;color:#5c5c5c;} #page-about .about .text h2{color:#75dac0;font-size:20px;text-align:left;margin:0;padding:25px 0 0 0;} #page-about .about-contact{height:300px;} #page-about .about-contact div{width:280px;height:280px;display:block;float:left;margin:3px 10px;background:#ebf6ae;} #page-about .about-contact div h2{font-size:24px;font-weight:normal;padding:10px;margin:100px 0 0 0;} #page-about .about-contact div p{text-align:center;line-height:185%;padding:0 10px;margin:0;} #page-about .about-contact .b1{background:#ebf6ae url(../images/icon-contact01.png) center 30px no-repeat;} #page-about .about-contact .b2{background:#f9e0e0 url(../images/icon-contact02.gif) center 30px no-repeat;} #page-about .about-contact .b3{background:#ebf3da url(../images/icon-contact03.png) center 30px no-repeat;} #page-about .about-contact .b4{background:#c0e8ea url(../images/icon-contact04.png) center 30px no-repeat;} #page-about .support{height:300px;} #page-about .support .box{width:400px;height:468px;display:block;float:left;font-size:16px;color:#fff;} #page-about .support .box p{margin:0;padding:5px 25px;text-align:left;line-height:205%;} #page-about .support .b1{background:#6bd9bd url(../images/img-support01.jpg) center top no-repeat;} #page-about .support .b1 h2{margin:250px 0 0 0;font-size:18px;padding:15px 25px 5px 25px;text-align:left;} #page-about .support .b2{background:#6bd9bd url(../images/img-support02.jpg) center bottom no-repeat;} #page-about .support .b2 h2{margin:15px 0 0 0;font-size:20px;padding:15px 25px 5px 25px;text-align:left;} #page-about .support .b3{background:#6bd9bd url(../images/img-support03.jpg) center top no-repeat;} #page-about .support .b3 h2{margin:250px 0 0 0;font-size:18px;padding:15px 25px 5px 25px;text-align:left;} #page-about .support .box .rt{text-align:right;} #page-about .support .box .rt a{color:#fff;font-size:16px;padding:5px 10px;} #page-about .support .box .rt a:hover{background:#fff;color:#6bd9bd;padding:5px 10px;border-radius:3px;} #page-about .support .box2{width:570px;height:245px;display:block;float:left;border:3px #777 solid;color:#666;} #page-about .support .b4{margin-right:20px;background:url(../images/icon-support02.png) 35px 40px no-repeat;} #page-about .support .b5{margin-left:20px;background:url(../images/icon-support01.png) 35px 40px no-repeat;} #page-about .support .box2 h2{font-size:24px;margin:0;padding:30px 10px 5px 220px;text-align:left;font-weight:normal;} #page-about .support .box2 p{margin:0;padding:5px 40px 0 220px;text-align:left;font-size:16px;line-height:185%;} #page-about .support .box2 a{font-size:14px;color:#666;} #page-about .support .box2:hover{background-color:#6bd9bd;color:#fff;border:3px #82e5cc solid;cursor:default;} #page-about .support .box2:hover a{color:#fff;} /*�ύ����*/ #page-feedback{text-align:center;} #page-feedback .w1200{width:1200px;margin:0 auto;} #page-feedback .left{width:540px;display:block;float:left;text-align:left;} #page-feedback .right{width:600px;display:block;float:right;padding-left:60px;} #page-feedback .right input[type="text"]{border:1px #dcdddd solid;padding:7px 10px;font-size:18px;width:510px;color:#999;} #page-feedback .right textarea{border:1px #dcdddd solid;padding:7px 10px;font-size:18px;width:510px;color:#999;height:150px;} #page-feedback .right label{font-size:18px;color:#999;} #page-feedback .right input[type="submit"]{border:1px #46d0ad solid;color:#46d0ad;background:#fff;font-size:18px;padding:8px 10px;width:530px;} /*online qq*/ #page-online{text-align:center;} #page-online .w1200{width:1200px;height:640px;margin:0 auto;background:url(../images/img-online.png) center 10px no-repeat;} /*企业文化*/ #page-culture{height:150px;background:#46d0ad url(../images/img-culture-bg.png) center 0px no-repeat;margin:0 auto;text-align:center;} #page-culture .tabs{width:800px;clear:both;margin:0 auto;} #page-culture .tabs a{font-size:16px;font-weight:bold;color:#0d0409;width:178px;height:42px;line-height:42px;text-align:center;display:block;float:left;background:#38a7be;margin:65px 6px;} #page-culture .tabs .active, #page-culture .tabs a:hover{background:#9bf000;} #pageculture1 h2{clear:both;margin: 0px;} #pageculture1 h3{margin-top:5px;font-size:24px;padding-top:70px;background:url(../images/img-culture-arrow.png) center top no-repeat;color:#231f20;} #pageculture1 .dashbox{width:950px;height:80px;padding:30px 100px 30px 180px;margin:0 auto;background:url(../images/img-culture-dashbox.png) center top no-repeat;line-height:165%;font-size:16px;text-align:left;} /*企业文化*/ #homeculture{height:640px;background:#46d0ad url(../images/home-culture-bg.jpg) center top no-repeat;margin:0 auto;text-align:center;} #homeculture .box{width:1050px;margin:0 auto 0 auto;padding-top:44px;} #homeculture .box h1{background:#000;display:block;width:180px;padding:8px 10px;margin:0 auto;color:#fff;font-size:22px;font-weight:bold;} #homeculture .box .greatman{text-align:center;height:138px;position:relative;margin:0 0 20px 0;} #homeculture .box .greatman div{position:absolute;left:0;top:0;} #homeculture .box .greatman div img{position:absolute;width:106px;height:130px;margin:0;left:0;top:0;} #homeculture .box .greatman a{width:106px;height:130px;display:block;float:left;} #homeculture .box .slogan{height:155px;} #homeculture .box .slogan p{width:430px;display:block;padding:0;margin:0 35px;text-align:left;color:#000;font-weight:bold;font-size:14px;line-height:165%;} #homeculture .box h2{padding:8px 0;margin:0;text-align:left;color:#000;font-size:14px;font-weight:bold;} #homeculture .box .list01{width:400px;display:block;float:left;padding:0;margin:0 0 0 40px;} #homeculture .box .list01 li{list-style:none;padding:1px 13px;margin:0;text-align:left;background:url(../images/arr05.gif) left center no-repeat;} #homeculture .box .list01 li a{color:#0d0409;} #homeculture .box .list01 li a:hover{color:#065944;} #homeculture .box .text{width:480px;display:block;float:right;text-align:left;line-height:135%;} /*内页文化*/ #pageculture2{height:857px;background:#65d8c4 url(../images/modified/funfli.jpg) center 0px no-repeat;margin:0 auto;text-align:center;} #pageculture2 .box{width:1050px;margin:0 auto 0 auto;} #pageculture2 .box .greatman{text-align:center;height:138px;position:relative;margin:0 0 20px 0;} #pageculture2 .box .greatman div{position:absolute;left:0;top:0;} #pageculture2 .box .greatman div img{position:absolute;width:106px;height:130px;margin:0;left:0;top:0;} #pageculture2 .box .greatman a{width:106px;height:130px;display:block;float:left;} #pageculture2 .box .slogan{width:1000px;height:125px;} #pageculture2 .box .slogan p{width:400px;display:block;padding:0;margin:0;text-align:left;color:#000;font-weight:bold;font-size:14px;line-height:165%;} #pageculture2 .box h2{padding:8px 0;margin:0;text-align:left;color:#183730;font-size:16px;font-weight:bold;} #pageculture2 .box .list{width:500px;display:block;float:right;padding:0;margin:100px 0 0 40px;} #pageculture2 .box .list li{list-style:none;padding:1px 13px;margin:0;text-align:left;background:url(../images/arr05.gif) left center no-repeat;} #pageculture2 .box .list li a{color:#0d0409;} #pageculture2 .box .list li a:hover{color:#065944;} #pageculture2 .box .list .page img:hover{opacity:0.8;cursor:pointer;filter:alpha(Opacity=80);} /*��������height:300px;*/ #news{clear:both;text-align:center;} #news .w1200{width:1200px;margin:0 auto;text-align:center;} #news .w1200 .left{width:765px;display:block;float:left;} #news .w1200 .left .newslist{padding:10px 0;} #news .w1200 .left .newslist .headline{} #news .w1200 .left .newslist .headline .img{width:300px;display:block;float:right;padding-top:20px;} #news .w1200 .left .newslist .headline .date{width:430px;display:block;float:left;font-size:28px;color:#69d7b9;text-align:left;padding:15px 0 0 0;} #news .w1200 .left .newslist .headline h2{width:430px;display:block;float:left;font-size:18px;text-align:left;padding:10px 0;margin:0;} #news .w1200 .left .newslist .headline h2 a{font-size:18px;color:#333;} #news .w1200 .left .newslist .headline h2 a:hover{color:#69d7b9;} #news .w1200 .left .newslist .headline .intro{width:430px;display:block;float:left;text-align:left;line-height:165%;color:#4a4a4a;font-size:14px;padding:0;margin:0;} #news .w1200 .left .newslist .loading{width:430px;display:block;float:left;background:#e1dede;padding:10px 0;color:#fff;font-size:11px;margin-top:10px;} #news .w1200 .left .newslist ul{margin:0;padding:0;clear:both;} #news .w1200 .newslist ul li{list-style:none;padding:10px 0;margin:10px 0;width:740px;height:120px;display:block;border-bottom:1px #ccc solid;} #news .w1200 .newslist ul li .date{width:90px;height:90px;display:block;float:left;background:#e1e1e1} #news .w1200 .newslist ul li .date .t1{width:90px;height:50px;display:block;line-height:50px;font-size:30px;color:#70bfea;font-weight:bold;text-align:center;} #news .w1200 .newslist ul li .date .t2{color:#444;width:90px;height:18px;display:block;text-align:center;margin-top:-8px;} #news .w1200 .newslist ul li .date .t3{color:#444;width:90px;height:18px;display:block;text-align:center;} #news .w1200 .newslist ul li h2{width:630px;display:block;float:right;font-size:18px;font-weight:normal;margin:0;padding:5px 0;text-align:left;} #news .w1200 .newslist ul li h2 a{color:#191919;} #news .w1200 .newslist ul li h2 a:hover{color:#1894d7;} #news .w1200 .newslist ul li .intro{margin:0;display:block;width:630px;height:55px;line-height:185%;float:right;text-align:left;color:#6c6c6c;overflow:hidden;} #news .w1200 .newslist ul li .more{clear:both;text-align:right;padding:0;margin:0;} #news .w1200 .newslist ul li .more a{color:#1894d7;} #news .w1200 .newslist ul li .more a:hover{color:#ff6c00;} #news .w1200 .right{width:410px;display:block;float:right;} #news .w1200 .right .relative{margin:10px 0;padding:0;} #news .w1200 .right .relative h3{font-size:16px;text-align:left;padding:10px 0;margin:0;color:#2a2a2a;} #news .w1200 .right .relative ul{padding:0;margin:0;border-top:1px #ccc solid;} #news .w1200 .right .relative ul li{padding:10px 0;margin:0;list-style:none;text-align:left;border-bottom:1px #ccc solid;} #news .w1200 .right .relative ul li a{font-size:14px;color:#666;display:block;background:url(../images/arr04.gif) left center no-repeat;padding-left:10px;} #news .w1200 .right .relative ul li a:hover{color:#1894d7;} #news .w1200 .right .relative ul li span{color:#9999a5;padding-left:10px;} #news .w1200 .view{} #news .w1200 #view h2{text-align:left;font-size:18px;font-weight:bold;} #news .w1200 #view h3{font-size:12px;color:#999;text-align:left;color:#999;font-weight:normal;} #news .w1200 #view #content{text-align:left;line-height:205%;font-size:14px;color:#333;} #news .w1200 .relative{text-align:left;border-top:1px #ccc dashed;padding:10px 0 20px 0;} #news .w1200 .relative a{color:#999;} #news .w1200 .relative .golist{margin-bottom:10px;width:60px;background:#fff;color:#2eafbb;padding:6px 15px;border:1px #2eafbb solid;display:block;float:right;} #news .w1200 .relative .golist:hover{background:#2eafbb;color:#fff;} /*����*/ #cases{clear:both;text-align:center;} #cases .w1200{width:1200px;margin:0 auto;text-align:center;} #cases h1{font-size:28px;font-weight:normal;color:#000;margin:0;padding:20px;border-bottom:2px #6bd9bd solid;width:120px;display:block;margin:0 auto;} #cases .category{padding:10px;text-align:center;margin-top:20px;} #cases .category a{font-size:16px;color:#424242;padding:5px 30px;border:2px #fff solid;margin:0 10px;} #cases .category .active, #cases .category a:hover{border:2px #6bd9bd solid;color:#6bd9bd;} #cases .caselist{padding:10px 0;margin:0;} #cases .caselist ul{padding:0;margin:0;} #cases .caselist ul li{list-style:none;padding:0;margin:18px 13px;width:370px;height:305px;display:block;float:left;border:1px #f1f1f1 solid;position:relative;} #cases .caselist ul li a{} #cases .caselist ul li a .cross{position:absolute;left:150px;top:90px;display:none;transition: ease .5s;} #cases .caselist ul li a span{display:block;padding:6px 15px;color:#454545;font-size:16px;text-align:left;background:url(../images/icon-case-phone.png) 310px center no-repeat;} #cases .caselist ul li:hover .img{filter:alpha(Opacity=50);-moz-opacity:0.3;opacity: 0.3;transition: ease .3s;} #cases .caselist ul li:hover{background:#6bd9bd;} #cases .caselist ul li:hover span{color:#fff;background:url(../images/icon-case-phone2.png) 310px center no-repeat;} #cases .caselist ul li:hover .cross{display:block;transition: ease .3s;} /*����Ϊ�Ż���վ������ʽ*/ #cases .caselist ul li .remark{width:310px;height:100px;padding:32px 30px;line-height:205%;margin:0;text-align:center;font-size:16px;color:#fff;position:absolute;left:0;top:0;display:none;} #cases .caselist ul li a .cross2{position:absolute;left:160px;top:210px;display:none;transition: ease .3s;} #cases .caselist ul li:hover .remark{display:block;} #cases .caselist ul li:hover .img2{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;transition: ease .3s;} #cases .caselist ul li:hover .cross2{display:block;transition: ease .5s;} /*�������*/ #software{clear:both;text-align:center;} #software .w1200{width:1200px;margin:0 auto;text-align:center;} #software h1{clear:both;font-size:28px;font-weight:normal;color:#000;margin:0;padding:20px;margin:0 auto;background:url(../images/img-software5.png) center bottom no-repeat;} #software h2{font-size:24px;font-weight:normal;color:#000;margin:0;padding:10px 0 0 0;margin:0 auto;} #software h3{font-size:20px;font-weight:normal;color:#666;margin:0;padding:0;margin:10px auto 0 auto;line-height:165%;} #software .flow{height:404px;background:url(../images/modified/img-software.png) center no-repeat;} #software .recommend{width:1100px;height:220px;margin:20px auto;text-align:left;display:block;border-bottom:1px #dcdddd solid;} #software .recommend .img{width:220px;height:220px;display:block;float:left;} #software .recommend h3{width:870px;padding:10px 0;margin:0;font-size:22px;text-align:left;display:block;float:right;} #software .recommend h3 a{color:#333;} #software .recommend h3 a:hover{color:#46d0ad;} #software .recommend .intro{width:870px;height:100px;display:block;float:right;line-height:165%;font-size:16px;color:#666;} #software .recommend .detail{width:870px;display:block;float:right;text-align:right;} #software .recommend .detail a{color:#6bd9bd;width:150px;padding:5px 20px;border:3px #6bd9bd solid;text-align:center;margin:0 0 0 10px;} #software .recommend .detail a:hover{background:#6bd9bd;color:#fff;} #software .tabs{text-align:center;padding:0 125px;overflow:hidden;} #software .tabs a{width:150px;height:40px;display:block;float:left;text-align:left;padding:5px 10px;margin:0 10px;;text-align:center;background:#02ca67;color:#fff;font-size:14px;} #software .tabs .active, #software .tabs a:hover{background:#00a89d;} #software .text{text-align:left;padding:10px;line-height:165%;color:#707070;font-size:16px;border-bottom:1px #ccc solid;height:470px;} #software .vers{width:1000px;margin:0 auto;} #software .vers ul{margin:0;padding:0;text-align:left;} #software .vers ul li{margin:5px 0;list-style:none;font-size:24px;color:#a6a6a6;padding:8px 10px;border:3px #a6a6a6 solid;display:inline-block;} #software .cases{margin:30px 0;padding:0;} #software .cases li{list-style:none;padding:5px;margin:10px 0;;width:340px;display:block;float:left;background:url(../images/img-reward05.png) left center no-repeat;text-align:left;text-indent:20px;} #software .cases li a{font-size:18px;color:#000;} #software .cases li a:hover{color:#6bd9bd;} /*�ƶ�����*/ #mobile{clear:both;text-align:center;} #mobile .w1200{width:1200px;margin:0 auto;text-align:center;} #mobile .text{text-align:left;line-height:185%;font-size:16px;margin-left:600px;padding:20px 0;} #mobile h1{font-size:28px;font-weight:normal;color:#000;margin:0;padding:20px;border-bottom:2px #6bd9bd solid;width:120px;display:block;margin:0 auto;} /*�˲���Ƹ*/ #jobs{clear:both;text-align:center;} #jobs .w1200{width:1200px;margin:0 auto;text-align:center;} #jobs .text{text-align:left;line-height:185%;font-size:16px;margin-left:600px;padding:20px 0;} #jobs h1{font-size:28px;font-weight:normal;color:#000;margin:0;padding:20px;border-bottom:2px #6bd9bd solid;width:120px;display:block;margin:0 auto;} #jobs .jobtitle{height:40px;background:#313849;color:#43bca1;font-size:18px;} #jobs .jobtitle span{width:298px;height:40px;line-height:40px;display:block;float:left;text-align:center;} #jobs .joblist{height:50px;background:#fff ;color:#43bca1;font-size:18px;border:1px dashed #00af50;margin:8px 0;cursor:pointer;} #jobs .joblist span{width:298px;height:50px;line-height:50px;display:block;float:left;text-align:center;} #jobs .joblist:hover{border:1px solid #92d051;} #jobs .jobdetail{display:none;text-align:left;padding:15px 50px;line-height:185%;border:1px #92d051 solid;} /*��ϵҳ�����Ա�*/ #feedback{margin:0 auto;text-align:center;height:500px;background:url(../images/img-contact-02.jpg) center top no-repeat;} #feedback .w1200{height:500px;margin:0 auto;} #feedback .w1200 div{width:600px;height:500px;display:block;float:left;background:#46d0ad;opacity:0.5;filter:alpha(opacity:50);} #feedback .w1200 div h2{font-size:24px;margin:60px 60px 10px 60px;padding:0;text-align:left;font-weight:normal;color:#fff;} #feedback .w1200 div ::-webkit-input-placeholder{color:#fff;} #feedback .w1200 div :-moz-placeholder{color:#fff;} #feedback .w1200 div ::-moz-placeholder{color:#fff;} #feedback .w1200 div :-ms-input-placeholder{color:#fff;} #feedback .w1200 div input{width:200px;height:35px;border:3px #fff solid;background:transparent;font-size:18px;padding:5px 10px;color:#fff;margin:10px ;} #feedback .w1200 div textarea{width:450px;height:75px;border:3px #fff solid;background:transparent;font-size:18px;padding:5px 10px;color:#fff;margin:10px ;} #feedback .w1200 div p{margin:0 52px;text-align:left;} /*��ҳ����*/ #homehornor{background:#fff;margin:0 auto;text-align:center;} #homehornor .box{width:1200px;height:655px;padding:0 35px 0 0;margin:0 auto 0 auto;text-align:center;} .hornor-report{position: relative; width: 1100px; height: 650px; background: #fff; margin-left: auto; margin-right: auto;top:130px;} .hornor-report. ul{list-style: none;margin:0;padding:0;} .hornor-report. ul li{padding:0;margin:0;} .hornor-report a, .hornor-report img{display: block;} .hornor-report .content-btn{position: absolute;width:100px;height:425px;background: rgba(255,255,255,0.5);z-index:10;cursor: pointer;} .hornor-report .prev-btn{left:0;top:0;} .hornor-report .next-btn{right:0;top:0 ;} .hornor-report .btn-img{opacity:0.9;display: block;position: absolute;left:10px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .hornor-report .next-btn .btn-img{left:235px;} .hornor-report .content-btn img:hover{opacity:0.6;} .hornor-report .list{width:1000px;height:655px;padding:0;margin:0;} .hornor-report .list li{margin:0;padding:0;position: absolute;left:0;top:0;overflow: hidden;} /*modified css*/ .appliedHarvest{width:994px;height:431px;margin: 0px auto;background: url(../images/modified/img-software-07.jpg);position: relative;} .appliedHarvestItemWrapper{width: 280px;height: 120px;position: absolute;color: white;font-size: 16px;padding: 0px;} .appliedHarvestItemWrapper:nth-of-type(1){text-align: center;top:126px;left:7px;line-height: 120px;font-size: 18px;} .appliedHarvestItemWrapper:nth-of-type(2){top:23px;left:350px;} .appliedHarvestItemWrapper:nth-of-type(3){top:128px;left:700px;} .appliedHarvestItemWrapper p{margin:20px 45px;text-align: left;line-height: 20px;} .appliedHarvestItemWrapper:nth-of-type(3) p{margin:20px 53px;} .mx_bugs_info_gradient{ position: absolute; margin: 0 125px; display: block; max-width: 730px; padding: 13px 10px; bottom: 40px; background:url(../images/modified/GradientBackground.png) repeat-y; border-left:4px #adce01 solid; text-align: left;} .mx_bugs_info_gradient>a{display: block; width: 730px; color: #fff; font-size: 18px; text-decoration: none;} .companyBrand{width: 450px;height: 301px;background: url(../images/modified/tmp04.jpg);position:relative;} .companyBrand>p{font-size: 24px;font-style:bold;position: absolute;bottom: 75px;left: 140px;} .accordion{width:1250px;height:580px;margin:0 auto;margin:0px auto;margin-bottom: 80px;} .accordion .panel{border-radius: 5px;background:white;} .softwareWorkFlow{width:1181px;height:238px;margin: 50px auto;background: url(../images/modified/img-software2.png);position: relative;} .softwareWorkFlowItem{width:266px;height:131px;position: absolute;top:30px;padding:0px;} .softwareWorkFlowItem:nth-of-type(2){left:465px;} .softwareWorkFlowItem:nth-of-type(3){left:920px;} .softwareWorkFlowItem>p:nth-of-type(1){font-size: 48px;color:white;line-height:48px;margin:35px auto 5px auto;} .softwareWorkFlowItem>p:nth-of-type(2){font-size: 24px;color:white;margin:0px auto;} .workFlowInstructionWrapper{clear: both;width:1180px;height: 400px;margin:0px auto;position: relative;} .workFlowInstruction{ width: 100px; font-size: 17px; position: absolute; color: #696f75; padding: 0px; margin: 0px;} .workFlowPic{width: 100px;height: 100px;padding: 0px;position: absolute;background: #edeff1;border-radius: 50px;} .workFlowPic:hover{background-position: left bottom;} .workFlowPic:hover span{border-color: #dc6c6c;background: #dc6c6c;} .workFlowPic_rotPunkt{width: 10px;height: 10px;border:4px solid #048487;border-radius: 10px;display: inline-block;position: absolute;background: white} .goBeyondZJ{width: 1200px;height:360px;margin: 0px auto;background: url(../images/modified/img-software-10.jpg);position: relative;} .goBeyondZJItem{width:95px;height:95px;padding:5px;position: absolute;} .goBeyondZJItem p{text-align: center;color: white;font-size: 16px;} .buildingMonitoring{width: 1200px;height: 487px;margin: 90px auto 40px auto;background: url(../images/modified/img-reward09.png);clear: both;position: relative;} .buildingMonitoringItem{position: absolute;color: #525252;font-size: 18px;} .gridDynamicMonitoring{width: 1161px;height: 453px;margin: 20px auto 0px auto;background: url(../images/modified/img-reward10.png);position: relative;} .gridDynamicMonitoringItem{position: absolute;color: white;font-size: 14px;padding: 0px;} .ItemBlack{color:black;} .ItemBold{font-weight: bold;} .ItemHeader{font-weight: bold;font-size: 15px;} .ItemSubheader{font-size: 12px;margin: 0px;} .multiScreen{width: 1200px;height: 724px;margin: 50px auto 0px auto;background: url(../images/modified/img-reward04.png);position: relative;} .multiScreen p{text-align: left;font-size: 24px;position: absolute;} .contact_us{width:450px;height:130px;margin: 0px auto;position: relative;} .contact_us_headline{font-size: 36px;} .contact_us img:nth-of-type(1){position: absolute;left:0px;} .contact_us img:nth-of-type(2){position: absolute;right:0px;} .timeline{width: 1050px;height:auto;margin: 20px auto 0px auto;background: url(../images/modified/company_honer_timeline.png) top center repeat-y;} .timeline_header{width: 407px;height: 73px;margin:0px auto;background: url(../images/modified/company_honer_header.png);color: white;font-size: 30px;line-height: 48px;} .timeline_star{width: 56px;height: 83px;margin: 0px auto;background: url(../images/modified/company_honer.png);} .timeline_item{width: 529px;height: 50px;color: white;margin-top:10px; float: left} .timeline_desc{float:left;width: 360px;height: 50px;font-size:16px;line-height: 50px;} .timeline_year{float:left;width: 113px;height: 50px;background: url(../images/modified/company_honer_arrow_right.png) center right no-repeat;} .timeline_year p{width: 95px;height: 50px;background: #546e7a;padding: 0px;margin: 0px;font-size: 24px;line-height: 50px;} .timeline_arrowline{width: 53px;height: 2px;background: #7f7f7f;float: left;margin: 24px 0px 24px -2px; } .timeline_arrowpoint{width: 8px;height: 8px;border-radius: 4px;float: left;background: #7f7f7f;margin: 21px 0px 21px -3px;} .timeline_item_right{float: right;} .timeline_year_right{background: url(../images/modified/company_honer_arrow_left.png) center left no-repeat;} .timeline_year_right p{float:right;} .timeline_arrowline_right{margin:24px -2px 24px 0px;} .timeline_arrowpoint_right{margin:21px -3px 21px 0px;} .timeline_item_first{margin-top: 20px} .company_honor_content_btn{position: absolute;width:92px;height:92px;z-index:10;cursor: pointer;} .company_honor_content_prev_btn{left:0;top:0;background: url(../images/modified/company_honer_license_arrow_left.png)} .company_honor_content_next_btn{right:0;top:0;background: url(../images/modified/company_honer_license_arrow_right.png)} .company_honor_list{width:1130px;height:300px;padding:0;margin:100px 0px 0px 88px;position: relative;} .company_honor_list li{margin:0;padding:0;position: absolute;left:0;top:0;overflow: hidden;} .uber_uns_buch{float:left;width: 700px;margin-left: 21px;} .uber_uns_buch p{text-align: left;margin:0px;padding:0px;font-size: 14px;} .uber_uns_buchstabe{line-height: 26px;} .uber_uns_bild{float:right;} .seperator_linie{width: 498px;height: 1px;background: #66d0e9;position: absolute;right: 0px;bottom:5px} .seperator_punkt{width: 10px;height: 10px;position: absolute;background: #8ad1e7;border-radius: 5px;display: inline-block;top:-3px;} .uber_uns_wasdoesmachen_bild{width: 516px;height: 200px;float: left;margin-left: 20px;} .uber_uns_wasdoesmachen_text{width: 600px;float: left;margin-left: 35px;} .uber_uns_wasdoesmachen_text p{text-align: left;margin:0px;padding:0px;font-size: 14px;} .uber_uns_wasdoesmachen_list{margin:0px;padding: 0px;width: 260px;float:left;} .uber_uns_wasdoesmachen_list li{list-style-type:none;clear: both;} .uber_uns_wasdoesmachen_list_tag{display: inline-block;width: 14px;height: 14px;color: white;background: #32dad4;line-height: 14px;float: left;margin-top: 8px;} .uber_uns_wasdoesmachen_list_text{float:right;width: 225px;text-align: left;font-size: 16px;line-height: 30px;} .wahlen_stadt1{ /* overflow: hidden; */ background: transparent; width: 128px; height: 23px; display: inline-block; border: 2px solid #6bd9bd; border-radius: 5px; line-height: 23px; color: #6bd9bd; background: url(../images/modified/unwahlen_stadt_arrow.png) 115px center no-repeat; position: relative; z-index: 1000;} .wahlen_stadt{ /* overflow: hidden; */ font-size: 16px; width: 128px; height: 23px; display: inline-block; border-radius: 5px; line-height: 23px; position: relative; z-index: 1000; font-size: 16px; color: #424242; padding: 5px 30px; border: 2px #fff solid; margin: 0 10px; } .lazyloadImageWrapper { width: 370px; height: 260px; padding: 0px; margin: 0px; } .wahlen_stadt:hover{ color: #6bd9bd; border: 2px solid #6bd9bd; } .wahlen_stadt1:hover{ cursor: pointer; background-color:#6bd9bd; color: white; background-image:url(../images/modified/wahlen_stadt_arrow.png); } .wahlen_stadt_list{width: 188px;background: white;border:2px solid #6bd9bd;position: absolute;margin: 0px;padding: 0px;border-radius: 5px;margin-top:10px;left:-2px;display:none;} .wahlen_stadt_list li{list-style-type: none;height: 25px;line-height: 25px;color:#6bd9bd;text-align: left; position: relative;} .wahlen_stadt_list li:hover{color: white;background: #6bd9bd;} .wahlen_stadt_list_stadt{margin-left: 15px;font-size: 13px;} li{list-style-type: none} .aftersale_wrapper{width: 1100px;margin:0px auto;margin-top: 30px;} .aftersale_list{float: left;width: 490px} .aftersale_list_item{clear:left;} .aftersale_list_item_pic{float: left;display: inline-block;} .aftersale_list_item_headline{text-align: left;font-size: 20px;line-height: 35px;margin: 0px;padding: 0px;} .aftersale_list_desc{text-align: left;font-size: 14px;margin: 0px} .sitebuilding_outline{width:100%;height: 550px;background: #2a6c78;background: url(../images/bg.jpg) left center repeat;} .sitebuilding_wrapper{width:1200px;height: 550px;margin: 0px auto;background: url(../images/modified/sitebuilding.png) left center no-repeat} .sitebuilding_content{float: right;width: 550px;height: 550px;text-align: left;} .sitebuilding_content p{padding: 0px;color: #0e0e0e;} .sitebuilding_content_headline{font-size: 28px;font-weight: bold;margin-top: 55px;} .sitebuilding_content_desc{font-size: 14px;line-height: 24px;} .sitebuilding_content_eintraten{display: inline-block;background: #de6764;border-radius: 5px;width: 86px;height: 32px;line-height: 32px;color: white;text-align: center;margin-top: 10px;} .sitebuilding_content_category_list{margin: 0px;padding: 0px;margin-left: 10px;} .sitebuilding_content_category{color: white;text-align: center;font-size: 16px;} .sitebuilding_content_category_list li{text-align: center;float: left;margin-right: 27px;} .praise_feedback{width: 345px;height:317px;background: url("../images/modified/praise_feedbackPic.png") center no-repeat;z-index: 10;position: fixed;margin:0px auto;display: none} .praise_feedback:hover{cursor: pointer;} #modal_cancel{width: 30px;height: 30px;background: url("../images/modified/cancel_btn.png") center no-repeat;display: block;position: absolute;top:10px;right: 10px; background-color: black;border-radius: 50px;opacity: 0.6;} #modal_cancel:hover{cursor: pointer;} #modal_showpic{width: 1000px;height: 600px;position: fixed;z-index: 1000;top:-200;left:0px;display: none;} /*案例单独*/ #cases1{clear:both;text-align:center;} #cases1 .w1200{width:1200px;margin:0 auto;text-align:center;} #cases1 h1{font-size:28px;font-weight:normal;color:#000;margin:0;padding:20px;border-bottom:2px #6bd9bd solid;width:120px;display:block;margin:0 auto;} #cases1 .category{padding:10px;text-align:center;margin-top:20px;} #cases1 .category a{font-size:16px;color:#424242;padding:5px 30px;border:2px #fff solid;margin:0 10px;} #cases1 .category .active, #cases1 .category a:hover{border:2px #6bd9bd solid;color:#6bd9bd;} #cases1 .caselist{padding:10px 0;margin:0;} #cases1 .caselist ul{padding:0;margin:0;} #cases1 .caselist ul li{list-style:none;padding:0;margin:18px 13px;width:370px;height:305px;display:block;float:left;border:1px #f1f1f1 solid;position:relative;} #cases1 .caselist ul li a{} #cases1 .caselist ul li a .cross{position:absolute;left:150px;top:90px;display:none;transition: ease .5s;} #cases1 .caselist ul li a span{display:block;padding:6px 15px;color:#454545;font-size:16px;text-align:left;background:url(../images/icon-case-phone.png) 310px center no-repeat;} #cases1 .caselist ul li:hover .img{filter:alpha(Opacity=50);-moz-opacity:0.3;opacity: 0.3;transition: ease .3s;} #cases1 .caselist ul li:hover{background:#6bd9bd;} #cases1 .caselist ul li:hover span{color:#fff;background:url(../images/icon-case-phone2.png) 310px center no-repeat;} #cases1 .caselist ul li:hover .cross{display:block;transition: ease .3s;} /*����Ϊ�Ż���վ������ʽ*/ /*#cases1 .caselist ul li div{width:310px;height:100px;padding:32px 30px;line-height:205%;margin:0;text-align:center;font-size:16px;color:#fff;position:absolute;left:0;top:0;display:none;}*/ #cases1 .caselist ul li a .cross2{position:absolute;left:160px;top:210px;display:none;transition: ease .3s;} #cases1 .caselist ul li:hover div{display:block;} #cases1 .caselist ul li:hover .img2{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;transition: ease .3s;} #cases1 .caselist ul li:hover .cross2{display:block;transition: ease .5s;} #jobsearch input[type="text"]{ border: 1px #dcdddd solid; padding: 7px 10px; font-size: 18px; width: 510px; color: #999; } .job_search_area{width: 1200px;height: 100px;margin: 0px auto 10px auto;background: #46d0ae} .job_search_keywords{width: 200px;height: 50px;background: white;outline:none;border:0px;font-size:18px;padding: 0px 10px;margin-top: 25px;margin-left: 35px;color: #525252;float:left; line-height: 50px;} .job_search_submit{width: 200px;height: 50px;background: #279578;color: white;font-weight: bold;outline:none;border:0px;font-size:18px;margin-left: 35px;float:left;margin-top: 25px;} .job_search_category{width: 200px;height: 50px;padding: 0px;margin: 0px;line-height: 50px;font-size: 18px;margin-top: 25px;position: relative; background: white url("../images/modified/job_downarrow.jpg") 170px center no-repeat; text-align: left;text-indent: 30px;margin-left: 35px;color: #525252;float:left;} .job_search_category:hover{cursor: pointer;} .job_search_category_list{width: 200px;border: 1px solid #46d0ae;position: absolute;margin: 0px;padding: 0px;display:none;background:white;left:-1px;top:50px;} .job_search_category_list li{height: 50px;} .job_search_category_list li:hover{background: #46d0ae;}