@charset "utf-8";

/*首页*/

.main{width:100%;padding-bottom:50px}

.section .title{text-align:center;padding-top:54px}

.title h1{color:#7fb06a;font-size:30px}

.title h1 span{display:block;color:#898989;font-size:14px;margin:7px 0 16px 0}

.title h1 em{display:block;width:80px;height:2px;background:#333;margin:0 auto}

.map #dituContent{width:953px;height:400px;border:1px solid #ccc}

.section .step{position:relative;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;margin:50px 0}

.step li{width:250px;height:270px;margin:0 23px 0 24px;background:url(../images/bg_green.png) no-repeat 0 400px;overflow:hidden;display:inline-block;}

.step li i{display:block;position:relative;margin:0 auto;margin-top:30px;height:80px;}

.step li .pc i{width:68px;background:url(../images/tb.png) no-repeat -89px 0;}

.step li .mobi i{width:73px;background:url(../images/tb.png) no-repeat -282px 0px;}

.step li .sys i{width:90px;background:url(../images/tb.png) no-repeat -503px 0px;}

.step li .app i{width:80px;background:url(../images/tb.png) no-repeat -731px 0px;}

.step li u{display:block;position:absolute;width:140px;height:140px;margin-left:55px;background: url(../images/quan.png) no-repeat;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}

.step li u.cl{clip: rect(0px,140px,-10px,78px);}

.step li u.cl{clip: rect(0px,140px,140px,78px);}

.step li u.cr{clip: rect(140px,78px,140px,0px);}

.step li u.cr{clip: rect(0px,78px,140px,0px);}

.step li a h2{color:#333;font-size:20px;font-weight:bold;text-align:center;margin-top:50px;margin-bottom:14px}

.step li a p{color:#777;font-size:14px;line-height:26px;padding:0 8px}

.step li:hover{background-position:0px 0px;-webkit-transition: all .5s ease-in-out .3s;-moz-transition: all .5s ease-in-out .3s;-ms-transition: all .5s ease-in-out .3s;-o-transition: all .5s ease-in-out .3s;transition: all .5s ease-in-out .3s;}

.step li:hover i{-webkit-transition: all .5s ease-in-out .4s;-moz-transition: all .5s ease-in-out .4s;-ms-transition: all .5s ease-in-out .4s;-o-transition: all .5s ease-in-out .4s;transition: all .5s ease-in-out .4s;}

.step li:hover .pc i{background:url(../images/tb.png) no-repeat 0px 0px;}

.step li:hover .mobi i{background:url(../images/tb.png) no-repeat -182px 0px;}

.step li:hover .sys i{background:url(../images/tb.png) no-repeat -384px 0px;}

.step li:hover .app i{background: url(../images/tb.png) no-repeat -627px 0px;}

.step li:hover u.cl{clip: rect(0px,140px,-10px,78px);}

.step li:hover u.cr{clip: rect(156px,78px,156px,0px);}

.step li:hover h2{color:#fff;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-ms-transition-delay: .4s;-o-transition-delay: .4s;transition-delay: .4s;}

.step li:hover p{-webkit-transition: all .3s ease-in-out .5s;-moz-transition: all .3s ease-in-out .5s;-ms-transition: all .3s ease-in-out .5s;-o-transition: all .3s ease-in-out .5s;transition: all .3s ease-in-out .5s;color:#fff}

.main .sy_box{width:100%;background:#f3f3f3}

.section .step2{padding-top:50px;padding-bottom:56px}

.step2 .step01{margin-bottom:20px}

.step2 .left{width:600px}

.step2 .left img{width:600px;height:340px}

.step2 .right{width:560px;position:relative;padding:25px 20px 24px 20px;background:url(../images/main_30.png) no-repeat;}

.step2 .right span{position:absolute;left:-16px;z-index:10;top:155px}

.step2 .right h3 a{display:block;color:#fff;font-size:22px;font-weight:bold;}

.step2 .right h4 a{display:block;color:#fff;font-size:16px;border-bottom:2px solid #fff;margin-top:14px;padding-bottom:24px;margin-bottom:20px}

.step2 .right p{color:#fff;font-size:14px;line-height:28px;text-indent:28px;height:112px;overflow:hidden}

.step2 .right .look{display:block;color:#666;font-size:14px;width:110px;height:35px;line-height:35px;text-align:center;border-radius:18px;margin:0 auto;background:#fff;margin-top:33px}

.step2 .step02 ul{width:1216px}

.step2 .step02 li{float:left;width:288px;margin-right:16px;}

.text-desc{position:absolute;left:0;top:-100%;background:url(../images/main_47.png) repeat;height:100%;opacity:0;width:100%;transition:0.5s}

.port-1{width:100%;position:relative;overflow:hidden;text-align:center;}

.step2 .step02 .port-1 .image-box img{transition:0.5s;width:288px;height:200px}

.port-1:hover .image-box img{transform:scale(1.2);}

.port-1.effect-1:hover .text-desc{top:0;opacity:1;}

.step02 li:hover .text-desc p{color:#fff;font-size:14px;margin-top:12px}

.text-desc span{margin-top:56px;display:block}

.step02 li a .image-box p{color:#fff;font-size:14px;height:40px;line-height:40px;text-align:center;background:url(../images/main_47.png) repeat;position:absolute;bottom:0;left:0;width:100%;opacity:1;transition:0.5s}

.step02 li:hover a .image-box p{opacity:0}

.step2 .more{text-align:center;margin-top:43px}

.step2 .more a{color:#777;font-size:14px;}

.step2 .more a em{display:inline-block;vertical-align:middle;margin-left:7px;margin-top:-2px}

.step2 .more a:hover{color:#7fb06a}

.section .step3{padding:50px 0}

.step3 .left{width:850px;float:left}

.step3 .right{width:280px;background:url(../images/main_61.png) no-repeat;padding:33px 20px;height:334px;float:right}

.step3 h5.tit{color:#fff;font-size:20px;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:7px}

.step3 h5.tit span{display:inline-block;float:right;font-size:14px;font-weight:normal;line-height:35px}

.step3 .right .way{padding-top:22px}

.step3 .way p{color:#fff;font-size:14px;line-height:30px}

.step3 .tab_title{width:200px;float:left}

.step3 .tab_title li{border-left:10px solid #fff;}

.step3 .tab_title li a{background:#eee url(../images/sign_06.png) no-repeat 16px 0;color:#898989;font-size:14px;line-height:26px;display:block;padding:13px 10px 13px 50px;border-bottom:1px solid #d2d2d2;height:53px}

.step3 .tab_title li a.aa1{background-position:16px 25px}

.step3 .tab_title li a.aa2{background-position:16px -55px}

.step3 .tab_title li a.aa3{background-position:16px -134px;line-height:53px}

.step3 .tab_title li a.aa4{background-position:16px -214px}

.step3 .tab_title li a.aa5{background-position:16px -294px;line-height:53px}

.step3 .tab_list{width:570px;float:right;background:url(../images/main_59.png) no-repeat;padding:30px 40px 0 40px;height:370px}

.step3 .tab_list .team{display:none}

.step3 .tab_title li:nth-child(5n) a{border-bottom:1px solid #eee}

.step3 .tab_title li:hover a,.step3 .tab_title li.cur a{background:#a4db8c url(../images/sign_08.png) no-repeat 0 0;color:#fff;border-bottom:1px solid #a4db8c;padding:13px 10px 13px 48px}

.step3 .tab_title li:hover,.step3 .tab_title li.cur{border-left:3px solid #a4db8c}

.step3 .tab_title li:hover a.aa1,.step3 .tab_title li.cur a.aa1{background-position:10px 25px}

.step3 .tab_title li:hover a.aa2,.step3 .tab_title li.cur a.aa2{background-position:10px -55px}

.step3 .tab_title li:hover a.aa3,.step3 .tab_title li.cur a.aa3{background-position:10px -134px}

.step3 .tab_title li:hover a.aa4,.step3 .tab_title li.cur a.aa4{background-position:10px -214px}

.step3 .tab_title li:hover a.aa5,.step3 .tab_title li.cur a.aa5{background-position:10px -294px}

.step3 .team .tp{width:280px;display:inline-block;margin-right:22px;float:left}

.step3 .team .wz{width:268px;float:right}

.step3 .team .wz p{color:#fff;font-size:14px;line-height:30px}

.step3 .team .wz .tit{margin-bottom:5px;margin-top:2px}

.step3 .team .wz .one{margin-bottom:13px}

.step3 .team .box2{padding-top:27px}

.step3 .team .box2 p{color:#fff;font-size:14px;line-height:28px;text-indent:28px}

/*典型案例*/

.focusB{width:100%;height:320px;background:url(../images/ny_banner.jpg) no-repeat;}

.section .home{background:url(../images/ss_05.jpg) no-repeat center bottom;padding-bottom:18px;margin-bottom:30px;padding-top:46px}

.home h1{color:#000;font-size:20px}

.home h1 strong{font-weight:normal;font-size:12px;color:#7fb06a;margin-left:12px;display:inline-block}

.home span{display:inline-block;float:right;font-size:12px;color:#999;line-height:27px}

.home span a{font-size:12px;color:#999;}

.home span em{color:#7fb06a}

.leftside .nav{position:relative;width:220px;border-top:1px solid #dfdfdf;}

.nav .list{width:220px;margin-bottom:20px}

.nav .list li{height:59px}

.nav .list li a{display:block;border:1px solid #dfdfdf;border-top:none;height:59px;line-height:60px;background:url(../images/jt2.png) no-repeat right -34px;padding-left:20px;font-size:14px;color:#555}

.nav .list li a:hover,.nav .list li a.active{background:#7fb06a url(../images/jt2.png) no-repeat right 26px;border:none;color:#fff}

.nav .contact{border:1px solid #dfdfdf;padding:18px 0px;}

.nav .contact .way_box{border-bottom:1px solid #dfdfdf;padding-bottom:6px}

.contact .way_box li{margin-bottom:13px}

.contact .way_box li strong{display:inline-block;float:left;margin:2px 8px 0 10px;}

.contact .way_box li span{display:inline-block;float:left;color:#333;font-size:14px}

.way_box li span em{display:block;color:#999;font-size:12px;margin-top:2px}

.contact .sao{text-align:center;padding-top:21px}

.contact .sao p{color:#666;font-size:12px;line-height:24px;margin-top:10px}

.section .leftside{width:220px;margin-right:25px}

.section .rightside{width:955px}

.case ul{width:984px}

.case li{float:left;width:299px;margin-right:29px;margin-bottom:30px}

.case li .port-1 .image-box img{transition:0.5s;width:299px;height:208px}

.case li a .image-box p{color:#fff;font-size:14px;height:40px;line-height:40px;text-align:center;background:url(../images/main_47.png) repeat;position:absolute;bottom:0;left:0;width:100%;opacity:1;transition:0.5s}

.case li:hover a .image-box p{opacity:0}

.case li:hover .text-desc p{color:#fff;font-size:14px;margin-top:12px}

.article h2{border-bottom:1px dotted #d3d3d3;text-align:center;color:#333;font-size:24px;padding-bottom:17px;margin-bottom:14px}

.article h2 span{display:block;color:#999;font-size:12px;margin-top:16px;font-weight:normal}

.article h2 span em{ display:inline-block;margin:0 12px}

.article .dt_img{width:752px;height:502px;margin:0px auto 50px auto;overflow:hidden;}

.article .dt_img img{width:100%;height:auto}

.rightside .readbox p{color:#666;font-size:14px;line-height:30px;text-indent:28px}

.rightside .bottom2{padding:50px 0}

.rightside .bottom2 .fy span{display:block;color:#666;font-size:12px;line-height:24px}

.rightside .bottom2 .fy span a{color:#666}

/* 关于我们 */

.rightside .about{padding-bottom:100px}

.about p{ color:#666;font-size:14px;line-height:36px;text-indent:28px}

.about p strong{color:#000}

.about .center{text-align:center;padding:50px 0}

/*解决方案*/

.solution li{border-bottom:1px dotted #d3d3d3;padding-bottom:25px;margin-bottom:25px}

.solution li a .pic{display:inline-block;width:220px;margin-right:20px}

.solution li a .pic img{width:220px;height:145px}

.solution li a .text{width:715px}

.solution li a h3{color:#333;font-size:14px;margin-bottom:10px}

.solution li a h3 em{display:inline-block;float:right;color:#999;font-size:12px}

.solution li a p{color:#999;font-size:14px;line-height:30px}

.solution li a .text span{width:88px;height:26px;border:1px solid #e8e8e8;color:#999;font-size:12px;display:block;text-align:center;line-height:28px;margin-top:24px}

.solution li a:hover h3{color:#7fb06a}

.solution li a:hover .text span{border:1px solid #7fb06a;color:#7fb06a}

.article .dt_img2{width:752px;height:451px;margin:30px auto;overflow:hidden;}

.article .dt_img2 img{width:100%;height:auto}

/*联系我们*/ 

.rightside .contact_us{padding-bottom:60px}

.contact_us p{font-size:14px;color:#666;line-height:36px}

.contact_us p b{color:#333;font-weight:normal}

.contact_us h3{color:#333;font-size:16px;margin-bottom:6px;}

.contact_us h2{color:#333;font-size:16px;margin-bottom:6px;font-weight:bold}

.contact_us .m25{margin-top:25px}

.contact_us .map{margin-top:20px}

/*加入我们*/

.rightside .join dl{padding:0 0px 22px 0px;margin-bottom:25px}

.rightside .join span{display:block;font-size:16px;color:#333;margin-bottom:14px;font-weight:bold}

.rightside .join dt{font-size:14px;color:#333;margin-bottom:8px;margin-top:20px;font-weight:bold}

.rightside .join dd{font-size:14px;color:#666;line-height:30px}


.QQBox{ position:absolute; top:0; right:0; cursor:default; text-align:center; font:normal 12px/24px airal,simsun; z-index:99999}
.QTag{ float:left; font:normal 14px/24px "Microsoft Yahei", simhei, simsun; cursor:pointer;}
.QTag span{ display:block; width:14px; margin:auto;}
.QTop{ font:14px/24px "Microsoft Yahei", simhei, simsun;}
.close{ position:absolute; height:14px; z-index:9999; color:#000; text-align:right; line-height:14px; text-indent:0; font-size:12px; font-family:simsun; white-space:nowrap; top:-18px; right:3px; text-shadow:none;}
.QTop span{ display:block;}
.Qie{ background:url(../images/qq.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="qimg/qq.png"); _background-image:none; display:inline-block; vertical-align:middle; _vertical-align:auto ; margin:0 3px 0 0; width:14px; height:16px;}
.QBoxTop{ display:none;}
.QContentTag{ float:left; display:none; cursor:pointer;}
.QContentTag span{ display:block; width:14px; margin:auto;}
.telBox{ display:none;}
.QQBox a:hover{ text-decoration:none;}
/*----q3----*/
.q3{ width:119px;}
.q3 .QTag{ display:none;}
.q3 .QTop{ background:url(../images/q3Top.gif) no-repeat;  position:relative; top:-4px; text-align:left; text-indent:6px; padding:14px 0 0; color:#012824; height:23px;}
.q3 .QQContent{ background:url(../images/q3Bg.gif) repeat-y; margin:4px 0 0; }
.q3 .QQ{ background:url(../images/q3Btm.gif) no-repeat bottom;  bottom:-5px; padding:0 8px 95px; position:relative; height:67px}
.q3 ul{ position:relative;}
.q3 .QBtm{ display:none;}
.q3 .QQ li{ text-align:left; margin:0 0 5px;}
.q3 .QQ li a{ background:url(../images/q3.gif) no-repeat; display:inline-block; width:70px; height:22px; text-align:center;  color:#0f6283; _padding:2px 0; _height:18px;}
.q3 .QQ li a:hover{ text-decoration:none; background:url(../images/q3off.gif) no-repeat 0 0; color:#0f6283;}
.q3 .QtelBox{ background:#fff; border:1px solid #84aea4; border-radius:5px; padding:5px; text-align:left; color:#05493b; line-height:20px;}
.auto{ width:auto;}