﻿@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { font:normal 12px/25px "微软雅黑"; color:#555; }
body a { text-decoration:none; color:#555; }
body a:hover { color:#2e689b; }
.wrapper { position:relative; margin:0 auto; width:1200px; overflow:hidden; }/* 网页实际内容宽度 */
/*--------------- 
头部 
---------------*/
header .wrapper { height:130px; background:url(../images/header.png) no-repeat 250px top; }
header h1 { float:left; width:367px; height:130px; text-indent:-999px; background:url(../images/logo.png) no-repeat left center; cursor:pointer; }
header ol { position:absolute; right:0; top:20px; width:200px; height:15px; line-height:15px; font-size:14px; }
header ol a, header ol a:hover { float:left; margin-right:20px; padding-left:30px; color:#000; }
header ol li { float:left; }
header ol li.ch a { background:url(../images/ch.png) no-repeat; }
header ol li.en a { background:url(../images/en.png) no-repeat; }
header p { position:absolute; right:0; top:65px; padding:5px 40px 10px 35px; width:auto; font-size:20px; font-weight:bold; color:#2f689b; background:url(../images/tel.png) no-repeat left 12px; text-align:right; }
header p strong { font-size:40px; font-weight:700; font-family:Times New Roman, Arial;}
/*--------------- 
主导航
---------------*/
.mainNav { display:inline-block; *display:inline; *zoom:1; width:100%; text-align:center; background:#eee; border-top:1px #cdcdcd solid; }
.mainNav li { display:inline-block; *display:inline; *zoom:1; padding:0 45px; height:80px; line-height:80px; font-size:18px; }
.mainNav li.current a { color:#2e689b; }
/*--------------- 
英文主导航
---------------*/
.mainNav_en { display:inline-block; *display:inline; *zoom:1; width:100%; text-align:center; background:#eee; border-top:1px #cdcdcd solid; }
.mainNav_en li { display:inline-block; *display:inline; *zoom:1; padding:0 25px; height:80px; line-height:80px; font-size:14px; }
.mainNav_en li.current a { color:#2e689b; }
/*--------------- 
轮换banner
---------------*/
.banner { position:relative; height:400px; overflow:hidden; background:#fff; }
.banner ul { position:relative; left:50%; margin-left:-960px; }/* banner图片一半宽度 */
.banner ul li { position:absolute; }
.banner img { width:1920px; height:400px; }/* banner图片宽高 */
.banner p.mask { position:absolute; bottom:0; left:0; width:100%; height:25px; background:url(../images/banner.png) repeat; }
.banner .wrapper { top:375px; }
.banner ol { float:right; }
.banner ol li { float:left; width:70px; height:25px; cursor:pointer; text-align:center; color:#fff; _color:#333; overflow:hidden; }
.banner ol li.active { color:#fff; background:#2e689b; }

/*--------------- 
首页
---------------*/
.lineBg, .blueBg, .grayBg { padding-bottom:50px; }
.lineBg { background:url(../images/line_bg.png) repeat; }
.blueBg { background:#20394f; }
.grayBg { background:#ddd; }
.lineTri { background:url(../images/tri2.png) no-repeat 560px top; _background-image:url(../images/tri2.gif); }
.blueTri { background:url(../images/tri3.png) no-repeat 560px top; _background-image:url(../images/tri3.gif); }
.grayTri { background:url(../images/tri1.png) no-repeat 560px top; _background-image:url(../images/tri1.gif); }
.lineBg h3, .blueBg h3, .grayBg h3 { display:block; padding:80px 0 60px 0; text-align:center; font-size:45px; font-weight:600; }
.lineBg h3 { color:#2e689b; }
.blueBg h3 { color:#fff; }
.grayBg h3 { color:#888; }
.more { position:absolute; width:60px; height:20px; line-height:20px; text-align:center; color:#fff; }
a.more:hover { color:#fff; }
.aboutIndex section { float:left; padding-bottom:30px; width:820px; line-height:30px;  }
.aboutIndex img { float:right; width:330px; height:160px; border:4px #fff solid; }
.aboutIndex a.more { bottom:0; left:760px; background:url(../images/btn.png) no-repeat; }
.productIndex a.more { right:0; top:85px; width:170px; height:30px; line-height:30px; color:#203f5b; background:url(../images/btn2.png) no-repeat; }
.productIndex a.more:hover { color:#203f5b; }
.productIndex ul { width:1300px; }
.productIndex li { position:relative; float:left; margin-right:10px; width:232px; height:250px; }
.productIndex img { width:226px; height:149px; border:3px #ccc solid; }
.productIndex p { display:none; position:absolute; left:0; top:0; padding:30px 10px 0 10px; width:206px; height:119px; line-height:20px; color:#fff; border:3px #ccc solid; background:url(../images/case_bg.png); }
.productIndex p span { display:block; text-align:right; }
.productIndex h4 { display:block; padding-top:10px; text-align:center; font-size:18px; font-weight:normal; color:#fff; }
.productIndex a:hover h4 { color:#2e689b; }
.caseIndex a.more { right:0; top:85px; background:url(../images/btn.png) no-repeat; }
.caseIndex ul { width:1300px; } 
.caseIndex li { float:left; margin-right:30px; width:380px; height:150px; background:#fff; }
.caseIndex img { float:left; margin-right:15px; width:180px; height:150px; }
.caseIndex p { padding:15px 15px 0 0; }
.serviceIndex a.more { right:0; top:85px; background:url(../images/btn3.png) no-repeat; }
.serviceIndex ul { width:1300px; } 
.serviceIndex li { position:relative; float:left; margin-right:105px; width:545px; height:130px; }
.serviceIndex span { position:absolute; left:0; top:0; width:100px; height:100px; background:url(../images/service_bg.png) no-repeat; _background:url(../images/service_bg.gif) no-repeat; }
.serviceIndex img { float:left; margin-right:15px; width:100px; height:100px; }
.serviceIndex h4 { font-size:16px; color:#2e689b; }
.newsIndex a.more { bottom:0px; left:50%; margin-left:-30px; background:url(../images/btn.png) no-repeat; }
.newsIndex .newsMask { position:relative; margin:0 auto; padding-bottom:50px; width:1060px; height:200px; overflow:hidden; }
.newsIndex ul { position:relative; text-align:left; }
.newsIndex li { float:left; width:360px; }
.newsIndex li a { float:left; margin-right:20px; width:340px; height:200px; background:#fff; /*background:url(../images/news_bg.png);*/ }
.newsIndex li h4 { padding:20px; line-height:20px; font-size:16px; color:#2e689b; text-align:center; }
.newsIndex li p { padding:0 20px; line-height:20px; }
.newsIndex li span { display:block; padding-right:30px; text-align:right; }
.newsIndex span.preview, .newsIndex span.next { position:absolute; top:250px; width:25px; height:49px; font-size:60px; color:#fff; cursor:pointer; }
.newsIndex span.preview { left:0; background:url(../images/left.png) no-repeat; }
.newsIndex span.next { right:0; background:url(../images/right.png) no-repeat; }
/*--------------- 
内页
---------------*/
.subAside { float:left; margin-top:80px; margin-bottom:50px; padding:10px; width:280px; border:1px #ccc solid; }
.subAside h3 { height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff; background:#2e689b; }
.subAside li { position:relative; padding-left:30px; margin:0 20px; /*min-height:60px;*/ _height:60px; padding-top:20px; padding-bottom:20px; /*line-height:60px;*/ font-size:14px; color:#555; border-bottom:1px #ccc dashed; }
.subAside li li { margin:0; padding-top:0; padding-bottom:0; min-height:30px; _height:30px; line-height:30px; border:0 none; }
.subAside li span { position:absolute; left:0; top:20px; padding-right:15px; font-family:"宋体"; }
.subAside li ul span { top:0; }
.subAside li ul { display:none; padding-top:20px; /*padding-bottom:20px;*/ }
.subAside li a:hover, .subAside li.activeNav { color:#2e689b; }
.subMain { float:right; margin-top:60px; margin-bottom:50px; width:870px; overflow:hidden; }
.postition { display:inline-block; width:100%; height:50px; line-height:50px; text-align:left; border-bottom:3px #2e689b solid; color:#999; font-family:"宋体"; }
.postition a { color:#999; }
div.fck { padding:60px; line-height:30px; font-size:14px; }
.proTitle { clear:both; display:inline-block; padding:50px 0 20px 0; font-size:30px; color:#2e689b; }
.proInfo { padding-bottom:50px; font-size:14px; }
.proList { width:1000px; }
.proList li { float:left; margin-right:80px; width:220px; }
.proList h5 { margin-bottom:15px; height:30px; line-height:30px; text-indent:10px; font-size:16px; color:#fff; background:#2e689b; }
.proList p { padding-left:10px; line-height:30px; }
.photo { position:relative; clear:both; display:block; padding-top:50px; text-align:center; }
.bigPhoto { margin:0 auto; width:555px; height:367px; border:2px #ccc solid; }
.photoThumb, .photoThumb ol { position:relative; }
.photoThumb { margin:30px auto 0 auto; width:800px; height:100px; overflow:hidden; }
.photoThumb li { float:left; width:160px; height:100px; text-align:left; }
.photoThumb img { width:146px; height:96px; border:2px #ccc solid; }
.photo span.preview, .photo span.next { position:absolute; bottom:20px; width:23px; height:46px; background:url(../images/btn4.png) no-repeat; cursor:pointer; }
.photo span.preview { left:0; }
.photo span.next { right:0; background-position:0 -46px; }
.serviceList { display:inline-block; margin-bottom:50px; }
.serviceList li { float:left; display:inline; margin:0 50px; padding-top:50px; }
.serviceList h5, .serviceList p { float:left; width:666px; }
.serviceList h5 { padding-bottom:10px; font-size:16px; color:#2e689b; }
.serviceList span { float:right; margin-top:-30px; width:45px; height:45px; line-height:45px; text-align:center; color:#fff; background:#2e689b; }
.newsList { margin-top:40px; width:930px; }
.newsList li { float:left; display:inline; margin-right:65px; width:400px; height:180px; }
.newsList h5, .newsList p { float:left; width:100%; }
.newsList h5 { padding-bottom:10px; width:340px; font-size:16px; color:#2e689b; }
.newsList span { float:right; padding:0px 5px; text-align:center; color:#fff; background:#2e689b; }
.contactBg { background:#f8f8f8; }
.contact { margin-top:20px; }
.map { margin-top:20px; border:2px #ccc solid; }
.contact h5 { margin-top:30px; font-size:16px; color:#2e689b; }
.contact address { margin-top:10px; line-height:35px; font-size:14px; color:#2e689b; }
.contact li { float:left; margin-top:30px; margin-bottom:30px; padding-left:50px; width:120px; height:40px; line-height:40px; background:url(../images/contact.png) no-repeat; }
.contact li a { display:block; width:100%; height:100%; }
.contact li.qq { padding-left:40px; width:110px; }
.contact li.sina { background-position:0 -40px; }
.contact li.wei { background-position:0 -80px; }
.contact li.linkedin { padding:0; width:170px; background-position:0 -120px; }
.contact li.linkedin a { text-indent:-9999px; }
.contact form { clear:both; display:inline-block; padding-bottom:135px; border-top:1px #ccc solid; }
.contact form p { float:left; margin-top:30px; width:450px; min-height:26px; _height:26px; line-height:26px; }
.contact form p.total { width:100%; }
.contact form label { float:left; margin-right:20px; width:60px; text-align:justify; font-size:14px; }
.contact form input { width:280px; height:26px; border:1px #ccc solid; }
.contact form input.btn { width:70px; height:25px; line-height:25px; background:#f3f3f3; }
.contact form textarea { width:730px; height:185px; border:1px #ccc solid; }
/*--------------- 
分页
---------------*/
.page { clear:both; display:inline-block; width:100%; text-align:center; font-size:12px; }
.page a { display:inline-block; margin:0 5px; padding:2px 5px; color:#999; }
.page a:hover { background:#2e689b; color:#fff; }
.centerPage { float:none; }
/*--------------- 
单页网文
---------------*/
.titleText, .dateText { display:block; width:100%; font-size:30px; text-align:center; }
div.fck2 { padding-top:20px; }
.dateText { font-size:12px; color:#999; }


/*--------------- 
底部
---------------*/
footer.blueBg { padding:0; }
footer .wrapper { height:300px; color:#fff; }
footer h2 { float:left; width:367px; height:200px; text-indent:-999px; background:url(../images/logo.png) no-repeat left center; }
footer address { float:right; margin-top:50px; width:453px; line-height:35px; font-size:14px; text-align:left; }
footer ul, footer p { position:absolute; bottom:30px; }
footer address p{position: static;line-height: 34px;}
footer address b{font-weight: normal;display: inline-block;vertical-align: top}
footer address span{display: inline-block;}
footer li { float:left; }
footer ul.icon { left:0px; width:200px}
footer li.qq a, footer li.sina a, footer li.wei a, footer li.link a { display:inline-block; margin-right:20px; height:30px; /*text-indent:-9999px;*/ }
footer li.qq a { width:30px; background:url(../images/link1.png) no-repeat; }
footer li.sina a { width:30px; background:url(../images/link2.png) no-repeat; }
footer li.wei a { width:30px; background:url(../images/link3.png) no-repeat; }
footer li.link a { width:30px; background:url(../images/link4.png) no-repeat; }
footer li.facebook a { width:30px; background:url(../images/newlink01.png) no-repeat; }
footer li.twt a { width:30px; background:url(../images/newlink02.png) no-repeat; }
footer li.ins a { width:30px; background:url(../images/newlink03.png) no-repeat; }
footer li.youtube a { width:30px; background:url(../images/newlink04.png) no-repeat; }
footer ul.links { left:250px; bottom:35px; }
footer ul.links a { padding-left:5px; color:#2e689b; }
footer ul.icon li a{ display:inline-block; margin-right:20px; height:30px;margin-top:5px/*text-indent:-9999px;*/ }
footer p { right:0;  color:#2e689b; }