.pagetab{min-width:960px;background-color: #fff;padding-bottom: 30px;}
.pagetab .protuitab{margin-top: 30px;}
.pagetab .casetab{margin-top: 30px;margin-bottom:20px;overflow: hidden;}
.pagetab .casetab .casecl{width: 205px;height: auto;overflow: hidden;}
.pageposi{border-bottom: 2px solid #ccc;height: 30px;line-height: 30px;text-align: right;padding-right: 10px;}
.pageposi a{font-size: 14px;}

.page-img{width: 100%;height: 350px;overflow: hidden;text-align: center;}
.protuitab .tableft{float: left;width:221px;}
.protuitab .tableft .tuileft-nav{float: none;height: auto;}
.casetab .pageleft .casecl{float: none;}

/*产品*/
.recompro{width: 709px;border: 1px solid #dedede;border-radius: 3px;margin-bottom: 40px;}
.recompro .reco{font-size: 18px;color:#333; height: 45px;line-height: 44px;border-bottom: 1px solid #dedede;}
.recompro .reco .ttui{display:block;float:left;border-bottom: 2px solid #139ae8;margin-left: 10px;}
.recompro .reco .recomore{display:block;float:right;font-size: 15px;color:#333;margin-right: 10px;}
.recompro .reco .recomore:hover{ text-decoration: underline;color: #4aabe4; }

.recompro .recop{margin-top: 14px;overflow: hidden;}
.recompro .recop .recopros{float:left;margin:0 14px;}
.recompro .recop .recopros .recopimg{display:block;width:202px;border: 2px solid #ddd;}
.recompro .recop .recopros:hover .recopimg{border-color:#6db404;}
.recompro .recop .recopros:hover .recname{background-color: #5aab35;color:#fff;}
.recompro .recop .recopros:hover .recname a{color:#fff;}
.recompro .recop .recopros img{width:100%;display: block;}
.recompro .recop .recopros .recname{font-size: 12px;line-height: 30px;text-align: center;}

/*案例*/
.caseslis{width: 738px;float: right;}
.caseslis .listc{margin-top: 20px;}
.caseslis .listc .cases{float: left;margin: 0 9px;width:166px;margin-bottom: 20px;}
.caseslis .listc .cases img{width: 166px; height: 180px;}
.caseslis .listc .cases .casetitle{display: block;line-height: 35px;font-size: 14px;text-align: center;}
.caseslis .listc .cases:hover .casetitle{background-color: #5aab35;color: #fff;}


/*单页*/
.pageinfo{width:98%;padding:25px 10px;}
.infobox{width:100%;padding-top:25px;}
.infobox .artlist{width: 100%;overflow: hidden;padding: 20px 0;border-bottom: 1px solid #dedede;width: 690px;margin: 0 auto;}
.infobox .artlist:last-child{border-bottom: none;}
.infobox .artlist .arttitle{font-size: 18px;}
.infobox .artlist .arttitle a{color: #666;}
.infobox .artlist .arttitle em{float: right;font-size: 14px;color: #8a8686;}
.infobox .artlist .descart{font-size: 14px;color: #666;line-height: 23px;margin-top: 10px;}
.infobox .artlist:hover .arttitle a{text-decoration: underline;}

.infobox .arttext{padding: 10px 15px 0 15px;}
.infobox .arttext .texttitle{font-size: 20px;color: #333;text-align:center;font-weight: bold;line-height:40px;margin-bottom: 40px; }
.infobox .arttext .textinfo{margin-top: 15px;border-bottom: 1px dashed #666;text-align: center;height: 35px;height: 35px;}
.infobox .arttext .textinfo span{margin-right: 20px;font-size: 15px;color: #666;}
.infobox .arttext .textinfo span a{color: #666;margin: 0 3px;}
.infobox .arttext .textinfo span a:hover{text-decoration: underline;}
.infobox .arttext .textinfo span a.onsize{color: #333;font-weight: bold;}
.infobox .arttext .artcontent{color: #666;font-size: 14px;padding: 0 8px;margin-top: 35px;min-height: 380px;}


.infobox .arttext .pernext{margin-top: 35px;line-height: 35px;}
.infobox .arttext .pernext p{margin-top: 10px;line-height: 35px;background: #ddd;padding-left: 20px;}
.infobox .arttext .pernext p a{color: #333;}
.infobox .arttext .pernext p a:hover{text-decoration: underline;}


.infobox .arttext .arttui{margin-top: 30px;border: 1px solid #dedede;}
.infobox .arttext .arttui p{font-size: 17px;color: #000;text-indent: 20px;line-height: 40px;border-bottom: 1px solid #dedede;}
.infobox .arttext .arttui ul{padding: 0 20px;}
.infobox .arttext .arttui .asttuilist{font-size: 15px;line-height: 36px;border-bottom: 1px dashed #dedede;padding-left: 20px;background: url(../images/ico_03.png) no-repeat 5px center;}
.infobox .arttext .arttui .asttuilist a{color: #666;}
.infobox .arttext .arttui .asttuilist:hover a{text-decoration: underline;color: #5aab35;}

/*最新资讯*/
.pageleft{float: left;}

.newartli{margin-top: 40px;border: 1px solid #ddd;}
.newartli p{height: 36px;line-height: 36px;background-color: #3880ec;padding-left: 18px;color: #fff;}
.newartli ul{padding: 10px 9px 10px;}
.newartli ul li{line-height: 35px;padding-left: 20px;background: url(../images/ico_03.png) no-repeat 5px center;}
.newartli ul li a{color: #666;}
.newartli ul li:hover a{text-decoration: underline;color: #5aab35;}


/*产品详情*/
.prodetail{margin-top: 15px;padding: 0 10px;position: relative;margin-bottom: 30px;}


/*放大镜*/
.preview{width:400px; height:488px;float: left;}
/* smallImg */
.smallImg{position:relative; height:78px; margin-top:1px; background-color:#fff; padding:3px 5px 6px 15px; width:380px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:82px; overflow:hidden; position:absolute; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_008.png) no-repeat;left: 0px;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_009.png) no-repeat;right: 0px;}

#imageMenu {height:83px; width:370px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:84px; width:82px; overflow:hidden; float:left; margin-right: 13px;}
#imageMenu li img{width:96%; cursor:pointer;border:2px solid #dedede;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:96%; border:2px solid #e03f3f;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;border: 1px solid #d6d3d3;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.prodetail .proinfo{float:right;width: 278px;}
.proinfo .prodtitle{font-size: 23px;text-align: center;line-height: 45px; margin-top: 15px;margin-bottom: 20px;}
.proinfo .procls,
.proinfo .prouse,
.proinfo .usearea,
.proinfo .prodesc{font-size: 15px;color: #666;}
.proinfo .prouse{margin:12px 0;}
.proinfo .prodesc{margin-top: 25px;line-height: 24px;text-indent: 2em;}
.proinfo .hottelnum{margin-top: 25px;font-size: 15px;overflow: hidden;}
.proinfo .hottelnum b,.proinfo .hottelnum .honum{float: left;}
.proinfo .hottelnum .honum{font-size: 22px;font-weight:bold;color:#1678de;line-height: 21px;}
.proinfo .buybotton{display:block;width: 108px;height: 38px;text-align: center;font-size: 15px;background: #0066ff;color: #fff;margin: 30px auto 0;line-height: 38px;border-radius: 8px;}

.detailtt{border-bottom: 3px solid #1364de;margin-top: 30px;}
.detailtt span{display:inline-block;color:#fff;font-size: 15px;text-align: center;width: 80px;height: 30px;background: #0066ff;line-height: 30px;border-top-left-radius:3px;border-top-right-radius:3px;}
.protext{margin-top: 20px;padding:0 5px;padding-bottom: 20px;}

.caibuy{margin-top:30px;margin-bottom: 20px;background-color: #256ad2;overflow: hidden;line-height: 36px;font-size: 14px;padding-left: 16px;color: #fff;border-radius: 3px;}
.plun{margin-top:30px;background-color: #256ad2;overflow: hidden;line-height: 36px;font-size: 14px;padding-left: 16px;color: #fff;font-weight: bold;border-radius: 3px;}
.caibuy .proname{font-weight: bold;}
.caibuy .mustinp{float: right;margin-right: 12px;color: #fb0000;}


.userinfo .inputitle{display:inline-block;width:130px;text-align: right;font-size: 15px;}
.userinfo .inputitl{display:block;width:130px;text-align: right;font-size: 15px;float: left;}
.userinfo .yixtitle{display:inline-block;width:130px;text-align: right;font-size: 15px;float: left;margin-right: 4px;}
.userinfo .yixtitle em{color:#fb0000;}
.userinfo .inputitle em{color:#fb0000;}
.userinfo .inputstyle{width: 360px;height: 35px;border-radius: 3px;border:1px solid #bbb;outline:none;padding-left: 8px;}
.userinfo .centstyle{width: 452px;height: 127px;border-radius: 3px;border:1px solid #bbb;outline: none;padding-left: 8px;padding-top: 8px;line-height: 18px;}
.userinfo .subbtn{display:inline-block;width: 95px;height: 38px;border-radius: 3px;border:1px solid #bbb;font-size: 15px;color: #fff; background-color: #0066ff;text-align:center;line-height: 38px;cursor:pointer;margin-left: 138px;margin-top: 20px;}

.comment{margin-top: 30px;}
.commeus span{display:inline-block;width:100px;text-align: right;font-size: 15px;}
.commeus input{width: 300px;height: 35px;border-radius: 3px;border:1px solid #bbb;outline:none;padding-left: 8px;margin-left: 5px}
.commetex span{display:block;width:100px;text-align: right;font-size: 15px;float: left;}
.commetex{margin-top: 18px;}
.comcode span{display:block;width:100px;text-align: right;font-size: 15px;float: left;}
.commetex textarea{width: 452px;height: 127px;border-radius: 3px;border:1px solid #bbb;outline: none;margin-left: 5px;padding-left: 8px;padding-top: 8px;line-height: 18px;}
.comment .subcoment{margin-top: 30px;display:inline-block;width: 95px;height: 38px;border-radius: 3px;border:1px solid #bbb;font-size: 15px;color: #fff; background-color: #0066ff;text-align:center;line-height: 38px;cursor:pointer;margin-left: 138px;margin-top: 20px;}


.commentlis{border: 1px solid #bbb;margin-top: 30px;border-radius: 3px;}
.commentlis .plunli{background-color: #256ad2;overflow: hidden;line-height: 36px;font-size: 14px;padding-left: 16px;color: #fff;font-weight: bold;}
.listcom{padding:10px 8px 16px;}
.listcom .nocom{text-align: center;font-size: 16px;}
.listcom .comminfo{padding:10px 0 16px;border-bottom: 1px solid #333;}
.listcom .comminfo .comusinf{font-size: 15px;padding-left: 5px;}
.listcom .comminfo .comusinf span{display:inline-block;margin:0 40px;}
.listcom .comminfo .comtext{font-size: 14px;color: #666;line-height: 20px;width: 660px;margin: 8px auto 0;}
.listcom .comminfo .replycom{border: 1px dashed #bbb;border-radius: 4px;width: 620px;margin: 13px auto 0;padding: 5px 8px;}
.replycom .repltit{color: #a5a5a5;}
.replycom .replytext{color: #656464;margin-top: 5px;line-height: 20px;}


/*留言*/
.leave_msg{margin-top: 30px;}
.leave_msg .leavenote{font-size: 16px;padding-bottom: 15px;border-bottom: 2px solid #0066ff;width:700px;margin: 0 auto;}
.leave_msg .leavenote span{float: right;font-size: 13px;color: #fb0000;margin-top: 8px;}
.leave_msg .leavem{margin-top: 18px;}
.leavem .learinf .inftitl{display:inline-block;width:130px;text-align: right;font-size: 15px;margin-right: 5px;}
.leavem .learinf .coinftitl{display:inline-block;width:130px;text-align: right;font-size: 15px;margin-right: 5px;float: left;}
.leavem .learinf .inftitl em{color:#fb0000;}
.leavem .learinf .inftitlar em{color:#fb0000;}
.leavem .learinf .inftitlar{display:inline-block;width:130px;text-align: right;font-size: 15px;margin-right: 5px;float: left;}
.leavem .learinf .leavinput{width: 360px;height: 35px;border-radius: 3px;border:1px solid #bbb;outline:none;padding-left: 8px;}

.codimg {float: left;}
.codimg img{float: left;margin: 3px 0 0 10px;}
.codimg .codsty{width: 100px;height: 35px;border-radius: 3px;border:1px solid #bbb;outline:none;padding-left: 8px;float: left;}

.leavem .learinf .leavcont{width: 452px;height: 127px;border-radius: 3px;border:1px solid #bbb;outline: none;padding-left: 8px;padding-top: 8px;line-height: 18px;}
.leavem .subcoment{display:inline-block;width: 95px;height: 38px;border-radius: 3px;border:1px solid #bbb;font-size: 15px;color: #fff; background-color: #0066ff;text-align:center;line-height: 38px;cursor:pointer;margin-left: 138px;}

.erronot{font-size: 14px;color:#fb0000;height: 26px;line-height: 26px;}
.erronot span{margin-left: 150px;display: none;}
.erronot .erromsg{margin-left: 150px;display: none;}


.detaitui{width:221px;border: 1px solid #ddd;margin-top: 30px;border-radius: 3px;padding-bottom: 20px;}
.detaitui .reco{height: 36px;line-height: 36px;background-color: #3880ec;padding-left: 18px;margin-bottom: 20px;color: #fff;}
.detaitui .recopros{width:190px;margin: 10px auto 0;}
.detaitui .recopros .recopimg{display:block;width:98%;border: 2px solid #dedede;border-radius: 3px;}
.detaitui .recopros .recopimg img{width: 100%;}
.detaitui .recopros:hover{display: block;font-size: 12px;line-height: 35px;text-align: center;}
.detaitui .recopros .recname {display: block;font-size: 12px;line-height: 35px;text-align: center;}
.detaitui .recopros:hover .recopimg{border-color: #6db404;}
.detaitui .recopros:hover .recname{background-color: #6db404;color: #fff;}

/*联系我们*/
.leftcont{width:221px;border: 1px solid #ddd;margin-top: 30px;border-radius: 2px;padding-bottom: 18px;}
.leftcont .titlelf{height: 36px;line-height: 36px;background-color: #3880ec;padding-left: 18px;color: #fff;}
.leftcont .lefcontact{margin-top: 8px;padding:0 8px;}
.leftcont .lefcontact .contim{height:115px;padding:0 3px;margin-bottom: 10px}
.leftcont .lefcontact .contim img{width: 100%;}
.leftcont .lefcontact p{line-height: 22px;color: #666;font-size: 12px;padding: 0 6px;}

/*联系我们 案例中心*/

.pageleft .leftcont{width:203px;border: 1px solid #ddd;margin-top: 30px;border-radius: 2px;padding-bottom: 18px;}
.pageleft .leftcont .titlelf{height: 36px;line-height: 36px;background-color: #3880ec;padding-left: 18px;color: #fff;}
.pageleft .leftcont .lefcontact{margin-top: 8px;padding:0 8px;}
.pageleft .leftcont .lefcontact .contim{height:115px;padding:0 3px;margin-bottom: 10px}
.pageleft .leftcont .lefcontact .contim img{width: 100%;}
.pageleft .leftcont .lefcontact p{line-height: 22px;color: #666;font-size: 12px;padding: 0 6px;}

.sabrosus{text-align: center;margin: 20px 0;}
.sabrosus a{display: inline-block;width: 22px;line-height: 22px;border: 1px solid #dedede;border-radius: 3px;color: #292929;margin: 0 2px;text-align: center;}
.sabrosus a.current{background-color: #0066ff;color: #fff;}
.sabrosus a:hover{background-color: #418dff;color: #fff;}

/*网站地图*/
.webmap{width: 866px;margin: 0 auto; border: 2px solid #ddd;border-radius: 1px;padding: 10px 15px 18px;}
.webmap .maptit{font-size: 15px;color:#000;line-height: 35px;font-weight:bold;}
.webmap .maplink{border: 1px solid #dedede;overflow: hidden;}
.webmap .maplink .linklist{float:left;font-size: 15px;line-height: 35px;width:216px;text-align: left;text-indent: 15px;}
.webmap .maplink .linklist a{color: #666;}
.webmap .maplink .linklist a:hover{color: #02a5e6;text-decoration: underline;}


/*search*/
.search_pro{padding: 0 15px;overflow: hidden;}
.search_pro .search_res{padding: 20px 0;border-bottom: 1px solid #ddd;}
.search_res .restitle{font-size: 16px;color: #666;}
.search_res .restitle a{display:inline-block;color: #333;font-weight:bold;margin-right: 12px;}
.search_res .resinfo{overflow: hidden;margin-top: 10px;}
.search_res .resinfo .resimg{display: block;float: left;width:170px;}
/*.search_res .resinfo .resimg img{width:220px;height: 214px;}*/
.search_res .resinfo .resimg img{width:100%;}
.search_res .resinfo .prores{float: right;width: 515px;line-height: 25px;margin-top: 15px;text-indent: 2em;}
.search_res .resinfo .prores a{color:#666;font-size: 15px;}

.search_res .infotitle{margin-top: 10px;text-indent: 2em;}
.search_res .infotitle a{color:#666;font-size: 15px;line-height: 25px;}