@import url("../font-awesome.css");
body{font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,Lucida,Verdana,Helvetica,sans-serif;color:#848484;background-color:#fff;min-width:320px}
body,button,input,textarea{font-size:14px;line-height:1.531;outline:0;margin:0;padding:0;border:0}
blockquote,dd,dl,dt,form,ol,p,ul{margin:0;padding:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;margin:0;padding:0}
b,em,i{font-style:normal;font-weight:400}
img{border:0; max-width:100%; height:auto;}
a{text-decoration:none;color:#848484}
a:hover{text-decoration:none;}
img,input,select{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix{overflow:hidden;zoom:1}
.none{display:none}
.pcdisplay{ display:none;}
.wapdisplay{ display:block;}
/*标题颜色样式*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}
/*CSS yellow style pagination*/
.pages{PADDING:35px 7px  35px 7px;MARGIN:3px;TEXT-ALIGN:center;}
.pages a{PADDING:0 5px; width:30px; line-height:20px; display:inline-block;COLOR:#848484;background:#515659;TEXT-DECORATION: none;}
.pages a:hover{COLOR:#848484;}
.pages a:active{COLOR:#848484;}
.pages span.pagecount{ display:none;}
.pages span.current{PADDING:0 5px;width:30px; line-height:20px; display:inline-block;COLOR:#848484;background:#515659;}
.pages span.disabled{COLOR:#ddd;}
.shangxia{color:#848484; border-top:1px #6c6f71 dotted; padding:10px 0; margin-top:20px;}
.shangxia font{ font-weight:bold; color:#848484;}
.shangxia a{ color:#848484;}
.shangxia a:hover {color:#aaa;}
#captcha{cursor:pointer}
#wrapper{width:100%;min-width:320px;margin:0 auto;max-width:640px;position:relative;}
#header{ height:45px; padding:21px 0 21px; position:relative;}
#header:after{clear:both; display:block; width:100%; height:0;content:"";}
#header .logo{ float:left; padding-left:13px;}
#header .logo img{ max-height:40px;}
.slideShow{position:relative; z-index:1;padding:0; overflow:hidden;}
.slideShow .slideBox{background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.slideShow .slideBox .slides img{max-width:100%;display:block}
.slideShow .slideLoading{min-height:50px;background:url(../../images/slide_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.slideShow .arrowBox a{z-index:50;font-family:\5b8b\4f53,sans-serif;position:absolute;display:block;margin-bottom:-20px;width:40px;height:40px;bottom:50%;line-height:40px;text-decoration:none;text-align:center;color:#fff;font-size:2em;background-color:#333;background-color:rgba(50,50,50,.3)}
.slideShow .arrowBox a.disabled{display:none}
.slideShow .arrowBox .arrowPrev{left:20px}
.slideShow .arrowBox .arrowNext{right:20px}
.slideShow .arrowBox a:hover{background-color:rgba(50,50,50,.6)}
.slideShow .controlBox{z-index:30;position:absolute;bottom:0; right:10px;text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666}
.slideShow .controlBox .control{display:inline-block}
.slideShow .controlBox.controlDefault a{background:#fff;text-indent:-9999px;width:20px;height:4px;clear:none;display:block; margin-left:4px;}
.slideShow .controlBox.controlDefault a.active,.slideShow .controlBox.controlDefault a:hover{background:#fff;}
.inpic{ padding:21px 21px;}
.inpic ul{}
.inpic ul li{ padding:30px 0 0;}
.inpic ul li img{ width:100%;}
.inbar{ padding:30px 0 50px;}
.weizhiname{ text-align:center; font-size:30px; padding:37px 0; font-weight:100; line-height:100%;}
.weizhisname{ text-align:center; font-size:30px; padding:41px 0; font-weight:100; line-height:100%;}
.aboutus{}
.aboutusbox{ overflow:hidden; margin-bottom:51px;}
.aboutusbox .pic{ margin-bottom:27px;}
.aboutusbox .text{ font-size:16px; line-height:30px;}
.tedianlist{ background:#373b42; padding:1px 0 4px;}
.tedianlist ul{}
.tedianlist ul li{position:relative;}
.tedianlist ul li:before{ position:absolute; left:0; top:0; content:""; display:black; width:100%; height:1px;background:#4a4f56;}
.tedianlist ul li:first-child:before{ display:none;}
.tedianlist ul li a{ color:#848484; padding:52px 10px; display:block; width:220px; margin:0 auto;}
.tedianlist ul li a h3{ font-size:54px; color:#848484; line-height:54px;}
.tedianlist ul li a h3 i{ background:#648a72; height:27px; width:27px; margin-top:22px; line-height:27px; border-radius:100%; font-size:18px; font-weight:100; font-style:normal; color:#fff; display:inline-block; vertical-align:top; text-align:center; margin-left:5px;}
.tedianlist ul li a p{ line-height:15px;}
.aboutpicture{}
.aboutpicturelist{}
.aboutpicturelist ul{}
.aboutpicturelist ul li{ margin-top:40px;}
.aboutpicturelist ul li a{ display:block; background:#e6eaec;}
.aboutpicturelist ul li .pic{}
.aboutpicturelist ul li .pic img{ width:100%;}
.aboutpicturelist ul li .text{ padding:30px 29px; color:#373b42;}
.aboutpicturelist ul li .text h3{ font-size:18px; margin-bottom:25px; line-height:100%; font-weight:400;}
.aboutpicturelist ul li .text p{ font-size:14px; line-height:24px;}
.factory{}
.factorylist{ margin-bottom:13px;}
.factorylist ul{}
.factorylist ul li{}
.factorylist ul li a{display:block;}
.factorylist ul li .pic{}
.factorylist ul li .pic img{ width:100%;}
.factorylist ul li .text{ text-align:center; }
.factorylist ul li .text h3{ font-weight:300; font-size:18px; line-height:18px; padding:19px 0 37px;}
.chengzhang{ background:#373b42; margin-bottom:25px;}
.chengzhang .title{ text-align:center; padding:44px 45px 0;}
.chengzhang .title h3{ margin-bottom:34px; color:#cdd0d5; font-size:18px;}
.chengzhang .title p{ line-height:24px;}
.chengzhanglist{ padding:40px 15px 46px;}
.chengzhanglist ul{ border-top:1px #4a4f56 solid;}
.chengzhanglist ul li{ width:50%; text-align:center; float:left; border-bottom:1px #4a4f56 solid; padding:24px 0 29px;}
.chengzhanglist ul li a{}
.chengzhanglist ul li .pic{ padding-bottom:11px;}
.chengzhanglist ul li .text{}
.chengzhanglist ul li .text h3{ font-size:16px; line-height:16px; padding-bottom:11px;}
.chengzhanglist ul li .text p{ font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:19px; height:38px;}
.buy{ padding:120px 0 200px;}
.login{background:url(/uploadfile/image/slider/loginbg_wap.jpg); height:753px;display: flex;align-items: center;justify-content: center; margin:0 -20px;}
.login .loginbox{ padding:35px;text-align:center;}
.case{ margin:0 -20px;}
.case .casetop{ margin-bottom:5px;}
.case .casetop .pic{}
.case .casetop .text{ text-align:center; text-decoration:underline; line-height:30px; padding:67px 0 91px; color:#373b42;}
.case .casetop .title{ color:#848484; line-height:28px; padding:64px 0 53px; font-size:24px; background:#d7d9dd; text-align:center; font-weight:600;}
.case .casetop .title span{ padding:0 15px;}
.case .casevide{}
.case .tedian{ padding:30px 0;}
.case .tedian ul li{text-align:center; padding:30px 0;}
.case .tedian ul li a{  display:block;}
.case .casrtitle{ background:#d7d9dd; text-align:center; padding:24px 0 19px; margin:0 -20px;}
.case .casrtitle a{ border:2px #848484 solid; color:#848484; line-height:49px; font-size:36px; font-weight:600; padding:0 10px;}
.caseList{zoom:1;overflow:hidden; padding:22px 20px 0;}
.caseList dl{width:50%; float:left;}
.caseList dd{margin:1px;}
.caseList dd.clearBorder{border-right:none}
.caseList dd .img{}
.caseList dd .img img{ max-width:100%; max-height:100%;}
.caseList dd .name{ padding: 10px 0 25px 0;}
.caseList dd .name i{ font-style:normal; display:block;}
.caseList dd .name em{ font-style:normal; display:block;}
.caseList dd .price{color:#999}

.join{ padding-bottom:37px;}
.join .joinbox{margin:37px 0 22px;}
.join .joinbox .item{}
.join .joinbox .item .pic{ overflow:hidden;}
.join .joinbox .item .text{overflow:hidden;padding:37px 0 54px;}
.join .joinbox .item .text .textbox{line-height:28px;}
.join .joinbox .item .text .textbox h3{ font-size:30px; font-weight:300; line-height:1em; margin-bottom:32px;}
.join .joinbox .item .text .textbox p{}
.join .joinfooterpic{ margin:0 -20px;}

.leibies{ padding:40px 0 14px 0;}
.leibies ul{ text-align:center;}
.leibies ul li{line-height:36px;color:#fff; display:inline-block;text-align:center; padding:0 15px;}
.leibies ul li a{line-height:36px; height:36px; overflow:hidden; font-size:30px;color: #9aa0a4; display:block; border-bottom:1px #96989c solid; text}
.leibies ul li a:hover,.leibies li a.active{color: #40444b; border-color:#40444b;}
.btn{display:inline-block;background-color:#000;color:#EEE;padding:8px 5px;text-transform:capitalize;cursor:pointer;font-weight:700;font-size:14px;width:97%}
.btn:hover{text-decoration:none;color:#FFF;background-color:#007AD5}
.btnGray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 15px;text-transform:capitalize;cursor:pointer;font-weight:700;width:97%}
.textInput{padding:8px 5px;border:1px solid #DDD;font-size:14px;-webkit-appearance:none;width:95%}
.textArea{padding:8px 5px;border:1px solid #DDD;font-size:14px;-webkit-appearance:none;width:95%}
.incBox{margin-bottom:15px}
.incBox h3{font-weight:700;font-size:16px;color:#000;padding:0 10px 8px 10px;margin-top:15px}
.incBox h3 .more{float:right;font-size:13px;color:#777}
.searchBox{position:relative;background-color:#FFF;height:28px;padding-left:10px; display:none;}
.searchBox .keyword{width:90%;color:#999;height:20px;line-height:20px;margin:4px 0}
.searchBox .btnSearch{position:absolute;right:0;border:0;background:#E0E0E0 url(../../images/btn_search.gif) no-repeat;width:28px;height:28px;text-indent:-999px;cursor:pointer}
.treeBox{zoom:1;overflow:hidden;margin:0 10px; display:none;}
.treeBox a{display:block;float:left;margin:5px;border:solid #EEE 1px;padding:3px 6px}
.treeBox a.cur{background-color:#000;color:#FFF;border:solid #FFF 1px}
.about{padding:10px}
.about img{float:left;padding-right:15px;max-width:45%}
.contact{padding:10px;line-height:25px}
.contact img{float:left;padding-right:15px;max-width:45%}
.contact i.tel{background:url(../../images/tel.png) no-repeat center center;width:30px;line-height:25px;height:25px;display:inline-block;vertical-align:top}
.productList{zoom:1;overflow:hidden; padding:26px 1%;}
.productList dl{width:50%; float:left;}
.productList dd{padding-bottom: 1px;}
.productList dd.clearBorder{border-right:none}
.productList dd .img{}
.productList dd .img img{ max-width:100%; max-height:100%;}
.productList dd .name{ padding: 10px 0 25px 0;}
.productList dd .name i{ font-style:normal; display:block;}
.productList dd .name em{ font-style:normal; display:block;}
.productList dd .price{color:#999}
.productsList{zoom:1;overflow:hidden; padding:26px 1%;}
.productsList dl{width:100%}
.productsList dd{padding-bottom: 1px;}
.productsList dd.clearBorder{border-right:none}
.productsList dd .img{}
.productsList dd .img img{ max-width:100%; max-height:100%;}
.productsList dd .name{ padding: 10px 0 25px 0;}
.productsList dd .name i{ font-style:normal; display:block;}
.productsList dd .name em{ font-style:normal; display:block;}
.productsList dd .price{color:#999}
.articleList{}
.articleList dl{padding:13px}
.articleList dl:nth-child(odd){}
.articleList dl:nth-child(even){ background-color:#f3f5f5;}
.articleList dt{margin-bottom:5px;font-size:13px}
.articleList dd{color:#999; display:none;}
.articleList dd em{margin-right:8px}
.articleList ul{ padding:2%;}
.articleList ul li{ padding:35px 0 0 0;}
.articleList ul li .title{ overflow:hidden; border-bottom:1px #6c6f71 dotted; padding-bottom:0px; margin-bottom:5px;}
.articleList ul li .title span{ float:right; display:inline-block; line-height:25px;}
.articleList ul li .title a{ line-height:25px; color:#f6f6f6; font-size:14px;}
.articleList ul li .title a:hover{color: #e68f28;}
.articleList ul li .description{ color:#848484; line-height:25px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.articletuList{border-bottom:solid #F8F8F8 5px}
.articletuList dl{border-top:solid #EEE 1px;padding:13px}
.articletuList dt{margin-bottom:5px;font-size:13px}
.articletuList dt img{width:160px}
.articletuList dd{color:#999}
.articletuList dd em{margin-right:8px}
.urHere{background-color:#000c15;color:#fff;padding:0;font-weight:700; display:none;}
.urHere:after,.urHere:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.urHere h3{color:#fff; font-size:14px; display:block; float:left; padding-left:10px;font-size:15px ;line-height:40px;}
.urHere b{margin:0 8px}
.urHere .urHeremenu{ display:block; float:right; border-left:1px #333638 solid; position:relative;}
.urHere .urHeremenu a{display:block; width:120px; color:#fff;line-height:40px; text-align:center;} 
.urHere .urHeremenu .fenleimenu{ background-color:#000c15; position:absolute; z-index:1000; right:0; top:40px; width:100%;}
.urHere .urHeremenu .fenleimenu a{ border-top:1px #333638 solid;}
.viewbt{ border-bottom:1px #6c6f71 dotted; margin:5px 0; padding:9px 0; line-height:25px; overflow:hidden;}
.viewbt h3{ color:#f6f6f6; font-size:14px; line-height:25px; font-weight:500;}
.viewbt span{ float:right;line-height:25px; color:#656a6e;}
#product{margin-bottom:30px}
#product .img{border-bottom:1px solid #EEE;padding:10px;text-align:center}
#product .info{padding:10px;line-height:180%}
#product .info h1{font-size:14px;color:#333}
#product .info .defined{color:#999;padding:5px 0}
#product .info .price{color:red;font-size:16px}
#product .info .tel{margin-top:20px;zoom:1;overflow:hidden;line-height:35px;background-color:#19B4EA;font-weight:700;font-size:14px}
#product .info .tel dt{float:left;width:82px;height:35px;text-align:right;padding-right:3px;background-color:#E0E0E0;color:#333}
#product .info .tel dd{float:left;width:150px;height:35px;color:#FFF;padding-left:10px}
#product .info .tel dd a{color:#FFF}
#product .content{padding:15px 0}
#product .content img{max-width:100%}
#product .content h3{height:35px;line-height:35px;color:#555;font-weight:700;font-size:18px;border-bottom:1px solid #EEE;padding-left:10px}
#product .content ul{padding:10px;color:#888;line-height:200%}
.single{padding:0 20px 37px 20px;}
.mb{}
.single h1{border-bottom:1px solid #EEE;color:#333;font-size:14px;font-weight:700;padding:0 0 10px 0}
.single .info{padding:10px;color:#999;font-size:13px}
.single .content{color:#878787;line-height:200%}
.single .content img{max-width:100%}
.article{padding:26px 2%;}
.article h1{border-bottom:1px dotted #6c6f71;color:#373b42;font-size:14px;font-weight:700;padding:0 0 10px 0;text-align:center}
.article .info{padding:10px;color:#999;font-size:13px;text-align:center}
.article .info.productinfo{ display:none;}
.article .content{color:#878787;line-height:200%}
.article .content img{max-width:100%}
.article .producttu{ text-align:center; padding:10px 0;}
.article .producttu img{max-width:100%}
.jobslist{}
.jobslist ul{}
.jobslist ul li{ padding-top:20px;}
.jobslist ul li:first-child{ padding-top:0;}
.jobslist ul li h3{ color:#f1f1f1; font-size:14px; border-bottom:1px #656460 dotted; padding-bottom:10px; margin-bottom:10px; font-weight:500;}
.jobslist ul li p{ line-height:25px;}
.joinlist{}
.joinlist ul{}
.joinlist ul li{ padding-top:20px;}
.joinlist ul li:first-child{ padding-top:0;}
.joinlist ul li h3{ color:#f1f1f1; font-size:14px; border-bottom:1px #656460 dotted; padding-bottom:10px; margin-bottom:10px; font-weight:500;}
.joinlist ul li p{ line-height:25px; overflow:hidden;}
.joinlist ul li p i{float:left; font-style:normal; width:28px;}
.joinlist ul li p span{ float:left; width:calc(100% - 28px);}
.contactbox{ overflow:hidden; padding:0 0 30px;}
.contactbox ul{}
.contactbox ul li{ background:#000; border-top:1px #2d3134 solid; padding:5px; line-height:25px;}
.contactbox ul li:first-child{border-top:none;}
.contactbox .contactpic{ padding:26px;}
.formcontacttitle{ border-bottom:1px #656460 dotted; padding-bottom:10px; margin-bottom:10px;}
.formcontacttitle h3{ color:#f1f1f1; font-size:18px;line-height:40px; font-weight:500;}
.formcontact{ padding:10px 0;}
.formcontactleft{}
.formcontactright{}
.formcontact dl{ padding-bottom:2px;display:block;}
.formcontact dl.title,.formcontact dl dt{ display:none;}
.formcontact dl input[type="text"]{ width:100%; background-color:#525659; color:#fff; border:none;text-indent:10px; line-height:33px;}
.formcontact dl textarea{width:100%; background-color:#525659; border:none;color:#fff; height:180px;text-indent:10px;}
.formcontact dl.submit{ display:block;float:none; text-align:center; }
.formcontact dl.submit input[type="submit"]{ background-color:#fff; color:#525659; line-height:40px; display:inline-block; border:none; cursor:pointer; padding:0 25px; width:100%; font-size:14px;}
.formcontact dl input[type="text"]::-webkit-input-placeholder,.formcontact dl textarea::-webkit-input-placeholder{color:#fff;}
.formcontact dl input[type="text"]:-moz-placeholder,.formcontact dl textarea:-moz-placeholder{color:#fff;}
.formcontact dl input[type="text"]:-ms-input-placeholder,.formcontact dl textarea:-ms-input-placeholder{color:#fff;}
.membertable{}
.membertable .memberlist{ padding:15px;}
.membertable .memberlist dl{ padding:5px 0;}
.membertable .memberlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.membertable .memberlist dl dt{ width:80px; float:left; line-height:25px;}
.membertable .memberlist dl dd{ width:calc(100% - 80px); float:left;}
.membertable .memberlist dl dd .txt,.membertable .memberlist dl dd .textarea{ width:90%; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl.form-send{ text-align:center;}
.membertable .memberlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}
.formtable{}
.formtable .formlist{ padding:15px;}
.formtable .formlist dl{ padding:5px 0;}
.formtable .formlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.formtable .formlist dl dt{ width:80px; float:left; line-height:25px;}
.formtable .formlist dl dd{ width:calc(100% - 80px); float:left;}
.formtable .formlist dl dd .txt,.formtable .formlist dl dd .textarea{ width:100%; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl.form-send{ text-align:center;}
.formtable .formlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}
#catalog li a{display:block;background:url(../../images/icon_arrow_right.png) no-repeat right center;border-bottom:1px solid #EEE;line-height:50px;padding-left:10px}
#douMsg{text-align:center;padding:50px 0}
#douMsg dt{color:#000;font-size:16px;margin-bottom:30px;font-weight:700}
#douMsg dd{color:#666}
#douMsg dd .back{display:block;width:100px;line-height:30px;background-color:#19B4EA;color:#FFF;margin:30px auto}
.pager{text-align:center;padding:20px;color:#AAA}
.pager em{color:#525252;margin:0 30px}
.pager a{color:#525252}
#footer .goTop{display:block;margin:0 auto;width:60px;text-align:center;background:url(../../images/icon_gotop.png) no-repeat center top;padding-top:8px;margin-bottom:20px}
#footer{text-align:center;color:#999;margin-bottom:56px;border-top:1px #a5a8ae solid;border-bottom:1px #a5a8ae solid;}
#footer a{color:#555}
#footer .copyright{padding:16px 0 17px;}
#footer .copyright ul{}
#footer .copyright ul li{ padding:15px 0; line-height:20px; font-size:16px;}
#footer .copyright ul li img{ vertical-align:top;}
#footer .footererweima{text-align:center; padding-bottom:33px;}
#map_canvas img,.google-maps img{max-width:none}
#map_canvas label{max-width:none}
.footerquicklink{ position:fixed; bottom:0; left:0; width:100%; display:none;}
.footerquicklink ul.footerquicklinkul{ background-color:#000c15; width:100%;min-width:320px;margin:0 auto;max-width:640px;position:relative;}
.footerquicklink ul.footerquicklinkul:after,.footerquicklink ul.footerquicklinkul:before {display: table;content: " ";clear: both;}
.footerquicklink ul.footerquicklinkul li{ float:left; width:20%; text-align:center;color:#fff;}
.footerquicklink ul.footerquicklinkul li:nth-child(3){ background-color:#000;}
.footerquicklink ul.footerquicklinkul li i{ display:block; font-size:1.4em; line-height:1em;}
.footerquicklink ul.footerquicklinkul li a{ color:#fff; display:block; padding:8px 0;text-decoration:none;}
.footerquicklink ul.footerquicklinkul li:nth-child(2) a,.footerquicklink ul li:nth-child(5) a{ border-left:1px #000 solid;}
.footerquicklink .sharediv{ position:absolute; top:-30px; left:0;width:100%; text-align:center;}
.footerquicklink .sharediv .sharedivnr{ display:inline-block; margin:0 auto;}
.sharemenu{ left:0; bottom:50px; width:100%;position:absolute;}
.sharemenu ul{ width:100%; margin:0 auto;background-color:#000c15;}
.sharemenu ul:after,.sharemenu ul:before {display: table;content: " ";clear: both;}
.sharemenu ul li{ width:50%; float:left;}
.sharemenu ul li a{ line-height:40px; text-align:center; display:block; color:#fff; border-bottom: 1px dotted #6c6f71;}
/*分享到朋友圈弹出框提示*/
#guide{ position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}
/*===快捷菜单按钮 开始===*/
.plug-div {position:fixed;bottom:0;left:0px;z-index:900;}
.phone {width:100%; height:480px; border: #000 solid 1px; position:relative; }
.plug-menu {width:36px;	height:36px;border-radius:36px;position: absolute;bottom:16px;left: 16px;z-index:999;-moz-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);background-color: #B70000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FF0000), color-stop(100%, #B70000));background-image:-webkit-linear-gradient(top, #FF0000, #B70000);background-image:-moz-linear-gradient(top, #FF0000, #B70000);	background-image:-o-linear-gradient(top, #FF0000, #B70000);	background-image:linear-gradient(top, #FF0000, #B70000);}
.plug-menu span {display: block;	width:28px;height:28px;	background: url(../../images/ky_img/plugmenu.png) no-repeat;background-size: 28px 28px;text-indent: -999px;position:absolute;	top:50%;left:50%;margin-top:-14px;	margin-left: -14px;	overflow: hidden;}
.plug-btn {	width:32px;	height:32px; border-radius:32px;-moz-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);background:#333333;	position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:998;}
.plug-btn span {display: block;width: 24px;height: 24px;text-indent: -999px;position: absolute;top: 50%; left: 50%; margin-top: -12px;	margin-left: -12px;overflow: hidden;background-repeat: no-repeat;background-size: 24px 24px;}
.plug-btn span.ico1{background-image: url(../../images/ky_img/home.png);}
.plug-btn span.ico2{background-image: url(../../images/ky_img/tel.png);}
.plug-btn span.ico3{background-image: url(../../images/ky_img/aboutus.png);}
.plug-btn span.ico4{background-image: url(../../images/ky_img/guestbook.png);}
.plug-phone .plug-useless {background:#e2e2e2;}
.plug-btn {-webkit-transition: -webkit-transform 200ms;}
.plug-menu span {-webkit-transition: -webkit-transform 200ms;}
.plug-menu span.open {-webkit-animation-name: open;-webkit-transform: rotate(135deg);}
.plug-menu span.close {-webkit-animation-name: close;-webkit-transform: rotate(0deg);}
.plug-btn1.open {-webkit-transform: translate(0, -100px) rotate(720deg);}
.plug-btn1.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn2.open {-webkit-transform: translate(47px, -81px) rotate(720deg);}
.plug-btn2.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn3.open {-webkit-transform: translate(81px, -45px) rotate(720deg);}
.plug-btn3.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn4.open {-webkit-transform: translate(100px, 0) rotate(720deg);}
.plug-btn4.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn5.open {	display: block;width:310px;	height:310px;border-radius:310px;background-color:rgba(255, 255, 255, 0);-moz-box-shadow: none;	-webkit-box-shadow:none;box-shadow:none;z-index:997;	left:-170px;top:-170px;overflow: hidden;}
.plug-btn5.close {	display: none;}
.themeStyle{background:#206ed3} /*必须放在最后，覆盖前面定义的样式*/
/*===快捷菜单按钮 结束===*/