﻿
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:14px;  color:#666666; font-family:"微軟雅黑"; min-width:1200px;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微軟雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#2b2b2b;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
@-webkit-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@-moz-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@-o-keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
@keyframes bta{0%{margin-bottom:0;}30%{margin-bottom:-5px;}60%{margin-bottom:0;}80%{margin-bottom:5px;}100%{margin-bottom:0;}}
.fl{float:left;}
.fr{float:right}
.wd1200{width:1200px;margin: 0 auto;height: auto}
.W1200{width:1200px;margin: 0 auto;height: auto}
#titbj{float:left;height:41px;width:100%;border-bottom: 1px solid #eee;background: #f5f5f5;}
#titbj h1,#titbj .h1{float: left;width: 1000px;height:40px;line-height:40px;font-size:14px;font-weight:normal;color: #999999;}
#titbj a{float:left;margin-top:10px;color: #999999;padding: 0 20px;}
#titbj a.contact{border-right:1px solid #e4e4e4}
#titbj a:hover{color:#333}
.top {padding: 20px 0;height: 90px;width: 100%;float:left;}
.top .logo{display: block;padding-right: 10px;height: 80px;}
.top .logo a img{display: block;height: 100%;width: auto;}
.top .logo a{display: block;height: 100%; width: auto;}
.top .logo_2{display: block;height: 70px;padding: 10px 0 0 20px;/* border-left: 1px solid #e7e7e7; */background: url(../image/head_line.png) no-repeat left  center;}
.top .logo_2 strong{display: block;font-size: 24px;line-height: 32px;color: #666;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;min-width: 360px;}
.top .logo_2 p{display: block;font-size: 16px;line-height: 24px;color: #666;padding-top: 6px;max-width: 475px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.top .top_tel{width: 220px;height: 80px;display: block;overflow: hidden;background: url(../image/tel.png) no-repeat 0px 8px;padding-left: 57px;margin-top: 18px;}
.top .top_tel i{float:left;width: 184px;display: block;color: #777;font-style: normal;}
.top .top_tel  p{font-size: 30px;color: #009946;line-height:28px;height: 32px;float:left;margin-top: 5px;font-weight:bold;width: 234px;overflow: hidden;}
.top .top_tel p span{font-size: 16px;display: block;line-height: 22px; font-weight:normal}

/*菜單*/
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.index-nav{width: 100%;height: 50px;background: url(../image/nav_bj.jpg) repeat center center;float: left;color:#fff;padding: 0 0 0 0;}
.index-nav-frame{width: 1200px;margin: 0 auto;height: 50px;}
.Nptline{z-index: 9999999;width: 169px;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 50px;line-height: 50px;text-align: center;font-size: 16px;background: url(../image/nav_line.png) left center no-repeat;margin-left: 2px;}
.Nptline.active{background: #009946;}
.Nptline:hover{background: #009946; }
.Nptline:hover .Nptcenter{height:auto;opacity: 1;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.Nptline a{color:#fff;}
.Nptcenter{width: 169px;border-top:0;background: rgba(255,255,255,0.9);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);opacity: 0;display: block;height:0;position: absolute;overflow: hidden;transition: all 0.5s;margin-bottom: 1px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 16px;text-align: center;background: rgba(255,255,255,0.9);color: #000;float:left;height: 40px;line-height: 40px;margin: 0 auto;text-decoration: none;border-bottom: dotted 1px #ccc;z-index:99;margin-bottom: 1px;}
.Nptcenter .Nptli a{color: #333;float:left;width:100%;}
.Nptcenter a:hover{background: #fff;color: #009946;}
.Nptline-focus:focus{display: none;}
/*輪播廣告*/
.bn-alp { width:100%; height:500px; position:relative; float:left;  background: #ffed29 no-repeat;background-position:50% 0%; overflow:hidden }
.bn-alp ul,.bn-alp li { margin:0; padding:0; list-style:none; }
.bn-alp .abox { height:100%; position:relative; }
.bn-alp .abox li { width:100%; height:500px; background-position:50% 0%; background-repeat:no-repeat; background-color:#dddddd; background-size:cover; position:absolute; top:0; left:0; z-index:10; }
.bn-alp .abox li.on { z-index:99; }
.bn-alp .abox li img.bg { display:none; }
.bn-alp .abox li a.b { display:block; width:100%; height:100%; }
.bn-alp .i { bottom:25px; left:50%; margin-left:-50px; text-align:center; position:absolute; z-index:100;}
.bn-alp .i i {display:inline-block;margin-right:10px;width: 44px;height: 7px;background: rgba(162,162,162,.8);border-radius: 6px;cursor:pointer;/* transition: 0.3s all ease-in-out; */}
.bn-alp .i i.on {background-position: -130px 0;background: #009946;}
.entitle{font: normal 14px "AvantGarde Bk BT";color:#666;text-align: center;padding-bottom: 30px;text-transform: uppercase;}
.entitle[type="1"]{color:#fff;position: relative;z-index: 99;padding-top: 10px;}
.cntitle{font-size:30px;color: #333;text-align: center;padding: 40px 0 10px 0;position: relative;font-weight: 400;} .cntitle a{color: #333;position: relative;padding: 0 90px;}
.cntitle:before{position:absolute;content:"";width:60px;height:2px;background: #009946;bottom:5px;left:50%;margin-left:-30px;}
.cntitle[type="1"]{color:#fff;position: relative;z-index: 99;}
.cntitle[type="1"]:before{background:#fff;}
/*产品*/
.product {width: 100%;float: left;position: relative;padding-bottom: 46px;z-index: 99;margin: 30px 0 0;}
.product .ScplistL{float:left;width: 260px;background: #fafafa;}
.product .ScplistL .tittle{float:left;line-height: 75px;color:#fff;padding-left: 30px;width: 230px;font-weight:bold;font-size: 22px;height: 75px;background: -webkit-linear-gradient(bottom,#009946,#007234);background: -moz-linear-gradient(bottom,#009946,#007234);background: -o-linear-gradient(bottom,#009946,#007234);background: linear-gradient(bottom,#009946,#007234);}
.product .ScplistL .tittle span{ font-size:12px; font-weight: normal; padding-left: 10px;}
.product .ScplistL .C1{float:left;border-top:0px;width: 240px;padding: 10px 10px;background: #fff;text-align: center;box-shadow: 0 0 20px #ddd;}
.product .ScplistL .C1 h2{float:left;width: 220px;font-size:15px;line-height: 35px;margin: 10px 10px;position:relative;background: #fff;border-radius: 10px;font-weight: 400;box-shadow: 0 0 20px #ddd;}
.product .ScplistL .C1 h2 a{width: 208px;float: left;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product .ScplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.product .ScplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #0b66c3; position: absolute; left: 7px;top: 13px;}
.product .ScplistL .C1 h2:hover{background: #009946;color:#fff} 
.product .ScplistL .C1 h2:hover a{color:#fff}
.product .ScplistL .C1 h2 span{float:right;width: 12px;height: 35px;}
.product .ScplistL .C1 h2 .twofl{display:none;}
.product .ScplistL .C1 h2:hover .twofl{ position: absolute; left: 180px; top: 0; width: 150px; border: 1px solid #ededed; background: #ffffff; padding: 10px 20px; z-index: 19999; display:block}
.product .ScplistL .C1 h2:hover .twofl a{ float:left; width:140px; line-height:35px; position:relative; padding-left:10px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333}
.product .ScplistL .C1 h2 .twofl a:hover{ color: #009946}
.product .ScplistL .C1 h2:hover .twofl a:before{content:""; position:absolute; left:0; top:14px; height:5px; width:5px; border-radius:50%; background:#666666}

/*首頁供應产品*/
.pavilion-container{/* min-height: 820px; */width: 930px;float: right;position: relative;}
.pavilion-container .z06a{bottom: 40px;}
.pavilion-container .z06a{background: #c9a467;color: #1c1f36;}
.pavilion-container .z06a a,.z06a:hover a,.z06a a:hover{color: #1c1f36}
.pavilion-container .z06a:hover{background: #c9a467;color: #1c1f36}
.pavilion-container .z06a::after,.pavilion-container .z06a::before {background: #c9a467;}
/*tab分類*/
.pavilion-container .pavilion-inner{max-width:1200px;margin:0 auto;}
.pavilion-container .pavilion-inner .tabs1{overflow: hidden;width: 908px;background: -webkit-linear-gradient(bottom,#fff,#eee);background: -moz-linear-gradient(bottom,#fff,#eee);background: -o-linear-gradient(bottom,#fff,#eee);background: linear-gradient(bottom,#fff,#eee);border: 1px solid #eee;border-top: 0;height: 44px;margin-left: 20px;}
.pavilion-container .pavilion-inner .tabs1 a{float:right;color:#999;line-height: 44px;margin-right: 10px;}
.pavilion-container .pavilion-inner .tabs1 li a{color: #333;width: 140px;height: 44px;float: left;background: -webkit-linear-gradient(bottom,#fff,#ccc);background: -moz-linear-gradient(bottom,#fff,#ccc);background: -o-linear-gradient(bottom,#fff,#ccc);background: linear-gradient(bottom,#fff,#ccc);display: block;}
.pavilion-container .pavilion-inner .tabs1 li.on a{color: #fff;background: -webkit-linear-gradient(bottom,#009946,#007234);background: -moz-linear-gradient(bottom,#009946,#007234);background: -o-linear-gradient(bottom,#009946,#007234);background: linear-gradient(bottom,#009946,#007234);}
.pavilion-container .pavilion-inner .tabs1 .li{float:left;padding:0 21px;border:1px solid #c9a467;border-radius:2px;line-height:36px;font-size:16px;color:#c9a467;letter-spacing:.35px}
.pavilion-container .pavilion-inner .tabs1 li{/* float:left; */display: inline-block;border-radius:2px;line-height: 44px;height: 44px;font-size:16px;color: #333;width: 140px;text-align: center;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pavilion-container .pavilion-inner .tabs1 li{cursor:pointer;}
.pavilion-container .pavilion-inner .tabs1 li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs1 li.on{color: #008000;}
.pavilion-container .pavilion-inner .tabs1 li>span{display:inline-block;vertical-align:middle}

/*tab內容*/
.pavilion-container .tab-content-wrap{position:relative;margin-top:20px;height: 700px;}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%; overflow: hidden}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .li02{float: left;margin-left: 20px;height: 330px;margin-bottom: 20px;width: 290px;background: #ffffff;overflow: hidden;position: relative;}
.pavilion-container .tab-content .li02 .img{float: left;height: 288px;width: 288px;background: #ffffff;overflow: hidden;position: relative;border: 1px solid #e6e6e6;}
.pavilion-container .tab-content .li02 img{width: 100%;height: auto;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;transition:all 0.4s}
.pavilion-container .tab-content .li02 h3{width: 280px;padding: 0 5px;height: 40px;line-height: 40px;color: #000000;font-size: 14px;font-weight: normal;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;background: #e6e6e6;z-index: 5;}
.pavilion-container .tab-content .li02:hover h3{background:#009946;transition:all 0.4s}
.pavilion-container .tab-content .li02:hover h3{color:#fff}
.pavilion-container .tab-content .li02:hover img{transform:scale(1.1);transition:all 0.4s}
/*廣告*/
.ad01{width:100%;float:left;background: url(../image/bj_incont.jpg) no-repeat 50% 0;height: 166px;color: #fff;padding-top: 50px;}
.ad01 .adleft{float:left;width: 840px;}
.ad01 .adleft h2{font-size:36px;font-weight:400;margin-bottom:20px}
.ad01 .adleft p{font-size:24px;color:#009946}
.ad01 .adright{float:right;text-align: right;margin-top:10px}
.ad01 .adright span{font-size:18px;}
.ad01 .adright p{font-size:28px;font-weight: bold;padding-top: 20px;}
/*優勢*/
.ysad{width:100%;float: left;margin:40px 0;}
.ysad h2{font-size:30px;color: #009946;width:100%;text-align: center;padding-bottom: 10px;}
.ysad p{font-size:15px; color:#b8b8b8;text-transform: uppercase;text-align: center;display: block;}
.ysad .ys{ float:left; width:100%; margin-top:20px;}
.ysad .ys li{ margin:0 auto; width:1200px; overflow:hidden;height: 362px;}
.ysad .ys .ys01 span{float:left;width:525px;height:315px;margin-top:30px;position:relative;overflow:hidden;}
.ysad .ys .ys01 dl{ float:right; width:550px; margin-top:50px;}
.ysad .ys .ys02 span{float:right;width:525px;height:315px;margin-top:30px;position:relative;overflow:hidden;}
.ysad .ys .ys02 span:before{ content:""; position:absolute; width:525px; height:315px; left:0; top:0;  z-index:2}
.ysad .ys .ys02 dl{ float:left; width:550px; margin-top:50px;}
.ysad .ys .ys03 span{float:left;width:525px;height:315px;margin-top: 30px;position:relative;overflow:hidden;}
.ysad .ys .ys03 dl{ float:right; width:550px; margin-top: 50px;}
.ysad .ys .ys04 span{float:right;width:525px;height:315px;margin-top: 30px;position:relative;overflow:hidden;}
.ysad .ys .ys04 dl{ float:left; width:550px; margin-top: 50px;}
.ysad .ys span img{width:525px;max-height: 315px;height:auto;position:absolute;left:0;top:0;z-index:1;}
.ysad .ys dl dt{width: 50px;background: #009946;background-size: 77px 95px;height: 60px;text-align: center;line-height: 50px;font-size: 32px;color: #fff;float: left;position: relative;}
.ysad .ys dl dt:after{position:absolute;content:"";background:#fff;width: 40px;height: 2px;bottom: 10px;left: 50%;margin-left: -20px;}
.ysad .ys dl dd{float:right;width: 480px;padding: 0;margin: 0;}
.ysad .ys dl dd h3{font-size: 24px;color: #009946;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 5px 0 5px 0;border-bottom: 1px dashed #ccc;margin-bottom: 10px;}
.ysad .ys dl dd strong{padding:0;margin:0;font-weight:normal;display: block;font-size: 18px;color: #c2c2c2;max-height: 50px;overflow: hidden;font-size: 14px;}
.ysad .ys dl dd p {font-size: 15px;color: #666666;line-height: 35px;margin-top: 20px;text-align: left;background: url(../image/icon_ye.gif) no-repeat 0 8px;padding-left: 25px;}
/*關于我們*/
.about{float:left;width:100%;position: relative;padding: 30px 0 60px;background: url(../image/bj_inabout.jpg) no-repeat 50% 0;margin-bottom: -100px;z-index: 1;}
.about .wd1200{position: relative;z-index: 10;}
.about .alltitle{width:400px;margin: 0 auto;background: rgba(255,255,255,.5);margin: 30px auto 50px;}
.gsjsE{margin:0 auto;width: 1100px;overflow:hidden;background: #ffffff;padding: 50px 40px;box-shadow: 0 0 20px #ddd;}
.gsjsE .li01{float:left;width: 450px;height:300px;position:relative;border: 1px solid #ededed;padding: 10px;overflow: hidden;}
.gsjsE .li01 img{max-height:300px;width:100%;margin:auto;left: 0;right: 0;top: 0;bottom: 0;position: absolute;transition: all .5s ease;}
.gsjsE .li01 img:hover{    -webkit-transform: scale(1.1);}
.gsjsE .li01:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73); width:450px; height:300px; float:left}
.gsjsE .li02{float:right;width: 580px;height: 218px;margin: 30px 0 10px 0;overflow:hidden;line-height:30px;color: #666;}
.gsjsE .li03{padding: 4px 20px;color: #009946;border-radius: 5px;float:left;margin-left: 43px;border: 1px solid #009946;}
.gsjsE .li03 a{color: #009946;}
.gsjsE .li03:hover{text-decoration:underline}
/*客戶案例*/
.Ntjcp{float:left;width:100%;background: #f3f3f3;padding: 20px 0 40px;}
.Ntjcp .biaoti{width: 125px;min-width: 125px;line-height: 35px;height: 35px;margin: 0 auto 30px;background:#009946;text-align:center;color: #fff;z-index: 2;position: relative;font-size: 16px;}
.Ntjcp .ul{width: 1200px;margin:0 auto;overflow:hidden;position: relative;}
.Ntjcp .ul .left1{float:left;width: 40px;background: url(../image/prevleft.png) 0 0px no-repeat;background-size: 19px;height: 50px;margin-top: 130px;cursor: pointer;transition: 0.3s all ease;}
.Ntjcp .ul .right1{float:right;width: 50px;background: url(../image/prevright.png) center 0 no-repeat;background-size: 19px;height: 50px;position: absolute;right: 0;top: 50%;margin-top: -25px;cursor: pointer;transition: 0.3s all ease;}
.Ntjcp .ul .neirong{float:left;width: 1100px;height: 300px;overflow:hidden;}
.Ntjcp .ul .neirong li{_display:inline;background:#fff;overflow:hidden;text-align:center;display: block;margin: 0 14px;width: 240px;height: 285px;float:left;padding: 5px 5px;position: relative;}
.Ntjcp .ul .neirong li .tjimg{width: 240px;height: 240px;position:relative;float:left;}
.Ntjcp .ul .neirong li img{position: absolute;margin: auto;top: 0;left: 0;bottom: 0;right: 0;max-width: 100%;max-height:100%;-webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;}
.Ntjcp .ul h3{text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;float: left;overflow:hidden;text-align:center;padding: 10px 0 10px 0;font-size: 16px;font-weight: 400;color: #333;width: 100%;border-top:1px solid #f5f5f5}
.Ntjcp .ul li:hover h3{color:#009946}
.Ntjcp .ul li:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
/*新聞*/
.biaoti{width: 1200px;margin: 0 auto;min-width: 1200px;text-align: center;font-size: 24px;line-height: 38px;margin-bottom: 65px;position: relative;color: #1e2037;}
.biaoti font a{font-size:28px;}
.biaoti font:before{position:absolute;content:"";width:60px;height:2px;background: #009946;bottom: -10px;left:50%;margin-left:-30px;}
.zxzsI[container="2"] .biaoti font:before{background:none}
.cntitle:before{position:absolute;content:"";width:60px;height:2px;background: #009946;bottom:5px;left:50%;margin-left:-30px;}

.biaoti p{font-size:14px;color:#999;position:relative;padding-bottom: 10px;}
.biaoti p:after{content:"";width: 38px;height: 3px;background: #009946;position:absolute;bottom: 0;left: 50%;margin-left: -19px;}
.zxzsI[container="2"] .biaoti p:after{background:none}

.xwnew{width: 100%;height:auto;float:left;overflow:hidden;margin: 40px 0 20px;}
.xwnew .xwnrk{ width: 1200px; margin: auto;}
.xwnew .xwnrk .xwzb{width: 800px;float: left;background: #fafafa;box-shadow: 0 0 15px #eee;padding: 0 20px;height: 461px;}
.xwnew .xwnrk .xwzb .xwsm{height: 35px;border-bottom: #ededed dashed 1px;margin-top: 20px;font-size:16px;font-weight:bold;}
.xwnew .xwnrk .xwzb .xwsm a{float:right;font-weight:normal;float: right;line-height: 18px;width: 45px;height: 18px;margin-top: 5px;color: #999;}
.xwnew .xwnrk .xwzb .xwsm b{color: #666;font-size:12px;font-weight:normal;float:left;font-size:17px;text-indent:10px;font-weight:bold;}
.xwnew .xwnrk .xwzb .xwdzj{ margin-top: 30px; height:180px; }
.xwnew .xwnrk .xwzb .xwdzj img{float:left; width:252px; height:180px; margin-right:30px;}
.xwnew .xwnrk .xwzb .xwdzj h2{  font-size:16px; font-weight:bold;}
.xwnew .xwnrk .xwzb .xwdzj h2 a{color:#666}
.xwnew .xwnrk .xwzb .xwdzj p{ color:#666; line-height:35px;}
.xwnew .xwnrk .xwzb .xwdzj p a{color:#999}
.xwnew .xwnrk .xwzb .xmdxw { margin-top:20px;  }
.xwnew .xwnrk .xwzb .xmdxw ul li{float: left;text-indent: 15px;position:relative;margin-right:40px;width:360px;line-height:40px;}
 .xwnew .xwnrk .xwzb .xmdxw ul li:before{position: absolute;left: 2px;top: 50%;content: "";margin-top: -3px;width: 0;height: 0;border-top: 3px solid transparent;border-left: 4px solid #009946;border-bottom: 3px solid transparent}
.xwnew .xwnrk .xwzb .xmdxw ul li a{ float:left; width:260px;text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.xwnew .xwnrk .xwzb .xmdxw ul li span{ float: right; }
.xwnew .xwnrk .xwzj{ width: 90px; float: left; text-align:center; }

.xwnew .xwnrk .xwyb{width: 306px;padding: 0 15px;height: 461px;float: right;background: #fafafa;box-shadow: 0 0 15px #eee;}
.xwnew .xwnrk .xwyb .cjwts{margin-top: 20px;height: 22px;line-height:22px;border-bottom: 1px dashed #ededed;padding:0px 0px 17px 0px;}
.xwnew .xwnrk .xwyb .cjwts b{color: #666;float:left;font-size:17px;text-indent:10px;font-weight:bold;}
.xwnew .xwnrk .xwyb .cjwts a{font-weight:normal;float: right;line-height: 18px;width: 45px;height: 18px;margin-top: 5px;color: #999;}
.xwnew .xwnrk .xwyb .wenti ul li{ float:left; width: 300px;  margin-top: 18px; }
.xwnew .xwnrk .xwyb .wenti ul li p{background: url(../image/wen.png) no-repeat left;height: 27px;/* line-height: 27px; */margin-bottom: 10px;font-weight: bold;padding-left: 25px;width:275px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #666;}
.xwnew .xwnrk .xwyb .wenti ul li span{background: url(../image/da.png) no-repeat left top;color: #7d7d7d;padding-left: 25px;height: 40px;width:275px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;float:left;}

/*   底部  */
.copy{background: #191919;width:100%;float:left;}
.copy .copy_row1 {padding-top: 18px;width: 1200px;margin: 0 auto;line-height: 24px;height: 48px;overflow: hidden;color: #f9f9f9;padding-bottom: 10px;border-bottom: 1px solid #454545;font-size: 16px;}
.copy .copy_row1 a{padding: 0 5px;color: #f9f9f9;}
.copy .copy_row2 {min-height: 220px;overflow: hidden;width: 1200px;margin:0 auto;position: relative;}
.copy .copy_row2 ul{float: left;padding: 30px 0px 0 40px;margin: 0 25px 0 0;width: 100px;/* height: 190px; */}
.copy .copy_row2 > div{float: left;padding: 30px 0px 30px 60px;margin: 0 30px 0 0;width: 450px;position: relative;color: #ddd;line-height: 1.6;}
.copy .copy_row2 > div:before{content: '';display: block;width: 1px;height: 105px;background: #454545;position: absolute;left: 20px;top: 65px;}

.copy .copy_row2 > div:after{content: '';display: block;width: 40px;height: 40px;background: #454545;border-radius: 50%;position: absolute;top: 25px;left: 0;}
.copy .copy_row2 > div.copy_list1:after{background: #454545 url(../image/friendlink_l.png) no-repeat center;}
.copy .copy_row2 > div.copy_list1 p {float:left;width:100%;overflow:hidden;display: block;color: #bbb;line-height: 35px;font-size: 13px;}
.copy .copy_row2 > div.copy_list1 a{ color:#bbb }
.copy .copy_row2 ul.ewm {width: 250px;margin: 0;}
.copy .copy_row2 ul.ewm .ewm_in{float: left;margin: 30px 10px;}
.copy .copy_row2 ul.ewm .ewm_in img{display: block;width: 90px;border: 5px solid #ffffff;}
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 30px; text-align: center; }
.copy .copy_row2 ul .copy_tel{ background: url(../image/bottomtel.png) no-repeat left center; padding:10px 0 5px 60px; font-size: 22px; line-height: 50px; height:50px;display: block; color: #fff; font-family: arial; font-weight: 100;overflow: hidden;}
.copy .copy_row2 ul.copy_contact { width: 290px; padding-right: 0; margin-right: 0;  float: right;}
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 25px; }
.copy .copy_row3{ width: 100%; height: 55px; line-height: 55px; background:#ffffff; text-align:center;color: #999999; }
.copy .copy_row3 a { color: #999999; }
.copy .copy_row3 a:hover{ color: #230c6f; text-decoration:underline; }
/*內頁樣式*/
.mianbaoxie{ width:1200px; line-height:50px; font-size:14px; color:#888888; margin: 0 auto}
.mianbaoxie a{ color:#666666}
.zxzsI{background: #f7f7f7;width: 100%;float: left;height: auto;overflow: hidden;padding-top: 40px;padding-bottom: 100px;position: relative;}
.zxzsI[container="2"]{background: #f4f4f4;margin-top: 30px;}
.zxzsI[container="2"] .biaoti{width: 100%;float: left;min-width: 1200px;text-align: center;font-size: 32px;line-height: 38px;margin-bottom: 38px;font-weight: bold;position: relative;color: #1e2037;height: 78px;margin-right: 0;}
.zxzsI[container="2"] .biaoti:before{content: '';position: absolute;width: 60px;height: 2px;left: 50%;bottom: 28px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: #1e2037;transition: ease-in-out 0.5s;z-index: 2;animation: nexsliderbar 3s linear infinite;}
.zxzsI[container="2"] .biaoti span{float: left;width: 50px;height: 20px;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.zxzsI[container="2"] .biaoti font{border-radius: 5px;display: inline-block;position: relative;z-index: 3;padding: 5px 20px 8px 20px;font-size:32px;}
.zxzsI[container="2"] .biaoti p{position: absolute;width: 1000px;text-align: center;left: 50%;margin-left: -500px;font-size: 14px;color: #888888;bottom: -15px;font-weight: normal;font-family: 'Averia Sans Libre', Arial, sans-serif;letter-spacing: 0.2px;}*/

.EcplistL2{width: 100%;float: left;position: relative;height: 40px;}
.EcplistL2 .C1{background: #f4f4f4cc;background: #f4f4f4\9;width: 1200px;position: absolute;left: 50%;margin-left: -605px;height: 80px;top: -40px;z-index: 9999;overflow: hidden;text-align: center;padding: 0 5px;}
.EcplistL2 .C1 h2{float:left;width: calc(100% / 8 - 22px);width: 149px\9;text-align: center;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;transition: all ease-out .2s;-webkit-transition: all ease-out .2s;-moz-transition: all ease-out .2s;-moz-transition: all ease-out .2s;-o-transition: all ease-out .2s;font-size: 14px;margin: 20px 5px;/* display: inline; */background: #ffffff;padding: 0 5px;border: 1px solid #ddd;}
.EcplistL2 .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.EcplistL2 .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #1e2037; position: absolute; left: 7px;top: 13px;}

.EcplistL2 .C1 h2:hover{color:#ffffff;font-family:Microsoft YaHei;font-size:14px;font-weight:bold;background:#1e2037;}
.EcplistL2 .C1 h2 a:hover,.EcplistL2 .C1 h2:hover a{color:#ffffff;}

.EcplistL{float:left;width:210px;background: #ffffff;}
.EcplistL .tittle{float:left;background: #009946;border-radius: 10px 10px 0 0;line-height: 65px;color:#fff;padding-left:20px;width:190px;font-weight:bold;font-size:16px;height: 65px;}

.EcplistL .tittle span{ font-size:12px; font-weight: normal; padding-left: 10px;}
.EcplistL .C1{float:left;border-top:0px;width:188px;padding-left:20px;padding-top:10px;background: #f6f6f6;border: 1px solid #ededed;background: #ffffff;}

.EcplistL .C1 h2{float:left;width:168px;font-size:15px;line-height: 42px;border-bottom:1px dashed #ededed;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative;    }
.EcplistL .C1 h3{ float:left; width:148px; font-size:13px; line-height:30px; padding-left:20px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position:relative}
.EcplistL .C1 h3:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #1e2037; position: absolute; left: 7px;top: 13px;}

.EcplistL .C1 h2:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.EcplistL .C1 h2:hover:after{width:100%; }



.MBXz15{float: left;width: 100%;}
.mianbaoxie{ width:1200px; line-height:50px; font-size:14px; color:#888888; margin: 0 auto}

.mianbaoxie a{ color:#666666}


.EcplistR,.EcplistR2{width:980px;float:right;position: relative;}
.EcplistR .tittle,.EcplistR2 .tittle{ float:right; width:970px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:20px;}

.EcplistR .tittle p,.EcplistR2 .tittle p{ float:left; border-bottom:1px solid #009946; color:#009946; font-size:16px; font-weight:bold}

.EcplistR li {width: 225px;float: left;margin: 0 10px;box-sizing: border-box; height:320px; overflow:hidden}
.EcplistR li a {display: block;border: 1px solid #E5E5E5;background-color: #fff;margin-top: 20px;padding: 4px;display: table-cell;vertical-align: top;}
.EcplistR li a:hover {box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);border-color: rgba(229, 229, 229, .73);}
.EcplistR li a:hover h2.title {color: #1e2037;}
.EcplistR li a div.img{ width:215px; height:215px; float:left; position:relative; border-bottom:1px solid #ededed; overflow: hidden}
.EcplistR li a div.img img{ max-height:215px; max-width:215px; left:0; right:0; top:0; bottom:0; margin:auto; position:absolute;transition: all .5s ease;}
.EcplistR li a div.img img:hover{    -webkit-transform: scale(1.1);}
.EcplistR li a h2.title {font-size: 14px;font-weight: 400;color: #333;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;float:left;width:215px;    height: 40px;    margin-bottom: 5px;    margin-top: 5px;}

.EcplistR li a  p.desc {font-size: 14px;line-height: 16px;color: #888;height: 16px;margin-top: -2px; float:left;width:215px;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis; padding-bottom:5px; }




.topCon_2 {width:1200px; height:280px; padding:0px 0 0 0;  border-top:0; overflow:hidden;padding:15px 0px 0px 0px; margin: 0 auto }
.topCon_2 .tittle{ float:left; width:1200px; border-bottom:1px solid #ededed; line-height:35px; margin-bottom:0px;}
.topCon_2 .tittle p{ float:left; border-bottom:1px solid #1e2037; color:#1e2037; font-size:16px;}
.topCon_2 .li01{border-bottom:1px #ededed solid; padding:5px; float:left; width:210px; height:220px; font-size:0px; position:relative}
.topCon_2 .li01 img{ margin: auto;left: 0; right: 0; top: 0; bottom: 0;position: absolute;border-radius: 10px;max-width:210px; max-height:200px; }
.topCon_2 .li02{float:left; width:220px; text-align:center;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; line-height:40px;}
.topCon_2 ul{  float:left; width:220px; height:270px; margin:0px 10px 0px 0px; background:#ffffff; padding: 5px;}

.hpage{width: 100%;margin:0 auto;text-align:center;padding: 0px 0px 30px 0px;color:#333333;float:left;font-size:14px;}
.hpage span{ color:#ffffff;background:#000000; padding:2px 7px 2px 7px; border:1px solid #000000;margin-right:0px; font-weight:bold }

.hpage a{text-decoration:none; color:#303030;  padding:2px 7px 2px 7px; border:1px solid #ededed;margin-right:0px; }
.hpage a:hover{ color:#ffffff; text-decoration:none;border:1px solid #2f72ff;background:#2f72ff;font-weight:bold;padding:2px 7px 2px 7px; }


/* 产品詳細 */
.house_con{ float:right; width:950px; background:#ffffff; padding:9px;border: 1px solid #ededed;    }

.house_con .tittle{ float:right; width:950px; border-bottom:1px solid #ededed; line-height:35px; margin-top:20px;}
.house_con .tittle p{ float:left; border-bottom:1px solid #1e2037; color:#1e2037; font-size:16px; font-weight:bold}
.house_con .jieshao{ float:right; width:525px;}
.house_con .jieshao h1{ float:left; width:515px; font-size:18px; line-height:30px; max-height: 60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; padding:10px 10px 10px 0; margin-bottom:10px;border-bottom:1px dashed #dedede}
.house_con .jieshao .price_con { float:left;padding-bottom: 5px; width: 525px; overflow: hidden; }


.house_con .jieshao .price_con i {    font-size: 30px;    font-weight: bold;    color: #FF0000;    font-style: normal;}
.house_con .jieshao .two{ float:left; line-height:25px; font-size:14px; color:#000000;padding:10px 0 10px 0; width:515px;}
.house_con .jieshao .two font{ color:#999999; float:left; width:80px;}
.house_con .jieshao .two span{ float:right; width:435px;}
.house_con .jieshao .san{ float:left; line-height:30px; font-size:14px; color:#000000; width:435px; padding:20px 0 0 0}

.house_con .jieshao .san .qqimg{border-radius: 4px;padding: 6px 10px 8px 10px;background: #1e2037;box-shadow: 0 1px 4px 0 #a5a5a5;}
.house_con .jieshao .san .xsdh{font-size: 24px; color: #ff6600; overflow: hidden; font-weight: bold;}
.linex{border-bottom:1px dashed #dedede;}


.house_con_lf{position: relative; margin: 0 auto;float:left; width:402px;}
.house_imgs{position: relative; z-index: 8;  width: 100%; overflow: hidden;}
.house_bigImg{margin-bottom: 10px; width: 400px; height: 400px; overflow: hidden; float:left; position:relative; border:1px solid #ededed}
.house_bigImg img{ margin: auto; max-width: 400px; max-height: 400px;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute;}
.house_bigImg ul li{position: relative; z-index: 9;}
.house_smallImg{position: relative; margin-top: 0px;  height: 57px; overflow: hidden; float:left; width:352px; margin-left:35px;}
.house_smallImg ul{width: 100%;}
.house_smallImg ul li{position:relative; float: left;  width: 100px;margin-right:15px;height: 55px;border: 1px #ededed solid; }
.house_smallImg ul li img{display: block; max-width: 55px; max-height: 55px; cursor: pointer; left:0; right:0; top:0; bottom:0; position:absolute; margin:auto;}
.house_smallImg ul li.on{ border: 1px #f23742 solid;}
.house_smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.house_smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.house_imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(../image/left_arrow.png) 0px -6px no-repeat;}
span.house_imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(../image/right_arrow.png) 0px -6px no-repeat; }
span.house_imgs_lf:hover{background:url(http://i.b2b168.com/shop/Qz29/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.house_imgs_rt:hover{background:url(http://i.b2b168.com/shop/Qz29/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{max-width: 910px !important;height: auto !important;line-height: 0;}
.paging_prev {float: left;width: 838px;line-height: 30px; padding:10px 0 0 20px; font-size:14px;}


.imgs{position: relative;z-index: 8;width: 402px;overflow: hidden;float: left;margin-top: 15px;}
.bigImg{margin-bottom: 10px;width: 400px;height: 400px;overflow: hidden;float:left;position:relative;border:1px solid #ededed;}
.bigImg img{margin: auto;max-width: 100%;max-height: 100%;left: 0;right: 0;top: 0;bottom: 0;position: absolute;padding-top: 0;}
.bigImg ul li{position: relative; z-index: 9;}
.smallImg{position: relative;margin-top: 0px;height: 57px;overflow: hidden;float:left;width: 402px;/* margin-left:35px; */}
.smallImg ul{width: 100%;}
.smallImg ul li{position:relative;float: left;width: 87px;margin-right:15px;height: 55px;border: 1px #ededed solid;}
.smallImg ul li:last-child{margin-right: 0;}
.smallImg ul li img,.smallImg ul li video{display: block;max-width: 100%;max-height: 100%;cursor: pointer;left:0;right:0;top:0;bottom:0;position:absolute;margin:auto;padding-top: 0;}
.smallImg ul li.on{border: 1px #009946 solid;}
.smallImg ul li .bun_bg{display: block; position: absolute; bottom: 0; left: 0; z-index: 9; width: 126px; height: 27px; line-height: 26px; text-align: center; font-size: 14px; color: #FFF; background: rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);    /*IE8鏀寔*/ cursor: pointer;}
.smallImg ul li.on .bun_bg{width: 122px; bottom: 2px; left: 2px;}
span.imgs_lf{display: block;position: absolute; left:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px;background:#ccc; cursor:pointer;background:url(../image/left_arrow.png) 0px -6px no-repeat;}
span.imgs_rt{display: block; position: absolute; right:0px; bottom: 0px; z-index: 10; width: 20px; height: 57px; background:#ccc; cursor:pointer; background:url(../image/right_arrow.png) 0px -6px no-repeat; }
span.imgs_lf:hover{background:url(http://i.b2b168.com/shop/Qz29/pic/left_arrow_h.png) 0px -6px no-repeat;}
span.imgs_rt:hover{background:url(http://i.b2b168.com/shop/Qz29/pic/right_arrow_h.png) 0px -6px no-repeat;}
.house_con .summary{ float:left; width:910px; padding:20px 0px 20px 20px;word-wrap:break-word; line-height:35px;}
.house_con .summary img{ max-width:910px;}
.smallImg li .videoIcon{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;height: 25px;width: 25px;box-sizing: border-box;border-radius: 50%;background: #f40;border: 2px solid #fff;}
.smallImg li .videoIcon::after{content:"";position:absolute;top: 0;bottom:0;left: 50%;margin-top:auto;margin-bottom:auto;margin-left: -3px;/*沒有讓其左右居中，因爲看起來右邊更空一些*/width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #fff;}



.newslm { overflow:hidden; float:right; width:970px; margin-bottom: 40px;}
.newslm li { overflow:hidden;}
.newslm li a { padding:20px; border-bottom:#ededed 1px solid; overflow:hidden; display:block;transition-duration:0.3s;}
.newslm li a span { float:left; margin-right:30px; padding:2px; border:#ededed 1px solid; width:215px; height:165px;position: relative;}
.newslm li a img { margin: auto;    left: 0;    right: 0;    top: 0;    bottom: 0;    position: absolute; max-width:215px; max-height:165px;    border-radius: 10px;}
.newslm li a h2 { font-size:15px; line-height:50px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden;}

.newslm li a p { line-height:38px;}
.newslm li a:hover { background:#f4f4f4;transition-duration:0.3s;}
.date { border-bottom:#ddd 1px dashed; height:35px; font-size:12px; line-height:35px; text-align:center;}
.cpxiangxi{width:928px;border-top:0px;padding:20px 20px 20px 20px;color:#333333;float:right;color:#999999;position:relative;border:1px solid #ededed;background:#ffffff;}
.cpxiangxi td{ padding:5px; word-break:break-all}
.cpxiangxi .cpli11{padding: 10px 20px;;font-size: 14px;color: #666666;line-height:42px;float:left;width: 890px;margin-top:5px;table-layout: fixed;word-wrap: break-word;overflow: hidden;}
.cpxiangxi .cpli11 td{ padding:8px 0 8px 5px;border-top:1px solid #E9E9E9; border-left:1px solid #E9E9E9; }
.cpxiangxi .cpli11 table{ background:#E9E9E9;border-bottom:1px solid #E9E9E9; border-right:1px solid #E9E9E9;}
.cpxiangxi .cpli11 img{max-width:850px;height:auto;width:expression(this.width>850?(function(o){o.style.width='850px';})(this):'auto');}
.cpxiangxi .cpli11 a{ color:#333333; text-decoration:none;}

.xxcs1{float:left;width: 888px;font-size:18px;color: #333333;line-height:40px;font-weight:bold; text-align:center; margin:20px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans{float:left;width: 888px;font-size:14px;color: #666666;line-height:40px;text-align:center; margin:0px 0px 10px 20px; border-bottom:1px dashed #ededed; padding-bottom:10px;}
.cans span{ padding:0px 20px;}
.wdlist{ float:right; width:970px; margin-bottom: 40px;}
.wdlist a{ float:right; width: 930px;  margin-top: 18px; border-bottom:1px dashed #ededed; padding-bottom:10px; padding:0px 20px 10px 20px; }
.wdlist a h2{ background: url(../image/wen.jpg) no-repeat 0 2px; font-weight: bold; text-indent: 25px; font-size:14px; padding-bottom:10px; float:left; width:940px;text-overflow:ellipsis; -o-text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; }
.wdlist a p{ background: url(../image/da.jpg) no-repeat 0 2px; color: #7d7d7d;  padding-left: 25px; float:left; width:905px;}

.page{ float:left; width:930px; padding:20px; line-height:30px; overflow: hidden}
.page img{ max-width: 100%}

.topCon_1 {float:left;width:100%;background: url(http://i.b2b168.com/shop/Qz29/pic/l_bg.png);height: 53px;}
.searchbox { height: 45px; width: 1200px;margin:0 auto;}
.marquee {height: 45px; width: 1200px;margin:0 auto;}
.martitle {color: #333;font-weight:bold;float: left;font: 14px/45px '微軟雅黑';}
.marquee .p {color: #888;float: left;font: 14px/45px '微軟雅黑';height: 45px;width: 630px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search { float:right;height: 45px;}
.text {color: #888;display: inline;float: left;font: 12px/30px '宋體';height: 30px;margin-left: 0px;margin-top: 10px;text-indent: 10px;width: 227px;border: 1px solid #dbdbdb;}
.fixed{position: fixed;top: 0; margin-top:0px; z-index:9999999		}
.button {background: url("http://i.b2b168.com/shop/Qz29/pic/search.png") no-repeat scroll 14px 8px #fff;float: left;height: 30px;margin-top:10px;width: 35px;border: 1px solid #dbdbdb;border-left: 0;}


#plMessage{ padding-left:200px; float:left;}
#plMessage td{ padding:5px;}
#plMessage input{ border:1px solid #dedede; height:25px;}
#plMessage  textarea{ border:1px solid #dedede; height:85px;}
#plMessage  #btnPost{background: #1e2037;border-radius: 8px;line-height: 35px; height:35px; border:0px; padding:0px 25px;color: #fff;font-size: 14px;}
#plMessage  .cz{background: #e3aa00;border-radius: 8px;line-height: 35px; height:35px; border:0px; padding:0px 25px;color: #fff;font-size: 14px;}
/* 在線客服 */
#sideBar{display: block;position: fixed;right: 0;bottom: 50px;cursor: pointer;z-index: 99999;}
.rt_conct{ position: fixed;z-index: 9999999;top: 300px;right: -147px;cursor: pointer;-webkit-transition: all .3s ease;transition: all .3s ease;}
.rt_conct:hover{ right:0; }
.rt_conct:hover .rt_ercode{ height:184px; }
.rt_bar ul li{ width: 200px;height: 53px;font: 14px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 1px;border-radius: 3px;-webkit-transition: all .5s ease;transition: all .5s ease;overflow: hidden;background: #555;position: relative;}
.rt_bar ul li a{font-size:12px;color:#fff;text-decoration:none;display:block;height:30px;}
.rt_bar a:hover {color:yellow;}
.rt_bar .iconPic{width: 50px;height: 50px;display: inline-block;position: absolute;left: 0;}
.rt_top .iconPic{background: url(http://i.b2b168.com/shop/Qz29/pic/top.png) center no-repeat;background-size: 30px 30px;}
.rt-pho .iconPic{background: url(http://i.b2b168.com/shop/Qz29/pic/phone.png) center no-repeat;background-size: 30px 30px;}
.rt_QQ .iconPic{background: url(http://i.b2b168.com/shop/Qz29/pic/QQ1.png) center no-repeat;background-size: 30px 30px;}
.rt_ercode .iconPic{background: url(http://i.b2b168.com/shop/Qz29/pic/wechat.png) center no-repeat;background-size: 30px 30px;}
.hd_qr{padding: 0 29px 25px 50px;}


/* 人才招聘 */
.Chr{ width:99%; float: right; }
.Chr .li01{margin-bottom: 30px;}
.Chr td{ padding:5px;}
.footLayer,.mobileFuwu{ display: none}
#divMap{    float: right;    width: 970px !important;}
.tishiMap{float: right;    background: url(../image/tishiMap.jpg) 0 center no-repeat #ffffff;    width: 970px;}
.xl_2{ display: none}
/*   資訊推薦  */
.qyzx2019{float: left;width: 100%;background:#ffffff;margin-top:20px;overflow: hidden;}
.qyzx2019 .nav19 {width: 190px;float: left;border: 1px solid #ededed;padding-left: 18px;position: relative;font-size: 18px;font-weight: bold;color: #ffffff;padding-top: 15px;padding-bottom: 15px;background: #009946;border-radius: 10px 10px 0 0;}
.qyzx2019 .nav19 a{position: absolute;right: 10px;top: 19px;color: #fadd15;font-size: 14px;font-weight: normal;}
.qyzx2019 .com19{float:left;width: 208px;padding: 0 0 0px 0;border: 1px solid #ededed;margin-bottom: 20px;}
.qyzx2019 .com19 li{float:left;width: 190px;height:20px;line-height:20px;margin: 0px 0 0 0;padding: 10px 9px 10px 9px;border-top: 1px solid #ededed; position: relative}
.qyzx2019 .com19 li i{ background:#f2f2f2; width:20px; height:20px; text-align:center; float:left; font-style:normal; color:#333333}
.qyzx2019 .com19 li .nom1{background: #01438e;color:#fff;}
.qyzx2019 .com19 li .nom2{background: #005cc5;color:#fff;}
.qyzx2019 .com19 li .nom3{background: #0071f1;color:#fff;}
.qyzx2019 .com19 li span{ display:none;}
.qyzx2019 .com19 li p{float:left;padding-left: 0;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;height:20px;width: 100%;}
.qyzx2019 .com19 .cur{height: 80px;background:#f6f6f6;}
.qyzx2019 .com19 .cur span{margin-top: 5px;position:relative;float:left;height: 40px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;font-size: 12px;color: #888888;}
.qyzx2019 .com19 .cur span img{ position:absolute; left:0; right:0; top:0; bottom:0; max-height:50px; max-width:50px; margin:auto}
.qyzx2019 .com19 .cur p{float:left;width: 100%;margin-top: 10px;line-height:20px;font-size: 14px;font-weight:bold;overflow: hidden;height:20px;word-wrap: break-word;word-break: break-all;white-space: pre-line;}
.qyzx2019 .com19 li:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}

.qyzx2019 .com19 li:hover:after{width:100%; }


.zxgyxx21{float: left;width: 100%;background:#ffffff;margin:20px 0;overflow: hidden;}
.zxgyxx21 .nav19 {width: 190px;float: left;border: 1px solid #ededed;padding-left: 18px;position: relative;font-size: 18px;font-weight: bold;color: #ffffff;padding-top: 15px;padding-bottom: 15px;background: #009946;border-radius: 10px 10px 0 0;}
.zxgyxx21 .nav19 a{position: absolute;right: 10px;top: 19px;color: #fadd15;font-size: 14px;font-weight: normal;}
.zxgyxx21 .com19{float:left;width: 190px;padding: 0 9px;border: 1px solid #ededed;}
.zxgyxx21 .com19 a{float: left;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 20px;border-top: 1px solid #ededed;padding: 10px 0; position: relative}
.zxgyxx21 .com19 a:after{content:'';background:#1e2037;position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:1px;border-radius:0px;transition:all 0.4s;width:0;z-index: 4}
.zxgyxx21 .com19 a:hover:after{width:100%; }


/* 右側产品分類 */
.EcplistL3 .C1 {
    float: left;
    position: relative;
    width: 188px;
    height: 450px;
    /* overflow-x: hidden; */
    border: 1px solid #ededed;
    border-top: 0px;
    padding: 10px 0 0 20px;
    margin-bottom: 20px;
    background:#fff;
  }
  
  .EcplistL3 .C1 h2 {
    position: relative;
    font-size: 16px;
    background: none;
  }
  
  .EcplistL3 .C1 .tubiao {
    position: absolute;
    top: 0px;
    right: 15px;
    float: right;
    background: url(../image/jiantou.png) no-repeat center center;
    width: 22px;
    height: 22px;
    margin-top: 8px;
    border: 1px dashed #e5e5e5;
   
  }
  
  .EcplistL3 .C1 .two_no {
    display: none;
  }
  
  .EcplistL3 .C1 .tubiao02 {
    transform: rotate(90deg);
  }
  
  .EcplistL3 .C1 .two_bk {
    display: block;
    width: 170px;
    padding: 0;
  
  }
  
  .EcplistL3 .two_no a {
    display: block;
    float: left;
    width: 100%;
    line-height: 35px;
    position: relative;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    color: #333;color: #666666;
    font-size: 14px;
    font-weight: normal;
  }
  
  .EcplistL3 .C1 .scroll2{
  	scrollbar-width: thin;
	scrollbar-color: #009946 #f4f4f4;
    height: 100%;
    overflow-x: hidden;
  }
  
  /* 滾動條樣式 */
.EcplistL3 .C1 .scroll2::-webkit-scrollbar {
  width: 5px;
  background: #f4f4f4;
}
.EcplistL3 .C1 .scroll2::-webkit-scrollbar-thumb{
  border-radius: 10px;
    background: #009946;
  }