@charset "utf-8";
/* CSS Document */
html {
	overflow-x:hidden;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	font-family:'微软雅黑', Verdana, Geneva, sans-serif;
	-webkit-text-size-adjust: none;
}
input, select {
	font-size:12px;
}
input, button, select, textarea {
	outline:none
}
a, img {
	border:0;
}
ul, ol, li {
	list-style:none;
}
a {
	text-decoration:none;
	outline:none;
blr:expression(this.onFocus=this.blur());
}
.clear {
	clear:both;
	width:100%;
	height:0px;
	overflow:hidden;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.w1080 {
	width:1080px;
	margin:0 auto;
}


.w480 {
	width:480px;
	margin:0 auto;
}


/*=======通用=======*/
#header {
	width: 100%;
	height: 100px;
	position: fixed;
	z-index: 998;
	top:0;
	background: #fff;
	left: 0
}
#headerbody {
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
#logo {
	background-image: url(../images/logo.jpg); background-repeat:no-repeat;
	background-image: -webkit-image-set(url(../images/logo.jpg) 1x, url(../images/logo@2x.jpg) 2x);
	width: 212px;
	height: 70px;
	float: left;
	display: block;
	margin-top:15px;
}
#logo a {
	width: 212px;
	height: 70px;
	float: left;
	display: block;
	position: relative;
	z-index: 1000
}
#header ul#navbig {
	width: auto;
	height: 100px;
	display: inline-block;
}
#header ul#navbig li {
	width: auto;
	height: 100px;
	line-height: 100px;
	font-size: 14px;
	float: left;
	padding: 0 26px;
}







#header ul#navbig li a {
	display: block;
	color: #585858;
	text-align: center;
	position: relative;
	z-index: 99;
}







#header ul#navbig li#navmove {
	height: 4px;
	background: #003994;
	position: absolute;
	bottom: 0;
