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

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

ul{list-style-type:none;}

li{ list-style:none;}

img{border:0px;}

a{text-decoration:none; color: #4a4a4a;}

.left{float:left;}
.right{float:right;}
body{background:#ffffff; font-family: "微软雅黑"; font-size: 20px; color: #4a4a4a; position: relative;}

/* CSS Header */
#head{width:640px;height:auto;margin:0 auto;position: relative;}
#top{width:640px;height:109px; background: #fff; border-bottom: 12px #f3f5f7 solid; margin:0 auto;position: relative;}
#top .logo{ width: 413px; height: 109px; float: left; }
#top .toptel{ width: 217px; height: 109px; float: right; }

#menu{width:640px;height:205px; background:#079be5;margin:0 auto; position: relative;}
#menu ul li{width:142px;height:102px; color: #fff; border-right: 1px #0bcbf0 dashed; border-bottom: 1px #0bcbf0 dashed; float: left;text-align: center;line-height:102px;}
#menu ul li a{color:#fff;font-size: 22px;font-family: "微软雅黑";}
#flash{ width: 640px; height: 391px; overflow: hidden; margin: 0 auto;}

.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:10vh; line-height:10vh; text-align:center; border-bottom:#fff 1px solid; font-size:25px;}
.nav_map li a { color:#FFF;}
#close .fa-close{ width: 100%; height: 11vh; display: block; background: url(../images/fa-close.png) center no-repeat; margin: 0 auto}

/* CSS Footer */
#foot{width:640px;height:auto; padding-bottom: 122px; margin:0 auto;position: relative;}
#ftlx{ width: 590px; height:112px; padding-top:8px; color: #333333; line-height:41px; font-size:22px; margin: 0 auto; }
#ftlx a{color: #333333;}
#btn{ width: 640px; height: 90px; background: #333333; position: fixed;bottom:0px; left: 50%; margin-left:-320px; z-index: 999; }
.btnbox{ margin-top:-10px;width: auto; height: 60px; text-align: center; float: left; }


/* CSS Main */
#wrap{ width:640px; height:auto; margin: 0 auto;position: relative;z-index: 100;}
#main{ width:640px; height:auto; margin: 0 auto; position: relative;z-index: 100;}
.box_cp{ width: 640px; height: auto; margin: 0 auto; overflow: hidden; }
.title01{ width: 100%; height: 52px; line-height: 52px; background: #f3f5f7; position: relative; }
.title01 span{ min-width: 200px; height: 52px; font-weight: bold; color: #fff; font-size: 22px; padding-left: 20px;background:url(../images/title01.jpg) right center no-repeat #0481da; padding-right: 20px; display: inline-block;}
.title01 .more{ right: 20px; top: 0; font-size: 20px; font-weight: bold; color: #555555; position: absolute; }
.title_right{ float: right; padding-right: 20px }
.cplist01{ width: 600px; height: 372px; padding-top: 24px; margin: 0 auto }
.cplist01 li{ width: 600px; height: 372px; position: relative;}
.cplist01 li .img{ width: 600px; height: 372px; z-index: 1; position: relative;}
.cplist01 li .img img{ width: 600px; height: 372px;}
.cplist01 li .txt{ width: 600px; height: 123px; color: #fff; background: rgba(4,129,218,0.8); left: 0; bottom: 0; z-index: 2; position: absolute;}
.cplist01 li p{font-size: 27px; font-weight: bold; padding-left: 25px;}
.cplist01 li p span{ font-size: 34px; line-height: 60px; padding-top: 10px; display: block; }
.cplist01 li .zixun{ width: 131px; height: 108px; right: 0; bottom: 26px; position: absolute; z-index: 3}
.cplist02{ width: 610px; height: 200px; padding-top:12px; overflow: hidden; margin-left: 20px;}
.cplist02 li{ width: 194px; height: 200px; text-align: center; margin-right:9px; float: left; }
.cplist02 li img{ width: 194px; height: 144px; display: block;}
.cplist02 li a{ color: #333333; line-height: 52px;}
.box_yy{ width: 640px; height: 617px;background:url(../images/yingyong.jpg) no-repeat; margin: 0 auto}
.box_shili{ width: 640px; height: 184px;background:url(../images/shili.jpg) no-repeat; margin: 0 auto}
.box_ys{ width: 640px; height: 476px;background:url(../images/ys.jpg) no-repeat; margin: 0 auto}
.box_inbanner{ width: 640px; height: 177px;background:url(../images/inbanner.jpg) no-repeat; margin: 0 auto; position: relative;}
.box_inbanner .zixun{ width: 91px; height: 92px; right: 15px; top: 42px; position: absolute;}
.changjia{ width: 640px; height: 1145px; color: #fff; background:#0481db; margin: 0 auto; position: relative;}
.changjia ul{ width: 595px; height: 500px; padding-top: 52px; margin: 0 auto }
.changjia ul li{ width:523px; height: auto; min-height: 58px; padding-left: 72px; line-height: 46px; font-size: 30px;}
.changjia .changjia01{ width: 361px; height: 351px;background:url(../images/changjia01.png) no-repeat; left: 22px; bottom: 30px; position: absolute; }
.changjia .changjia02{ width: 261px; height: 320px;background:url(../images/changjia02.png) no-repeat; right: 8px; bottom:102px; position: absolute; }
.box_gsjj{ width: 600px; height: 462px; line-height: 47px; font-size: 26px; color: #333333; margin: 0 auto }

/*company*/
.yangfan{ width: 100%; height: 220px; margin-top: 17px; text-align: center; line-height: 42px; font-size: 20px; padding-top: 48px; background:url(../images/yangfan.png) top center no-repeat;}
.jianjie{ width: 584px; height:238px; background:url(../images/jianjie.jpg) top no-repeat; margin: 0 auto; padding-bottom: 15px; position: relative;}
.develop{ width: 100%; height: auto; padding-top: 10px; padding-bottom:16px; overflow: hidden; }
.comtitle{ width: 100%; height: 45px; background: #fff; position: relative; }
.comtitle span{ width: 183px; height: 50px; background:url(../images/span.png) no-repeat; bottom: 0; left: 0; position: absolute; }
.comtitle span a{ color: #fff; line-height: 50px; font-size: 24px; padding-left: 28px; }
.develop ul{ width: 100%; padding-top: 31px; }
.develop ul li{ width: 100%;height: 35px; font-size:20px; line-height: 35px; overflow: hidden; margin-bottom: 7px;}
.develop ul li span{ width: 95px; height: 35px;font-size: 20px;display: block; float: left; padding-right: 16px; background:url(../images/nian.png) no-repeat;}
.develop ul li span a{color: #fff; font-size: 20px; padding-left: 16px;}
.fengcai{ width: 100%; height:190px; padding-top: 10px; }

/*productinfo*/
.cpbox01{ width: 100%; height: 210px; background: #04508b; overflow: hidden; position: relative; }
.cpbox01 .imgbox{ width: 280px; height: 210px; background: #fff; float: left; }
.cpbox01 .imgbox img{width: 280px; height: 210px; }
.cpbox01 .txtbox{ width: 280px; height: 210px; line-height: 30px; font-size:16px; color: #fff; float: right; padding-right:20px; position: relative;}
.cpbox01 .txtbox span{ font-size: 22px; padding-top:15px; padding-bottom:10px; display: block;}
.cpbox01 .yuyue{width: 280px;font-size: 14px;line-height: 22px;left: 0;bottom: 14px;position: absolute;}
.cpbox01 .yuyue a{ color: #fff }
.cpbox01 .yuyue a:hover{ color: #ff0 }
.cpxq{ width: 100%; height: auto; overflow: hidden; padding-bottom: 128px; background:url(../images/cpxq.jpg) bottom center no-repeat;margin-top: 24px; margin-bottom: 24px; }
.cptitle{ width: 100%; height:45px; line-height:45px; background: #e0e0e0; font-size: 22px; text-align: center; }
.cpbox02{ width: 100%; height: auto; min-height: 246px; background: #e0e0e0; position: relative; margin-bottom: 24px;}
.cpbox02 .yy{ line-height: 60px; font-size: 20px; color: #003399;display: block; }
.cpgg{ width: 100%; height: auto; margin-top: 10px; overflow: hidden; position: relative; }
.cpgg .gg01{ font-size: 22px; line-height: 48px; color: #003cad; text-align: center; padding-top: 10px; }
.cpgg .gg02{ font-size: 18px; line-height: 30px; text-align: center; color: #222222; padding-bottom: 17px;}
.sub{ background:#079be5; width:90px; height:34px;font-size: 18px; font-family: "微软雅黑";border: none;color: white;}
/*left*/
#left{width:217px; height:645px; float: left;position: relative;display: inline;margin-top:20px;}

/* CSS Ziye */
#zy_title{ width: 640px; height: 68px; line-height: 68px; background: #0051b5; margin: 2px auto; color: #fff; position: relative; }
#zy_title span{ color: #fff; font-size: 32px; float: left; padding-left: 22px; border-left: 16px #ffaf00 solid; font-weight: bold; padding-right: 22px; background:url(../images/line2.jpg) right center no-repeat; }

#mid{ width: 600px; height: auto;padding: 25px 0; margin: 0 auto; line-height: 40px; }
#mid img{ display: block; margin: 0 auto; max-width: 580px; }
#picUL{ width: 620px; height: auto; padding-top: 20px; overflow: hidden; margin: 0 auto }
#picUL li{width:190px;height:190px;float: left;line-height:30px;color:#1b1b1b;font-size: 20px; background: #f3f5f7; border: 1px #e9e9e9 solid; text-align: center;margin:7px 7px;}
#picUL li img{width:190px;height:142px;}
#picUL li a{font-size: 20px;}
#picUL li .pic_01{ width: 190px; height:142px; overflow: hidden;}
#picUL li .pic_02{ width: 100%; height: 48px; line-height: 48px; }
#contact_main{ width: 100%; height: auto; padding-bottom: 30px;}
#contact_main li{ line-height: 45px; width: 100%; height: 45px; }
#newsContent{font-size:18px; color: #4a4a4a; line-height:38px;}
#indexNews{ width: 600px; height: auto; overflow: hidden; padding-top: 20px; margin: 0 auto; padding-bottom: 30px; }
#indexNews li{ width: 100%; height: 48px; line-height: 48px; border-bottom: 1px #e5e3e2 dashed; float: left; }
#indexNews li span{ float: right; }
#indexNews li a{ padding-left: 15px; background:url(../images/dot0.png) left center no-repeat;}
#newTitle{ width: 100%; text-align: center; height: auto; font-size: 25px; line-height: 40px; padding-bottom: 20px; color: #079be5; }
#infoImage{ width: 100%; height: 320px; text-align: center; }
#infoImage img{width: 400px; height: 320px; }
#newsInfo{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; border-bottom: 1px #dddddd dashed; margin-bottom: 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:580px; 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;}
.recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;}
.zwmcys{ color:#ff6c00; font-weight:bold;}
.recruitconr{ width:110px; height:40px; line-height: 40px; color: #fff; background: #0051b5; font-size: 25px; float:left; text-align:center;}





.formys{ width:600px; height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:278px;

	height:30px;
    font-size: 18px; font-family: "微软雅黑";
	border:1px solid #d2d4d6;

}

.G_textarea{

	width:300px;

	height:100px;

	border:1px solid #dedede;

}

.G_ul{

	width:500px;

	margin:0 auto;
}

.G_botton{

	width:55px;

	height:30px;

	line-height:30px;

	border:0;

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

	cursor:pointer;

}

.borderLi{ width:500px; height:auto; padding-top:10px;}
.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%; padding: 30px 0; text-align: center;}
#page a{display:inline-block; height:40px;line-height:40px;}
#page .current { display: inline-block; border: none;}
.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;}