/*鍏ㄥ眬*/
* { 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; } 
.wgb { 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; } 

/* 閫氱敤 */
.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; } 

.title-1 { text-align: center; margin-bottom: 40px; } 
.title-1 div { margin-bottom: 15px; font-weight: bold; display: block; font-size: 42px; color: #333333; } 
.title-1 span { display: block; font-size: 18px; color: #7b7b7b; } 

.title-2 { margin: 20px 0; margin-bottom: 40px; padding-bottom: 23px; font-size: 40px; color: #333333; text-align: center; position: relative; background: url(../images/tit2.png) no-repeat bottom center; background-size:auto; } 

.title-3 { border-bottom: 1px solid #cecece; margin-bottom: 30px; margin-top: 35px; } 
.title-3 div { border-bottom:3px solid #005bac; margin-bottom: -2px; padding-bottom: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.title-3 div strong { margin-right: 5px; font-size: 24px; color: #2e2e2e; } 
.title-3 div span { font-size: 14px; color: #939393; } 

.btn-1 { cursor: pointer; margin: 0 auto; margin-top: 45px; width: 200px; font-size: 0; height: 55px; background-color:#93ce3b; } 
.btn-1 a { display: block; text-align: center; padding: 15px 0; } 
.btn-1 span { font-size: 16px; color: #ffffff; } 
.btn-1:hover { background-color: #005bac; } 

/* 澶撮儴 */
.header .hd_bg { width: 100%; padding: 30px 0; background-color: white; } 
.logo { float: left; font-size: 0; } 
.logo span { padding: 7px 0; border-left: 2px solid #e5e5e5; padding-left:25px; margin-left: 25px; font-size: 28px; color: #005bac; font-weight: bold; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.logo span strong { font-size: 40px; color: #df1818; padding:0 7px; } 
.logo img{height: 80px;}
.hotline { font-weight: bold; float: right; padding-left: 60px; position: relative; font-size: 30px; color: #93ce3b; line-height: normal; } 
.hotline .icon { font-weight: normal; font-size: 50px; color: #93ce3b; position: absolute; top: 13px; left: 0; } 
.hotline.ft { float: none; color: #fff; } 
.hotline.ft .icon { color: #fff; } 

/* 瀵艰埅 */
.nav { height: 60px; font-size: 0; white-space: nowrap; background-color: #005bac; z-index: 999; } 
.nav .w1200 { height: 100%; } 
.nav .el { width: 150px; height: 100%; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { padding: 18px 0; font-size: 18px; color: #fff; display: block; } 
.nav .el:hover,.nav .el.on { background-color: #83cf42; } 

.nav .sel { display: none; position: absolute; width: 100%; left: 0; top:65px; z-index: 999; padding-top: 2px; } 
.nav .sel .icon { width: 100%; height: 8px; background-image: url('../images/navicon.png'); background-position: top center; background-size: 16px 8px; background-repeat: no-repeat; } 
.nav .sel a { font-size: 16px; color: #ffffff; width: 100%; background-color: #0083d1; display: block; padding:12px 0; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { background-color: #2695d8; } 

/* 搴曢儴 */
.footer { background-color: #363636; font-size: 16px; color: #ffffff; } 
.footer a { font-size: 16px; color: #ffffff; } 
.footer a:hover { color: #83cf42 !important; } 

.footer .f_top { padding: 50px 0; border-bottom: 1px solid #4a4a4a; } 
.footer .f_top .f_nav { float: left; max-width: 930px; } 
.footer .f_top .f_nav .el { float: left; margin-left: 55px; } 
.footer .f_top .f_nav .el:first-child { margin-left: 0; } 
.footer .f_top .f_nav .el>a { font-size: 18px; color: #ffffff; } 
.footer .f_top .f_nav .el .sel a { display: block; font-size: 14px; color: #868686; margin-top: 20px; } 

.footer .f_top .hotqr { float: right; max-width: 340px; text-align: right; } 
.footer .f_top .qrcode { width: 120px; margin-left:150px; margin-top: 20px; } 
.footer .f_top .qrcode img { width: 120px; height: 120px; } 
.footer .f_top .qrcode div { margin-top:15px; font-size: 14px; color: #868686; text-align: center; } 

.footer .f_btm { padding: 10px 0; } 
.footer .f_btm .state { padding: 14px 0; font-size: 14px; color: #868686; } 
.footer .f_btm .state a { font-size: 14px; color: #868686; } 

.flink { cursor: pointer; display: block; width: 170px; padding: 13px 20px; height: 21px; font-size: 15px; color: #ffffff; background-color: #4a4a4a; position: relative; } 
.flink .icon { transition: .3s all linear; position: absolute; right: 15px; top: 20px; background: url(../images/fl.png) no-repeat center; background-size: 100%; width: 14px; height: 8px; } 
.flink .sub { width: 100%; max-height: 250px; overflow: hidden; overflow-y: auto; display: none; position: absolute; bottom: 47px; left: 0px; background-color:#4a4a4a; color: white; } 
.flink .sub .sel { width: 100%; background-color: #4a4a4a; } 
.flink .sub .sel a { padding: 10px 15px; border-bottom: 1px solid #575757; color: white; display: block; color: #fff; } 
.flink .sub .sel:hover { background-color: #005bac; } 
.flink .sub .sel:hover a { color: #fff !important; } 
.flink:hover .icon { transform: rotate(180deg); transition: .3s all linear; } 
.flink .sub::-webkit-scrollbar { width: 5px; } 
.flink .sub::-webkit-scrollbar-track { background-color: #ebf6ff; } 
.flink .sub::-webkit-scrollbar-thumb { background-color: #005bac; } 

/* 鍙充晶鎮诞 */
.floatnav { border: 1px solid #005bac; overflow: hidden; border-radius: 10px; background-color: white; position: fixed; right: 10px; top: 100px; } 
.floatnav .el { cursor: pointer; width: 85px; text-align: center; font-size: 14px; padding: 15px 0; border-top: 1px solid #005bac; } 
.floatnav .el:first-child { border-top: 0; } 
.floatnav .el .iconfont { height: 35px; font-size: 35px; color: #005bac; margin-bottom: 5px; } 
.floatnav .el.wx .iconfont { font-size: 40px; } 
.floatnav .el.tel .iconfont { font-size: 30px; } 
.floatnav .el.wx1 .iconfont { font-size: 30px; } 
.floatnav .el.bt .iconfont { font-size: 25px; height: auto; margin: 0; } 
.floatnav .el:hover { background-color:#005bac; color: #fff; } 
.floatnav .el:hover .iconfont { color: #fff; } 

.ftel { font-size: 24px; padding: 10px 0; text-align: center; } 
.ftel .l1 { margin-bottom: 10px; } 

.fwx { width: 120px; height: 120px; } 

/* 鍐呴〉鏍忕洰鍥� */
.inner-ban { height: 380px; width: 100%; background-color: white; } 
.inner-ban .img { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 

/* 鍐呴〉瀵艰埅 */
.inner-menu { padding: 25px; background-color: #f1f6fa; font-size: 0; text-align: center; } 
.inner-menu .el { margin-left: 15px; width: 120px; background-color: white; height: 50px; text-align: center; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.inner-menu .el:first-child { margin-left: 0; } 
.inner-menu .el a { display: block; padding: 15px 0; font-size: 15px; color: #575758; } 
.inner-menu .el:hover,.inner-menu .el.on { background-color: #005bac; } 
.inner-menu .el:hover a,.inner-menu .el.on a { color: #fff; } 

/* 鍒楄〃 */
.list { } 
.list .el { width: 100%; height: 240px; margin-bottom: 25px; box-shadow: 0 0 20px 1px #d6d6d6; background-color: #fff; position: relative; transition: .3s all ease-out; } 
.list .el a { width: 100%; height: 100%; display: block; } 
.list .el .img { float: left; width: 400px; height: 100%; overflow: hidden; background-color: #005bac; } 
.list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all linear; } 
.list .el .cont { float: right; padding: 30px 0; width: 700px; padding-right: 50px; } 
.list .el .cont .tit { font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 20px; } 
.list .el .cont .smry { height: 100px; font-size: 15px; color: #787878; line-height: 35px; } 
.list .el .cont .time { margin-top: 10px; font-size: 15px; color: #787878; } 
.list .el .btn { font-size: 15px; color: #93ce3b; position: absolute; bottom: 30px; right: 50px; } 

.list .el .cont.on { clear: both; width: 1100px; padding-left: 50px; } 

.list .el:hover { box-shadow: 0 0 20px 1px #cee6f9; transition: .3s all ease-out; } 
.list .el:hover .cont .tit { color: #005bac; } 
.list .el:hover .img div { opacity: .7; transform: scale(1.1); transition: .3s all ease-out; } 

/* 涓嬭浇 */
.dwnlist { } 
.dwnlist .el { margin-bottom: 25px; width: 100%; height: 120px; box-shadow: 0 0 20px 1px #d6d6d6; 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: 25px 40px; height: 70px; width: 1000px; } 
.dwnlist .el .con .tit { margin-bottom: 10px; line-height: 35px; 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: #93ce3b; background-color: #eff8e2; padding: 25px 0; height: 70px; text-align: center; } 
.dwnlist .el .btn .iconfont { font-size: 45px; margin-bottom: 10px; } 

.dwnlist .el:hover { box-shadow: 0 0 20px 1px #cee6f9; transition: .3s all ease-out; } 
.dwnlist .el:hover .btn { background-color: #005bac; color: #ffffff; } 

/* 鎷涜仒 */
.joblist { } 
.joblist .titarea { text-align: left; font-size: 0; font-weight: bold; background-color: #f5f5f5; 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 .w1 { color: #005bac; } 
.joblist .el .head .btn { cursor: pointer; position: absolute; bottom: 20px; right: 20px; color: #d4d4d4; font-size: 30px; 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; } 

/* 搴旂敤 */
.applist { *zoom: 1; } 
.applist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.applist .el { float: left; width: 380px; margin-right: 30px; margin-bottom: 30px; box-shadow: 0 0 20px 1px #d6d6d6; } 
.applist .el.on,.applist .el:nth-child(3n) { margin-right: 0; } 
.applist .el .img { width: 100%; height: 290px; overflow: hidden; background-color: #005bac; } 
.applist .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.applist .el .cont { padding: 20px 30px; background-color: white; } 
.applist .el .cont .tit { font-size: 20px; color: #333333; font-weight: bold; } 
.applist .el .cont .smry { height: 60px; margin-top: 10px; font-size: 15px; color: #787878; line-height: 30px; } 
.applist .el:hover { box-shadow: 0 0 20px 1px #cee6f9; } 
.applist .el:hover .tit { color: #005bac; } 
.applist .el:hover .img div { transform: scale(1.1); transition: .3s all ease; opacity: .7; } 

/* 鍏宠仈浜у搧 */
.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; } 



/* 椤垫暟 */
.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; border: 1px solid #e2e2e2; } 
.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: #0056a3; } 
.page a.none { background-color: #e2e2e2; color: #a5a5a5; cursor: not-allowed; } 
/* 鏂囩珷 */ 
.article { padding: 20px 0; } 
.article .title { text-align: center; font-size: 40px; color: #010101; line-height: 65px; } 
.article .smry { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; margin-bottom: 25px; margin-top: 25px; font-size: 14px; color: #8f8f8f; text-align: center; } 

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

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

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

/* 鍘嗙▼ */
.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  #83cf42; 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: #f5f5f5; padding: 20px 25px; font-size: 0; } 
.pan>* { font-size: 14px; color: #999999; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pan a { font-size: 14px; color: #333333; } 
.pan a:hover { color: #005bac; } 
.pan .pre,.pan .next { width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .next { text-align: right; } 
.pan .back { margin: 0 10px; text-align: center; width: 110px; } 
.pan .back a,.pan .back .iconfont { color: #005bac; } 
.pan .back .iconfont { font-size: 16px; vertical-align: -1px; margin-right: 5px; } 
.pan .back:hover * { color: #83cf42; } 


/* 棣栭〉 */

/* 骞荤伅 */
.idx-ban { width: 100%; height: 550px; 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: 40px; } 
.idx-ban .hd ul { width: 100%; text-align: center; } 
.idx-ban .hd ul li { display: inline-block; *display: inline; *zoom:1; width: 33px; height: 4px; background-color: transparent; border: 1px solid #fff; margin: 0 8px; cursor: pointer; } 
.idx-ban .hd ul li.on { background-color: #fff; } 


/* 鎼滅储 */
.idx-sch { width: 100%; height: 60px; background-color: white; font-size: 0; } 
.idx-sch .txt>*,.idx-sch .iptarea form>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle } 
.idx-sch .txt { float: left; padding: 20px 0; max-width: 780px; white-space: nowrap; vertical-align: middle; } 
.idx-sch .title { font-size: 15px; color: #5e5e5e; font-weight: bold; padding-left: 27px; background: url(../images/hotsch.png) no-repeat left center; background-size: 16px 23px; } 
.idx-sch .txt span { padding: 0 15px; font-size: 15px; color: #5e5e5e; cursor: pointer; } 
.idx-sch .txt span:hover { color: #0083d1; } 
.idx-sch .iptarea { float: right; width: 400px; height: 100%; } 
.idx-sch .iptarea form { width: 100%; height: 100%; text-align: right; } 
.idx-sch .iptarea input { width: 255px; font-size: 15px; text-align: left; padding:21px 20px; color: #000; height: 18px; outline: none; border: none; background-color: #ddeaf5; } 
.idx-sch .iptarea .btn { cursor: pointer; color: #fff; width: 100px; padding: 16px 0; height: 28px; text-align: center; background-color: #005bac; } 
.idx-sch .iptarea .btn .iconfont { font-size: 30px; } 
.idx-sch .iptarea .btn:hover { background-color: #83cf42; } 

/* 浜у搧 */
.idx-pro { padding:60px 0; background-color: #f6f6f6; border-top: 1px solid #f7f7f7; } 

.idx-pro .proarea { height: 630px; } 

/* 搴旂敤 */
.idx-app { overflow: hidden; padding: 65px 0; background: url(../images/idxappbg.jpg) no-repeat center; background-size: cover; } 
.idx-app .area { *zoom: 1; } 
.idx-app .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-app .area .el { float: left; width: 300px; height: 430px; position: relative; } 
.idx-app .area .el a { display: block; } 
.idx-app .area .el .img { width: 100%; height: 215px; position: absolute; top: 0; bottom: unset; overflow: hidden; } 
.idx-app .area .el .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: .3s all ease; } 
.idx-app .area .el .txt { width: 230px; padding: 53px 35px; background-color: #f2f2f2; position: absolute; bottom: 0; top: unset; } 
.idx-app .area .el .txt .tit { font-size: 22px; color: #005bac; margin-bottom: 20px; } 
.idx-app .area .el .txt .con { height: 60px; font-size: 15px; color: #575757; line-height: 30px; } 

.idx-app .area .el.on .img { top: unset; bottom: 0; } 
.idx-app .area .el.on .txt { bottom: unset; top: 0; } 
.idx-app .area .el.on .txt:after { position: absolute; left: 50%; margin-left: -13px; bottom: -13px; content: ""; border: 13px solid #f2f2f2; border-bottom: unset; border-left-color: transparent; border-right-color: transparent; } 

.idx-app .area .el:hover .img div { transform: scale(1.1); transition: .3s all ease; } 
.idx-app .area .el:hover .txt { background-color: #93ce3b; } 
.idx-app .area .el:hover .txt .tit,.idx-app .area .el:hover .txt .con { color: #fff; } 

/* 鍏充簬鎴戜滑 */
.idx-abt { padding: 60px 0; background-color: white; } 
.idx-abt .area { *zoom: 1; } 
.idx-abt .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .btn-1 { margin: 0; } 
.idx-abt .img { float: left; width: 550px; height: 430px; } 
.idx-abt .txt { float: right; width: 600px; } 
.idx-abt .txt .tit { position: relative; padding-bottom: 35px; margin-bottom: 20px; } 
.idx-abt .txt .tit:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 5px; background: url(../images/iptabt.jpg) no-repeat center; background-size: 100%; } 
.idx-abt .txt .tit .ctit { font-size: 34px; color: #005bac; font-weight: bold; margin-bottom: 10px; } 
.idx-abt .txt .tit .etit { color: #8eaac2; font-size: 18px; } 
.idx-abt .txt .con { height: 200px; margin-bottom: 40px; font-size: 16px; color: #000000; line-height: 40px; } 

/* 鏂伴椈鍔ㄦ€� */
.idx-news { padding: 60px 0; background:url(../images/idxnewbg.jpg) no-repeat center; background-size: cover; } 
.idx-news .area { position: relative; } 
.idx-news .el { float: left; margin-right: 30px; width: 380px; box-shadow: 0 0 20px 1px #d6d6d6; background-color: #fff; } 
.idx-news .el a { display: block; padding: 25px 20px; } 
.idx-news .el .img { width: 100%; height: 230px; overflow: hidden; margin-bottom: 25px; } 
.idx-news .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.idx-news .el .txt { *zoom: 1; } 
.idx-news .el .txt:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-news .el .txt .lcon { float: left; width: 230px; } 
.idx-news .el .txt .lcon .tit { margin-bottom: 10px; font-size: 20px; color: #171717; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-news .el .txt .lcon .smry { font-size: 15px; color: #9a9a9a; line-height: 30px; } 
.idx-news .el .txt .time { text-align: center; padding: 5px 0; font-size: 13px; color: #fff; float: right; width: 84px; height: 74px; background: url(../images/idxnewicon.png) no-repeat center; background-size: 100%; } 
.idx-news .el .txt .time div { font-size: 36px; } 
.idx-news .el .btn { margin-top: 40px; width: 150px; height: 18px; padding: 10px 0; border: 1px solid #f4f4f4; font-size: 14px; color: #9b9b9b; text-align: center; } 
.idx-news .el .btn .iconfont { margin-left: 30px; font-size: 15px; } 

.idx-news .el.on,.idx-news .el:nth-child(n+3) { clear: both; margin-right: 0; position: absolute; right: 0; top:0; } 
.idx-news .el.on a,.idx-news .el:nth-child(n+3) a { padding-bottom: 15px; } 
.idx-news .el.on .img,.idx-news .el:nth-child(n+3) .img { display: none; } 
.idx-news .el.on .txt .lcon,.idx-news .el:nth-child(n+3) .txt .time,.idx-news .el:nth-child(n+3) .txt .lcon,.idx-news .el:nth-child(n+3) .txt .time { float: none; } 
.idx-news .el.on .txt .lcon,.idx-news .el:nth-child(n+3) .txt .lcon { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #d4d3d3; } 
.idx-news .el.on .txt .lcon .smry,.idx-news .el:nth-child(n+3) .txt .lcon .smry { line-height: 28px; } 
.idx-news .el.on .txt .time,.idx-news .el:nth-child(n+3) .txt .time { margin-top: 10px; height: 63px; width: 50px; padding: 0; background: unset; color: #333333; } 
.idx-news .el.on .btn,.idx-news .el:nth-child(n+3) .btn { font-size: 0; margin: 0; height: auto; width: auto; border: none; padding: 0; position: absolute; bottom: 35px; right: 25px; } 
.idx-news .el.on .btn .iconfont,.idx-news .el:nth-child(n+3) .btn .iconfont { font-size: 30px; margin: 0; } 

.idx-news .el.last,.idx-news .el:last-child { bottom: 0; top: unset; } 

.idx-news .el:hover { box-shadow: 0 0 20px 1px #cee6f9; } 
.idx-news .el:hover .img div { transform: scale(1.1); transition: .3s all ease; } 
.idx-news .el:hover .txt .lcon .tit { color: #005bac; } 
.idx-news .el:hover .txt .time { color: #005bac; background-image: url(../images/idxnewiconon.png); } 
.idx-news .el:hover .btn { background-color: #005bac; color: #fff; } 

.idx-news .el:hover.on .txt .time,.idx-news .el:hover:nth-child(n+3) .txt .time { color: #005bac; background-image: unset; } 
.idx-news .el.on:hover .btn,.idx-news .el:nth-child(n+3):hover .btn { background-color: transparent; color: #005bac; } 

/* 琛ㄥ崟 */
.idx-form { padding: 55px 0; height: 110px; 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>* { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.idx-form .area input { width: 145px; padding: 15px 20px; font-size: 16px; color: #000; margin-right: 15px; border: none; outline: none; background-color: #fff; } 
.idx-form .area input.ipt1 { width: 230px; } 
.idx-form .area input.ipt2 { width: 340px; } 
.idx-form .area .btn { cursor: pointer; padding: 14px 0; text-align: center; width: 120px; font-size: 16px; color: #ffffff; background-color: #93ce3b; } 
.idx-form .area .btn:hover { color: #0056a3; } 


/* 棣栭〉浜у搧鍒楄〃 */
.idx-proarea { *zoom: 1; } 
.idx-proarea:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-promenu { float: left; } 
.idx-proarea .idx-promenu { width: 250px; } 
.idx-procont { float: right; } 
.idx-promenu .title { padding: 30px 0; background-color: #005bac; width: 100%; text-align: center; } 
.idx-promenu .title div { font-size: 22px; color: #ffffff; font-weight: bold; } 
.idx-promenu .title span { font-size: 14px; color: #ffffff; } 
.idx-promenu .area { background-color: white; user-select:none; } 
.idx-promenu .area .el { border-top: 3px solid #fbfbfb; } 
.idx-promenu .area .el .tit { cursor: pointer; padding: 20px 0; font-size: 16px; color: #333333; padding-left: 25px; font-weight: bold; } 
.idx-promenu .area .el .tit .iconfont { font-size: 16px; margin-right: 8px; color: #1a6bb4; } 
.idx-promenu .area .el.on .tit,.idx-promenu .area .el .tit:hover { background-color: #93ce3b; position: relative; color: #fff; } 
.idx-promenu .area .el.on .tit .iconfont,.idx-promenu .area .el .tit:hover .iconfont { color: #fff; } 
.idx-promenu .area .el.on .tit:before,.idx-promenu .area .el .tit:hover:before { content: ""; width: 8px; height: 100%; background-color: #c6ec8f; position: absolute; top: 0; left: 0; } 
.idx-promenu .area .el .sel { padding-left: 50px; display: none; max-height: 200px; overflow: hidden; overflow-y: auto; } 
.idx-promenu .area .el .sel::-webkit-scrollbar { width: 5px; } 
.idx-promenu .area .el .sel::-webkit-scrollbar-track { width: 5px; } 
.idx-promenu .area .el .sel::-webkit-scrollbar-thumb { width: 5px; background-color: #005bac; } 
.idx-promenu .area .el .sel .stit { padding: 15px 0; text-align: left; font-size: 15px; color: #646464; position: relative; cursor: pointer; } 
.idx-promenu .area .el .sel .stit:before { content: ""; width: 4px; height: 4px; background-color: #bae082; position: absolute; left: -13px; top:25px; } 
.idx-promenu .area .el .sel .stit.on,.idx-promenu .area .el .sel .stit:hover { color: #005bac; font-weight: bold; } 
.idx-promenu .area .el .sel .stit.on:before,.idx-promenu .area .el .sel .stit:hover:before { background-color: #005bac; } 

.prolist { width: 920px; *zoom: 1; } 
.prolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.prolist .el { float: left; margin-right: 25px; margin-bottom: 20px; width: 290px; height: 305px; } 
.prolist .el:nth-child(3n) { margin-right: 0; } 
.prolist .el a { display: block; } 
.prolist .el .img { width: 100%; height: 220px; overflow:hidden; } 
.prolist .el .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all linear; } 
.prolist .el .txt { height: 55px; padding: 15px 30px; background-color: white; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.prolist .el .txt .tit { font-size: 20px; color: #333333; margin-bottom: 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.prolist .el .txt .tip { font-size: 15px; color: #9a9a9a; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.prolist .el:hover { box-shadow: 0 0 20px 1px #d0e1ef; } 
.prolist .el:hover .txt .tit { color: #005bac; } 
.prolist .el:hover .img div { transform: scale(1.1); transition: .3s all linear; } 

.prolist .content { background: white; padding: 20px; width: 860px; min-height: 490px; max-height: 910px; overflow: hidden; overflow-y: auto; margin: 0; } 
.prolist .content::-webkit-scrollbar { width: 5px; } 
.prolist .content::-webkit-scrollbar-track { width: 5px; } 
.prolist .content::-webkit-scrollbar-thumb { width: 5px; background-color: #005bac; } 



/* 鍐呴〉浜у搧鍒楄〃 */
.proarea { *zoom: 1; margin-top: 30px; } 
.proarea a { display: block !important; } 
.proarea:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.promenu { float: left; } 
.proarea .promenu { width: 265px; } 
.procont { float: right; } 

.promenu .area { background-color: white; user-select:none; } 
.promenu .area .el { border-top: 3px solid #fbfbfb; position: relative; } 
.promenu .area .el .tit { background-color: #eef7ff; padding-right: 45px; height: 64px; font-size: 16px; color: #000000; } 
.promenu .area .el .tit a { padding: 20px 10px; padding-left: 20px; font-weight: bold; } 

.promenu .area .el .tit .icon { font-size: 14px; color: #000; margin-right: 10px; } 
.promenu .area .el .sbtn { font-size: 16px; color: #909091; position: absolute; top: 23px; right: 20px; transform: rotate(180deg); transition: .3s all ease; cursor: pointer; } 
.promenu .area .el.on .tit a,.promenu .area .el .tit:hover a { color: #005bac; } 
.promenu .area .el.on .tit .iconfont,.promenu .area .el .tit:hover .iconfont { color: #005bac; } 
.promenu .area .el.on .sbtn,.promenu .area .el .sbtn:hover { transform: rotate(0); transition: .3s all ease; } 


.promenu .area .sel { display: none; padding-left: 50px; position: relative; } 
.promenu .area .sel .stit { height: 54px; padding-right: 50px; text-align: left; font-size: 15px; color: #646464; position: relative; cursor: pointer; } 
.promenu .area .sel .stit a { padding: 15px 0; } 
.promenu .area .sel .ssbtn { font-size: 22px; color: #a7a7a8; position: absolute; top: 17px; right: 20px; transform: rotate(180deg); transition: .3s all ease; } 
.promenu .area .sel.on .stit a,.promenu .area .sel:hover .stit a { color: #005bac; font-weight: bold; } 
.promenu .area .sel.on .ssbtn,.promenu .area .sel:hover .ssbtn { color: #005bac; transform: rotate(0); transition: .3s all ease; } 

.promenu .area .ssel { display: none; border-left: 2px solid #ecedef; } 
.promenu .area .ssel a { padding: 10px 0; } 
.promenu .area .ssel .sstit { padding-left: 20px; margin-top: 20px; font-size: 14px; color: #7a7a7a; } 
.promenu .area .ssel .sstit:first-child { margin-top: 0; } 

.promenu .area .ssel.on .sstit ,.promenu .area .ssel:hover .sstit { color: #83cf42; } 

.promenu .area .el.on .sel ,.promenu .area .sel.on .ssel { display: block; } 

/* 鑱旂郴鎴戜滑 */
.contact { font-size: 18px; color: #7d7c7c; } 
.contact .area { margin-top: 20px; } 
.contact .area .el { float: left; width: 340px; padding-right: 30px; margin-right: 45px; } 
.contact .area .el .tit { margin-bottom: 20px; font-size: 24px; color: #333333; font-weight: bold; border-bottom: 1px solid #ebebeb; padding: 20px 0; } 
.contact .area .el .txt { line-height: 30px; margin-bottom: 10px; } 

.contact .area .el.qr { margin-right: 0; } 
.contact .area .el.qr .txt { float: left; text-align: center; } 
.contact .area .el.qr .txt:first-child { margin-right: 50px; } 
.contact .area .el.qr .txt img { width: 110px; height: 110px; margin-bottom: 10px; } 

/* 鐩稿叧浜у搧 */
.apppro { background-color: #f1f6fa; padding: 35px 0; } 
.apppro .title { margin-bottom: 20px; position: relative; border-bottom: 1px solid #e5e5e5; padding: 16px 0; height: 26px; } 
.apppro .title .tit { padding-left: 14px; font-size: 24px; color: #005bac; font-weight: bold; position: relative; } 
.apppro .title .tit:before { content: ""; width: 4px; height: 20px; background-color: #005bac; position: absolute; left: 0; top: 50%; margin-top: -10px; } 


/* 浜у搧浠嬬粛 */
.proshow { padding: 10px 0; padding-top: 20px; background-color: white; } 
.proshow .top { } 
.proshow .top .img { width:400px; height: 485px; float: left; } 
.proshow .top .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all linear; } 
.proshow .top .title { float: right; width: 750px; } 
.proshow .top .title .tit { border-bottom: 1px solid #cecece; font-size: 34px; color: #005bac; font-weight: bold; } 
.proshow .top .title .tit span { padding-bottom: 10px; margin-bottom: -2px; border-bottom: 3px solid #005bac; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.proshow .top .title .con { padding: 20px 0; padding-bottom: 0; } 
.proshow .top .title .con .cont { text-indent: 2em; height: 150px; font-size: 18px; color: #464545; line-height: 30px; overflow: auto; } 
.proshow .top .title .con .cont::-webkit-scrollbar { width: 5px; } 
.proshow .top .title .con .cont::-webkit-scrollbar-thumb { background-color: #005bac; cursor: pointer; } 
.proshow .top .title .con .cont::-webkit-scrollbar-track { background-color: #eeeeee; } 
.proshow .top .title .con strong { color: #092b49; font-size: 18px; } 
.proshow .top .title .con .tip { margin: 20px 0; height: 65px; line-height: 30px; font-size: 18px; color: #464545; overflow: auto; } 
.proshow .top .title .con .tip::-webkit-scrollbar { width: 5px; } 
.proshow .top .title .con .tip::-webkit-scrollbar-thumb { background-color: #83cf42; cursor: pointer; } 
.proshow .top .title .con .tip::-webkit-scrollbar-track { background-color: #eeeeee; } 

.proshow .top .title .con .tel { padding-top: 25px; font-size: 25px; color: #df1818; border-top: 1px solid #cecece; } 
.proshow .top .title .con .tel strong { font-size: 20px; } 

.proshow .top .title .btns { margin-top: 35px; } 
.proshow .top .title .btns .el { margin-left: 20px; width: 150px; height: 60px; background-color: #005bac; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .title .btns .el:first-child { margin-left: 0; } 
.proshow .top .title .btns .el a { display: block; width: 100%; padding: 20px 0; font-size: 16px; color: #ffffff; } 
.proshow .top .title .btns .el:hover { opacity: .7; } 
.proshow .top .title .btns .el.c1 { background-color: #93ce3b; } 
.proshow .top .title .btns .el.c2 { background-color: #eea21e; } 

.proshow .btnarea { } 
.proshow .btnarea div { width: 280px; height: 50px; line-height: 50px; margin-right: 26px; margin-bottom: 20px; font-size: 16px; color: #3b3b3b; background-color: #f7f7f7; text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .btnarea div:nth-child(4n) { margin-right: 0; } 
/* .proshow .btnarea div:last-child { display: none; } */
.proshow .btnarea div a { font-size: 16px; color: #3b3b3b; } 
.proshow .btnarea div:hover { background-color: #0056a3; color: #fff; } 
.proshow .btnarea div:hover a { color: #fff; display: block; } 

/* 鏍锋湰 */
.message { } 
.message .el { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; } 
.message .txt { position: relative; } 
.message .el span,.message .txt span { font-size: 16px; color: #ff0000; position: absolute; top: 15px; right: 15px; font-weight: bold; z-index: 999; } 
.message .txt span { right: 30px; } 
.message input,.message textarea { font-size: 16px; color: #000; padding: 15px 25px; background-color: #fff; border:1px solid #e5e5e5; outline: none; position: relative } 
.message .line { margin-bottom: 30px; } 
.message .line .el { margin-left: 20px; } 
.message .line input { width:330px; } 
.message .line .el:first-child { margin-left: 0; } 
.message textarea { margin-bottom: 30px; width: 1135px; height: 235px; overflow: auto; resize: none; } 
.message .code input { width: 935px; } 
.message .btns { margin-top: 30px; text-align:center; } 
.message .btn { cursor: pointer; width: 230px; text-align: center; height: 50px; line-height: 50px; font-size: 18px; color: #ffffff; background-color: #005bac; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; } 
.message .btn.b1 { margin-left: 30px; background-color: #b0b0b0; } 
.message .btn:hover { background-color: #93ce3b; } 


.pro-ban { margin-top: 40px; } 
.pro-ban .hd { width: 100%; } 
.pro-ban .hd div { padding: 15px 60px; background-color: #dadada; font-weight: bold; cursor: pointer; text-align: center; font-size: 20px; color: #000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pro-ban .hd div:hover,.pro-ban .hd div.on { background-color: #0056a3; color: #fff; } 
.pro-ban .bd { margin-top: 20px; font-size: 18px; } 
.pro-ban .bd .el.img img { height: 600px !important; } 



.protable table { margin-top: 20px; width: 100%; border-collapse: collapse; text-align: center; font-size: 16px; } 
.protable table td,.protable table th { padding: 10px; border: 2px solid #8a8a8a; color: #666; } 
.protable table tr:first-child { font-size: 18px; white-space: nowrap; background-color:rgb(224, 224, 224); font-weight: bold; } 
.protable table tr:first-child td { color: #000!important; }