@charset "utf-8";
/*html { min-width:1280px; overflow-y:hidden; overflow-x:auto;}*/
body {height:100%; color:#999; min-width:1280px; overflow-x:auto; background:#fff; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Verdana, Arial, Helvetica, sans-serif;}
/*float*/
.hide {display:none;}
.floatr {float:right;}
.floatl {float:left;}
.floatrImg {float:right; clear:right; margin:0 0 10px 10px;}
.floatlImg {float:left; clear:left; margin:0 10px 10px 0;}
/*link*/
a {text-decoration:none; cursor:pointer;}
a:link,
a:visited,
a:active {color:#666;}
a:hover {color:#000;}
/*text-align*/
.tCenter { text-align:center;}
.tLeft { text-align:left;}
.tRight { text-align:right;}
/*h1-h6*/
h1,h2,h3,h4,h5,h6 {font-weight:bold; font-size:100%;}
h1 {font-size:160%;}
h2 {font-size:150%;}
h3 {font-size:140%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:110%;}
/*-ul-ol-*/
.ul li, .ol li {line-height:1.8em;}
.ul {list-style:outside; padding:0 0 0 20px;}
.ul li {list-style-type:square;}
.ul li li {list-style-type:disc;}
.ul li li li {list-style-type:circle;}
.ol {list-style:outside; padding:0 0 0 20px;}
.ol li {list-style-type:decimal ;}
.ol li li {list-style-type:lower-latin;}
.ol li li li {list-style-type:decimal-leading-zero;}
/*table*/
.table { border-spacing:0; border-collapse:collapse; table-layout:fixed; background:#FFF;}
.table td { border:1px solid #eee; padding:5px; vertical-align:middle; color:#999; text-align:center;}
.table thead tr {background:#DCDCDC;}
.table thead tr td {color:#666; height:20px; font-weight:bold; text-align:center; font:bold 12px/20px "微软雅黑";}
.table tfoot tr td { text-align:right;}
.table .bgColorTable td { background:#fafafa;}
.table .bgTrHover td { background:#F2EFEA;}
.table .bgTrHover2 td { background:#f00;}
/*fieldset*/
fieldset div:after {content:"\0821"; display:block; height:0; clear:both; visibility:hidden;}
fieldset div {zoom:1; margin:5px 0; min-height:20px; line-height:20px; _height:20px;}
fieldset.hA div,
fieldset.ha div {margin:10px 0;}
fieldset.hB div {margin:15px 0;}
fieldset.hC div {margin:20px 0;}
fieldset div em { float:left; display:block; zoom:1;}
fieldset div em.auto {width:auto;}
fieldset div em:after {content:"\0821"; display:block; height:0; clear:both; visibility:hidden;}
fieldset div em * {float:left; margin:0 2px;}
fieldset div em.title {text-align:right; width:60px; color:#999; min-height:20px;}
fieldset div em.loading {width:16px; height:16px; margin:2px; background:url(../images/loading1.gif) no-repeat;}
/*input-btn*/
.input,
textarea.input {background:url(../image/bgInput.gif) 0 0 repeat-x #fff; height:20px; line-height:20px; padding:0 2px; border:1px solid #ddd; border-top-width:2px; color:#999;}
textarea.input {height:auto; line-height:20px;}
.inputOn,
textarea.inputOn {border:1px solid #E7E729; border-top-width:2px; color:#000; background:#ffffd0;}
p { line-height:1.4em;}
img.am-align-center { margin:0 auto; display:block;}
a.am-hover-whire:hover { color:#fff;}
.am-align-center { text-align:center;}
.am-color-black { color:#000;}
.am-color-blue { color:#204C7D;}
.am-color-blue * { font-weight:bold;}
.am-color-white { color:#fff;}
.am-text-xs { font-size:10px;}
.am-text-sm { font-size:12px;}
.am-text-xl { font-size:24px;}
.am-text-xxl { font-size:32px;}
/*header*/
.g1280 { float:none; margin:0 auto; min-width:1280px;}
.header { background:#000; min-width:1280px;}
.header .g1280 { padding:10px 60px;}
.header .logo { float:left; margin-right:180px; text-indent:-999em; overflow:hidden; width:80px; height:40px; display:block; background:url(../images/logo.png);}
.header ul.nav { float:left; padding-top:6px;}
.header ul.nav li { float:left; margin:0 30px;}
.header ul.nav li a { height:30px; line-height:30px; padding:0 2px; display:block; color:#ccc;}
.header ul.nav li a:hover { color:#fff;}
.header ul.nav li a.am-on { border-bottom:3px solid #3D87C6;}
.header ul.lang { float:right; padding-top:7px;}
.header ul.lang li { float:left; padding:3px;}
.header ul.lang li a { display:block; width:20px; height:20px; border-radius:10px; font-size:12px; line-height:19px; text-align:center; color:#ccc;}
.header ul.lang li a.am-on,
.header ul.lang li a:hover { background-color:#4D8BB6; color:#fff;}
/*banner*/
.banner { position:relative;}
.banner p { font-size:28px; color:#fff; position:absolute; left:240px; top:140px;}
.banner p span { display:block; position:absolute; background:#fff; width:32px; height:32px; left:-50px; top:4px;}
.banner strong { position:absolute; top:80px; left:240px; font-size:24px; color:#fff;}
/*pageHome*/
.pageHome .banner { position:relative; margin-bottom:160px; overflow:hidden;}
.pageHome .banner p { padding:60px 50px; background:#3D87C6; font-size:24px; color:#fff; position:absolute; left:243px; top:80px;}
.pageHome .banner p span { display:block; position:absolute; background:#3D87C6;}
.pageHome .banner p span.s1 { width:44px; height:44px; left:-50px; top:-50px;}
.pageHome .banner p span.s2 { width:32px; height:32px; left:auto; top:auto; right:-44px; bottom:0;}
.pageHome .con1 { width:760px; padding:60px 30px; position:absolute; z-index:1; left:50%; margin-left:-380px; top:600px; background:#fff;}
.pageHome .con1 span { margin-bottom:10px; display:block; font-style:italic; color:#3D87C6;}
.pageHome .con1 strong { margin-bottom:15px; display:block;}
.pageHome .con2 { position:relative;}
.pageHome .con2 a { display:block; position:absolute; height:100%; color:#fff; text-align:center; font-weight:bold; line-height:426px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.pageHome .con2 a:hover { background-color:rgba(0,0,0,0.2);}
.pageHome .con2 a.a1 { width:33.45%; left:0; color:#003466;}
.pageHome .con2 a.a2 { width:33.2%; left:33.45%;}
.pageHome .con2 a.a3 { width:33.35%; right:0;}
.pageHome .con3 { padding:70px 0 10px 0; position:relative; top:150px;}
.pageHome .con3 strong[class*="am-text"] { margin-bottom:20px; display:block;}
.pageHome .con3 p { margin-bottom:40px;}
.pageHome .con4 { padding:70px 0 10px 0; width:990px; margin:0 auto;}
.pageHome .con4 strong[class*="am-text"] { margin-bottom:20px; display:block;}
.pageHome .con4 p { margin-bottom:60px;}
.pageHome .con4 ul { position:relative; padding-top:60px;}
.pageHome .con4 ul:before { content:""; width:60px; height:1px; background:#ccc; position:absolute; top:0; left:50%; margin-left:-30px;}
.pageHome .con4 ul li { float:left; width:300px; margin:10px 15px;}
.pageHome .con4 ul li img { width:300px; height:100px; margin:0 auto;}
/*pageAbout*/
.pageAbout h6 { width:160px; height:160px; font-size:32px; text-align:center; color:#fff; background:#3D87C6; line-height:1.1em; padding:42px 36px 0 36px; letter-spacing:4px; text-indent:2px;}
.pageAbout .banner { position:relative;}
.pageAbout .banner p { font-size:28px; color:#fff; position:absolute; left:240px; top:100px;}
.pageAbout .banner p span { display:block; position:absolute; background:#fff; width:32px; height:32px; left:-50px; top:4px;}
.pageAbout .con1 { padding:60px 0;}
.pageAbout .con1 p { margin-bottom:20px;}
.pageAbout .con2 { position:relative;}
.pageAbout .con2 h6 { position:absolute; left:180px; top:180px;}
.pageAbout .con2 .inner { width:60%; height:570px; padding:110px 0 0 80px; position:absolute; right:0; top:0; z-index:1; padding-bottom:50px; background:rgba(63,124,143,0.75);}
.pageAbout .con2 strong { display:block; margin-bottom:30px;}
.pageAbout .con2 ul li { padding:10px 0;}
.pageAbout .con2>span { position:absolute; right:0; top:-50px; width:230px; height:50px; display:block; background:rgba(63,124,143,0.75);}
.pageAbout .con3 { padding:100px 160px;}
.pageAbout .con3 ul li { float:left; width:33.333%; padding-right:10%;}
.pageAbout .con3 strong { display:block; margin-bottom:30px; position:relative;}
.pageAbout .con3 strong:before { content:""; width:16px; height:16px; display:block; background:#3D87C6; position:absolute; left:-28px; top:10px;}
.pageAbout .con4 { height:340px; position:relative; background:#eee; margin-bottom:120px;}
.pageAbout .con4 img { width:800px; float:left;}
.pageAbout .con4 h6 { float:left;}
.pageAbout .con5 { height:320px; position:relative; background:#eee; margin-bottom:120px;}
.pageAbout .con5 .inner { width:930px; height:380px; padding-top:60px; position:absolute; right:0; top:0; background:rgba(100,100,100,0.1);}
.pageAbout .con5 ul { width:50%; float:left; text-align:center;}
.pageAbout .con5 ul li { padding:5px 0;}
.pageAbout .con5 h6 { position:absolute; right:930px;}
/*pageSolutions*/
.solutionsNav { background:#102330; padding:0 20%;}
.solutionsNav a { height:60px; line-height:60px; display:block; width:33.333%; float:left; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.solutionsNav a:hover { opacity:0.8;}
.solutionsNav a.a1 { background:#3D80B7;}
.solutionsNav a.a2 { background:#0E6AAD;}
.solutionsNav a.a3 { background:#003466;}
.solutions1 .con1 { padding:60px 0 90px 0;}
.solutions1 .con2 { height:270px; margin-bottom:100px; position:relative;}
.solutions1 .con2 .inner { width:48%; height:112%; padding:100px 0 0 240px; position:absolute; left:0; top:0; background:#3D87C6;}
.solutions1 .con2 .inner:before { content:""; width:40%; height:12%; display:block; position:absolute; left:0; top:0; background:#fff;}
.solutions1 .con2 strong { display:block; margin-bottom:20px; position:relative;}
.solutions1 .con2 strong:before { content:""; width:16px; height:16px; display:block; background:#fff; position:absolute; left:-28px; top:10px;}
.solutions1 .con3 { margin-bottom:50px;}
.solutions1 .con3 img { float:left; margin-right:60px;}
.solutions1 .con3 strong { display:block; position:relative; margin-bottom:20px;}
.solutions1 .con3 ul li { padding:5px 0;}
.solutions2 .con1 { padding:60px 0 90px 0;}
.solutions2 .con1 p { margin-bottom:10px;}
.solutions2 .con1 strong { display:block; margin-bottom:20px;}
.solutions2 .con2 { height:330px; margin-bottom:60px; position:relative; background:#eee;}
.solutions2 .con2 img { position:absolute; top:-30px; left:0;}
.solutions2 .con2>span { display:block; width:290px; position:absolute; background:#fff;}
.solutions2 .con2>span.s1 { height:30px; left:290px; top:-30px;}
.solutions2 .con2>span.s2 { height:40px; left:0; bottom:0;}
.solutions2 .con2 .inner { padding-left:660px; padding-top:90px;}
.solutions2 .con2 .inner strong { display:block; margin-bottom:20px; position:relative;}
.solutions2 .con2 .inner strong:before { content:""; width:16px; height:16px; display:block; background:#3D87C6; position:absolute; left:-28px; top:10px;}
.solutions3 .banner strong,
.solutions3 .banner p { color:#204C7D;}
.solutions3 .banner p span { background-color:#3D80B7;}
.solutions3 .con1 { padding:60px 0 90px 0;}
.solutions3 .con2 { height:385px; margin-bottom:60px; position:relative;}
.solutions3 .con2 img { position:absolute; top:0; right:0;}
.solutions3 .con2 .inner { position:absolute; left:0; top:-20px; width:740px; height:360px; background:#3D87C6; padding:100px 130px 0 130px;}
.solutions3 .con2 .inner>span { display:block; width:290px; height:50px; left:0; top:0; position:absolute; background:#fff;}
.solutions3 .con2 .inner p { font-size:18px; line-height:1.5em; position:relative;}
.solutions3 .con2 .inner p:before { content:""; width:16px; height:16px; display:block; background:#fff; position:absolute; left:-28px; top:3px;}
.solutions3 .con3 {margin-bottom:60px;}
.solutions3 .con3 .inner { padding-left:100px; padding-top:150px; width:400px; float:left;}
.solutions3 .con3 .inner span { display:block; width:50px; height:70px; left:-50px; top:0; position:absolute; background:#fff;}
.solutions3 .con3 .inner strong { display:block; margin-bottom:20px; position:relative;}
.solutions3 .con3 .inner p { margin-bottom:10px; position:relative;}
.solutions3 .con3 .inner p:before { content:""; width:16px; height:16px; display:block; background:#3D87C6; position:absolute; left:-28px; top:3px;}
/*pageCase*/
.caseNav a { height:60px; line-height:60px; display:block; width:20%; float:left; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.caseNav a:hover { opacity:0.8;}
.caseNav a.a1 { background:#4D8AB6;}
.caseNav a.a2 { background:#3C79AD;}
.caseNav a.a3 { background:#1264A0;}
.caseNav a.a4 { background:#123360;}
.caseNav a.a5 { background:#0E2B4D;}
.caseNav a.a1,
.caseNav a.a2,
.caseNav a.a5 { line-height:20px; padding:10px 0;}
.pageCase .caseList ul { width:960px; margin:32px auto;}
.pageCase .caseList ul li { width:300px; height:300px; overflow:hidden; float:left; margin:0 10px 50px 10px; position:relative;}
.pageCase .caseList ul li p { position:absolute; left:0; right:0; bottom:0; height:4em; line-height:1.5em; padding:.5em 0; text-align:center; background-color:rgba(5,70,120,0.65); color:#fff;}
.pageCase .caseList ul li img { transition:all .5s ease-out;}
.pageCase .caseList ul li a:hover img { transform:scale(1.1);}
.case1 .con1 { padding:60px 0 30px 0;}
.case1 .con2 { height:320px; margin-bottom:60px; position:relative; background:#eee;}
.case1 .con2 img { position:absolute; top:-30px; left:0;}
.case1 .con2>span { display:block; height:30px; left:290px; top:-30px; right:0; position:absolute; background:#fff;}
.case1 .con2 .inner { padding:90px 50px 0 700px;}
.case1 .con2 .inner strong { display:block; margin-bottom:20px; position:relative;}
.case1 .con2 .inner strong:before { content:""; width:16px; height:16px; display:block; background:#3D87C6; position:absolute; left:-28px; top:3px;}
.case1 .con3 { padding:50px 0;}
.case1 .con3 p { width:70%; margin:0 auto; padding:50px 100px; color:#fff; text-align:center; background-color:#3C7AAD; position:relative;}
.case1 .con3 p:before { content:""; width:100px; height:100px; display:block; background:rgba(230,230,230,0.35); position:absolute; left:-28px; top:-32px;}
.case2 .con1 { padding:60px 0;}
.case2 .con2 { height:324px; position:relative; background:#eee;}
.case2 .con2 img { position:absolute; top:0; left:0;}
.case2 .con2 .inner { padding:90px 50px 0 700px;}
.case2 .con2 .inner strong { display:block; margin-bottom:20px; position:relative;}
.case2 .con2 .inner strong:before { content:""; width:16px; height:16px; display:block; background:#3D87C6; position:absolute; left:-28px; top:3px;}
.case2 .con3 { padding-bottom:50px;}
.case2 .con3 img { height:240px; float:right; margin-top:20px; margin-right:300px;}
.case2 .con3 p { width:330px; padding:48px 64px; margin-left:300px; background-color:#3C7AAD; color:#fff; position:relative;}
.case2 .con3 p:before { content:""; width:16px; height:16px; display:block; background:#fff; position:absolute; left:36px; top:52px;}
.case2 .con3 p span { display:block; padding-top:24px; font-size:80%;}
.case3 .con1 { padding:60px 0;}
.case3 .con2 { padding:70px 150px 50px; background-color:#3D87C6; position:relative;}
.case3 .con2 strong { display:block; position:relative; color:#fff; line-height:1.8em;}
.case3 .con2 strong:before { content:""; width:16px; height:16px; display:block; background:#fff; position:absolute; left:-28px; top:4px;}
.case3 .con2 span.s1 { height:20px; position:absolute; left:130px; top:0; right:0; background-color:#fff;}
.case3 .con3 { margin-bottom:80px;}
.case3 .con3 div { width:50%; padding:30px 0; float:left;}
.case3 .con3 div img { display:block; height:300px; margin:0 auto;}
.case3 .con3 div.left { background-color:#eee;}
.case4 .con1 { margin-top:90px; margin-bottom:120px; background-color:#E3E3E3; position:relative;}
.case4 .con1 div { width:50%; padding:70px 0; float:left;}
.case4 .con1 div.left { background-color:#eee;}
.case4 .con1 div.left img { margin:0 auto;}
.case4 .con1 div.right { padding:120px 50px 0 50px;}
.case4 .con1 div.right strong { color:#777; line-height:1.8em; position:relative;}
.case4 .con1 div.right strong:before { content:""; width:16px; height:16px; display:block; background:#6693B3; position:absolute; left:-28px; top:3px;}
.case4 .con1 span.s1 { height:40px; position:absolute; right:0; left:50%; top:100%; background-color:#f1f1f1;}
.case4 .con1 span.s2 { width:20px; height:20px; display:block; background:#6693B3; position:absolute; left:70px; top:-10px; background-color:#3C7AAB;}
.case5 .con1 { padding:60px 0;}
.case5 .con1 span { display:block; margin-bottom:10px;}
.case5 .con2 { margin-bottom:80px; background-color:#eee;}
.case5 .con2 div { width:50%; float:left;}
.case5 .con2 div.left { padding:40px 0;}
.case5 .con2 div.left img { height:350px; margin:0 auto;}
.case5 .con2 div.right { padding:40px 80px; background-color:#ddd; margin-top:130px;}
.case5 .con2 div.right strong { display:block; margin-bottom:10px; position:relative;}
.case5 .con2 div.right strong:before { content:""; width:16px; height:16px; display:block; background:#3C7AAD; position:absolute; left:-28px; top:3px;}
.case5 .con2 div.right p { line-height:1.8em;}
/*pageClients*/
.pageClients .con1 { margin-top:80px; margin-bottom:40px;}
.pageClients .con1 img { margin:0 auto;}
/*pagePartner*/
.pagePartner .con1 { margin-top:100px; margin-bottom:80px; position:relative;}
.pagePartner .con1 img { margin:0 auto;}
.pagePartner .con1 span.s1 { width:60px; height:60px; position:absolute; left:50px; top:-30px; background-color:#3C7AAD;}
/*pageContact*/
.pageContact .con1 { margin-top:80px; margin-bottom:80px; position:relative;}
.pageContact .con1 .right { width:85%; float:right; background-color:#E6E6E6; padding:50px 150px;}
.pageContact .con1 .right p { height:32px; line-height:32px; padding-left:1.5em; font-size:22px; margin-bottom:1em; color:#000; background-repeat:no-repeat; background-position:left center;}
.pageContact .con1 .right p.tel {background-image:url(../images/icon_tel_s.png);}
.pageContact .con1 .right p.fax {background-image:url(../images/icon_fax_s.png);}
.pageContact .con1 .right p.mail {background-image:url(../images/icon_mail_s.png);}
.pageContact .con1 .s2 { width:25%; display:block; background-color:#EEEEEE; position:absolute; left:0; top:0; bottom:20%;}
.pageContact .con1 .s1 { display:block; padding:32px 35px; position:absolute; right:75%; top:0; background-color:#3D80B7; color:#fff; font-size:24px; line-height:28px; letter-spacing:4px; text-align:center;}
/*footer*/
.footer { background:#191919; min-width:1280px;}
.footer .contact { padding:60px 0;}
.footer .contact strong[class*="am-text"] { display:block; margin-bottom:20px;}
.footer .contact ul { padding-top:50px; text-align:center;}
.footer .contact ul li { display:inline-block; height:75px; width:320px; padding-left:100px; background:left center no-repeat; text-align:left;}
.footer .contact ul li.tel { background-image:url(../images/icon_tel.png);}
.footer .contact ul li.fax { background-image:url(../images/icon_fax.png);}
.footer .contact ul li.email { background-image:url(../images/icon_mail.png);}
.footer .contact ul li strong { display:block; padding:10px 0;}
.footer .contact ul li span { display:block; font-size:12px; color:#666;}
.footer .copyright { background:#000;}
.footer .copyright .g1280 { padding:40px 0; font-size:14px; color:#666;}
.footer .copyright p { margin-bottom:10px;}
.footer .copyright p:last-of-type { margin-bottom:0;}