@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;}
html{}
body{
	background:#f8f8fa;
	margin:0px; 
	padding:0px; 
	font-family:PingFang SC;
	text-decoration:none;
}
html{ 
	_background:url(about:blank);
}

a ,li:hover{
	cursor: pointer;
	text-decoration:none;
}

span,a,p,li{text-decoration:none}

img,a,p,h5,ul,ul li,li a,span{
	font-size:15px;
	color:#000000;
	border:0;
	line-height:25px;
}

img{
    width:  auto;
    height:  auto;
    max-width: 100%;
    max-height: 100%;  
}

ul,li{list-style:none;}


/* 清除样式*/
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
  clear: both;
}

.clear{clear:both; height:0px; overflow:hidden;}

/* 文字布局*/
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */


.fl { float:left}
.fr { float:right}

/* 引入 iconfont----------------------------------------------------------*/
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/*图片放大*/
.icb{overflow: hidden;}
.icb img{transition: all .5s;width: 100%;}
.icb:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/*按钮动画--end*/
.tran_2{-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
.tran_3{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.otherbananer{
	text-align: center;
}

.otherbananer img{
	margin: auto 0;
	display:inline-block;
	width: 100%;
}

#ajax-loader{
	opacity:0.5;
	cursor: progress; 
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%; 
	background: #fff; 
	z-index: 10000; 
	overflow: hidden;
}

#ajax-loader img{
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto;
}

.topx{
	height:32px;
	background:rgba(222,227,238,1);
	font-family:PingFang SC;
	font-weight:500;
	margin: 0 auto;
}

.navboxx{
	margin:0 auto;
	padding-top:15px;
	height:75px;
	background:rgba(255,255,255,1);
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	position:relative;
	z-index: 5;
}

.homebananer{
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index:4;
}

.productnav{
	margin: 0 auto;
	overflow: hidden; 
	position: relative;
	z-index:5;
}

.footer{
	margin:0 auto;
	background: url(../images/syscommon/foot.png);
	background-position:center;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	padding-top:15px;
	overflow: hidden; 
	position: relative;
	z-index:3;
}

.footer-p{
	height:29px;
	background:rgba(255,255,255,1);
}


/*-----非首页所在菜单提示---------*/
.tipinfo{
	margin: 0 auto;
	height:35px;
	background:rgba(103,181,97,1);
	overflow: hidden;
	position: relative;
	z-index:3;
}

.contentshow{
	padding: 0 17.5px 40px ;
	overflow: hidden;
	position: relative;
	z-index:3;
	/*--background: url(../images/syscommon/foot.png)  no-repeat bottom  center;--*/
}

/*------左侧内容begin----------*/
.s-side {
  width:auto;
  height:auto;
  min-width: 200px;
  min-height:300px;
  padding: 2px;
  
  z-index:3;
  overflow: hidden;
  position: relative;
  top:-35px;
  bottom: 0;
}

/*------右侧内容begin----------*/
.rightcontent {
  z-index:3;
}

/*------右侧内容 end----------*/

/*--------------------------------------------布局end----------------------------------------------*/
.topx .companyMailTel{
	
}

.topx .companyMailTel .iconmail{
	margin-left:130px;
	float:left;
}

.topx .companyMailTel .iconmail img{
	width:16px;
	height:12px;
}

.topx .companyMailTel .icontel{
	margin-left:40px;
	float:left;
}

.topx .companyMailTel .icontel img{
	width:14px;
	height:14px;
}

.topx .companyMailTel span{
	margin-left:15px;
	font-size:6px;
	color:rgba(119,119,119,1);
	float:left;
}

.topx .websitLan1{
	text-align:center;
}

.topx .websitLan1 a{
	line-height:12px;
	font-size:8px;
	font-weight:bold;
	color:rgba(33,170,127,1);
}

.navboxx img{
	margin-left:130px;
}

