/* kefu */
.mainKefu {top:80%; position:fixed; right:0;z-index:99; margin-top:-160px;}
.mainKefu a {display:block; cursor:pointer; width:70px; height:70px; padding:0; border-radius:4px;   background:#21282e; position: relative; text-align: center; margin:1px 0; }
.mainKefu a span {line-height:20px; width:100%; font-size:14px; color:#fff; padding-top:40px; float:left;}
.mainKefu p { display: block; position:absolute; z-index:1; left:0; top:0; height:70px; width:70px; background:url(../images/icon_kefu.png); margin:0 0; }
.mainKefu .mainKefu1{ background-color:#cc1d1c;}
.mainKefu .mainKefu1:hover{ background-color:#fc2e2e;}
.mainKefu .mainKefu2{ background-color:#67abe8;}
.mainKefu .mainKefu2:hover{ background-color:#8ac1f2;}
.mainKefu .mainKefu22{ background-color:#cfa972;}
.mainKefu .mainKefu22 em{ position:absolute;  right:-220px; border-radius:5px 5px;  font-size:18px; width:220px; height:70px; z-index:-1; line-height:70px;  padding:0 10px;  text-align:left; font-weight:bold; color:#fff; background:#97df13;}
.mainKefu .mainKefu22:hover em{ right:0; transition: all 900ms;}
.mainKefu .mainKefu3{ background-color:#86c610;}
.mainKefu .mainKefu3:hover{ background-color:#97df13; }
.mainKefu .mainKefu4{ background-color:#333;}
.mainKefu .mainKefu4:hover{ background-color:#222;}
.mainKefu .mainKefu1 p{ background-position: 0px 0px; }
.mainKefu .mainKefu2 p{ background-position: -70px 0px;}
.mainKefu .mainKefu3 p{ background-position: -140px 0px;}
.mainKefu .mainKefu4 p{ background-position: -210px 0px;}



.modal{position: fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:10000; overflow:auto; background:rgba(0,0,0, .5);}
.zxdg{ width:400px; background:#fff; padding:30px; overflow:hidden; margin:0 auto;}
.zxdg h1{ font-weight:bold; height:30px; color:#222; font-size:22px; border-bottom:1px #e0e0e0 solid; font-family:"Microsoft JhengHei"; padding-bottom:20px;}
.zxdg h1 span.modal-close{ display:block; width:30px; height:30px; float:right; font-size:40px; font-weight:bold; text-align:right; cursor:pointer;}
.modal-close:hover{color:#cc1d1c;}
.zxdg .luul{ width:100%; overflow:hidden; position:relative; margin-top:30px;}
.zxdg .luul .mai{ width:100%; overflow:hidden;}
.zxdg .luul .mai li{ width:100%; overflow:hidden; margin-bottom:15px;}
.zxdg .luul .mai li input.text{ border:1px #e0e0e0 solid; width:100%; padding:16px 16px 16px 12px; box-sizing:border-box; line-height:20px; display:block; color:#333;}
.zxdg .luul .mai li input.sub{ background:#cc1d1c; border:none; display:block; width:100%; height:56px; box-sizing:border-box; border-radius:3px; text-align:center; line-height:56px; font-size:16px; color:#fff; cursor:pointer;}
.zxdg .luul .mai em{ display:block; overflow:hidden;}
.zxdg .luul .mai em img{ display:block; width:220px; height:220px; margin:0 auto;}
.zxdg .luul .mai p{ text-align:center; margin-top:15px; color:#555;}
.zxdg .luul .line{ position:absolute; right:45%; top:0; height:100%; width:1px; background:#eeecec;}
.zxdg .luul .line span{ height:46px; line-height:46px; background:#fff; width:34px; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-23px; color:#999;}
.modal2{position: fixed;top:0;bottom:0;left:0;right:0;display:none;z-index:10000; overflow:auto; background:rgba(0,0,0, .5);}