@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.banCont{position:relative; height:680px;}
.bannerBox{position:absolute; top:0; right:0; width:100%; height:515px; }


.banner{ width:1400px;  position:relative;  height:515px; overflow:hidden;  }
.banner .bd{ z-index:0; width:100% !important; }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:515px;cursor:pointer }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px;}


.banner .hd ul li{ border-radius:50%; -webkit-border-radius:50%; cursor:pointer; display:inline-block; *display:inline; zoom:1; width:18px; height:18px; margin:4px; background:#EE7B02; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd{ position:absolute; z-index:1; bottom:0;  height:30px; line-height:30px; text-align:center;  width:100%; }

.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.ggxbj{position:absolute; top:0; right:-470px; z-index:998; width:470px; height:730px; background:url(Img/Index/ggxbj.jpg) no-repeat center;}

/*--searchBox*/
.search{position:absolute; top:515px;  width:100%; height:35px; line-height:35px; overflow:hidden;}
.search .searchBox{width:304px;}
.search .soText{float:left; width:172px; height:15px; line-height:15px; padding:9px 10px; color:#666; border:none; background-color:#fff; outline:none;}
.search .soBtn{float:right; width:40px; height:35px; border:none; background:url(Img/Index/searchBtn.png) no-repeat center;}
.search .keyWord{width:500px; padding-left:24px; height:35px; overflow:hidden; background:url(Img/Index/keyWord.png) no-repeat left center;}
.search .keyWord em{}
.search .keyWord a{padding:0 2px;}

/*.buzBox{height:200px; background:#fff url(Img/Index/buzBox.png) no-repeat center;}*/

.buzBox{position:absolute; top:550px; width:100%; height:130px; background:url(Img/Index/buzBox.png) no-repeat center;}

.wrapSpan{background-color:#f3f3f3;}
#productad{ position:relative; height:320px; overflow:hidden;}
#productad .bgitems{  z-index:1;position:absolute; top:0; }
#productad .btns{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-45px; padding:0px 6px;}
#productad .btns span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#productad .btns span.cur{ background:#EE7B02;}
/*合作伙伴*/
/*.hzhb{position:absolute; top:600px; right:0; height:200px; background-color:#e22c08;}
.hzhb .csYs{position:absolute; top:0; left:-470px; width:470px; height:200px; background-color:#e22c08;}
.hzhb h4{padding-top:38px; padding-bottom:14px;}
.hzhb .btnS{position:absolute; right:28px; top:38px;}
.hzhb .btnS img{margin-left:8px; float:left;}
.hzhb ul{width:970px; overflow:hidden;}
.hzhb li{float:left; margin-right:14px;}
.hzhb li img{display:block;}*/

/*合作伙伴*/
.hzhb{position:relative; height:230px; background-color:#fff;
    top: 0px;
    left: 0px;
}
.hzhb .bsYs{position:absolute; top:0; left:-470px; width:470px; height:200px; background-color:#fff;}
.hzhb h4{padding-top:38px; padding-bottom:14px;}
.hzhb .btnS{position:absolute; right:28px; top:38px;}
.hzhb .btnS img{margin-left:8px; float:left;}
.hzhb ul{margin:0 auto; width:980px; overflow:hidden; /*background:url(Img/Index/hzhbUl.png) no-repeat center;*/}
.hzhb li{float:left; margin:0 8px;}
.hzhb li img{display:block;}

/*产品*/
.cpBox{padding-top:40px;}
.cpBox .container{position:relative; }
.cpBox .cpDb{position:absolute; top:332px; left:-140px; width:140px; height:160px; background:url(Img/Index/cpDb.png) no-repeat center;}
.cpBox .cpDb2{position:absolute; bottom:-40px; right:-328px; z-index:99; width:284px; height:162px; background:url(Img/Index/cpDb2.png) no-repeat center;}
.cpMu{padding-bottom:10px; width:220px; background-color:#fff;}
.cpMu h4 img{display:block;}
.cpMu dl{padding-top:6px; padding-bottom:10px; border-top:1px solid #EE7B02;}
.cpMu dl dt{padding-left:74px; height:34px; line-height:34px; font-size:13px; font-weight:bold; color:#EE7B02; background:url(Img/Index/cpMuDt.png) no-repeat 30px center;}
.cpMu dl dt a{color:#EE7B02;}
.cpMu dl dd{height:24px; line-height:24px;}
.cpMu dl dd a{margin-left:74px; font-size:13px;}
.cpMu .cpMuGd{display:block; padding-left:30px; height:50px; line-height:50px; background-color:#EE7B02; color:#fff; font-size:14px;}


.cpRight{width:740px;}
.cpRight h4{height:20px; line-height:20px;}
.cpRight h4 a{padding-left:22px; color:#333; background:url(Img/Index/hzBtnR.png) no-repeat left center;}
.cpRight h4 span{font-weight:normal;}
.cpRight .cpGgl img{display:block;}
.cpRight ul{margin-top:15px; overflow:hidden;}
.cpRight li{position:relative; margin-right:15px; float:left; width:230px; height:320px; text-align:center; overflow:hidden; background-color:#fff;margin-bottom:15px;}
.cpRight li.noMr{margin-right:0;}
.cpRight li a{position:absolute; left:0; top:0; z-index:8; display:block; width:226px; height:316px; opacity:0; background:url(Img/Index/cpLink.png) no-repeat right top; filter:alpha(opacity=0); border:2px solid #e54120;}
.cpRight li img{margin-top:75px; margin-bottom:10px;}
.cpRight li h5{position:relative; z-index:9; height:26px; line-height:26px; font-weight:normal; font-size:16px; color:#333;margin-top:15px;}
.cpRight li span{position:relative; z-index:9; font-size:14px;}
.cpRight li:hover a{opacity:0.6; filter:alpha(opacity=10);}



/****推荐软件  start***/

.cpRight_tjrj{width:720px; height:330px; margin-bottom:50px;}
.cpRight_tjrj h4{height:20px; line-height:20px;}
.cpRight_tjrj h4 a{padding-left:22px; color:#333; background:url(Img/Index/hzBtnR.png) no-repeat left center;}
.cpRight_tjrj h4 span{font-weight:normal;}
.cpRight_tjrj .cpGgl img{display:block;}
.cpRight_tjrj ul{margin-top:15px; overflow:hidden;}
.cpRight_tjrj li{position:relative; margin-right:15px; float:left; width:230px; height:320px; text-align:center; overflow:hidden; background-color:#fff;}
.cpRight_tjrj li.noMr{margin-right:0;}
.cpRight_tjrj li a{position:absolute; left:0; top:0; z-index:8; display:block; width:226px; height:316px; opacity:0; background:url(Img/Index/cpLink.png) no-repeat right top; filter:alpha(opacity=0); border:2px solid #e54120;}
.cpRight_tjrj li img{margin-top:44px; margin-bottom:10px;}
.cpRight_tjrj li h5{position:relative; z-index:9; height:26px; line-height:26px; font-weight:normal; font-size:16px; color:#333;}
.cpRight_tjrj li span{position:relative; z-index:9; font-size:14px;}
/*.cpRight_tjrj li:hover a{opacity:1; filter:alpha(opacity=80);}*/

/****推荐软件  end***/




/*推荐产品*/
.tjCp{margin-bottom:20px;}

/*热销产品*/
.rxCp{}
.rxCp h4{margin-top:20px; margin-bottom:14px;}
.rxCp .rxQh{width:470px; height:320px;}
.rxCp .rxQh img{display:block;}
.rxCp .rxX1{position:relative; width:230px; height:320px; background-color:#fff; text-align:center; overflow:hidden;}
.rxCp .rxX1 a{position:absolute; left:0; top:0; z-index:8; display:block; width:226px; height:316px; opacity:0; background:url(Img/Index/cpLink.png) no-repeat right top; filter:alpha(opacity=0); border:2px solid #e54120;}
.rxCp .rxX1 img{margin-top:44px; margin-bottom:10px;}
.rxCp .rxX1 h5{position:relative; z-index:9; height:26px; line-height:26px; font-weight:normal; font-size:16px; color:#333;}
.rxCp .rxX1 span{position:relative; z-index:9; font-size:14px;}
.rxCp .rxX1:hover a{opacity:1; filter:alpha(opacity=80);}
.rxCp li{background-color:#fff;}

/*优势*/
.ysBox{position:relative; margin-bottom:15px; height:983px; background-color:#fff;}
.ysBox .bsYs{position:absolute; top:0; right:-470px; width:470px; height:1410px; background-color:#fff;}
.ysBox .ysDb{position:absolute; top:914px; left:-230px; width:230px; height:324px; background:url(Img/Index/ysDb.jpg) no-repeat center;}
.ysBox .ysTit{position:absolute; top:0; left:-470px; width:730px; height:552px; background:url(Img/Index/ysTit.jpg) no-repeat center;}
.ysBox dl{margin-left:300px; margin-bottom:20px; overflow:hidden;}
.ysBox dt{float:left; padding-left:20px; width:78px; height:98px; overflow:hidden; background-color:#303030; color:#5f5f5f;}
.ysBox dt b{display:block; padding-top:18px; font-size:24px; color:#fff;}
.ysBox dt i{display:block;}
.ysBox dt span{font-size:20px; font-family:arial;}
.ysBox dd{float:left; padding-left:32px; padding-bottom:20px; width:550px; background-color:#f3f3f3;}
.ysBox dd h5{padding-top:20px; font-size:20px; color:#EE7B02;}
.ysBox dd span{margin:4px 0; display:block; font-size:20px; color:#1a1a1a;}
.ysBox dd i{display:block; margin-bottom:8px;}
/*.ysBox dd p{padding-left:12px; height:28px; line-height:28px; font-size:13px; color:#333; background:url(Img/Index/ysDdp_ico.png) no-repeat left center;} */
.ysBox dd p{padding-left:12px; height:28px; line-height:28px; font-size:13px; color:#333;} 

.ysBox dl:hover dt{background-color:#EE7B02;}
.ysBox dl:hover dt *{color:#fff;}
.ysBox dl.xR dt{float:right;}
.ysBox dl.ys01{padding-top:46px;}

/*案例*/
.alBox{position:relative; height:552px; background-color:#fff;}
.alBox .faDb{position:absolute; top:292px; right:-314px; width:314px; height:178px; background:url(Img/Index/faDb.png) no-repeat center;}
.alBox .bsYs{position:absolute; top:0; left:-470px; width:470px; height:552px; background-color:#fff;}
.alBox h4{padding-top:48px; padding-bottom:26px;}
.alMu{width:222px;}
.alMu ul{}
.alMu li{margin-bottom:1px;}

/*.alMu li a{display:block; height:52px; line-height:52px; padding-left:13px; font-size:15px; color:#fff; text-decoration:none; background:url(Img/Index/alMu.png) no-repeat center;}
.alMu li:hover a , .alMu li.cur a{background-image:url(Img/Index/alMuH.png);}
*/
.alMu li a{display:block; height:52px; line-height:52px; padding-left:13px; font-size:15px; color:#fff; text-decoration:none; background-color:#EE7B02;}
.alMu li:hover a , .alMu li.cur a{background-color:#000;}

.alCont{width:720px; overflow:hidden;}
.alCont dl{height:355px; overflow:hidden;}
.alCont dl dt img{float:left; margin-left:1px; margin-bottom:1px;}
.alCont dl dd{width:230px;}
.alCont dl dd h5{height:28px; line-height:28px; font-size:18px;}
.alCont dl dd h5 a{color:#EE7B02;}
.alCont dl dd p{margin-top:30px;  line-height:20px; font-size:13px; height:80px; overflow:hidden;}
.alCont dl dd .btnMore{margin-top:122px; display:block; width:144px; height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:bold; color:#EE7B02; border:3px solid #EE7B02;}
.alCont dl dt{margin-right:40px; width:412px;}

/*解决方案*/
.jjfa{height:532px; background:url(Img/Index/jjfa.png) no-repeat center;}
.jjfa .container{padding-top:44px; overflow:hidden;}
.faCont{margin-left:40px; overflow:hidden;}
.faCont dl{position:relative; float:left; margin-right:1px; width:226px; height:448px;}
.faCont dl dd{position:relative; width:226px; height:224px; background-color:#333; color:#999;}
.faCont dl dd>*{margin-left:30px; margin-right:20px;}
.faCont dl dd h5{height:66px; line-height:66px; font-size:16px; font-weight:normal; color:#EE7B02;}
.faCont dl dd h5 a{color:#EE7B02;}
.faCont dl dd p{margin-top:10px; margin-bottom:36px; line-height:18px; height:54px; overflow:hidden;}
.faCont dl dd em{}
.faCont dl dd i{position:absolute; left:50%; bottom:-8px; z-index:9; margin-left:-4px; border:4px solid transparent; border-top-color:#333;}
.faCont dl dt img{display:block;}
.faCont dl.mx dd{position:absolute; left:0; bottom:0;}
.faCont dl.mx dd i{bottom:224px; border-bottom-color:#333; border-top-color:transparent;}
.faCont dl:hover dd{background-color:#EE7B02;}
.faCont dl:hover dd>*{color:#fff;}
.faCont dl:hover dd i{border-top-color:#EE7B02;}
.faCont dl.mx:hover dd i{border-top-color:transparent; border-bottom-color:#EE7B02;}

/*关于*/
.gyBox{position:relative; height:455px; background:url(Img/Index/gyBox.jpg) no-repeat center;}
.gyBox .bsYs{position:absolute; top:0; right:-470px; width:470px; height:455px; background-color:#fff;}
.gyBox dl{padding-top:40px; margin-left:560px;}
.gyBox dt{margin-bottom:30px;}
.gyBox dt b{font-size:18px; color:#EE7B02;}
.gyBox dt span{margin:4px 0; display:block; font-size:14px; color:#333;}
.gyBox dt i{margin-bottom:12px; display:block; color:#EE7B02; word-spacing:-1em;}
.gyBox dd{}
.gyBox dd h5{font-size:14px; font-weight:normal; color:#EE7B02;}
.gyBox dd p{margin-top:10px; margin-bottom:28px; line-height:22px; height:110px; overflow:hidden;}
.gyBox dd .gyMore{display:block; width:114px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#EE7B02; border:3px solid #EE7B02;}

/*团队*/
.teamBox{background:url(Img/Index/teamBoxBg.png) no-repeat 1% 80%;}
.teamBox .container{position:relative; padding-top:40px; height:612px; background-image:url(Img/Index/teamBox_ico.png);}
.teamBox .hsYs{position:absolute; top:0; right:-470px; width:470px; height:652px; background-image:url(Img/Index/teamBox_ico.png);}
.teamBox .teamCont{margin-left:38px; overflow:hidden;}
.teamBox .teamCont img{float:left; margin-left:1px; margin-bottom:1px;}
.teamBox .teamCont img.teamImg{opacity:0.5; filter:alpha(opacity=50);}
.teamBox .teamCont img.teamImg:hover{opacity:1; filter:alpha(opacity=100);}

/*大层*/

/*瀑布流层*/
.waterfall{
-moz-column-count:4; /* Firefox */
-webkit-column-count:4; /* Safari 和 Chrome */
column-count:4; /* 用整数值来定义列数。不允许负值 */
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 0.2em; /*用长度值来定义列与列之间的间隙。不允许负值*/
}
/*一个内容层*/
.waterfall .item{
margin: 0 0 0 0;
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.waterfall .item img{
margin-bottom:1px;
width:232px;
}

/*资深设计*/
.zssj{position:relative; margin-top:40px; height:568px; background-color:#fff;}
.zssj .bsYs{position:absolute; top:0; right:-470px; width:470px; height:568px; background-color:#fff;}
.zssj h4{position:relative; padding-top:38px; margin-bottom:30px; margin-left:40px; font-size:24px;}
.zssj h4 a{color:#EE7B02;}
.zssj h4 span{margin-top:4px; margin-bottom:20px; display:block; font-weight:normal; font-size:18px; color:#333;}
.zssj h4 .titMore{position:absolute; right:0; bottom:0;}
.zssj ul{margin-left:20px; overflow:hidden;}
.zssj li{margin-left:20px; padding-bottom:12px; float:left; width:220px; background-color:#000; color:#fff; text-align:center;}
.zssj li>a{position:relative; display:block; width:220px; height:240px; overflow:hidden;}
.zssj li img{display:block;}
.zssj li h5{margin-top:12px; height:34px; line-height:34px; font-size:15px;}
.zssj li h5 a{color:#fff;}
.zssj li i{font-style:normal}
.zssj li p{height:36px; line-height:36px; font-size:13px;}
.zssj li:hover{background-color:#EE7B02;}
.zssj li:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

/*广告栏*/
.ggl{position:relative; height:180px; background-color:#CCCCCC}
/*
.ggl>a{position:absolute; right:0; top:0;}
.ggl>a span{position:absolute; right:68px; top:122px; font-size:14px; font-family:arial; color:#e22c08;}
*/
.ywrSpan{background:url(Img/Index/ywrSpan.png) no-repeat 110% 130px;}

/*预约*/
.yuyue{margin-top:40px;}
.yuyue .container{position:relative; height:420px; background:#fff url(Img/Index/yuyue.png) no-repeat center top;}
.yuyue .bsYs{position:absolute; top:0; left:-470px; width:470px; height:420px; background-color:#fff;}
.yuyue .m_form{position:absolute; top:104px; left:260px;}
.yuyue .m_form li{margin-bottom:1px; overflow:hidden;}
.yuyue .m_form li *{font-family:microsoft yahei;}
.yuyue .m_form li.areLi label{height:106px;}
.yuyue .m_form label{float:left; width:48px; height:40px; text-align:center; background-color:#f3f3f3;}
.yuyue .m_form label img{position:relative; top:8px;}
.yuyue .m_form .iptTxt{float:left; width:242px; border:none; height:16px; line-height:16px; padding:12px 10px; outline:none; color:#999; background-color:#f3f3f3; font-family:microsoft yahei; font-size:14px;}
.yuyue .m_form .txtAre{float:left; width:242px; height:86px; line-height:20px; border:none; outline:none; resize:none; color:#999; padding:10px; background-color:#f3f3f3; font-family:microsoft yahei; font-size:14px; *overflow:hidden;}
.yuyue .m_form .btnSubmit{width:144px; height:46px; cursor:pointer; border:none; background-color:#EE7B02; font-size:20px; font-weight:bold; color:#fff;}


.wrSpan{}
.wrSpan h4{padding-top:40px;}
.wrSpan .container{position:relative; height:520px; background-color:#fff;}
.wrSpan .bsYs{position:absolute; top:0; left:-470px; width:470px; height:520px; background-color:#fff;}

/*问题解答*/
.wtjd{margin-right:30px; padding-top:38px; width:276px; height:360px;}
.wtjdCont{margin-top:20px; height:220px; overflow:hidden;}
.wtjdCont dl{float:left; margin-bottom:24px;}
.wtjdCont dt{padding:4px 0; background-image:url(Img/Index/tw_ico.png); font-size:14px;}
.wtjdCont dt a{color:#EE7B02;}
.wtjdCont dd{background-image:url(Img/Index/jd_ico.png); font-size:13px; height:60px; overflow:hidden;}
.wtjdCont dt , .wtjdCont dd{line-height:20px; padding:3px 0; padding-left:28px; background-position:left 5px; background-repeat:no-repeat;}

/*最新热评*/
.zxrp{}
.khCont{overflow:hidden;}
.zxrp dl{float:left; width:50%; margin-top:38px; height:152px; overflow:hidden;}
.zxrp dd{margin-left:160px; margin-right:110px;}
.zxrp dd h5{margin-bottom:8px; font-size:13px; font-weight:normal;}
.zxrp dd h5 a{color:#EE7B02;}
.zxrp dd p{line-height:18px; height:54px; overflow:hidden; font-size:13px;}
.zxrp dd b a{color:#333;}

/*动态*/
.dtSpan{padding-bottom:40px; background:url(Img/Index/dtSpan.png) no-repeat 1% 244px;}
.dtSpan .container{position:relative; height:380px; background-image:url(Img/Index/teamBox_ico.png);}
.dtSpan .hsYs{position:absolute; top:0; right:-470px; width:470px; height:380px; background-image:url(Img/Index/teamBox_ico.png);}
.dtTab{width:225px;}
/*.dtTab span{background:url(Img/Index/dtTab.png) no-repeat center; display:block;}*/
.dtTab span{background-color:black; display:block;}
.dtTab span img{display:block;}
.dtTab span.cur , .dtTab span:hover{background-color:#EE7B02;}
.dtCont{}
.dtCont dl{float:left; margin-right:38px; padding-top:40px; width:362px;}
.dtCont dl dd h5{height:52px; line-height:52px; font-size:14px;}
.dtCont dl dd h5 a{color:#fff;}
.dtCont dl dd p{line-height:20px; height:80px; overflow:hidden; color:#999;}
.dtCont ul{padding-top:32px; float:right; width:320px;}
.dtCont ul li{padding-left:18px; height:28px; line-height:28px; overflow:hidden; background:url(Img/Index/u1913.png) no-repeat left center;}
.dtCont ul li a{color:#999;}