/* CSS Document */
@charset "utf-8";
*{margin:0px;padding:0px;}
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a{border:none;text-decoration:none;}
body{font-size:14px; margin:0px auto; padding:0px;font-family:"微软雅黑";-webkit-user-select:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent; cursor:pointer; background:#fff; max-width:720px;}
input{margin:0px;padding:0px; outline:none;}
input:focus{outline:none;}
a:hover,a:active,a:visited{ text-decoration:none;} 
.cscreen{position:absolute;top:0;left:0;z-index:30;background:#000;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.70; cursor:pointer;}

.topDiv{ width:100%; height:50px; overflow:hidden; position:relative; text-align:center; background:#fff;}
.topDiv{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.topDiv .logo{margin-top:6px;display: block;text-align: center;margin-left: 10px}
.topDiv .menu{ position:absolute; right:10px; top:12px;}
.topDiv .txt{color:#000;font-size:18px;margin-top:12px;}
.topDiv .back{ position:absolute; left:10px; top:15px;}
.topDiv .protype{ position:absolute; left:10px; top:12px; color:#000; font-size:16px;}

/*导航*/
.mainNav {
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 101;
    display: none;
}

.mainNav .arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #666;
    position: absolute;
    left: 70px;
    top: -6px;
}

.mainNav ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
}

.mainNav ul li {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.mainNav ul li:nth-last-of-type(1){
    border: none;
}

.mainNav li a {
    display: block;
    width: 100%;
    color: #333;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 26px;
}

.bottom {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0px;
    z-index: 5;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    max-width: 720px;
    margin: 0px auto;
}

.bottom li {
    width: 25%;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    border-right: 1px solid #e0e0e0;
    box-sizing: border-box;
}

.bottom li a {
    display: block;
    color: #333;
    width: 100%;
    height: 50px;
    font-size: 14px;
    padding-top: 14px;
    box-sizing: border-box;
}

.bottom li a.hover {
    color: #fff;
}

.bottom li:nth-child(1) {
    background: url(../images/foot-1.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(1) a.hover {
    background: #2f8e8e url(../images/foot-1-h.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(3) {
    background: url(../images/foot-3.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(3) a.hover {
    background: #2f8e8e url(../images/foot-3-h.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(2) {
    background: url(../images/foot-2.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(2) a.hover {
    background: #2f8e8e url(../images/foot-2-h.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(4) {
    border-right: none;
    background: url(../images/foot-4.png) no-repeat center 7px;
    background-size: 18px auto;
}

.bottom li:nth-child(4) a.hover {
    background: #2f8e8e url(../images/foot-4-h.png) no-repeat center 7px;
    background-size: 18px auto;
}



.inside-type{ width:100%; height:auto; overflow:hidden; clear:both; margin:0px auto; background:#f4f4f4; border-bottom:1px solid #ddd; padding:0 5px; box-sizing:border-box; padding-bottom:10px;}
.inside-type .type-list{ display:block; width:25%; padding:0 5px; float:left; height:40px; text-align:center; line-height:40px; box-sizing:border-box; margin:10px 0 0 0; overflow:hidden;}
.inside-type .type-list a{ display:block; background:#fff; border-radius:5px; color:#666; width:100%; height:40px;overflow:hidden;}
.inside-type .type-list a:hover,.inside-type .type-list a.hover{ background:#d0eded; color:#666;}

.body_bg{ background:#fff; height:auto; margin:0px auto; width:100%; padding-top:10px; overflow:hidden;}

.info_body {width:100%;height:40px;line-height:40px;background:#e1e1e1;border:1px solid #ccc;margin:10px auto;}
.info_body p {float:left;margin-left:10px;color:#000; width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.info_body p a {color:#000;}
.info_body img {float:right;margin-top:15px;margin-right:10px;}

.info_bot {width:100%; padding:0 10px; box-sizing:border-box;margin:0 auto; overflow:hidden;}
.info_bot .title {line-height:26px;text-align:center; font-size:16px;}
.info_bot .date{display:block;font-size:12px;text-align:center; color:#999; margin-top:5px;}
.info_bot .date img{ margin-right:4px;}
.info_bot .cont {line-height:200%;margin:0px auto 0 auto;overflow:hidden; width:100%; height:auto;}
.info_bot .cont table,.info_bot .cont img,.pro_main .cont img,.pro_main .cont table{ max-width:100%;}

.abh2{ font-weight:bold;}

.m_news{ width:100%; height:auto; overflow:hidden;padding:0px;box-sizing:border-box;}
.m_news .first{ width:100%; padding:0 5px;box-sizing:border-box; height:105px; margin-top:10px; overflow:hidden;}
.m_news .first li{ display:block;border-bottom:1px solid #e0e0e0;

}
.m_news .first .pic{ width:34%; height:95px;padding:1px;  float:left; overflow:hidden;box-sizing:border-box;border:1px solid #e0e0e0;}
.m_news .first .pic a{ display:block; width:100%; height:110px;border:none;}
.m_news .first .title{height:36px; line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 10px;box-sizing:border-box;}
.m_news .first .title a{background: url(../images/z3g_arrow_gray02.png) no-repeat right center; color:#333;height: auto;border:none;}
.m_news .first .intro{ width:66%; height:42px; color:#999; font-size:12px; line-height:21px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;padding-left: 10px;box-sizing:border-box;}
.m_news .first .botA{width:66%; height:25px; color:#999; font-size:13px; line-height:25px; float:left;padding-left: 10px;box-sizing:border-box;margin-top: 5px;}
.m_news .botA a{ display: block;float: left;width:40%;height: 25px;line-height: 25px;margin-right:10px;border-radius: 5px;text-align: center;color: #fff;}
.m_news .botA .a-1{background: #d60313;}
.m_news .botA .a-2{background: #179fed;}
.m_news .first .date{width:63%; height:25px; color:#999; font-size:10px; line-height:25px; float:left;padding-left: 10px;}

.dateList{ width:100%; padding:0 5px;border-bottom:1px solid #e0e0e0;box-sizing:border-box; height:90px; margin-bottom:10px; overflow:hidden;}
.dateList li{ display:block; float:left;}
.dateList .title{ width:78%; height:25px; line-height:25px; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 10px;box-sizing:border-box;}
.dateList .title a{ color:#333;}
.dateList .intro{ width:78%; height:48px; color:#999; font-size:12px; line-height:22px; float:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top:5px;padding-left: 10px;box-sizing:border-box;}
.dateList .date{width:22%; height:80px; float:left; overflow:hidden;box-sizing:border-box;background: #f4f4f4;text-align: center;}
.dateList .day{display: block;width:100%;height: 50px;line-height: 50px;background: #d0eded;color: #fff;font-size: 26px;font-family: "Arial";}
.dateList .year{display: block;width:100%;height:30px;line-height:30px;color: #333;font-size: 12px;}

.up-down{ width:100%; height:auto; overflow:hidden;}
.up-down li{ width:100%; height:35px;overflow:hidden; display:block; line-height:35px; border-bottom:1px dashed #e1e1e1; padding:0 10px; box-sizing:border-box; color:#666;}
.up-down li span{ float:left;}
.up-down li a{ color:#666; display:block; width:83%;height:35px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.up-down .back{ border-bottom:none; text-align:right;}
.up-down .back a{ float:right; margin-right:10px; color:#999;}

.Cases{ width:50%; height:160px; overflow:hidden; background:#fff; padding:0 5px; box-sizing:border-box; float:left; margin-bottom:10px;}
.Cases a{ display:block; width:100%; height:160px; overflow:hidden; position:relative;border:1px solid #ddd; box-sizing:border-box;border-radius:2px; float:left; padding:3px 3px;}
.Cases .list{ width:100%; height:100%;box-sizing:border-box; overflow:hidden;}
.Cases .txt{ position:absolute; left:0; bottom:3px; background:url(../images/opacity.png); width:100%; height:30px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#fff; font-size:13px; padding:0 10px; box-sizing:border-box; margin:0 3px;}

.product_type{position: fixed; top:0; overflow:hidden; width:70%; left:-70%;height:auto; background:#fff; display:none;z-index:72;}
.product_type ul{ width:100%; height:auto; overflow:hidden; padding:0 5px; box-sizing:border-box; overflow:hidden;}
.product_type li{ display:block; width:100%; height:auto; overflow:hidden;}
.product_type li .big{ display:block; width:100%; height:30px; padding:0 5px; box-sizing:border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#333; font-size:14px; margin-top:10px;}
.product_type li .big.hover{ color:#d0eded;}

.product_type li ol li{
    padding-left: 2em;
}
.product_type li ol li a{color: #333;}

.dropload-down{clear: both;}
.proitem_ul{ width:100%; height:auto; margin-top:10px; overflow:hidden; clear:both;}
.proitem_ul li{ width:100%; padding:0 10px; box-sizing:border-box; height:35px; line-height:35px; overflow:hidden;border-bottom:1px solid #ddd;}
.proitem_ul .topic{ height:auto; color:#333; font-size:16px; line-height:40px; font-weight:bold;}
.proitem_ul .desc{ color:#666; font-size:13px;white-space:nowrap;text-overflow:ellipsis;}

.arrow-lf{ display:block; position:fixed; top:50%; left:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrlf.png) no-repeat 2px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-lf.hover{opacity:0.1;}
.arrow-rg{display:block; position:fixed; top:50%; right:0; margin-top:-50px; width:40px; height:100px; background:#000 url(../images/arrrg.png) no-repeat 8px center; opacity:0.4; z-index:111; cursor:pointer;}
.arrow-rg.hover{opacity:0.1;}

.copyright{width:100%;height:auto;padding:10px 10px 10px 10px;box-sizing:border-box;text-align:center; background:#f7f7f7;overflow:hidden; clear:both;border-top: 1px solid #e0e0e0;}
.copyright .cont{ color:#666; font-size:13px; line-height:24px;}
.copyright .cont a{color:#666; font-size:13px;}

.m_tel{ width:100%; height:40px; line-height:40px; margin:0px auto;overflow:hidden; text-align:center; color:#333; clear:both;padding:0 10px;box-sizing:border-box;}
.m_tel img{ position:relative; top:5px;margin-right:8px;}
.m_tel span{ margin-left:5px; font-weight: bold; color:#f00; font-size:16px;}