@charset "utf-8";

/* CSS Document */

*{transition:all .5s;}



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

#flashs{ position:relative; height:1040px; overflow:hidden;background-size: 100% auto;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; height: 1040px; width: 100%; cursor: pointer; margin: 0 auto; }
#flashs .bgitem img{ height: auto; width: 100%;background-size: 100% auto;}



@media screen and (min-width:1200px ) and (max-width: 1440px) {
.bannerBox{width:100%; height:780px; }

#flashs{ position:relative; height:780px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; height: 780px; width: 100%; background-size: 100% auto;cursor: pointer; margin: 0 auto; }

#flashs .bgitem img{ height: auto; width: 100%;background-size: 100% auto;}

}

@media screen and (min-width:320px ) and (max-width: 768px) {
.bannerBox{width:100%; height:300px; }

#flashs{ position:relative; height:300px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; height: 300px; width: 100%; background-size: 100% auto;cursor: pointer; margin: 0 auto; }

#flashs .bgitem img{ height: auto; width: 100%;background-size: 100% auto;}

}



#flashs .btn{ position:absolute; z-index:7; bottom:5px; left:50%; margin-left:-45px; 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:#7ac38d;}

.mainContent{height:4650px; background:url(../style/mainContent.png) no-repeat center;}



/*搜索*/

.search{position:relative; height:108px; overflow:hidden;}

.search .searchBox{margin:24px 0 14px 272px; width:456px; overflow:hidden;}

