﻿@charset "utf-8";

/* CSS Document */

*{transition:all .5s;}





.bannerBox{width:100%; height:465px; }







		/*--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(../images/searchtxt.png) no-repeat center; outline:none;}

.search .soBtn{float:right; width:52px; height:26px; border:none; background:url(../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(../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;}

.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(../images/rybtnsl.png) no-repeat center;}

.zsBox .zsCont .btnRight{right:0px; background:url(../images/rybtnsr.png) no-repeat center;}





/*产品*/

.cpSpan{margin-top:10px;}



.cpMu{width:220px; height:1080px; 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:4px;}

.cpMuCont dt{height:40px; line-height:40px; background:#585858 url(../images/cpmudt.png) no-repeat 36px center;}

.cpMuCont dt a{margin-left:58px; font-size:16px; color:#fff;}

.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;}





.cpList{width:734px; height:1080px; 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;}

.cpBox li h5 a{}

.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(../images/rybtnsl.png) no-repeat center;}

.cgal .alCont .btnRight{right:0px; background:url(../images/rybtnsr.png) no-repeat center;}







/*优势*/

.ysSpan{background-color:#d7f4ff;}

.ysBox{position:relative; height:2260px; background:url(../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(../images/dtli_ico.png) no-repeat left 8px;}

.ysBox .ys01{left:550px; top:156px;}

.ysBox .ys02{left:164px; top:466px;}

.ysBox .ys02 dd{width:410px;}

.ysBox .ys03{left:514px; 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;}

.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(../images/rybtnsl.png) no-repeat center;}

.ryBox .ryCont .btnRight{right:0px; background:url(../images/rybtnsr.png) no-repeat center;}





.ggl01{margin-top:5px;margin-bottom:18px;}







/*关于*/

.gyBox{}

.gyBox h4{margin-bottom:18px;}

.gyBox dl{margin-left:14px; width:494px;}

.gyBox dt{width:490px; height:270px; background:url(../images/gyimg.jpg) no-repeat center; border:2px solid #ccc;}

.gyBox dd{} 

.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:440px; overflow:hidden;}

.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;}





/*媒体报道*/

.mtbd{margin:24px auto;}

.mtbd h4{margin-bottom:18px;}

.mtbd dl{margin-left:14px; width:494px;}

.mtbd dt{  border:2px solid #ccc;}

.mtbd dd{} 

.mtbd dd h5{height:36px; line-height:36px; font-size:14px; overflow:hidden;}

.mtbd dd h5 a{color:#333;}

.mtbd dd p{line-height:22px; color:#333; font-size:14px;}

.mtbd dd p a{color:#029ed8;}

.mtbd ul{position:relative; top:-12px; margin-right:14px; width:418px;}

.mtbd li{position:relative; height:36px; line-height:36px; font-size:14px;}

.mtbd li a{display:inline-block; padding-left:16px; background:url(../images/dtli_ico.png) no-repeat left center; width:310px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}

.mtbd li span{position:absolute; right:0; top:0; color:#333;}





/*展会*/

.zhBox{}

.zhBox .zhCont{padding:20px 0; position:relative;}

.zhBox .zhCont ul{margin:0 auto; width:944px; overflow:hidden;}

.zhBox .zhCont li{margin:0 6px; width:224px; float:left; text-align:center;}

.zhBox .zhCont li img{border:2px solid #ccc;}

.zhBox .zhCont li h5{padding-top:10px; font-weight:normal;}

.zhBox .zhCont .btnLeft , .zhBox .zhCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:35px; height:35px;}

.zhBox .zhCont .btnLeft{left:0px; background:url(../images/rybtnsl.png) no-repeat center;}

.zhBox .zhCont .btnRight{right:0px; background:url(../images/rybtnsr.png) no-repeat center;}







.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(../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(../images/tw_ico.png);}

.wtjdCont dt a{color:#333;}

.wtjdCont dd{line-height:20px; background-image:url(../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(../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:10px 0 10px 10px; line-height:1.5;  overflow:hidden;}

.yqlj p a{display:inline-block; padding:0 5px; font-size:14px;}





#flashs{ position:relative; height:465px; 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;}















































