/*全局*/
* { 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: #db261d; 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: 30px 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: #db261d; } 
.logo { float: left; font-size: 0; } 

.new_header { padding: 15px 0; background-color: #db261d; } 
.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 { 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-size: 14px; color: #6d6d6d; display: block; } 

/* 导航 */
.nav { height: 50px; font-size: 0; white-space: nowrap; background-color: #db261d; 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; } 
.nav .el:hover,.nav .el.on { background-color: #e66861; } 
.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: #db261d; } 

/* 底部 */
.footer { border-top: 4px solid #db261d; background-color: #f9f9f9; font-size: 16px; color: #6b6b6b; } 
.footer a { font-size: 16px; color: #6b6b6b; } 
.footer a:hover { color: #d01c15 !important; } 

.footer .f_top { padding: 50px 0; border-bottom: 1px solid #d4d4d4; } 
.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: 200px; } 

.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 { padding: 20px 0; font-size: 14px; color: #6b6b6b; } 
.footer .f_btm a { font-size: 14px; color: #6b6b6b; } 



/* 内页栏目图 */
.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:#db261d; } 
.inner-menu .menu .el:hover a,.inner-menu .el.on a { color: #db261d; } 

.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: #db261d; } 


/* 关于我们 */
.abt-con { margin-top: 50px; } 
.abt-con .txt { width: 580px; float: left; } 
.abt-con .txt .title { font-size: 30px; color: #db261d; font-weight: bold; margin-bottom: 25px; } 
.abt-con .txt .cont { text-indent: 2em; font-size: 16px; color: #333333; line-height: 35px; } 
.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 { height: 55px; line-height: 50px; font-size: 55px; font-weight: bold; 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: #fef6f6; } 
.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: #db261d; 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: #db261d; line-height: 35px; border-radius: 3px; width: 95px; height: 35px; text-align: center; border: 1px solid #db261d; } 
.tender .tdlist .el .btn:hover { background-color:#db261d; 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:#fbe9e8; } 

/* 列表 */
.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: #fbe9e8; transition: .3s all ease-out; } 
.list .el:hover .time { background-color: #db261d; color: #fff; transition: .3s all ease-out; } 
.list .el:hover .cont .tit { color: #db261d; } 
.list .el:hover .btn { background-color: #db261d; color: #fff; } 

/* 招聘 */
.joblist { } 
.joblist .titarea { text-align: left; font-size: 0; font-weight: bold; background-color: #fff1f0; 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: #db261d; } 
.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: #db261d; font-size: 16px; color: #ffffff; } 
.article .tit-con .right:hover { background-color: #f67a00; } 

.article .tit-con .right.on { background-color: #e66861; } 
.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: #db261d; 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 { 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: #005bac; } 
.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; } 


/* 历程 */
.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: #db261d; } 
.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: #b00e01; font-weight: bold; margin-bottom: 10px; } 
.file a { color: #000; font-size: 18px; line-height: 35px; display: block; } 
.file a:hover { color: #b00e01; } 

/* 首页 */

/* 幻灯 */
.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: #db261d; font-weight: bold; } 
.idx-sch .txt .iconfont { font-size: 30px; color: #db261d; 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: #db261d; } 
.idx-sch .iptarea .btn:hover { background-color: #e66861; } 

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

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

.idx-info .area { border: 1px solid #f0dede; height: 546px; overflow: hidden; } 
.idx-info .area .left { float: left; width: 280px; background-color: #faf5f5; } 
.idx-info .area .left .menu { height: 380px; padding: 15px 0; padding-left: 15px; } 
.idx-info .area .left .menu .el { cursor: pointer; padding: 15px 0; padding-left: 20px; margin-bottom: 10px; font-size: 18px; color: #db261d; 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: #db261d; 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: #e66861; } 
.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 #f0dede; } 
.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: #e66861; } 
.idx-info .area .left .btns .btn2:hover .btm { color: #e66861 !important; } 
.idx-info .area .right { padding: 14px 0; float: right; width: 870px; padding-right:20px; } 
.idx-info .area .right .conts { height: 525px; margin-bottom: 30px; } 

.list-2 .el { padding: 0 5px; border-bottom: 1px dashed #f0dedf; 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: #e66861; } 

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

.idx-info .process { margin-top: 20px; border: 1px solid #f0dede; } 
.idx-info .process .tit-con { float: left; width: 20px; padding: 35px 20px; font-size: 20px; text-align: center; color: #ffffff; height: 110px; background: url(../images/idxprocess.png) no-repeat center; background-size: 100%; word-break: break-all; } 
.idx-info .process .cont { padding: 29px 0; float: right; width:1050px; } 
.idx-info .process .el { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-info .process .el a { display: block; font-size: 16px; color: #333333; } 
.idx-info .process .el >* { float: left; } 
.idx-info .process .el .tit { font-size: 16px; color: #333333; text-align: center; } 
.idx-info .process .el img { margin: 0 auto; margin-bottom: 20px; display: block; width: 80px; height: 80px; transition: .3s all ease; } 
.idx-info .process .el img.rimg { margin: 0 auto; padding: 25px 40px; width: 35px; height: 33px; } 
.idx-info .process .el:hover .tit a { color: #d01c15; } 
.idx-info .process .el:hover .tit img { transform: rotate(360deg); transition: .3s all ease; } 

/* 关于我们 */
.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: 25px; } 
.idx-abt .area .txt .cont { font-size: 16px; color: #333333; line-height: 35px; } 
.idx-abt .area .txt .tips { margin-top: 50px; } 
.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:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; height: 55px; line-height: 50px; text-align: left; font-size: 55px; font-weight: bold; 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; } 

/* 业务范围 */
.idx-ser { padding: 50px 0; background-color: white; } 
.idx-ser .el { position: relative; float: left; margin-left: 18px; width: 225px; 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.jpg); } 
.idx-ser .el.e2 { background-image: url(../images/idxser2.jpg); } 
.idx-ser .el.e3 { background-image: url(../images/idxser3.jpg); } 
.idx-ser .el.e4 { background-image: url(../images/idxser4.jpg); } 
.idx-ser .el.e5 { background-image: url(../images/idxser5.jpg); } 
.idx-ser .el a { display: block; } 
.idx-ser .el:first-child { margin-left: 0; } 
.idx-ser .el .tit { position: relative; font-size: 22px; color: #1c1b1b; font-weight: bold; height: 120px; padding: 40px 0; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-ser .el .tit .iconfont { height: 50px; line-height: 50px; font-size: 50px; color: #db261d; font-weight: normal; margin-bottom: 15px; } 
.idx-ser .el .tit:after { content:""; width: 30px; height: 2px; background-color: #c7bfbe; position: absolute; bottom: 40px; left: 50%; margin-left: -15px; } 
.idx-ser .el .cont { position: absolute; left: 0; top: 0; width: 195px; transition: .2s all ease; opacity: 0; visibility: hidden; padding:35px 15px; background-color: #db261d; text-align: center; font-size: 22px; color: #ffffff; font-weight: bold; } 
.idx-ser .el .cont div { height: 90px; overflow: hidden; margin-top: 10px; font-weight: normal; font-size: 16px; color: #ffb2ae; 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; } 

/* 表单 */
.idx-form { padding: 55px 0; background: url(../images/idxform.jpg) no-repeat center; background-size: cover; } 
.idx-form .title { font-size: 32px; color: #ffffff; margin-bottom: 20px; } 
.idx-form .area form { font-size: 0; white-space: nowrap; } 
.idx-form .area form>* { border-radius: 2px; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.idx-form .area input { width: 145px; padding: 15px 20px; height: 20px; font-size: 16px; color: #000; margin-right: 10px; border: none; outline: none; background-color: #fff; } 
.idx-form .area input.ipt { width: 370px; } 
.idx-form .area input.on { width: 100px; margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } 
.idx-form .area .btn { margin-left: 10px; cursor: pointer; padding: 15px 0; height: 20px; text-align: center; width: 120px; font-size: 16px; color: #ffffff; background-color: #f67a00; } 
.idx-form .area .btn:hover { background-color: #e66861; } 
.idx-form .area img { width: 110px; height: 40px; cursor: pointer; padding: 5px; background-color: white; border-top-left-radius: 0; border-bottom-left-radius: 0; } 

/* 友情链接 */
.idx-link { background-color: white; padding-bottom: 60px; } 
.idx-link .bg { background-color: #f7f7f7; padding: 20px; } 
.idx-link .title { float: left; padding: 15px; } 
.idx-link .cont { float: right; width: 960px; } 
.idx-link .cont .el { float: left; width: 225px; height: 60px; margin-left: 20px; overflow: hidden; } 
.idx-link .cont .el:first-child { margin-left: 0; } 
.idx-link .cont .el a { transition: .3s all ease; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.idx-link .cont .el:hover a { transform: scale(1.1); transition: .3s all ease; } 

/* 联系我们 */
.contact { font-size: 18px; color: #7d7c7c; } 
.contact .area { margin-top: 20px; } 
.contact .area .left { float: left; width: 520px; padding: 50px 40px; background-color: #db261d; } 
.contact .area .left .tit { margin-bottom: 20px; font-size: 24px; color: #ffffff; font-weight: bold; } 
.contact .area .left div { font-size: 16px; color: #ffedec; 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; } 

/*注册页*/
.register { border: 1px solid #dee2e6; padding: 55px 0; } 

.register .title { text-align: center; font-size: 35px; font-weight: bold; margin-bottom: 30px; } 


.register .notice { font-weight: bold; text-align: center; margin-bottom: 20px; color: rgb(13, 169, 101); } 
.register .notice.on { color: red; } 
.register .notice.no { color: #666; } 

.register form { width: 635px; margin: 0 auto; margin-bottom: 30px; } 
.register form .tit { margin-bottom: 30px; font-size: 16px; color: #db261d; text-align: left; font-weight: bold; height: 40px; line-height: 40px; padding: 0 20px; background-color: #fdf4f3; } 

.register .el { margin-bottom: 30px; text-align:right; font-size: 0; } 
.register .el>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.register .el .tis { font-size: 16px; color: #000000; } 
.register .el .tis strong { color: #db261d; } 
.register .el input,.register .el textarea { width: 430px; padding: 0 30px; height: 45px; line-height: 45px; border: 1px solid #eeeeee; background-color: #fafafa; font-size: 16px; outline: none; } 
.register .el textarea { font-family: inherit; line-height: normal; padding:10px 30px; height: 100px; resize: none; } 

.register .el.show input { border: none; background-color: transparent; width: 350px; } 

.register .el .imgarea { padding-left: 10px; width: 490px; text-align: left; } 
.register .el .imgarea>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.register .el .imgarea img { user-select:none; cursor: pointer; width: 100px; max-height: 100px; margin-right: 20px; } 
.register .el .imgarea .txt { font-size: 14px; color: #7e7d7d; line-height: 30px; } 
.register .el .imgarea .txt img { border: 1px solid #eeeeee; width: 120px; height: 40px; } 

.register .layui-upload-file { display: none !important; opacity: 0 !important; visibility: hidden !important; } 

.register .btn { cursor: pointer; display: block; border-radius: 3px; margin: 0 auto; outline: none; border: none; margin-top: 40px; width: 200px; height: 50px; line-height: 50px; text-align: center; background-color: #db261d; font-size: 18px; color: #fff; } 
.register .btn.on { background-color: #666; color: #000; user-select: none; cursor: not-allowed; } 
.register .btn:hover { background-color: #f67a00; } 

.register .check { user-select: none; text-align: center; margin: 0 auto; font-size: 16px; color: #5f5f5f; } 
.register .check a { font-size: 16px; color: #db261d; } 

.register .imgcode input { width: 250px; } 
.register .imgcode img { margin-left: 30px; width: 150px; height: 45px; } 
.register .code input { width: 250px; } 
.register .code .codebtn { outline: none; margin-left: 30px; text-align: center; cursor: pointer; width: 148px; height: 45px; line-height: 45px; border:1px solid #db261d; font-size: 18px; color: #db261d; background-color: #ffeeed; } 
.register .code .codebtn:hover { background-color: #f67a00; color: #fff; } 

.register .chbox .area { width: 490px; text-align: left; } 
.register .chbox { font-size: 18px; margin-left: 10px; } 
.register .chbox input { padding: 0; margin: 0; margin-right: 10px; width: 24px; height: 24px; border: none; vertical-align: middle; } 
.register .chbox label { margin-right: 40px; } 

.register .chbox .area .tips { font-size: 14px; color: #7e7d7d; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.register .cate .area { margin-left: 10px; width: 490px; text-align: left; } 
.register .cate .area .clearbtn { border-radius: 3px; margin-bottom: 10px; width: 100px; height: 35px; line-height: 35px; background-color: #db261d; font-size: 16px; color: #fff; text-align: center; cursor: pointer; } 
.register .cate .area .clearbtn:hover { background-color: #f67a00; } 


.register.w100 { border: none; padding: 0; padding-bottom: 50px; } 
.register.w100 form { width: 100%; margin: 0; } 
.register.w100 form .el { padding-left: 20px; text-align: left; } 
.register.w100 form .el .tis { text-align: right; width: 150px; } 

.register .rg_type { width: 500px; text-align: left; font-size: 0; } 
.register .rg_type div { margin-left: 30px; text-align: center; cursor: pointer; width: 140px; height: 35px; line-height: 35px; border: 1px solid #db261d; font-size: 18px; color: #db261d; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.register .rg_type div input { display: none; opacity: 0; visibility: hidden; } 
.register .rg_type div.on { background-color: #f67a00; border-color: #f67a00; color: #fff; } 

/* 登录 */
.login_bg { background: url(../images/loginbg.jpg) no-repeat center; background-size: cover; padding: 55px 0; } 
.login_bg .w1200 { position: relative; } 

.login { width: 400px; height: 495px; padding: 0 30px; background-color: white; float: right; } 
.login .title { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 10px; font-size: 32px; color: #2f2f2f; text-align: center; font-weight: bold; margin-top: 20px; } 
.login input { display: block; width: 330px; padding: 0 20px; padding-left: 50px; display: block; font-size: 16px; height: 45px; line-height: 45px; border: solid 1px #d9d9d9; margin-bottom: 20px; outline: none; } 
.login input[name='uname'] { background: url(../images/user.png) no-repeat 20px center; } 
.login input[name='password'] { background: url(../images/pwd.png) no-repeat 20px center; } 
.login input[name='code'] { background: url(../images/code.png) no-repeat 20px center; } 
.login_code input { float: left; width: 190px; } 
.login_code img { float: right; display: block; width: 120px; height: 45px; } 
.login .btn { height: 45px; margin-bottom: 20px; width: 100%; padding: 0; cursor: pointer; outline: none; border: none; background-color: #db261d; color: #ffffff; font-size: 18px; } 
.login .btn:hover { background-color: #f67a00; } 
.login .tip { margin-bottom: 25px; font-size: 16px; color: #5f5f5f; } 
.login .tip input { vertical-align: -3px; margin: 0; padding: 0; display: inline-block; width:16px; height: 16px; line-height: normal; } 
.login .tip .left { float: left; } 
.login .tip .right { float: right; } 
.login .nouser { text-align: center; font-size: 16px; color: #5f5f5f; } 
.login .nouser a { font-size: 16px; color: #f67a00; } 

.login .usertype { text-align: center; margin-bottom: 20px; font-size: 20px; line-height: 30px; } 
.login .usertype div { border: 1px solid #db261d; color:#db261d; float: left; display: block; border-radius: 2px; padding: 0 10px; font-size: 17px; cursor: pointer; } 
.login .usertype div:first-child { margin-right: 10px; } 
.login .usertype div.on { background-color: #f67a00; border-color: #f67a00; color: #fff; } 

.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: #db261d; color: #fff; border-color: #db261d; } 
.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: #db261d; 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: #db261d; vertical-align: middle; } 

.tenderform { background-color: white; padding: 30px; padding-bottom: 35px; } 
.tenderform .title { padding:0 30px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; line-height: 50px; font-size: 36px; font-weight: bold; text-align: center; } 
.tenderform .cl { padding-top: 20px; } 
.tenderform .el { margin-bottom: 30px; float: left; width: calc(100% / 2); font-size: 20px; } 
.tenderform .el span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.tenderform .el .tit { width: 170px; color: #000; font-weight: bold; } 
.tenderform .el .tit strong { color: red; padding-right: 5px; } 
.tenderform .el input { text-align: left; vertical-align: middle; font-size: 18px; width: 360px; padding: 0 20px; height: 40px; line-height: 40px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.tenderform .el .uploadarea { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } 
.tenderform .el .layui-upload-file { display: none; visibility: hidden; opacity: 0; } 
.tenderform .el .uploadarea { height: 143px; } 
.tenderform .el .uploadarea img { cursor: pointer; width: 100px; height: 100px; } 
.tenderform .el .flist { margin-left: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px; color: #666; } 
.tenderform .el .flist div { margin-bottom: 5px; width: 300px; padding-right: 40px; position: relative; } 
.tenderform .el .flist div .del { position: absolute; right: 0; top: 0; color: red; font-weight: bold; cursor: pointer; } 
.tenderform .el .flist div.athel { cursor: pointer; } 
.tenderform .el .flist div.athel .tl:hover { color:#db261d; } 

.tenderform .btnarea { margin: 0 auto; margin-top: 10px; text-align: center; width: 100%; } 

.tenderform .btn { outline: none; border: none; border-radius: 3px; text-align: center; width: 180px; height: 50px; line-height: 50px; cursor: pointer; background-color: #db261d; color: white; font-size: 22px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.tenderform .btn.on { margin-left: 30px; background-color: #f67a00; } 
.tenderform .btn:hover { opacity: .7; } 

.tenderform .titles { font-size: 26px; color: #e66861; font-weight: bold; margin: 20px 0; } 

.tenderform .titles span { display: block; border-left: 4px solid #e66861; text-align: left; line-height: 25px; padding-left: 20px; } 

.payqrcode { width: 420px; height: 370px; text-align: center; padding: 20px 0; position:relative; } 
.payqrcode .t { font-size: 24px; font-weight: bold; margin-bottom: 30px; } 
.payqrcode .t span { color: green; } 
.payqrcode .t span.on { color: rgb(6, 106, 182); } 
.payqrcode .code { padding:20px; width:260px; height:260px; text-align:center; margin:0 auto; border:1px solid #282727; } 
.payqrcode .close { width:70px; height: 70px; font-size: 30px; color:black; position:absolute; right: 0; top: 0; text-align: center; line-height: 70px; font-size: 46px; cursor:pointer } 

.paytype { padding:15px 20px; } 
.paytype .title { text-align: center; font-size: 18px; color: #666; margin-bottom: 20px; } 
.paytype .img { font-size: 0; text-align: center; } 
.paytype .img img { margin: 0 20px; border: 2px solid transparent; cursor: pointer; width: 140px; display: inline-block; *display: inline; *zoom:1 } 
.paytype .img img:hover { border-color:#db261d; } 
.paytype .btn { margin: 0 auto; margin-top: 20px; cursor: pointer; border-radius: 1px; width: 240px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; color: #fff; background-color: #db261d; } 
.paytype .btn:hover { background-color: #f67a00; } 

/* 下载 */
.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: #e66861; 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:#db261d; } 

.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; }