﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}

.bannerBox{width:100%; height:472px; }
#flashs{ position:relative; height:472px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; 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:#d50202;}
		/*--searchBox*/
.searchBg{border-bottom:1px solid #ccc;}
.search{padding:8px 0; height:26px; line-height:26px; overflow:hidden;}
.search .searchBox{width:332px;}
.search b{color:#333;}
.search a{color:#333;padding:0px 3px;}
.search .soText{float:left; width:230px; 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; color:#333;}
.search_ss {
    background:#c00;
    width: 42px;
    line-height: 25px;
    height: 25px;
    text-align: center;
    border: medium none;
    color: #FFF;
    cursor: pointer;
    margin-left:-3px;
}
.inp02{border:1px solid #ccc;border-right:none;height:25px;line-height:25px;padding-left:5px;width:160px;}
.contTit{position:relative; height:47px; line-height:47px; background:url(../images/contTit.png) no-repeat left center; font-weight:normal;}
.contTit span{margin-left:66px; color:#fff;}
.contTit img{position:absolute; top:24px; right:20px;}

.lcImg img{display:block;}

.cpSpan{background-color:#fff;}
/* banner */
.banner{ width:100%; height:473px; overflow:hidden; position:relative;  }
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:25px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd li a{ width:100%; height:473px; display:block;}

.subanner{ width:100%; height:300px;}
.subanner li{ width:100%; height:300px;}
/*产品*/
.cpBox{padding:20px 0;}

.cpMu{position:relative; width:222px; height:410px; background:#d3d3d3; overflow:hidden;}
.cpMu h4 img{display:block;}
.cpMu .flBx{margin:0 auto; width:198px;}
.cpMu .flBx h5{padding-left:30px; height:34px; line-height:34px; font-size:14px; font-weight:normal;}
.cpMu .flBx h5 a{color:#fff;}
.cpMu dl{font-size:13px; color:#333;}
.cpMu dt{margin:6px 0; padding-left:30px; font-weight:bold; background:url(../images/cpMuDt.png) no-repeat 18px center;}
.cpMu dd{ line-height:28px;}
.cpMu dd ul{padding-left:15px;}
.cpMu dd a{padding-left:30px; height:28px; line-height:28px; display:block; text-decoration:none;}
.cpMu dd a:hover{background:url(../images/cpMuDd_h.png) no-repeat 172px center; color:#c00;}

.cpMu li a {
    padding-left: 30px;
    height: 24px;
    line-height: 24px;
    display: block;
    text-decoration: none;
    background: url(../images/h3.gif) no-repeat 10px  center;
}
.cpMu li a:hover {
    background:url(../images/cpMuDd_h.png) no-repeat 10px center;
    color: #C00;
}

.cpMu .fl01{margin-top:10px; height:300px; background:#fff;}

.cpMu .fl02{margin-top:8px; height:302px; background:url(../images/fl02Bg.png) no-repeat center;}
.cpMu .fl02 ul{margin-top:8px;}
.cpMu .fl02 li{height:28px; line-height:28px;}
.cpMu .fl02 li a{padding-left:30px; height:28px; line-height:28px; display:block; text-decoration:none;}
.cpMu .fl02 li a:hover{background:url(../images/cpMuDd_h.png) no-repeat 172px center; color:#c00;}
.cpPhone{position:absolute; bottom:20px; left:0px; width:100%; text-align:center; font-size:16px; color:#fff;}

.cpList{width:738px;overflow:hidden;}
.cpListCont{}
.cpListCont h4{position:relative; height:47px; line-height:48px; background:url(../images/contTit.png) no-repeat left center;}
.cpListCont h4 span{margin-left:66px; font-weight:normal; color:#fff;}
.cpListCont h4 img{position:absolute; top:20px; right:20px;}
.cpListCont ul{overflow:hidden;}
.picMarquee-left{ overflow:hidden; position:relative;  }
.picMarquee-left .prohd .prev{ width:22px; height:43px; position:absolute; left:0px;cursor:pointer; top:40px;background:url(../images/rybtnSL.png) no-repeat center;}
.picMarquee-left .prohd .next{ width:22px; height:43px; position:absolute; right:0px; cursor:pointer;top:40px; background: url(../images/rybtnSR.png) no-repeat scroll center center;}

.picMarquee-left .probd{ margin:10px 40px; width:910px;  }
.picMarquee-left .probd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .probd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .probd ul li .pic{ text-align:center; }
.picMarquee-left .probd ul li .pic img{ width:160px; height:120px; display:block;  border:1px solid #ccc; }
.picMarquee-left .probd ul li .pic a:hover img{ width:160px; height:120px;  }
.picMarquee-left .probd ul li .title{ line-height:24px;   }

.cpListCont li{margin-right:18px; margin-top:20px; float:left; width:165px;}
.cpListCont li.noMr{margin-right:0;}
.cpListCont li img{border:2px solid #ccc;}
.cpListCont li img:hover{border-color:#c00;}
.cpListCont li h5{height:35px; line-height:35px; overflow:hidden; font-weight:normal; overflow:hidden;text-align:center;}
.cpListCont li h5 a{color:#333;}


.ggl01{height:170px; background:url(../images/gglImg_01.jpg) no-repeat center;}
.ggl01 .container{position:relative;}
.ggl01 span{position:absolute; left:678px; top:134px; font-size:22px; color:#fff;}
.ggl01 img{position:absolute; left:858px; top:130px;}

.ggl02{margin-bottom:20px; height:136px; background:url(../images/gglImg_02.jpg) no-repeat center;}

.krBox{position:relative; height:523px; background:url(../images/krBg.jpg) no-repeat center;}
.krBox ul{position:absolute; left:50px; top:178px;}
.krBox ul li{padding-left:40px; height:46px; line-height:46px; background:url(../images/krLi.png) no-repeat left bottom; font-size:16px; color:#333;}
.krPhone{position:absolute; left:106px; top:470px; font-size:24px; color:#c00;}


/*优势*/
.ysBox{position:relative; height:1354px; background:url(../images/ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute; color:#333;}
.ysBox dt{padding-bottom:18px; margin-bottom:16px; font-size:20px; font-weight:bold; color:#161511; background:url(../images/ysDtBg.png) no-repeat left bottom;}
.ysBox dd span{font-size:18px; color:#cd0e16;}
.ysBox dd p{margin-top:16px; font-size:16px; color:#333; line-height:28px;}
.ysBox .ys01{left:478px; top:162px; width:462px;}
.ysBox .ys02{left:134px; top:464px; width:376px;}
.ysBox .ys03{left:514px; top:770px; width:400px;}
.ysBox .ys04{left:134px; top:1094px; width:450px;}
.ysBox .ys04 dd{margin-right:50px;}

/*合作伙伴*/
.hzhb{background-color:#fff;}
.cpListCont .hzCont{padding:24px 0; position:relative; border:1px solid #ccc;}
.cpListCont .hzCont ul{margin:0 auto; width:870px; overflow:hidden;}
.cpListCont .hzCont li{margin:0 9px; width:156px; float:left; text-align:center;}
.cpListCont .hzCont li img{border:1px solid #9b9b9b;}
.cpListCont .hzCont li h5{padding-top:10px; font-weight:normal;}
.cpListCont .hzCont .btnLeft , .cpListCont .hzCont .btnRight{position:absolute; top:50%; margin-top:-22px; width:22px; height:43px;}
.cpListCont .hzCont .btnLeft{left:0px; background:url(../images/rybtnSL.png) no-repeat center;}
.cpListCont .hzCont .btnRight{right:0px; background:url(../images/rybtnSR.png) no-repeat center;}


.khjz{width:664px; height:518px; background-color:#fff;}
.msCont{margin:5px 0; height:438px; overflow:hidden; background:url(../images/khjzBg.png) no-repeat center;}
.msCont dl{margin:0px 34px 0px 34px; padding:22px 0; height:174px; overflow:hidden;}
.msCont dt img{border:3px solid #ccc;}
.msCont dd{margin-left:200px;}
.msCont dd h5{font-size:18px; font-weight:normal;}
.msCont dd h5 a{color:#c00;}
.msCont dd p{margin:24px 0; line-height:24px; height:72px; overflow:hidden;}


.zxfh{width:290px; height:518px; background-color:#fff;}
.zxfh ul{margin:20px;}
.zxfh ul li{padding-left:12px; height:38px; line-height:38px; overflow:hidden; background:url(../images/dtLiIco.png) no-repeat left 14px;}


/*关于*/
.gyFcBox{width:664px; height:318px; background-color:#fff;}

/*关于*/

.gyBox{}
.gyBox dl{margin:34px 25px 50px 25px; height:204px; overflow:hidden;}
.gyBox dt img{padding:6px; background:url(../images/zjImgBg.png) repeat;}
.gyBox dd{margin-left:300px;}
.gyBox dd h5{height:36px; line-height:36px; font-size:18px; border-bottom:1px dotted #999;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{margin:14px 0 34px 0; line-height:22px; height:88px; overflow:hidden; color:#333;}
.gyBox dd .btnCkgd{color:#c00;}

/*公司风采*/
.gsfc{}
.gsfc ul{margin:0 auto; width:624px; overflow:hidden;}
.gsfc li{float:left; margin:0 7px; text-align:center;}
.gsfc li img{padding:6px; background:url(../images/zjImgBg.png) repeat;}
.gsfc li h5{margin-top:8px; font-weight:normal;}
.gsfc li h5 a{color:#333;}



/*荣誉*/
.ryBox{width:290px; height:318px; background-color:#fff;}
.ryBox .ryCont{padding-top:32px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:214px; overflow:hidden;}
.ryBox .ryCont li{width:214px; float:left; text-align:center;}
.ryBox .ryCont li h5{padding-top:8px; font-weight:normal; font-size:14px;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-22px; width:22px; height:43px;}
.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;}
.ryZxLi{margin:15px 20px 0 20px; padding:16px 10px 0 10px; border-top:1px solid #ccc;}
.ryZxLi p{height:35px; line-height:35px; color:#333; overflow:hidden;}
.ryZxLi b{}


.gyBoxYy{height:24px; background:url(../images/gyBoxYy.png) no-repeat center;}

/**/
.skxc{padding-bottom:20px; background-color:#fff;}
.skxc h4{margin-bottom:22px; border-bottom-width:0px;}
.skGgImg{margin-left:10px;}
.skGgImg img{padding:10px; background:url(../images/zjImgBg.png) repeat;}
.skGgImg dt{height:34px; line-height:34px; font-weight:normal; color:#333;}

.skxcList{margin-right:10px; width:549px; overflow:hidden;}
.skxcList li{margin-left:7px; float:left; width:176px; text-align:center;}
.skxcList li img{padding:7px; background:url(../images/zjImgBg.png) repeat;}
.skxcList li h5{height:34px; line-height:34px; font-weight:normal;}
.skxcList li h5 a{color:#333;}
.xdlcYy{height:28px; background:url(../images/xdlcYy.png) no-repeat center;}
.dtSpan{}
.dtSpan h4{height:38px; line-height:38px; background-color:#333; font-weight:normal;}
.dtSpan h4 span{margin-left:12px; padding-left:25px; color:#fff; background:url(../images/dtTitA_ico.png) no-repeat left center;}

/*动态*/
.dtBox{margin-right:22px; width:310px; height:406px; border:1px solid #ccc; background-color:#fff;}
.dtBox dl{margin:30px 12px 20px 12px; height:108px; overflow:hidden;padding-bottom:5px;}
.dtBox dt img{border:1px solid #ccc;}
.dtBox dd{margin-left:122px;}
.dtBox dd h5{font-size:14px; font-weight:normal;}
.dtBox dd h5 a{color:#333;}
.dtBox dd p{margin:5px 0; line-height:22px; height:66px; overflow:hidden;}
.dtBox dd .btnMore{color:#c00;}
.dtBox ul{padding-top:10px; margin:0 12px; border-top:1px dotted #ccc;}
.dtBox li{height:36px; line-height:36px;}
.dtBox li a{display:inline-block; padding-left:20px; background:url(../images/dtLiIco.png) no-repeat 4px center; width:270px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}

/*问题解答*/
.wtjd{width:310px; height:406px; border:1px solid #ccc; background-color:#fff;}
.wtjdCont{ height:340px; overflow:hidden;padding:0px 10px;line-height:30px;}
.wtjdCont dl{margin:0 20px; padding:4px 0; border-bottom:1px dotted #ccc;}
.wtjdCont dt{padding:4px 0; background-image:url(../images/tw_ico.png); font-size:14px;}
.wtjdCont dt a{color:#c00;}
.wtjdCont dd{line-height:20px; background-image:url(../images/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:8px 0; padding-left:28px; background-position:left 6px; background-repeat:no-repeat;}


.dtSpanYy{height:18px; background:url(../images/dtSpanYy.png) no-repeat center;}


.yqlj{overflow:hidden;background-color:#ccc;padding-bottom:15px;}
.yqlj h4 img{}
.yqlj p{margin:14px 0 14px 120px; line-height:28px; height:58px; overflow:hidden;}
.yqlj p a{display:inline-block; padding:0 24px; font-size:14px; background:url(../images/yqljBr.png) no-repeat right center;}

.yqljYy{height:20px; background:url(../images/yqljYy.png) no-repeat center;}
.link {
    margin: 10px 10px;
}
.lin span {
    padding: 0px 5px;
}
.lin{padding-bottom:5px;}
.agent_con .age_li_about .xiangsi{text-align:center;}
.agent_con .age_li_about .hanzi01{text-align: center;}
.area {
    border: 1px solid #bbb;
    overflow: hidden;
    text-align: left;
    width: 762px;
    margin-bottom: 10px;
    margin-top: 10px;
    background:#fff;
}
.dtcp {
    border-bottom: 1px solid #bbb;
    margin-bottom: 6px;
    height: 30px;
    line-height: 30px;
}
.hotsale li{width:200px;float:left;margin-left:10px;text-align:center;}
.hotsale li img{width:180px;height:180px;border:1px solid #ccc;}
.hotsale li h3{font-size:14px;}
/*banner css*/

/*本例css*/
.www51buycom { width:100%;margin:auto; position: relative; overflow:hidden; }
.www51buycom li {width:100%;margin:0 auto;}
/*数字按钮样式*/
.www51buycom .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 47%; zoom:1; z-index:3 }
.www51buycom .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.www51buycom .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.www51buycom .prev,
.www51buycom .next { display: none; width: 40px; height: 100px; background: url(../images/images/btn.png) no-repeat; position: absolute; top: 115px;}
.www51buycom .prev { left: 0; }
.www51buycom .next { right: 0; background-position: right }