@charset "utf-8";
/*--------------- 
总体 
---------------*/
html, body, div, p, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, q, pre, a, abbr, acronym, address, cite, del, em, img, strong, sub, sub, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video {
    font-family: "微软雅黑";
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
}
body {
	position: relative;
	width: 100%;
	font: normal 14px/30px "微软雅黑";
	background: #fff;
	color: #777;
}
a {
	text-decoration: none;
	color: #777;
}
a:hover {
	color: #0b8be6;
}
.wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;	
	/* padding-left: 90px */
}
.wrapper_header {
	position: relative;
	margin: 0 auto;
	/* padding-left: 10px; */
	padding-right: 10px
}
h2, h3, h4, h5 {
	font-weight: normal;
}
hr {
	border: 0;
	border-bottom: 1px #ccc solid;
	height: 1px;
}
/*--------------- 
头部 
---------------*/
header {
	width: 100%;
	height: 60px;
    font-family: "微软雅黑" !important;
}
header button {
	display: none;
}

.i-layout-header-logo {
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.i-layout-header-logo-stick {
    width: 200px;
    text-align: center;
}

.i-layout-header-logo-stick {
    width: auto !important;
    text-align: center;
}

.i-link {
    cursor: pointer;
}


.i-link-color, .i-link-color:hover, .i-link-color:active {
    color: inherit;
}
.sidebar-logo-title {
    font-size: 22px;
    color: #fff;
    padding-left: 4px;
}

.i-layout-header-logo img {
    height: 44px;
    vertical-align: middle;
}

.sidebar-logo-img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-left: 24px;
    padding-bottom: 4px;
}

