@charset "utf-8";
/*--------------- 
总体 
---------------*/
body { position:relative; width:100%; font:normal 14px/24px "微软雅黑"; background:#fff; color:#666; }
a:link, a:visited, a:hover, a:active { text-decoration:none; color:#666; }
a:hover { color:#e70012; }
.wrapper { position:relative; margin:0 auto; width:1000px; }
h3, h4, h5 { font-weight:normal; }
.preview, .next { position:absolute; cursor:pointer; }
.mask { overflow:hidden; }
/*--------------- 
头部 
---------------*/
header { height:auto; }
header h1 { float:left; margin:10px 0; width:445px; height:80px; text-indent:-9999px; background:url(../images/logo.png) no-repeat center center; background-size:cover; }
header button { float:left; width:35px; height:24px; background:url(../images/nav.png) no-repeat; }
header button { display:none; }
.mainNav { width:100%; text-align:right; }
.mainNav li { display:inline-block; margin:0 20px; padding:3px 0; font-size:16px; border-bottom:5px #fff solid; }
.mainNav li a:link, .mainNav li a:visited, .mainNav li a:hover, .mainNav li a:active { color:#003487; }
.mainNav li.active { border-color:#e70012; }
.mainNav li:hover a { color:#e70012; }
/*--------------- 
banner
---------------*/
.banner { position:relative; width:100%; height:270px; overflow:hidden; background:#f5f5f5 url(../images/banner.png) center top; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.banner img { position:absolute; left:50%; top:0; margin-left:-720px; width:1440px; height:270px; }
.banner ol { position:absolute; left:0; bottom:50px; width:100%; text-align:center; }
.banner ol li { display:inline-block; *display:inline; *zoom:1; margin:0 3px; width:10px; height:10px; box-shadow:0 0 5px #fff; background:#0081d4; border:1px #fff solid; border-radius:10px; cursor:pointer; }
.banner ol li.active { background:#e70011; }
.banner .preview, .banner .next { left:-50px; top:60px; width:33px; height:92px; background:url(../images/preview.png) no-repeat; transform:rotateX(0deg); transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; -moz-transition-duration:1s; }
.banner .next { left:auto; right:-50px; background-image:url(../images/next.png); }
.banner .preview:hover, .banner .next:hover { transform:rotateX(180deg);}
/*--------------- 
首页
---------------*/
.video img, .about img { width:100%; height:100%; }
.indexTitle { padding-bottom:5px; line-height:normal; font-size:24px; font-weight:600; border-bottom:2px #003487 solid; color:#003487; }
.more, .more:link, .more:visited, .more:hover, .more:active { display:inline-block; padding-right:15px; width:30px; height:30px; line-height:30px; font-family:Arial; font-size:12px; color:#003487; background:url(../images/tri.png) no-repeat right center; }
.more:hover { color:#e70012; }
.index1 { margin-top:-55px; height:55px; background:#0140a6; color:#fff; }
.index1 a { color:#fff; }
.note { float:left; position:relative; padding:12px 0; width:700px; height:30px; line-height:30px; }
.note h3 { display:inline-block; padding:0 20px; }
.note .mask { display:inline-block; position:relative; padding-left:20px;  width:600px; height:30px;  }
.note ul { position:relative; }
.note .preview, .note .next { right:25px; top:14px; width:12px; height:8px; background:url(../images/btn.png) no-repeat; }
.note .next { top:32px; background-position:left bottom; }
.video { float:right; width:300px; background:#003487; text-align:center; }
.video h3 { float:left; width:85px; line-height:55px; }
.video span { position:relative; display:inline-block; width:160px; height:55px; }
.video span:after { content:""; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; width:32px; height:32px; background:url(../images/play.png); }
.video figcaption { float:right; padding:10px; width:35px; height:35px; line-height:16px; background:#e70012 url(../images/redBg.png) no-repeat; }
.index2 { padding:20px 0; background:url(../images/bg.png); }
.index2 .wrapper { background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); }
.about { float:left; margin:15px 20px; padding-right:20px; width:280px; border-right:1px #ccc solid; }
.about figure { margin:10px 0; width:280px; height:180px; overflow:hidden; }
.about section, .news p { font-size:12px; font-family:"宋体"; }
.about .more { float:right; }
.news { float:left; padding-left:60px; width:280px; }
.news li { position:relative; border-bottom:1px #ccc dotted; }
.news h3 { position:absolute; left:-60px; top:0; padding:10px; width:28px; height:35px; line-height:16px; background:#0140a6; color:#fff; transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; }
.news h3:hover { transition:background .5s; -moz-transition:background .5s; -webkit-transition:background .5s; -o-transition:background .5s; -ms-transition:background .5s; background:#e70012; }
.news span { font-size:12px; color:#0140a6; }
.news h4 { color:#0140a6; }
.news a:hover span, .news a:hover h4 { color:#e70012; }
.industry { float:right; width:300px; text-align:center; background:#fafafa; }
.industry h3 { height:57px; line-height:57px; color:#fff; font-size:24px; background:url(../images/blueBg.png); }
.industry h3 strong { font-weight:600; }
.proNav { padding:0 5px; }
.proNav li { float:left; padding:15px 0; width:95px; height:70px; background:url(../images/icon1.png) no-repeat center 15px; }
.proNav .pro2 { background-image:url(../images/icon2.png); }
.proNav .pro3 { background-image:url(../images/icon3.png); }
.proNav .pro4 { background-image:url(../images/icon4.png); }
.proNav .pro5 { background-image:url(../images/icon5.png); }
.proNav .pro6 { background-image:url(../images/icon6.png); }
.proNav .pro1:hover { background-image:url(../images/icon1_h.png); }
.proNav .pro2:hover { background-image:url(../images/icon2_h.png); }
.proNav .pro3:hover { background-image:url(../images/icon3_h.png); }
.proNav .pro4:hover { background-image:url(../images/icon4_h.png); }
.proNav .pro5:hover { background-image:url(../images/icon5_h.png); }
.proNav .pro6:hover { background-image:url(../images/icon6_h.png); }
.proNav .pro1, .proNav .pro2, .proNav .pro3 { border-bottom:1px #ccc solid; }
.proNav a { display:block; padding-top:50px; width:100%; color:#0140a6; border-right:1px #ccc solid; }
.proNav .pro3 a, .proNav .pro6 a { border:0 none; }
.proNav a:hover { color:#e70012; }
.product { position:relative; width:100%; height:140px; }
.product h4 { position:absolute; z-index:2; bottom:0; left:0; width:75px; height:30px; line-height:30px; background:#0140a6; color:#fff; }
.product .mask { position:relative; width:100%; height:100%; }
.product ul { position:relative; }
.product li { position:relative; float:left; width:300px; height:140px; }
.product figure { width:100%; height:100%; overflow:hidden; }
.product img { transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.product a:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); }
.product figcaption { position:absolute; left:0; bottom:0; padding-left:75px; width:225px; height:30px; line-height:30px; background:url(../images/black.png); color:#fff; }
.product .preview, .product .next { position:absolute; left:0; top:50px; width:16px; height:32px; line-height:32px; text-align:center; font-size:16px; font-family:"宋体"; color:#666; background:url(../images/white.png); }
.product .next { left:auto; right:0; }
.index3 { padding:10px 0; }
.case { padding:5px 20px 20px 20px; background:#f9f9f9; box-shadow:0 0 3px rgba(0,0,0,.1); }
.caseTab { float:right; margin-top:-34px; width:650px; height:30px; text-align:right; }
.caseTab li { display:inline-block; position:relative; margin-left:25px; height:32px; line-height:32px; color:#0140a6; cursor:pointer; }
.caseTab li:hover { color:#e70012; }
.caseTab.active li.active, .caseTab2 li.active { border-bottom:2px #e70012 solid; color:#e70012; }
.caseTab.active li.active:after, .caseTab2 li.active:after { content:""; position:absolute; left:50%; bottom:-12px; margin-left:-6px; width:12px; height:6px; background:url(../images/tri2.png) no-repeat; }
.caseBox { position:relative; margin-top:20px; height:120px; }
.caseBox .mask { position:relative; width:100%; height:100%; }
.caseBox ul { position:relative; }
.caseBox li { float:left; width:120px; height:120px; border-collapse:collapse; }
.caseBox img { width:118px; height:118px; border:1px #f0f0f0 solid; }
.caseBox .preview, .caseBox .next { position:absolute; left:-20px; top:50%; margin-top:-16px; width:16px; height:32px; line-height:32px; text-align:center; font-size:16px; font-family:"宋体"; color:#fff; background:#0140a6; }
.caseBox .next { left:auto; right:-20px; }
.links li { width:240px; }
.links a { display:block; padding-left:20px; line-height:28px; font-size:12px; background:url(../images/dote.png) no-repeat 8px center; }
/* 侧导航 */
.sub { float:left; margin-left:20px; width:200px; }
.subNav { padding-top:20px; }
.subNav li { margin-top:15px; height:48px; line-height:48px; text-align:center; padding:1px; border:1px #fff solid; }
.subNav li.active, .subNav li:hover { border:1px #0f4aac solid; }
.subNav a { color:#0140a7; }
.subNav li.active a, .subNav li:hover a { display:block; color:#fff; background:url(../images/blueBg.png) no-repeat center center; }
/*--------------- 
内页
---------------*/
.subBg { padding:100px 0 30px 0; width:100%; background:#f9f9f9 url(../images/subBg.jpg) no-repeat center top; }
.subBg .wrapper { padding:20px 0; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); }
.main { float:right; padding:0px 60px; width:640px; min-height:530px; border-left:1px #ccc solid; background:#fff; }
.mainTitle { margin:30px 0; font-size:18px; text-align:center; color:#003487; }
.position { margin-bottom:20px; text-align:right; color:#0140a7; font-size:12px; }
.position span { color:#666; }
.position a { color:#0140a7; }
.fck { font-size:16px; line-height:36px; color:#666; text-align:justify; }
.fck h4 { padding-bottom:30px; font-size:18px; font-weight:bold; color:#0140a7; text-align:center; }
.fck h5 { display:inline; font-weight:bold; color:#0140a7; }
.fck img { max-width:100%; }
.fck video { width:100%; height:320px; }
.fck strong, .fck em { font-weight:bold; }
.fck th, .fck td { border:1px #999 solid; }
.fck iframe{width: 640px;height: 480px;}
.newsList li { padding:25px 0; font-size:16px; border-bottom:1px #ccc dashed; color:#003487; }
.newsList cite { display:inline-block; width:40px; text-align:right; }
.newsList span { float:right; font-size:12px; color:#666; }
.newsList a { color:#003487; }
.newsTime { margin-top:-20px; margin-bottom:30px; width:100%; text-align:center; font-size:12px; color:#666; }
#dituContent { width:100%; height:100%; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.map { display:inline-block; margin:30px 0; width:100%; height:400px; }
#mapP, #mapT, #mapD { display:none; }
.caseTab2 { float:left; text-align:left; }
.caseTab2 a { color:#0140a6; }
.caseTab2 li { margin-left:0; margin-right:30px; }
.caseTab2 li.active a { color:#e70012; }
a.back { display:inline-block; margin-top:50px; padding-left:20px; font-size:12px; color:#003487; background:url(../images/tri1.png) no-repeat left center; }
.organ { width:100%; }
.organ tr { position:relative; display:inline-block; float:left; }
.organ td { width:20%; height:125px; vertical-align:middle; border:1px #f0f0f0 solid; }
.organ h4 { position:relative; display:table-cell; padding:0 5px; width:115px; height:120px; vertical-align:middle; color:#003487; text-align:center; cursor:pointer; }
.organ h4:hover { z-index:3; color:#fff; }
.organ td:hover, .organ td:hover h4 { background:#0140a7; color:#fff; }
.organ td.none { border:1px #fff solid; }
.organ td.none:hover, .organ td.none:hover h4 { background:none; cursor:default; }
.organ h4:after { display:none; content:""; position:absolute; z-index:3; bottom:-10px; left:50%; margin-left:-9px; width:18px; height:8px; background:url(../images/tri3.png) no-repeat; }
.organ td:hover h4:after { display:block; }
.organ td.none:hover h4:after { display:none; }
.organ section { position:absolute; z-index:2; left:0; top:100%; display:none; padding:20px; min-height:87px; background:#fff; border:1px #f0f0f0 solid; color:#666; }
.organ td:hover section { display:block; }
.contact table { width:100%; }
.contact td { padding:10px 0; }
.logoList { padding-left:15px; }
.logoList li { position:relative; float:left; width:119px; height:119px; border:1px #f2f2f2 solid; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.logoList li:hover { z-index:2; transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.logoList li p { position:absolute; bottom:0; left:0; width:100%; height:16px; line-height:16px; font-size:12px; text-align:center; background:url(../images/blue.png); color:#fff; opacity:0; }
.logoList li:hover p { opacity:1; }
.logoList img { width:100%; height:100%; }
.proList { padding:0; width:700px; }
.proList li { width:210px; height:140px; margin-right:3px; margin-bottom:3px; cursor:pointer; }
.proList li:hover { transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }

.ajax { display:none; position:fixed; z-index:8; left:0; top:0; width:100%; height:100%; background:url(../images/black.png); }
.ajax blockquote { position:absolute; left:50%; top:50%; margin-left:-315px; margin-top:-210px; width:630px; height:420px; background:#fff; border:1px #fff solid; }
.ajax blockquote img { width:100%; height:100%; }
.ajax blockquote p { display:none; }
.ajax button { position:absolute; z-index:10; right:-0; top:0; width:100%; height:100%; }
/* ---------
分页
----------- */
.page { clear:both; display:inline-block; padding:20px 0; width:100%; text-align:left; font-size:12px; }
.page a { display:block; color:#1a7cc3; width:100%; height:100%; }
.page li:hover, .page li.thisclass { background:#1a7cc3; color:#fff; }
.page li:hover a, .page li.thisclass a { color:#fff; }
.page li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; padding:2px 5px; border:1px #1a7cc3 solid; min-width:23px; min-height:27px; text-align:center; }
.page select { border:0 none; }
/*--------------- 
底部 
---------------*/
.piao{display: none;position:fixed;bottom: 0;left:0;width: 100%;height:80px;line-height:80px;text-align: center;color: #fff;font-size: 30px;background: #0140a6}
.piao a{color: #fff;display: block;height: 80px;width: 100%}
footer { width:100%; line-height:24px; background:#333; color:#ddd; }
footer a:link, footer a:visited, footer a:hover, footer a:active { color:#ddd; }
.focus { float:right; width:300px; background:#0140a6; color:#fff; }
.focus figcaption { float:left; padding:20px 40px; width:100px; }
.focus img { float:right; margin:10px; margin-left:0; }
.copyright { float:left; padding:20px 0; width:430px; }
.bhjb{width: 100%;text-align: center;margin: 0 auto 10px auto;}
.bhjb img{width: 100%;}
@media screen and (max-width:1024px) {
.wrapper { margin:0 20px; width:auto; }
header { border-bottom:2px #01479d solid; }
header button { display:block; float:right; margin:35px 0 0 0; }
.mainNav { display:none; float:none; margin-top:0; padding:20px 0; width:100%; text-align:center; }
.mainNav li { margin:0; padding:8px 0; width:20%; font-size:16px; }
.mainNav li.active { border:0 none; }
.banner ol { bottom:10px; }
.banner .preview, .banner .next { left:0px; top:100px; }
.banner .next { left:auto; right:0px; }
.index1 { height:110px; }
.note { width:100%; border-bottom:1px #fff solid; }
.index2 { padding-bottom:0; background:none; }
.about, .news, .industry { clear:both; float:none; margin:0 auto; padding:10px 20px; width:auto; border:0 none; }
.about figure { float:left; margin-right:20px; }
.about section { padding-top:50px; }
.news li { padding-left:60px; }
.news h3 { left:0; top:10px; }
.proNav li { width:16.5%; }
.proNav .pro3 a { border-right:1px #ccc solid; }
.proNav .pro1, .proNav .pro2, .proNav .pro3 { border-bottom:0 none; }
.product { margin:0 auto; width:900px; }
.product h4 { display:none; }
.product figcaption { padding-left:0; width:100%; }
.caseBox .mask { margin:0 auto; width:720px; }
/*--------------- 
内页
---------------*/
.subBg { padding-top:50px; }
.sub, .main { float:none; margin:0; width:auto; }
.sub { padding:0 60px; }
.main { margin-bottom:40px; min-height:inherit; border:0 none; }
.subNav li { float:left; margin:0; padding:0; width:25%; text-align:center; }
.subNav li, .subNav li.active, .subNav li:hover { border:0 none; }
.newsList li { font-size:14px; }
.organ td { display:inline-block; width:100%; height:auto; }
.organ h4 { display:inline-block; padding:20px; width:auto; height:auto; font-size:18px; text-align:left; }
.organ h4 br { display:none; }
.organ section { display:block; position:static; border:0 none; border-top:1px #f0f0f0 solid; }
.logoList { padding-left:0; }
.logoList li p { opacity:1; }
.page { padding-bottom:30px; }
}
@media screen and (max-width:800px) {
.product { width:600px; }
.caseBox .mask { width:480px; }
.caseTab { float:none; margin-top:-2px; width:100%; height:30px; text-align:center; }
.caseTab li { margin:0 10px; }
.caseTab.active li.active { border-bottom:0 none; border-top:2px #e70012 solid; }
.caseTab.active li.active:after { bottom:-6px; }
.focus, .copyright { width:50%; }
.focus {  background:none; }
#img1,#img2{display: none;}
/*--------------- 
内页
---------------*/
.main, .sub { padding:0 20px; }
.caseTab2 { margin-top:-34px; }
.caseTab2 li { margin:0 30px; font-size:18px; }
.proList { width:100%; }
}
@media screen and (max-width:480px) {
.fck iframe{width: 300px !important;height:225px !important;display: block;margin:0 auto}
.wrapper { margin:0; overflow:hidden; }
header button { margin-top:18px; margin-right:10px; }
.mainNav li { padding:12px 0; width:49%; }
h1 { margin-left:10px; width:220px; height:40px; background-size:100%; }
.banner { height:135px; }
.banner img { margin-left:-350px; width:700px; height:135px; }
.banner .preview, .banner .next { display:none; }
.index1 { height:115px; }
.note h3 { display:none; }
.note, .note .mask { margin:0; padding:0; width:100%; height:60px; }
.note .mask { border:0 none; line-height:20px; }
.note li { padding:10px 35px 0 10px; height:60px; font-size:12px; }
.note .preview, .note .next { right:10px; }
.about, .news, .industry { padding:5px }
.about figure { float:none; margin:15px 0; width:100%; height:auto; }
.about section { padding:0 10px; }
.about .more { margin-right:10px; }
.news li { border-bottom:0 none; border-top:1px #ccc dotted; }
.proNav li { padding:0; padding-bottom:15px; width:49%; }
.proNav a { padding-bottom:15px; }
.proNav .pro1, .proNav .pro2, .proNav .pro3, .proNav .pro4 { border-bottom:1px #ccc solid; }
.proNav .pro2 a, .proNav .pro4 a { border:0 none; }
.product { width:300px; }
.caseTab { margin-top:0; height:auto; }
.caseTab li { width:40%; font-size:12px; }
.caseTab.active li.active { border:0 none; background:#e70012; color:#fff; }
.caseTab.active li.active:after { display:none; }
.caseBox .mask { width:240px; }
.focus, .copyright { clear:both; float:none; margin:0 auto; width:300px; }
.focus { height:120px; border-bottom:1px #fff solid; }
.copyright address { padding:0 10px; font-size:12px; }
/*--------------- 
内页
---------------*/
.position { display:none; }
.subBg { padding:0; }
.subNav li { width:50%; }
.caseTab2 { margin-top:-34px; background:#f0f0f0; }
.caseTab2 li { margin:0; padding:5px 0; width:100%; }
.caseTab2 li:after { display:none; }
.newsList li { padding:15px 0; }
.newsList span { float:none; display:block; }
.mainTitle, .newsTime { text-align:left; }
.newsTime { margin-bottom:10px; padding-bottom:5px; border-bottom:1px #ccc solid; }
.fck img { width:100%; }
.fck video { height:150px; }
.contact td { display:inline-block; width:100%; }
.map { height:200px; }
.proList { text-align:center; }
.proList li { display:inline-block; float:none; }
.ajax blockquote { margin-left:-150px; margin-top:-100px; width:300px; height:200px; }
.piao{display: block;}
}