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

.bannerBox{width:100%; height:516px;}


/*合作伙伴*/
.hzhbBg{background:url(hzhbBg.png) repeat-x center;}
.hzhb{position:relative; height:100px; overflow:hidden;}
.hzhb h4{position:absolute; left:15px; top:4px;}
.hzhb .alCont{margin-left:148px; padding:16px 0px; position:relative;}
.hzhb .alCont ul{margin:0 auto; width:730px; overflow:hidden;}
.hzhb .alCont li{margin:0 8px; float:left; width:130px;}
.hzhb .alCont .btnLeft , .hzhb .alCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:25px; height:25px;}
.hzhb .alCont .btnLeft{left:12px; background:url(hzBtnLeft.png) no-repeat center;}
.hzhb .alCont .btnRight{right:12px; background:url(hzBtnRight.png) no-repeat center;}



.dbysBox{position:relative; margin:20px auto; height:324px; background:url(dbysBox.jpg) no-repeat right;}
.dbysBox b{position:absolute; left:68px; top:226px; font-size:18px; color:#f9c832;}

/*产品*/
.cpBox{margin-bottom:16px;}

.cpMu{width:230px; height:604px; background:url(cpMuBg.png) no-repeat ; overflow:hidden;}
.cpMu h4{height:46px; overflow:hidden; text-align:center;}
.cpMu h4 img{margin-top:14px;}
.cpMu dl{margin-top:8px;}
.cpMu dt{height:37px; line-height:37px; background:url(cpMuDt.png) no-repeat center;}
.cpMu dt a{margin-left:48px; font-size:14px; color:#333; font-weight:bold;}
.cpMu dd{overflow:hidden;}
.cpMu dd{height:28px; line-height:28px; overflow:hidden;}
.cpMu dd a{padding-left:36px; height:34px; line-height:34px; display:block; color:#333; background:url(cpMuDd.png) no-repeat -10px center; text-decoration:none; font-size:13px;}
.cpMu dd a:hover{background-position:200px center; color:#1d72ff;}

.cpList{position:relative; width:732px; height:654px; overflow:hidden;}
.cpList .titMore{position:absolute; right:20px; top:14px; color:#333;}
.cpList h4{height:44px; line-height:44px; font-size:16px; font-weight:normal; background:url(cpListTit.png) repeat-x center; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.cpList h4 a{float:left; width:120px; text-align:center; color:#333; text-decoration:none;}
.cpList h4 a.cur , .cpList h4 a:hover{font-weight:bold; color:#1d72ff;}

.cpList ul{overflow:hidden; height:750px;}
.cpList li{margin-right:28px; margin-top:20px; float:left; width:348px; border:2px solid #dcdcdc;}
.cpList li.noMr{margin-right:0px;}
.cpList li img{margin:0 auto; display:block;}
.cpList li h5{margin:0 20px; padding:0 10px; font-weight:normal; font-size:15px; margin-top:8px; padding-top:8px; padding-bottom:8px; border-top:1px solid #ccc;}
.cpList li h5 a{color:#1d72ff;}
.cpList li p{margin:0 30px; line-height:20px; padding-bottom:8px; color:#333; height:60px; overflow:hidden;}
.cpList li:hover{border-color:#1d72ff;}


/*优势*/
.ysBox{position:relative; height:1550px; background:url(ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute;}
.ysBox dt{margin-bottom:10px; font-size:20px; color:#ffa218;}
.ysBox dt b{margin-bottom:8px; padding-bottom:16px; font-size:24px; color:#012067; display:block; line-height:28px; background:url(ysDtB_br.png) repeat-x center bottom;}
.ysBox dd{width:414px;}
.ysBox dd p{margin-bottom:10px; font-size:13px; color:#000; line-height:20px;}
.ysBox dd em{color:#1d72ff;}
.ysBox .ys_01{left:506px; top:112px;}
.ysBox .ys_01 dd{width:460px;}
.ysBox .ys_02{left:90px; top:400px;}
.ysBox .ys_03{left:500px; top:698px;}
.ysBox .ys_04{left:90px; top:1008px;}
.ysBox .ys_05{left:506px; top:1278px;}
.ysBox .ysPhone{position:absolute; left:90px; top:580px; padding:4px 0px 4px 38px; color:#333; background:url(ysPhone_ico.png) no-repeat left center;}
.ysBox .ysPhone b{display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#1d72ff;}

.spBox{position:relative; padding-top:26px; height:290px; padding-right:70px; background:url(spBox.png) no-repeat 32px 5px;}
.spCont{margin-left:498px; width:454px; height:254px;}
.spLiks{position:absolute; left:32px; top:18px; width:382px; height:254px; content:'.'; text-indent:-99em;}


.fhpj{margin-right:30px; width:356px;}
.fhpj h4{height:30px; line-height:30px; border-bottom:3px solid #666; font-size:16px; position:relative;}
.fhpj h4 .titA{padding-left:36px; background:url(fhtzTitA.png) no-repeat left center; color:#333;}
.fhpj h4 .titMore{position:absolute; right:0px; top:0px; font-size:12px; color:#333; font-weight:normal;}
.fhpj dl{padding:18px 0px; border-bottom:1px dotted #999;}
.fhpj dt{margin-top:4px;}
.fhpj dt img{border:1px solid #ccc;}
.fhpj dd{margin-left:54px; line-height:22px; color:#333;}
.fhpj dd span{}
.fhpj dd p{margin-top:10px;}

/*广告栏*/
.ggl{position:relative;}
.ggl img{display:block;}
.ggl span{position:absolute;}
.ggl01{margin-bottom:22px;}
.ggl01 span{left:34px; top:90px; font-size:18px; color:#1d72ff;}
.ggl02{margin-top:20px; margin-bottom:20px;}
.ggl02 span{left:850px; top:100px; font-size:16px; color:#fff;}


/*客户见证*/
.khjz{}
.khCont{padding-top:22px; padding-bottom:30px; background:url(khjzBg.png) no-repeat center; overflow:hidden;}
.khCont dl{float:left; margin-right:68px; width:194px; text-align:center;}
.khCont dl.noMr{margin-right:0px;}
.khCont dt img{border:1px solid #ccc;}
.khCont dd{}
.khCont dd h5{height:26px; line-height:26px; margin-top:12px; border-bottom:1px solid #1d72ff; font-size:14px;}
.khCont dd h5 a{color:#333;}
.khCont dd p{margin-top:10px; margin-bottom:24px; text-align:left; line-height:22px; color:#333; height:66px; overflow:hidden;}


/*荣誉*/
.ryBox{}
.ryBox .ryCont{padding:24px 0px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:920px; overflow:hidden;}
.ryBox .ryCont li{margin:0 8px; float:left; width:214px; text-align:center;}
.ryBox .ryCont li img{border:2px solid #ccc;}
.ryBox .ryCont li h5{margin-top:6px; font-weight:normal;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-15px; width:25px; height:25px;}
.ryBox .ryCont .btnLeft{left:0px; background:url(hzBtnLeft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:0px; background:url(hzBtnRight.png) no-repeat center;}


/*关于*/
.gyBox{width:542px;}
.gyBox dl{margin-top:22px; margin-bottom:14px; height:172px; overflow:hidden;}
.gyBox dt img{border:2px solid #ccc;}
.gyBox dd{margin-left:252px;}
.gyBox dd h5{font-size:14px;}
.gyBox dd h5 a{color:#1d72ff;}
.gyBox dd p{margin:10px 0px 26px 0px; line-height:20px; color:#333; height:60px; overflow:hidden;}

.gyBox .gyCont{position:relative; padding-top:16px; border-top:1px dotted #333;}
.gyBox .gyCont ul{margin:0px auto; width:474px; overflow:hidden;}
.gyBox .gyCont li{margin:0 4px; float:left; width:150px; text-align:center;}
.gyBox .gyCont li img{border:2px solid #ccc;}
.gyBox .gyCont li h5{margin-top:10px; font-weight:normal;}
.gyBox .gyCont li h5 a{color:#333;}
.gyBox .gyCont .btnLeft , .gyBox .gyCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:25px; height:25px;}
.gyBox .gyCont .btnLeft{left:0px; background:url(hzBtnLeft.png) no-repeat center;}
.gyBox .gyCont .btnRight{right:0px; background:url(hzBtnRight.png) no-repeat center;}



/*问题解答*/
.wtjd{width:398px;}
.wtjdCont{height:320px; overflow:hidden;}
.wtjdCont dl{padding:4px 0; margin:0 14px;}
.wtjdCont dt{background-image:url(tw_ico.png);}
.wtjdCont dt a{color:#333;}
.wtjdCont dd{line-height:22px; background-image:url(jd_ico.png); color:#1d72ff;}
.wtjdCont dt , .wtjdCont dd{padding:4px 0; padding-left:26px; margin:4px 0; background-position:left 6px; background-repeat:no-repeat;}


.wzbBox{}
.wzbBox h4{height:30px; line-height:30px; position:relative; border-bottom:2px solid #666;}
.wzbBox h4 .titA{padding-left:10px; font-size:16px; color:#333; background:url(dtTitA.jpg) no-repeat left center;}
.wzbBox h4 .titMore{position:absolute; right:10px; top:0px; font-size:12px; color:#333; font-weight:normal;}
.wzbBox ul{}
.wzbBox li{position:relative; height:30px; line-height:30px;}
.wzbBox li em{float:left; margin-right:4px; color:#1d72ff;}
.wzbBox li a{float:left; width:200px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.wzbBox li span{position:absolute; right:0; color:#999;}


/*动态*/
.dtBox{width:306px;}
.dtImg{margin-top:18px; margin-bottom:4px;}
.dtImg img{border:2px solid #ccc;}
.dtBox.ygDt{margin-left:30px;}

/*技术支持*/
.jszc{width:306px;}
.jszc ul{margin-top:7px;}


.bmBox{position:relative; margin:22px auto; height:335px; background:url(bmBoxBg.jpg) no-repeat center;}
.bmBox .fPhone{position:absolute; left:188px; top:142px; font-size:16px; color:#333; font-weight:bold;}
.bmBox .m_form{position:absolute; right:70px; *left:624px; top:30px;}
.bmBox .m_form *{font-family:microsoft yahei;}
.bmBox .m_form li{margin-bottom:8px; overflow:hidden;}
.bmBox .m_form label{float:left; width:60px; height:28px; line-height:28px; color:#fff; font-size:13px; text-align:center; background-color:#313131;}
.bmBox .m_form .iptTxt{float:left; width:206px; height:18px; line-height:18px; padding:5px 10px; outline:none; border:none; color: #333; background-color:#fff;}
.bmBox .m_form .txtAre{float:left; width:206px; height:88px; line-height:20px; border:none; outline:none; resize:none;color: #333; padding:5px 10px; background-color:#fff;}
.bmBox .m_form .areLi label{height:98px;}
.bmBox .m_form .btnLi{background:none;}
.bmBox .m_form .btnSubmit{float:right; width:84px; height:28px; background-color:#313131; border:none; cursor:pointer; color:#fff; font-size:14px;}
.bmBox .fHzhb{position:absolute; left:55px; top:180px; width:432px; overflow:hidden;}
.bmBox .fHzhb li{margin:0 5px 5px 5px; float:left;}
.bmBox .fHzhb li img{border:2px solid #ccc; display:block;}


/*友情链接*/
.yqlj{overflow:hidden; height:66px; border:1px solid #ccc;}
.yqlj h4 img{}
.yqlj p{margin-left:150px; line-height:66px; height:66px; overflow:hidden;}
.yqlj p a{display:inline-block; padding:0 20px; font-size:14px;}


#flashs{ position:relative; height:516px; overflow:hidden;width:100%;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#1d72ff;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

#roll_top,#fall,#ct{position:relative;cursor:pointer;height:57px;width:46px}
#roll_top{background:url(top.gif) no-repeat}
#fall{background:url(top.gif) no-repeat 0 -80px}
#ct{background:url(top.gif) no-repeat 0 -40px}
#roll{display:block;width:15px;margin-right:-477px;position:fixed;right:46%;top:80%;_margin-right:-477px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}