img {
    border-style: none;
}
/* 2025- head style update */
.register { float:right; margin-top:20px; margin-left:45px; }
.register a { display:inline-block; margin-left:10px; width:80px; height:30px; line-height:30px; text-align:center; border-radius:5px;background:#f2a60c;color:#fff; }
.register a.pwd { background:#16b8d9; }
.top-menuline {
    background-color: #f4f4f4;
    border-bottom: solid 1px #dce0e5;
    width: 100%;
    height: 30px;
}
.top { height:40px; line-height:40px; background:#085c99; color:#fff; }
.top a { color:#fff; }
.save, .welcome { float:left; }
.save2 { float:right; }
.lan { float:right; }
.lan a { margin-right:25px; color:#fff; }
.lan a.active { padding:0 5px; background:#0b8be6; border-radius:5px; }
header { width:100%; }
header button { display:none; }
header h1 { float:left; margin:10px 0; padding-left:60px; width:420px; height:50px; font-size:26px; font-weight:800; line-height:50px; color:#fff; }
header h1 span { display:block; line-height:normal; font-size:14px; font-weight:normal; }
.singleHead { padding-bottom:10px; }
.singleHead h1 { width:350px; line-height:45px; color:#085c99; }
.singleHead h1 span { color:#ccc; font-size:11px; }
.mainNav { float:right; width:700px; height:100px; line-height:100px; text-align:right; }
.mainNav li { display:inline-block; *display:inline; *zoom:1; padding:0 10px; font-size:20px; cursor:pointer; }
.mainNav li.active a { color:#0b8be6; }
.telnew { height:50px; line-height:50px; font-size:16px; background:#0b8be6 url(../images/bg1.png) repeat-y center center; color:#fff; }
.tel { height:50px; line-height:50px; font-size:16px; background:#0b8be6 url(../images/bg1.png) repeat-y center center; color:#fff; }
.tel .wrapper { background:#0b8be6; }
.tel li { float:left; width:400px; height:50px; text-align:center; border-left:1px #0a7bcc solid; border-right:1px #0a7bcc solid; }
.tel a, .tel a:hover { color:#fff; }
.log, .log2, .reg, .pro { float:right; padding:0 10px; background:#f2a60c; }
.log2 { background:#00c2ed; }
.reg { background:#0b8be6; }
.pro { background:#085c99; }
.tel form { float:right; width:50px; height:50px; background:#999; }
.tel input[type=text] { display:none; width:130px; height:40px; line-height:40px; text-indent:1em; color:#fff; border:0 none; background:#999; }
.tel input[type=submit] { width:50px; height:50px; border:0 none; background:#999 url(../images/zoom.png) no-repeat center center; cursor:pointer; }
.singleNav { float:right; margin-top:28px; line-height:40px; font-size:18px; color:#085c99; }
.singleNav li { display:inline-block; margin-left:15px; }
.singleNav a { display:inline-block; padding:0 30px; background:#16b8d9; color:#fff; border-radius:5px; }
.singleNav .log2 a { background:#f2a60c; }
/*--------------- 
banner
---------------*/
.banner { position:relative; width:100%; height:280px; overflow:hidden; }
.singleBanner { height:350px; background:#0b8be6; }
.banner ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.banner img { position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:280px; }
.banner ol { position:absolute; left:0; bottom:-15px; width:100%; text-align:center; }
.banner ol li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; width:10px; height:5px; background:#fff; border-radius:5px; cursor:pointer; }
.banner ol li.active { background:#f2a60c; }
.subBanner, .subBanner img { height:230px; }
.singleBanner img { height:350px; }
.singleBanner section { position:absolute; left:50%; margin-left:-525px; width:1050px; line-height:normal; font-size:16px; color:#fff; }
.singleBanner section div { float:right; width:50%; line-height:30px; text-align:right; }
.singleBanner a { display:inline-block; margin-top:20px; padding:5px 30px; border:1px #fff solid; border-radius:5px; color:#fff; }
.singleBanner2, .singleBanner2 img { height:150px; }
/*--------------- 
首页
---------------*/
.index1 { padding:25px 0; }
.index2 .wrapper, .index3 .wrapper, .index4 .wrapper, .index6 .wrapper, .main { overflow:hidden; }
.linkNav { padding-bottom:45px; text-align:center; }
.linkNav li { display:inline-block; width:200px; font-size:16px; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.linkNav li:hover { transform:translateY(-10px); -webkit-transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -moz-transform:translateY(-10px); }
.linkNav a { display:block; padding-top:105px; width:100%; height:100%; color:#085c99; background:url(../images/icon1.png) no-repeat center top; }
.linkNav2 a { color:#f2a60c; background-image:url(../images/icon2.png); }
.linkNav3 a { color:#0b8be6; background-image:url(../images/icon3.png); }
.linkNav4 a { color:#60c237; background-image:url(../images/icon4.png); }
.linkNav5 a { color:#16b8d9; background-image:url(../images/icon5.png); }
.notice { position:relative; border:1px #ccc solid; }
.notice h3 { float:left; padding:20px; width:120px; height:120px; font-size:22px; color:#fff; background:#085c99; }
.notice h3 span { display:block; font-size:14px; }
.notice .more { float:left; margin-top:100px; margin-left:-60px; background-image:url(../images/add.png); }
.notice .mask { float:right; position:relative; margin:15px; width:960px; height:125px; overflow:hidden; }
.notice ul { position:relative; }
.notice li { float:left; width:960px; height:125px; }
.notice .preview, .notice .next { position:absolute; right:40px; top:15px; width:25px; height:25px; line-height:25px; text-align:center; font-family:"宋体"; font-size:18px; color:#999; border:1px #ccc solid; cursor:pointer; }
.notice .preview { right:70px; }
.notice section { float:left; width:500px; }
.notice h4 { font-size:16px; color:#000; }
.notice dl { float:right; margin-top:30px; margin-right:30px; width:370px; }
.notice dl span { float:right; }
.mainTitle { margin-top:30px; margin-right:40px; height:70px; font-size:22px; color:#085c99; background:url(../images/line.png) no-repeat left center; }
.singleTitle { margin-right:0; background-size:100% 3px; }
.mainTitle span { display:block; font-size:14px; color:#999; }
.more { float:right; margin-top:-55px; width:40px; height:40px; text-indent:-9999px; background:url(../images/add2.png); transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.more:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); }
.index2 { background:#eee url(../images/bg2.png) repeat-y center center; }
.box1 { float:left; padding-right:30px; padding-bottom:30px; width:740px; background:#fff; }
.box2 { float:right; width:400px; }
.indexPic { float:left; position:relative; margin-top:20px; margin-right:10px; width:330px; height:220px; }
.indexPic li { position:absolute; width:100%; height:100%; }
.indexPic figure { width:100%; height:100%; overflow:hidden; }
.indexPic img { width:100%; height:100%; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.indexPic li:hover img { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); }
.indexPic p { position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; text-indent:20px; color:#fff; background:url(../images/black.png); }
.box1 .newsList { float:right; width:380px; }
.newsList li { padding:5px 0; border-bottom:1px #ccc dashed; }
.newsList li:last-child { border:0 none; }
.newsList cite { display:inline-block; margin-top:5px; margin-right:5px; width:20px; height:20px; line-height:20px; color:#fff; background:#999; text-align:center; }
.newsList cite.active { background:#f2a60c; }
.newsList span { float:right; color:#999; }
.newsList strong { color:#0b8be6; }
.box3 { float:left; width:880px; overflow:hidden; }
.box4 { float:right; width:270px; }
.picList { display:inline-block; margin-top:10px; margin-bottom:20px; padding-bottom:30px; border-bottom:1px #eee solid; width:1000px; }
.picList li { float:left; margin-right:30px; width:270px; text-align:center; }
.picList figure { width:270px; height:180px; overflow:hidden; }
.picList img { width:100%; height:100%; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.picList li:hover img { transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); }
.picList p { padding:15px 0px; text-align:left; }
.picList span { display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; border:1px #085c99 solid; color:#085c99; }
.box3 .newsList { float:left; width:1000px; }
.relNews .newsList { width:920px; }
.box3 .newsList li, .relNews .newsList li { float:left; margin-right:70px; width:400px; }
.relNews .newsList li { margin-right:50px; }
.relNews .newsList li:nth-child(7) { border:0 none; }
.link1, .link2 { float:left; margin-top:10px; padding-top:70px; width:130px; height:50px; font-size:20px; text-align:center; color:#fff; background:#0b8be6 url(../images/link1.png) no-repeat center 20px; }
.link1:hover, .link2:hover { color:#fff; }
.link2 { float:right; background:#16b8d9 url(../images/link2.png) no-repeat center 20px; }
.index4 { padding:10px 0 30px 0; background:#f5f5f5; }
.app { position:relative; width:100%; text-align:center; }
.app .mask { position:relative; margin:20px auto 0 auto; width:1120px; height:100px; overflow:hidden; }
.app ul, .partner ul { position:relative; }
.app li { float:left; width:280px; height:100px; text-align:center; }
.app li a { display:inline-block; width:248px; height:98px; border:1px #c73964 solid; text-align:left; color:#c73964; }
.app li.app2 a { border:1px #3684d8 solid; color:#3684d8; }
.app li.app3 a { border:1px #65d4d4 solid; color:#65d4d4; }
.app li.app4 a { border:1px #60c237 solid; color:#60c237; }
.app li h4 { display:inline-block; padding:20px 10px; font-size:18px; }
.app li h4 span { display:block; font-size:14px; color:#555; }
.app .preview, .app .next, .partner .preview, .partner .next { position:absolute; left:0; top:40px; width:18px; height:30px; background:url(../images/preview.png) no-repeat; cursor:pointer; }
.app .next, .partner .next { left:auto; right:0; background-image:url(../images/next.png); }
.partner { position:relative; margin-top:10px; margin-bottom:50px; }
.partner .mask { position:relative; margin:0 auto; width:1000px; height:100px; overflow:hidden; }
.partner li { float:left; width:200px; height:100px; }
.partner img { width:100%; height:100%; filter:grayscale(1); -webkit-filter:grayscale(1); }
.partner a:hover img { filter:grayscale(0); -webkit-filter:grayscale(0); }
.partner .preview { left:70px; }
.partner .next { right:70px; }

.index5 { background:#eee url(../images/bg3.png) repeat-y center center; }
.index5 h3 { float:left; margin:0 30px; padding:15px 15px 15px 18px; width:57px; height:64px; font-size:22px; font-weight:600; background:url(../images/icon6.png) no-repeat; color:#fff; }
.box6 h3 { background-image:url(../images/icon7.png); }
.index5 li { display:inline-block; padding-left:30px; width:150px; }
.box5 { float:left; padding:45px 0; width:770px; background:#eee; }
.box6 { padding:45px 0; }
.box6 li { padding-left:10px; width:70px; }
.index6 { padding:10px 0 30px 0; background:#eee; }
.cross { text-align:center; }
.cross2, .cross3 { padding-top:20px; padding-bottom:30px; text-align:left; }
.cross2 p { text-align:center; }
.cross li { display:inline-block; margin:10px 40px; width:100px; line-height:40px; font-size:16px; }
.cross a { color:#16b8d9; }
.cross a:hover { color:#d22a2f; }
.cross figure { width:100px; height:100px; overflow:hidden; border:1px #16b8d9 solid; border-radius:100px; }
.cross img { width:100px; height:200px; }
.cross a:hover figure { background:#c83b68; border-color:#c83b68; }
.cross a:hover img { margin-top:-100px; }
.cross3 li { width:auto; line-height:100px; }
.cross3 figure, .cross3 p { display:inline-block; }
.cross3 figure { margin-right:10px; }
.cross3 a:hover { color:#f2a60c; }
.cross3 a:hover figure { background:#f2a60c; border-color:#f2a60c; }
.cross4 li { margin:20px 50px; width:auto; }
.cross4 a:hover { color:#16b8d9; }
.cross4 figure { width:70px; height:70px; }
.cross4 a:hover figure { background:#16b8d9; border-color:#16b8d9; }
.cross4 img { width:70px; height:140px; }
.cross4 a:hover img { margin-top:-70px; }
.cross figure, .cross a:hover figure, .cross img, .cross a:hover img { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.singleTab { position:relative; z-index:2; margin-bottom:-1px; text-align:center; }
.singleTab li { position:relative; top:5px; width:250px; height:50px; line-height:50px; font-size:20px; background:#16b8d9; color:#0f8299; cursor:pointer; }
.singleTab li.active { top:0; height:55px; line-height:55px; border:1px #ddd solid; border-bottom:0 none; background:#fff; color:#16b8d9; }
.singleBox, .singleContent { border:1px #ddd solid; }
.singleContent { margin-top:20px; margin-bottom:100px; padding-bottom:50px; }
.singleTitle2, .singleTitle3 { padding:30px 0; text-align:center; font-size:30px; color:#16b8d9; }
.singleTitle2 span, .singleTitle3 span { display:block; font-size:12px; }
.singleTitle3 { padding-top:50px; color:#000; }
.singleArea { position:relative; margin:0 auto; text-align:center; width:1000px; }
.singleArea .mask { position:relative; margin:0 auto; width:900px; height:40px; overflow:hidden; }
.singleArea ul { position:relative; }
.singleArea ul li { float:left; width:900px; text-align:left; font-size:18px; }
.singleArea ul a { float:left; margin:0 5px; width:90px; height:40px; line-height:40px; text-align:center; cursor:pointer; }
.singleArea ul li a.active { background:#16b8d9; color:#fff; }
.singleArea span { position:absolute; left:0; top:0; width:50px; line-height:40px; font-size:50px; font-family:"宋体"; color:#999; cursor:pointer; }
.singleArea .next { left:auto; right:0; }
.singleArea span:hover { color:#16b8d9; }
.singleArea ol { display:inline-block; padding:30px 0 20px 0; text-align:center; }
.singleArea ol li { display:inline-block; margin:0 10px; width:10px; height:10px; border-radius:10px; background:#ccc; cursor:pointer; }
.singleArea ol li.active { background:#16b8d9; }
.singleList { padding:0 50px; }
.singleList li { position:relative; float:left; margin:30px 20px 0 20px; width:500px; height:460px; background:#f5f5f5; }
.singleList figure { width:500px; height:250px; text-align:center; overflow:hidden; }
.singleList img { width:500px; height:250px; }
.singleList h4, .singleList p { padding:0 20px; }
.singleList h4 { line-height:50px; font-size:18px; color:#000; }
.singleList p { text-indent:2em; color:#999; }
.singleList span { position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#16b8d9; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.singleList a:hover span { background:#f2a60c; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.singleFck { padding:0 100px 50px 100px; }
/* 侧导航 */
.sub { float:left; margin-top:30px; margin-bottom:100px; width:250px; text-align:center; }
.sub h3 { height:75px; line-height:60px; font-size:26px; background:url(../images/sub.png) no-repeat; color:#fff; }
.subNav { margin:-15px auto 0 auto; padding:20px; width:190px; border:1px #ccc solid; border-top:0 none; }
.subNav li { height:40px; line-height:40px; font-size:16px; border-bottom:1px #eee solid; }
.subNav li.active a { color:#0b8be6; }
.subNav li:last-child { border:0 none; }
/*--------------- 
业务应用 
---------------*/
.mainTitleying { margin-top:-20px; margin-right:40px; height:70px; font-size:22px; color:#085c99; background:url(../images/line.png) no-repeat left center; }
.mainTitleying span { display:block; font-size:14px; color:#999; }
.crossy { text-align:center; }
.crossy p{ text-align:center; }
.crossy li { display:inline-block; margin:5px 40px; width:100px; line-height:40px; font-size:16px; }
.crossy a { color:#16b8d9; }
.crossy a:hover { color:#d22a2f; }
.crossy figure { width:100px; height:100px; overflow:hidden; border:1px #16b8d9 solid; border-radius:100px; }
.crossy img { width:100px; height:200px; }
.crossy a:hover figure { background:#c83b68; border-color:#c83b68; }
.crossy a:hover img { margin-top:-100px; }
.crossy figure, .crossy a:hover figure, .crossy img, .crossy a:hover img { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.appy { position:relative; width:100%; text-align:center; }
.appy .mask { position:relative; margin:0px auto 0 auto; width:1120px; height:160px; overflow:hidden; }
.appy ul, .partner ul { position:relative; }
.appy li { float:left; width:100px; height:100px; text-align:center; }
.appy li a { display:inline-block; width:100px; height:98px;}
.appy .preview, .appy .next, .partner .preview, .partner .next { position:absolute; left:0; top:40px; width:18px; height:30px; background:url(../images/preview.png) no-repeat; cursor:pointer; }
.appy .next, .partner .next { left:auto; right:0; background-image:url(../images/next.png); }
/*--------------- 
内页
---------------*/
.notices { margin:20px 0 10px 0; border:1px #ccc solid; }
.notices h3 { float:left; width:80px; height:45px; line-height:45px; font-size:18px; color:#fff; text-align:center; background:#0b8be6; }
.notices .mask { float:left; margin-left:50px; position:relative; width:1000px; height:45px; overflow:hidden; }
.notices ul { position:relative; }
.notices li { float:left; width:1000px; height:45px; line-height:45px; }
.notices li a { float:left; width:50%; }
.notices li span { padding-left:30px; color:#999; }
.position { line-height:40px; text-align:right; color:#999; border-bottom:1px #eee solid; }
.position a { color:#999; }
.position2 { padding:25px 0; border:0 none; }
.main { float:right; margin:0 auto 100px auto; width:920px; }
.main2 { float:none; }
.newsPic { float:left; position:relative; width:450px; height:300px; }
.newsPic li { position:absolute; width:100%; height:100%; }
.newsPic figure { width:100%; height:100%; overflow:hidden; }
.newsPic img { width:100%; height:100%; }
.newsList2 { float:right; width:440px; }
.newsList2 h4 { display:inline; }
.newsList2 p { display:none; }
.newsList2 li.active h4 { display:block; font-size:16px; color:#000; }
.newsList2 li.active p { display:block; }
.newsList2 li.active span { display:none; }
.tab { margin-top:50px; margin-bottom:20px; height:50px; line-height:50px; background:#eee; }
.tab li { display:inline-block; padding:0 15px; font-size:16px; cursor:pointer; }
.tab li.active { background:#0b8be6; color:#fff; }
.subTitle { margin-top:30px; height:60px; line-height:60px; text-align:right; border-bottom:1px #0b8be6 solid; font-size:22px; color:#0b8be6; }
.newsList3 li { padding:20px 0; border-bottom:1px #eee solid; }
.newsList3 h4 { font-size:18px; color:#085c99; }
.newsList3 span { color:#999; }
.newsList3 .read { float:right; margin-top:5px; padding:0 10px; color:#fff; background:#0b8be6; border-radius:5px; }
.newsList3 img { float:left; margin-right:25px; width:250px; height:165px; }

.fck { margin:40px 0; font-size:16px; line-height:28px; overflow:hidden; }
.newsTitle { margin-top:30px; margin-bottom:10px; font-size:24px; color:#085c99; text-align:center; }
.newsInfo { margin-bottom:-10px; line-height:25px; text-align:center; color:#999; }
.share { text-align:center; display: inline-block; margin:20px auto 0 400px; }

.service { position:relative; }
.service .mask { position:relative; margin:45px auto; width:1020px; height:150px; overflow:hidden;}
.serTab { position:relative; }
.serTab li { float:left; width:170px; height:150px; text-align:center; font-size:16px; cursor:pointer; }
.serTab figure { width:150px; height:100%; }
.serTab li.active figure { background:#0b8be6; color:#fff; }
.serTab img { margin:3px 0 5px 0; width:144px; height:104px; }
.service .preview, .service .next { position:absolute; left:0; top:50px; width:52px; height:52px; background:url(../images/preview2.png) no-repeat; cursor:pointer; }
.service .next { left:auto; right:0; background-image:url(../images/next2.png); }
.serTabBox { width:100%; overflow:hidden; }
.serTabBox ul { display:inline-block; width:1260px; }
.serTabBox li { float:left; margin-right:60px; margin-bottom:40px; width:568px; height:158px; border:1px #ccc solid; border-radius:7px; overflow:hidden; background:#0b8be6; }
.serTabBox h4 { padding:0 20px; height:45px; line-height:45px; font-size:18px; color:#fff; }
.serTabBox p { padding:10px 20px; height:93px; background:#fff; border-radius:5px; }

.query { width:100%; overflow:hidden;}
.queTitle, .queTitle2, .queTitle3 { margin-top:30px; height:60px; line-height:60px; text-align:center; font-size:24px; color:#0b8be6; background:url(../images/line2.png) no-repeat center bottom; }
.queTitle2 { color:#f2a60c; background-image:url(../images/line3.png); }
.queTitle3 { color:#16b8d9; background-image:url(../images/line4.png); }
.queList1 { padding:30px 0; width:1250px; }
.queList1 li { float:left; margin-right:50px; margin-bottom:20px; width:198px; height:45px; line-height:45px; font-size:16px; text-align:center; border:1px #ccc solid; }
.queList2 { margin:50px 0 100px 0; text-align:center; }
.queList2 li { display:inline-block; padding:0 40px 0 120px; margin:0 20px; height:70px; line-height:70px; font-size:24px; background:#0b8be6 url(../images/query1.png) no-repeat 40px center; }
.queList2 li.que2 { padding-left:100px; background:#f2a60c url(../images/query2.png) no-repeat 40px center; }
.queList2 li.que3 { padding-left:100px; background:#16b8d9 url(../images/query3.png) no-repeat 40px center; }
.queList2 a { color:#fff; }
.queList3 { padding:30px 0; width:1230px; }
.queList3 li { float:left; margin-right:30px; margin-bottom:20px; padding:0 10px; width:358px; height:40px; line-height:40px; border:1px #ccc solid; }
.userB { height:100px; }

.aboutTitle { margin-top:30px; margin-bottom:40px; height:100px; line-height:45px; text-align:right; font-size:50px; font-weight:600; color:#085c99; }
.aboutTitle span { display:block; font-size:18px; font-family:Arial; font-weight:normal; color:#999; }
.aboutPic { position:relative; width:100%; height:510px; }
.aboutPic ul { float:left; position:relative; width:750px; height:510px; border:1px #ccc solid; }
.aboutPic ul li { position:absolute; left:0; top:0; width:100%; height:100%; }
.aboutPic ul img { width:100%; height:100%; }
.aboutPic .mask { float:right; position:relative; margin-top:40px; width:150px; height:440px; overflow:hidden; }
.aboutPic ol { position:relative; }
.aboutPic ol li { height:110px; }
.aboutPic ol figure { width:148px; height:98px; border:1px #ccc solid; overflow:hidden; cursor:pointer; }
.aboutPic ol img { width:100%; height:100px; transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.aboutPic ol li:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); }
.aboutPic .preview, .aboutPic .next { position:absolute; right:0; top:0px; width:150px; height:30px; background:#0b8be6 url(../images/preview3.png) no-repeat center center; cursor:pointer; }
.aboutPic .next { top:auto; bottom:0px; background-image:url(../images/next3.png); }

.organ { display:inline-block; padding-top:120px; width:100%; height:400px; text-align:center; background:url(../images/bg2.jpg) no-repeat center bottom;}
.hisBox { display:inline-block; padding-bottom:100px; width:100%; background:url(../images/bg1.jpg) no-repeat center bottom; }
.history { padding-bottom:30px; background:url(../images/line5.png) repeat-y center top; }
.history li { position:relative; clear:both; }
.history cite { position:absolute; left:50%; top:65px; margin-left:-10px; width:20px; height:20px; background:#0b8be6; border-radius:20px; }
.history span { display:inline-block; padding:0 20px 10px 20px; font-size:24px; }
.history h4 { padding:20px; width:360px; color:#fff; font-size:24px; background:#0b8be6; }
.history h4:after { content:""; position:absolute; left:400px; top:52px; width:30px; height:46px; background:url(../images/tri1.png) no-repeat; }
.history .even { text-align:right; }
.history .even span, .history .even h4 { float:right; margin-left:50%; }
.history .even h4:after { left:490px; background-image:url(../images/tri2.png); }

.askSearch { margin:20px 0; padding:10px; background:#eee; }
.askSearch input[type=text] { float:left; margin-right:10px; width:410px; height:36px; line-height:36px; border:1px #ccc solid; }
.askSearch input[type=submit], .askBtn { float:left; margin-right:10px; width:100px; height:40px; line-height:40px; font-size:18px; text-align:center; border:0 none; background:#0b8be6; color:#fff; }
.askBtn { background:#f2a60c; }
.askSearch dt, .askSearch dd { display:inline; margin-right:10px; line-height:40px; }
.askMain { float:left; margin-bottom:50px; width:920px; }
.table { width:100%; }
.table th, .table td { padding:5px 10px; border:1px #eee solid; }
.table th { text-align:center; background:#0b8be6; color:#fff; }
.table td { font-size:12px; vertical-align:middle; }
.askH { cursor:pointer; }
.askC { display:none; }
.askT { padding-top:30px; text-align:center; font-size:18px; color:#000; }
.askTime { text-align:center; color:#999; }
.ask1, .ask2 { padding-left:30px; font-size:18px; color:#f2a60c; }
.ask2 { color:#0b8be6; }
.askC section { padding:10px 30px 20px 30px; }
.askSub { float:right; margin-bottom:50px; width:250px; }
.askTitle { margin-bottom:20px; height:40px; line-height:40px; font-size:18px; color:#0b8be6; background:url(../images/line.png) no-repeat left bottom; }
.askTitle span { display:inline-block; padding-left:30px; background:url(../images/ask1.png) no-repeat left center; }
.askTitle .ask2 { background-image:url(../images/ask2.png); }
.askTitle .ask3 { background-image:url(../images/ask3.png); }
.askP { padding-bottom:20px; line-height:40px; }
.askP img { margin-top:10px; }
.askNum th { display:inline-block; width:60px; text-align:justify; }
.askNum input[type=text] { margin-bottom:10px; width:180px; height:25px; border:1px #ccc solid; }
.askNum input.code { width:90px; }
.askNum input[type=submit] { margin-bottom:10px; width:95px; height:30px; line-height:30px; text-align:center; border:0 none; font-size:16px; background:#0b8be6; color:#fff; }
.askList li { margin-bottom:5px; }
.askList h4 { width:248px; height:40px; line-height:40px; text-indent:1em; font-size:16px; background:#f5f5f5; border:1px #ccc solid; }
.askList li.active h4 { background:#0b8be6; color:#fff; }
.askList p { display:none; padding:10px 0; }
.askList li.active p { display:block; }
.askList a { margin-right:10px; margin-bottom:10px; width:70px; display:inline-block; }

.askForm { margin:0 auto 50px auto; width:900px; }
.askForm h4 { padding-top:20px; padding-bottom:10px; color:#999; }
.askForm h4 strong { font-size:16px; color:#0b8be6; }
.askForm h4 span { color:#d92121; }
.askForm label { padding-right:20px; }
.askForm select { margin-right:50px; width:250px; height:30px; }
.askForm input[type=text] { width:675px; height:30px; }
.askForm textarea { width:898px; height:250px; }
.askForm input[type=submit] { margin-top:30px; margin-left:400px; width:100px; height:40px; line-height:40px; font-size:18px; text-align:center; border:0 none; background:#0b8be6; color:#fff; cursor:pointer; }

.searchMain { float:none; width:100%; }
/*--------------- 
监管单位特色应用 
---------------*/
.splinks_1 { float:left; margin:6px 40px; padding:0 26px; width:300px; border-left:1px #999 solid;}
.splinks_1 h4 { display:inline-block; padding-bottom:5px; width:140px; font-size:16px; color:#999;/* background:url(../images/tri3.png) no-repeat left bottom;*/ }
.splinks_1 ul { display:inline-block; }
.splinks_1 a { color:#16b8d9; }

.spmainTitle { margin-top:2px; margin-right:40px; height:60px; font-size:22px; color:#085c99; background:url(../images/line.png) no-repeat left center; }
.singleTitle { margin-right:0; background-size:100% 3px; }
.mainTitle span { display:block; font-size:14px; color:#999; }
.spmainTitle span { display:block; font-size:14px; color:#999; }
.splinks { float:right; margin:6px 0; padding:0 26px; width:300px; border-left:1px #999 solid;}
.splinks h4 { display:inline-block; padding-bottom:5px; width:140px; font-size:16px; color:#999;/* background:url(../images/tri3.png) no-repeat left bottom;*/ }
.splinks ul { display:inline-block; }
.splinks a { color:#16b8d9; }
.spsingleFoot address { float:none; padding:15px 0; width:100%; text-align:center; }
.spsingleFoot address br:first-child { display:none; }
/*--------------- 
底部 
---------------*/
/* ---------
分页
----------- */
.page { clear:both; display:inline-block; padding:50px 0 0 0; width:100%; text-align:center; font-size:12px; }
.page a { display:inline-block; }
.page li.thisclass { background:#0b8be6; color:#fff; }
.page li { display:inline-block; *display:inline; *zoom:1; margin:0 5px; padding:2px 12px; border:1px #eee solid; }
.page li.thisclass a, .page li.thisclass a:hover { color:#fff; }
/*--------------- 
底部 
---------------*/
footer { clear:both; line-height:30px; width:100%; background:#085c99; color:#fff; }
footer address { float:left; padding:40px 0; width:420px; }
.links { float:right; margin:40px 0; padding:0 60px; /*width:400px;*/ border-left:1px #096cb3 solid; }
.links h4 { display:inline-block; padding-bottom:35px; width:140px; font-size:16px; color:#fff; background:url(../images/tri3.png) no-repeat left bottom; }
.links ul { display:inline-block; }
.links a { color:#16b8d9; }
.singleFoot address { float:none; padding:15px 0; width:100%; text-align:center; }
.singleFoot address br:first-child { display:none; }
/*
footer img { float:right; width:80px; height:80px; margin-top:40px; }
*/
@media screen and (max-width:1024px) {
.wrapper { padding:0 2%; width:96%; }
header button { display:block; float:right; margin-top:25px; width:35px; height:24px; background:url(../images/nav.png) no-repeat; }
.mainNav { display:none; float:left; width:100%; height:auto; line-height:normal; text-align:center; border-top:1px #ccc solid; }
.mainNav li { padding:15px; }
.tel li { padding:0 10px; width:auto; font-size:12px; }
.tel form { display:none; }
.linkNav li { width:20%; font-size:14px; }
.notice h3 { float:none; padding:0 20px; width:auto; height:60px; line-height:60px; }
.notice h3 span { display:none; }
.notice .mask { float:none; width:900px; }
.notice .more { display:inline-block; float:right; margin:-50px 20px 0 0; }
.notice .preview, .notice .next { display:none; }
.notice li { width:900px; }
.index2, .index5 { background:#eee; }
.box1, .box2, .box3, .box4, .box5, .box6 { clear:both; float:none; width:auto; }
.box1 { padding-right:0; }
.box6 { padding-top:0; }
.index5 { padding-bottom:45px; }
.link1, .link2 { float:none; display:inline-block; }
.app .mask { width:840px; }
footer address, .links { float:none; margin:0; width:auto; }
footer img { display:none; }
.linkNav li { transition-duration:0; -webkit-transition-duration:0; -o-transition-duration:0; -ms-transition-duration:0; -moz-transition-duration:0; }
.linkNav li:hover { transform:none; -webkit-transform:none; -o-transform:none; -ms-transform:none; -moz-transform:none; }
.cross li { margin:10px 20px; }
.links { padding:20px 0; border:0 none; border-top:1px #096cb3 solid; }
.links h4 { display:block; padding-bottom:0; padding-left:40px; width:auto; background-position:left top; }
.links h4 br { display:none; }
.links li { display:inline-block; margin-right:20px; }
.singleTitle { background-size:auto; }
.partner img { filter:grayscale(0); -webkit-filter:grayscale(0); }
.singleArea { width:100%; }
.singleArea .mask { width:800px; } 
.singleList li, .singleList figure { margin:0; width:100%; }
.singleList li { padding-bottom:50px; height:auto; }
.singleList img { margin-top:50px; }
/*--------------- 
内页
---------------*/
.notices { overflow:hidden; }
.notices .mask { margin-left:90px; margin-top:-45px; width:800px; }
.sub, .main { float:none; margin:0; width:auto; }
.main { border:0 none; }
.sub h3 { background:#0b8be6; }
.subNav { margin:0 auto 40px auto; width:auto; }
.subNav li { display:inline-block; width:30%; }
.history h4:after { display:none; }
.askSearch dl, .askSub { display:none; }
.askMain { float:none; width:100%; }
.queList1 { width:100%; }
.queList1 li { float:none; display:inline-block; margin-right:15px; }
.queList2 li.que1, .queList2 li.que2, .queList2 li.que3{ margin:0; padding:0 20px 0 80px; }
.queList2 li.que2, .queList2 li.que3 { background-position:30px center; }
.service .mask { width:680px; }
.serTabBox ul, .serTabBox li { float:none; margin-right:0; width:auto; }
.queList3 { width:auto; }
}
@media screen and (max-width:768px) {
.log, .log2, .reg, .pro { padding:0 10px; font-size:12px; }
.mainNav li { width:20%; }
.mainNav li:first-child { display:none; }
.singleNav { float:none; margin-top:0px; }
.singleNav li { margin-left:0; }
.singleBanner img { display:none; }
.singleBanner section { position:static; margin-left:0px; width:100%; }
.singleBanner section div { float:none; padding:0 20px; width:auto; text-align:left; }
.notice .mask { width:100%; }
.notice .mask, .notice li { height:280px; }
.notice section, .notice dl, .indexPic, .box1 .newsList { float:none; }
.picList { width:600px; }
.picList li:nth-child(3) { display:none; }
.box1 .newsList, .box3 .newsList { width:100%; }
.box3 .newsList li, .relNews .newsList li { float:none; width:auto; margin-right:0; }
.app .mask { width:560px; }
.partner .mask { width:600px; }
.partner .preview { left:0; }
.partner .next { right:0; }
.index5 li { padding-left:10px; width:100px; }
.cross li { margin:10px 40px; }
.cross2, .cross3 { text-align:center; }
.cross3 li { width:100px; line-height:40px; }
.cross3 figure, .cross3 p { display:block; }
.cross3 figure { margin-right:0; }
.singleFoot address br:first-child { display:block; }
.singleArea .mask { width:500px; } 
/*--------------- 
内页
---------------*/
.notices .mask { width:550px; }
.aboutPic .mask { display:none; }
.aboutPic .preview, .aboutPic .next { right:0; top:50%; width:52px; height:52px; background:url(../images/next2.png) no-repeat center center; }
.aboutPic .preview { right:auto; left:0; background:url(../images/preview2.png); }
.fck img, .organ img { width:100%; }
.history cite { display:none; }
.share { margin:20px auto 0 auto; }
.newsPic { float:none; }
.newsList2 { float:none; width:100%; }
.tab { height:auto; }
.tab li { padding:0; width:16%; text-align:center; }
.newsList3 img { float:none; margin:0; margin-bottom:10px; }
.queList2 li { font-size:16px; }
.queList2 li.que1 { background-position:20px center; }
.service .mask { width:510px; }
.serTab figure { margin:0 auto; }
.queList3 li { width:280px; }
}
@media screen and (max-width:480px) {
.log, .log2, .reg, .pro { float:left; width:50%; padding:0; font-size:12px; text-align:center; }
.reg { background:#0061ae; }
.save, .tel ul { display:none; }
header h1, .singleHead h1 { padding-left:0; width:auto; height:60px; line-height:normal; font-size:18px; background:none; }
.mainNav li { width:30%; }
.singleNav li { font-size:14px; }
.singleNav a { padding:0 20px; }
.banner { height:140px; }
.singleBanner { height:350px; }
.singleBanner ol li { width:50px; }
.banner img { margin-left:-480px; width:960px; height:140px; }
.linkNav li { display:block; width:100%; font-size:18px; }
.linkNav a { padding-top:0; background:none; }
.index1 { padding:25px 0; }
.notice .mask, .notice li { width:auto; height:300px; }
.notice section { width:260px; }
.notice section p { display:none; }
.notice dl { width:auto; }
.indexPic { width:280px; height:200px; }
.newsList span { display:none; }
.picList { width:auto; }
.picList li { padding-bottom:30px; }
.picList li:nth-child(3) { display:inline-block; }
.app .mask { width:280px; }
.partner .mask { width:200px; }
.index5 h3 { float:none; margin:0; margin-bottom:20px; padding:0; width:100%; height:auto; line-height:40px; text-align:center; background:#f2a60c; }
.box6 { padding:0; }
.box6 h3 { background:#16b8d9; }
footer address { padding:20px 0; font-size:12px; }
.cross li { margin:10px 20px; }
/*--------------- 
内页
---------------*/
.subBanner { height:90px; }
.subBanner img { margin-left:-480px; width:960px; height:90px; }
.position  { font-size:12px; }
.fck { font-size:14px; }
.notices h3 { display:none; }
.notices .mask { margin:0; padding:0; width:auto; }
.notices li { font-size:12px; }
.aboutTitle { margin:0; line-height:normal; font-size:30px; }
.aboutTitle span { font-size:14px; }
.aboutPic { height:170px; }
.aboutPic ul { width:100%; height:170px; }
.aboutPic .preview, .aboutPic .next { width:18px; height:30px; background:url(../images/next.png) no-repeat center center; }
.aboutPic .preview { background:url(../images/preview.png); }
.subNav li { width:45%; }
.organ { padding-top:50px; height:200px; }
.hisBox { padding-bottom:0; background:none; }
.history { padding-bottom:0; }
.history span { padding:20px 0; }
.history h4 { width:auto; font-size:16px; }
.history .even { text-align:left; }
.history .even span, .history .even h4 { float:none; margin-left:0; }
.askSearch input[type=text] { margin-bottom:10px; margin-right:0; width:240px; }
.tab { line-height:40px; }
.tab li { width:25%; font-size:12px; }
.table th { display:none; }
.table td { display:inline-block; width:90%; }
.queList1 li { margin-right:0; width:48%; font-size:14px; }
.queList2 li.que1, .queList2 li.que2, .queList2 li.que3 { padding:0; width:100%; text-align:left; text-indent:100px; }
.service .mask { width:170px; }
.serTabBox li p, .serTabBox li { height:auto; }
.queList3 li { width:90%; }
.singleContent { margin-bottom:50px; padding-bottom:0; }
.singleTab li { width:50%; box-sizing:border-box; }
.singleArea .mask { margin-bottom:30px; width:200px; } 
.singleArea ol { display:none; }
.singleList { margin-bottom:-50px; padding:0; }
.singleList figure, .singleList img { width:100%; height:auto; }
.singleList img { margin-top:0; }
}