/* nav begin*/
.nav{margin:0 auto;margin-left:80px;height:48px;  position:relative; z-index:2;}
.nav li{float:left;height:48px;}
.nav li.last{background:none;}
.nav li:hover span,.navv li .hover {border-bottom:2px solid #e40000; position:relative; z-index:0  }
.nav li { margin:0px 53px 0 0;}
.nav li a{padding:0 0 0 0;}
.nav li a span{float:left;line-height:50px; height:50px;font-size:16px;color:#4c4948;cursor:pointer;  text-align:center;  }
.mj_hover_menu{text-decoration:none; }
.nav li.selected .submenu{display:block; }
.nav li .submenu{
	display:none;
	position:absolute;
	top:51px;
	box-shadow: 0px 0px 10px 1px #dcdcdc;
	_background: #fff;
	_opacity: 0.95; 
	#background: #fff;
	#opacity: 0.95;  
	background:rgba(255, 255, 255, 0.95); 
	border:1px solid #e4e4e4; 
	overflow:hidden; 
	padding-bottom:30px;
}

.nav li .submenu li{float:0 auto;padding:0;background:none;height:auto;}

.mj_menu_news_bg{width:1000px; margin:0 auto;   padding-top:15px; }
.mj_menu_news_main{margin-left:50px; text-align:right;  }

.mj_menu_pro_bg {width:1000px; margin:0 auto;   padding-top:15px; }
.mj_menu_pro_main{margin-left: 50px;}
.mj_menu_pro_li{ float:left;padding-right: 38px;height:190px;}

.mj_menu_li_txt{font-size:12px; color:#595757;line-height:19px; text-align:left;}
.mj_menu_li_txt h5{  font-size:15px;  color:#353334; margin:0px; font-weight:normal; line-height:22px; }
.mj_menu_li_txt a.hover h5 ,.mj_menu_li_txt  a.hover { color:#f20015; border:none;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;  font-size:13px;}


.mj_menu_li_txt p { font-size:14px;line-height:26px; height:26px;}
.mj_menu_li_txt p a.hover {color:#f20015; border-bottom:none; }

.mj_menu_news_li{padding:0px 0px; margin-right:0px;  float:left;  }
.mj_menu_news_img{text-align:left; color:#4c4948; line-height:30px;  margin-left:26px; width:215px;display:inline-block; vertical-align:top;}
.mj_menu_news_img h2 { margin-left:-24px;font-size:14px; line-height:30px; color:#666565 }
.mj_menu_news_img p {  margin-left:-24px;line-height:22px; font-size:12px; color:#929292}
.mj_menu_news_img img {margin-left:-34px; width:214px; height:119px;}
/* nav end*/


/*footer*/

.footer h4{
	font-size:15px;
	color:rgba(255,255,255,1);
}

.footer span{
	font-size:15px;
	color:rgba(255,255,255,1);
}


.footer .lianjietitle{
	margin-left:100px;
}
.footer .lianjietitle span{
	font-size:18px;
	font-weight:bold;
}

.footer .lianjieinfo{
	margin-left:75px;
	padding-top:20px;
	padding-bottom:25px;
}

.footer .lianjieinfo span{
	margin-left:25px;
	font-size:15px;
}

.footer .borderline{
	height:1px;
	margin-top:5px;
	margin-bottom:25px;
	background:rgba(255,255,255,1);
	box-shadow:0px 5px 15px 0px rgba(29,92,104,0.81);
	opacity:0.29;
}


.footer .line{
	height:45px;
}

.footer .footnav h4{
	font-size:18px;
}

.gzico{
	padding-top:15px;
}
.gzico .on{
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.gzico .on:hover{box-shadow: 0px 0px 6px rgba(51,51,51,0.5);}

.gzico .img{
	margin-bottom:45px;
}


.footer-p span{
	font-size:6px;
	color:rgba(102,102,102,1);
}


.footer-p .footcopy{
	line-height:35px;
	display:block;
}

.footer-p .footico{
	width:13px;
	height:15px;
}

/* header and footer   end----------------------------------------------------------*/



.tipinfo .infoshow{
	line-height:35px;
	font-size:9px;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.tipinfo .infoshow:hover{
	color:#fff;
}

/*-----左侧导航begin---------*/

.s-side .s-firstItem {
   padding: 10px 0px;
   border-bottom: 1px solid #424242;
   box-shadow: 0px 0px 10px #53a255;
   background:rgba(20,168,97,1);
}

.s-side .s-firstItem i {
  font-size: 16px;
}
.s-side .s-firstItem span {
  padding-top:35px;
  display: inline-block;
  margin-left: 10px;
  font-size: 25px;
  font-weight:550;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(255,255,255,1);

}
.s-side .first {
  padding: 10px 0px;
  border-bottom: 1px solid #424242;
  background-color: #fafafa;
}
.s-side .d-firstNav{
  padding:10px 0px 10px 0px;
}
.s-side .d-firstNav span{
  display: inline-block;
  margin-left: 10px;
  
}
.s-side .d-firstNav i.fr {
  font-size: 16px;
}
.s-side .s-secondNav{
  padding:10px 0 0 0;
}

.s-side .s-secondNav span {
  display: inline-block;
  margin-left: 30px;
  padding-bottom:10px;
}

.s-side .d-secondDrop {
  margin-left: 100px;
  margin-top: 10px;
}
.iconRotate {
  transform: rotate(90deg);
  transition: transform 0.5s;
}
.s-firstDrop,
.s-secondDrop {
  display: none;
}

.s-side .s-firstDrop li:hover {
  background: url(../images/syscommon/a5.jpg) repeat-x; 
  cursor:pointer;
}

.s-side .d-firstNav:hover {
  background: url(../images/syscommon/a5.jpg) repeat-x; 
  cursor:pointer;
}
/*-----左侧导航end---------*/


/*---------联系我们---------*/

.companyinfo{
	margin-top:15px ;
	margin-left:15px;
	background:rgba(255,255,255,1);
	border:2px solid rgba(255,255,255,1);	
}
.companyinfo .lianfangstitle{
	font-size:15px;
	font-family:PingFang SC;
	font-weight:800;
	color:rgba(51,51,51,1);
	padding-top:10px;
	padding-left:20px;
	padding-bottom:10px;
}
.companyinfo .companyinfofoot {
	width:100%;
	background:rgba(221,221,221,1);
	height:1px;
}

.companyinfo .companytitle{
	font-size:15px;
	font-family:PingFang SC;
	font-weight:800;
	color:rgba(51,51,51,1);
	padding-top:25px;
	padding-left:20px;
	padding-bottom:25px;
}

.companyinfo .other{
	width:25%;
	margin:0 25px 10px 35px;
	padding-bottom:16px;
}
.companyinfo .other p,.companyinfo .other span{
	font-size:12px;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.companyinfo .other p{
	line-height:40px;
}
.companyinfo .other .weixinlogcompany{
	width:222px;
	margin:0 auto;
}

.companyinfo .other img{
	width:52px;
	height:52px;
}


#dituContent{
	margin-top:15px ;
	margin-left:15px;
}