width: 0;
}
#header ul#navbig li div {
	width: 100%;
	height: 0px;
	background-color: rgba(255, 255, 255, .6);
	position: absolute;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 99
}
#header ul#navbig li div ul {
	width: auto;
	position: absolute
}
#header ul#navbig li div li {
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	width: auto;
}
#header ul#navbig li div li a:hover {
	color: #003994
}
/*header end*/
#showcase {
	height:390px;
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:50px;
}
.showcase {
	position:relative;
}
.showcase_preview {
	height:380px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.cssanimations .showcase_preview {
	visibility:hidden;
}
.showcase_preview .common {
	position:relative;
	overflow:hidden;
	height:380px;
	width:1080px;
	margin:0 auto;
}
.showcase_preview_bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:380px;
}
.showcase_preview_bg img {
	height:380px;
	width:100%;
}
.showcase_parallax {
	position:absolute;
}
.showcase_preview_btn {
	display:block;
	padding:0 35px;
	height:35px;
	line-height:35px;
	color:#fff;
	font-size:14px;
	font-weight:700;
	background:#003994;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.showcase_preview_btn:hover {
	background:#19c7f1;
}
.showcase_cl {
	text-align:center;
	height:80px;
	position:relative;
	top:300px;
}
.showcase_cl i {
	display:block;
	width:20px;
	height:20px;
	display:inline-block;
	background:#d2d2d2;
	margin:30px 10px;
	cursor:pointer;
	-o-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.showcase_cl i:hover, .showcase_cl i.active {
	background:#003994;
}
.cssanimations .showcase_preview.show {
	visibility:visible;
}
.showcase_preview_1 .showcase_preview_bg {
	opacity:0;
	-webkit-transition:0.5s ease-out;
	-moz-transition:0.5s ease-out;
	-o-transition:0.5s ease-out;
	transition:0.5s ease-out;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	-transition-property:opacity
}
.showcase_preview_1.show .showcase_preview_bg {
	opacity:1;
}
.showcase_preview_1 .showcase_parallax_1 {
	opacity:0;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-o-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	transform: translateY(200px);
	-moz-transform: translateY(200px);
	-webkit-transform: translateY(200px);
	-o-transform: translateY(200px);
}
.showcase_preview_1.show .showcase_parallax_1 {
	opacity:1;
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
}
.showcase_preview_1 .showcase_parallax_2 {
	opacity:0;
	-webkit-transition:all 0.7s ease-in-out;
	-moz-transition:all 0.7s ease-in-out;
	-o-transition:all 0.7s ease-in-out;
	transition:all 0.7s ease-in-out;
	transform: translateX(-500px) rotate(-15deg);
	-moz-transform: translateX(-500px) rotate(-15deg);
	-webkit-transform: translateX(-500px) rotate(-15deg);
	-o-transform: translateX(-500px) rotate(-15deg);
}
.showcase_preview_1.show .showcase_parallax_2 {
	opacity:1;
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-o-transform: translateX(0px);
}
.showcase_preview_1 .showcase_parallax_3 {
	opacity:0;
	-webkit-transition:all 0.7s ease-out;
	-moz-transition:all 0.7s ease-out;
	-o-transition:all 0.7s ease-out;
	transition:all 0.7s ease-out;
	transform: translateX(300px) rotate(20deg);
	-moz-transform: translateX(300px) rotate(20deg);
	-webkit-transform: translateX(300px) rotate(20deg);
	-o-transform: translateX(300px) rotate(20deg);
}
.showcase_preview_1.show .showcase_parallax_3 {
	opacity:1;
	transform: translateX(0px) rotate(0deg);
	-moz-transform: translateX(0px) rotate(0deg);
	-webkit-transform: translateX(0px) rotate(0deg);
	-o-transform: translateX(0px) rotate(0deg);
}
.showcase_preview_1 .showcase_parallax_4 {
	opacity:0;
	-webkit-transition:all 0.5s cubic-bezier(0.475, 0.685, 0.32, 1.175);
	-moz-transition:all 0.5s cubic-bezier(0.475, 0.685, 0.32, 1.175);
	-o-transition:all 0.5s cubic-bezier(0.475, 0.685, 0.32, 1.175);
	transition:all 0.5s cubic-bezier(0.475, 0.685, 0.32, 1.175);
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-o-transform: translateY(100px);
}
.showcase_preview_1.show .showcase_parallax_4 {
	opacity:1;
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-animation: bounce 0.3s 0.5s 1 ease-out;
	-moz-animation: bounce 0.3s 0.5s 1 ease-out;
	animation: bounce 0.3s 0.5s 1 ease-out;
}
/*banner end*/
#main {
	margin-top:30px;
}
.module {
	height: 100px;
	background: url(../images/index-icon.png) repeat-x 0 0;/*2.11 add style*/
	position:relative;
}
.module .center {
	position: absolute;
	top: 0;
	width: 1080px;
	height: 100px;
	overflow: hidden;
}
.module .index-center {
	background: none;
}
.kwicks {
	width: 1080px;
	height: 100px;
}
.kwicks .kwick {
	float: left;
	width: 135px;
	height: 100px;
	border-right: 1px solid transparent;
	background: url(../images/y-bg4.png) no-repeat right center;/*2.11 add style*/
	overflow: hidden;
}
.kwicks .kwick div {
	width: 535px;
	height: 100px;
}
.kwicks .first {
	width: 535px;
}
.kwicks .last {
	border-right: 0;
}
.kwicks .icon {
	float: left;
	width: 135px;
	height: 100px;
	text-align:center;
	background-repeat: no-repeat;
	background-position:center;
}
.kwicks .icon strong {
	color:#333;
	font-weight:normal;
	display:inline-block;
	padding-top:30px;
}
.kwicks .icon00 {
	background-image: url(../images/ico01.jpg);
}
.kwicks .icon01 {
	background-image: url(../images/ico02.jpg);
}
.kwicks .icon02 {
	background-image: url(../images/ico03.jpg);
}
.kwicks .icon03 {
	background-image: url(../images/ico04.jpg);
}
.kwicks .icon04 {
	background-image: url(../images/ico05.jpg);
}
.kwicks img {
	float: left;
}
.kwicks .first .icon {
	background-color: #ec008c;
}
.kwicks .kwick div.kwick-nr {
	width:373px;
	height:100px;
	float:left;
}
.kwick-nr p {
	height:100px;
	width:179px;
	overflow: hidden;
	float: left;
}
.kwick-nr h3 {
	color:#f1f1f1;
	padding-top:10px;
	line-height:22px;
	margin-left:20px;
	width:170px;
	float:left;
	font-size:12px;
	font-weight:normal;
}
/*fw end*/
.news {
	margin-top:0px;
	padding-bottom:30px;
	border-bottom:1px dashed #e3e3e3;
}
.title {
	height:30px;
}
.title h2 {
	color:#333;
	font-weight:normal;
	font-size:25px;
	padding-left:40px;
	height:37px;
	border-bottom: 2px solid #003994;
	line-height:30px;
}
.title .titleNews {
	background:url(../images/ico.png) no-repeat left -44px;
}
.title .titleYj {
	background:url(../images/ico.png) no-repeat left -113px;
}
.title .titleKeji {
	background:url(../images/ico.png) no-repeat left -80px;
}
.title .titleAbout {
	background:url(../images/ico.png) no-repeat left -4px;
}
.title .titleJob {
	background:url(../images/ico.png) no-repeat left -146px;
}
.title a.more {
	display:block;
	width:70px;
	height:20px;
	line-height:20px;
	color:#fff;
	background:#c4c4c4;
	text-align:center;
	margin-top:5px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.NewsCon {
	margin-top:30px;
}
.NewsShow {
	border-right:1px dashed #e3e3e3;
	width:480px;
	
}
.NewsShowPic img {
	width:120px;
	height:100px; float:left; padding:2px; border:solid 1px #ccc
}
.NewsShowText {
	width:350px; float:right;
}
.NewsShowText h1 {
	font-weight:normal;
}
.NewsShowText h1 a {
	color:#454545;
	font-size:18px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.NewsShowText h1 span {
	color:#333999;
	font-size:12px;
	padding-left:30px;
}
.NewsShowText p {
	color:#333;
	line-height:24px;
	padding-top:5px;
}
.NewsList {
	width:480px;
	padding-left:0px;
}
.NewsList ul li {
	height:29px;
	line-height:29px;
}
.NewsList ul li a {
	color:#333;
	font-size:12px;
	float:left;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.NewsList ul li span {
	float:right;
	color:#333999;
}
.news:hover a.more {
	background:#003994;
}


.video:hover a.more {
	background:#003994;
}

.NewsShow:hover .NewsShowText h1 a, .NewsList ul li:hover a {
	color:#003994;
}
/*news end*/
.column {
	margin-top:50px;
}
.keji {
	width:270px;
}


.video {
	width:560px;
    padding-bottom:30px; height:327px; 
	border-bottom:1px dashed #e3e3e3;
}

.about {
	width:380px;
	margin:0 52px;
}
.job {
	width:325px;
}
.columnCon {
	margin-top:30px;
	height:280px;
	position:relative;
}
.keji p {
	color:#333;
	line-height:25px;
	padding-top:10px;
}
.about p {
	color:#333;
	line-height:25px;
}

.video p {
	color:#333;
	line-height:25px;
}

.columnMore {
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
}
.columnMore a {
	display:block;
	width:70px;
	height:20px;
	line-height:20px;
	color:#fff;
	background:#c4c4c4;
	text-align:center;
	margin-top:5px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.columnCon ul li {
	width:130px;
	height:37px;
	border-bottom:1px dotted #c1c1c1;
	float:left;
	color:#333 !important;
}
.columnCon ul li  {
	width:130px;
	height:32px;
	line-height:32px;
	padding-left:20px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	margin-top:4px;
}
.columnCon ul li a{	color:#333 !important;}

.columnCon ul li a:hover{	color:#fff !important;}
.columnCon ul li:hover a{	color:#fff !important;}

.columnCon ul li:hover, .columnCon ul li a.c {
	color:#fff;
	background:#003994;
}


.keji:hover .columnMore a, .about:hover .columnMore a, .job:hover .columnMore a {
	background:#003994;
}



/*main end*/
#footer {
	background:#ccc;
	margin-top:100px;
	height:220px;
}
#footer .tel {
	padding-top:45px;
	width:390px;
}
#footer .tel li{ line-height:24px; float:left; padding-right:10px; display:inline-block}
#footer .tel li a{ color:#333;font-family}
#footer .tel li a:hover{ color:#333}
#footer .tel p {
	line-height:30px;
	color:#333;
}
#footer .copy {
	padding-top:45px;
	width:360px;
}
#footer .copy strong {
	font-size:14px;
	line-height:30px;
	color:#333;
	font-weight:normal;
}
#footer .copy p {
	color:#333;
	font-size:11px;
	line-height:20px;
}
#footer .copy .link a {
	display:block;
}
#footer .copy .link .jishu {
	background:url(../images/jumuban.png) no-repeat;
	width:70px;
	height:16px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	margin-top:25px;
}
#footer .copy .link .jishu:hover {
	background:url(../images/jumuban2.jpg) no-repeat;
}
#footer .copy .link .sina {
	background:url(../images/sina.png) no-repeat #595959;
	border-radius:15px;
	width:31px;
	height:31px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	margin:18px 10px 0 30px;
}
#footer .copy .link .sina:hover {
	background:url(../images/sina.png) no-repeat #d63a21;
}
#footer .copy .link .tqq {
	background:url(../images/qq.png) no-repeat #595959;
	border-radius:15px;
	width:31px;
	height:31px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
	margin-top:18px;
}
#footer .copy .link .tqq:hover {
	background:url(../images/qq.png) no-repeat #41a5c9;
}
#footer .erweima {
	padding-top:45px;
}
#footer .erweima p {
	color:#333;
	padding-top:10px;
}
.scroll {
	display:block;
	width:50px;
	height:46px;
	background:#515151 url('../images/up.png') no-repeat center;
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
.scroll:hover {
	background:#222 url('../images/up.png') no-repeat center;
}



.scyjindex{color:#333;line-height:25px; padding-top:10px;}







#footer{width:100%;height:269px; background:#a7a5a5; position:relative; clear:both;}

#footer .left{width:50%;height:230px; background:#ccc; position:absolute;left:0;top:0;}

#footer .right{width:50%;height:230px; background:#cbc9c9; position:absolute;right:0;top:0;}

#footer .foot{width:1000px;height:230px; position:relative; z-index:9999; margin:0 auto;}

#footer .foot .L{width:640px;height:230px; float:left; background:#ccc; padding-left:19px;}

#footer .foot .L ul{ float:left; width:128px; display:table; padding-top:25px;}

#footer .foot .L ul li{ display:block; clear:both;}

#footer .foot .L ul li a{ color:#333;line-height:22px; height:22px; padding-left:15px; background:url(../images/index3_40.jpg) no-repeat 4px center;}

#footer .foot .L ul li a:Hover{ background:url(../images/index2_40.png) no-repeat 4px center; color:#fff;}

#footer .foot .L ul li strong{ color:#333; display:table; font-size:14px; line-height:30px; height:30px; margin-bottom:5px; font-weight:normal; padding-left:15px;}



#footer .foot .R{width:305px;height:230px; float:left; background:#cbc9c9; padding-left:36px;}

#footer .foot .R h2{color:#333; font-size:14PX; color:#333; padding-top:25px; line-height:30px; margin-bottom:5px;}

#footer .foot .R p{line-height:22px; color:#333 !important; font-size:12px; padding-bottom:10px;}

#footer .foot .R .search{width:273px;height:28px;}

#footer .foot .R .search .text1{width:217px;height:28px; border:none; background:#5b5b5b; float:left; color:#333; padding:0 5px;}

#footer .foot .R .search .button{width:30px;height:28px; background:url(../images/button_18.jpg) center no-repeat; float:left; border:none; cursor:pointer;}

#footer .foot .R .search .button:hover{background:url(../images/button2_18.jpg) center no-repeat;}

#footer .foot .R ul{width:193px;height:32px; margin-top:5px; padding-left:40px; padding-top:32px;}

#footer .foot .R ul li{width:32px;height:32px; float:left; margin-right:10px; position:relative;}
#footer .foot .R ul li img{position:absolute;lefT:-40px;bottom:0;}

#footer .foot .R ul li a{width:32px;height:32px; display:block;}

#footer .foot .R ul li .n1{background:url(../images/foot_25.png) center no-repeat;}

#footer .foot .R ul li .n1:hover{background:url(../images/foot2_25.png) center no-repeat;}

#footer .foot .R ul li .n2{background:url(../images/foot_29.png) center no-repeat;}

#footer .foot .R ul li .n2:hover{background:url(../images/foot2_29.png) center no-repeat;}

#footer .foot .R ul li .n3{background:url(../images/foot_31.png) center no-repeat;}

#footer .foot .R ul li .n3:hover{background:url(../images/foot2_31.png) center no-repeat;}



#footer .foots{width:1000px;height:39px; position:relative; z-index:9999; margin:0 auto;}

#footer .foots .icp{width:626px;height:39px; float:left;padding-left:19px; line-height:39px; font-size:12px; color:#d4d4d4;}

#footer .foots .link{width:300px;height:39px; float:left; text-align:right; line-height:39px; padding-right:10px;}

#footer .foots .link a{color:#d4d4d4; padding:0 5px;}

#footer .foots .link a:hover{color:#fff}