@charset "utf-8";
/* CSS Document */
.banner{ width:100%; overflow:hidden;}
.banner img{ width:100%; max-width:1600px; display:block; margin:0 auto; min-height:120px;}
.serve{ width:100%; overflow:hidden; padding:2.8em 0;}
.serve .serverLeft{ width:18%; float:left;}
.serverLeft p{ width:145px; height:100px; display:block; background-color:#fd6002; color:#fff; text-align:center; font-size:1.2em; padding-top:42px; line-height:1.6em;}
.serve .serverRight{ width:78%; float:left; overflow:hidden;}
.serverRight .serverRight_cont{ width:60%; float:left;}
.serverRight_cont h1{ font-size:1.5em; color:#333; line-height:1.8em; margin-bottom:1.2em;}
.serverRight_cont p{ font-size:1.1em; color:#888; margin-bottom:2em; line-height:1.6em; padding-right:5%;}
.serverRight .serverRight_img{ width:40%; float:left;}
.serverRight_img img{ width:100%; max-width:388px; display:block; margin:0 auto;}

.trade{ width:100%; background:url(../images/bg06.png) no-repeat; overflow:hidden; position:relative;}
.trade > img{ display:block;  position:absolute; right:0; top:0;}
.trade > img.ione{  right:2%; top:8%;}
.trade > img.itwo{  right:5%; top:52%;}
.trade > img.ithree{ right:15%; top:30%;}

.SaaS{ padding-top:7em; }
.serverRight .calling{ width:100%; overflow:hidden; margin-bottom:2em; }
.calling p{ font-size:1.1em; color:#666; line-height:1.8em; margin-bottom:2em; padding-right:5%;}
.calling img{ display:none;}

.SaaS .serverLeft p{ background-color:#379cd0; width:145px; height:110px; padding-top:32px;}
.SaaSBox .serverLeft p{ background-color:#9b0e5c; width:145px; height:130px; padding-top:12px;}
.serverRight .analyse{ width:100%; overflow:hidden;}
.analyse p{ font-size:1.5em; color:#333; line-height:1.6em; margin-bottom:0.5em;}
.analyse p i{ color:#fd6002;}
.analyse img{ width:100%; max-width:907px; display:block; margin-bottom:3.5em;}

/*产品介绍*/
.produce{ width:100%; overflow:hidden; padding:3.5em 0;} 
.seriesRight li h1{ width:98%; height:2.1em; line-height:2.1em; border:#c1c1c1 solid 1px; font-size:1.11em; color:#fd6002; text-indent:4em; background:url(../images/btn20.png) 2em center no-repeat; font-weight:bold;}
.produce h1{ width:98%; height:2.1em; line-height:2.1em; font-size:1.5em; color:#fd6002; text-indent:4.8em; background:url(../images/btn19.png) 2em center no-repeat; font-weight:bold;}
.produce .produceBox{ width:95%; overflow:hidden; margin:0 auto 1em;}
.produceBox li{ width:292px; float:left; margin:1.65%; display:block; position:relative;}
.produceBox li .goods{ width:100%; overflow:hidden;}
.goods img{  width:292px; display:block; margin:0 auto;}
.produceBox li .goodsBox{ width:100%; height:3em; overflow:hidden; background:url(../images/bg01.png) repeat; position:absolute; left:0; bottom:0;}
.goodsBox p{ padding:0px 20% 0 5%; height:45px; line-height:45px; color:#fff; font-size:1.2em; text-align:center; background:url(../images/btn03.png) 90% center no-repeat;}
.goodsBox p.cur{ padding:0 20%; background:none; line-height:1.6em;}
.goodsBox a{ width:8em; height:2.2em; display:block; border-radius:5px; background-color:#fd6002; color:#fff; font-size:1.2em; text-align:center; line-height:2.2em; margin:1.5em auto 0;}

.series{ width:100%; overflow:hidden; padding:2em 0;}
.series .seriesLeft{ width:13%; float:left; background:url(../images/icon05.png) left top no-repeat; padding:5.5em 0 0 7%;}
.seriesLeft li{ width:100%; overflow:hidden; height:3em; background:url(../images/btn11.png) left center no-repeat; text-indent:1.8em;}
.seriesLeft li a{ font-size:1em; color:#333; line-height:3em; }
.seriesLeft li:hover,.seriesLeft li.label{ background:url(../images/btn10.png) left center no-repeat;}
.seriesLeft li:hover a,.seriesLeft li.label a{ color:#fd6002;}
.series .seriesRight{ width:77%; padding-left:3%; float:left; overflow:hidden;}
.seriesRight li{ width:100%; margin-bottom:1.5em; overflow:hidden;}
.seriesRight li h1{ margin-bottom:1.5em;}
.seriesRight li div.seriesBox{ width:95%; margin:0 auto; overflow:hidden;}
.seriesBox p{ font-size:1.1em; color:#666; line-height:1.8em; }
.seriesBox img{ width:100%; max-width:886px; display:block;  margin:1.5em 0;}
.seriesBox h2{ font-size:1.1em; color:#333; line-height:2em;}
.seriesBox h3{ font-size:1.6em; color:#ff8130; text-align:center; line-height:1.8em; margin:3em 0 1.5em;}
.seriesBoxTwo img{ margin-top:0px;}
.seriesBoxTwo h2{ margin-top:1.5em;}
.seriesRight li div.seriesMain{ width:95%; margin:0 auto; background-color:#fffcfb; border:#c1c1c1 solid 1px; padding-bottom:1.2em;}
.seriesMain h2{ width:178px; height:32px; display:block; background:url(../images/bg07.png) no-repeat; text-align:center; line-height:2.2em; font-size:1em; color:#fff; margin:-11px 0 0 15px;}
.seriesMain p{ font-size:1em; color:#666; text-align:center; line-height:1.8em;}
.seriesMain a{ width:120px; height:40px; display:block; margin:25px auto 5px; line-height:40px; text-align:center; font-size:14px;  color:#fff; background-color:#fd6002; border-radius:5px; box-shadow:1px 3px 3px #762c00;}
.seriesMain a:hover{font-size:16px; line-height:40px;}

/*成功客户*/
.client{ width:90%; margin:2em auto; overflow:hidden;}
.clienttitle p{ width:19%;}
.clienttitle p img{ max-width:50px; }

.client ul{ width:100%; margin:3em 0; overflow:hidden;}
.client ul li a{ width:14%; margin:10px 0.83%; display:block; float:left;  border:#e6e6e6 solid 1px; box-shadow:1px 3px 3px #ebebeb;}
.client ul li a img{ width:100%; max-width:157px; display:block; margin:0 auto;}

/*关于嘉软*/
.about,.idea,.develop{ width:90%; margin:2em auto 3em; overflow:hidden;}
.about .aboutBox{ width:100%; margin:1em 0 2em; overflow:hidden;}
.aboutBox .aboutBoxLeft{ width:62%; padding-right:5%; float:left; padding-top:2em; }
.aboutBoxLeft p{ font-size:1.16em; color:#666; line-height:1.8em; margin-bottom:2.5em;}
.aboutBox .aboutBoxImg{ width:33%; float:left;}
.aboutBoxImg img{ width:100%; max-width:372px; display:block; margin:0 auto;}
.aboutBg{ width:100%; overflow:hidden; background:url(../images/bg08.png) repeat-x;} 
.idea ul{ width:94%; margin:3.5em auto; overflow:hidden; }
.idea ul li{ width:168px; height:225px; margin:0 40px; display:block; float:left; background:url(../images/bg09.png) no-repeat; padding:0 45px; text-align:center; margin-bottom:0.7em;}
.idea ul li h1{ font-size:46px; color:#fff; line-height:225px; text-align:center;}
.idea ul li p{ font-size:1.1em; color:#fff; line-height:1.6em;}
.idea ul li:hover{background:url(../images/bg10.png) no-repeat;}
.develop{ margin-bottom:4em;}
.aboutBgTwo{ width:100%; overflow:hidden; background:url(../images/bg11.png) left bottom repeat-x;} 
.develop img{ width:100%; max-width:1137px; display:block; margin:1em auto 2.5em;}
/*技术实力*/
.skill,.join{ width:100%; overflow:hidden; padding:2em 0;}
.skilltitle{ margin-bottom:2em;}
.skilltitle p{ width:18%;}
.skilltitle p img{ max-width:56px; margin-right:5px; display:block;}
.skill ul{ width:100%; margin:1em 0 2.5em; overflow:hidden; } 
.skill ul li{ width:22%; margin:0 1.5% 2em; float:left;}
.skill ul li img{ width:100%; max-width:256px; display:block; margin:0 auto;}
.skill ul li.ji{ margin-top:8%;}
/*加入我们*/
.join > ul{ width:100%; overflow:hidden; margin:2em 0;}
.join > ul > li{ width:100%;}
.join > ul > li div.up{ width:98%;  margin:0.5em auto 0; height:3em; border:#c1c1c1 solid 1px; background:url(../images/btn12.png) 98% center no-repeat; cursor:pointer;}
.up a{ padding-left:1.5em; font-size:1em; line-height:3em; color:#333;}
.join ul li div.cur{ background:url(../images/btn13.png) 98% center no-repeat;  border:#dd0a11 solid 1px; border-bottom:none;}
.cur a{color:#dd0a11;}
.upBox{ width:98%; margin:0 auto; border:#dd0a11 solid 1px; border-top:none;  display:none; padding-top:1em;}
.upBox li{ width:100%; margin-bottom:2em; overflow:hidden; padding-left:1.5em}
.upBox li i{ font-size:1em; color:#333; line-height:1.6em; margin-right:3em; float:left; margin-bottom:0.5em;}
.upBox li i em{ color:#666;}
.upBox li h1{ font-size:1.1em; color:#333; line-height:1.8em;}
.upBox li p{ font-size:1em; color:#666; line-height:1.8em; padding-right:8%;}

.joinBox{ width:90%; margin:3em auto 4em; overflow:hidden;}
.joinBox h1{ width:13em; height:3.5em; background:#fd6002; display:block; text-align:center; line-height:3.5em; color:#fff; font-size:1.2em; border-radius:5px; margin-bottom:1.5em;}
.joinBox li{ width:100%; margin-bottom:2.1em;}
.joinBox li p{ font-size:1em; color:#666; line-height:1.8em;}

/*精选案例*/
.cases{ width:100%; overflow:hidden; padding:2em 0;}
.casestitle{ background:url(../images/btn02.png) center 74% repeat-x;}
.casestitle p{ width:18%; line-height:2em;}
.casestitle p img{ max-width:55px;}
.cases ul{ width:100%; margin:2em 0; overflow:hidden; }
.cases ul li{ width:30%; margin:0 1.65% 2em; display:block; overflow:hidden; float:left;}
.cases ul li img{ width:100%; max-width:338px; display:block; margin:0 auto;}
.cases ul li h1{ font-size:1.2em; color:#2f2f2f; text-align:center; padding:1.2em 0; margin-bottom:1em; background:url(../images/bg12.png) center bottom no-repeat;}
.cases ul li p{ font-size:0.875em; color:#888; line-height:1.6em;}

.page-normal{ width:90%;   margin:30px 10px; }
.page-normal a,.page-normal .page-current,.page-normal .page-prev{ padding:5px 10px; font-size:14px; background:#fff; margin-left:10px; border-radius:5px;}
.page-normal a{ border:1px solid #dadada; color:#919191; text-decoration:none;  }
.page-normal a:hover{ border:1px solid #ffbd04; background:#fd6002; color:#fff; }
.page-normal .page-current{ border:1px solid #ffbd04; color:#fff; background:#fd6002;}
.page-normal .page-prev{ border:1px solid #dadada; color:#919191;}
.page-normal font{ padding:8px 12px; color:#919191; text-decoration:none; font-size:28px;}

.casesPage{ width:90%; overflow:hidden; margin:2em auto;}
.casesPage h1{ width:100%; overflow:hidden; border-bottom:#c1c1c1 solid 1px; padding:0.9em 0; margin-bottom:2em;}
.casesPage h1 i{ font-size:1.3em; color:#1c1c1c; line-height:1.6em; float:left; padding-left:2%;}
.casesPage h1 em{ font-size:0.875em; color:#666; float:right; line-height:2em; padding-right:2%;}
.casesPage p{ font-size:1em; color:#666; line-height:1.6em; text-indent:1.5em; margin-bottom:2em;}
.casesPage .a{ display:block; padding:0.6em 1em; background-color:#fd6002; float:right; border-radius:5px; font-size:0.875em; color:#fff; margin:3em 2em 0 0;}
/*联系我们*/
.contact,.trends{ width:95%; margin:2.5em auto; overflow:hidden;}
.contact dl{ width:100%; margin-top:3em; overflow:hidden;}
.contact dt{ width:40%;  float:left; overflow:hidden; display:block;}
.contact dt img{ width:100%; max-width:300px; display:block;} 
.contact dt p{  font-size:1.1em; color:#666; line-height:1.8em;}
.contact dd{ width:60%; float:left; display:block;}
/*.contact dd img{ width:100%; max-width:623px; display:block; margin:0 auto;}*/


.trends ul{ width:100%; margin-top:2em; overflow:hidden;}
.trends ul li{ width:100%; overflow:hidden; border-bottom:#dbdbdb solid 1px; padding:1.3em 0; display:block;}
.trends ul li div.trendsLeft{ width:12%; padding:0 2%; float:left;}
.trendsLeft img{ width:100%; max-width:130px; display:block; margin:0 auto; border-radius:5px;}
.trends ul li div.trendsRight{ width:84%; float:left;}
.trendsRight h1{ font-size:1.1em; color:#292929; line-height:1.8em; margin-bottom:0.5em;}
.trendsRight p{ font-size:0.975em; color:#5a5a5a; line-height:1.6em;}

/*物流查询*/
.logistics{ width:100%; overflow:hidden; margin:1.2em 0 2.5em;}
.logistics .query{ width:90%; margin:1em auto 2em;  background:url(../images/bg13.png) repeat-x; padding:9px 0 12px; border:#dbdbdb solid 1px; position:relative; padding-left:5%;}
.query img{ position:absolute; left:20px; bottom:0;}
.query p{font-size:1em; color:#666; line-height:2.85em; text-indent:1em; float:left;}
.query form{ display:block; float:left; position:relative; }
.query form .text01{ width:450px; display:block; padding:5px 10px; overflow:hidden; font-size:14px; color:#666; line-height:30px; border:#dadada solid 1px; background:url(../images/bg14.png) repeat;}
.query form button{ width:30px; height:28px; display:block; position:absolute; right:21px; top:8px; border:#999 solid 1px; border-radius:3px; background:#fefefe;}
.query form button img{ width:14px; display:block; left:9px; top:7px;}

.logistics .queryBox{ width:95%; margin:2em auto; overflow:hidden;}
.queryBox h1{ width:8em; height:2.75em; background:#fd6002; border-radius:5px; color:#fff; line-height:2.75em; text-align:center; font-weight:bold; font-size:1.4em;}
.queryBox li{ padding-left:5%; border-bottom:#dbdbdb solid 1px; padding:1.5em;}
.queryBox li p{ font-size:1em; color:#666; line-height:1.8em;}

.idea ul li.lione{background:url(../images/bg15.png) no-repeat;}
.idea ul li.litwo{background:url(../images/bg16.png) no-repeat;}
.idea ul li.lithree{background:url(../images/bg17.png) no-repeat;}