锘縣tml{overflow-y:scroll;overflow-x:hidden;font-size:20px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{color:#444;font-family:microsoft yahei,Microsoft YaHei,寰蒋闆呴粦,arial;background:#f6f6f6;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img fieldset,input,li,ol,p,pre,textarea,th,ul{margin:0;padding:0;}
body{max-width:640px;min-width:320px;min-height:100%; margin:0 auto}
section, nav, header, footer {display:block;}
em,i,li,ol,ul{list-style-type:none; font-weight:normal}
h1,h2,h3,h4,h5,h6{font-weight:400;}
em{font-style:normal;}

button,input,select,textarea{outline:0;border:none;border-radius:0;-webkit-appearance:none;}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,select{outline:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:".";}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
a:link{color:#444;text-decoration:none;}
a:visited{color:#444;text-decoration:none;}
a:hover{color:#e5000c;text-decoration:none;}
a:active{color:#e5000c;text-decoration:none;}
del{color:#666;font-family:arial;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}

header{width:100%;max-width:640px;height:6rem; background:#fff}
header h1{float:left;margin-left:3%;height:6rem; width:15rem}
header h1 a{ }
header h1 a img{padding-top:1.4rem;display:block; height:3.5rem}
header .nav{float:right;margin-right:3%;height:6rem;width:3rem}
header .nav img{padding-top:2.1rem;width:100%; opacity:.5; display:block}

.htitle{padding:.5rem 0rem; border-bottom:1px solid #f1f1f1; margin-bottom:1.5rem; line-height:3rem;}
.htitle h2{ font-size:1.8rem; color:#cf090a; font-weight:500}
.htitle span{ float:right}
.htitle span,.htitle span a{ color:#666; font-size:1.2rem}

#banner{margin:0 auto;width:100%; background:#fff}
#banner img{width:100%;}
#slideBox{ position:relative; overflow:hidden; margin:0px auto; width:100% }
#slideBox .bd{ position:relative; z-index:0; }
#slideBox .bd li{ position:relative; text-align:center;  }
#slideBox .bd li img{ background:url("../images/loading.gif") center center no-repeat;  vertical-align:top; width:100%;}
#slideBox .hd{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1.5rem;text-align:center;}
#slideBox .hd ul li{display:inline-block;overflow:hidden;margin:5px;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;cursor:pointer;zoom:1; text-indent:-6666px;opacity:.5;}
#slideBox .hd ul .on{background:#fff;;opacity:1}

#pro{ width:100%; background:#fff; margin-top:1rem;}
#pro .prolist {padding:1rem 3% 1rem;}
#pro .prolist ul li{float:left;padding-bottom:.75rem;width:48%;}
#pro .prolist ul li:nth-child(2n){margin-left:4%;}
#pro .prolist ul li .pic{overflow:hidden;width:100%;}
#pro .prolist ul li .pic img{display:block;width: 100%;}
#pro .prolist ul li p{ line-height:2rem; text-align:center;  font-size:1.4rem; height:2rem; overflow:hidden;}
#pro .prolist ul li a{display:block;margin:0 auto;}

#pro2{ width:100%; background:#fff; margin-top:1rem;}
#pro2 .prolist {padding:1rem 3% 3rem;}
#pro2 .prolist ul li{float:left;width:48%;margin-bottom:4%}
#pro2 .prolist ul li:nth-child(2n){margin-left:4%;}
#pro2 .prolist ul li .pic{overflow:hidden;width:100%;}
#pro2 .prolist ul li .pic img{display:block;}
#pro2 .prolist ul li p{ width: 100%; line-height:2rem; text-align:center; font-size:1.3rem; overflow:hidden; }
#pro2 .prolist ul li a{display:block;margin:0 auto;}


#pro .prolist ul li a .imgauto{
    width: 100%;
    height: 12rem;
    overflow: hidden;
    padding: 1%;
    border: 1px solid #eee;
}
#pro2 .prolist ul li a .imgauto{
    width: 100%;
    height: 12rem;
    overflow: hidden;
    padding: 1%;
    border: 1px solid #eee;
}

#pro2 .prolist ul li a .imgauto img{
    width: 100%;
	height: 12rem;
	margin:0;
}

.load_more{
    padding: 3rem 0;
    text-align: center;
    display: block;
}
.load_more_btn{
    background: #e5000c;
    padding: .8rem 4rem;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    margin: 0 .5rem;
    -moz-border-radius: .4rem;
    border-radius: .4rem;
}

#about{width:100%;background:#fff; margin-top:1rem}
#about .hinfo{ padding:1rem 3% 3rem}
#about .hinfo p{ line-height:2.1rem;font-size:1.3rem}
#about .hinfo .pic{padding:2rem 0 0; text-align:center; display:block}
#about .hinfo .pic img{ width:50%; margin:0 auto}


#loadmore{ padding:3rem 0; text-align:center; display:block}
#loadmore a{ background:#e5000c; padding:.8rem 4rem; color:#fff; font-size:1.6rem; text-align:center; margin:0 .5rem; -webkit-border-radius.4erm;-moz-border-radius:.4rem;border-radius:.4rem}
#loadmore a:hover{background:#e5000c;text-decoration:none}
#loadmore a.end{ cursor:not-allowed}
#loading{ display:none;background:url("../images/loading.gif") center no-repeat;height:8rem}
.Blist{ display:none}

#news{ width:100%; background:#fff; margin-top:1rem;}
#news .newslist {padding:1rem 3% 3rem;}
#news .newslist ul li{width:100%;display:block;padding:.7rem 0; border-bottom:1px solid #eee;}
#news .newslist ul li h2{ font-size:1.4rem; line-height:2.8rem; height:2.8rem; overflow:hidden}
#news .newslist ul li p{ font-size:1.2rem; color:#999; margin-top:.5rem}

#contact{ background:#222;}
#contact .contactlist{padding:2rem 3% 2rem; color:#fff; line-height:2.4rem; font-size:1.3rem}

.linkBtn{margin:2rem auto 0;}
.linkBtn{width:15.8rem;height:3rem;border:1px solid #e5000c;background:url("../images/rightIcon.png") 12.8rem center no-repeat;background-size:1.4rem auto;color:#e5000c;text-align:left;font-size:1.2rem;line-height:3rem;}
.linkBtn{wcolor:#e5000c;text-align:left;font-size:1.2rem;line-height:3rem; display:block}
.linkBtn span{margin-left:2rem;}
.yjb{-webkit-border-radius:2.6rem;-moz-border-radius:2.6rem;border-radius:2.6rem;}

footer{width:100%;max-width:640px;margin:0rem auto 0;background:#cf090a; overflow:hidden}
footer{clear:both;padding:2rem 0 4rem;color:#a2a2a2; text-align:center; overflow:hidden}

nav{margin:0 auto;width:100%;}
nav{z-index:999;bottom:0;left:0;position:fixed;height:5rem;line-height:5rem;background:rgba(207,9,10,.9);color:#FFF;padding:.3rem 0}
nav ul li{float:left;width:25%;text-align:center}
nav li a{display:block;vertical-align:middle;padding-top:1.4rem;font-size:1.2rem;color:#fff!important;text-align:center}
nav li a.foot-tel{background:url("../images/icon_home.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel2{background:url("../images/icon_dh.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel3{background:url("../images/icon_server.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel4{background:url("../images/icon_lx.png") center .5rem no-repeat;background-size:auto 2.5rem}

#gotop{position:fixed;right:.8rem;bottom:7rem;z-index:999;display:none;width:4rem;height:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:rgba(27,27,27,.6);}
#gotop img{display:block;width:4rem;height:4rem;}


#content{ width:100%; background:#fff; margin-top:1rem;}
#content .procontent {padding:1rem 3% 3rem}
#content .procontent h1{ font-weight:bold; line-height:34px; font-size:20px}
#content .procontent .info{ color:#999; border-bottom:1px solid #ddd; line-height:30px; font-size:12px}
#content .procontent .info span{ padding-right:10px}
#content .procontent .mycont{ padding-top:2rem;font-size:14px; line-height:180%;}
#content .procontent .mycont table {font-family:verdana,arial,sans-serif;border-width:1px;border-color:#666666;border-collapse:collapse;width:100%;margin:.5rem 0 1.5rem 0px;white-space:normal;word-break:break-all; }
#content .procontent .mycont table th {border-width:1px;padding:0px .2rem;border-style:solid;border-color:#666666;background-color:#dedede;word-break:break-all; }
#content .procontent .mycont table td {border-width:1px;padding:0px .2rem;border-style:solid;border-color:#666666;background-color:#ffffff;font-size:1.2rem; line-height:2rem;word-break:break-all; }
#content .procontent .mycont table td p{padding:0px;margin:0px;}
#content .procontent .mycont img{ max-width:100%; margin-bottom:1rem}




.content_img{
    width: 100%;
}
.content_img img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.clearfix {
    *zoom: 1;
}

.m_menu h2{
    float: left;
}
.m_menu h3{
    font-weight: bold;
    line-height: 34px;
    font-size: 20px;
    float: left;
}
.m_menu span{
    float: right;
    line-height: 34px;
}

.menu_bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}
body{
    position: relative;
}
.cat_menu {
    position: fixed;
    top: 0;
    right: -40%;
    width: 40%;
	border-left:1px solid #ccc;
    height: 100%;
    z-index: 10;
    background: #555;
}
.cat_menu ul{
    width: 100%;
    float: left;
}
.cat_menu li{
    width: 100%;
    float: left;
	border-bottom:1px solid #ccc;
    text-align: center;
    line-height: 3.5rem;
}
.cat_menu li a{
    color: #fff;
	font-size:16px;
}
#slideBox img {
    width: 100%;
}
.cat_menu span{
    color: #fff;
    float: right;
    font-size: 20px;    
    padding: 2px 9px;
    border: 1px solid #fff;
    margin: 10px auto;
    border-radius: 5px;
    text-align: center;
}
.prves_n{
    width: 100%;
    margin: 10px 0;
}
.prves_n p{
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;

}
.prves_n p a{
    display: inline-block;
    font-size: 12px;
}