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

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

.huiSpan{padding:15px 0px; background-color:#ececec;}

.cpMu{width:199px;  overflow:hidden; background-color:#fff; border:1px solid #e8e8e8;}
.cpMu h4 img{display:block;}
.cpMu dl{margin:0px 14px; padding-top:10px; padding-bottom:8px; }
.cpMu dt{height:46px; line-height:46px;}
.cpMu dt a{margin-left:20px; font-size:14px; font-weight:bold; color:#025cb0;}
.cpMu dd{margin-left:20px; padding-left:10px; height:28px; line-height:28px; overflow:hidden; background:url(../img/cpMuDd.png) no-repeat left center;}
.cpMu dd a{color:#333;}

.contTit{position:relative; height:52px; line-height:52px; background:url(../img/contIitBg.png) repeat-x center; border-bottom:1px solid #e0e0e0;}
.contTit .titA{margin-left:20px; padding-left:16px; background:url(../img/titA_ico.png) no-repeat left center; color:#0368ae;}
.contTit .titMore{position:absolute; right:20px; top:0px; padding-right:20px; background:url(../img/titMore_ico.png) no-repeat right center; font-family:arial; font-size:12px; text-transform:uppercase; color:#5d5d5d;}

/*cb_产品列表*/
.cpList{width:754px; height:856px; overflow:hidden;}
.listBox{margin-bottom:20px; border:1px solid #e0e0e0; background-color:#fff;}
.listBox ul{margin-top:24px; padding:0px 10px; overflow:hidden;*width:754px;}
.listBox li{float:left; margin:0px 9px; width:226px; text-align:center;}
.listBox li img{border:1px solid #e5e5e5;}
.listBox li h5{height:46px; line-height:46px; font-style:13px;}
.listBox li h5 a{color:#333;}

/*cb_合作伙伴*/
.hzhb{margin-top:14px; border:1px solid #e0e0e0; background-color:#fff;}
.hzhb .hzCont{padding:20px 0px; position:relative;}
.hzhb .hzCont ul{margin:0 auto; width:900px; overflow:hidden;}
.hzhb .hzCont li{margin:0 8px; float:left; width:134px; text-align:center;}
.hzhb .hzCont li img{border:1px solid #ebebeb;}
.hzhb .hzCont li h5{margin-top:12px; font-weight:normal;}
.hzhb .hzCont li h5 a{color:#333;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:50%;_top:40%; margin-top:-25px; width:15px; height:33px;}
.hzhb .hzCont .btnLeft{left:16px; background:url(../img/BtnLeft.png) no-repeat center;}
.hzhb .hzCont .btnRight{right:16px; background:url(../img/BtnRight.png) no-repeat center;}

/*优势*/
.ysBg{background:url(../img/ysBg.jpg) no-repeat center;margin-bottom:16px;}
.ysBox{position:relative; height:1240px; background:url(../img/ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute; width:270px;}
.ysBox dt span{font-size:50px; font-family:Arial; color:#025cb0;}
.ysBox dt b{display:block; line-height:22px; font-size:15px; color:#025cb0;}
.ysBox dt strong{padding-top:8px; padding-bottom:14px; display:block; font-size:15px; color:#ff8400;}
.ysBox dd{margin-bottom:8px; line-height:24px; font-size:14px; color:#242424;}
.ysBox dd em{color:#025cb0;}
.ysBox .ys_01{left:202px; top:236px;}
.ysBox .ys_02{left:520px; top:236px;}
.ysBox .ys_03{left:202px; top:550px;}
.ysBox .ys_04{left:520px; top:550px;*top: 535px;}
.ysBox .ys_05{left:202px; top:882px;width:280px;}
.ysPhone{position: absolute; left:554px; top:984px; font-size:24px; color:#fff;}
.ysTit{padding-top:56px; font-size:40px; color:#fff; text-align:center;}
.ysTit span{display:block; margin-top:24px; font-size:20px; font-weight:normal;}

/*cb_他们都选亮键，看他们如何说*/
.khjz{width:704px; height:404px; border:1px solid #e8e8e8;}
.khCont{margin:20px auto 0px auto; width:675px; overflow:hidden;}
.khCont li{float:left; margin-right:1px; width:224px; height:315px; background:#777 url(../img/khLi.png) no-repeat center;}
.khCont li:hover{background-color:#025cb0;}
.khCont li img{border-top:1px solid #fff; border-bottom:1px solid #fff;}
.khCont li h5{margin-top:20px; height:34px; line-height:34px; font-size:14px; text-align:center;}
.khCont li h5 a{color:#fff;}
.khCont li p{margin:0px 18px 30px 18px; line-height:18px; height:72px; overflow:hidden; color:#fff;}
.khCont li p a{color:#fff;}
.khCont li.iB{position:relative;}
.khCont li.iB img{position:absolute; left:0px; bottom:0px;}

/*cb_亮键荣誉资质证书*/
.ryBox{width:258px; height:404px; border:1px solid #e8e8e8;}
.ryBox ul{margin:24px auto 0px auto; width:206px;}
.ryBox li{float:left; width:206px;}
.ryBox li img{border:1px solid #d2d2d2;}
.ryBox li h5{margin-top:10px; font-weight:normal; text-align:center;}
.ryBox li h5 a{color:#333;}

/*广告栏*/
.ggl{margin-top:16px; margin-bottom:16px; position:relative;}
.ggl img{display:block;}
.ggl span{position:absolute; left:788px; top:48px; font-size:24px; color:#fff;}

/*cb_案例*/
.alBox{margin-bottom:16px; border:1px solid #e0e0e0; background-color:#fff;}
.alBox .alCont{padding:20px 0px; position:relative;}
.alBox .alCont ul{margin:0 auto; width:864px; overflow:hidden;}
.alBox .alCont li{margin:0 8px; float:left; width:272px; text-align:center;}
.alBox .alCont li img{padding:4px; border:1px solid #e5e5e5;}
.alBox .alCont li h5{margin-top:18px; font-weight:normal;}
.alBox .alCont li h5 a{color:#333;}
.alBox .alCont .btnLeft , .alBox .alCont .btnRight{position:absolute; top:50%;_top:40%; margin-top:-25px; width:15px; height:33px;}
.alBox .alCont .btnLeft{left:28px; background:url(../img/BtnLeft.png) no-repeat center;}
.alBox .alCont .btnRight{right:28px; background:url(../img/BtnRight.png) no-repeat center;}

/*关于*/
.gyBox{width:600px; height:340px; background:#fff url(../img/gyLogo.png) no-repeat 420px 44px;}
.gyBox dt{margin-top:25px; margin-left:15px; margin-bottom:10px;}
.gyBox dt img{padding:4px; border:1px solid #e5e5e5;}
.gyBox dd{margin:0px 15px;}
.gyBox dd h5{height:40px; line-height:40px; font-size:14px;}
.gyBox dd h5 a{color:#025cb0;}
.gyBox dd p{line-height:24px; color:#333; height:96px; overflow:hidden;}
.gyBox dd p a{color:#333;}

/*视频*/
.spBox{padding:6px; width:354px; height:328px; background:url(../img/spImg.jpg) no-repeat center; background-color:#fff;}

/*生产基地*/
.scjd{margin-top:16px; background-color:#fff;}
.scjd .tabTit{height:60px; background-color:#0368ae;}
.scjd .tabTit span{float:left; width:190px; height:60px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; color:#fff; cursor:pointer;}
.scjd .tabTit span.cur , .scjd .tabTit span:hover{background-image:url(../img/tabSpanCur.png);}
.scjd .scCont{padding:30px 0px; position:relative;}
.scjd .scCont ul{margin:0 auto; width:864px; overflow:hidden;}
.scjd .scCont li{margin:0 8px; float:left; width:272px; text-align:center;}
.scjd .scCont li img{padding:4px; border:1px solid #e5e5e5;}
.scjd .scCont li h5{margin-top:18px; font-weight:normal;}
.scjd .scCont li h5 a{color:#333;}
.scjd .scCont .btnLeft , .scjd .scCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:15px; height:33px;}
.scjd .scCont .btnLeft{left:28px; background:url(../img/BtnLeft.png) no-repeat center;}
.scjd .scCont .btnRight{right:28px; background:url(../img/BtnRight.png) no-repeat center;}

.dtSpan{padding-top:14px; padding-bottom:14px;}

/*动态*/
.dtBox{width:350px; height:388px; border:1px solid #e0e0e0;margin-right: 10px;background: #fff}
.dtBox .dtImg{padding:18px 0px; text-align:center;}
.dtBox .dtImg img{padding:4px; border:1px solid #e5e5e5;}
.dtBox ul{margin:0px 18px;}
.dtBox li{position:relative; padding-left:14px; height:30px; line-height:30px; background:url(../img/cpMuLi_ico.png) no-repeat 2px center; overflow:hidden;}
.dtBox li a{color:#333;}
.dtBox li span{position:absolute; right:0px; top:0px;}

.dtList{width:254px; height:388px; border:1px solid #e0e0e0;background: #fff}
.dtList ul{margin:16px 22px;}
.dtList li{padding-left:14px; height:30px; line-height:30px;*line-height:30px; background:url(../img/cpMuLi_ico.png) no-repeat 2px center; overflow:hidden;}
.dtList li a{color:#333;}

/*常见问题*/
.wtjd{width:256px; height:388px; border:1px solid #e0e0e0;}
.wtjdCont{margin-top:10px; height:314px; overflow:hidden;}
.wtjdCont dl{margin:0px 10px; padding-bottom:6px; margin-bottom:16px; border-bottom:1px dashed #a4a4a4;}
.wtjdCont dt{background-image:url(../img/tw_ico.png);}
.wtjdCont dt a{color:#025cb0; font-weight:bold;}
.wtjdCont dd{line-height:18px; background-image:url(../img/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:2px 0px 2px 30px; margin:4px 0; line-height:22px; background-position:left top; background-repeat:no-repeat;}

.dzSpan{background:url(../img/dzSpan.jpg) no-repeat center;}
/*cb_最新定制*/
.zxdz{position:relative; width:488px; height:520px; background:url(../img/zxdz.png) no-repeat center;}
.zxdz h4{padding-left:24px; height:64px; line-height:64px; font-size:18px; color:#fff;}
.zxdz ul{margin:10px 20px;}
.zxdz li{padding-left:14px; height:34px; line-height:34px; overflow:hidden; background:url(../img/zx_ico.png) no-repeat left center;}
.zxdz li a{color:#fff;}
.zxPhone{position:absolute; left:190px; top:470px; font-size:24px; color:#fff;}

/*留言*/
.zxlyBox{width:492px; height:520px; }
.zxlyBox dl{padding-top:26px; padding-bottom:20px; margin-left:34px; margin-right:14px; margin-bottom:24px; color:#fff; border-bottom:1px dashed #939393;}
.zxlyBox dt{font-size:18px; font-weight:bold;}
.zxlyBox dd{margin-top:8px; font-size:14px;}
.zxlyBox .m_form{margin-left:34px;}
.zxlyBox .m_form *{font-family:microsoft yahei;}
.zxlyBox .m_form>li{position:relative; margin-bottom:6px;height:30px;}
.zxlyBox .m_form>li.areLi{height:166px;}
.zxlyBox .m_form li.btnLi{height:45px;}
.zxlyBox .m_form label{float:left; width:72px; height:30px; line-height:30px; color:#fff;}
.zxlyBox .m_form .iptTxt , .iptD p{float:left; width:192px; height:20px; line-height:20px; padding:5px 10px 5px 40px; outline:none; border:none; color:#333;}
.zxlyBox .m_form .txtAre{float:left; width:294px; height:156px; line-height:20px; border:none; outline:none; resize:none; color:#333; padding:5px 10px 5px 40px; background:url(../img/txtAre.png) no-repeat left center; *overflow:hidden;}
.zxlyBox .m_form .ip01{background:url(../img/ip01.png) no-repeat center;}
.zxlyBox .m_form .ip02{background:url(../img/ip02.png) no-repeat center;}
.zxlyBox .m_form .ip03{background:url(../img/ip03.png) no-repeat center;}
.zxlyBox .m_form .ip04{}
.zxlyBox .m_form .btnSubmit{width:120px; height:45px; background:url(../img/btnSubmit.png) no-repeat center; border:none; cursor:pointer;}

/*友情链接*/
.yqljBg{background-color:#f2f2f2;}
.yqlj h4{}
.yqlj p{margin-left:150px; height:70px; line-height:70px; overflow:hidden;}
.yqlj p a{display:inline-block; padding:0 18px; color:#333;}


#flashs{ position:relative; height:550px; 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:#0368ae;}


.zxlyBox .m_form .iptD p{background:url(../img/ip04.png) no-repeat center;}
.zxlyBox .m_form .iptD ul{position:absolute; top:30px; left:72px; z-index:999; display:none; width:240px; background-color:#fff; border:1px solid #999; border-top:none; height:120px; overflow:hidden;}
.zxlyBox .m_form .iptD ul li{height:30px; line-height:30px; overflow:hidden;}
.zxlyBox .m_form .iptD ul li{display:block; padding:0px 10px; font-size:14px; text-decoration:none; cursor:pointer;}
.zxlyBox .m_form .iptD ul li:hover{background-color:#eee;}