﻿body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{font-weight:normal;font-family:'Microsoft YaHei', sans-serif; color:#005fd2;font-size: .28rem}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{display:block}
.icon-menu{ position: fixed; right: .1rem; top:0.3rem; display: block; background: rgba(0,95,210,1); z-index: 9999;  width: 60px; height: 40px; border: 4px solid #fff;color:#fff; line-height: 32px; text-align: center}
.icon-menu img{  width: 60%; max-width:100%; margin: 0 auto}


.public-nav { width: 100%;  }
.public-nav ul li { float: left;width: /* 25 */25%;border-right: 1px solid #fff; height: .8rem;line-height:.8rem; margin-bottom: 1px; overflow: hidden}
.public-nav ul li a {display: block; background: #005ebe;color: #fff; text-align: center; height: .8rem; display: block}
.public-nav ul li.public_cur a {background: #f69101;display: block;color: #fff;}




.gnq {width: 98%; margin-left: 1%; margin-right: 1%; border-bottom: 1px solid #e2e2e2; text-align: center}
.gnq div{ font-size: 0.28rem;height:.6rem; line-height: .6rem}

.gnq ul { padding-top: 6px;overflow: hidden;}
.gnq ul li {float: left; margin-left: 15px;}
.gnq ul li img { margin-top: 2px;}
.gnq ul li a { margin-left: 3px;color: #e90606;font-weight: bold;}




#menu{top: 0rem;  max-height: 601px;  right:0; max-width: 342px; position: fixed; z-index: 999999; background: rgba(0,0,0,.8); padding: .3rem .5rem; border-radius: 6px}
.mm-listitem a{color:#fff;padding: .4rem 0; line-height: .6rem;font-size: 0.28rem}
.mm-listitem a img{width:50%; margin: 0 auto}
.wrap{ margin:0 auto; width:100%; max-width:7.5rem; min-width:3.2rem;overflow:hidden;}
.logo{width:100%; padding:.2rem 0; border-top: 5px #005fd2 solid}
.logo img{width:60%; margin-left: 20%}
.banner{margin-bottom: .5rem}
#banner{ width:7.5rem;}
.banner img{width:7.5rem;}

.search{ padding:.1rem 0; overflow: hidden; margin-bottom: .2rem; margin-top: .0rem}
.search form{ width:90%; height:.6rem; float:left; border:1px solid #e4e4e4; margin-left: 5% ; overflow: hidden}
.search input.search_text{ width:80%; height.6rem; line-height:.6rem; border:0; float:left;  color:#226ebc; }
.search input.search_btn{ width:20%; height:.6rem; float:left; background:url(../images/search_btn.png) no-repeat center #fff; border:0; }




.part{ padding-bottom:0.7rem; width:100%; }





.zwbtn{width:96%;  margin-left: 2%; margin-right: 2% }
.zwbtn ul {overflow:hidden}
.zwbtn ul li{ float:left; width:23%; margin-left: 1%; margin-right: 1%; border-radius: 4px; padding-bottom: 0.2rem}
.zwbtn ul li img{width:40%;  margin: 0 auto}
.zwbtn ul li span{line-height:.4rem; text-align: center; display: block;color:#666}



.fenlei{width:100%; overflow:hidden}
.fenlei a{float:left; width: 31.333%; margin-left: 1%; margin-right: 1%; text-align: center; height: 28px; line-height: 28px; background: #005fd2;color:#fff; border-radius: 4px; margin-bottom: 10px}







.about_box {
    height: 300px;
    margin-top: 0px;
    position: relative;
}
.about_box>a>img {
    width:60%;
    height: 300px;
}
.about_box>div {
    width: 80%;
    height: 242px;
    background-color: #fff;
    box-shadow: 0px 15px 30px rgba(0, 0, 0,.1);
    position: absolute;
    right: 10px;
    top: 30px;
    border-radius: 6px;
    padding-left: 20px;
}
.about_box>div>h3 {
    line-height: 20px;
    margin-top: 20px;
}
.about_box>div>h3>a {
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
}
.about_box>div>h3>p {
    color: #4c4c4c;
    font-size: 12px;
    text-transform: uppercase;
}
.about_box>div>p {
    font-size: 14px;
    color: #4c4c4c;
    width: 96%;
    height: 116px;
    overflow: hidden;
    margin: 10px 0;
}
.about_box>div>a {
    font-size: 12px;
}







.part .title{  background: #f1f1f1 ; margin-bottom: .3rem}
.part .title h2{font-size:0.4rem;line-height:1.0rem;}
.titleTextIcon {
    width: .4rem;
    height: .4rem;
    display: inline-block;
    background: #005fd2;
    margin-right: .3rem;
    position: relative;
    left: .3rem;
    -webkit-box-shadow: -0.2rem 0 0 #fff inset;
    -ms-box-shadow: -.2rem 0 0 #fff inset;
    -o-box-shadow: -.2rem 0 0 #fff inset;
    box-shadow: -0.2rem 0 0 #fff inset;
    margin-top: .3rem; float: left
}
.part .title h2 span{ color:#111;font-weight: bold;  padding: 0 .1rem;}
.part .title p{ margin-top:0.10rem;font-size:0.24rem;line-height:0.24rem;color:#000;text-align:center; text-transform: uppercase}
.part .img{ width:7.5rem;height:3.8rem;position:relative;}
.main{ margin:0 auto;width:6.9rem;}
.part .img h2{bottom:0;
    left:0;
    width:7.5rem;
    height:0.7rem;
    font-size:0.3rem;
    color:#ffffff;
    text-align:center;
    line-height:0.7rem;
    position:absolute;
    background:#000000;
    background:rgba(0,0,0,0.46);
}
.part .link{ margin-top:0.4rem; text-align:center;}
.part .link a{ padding:0 0.74rem;height:0.64rem;color:#fff;font-size:0.24rem;line-height:0.64rem;display:inline-block;background:#707070; border-radius:4px;}
.sbann{ width: 96%; margin-left: 2%;}
.sbann li{position:relative}
.sbann p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .6rem;
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000);
    line-height: .6rem;
    color: #fff;
    cursor: pointer; padding-left: 6px
}

.tgqh{  width:96%;  margin-left: 2%; margin-right: 2%}













.npro_bot2 li {
  float: left;
  width: 200px;
  margin: 0 5px 0px 5px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  transition: all 0.5s;border:1px solid #d7d7d7
}
.npro_bot2 li .pro_img,
.npro_bot2 li .pro_img img {
  display: block;
  width: 200px;
  overflow: hidden;
  transition: all 0.5s;
}.npro_bot2 li .pro_desc {
  width: 100%;
  overflow: hidden;
  padding: 9px 0;
  box-sizing: border-box; background: #fff
}
.npro_bot2 li .pro_desc .pro_txt {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #545454;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  box-sizing: border-box;
  transition: all 0.5s;
}
.npro_bot2 li .pro_desc p{display: block;
  height: 50px;
  font-size: 12px;
  line-height: 20px;
  color: #999;
  overflow: hidden;
  padding: 0 10px;}






.new_bot2 li { width:  96%;
  margin: 0 2% 20px 2%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  transition: all 0.5s; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px
}
.new_bot2 li a{display:block; overflow: hidden}
.new_bot2 li .pro_img  { float: right;
  display: block;
  width: 30%;
  height: 80px;
  overflow: hidden;
  transition: all 0.5s; border-radius: 6px
}.new_bot2 li .pro_desc { float: left;   width: 66%;
  overflow: hidden;
  box-sizing: border-box; background: #fff
}
.new_bot2 li .pro_desc .pro_txt {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  color: #545454;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  transition: all 0.5s;
}
.new_bot2 li .pro_desc p{display: block;
  height: 46px;
  font-size: 12px;
  line-height: 20px;
  color: #999;;
  overflow: hidden; padding-top: 4px}

.about{width:96%;  margin-left: 2%; margin-right: 2%}

.about p{font-size: 0.28rem;line-height: 0.4rem;color: #666;}



.gsnr ul{ overflow:hidden}



.gsnr ul li{float:left; width: 132px; margin: 0 6px;border:1px solid #e3e3e3;}
.gsnr ul li img{width:132px; border-bottom: 0}
.gsnr ul li span{height:50px; line-height:18px; background: #fff; display: block; width: 100%; text-align: center;color:#999;font-size: 12px; padding: 8px}

.ldbz .link{ margin-top:0.5rem;}




.pro_bot2{overflow:hidden}
.pro_bot2 li {
  float: left;
  width: 46%; margin: 10px 2%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  transition: all 0.5s; margin-bottom: 0
}
.pro_bot2 li .pro_img,
.pro_bot2 li .pro_img img { height: 110px;
  display: block;
  width: 100%;
  overflow: hidden;
  transition: all 0.5s;
}.pro_bot2 li .pro_desc {
  width: 100%;
  height: 35px;
  overflow: hidden;
  box-sizing: border-box; background: #fff
}
.pro_bot2 li .pro_desc .pro_txt {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 30px;
  color: #545454;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  box-sizing: border-box;
  transition: all 0.5s;
}


















/*底部*/
.footer{ padding-bottom: .4rem; width: 100%;/*background-image: url(../images/footer-bg.jpg);background-position: 50% 50%;background-repeat: no-repeat;background-size: cover; */font-size: 0.3rem; background: #fff; padding-top: .7rem}
.footer .name{color: #fff;display: inline-block; width: 96%;  line-height: 1rem; margin-left: 2%; padding-top: .3rem;font-weight: bold;font-size: .4rem; text-align: center}
.footer .f_line{display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ddd; margin-bottom: .2rem}
.footer .nav{display: inline-block;margin: 0 2%; width: 96%}
.footer .nav a{color: #666;height: 30px;line-height: 30px;text-align: left;width:25%;text-decoration: none; float: left; text-align: center;font-size: .3rem}
.footer .tel{display: block; margin-left: 2%; width: 96%}
.footer .tel span{display: block;color: #666;font-size:.3rem;line-height: 1.5!important; text-align: center}
.footer .tel span a{color: #ccc;text-decoration: none;margin-right: 10px;font-size: .3rem;line-height: 1.5!important;}
.footer .weix{width: 130px;height: 130px;border-radius: 4px; margin: 0 auto; margin: .2rem auto}
.footer .weix img{width: 100%;height: 100%;border-radius: 2px;display: inline-block; }




#bbanner img{ height:4rem; width: 100%}






.ttitle { text-align: center;padding: 15px 15px;}
.title span a {font-size: 16px;color: #333;}
.ttitle span {width: 40px; border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #666;display: block; margin: auto; margin-top: 10px;}
.content {
    margin: 0 .2rem;
    color: #555;
    line-height: 1.75;
    font-size: 24px;
    overflow: hidden;
    margin-bottom: 30px;
}
.content p{font-size: 14px}
.next {
    width: 100%;
    margin: auto;
    line-height: 28px;
    font-size: 14px;
    color: #555;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
.next a {
    line-height: 28px;
    font-size: 14px;
    color: #555;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
.nshow{padding:2%}
.nshow .ntit{ text-align: left;font-size: 16px;  margin-bottom: 10px}
.nshow .nzhu{font-size:14px;color:#999; line-height: 22px }
.nshow .nzhu p{font-size:14px;color:#999}



.promessageBox {
    width: 90%;
    margin-left: 5%;
    padding: 20px 0;
}

 .promessageBox input.contact-name {
	background: url(../images/name.png) no-repeat .1rem center;
}
 .promessageBox input.contact-tel {
    background: url(../images/tel.png) no-repeat .1rem center;
}
 .promessageBox input {
	border: 1px solid #dededd;
	padding: .07rem .1rem;
	display: block;
	width: 90%;
	text-indent: .35rem;
	color: #666;
	font-size: .14rem;margin-bottom: .2rem; height: 30px; margin-left: 3%
}
 .promessageBox input.contact-tel {
	background: url(../images/tel.png) no-repeat .1rem center;
}.contact-textarea {
	width: 90%;
	border: 1px solid #dededd;
	text-indent: .45rem;
	padding: 1% 1.4%;
	line-height: 1.5;
	min-height: 1.7rem;
	color: #666;
	margin-top: .1rem;
	background: url(../images/textarea.png) no-repeat .08rem .1rem;
	margin-bottom: .2rem;
	font-size: .16rem; font-family: "微软雅黑"; margin-left: 3%
}
 .promessageBox .contact-bth { margin: 0 auto; width: 50%;
	display: block;
	outline: none;
	border: 0;
	-webkit-transition: .5s;
	transition: .5s;
	border-radius: .05rem;
	color: #fff;
	background: #999;
	margin-top: .2rem;
	letter-spacing: 4px;
	font-size: .16rem;
	text-indent: 0rem;
}






.page_article {
    line-height: 50px;
    overflow: hidden;
}

.page_article .prev,
.page_article .next {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  box-sizing: border-box;
}
.page_article a{float:left}

.page_article .prev {
  width:100%;
}

.page_article .next {
  width: 100%;
}