@charset "utf-8";
/* CSS Document */
article,nav,aside,header,footer,section,hgroup,menu{display:block;outline:0;vertical-align:baseline;background:transparent;}
html,body,article,nav,aside,header,footer,section,hgroup,menu,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,em,img,dl,dt,dd,ol,ul,li,fieldset{margin:0;padding:0;border:0;font-size:100%;}
body{direction:ltr;background:#fff;font:14px "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1';color:#333;height:100%;}
ul,ol,dl,menu,li{list-style:none;}img,select,input{vertical-align:middle;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight: normal;outline:none;*font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}em{font-style:normal;}caption{text-align:left;}
a,a:link,a:visited,a:active{ color:#333; text-decoration:none;outline:none;}a:hover{color:#f00; text-decoration:none;}
.fl{float:left;}.fr{float:right;}
.clearfix:after,.product:after,.nav ul:after,#BottomNav ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix,.product,.nav ul,.#BottomNav ul{*zoom:1;}
img{ max-width:100%;}

/** index样式 **/
header{overflow:hidden; }
header .logo{ float:left; margin-left:0px;}
header img{width:90%;padding:0px 10px;}
nav{ padding:0 2px;}
nav ul{ background:#4B90DE ;overflow:hidden;}
nav ul li{ float:left; text-align:center; width:33.3%; line-height:34px;}
nav ul li a{ display:block; font-size:14px; font-weight:bold; border-right:1px solid #fff; border-bottom:1px solid #fff; margin:-1px -1px 0 0;}
nav ul li a,nav ul li a:link,nav ul li a:visited,nav ul li a:active{ color:#fff;}
nav ul li a:hover{ background:#ff9400;  }

#slider{ margin-top:5px;}
#slider figure{ margin:0; padding:0;display:block}
#slider figure div.wrap{max-width:650px;height:150px;display:block;margin:0 auto;position:relative;}
#slider figure div.image{display:block;height:inherit}
#slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#000;padding:2px 5px;border-radius:3px; opacity:.45;font-family:franklin-gothic-urw,sans-serif}
#slider figure a:hover{opacity:.85;text-decoration:none}
.swipe{overflow:hidden;visibility:hidden;position:relative;}
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap > figure{float:left;width:100%;position:relative;}

footer{ padding:15px 0 70px; margin:5px 2px 0; text-align:center; font-size:12px; overflow:hidden;}
#goTop{ position:fixed; bottom:60px; right:5px; background:url(../images/gotop.png) no-repeat 14px 15px; display:none;background-color:rgba(0,0,0,0.6); width:40px; height:40px; border-radius:4px; cursor:pointer; z-index:9999;}

.wrap{ margin-top:5px; padding:0 2px; overflow:hidden;}
.wrap h1{ display:block; height:33px; background:#4B90DE; line-height:33px;font-size:14px; color:#fff;}
.wrap h1 span{ float:left; background:url(../images/spanbg.png) no-repeat 12px; padding-left:35px; font-family:"微软雅黑";}
.wrap h1 a,.wrap h1 a:link,.wrap h1 a:visited,.wrap h1 a:active{ float:right; width:60px; color:#fff;}

.about{ padding:5px; font-size:12px; line-height:180%; max-height:150px; overflow:hidden;}
.proList{ padding-top:5px; overflow:hidden;}
.proList li{ float:left; width:50%;}
.proList li a{ display:block; margin:1px; background:#DBDBDB; padding:0 8px; height:32px; line-height:32px; font-size:12px; overflow:hidden;}
.proList li a:hover{ color:#C10302;}

.news{ padding:5px;}
.news li{ display:block; position:relative; height:30px; line-height:30px; border-bottom:1px dashed #ccc; background:url(../images/dot.gif) no-repeat 5px 14px; padding-left:15px; font-size:14px; padding-right:85px; overflow:hidden;}
.news li span{ position:absolute; top:0; right:0; width:85px; height:30px; text-align:right;}

.product,.case{ overflow:hidden;}
.product li{ float:left; width:50%; margin:5px 0; text-align:center;}
.product li img{width:155px; height:140px;}
.product li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}
.proList{ padding-top:5px; overflow:hidden;}
.proList li{ float:left; width:50%;}
.proList li a{ display:block; margin:1px; background:#DBDBDB; padding:0 8px; height:32px; line-height:32px; font-size:12px; overflow:hidden;}
.proList li a:hover{ color:#C10302;}

#listBut{ background-image:url(../images/but.png);cursor:pointer; background-repeat:no-repeat; background-position:98% 5px;}
#list{ display:none; margin-top:-5px;}



.case li{ float:left; width:50%; margin:5px 0; text-align:center;}
.case li img{width:120px; height:120px;}
.case li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}

/** article **/
.wrapper{ padding:0 2px; margin-top:5px; min-height:300px;}
.wrapper .title{ display:block; height:33px; background:#4B90DE; line-height:33px; margin-bottom:5px;font-size:12px; color:#fff; padding-left:10px;}

#listBut{ float:right; width:55px; height:20px; margin:5px 5px 0 0; border:1px solid #ccc; text-align:center; line-height:20px; border-radius:4px; background:#fff;cursor:pointer;}
.list{}
.list a{ background-color:#CCC; display:inline-block; margin-bottom:5px; padding:0 8px; height:30px; line-height:30px;border-radius:4px; font-size:12px; color:#333;}
.list a.cur,.list a:hover{ background:#4B90DE; color:#fff;}


/**#listBut{ background-image:url(../images/but.png);cursor:pointer; background-repeat:no-repeat; background-position:98% 5px;}
#list{ display:none; margin-top:-5px;}**/

article{ display:block; padding:5px;}
article h2{ display:block; line-height:40px; text-align:center;}
article img{ max-width:100%; display:block; margin:0 auto;}

/**分页**/
.page ,#page{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:5px;}
.page li ,#page li{display:inline-block;margin:5px 3px;padding:2px 7px;background:#fff;border:1px solid #ddd;border-radius:3px;}
.page li span ,#page li span,.page li .current{color:#4B90DE;}


.Qhtml{padding:8px 0 0 0;}
.Qhtml .Qt{border-bottom: 1px dashed #ccc;padding:5px 10px;}
.Qhtml .Qt h1{font-size:16px;ine-height:26px;}
.Qhtml .Qt  span{line-height:28px;font-size:12px;color:#777;text-align:center;display:block;}
.Qhtml .Qcomment{width:94%;padding:10px 3%;line-height:24px;}
.Qhtml .Qcomment img{max-width:90%;width:auto;height:auto;}
.Qhtml .Qnext{width:96%;padding:5px 2% 0 2%;border-top:1px dashed #ccc;}
.Qhtml .Qnext li{line-height:26px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}



.ly h1 {
    font-size: 24px;
    font-weight: 500;
    text-indent: 22px;
    margin-top: 20px;
}
.reg_info_l {
    WIDTH: 400px;
    margin-top: 10px;
}
.reg_info_l ul li {
    margin-bottom:8px;
    width: 100%;
    display: block;
    float: left;
}
.reg_info_l ul li label {
    TEXT-AliGN: right;
    WIDTH: 70px;
    DISPLAY: inline-block;
    COLOR: #222;
    FONT-SIZE: 14px;
}
.reg_info_l ul li .k {
    width: 50%;
    border: 1px solid #dfdfdf;
    background: #fff;
    padding: 8px 5px;
    color: #999;
}
.yisq_te {
    width: 65%;
    height: 66px;
    line-height: 22px;
    border: #ddd 1px solid;
    color: #333;
    font-family: "微软雅黑";
    resize: none;
}
.dc_but {
    padding: 0 30px;
    height: 30px;
    border: none;
    line-height: 30px;
    font-family: "微软雅黑";
    background: #444;
    color: #FFF;
    cursor: pointer;
}
.footer{
    width:100%;
    height: 60px;
    background: #4B90DE;
    position: fixed;
    bottom: 0;
}
.footer ul{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.footer ul li{
    width: 25%;
    float: left;
    height: 100%;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.footer ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer ul li a span{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.footer ul li:nth-child(1) a i{
    width: 30px;
    height: 28px;
    background: url("../images/tel.png")no-repeat center;
     background-size: cover;
}
.footer ul li:nth-child(2) a i{
    width: 30px;
    height: 28px;
    background: url("../images/mess.png")no-repeat center;
     background-size: cover;
}
.footer ul li:nth-child(3) a i{
    width: 30px;
    height: 28px;
    background: url("../images/map.png")no-repeat center;
     background-size: cover;
}
.footer ul li:nth-child(4) a i{
    width: 30px;
    height: 28px;
    background: url("../images/home.png")no-repeat center;
    background-size: cover;
}