@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; font-size: 100%; font-family: MicrosoftYaHei,微软雅黑,Arial; }
li{list-style: none;}
img{ border:none;}
body { background-color:#fff;}
a{text-decoration:none; list-style:none; color:inherit;}
.containerc{ display:none;}
.tbaw{ width:100%; height:40px; float:left; background:#e5e5e5; min-width:1200px;}
#tba{ width:1200px; height:40px; margin:0 auto;}
.tbaz{ width:500px; height:40px;float:left; font-size:13px; color:#666666; line-height:40px;}
.tbay{ width:700px; height:40px;float:right; text-align:right; font-size:13px; color:#666666; line-height:40px;}
/*头部*/
.tbw{ width:100%; height:75px; float:left; background:url(../images/tb.jpg); min-width:1200px;}
#tb{ width:1200px; height:75px; margin:0 auto;}
.tbz{ width:279px; height:73px; float:left;}
.tbz1{ width:320px; height:65px; float:left; font-size:16px; color:#ebebeb; text-align:center; line-height:25px; padding-top:10px;}
.tbz2{ width:380px; height:auto; float:left;}
.tbz2 li{width:120px; height:auto; float:left; padding-top:16px; margin-left:3px; margin-right:3px;}
.tbz2z{width:42px; height:42px; float:left;}
.tbz2y{width:70px; height:auto; float:right;font-size:16px; color:#ebebeb; line-height:42px;}
.tby{ width:200px; height:auto; float:right;}
.tbyz{width:60px; height:57px; float:left;}
.tbyy{width:130px; height:auto; float:right; font-size:15px; color:#ebebeb; padding-top:15px;}
.tbyy span{ font-size:20px; color:#8dcd26; font-family:Calibri;}
/*导航*/
.mobel{ display:none;}
.dhw{ width:100%; height:45px; float:left; background:#333333; min-width:1200px;}
#dh{ width:1200px; height:45px; margin:0 auto; z-index: 999; position: relative;}
/* abad */
.abad{width:1200px;height:45px;position:relative;z-index:50;}
.nav2{height:45px;width:1200px;position:absolute;left:0;}
.nav2 li{ height:45px; float:left; font-size:18px; color:#fff; line-height:45px; text-align:center; padding-left:32px; padding-right:32px;}
.nav2 li.r_nav_none{background:none}
.nav2 li a{color:#fff;display:block; font-size:18px; text-align:center;}
.nav2 li.r_i_xuan_z a,.nav2 li.r_i_xuan_z a:hover{color:#fff;}
.nav2 li.r_i_xuan_z{background:#8dcd26; color:#fff;}
.r_ind_nav span{color:#00a9a7;height:36px;display:block;float:left;white-space:normal}
.r_ind_nav span a,.r_ind_nav span a:hover{color:#00a9a7;}
.nav2{display:none}
.r_ind_nav .nav2{display:block}
.nav2_1{width:1200px;height:160px;padding-top:10px;display:none;position:absolute; right:0;border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.nav2_1 dd{width:170px;height:100px;float:left;text-align:center}
.nav2_1 dd img{width:80px;height:75px;}
.nav2_1 dd.r_windex{border:none}
.nav2 li .nav2_1 dd a{color:#383838;font-size:16px; line-height:30px;}
.nav2 li.r_i_xuan_z .nav2_1 dd a:hover{color:#009ae7;}
.syzlm{width:130px;height:auto;float:left;text-align:center; margin-left:10px; margin-right:10px;}
.syzlm img{width:125px;height:90px;}
.nav2 li .syzlm a{color:#333;font-size:16px; line-height:30px; background:#fff; padding-bottom:10px;}
.nav2 li.r_i_xuan_z .syzlm a:hover{color:#333;}
/*幻灯片*/
.hdp{ width:100%; height:auto; background: no-repeat center;position:relative;float:left;min-width:1200px;}
/*图片 */
.cpw{width:100%; height:auto; float:left;}
#cp{width:1200px; height:auto; margin:0 auto;}
.cpbt{ width:1200px; height:89px; float:left; background:url(../images/xp.jpg) center no-repeat; float:left; margin-top:50px; margin-bottom:50px;}
.cpnr{ width:1200px; height:auto; float:left;position:relative;}
.cpnrli{ width:282px; height:290px; float:left; margin-left:9px; margin-right:9px;}
.cpnrlis{ width:280px; height:210px; float:left; border:solid 1px #e8e8e8;}
.cpnrlix{ width:282px; height:70px; background:url(../images/xp5.jpg) center no-repeat; overflow:hidden; float:left; color:#444444;}
.cpnrlixa{ width:282px; height:auto; font-size:15px; text-align:center; line-height:35px;}
.cpnrlixb{ width:242px; height:auto; font-size:14px; color:#6e6e6e; line-height:20px; margin-left:20px; margin-right:20px;}
.cpnrli:hover .cpnrlix{ background:url(../images/xp6.jpg) center no-repeat; color:#fff;}
.cpnrli:hover .cpnrlixb{ color:#fff;}
#CSSBox{float:left;width:1200px;height:285px; overflow:hidden;}
#CSSBox ul li{ float:left; list-style:none;}
#LeftButton{cursor:hand;height:285px;width:24px;float:left; background:url(../images/left.png) no-repeat center; position:absolute; left:-34px; z-index:999;}
#RightButton{cursor:hand;height:285px; width:24px;float:right; background:url(../images/right.png) no-repeat center; position:absolute; right:-34px; z-index:999;}
#wrapper{width:1200px; margin:0 auto}
/*手机端*/
.cpnra{ display:none;}
/*我们的服务*/
.fwwaa{ width:100%; height:120px; background:#2d2d2d; float:left;min-width:1200px;}
.fww{ width:100%; height:120px; background:#2d2d2d; float:left; margin-top:30px; min-width:1200px;}
#fw{ width:1200px; height:120px; margin:0 auto;}
.fw1{ width:175px; height:120px; float:left; background:#666666;}
.fw1a{ width:175px; height:auto; float:left; padding-top:25px; font-size:20px; color:#fff; font-weight:bold; text-align:center;}
.fw1b{ width:37px; height:4px; margin:0 auto;}
.fw1c{ width:185px; height:auto; float:left; padding-top:30px;font-size:14px; color:#fff; font-family:Arial; text-align:center;}
.fw2{ width:850px; height:120px; float:left; background:#888888;}
.fw2li{ width:170px; height:auto; float:left; padding-top:15px;}
.fw2lis{ width:72px; height:72px; margin:0 auto;}
.fw2lix{ width:170px; height:auto; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.fw3{ width:175px; height:120px; float:left; background:#15c4eb;}
.fw3a{ width:175px; height:auto; float:left; font-size:20px; color:#fff; text-align:center; padding-top:20px; font-weight:bold;}
.fw3b{ width:175px; height:auto; float:left; font-size:16px; color:#fff; text-align:center; margin-bottom:10px;}
.fw3c{ width:100px; height:30px; border:solid 1px #fff; font-size:14px; text-align:center; line-height:30px; color:#fff; margin:0 auto;}
.fw3c img{ vertical-align:middle;}
/*产品中心*/
.cp1w{ width:100%; height:530px; background:url(../images/cp.jpg) no-repeat center; min-width:1200px; float:left; padding-top:60px;}
#cp1{ width:1200px; height:530px; margin:0 auto;}
.cp1bt{ width:1200px; height:89px; background:url(../images/cp1.png) center no-repeat;}
.cp1nr{ width:1200px; height:auto; float:left; padding-top:50px;}
.cp1nrli{ width:285px; height:157px; float:left; margin-left:7px; margin-right:7px; margin-bottom:20px;position:relative; color:#fff;}
.cp1nrlis{ width:285px; height:157px;}
.cp1nrlix{ width:285px; height:157px;position:absolute; top:0;}
.cp1nrlixnr{ width:285px; height:157px;position:relative;}
.cp1nrlixnrx{ width:285px; height:157px;position:absolute; top:0;}
.cp1nrlixnrxa{ width:175px; height:40px; padding-top:48px; margin-left:110px; font-size:18px;}
.cp1nrlixnrxb{ width:175px; height:auto; margin-left:110px; font-size:13px;}
.cp1nrlixa{ width:285px; height:157px;position:absolute; top:0; opacity:0;filter:alpha(opacity=0);-khtml-opacity:0; -moz-opacity:0;}
.cp1nrli:hover .cp1nrlix{opacity:0;filter:alpha(opacity=0);-khtml-opacity:0; -moz-opacity:0;}
.cp1nrli:hover .cp1nrlixa{ opacity:1;filter:alpha(opacity=100);-khtml-opacity:1; -moz-opacity:1;}
/*产品展示*/
.cpzsw{ width:100%; height:auto; float:left; background:#f2f2f2; padding-bottom:30px;}
#cpzs{ width:1200px; height:auto; margin:0 auto;}
.cpzsbt{ width:1200px; height:auto; float:left; padding-top:50px;}
.cpzsbtz{ width:300px; height:60px; float:left; font-size:22px; color:#444444; line-height:30px;}
.cpzsbtz span{ font-size:20px; font-family:Arial;}
.cpzsbtz img{ vertical-align:middle;}
.cpzsbty{ width:900px; height:auto; float:right;}
.cpzsbty ul{ float:right;}
.cpzsbtyli{ width:80px; height:30px; border:solid 1px #c5c5c5; border-radius:5px; text-align:center; line-height:30px; margin-left:7px; float:left; font-size:14px; color:#6e6e6e;}
.cpzsbtyli:hover{ background:#84c125; color:#fff; border:solid 1px #84c125;}
.cpzsbtyli1{ width:80px; height:30px; background:#84c125; border:solid 1px #84c125; border-radius:5px; text-align:center; line-height:30px; margin-left:7px; float:left; font-size:14px; color:#fff;}
.fcbtaa{ width:1200px; height:89px; background:url(../images/fc1a.png) no-repeat center; margin-bottom:50px;}
.cpzsnr{ width:1200px; height:auto; float:left;}
.cpzsnrli{ width:280px; height:auto; float:left; color:#444444; margin-left:10px; margin-right:10px; margin-bottom:30px;}
.cpzsnrlitp{ width:280px; height:200px; float:left;}
.cpzsnrlibt{ width:280px; height:auto; float:left; padding-top:20px;}
.cpzsnrlibts{ width:280px; height:auto; float:left; font-size:16px;}
.cpzsnrlibtx{ width:280px; height:auto; float:left; font-size:14px; color:#999999;}
.cpzsnrlixq{ width:85px; height:22px; margin-top:15px; float:left; background:url(../images/zs17.png) no-repeat left; font-size:14px; color:#999999; line-height:22px;}
.cpzsnrli:hover{ color:#84c125;}
.cpzsnrli:hover .cpzsnrlixq{ background:url(../images/zs17a.png) no-repeat left;}
.cpzsnrxq{ width:1200px; height:auto;}
.cpzsnrxql{ width:110px; height:auto; margin:0 auto;}
.cpzsnrxqls{ width:40px; height:40px; float:left; margin-left:35px; margin-right:35px;}
.cpzsnrxqlx{ width:110px; height:auto; font-size:14px; color:#84c124; text-align:center; line-height:30px; font-weight:bold; float:left;}
/*定制流程*/
.fw31{ width:175px; height:120px; float:left; background:#8dcd26;}
.fw21{ width:850px; height:120px; float:left; background:url(../images/lc5.jpg) no-repeat center;}
.fw2li1{ width:170px; height:auto; float:left; padding-top:15px; margin-left:20px; margin-right:20px;}
/*设计方案*/
.sjfaw{ width:100%; height:850px; background:url(../images/fa.jpg) no-repeat center; float:left; min-width:1200px; padding-top:60px;}
#sjfa{ width:1200px; height:850px; margin:0 auto;}
.sjfabt{ width:1200px; height:70px;}
.sjfabtz{ width:500px; height:70px; float:left; font-size:22px; color:#444444; line-height:30px;}
.sjfabtz span{ font-size:20px; font-family:Arial;}
.sjfabtz img{ vertical-align:middle;}
.sjfabty{ width:500px; height:70px; float:right; text-align:right; line-height:26px; font-size:16px; color:#666666;}
.sjfabty img{ vertical-align:middle;}
.sjfanr{ width:1200px; height:auto;}
.sjfanrz{ width:490px; height:auto; float:left; background:#fff;}
.sjfanrztp{ width:490px; height:580px; float:left;}
.sjfanrzbt{ width:450px; height:auto; float:left; font-size:16px; color:#444444; padding-top:10px; margin-left:20px; margin-right:20px;}
.sjfanrznr{ width:450px; height:auto; float:left; font-size:14px; color:#999999; padding-top:10px;margin-left:20px; margin-right:20px;}
.sjfanrzxq{ width:450px; height:40px; float:left; font-size:14px; color:#666666; font-weight:bold; padding-top:15px;margin-left:20px; margin-right:20px;}
.sjfanrz:hover .sjfanrzbt{ color:#ffb000;}
.sjfanrz:hover .sjfanrzxq{ color:#ffb000;}
.sjfanry{ width:680px; height:auto; float:right;}
.sjfanryli{ width:320px; height:auto; float:left; background:#fff; margin-left:10px; margin-right:10px; margin-bottom:20px;}
.sjfanrylitp{ width:320px; height:210px; float:left;}
.sjfanrylibt{ width:300px; height:auto; float:left; font-size:16px; color:#444444; padding-top:15px; margin-left:10px; margin-right:10px;}
.sjfanrylinr{ width:300px; height:auto; float:left; font-size:13px; color:#999999; padding-top:15px;margin-left:10px; margin-right:10px;}
.sjfanrylixq{ width:300px; height:37px; float:left; font-size:14px; color:#666666; font-weight:bold; padding-top:15px;margin-left:10px; margin-right:10px;}
.sjfanryli:hover .sjfanrylibt{ color:#ffb000;}
.sjfanryli:hover .sjfanrylixq{ color:#ffb000;}
/*工程案例*/
#gcal{ width:1200px; height:auto; margin:0 auto;}
.gcalbt{ width:1200px; height:89px; background:url(../images/al.jpg) no-repeat center; margin-top:50px;}
.gcalbta{ width:1200px; height:auto; margin-top:40px;}
.gcalbta li{ width:123px; height:auto; border:solid 1px #c4c4c4; border-radius:5px; font-size:14px; color:#666666; line-height:35px; text-align:center; margin-left:4px; margin-right:4px; float:left;}
.gcalbta li:hover{ border:solid 1px #8dcd26; background:#8dcd26; color:#fff;}
.gcalbta1{ width:1200px; height:auto;}
.gcalbta1 li{ width:123px; height:auto; border:solid 1px #c4c4c4; border-radius:5px; font-size:14px; color:#666666; line-height:35px; text-align:center; margin-left:4px; margin-right:4px; float:left;}
.gcalbta1 li:hover{ border:solid 1px #8dcd26; background:#8dcd26; color:#fff;}
.gcalnr{ width:1200px; height:auto; margin-top:40px; float:left;}
.gcalnrli{ width:375px; height:auto; float:left; background:#ececec; margin-left:12px; margin-right:13px; margin-bottom:25px;}
.gcalnrlitp{ width:375px; height:225px; float:left;}
.gcalnrlibt{ width:355px; height:auto; float:left; font-size:16px; color:#000; padding-top:10px; margin-left:10px; margin-right:10px;}
.gcalnrlinr{ width:355px; height:50px; float:left; padding-top:10px; font-size:14px; color:#666666; margin-left:10px; margin-right:10px;}
.gcalnrlixq{ width:355px; height:auto; float:left; padding-bottom:15px; text-align:right; font-size:14px; color:#666666; margin-left:10px; margin-right:10px;}
.gcalnrli:hover .gcalnrlibt{ color:#8dcd26;}
.gcalnrli:hover .gcalnrlixq{ color:#8dcd26;}
/*企业风采*/
.fcw{ width:100%; height:900px; background:url(../images/fc.jpg) no-repeat center; min-width:1200px; float:left; padding-top:60px;}
#fc{ width:1200px; height:900px; margin:0 auto;}
.fcbt{ width:1200px; height:89px; background:url(../images/fc1.png) no-repeat center; margin-bottom:50px;}
.cpnrlixa1{ width:282px; height:70px; background:url(../images/xp6.jpg) center no-repeat; overflow:hidden; float:left; color:#fff;}
.cpnrlixb1{ width:242px; height:auto; font-size:14px; color:#fff; line-height:20px; margin-left:20px; margin-right:20px;}
.cpnrli:hover .cpnrlixa1{ background:url(../images/xp6a.jpg) center no-repeat; color:#fff;}
#CSSBox1{float:left;width:1200px;height:285px; overflow:hidden;}
#CSSBox1 ul li{ float:left; list-style:none;}
#LeftButton1{cursor:hand;height:285px;width:24px;float:left; background:url(../images/left.png) no-repeat center; position:absolute; left:-34px; z-index:999;}
#RightButton1{cursor:hand;height:285px; width:24px;float:right; background:url(../images/right.png) no-repeat center; position:absolute; right:-34px; z-index:999;}
#wrapper1{width:1200px; margin:0 auto}
.fcnr{ width:1200px; height:auto; float:left; margin-top:60px; padding-top:50px; border-top:solid 1px #dedede;}
.fcnrz{ width:550px; height:auto; float:left;}
.fcnrzbt{ width:550px; height:auto; float:left; font-size:18px; color:#444444; line-height:60px;}
.fcnrzbt span{ font-size:16px; font-family:Calibri;}
.fcnrzbt img{ vertical-align:middle;}
.fcnrznr{ width:550px; height:auto; float:left; padding-bottom:10px; font-size:14px; color:#666666; line-height:30px;}
.fcnrzxq{ width:100px; height:auto; float:right; color:#fff; line-height:30px; text-align:center; font-size:14px; background:#8dcd26; border-radius:7px;}
.fcnry{ width:550px; height:auto; float:right;}
.fcnrynrli{ width:550px; height:auto; float:left; padding-bottom:30px; margin-bottom:30px; border-bottom:dashed 1px #c3c3c3;}
.fcnrynrliz{ width:105px; height:66px; float:left;}
.fcnrynrliy{ width:430px; height:auto; float:right;}
.fcnrynrliy1{ width:100%; height:auto; float:left; font-size:16px; color:#444444;}
.fcnrynrliy1 span{ float:right; color:#999999; font-size:13px;}
.fcnrynrliy2{ width:100%; height:auto; float:left; font-size:14px; color:#666666; padding-top:5px;}
.fcnrynrliy2 span{ float:right; color:#8dcd26;}
/*创意展厅*/
#cyzt{ width:1200px; height:auto; margin:0 auto;}
.cyztz{ width:490px; height:410px; float:left; margin-top:70px; margin-bottom:50px;}
.cyzty{ width:360px; height:auto; float:right; margin-top:150px;}
.cyzty1{ width:360px; height:auto; float:left; font-size:40px; color:#444444; line-height:40px;}
.cyzty1 span{ font-size:45px; color:#f96c08; font-family:Arial;}
.cyzty1 a{ font-size:25px; font-family:宋体;}
.cyzty2{ width:360px; height:auto; float:left; padding-top:20px;}
.cyzty3{ width:360px; height:35px; border:solid 1px #cfcfcf; float:left; margin-bottom:20px;}
.cyzty3z{ width:90px; height:35px; float:left; text-align:center; line-height:35px; font-size:16px; color:#444444; font-weight:bold;}
.cyzty3z img{ vertical-align:middle;}
.cyzty3zj{ width:214px; height:35px;outline: none; float:left; line-height:35px; border:0; font-size:16px; color:#444444; padding-left:20px;}
.cyzty3y{ width:20px; height:35px; float:right; text-align:center; line-height:35px; color:#ff1a19; font-size:18px;}
.cyzty4{ width:190px; height:40px; background:#84c125; font-size:18px; color:#fff; text-align:center; border-radius:8px; line-height:40px; border:0; float:left; margin-top:10px;}
/*底部*/
.dbw{ width:100%; height:auto; float:left; background:#2d2d2d; min-width:1200px; border-top:solid 3px #83c912;}
#db{ width:1200px; height:auto; margin:0 auto;}
.dbs{ width:1200px; height:auto; float:left; border-bottom:solid 1px #353535;}
.dbsz{ width:1040px; height:auto; float:left;}
.dbszs{ width:100%; height:auto; float:left; font-size:16px; line-height:70px; color:#fff;}
.dbszx{ width:1040px; height:auto; float:left;}
.dbszxli{ width:176px; height:auto; float:left;}
.dbszxlis{ width:100%; height:30px; float:left; font-size:16px; color:#15c4eb;}
.dbszxlix{ width:100%; height:auto; float:left;}
.dbszxlixli{ width:50%; height:auto; float:left; font-size:14px; color:#cbcbcb; line-height:25px;}
.dbszxli1{ width:120px; height:auto; float:left;}
.dbszxlixli1{ width:100%; height:auto; float:left; font-size:14px; color:#cbcbcb; line-height:25px;}
.dbszxlixli1:hover{ color:#15c4eb;}
.dbszxli2{ width:145px; height:auto; float:left;}
.dbszxli3{ width:100px; height:auto; float:left;}
.dbszxli4{ width:117px; height:auto; float:left;}
.dbszxli5{ width:250px; height:auto; float:left;}
.dbsy{ width:140px; height:auto; float:right; margin-bottom:10px;}
.dbsyx{ width:140px; height:auto; float:left; font-size:14px; color:#fff; line-height:25px; text-align:center;}
.dbx{ width:1200px; height:auto; float:left; border-top:solid 1px #262626;}
.dbxz{ width:720px; height:auto; float:left;}
.dbxzs{ width:100%; height:auto; float:left; line-height:70px; font-size:16px; color:#fff;}
.dbxzx{ width:100%; height:auto; float:left; line-height:30px; font-size:14px; color:#cbcbcb; padding-bottom:20px;}
.dbxy{ width:270px; height:auto; float:left;}
/*友情链接*/
.yqlj{ width:100%; height:auto; float:left;}
.yqljs{ width:100%; height:auto; float:left; font-size:16px; color:#fff;}
.yqljx{ width:100%; height:auto; float:left; padding-top:10px; padding-bottom:20px;}
.yqljx li{ height:auto; float:left; font-size:14px; color:#fff; line-height:25px; margin-right:15px;}
.dbvw{ width:100%; height:auto; float:left; background:#434343; min-width:1200px;position:relative;}
#dbv{ width:1200px; height:auto; margin:0 auto; line-height:40px; text-align:center; font-size:14px; color:#999999;}
.dbvwz{ width:130px; height:273px; background:url(../images/xz3.png) no-repeat center;position:absolute; bottom:20%; right:0; position: fixed; z-index:9999;
transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);}
.dbvwz:hover { transform:translate(0,0px);-webkit-transform:translate(0,0px);-moz-transform:translate(0,0px);-o-transform:translate(0,0px);-ms-transform:translate(0,0px);}
.dbvwz1{ width:96px; height:30px; margin-top:93px; margin-left:30px;}
.dbvwz1 img{width:96px; height:30px; overflow:hidden;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.dbvwz1 img:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.dbvwz2{ width:96px; height:30px; overflow:hidden; margin-left:30px; margin-top:5px;}
.dbvwz2 img{width:96px; height:30px; overflow:hidden;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.dbvwz2 img:hover { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.dbvwz3{ width:107px; height:auto; margin-left:23px; margin-top:53px; font-weight:bold; font-size:14px; color:#84c124;}
.dbvwz4{ width:98px; height:98px; margin-left:15px; margin-top:15px;text-align:center;padding-left:10px;padding-top:0px;}
/*浮动客服*/
#floatDivBoxs{width:130px; height:380px; background:url(../images/xz3.png) no-repeat center;position:fixed;top:100px;right:0;z-index:999;}
#floatDivBoxs .floatDqq{width:130px; }
.floatShadow{width:130px;}
#rightArrow{width:50px;height:145px;background:url(../images/online_arrow1.png) no-repeat; position:fixed;top:158px;right:104px;z-index:9999;}
#rightArrow a{display:block;height:145px;}
/*底部*/
.kg{ display:none;}
.db2{ display:none;}
/*手机*/
@media screen and (max-width: 767px){
#rightArrow{ display:none;}
#floatDivBoxs{ display:none;}
.mobel{ display:block;}
#top{ display:none;}
.containerc{ width:100%; height:auto; margin:0 auto;position:relative; display:block; padding-top:50px;}
.containera{ width:100%; height:50px; margin:0 auto;position:absolute; top:0; bottom:0px; left:0px; z-index:99999999;}
.tbaw{ display:none;}
/*头部*/
.tbw{ display:none;}
/*导航*/
.dhw{ display:none;}
/*幻灯片*/
.hdp{ width:100%; height:auto; min-width:inherit;}
/*图片 */
.cpw{width:100%; height:auto; float:left;}
#cp{width:100%; height:auto; margin:0 auto;}
.cpbt{ width:100%; height:89px; float:left; background:url(../images/xp.jpg) center no-repeat; float:left; margin-top:10px; margin-bottom:20px;}
.cpnr{ display:none;}
/*手机端*/
.cpnra{width:100%; height:auto; display:block;}
.cpnrli{ width:46%; height:auto; float:left; margin-left:2%; margin-right:2%; margin-bottom:15px;}
.cpnrlis{ width:99%; height:auto;}
.cpnrlis img{ width:100%; height:auto; display:block;}
.cpnrlix{ width:100%; height:auto; background:#dcdcdc; padding-bottom:10px;}
.cpnrlixa{ width:100%; height:30px; overflow:hidden; font-size:15px; text-align:center; line-height:30px;}
.cpnrlixb{ width:100%; height:20px; overflow:hidden; font-size:14px; text-align:center; line-height:20px; margin-left:0; margin-right:0;}
.cpnrli:hover .cpnrlix{ background:#8ecd26; color:#fff;}
/*我们的服务*/
.fwwaa{ width:100%; height:auto; min-width:inherit; margin-top:10px;}
.fww{ width:100%; height:auto; min-width:inherit; margin-top:10px;}
#fw{ width:96%; height:auto; margin:2%; float:left;}
.fw1{ width:100%; height:auto; float:left; background:#666666;}
.fw1a{ width:100%; height:auto; float:left; padding-top:10px; font-size:18px; padding-bottom:5px;}
.fw1b{ width:20%; height:4px; margin-left:40%; margin-right:40%;}
.fw1b img{ width:100%; height:4px; display:block;}
.fw1c{ width:100%; height:auto; float:left; padding-top:10px;font-size:14px; padding-bottom:10px;}
.fw2{ width:100%; height:auto; padding-bottom:10px;}
.fw2li{ width:29.3%; height:auto; float:left; padding-top:10px; margin-left:2%; margin-right:2%;}
.fw2lis{ width:50%; height:auto;}
.fw2lis img{ width:100%; height:auto; display:block;}
.fw2lix{ width:100%; height:auto; font-size:14px;line-height:25px;}
.fw3{ width:100%; height:auto; padding-bottom:10px;}
.fw3a{ width:100%; height:auto; float:left; font-size:18px; padding-top:10px;}
.fw3b{ width:100%; height:auto; float:left; font-size:14px; margin-bottom:10px;}
.fw3c{ width:30%; height:auto; font-size:14px; line-height:30px;}
/*产品中心*/
.cp1w{ width:100%; height:auto; background:#ebebeb; padding-bottom:10px; min-width:inherit; float:left; padding-top:20px;}
#cp1{ width:100%; height:auto; margin:0 auto;}
.cp1bt{ width:100%; height:89px;}
.cp1nr{ width:100%; height:auto; float:left; padding-top:20px;}
.cp1nrli{ width:46%; height:auto; float:left; margin-left:2%; margin-right:2%; margin-bottom:10px;}
.cp1nrlis{ width:100%; height:auto;}
.cp1nrlis img{ width:100%; height:auto; display:block;}
.cp1nrlix{ width:100%; height:auto;}
.cp1nrlixnr{ width:100%; height:auto;position:relative;}
.cp1nrlixnrx{ width:100%; height:auto;position:absolute; top:0;}
.cp1nrlixnrxa{ width:63%; height:auto; padding-top:13%; margin-left:37%; font-size:16px; line-height:30px;}
.cp1nrlixnrxb{ width:63%; height:auto; margin-left:37%; font-size:13px;}
.cp1nrlixa{ width:100%; height:157px;position:absolute; top:0; opacity:0;filter:alpha(opacity=0);-khtml-opacity:0; -moz-opacity:0;}
.cp1nrli:hover .cp1nrlix{opacity:0;filter:alpha(opacity=0);-khtml-opacity:0; -moz-opacity:0;}
.cp1nrli:hover .cp1nrlixa{ opacity:1;filter:alpha(opacity=100);-khtml-opacity:1; -moz-opacity:1;}
/*产品展示*/
.cpzsw{ width:100%; height:auto; float:left; padding-bottom:10px;}
#cpzs{ width:100%; height:auto; margin:0 auto;}
.cpzsbt{ width:96%; height:auto; margin-left:2%; margin-right:2%; padding-top:20px;}
.cpzsbtz{ width:100%; height:auto; float:left; font-size:20px; line-height:30px;}
.cpzsbtz span{ font-size:18px; font-family:Arial;}
.cpzsbty{ width:100%; height:auto; margin-top:15px;float:left;}
.cpzsbty ul{ width:100%;float:left;}
.cpzsbtyli{ width:22%; height:auto; float:left; line-height:25px; margin-left:1%; margin-right:1%; font-size:14px;}
.cpzsbtyli1{ width:22%; height:auto; float:left; line-height:25px; margin-left:1%; margin-right:1%; font-size:14px;}
.cpzsnr{ width:100%; height:auto; float:left; margin-top:0;}
.cpzsnrli{ width:46%; height:auto; margin-left:2%; margin-right:2%; margin-bottom:15px;}
.cpzsnrlitp{ width:100%; height:auto; float:left;}
.cpzsnrlitp img{ width:100%; height:auto; display:block;}
.cpzsnrlibt{ width:100%; height:auto; float:left; padding-top:10px;}
.cpzsnrlibts{ width:100%; height:auto; float:left; font-size:16px;}
.cpzsnrlibtx{ width:100%; height:auto; float:left; font-size:14px; color:#999999;}
.cpzsnrlixq{ width:85px; height:22px; margin-top:10px;}
.cpzsnrxq{ width:100%; height:auto;}
.cpzsnrxql{ width:110px; height:auto; margin:0 auto;}
.cpzsnrxqls{ width:40px; height:40px; float:left; margin-left:35px; margin-right:35px;}
.cpzsnrxqlx{ width:110px; height:auto; font-size:14px; color:#84c124; text-align:center; line-height:30px; font-weight:bold; float:left;}
/*定制流程*/
.fw31{ width:100%; height:auto; padding-bottom:10px;}
.fw21{ width:100%; height:auto; float:left; background:#888888; padding-bottom:10px;}
.fw2li1{ width:46%; height:auto; float:left; padding-top:15px; margin-left:2%; margin-right:2%;}
/*设计方案*/
.sjfaw{ width:100%; height:auto; background:#f2f0f1; float:left; min-width:inherit; padding-top:20px;}
#sjfa{ width:100%; height:auto; margin:0 auto;}
.sjfabt{ width:96%; height:auto; margin-left:2%; margin-right:2%;}
.sjfabtz{ width:60%; height:auto; float:left; font-size:20px; line-height:30px;}
.sjfabtz span{ font-size:16px;}
.sjfabty{ width:40%; height:auto; line-height:30px; font-size:14px;}
.sjfanr{ width:100%; height:auto;}
.sjfanrz{ width:96%; height:auto; float:left; margin-top:20px; margin-left:2%; margin-right:2%;}
.sjfanrztp{ width:100%; height:auto; float:left;}
.sjfanrztp img{ width:100%; height:auto; display:block;}
.sjfanrzbt{ width:96%; height:auto; float:left; font-size:16px; margin-left:2%; margin-right:2%;}
.sjfanrznr{ width:96%; height:auto; float:left; font-size:14px; margin-left:2%; margin-right:2%;}
.sjfanrzxq{ width:96%; height:30px; float:left; font-size:14px; margin-left:2%; margin-right:2%; padding-top:10px;}
.sjfanry{ width:100%; height:auto; margin-top:20px;}
.sjfanryli{ width:46%; height:auto; margin-bottom:20px; margin-left:2%; margin-right:2%;}
.sjfanrylitp{ width:100%; height:auto; float:left;}
.sjfanrylitp img{ width:100%; height:auto; display:block;}
.sjfanrylibt{ width:96%; height:auto; font-size:15px; padding-top:10px; margin-left:2%; margin-right:2%;}
.sjfanrylinr{ width:96%; height:auto; padding-top:10px;margin-left:2%; margin-right:2%;}
.sjfanrylixq{ width:96%; height:30px; padding-top:10px;margin-left:2%; margin-right:2%;}
/*工程案例*/
#gcal{ width:100%; height:auto;}
.gcalbt{ width:100%; height:89px; margin-top:20px;}
.gcalbta{ width:100%; height:auto; margin-top:20px;}
.gcalbta li{ width:28.3%; font-size:14px; line-height:35px;margin-left:2%; margin-right:2%; margin-bottom:10px;}
.gcalbta1{ width:100%; height:auto;}
.gcalbta1 li{ width:28.3%; font-size:14px; line-height:35px;margin-left:2%; margin-right:2%; margin-bottom:10px;}
.gcalnr{ width:100%; height:auto; margin-top:10px; float:left;}
.gcalnrli{ width:46%; height:auto;margin-left:2%; margin-right:2%; margin-bottom:15px;}
.gcalnrlitp{ width:100%; height:auto; float:left;}
.gcalnrlitp img{ width:100%; height:auto; display:block;}
.gcalnrlibt{ width:96%; height:auto; float:left; font-size:16px; padding-top:10px; margin-left:2%; margin-right:2%;}
.gcalnrlinr{ width:96%; height:auto; float:left; padding-top:10px; font-size:14px; margin-left:2%; margin-right:2%;}
.gcalnrlixq{ width:96%; height:auto; float:left; padding-top:10px; padding-bottom:15px; text-align:right; font-size:14px;margin-left:2%; margin-right:2%;}
/*企业风采*/
.fcw{ width:100%; height:auto; background:#f6f6f6; min-width:inherit; padding-top:20px;}
#fc{ width:100%; height:auto; margin:0 auto;}
.fcbt{ width:100%; height:89px; margin-bottom:20px;}
.fcbtaa{ width:100%; height:89px; margin-bottom:20px;}
.cpnrlixa1{ width:100%; height:auto;}
.cpnrlixb1{ width:96%; height:auto; font-size:14px; line-height:20px; margin-left:2%; margin-right:2%;}
.fcnr{ width:100%; height:auto; float:left; margin-top:10px; padding-top:10px;}
.fcnrz{ width:96%; height:auto; float:left; margin-left:2%; margin-right:2%;}
.fcnrzbt{ width:100%; height:auto; float:left; font-size:18px; line-height:50px;}
.fcnrzbt span{ font-size:16px;}
.fcnrznr{ width:100%; height:auto; float:left; padding-bottom:10px; font-size:14px; line-height:27px;}
.fcnrzxq{ width:100px; height:auto; line-height:30px; font-size:14px;}
.fcnry{ width:96%; height:auto; float:left; margin-left:2%; margin-right:2%;}
.fcnrynrli{ width:100%; height:auto; float:left; padding-bottom:10px; margin-bottom:10px;}
.fcnrynrliz{ width:40%; height:auto; float:left;}
.fcnrynrliz img{ width:100%; height:auto; display:block;}
.fcnrynrliy{ width:58%; height:auto; float:right;}
.fcnrynrliy1{ width:100%; height:auto; float:left; font-size:15px;}
.fcnrynrliy1 span{ float:right; color:#999999; font-size:12px;}
.fcnrynrliy2{ width:100%; height:auto; float:left; font-size:13px; padding-top:5px;}
/*创意展厅*/
#cyzt{ width:100%; height:auto; float:left;}
.cyztz{ width:96%; height:auto; margin-top:20px; margin-bottom:20px; margin-left:2%; margin-right:2%;}
.cyztz img{ width:100%; height:auto; display:block;}
.cyzty{ width:96%; height:auto; margin-left:2%; margin-right:2%;}
.cyzty1{ width:100%; height:auto; float:left; font-size:30px; line-height:40px;}
.cyzty1 span{ font-size:40px;}
.cyzty1 a{ font-size:20px;}
.cyzty2{ width:100%; height:auto; float:left; padding-top:20px;}
.cyzty3{ width:100%; height:35px; border:solid 1px #cfcfcf; float:left; margin-bottom:15px;}
.cyzty3z{ width:90px; height:35px; float:left; text-align:center; line-height:35px; font-size:16px; color:#444444; font-weight:bold;}
.cyzty3z img{ vertical-align:middle;}
.cyzty3zj{ width:214px; height:35px; float:left; outline: none;line-height:35px; border:0; font-size:16px; color:#444444; padding-left:20px;}
.cyzty3y{ width:20px; height:35px; float:right; text-align:center; line-height:35px; color:#ff1a19; font-size:18px;}
.cyzty4{ width:190px; height:40px; background:#84c125; font-size:18px; color:#fff; text-align:center; border-radius:8px; line-height:40px; border:0; float:left; margin-top:10px;}
/*底部*/
.dbw{ display:none;}
.dbvw{display:none;}
.kg{ width:100%; height:80px; float:left; display:block;}
/*底部*/
.db2{ width:100%; height:65px; background:#84c124; overflow:hidden; margin:0 auto; position: fixed; bottom:0px; left:0px; display:block;}
.db2li{ width:24.2%; height:65px; float:left; border-right:solid 1px #fff; border-left:solid 1px #fff; padding-top:3px;}
.db2li1{ width:24.2%; height:65px; float:left; border-right:solid 1px #fff; border-left:solid 0px #fff; padding-top:3px;}
.db2li2{ width:24.2%; height:65px; float:left; border-right:solid 0px #fff; border-left:solid 1px #fff; padding-top:3px;}
.dbs2{ width:40%; height:auto; margin-left:30%; margin-right:30%;}
.dbs2 img{ width:100%; height:auto; display:block;}
.dbx2{ width:100%; height:auto; font-size:12px; color:#FFF; text-align:center; line-height:25px;}
}
/*平板*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
#tba{ width:1200px;}
#tb{ width:1200px;}
#dh{ width:1200px;}
#cp{ width:1200px;}
#fw{ width:1200px;}
#cp1{ width:1200px;}
#cpzs{ width:1200px;}
#sjfa{ width:1200px;}
#gcal{ width:1200px;}
#fc{ width:1200px;}
#cyzt{ width:1200px;}
#db{ width:1200px;}
#dbv{ width:1200px;}
}