.search .soText{float:left; width:350px; height:21px; line-height:21px; padding:8px 10px 8px 46px; color:#333; border:none; background:url(../style/searchTxt.png) no-repeat center; outline:none;}

.search .soBtn{float:right; width:50px; height:37px; border:none; background:url(../style/searchBtn.png) no-repeat left center;}

.search .keyWord{margin-left:272px; width:500px; height:31px; overflow:hidden; color:#333;}

.search .keyWord em{}

.search .keyWord a{padding:0 2px; color:#333;}

.search .so_phone{position:absolute; right:0; top:56px; padding-left:36px; background:url(../style/hdPhoen_ico.png) no-repeat left center; color:#a1a1a1;}

.search .so_phone dd{font-size:24px; font-family:Arial, Helvetica, sans-serif; color:#546a85;}



/*案例*/

.alBox{height:439px; overflow:hidden;}

.alMu{width:230px;}

.alMu h4{height:34px; line-height:34px; font-size:16px;}

.alMu h4 a{color:#fff;}

.alMu ul{margin-top:16px;}

.alMu li{}

.alMu li a{padding-left:60px; color:#fff; display:block; background:url(../style/alMu_ico.png) no-repeat 40px center;height:40px; line-height:40px; font-size:13px;}

.alMu li a:hover,.alMu li cur a{background-image:url(../style/alMu_icoH.png); background-position:10px center; color:#546a85;}

.alCont{width:720px; overflow:hidden;}

.alCont dt{width:420px; height:380px; border-right:1px solid #e1e1e1; overflow:hidden;}

.alCont dt img{margin-top:20px;border: 1px solid #ddd;padding: 2px;}

.alCont dd{margin-left:446px;}

.alCont dd h5{margin-bottom:12px; height:54px; line-height:54px; font-size:16px;}

.alCont dd h5 a{color:#546a85;}

.alCont dd p{margin-bottom:14px; line-height:24px; height:; overflow:hidden;}

.alCont dd .gyMore{padding-right:18px; color:#546a85; background:url(../style/titMore_ico.png) no-repeat right center;}



.cpSpan{margin-top:22px; margin-bottom:22px; padding-top:10px; height:644px; background-color:#fff; overflow:hidden;}



.cpMu{margin-left:10px; width:210px; overflow:hidden;}

.cpMu h4{height:54px; line-height:54px; background:#7ac38d url(../style/cpMuTit.png) no-repeat 36px center; text-align:center;}

.cpMu h4 a{color:#fff;}

.cpMu ul{}

.cpMu li{background:url(../style/cpMuLi_ico.png) no-repeat 176px center;}

.cpMu li a{padding-left:16px; margin:0 6px; display:block; height:37px; line-height:37px; border-bottom:1px dotted #b2bcc8; font-size:13px; color:#333; text-decoration:none;}

.cpMu li:hover{background-color:#546a85;}

.cpMu li:hover a{color:#fff;}

.cpMuCont{margin-top:2px; padding-bottom:12px; border:1px solid #e2e2e2;}

.cpMuCont p{margin:16px 8px; line-height:22px; font-size:13px; color:#546a85;}

.cpMuCont .mu_phone{margin-left:10px; padding-left:36px; background:url(../style/hdPhoen_ico.png) no-repeat left center; color:#546a85;}

.cpMuCont .mu_phone dd{font-size:24px; font-family:Arial, Helvetica, sans-serif;}



.cpList{margin-right:10px; width:760px; overflow:hidden;}

.cpList h4{margin:8px 0; height:38px; line-height:38px; background:url(../style/contTitBg2.png) no-repeat left center;}

.cpList h4 a{margin-left:18px; color:#546a85;}

.cpListCont{margin-top:20px;}

.cpList dl{margin-bottom:42px; float:left; width:50%;}

.cpList dl dt {display:block; border:1px solid #e5e5e5; width:180px;}

.cpList dl dt img { margin:0 auto;}

.cpList dl dd{margin-left:198px; height:152px; overflow:hidden;}

.cpList dl dd h5{font-size:14px; height:32px; line-height:17px;}

.cpList dl dd h5 a{color:#546a85;}

.cpList dl dd p{line-height:20px; height:40px; font-size:13px; overflow:hidden; color:#546a85;}

.cpList dl dd div{margin-top:16px; overflow:hidden;}

.cpList dl dd div span{float:left; width:50%; line-height:22px; color:#767676;}

.cpList dl dd div span em{position:relative; top:-1px; margin-right:6px; color:#b0b0b0;}



/*合作伙伴*/

.hzhb{margin-bottom:22px; height:166px; background-color:#fff; overflow:hidden;}

.hzhb h4{margin:11px; height:38px; line-height:38px; background:url(../style/contTitBg2.png) no-repeat left center;}

.hzhb h4 a{margin-left:18px; color:#546a85;}

.hzhb ul{margin:18px auto 0 auto; width:984px; overflow:hidden; }

.hzhb li{margin:0 10px; float:left; width:144px; text-align:center;}



/*优势*/

.ysBox{position:relative; height:450px; background:url(../style/ysBoxBg.jpg) no-repeat center;}

.ysBox dl{position:absolute;}

.ysBox dt{margin-bottom:14px; font-weight:bold; font-size:16px; color:#546a85;}

.ysBox dt b{position:absolute; left:-70px; top:0; width:54px; height:54px; line-height:54px; text-align:center; color:#fff; background-color:#546a85; font-size:30px;}

.ysBox dt b.lv{background-color:#7ac38d;}

.ysBox dd{line-height:18px; font-size:14px; color:#333; width:190px;}

.ysBox dd p{color:#ff5a00;}

.ysBox .ys01{left:100px; top:66px;}

.ysBox .ys02{left:760px; top:66px;}

.ysBox .ys03{left:100px; top:186px;}

.ysBox .ys04{left:760px; top:186px;}

.ysBox .ys05{left:100px; top:306px;}

.ysBox .ys06{left:760px; top:306px;}

.slGgl img{display:block;}



.ppys{position:relative;}

.ppysCc{height:418px; overflow:hidden;}

.ppysCont img{display:block;}

.ppysTab{position:absolute; left:0; top:382px; width:100%;}

.ppysTab ul{margin:0 auto; width:930px;}

.ppysTab li{margin:0 3px; float:left; width:180px; height:60px; line-height:60px; text-align:center; background-color:#546a85; cursor:pointer;

	-webkit-transform:skewX(-20deg);

	-moz-transform:skewX(-20deg);

	-ms-transform:skewX(-20deg);

	-o-transform:skewX(-20deg);

 	transform:skewX(-20deg);}

.ppysTab li.cur , .ppysTab li:hover{background-color:#273e5b;}

.ppysTab li b{font-size:14px; color:#fff;}

.ppysTab li b.ta1{margin-top:12px; line-height:20px; display:inline-block;}



.contTit{position:relative; height:56px; line-height:56px; background:url(../style/contTitBg.png) no-repeat left center;}

.contTit .titA{margin-left:18px; color:#546a85; font-size:14px; }

.contTit .titMore{position:absolute; right:14px; top:0px; padding-right:18px; font-size:12px; font-weight:normal; color:#546a85; background:url(../style/titMore_ico.png) no-repeat right center;}





/*某某机械更懂您*/

.gdn{margin-bottom:20px; background-color:#fff; border:1px solid #ddd;margin-top:44px;}

.gdn ul{margin:0 auto; padding:18px 0; width:984px; overflow:hidden;}

.gdn li{margin:0 9px; float:left; width:228px; text-align:center;}

.gdn li img{padding:4px; border:1px solid #d2d2d2;}

.gdn li h5{margin-top:12px; font-weight:normal;}

.gdn li h5 a{color:#333;}









.ktSpan{margin-bottom:20px;}



/*客户见证*/

.khjz{width:676px; height:286px; background-color:#fff; border:1px solid #ddd;}

.khjz .khCont{margin-top:16px;overflow:hidden;}

.khjz dl{margin:0 22px 28px 22px; height:174px; overflow:hidden;}

.khjz dd{margin-left:250px;}

.khjz dd h5{height:30px; line-height:30px; font-size:14px;}

.khjz dd h5 a{color:#273e5b;}

.khjz dd p{margin-bottom:16px; line-height:22px; color:#333; height:110px; overflow:hidden;}

.khjz dd .btnGd{padding-right:18px; color:#546a85; background:url(../style/titMore_ico.png) no-repeat right center;}



.tdBox{width:306px; height:286px; background-color:#fff; border:1px solid #ddd;}

.tdBox ul{margin:10px auto; width:274px; text-align:center;}

.tdBox ul li{margin-top:20px; position:relative;}

.tdBox ul li h5{position:absolute; left:0; bottom:0; width:100%; height:34px; line-height:34px; background:url(../style/tdH5_ico.png); font-weight:normal;}

.tdBox ul li h5 a{color:#fff;}





/*广告栏*/

.ggl{position:relative;}

.ggl img{display:block;}

.ggl span{position:absolute; left:820px; top:70px; font-size:22px; font-weight:bold; color:#546a85;}



.gcSpan{margin-top:23px; margin-bottom:23px;}



/*关于*/

.gyBox{width:676px; height:486px; background-color:#fff; border:1px solid #ddd;}

.gyCont{}

.gyBox dl{margin:18px; height:206px; overflow:hidden;}

.gyBox dd{margin-left:304px;}

.gyBox dd h5{margin-bottom:12px; height:26px; line-height:26px; font-size:14px;}

.gyBox dd h5 a{color:#546a85;}

.gyBox dd p{margin-bottom:14px; line-height:22px; height:132px; overflow:hidden;}

.gyBox dd .gyMore{padding-right:18px; color:#546a85; background:url(../style/titMore_ico.png) no-repeat right center;}

.gyBox .cjBox{margin:0 18px;}

.gyBox .cjBox .cjTit{height:22px; line-height:22px; font-size:14px;}

.gyBox .cjBox .cjTit a{color:#546a85;}

.gyBox .cjBox ul{margin:18px auto 0 auto; width:664px; overflow:hidden;}

.gyBox .cjBox li{margin-right:16px; float:left; width:146px; text-align:center;}

.gyBox .cjBox li h5{margin-top:10px; font-weight:normal;}

.gyBox .cjBox li h5 a{color:#333;}



/*问题解答*/

.wtjd{width:306px; height:486px; background-color:#fff; border:1px solid #ddd;}

.wtjdCont{margin-top:26px; height:392px; overflow:hidden;}

.wtjdCont dl{margin:0 16px; margin-bottom:26px; border:1px dashed #030303;}

.wtjdCont dt{background-image:url(../style/tw_ico.png);}

.wtjdCont dt a{color:#333;}

.wtjdCont dd{line-height:20px; background-image:url(../style/jd_ico.png); color:#333;}

.wtjdCont dt , .wtjdCont dd{padding:2px 14px 2px 34px; margin:4px 0; line-height:22px; background-position:8px 4px; background-repeat:no-repeat;}



/*加盟直通车*/

.jmztc{margin-bottom:20px; border:1px solid #ddd;}

.ztcCont{overflow:hidden;}

.ztcCont img{float:left;}



.dySpan{margin-bottom:22px;}



/*动态*/

.dtBox{width:418px; height:378px; background-color:#fff; border:1px solid #ddd;}

.dtTab{overflow:hidden; background:url(../style/dtTit.png) repeat-x center;}

.dtTab span{float:left; width:50%; height:56px; line-height:56px; color:#546a85; font-size:14px; font-weight:bold; text-align:center;}

.dtTab span.cur , .dtTab span:hover{background:url(../style/contTitBg.png) no-repeat left center;}

.dtBox dl{margin:14px; height:102px; overflow:hidden;}

.dtBox dd{margin-left:166px;}

.dtBox dd h5{height:32px; line-height:32px; font-weight:normal; font-size:13px; overflow:hidden;}

.dtBox dd h5 a{color:#273e5b;}

.dtBox dd p{line-height:22px; color:#333;}

.dtBox ul{margin:0 14px;}

.dtBox li{position:relative; height:35px; line-height:35px; border-bottom:1px dashed #b3b3b3;}

.dtBox li a{display:inline-block; padding-left:12px; background:url(../style/dtLiIco.png) no-repeat left center; width:270px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color:#333;}

.dtBox li span{position:absolute; right:0; top:0;}



/*在线留言*/

.lyBox{width:566px; height:378px; border:1px solid #ddd; background:#fff url(../style/lyBoxBg.jpg) no-repeat right 57px;}

.lyCont{position:relative; overflow:hidden;}

.lyCont .fPhone{position:absolute; left:400px; top:268px; font-size:24px; color:#546a85;}

.lyCont .m_form{margin-top:10px; margin-left:20px;}

.lyCont .m_form li{margin-bottom:4px; overflow:hidden;}

.lyCont .m_form label{float:left; width:36px; height:30px; border:1px solid #546a85; border-right-width:0; text-align:center; background-color:#546a85;}

.lyCont .m_form .areLi label{height:144px;}

.lyCont .m_form label img{position:relative; top:7px;}

.lyCont .m_form .iptTxt{float:left; width:290px; border:1px solid #546a85; height:14px; line-height:14px; padding:8px 10px; outline:none; color:#fff; background-color:#546a85; font-family:microsoft yahei; border-left-color:#63768e;}

.lyCont .m_form .iptTxt2{float:left; width:103px; border:1px solid #546a85; height:14px; line-height:14px; padding:8px 10px; outline:none; color:#fff; background-color:#546a85; font-family:microsoft yahei; border-left-color:#63768e;}

.lyCont .m_form .txtAre{float:left; width:290px ; height:134px; line-height:20px; border:1px solid #546a85; outline:none; resize:none; color:#fff; padding:5px 10px; background-color:#546a85; font-family:microsoft yahei; border-left-color:#63768e;}

.lyCont .m_form .btnSubmit{ width:125px; height:46px; cursor:pointer; border:none; background:url(../style/btnSubmit.png) no-repeat center;}