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

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


		/*--searchBox*/
.searchBg{position:relative; z-index:999; height:0px;}
.search{position:absolute; left:50%; top:-40px; margin-left:-580px; width:1160px; height:40px; line-height:40px; background:url(Img/Index/searchBg.png) no-repeat center; overflow:hidden;}
.search .searchBox{margin-top:8px; margin-right:30px; width:249px;}
.search .soText{float:left; width:204px; height:15px; line-height:15px; padding:5px 10px; color:#ccc; border:none; background-color:#000; outline:none; font-family:microsoft yahei;}
.search .soBtn{float:right; width:25px; height:25px; border:none; background:url(Img/Index/searchBtn.png) no-repeat center;}
.search .keyWord{margin-left:30px; width:700px; height:40px; overflow:hidden; color:#ccc;}
.search .keyWord em{font-weight:bold;}
.search .keyWord a{padding:0 4px; color:#ccc;}


.content{width:1160px; background-color:#000;}

/*合作伙伴*/
.hzhb{margin-bottom:86px;}
.hzhb h4{padding-top:66px; padding-bottom:26px; text-align:center;}
.hzhb ul{overflow:hidden;}
.hzhb li{margin:0 14px; float:left; width:192px; text-align:center;}

/*产品中心*/
.cpzx{}
.cpzx .cpTit{margin-bottom:34px; text-align:center;}

.cpMu{position:relative; width:250px; height:710px; background:url(Img/Index/cpMuBg.png) repeat-x center top; border-radius:3px;}
.cpMu dl{margin-top:30px; margin-left:18px;}
.cpMu dt{padding-left:34px; height:36px; line-height:36px; font-size:16px; color:#ad1c30; background-repeat:no-repeat; background-position:left center;}
.cpMu .cj dt{background-image:url(Img/Index/cpMuTit_cj.png);}
.cpMu .cj dd{padding-left:34px; height:32px; line-height:32px; overflow:hidden; font-size:13px;}
.cpMu .cj dd a{color:#333;}

.cpMu .pp dt{margin-bottom:16px; background-image:url(Img/Index/cpMuTit_pp.png);}
.cpMu .pp dd{overflow:hidden;}
.cpMu .pp dd img{float:left; display:block; margin-right:1px; margin-bottom:1px;}

.cpMu p{position:absolute; left:0px; bottom:0px;}


.cpList{width:840px; height:710px; overflow:hidden; background-color:#fff; border-radius:3px;}
.cpList h4{margin-bottom:20px; overflow:hidden; height:70px; line-height:70px; background:url(Img/Index/dtSpanTit.png) repeat-x center;}
.cpList h4 img{position:relative; top:18px;}
.cpList h4 a{float:left; width:210px; height:70px; text-align:center; background:url(Img/Index/cpTit_br.png) no-repeat left center;}
.cpList h4 a.noBg{background-image:none;}
.cpList h4 a:hover , .cpList h4 a.cur{background-color:#fff;}
.cpList ul{margin:0 auto; width:816px; overflow:hidden;}
.cpList li{float:left; margin:0px 11px 16px 11px; width:250px; text-align:center;}
.cpList li img{padding:9px; border:1px solid #e4e4e4;}
.cpList li h5{height:17px; line-height:17px; font-weight:normal;}




/*广告栏*/
.ggl{position:relative;}
.ggl span{position:absolute; font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#ad1c30;}
.ggl img{display:block;}
.ggl01{margin-top:10px;}
.ggl01 span{left:832px; top:114px;}
.ggl02 span{left:910px; top:98px;}



/*优势*/
.ysBox{position:relative; margin-top:92px; height:1725px; background:url(Img/Index/ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute;}
.ysBox dt{margin-bottom:20px; font-size:24px; color:#ad1c30;}
.ysBox dt b{color:#fff; display:block;}
.ysBox dd{font-size:14px; line-height:22px; color:#fff; width:400px; margin-bottom:20px;}
.ysBox dd p{margin-bottom:10px; padding-left:10px; background:url(Img/Index/ys_ico.png) no-repeat left 10px;}
/*.ysBox dd em{color:#ad1c30;}*/
.ysBox dd em{color:#fff;}
.ysBox .ys_01{left:110px; top:202px;}
.ysBox .ys_02{left:666px; top:540px;}
.ysBox .ys_03{left:110px; top:854px;}
.ysBox .ys_04{left:666px; top:1156px;}
.ysBox .ys_04 dt{font-size:16px;}
.ysBox .ys_04 dt b{font-size:24px;}
.ysBox .ys_05{left:110px; top:1420px;}


/*案例*/
.alBox{}
.alBox h4{margin-bottom:44px; text-align:center;}
.alBox ul{margin:0px auto; width:1120px; height:306px;}
.alBox li{position:relative; margin:0 9px; padding:10px; float:left; width:242px; height:286px; background-color:#fff; border-radius:3px 3px 0px 0px;}
.alBox li h5{margin-top:14px; height:40px; line-height:40px; font-weight:normal; text-align:center; font-size:13px; background:url(Img/Index/alH5Br.png) no-repeat center bottom;}
.alBox li h5 a{color:#333;}
.alBox li .btnMore{position:absolute; left:50%; bottom:-39px; margin-left:-39px; width:78px; height:78px;}


.kdSpan{margin-top:90px; margin-bottom:16px;}
.kdSpan h4{margin-bottom:26px;}

/*客户见证*/
.khjz{width:810px;}
.khjzCont{overflow:hidden;}
.khjzCont dl{float:left; margin-bottom:20px; margin-right:20px; height:153px; overflow:hidden; width:384px;}
.khjzCont dt img{border:10px solid #fff; border-radius:3px;}
.khjzCont dd{margin-left:170px;}
.khjzCont dd h5{margin-bottom:14px; font-size:14px; font-weight:normal;}
.khjzCont dd h5 a{color:#ad1c30;}
.khjzCont dd p{line-height:22px; height:110px; overflow:hidden; color:#ccc; font-size:13px;}



/*大客户*/
.dkhBox{width:262px;}
.dkhBox ul{overflow:hidden;}
.dkhBox li{float:left; margin-left:1px; margin-bottom:1px;}
.dkhBox li img{display:block;}


.grSpan{margin-top:88px; margin-bottom:140px;}


/*关于*/
.gyBox{width:770px; height:402px;}
.gyBox dt{position:relative;}
.gyBox dt>img{border:10px solid #fff; border-radius:3px;}
.gyBox dt .gyBtnMore{position:absolute; right:-44px; bottom:-44px; width:108px; height:108px;}
.gyBox dd{margin-left:340px;}
.gyBox dd p{margin-top:40px; line-height:20px; color:#ccc; height:260px; overflow:hidden;}



/*荣誉*/
.ryBox{width:260px;}
.ryBox .ryCont{position:relative; margin-top:22px; height:336px; border-radius:3px; background-color:#fff;}
.ryBox .ryCont ul{padding-top:46px; margin:0px auto; width:156px; overflow:hidden;}
.ryBox .ryCont li{width:156px; float:left; text-align:center;}
.ryBox .ryCont li h5{margin-top:14px; font-weight:normal; font-size:13px;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-18px; width:34px; height:34px;}
.ryBox .ryCont .btnLeft{left:-18px; background:url(Img/Index/ryBtnLeft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:-18px; background:url(Img/Index/ryBtnRight.png) no-repeat center;}



.bmBox{position:relative; height:400px; background:url(Img/Index/bmBoxBg.png) no-repeat left top;}
.bmBox .bmPhone{position:absolute; left:376px; top:304px; font-size:22px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.bmBox .formBox{margin-top:-10px; width:450px;}
.bmBox .formBox dl{margin-bottom:22px;}
.bmBox .formBox dt{margin-bottom:4px; font-size:24px; color:#ad1c30;}
.bmBox .formBox dd{font-size:13px; color:#fff;}
.bmBox .m_form{}
.bmBox .m_form *{font-family:microsoft yahei;}
.bmBox .m_form li{margin-bottom:11px; overflow:hidden; background:url(Img/Index/iptTxtBg.png) no-repeat left center;}
.bmBox .m_form label{float:left; width:135px; height:45px; line-height:45px; font-size:14px; text-align:center;}
.bmBox .m_form select{border:none; width:315px; height:45px; line-height:45px; background-color:#fff; outline:none;}
.bmBox .m_form .iptTxt{float:left; width:295px; height:15px; line-height:15px; padding:15px 10px; outline:none; border:none; color:#333; background:url(Img/Index/iptTm_ico.png) repeat;}
.bmBox .m_form .areLi{background:url(Img/Index/txtAreBg.png) no-repeat center;}
.bmBox .m_form .txtAre{float:left; width:295px; height:75px; line-height:20px; border:none; outline:none; resize:none; color:#333; padding:5px 10px; background:url(Img/Index/iptTm_ico.png) repeat;}
.bmBox .m_form .btnLi{background:none; line-height:65px;}
.bmBox .m_form .btnSubmit{margin-right:20px; width:200px; height:65px; background:url(Img/Index/btnSubmit.png) no-repeat center; border:none; cursor:pointer;}
.bmBox .m_form .btnLi a{color:#999;}


.dtSpan{margin-top:84px;}
.dtSpan h4{height:70px; text-align:center; background:url(Img/Index/dtSpanTit.png) repeat-x center; border-radius:3px 3px 0px 0px;}
.dtSpan h4 img{position:relative; top:18px;}


/*动态*/
.dtBox{width:794px; height:490px; background-color:#fff; border-radius:3px;}
.dtBox h4{position:relative; overflow:hidden;}
.dtBox h4 i{position:absolute; left:50%; top:0px; width:0px; height:70px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.dtBox h4 a{float:left; width:50%; height:70px;}
.dtBox h4 a.cur , .dtBox h4 a:hover{background-color:#fff;}
.dtBox dl{margin:28px 30px; height:180px; overflow:hidden;}
.dtBox dt img{border:10px solid #f2f2f2; border-radius:3px;}
.dtBox dd{margin-left:254px;}
.dtBox dd h5{margin-bottom:16px; font-size:13px; overflow:hidden; font-weight:normal;}
.dtBox dd h5 a{color:#000;}
.dtBox dd p{line-height:22px; height:132px; overflow:hidden;}
.dtBox ul{margin:0 30px; overflow:hidden;}
.dtBox li{float:left; width:50%; height:32px; line-height:32px;}
.dtBox li a{display:inline-block; padding-left:12px; background:url(Img/Index/dtLiIco.png) no-repeat left center; width:300px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}



/*问题解答*/
.wtjd{width:260px; height:490px; background-color:#fff; border-radius:3px;}
.wtjdCont{margin-top:10px; height:394px; overflow:hidden;}
.wtjdCont dl{padding:4px 0; border-bottom:1px solid #ccc; font-size:13px;}
.wtjdCont dt{background-image:url(Img/Index/tw_ico.png);}
.wtjdCont dt a{color:#000;}
.wtjdCont dd{line-height:20px; background-image:url(Img/Index/jd_ico.png); color:#ad1c30 ;}
.wtjdCont dt , .wtjdCont dd{padding:5px 22px 5px 44px; margin:4px 0; background-position:16px 2px; background-repeat:no-repeat;}


/*创意中心*/
.cyzx{margin-top:70px; padding-bottom:20px;}
.cyzx h4{margin-bottom:24px; text-align:center;}
.cyzx ul{margin:0px auto; width:1120px; height:336px;}
.cyzx li{position:relative; margin:0 9px; padding:10px; float:left; width:242px; height:334px; background-color:#000;}
.cyzx li h5{margin-top:14px; height:40px; line-height:40px; font-weight:normal; text-align:center; font-size:13px; background:url(Img/Index/alH5Br_h.png) no-repeat center bottom;}
.cyzx li h5 a{color:#fff;}



/*友情链接*/
.yqljBg{padding:20px 0px; background-color:#333;}
.yqlj{height:38px; line-height:38px; overflow:hidden;}
.yqlj h4 img{}
.yqlj p{margin-left:92px;}
.yqlj p a{display:inline-block; padding:0 16px; background:url(Img/Common/hdTopBr.png) no-repeat right center; color:#fff;}


#flashs{ position:relative; height:634px; overflow:hidden;width:100%;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:55px; 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:#C40C0C;}