@charset "utf-8";
html{ background:#FFF; margin:0 auto; padding:0; }
body{background:#FFF;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;}

/*通用链接字体及颜色*/
a{color:#000; text-decoration:none; font-size:12px;}
a:hover {color:#f00; text-decoration:none;}

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

/*站点头部*/
header>div:first-child{ box-shadow:0 0  5px #CDCDCD; margin-bottom:5px;}
header .wrap{ display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
header>dl>dd p{ height:35px; text-align:right; line-height:35px;}
.Link_Search{ display:flex;justify-content:flex-end;}
.Link_Search input:first-child{ background:url(../images/search.png) 3px center no-repeat;border-radius:15px 0 0 15px;border:#999999 1px solid; padding:3px 0 3px 25px; width:180px; color:#666666;}
.Link_Search input:last-child{ background:#126901; border-radius:0 15px 15px 0; border:0; color:#FFFFFF;}

/*主体导航*/
nav{ background:#126901;}
nav ul{ display:flex;justify-content:flex-start;flex-wrap:wrap;}
nav ul li div{ display:none;}
nav ul li{ background:url(../images/nSpa.png) left center no-repeat; }
nav ul li a{ line-height:45px; display:block; font-size:1.2em; color:#FFFFFF; text-align:center;}
nav ul li:hover a,nav ul li a.Cur{color:#FFFFFF;background:#0B5601 url(../images/nSpa.png) left center no-repeat;}

.Home_Contact{ background:url(../images/Contact_Bg.jpg) right bottom no-repeat; min-height:300px;}

/*通用联系方式*/
.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;}
.Site_Content .insLeft{ width:25%;}
.Site_Content .insRight{ margin-top:20px; width:75%; margin-left:20px;}

/*面包屑导航*/
.navPos{ margin-top:10px;display:flex;justify-content:space-between; border-bottom:#CCCCCC 2px solid; line-height:30px; margin-bottom:15px;height:30px;}
.navPos dt{
	border-bottom:#126901 2px solid;line-height:30px; height:30px;color:#126901; font-size:1.2em;
	background:url(../images/Icon_9.jpg) 0 0px 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:#288A01; color:#FFFFFF; text-align:center;padding:15px 0; border:#FF0000 0px solid;}
footer a{ color:#FFFFFF;}


/*信息标题*/
.About .Title { margin:30px auto;}
.About .Title h1{ color:#49A34B; text-align:center; font-weight:normal; margin:20px auto;font-size:2.8em;}
.About .Title .desc{ color:#787274; text-align:center; background:url(../images/desc_Line.jpg) center center repeat-x;}
.About .Title .desc p{background:url(../images/Title_Bg.jpg) 0 center no-repeat,url(../images/Title_Bg.jpg) right center no-repeat; display:inline-table; padding:0 14px}
.About .Title .desc p i{ background:#FFFFFF; font-style:normal; padding:0 10px; line-height:1.6em;font-size:1.6em;}

.Intr{ display:flex;justify-content:space-between;}
.Intr li{text-align:center; padding:2px 5px;}
.Intr li h3{ margin-top:20px; font-size:1.2em; font-weight:100; margin-bottom:10px;}
.Intr li p{ font-size:0.9em;}

.Mid_Banner{ height:298px; background-position: center center; margin-top:20px;}

.Step .wrap h1{ font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#FFFFFF; background:url(../images/Title_Bg4.png) 0 0 no-repeat; width:160px; height:75px; line-height:75px; text-indent:45px;margin:25px 0 20px 30px;}
.Step .wrap dl dt{ color:#38AB2A; font-size:1.8em; line-height:150%;}
.Step .wrap dl dt b{ font-size:1.2em;}
.Step .wrap dl dd{ margin-top:20px;}
.Step .wrap dl dd p{ padding-left:2em; background:url(../images/Icon_10.png) 5px 8px no-repeat; margin-top:10px;}

.Step:nth-child(4n+1){background:#F5FFF4;border:#F5FFF4 1px solid;}
.Step:nth-child(4n+1) .wrap{min-height:430px; background:url(../images/Step_1.jpg) right center no-repeat;}
.Step:nth-child(4n+1) .wrap dl{ width:50%;}

.Step:nth-child(4n+2){background:url(../images/goodAt_bg.jpg);border:#F5FFF4 1px solid;}
.Step:nth-child(4n+2) .wrap{min-height:430px; background:url(../images/Step_2.jpg) left center no-repeat;}

.Step:nth-child(4n+3){background:#F5FFF4;border:#F5FFF4 1px solid; padding-bottom:30px;}
.Step:nth-child(4n+3) dl{ margin-top:-70px; margin-left:130px; margin-right:50px;}
.Step:nth-child(4n+3) dl dt{ margin-left:60px;}

.picArr{display:flex;justify-content:space-between;align-items:center; margin-top:20px;}
/*.picArr ul{ flex:1; margin:10px; display:flex; overflow:hidden; height:250px;}*/
.picArr ul{margin:10px; overflow:hidden; height:250px;}
.picArr ul li{ float:left;}


.picArr ul li h3{ text-align:center; }
.picArr ul li div{ margin:10px; width:264px; height:200px; box-shadow:0px 3px 5px #cecece; background:#FFFFFF;}
.picArr ul li div img{ width:254px; height:190px; margin:5px;}

.News{display:flex;justify-content:space-between;}
.News>div{ width:48%;}

.h2Tit{ margin:15px auto; background:url(../images/h2_Bg.jpg) 0 center no-repeat; height:45px; line-height:45px;font-size:1.15em; text-indent:2.8em; color:#FFFFFF;}


.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:180px;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:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

@media screen and (min-width:1200px){
	.wrap{width:1200px;}
	nav ul li a{ padding:0 25px;}
	.Intr{ padding:20px 120px;}
	
	
	.Step:nth-child(4n+2) h1{ margin-left:450px;}
	.Step:nth-child(4n+2) dl{ margin-left:550px;}

	.Contact .insRight{ margin-top:10px;height:500px;}

}

@media screen and (min-width:768px) and (max-width: 1200px) {
	.wrap{width:800px;}
	nav ul li a{ padding:0 15px;}

	.Step .wrap h1{transform:scale(0.7); margin-top:2px; margin-bottom:2px;}
	.Step .wrap dl dt{ color:#38AB2A; font-size:1.2em; line-height:150%;}

	.Step:nth-child(4n+1) .wrap{background-size:50%;}
	
	.Step:nth-child(4n+2) .wrap{background-size:50%;min-height:350px;}
	.Step:nth-child(4n+2) h1{ margin-left:350px;}
	.Step:nth-child(4n+2) dl{ margin-left:420px;}
	
	.Contact .insRight{ margin-top:10px; width:530px;height:500px; }
}

@media only screen and (max-width:768px) {
	body{background:#FFF;margin:0 auto;font:11px/25px "微软雅黑", "宋体", Arial;color:#000;}
	body{padding:0 0px 62px 0px;}
	.wrap{ padding:0 5px;}
	
	header .wrap{ display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
	header dd { display:none;}
	header img{ width:100%;}
	
	nav ul li a{ width:70px; line-height:25px;}

	.About .Title h1{ margin:5px auto;font-size:2em;}
	.About .Title .desc p i{font-size:1.4em;}
	.Intr{flex-wrap:wrap;}
	.Intr li{ width:45%; margin-top:10px;}
	.Intr li h3{ margin-top:10px; margin-bottom:5px;}

	.Mid_Banner{background-size:cover;height:150px;}
	
	.Step .wrap h1{transform:scale(0.7); margin-top:2px; margin-left:-25px; margin-bottom:2px;}
	.Step .wrap dl dt{ color:#38AB2A; font-size:1.2em; line-height:150%;}
	.Step .wrap dl dd{ margin-top:10px;}
	.Step .wrap dl dd p{margin-top:5px;}

	.Step:nth-child(4n+1) .wrap,.Step:nth-child(4n+2) .wrap{background:none; min-height:inherit;}
	.Step:nth-child(4n+1) .wrap dl{ width:100%;}
	
	.Step:nth-child(4n+2) h1{ margin-left:-25px;}
	.Step:nth-child(4n+2) dl{ margin-left:20px;}
	
	.Step:nth-child(4n+3) dl{ margin-left:10px; margin-top:0; margin-right:0;}
	.Step:nth-child(4n+3) dl dt{ margin-left:5px;}

	
	.News{display:flex;justify-content:space-between; flex-direction:column;}
	.News>div{ width:100%;}

	.Site_Content{flex-direction:column;}
	.Site_Content .insLeft{ width:100%;}
	.Site_Content .insRight{ width:100%; margin-left:0px; margin-top:20px;}

	.navPos dd{ display:none;}
	
	.Contact .insRight{ margin-top:10px;height:80vh;}
	.Mobil_Bottom_Nav{display:block;}
	
	#rightArrow,#floatDivBoxs,#Banner,.Foot{ display:none;}
}