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

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

/*--searchBox*/
.searchBg{}
.search{padding:14px 0; height:26px; line-height:26px; overflow:hidden;}
.search .searchBox{width:331px;}
.search .soText{float:left; width:229px; height:16px; line-height:16px; padding:5px 10px 5px 40px; color:#333; border:none; background:url(/templets/skin/images/searchTxt.png) no-repeat center; outline:none;}
.search .soBtn{float:right; width:52px; height:26px; border:none; background:url(/templets/skin/images/searchBtn.png) no-repeat center;}
.search .keyWord{width:600px; height:26px; overflow:hidden;}
.search .keyWord em{font-weight:bold; font-size:14px; color:#333;}
.search .keyWord a{padding:0 4px;}

.contTit{position:relative; height:47px; line-height:47px; border-top:2px solid #e0e0e0; border-bottom:1px solid #e0e0e0; font-weight:normal; background:url(/templets/skin/images/contTit_ico.png) no-repeat 4px center;}
.contTit .titA{position:relative; top:-2px; padding:0 14px; float:left; height:45px; line-height:45px; border-top:2px solid #029ed8; font-size:16px; color:#333;}
.contTit .titMore{position:absolute; top:0px; right:20px; font-size:12px; color:#333;}

/*荣誉*/
.zsBox{}
.zsBox .zsCont{padding:20px 0; position:relative;}
.zsBox .zsCont ul{margin:0 auto; width:952px; overflow:hidden;}
.zsBox .zsCont li{margin:0 8px; width:222px; float:left; text-align:center;}
.zsBox .zsCont li img{border:1px solid #e1e1e1;width:220px;height:152px;}
.zsBox .zsCont li h5{padding-top:10px; font-weight:normal;}
.zsBox .zsCont .btnLeft , .zsBox .zsCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:35px; height:35px;}
.zsBox .zsCont .btnLeft{left:0px; background:url(/templets/skin/images/rybtnSL.png) no-repeat center;}
.zsBox .zsCont .btnRight{right:0px; background:url(/templets/skin/images/rybtnSR.png) no-repeat center;}


/*产品*/
.cpSpan{margin-top:10px;}

.cpMu{width:220px; height:620px; background-color:#efefef; overflow:hidden;}
.cpMu h4{height:50px; line-height:50px; background-color:#029ed8; font-size:20px; text-align:center;}
.cpMu h4 a{color:#fff;}
.cpMuCont{}
.cpMuCont dl{margin-bottom:10px;}
.cpMuCont dt{height:40px; line-height:40px; background:url(/templets/skin/images/cpMuDt.png) no-repeat 36px center;}
.cpMuCont dt a{margin-left:58px; font-size:16px; color:#333333;}
.cpMuCont dd{height:42px; line-height:42px; overflow:hidden; border-top:1px solid #d7d4d4;}
.cpMuCont dd a{padding-left:48px; *height:42px; *line-height:42px; display:block; font-size:14px; text-decoration:none; border-left:8px solid #efefef;}
.cpMuCont dd a:hover{background-color:#f7f7f7; border-left-color:#ffc000;}
.cpMuCont .ewmBox{padding-top:20px; border-top:2px solid #fff; text-align:center;}

.cpList{width:734px; height:620px; overflow:hidden;}
.cpBox{padding-bottom:20px;}
.cpBox ul{margin-top:26px; overflow:hidden;}
.cpBox li{margin-right:12px; margin-bottom:22px; float:left; width:232px;}
.cpBox li.noMr{margin-right:0px;}
.cpBox li h5{padding:0 26px; height:44px; line-height:44px; overflow:hidden; background-color:#efefef; font-weight:normal; font-size:16px; text-decoration:none; text-align:center;}
.cpBox li h5 a{ text-align:center;}
.cpBox li:hover h5{background-color:#029ed8;}
.cpBox li:hover h5 a{color:#fff;}


/*案例*/
.cgal{margin-top:24px;}
.cgal .alCont{padding:20px 0; position:relative;}
.cgal .alCont ul{margin:0 auto; width:952px; overflow:hidden;}
.cgal .alCont li{margin:0 10px; width:218px; float:left; text-align:center;}
.cgal .alCont li img{border:2px solid #ccc;}
.cgal .alCont li h5{padding-top:10px; font-weight:normal;}
.cgal .alCont .btnLeft , .cgal .alCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:35px; height:35px;}
.cgal .alCont .btnLeft{left:0px; background:url(/templets/skin/images/rybtnSL.png) no-repeat center;}
.cgal .alCont .btnRight{right:0px; background:url(/templets/skin/images/rybtnSR.png) no-repeat center;}



/*优势*/
.ysSpan{background:url(/templets/skin/images/ys_bg.jpg) no-repeat top;}
.ysBox{position:relative; height:1070px; background:url(/templets/skin/images/ysbox.jpg) no-repeat center;}
.ysBox dl{position:absolute;}
.ysBox dt{font-size:24px; color:#333;}
.ysBox dt b{display:block; margin:4px 0 16px 0;}
.ysBox dd{overflow:hidden;}
.ysBox dd p{padding-left:16px; margin-bottom:10px; line-height:24px; font-size:14px; color:#333; background:url(/templets/skin/images/dtLi_ico.png) no-repeat left 8px;}
.ysBox .ys01{left:670px; top:156px;}
.ysBox .ys02{left:164px; top:466px;}
.ysBox .ys02 dd{width:410px;}
.ysBox .ys03{left:584px; top:784px;}
.ysBox .ys04{left:136px; top:1092px;}
.ysBox .ys05{left:524px; top:1388px;}
.ysBox .ys06{left:164px; top:1704px;}
.ysBox .ys06 dd{width:450px;}
.ysBox .ys06 dd p{float:left; margin-right:18px;}
.ysBox .ys07{left:604px; top:1994px;}



/*荣誉*/
.ryBox{margin-top:20px;}
.ryBox .ryCont{padding:20px 0; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:944px; overflow:hidden;}
.ryBox .ryCont li{margin:0 6px; width:224px; float:left; text-align:center;}
.ryBox .ryCont li img{border:2px solid #ccc;width:200px;height:120px;}
.ryBox .ryCont li h5{padding-top:10px; font-weight:normal;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:35px; height:35px;}
.ryBox .ryCont .btnLeft{left:0px; background:url(/templets/skin/images/rybtnSL.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:0px; background:url(/templets/skin/images/rybtnSR.png) no-repeat center;}


.ggl01{margin-top:5px;margin-bottom:18px;}
.container {
margin:0 auto;
width: 980px;}
.ggl {
position: relative;
}
.ggl02 {
margin-bottom: 24px;
}
.ggl02 span {
left: 604px;
top: 74px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.ggl span {
position: absolute;
}


/*关于*/
.gyBox{}
.gyBox h4{margin-bottom:18px;}
.gyBox dl{margin-left:14px; width:594px;}
.gyBox dt{width:200px; height:170px;border:2px solid #ccc; float:left; margin-right:15px;} /*  background:url(/templets/skin/images/gyimg.jpg) no-repeat center;  */
.gyBox dt img{width:200px; height:170px;}
.gyBox dd{  display:inline} 
.gyBox dd h5{height:36px; line-height:36px; font-size:14px; overflow:hidden;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{line-height:22px; color:#333; font-size:14px;}
.gyBox dd p a{color:#029ed8;}
.gyBox ul{width:340px; overflow:hidden;}
.gyBox ul img{width:340px; height:170px;}
.gyBox li{margin-right:16px; margin-bottom:20px; float:left; text-align:center;}
.gyBox li img{border:2px solid #ccc;}
.gyBox li h5{margin-top:14px; font-weight:normal;}
.gyBox li h5 a{color:#333;}




.wzbBox{ margin-top:25px;}
.wzbBox h4{margin-bottom:8px;}

/*动态*/
.dtBox{width:312px; height:365px; margin-right:22px;}
.dtBox ul{}
.dtBox li{position:relative; height:34px; line-height:34px; padding-left:20px; background:url(/templets/skin/images/dtLi_ico.png) no-repeat left center;}
.dtBox li a{display:inline-block; width:236px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}
.dtBox li span{position:absolute; right:0px; top:0; color:#ccc;}






/*问题解答*/
.wtjd{width:312px; height:365px;}
.wtjdCont{margin-top:10px; height:284px; overflow:hidden;}
.wtjdCont dl{margin:0 10px; padding:6px 0;}
.wtjdCont dt{padding:4px 0; background-image:url(/templets/skin/images/tw_ico.png);}
.wtjdCont dt a{color:#333;}
.wtjdCont dd{line-height:20px; background-image:url(/templets/skin/images/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:9px 0; padding-left:38px; background-position:left 2px; background-repeat:no-repeat;}


.bmBox{position:relative; margin-top:16px; height:350px; background:url(/templets/skin/images/bmBoxBg.jpg) no-repeat center;}
.bmBox .m_form{position:absolute; left:566px; top:130px;}
.bmBox .m_form *{font-family:microsoft yahei;}
.bmBox .m_form li{margin-bottom:1px; overflow:hidden; background-color:#262422;}
.bmBox .m_form label{float:left; width:60px; height:36px; line-height:36px; color:#8d8d8d; font-size:14px; text-align:center;}
.bmBox .m_form .iptTxt{float:left; width:278px; height:16px; line-height:16px; padding:10px; outline:none; border:none; color:#ccc; background-color:#4c4a45;}
.bmBox .m_form .txtAre{float:left; width:278px; height:82px; line-height:20px; border:none; outline:none; resize:none; color:#ccc; padding:5px 10px; background-color:#4c4a45;}
.bmBox .m_form .btnLi{background:none;}
.bmBox .m_form .btnSubmit{float:right; margin-top:3px; width:98px; height:30px; background-color:#262422; border:none; cursor:pointer; color:#fff; font-size:14px;}



/*友情链接*/
.yqlj{margin:22px auto; overflow:hidden; height:90px; background-color:#f0f0f0;}
.yqlj h4 img{}
.yqlj p{margin:16px 0 16px 120px; line-height:28px; height:58px; overflow:hidden;}
.yqlj p a{display:inline-block; padding:0 20px; font-size:14px;}


#flashs{ position:relative; height:500px; overflow:hidden;}
#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:#ff9000;}