@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { position:relative; width:100%; font:normal 14px/24px "微软雅黑"; background:#fff; color:#555; }
a { text-decoration:none; color:#555; }
a:hover { color:#164e87; }
.wrapper { position:relative; margin:0 auto; width:1200px; }
h2, h3, h4, h5 { font-weight:normal; }
hr { height:1px; border:0 none; border-bottom:1px #ccc solid; }
.preview, .next { cursor:pointer; }
.mask { position:relative; overflow:hidden; }
i { font-style:normal; }
/*--------------- 
头部 
---------------*/
.top { height:50px; line-height:50px; background:#eee; }
.top span { font-size:18px; color:#164e87; font-weight:bold; }
.top p { float:right; }
header { height:110px; }
header h1 { float:left; margin-top:30px; padding-left:145px; width:300px; height:40px; line-height:normal; color:#000; font-size:20px; font-weight:bold; background:url(../images/logo.png) no-repeat left center; }
header h1 strong { display:block; padding-left:15px; border-left:1px #ccc solid; }
header h1 span { display:block; font-size:12px; font-family:Arial; }
header button, header .qq { display:none; }
header ul { float:right; color:#999; }
header li { display:inline-block; margin-top:30px; }
header i { display:inline-block; position:relative; top:5px; margin-right:5px; width:20px; height:20px; background:url(../images/tel.png) no-repeat; }
header .email { margin-left:30px; padding-left:30px; border-left:1px #ccc solid; }
header .email i { background-image:url(../images/email.png); }
header li span { display:block; color:#000; }
header button { display:none; }
.mainNav { position:relative; z-index:999; }
.mainNav ul { height:60px; background:#164e87; }
.mainNav li { position:relative; float:left; padding:0 35px; height:60px; line-height:60px; font-size:16px; text-align:center; transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; }
.mainNav li.active, .mainNav li:hover { height:58px; border-top:2px #164e87 solid; background:#fff; transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; }
.mainNav a { color:#fff; }
.mainNav li.active a, .mainNav li:hover a { color:#164e87; } 
.mainNav li ul { display:none; position:absolute; top:58px; left:0; width:100%; height:auto; background:#164e87; opacity:.9; }
.mainNav li:hover ul { display:block; }  
.mainNav li li, .mainNav li.active li, .mainNav li:hover li { padding:0; width:100%; height:40px; line-height:40px; font-size:12px; text-align:center; background:none; border-top:none; }
.mainNav li.active li a, .mainNav li:hover li a { color:#fff; } 
.mainNav li:hover li a:hover { text-decoration:underline; }
/*--------------- 
banner
---------------*/
.banner { position:relative; top:-30px; width:800px; height:576px; text-align:center; overflow:hidden;margin:0 auto; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.banner img { position:absolute; left:50%; top:0; margin-left:-400px; width:800px; height:576px; }
.banner ol { position:absolute; left:0; bottom:20px; width:100%; }
.banner ol li { display:inline-block; margin:0 3px; width:10px; height:10px; border-radius:10px; background:#fff; cursor:pointer; }
.banner ol li.active { background:#164e87; }
.banner .preview, .banner .next { position:absolute; left:50px; top:50%; font-size:114px; font-family:"宋体"; color:rgba(255,255,255,.3); }
.banner .next { left:auto; right:50px; }
/*--------------- 
首页
---------------*/
.index1 .wrapper, .index2 .wrapper, .index3 .wrapper, .index4 .wrapper, .index5 .wrapper { overflow:hidden; }
.indexTitle { display:inline-block; padding:60px 0 40px 0; width:100%; }
.indexTitle h3 { float:left; font-size:26px; color:#000; }
.index2 h3 { color:#fff; }
.indexTitle hr { margin:15px 10px 0 10px; }
.indexTitle .preview, .indexTitle .next { float:right; font-size:32px; color:#999; }
.index2 .preview, .index2 .next { color:#fff; }
.indexTitle ol { float:right; }
.indexTitle ol li { float:left; margin-left:1px; width:120px; height:35px; line-height:35px; text-align:center; font-size:16px; color:#999; background:#eee; cursor:pointer; }
.indexTitle ol li.active { color:#fff; background:#164e87; }
.index1 { margin-top:-30px; }
.index2 { height:600px; background:#1d68b3 url(../images/bg.jpg) no-repeat center top; color:#fff; }
.index3 { padding:50px 0; background:#1d68b3; color:#fff; }
.index5 { padding:0 0 50px 0; background:#eee; }
.more { margin:50px auto; width:440px; text-align:center; }
.more a { display:inline-block; padding:0 45px; height:40px; line-height:40px; font-size:16px; color:#999; border:1px #ccc solid; }
.more:hover, .preview:hover, .next:hover { opacity:.8; }
.index2 .more a { color:#66b3ff; border-color:#66b3ff; }
.more hr { display:inline-block; margin-top:20px; width:150px; }
.index2 .more hr { border-color:#66b3ff; }
.index2 .mask, .index4 .mask, .index5 .mask { width:100%; height:300px; }

.news { width:1230px; }
.news li { float:left; margin-right:20px; width:285px; height:350px; background:#eee; transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; }
.news li:hover { background:#164e87; transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; }
.news li:hover a, .news li:hover span, .news li:hover p { color:#fff; }
.news section { display:block; padding:35px 25px; }
.news li h4 { line-height:normal; font-size:18px; color:#000; }
.news li:hover h4 { color:#fff; }
.news span { display:block; padding:10px 0; }
.news hr { float:left; width:150px; }
.news p { padding:20px 0; }
.news i, .faq dd i { display:inline-block; padding-right:30px; height:20px; line-height:20px; background:url(../images/tri.png) no-repeat right top; }
.news li:hover i { background-position:right bottom; }
.service { position:relative; }
.service li { float:left; width:1240px; height:300px; }
.service section { float:left; margin-right:40px; margin-bottom:40px; padding:19px 39px; width:500px; height:90px; border:1px #66b3ff solid; color:#66b3ff; }
.service section:hover { border-color:#fff; color:#fff; background:rgba(255,255,255,.2); }
.service h4 { font-size:18px; }
.service p { padding-right:90px; height:50px; }
.service i { float:right; margin-top:-50px; width:50px; height:50px; background:url(../images/tri2.png) no-repeat right top; }
.service i:hover { background-position:right -50px; }
.index3 h3 { padding-bottom:5px; font-size:20px; font-weight:bold; }
.index3 p { width:85%; }
.index3 a { float:right; margin-top:-40px; padding:5px 20px; border:1px #fff solid; color:#fff; }
.index3 a:hover { opacity:.8; }
.index3 i { display:inline-block; position:relative; top:5px; margin-left:10px; width:20px; height:20px; background:url(../images/tri.png) no-repeat left bottom; }
.index4_1, .index4_2 { float:left; width:580px; }
.index4_2 { float:right; }
.faq { position:relative; }
.faq li { float:left; width:1240px; height:300px; }
.faq dl { float:left; margin-right:40px; width:580px; }
.faq dt { margin-bottom:10px; height:50px; line-height:50px; font-size:16px; text-indent:20px; color:#000; border-left:5px #164e87 solid; background:#eee; }
.faq dt i, .faq h4 i { float:right; margin-top:-10px; margin-right:20px; font-size:16px; color:#999; font-family:"宋体"; transform:rotate(90deg); -webkite-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); }
.faq dt.active i, .faq h4.active i { margin-top:10px; transform:rotate(-90deg); -webkite-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.faq h4 i, .faq h4.active i { margin-top:0; }
.faq dd { display:none; padding:0 30px; height:120px; color:#999; }
.faq dd a { float:right; }
.links { position:relative; }
.links li { float:left; width:20%; height:30px; line-height:30px; }
/*.links img { width:100%; height:100%; }*/

/* 侧导航 */
.subNav { position:relative; z-index:2; margin-top:-30px; margin-bottom:60px; width:100%; border-bottom:1px #ddd solid; }
.subNav ul { display:inline-block; width:100%; border-left:1px #ddd solid; }
.subNav li { float:left; padding:0 25px; line-height:80px; font-size:16px; border-right:1px #ddd solid; }
.subNav li.active { position:relative; background:#1d68b3; }
.subNav li.active:after { content:""; position:absolute; left:50%; bottom:-15px; margin-left:-15px; width:0; height:0; border-left:15px transparent solid; border-right:15px transparent solid; border-top:15px #1d68b3 solid; }
.subNav li.active a { color:#fff; }
/*--------------- 
内页
---------------*/
.subBanner { position:relative; top:-30px; width:100%; height:200px; text-align:center; overflow:hidden; }
.subBanner h2 { padding-top:70px; padding-bottom:20px; color:#fff; font-size:34px; font-weight:bold; }
.subBanner hr { width:50px; border-width:2px; border-color:#fff; }
.position { padding-top:5px; color:#fff; }
.position a { color:#fff; }

.fck { padding-bottom:100px; line-height:30px; }
.fck2 { padding-bottom:40px; }
.fck3 { float:right; width:820px; }
.fck img { max-width:100%; }
.fck hr { margin:20px 0; }
.fck th, .fck td { border:0px #ccc solid; }
.fck strong { font-weight:bold; }
.hr { padding-bottom:100px; }
.hrTitle { margin-bottom:20px; padding:15px 20px 15px 40px; font-size:16px; color:#000; background:#f5f5f5 url(../images/person.png) no-repeat 5px center; cursor:pointer; }
.hrTitle span { padding-left:10px; font-size:14px; color:#999; }
.hrTitle i { float:right; padding-right:20px; font-style:normal; font-size:14px; color:#c90021; background:url(../images/tri3.png) no-repeat right center; }
.hrTitle i.active { background-image:url(../images/tri4.png); }
.hrInfo { display:none; padding:0 10px 30px 10px; }
.newsList li { padding:17px 0; line-height:normal; border-bottom:1px #ccc dashed; font-size:16px; }
.newsList i { display:inline-block; margin-right:10px; width:8px; height:8px; background:#db1717; border-radius:8px; }
.newsList a:hover, .newsList a:hover span { color:#1d68b3; }
.newsList span { float:right; color:#999; font-family:Arial, Helvetica, sans-serif; }
.newsList li b{font-weight: normal;}
.newsTitle { padding:30px 0; text-align:center; font-size:22px; color:#000; }
.newsTime { margin-bottom:50px; width:100%; font-size:14px; text-align:center; }
.honor { margin-bottom:50px; text-align:center; }
.honor .mask { display:inline-block; width:1110px; height:240px; }
.honor li { float:left; width:370px; height:240px; }
.honor .preview, .honor .next { display:inline-block; line-height:240px; font-size:64px; font-family:"宋体"; color:#ccc; }
.photoPic { margin-top:20px; width:100%; overflow:hidden; }
.photoPic ul { width:1240px; }
.photoPic li { float:left; margin-right:40px; width:270px; height:460px; }
.photoPic figure { position:relative; margin-bottom:20px; width:270px; height:270px; overflow:hidden; }
.photoPic img { width:100%; height:100%; }
.photoPic figcaption { display:none; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(22,78,135,.8); color:#fff; }
.photoPic figcaption span { display:inline-block; margin-top:100px; width:120px; height:50px; line-height:50px; font-size:16px; text-align:center; border:1px #fff solid; }
.photoPic li:hover figcaption { display:block; }
.photoPic h4 { line-height:30px; font-size:18px; color:#000; }
.photoPic2 { float:left; width:330px; text-align:center; font-size:18px; color:#000; }
.photoPic2 img { margin-bottom:30px; width:100%; }
.customTitle { clear:both; padding:20px 0; font-size:22px; color:#000; border-bottom:1px #ddd solid; }
.customList, .customList2 { display:inline-block; margin-top:20px; padding-bottom:50px; width:100%; }
.customList li { float:left; width:33.3%; line-height:40px; }
.customList i { display:inline-block; margin-right:2px; width:16px; height:16px; background:url(../images/house.png) no-repeat; }
.customList2 li { float:left; width:20%; height:150px; text-align:center; }
.customList2 img { width:200px; height:150px; }
.message { float:left; margin-bottom:30px; width:580px; }
.message th, .message td { padding:5px; }
.message th { width:75px; text-align:right; font-size:16px; color:#000; }
.message input, .message textarea { width:270px; height:25px; border:1px #999 solid; background:#fff; }
.message textarea { width:475px; height:400px; }
.message input.code { width:120px; }
.message input[type=submit] { width:100px; height:35px; cursor:pointer; }
.faqBox { float:right; width:540px; }
.faqTitle { margin-top:10px; padding:10px 20px; font-size:16px; background:#f5f5f5; color:#000; border-left:4px #164e87 solid; cursor:pointer; }
.faq section { display:none; padding:20px 20px 40px 20px; color:#999; }
.faq section img { max-width:100%; }

.main { float:right; margin-top:-60px; width:900px; }
.main .newsTitle { margin-top:30px; }
.search { margin:35px 0; height:40px; line-height:40px; border:1px #ddd solid; }
.search input[type=text] { width:90%; height:35px; line-height:35px; border:none; }
.search input[type=submit] { float:right; width:60px; height:40px; background:#992639 url(../images/zoom.png) no-repeat center center; border:none; }
.sub { float:left; margin-top:-60px; width:230px; background:#fafafa; box-shadow:5px 0 5px rgba(0,0,0,.2); }
.law { padding:50px 0; }
.law li { padding:0 10px; height:40px; line-height:40px; border-bottom:1px #eee solid; }
.law li.active { background:#1d68b3; }
.law li.active a { color:#fff; }
.serviceNav { padding-bottom:40px; }
.serviceNav li { float:left; margin-right:10px; margin-bottom:10px; width:138px; height:38px; line-height:38px; text-align:center; border:1px #2274c6 solid; }
.serviceNav li.active { background:#2274c6; }
.serviceNav li.active a { color:#fff; }
.serviceTitle { padding-bottom:40px; font-size:18px; color:#000; }
/* ---------
分页
----------- */
.page { clear:both; display:inline-block; padding:50px 0 80px 0; width:100%; text-align:right; font-size:12px; }
.page a { display:inline-block; color:#578fc7; }
.page li:hover, .page li.thisclass, .page2 li:hover { background:#578fc7; color:#fff; }
.page li.thisclass a, .page li:hover a { color:#fff; }
.page li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; padding:2px 12px; border:1px #578fc7 solid; color:#578fc7; }
.page2 { text-align:center; }
.page2 li { padding:5px 22px; cursor:pointer; }
/*--------------- 
底部 
---------------*/
footer { padding-top:30px; width:100%; background:#0c2c4d; color:#66b3ff; }
footer a { color:#66b3ff; }
footer a:hover { color:#fff; }
footer dl { float:left; width:190px; }
footer dt { padding-bottom:10px; font-size:16px; }
footer figure { float:left;margin-right:10px; text-align:center;display: inline-block; }
footer figure img { margin-bottom:10px; width:110px; height:110px; }
footer address { padding-top:50px; }
footer p { display:inline-block; margin:10px 0; }
footer span { float:right; margin:10px 0; }
/* 侧边 */
.floatNav { position:fixed; right:0; top:50%; margin-top:-75px; z-index:999; }
.floatNav a { color:#fff; }
.floatNav a:hover { color:#ccc; }
.floatNav div { position:relative; margin-bottom:1px; left:0; height:50px; line-height:50px; background:#999; }
.floatNav div:hover { background:#992639; }
.floatNav i { position:relative; z-index:2; float:left; width:50px; height:50px; background:no-repeat center center; }
.floatNav span { position:absolute; left:55px; top:0; width:150px; height:100%; font-size:16px; text-align:center; background:rgba(0,0,0,.7); transition:left .3s; -moz-transition:left .3s; -webkit-transition:left .3s; -o-transition:left .3s; -ms-transition:left .3s; }
.floatNav figure { visibility:hidden; opacity:0; position:absolute; left:-150px; top:0px; padding:5px; width:134px; height:134px; background:rgba(0,0,0,.7); transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.floatNav div:hover figure { visibility:visible; opacity:1; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.floatNav div:hover span { left:-155px; transition:left .3s; -moz-transition:left .3s; -webkit-transition:left .3s; -o-transition:left .3s; -ms-transition:left .3s; }
.floatNav .float1 { background-image:url(../images/float1.png); }
.floatNav .float2 { background-image:url(../images/float2.png); }
.floatNav .float3 { background-image:url(../images/float3.png); }
@media screen and (max-width:1280px) {
.banner .preview { left:10px; }
.banner .next { right:10px; }
.floatNav { display:none; }
}
@media screen and (max-width:1024px) {
.wrapper { padding:0 20px; width:auto; }
.mainNav li:hover ul { display:none; }  
.indexTitle { padding:50px 0; }
.more { margin:30px auto; }
.index2 { height:auto; }
.news, .news li, .service a, .faq li, .faq dl, footer dl { width:auto; }
.news li { float:none; height:auto; margin:0; background:#fff; }
.news section { padding:15px; }
.news span { padding:5px 0; }
.news hr { float:none; width:100%; }
.news p { padding:5px 0; }
.news li:hover a, .news li:hover span, .news li:hover p { color:inherit; }
.service li { width:1000px; }
.service section { float:none; display:block; margin:0; padding:10px; width:100%; height:auto; border:none; }
.service p { /*padding-right:0;*/ height:auto; background:none; }
.service i { margin-right:50px; }
.index3 p { width:auto; }
.index3 a { float:none; display:inline-block; margin-top:10px; }
.index4_1, .index4_2 { float:none; width:100%; }
.faq li, .faq dl { margin-right:0; }
.index4 .mask, .faq li { width:1000px; }
.faq dl { float:none; }
.faq dt { height:40px; line-height:40px; }
.faq dt i { display:none; }
footer { text-align:center; }
footer dl { display:none; }
footer figure { float:none; clear:both; text-align:center; }
footer address { padding-top:20px; }
footer p { display:block; }
footer span { float:none; }
.photoPic ul { margin:0 auto; width:930px; }
.photoPic2 { float:none; margin:0 auto 30px auto; }
.fck3 { float:none; width:auto; }
.message { float:none; width:100%; }
.message textarea { width:90%; min-width:270px; height:auto; }
.faqBox { float:none; width:auto; }

.main { float:none; width:auto; }
.sub { float:none; margin-top:0px; width:100%; box-shadow:none; }
.law { padding:0; }
.law li { float:left; padding:0; width:25%; text-indent:10px; }
.honor .mask { width:740px; }
.customList2 li { width:25%; }
}
@media screen and (max-width:800px) {
.wrapper { padding:0 10px; }
header h1 { width:135px; }
header h1 strong { display:none; }
.mainNav .wrapper { padding:0; }
.mainNav li { padding:0; width:16.6%; }
.banner { height:290px;width:100%; }
.banner img { margin-left:-50%; width:100%; height:100%; }
.news hr, .news p { display:none; }
.service li { width:720px; }
.service p { width:650px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.service i { margin-right:10px; }
.index4 .mask, .faq li { width:700px; height:auto; }
.links li { width:25%; }
/*--------------- 
内页
---------------*/
.sub, .main { float:none; margin:0; width:auto; }
.subNav { margin-bottom:30px; }
.subNav ul { border:none; text-align:center; }
.subNav li { padding:0; width:30%; line-height:40px; text-align:center; border:none; }
.subNav li.active:after { display:none; }
.hrTitle i { float:none; }
.photoPic ul { width:620px; }
.photoPic li { margin:0 20px; }
.customList li { width:50%; }
.law li { width:50%; }
.page { padding-bottom:30px; }
.honor .mask { width:370px; }
.customList2 li { height:120px; }
.customList2 img { width:160px; height:120px; }
}
@media screen and (max-width:480px) {
.top { height:30px; line-height:30px; }
.top span { font-size:12px; }
.save { display:none; }
header { height:auto; }
header h1 { margin:10px 0; padding-left:0; width:135px; }
header ul { display:none; }
header button { display:inline-block; float:right; margin-top:15px; width:35px; height:24px; background:url(../images/nav.png) no-repeat; }
header .qq { display:inline-block; float:right; margin-top:10px; margin-right:15px; width:35px; height:35px; background:url(../images/qq.png) no-repeat; }
.mainNav { display:none; clear:both; position:static; z-index:1; }
.mainNav ul { height:180px; }
.mainNav li { width:50%; font-size:14px; }
.banner { top:0; }
.banner .preview, .banner .next { font-size:80px; }
.indexTitle { padding-bottom:20px; }
.indexTitle h3 { float:none; line-height:normal; }
.indexTitle hr { margin-left:0; }
.indexTitle ol { display:block; float:none; margin-top:10px; }
.indexTitle ol li { display:inline-block; float:none; padding:0 7px; width:auto; }
.more { width:100%; }
.more a { padding:0 35px; font-size:14px; }
.more hr { width:100px; }
.news li { background:#fff; border-bottom:1px #ccc dashed; }
.news li h4 { font-size:16px; }
.index2 .mask { width:290px;margin:0 auto; }
.service li{ width:290px; }
.service p { width:230px; }
.index4 .mask, .faq li { width:100%; }
.links li { width:50%; }
.faq dt { font-size:14px; padding-right:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
footer figure img { width:80px; height:80px; }
/*--------------- 
内页
---------------*/
.subBanner { top:0; }
.subNav { margin-top:0; }
.subNav li { font-size:14px; }
.fck img { width:100%; }
.newsList li { font-size:14px; }
.newsList i { margin-top:5px; }
.photoPic ul { width:auto; }
.photoPic li { float:none; margin:0 auto; }
.photoPic2, .photoPic2 img { width:270px; }
.customTitle { padding:10px 0; }
.customList { padding-bottom:20px; }
.customList li { width:100%; }
.message th, .message td { display:inline-block; width:100%; text-align:left; }
.faqTitle { padding:10px; }
.faq h4 i, .faq h4.active i { margin-right:5px; }
.faq section { padding:20px; }
.law li { font-size:12px; }
.search input[type=text] { width:200px; }
.honor .mask { height:175px; }
.honor .mask, .honor .mask li, .honor .mask img { width:260px; }
.honor .preview, .honor .next { line-height:175px; font-size:24px; }
.customList2 li { width:50%; height:90px; }
.customList2 img { width:120px; height:90px; }
}