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

.bannerBox{width:100%;height: auto;  }


/*产品*/
.cpSpan{padding:16px 0px 26px 0px; background:url(../images/bg.jpg) repeat;}
.cpBox{}

.cpMu{width:237px; height:580px; background:url(../images/pbg.jpg) repeat; overflow:hidden;}
.cpMu h4 img{display:block;}
.cpMuCont{}
.cpMuCont dl{margin-bottom:16px;}
.cpMuCont dt{margin-top:8px; margin-bottom:4px; height:38px; line-height:38px;}
.cpMuCont dt a{margin-left:36px; font-size:16px;}
.cpMuCont dd{overflow:hidden;}
.cpMuCont dd p{height:47px; line-height:47px;}
.cpMuCont dd p a{padding-left:36px;font-size: 16px; height:47px; line-height:47px; display:block; color:#482107; }
.cpMuCont dl.ppfl dd{margin:0 10px;}
.cpMuCont dl.ppfl dd p{padding:0 12px; float:left; height:20px; line-height:20px; white-space:nowrap; word-break:break-all;}
.cpMuCont dl.ppfl dd p a{float:left; height:20px; line-height:20px;padding-left:0px; background-image:none; white-space:nowrap; word-break:break-all;}

.cpList{width:744px; height:580px; overflow:hidden;}
.cpListCont{margin-bottom:20px;}
.cpListCont h4{position:relative; margin-bottom:20px; height:40px; line-height:40px; border-bottom:1px solid #f6e7cf;}
.cpListCont h4 .titA{padding-left:8px; border-left:4px solid #2b100c; font-size:16px; color:#2b100c;}
.cpListCont h4 .titMore{position:absolute; right:0px; top:0px; padding-right:20px; background:url(../images/titmore_ico.png) no-repeat right center; font-weight:normal; font-size:12px; color:#2b100c;}

.cpListCont ul{height:518px; overflow:hidden;background: url(../images/cplistcont.png);}
.cpListCont li{margin-top:1px;padding-bottom:26px; float:left; width:247px; text-align:center;box-sizing: content-box;}
.cpListCont li>a{    width: 240px;
    height: 210px;
    display: block;
    margin: 0 auto;}
.cpListCont li img {max-width: 100%;max-height: 210px;}
.cpListCont li h5{padding:0 12px; height:26px; line-height:26px; font-size:14px; overflow:hidden; font-weight:normal; overflow:hidden;}
.cpListCont li h5 a{color:#2b100c;}

.dbSpan{height:690px; background:url(../images/dbspan.jpg) no-repeat center; overflow:hidden;}
.dbSpan h4{margin-top:126px; margin-bottom:40px; width:528px; overflow:hidden;}
.dbSpan h4 a{margin:0 8px; float:left; width:160px; height:64px; line-height:64px; text-align:center; background:url(../images/dbtab_img.png) no-repeat center; font-size:18px; color:#fff; text-decoration:none;}
.dbSpan h4 a:hover , .dbSpan h4 a.cur{background-image:url(../images/dbtab_imgh.png);}


/*优势*/
.ys{}
.ys div{overflow:hidden;}
.ys h4{height:192px; background:url(../images/ysbg_01.jpg) no-repeat center top;}
.ys .ys_01{height:307px; background:url(../images/ysbg_02.jpg) no-repeat center top;}
.ys .ys_02{height:306px; background:url(../images/ysbg_03.jpg) no-repeat center top;}
.ys .ys_03{height:307px; background:url(../images/ysbg_04.jpg) no-repeat center top;}
.ys .ys_04{height:307px; background:url(../images/ysbg_05.jpg) no-repeat center top;}
.ys .ys_05{height:307px; background:url(../images/ysbg_06.jpg) no-repeat center top;}
.ys .ys_06{height:307px; background:url(../images/ysbg_07.jpg) no-repeat center top;}
.ys dl{}
.ys dt{margin-bottom:12px; font-size:16px; font-weight:bold; color:#bd9455;}
.ys dt b{margin-bottom:10px; font-size:22px; color:#4b2319; display:block;}
.ys dd{font-size:13px; line-height:22px; color:#333; width:380px;}
.ys dd em{color:#8a5a11;}
.ys .ys_01 dl{margin-top:50px; margin-left:90px;}
.ys .ys_02 dl{margin-top:44px; margin-left:585px;}
.ys .ys_03 dl{margin-top:56px; margin-left:135px;}
.ys .ys_04 dl{margin-top:44px; margin-left:557px;}
.ys .ys_04 dl p{margin-top:16px;}
.ys .ys_05 dl{margin-top:51px; margin-left:90px;}
.ys .ys_06 dl{margin-top:43px; margin-left:560px;}


.ggl{height:140px; background:url(../images/gglimg.jpg) no-repeat center;}
.ggl .container{position:relative;}
.ggl .container img{position:absolute; right:0px; top:52px;}


.lcSpan{height:544px; background:url(../images/lcspan.jpg) no-repeat center;}

.chSpan{padding-top:30px; height:376px; background:url(../images/chspan.jpg) no-repeat center;}


.contTit{position:relative; margin-bottom:16px;}
.contTit .titMore{position:absolute; right:0px; top:10px; padding-right:20px; background:url(../images/titmore_ico.png) no-repeat right center; font-weight:normal; font-size:12px; color:#2b100c;}


/*客户见证*/
.khjz{width:716px;}
.khjz dl{margin-bottom:24px; height:140px; overflow:hidden;}
.khjz dt img{padding:3px; border:1px solid #e6d7c0; background-color:#fff;}
.khjz dd{margin-left:200px;}
.khjz dd h5{margin-bottom:12px; height:36px; line-height:36px; font-size:14px;}
.khjz dd h5 a{color:#4b2319;}
.khjz dd p{line-height:22px; color:#333;}

/*合作伙伴*/
.hzhb{width:259px;}
.hzhb ul{overflow:hidden; border-left:1px solid #e8d8b6; border-bottom:1px solid #e8d8b6;}
.hzhb li{float:left; border-top:1px solid #e8d8b6; border-right:1px solid #e8d8b6;}
.hzhb li img{display:block;}


.botCont{padding-top:30px; padding-bottom:20px; background:url(../images/cpspan.jpg) repeat;}

/*关于*/
.gyBox{width:724px;}
.gyBox dl{margin-bottom:14px; height:143px; overflow:hidden;}
.gyBox dt img{padding:3px; border:1px solid #e6d7c0; background-color:#fff;}
.gyBox dd{margin-left:224px;}
.gyBox dd h5{margin-bottom:12px; height:24px; line-height:24px; font-size:14px;}
.gyBox dd h5 a{color:#4b2319;}
.gyBox dd p{line-height:22px; color:#333;}

.gyBox .gyCont{position:relative; height:172px; border:1px solid #e6d7c0; background-color:#fff5eb;}
.gyBox .gyCont ul{margin:18px auto 0px auto; width:664px; overflow:hidden;}
.gyBox .gyCont li{margin:0 6px; float:left; width:154px; text-align:center;}
.gyBox .gyCont li img{padding:3px; border:1px solid #e6d7c0; background-color:#fff;}
.gyBox .gyCont li h5{margin-top:10px; font-weight:normal;}
.gyBox .gyCont li h5 a{color:#333;}
.gyBox .gyCont .btnLeft , .gyBox .gyCont .btnRight{position:absolute; top:50%; margin-top:-18px; width:22px; height:29px;}
.gyBox .gyCont .btnLeft{left:8px; background:url(../images/btnleft.png) no-repeat center;}
.gyBox .gyCont .btnRight{right:8px; background:url(../images/btnright.png) no-repeat center;}


/*荣誉*/
.ryBox{width:258px;}
.ryBox .ryCont{position:relative; height:330px; border:1px solid #e6d7c0; background-color:#fff5eb;}
.ryBox .ryCont ul{margin:40px auto 0px auto; width:170px; overflow:hidden;}
.ryBox .ryCont li{width:170px; float:left; text-align:center;}
.ryBox .ryCont li h5{margin-top:14px; 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:-18px; width:22px; height:29px;}
.ryBox .ryCont .btnLeft{left:8px; background:url(../images/btnleft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:8px; background:url(../images/btnright.png) no-repeat center;}


.wzbBox{padding-bottom:20px; background:url(../images/cpspan.jpg) repeat;}

/*动态*/
.dtBox{width:314px; height:358px;}
.dtBox .dtImg img{padding:3px; border:1px solid #e6d7c0; background-color:#fff;}
.dtBox ul{margin-top:8px;}
.dtBox li{height:30px; line-height:30px; padding-left:20px; background:url(../images/dtli_ico.png) no-repeat left center;}
.dtBox li a{display:inline-block; width:280px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}

.dtBox.ygDt{margin-left:26px;}





/*问题解答*/
.wtjd{width:314px; height:358px; background:url(../images/wtjdbox.jpg) no-repeat center;}
.wtjd h4{padding:10px;}
.wtjdCont{height:300px; overflow:hidden;}
.wtjdCont dl{padding:6px 16px; border-bottom:1px dashed #714f37;}
.wtjdCont dt{padding:4px 0; background-image:url(../images/tw_ico.png);}
.wtjdCont dt a{color:#fff;}
.wtjdCont dd{background-image:url(../images/jd_ico.png); color:#e4c594;}
.wtjdCont dt , .wtjdCont dd{padding:6px 0; padding-left:28px; line-height:20px; background-position:left 8px; background-repeat:no-repeat;}



/*友情链接*/
.yqlj{margin:15px auto; overflow:hidden; height:50px; line-height:50px; overflow:hidden;}
.yqlj h4 img{}
.yqlj p{margin-left:130px; color:#efe0bd;}
.yqlj p a{display:inline-block; padding:0 15px; color:#441d14;}


#flashs{ position:relative;}
#flashs .bgitem{  z-index:1;position:absolute; top:0;width: 100%; }
#flashs .bgitem img{display: block;}
#flashs .btn{ position:absolute; z-index:7; bottom:30px; left:50%; margin-left:-55px; 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:#622e21;}


.prs .t05 {
    background: #622e21;
    height: 63px;
    line-height: 63px;
    padding-left: 25px;
    font-family: "微软雅黑";
    font-size: 22px;
    font-weight: normal;
}
.prs .t05_con {
    border: 5px solid #622e21;
    width: 189px;
    border-top: 0;
}
.t05 {
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
}
.prs p {
    line-height: 35px;
    padding-left: 20px;
    border-bottom: 1px dotted #b4b1b1;
    background: url(../images/dtli_ico.png) no-repeat scroll 7px center;
}
@media only screen and (max-width:640px ) {
	.cpBox {width: 96%;margin: 0 2%;}
	.cpMu {width: 100%;height: auto; background: no-repeat;float: none;}
	.cpMuCont dd p{    float: left; width: 50%;box-sizing: border-box;border: 1px solid #fff9ed;background: url(../images/pbg.jpg) repeat;}
.cpMuCont dd p a { padding-left: 24px;}
	.cpList {width: 96%;margin: 0 2%;float: none;height: auto;}
	.cpSpan{padding-bottom:12px;}
	.cpListCont{margin-bottom: 0;}
	.cpListCont ul{width: 100%;background: none;height: auto;}
	.cpListCont li{width: 50%;box-sizing: border-box;background: #fff;border: 1px solid #fff9ed;padding-bottom: 10px;}
	.cpGgl img{width: 100%!important;height: auto!important;}
	.dbSpan{height: auto;background:#fdf0d4  url(../images/vs.png) no-repeat;background-size: 100%;}
	.dbSpan h4{width: 100%;margin-bottom: 0px;margin-top: 77px;background: #fdf0d4;padding-bottom:18px ;}
	
	
	.dbSpan h4 a{width: 30%;margin: 0 1.5%;height: 42px;line-height: 42px;border-radius: 5px;}
	.dbSpan .dbImgBox img{width: 100%!important;height: auto!important;}
	.ys h4{width: 100%;background-size: 100%;height: 76px;background:#fdf6eb  url(../images/ysbg.png) no-repeat;background-size: 100%;}


	.chSpan{width: 96%;padding: 10px 2% 10px;height: 324px;}
	.khjz{width: 100%;float: none;}
	.khjz dl{margin-bottom: 2px;}
	.khjz dd{margin-left: 165px;}
	.khjz dd h5{margin-bottom: 0px;line-height: 14px;}
	.khjz dt a{width: 150px;height: 115px;display: block;}
	.khjz dt img{max-width: 150px;max-height: 115px;}
	.khjz dd p{height: 91px;overflow: hidden;}
	.hzhb {display: none;}
	.gyBox {width: 96%;padding: 0 2%;}
	
	#compic_scroll{width: 100%!important;}
	.ryBox{width: 90%;margin: 10px 5%;}
	.wzbBox{width: 96%;padding: 0 2% 20px;}
	.dtBox{width: 100%;height: auto;} 
	.dtBox .dtImg img{width: 98%;height: auto;}
	.dtBox.ygDt{margin-left: 0;}
	.wtjd{width: 100%;    background: url(../images/wtjdbox.jpg) repeat-x;} 
	.yqlj{width: 96%;margin: 6px 2%;}
	
	.ys{display: none;}
	.wtjdCont{width: 100%!important;}
	
	#flashs .btn{bottom: 12px;}
	
	.cpListCont li>a{width: 100%;height: 150px;}
	.cpListCont li img{max-height: 150px;}
	.gyBox dl dt img{width: 150px;height:106px ;}
	.gyBox dd{margin-left: 164px;}
	.prs{width:100%;height: auto;background: no-repeat; }	
	.prs .t05_con p{float: left;width: 50%;box-sizing: border-box;border-bottom: 1px dotted #b4b1b1;background: url(../images/dtli_ico.png) no-repeat scroll 7px center;}
	.prs .t05_con p a{color: #333333;
    font-size: 12px;
    font-weight: bold;}
	.prs .t05_con{width: 100%;box-sizing: border-box;}
	
}