@charset "utf-8";
html{ background:#FFF; margin:0 auto; padding:0; }
body{background:#E7E9E8;margin:0 auto;font:13px/25px "微软雅黑", "宋体", Arial;color:#000;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none; font-weight:300;}
input,textarea{font:13px/25px "微软雅黑", "宋体", Arial;}
/*通用链接字体及颜色*/
a{color:#000; text-decoration:none;}
a:hover {color:#f00; text-decoration:none;}

.clear:after{content:"";display:table;clear:both;}
.clear{ overflow: hidden; zoom:1; }
.wrap{margin:0px auto; position:relative; z-index:2;  border:#FF0000 0px solid; }

.none{display:none;}
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml30{ margin-left:30px;}
.mt5{ margin-top:5px;}.mt10{ margin-top:10px;}.mt20{ margin-top:20px;}.mt30{ margin-top:30px;}
.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl30{ padding-left:30px;}
.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt20{ padding-top:20px}.pt30{ padding-top:30px;}
.p5{ padding:5px;}.p10{ padding:10px;}.p20{ padding:20px}.p30{ padding:30px;}

/*
text-overflow:ellipsis; white-space:nowrap; overflow:hidden;

*/


/*站点头部*/
header{background:url(../images/TopBg.jpg) center top no-repeat,url(../images/TopBg0.jpg) 0 30px repeat;box-shadow:0 0  15px #C2C5C4;}
header dl:first-child{ height:30px; color:#FFFFFF;}
header .wrap{ display:flex;flex-direction:row;justify-content:space-between;align-items:center; }

/*主体导航*/
nav{position:relative; height:75px;}
nav ul{margin-top:30px; position:absolute; width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
nav ul li{ border:#FF0000 0px solid;}
nav ul li a div{ display:none;}
nav ul li p{ display:none; border-top:#FFFFFF 1px solid }
nav ul li{width:14%;}
nav ul li:first-child{ border-left:#FFFFFF 0px solid;}
nav ul li a{ width:100%; line-height:45px; display:block; font-size:1.2em; color:#FFFFFF; text-align:center; background:#AAAAAA;}
nav ul li a:hover,nav ul li a.Cur{ background:#75DC73; color:#FFFFFF;}
nav ul li:hover p{ display:block;}

/*通用联系方式*/
.sysContact h2{ font-size:1.2em; margin:15px auto;}
.sysContact li{ margin:5px auto; display:flex;}
.sysContact li label{ width:70px; text-align:right; margin-right:10px;}

/*信息分类*/
.mCate dt { display:flex; width:100%; margin:5px auto;}
.mCate dt a{ display:block; font-size:16px;width:100%; border-bottom:#F8F8F8 1px solid; padding-left:35px; line-height:30px; background:url(../images/Icon_10.png) 5px center no-repeat; color:#126901;}
.mCate dt a:hover{ background:url(../images/Icon_10.png) 5px center no-repeat;border-bottom:#126901 1px solid;}
/* 分页 */
.pagebar{ text-align:center; margin:15px;}

/*内页主体框架*/
.Site_Content{display:flex;flex-direction:row; justify-content:space-between; background:#FFFFFF; padding-bottom:20px;padding-top:0px;}
.Site_Content .insLeft{ width:25%; margin-left:20px;}
.Site_Content .insRight{ width:75%; margin-left:20px;margin-right:20px;}

/*面包屑导航*/
.navPos{ margin-top:0px;display:flex;justify-content:space-between; border-bottom:#CCCCCC 2px solid; line-height:33px; margin-bottom:15px;height:33px;}
.navPos dt{
	border-bottom:#126901 2px solid;line-height:33px; height:33px;color:#126901; font-size:1.2em;
	background:url(../images/Icon_9.jpg) 0 5px no-repeat; padding-left:35px; padding-right:10px;
}
.navPos dt a{font-size:1em;}

/*信息详细页*/
.msgTit{ font-size:1.6em; text-align:center; color:#126901; margin-top:20px;}
.msgInfo{font-size:12px; color:#999999; border-top:#F8F8F8 1px solid;border-bottom:#F8F8F8 1px solid; display:table; padding:0 10px; margin:15px auto; text-align:center;}
.msgDesc{ display:none; border:#f4e4b4 1px solid; padding:5px; font-size:12px;}
.msgCon{margin:20px auto; padding:0 5px;}
.msgCon img{max-width:100%;height:auto;}
.msgLine{ border-bottom:#CCCCCC 1px dotted; margin:20px 0;}
.msgLine strong{display:block;width:8px;height:10px; margin-top:-5px;overflow:hidden;background:url(../images/box_dotline.gif) right -10px no-repeat;float:left;}
.msgPreNxt{margin:10px auto;display:flex;justify-content:space-between;}

/*友情链接*/
.Flink{ margin-top:30px; background:#E4FFCA; padding:10px 0; line-height:50px;}
.Flink .wrap{ display:flex; flex-wrap:wrap;}
.Flink b{line-height:50px;}
.Flink img{ height:50px;vertical-align:middle;}
.Flink a{line-height:55px; margin:2px;}
/*站点尾部*/
footer{background:#FFFFFF; color:#526D7E; text-align:center;padding:30px 0; border:#FF0000 0px solid;}
footer a{ color:#526D7E; padding:0 5px;}
footer .Copyright{ color:#BFBFBF;}
footer .Copyright a{ color:#BFBFBF;}

.Contact{ background:#AAAAAA; padding:30px 0; text-align:center;}
.Contact h2{color:#C2BEBF; line-height:150%; font-size:0.8em; background:url(../images/Title_Bg2.jpg)  center 5px repeat-x; width:80%; margin:0 auto;}
.Contact h2 i{ display:inline; color:#FFFFFF; font-size:1.7em; font-style:normal; background:#AAAAAA; padding:0 10px;}
/*--------------------------------------------------------------------------------------*/

/*信息标题*/
.Display { display:flex;justify-content:space-between; height:250px; padding:20px 0; background:#FFFFFF;}
.Note li{width:310px;font-size:1.2em; color:#000;display:flex;justify-content:flex-start; margin-top:3px;line-height:25px; border-bottom:#E8E4E5 1px solid; padding-bottom:5px;}
.Note li:first-child{ margin-top:5px;}
.Note li label{color:#A9A9A9;}
.Note li:nth-child(6n+4){ margin-top:15px;}

.box{display:flex;justify-content:space-between; padding:0 30px;flex-wrap:wrap;}
.Video dd img{ width:100%; height:auto; max-height:290px;}
#VideoPic{height:290px; overflow:hidden; border:#FF0000 0px solid;}

.tab_nav{ border-bottom:#999999 2px solid; display:flex; justify-content:flex-start;}
.tab_nav a{ color:#72DC70; padding:5px 15px; font-size:1.2em;}
.tab_nav a.tabCur{ background:#AAAAAA; color:#FFFFFF;}

.About{ width:280px; border:#FF0000 0px solid;}
.About h2{ background:#75DC73; color:#FFFFFF; font-size:1.4em; height:35px; font-weight:500; line-height:35px; text-indent:0.8em;}
.About>div{color:#547183; font-size:1.1em;}
.About>div a{color:#547183;}

.h2Tit{background:#75DC73; color:#FFFFFF; font-size:1.2em; height:35px; line-height:35px; text-indent:1em;}

.tab_box ul li{display:flex;justify-content:flex-start; border:#FF0000 0px solid; color:#526D7E; font-size:1.15em; padding-top:12px;}
.tab_box ul li label{ width:50px; font-weight:900;}
.tab_box ul li em{ flex:1; font-style:normal;}

.DisplayPic,.DisplayTime{ width:405px;}
.DisplayIntr{ width:260px; border:#FF0000 0px solid; background:#75DC73; color:#FFFFFF; line-height:20px;}
.DisplayIntr li:first-child{ margin-top:5px;}
.DisplayIntr li{ margin-top:15px; padding-left:5px;font-size:1.1em;}
.DisplayIntr li b{ display:block;}

.Join{ margin:50px auto; border:#FF0000 0px solid; width:780px;}
.Join li{display:flex;justify-content:flex-start; border-bottom:#F9F9F9 1px solid; color:#999999; padding:10px 0; color; width:100%;}
.Join li label{ width:110px; font-weight:500; text-align:right;color:#000000;}
.Join li label:after{ content:"：　";}
.Join div{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.Join div li{ width:50%; }
.Join li i{ color:#FF0000; font-style:normal; padding-right:10px;}
.Join li textarea{ width:500px; height:100px;}
.input30{ width:30px; margin:0 5px;}
.w500 { width:355px;}
#btnSave{ margin:20px 0 0 110px; line-height:40px; height:40px; font-size:1.2em; font-weight:500;}

#product li{ float:left;}
#product li h3{ margin:0 auto; text-align:center; width:264px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#product li div{ margin:10px; width:264px; height:200px; box-shadow:0px 3px 5px #cecece; background:#FFFFFF;}
#product li div img{ width:254px; height:190px; margin:5px;}




.Mobil_Bottom_Nav{ display:none; width:100%; z-index:99999;  border-top:#288A01 1px solid; position:fixed; left:0; bottom:0; background:#288A01;}
.Mobil_Bottom_Nav li{ float:left; text-align:center; width:25%; padding-top:10px; border-top:#9CD5C7 1px solid;box-shadow:0px 1px 1px #fff; line-height:20px;}
.Mobil_Bottom_Nav li a{ color:#FFFFFF;}

/*在线留言*/
.xfCont{ margin:10px auto;}
.xfCont h2{ font-size:16px; color:#0033CC; border-bottom:#CCCCCC 1px solid; margin-bottom:15px; line-height:35px;}
.xfCont .clf{ display:flex;flex-flow:row wrap;justify-content:space-between;}
.xfCont .clf input{ width:49%; margin:5px 0; line-height:30px; text-indent:0.5em; border:#CCCCCC 1px solid;}
.xfCont .clf textarea{width:100%;margin:5px 0; height:100px; padding:5px; line-height:150%;}
.xfCont .btnCont input{ height:30px; margin-top:10px; width:100px;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:230px;right:0;z-index:99999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px; color:#F08125; font-size:23px; font-family:Arial, Helvetica, sans-serif;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:230px;right:170px;z-index:99999;}
#rightArrow a{display:block;height:45px;}

@media screen and (min-width:1200px){
	.wrap{width:1200px;}
	.Intr{ padding:20px 120px;}
	
	#BannerBox{ width:860px;}
	
	.Step:nth-child(4n+2) h1{ margin-left:450px;}
	.Step:nth-child(4n+2) dl{ margin-left:550px;}

	.bmap{ margin-top:10px;height:550px;}

}

@media screen and (min-width:768px) and (max-width: 1200px) {
	.wrap{width:800px;}
	header>dl>dd{ display:none;}

	.Display { display:flex;flex-direction:column; height:auto;}
	.Note{ margin:20px 5px;}
	.Note li{width:100%;}

	.box{ padding:0 5px;}
	.box>a{ margin-top:10px;}
	
	.DisplayPic{ width:55%;}
	.DisplayTime{ width:45%;}
	.tab_box ul li{padding-top:2px;}
	
	.DisplayIntr{ width:100%; margin-top:20px;}
	
	.About{ width:100%;}

	.Site_Content .insLeft{margin-left:0px;margin-right:10px;}
	.Site_Content .insRight{margin-right:5px;}


	.Contact .insRight{ margin-top:10px; width:530px;height:500px; }
	#rightArrow,#floatDivBoxs{ display:none;}
}

@media only screen and (max-width:768px) {
	body{background:#FFF;margin:0 auto;font:12px/25px "微软雅黑", "宋体", Arial;color:#000;}
	body{padding:0 0px 62px 0px;}
	header>dl>dd{ display:none;}
	header>dl>dt>a>img:last-child{ display:none;}
	
	nav{position:relative; height:auto; background:#AAAAAA;}
	nav ul{ position:relative;margin-top:15px; justify-content:flex-start;}
	nav ul li{width:20%;}
	nav ul li p{ display:none;}
	nav ul li a{ width:100%; line-height:30px;}

	.Display { margin-top:10px;display:flex;flex-direction:column; height:auto;}

	.Note{ margin-top:20px;}
	.Note li{width:100%;}

	.box{ padding:0; border:#FF0000 0px solid;}
	.News{ margin-top:10px;}
	.News,.About{width:100%;}
	
	.box>a{ margin:5px 10px;}
	
	.DisplayPic{ display:none;}
	.DisplayTime,.DisplayIntr{ width:100%;}
	
	.tab_box ul li{ padding-top:5px;}
	
	.DisplayIntr{ width:auto;margin-top:20px;}
	
	.Site_Content{flex-direction:column;}
	.Site_Content .insLeft{ width:100%;margin-left:0px;}
	.Site_Content .insLeft .About,.Site_Content .insLeft .DisplayIntr{ display:none;}
	
	.Site_Content .insRight{ width:100%; margin-left:0px; margin-top:20px;margin-right:0px;}
	
	.navPos dd{ display:none;}

	.Join{ margin:10px auto; border:#FF0000 0px solid; width:100%;}
	.Join li{display:block; border-bottom:#F9F9F9 1px solid; color:#999999; padding:10px 0; color; width:100%;}
	.Join li label{ width:100px; display:inline-table; font-weight:500; text-align:right;color:#000000;}
	.Join li label:after{ content:"：　";}
	.Join div{display:flex;justify-content:flex-start;flex-wrap:wrap;}
	.Join div li{ width:100%; }
	.Join li i{ color:#FF0000; font-style:normal; padding-right:10px;}
	.Join li textarea{ width:200px; height:50px;}
	.input30{ width:30px; margin:0 5px;}
	.w500 { width:200px;}



	
	.bmap{ margin-top:10px;height:550px;}
	.Mobil_Bottom_Nav{display:block;}
	
	#rightArrow,#floatDivBoxs,#Banner,.Contact{ display:none;}
}