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

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

ul{list-style-type:none;}

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

img{border:0px;}

a{text-decoration:none; color: #333333;transition:0.4s all}
a:hover{ color:#3dac4e;}
.left{float:left;}
.right{float:right;}
body{font-family: "微软雅黑"; font-size: 14px; color:#333333; line-height: 30px;background:#e4e4e4; }

/* CSS Header */
/* CSS Header */
#head{ width:100%; height:auto; background:#071018; position:relative}
#top{ width:100%; height:86px; background:#071018; border-bottom:1px #394148 solid; position:absolute; left:0; top:0; z-index:9999}
#topmid{ width:1200px; height:86px; margin: 0 auto;}
#logo{ width:58px; height:59px; padding-top:14px; float:left; position:relative;}
#flashbox{ width:100%; height:686px; position:relative; overflow:hidden}

#banner{ width:1920px; height:220px; left:50%; margin-left:-960px;background:url(../images/banner.jpg) no-repeat; position:relative}
.zhuan{ width: 139px; height: 141px; right: -80px; top: 60px; background: url(../images/zhuan.png) no-repeat; animation: zhuan 12s linear infinite; position: absolute;}
@-webkit-keyframes zhuan{
  from{opacity:1; -webkit-transform:rotate(0deg);}
  to{opacity:1; -webkit-transform:rotate(360deg);}
}
@keyframes zhuan{
  from{opacity:1; transform:rotate(0deg);}
  to{opacity:1; transform:rotate(360deg);}
}
.gotop{ width: 56px; height: 56px; right:40px; z-index: 999; bottom: 100px; background: url(../images/top.png) no-repeat; position: fixed;}
/* CSS Footer */
#foot{ width:100%; height:228px; background:#232426;}
#ft_mid{ width: 1200px; height: 228px; color: #888888; font-size: 14px;line-height: 28px; margin: 0 auto; position:relative}
#ft_mid a{color: #888888;}
#ft_mid a:hover{color: #3dac4e;}
#ft_icp{ width: 100%; height:65px; color: #888888; font-size: 14px;background:#232426; border-top:1px #4f5051 solid; position:relative}
#ft_icpm{ width: 1200px; height: 65px; color: #888888; font-size: 14px; margin: 0 auto; position:relative}
#ft_icpm a{color: #fff;}
#ft_icpm a:hover{color:#3dac4e}
#ft_icpm li{ width:133px; height:65px; float:left; line-height: 65px; text-align:center}
.ewm{ width:210px; height:127px; position:absolute; ;background:url(../images/api.png) no-repeat;right:0; top:60px;}
.links{ width:100%; height:48px; line-height:48px;padding-top:29px;}
.links a{ margin-right:25px; line-height:48px; float:left}

.qq{ width: 74px; height: 22px; position: absolute; left: 0; }

/* CSS Main */
#wrap{ width:100%; height:auto; position: relative;z-index: 100; overflow:hidden; margin:0 auto;}
#main{ width:1920px; left:50%; margin-left:-960px; background:url(../images/main.jpg) bottom no-repeat #e4e4e4; height:auto; position:relative; overflow:hidden}
#mid{ width:1200px; height:auto; overflow:hidden; padding-top:58px; position:relative; margin:0 auto}

#index01{ width:1200px; height:174px; background:url(../images/part.png) left center no-repeat; position:relative; margin:0 auto}
#index01 ul{ height:99px; left:265px; top:30px; position:absolute}
#index01 ul li{ width:214px; height:95px; line-height:95px; background:#fff; text-align:center; margin-left:14px; font-size:18px; border-radius:48px; border:2px #fff solid; float:left; transition:0.5s all}
#index01 ul li:hover{ background:#e4e4e4}
#index01 ul li a{ display:block}
#index02{ width:1200px; height:550px; position:relative; margin:0 auto}
#index03{ width:1200px; height:557px; padding-top:49px; position:relative; margin:0 auto}
.box_news{ width:533px; height:540px; float:left; position:relative; margin-left:49px;}
.box_news ul{ padding-top:45px;}
.box_news ul li{ width:533px; height:120px; color:#555555; line-height:20px; font-size:12px; margin-bottom:16px; position:relative}
.box_news ul li span{ color:#232426; font-size:24px; padding-bottom:6px; display:block}
.box_news ul li a{ line-height:36px; margin:2px 0; font-size:16px; display:block}
.box_prof{ width:522px; height:540px; float:right; position:relative; margin-left:49px;}
.title0{ width:100%; height:83px;}
.box_prof .gsjj{ width:522px; height:255px; left:0; top:125px; position:absolute}
.box_prof .gsjj span{ font-size:24px; display:block; padding-bottom:13px;}
.box_prof .lxwm{ width:522px; height:255px; line-height:27px; left:0; top:346px; position:absolute}
.box_prof .lxwm a{text-decoration: underline;}
.box_case{ width:285px; height:550px; background:url(../images/case.jpg) bottom no-repeat #232426; float:left; position:relative;}
.box_pic{ width:895px; height:550px; float:right; position:relative;}




/* CSS Left */
#left{width:285px; height:auto; float: right; padding-left:45px; margin-top:70px; border-left:1px #c3c3c3 solid; margin-bottom: 24px; position:relative}
.caset{ width:167px; height:89px; position:absolute; left:36px; top:37px;}
.box_lx{ width:285px; height:auto; padding-top:32px; overflow:hidden; line-height:27px;}
.box_lx a{text-decoration: underline;}
.caselist{ width:238px; height:260px; left:37px; top:160px; position:absolute}
.caselist li{ font-size:14px; line-height:32px;}
.caselist li a{ color:#fff}
.caselist li a:hover{ color:#40b65e; margin-left:5px;}
/* CSS Ziye */
#right{width: 825px; height: auto; float: left;overflow: hidden;}
#right_title{width: 825px;height:83px; position: relative;}
#title_left{ float:left;}
#title_right{ color:#555555; font-size:15px; padding-top:30px; float:right;}
#title_right a{color:#555555;}
#title_right a:hover{color:#3fb25c;}
#right_content{ width: 825px; margin:0 auto; padding-top: 19px;}
#right_bottom{width:825px;height:23px;}
#indexNews li{width:100%;height:40px;margin:0 auto;border-bottom:#D9D9D9 1px dotted; line-height:40px;position: relative;}
#indexNews li a{height:40px;display:block; padding-left:15px; background:url(../images/dot.png) no-repeat left center; transition: 0.4s all;}
#indexNews li span{position: absolute;top:0;right:0;}
#indexNews li a:hover{ margin-left:5px; }
.page{width:100%;height:30px; line-height:30px;text-align:center;margin:20px auto;color:#575656;font-size:14px;clear:both;}
.page a{color:#575656;font-size:14px; padding: 2px 6px; border:1px #929394 solid;}
.page a:hover{color:#e80000;padding: 2px 6px; border:1px #929394 solid;}
.page .current{padding: 2px 10px;border:1px #3dac4e solid;}
#newTitle{width:825px;line-height:60px;color:#40b65e;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:825px;height:60px;color:#40b65e;font-size:18px; font-weight:bold;text-align:center;margin:0 auto;}
#newsInfo{width:825px;height:40px;color:#a9aaa9;font-size:12px; border-bottom:1px #d6d7d7 dashed; text-align:center;margin:0 auto;}
.newsinfoleft {padding-left: 30px;}
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }

#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;}

#newsContent{width:100%;margin:0 auto; line-height:40px; font-size: 16px; padding-bottom:116px; color: #333333;}
.inbox{ width:860px; height:400px; overflow:hidden}
.inbox_title{ font-size:30px; font-weight:bold; color:#232426; display:block}
.inbox ul{ width:876px; padding-top:45px;}
.inbox ul li{ width:398px; height:120px; color:#555555; line-height:20px; font-size:12px; margin-bottom:16px; margin-right:33px; float:left; position:relative}
.inbox ul li span{ color:#232426; font-size:24px; padding-bottom:6px; display:block}
.inbox ul li a{ line-height:36px; margin:2px 0; font-size:16px; display:block}

/*css digg style pagination*/
div.digg{padding:3px;margin:3px;text-align:center}
div.digg a{border:#aaaadd 1px solid;padding:2px 5px;margin:2px;color:#000099;text-decoration:none}
div.digg a:hover{border:#000099 1px solid;color:#000;}
div.digg a:active{border:#000099 1px solid;color:#000;}
div.digg span.current{border:solid 1px #000099;padding:2px 5px;font-weight:bold;margin:2px;color:#fff;background-color:#000099;}
div.digg span.disabled{border:#eee 1px solid;padding:2px 5px;margin:2px;color:#ddd;}

#picUL{ width:100%; height:100%; overflow:hidden;}
#picUL li{height:210px;width:240px;float:left; padding: 8px; margin:8px; background:#fff; border: 1px #e4e4e4 solid; text-align:center; transition: 0.5s all;}
#picUL li:hover{ background:#232426; border:1px #73ce8a solid;}
#picUL li .pic_01{width:240px;height:180px; text-align: center;}
#picUL li .pic_01 img{width:240px;height:180px; vertical-align:middle; background:#fff;}
#picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
#picUL li .pic_02{width:240px;text-align: center;line-height:40px;}
#picUL li:hover a{ color:#fff}
.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:600px; height:auto; padding:10px;}
.cpmcys{ width:280px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:278px;

	height:30px;

	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;}

/*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;}