@charset "utf-8";
* { padding:0; margin:0; outline:0;}
ul, ol ,li { list-style:none;}
a { text-decoration:none;}
body { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5; background-color:#ebeff4;}
#wrapper { padding-top:100px;}

#header { background-color:#fff; border-top:solid 4px #486488; position:fixed; top:0; left:0; width:100%; z-index:99; box-shadow:0 0 12px #555;}
#logo { float:left; margin:18px 40px 8px 0;}
#logo a { display:block;}
#telephone { height:20px; background:url(images/tel.png) no-repeat 0 0; padding-left:25px; line-height:20px; font-size:14px; color:#414141; float:right; right:-170px; position:absolute; top:40px;}

#navigation { font-family:Microsoft Yahei; line-height:1.2; float:right; margin-top:-4px;}

#navigation .menu-open { display:none;}
#navigation ul { display:block;}
#navigation ul a { color:#324e73; text-decoration:none; padding:38px 7px 0; display:block; border-top:solid 4px #486488;}
#navigation ul a em { color:#979798;}
#navigation ul a:hover { border-top:solid 4px #ffd428;}
#navigation ul li { height:100px; background:url(images/navigation_li.png) no-repeat right 50px; font-size:14px; font-weight:bold; float:left; text-align:center; padding:0 10px; overflow:hidden;}
#navigation ul li.nav08 { padding-right:0; background:none;}
#navigation ul li em { color:#979798; font-size:11px; font-weight:normal; display:block; font-style:normal;}
#navigation ul li.current a { border-top:solid 4px #ffd428;}


h2 { color:#192b43; font-family:Architecture; font-size:52px; text-align:center; text-transform:uppercase; font-weight:normal; line-height:1.1;}
h2 span { font-family:Microsoft Yahei; font-weight:normal; font-size:21px; display:block;}

#body { clear:both; background:url(images/main_bg.png) no-repeat center -200px;}
#body .inner { width:880px;}
#slider { position:relative; height:320px; background-color:#fff; overflow:hidden; width:100%; text-align:center;}
#slider .inner { padding:0; margin:0; width:1920px; height:320px; position:absolute; left:50%; margin-left:-960px;}
#slider .innerBody img { position:relative;}

.index #slider { width:100%; height:460px; margin-bottom:0; text-align:center; overflow:hidden; position:relative; z-index:0;}
.index #slider .inner { padding:0; margin:0; width:1920px; height:460px; position:absolute; left:50%; margin-left:-960px;}
.nivo-directionNav { width:980px; left:50%; position:absolute; top:45%; margin-left:-490px;}
.nivo-prevNav { width:30px; height:30px; background:url(images/arrows.png) no-repeat 0 0; text-indent:-999em; left:50px;}
.nivo-nextNav { width:30px; height:30px; background:url(images/arrows.png) no-repeat -30px 0; text-indent:-999em; right:50px;}
.nivo-controlNav { z-index:999; bottom:5px;}

.index #body { background-image:none;}
.index #content { background-color:#fff; margin:20px 0; padding:20px; box-shadow:0 0 5px #b9c7da;}
.index #content .leftCol { color:#5e7fa7; font-size:12px; float:left; width:440px; padding-right:30px; border-right:solid 1px #e0e0e0; height:160px; overflow:hidden;}
.index #content .leftCol .thumb { height:160px; width:160px; overflow:hidden; float:left; margin-right:20px; background-color:#d4d4d4;}
.index #content .leftCol h4 { color:#27466c; margin-bottom:7px; font-size:14px;}
.index #content .rightCol { font-size:12px; float:right; width:340px;}
.index #content .rightCol h4 { border-bottom:solid 1px #b6b6b6; font-size:14px; margin-bottom:6px; padding-bottom:5px; line-height:1.5;}
.index #content .rightCol a { color:#5e7fa7; display:block; padding:2px 0;}
.index #content .rightCol a:hover { color:#112f56;}
.index #content .rightCol .io { margin-right:4px;}
.index #content .rightCol .date { float:right;}
.index #content .rightCol .more { float:right;}

#content { color:#253e5f; font-size:14px; line-height:1.8; padding-bottom:80px;}
#content p { line-height:1.8; margin-bottom:15px;}
#container h2 { padding:45px 0 30px;}

.newslist { font-family:Microsoft Yahei; font-size:14px; margin-bottom:70px;}
.newslist a { color:#fff; display:block; padding:10px 15px; text-decoration:none;}
.newslist li { background-color:#192b43; margin-bottom:1px;}
.newslist .date { float:right; margin-left:15px;}
.newslist .io { margin-right:6px;}
.newslist .newsinfo { color:#253e5f; background-color:#fff; padding:20px;}
.newslist .newsinfo p { margin-bottom:15px;}

.protypes { padding-left:9px; float:left; width:100%; margin-bottom:20px;}
.protypes a { display:block; padding:5px 10px; color:#2b4c75; background-color:#fff;}
.protypes a:hover, .protypes .current a { background-color:#2b4c75; color:#fff;}
.protypes li { margin-right:6px; float:left;}

.prolist { clear:both; margin-left:-14px; float:left; width:100%; /*margin-bottom:70px;*/}
.prolist a { color:#fff; display:block; position:relative; border:solid 3px #ebeff4; /*border-top-color:#192b43;*/}
.prolist a:hover { border:solid 3px #192b43;}
.prolist a:hover span.thumb { border-color:#fff;}
.prolist li { background-color:#fff; width:200px; height:320px; float:left; margin:0 0 30px 20px;}
.prolist span.thumb { display:block; overflow:hidden; width:194px; height:280px; border-top:solid 3px #192b43; border-bottom:solid 3px #fff;}
.prolist span.thumb img { width:auto; height:90%; margin:10% 0 10% -23px;}
.prolist li img { float:left; display:block; margin-left:-2px;}
.prolist span.tit { background:#192b43; padding:8px 15px; display:block; clear:both;}

.proDetail { clear:both; width:854px; background-color:#fff; margin:0 0 20px 9px; height:580px;}
.proTXT { background-color:#f5f5f5; width:174px; height:420px; float:left; padding:80px 50px;}
.proTXT h4 { font-size:14px; margin-bottom:20px;}
.proIMG { float:right; width:580px;}

.one-page { clear:both; text-align:center; padding:20px 0 30px;}
.one-page a { color:#999999;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    font-weight: bold;
    margin-right: 4px;
    padding: 0 2px;
    background: none repeat scroll 0 0 #eee;
    border-color: #e3e3e3;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 #fff inset;
}
.one-page a, .one-page span.current {
    padding: 3px 6px;
    text-decoration: none;
}
.one-page .paging-input { padding:0 7px;}

.hrlist { color:#253e5f; font-family:Microsoft Yahei; font-size:14px; margin-left:-20px;}
.hrlist li { border-top:solid 4px #192b43; float:left; width:350px; min-height:300px; background-color:#fff; margin:0 0 30px 20px; padding:45px 40px;}
.hrlist li h4 { color:#192b43; font-size:17px; margin-bottom:20px;}
.hrlist li .hrContent { line-height:1.7;}

body.feedback, body.contact { background-color:#192b43;}
body.feedback #body, body.contact #body { background-image:url(images/main_bg2.png);}
body.feedback h2, body.contact h2 { color:#fff;}
body.feedback #content, body.contact #content { background-color:#fff; border-top:solid 4px #ffd428; padding:30px 35px; margin-bottom:60px;}

.feedback_form {}
.feedback_form .row { padding:10px 0;}
.feedback_form .submitRow { padding-left:100px;}
.feedback_form label { font-weight:bold; font-size:14px; padding:5px 12px; line-height:1.2; text-align:right; color:#848484; vertical-align:top; width:80px; display:block; float:left;}
.feedback_form input, .feedback_form textarea { color:#777; font-size:14px; font-family:Microsoft Yahei; background-color:#f2f1f7; padding:5px 8px; border:none; border-radius:3px;}
.feedback_form input { width:350px;}
.feedback_form textarea { width:600px; height:140px;}

body.contact #content { font-family:Microsoft Yahei; font-size:14px;}
body.contact #content .contactMap { height:320px; background-color:#333; margin-bottom:20px;}
body.contact #content h4 { font-size:21px; font-weight:normal; margin-bottom:10px;}
body.contact #content .codeimg { float:left; margin-right:20px; width:160px;}
body.contact #content .contactInfo { margin-left:180px; padding-bottom:20px;}

#footer { clear:both; color:#60666e; background-color:#fff; border-top:solid 1px #4b678a; text-align:center;}
#footer a { color:#60666e;}
#footer p { margin-bottom:6px;}
#footer .inner { width:auto; padding:45px 0 50px; border-top:solid 1px #667d9a;}
#footer .ifo { text-transform:uppercase;}
#footer .ifo span { padding:0 4px;}
#footer .pwd { padding:0 8px;}

.inner { padding:0 10px; width:940px; margin:0 auto; position:relative;}
.clear { clear:both;}


@media screen and (max-width: 1320px) {
	#header { position:fixed; border-top:solid 24px #486488; box-shadow:0 0 5px #555;}
	#navigation { margin-top:0;}
	#telephone { background:url(images/tel2.png) no-repeat 0 0; color:#fff; top:-22px; right:5px;}
	#telephone a { color:#fff;}
	#navigation ul a { border-top:none !important;}
	#navigation ul li.current a { color:#ffd428;}
}
@media screen and (max-width: 600px) {
	#wrapper { padding-top:88px;}
	#wrapper.menuopen {}
	#header { position:fixed; border-top:solid 24px #486488; box-shadow:0 0 5px #555;}
	#logo { margin:10px 0;}
	#logo img { width:130px; height:auto; float:left;}
	#telephone { background:url(images/tel2.png) no-repeat 0 0; color:#fff; top:-22px; right:5px;}
	#telephone a { color:#fff;}
	#navigation { margin:20px 5px 0 0;}
	#navigation .menu-open { display:block;}
	
	#navigation ul { background-color:#fff; display:none; position:fixed; top:90px; right:0; height:100%; width:120px; box-shadow:0 0 5px #888;}
	#navigation ul a { padding:0;}
	#navigation ul li { float:none; height:32px; line-height:32px; text-align:right; border-bottom:solid 1px #ddd;}
	#navigation ul li.nav08 { padding-right:10px;}
	#navigation ul li em { display:none;}
	
	#slider { height:150px;}
	#slider .innerBody { width:1440px; margin:0 0 0 -720px;}
	#slider .innerBody img { height:220px;}
	.index #slider { height:250px;}
	.index #slider .inner {}
	.index #slider .inner img { margin-left:350px;}
	
	
	h2 { font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-2px; font-size:42px; line-height:1;}
	h2 span { letter-spacing:0;}
	
	#body {
		background-position:center top;
		background-repeat:no-repeat;
		background-size:contain;
		/*background-attachment:fixed;*/
	}
	#content { padding-bottom:30px;}
	
	.index #content .leftCol { float:none; width:auto; padding:0; margin:0 0 30px 0; border:none;}
	.index #content .leftCol .thumb { width:110px; height:110px;}
	.index #content .leftCol .thumb img { width:100%;}
	.index #content .leftCol h4 { line-height:1.2;}
	.index #content .rightCol { float:none; width:auto; padding:0; margin:0; border:none;}
	.index #content .rightCol ul {}
	.index #content .rightCol ul li { border-bottom:dotted 1px #ccc; line-height:1.2;}
	.index #content .rightCol ul li a { padding:10px 0;}
	.index #content .rightCol .io { display:none;}
	.index #content .rightCol .date { float:none; display:block; margin-bottom:6px;}
	
	#footer { font-size:11px;}
	#footer .cpy span { font-family:Microsoft Yahei; display:block;}
	#footer .inner { padding:25px 0 20px 0;}
	.pwd { font-family:Microsoft Yahei; display:block;}
	
	.protypes { font-size:11px; padding-left:0;}
	.protypes li { margin:0 6px 6px 0;}
	
	.prolist { margin:0 0 30px;}
	.prolist li { margin:0; width:50%; height:auto;}
	.prolist li img { width:100%;}
	.prolist span.thumb { height:160px; width:auto;}
	.prolist span.thumb img { margin-left:auto;}
	.proDetail { width:100%; height:auto; margin-left:0;}
	.proTXT { background-color:#fff; float:none; padding:10px; width:auto; height:auto;}
	.proIMG { float:none; width:auto; height:auto;}
	.proIMG img { width:100%;}
	
	.newslist { font-size:12px; margin-bottom:30px;}
	.newslist .date { font-size:11px;}
	.newslist .io { margin-right:3px;}
	
	.hrlist li { float:none; width:auto; padding:30px 30px;}
	
	body.feedback #content, body.contact #content { background-color:#fff; border-top:solid 4px #ffd428; padding:20px 25px; margin-bottom:30px;}
	
	.feedback_form {}
	.feedback_form .row { padding:2px 0;}
	.feedback_form label { width:auto; text-align:left; display:block; padding-left:0;}
	.feedback_form input, .feedback_form textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	
	.feedback_form .submitRow { text-align:center; padding-left:0;}
	
	body.contact #content .contactMap { display:none;}
	body.contact #content h4 { letter-spacing:-2px;}
	body.contact #content .codeimg { float:none; margin:0; display:none;}
	body.contact #content .contactInfo { margin-left:0px; padding-bottom:20px;}
	
	.inner { width:auto !important; padding:0 10px;}
}