@charset "utf-8";
/* CSS Document */


*{padding:0;margin:0;}
img{border:0}
ul,li{list-style:none;}
a{ text-decoration:none;}
body{ font-family: "微软雅黑"; background:#FFF }
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
div{ display: block;}

em{ font-style:normal}
.main{ max-width: 640px;  margin: 0 auto}
.top{ position:fixed;top:0px; background:#FFF; z-index:9}
.header{ width: 100%; margin: 0 auto; }
.header img{ width: 100%;display: block;}
.header .ver a{ display:inline-block; white-space:nowrap; padding:3px 5px;  background:#999; color:#fff; border-radius:5px; font-size:13px; margin:0 10px}
.menu{ width: 100%; background: #c7e9ff; height:60px; padding:5px 0}
.menu ul{ width: 92%; margin: 0 auto; }
.menu ul li{ width:25%; float: left;  height: 30px; line-height: 30px; text-align: center; font-size: 16px; background: url("../images/menu_li_bg.jpg") right center no-repeat; overflow: hidden}
.menu ul li a{ color: #fff; display: block}

.gao{ height:132px} 
/*banner*/
.banner{ padding-top: 10px;}


.wap_dh{ background:#d7241f; height: 26px;}
.wap_dh ul li{ float:left; width:80px; height:26px; line-height:26px; text-align:center;}
.wap_dh ul li a{ color:#7c7c7c;display:block; font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif;}
.wap_sy_tit{ background:#c7e9ff; width: 94%; height:31px;   color:#000000; line-height:31px;font-family: Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif; margin-top: 15px;display:flex; justify-content:space-between; padding:2px 3%}
.wap_sy_tit a{ color:#000; font-weight:bold; }
.wap_sy_pro_con{margin-top:15px;}
.wap_sy_pro_con ul{  }
.wap_sy_pro_con ul li{ float:left; width:50%; text-align:center; }
.wap_sy_pro_con ul li img{  width: 95%;}
.wap_sy_pro_con ul li p{text-align:center; line-height:30px;}
.wap_sy_pro_con ul li p a{ color:#666666;}
.wap_sy_pro_con ul li p a:hover{ color:#C00}
.wap_sy_about_con{  overflow:hidden;}
.wap_sy_about_con_lf{float:left; width:90px; text-align:center; }
.wap_sy_about_con_rt{float:right;  padding:10px 8px 0; }
.wap_sy_about_con_rt a{ color: #06F}
.wap_sy_about_con_lf img{ margin-top:5px; width:80px; height:80px;}
.wap_sy_news_con{width:96%; margin:10px 10px 10px 0 }
.wap_sy_news_con ul li{ height:32px; line-height:32px; background:url(../images/news_li.jpg) no-repeat; overflow: hidden}
.wap_sy_news_con ul li a{ float:left; color:#666666; width:67%; overflow:hidden; padding-left:5%; font-size:14px; }
.wap_sy_news_con ul li a em{ color:#F00}
.wap_sy_news_con ul li a:hover{ color:#C00}
.wap_sy_news_con ul li span{ float:right;color:#666666; width:28%; overflow:hidden ; text-align:right;font-size:13px; }

.about-img{ width: 95%; margin: 10px auto 0;}
.about-img img{ width: 100%;}

.bottom{ background:#c7e9ff; color: #000; text-align: center; margin-top: 10px; font-size:14px ; padding:10px 20px}
.bottom p{ line-height: 25px; font-size: 14px; }

.about{ width: 95%; margin: 10px auto;line-height: 25px; font-size: 14px; color: #000; }
.about img{max-width: 100%;}
.contact img{width: ;}
.nav{ width: 100%; background: #edebeb; margin: 5px 0;}
.nav ul{ width: 100%}
.nav ul li{  float: left; text-align: center ; height: 30px; line-height: 30px; font-size: 14px; padding:0 10px}
.nav ul li a{ color: #333;}
.nav ul li a.on{ font-weight: bold; color: #000;}

.new{ width: 100%}
.new ul li{ width:98%; height: 30px; background: #E4E6E9; font-size: 12px; margin: 3px 0; line-height: 30px; padding:0 6px; overflow: hidden}
.new ul li a{color: #333; width: 80%; display: block; float: left;}
.new ul li a:hover{ color: #F00;}
.new ul li em{ color: #d7241f; font-size: 12px; width: 20%;}
.fenye{ width: 80%; margin: 10px auto 10px; text-align: center; height: 20px; line-height: 20px; }
.fenye a{ padding:5px; border: #525252 1px solid; font-size: 10px; color: #525252}

.product{width: 96%; margin: 10px auto;}
.product-c{ width: 50%; float: left;width: calc(50% - 16px);
    width: -webkit-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
	    margin: 4px 8px 16px 8px;
		box-shadow: 3px 3px 5px #ccc;}
.product-cc{ width: 100%; margin: 0 auto;}
.product-cc img{ width:100%}
.product-cc p { height: 36px; line-height: 36px; width: 100%; overflow: hidden; color: #000; font-size: 14px; text-align:left; display:block; width:96%; margin:0 auto}
.jljh .product-cc p {  height: 40px; line-height: 20px; margin:5px 0}	
.jcsk .product-c{width: calc(100% - 16px);
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
	    margin: 4px 8px 16px 8px;}

.share{ padding: 10px;}
.share p{ line-height: 30px;color: #333;  }

.show{ width: 95%; margin: 10px auto 0;}
.show img{ width: 100%;}
.detailed{ width: 90%; margin:15px auto 0;}
.detailed h3{ color: #333; text-align: center}
.detailed img{ margin: 10px auto; max-width: 100%; }
.detailed .con{line-height: 28px; font-size: 14px; margin-top:10px}

.norecord{text-align:center; padding:50px;color: #ccc;font-size:15px; }

.pagetab{ margin:0 auto}
/*.page td{
	text-align: center;  padding-top: 15px; line-height: 20px; 
}
.page td a,.page td a:link,.page td a:visited{
	border: solid 1px #EDEDED; display: block;   background-color: #fff; text-decoration: none; margin:0 -3px; width:32px; height:30px; line-height:30px; color:#000
}
.page td a:hover{
	border: 1px solid #E41B45; display: block;   background-color: #E41B45; color: White; text-decoration: none; 
}
.page .PageNumberActive a,.page .PageNumberActive a:link,.page .PageNumberActive a:visited{
	 border: 1px solid #E41B45; display: block;   background-color: #E41B45; color: White; text-decoration: none; 
}
.page .PageNumber_t a,.page .PageNumber_t a:link,.page .PageNumber_t a:visited{
	 width: auto; padding:0 10px
}*/
.num{margin: 25px auto 0 auto; text-align:center;}
.num span{display: inline-block;border: 1px solid #079ee2;width: 25px;height: 25px;font: 12px/25px "微软雅黑";text-align: center;border-radius: 50%;cursor: pointer;margin-right: 3px;}
.num span a{ color:#333}
.num span:first-child,.num span:last-child{width: 50px;height: 25px;border-radius: 20px;}
.num span:hover{background: #079ee2;color: white;}
.num span:last-child{margin-right: 0;}
.num span.activ{background: #079ee2;color: white;}
.num span.activ strong{color: white;}
.zpage{ text-align:center; margin:15px 0; color:#666; font-size:12px }
.zpage select{ border: solid 1px #079ee2; font-size:12px; width:100px; height:26px; margin-left:3px; padding:0 10px; border-radius:15px; background:#fff}

.pimg{ text-align:center; margin-top:10px}
.detailed .wap_sy_tit{ width:auto; background:url(../images/14.gif) no-repeat 0 10px ; border-bottom:solid 1px #ccc; color:#000; font-weight:bold}
.sitemap li{ margin:20px 0}
.sitemap li a{ font-weight:bold; color:#000 }
.sitemap li ul a{ font-weight: normal; margin-right:20px; white-space:nowrap; margin-top:3px}

.pimg iframe{ width:100%}
.img_ab img{ margin:10px 0}
.job li{ padding:10px 15px; border-bottom:solid 1px #ddd}
.job li p{ margin:10px 0; color:#06C; display:block }
.job li p strong{ font-weight:normal; color: #333}

.new_message{ position: absolute; right:2px; width:30%;max-width:200px; z-index:2}
.new_message li img{ width:100%;  border:solid 1px #000}
.new_message .title{  width:100%; text-align:center}
.new_message p{display:inline-block;padding:3px 8px; background:#000; color:#fff; font-size:12px; margin:5px 0; border-radius:3px; }

.about_right{ height:180px; overflow:hidden}
.about_right p{ padding:0 10px;
}
.wap_sy_pro_con .more a{ display: inline-block;
    padding: 4px 10px;
    border: solid 1px #EE8728;
    color: #EE8728;
    text-decoration: none;  font-size:14px}
.case p a{ color:#333; text-align:center; display:block}	

.sylist{ width:96%; margin:0 auto; padding-top:13px}

/*分类样式*/
.breadCrumb{height:1.4rem;line-height:1.4rem;background:#c7e9ff;position:relative;box-shadow:0 0 1px #fff inset;position:relative;color:#333; padding:8px 0; margin-top:5px}
.breadCrumb p{padding-left:15px;}
.breadCrumb .fenlei{position:absolute;right:2%;top:8px;padding-left:8%;background:url(../images/navico.png) 5%  no-repeat; background-size: auto 80%}
.breadCrumb a{color:#333;}

.psort{ display:none; position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:#333; color:#fff; overflow:auto}
.psort a{ color:#fff; display:block;}
.psort .title{ padding:15px 0 ; text-align:center; font-size:20px; background:#000}
.psort .title em{ font-style:normal}
.psort .title span{ display:inline-block; float:right; width:30px; height:30px; line-height:30px; text-align:center; background:#F30; margin-right:10px; border-radius:3px; cursor:pointer}
.psort .bsort{ padding:20px 0}
.psort .bsort li{ width:90%; margin:0 auto}
.psort .bsort li dt a{ display:block; padding:10px 20px 10px 35px;  font-size:16px;    background:#1A95CF  url(../images/20190325170946_1932179580.png) 10px 13px no-repeat; border-bottom:solid 1px #333}
.psort .bsort li dd a{display:block; padding:10px 20px 10px 35px;  font-size:16px;    background:#666  url(../images/20190325170852_1615543300.png) 10px 13px no-repeat; border-bottom:solid 1px #999}
.subtitle{ font-size:13px; color:#666; background:#eee; padding:8px 15px;}

.titl{ text-align:center; font-weight:bold; font-size:18px; color:#333; display:block; margin-bottom:10px}
.meng { line-height:28px}
.meng span{ margin-right: 30px; display:inline-block; text-wrap:normal}
.detailed .meng span img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; margin:2px auto
}
.fcul{ margin:20px 0; border:solid 1px #eee; padding:10px 16px; border-radius:8px; background:#fcfcfc}
.fcul li{ padding:5px 0} 

.news{ width:92%; margin:20px auto 20px auto}
.news_li{ border-bottom:solid 1px #ddd; padding-bottom:15px; margin-bottom:15px}
.news_li a{ color:#333}
.news_li_l{ width:22%;}
.news_li_l img{ width:100%; max-height:180px;box-shadow: 1px 1px 2px #ccc;}
.news_li_r{ width:75%}
.news_li_r h1{ font-size:16px; margin-top:0px; font-weight:normal}
.news_li_r p{ padding-bottom:10px;font-size:14px; color:#999;line-height: 26px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.news_li_r .time{color:#999; font-size:13px; margin-top:5px; font-family:微软雅黑}	
.news_li_r .more a{ display:inline-block; padding:4px 15px; border:solid 1px #ccc ; color:#999; text-decoration:none	}
.news_li_r .more a:hover{ color:#fff; background:#0382DB; border:solid 1px #0382DB}

.pv1 .text h2,.tu-nav h2{ font-size:20px; margin:20px 0 10px 0}
.tu-com{ line-height:30px}