@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;}
a:hover{ color:#0a59a4;}
.left{float:left;}
.right{float:right;}
body{font-family: "微软雅黑"; font-size: 14px; color:#333333; line-height: 34px; background:#fff;}

/* CSS Header */
/* CSS Header */
#head{ width:100%; height:auto; background: #f3f1f2; overflow:hidden;}
.top{ width:1200px; height:110px; margin: 0 auto;}
.logo{ width:593px; height:76px; padding-top:20px; float:left; position:relative;}
.tel{ width:275px; height:55px; margin-top: 27px; background:url(../images/tel.png) no-repeat left top; float:right; position:relative;}
.tel span{ font-size: 30px; color: #0a59a4; padding-top: 25px; padding-left: 59px; display: block;}
.noticebox{ width: 100%; height: 45px; background: #f7f5f6; }
.noticemid{ width: 1200px; height: 45px; line-height: 45px; margin: 0 auto; }
.noticemid .zxkf{ width:220px; height:28px; padding-top:8px; float:right}
.noticemid .zxkf li{ width:110px; height:28px; line-height:28px; color:#ff7800; font-size:16px; float:left}
.noticemid .zxkf li span{ width:28px; height:28px; display:inline-block; float:left; padding-right:6px;}
.noticemid .zxkf li:hover{ text-decoration: underline; }
.flash{ width: 1920px; height: 488px; left: 50%; margin-left: -960px; position: relative; }
.flash .pic01{ left:360px; top:153px; position:absolute; animation:fadetoT 1.2s;}
.flash .pic02{ left:360px; top:223px; position:absolute; animation:fadetoT 2.2s;}
.banner{ width: 1920px; height: 310px; left: 50%; margin-left: -960px; background:url(../images/banner.jpg) no-repeat; position: relative; }
.banner .pic01{ left:960px; top:70px; position:absolute; animation:fadetoT 1.2s;}
.banner .pic02{ left:960px; top:162px; position:absolute; animation:fadetoT 2.2s;}

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

/* CSS Footer */
#foot{ width:100%; height:280px; background:#0a59a4;}
#foot a{ color:#fff}
#foot a:hover{ color:#ff0}
.frdlink{ width:100%; height:104px; border-bottom:1px #084792 solid;}
.frdmid{ width:1200px; height:60px; padding-top:25px; margin:0 auto}
.frdmid span{ font-size:16px; color:#fff;line-height:26px; display:inline-block; float:left}
.frdmid ul{ width:1080px; height:60px; float:right}
.frdmid ul li{ width:120px; height:26px; line-height:26px; float:left}
.fttxt{ width:100%; height:118px; padding-top:21px; border-top:1px #0c6bb6 solid;}
.ftmid{ width:1200px; height:118px; margin:0 auto;}
.ftmid .api{ width:98px; height:98px; float:left}
.ftmid .cop{ width:1070px; height:110px; color:#fff; line-height:30px; float:right}


/* CSS Main */
#wrap{ width:100%; overflow:hidden; height:auto; position: relative;z-index: 100; margin:0 auto;}
#main{ width:1200px; height:auto; padding-top:29px; position: relative;z-index: 100; margin:0 auto;}
#index01{ width: 100%; height: 794px; position: relative;}
#index02{ width: 100%; height: 598px; position: relative;}
#inbanner{ width: 1920px; height: 140px; left: 50%; margin-left: -960px;background:url(../images/bnbg.jpg) bottom repeat-x; padding-bottom: 26px; position: relative; }
#inbanner .bnqq{ width:138px; height:36px; right:380px; top:73px; border-radius:18px; background:#ff7800; line-height:36px; color:#fff; font-size:18px; text-align:center; position:absolute}
#inbanner .bnqq:hover{ text-decoration:underline}
#index03{ width: 100%; height: 610px; background: #f7f5f6; }
#index04{ width: 100%; height: 255px; }
.titlebox{ width: 100%; height: 70px; padding-top: 45px; background:url(../images/line.png) bottom repeat-x;}
.titlemid{ width: 462px; height: 70px; margin: 0 auto }
.titlemid span{ width: 150px; height: 30px; background: #fff; top: 30px; font-size: 26px; text-align: center; display: block; color: #333333; font-weight: bold; margin: 0 auto; padding-top:9px; position: relative; }
.intype{ width: 1200px; height: 48px; border-bottom: 2px #dcdcdc solid; padding-top:24px; margin: 0 auto }
.intype li{ width: auto; height: 48px; font-size: 16px; padding: 0 11px; line-height: 48px; margin-right: 8px; float: left; }
.intype li:hover{background:url(../images/hover.png) bottom center no-repeat; border-bottom: 2px #0a59a4 solid;}
.about{ width: 940px; height: 280px; margin: 0 auto }
.profile{ width: 1200px; height: 90px; text-align: center; line-height: 28px; padding-top: 20px; margin: 0 auto }
.casebox{ width: 1200px; height: 455px; padding-top: 25px; margin: 0 auto; }
.case01{ width: 578px; height:418px; padding-bottom: 15px; background:url(../images/case01.jpg) bottom center no-repeat; float: left;}
.case01 li{ width: 578px; height:418px; position: relative;}
.case01 li img{ width: 578px; height:418px;}
.case01 li .txt{ width: 578px; height: 198px; background: rgba(0,135,6,0.9); z-index: 999; left: 0; bottom: 0; position: absolute;}
.case01 li .txtmid{ width: 500px; height: 143px; color: #fff; line-height: 26px; padding-top: 14px; margin: 0 auto; position: relative;}
.case01 li .txtmid span{ font-size: 20px; color:#fff; line-height: 48px; display: block; transition: 0.4s all}
.case01 li .txtmid span:hover{ margin-left: 5px; color: #ff0}
.case01 li .txtmid .more{ left: 0; bottom: 0; color: #fff; position: absolute; }
.case01 li .txtmid .more:hover{ color:#ff0}
.case02{ width:600px; height:409px; float:right}
.case02 li{ width:254px; height:188px;padding-bottom:13px;background:url(../images/shadow.png) bottom center no-repeat; margin: 0 19px 17px 19px; float: left;}
.case02 li img{ width:254px; height:184px; border-bottom: 4px #fff solid; display: block;}
.iconbox{ width:250px; height:47px; padding-top: 17px; margin:0 auto}
.icon{ width:47px; height:47px; float:left; margin:0 14px; transition:0.4s all}
.i1{background:url(../images/i1.png) no-repeat;}
.i1:hover{background:url(../images/i1-h.png) no-repeat;}
.i2{background:url(../images/i2.png) no-repeat;}
.i2:hover{background:url(../images/i2-h.png) no-repeat;}
.i3{background:url(../images/i3.png) no-repeat;}
.i3:hover{background:url(../images/i3-h.png) no-repeat;}
/* CSS Left */
#left{width:240px; height:auto; background: #f7f5f6; float: left; margin-bottom: 40px; overflow: hidden;}
.lfcp{ width:240px; height:auto; overflow:hidden;}
.lfcp .title{ width:240px; height:92px; background:#0a59a4; color:#fff; font-size:14px; text-align:center}
.lfcp .title span{ font-size:28px; font-weight:bold; display:block; padding-top:14px;}
.lfcp ul{ width:100%; padding-top:13px; padding-bottom:15px; height:auto; overflow:hidden}
.lfcp ul li{ width:100%; height:42px; border-bottom:1px #d8d8d8 dashed; line-height:42px; font-size:15px; position:relative}
.lfcp ul li a{ padding-left:20px;}
.lfcp ul li span{ width:22px; height:22px; right:26px; top:10px; background:url(../images/span.png) no-repeat;position:absolute; transition:0.4s all}
.lfcp ul li:hover span{background:url(../images/spanh.png) no-repeat;}
.lfcp ul li:hover a{ color:#0a59a4}
.lflx{ width:240px; height:auto; line-height:32px; overflow:hidden}
.lflx .title{ width:240px; height:101px;background:url(../images/lx.jpg) no-repeat; position:relative}
.lflx .title .more{ right:0; top:0; position:absolute}
.lflx .title span{ color:#ffff00; font-size:28px; font-weight:bold; text-align:center; display:block; padding-top:56px;}
.lflx p{ width:206px; height:auto; overflow:hidden; margin:0 auto}
.lfqq{ width:206px; height:22px; padding-bottom:10px; padding-top:14px;margin:0 auto}
.bdsharebuttonbox{ float: left; }
/* CSS Ziye */
#right_title{ width: 100%; height:81px; background:url(../images/line0.png) right bottom no-repeat}
#title_left{ width:283px; height:69px; padding-top:12px; float:left}
#title_right{ color:#555555; padding-top:37px; font-size:14px; float:right;}
#title_right a{ color:#555555;}
#title_right a:hover{ color:#008706;}
#right{width: 935px; height: auto; float: right;overflow: hidden;}
#right_content{ width: 100%; margin:0 auto; padding-top: 19px;}
#right_bottom{width:100%;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; color: #615a5a; display:block; padding-left:20px; background:url(../images/dot.jpg) no-repeat left center; transition: 0.4s all}
#indexNews li span{position: absolute;top:0;right:0;}
#indexNews li a:hover{ margin-left: 5px; color: #008706}
#page{width:100%;height:30px; line-height:30px;text-align:center;margin:20px auto;color:#333333;font-size:15px;clear:both;}
#page a{color:#575656;font-size:14px; border: 1px #969796 solid; padding: 0 11px;}
#page a:hover{color:#e80000;}
#page .current{border: 1px #0a59a4 solid; color: #fff; background: #0a59a4; padding: 0 8px;}
#page_num{ height: 24px; top: -1px; border: 1px #969796 solid; position: relative;}

#newTitle{width:100%;line-height:60px;color:#0a59a4;font-size:18px;font-family:"微软雅黑";text-align:center;margin:0 auto;}
#productTitle{width:100%;height:60px;color:#0a59a4;font-size:18px; font-weight:bold;text-align:center;margin:0 auto;}
#newsInfo{width:100%;height:40px;color:#a9aaa9;font-size:12px;text-align:center;margin:0 auto; margin-bottom: 10px; border-bottom: 1px #eaeced solid;}
.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:33px; font-size: 14px;}
#inNews{ width:100%; height: auto; margin: 0 auto; padding-top: 20px; overflow: hidden; }
#inNews li{width:218px; height:330px; line-height: 22px; background:#f7f5f6; font-size: 14px; color: #898989;float:left;margin:10px 7px; position:relative;transition: 0.5s all;}
#inNews li .txt{ width: 188px; height: 150px; margin: 0 auto; padding-right: 20px; padding-left: 20px; padding-top: 10px; position: relative; overflow: hidden;}
#inNews li .img{ width:218px; height:164px; background: #fff; overflow: hidden; position:relative; display:block; z-index:4;}
#inNews li .img img{ width:218px; height:164px; transition: 0.6s all}
#inNews li:hover .img img{ width:218px; height:165px; transform: scale(1.1);}
#inNews li span{ font-size: 16px; line-height: 22px; padding-bottom: 8px; color: #0a59a4; transition: 0.4s all; display: block; }
#inNews li span:hover{ color:#ffa200}
#inNews li .ar{ width: 82px; height: 16px; background: url(../images/ar.png) no-repeat; left:53px; bottom: 12px; position: absolute;}
#inNews li:hover .ar{ background: url(../images/ar1.png) no-repeat;}


/*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:240px;width:270px;float:left; padding: 9px; background: #ececec; margin:10px; border: 1px #e4e4e4 solid; text-align:center; transition: 0.5s all;}
#picUL li:hover{ background:#0a59a4; border:1px #cecdcd solid;}
#picUL li .pic_01{width:268px;height:202px; border: 1px #fff solid; text-align: center;}
#picUL li .pic_01 img{width:268px;height:202px; 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:270px;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;}


.formmcys{ width: 80px; font-size: 16px; }
.formys{ width:600px; height:auto; padding:10px; margin-left: 60px;}
.cpmcys{ width:350px; height:34px;border:1px solid #dedede;}
.formbz{ float:left;}
	.G_InputText{

	width:350px;

	height:30px;

	border:1px solid #d2d4d6;

}

.G_textarea{

	width:350px;

	height:100px;

	border:1px solid #dedede;

}

.G_ul{

	width:600px;

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

}
.sub{background:#0a59a4; width:105px; height:34px;border: none;color: #fff;font-family:"微软雅黑"; transition: 0.4s all}
.sub:hover{ background: #ffa200; }

.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{margin:0 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {height:18px;line-height:18px; padding: 0 10px; background:#404040;color:#fff;}

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