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

*{margin:0px;padding:0px;}

ul{list-style-type:none;}

li{ list-style:none;line-height: 35px;}

img{border:0px;display: block;}

a{text-decoration:none;font-size: 25px; color: #555555;transition: 0.4s all}
.left{float:left;}
.right{float:right;}
body{width: 750px;margin: 0 auto; background:#ffffff; font-family: "微软雅黑"; line-height: 43px; color: #555555; font-size:25px;}

/* CSS Header */
#header{width:750px;height:auto;margin:0 auto;background: #fff; position: relative;}
.topbox{ width: 750px; height:124px; margin: 0 auto; position: relative; }
.toplogo{float: left; margin-top: 24px; margin-left: 25px;}
.toptel{width: 109px;height: 124px;position: absolute;right: 110px;top: 0;}
.flash{ width: 750px; height:340px; margin: 0 auto;}
.menu{width:750px;height:108px; background: #005fc0; margin:0 auto; position: relative;}
.menu li{width:161px;height:108px;line-height:108px;text-align:center; float: left;}
.menu li a{color:#fff;font-size: 30px;font-family: "微软雅黑"; display: block;}
.menu .line{width:1px;height: 108px;background: #619cd8;}
.menu .moremenu{ width: 100px;height: 108px;background: url(../images/m.png) center no-repeat}
.menu .hide{position: absolute;left: 0;top:108px;border-top: 1px #619cd8 solid; height:108px;background: #005fc0;width:750px;z-index: 999}
.banner{ width: 750px; height:240px;background: url(../images/banner.jpg) center no-repeat #1c86d6; margin: 0 auto; position: relative; overflow: hidden;}
.banner .bn01{width:260px;height: 189px; left:70px;top:11px;position: absolute; background: url(../images/bn01.png) no-repeat;animation:fadetoT 1.0s; }
.banner .bn02{width:530px;height: 92px; left:140px;top:60px;position: absolute; background: url(../images/bn02.png) no-repeat;animation:fadetoB 1.5s; }
.changebtn{ width:110px; height:124px; top:0px; right:0px; position: absolute; background: url(../images/topmenu.jpg) no-repeat; }
.nav_map {width:30vw; height:100vh; background:rgba(0,0,0,0.6); z-index:99; position:fixed; top:0; right:0; z-index:9999; margin-right:-30vw;}
.nav_map li { width:100%; height:8vh; line-height:8vh; text-align:center; border-bottom:#808686 1px solid; font-size:25px;}
.nav_map li a { color:#dfe1e1;}
#close .fa-close{ width: 100%; height:12vh; display: block; background: url(../images/fa-close.png) center no-repeat; margin: 0 auto}

/* fasein from bottom to top */
@-webkit-keyframes fadetoT{
  from{opacity:0; -webkit-transform:translateY(50px);}
  to{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadetoT{
  from{opacity:0;transform:translateY(50px);}
  to{ opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadetoB{
  from{opacity:0; -webkit-transform:translateY(-50px);}
  to{opacity:1; -webkit-transform:translateY(0);}
}
@keyframes fadetoB{
  from{opacity:0;transform:translateY(-50px);}
  to{ opacity:1;transform:translateY(0);}
}
/* CSS Footer */
.gotop{ width: 102px; height: 102px; background: url(../images/top.png) no-repeat; bottom: 140px; right: 15px; z-index: 999; position: fixed;}
#btn{ width: 750px; height:126px; background: #079342;border-top:4px #ffa508 solid; overflow: hidden; position: fixed; bottom:0px; left: 50%; margin-left:-375px; z-index: 999;}
.btnbox{ width: 149px; height:126px;border-right: 1px #3EBD74 solid; text-align: center; font-size:26px; color: #fff;float: left; position: relative;}
.btnbox img{ width:60px; height:60px;padding-top:5px;display: block;margin: 0 auto}
.footer{width: 100%;height: 126px;margin: 0 auto}
/* CSS Main */
#wrap{ width:750px; height:auto; margin: 0 auto;position: relative;z-index: 100;overflow: hidden;}
.index01{ width: 750px; height:400px; margin: 0 auto; }
.index01 ul{width: 740px;margin: 0 auto; padding-top: 30px;}
.index01 ul li{ width:185px;height:192px; line-height:54px;text-align: center; float: left; }
.index01 ul li img{ width: 122px;height: 122px; display: block;margin: 0 auto }
.indivi{ width: 100%;height:20px;background: #efefef}

.intitle01{width: 100%;height:54px;line-height:50px;background: url(../images/lt.jpg) center 24px repeat-x; margin-top: 50px;position: relative;}
.intitle01 span{color: #31313d;font-size: 46px;font-weight: bold;padding-right: 40px; padding-left: 40px; background:url(../images/intitle.jpg) left center no-repeat #fff;}
.intitle01 .more{width: 208px;height: 54px; position: absolute;right: 0;top:0px}
.inproduct{ width: 680px;height: auto;margin: 0 auto;overflow: hidden;}
.piclist{ width:704px; height: auto;padding-bottom: 25px; padding-top: 36px; overflow: hidden;}
.piclist li{ width:326px;height:390px;border: 2px #d4d4d4 solid; line-height:126px; margin-right:20px;margin-bottom: 22px; overflow: hidden;float: left;position: relative;}
.piclist li img{ width:326px;height:242px;background: #f5f5f5; display: block;margin: 0 auto;position: relative;z-index: 9}
.piclist li .zixun{width: 102px;height: 36px;font-size: 20px; background: #ee7300;line-height: 36px;color: #fff;text-align:center;right: 0;top: 206px;z-index: 999; position: absolute;}
.piclist li .cptxt{width:300px;  height:140px;color: #818181;line-height:30px;margin: 0 auto}
.piclist li .cptxt span{line-height: 53px;font-size: 32px;color: #31313d; padding-bottom: 7px;margin-bottom:12px; background: url(../images/line.jpg) left bottom no-repeat;display: block;}
.casesv{ width: 69px; z-index: 99; height: 69px; background: url(../images/vv.png) no-repeat; position: absolute; top:100px; left: 50%; margin-left: -34px;}
.intel{ width:688px; height:64px; background: url(../images/intel.jpg) top no-repeat;padding-bottom: 50px; margin: 0 auto}
.intel span{color: #ee7300;font-size: 45px;font-weight: bold;display: block;padding-left:85px;padding-top:14px;}
.index03{ width:680px;height:auto;margin: 0 auto;overflow: hidden;}
.newslist{ width: 680px; height:auto;margin:0 auto;padding-bottom:48px; padding-top: 22px; overflow: hidden;}
.newslist li{ width: 100%; height:auto;font-size:25px; line-height:64px; overflow: hidden;}
.index04{ width: 680px;height:auto;margin: 0 auto }
.index04 p{width: 680px;height:362px;line-height:55px;font-size: 30px; color: #999999;padding-top:42px; margin: 0 auto;overflow: hidden;}
.index04 p span{line-height: 96px; font-size: 39px;margin-bottom: 22px; color: #142547;display: block;border-bottom: 1px #eeeeee solid;padding-right: 70px}
.index05{ width: 680px;height:auto;margin: 0 auto;padding-bottom: 36px;}
.index05 p{width: 680px;height:auto;line-height:64px;font-size:29px; color: #434b56;padding-top:42px; margin: 0 auto;overflow: hidden;}
.intype{ width: 718px; height:auto; overflow: hidden; margin: 0 auto; }
.intype a{ width:229px;height:72px;color: #292929;font-size:26px; text-align: center; line-height:72px;border: 1px #ababab solid;margin-right:3px; margin-left:4px;margin-bottom: 26px; display: block; float: left;}
.intype a:hover{color: #fff;background: #079342}
.cpmore{width: 200px;height: 55px;line-height: 55px;color: #898989; text-align: center;display: block; margin: 0 auto}
.indextel{ width: 710px;height: 113px;padding-bottom: 28px; margin: 0 auto }
.indextel .inmsg{float: left;}
.indextel .intel{float: right;}
.innewslist{ width: 710px; height:auto;margin:0 auto; overflow: hidden;}
.innewslist li{ width: 710px; height:auto; color: #adadad; font-size: 25px; line-height: 40px; border-bottom: 1px #f6f3f0 solid;padding-top:10px; padding-bottom: 20px; overflow: hidden;}
.innewslist li a{line-height: 48px; font-size: 28px;padding-bottom:8px; color: #555555;display: block;}

.piclist0{ width:100%; height: auto; overflow: hidden;}
.piclist0 li{ width: 320px;height: 318px; line-height: 60px; text-align: center; margin:16px;border:1px #b6b6b7 solid; overflow: hidden;float: left;position: relative;}
.piclist0 li img{ width: 320px;height: 240px;background: #f0eeef; display: block;margin: 0 auto;}


/* CSS Ziye */
.intitle{width: 710px;height:90px;border-bottom: 2px #ededed solid; margin: 0 auto;line-height: 90px;}
.intitle span{color: #079342;font-size: 36px;font-weight: bold;}
#mid{ width: 710px; height: auto; padding-bottom: 30px; margin: 0 auto; line-height: 40px; }
.title_left{ height: 69px; line-height: 69px; float: left; color: #787878; font-size: 30px; padding:0 23px; border-bottom: 3px #787878 solid;}
.title_right{ float: right; color: #787878; font-size: 23px; padding-top: 24px;}
#zytitle{ width: 600px; height: 70px;border-bottom: 1px #dedede solid; margin: 0 auto; }
#picUL{ width:630px; height:100%; margin-left: -15px; overflow:hidden;}
#picUL li{height:296px;width:282px;float:left;margin:0 15px; text-align:center; transition: 0.4s all;}
#picUL li .pic_01{width:280px;height:225px; text-align: center;background: #ffffff;border:1px solid #d9d9d9;}
#picUL li .pic_01 img{ height:205px; width:260px;margin: 10px; vertical-align:top; background:#eff0ef;}
#picUL li .pic_02{width:282px;text-align: center;line-height:66px;}
#picUL li a{color:#494949;font-size:23px;}
.newsinfoleft{ padding-left: 30px; }
#picUL0{width: 640px; height: auto; margin:0 auto;}
#picUL0 li{ width: 288px; height: 276px;overflow: hidden; text-align: center; padding: 6px 6px 6px 6px; background: #efefef; margin: 8px 10px; float:left;}
#picUL0 li img{ width: 288px; height: 216px; background: #fff; display: block; }
#picUL0 li .txt{ width: 288px; height: 60px; background: #fff; margin: 0 auto; position: relative; }
#picUL0 li .txt span{ color: #000; line-height: 60px; font-size: 25px;text-align: center;}
#newsContent table{ width: 100%; border:1px #333333 solid !important;margin: 0 auto; border-collapse: collapse;}
#newsContent table tr{ width: 100%; height: 35px; border-bottom:1px #333333 solid !important; line-height: 35px;}
#newsContent table tr td{ width: auto; border-right:1px #333333 solid !important; padding:0 15px; border-spacing: 0;}
#newsContent{ width: 710px;height: auto; overflow: hidden;line-height:48px; margin: 0 auto;padding-top: 20px}
#newsContent img{ max-width: 100%;display: block;margin: 0 auto}
#contact_main{ width: 100%; height: auto; padding-bottom: 30px;}
#contact_main li{ line-height: 45px; width: 100%; height: 45px; }
#indexNews{ width: 600px; height: auto; margin: 0 auto; overflow: hidden;}
#indexNews li{ width: 100%; height: 48px; line-height: 48px; border-bottom: 1px #e5e3e2 solid; float: left; }
#indexNews li span{ float: right; }
#newTitle{ width: 100%; text-align: center; height: auto; font-size: 28px; line-height: 40px; padding: 20px 0; font-weight: bold; color: #079342; }
#infoImage{ width: 100%; height: auto;overflow: hidden; text-align: center; }
#infoImage img{max-width: 700px; height: auto; max-height:525px;margin: 0 auto}
#newsInfo{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; padding-bottom: 20px; text-align: center; }
.G_tips{
	color:#666;
	width:486px;
	border:1px solid #dedede;
	padding:7px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);
}


.recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;}
.recruitcon{ width:650px; height:173px;  border-bottom:#cdcdcd dashed 1px; margin:10px;}
.recruitcon1{ width:650px; height:173px;  margin:10px;}
.recruitconl{ width:145px; height:153px; float:left; text-align:left;}
.recruitconc{ width:372px; height:153px; float:left; padding-left: 75px;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:133px; height:auto; float:left; text-align:center;}
	.chakan{padding-top: 13px;}


.formys{ width:620px; height:auto; margin: 0 auto}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
.G_InputText{
	width:400px;
	height:40px;
	font-family: "微软雅黑";
	font-size: 23px;
	line-height: 40px;
	color: #494949;
	border:1px solid #d2d4d6;
}
.sub{background:#1674e3; width:105px; height:40px;border: none;color: #fff; font-size: 23px; font-family: 微软雅黑;}
.G_textarea{
	width:400px;
	height:100px;
	border:1px solid #dedede;

}
.G_ul{
	width:100%;
	margin:0 auto;
}
.G_botton{
	width:55px;
	height:30px;
	line-height:30px;

	border:0;

	background:url(button.gif) no-repeat;

	cursor:pointer;

}

.borderLi{ width:600px; height:auto; padding-top:30px;}
.G_tips{

	

	width:486px;

	margin:10px auto 0 auto;

	border:1px solid #dedede;

	padding:7px;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);

}



.cpfwnr{width:230px; height:100%;overflow:hidden;}
.cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dd{width:190px;margin:0 auto;line-height:2}
.cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;}
.cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;}
.cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;}
.cpfwnr dd a:hover{color:#ff6c00;}


.page{ width: 100%; height:50px; padding-top: 30px; text-align: center;}
.page a{display:inline-block; width: 50px; height:50px;color:#fff; font-size: 30px; line-height:50px; background: #787878;}
.page a:hover{background:#079342;color:#fff;border:none; width: 50px; height:50px;line-height:50px;}
.page .current {width: 50px; height:50px;line-height:50px;background:#079342;font-size: 30px;color:#fff; top:0px;  position: relative; display: inline-block;}
#page_num{ display: none; }
/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a{color:black;}
.m2t ul li a:hover{ color:red; text-decoration:underline;}

.f{ float:right; margin-right:10px; _margin-top:7px;}

.map{ float:right;margin-top: 20px;}
.map a{color:black;}