/*全局*/
* { margin: 0; padding: 0; list-style: none; } 
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { min-width: 1200px; overflow: auto; margin: 0 auto; background-color: #f7f7f7; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; font-size: 18px; color: #000; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 
.htmlgray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter: none; } 
.w1200 { width: 1200px; margin: 0 auto; height: inherit; } 
table { border-collapse: collapse; table-layout:fixed !important; width:100% !important; border:none; margin:0 auto; } 
table th, table td { display:table-cell; vertical-align:middle !important; white-space: normal !important; white-space:pre-line; word-break:break-all !important; word-wrap:break-word !important; border: 1px solid #dedede; } 
.wbg { background-color: #fff; } 
.bg-f3 { background-color: #f3f3f3 !important; } 
.bg-f8 { background-color: #f8f8f8 !important; } 
.pd20 { padding: 20px; } 
.pd0 { padding: 0; } 
.pb0 { padding-bottom: 0 !important; } 
.pdtb60 { padding: 60px 0; } 
.pb40 { padding-bottom: 40px; } 

/* 通用 */
.main { min-height: 300px; } 

.main-content { width: 100%; font-size: 0; padding: 20px 0; padding-bottom: 60px; background-color: white; min-height: 300px; } 

.nodata { font-size: 18px; color: #404040; margin-top: 30px; } 

.title-1 { font-size: 0; margin-bottom: 30px; font-size: 36px; color: #51abe0; text-align: center; overflow: hidden; } 
.title-1 span { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 35px; } 
.title-1 span:before { content:""; position: absolute; top: 50%; left: -440px; margin-top: -5px; width: 440px; height: 10px; background: url(../images/idxinfo1.png) no-repeat center; background-size: contain; } 
.title-1 span:after { content:""; position: absolute; top: 50%; right: -440px; margin-top: -5px; width: 440px; height: 10px; background: url(../images/idxinfo2.png) no-repeat center; background-size: contain; } 

.title-2 { padding: 30px 0; font-size: 30px; color: #000000; font-weight: bold; text-align: center; } 


/* 头部 */
.header .hd_bg { width: 100%; padding: 20px 0; background-color: white; } 
.header .hd_top { padding: 10px 0; background-color: #efefef; font-size: 14px; color: #999999; } 
.header .hd_top .fl { max-width: 800px; overflow: hidden; white-space: nowrap; } 
.header .hd_top a { font-size: 14px; color: #999999; } 
.header .hd_top a:hover { color: #51abe0; } 
.logo { float: left; font-size: 0; } 

.new_header { padding: 15px 0; background-color: #51abe0; } 
.new_header .logo { float: left; } 
.new_header .right { float: right; font-size: 16px; color: #ffffff; } 
.new_header .right a { font-size: 16px; color: #ffffff; line-height: 40px; } 

.hotline { margin-top: 15px; font-weight: bold; float: right; padding-left: 55px; position: relative; line-height: normal; } 
.hotline .icon { font-weight: normal; font-size: 45px; color: #f67a00; position: absolute; top: 3px; left: 0; } 
.hotline .txt { font-size: 24px; color: #f67a00; font-weight: bold; } 
.hotline .txt span { font-weight: normal; font-size: 14px; color: #6d6d6d; display: block; } 

/* 导航 */
.nav { height: 50px; font-size: 0; white-space: nowrap; background-color: #51abe0; z-index: 999; } 
.nav .w1200 { height: 100%; } 
.nav .el { width: 170px; height: 100%; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { padding: 13.5px 0; font-size: 18px; color: #fff; display: block; font-weight: bold; } 
.nav .el:hover,.nav .el.on { background-color: #ee8200; } 
.nav .sel { display: none; position: absolute; width: 100%; left: 0; top:50px; z-index: 999; } 
.nav .sel a { font-size: 16px; color: #191919; width: 100%; background-color: rgba(255, 255, 255, .7); display: block; padding:15px 0; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { color: #51abe0; } 

/* 底部 */
.footer { background-color: #f9f9f9; font-size: 16px; color: #6b6b6b; } 
.footer a { font-size: 16px; color: #6b6b6b; } 
.footer a:hover { color: #ee8200 !important; } 

.footer .f_link { width: 100%; } 
.footer .f_link .w1200 { border-bottom: 1px solid #eaeaea; padding: 30px 0; } 
.footer .f_link .area { height: 21px; overflow: hidden; line-height: 21px; } 
.footer .f_link .tit { float: left; font-size: 16px; color: #51abe0; } 
.footer .f_link .el { float: left; display: block; font-size: 16px; color: #6c6a6a; padding:0 23px; border-right: 1px solid#d2cece; } 
.footer .f_link .el:last-child { border: none; } 


.footer .f_top { padding: 50px 0; } 
.footer .f_top .f_nav { float: left; max-width: 700px; } 
.footer .f_top .f_nav .el { float: left; width: 140px; margin-left: 45px; } 
.footer .f_top .f_nav .el:first-child { margin-left: 0; } 
.footer .f_top .f_nav .el>a { margin-bottom: 10px; font-size: 16px; color: #000000; font-weight: bold; position: relative; padding-bottom: 20px; } 
.footer .f_top .f_nav .el>a:after { content:""; width: 25px; height: 1px; background-color: #aaaaaa; position: absolute; bottom: 0; left: 0; } 
.footer .f_top .f_nav .el .sel { padding-top: 25px; } 
.footer .f_top .f_nav .el .sel a { display: block; font-size: 14px; color: #6c6a6a; margin-top: 15px; } 

.footer .f_top .f_hotline { margin-left: 30px; float: left; width: 310px; font-size: 14px; color: #444444; } 
.footer .f_top .f_hotline .line { margin-bottom: 15px; font-size: 16px; color: #f67a00; } 
.footer .f_top .f_hotline .line>div { font-size: 30px; font-weight: bold; margin-top: 5px; } 
.footer .f_top .f_hotline .cl { margin-top: 10px; line-height: 25px; } 
.footer .f_top .f_hotline .cl div { float: left; } 
.footer .f_top .f_hotline .cl span { float: left; display: block; width: 250px; } 

.footer .f_top .qrcode { float: right; width: 145px; margin-top: 10px; } 
.footer .f_top .qrcode img { width: 145px; height: 145px; } 
.footer .f_top .qrcode div { margin-top:15px; font-size: 14px; color: #868686; text-align: center; } 

.footer .f_btm { background-color: #51abe0; padding: 20px 0; font-size: 14px; color: #fff; } 
.footer .f_btm a { font-size: 14px; color: #fff; } 



/* 内页栏目图 */
.inner-ban { height: 330px; width: 100%; background-color: white; } 
.inner-ban .img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 

/* 内页导航 */
.inner-menu { height: 60px; border-bottom: 1px solid #f1f1f1; background-color: white; } 
.inner-menu .menu { float: left; max-width: 880px; font-size: 0; text-align: center; } 
.inner-menu .menu .el { position: relative; margin-right: 15px; height: 57px; line-height: 57px; border-bottom: 3px solid transparent; text-align: center; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.inner-menu .menu .el:first-child { margin-left: 0; } 
.inner-menu .menu .el a { display: block; padding: 0 10px; font-size: 15px; color: #222222; } 
.inner-menu .menu .el:after { content: ""; width: 1px; height: 14px; background-color: #cccccc; position: absolute; top: 50%; margin-top: -7px; right: -7px; } 
.inner-menu .menu .el:hover,.inner-menu .el.on { border-color:#51abe0; } 
.inner-menu .menu .el:hover a,.inner-menu .el.on a { color: #51abe0; } 

.inner-menu .position { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-left: 25px; background: url(../images/pos.png) no-repeat center left; background-size: 16px 20px; float: right; max-width: 320px; font-size: 14px; color: #a3a3a3; height: 60px; line-height: 60px; } 
.inner-menu .position a { font-size: 14px; color: #a3a3a3; } 
.inner-menu .position a:hover { color: #51abe0; } 


/* 关于我们 */
.abt-con { margin-top: 50px; } 
.abt-con .title { font-size: 30px; color: #ee8200; font-weight: bold; margin-bottom: 25px; } 
.abt-con .txt { width: 580px; float: left; } 
.abt-con .txt .cont { text-indent: 2em; font-size: 17px; color: #333333; line-height: 37px; } 
.abt-con .img { float: right; width: 585px; } 
.abt-con .img img { display: block; margin-top: 30px; width: 100%; height: 240px; } 
.abt-con .img .tips { } 
.abt-con .img .tips .el { text-align: center; margin-left:30px; width: 150px; float: left; background: url(../images/idxabt.png) no-repeat left center; padding-left: 24px; height: 90px; } 
.abt-con .img .tips .el:first-child { margin-left: 0; } 
.abt-con .img .tips .el .tit { font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; height: 55px; line-height: 50px; font-size: 55px; font-weight: lighter; color: #f67a00; } 
.abt-con .img .tips .el .tit span { font-size: 16px; color: #f67a00; font-weight: normal; padding-left: 5px; } 
.abt-con .img .tips .el span { font-size: 15px; color: #888888; } 

/* 招标搜索 */
.tender-sch { margin-top: 20px; padding: 25px 0; background-color: #f6fafe; } 
.tender-sch form>div { float: left; } 
.tender-sch .el { margin-left: 25px; font-size: 16px; color: #333333; line-height: 40px; } 
.tender-sch input { width: 155px; font-size: 16px; background-color: white; padding:0 15px; height: 38px; line-height: 38px; outline: none; border: 1px solid #e6dcdc; } 
.tender-sch input.ipt { width: 235px; } 
.tender-sch select { width: 180px; height: 38px; line-height: 38px; background-color: white; border: 1px solid #e6dcdc; } 
.tender-sch .btn { cursor: pointer; margin-left: 15px; border: 1px solid #e6dcdc; width: 85px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #333333; background-color: white; } 
.tender-sch .btn.b1 { margin-left: 30px; background-color: #51abe0; color: #fff; } 

/* 招标列表 */
.tender { } 
.tender .w1 { height: 70px; width:180px; padding-left: 25px; margin-right: 20px; } 
.tender .w2 { height: 70px; width:715px; margin-right: 30px; } 
.tender .w3 { height: 70px; width:115px; margin-right: 10px; } 
.tender .w4 { height: 70px; width: 100px; text-align: center; } 
.tender .title { border-bottom: 2px solid #dddddd; font-size: 16px; color: #000000; font-weight: bold; line-height: 80px; white-space: nowrap; } 
.tender .title>div { float: left; } 
.tender .tdlist { } 
.tender .tdlist .el { overflow: hidden; line-height: 70px; height: 70px; border-bottom: 1px dashed #e9e9e9; } 
.tender .tdlist .el div { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.tender .tdlist .el a { display: block; font-size:16px; } 
.tender .tdlist .el .num { color: #818181; } 
.tender .tdlist .el .tit { color: #000000; position: relative; } 
.tender .tdlist .el .tit:after { content: ""; position: absolute; right: -40px; top: 50%; margin-top: -7.5px; background: url(../images/idxnew.png) no-repeat center; background-size: contain; width: 30px; height: 15px; } 
.tender .tdlist .el .time { color: #818181; } 
.tender .tdlist .el .btn { line-height: normal; margin-top: 17px; color: #51abe0; line-height: 35px; border-radius: 3px; width: 95px; height: 35px; text-align: center; border: 1px solid #51abe0; } 
.tender .tdlist .el .btn:hover { background-color:#51abe0; color: #fff; } 
.tender .tdlist .el .btn.on { color: #f67a00; border-color: #f67a00; } 
.tender .tdlist .el .btn.on:hover { background-color: #f67a00; color: #fff; } 
.tender .tdlist .el .btn.done { background-color: rgb(4, 162, 4); color: #fff; border-color: transparent; } 
.tender .tdlist .el:hover { background-color:#e8f1fb; } 

/* 列表 */
.list { } 
.list .el { width: 100%; border-bottom: 1px solid #e8e8e8; position: relative; transition: .3s all ease-out; } 
.list .el a { padding: 30px 40px; display: block; } 
.list .el .time { float: left; width: 90px; height: 110px; background-color: #eeeeee; color: #f67a00; font-size: 14px; text-align:center; transition: .3s all ease-out; } 
.list .el .time div { margin-top: 15px; margin-bottom: 5px; font-size: 42px; font-weight: bold; } 
.list .el .cont { float: right; width: 960px; } 
.list .el .cont .tit { font-size: 20px; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; } 
.list .el .cont .smry { font-size: 16px; color: #9b9a9a; line-height: 30px; } 
.list .el .btn { width: 110px; height: 35px; line-height: 35px; font-size: 14px; background-color: #f67a00; text-align: center; color: #ffffff; position: absolute; bottom: 30px; right: 40px; } 

.list .el:hover { background-color: #e8f2fb; transition: .3s all ease-out; } 
.list .el:hover .time { background-color: #51abe0; color: #fff; transition: .3s all ease-out; } 
.list .el:hover .cont .tit { color: #51abe0; } 
.list .el:hover .btn { background-color: #51abe0; color: #fff; } 

/* 招聘 */
.joblist { } 
.joblist .titarea { text-align: left; font-size: 0; font-weight: bold; background-color: #f0faff; padding: 25px 30px; } 
.joblist .titarea>* { margin-right: 10px; font-size: 16px; text-align: center; color: #333333; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joblist .w1 { width:250px; text-align: left !important; } 
.joblist .w2 { width: 100px; } 
.joblist .w3 { width: 400px; } 
.joblist .w4 { width: 100px; } 
.joblist .w5 { width: 150px; } 

.joblist .el { font-size: 0; } 
.joblist .el .head { text-align: left; padding: 25px 30px; border-bottom: 1px dashed #eeeeee; position: relative; } 
.joblist .el .head>* { margin-right: 10px; font-size: 16px; color: #666666; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joblist .el .head .btn { cursor: pointer; position: absolute; bottom: 20px; right: 20px; color: #d4d4d4; font-size: 20px; transition: .3s all ease; } 

.joblist .el .con { display: none; font-size: 16px; color: #494949; padding: 30px 25px; line-height: 30px; border-bottom: 1px dashed #eeeeee; padding-bottom: 50px; } 

.joblist .el .mailcon { margin-top: 30px; margin-left: 25px; width: 330px; background-color: #005bac; font-size: 18px; color: #ffffff; font-weight: bold; padding: 15px 0; text-align: center; } 

.joblist .el.on .head .btn { transform: rotate(180deg); transition: .3s all ease; } 


/* 页数 */
.page { margin: 0 auto; white-space: nowrap; font-size: 0; text-align: center; margin-top: 35px; } 
.page * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; } 
.page a { margin: 0 5px; min-width: 10px; cursor: pointer; padding: 10px 15px; font-size: 14px; color: #333333; background-color: #eef0f1; } 
.page a:first-child { border-left: 1px solid #e2e2e2; } 
.page .total { font-size: 14px; color: #333333; padding:11px 18px; vertical-align: middle; } 
.page .psch { margin: 0 6px; width: 115px; height: 41px; } 
.page .psch .txt { font-size: 14px; color:#999999; vertical-align: middle; padding: 0 10px; } 
.page .psch input { width: 25px; height: 23px; padding: 8px; font-size: 14px; border: 1px solid #e2e2e2; vertical-align: middle; outline: none; text-align: center; } 
.page .psch .btn { cursor: pointer; font-size: 14px; color: #707070; height: 21px; padding: 9px; vertical-align: middle; border: 1px solid #e2e2e2; } 
.page .psch .btn:hover,.page a:hover,.page a.on { color: #fff; background-color: #51abe0; } 
.page a.none { background-color: #e2e2e2; color: #a5a5a5; cursor: not-allowed; } 
 
/* 文章 */ 
.article { padding-bottom: 30px; } 

.article .title { margin-top: 20px; text-align: center; font-size: 30px; font-weight: bold; color: #010101; line-height: 50px; } 
.article .smry { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 25px; margin-top: 25px; font-size: 16px; color: #6e6e6e; text-align: center; } 

.article .tit-con { padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; text-align: left; } 
.article .tit-con .left { float: left; width: 980px; } 
.article .tit-con .left.w100 { float: none; width: 100%; } 
.article .tit-con .left .title { text-align: left; } 
.article .tit-con .tips { margin-top: 20px; font-size: 16px; color: #6e6e6e; } 
.article .tit-con .tips span { color: #f67a00; } 
.article .tit-con .right { display: block; outline: none; border: none; margin-top: 40px; border-radius: 3px; cursor: pointer; float: right; width: 160px; line-height: 50px; height: 50px; text-align: center; background-color: #51abe0; font-size: 16px; color: #ffffff; } 
.article .tit-con .right:hover { background-color: #f67a00; } 

.article .tit-con .right.on { background-color: #51abe0; } 
.article .tit-con .right.green { background-color: rgb(0, 150, 3); } 
.article .tit-con .right.green:hover { opacity: .8; } 
.article .tit-con .right.done { background-color: rgb(0, 102, 150); } 
.article .tit-con .right.done:hover { opacity: .8; } 

.content { font-size: 16px; color: #333333; line-height: 35px; } 
.content p { line-height: 39px; font-size: 18px; color: #1e1e1e; } 

.article .content { min-height: 200px; margin-top: 30px; } 

.content.abt img { float: left; margin-right: 30px; } 

.consult_title { margin-bottom: 30px; padding: 30px 0; border-bottom: 1px solid #f3f3f3; font-size: 30px; color: #000000; text-align: center; font-weight: bold; } 

.consult { margin-top: 40px; } 
.consult .title { font-size: 22px; color: #51abe0; text-align: left; margin-bottom: 30px; } 
.consult .el { float: left; width: 385px; height: 310px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; } 
.consult .el:nth-child(3n) { margin-right: 0; } 
.consult .el a { display: block; } 
.consult .img { transition: .3s all linear; width: 100%; height: 250px; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; } 
.consult .txt { height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.consult .el:hover .img { transform: scale(1.1); transition: .3s all linear; } 
.consult .el:hover .txt { color: #f67a00; } 

.imglist { *zoom: 1; } 
.imglist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.imglist .el { cursor: pointer; float: left; width: 285px; margin-right: 20px; margin-bottom: 25px; } 
.imglist .el.on,.imglist .el:nth-child(4n) { margin-right: 0; } 
.imglist .el .img { width: 100%; height: 215px; overflow: hidden; background-color: transparent } 
.imglist .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.imglist .el .tit { padding: 13px 0; font-size: 16px; color: #333333; background-color: #ffffff; text-align: center; } 
.imglist .el:hover { box-shadow: 0 0 20px 1px #d6d6d6; } 
.imglist .el:hover .tit { color: #005bac; background-color: white; font-weight: bold; } 
.imglist .el:hover .img div { transform: scale(1.1); transition: .3s all ease; opacity: .7; } 

.honor-list { *zoom: 1; } 
.honor-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.honor-list .el { cursor: pointer; float: left; width: 285px; margin-right: 20px; margin-bottom: 25px; } 
.honor-list .el.on,.imglist .el:nth-child(4n) { margin-right: 0; } 
.honor-list .el .img { width: 100%; height: 215px; overflow: hidden; background-color: transparent } 
.honor-list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; transition: .3s all ease; } 
.honor-list .el .tit { padding: 13px 0; font-size: 16px; color: #333333; background-color: #ffffff; text-align: center; } 
.honor-list .el:hover { box-shadow: 0 0 20px 1px #d6d6d6; } 
.honor-list .el:hover .tit { color: #005bac; background-color: white; font-weight: bold; } 
.honor-list .el:hover .img div { transform: scale(1.1); transition: .3s all ease; opacity: .7; } 


/* 历程 */
.abt-dev { margin-top: 50px; } 
.abt-dev .area { position: relative; padding-top: 30px; position: relative; } 
.abt-dev .area:first-child { padding-top: 0; } 
.abt-dev .area:first-child .line { height: 50%; top: 50%; } 
.abt-dev .area:last-child .line { height: 50%; } 
.abt-dev .area .line { height: 100%; border: 1px dashed #d5d5d5; width: 0; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1; } 
.abt-dev .area .year { position: absolute; top: 30px; width:542px; height: calc(100% - 30px ); } 
.abt-dev .area .year .yel { position: absolute; top: 50%; margin-top: -20px; height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #005bac; text-align: center; } 
.abt-dev .area .year .yel span { font-size: 20px; font-weight: normal; } 
.abt-dev .area .cl { background: url(../images/cul.png) no-repeat center; } 
.abt-dev .area .lf { float: left; } 
.abt-dev .area .rg { float: right; } 
.abt-dev .area .year.lf { left: 0; text-align: right; } 
.abt-dev .area .year.lf .yel { right: 0; } 
.abt-dev .area .year.rg { right: 0; text-align: left; } 
.abt-dev .area .year.rg .yel { left: 0; } 
.abt-dev .area .el { border: 1px solid #d5d5d5; position: relative; text-align: left; background-color: #f9f9f9; padding: 20px 25px; width:490px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.abt-dev .area .el .ring { position: absolute; width: 16px; height: 26px; top: 50%; margin-top: -13px; z-index: 999; } 
.abt-dev .area .el .tit { font-size: 22px; color: #5c5c5c; font-weight: bold; } 
.abt-dev .area .el .con { font-size: 18px; color: #808080; line-height: 35px; } 
.abt-dev .area .lf .el .ring { right: -16px; background: url(../images/culr.jpg) no-repeat center; } 
.abt-dev .area .rg .el .ring { left: -15px; background: url(../images/cull.jpg) no-repeat center; } 

/* 上下页 */
.pan { margin-top: 25px; background-color: #f8f8f8; padding: 30px 35px; font-size: 0; } 
.pan a { font-size: 16px; color: #3f3f3f; font-weight: normal; } 
.pan a:hover { color: #005bac; } 
.pan .left { width: 900px; float: left; } 
.pan .pre,.pan .next { font-size: 16px; color: #000000; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .pre { margin-bottom: 20px; } 
.pan .back { float: right; margin: 0 10px; margin-top: 10px; text-align: center; width: 160px; height: 45px; line-height: 45px; font-size: 16px; color: #fff; background-color: #51abe0; } 
.pan .back:hover { background-color: #f67a00; } 
.pan .back a { font-size: 16px; color: #fff; display: block; } 

.file { margin: 30px 0; } 
.file img { display: inline; } 
.file .tit { font-size: 18px; color: #51abe0; font-weight: bold; margin-bottom: 10px; } 
.file a { color: #000; font-size: 18px; line-height: 35px; display: block; } 
.file a:hover { color: #51abe0; } 

/* 首页 */

/* 幻灯 */
.idx-ban { width: 100%; height: 500px; position: relative; text-align: center; overflow: hidden; } 
.idx-ban .bd { width: 100%; height: 100%; margin: 0 auto; } 
.idx-ban .bd .el { width: 100%; height: 100%; } 
.idx-ban .bd .el div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.idx-ban .hd { position: absolute; width: 100%; left: 0; bottom: 30px; } 
.idx-ban .hd ul { width: 100%; text-align: center; } 
.idx-ban .hd ul li { display: inline-block; *display: inline; *zoom:1; width: 30px; height: 4px; background-color:#fff; margin: 0 8px; cursor: pointer; } 
.idx-ban .hd ul li.on { background-color: #f67a00; } 


/* 搜索 */
.idx-sch { overflow: hidden; width: 100%; height: 60px; background-color: #f7f7f7; font-size: 0; } 
.idx-sch .txt>*,.idx-sch .iptarea form>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-sch .txt { padding: 15px 0; float: left; white-space: nowrap; vertical-align: middle; } 
.idx-sch .tit { font-size: 24px; color: #51abe0; font-weight: bold; } 
.idx-sch .txt .iconfont { font-size: 30px; color: #51abe0; margin-right: 10px; } 

.idx-sch .iptarea { float: right; width: 1050px; height: 100%; } 
.idx-sch .iptarea span { font-size: 16px; color: #000000; margin:0 5px; } 
.idx-sch .iptarea span.l40 { padding-left: 40px; } 
.idx-sch .iptarea form { width: 100%; height: 100%; text-align: right; } 
.idx-sch .iptarea input { margin-right: 30px; width: 300px; font-size: 16px; text-align: left; padding:10px; color: #000; height: 16px; outline: none; background-color: white; border: 1px solid #e5e5e5; } 
.idx-sch .iptarea select { font-size: 16px; width: 130px; padding:5px 10px; color: #000; height: 36px; background-color: white; border: 1px solid #e5e5e5; } 
.idx-sch .iptarea .btn { border: none; outline: none; height: 60px; line-height: 60px; vertical-align: middle; font-size: 18px; margin-left: 15px; cursor: pointer; color: #fff; width: 100px; text-align: center; background-color: #51abe0; } 
.idx-sch .iptarea .btn:hover { background-color: #51abe0; } 

.idx-sch.sch { margin-bottom: 30px; background-color: white; } 

.idx-info { background-color: white; padding: 40px 0; } 

.idx-info .area { border: 1px solid #cfdfe7; height: 550px; overflow: hidden; } 
.idx-info .area .left { float: left; width: 280px; background-color: #f5f9fb; } 
.idx-info .area .left .menu { height: 550px; padding-left: 15px; } 
.idx-info .area .left .menu .el { cursor: pointer; padding: 15px 0; padding-left: 20px; margin-top: 10px; font-size: 18px; color: #51abe0; user-select: none; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } 
.idx-info .area .left .menu .el:hover,.idx-info .area .left .menu .el.on { background-color: #f67a00; color: #fff; } 
.idx-info .area .left .menu .el .iconfont { font-size: 20px; vertical-align: -1px; margin-right: 10px; } 
.idx-info .area .left .menu .el:last-child { margin-bottom: 0; } 
.idx-info .area .left .btn { margin: 0 auto; width: 240px; height: 50px; line-height: 50px; background-color: #51abe0; border-radius: 5px; text-align: center; } 
.idx-info .area .left .btn a { display: block; font-size: 16px; color: #ffffff; } 
.idx-info .area .left .btn:hover { background-color: #51abe0; } 
.idx-info .area .left .btns { overflow: hidden; text-align: center; height: 115px; border-top: 1px solid #f0dede; margin-top: 20px; font-size: 0; white-space: nowrap; } 
.idx-info .area .left .btns>* { width: 140px; padding: 17px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-info .area .left .btns .txt { font-size: 15px; color: #000000; font-weight: bold; } 
.idx-info .area .left .btns a { font-size: 15px; color: #000000; } 
.idx-info .area .left .btns img { margin: 0 auto; margin-bottom: 10px; display: block; height: 33px; } 
.idx-info .area .left .btns .btn1 { border-right: 1px solid #cfdfe7; } 
.idx-info .area .left .btns .btn1.on { border: none; } 
.idx-info .area .left .btns .btm,.idx-info .area .left .btns .btm a { font-size: 14px; color: #909090; } 
.idx-info .area .left .btns .btm a:hover { color: #51abe0; } 
.idx-info .area .left .btns .btn2:hover .btm { color: #51abe0 !important; } 
.idx-info .area .right { padding: 14px 0; float: right; width: 870px; padding-right:20px; } 
.idx-info .area .right .conts { height: 480px; margin-bottom: 30px; } 

.list-2 .el { padding: 0 5px; border-bottom: 1px dashed #dee7f0; height: 42px; line-height: 42px; } 
.list-2 .el a { display: block; } 
.list-2 .el .tit { position: relative; float: left; margin-right: 45px; font-size: 16px; color: #000000; max-width: 700px; padding-left: 15px; background: url(../images/dot.jpg) no-repeat left center; background-size: 5px; } 
.list-2 .el.on .tit:after { content: ""; position: absolute; right: -40px; top: 50%; margin-top: -7.5px; background: url(../images/idxnew.png) no-repeat center; background-size: contain; width: 30px; height: 15px; } 
.list-2 .el .time { float: right; width: 90px; font-size: 16px; color: #abaaaa; text-align: right; } 
.list-2 .el:hover .tit,.list-2 .el:hover .time { color: #51abe0; } 

.list-2.sch .el { border-bottom-style: solid; height: 55px; line-height: 55px; } 
.list-2.sch .el .tit { max-width: 1020px; } 

/* 关于我们 */
.idx-abt { padding: 50px 0; background: url(../images/idxabtbg.jpg) no-repeat center; background-size: cover; } 
.idx-abt .area { } 
.idx-abt .area .txt { padding-top: 15px; width: 675px; float: left; } 
.idx-abt .area .txt .title { font-size: 30px; color: #000000; font-weight: bold; margin-bottom: 20px; } 
.idx-abt .area .txt .cont { font-size: 16px; color: #333333; line-height: 35px; } 
.idx-abt .area .txt .tips { margin-top: 35px; } 
.idx-abt .area .txt .tips .el { margin-left:60px; width: 160px; float: left; background: url(../images/idxabt.png) no-repeat left center; padding-left: 24px; height: 75px; } 
.idx-abt .area .txt .tips .el:first-child { margin-left: 0; } 
.idx-abt .area .txt .tips .el .tit { font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-weight: lighter; height: 55px; line-height: 50px; text-align: left; font-size: 55px; color: #f67a00; } 
.idx-abt .area .txt .tips .el .tit span { font-size: 16px; color: #f67a00; font-weight: normal; padding-left: 5px; } 
.idx-abt .area .txt .tips .el span { font-size: 15px; color: #888888; } 
.idx-abt .area .img { float: right; width: 490px; } 
.idx-abt .area .img img { width: 100%; height: auto; } 

.honor-banner { margin-top: 40px; height: 185px; width: 101%; overflow: hidden; } 
.honor-banner .el {cursor: pointer; float: left; margin-right: 20px; width: 285px; height: 185px; overflow: hidden; } 
.honor-banner .el a { display: block; width: 100%; height: 100%; } 
.honor-banner .el .img { width: 100%; height: 185px; overflow: hidden; background-color: transparent } 
.honor-banner .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain; transition: .3s all ease; } 
.honor-banner .el:hover .img div { transform: scale(1.1); transition: .3s all ease; opacity: .7; } 


/* 业务范围 */
.idx-ser { padding: 50px 0; background-color: white; } 
.idx-ser .el { position: relative; float: left; margin-left: 20px; width: 285px; height: 200px; background-color: #fef5f6; border-radius: 5px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.idx-ser .el.e1 { background-image: url(../images/idxser1.png); } 
.idx-ser .el.e2 { background-image: url(../images/idxser2.png); } 
.idx-ser .el.e3 { background-image: url(../images/idxser3.png); } 
.idx-ser .el.e4 { background-image: url(../images/idxser4.png); } 
.idx-ser .el a { display: block; } 
.idx-ser .el:first-child { margin-left: 0; } 
.idx-ser .el .tit { position: relative; height: 120px; padding: 40px 0; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-ser .el .tit .ctit { font-size: 20px; color: #ffffff; } 
.idx-ser .el .tit .etit { margin-top: 7px; font-size:16px; color: #51abe0; } 
.idx-ser .el .tit .iconfont { margin: 0 auto; margin-bottom: 8px; border: 2px solid #fff; border-radius: 100%; width: 60px; height: 60px; line-height: 60px; font-size: 40px; color: #fff; font-weight: normal; } 
.idx-ser .el.e3 .tit .iconfont { font-size: 34px; } 
.idx-ser .el.e4 .tit .iconfont { font-size: 34px; } 
.idx-ser .el .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .2s all ease; opacity: 0; visibility: hidden; background-color: #51abe0; text-align: center; } 
.idx-ser .el .cont .cont_inn { padding: 35px 30px; font-size: 24px; color: #ffffff; font-weight: bold; } 
.idx-ser .el .cont .cont_inn div { height: 90px; overflow: hidden; margin-top: 10px; font-weight: normal; font-size: 16px; color: #c8eafe; line-height: 30px; } 
.idx-ser .el.e3 .iconfont { font-size: 55px; } 
.idx-ser .el.e4 .iconfont { font-size: 65px; } 
.idx-ser .el:hover .cont { opacity: 1; visibility: visible; transition: .5s all ease; } 
.idx-ser .el:hover .tit { opacity: 0; visibility: hidden; transition: .1s all ease; } 

/* 联系我们 */
.contact { font-size: 18px; color: #7d7c7c; } 
.contact .area { margin-top: 20px; } 
.contact .area .left { float: left; width: 520px; padding: 40px; background-color: #51abe0; } 
.contact .area .left .tit { margin-bottom: 20px; font-size: 24px; color: #ffffff; font-weight: bold; } 
.contact .area .left div { font-size: 16px; color: #ecf7ff; margin-bottom:15px; } 
.contact .area .right { float: right; width: 520px; height: 231px; padding: 50px 40px; background-color: #f6f6f6; } 
.contact .area .right .tit { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 10px; } 
.contact .area .right .cont { font-size: 16px; color: #8c8b8b; margin-bottom: 25px; } 
.contact .area .right form { font-size:0; } 
.contact .area .right input { float: left; display: block; margin-bottom: 20px; margin-left: 10px; font-size: 16px; outline: none; width: 130px; padding: 0 15px; height: 43px; line-height: 43px; border: 1px solid #b4b4b4; } 
.contact .area .right input:first-child { margin-left: 0; } 
.contact .area .right input.ipt { margin-left: 0; width: 305px; } 
.contact .area .right .btn { cursor: pointer; margin-left: 20px; float: left; line-height: 45px; width: 160px; height: 45px; font-size: 16px; color: #fff; background-color: #f67a00; text-align: center; } 


.process { margin-bottom: 35px; font-size: 0; text-align: center; } 
.process .ele { font-size: .26rem; color: #8f8f8f; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.process .ele div { margin: 0 auto; margin-bottom:10px; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color:#999999; border: 1px solid #e7e7e7; text-align: center; border-radius: 100%; } 
.process .ele.ctr:after, .process .ele.ctr:before { content:""; width: 240px; height: 2px; background-color: #e6e6e6; position: absolute; top: 15px; } 
.process .ele.ctr:after { right: 0; } 
.process .ele.ctr:before { left: 0; } 
.process .ele.ctr { width: 550px; position: relative; } 
.process .ele.on div { background-color: #51abe0; color: #fff; border-color: #51abe0; } 
.process .ele.on { color: #000; } 



.frame_search { padding: 10px 20px; } 
.frame_search input { border: 1px solid #bfcbd9; outline-color: #bfcbd9; padding: 10px; display: block; width: calc(100% - 22px); font-size: 16px; } 

.sch-tips { margin-bottom: 20px; font-size: 18px; color: #ffffff; background-color: #51abe0; padding:0 35px; height: 60px; line-height: 60px; } 
.sch-tips span { color: #f8ffc8; } 

.sch-form { font-size: 0; margin: 30px auto; margin-bottom: 40px; width: 670px; padding: 0 45px; background-color: #f5f5f5; border-radius: 40px; height: 55px; line-height: 55px; } 
.sch-form input { vertical-align: middle; width: 600px; font-size: 16px; outline: none; border: none; background-color: transparent; height: 55px; line-height: 55px; } 
.sch-form .iconfont { cursor: pointer; padding-left:40px; background: transparent; outline: none; border: none; font-size: 30px; color: #51abe0; vertical-align: middle; } 


/* 下载 */
.dwnlist { } 
.dwnlist .el { border-radius: 2px; overflow: hidden; margin-bottom: 15px; width: 100%; border: 1px solid #e5e5e5; background-color: white; transition: .3s all ease-out; } 
.dwnlist .el a { display: block; height: 100; width: 100%; *zoom: 1; } 
.dwnlist .el a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.dwnlist .el .con { float: left; padding: 15px 40px; width: 1000px; } 
.dwnlist .el .con .tit { height: 60px; word-break:break-all; margin-bottom: 10px; line-height: 30px; font-size: 22px; color: #333333; font-weight: bold; } 
.dwnlist .el .con .time { font-size: 15px; color: #787878; } 
.dwnlist .el .btn { float: right; width: 115px; font-size: 15px; color: #fff; background-color: #51abe0; padding: 25px 0; height: 70px; text-align: center; transition: .3s all ease-out; } 
.dwnlist .el .btn .iconfont { font-size: 45px; margin-bottom: 5px; } 

.dwnlist .el:hover { border-color: #febcb9; transition: .3s all ease-out; } 
.dwnlist .el:hover .btn { background-color: #f67a00; color: #ffffff; transition: .3s all ease-out; } 

/* 用户类型 */
.style { width: 960px; margin:35px auto; } 
.style a { display: block; padding:55px 0; height:165px; } 
.style_1 { width:430px; background-color: #ffeff0; border-radius:5px; text-align:center; cursor:pointer; } 
.style .t1 { float:left; } 
.style .t2 { float: right; } 
.style_1 h2 { font-size:26px; font-weight:bold; padding:15px 0; color: #e62129; } 
.style_1 p { font-size:16px; line-height:30px; color: #bfad94; } 

.style_1 .iconfont { font-size: 120px; color: #e62129; } 
.style_1:hover { background-color: #e62129; } 
.style_1:hover .iconfont,.style_1:hover h2 { color: white; } 
.style_1:hover p { color: #ba5c65; } 
.style_tip { font-size:16px; color:#818080; line-height:30px; padding: 0 35px; padding-top: 20px; } 
.style_tip span { color:#fe0000; } 

.expert_done { text-align: center; font-size: 26px; color: #f67a00; font-weight: bold; } 
.expert_done img { display: block; margin: 0 auto; height: 200px; margin-bottom: 30px; } 

.applylist { padding-bottom: 50px; } 
.applylist .title { padding: 0 20px; font-size: 0; text-align: left; background-color: #fff1f0; border: 1px solid #e5e5e5; height: 55px; line-height: 55px; color: #333; font-weight: bold; } 
.applylist .title >* { font-size: 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.applylist .w1 { width:330px; } 
.applylist .w2 { width:110px; text-align: center; margin:0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.applylist .w3 { width:140px; text-align: center; margin:0 10px; } 
.applylist .w4 { width:300px; margin:0 10px; } 
.applylist .w5 { width:100px; text-align: center; margin:0 10px; } 
.applylist .w5.ing { color: red; font-weight: bold; } 
.applylist .w5.on { color: rgba(186, 186, 6, 0.737); font-weight: bold; } 
.applylist .w5.none { color: gray; font-weight: bold; } 
.applylist .w5.paying { color: green; font-weight: bold; } 
.applylist .w5.payend { color: rgb(2, 139, 184); font-weight: bold; } 
.applylist .w5.end { font-weight: bold; } 
.applylist .w5.rea { font-weight: bold; color: #f67a00; } 
.applylist .w5.rea:hover ,.applylist .w5.none:hover { user-select: none; cursor: pointer; opacity: .6; } 
.applylist .w6 { width:90px; text-align: center; } 

.applylist .w6 .btn { user-select: none; outline: none; border: none; font-size: 16px; border-radius: 3px; color: #fff; cursor: pointer; width: 90px; height: 35px; line-height: 35px; background-color:rgb(0, 150, 3); } 
.applylist .w6 .btn:hover { opacity: .8; } 
.applylist .w6 .btn.dwn { background-color: rgb(0, 102, 150); } 
.applylist .w6 .btn.reb { background-color:#51abe0; } 

.applylist .el { padding: 20px; color: #333; border-bottom: 1px dashed #e5e5e5; font-size: 0; } 
.applylist .el>* { font-size: 17px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.applylist .el a { font-size: 17px; font-weight: bold; color: #333; } 
.applylist .count { border: 1px solid #e5e5e5; margin-bottom: 20px; padding:10px 0; font-size: 0; } 
.applylist .count>* { border-left: 1px solid #e5e5e5; font-size: 16px; padding: 0 20px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.applylist .count :first-child { border-left: none; } 
.applylist .count span { font-weight: bold; } 
.applylist .count .c1 { color: red; } 
.applylist .count .c2 { color: rgba(186, 186, 6, 0.737); } 
.applylist .count .c3 { color: gray; } 
.applylist .count .c4 { color: green; } 
.applylist .count .c5 { color: rgb(2, 139, 184); } 
.applylist .count .c6 { color: #f67a00; } 

.applylist .fel { user-select: none; cursor: pointer; margin-top: 10px; font-size: 16px; } 
.applylist .fel:hover { color: #f67a00; } 
.applylist .fel:first-child { margin-top: 0; } 

.layui-layer-ico.layui-layer-close.layui-layer-close2 { z-index: 999; }