/*全局*/
* { 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; } 
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; } 
.pd20 { padding: 20px; } 

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

.main-content { width: 100%; font-size: 0; padding: 20px 0; } 

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

/* 标题 */
.title-1 { padding-top: 20px; position: relative; } 
.title-1 div { padding-left: 60px; z-index:2; position: relative; font-size: 23px; color: #0177a5; font-weight: bold; background-size: 50px 27px; background-image:url('../images/titbg.png'); background-position: left center; background-repeat: no-repeat; } 
.title-1 span { width: 100%; display: block; position: absolute; left: 0; top: -5px; z-index: 1; color: #ecf3f8; font-size: 38px; font-weight: bold; } 
.title-1 span.on { color: #ddecf6; } 
.title-1.on * { text-align: center; } 
.title-1.on div { background: unset; } 
.title-1.on div img { margin-right: 5px; width: 49px; height: 27px; } 

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

.xcx { width: 100px; height: 120px; text-align: center; } 


/* 页数 */
.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 { min-width: 10px; cursor: pointer; padding: 10px 15px; font-size: 14px; color: #333333; border: 1px solid #e2e2e2; border-left: 0; } 
.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; } 

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

/* 头部 */
.header { height: 110px; background-color: white; } 
.logo { float: left; height: 80px; padding: 15px 0; font-size: 0; max-width: 470px; } 
.logo img { height: 100%; } 

/* 导航 */
.nav { overflow: hidden; margin: 35px 0; max-width: 730px; float: right; font-size: 0; white-space: nowrap; z-index: 999; } 
.nav .el { margin: 0 1px; height: 40px; line-height: 40px; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { padding: 0 20px; height: 100%; font-size: 18px; color: #333333; display: block; } 
.nav .el:hover>a,.nav .el.on>a { background-color: #0177a5; color: #fff; border-radius: 40px; } 

.nav .sel { display: none; position: absolute; background-color: white; width: 100%; left: 0; top:100px; z-index: 999; padding-top: 10px; border-top: 3px#1194db solid; } 
.nav .sel:after { z-index: 99999; content: ""; position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 16px; height: 8px; background-image: url('../images/sanjiao.png'); background-position: top center; background-size: 16px 8px; background-repeat: no-repeat; } 
.nav .sel a { font-size: 16px; color: #4a4a4a; width: 100%; display: block; padding:12px 0; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { color: #2695d8; } 

/* 底部 */
.footer { padding: 45px 0; background-color: #0177a5; font-size: 16px; color: #82dcff; } 
.footer a { font-size: 16px; color: #fff; } 
.footer .lcon { float: left; width: 740px; } 
.footer .lcon>div { margin-top: 20px; } 
.footer .lcon>div:first-child { margin-top: 15px; } 
.footer .lcon .polic { width: 17px; height: 18px; vertical-align: -3px; margin-right: 5px; } 
.footer .lcon a:hover { color: #82dcff; } 
.footer .qrcon { float: right; width: 270px; } 
.footer .qrcon .el { float: left; width: 110px; } 
.footer .qrcon .el:first-child { margin-right: 45px; } 
.footer .qrcon .el img { width: 110px; height: 110px; border-radius: 5px; } 
.footer .qrcon .el .txt { text-align: center; margin-top: 10px; } 
.f-nav { width: 100%; display: flex; } 
.f-nav .el { line-height: 20px; float: left; padding-left: 15px; margin-right: 15px; border-left: 2px solid #2d93bb; } 
.f-nav .el:first-child { border: none; padding: 0; } 
.f-nav .el a { font-size: 16px; color: #ffffff; } 


/* 幻灯 */
.idx-ban { width: 100%; height: 675px; position: relative; text-align: center; overflow: hidden; background-color: white; } 
.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 { border-radius: 100%; display: inline-block; *display: inline; *zoom:1; width: 15px; height: 15px; background-color: #fff; margin: 0 8px; cursor: pointer; } 
.idx-ban .hd ul li.on { background-color: #0177a5; } 

/* 首页 */
.idx-ser { background-color: #fff; padding: 60px 0; } 
.idx-ser .area { margin-top: 35px; } 
.idx-ser .area .el { margin-right: 12.5px; margin-bottom: 12px; width: 290px; height: 380px; float: left; position: relative; transition: .3s all ease; } 
.idx-ser .area .el:nth-child(4n) { margin-right: 0; } 
.idx-ser .area .el a { display: block; width: 100%; height: 100%; } 
.idx-ser .area .el a>* { z-index: 9; position: relative; text-align: center; } 
.idx-ser .area .el .img { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-ser .area .el .tit { margin-top: 45px; font-size: 20px; color: #333333; } 
.idx-ser .area .el .tips { margin-top: 15px; font-size: 20px; color: #808080; } 
.idx-ser .area .el .more { margin: 0 auto; margin-top: 25px; width: 100px; height: 38px; line-height: 38px; border-radius: 30px; border: 1px solid #d8d8d9; font-size: 16px; color: #808080; text-align: center; } 
.idx-ser .area .el:hover { transform: translateY(-5px); box-shadow: 0 0 20px 1px rgba(1, 119, 165, .2); transition: .3s all ease; } 

.idx-abt { background-color: #f0f7fa; padding: 60px 0; } 
.idx-abt .area { *zoom: 1; margin-top: 40px; } 
.idx-abt .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .abt-con .img { float: left; width: 505px; height: 310px; } 
.idx-abt .abt-con .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.idx-abt .abt-con .txt { float: right; width: 645px; } 
.idx-abt .abt-con .txt .tit { padding-bottom: 30px; padding-top: 10px; margin-bottom: 30px; font-size: 28px; color: #000000; border-bottom: 1px solid #d1d7da; } 
.idx-abt .abt-con .txt .con { font-size: 16px; color: #313030; line-height: 35px; } 


.idx-abt .abt-list { *zoom: 1; margin-top: 30px; } 
.idx-abt .abt-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .abt-list .el { float: left; width: 285px; height: 170px; margin-right: 15px; margin-bottom: 15px; position:relative; } 
.idx-abt .abt-list .el:nth-child(4n) { margin-right: 0; } 
.idx-abt .abt-list .el a { display: block; width: 100%; height: 100%; } 
.idx-abt .abt-list .el .img { width: 100%; height: 100%; overflow: hidden; background-color: #005bac; } 
.idx-abt .abt-list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.idx-abt .abt-list .el .tit { font-size: 18px; background-color: rgba(0, 0, 0, .4); color: #fff; opacity: 1; transition: .3s all ease; opacity: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 50%; top: 50%; margin-left: -125px; margin-top: -63px; text-align: center; font-size: 18px; width: 250px; height: 125px; text-align: center; } 
.idx-abt .abt-list .el:hover .tit { opacity: 1; transition: .3s all ease; } 

.idx-about { padding: 60px 0; background-color: #f8f8f8; } 
.idx-about .area { margin-top: 40px; } 
.idx-about .area .txt { width: 575px; float: right; } 
.idx-about .area .txt .cont { font-size: 16px; color: #313030; line-height: 35px; } 
.idx-about .area .txt .tips { margin-top: 30px; display: flex; flex-direction: row; justify-content: space-between; } 
.idx-about .area .txt .tips .el { } 
.idx-about .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: #0177a5; } 
.idx-about .area .txt .tips .el .tit span { font-size: 16px; color: #0177a5; font-weight: normal; padding-left: 5px; } 
.idx-about .area .txt .tips .el span { font-size: 15px; color: #888888; } 
.idx-about .area .img { float: left; width: 580px; } 
.idx-about .area .img img { width: 100%; height: auto; } 

.idx-map { background-color: white; padding: 60px 0; } 
.idx-map .maplist { margin-top: 40px; } 
.idx-map .maplist .el { float: left; width: 400px; text-align: left; } 
.idx-map .maplist .el .num { float: left; border-radius: 5px; margin-right: 15px; width: 54px; height: 54px; line-height: 54px; background-color: #0177a5; text-align: center; font-size: 26px; color: #ffffff; font-weight: bold; } 
.idx-map .maplist .el .txt { float: left; width: 330px; } 
.idx-map .maplist .el .txt .tit { margin-bottom: 5px; font-size: 20px; color: #333333; font-weight: bold; } 
.idx-map .maplist .el .txt .tips { font-size: 16px; color: #666666; } 

.sch { margin: 20px 0; } 
.sch .hd { border-bottom: 2px solid #0177a5; position: relative; z-index: 20; } 
.sch .hd div { margin-bottom: -2px; padding-bottom: 10px; cursor: pointer; font-weight: bold; margin-right: 20px; font-size: 18px; color: #666666; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.sch .hd div span { font-size: 24px; margin-right: 10px; font-weight: normal; } 
.sch .hd div.on { color: #0177a5; background: url(../images/icon.jpg) no-repeat center bottom; } 
.sch .bd { margin-top: -1px; border: 1px solid #dcdcdc; border-top: none; background-color: #f8f8f8; position: relative; z-index: 10; white-space: nowrap; font-size: 0; } 
.sch .bd input { float: left; display: block; width: 1050px; padding: 0 20px; height: 48px; font-size: 16px; color: #666666; background-color: #f8f8f8; outline: none; border: none; } 
.sch .bd .btn { cursor: pointer; float: right; height: 48px; line-height: 48px; font-size: 16px; color: #fff; width: 105px; text-align: center; background-color: #0177a5; } 
.sch .bd .btn span { font-size: 20px; margin-right: 5px; vertical-align: middle; } 

/* 新闻列表 */
.newlist { } 
.newlist .el { border-bottom: 1px solid #eaeaea; width: 100%; height: 175px; padding-bottom: 40px; margin-bottom: 40px; } 
.newlist .el a { width: 100%; height: 100%; display: block; } 
.newlist .el .time { float: left; width: 175px; height: 105px; padding: 35px 0; background-color: #f8f8f8; text-align: center; transition: .3s all ease; } 
.newlist .el .time div { font-weight: bold; margin-bottom: 10px; font-size: 45px; color: #0177a5; transition: .3s all ease; } 
.newlist .el .time span { font-size: 20px; color: #999999; transition: .3s all ease; } 
.newlist .el .cont { float: right; width: 975px; } 
.newlist .el .cont .tit { font-size: 20px; color: #000; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.newlist .el .cont .smry { height: 85px; font-size: 16px; color: #999999; line-height: 35px; } 
.newlist .el .btn { transition: .3s all ease; text-align: center; line-height: 40px; font-size: 16px; color: #666666; width: 150px; height: 40px; border: 1px solid #eaeaea; border-radius: 30px; } 
.newlist .el:hover .time { background-color: #0177a5; transition: .3s all ease; } 
.newlist .el:hover .time div { color: #fff; transition: .3s all ease; } 
.newlist .el:hover .time span { color: #62b8d9; transition: .3s all ease; } 
.newlist .el:hover .btn { background-color: #0177a5; color: #fff; transition: .3s all ease; } 
.newlist .el:hover .tit,.newlist .el:hover .smry { color: #0177a5; } 


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


/* 内页导航 */
.inner-menu { background-color: white; padding: 35px 0; font-size: 0; text-align: center; } 
.inner-menu .el { margin-left: 20px; line-height: 55px; background-color: #f8f8f8; height: 55px; 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:0 30px; height: 100%; font-size: 18px; color: #575758; } 
.inner-menu .el:hover,.inner-menu .el.on { background-color: #0177a5; } 
.inner-menu .el:hover a,.inner-menu .el.on a { color: #fff; } 


/* 文章 */ 
.article { margin-top: 20px; padding:0 40px; } 
.article .title { text-align: center; font-size: 32px; color: #000000; font-weight: bold; line-height: 55px; } 
.article .smry { margin-bottom: 25px; padding: 10px 0; margin-top: 25px; background-color:#f5f5f5; font-size: 14px; color: #727272; text-align: center; } 

.article .exp-img { text-align: center; } 
.article .exp-img img { width: 255px; } 
.article .exp-title { margin: 25px 0; font-size: 26px; color: #000000; font-weight: bold; text-align: center; } 

.article .exp-title span { white-space: nowrap; margin-right:10px; } 

.content { font-size: 16px; color: #404040; line-height: 33px; } 
.content p { line-height: 35px; font-size: 16px; color: #404040; } 


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

.arc-title { margin-bottom: 50px; box-sizing: border-box; font-size: 17px; color: #000; border-collapse: collapse; table-layout: auto !important; } 
.arc-title td { border: 1px solid #b0cce4; padding: 10px 0; } 
.arc-title .td1,.arc-title .td2 { padding: 10px; width: 120px; border-right-color: transparent !important; text-align: right; } 
.arc-title .td2 { vertical-align: top !important; } 

/* 上下页 */
.pan { position: relative; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top: 25px; padding:40px 0; font-size: 0; font-size: 16px; color: #333333; *zoom: 1; } 
.pan:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.pan a { display: block; font-size: 16px; color: #333333; } 
.pan a:hover { color: #4baee4; } 
.pan .pre,.pan .next { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .pre .iconfont,.pan .next .iconfont { font-size: 18px; color: #1194db; font-weight: bold; display: inline-block; *zoom: 1; vertical-align: -2px; *display: inline; } 
.pan .pre { float: left; } 
.pan .arrow { display: inline-block; width: 40px; height: 13px; background-repeat: no-repeat; background-size: contain; } 
.pan .zuo { background-image: url(../images/z.png); background-position: left center; } 
.pan .you { background-image: url(../images/y.png); background-position: right center; } 
.pan .next { float: right; text-align: right; } 
.pan .next .iconfont { transform: rotate(180deg); margin-left: 10px; } 
.pan .back { position: absolute; left: 50%; top: 25px; padding-top: 25px; margin-left: -55px; text-align: center; width: 110px; background: url(../images/pan.png) no-repeat center top; } 
.pan .back a { display: block; font-size: 16px; color: #666666; } 
.pan .back:hover * { color: #4baee4; } 


/* 联系我们 */
.contact { font-size: 16px; color: #333333; } 
.contact .title { font-size: 20px; color: #0056a3; margin-bottom: 15px; } 
.contact .area { float: left; width: 980px; } 
.contact .area .el { float: left; margin-top: 50px; min-width:280px; max-width: 380px; } 
.contact .qrcode { float: right; width: 120px; margin-top: 50px; } 

.imglist { *zoom:1; } 
.imglist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.imglist .el { margin-right: 25px; margin-bottom: 15px; width: 280px; height: 225px; float: left; overflow: hidden; transition: .1s all linear; } 
.imglist .el.on { margin-right: 0; } 
.imglist .el a { display: block; } 
.imglist .el .img { width: 100%; height: 180px; overflow: hidden; } 
.imglist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.imglist .el .tit { padding: 12px 0; height:21px; font-size:16px; color: #404040; text-align: center; transition: .1s all linear; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.imglist .el:hover { box-shadow:0px 0px 15px 1px rgba(22, 141, 172,.7); transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.imglist .el:hover .tit { background-color: #168dae; color: #fff; transition: .1s all linear; } 
.imglist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 

.prolist { *zoom:1; } 
.prolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.prolist .el { margin-right: 25px; margin-bottom: 15px; width: 380px; height: 295px; float: left; overflow: hidden; transition: .1s all linear; } 
.prolist .el.on { margin-right: 0; } 
.prolist .el a { display: block; } 
.prolist .el .img { width: 100%; height: 240px; overflow: hidden; } 
.prolist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.prolist .el .tit { display: flex; flex-direction: row; justify-content: space-between; background-color: #efefef; padding: 17px 30px; height:21px; } 
.prolist .el .tit span { font-size:16px; color: #000000; display: block; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.prolist .el .tit img { width:24px; height: 13px; margin-top: 5px; } 
.prolist .el:hover { box-shadow:0px 0px 15px 1px rgba(22, 141, 172,.7); transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.prolist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 

.joblist { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.joblist .el { float: left; padding: 0 45px; margin-bottom: 40px; width: 488px; height: 418px; border: 1px solid #efefef; background-color: #fafafa; } 
.joblist .el .title { margin-top: 35px; } 
.joblist .el .tit { font-size: 24px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.joblist .el .cont { height: 200px; overflow: auto; margin-top: 25px; font-size: 16px; color: #878787; } 
.joblist .el .cont::-webkit-scrollbar { width: 5px; } 
.joblist .el .cont::-webkit-scrollbar-track { width: 5px; background-color: #e5e5e5; } 
.joblist .el .cont::-webkit-scrollbar-thumb { width: 5px; background-color: #1194db; } 
.joblist .el .tip { margin-top: 25px; border-top: 1px dashed #c0c0c0; font-size: 16px; color: #383737; } 
.joblist .el .tip div { margin-top: 15px; } 


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


/* 产品介绍 */
.proshow { padding: 10px 0; padding-top: 20px; background-color: white; } 
.proshow .top { } 
.proshow .top .img { width:550px; float: left; font-size: 0; text-align: center; } 
.proshow .top .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .img .bd { border: 1px solid #ebebeb; } 
.proshow .top .img .bd div { height: 100%; line-height: 400px; } 
.proshow .top .img .bd img { max-height: 400px; } 

.proshow .top .img .hd { margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; } 
.proshow .top .img .hd div { display: flex; flex-direction: column; justify-content: center; cursor: pointer; width: 0; height: auto; border: 2px solid transparent } 
.proshow .top .img .hd div.on { border: 2px solid #1194db; } 

.proshow .top .title { float: right; width: 600px; } 
.proshow .top .title .tit { padding-bottom: 15px; border-bottom: 1px solid #cecece; font-size: 36px; color: #1d1d1d; font-weight: bold; } 

.proshow .top .title .con { border-bottom: 1px solid #cecece; padding: 20px 0; } 
.proshow .top .title .con .cont { height: 200px; font-size: 16px; color: #7e7f7f; line-height: 40px; overflow: auto; } 
.proshow .top .title .con .cont::-webkit-scrollbar { width: 5px; } 
.proshow .top .title .con .cont::-webkit-scrollbar-thumb { background-color: #1194db; 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 .tips { } 
.proshow .top .title .tips div { margin-top: 15px; font-size: 25px; color: #df1818; font-weight: bold; } 
.proshow .top .title .tips div span { color: #0177a5; } 

.proshow .top .title .btns { margin-top: 10px; padding-top: 10px; } 
.proshow .top .title .btns .el { position: relative; color: #fff; font-size: 16px; padding: 0 15px; cursor: pointer; margin-left: 20px; width: 155px; height: 40px; line-height: 40px; background-color: #1194db; text-align: left; 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 .iconfont { position: absolute; right: 15px; top: 0px; } 
.proshow .top .title .btns .el.on { background-color: #cc173e; } 
.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; } 
/*全局*/
* { 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; } 
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; } 
.pd20 { padding: 20px; } 

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

.main-content { width: 100%; font-size: 0; padding: 20px 0; } 

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

/* 标题 */
.title-1 { padding-top: 20px; position: relative; } 
.title-1 div { padding-left: 60px; z-index:2; position: relative; font-size: 23px; color: #0177a5; font-weight: bold; background-size: 50px 27px; background-image:url('../images/titbg.png'); background-position: left center; background-repeat: no-repeat; } 
.title-1 span { width: 100%; display: block; position: absolute; left: 0; top: -5px; z-index: 1; color: #ecf3f8; font-size: 38px; font-weight: bold; } 
.title-1 span.on { color: #ddecf6; } 
.title-1.on * { text-align: center; } 
.title-1.on div { background: unset; } 
.title-1.on div img { margin-right: 5px; width: 49px; height: 27px; } 

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

.xcx { width: 100px; height: 120px; text-align: center; } 


/* 页数 */
.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 { min-width: 10px; cursor: pointer; padding: 10px 15px; font-size: 14px; color: #333333; border: 1px solid #e2e2e2; border-left: 0; } 
.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; } 

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

/* 头部 */
.header { height: 110px; background-color: white; } 
.logo { float: left; height: 70px; padding: 20px 0; font-size: 0; max-width: 423px; } 
.logo img { height: 100%; } 

/* 导航 */
.nav { overflow: hidden; margin: 35px 0; max-width: 830px; float: right; font-size: 0; white-space: nowrap; z-index: 999; } 
.nav .el { margin: 0 3px; height: 40px; line-height: 40px; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { padding: 0 7px; height: 100%; font-size: 18px; color: #333333; display: block; } 
.nav .el:hover>a,.nav .el.on>a { background-color: #0177a5; color: #fff; border-radius: 40px; } 

.nav .sel { display: none; position: absolute; background-color: white; width: 100%; left: 0; top:100px; z-index: 999; padding-top: 10px; border-top: 3px#1194db solid; } 
.nav .sel:after { z-index: 99999; content: ""; position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 16px; height: 8px; background-image: url('../images/sanjiao.png'); background-position: top center; background-size: 16px 8px; background-repeat: no-repeat; } 
.nav .sel a { font-size: 16px; color: #4a4a4a; width: 100%; display: block; padding:12px 0; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { color: #2695d8; } 

/* 底部 */
.footer { padding: 45px 0; background-color: #0177a5; font-size: 16px; color: #82dcff; } 
.footer a { font-size: 16px; color: #fff; } 
.footer .lcon { float: left; width: 740px; } 
.footer .lcon>div { margin-top: 20px; } 
.footer .lcon>div:first-child { margin-top: 15px; } 
.footer .lcon .polic { width: 17px; height: 18px; vertical-align: -3px; margin-right: 5px; } 
.footer .lcon a:hover { color: #82dcff; } 
.footer .qrcon { float: right; width: 270px; } 
.footer .qrcon .el { float: left; width: 110px; } 
.footer .qrcon .el:first-child { margin-right: 45px; } 
.footer .qrcon .el img { width: 110px; height: 110px; border-radius: 5px; } 
.footer .qrcon .el .txt { text-align: center; margin-top: 10px; } 
.f-nav { width: 100%; display: flex; } 
.f-nav .el { line-height: 20px; float: left; padding-left: 15px; margin-right: 15px; border-left: 2px solid #2d93bb; } 
.f-nav .el:first-child { border: none; padding: 0; } 
.f-nav .el a { font-size: 16px; color: #ffffff; } 


/* 幻灯 */
.idx-ban { width: 100%; height: 675px; position: relative; text-align: center; overflow: hidden; background-color: white; } 
.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 { border-radius: 100%; display: inline-block; *display: inline; *zoom:1; width: 15px; height: 15px; background-color: #fff; margin: 0 8px; cursor: pointer; } 
.idx-ban .hd ul li.on { background-color: #0177a5; } 

/* 首页 */
.idx-ser { background-color: #fff; padding: 60px 0; } 
.idx-ser .area { margin-top: 35px; } 
.idx-ser .area .el { margin-right: 12.5px; margin-bottom: 12px; width: 290px; height: 380px; float: left; position: relative; transition: .3s all ease; } 
.idx-ser .area .el:nth-child(4n) { margin-right: 0; } 
.idx-ser .area .el a { display: block; width: 100%; height: 100%; } 
.idx-ser .area .el a>* { z-index: 9; position: relative; text-align: center; } 
.idx-ser .area .el .img { z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-ser .area .el .tit { margin-top: 45px; font-size: 20px; color: #333333; } 
.idx-ser .area .el .tips { margin-top: 15px; font-size: 20px; color: #808080; } 
.idx-ser .area .el .more { margin: 0 auto; margin-top: 25px; width: 100px; height: 38px; line-height: 38px; border-radius: 30px; border: 1px solid #d8d8d9; font-size: 16px; color: #808080; text-align: center; } 
.idx-ser .area .el:hover { transform: translateY(-5px); box-shadow: 0 0 20px 1px rgba(1, 119, 165, .2); transition: .3s all ease; } 

.idx-abt { background-color: #f0f7fa; padding: 60px 0; } 
.idx-abt .area { *zoom: 1; margin-top: 40px; } 
.idx-abt .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .abt-con .img { float: left; width: 505px; height: 310px; } 
.idx-abt .abt-con .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.idx-abt .abt-con .txt { float: right; width: 645px; } 
.idx-abt .abt-con .txt .tit { padding-bottom: 30px; padding-top: 10px; margin-bottom: 30px; font-size: 28px; color: #000000; border-bottom: 1px solid #d1d7da; } 
.idx-abt .abt-con .txt .con { font-size: 16px; color: #313030; line-height: 35px; } 


.idx-abt .abt-list { *zoom: 1; margin-top: 30px; } 
.idx-abt .abt-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .abt-list .el { float: left; width: 285px; height: 170px; margin-right: 15px; margin-bottom: 15px; position:relative; } 
.idx-abt .abt-list .el:nth-child(4n) { margin-right: 0; } 
.idx-abt .abt-list .el a { display: block; width: 100%; height: 100%; } 
.idx-abt .abt-list .el .img { width: 100%; height: 100%; overflow: hidden; background-color: #005bac; } 
.idx-abt .abt-list .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.idx-abt .abt-list .el .tit { font-size: 18px; background-color: rgba(0, 0, 0, .4); color: #fff; opacity: 1; transition: .3s all ease; opacity: 0; display: flex; flex-direction: column; justify-content: center; position: absolute; left: 50%; top: 50%; margin-left: -125px; margin-top: -63px; text-align: center; font-size: 18px; width: 250px; height: 125px; text-align: center; } 
.idx-abt .abt-list .el:hover .tit { opacity: 1; transition: .3s all ease; } 

.idx-about { padding: 60px 0; background-color: #f0f7fa; } 
.idx-about .area { margin-top: 40px; } 
.idx-about .area .txt { width: 575px; float: right; } 
.idx-about .area .txt .cont { font-size: 16px; color: #313030; line-height: 35px; } 
.idx-about .area .txt .tips { margin-top: 30px; display: flex; flex-direction: row; justify-content: space-between; } 
.idx-about .area .txt .tips .el { } 
.idx-about .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: #0177a5; } 
.idx-about .area .txt .tips .el .tit span { font-size: 16px; color: #0177a5; font-weight: normal; padding-left: 5px; } 
.idx-about .area .txt .tips .el span { font-size: 15px; color: #888888; } 
.idx-about .area .img { float: left; width: 580px; } 
.idx-about .area .img img { width: 100%; height: auto; } 

.idx-map { background-color: white; padding: 60px 0; } 
.idx-map .maplist { margin-top: 40px; display:flex; flex-wrap:wrap; justify-content:space-between; } 
.idx-map .maplist .el { width: 390px; text-align: left; margin-bottom:20px; } 
.idx-map .maplist .el .num { float: left; border-radius: 5px; margin-right: 15px; width: 54px; height: 54px; line-height: 54px; background-color: #0177a5; text-align: center; font-size: 26px; color: #ffffff; font-weight: bold; } 
.idx-map .maplist .el .txt { float: left; width: 320px; } 
.idx-map .maplist .el .txt .tit { margin-bottom: 5px; font-size: 20px; color: #333333; font-weight: bold; } 
.idx-map .maplist .el .txt .tips { font-size: 15px; color: #666666; } 

.sch { margin: 20px 0; } 
.sch .hd { border-bottom: 2px solid #0177a5; position: relative; z-index: 20; } 
.sch .hd div { margin-bottom: -2px; padding-bottom: 10px; cursor: pointer; font-weight: bold; margin-right: 20px; font-size: 18px; color: #666666; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.sch .hd div span { font-size: 24px; margin-right: 10px; font-weight: normal; } 
.sch .hd div.on { color: #0177a5; background: url(../images/icon.jpg) no-repeat center bottom; } 
.sch .bd { margin-top: -1px; border: 1px solid #dcdcdc; border-top: none; background-color: #f8f8f8; position: relative; z-index: 10; white-space: nowrap; font-size: 0; } 
.sch .bd input { float: left; display: block; width: 1050px; padding: 0 20px; height: 48px; font-size: 16px; color: #666666; background-color: #f8f8f8; outline: none; border: none; } 
.sch .bd .btn { cursor: pointer; float: right; height: 48px; line-height: 48px; font-size: 16px; color: #fff; width: 105px; text-align: center; background-color: #0177a5; } 
.sch .bd .btn span { font-size: 20px; margin-right: 5px; vertical-align: middle; } 

/* 新闻列表 */
.newlist { } 
.newlist .el { border-bottom: 1px solid #eaeaea; width: 100%; height: 175px; padding-bottom: 40px; margin-bottom: 40px; } 
.newlist .el a { width: 100%; height: 100%; display: block; } 
.newlist .el .time { float: left; width: 175px; height: 105px; padding: 35px 0; background-color: #f8f8f8; text-align: center; transition: .3s all ease; } 
.newlist .el .time div { font-weight: bold; margin-bottom: 10px; font-size: 45px; color: #0177a5; transition: .3s all ease; } 
.newlist .el .time span { font-size: 20px; color: #999999; transition: .3s all ease; } 
.newlist .el .cont { float: right; width: 975px; } 
.newlist .el .cont .tit { font-size: 20px; color: #000; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.newlist .el .cont .smry { height: 85px; font-size: 16px; color: #999999; line-height: 35px; } 
.newlist .el .btn { transition: .3s all ease; text-align: center; line-height: 40px; font-size: 16px; color: #666666; width: 150px; height: 40px; border: 1px solid #eaeaea; border-radius: 30px; } 
.newlist .el:hover .time { background-color: #0177a5; transition: .3s all ease; } 
.newlist .el:hover .time div { color: #fff; transition: .3s all ease; } 
.newlist .el:hover .time span { color: #62b8d9; transition: .3s all ease; } 
.newlist .el:hover .btn { background-color: #0177a5; color: #fff; transition: .3s all ease; } 
.newlist .el:hover .tit,.newlist .el:hover .smry { color: #0177a5; } 


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


/* 内页导航 */
.inner-menu { background-color: white; padding: 35px 0; font-size: 0; text-align: center; } 
.inner-menu .el { margin-left: 20px; line-height: 55px; background-color: #f8f8f8; height: 55px; 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:0 30px; height: 100%; font-size: 18px; color: #575758; } 
.inner-menu .el:hover,.inner-menu .el.on { background-color: #0177a5; } 
.inner-menu .el:hover a,.inner-menu .el.on a { color: #fff; } 


/* 文章 */ 
.article { margin-top: 20px; } 
.article .title { text-align: center; font-size: 32px; color: #000000; font-weight: bold; line-height: 55px; } 
.article .smry { margin-bottom: 25px; padding: 10px 0; margin-top: 25px; background-color:#f5f5f5; font-size: 14px; color: #727272; text-align: center; } 

.article .exp-img { text-align: center; } 
.article .exp-img img { width: 255px; } 
.article .exp-title { margin: 25px 0; font-size: 26px; color: #000000; font-weight: bold; text-align: center; } 

.article .exp-title span { white-space: nowrap; margin-right:10px; } 

.content { font-size: 16px; color: #404040; line-height: 33px; } 
.content p { line-height: 35px; font-size: 16px; color: #404040; } 


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

.arc-title { margin-bottom: 50px; box-sizing: border-box; font-size: 17px; color: #000; border-collapse: collapse; table-layout: auto !important; } 
.arc-title td { border: 1px solid #b0cce4; padding: 10px 0; } 
.arc-title .td1,.arc-title .td2 { padding: 10px; width: 120px; border-right-color: transparent !important; text-align: right; } 
.arc-title .td2 { vertical-align: top !important; } 

/* 上下页 */
.pan { position: relative; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top: 25px; padding:40px 0; font-size: 0; font-size: 16px; color: #333333; *zoom: 1; } 
.pan:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.pan a { display: block; font-size: 16px; color: #333333; } 
.pan a:hover { color: #4baee4; } 
.pan .pre,.pan .next { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .pre .iconfont,.pan .next .iconfont { font-size: 18px; color: #1194db; font-weight: bold; display: inline-block; *zoom: 1; vertical-align: -2px; *display: inline; } 
.pan .pre { float: left; } 
.pan .arrow { display: inline-block; width: 40px; height: 13px; background-repeat: no-repeat; background-size: contain; } 
.pan .zuo { background-image: url(../images/z.png); background-position: left center; } 
.pan .you { background-image: url(../images/y.png); background-position: right center; } 
.pan .next { float: right; text-align: right; } 
.pan .next .iconfont { transform: rotate(180deg); margin-left: 10px; } 
.pan .back { position: absolute; left: 50%; top: 25px; padding-top: 25px; margin-left: -55px; text-align: center; width: 110px; background: url(../images/pan.png) no-repeat center top; } 
.pan .back a { display: block; font-size: 16px; color: #666666; } 
.pan .back:hover * { color: #4baee4; } 


/* 联系我们 */
.contact { font-size: 16px; color: #333333; } 
.contact .title { font-size: 20px; color: #0056a3; margin-bottom: 15px; } 
.contact .area { float: left; width: 980px; } 
.contact .area .el { float: left; margin-top: 50px; min-width:280px; max-width: 380px; } 
.contact .qrcode { float: right; width: 120px; margin-top: 50px; } 

.imglist { *zoom:1; } 
.imglist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.imglist .el { margin-right: 25px; margin-bottom: 15px; width: 280px; height: 225px; float: left; overflow: hidden; transition: .1s all linear; } 
.imglist .el.on { margin-right: 0; } 
.imglist .el a { display: block; } 
.imglist .el .img { width: 100%; height: 180px; overflow: hidden; } 
.imglist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.imglist .el .tit { padding: 12px 0; height:21px; font-size:16px; color: #404040; text-align: center; transition: .1s all linear; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 
.imglist .el:hover { box-shadow:0px 0px 15px 1px rgba(22, 141, 172,.7); transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.imglist .el:hover .tit { background-color: #168dae; color: #fff; transition: .1s all linear; } 
.imglist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 

.prolist { *zoom:1; } 
.prolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.prolist .el { margin-right: 24px; margin-bottom: 15px; width: 380px; height: 295px; float: left; overflow: hidden; transition: .1s all linear; } 
.prolist .el.on { margin-right: 0; } 
.prolist .el a { display: block; } 
.prolist .el .img { width: 100%; height: 240px; overflow: hidden; } 
.prolist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.prolist .el .tit { display: flex; flex-direction: row; justify-content: space-between; background-color: #efefef; padding: 17px 30px; height:21px; } 
.prolist .el .tit span { font-size:16px; color: #000000; display: block; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.prolist .el .tit img { width:24px; height: 13px; margin-top: 5px; } 
.prolist .el:hover { box-shadow:0px 0px 15px 1px rgba(22, 141, 172,.7); transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.prolist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 

.joblist { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.joblist .el { float: left; padding: 0 45px; margin-bottom: 40px; width: 488px; height: 418px; border: 1px solid #efefef; background-color: #fafafa; } 
.joblist .el .title { margin-top: 35px; } 
.joblist .el .tit { font-size: 24px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.joblist .el .cont { height: 200px; overflow: auto; margin-top: 25px; font-size: 16px; color: #878787; } 
.joblist .el .cont::-webkit-scrollbar { width: 5px; } 
.joblist .el .cont::-webkit-scrollbar-track { width: 5px; background-color: #e5e5e5; } 
.joblist .el .cont::-webkit-scrollbar-thumb { width: 5px; background-color: #1194db; } 
.joblist .el .tip { margin-top: 25px; border-top: 1px dashed #c0c0c0; font-size: 16px; color: #383737; } 
.joblist .el .tip div { margin-top: 15px; } 


.peolist { *zoom:1; } 
.peolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.peolist .el { position: relative; border: 1px solid #eaeaea; margin-right: 30px; margin-bottom: 30px; width: 585px; height: 230px; float: left; overflow: hidden; transition: .1s all linear; box-sizing: border-box; } 
.peolist .el.on { margin-right: 0; } 
.peolist .el a { display: block; *zoom: 1; padding: 15px; } 
.peolist .el a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.peolist .el .img { float: left; width: 200px; height: 200px; overflow: hidden; } 
.peolist .el .img div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.peolist .el .txt { float: right; width: 330px; } 
.peolist .el .tit { margin-top: 10px; font-size: 20px; color: #000000; } 
.peolist .el .words { margin-top:15px; font-size: 16px; color: #999999; white-space: nowrap; overflow: hidden; } 
.peolist .el .smry { margin-top: 13px; line-height: 27px; font-size: 16px; color: #999999; } 
.peolist .el .btn { position: absolute; right: 195px; bottom: 17px; font-size: 16px; color: #666666; width: 150px; height: 40px; line-height: 40px; border: 1px solid #eaeaea; border-radius: 30px; text-align: center; } 
.peolist .el:hover { border-color: #0177a5; transition: .1s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2168dac,endColorstr=#B2168dac); } 
.peolist .el:hover .img div { transform:scale(1.05); transition: .3s all ease-in; } 
.peolist .el:hover .tit { color: #0177a5; transition: .3s all ease-in; } 
.peolist .el:hover .btn { background-color: #0177a5; color: #fff; transition: .3s all ease-in; } 

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

.peo-cate { margin-top: 40px; } 
.peo-cate .hd { width: 100%; border-bottom: 1px solid #eaeaea; } 
.peo-cate .hd div { padding: 15px 50px; cursor: pointer; text-align: center; font-size: 20px; color: #000; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.peo-cate .hd div:hover,.peo-cate .hd div.on { background-color: #0177a5; color: #fff; } 
.peo-cate .bd { margin-top: 20px; font-size: 18px; } 
.peo-cate .bd .el.img img { height: 600px !important; } 

.peo-cate .bd table { width: 100%; border-collapse: collapse; border: 1px solid #dcdcdc; font-size: 18px; color: #3f3f3f; } 
.peo-cate .bd table td { padding:0 45px; height: 70px; border: none; font-size: 18px; color: #3f3f3f; } 
.peo-cate .bd table tr:nth-child(2n) { background-color: #f7f7f7; border-bottom: 1px solid #dcdcdc; } 

.peo-cate .wimg { float: left; width: 285px; height: 285px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; } 
.peo-cate .wimg div { transition: .3s all ease-out; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.peo-cate .wimg:nth-child(4n) { margin-right: 0; } 

.peo-cate .kel { margin-right: 10px; margin-bottom: 7px; float: left; padding: 10px 15px; background-color: #e5f1f6; border-radius: 5px; font-size: 16px; color: #0177a5; } 

/* 产品介绍 */
.proshow { padding: 10px 0; padding-top: 20px; background-color: white; } 
.proshow .top { } 
.proshow .top .img { width:550px; float: left; font-size: 0; text-align: center; } 
.proshow .top .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .img .bd { border: 1px solid #ebebeb; } 
.proshow .top .img .bd div { height: 100%; line-height: 400px; } 
.proshow .top .img .bd img { max-height: 400px; } 

.proshow .top .img .hd { margin-top: 10px; display: flex; flex-direction: row; justify-content: flex-start; } 
.proshow .top .img .hd div { margin-right: 10px; display: flex; flex-direction: column; justify-content: center; cursor: pointer; width: 125px; height: auto; border: 2px solid transparent } 
.proshow .top .img .hd div.on { border: 2px solid #1194db; } 

.proshow .picarr { } 
.proshow .picarr .hd { width: 100%; height: 80px; overflow: hidden; *zoom: 1; } 
.proshow .picarr .hd:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.proshow .picarr .hd div { width: 125px; } 
.proshow .picarr .hd div img { width: 100%; height: 100%; } 

.proshow .top .title { float: right; width: 600px; } 
.proshow .top .title .tit { padding-bottom: 15px; border-bottom: 1px solid #cecece; font-size: 36px; color: #1d1d1d; font-weight: bold; } 

.proshow .top .title .con { border-bottom: 1px solid #cecece; padding: 20px 0; } 
.proshow .top .title .con .cont { height: 200px; font-size: 16px; color: #7e7f7f; line-height: 40px; overflow: auto; } 
.proshow .top .title .con .cont::-webkit-scrollbar { width: 5px; } 
.proshow .top .title .con .cont::-webkit-scrollbar-thumb { background-color: #1194db; 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 .tips { } 
.proshow .top .title .tips div { margin-top: 15px; font-size: 25px; color: #df1818; font-weight: bold; } 
.proshow .top .title .tips div span { color: #0177a5; } 

.proshow .top .title .btns { margin-top: 10px; padding-top: 10px; } 
.proshow .top .title .btns .el { position: relative; color: #fff; font-size: 16px; padding: 0 15px; cursor: pointer; margin-left: 20px; width: 155px; height: 40px; line-height: 40px; background-color: #1194db; text-align: left; 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 .iconfont { position: absolute; right: 15px; top: 0px; } 
.proshow .top .title .btns .el.on { background-color: #cc173e; } 
.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; } 

.peoshow { padding: 30px 0; } 
.peoshow .top { border: 1px solid #eaeaea; padding: 25px; } 
.peoshow .top .img { float: left; width: 260px; height: 270px; } 
.peoshow .top .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.peoshow .top .txt { float: right; width: 850px; } 
.peoshow .top .txt .tit { font-size: 36px; color: #020202; margin-bottom: 30px; } 
.peoshow .top .txt .smry { line-height: 33px; font-size: 16px; color: #3f3f3f; } 
.peoshow .top .txt .smry .on { color: #0177a5; font-weight: bold; } 

.peoshow .appraise .area { padding-top: 30px; } 
.peoshow .appraise .rating-container { float: left; } 
.peoshow .appraise .rating-category .t { float: left; font-size: 18px; color: #000000; } 
.peoshow .appraise .rating-category { margin-bottom: 22px; } 
.peoshow .appraise .stars { float: left; } 
.peoshow .appraise .star { color: #e0e0e1; font-size: 24px; cursor: pointer; transition: color 0.2s; margin-right: 5px; } 
.peoshow .appraise .star.active { color: #ffcc33; } 
.peoshow .appraise .average-rating { margin-top: 20px; font-size: 20px; } 

.peoshow .comment { float: right; width: 940px; position: relative; padding-bottom: 70px; } 
.peoshow .comment .text { position: relative; } 
.peoshow .comment textarea { resize: none; width: 900px; height: 80px; background-color: #f8f8f8; padding: 20px; font-size: 16px; color: #000; outline: none; border: none; } 
.peoshow .comment textarea::-webkit-scrollbar { width: 10px; } 
.peoshow .comment textarea::-webkit-scrollbar-track { width: 100%; background-color: #dfdfdf; } 
.peoshow .comment textarea::-webkit-scrollbar-thumb { width: 100%; background-color: #0177a5; } 
.peoshow .comment .text div { position: absolute; right: 15px; bottom: 10px; font-size: 16px; color: #adacac; } 
.peoshow .comment .btn { outline: none; border: none; position: absolute; right: 0; bottom: 0; cursor: pointer; width: 150px; height: 45px; line-height: 45px; background-color: #0177a5; text-align: center; font-size: 18px; color: #fff; } 
.peoshow .comment .btn:hover { opacity: .8; } 

.comment-list { margin-top: 40px; border-top: 1px solid #e5e5e5; } 
.comment-list .el { margin-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #e5e5e5; } 
.comment-list .el .head { margin-bottom: 10px; } 
.comment-list .el .head .time { float: left; font-size: 16px; color: #7c7c7c; } 
.comment-list .el .rating { float: right; font-size: 16px; color: #333333; } 
.comment-list .el .rating .iconfont { font-size: 20px; color: #e0e0e1; } 
.comment-list .el .rating .iconfont.on { color: #ffcc33; } 
.comment-list .el .con { font-size: 16px; color: #3f3f3f; line-height: 30px; } 
.comment-list .no_comment { font-size: 18px; color: #666; text-align: center; padding: 20px 0; } 

.idx-news { padding: 60px 0; background-color: #f8f8f8; } 
.idx-news .area { margin-top: 30px; } 

.idx-news-banner { float: left; width: 600px; height: 375px; position: relative; } 
.idx-news-banner .bd { position: relative; width: 100%; height: 100%; } 
.idx-news-banner .bd div { display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; } 
.idx-news-banner .bd div a { display: block; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: .3s all ease; } 
.idx-news-banner .bd div:hover a { transform: scale(1.04); transition: .3s all ease; } 
.idx-news-banner .hd { height: 19px; position: absolute; bottom: 25px; left: 50%; margin-left: -30px; } 
.idx-news-banner .hd ul { font-size: 0; border-radius: 7px; height: 3px; text-align: center; background-color: rgba(0, 0, 0, .7); padding: 8px 11px; } 
.idx-news-banner .hd ul li { margin-left: 4px; width: 17px; height: 3px; background-color: #fff; display: inline-block; *display: inline; *zoom: 1; cursor: pointer; } 
.idx-news-banner .hd ul li:first-child { margin-left: 0; } 
.idx-news-banner .hd ul li.on { background-color: #0177a5;; } 

.idx-news-list { float: right; width: 570px; height: 100%; } 
.idx-news-list .cont { } 
.idx-news-list .cont .el { border-bottom: 1px solid #eeeeee; width: 100%; } 
.idx-news-list .cont .el a { display: block; width: 100%; padding: 9px 0; } 
.idx-news-list .cont .el .tit { position: relative; font-size: 18px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.idx-news-list .cont .el .time { margin-top: 11px; font-size: 16px; color: #b4b6c7; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.idx-news-list .cont .el:hover a .tit,.idx-news-list .el:hover a .time { color: #0177a5; }