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

.bannerBox{width:100%; height:550px;margin-top: 163px;    position: relative;}

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

.cpMu{width:214px; height:856px; 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; border-bottom:1px solid #e5e5e5;}
.cpMu dt{height:36px; line-height:36px;}
.cpMu dt a{margin-left:20px; font-size:15px; color:#025cb0;}
.cpMu dd{margin-left:20px; padding-left:10px; height:34px; line-height:28px; overflow:hidden; background:url(Img/Index/cpMuDd.png) no-repeat left center;}
.cpMu dd a{color:#333;}

.contTit{position:relative; height:52px; line-height:52px; background:url(Img/Index/contIitBg.png) repeat-x center;}
.contTit .titA{margin-left: 20px;
    padding: 4px 15px;
    background: url(Img/Index/titA_ico.png) no-repeat left center;
    color: #fff;
    background: #0368ae;
    font-size: 20px;
    border-radius: 5px;}
.contTit .titMore{position:absolute; right:20px; top:0px; padding-right:20px; background:url(Img/Index/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;}
.listBox li{float:left; margin:0px 9px; width:226px; text-align:center;margin-bottom: 34px;}
.listBox li:hover{
        -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.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{background-color: #D9EDF8;}
.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; text-align:center;}
.hzhb .hzCont li img{    border: 1px solid #0091E0;
    padding: 13px;
    background: #fff;}
.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%; margin-top:-25px; width:15px; height:33px;}
.hzhb .hzCont .btnLeft{left:16px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.hzhb .hzCont .btnRight{right:16px; background:url(Img/Index/BtnRight.png) no-repeat center;}

/*优势*/
.ysBg{background:url(Img/Index/ysBg.jpg) no-repeat center;margin-bottom:16px;}
.ysBox{position:relative; height:1240px; background:url(Img/Index/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;}
.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/Index/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%; margin-top:-25px; width:15px; height:33px;}
.alBox .alCont .btnLeft{left:28px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.alBox .alCont .btnRight{right:28px; background:url(Img/Index/BtnRight.png) no-repeat center;}

/*关于*/
.gyBox{width:600px; height:340px; background:#fff url(Img/Index/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/Index/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/Index/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/Index/BtnLeft.png) no-repeat center;}
.scjd .scCont .btnRight{right:28px; background:url(Img/Index/BtnRight.png) no-repeat center;}

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

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

.dtList{margin-left:16px; width:336px; height:388px; }
.dtList ul{margin:0;    list-style-type: square !important;}
.dtList li{padding-left:0; height:30px; line-height:30px; background:url(Img/Index/cpMuLi_ico.png) no-repeat 2px center; overflow:hidden;}
.dtList li a{color:#333;}

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

.dzSpan{background:url(Img/Index/dzSpan.jpg) no-repeat center;}
/*cb_最新定制*/
.zxdz{position:relative; width:488px; height:520px; background:url(Img/Index/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/Index/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/Index/txtAre.png) no-repeat left center; *overflow:hidden;}
.zxlyBox .m_form .ip01{background:url(Img/Index/ip01.png) no-repeat center;}
.zxlyBox .m_form .ip02{background:url(Img/Index/ip02.png) no-repeat center;}
.zxlyBox .m_form .ip03{background:url(Img/Index/ip03.png) no-repeat center;}
.zxlyBox .m_form .ip04{}
.zxlyBox .m_form .btnSubmit{width:120px; height:45px; background:url(Img/Index/btnSubmit.png) no-repeat center; border:none; cursor:pointer;}

/*友情链接*/
.yqljBg{background-color:#fff;}
.yqlj h4{    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    padding-left: 30px;}
.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:relative; top:0; }
#flashs .btn{ position:relative; 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;    border-radius: 50%;}
#flashs .btn span.cur{ background:#0368ae;}


.zxlyBox .m_form .iptD p{background:url(Img/Index/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;}

div#hexin{
    background: url(../Img/hexin_bg.jpg) no-repeat center top;
    background-size: cover;
    height: 730px;
}

.hexin h3{
        background: url(../Img/hexin.png) no-repeat left center;
    padding-left: 280px;
    width: 240px;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 22px;
    color: #2077ad;
    overflow: hidden;
}

.hexin h3 p{
    font-size: 15px;
    font-weight: normal;
    color: #4b4b4b;
    margin-bottom: 10px;
    margin-top: 5px;
}

.hexin .hexin_title{
    font-size: 16px;
    color: #2077ad;
    font-weight: normal;
    text-align: center;
    background: url(../Img/hexin01.png) no-repeat center;
    line-height: 51px;
    margin-bottom: 20px;
}

.hexin h5{
        font-size: 30px;
    text-align: center;
    color: #4b4b4b;
    margin-bottom: 35px;
    font-weight: normal;
}

.tabTit{
        overflow: hidden;
    width: 100%;
    height: 44px;
    background: url(../Img/hexin02.png) no-repeat center;
    margin-bottom: 50px;
}

.hexin .tabTit ul{
        overflow: hidden;
    width: 509px;
    margin: 0 auto;
}

.hexin .tabTit span{
      float: left;
    width: 138px;
    height: 44px;
    background: url(../Img/hexin04.png) no-repeat center;
    line-height: 44px;
    text-align: center;
    color: #4b4b4b;
    font-size: 16px;
    margin: 0 15px;
    cursor: pointer;
}

.hexin span.cur{
        background: url(../Img/hexin03.png) no-repeat center;
    color: #fff;
    font-weight: bold;
}

div#youshi{
    background: url(../Img/youshi.jpg) no-repeat center top;
    width: 100%;
    min-height: 540px;
    padding-top: 20px;
}

.youshi-box{
	padding-top: 10px;
    text-align: center;
    color: #fff;
        background: url(../Img/youshi_t.png) no-repeat center;
}

.youshi-box h4{
	font-size: 16px;
    font-weight: 100;
}

.youshi-box h3{
	    font-size: 32px;
    margin-top: 25px;
}

.youshi-box-left{
	width: 260px;
    text-align: right;
    float: left;
}

.youshi-box-right{
	float: right;
    width: 250px;
    text-align: left;
}

.youshi-box-left h3,.youshi-box-right h3{
	font-size: 18px;
	margin-bottom: 10px;
}

.box-left-1{
	margin-top: 40px;
    padding-right: 65px;
    background: url(../Img/youshi01.png) no-repeat right top;
}

.box-left-2{
	    margin-top: 60px;
        padding-right: 65px;
       background: url(../Img/youshi02.png) no-repeat right top;
}

.box-left-3{
	margin-top: 50px;
    padding-right: 65px;
       background: url(../Img/youshi03.png) no-repeat right top;
}

.box-right-1{
	margin-top: 40px;
    padding-left: 65px;
        background: url(../Img/youshi04.png) no-repeat left top;
}

.box-right-2{
	margin-top: 45px;
     padding-left: 65px;
        background: url(../Img/youshi04.png) no-repeat left top;
}

.box-right-3{
	margin-top: 50px;
     padding-left: 65px;
        background: url(../Img/youshi04.png) no-repeat left top;
}

.about-box{
	    padding: 50px 0;
}

.about-box h3{
	    color: #3684B5;
    text-align: center;
    margin-bottom: 20px;
}

.about-box-img{
	    float: left;
    padding: 30px;
}

.about-box-img img{
	width: 300px;
}

.about-box-content{
	padding: 30px;
}

.about-box-content p{
	    font-size: 15px;
    line-height: 28px;
}

.about-box h4{
	text-align: center;
    font-size: 23px;
    font-weight: 100;
}

div#dtsnews{
	    background: #d9edf8;
}

div#hzhb{
    background: #D9EDF8;
    padding: 50px 0;
}

div#profile{
	    padding: 30px 0;
    background: #D9EDF8;
}

div#profile h3{
	font-size: 25px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 30px;
}

ul.profile-list li{
	    float: left;
}

ul.profile-list li a{
    display: inline-block;
    background: #fff;
    margin: 50px;
    width: 138px;
    height: 128px;
    position: relative;
   
}


.profile-contact p{
	font-size: 22px;
    margin: 20px 0;
    color: #3684B5;
}


.profile-contact p a{
	color: #fff;
    background: #3684B5;
    padding: 5px 20px;
    font-size: 15px;
        margin-left: 100px;
}

.hexin.container{
	    padding-top: 30px;
}

a.titb{
        font-size: 20px;
    font-weight: 400;
}

.dtBox-a.fl{
    width: 356px;
}

.dtBox-a.fl ul{
    list-style-type: disc;
    padding-left: 0px;
}

.dtBox-a.fl ul li{
        position: relative;
    height: 30px;
    line-height: 30px;
}

.title{
        font-size: 22px;
    text-align: center;
    padding: 15px;
    background: #F3F3F3;
    color: #0368AE;
    border-bottom: 1px solid #ddd;
}

span.cur{
    background: #2277B0;
    color: #fff;
}

.con_left{
    width: 480px;
    float: left;
}

.con_right{
    float: left;
    width: 480px;
}

.con_right img{
    max-width: 400px;
}

ul.profile-list li a.com-1  {
    background:url(../Img/com-1.png) no-repeat left center;
}

ul.profile-list li a.com-2  {
    background:url(../Img/com-2.png) no-repeat left center;
}

ul.profile-list li a.com-3  {
    background:url(../Img/com-3.png) no-repeat left center;
}

ul.profile-list li a.com-4  {
    background:url(../Img/com-4.png) no-repeat left center;
}

ul.profile-list li a.com-1:hover  {
    background:url(../Img/com-hove-1.png) no-repeat left center;
}

ul.profile-list li a.com-2:hover  {
    background:url(../Img/com-hove-2.png) no-repeat left center;
}

ul.profile-list li a.com-3:hover  {
    background:url(../Img/com-hove-3.png) no-repeat left center;
}

ul.profile-list li a.com-4:hover  {
    background:url(../Img/com-hove-4.png) no-repeat left center;
}