html{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;}
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:0.6rem;display:block; height: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; margin-bottom:1.5rem; line-height:3rem;}
.htitle h2{ font-size:1.8rem; color:#245EB5; font-weight:500;border-bottom: 1px solid #5495f7;}
.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%;padding-top: 55px;}
#slideBox .bd{ position:relative; z-index:0; }
#slideBox .bd li{ position:relative; text-align:center;  }
#slideBox .bd li img{ background:url("../img/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;}
#pro .prolist {padding:1rem 3% 1rem;}
#pro .prolist ul li{float:left;padding-bottom:2rem;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;}
#pro .prolist ul li p{ line-height:2rem; text-align:center;margin-top: 7px;font-size:1.4rem; height:2rem; overflow:hidden;}
#pro .prolist ul li a{display:block;margin:0 auto;}

#pro2{ width:100%; background:#fff;}
#pro2 .prolist {padding:1rem 3% 3rem;}
#pro2 .prolist ul li{float:left;width:48%;margin-bottom: 15px;}
#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%; margin-top: 7px; line-height:2rem; text-align:center; font-size:1.3rem; overflow:hidden; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#pro2 .prolist ul li a{display:block;margin:0 auto;}


#pro .prolist ul li a .imgauto{
    width: 94%;
    height: 9rem;
    overflow: hidden;
    padding: 3%;
    border: 1px solid #eee;
}
#pro2 .prolist ul li a .imgauto{
    width: 94%;
    height: 9rem;
    overflow: hidden;
    padding: 3%;
    border: 1px solid #eee;
}
.load_more{
    padding: 3rem 0;
    text-align: center;
    display: block;
}
.load_more_btn{
    background: #5495f7;
    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;}
#about .hinfo{ padding:1rem 3% 3rem}
#about .hinfo p{ line-height:2.1rem;font-size:1.5rem}
#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:#5495f7; 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:#5495f7;text-decoration:none}
#loadmore a.end{ cursor:not-allowed}
#loading{ display:none;background:url("../img/style/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:#666;}
#contact .contactlist{padding:2rem 3% 2rem; color:#fff; line-height:2.4rem; font-size:1.3rem}

.linkBtn{margin:2rem auto 0;}
.linkBtn{width:12rem;height:3rem;border:1px solid #245EB5; 12.8rem center no-repeat;background-size:1.4rem auto;color:#5495f7;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:#000; overflow:hidden}
footer{clear:both;padding:2rem 0 7rem;color:#3e3e3e; 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(0,0,0,.8);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("../img/icon_zy.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel2{background:url("../img/icon_dh.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel3{background:url("../img/icon_qq2.png") center .5rem no-repeat;background-size:auto 2.5rem}
nav li a.foot-tel4{background:url("../img/icon_lx.png") center .5rem no-repeat;background-size:auto 2.5rem}

.jhaff{position:fixed;right:.8rem;bottom:13rem;z-index:999;width:4rem;height:4rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color: rgba(255, 0, 0, 0.68);}
.jhaff img {display: block;width: 3.2rem;height: 3.2rem;margin: 0.5rem 0.1rem 0.1rem 0.4rem;
}


#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;border-bottom: 1px solid #c7c7c7;}
#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%;
    height: 100%;
    z-index: 10;
    background: #fff;
}
.cat_menu ul{
    width: 100%;
    float: left;
}
.cat_menu li{
    width: 100%;
    float: left;
    text-align: center;
    line-height: 2.5rem;
}
.cat_menu li a{
    color: #333;
}
#slideBox img {
    width: 100%;
}
.cat_menu span{
    color: #333;
    float: right;
    font-size: 20px;    
    padding: 2px 9px;
    border: 1px solid #333;
    margin: 10px;
    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;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 80%;
}


.lfooter {
    width: 100%;
    height: 57px;
    background-color: #3370ff;
    position: fixed;
    bottom: 0px;
}
.lfooter ul li {
    width: 25%;
    height: auto;
    float: left;
    text-align: center;
    padding: 7px 0px 5px 0;
}
.lfooter ul li a {
    color: #FFF;
    line-height: 12px;
    font-size: 12px;
}



.container {
    padding: 0 10px;
}
.yunu-section-title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
}
.yunu-section-title p {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    color: #666;
}

.form-control {
    display: block;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 16px;
    padding: 10px 50px 10px 10px;
    width: 100%;
    border: none;
}
.form-group {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
.form-label {
    position: absolute;
    right: 0;
    width: 50px;
    border-left: 1px solid #ddd;
    height: 40px;
    background: no-repeat center;
    background-size: contain;
    top: 0;
}
.form-submit {
    display: block;
    width: 100%;
    line-height: 40px;
    border: 0;
    padding: 0;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    background-color: #5495f7;
}






.contacttel, .contacttel .teltitle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
	padding: 20px 0;
    width: 100%;
	
}
.contacttel, .contacttel .teltitle .titleicon img{
        height: 16px;
}
.contacttel, .contacttel .teltitle .titelhot img{
        height: 16px;
}
.contacttel .teltitle .titelnumber {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}
.titelnumber span {
    font-size: 12px;
}