/*全局*/
* { 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: 1400px; 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; } 
.w1400 { width: 1400px; margin: 0 auto; height: inherit; } 
.w1565 { width: 1565px; margin: 0 auto; height: inherit; } 
table { border-collapse: collapse; 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; } 
.frs{display: flex;flex-direction: row;justify-content: space-between;}
.frs span{margin-right: 20px;}

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

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

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

.title-1 { text-align: center; margin-bottom: 40px; } 
.title-1 div { margin-bottom: 5px; font-weight: bold; display: block; font-size: 50px; color: #000; } 
.title-1 span { display: block; font-size: 36px; color: #000; } 
.title-1.on div ,.title-1.on span { color: #fff; } 
.title-1.left { text-align: left; margin-bottom: 25px; } 

.title-2 { margin: 20px 0; margin-top: 50px; 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; } 



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

/* 导航 */
.nav { float: right; height: 100px; font-size: 0; white-space: nowrap; z-index: 999; } 
.nav .w1400 { height: 100%; } 
.nav .el { width: 130px; height: 100%; text-align: center; z-index: 9999; display: inline-block; position: relative; *zoom: 1; *display: inline; white-space: normal; } 
.nav .el>a { padding: 38px 0; font-size: 18px; color: #000000; display: block; } 
.nav .el:hover>a,.nav .el.on>a { color: #1194db; } 

.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;  display: block; padding:12px 5px; text-align: center; } 
.nav .sel a:hover,.nav .sel a.on { color: #2695d8; } 

/* 搜索 */
.sch_btn { float: right; width: 65px; text-align: right; padding: 41px 0; } 
.sch_btn a { font-size: 22px; color: #333333; cursor: pointer; } 
.sch_btn a:hover { color:#1194db; } 

/* 底部 */
.footer { background-color: #1d2f45; font-size: 16px; color: #ffffff; } 
.footer a { font-size: 16px; color: #ffffff; } 
.footer a:hover { color: #1194db !important; } 

.footer .f_top { padding: 60px 0; border-bottom: 1px solid #d4d4d4; } 
.footer .f_top .f_nav { float: left; max-width: 700px; } 
.footer .f_top .f_nav .el { float: left; width: 130px; margin-left: 45px; } 
.footer .f_top .f_nav .el:first-child { margin-left: 0; } 
.footer .f_top .f_nav .el>a { margin-bottom: 10px; font-size: 16px; position: relative; padding-bottom: 20px; } 
.footer .f_top .f_nav .el .sel { padding-top: 5px; } 
.footer .f_top .f_nav .el .sel a { display: block; font-size: 16px; margin-top: 15px; color: #cccccc; } 

.footer .f_top .f_hotline { padding-top: 5px; margin-right: 60px; float: left; width: 520px; font-size: 16px; color: #cccccc; } 
.footer .f_top .f_hotline .cl { margin-top: 20px; line-height: 25px; } 
.footer .f_top .f_hotline .cl div { float: left; } 
.footer .f_top .f_hotline .cl span { float: left; display: block; max-width: 480px; } 

.footer .f_top .qrcode { float: right; width: 120px; } 
.footer .f_top .qrcode img { width: 120px; height: 120px; } 
.footer .f_top .qrcode div { margin-bottom:15px; font-size: 18px; text-align:left; } 

.footer .f_btm { padding: 20px 0; font-size: 16px; color: #cccccc; } 
.footer .f_btm a { font-size: 16px; color: #cccccc; } 

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

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

/* 位置 */
.position { padding: 15px 0; background-color: #f6f6f6; font-size: 14px; color:#9fa09f; } 
.position a { font-size: 14px; color:#9fa09f; } 
.position a:hover { color: #0083d1; } 

/* 内页导航 */
.inner-menu { background-color: white; padding: 45px 0; font-size: 0; text-align: center; } 
.inner-menu .el { margin-left: 15px; width: 210px; 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: 15px 0; font-size: 18px; color: #575758; } 
.inner-menu .el:hover,.inner-menu .el.on { background-color: #1194db; } 
.inner-menu .el:hover a,.inner-menu .el.on a { color: #fff; } 

/* 新闻列表 */
.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: #1194db; transition: .3s all ease; } 
.newlist .el .time span { font-size: 20px; color: #999999; transition: .3s all ease; } 
.newlist .el .cont { float: right; width: 1170px; } 
.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: #1194db; transition: .3s all ease; } 
.newlist .el:hover .time div { color: #fff; transition: .3s all ease; } 
.newlist .el:hover .time span { color: #69c9fe; transition: .3s all ease; } 
.newlist .el:hover .btn { background-color: #cd1840; border-color: #cd1840; color: #fff; transition: .3s all ease; } 


/* 文化 */
.culture { font-size: 18px; overflow: hidden; } 
.culture .title { padding: 100px 0; height: 200px; text-align: center; background: url(../images/cul.jpg) no-repeat center; background-size: cover; } 
.culture .title .tit { margin-bottom: 35px; font-size: 45px; color: #ffffff; letter-spacing: 5px; } 
.culture .title .txt { margin: 0 auto; width: 590px; font-size: 18px; color: #ffffff; line-height: 40px; } 
.culture .cont { *zoom: 1; margin-top: 35px; width: 1405px; } 
.culture .cont:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.culture .cont .el { padding: 45px 40px; width:241px; height: 220px; margin-left: 35px; float: left; text-align: center; border: 1px solid #efefef; } 
.culture .cont .el:first-child { margin-left: 0; } 
.culture .cont .el img { width: 90px; height: 90px; margin-bottom: 20px; } 
.culture .cont .el .tit { font-size: 28px; color: #424242; margin-bottom: 20px; } 
.culture .cont .el .txt { font-size: 16px; color: #8f8e8e; line-height: 27px; } 

/* 下载 */
.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: #1194db; color: #ffffff; } 

/* 招聘 */
.joblist { } 
.joblist .el { background-color: #f8f8f8; margin-bottom: 40px; } 
.joblist .el .head { padding:0 50px; transition: .3s all ease; } 
.joblist .el .head .title { padding: 25px 0; border-bottom: 1px solid #e9e9e9; } 
.joblist .el .head .tit { float: left; font-size: 24px; color: #424242; } 
.joblist .el .head .tit .iconfont { color: #272636; font-size: 28px; vertical-align: -1px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; } 
.joblist .el .head .btn { user-select: none; cursor: pointer; float: right; color: #cd1840; font-size: 18px; } 
.joblist .el .head .btn .iconfont { color: #cd1840; font-size: 26px; margin-left: 10px; font-weight: bold; vertical-align: -1px; display: inline-block; *display: inline; *zoom: 1; transition: .3s all ease; } 

.joblist .el .head .tip { font-size: 0; padding: 30px 0; color: #747474; } 
.joblist .el .head .tip div { width: 260px; text-align: left; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 

.joblist .el .con { display: none; font-size: 16px; color: #494949; padding: 30px 50px; line-height: 30px; border-bottom: 1px dashed #eeeeee; padding-bottom: 40px; } 
.joblist .el .mailcon { text-align: left; margin-top: 30px; width: 100%; color: #1194db; font-size: 22px; font-weight: bold; padding: 15px 0; } 

.joblist .el.on { background-color: #e7f4fb; } 
.joblist .el.on .head .btn .iconfont { padding-bottom: 5px; transform: rotate(180deg); transition: .3s all ease; } 
.joblist .el.on .head { background-color: #1194db; transition: .3s all ease; } 
.joblist .el.on .head .title * { color: #fff !important; } 
.joblist .el.on .head .tip { color: #a3defe; } 
.joblist .el.on .head .title { border-bottom:1px solid #a3defe; } 


/* 荣誉 */
.honlist { *zoom: 1; } 
.honlist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.honlist .el { float: left; width: 440px; height: 350px; margin-right: 35px; margin-bottom: 25px; } 
.honlist .el.on,.honlist .el:nth-child(3n) { margin-right: 0; } 
.honlist .el .img { width: 100%; height: 290px; overflow: hidden; } 
.honlist .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.honlist .el .tit { padding: 15px 0; font-size: 16px; color: #333333; background-color: #ffffff; text-align: center; } 
.honlist .el:hover { box-shadow: 0 0 20px 1px #d6d6d6; } 
.honlist .el:hover .tit { color: #1194db; background-color: white; font-weight: bold; } 
.honlist .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: #1194db; } 
.page a.none { background-color: #e2e2e2; color: #a5a5a5; cursor: not-allowed; } 

/* 文章 */ 
.article { padding: 50px 0; } 
.article .title { text-align: center; font-size: 36px; color: #020202; line-height: 55px; } 
.article .smry { border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 25px; margin-top: 25px; font-size: 16px; color: #999999; text-align: center; } 

.content { font-size: 18px; color: #3f3f3f; line-height: 33px; } 
.content p { line-height: 40px; font-size: 18px; color: #3f3f3f; } 

.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: #1194db; 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 { 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 .pre .iconfont { margin-right: 10px; } 
.pan .next { float: right; text-align: right; } 
.pan .next .iconfont { transform: rotate(180deg); margin-left: 10px; } 
.pan .back { position: absolute; left: 50%; top: 25px; margin-left: -55px; text-align: center; width: 110px; } 
.pan .back a { display: block; font-size: 16px; color: #666666; } 
.pan .back .iconfont { font-size: 26px; font-weight: bold; margin-bottom: 5px; color: #cc173e; } 
.pan .back:hover * { color: #4baee4; } 


/* 首页 */

/* 幻灯 */
.idx-ban { width: 100%; height: 616px; position: relative; text-align: center; overflow: hidden; background-color: #f4f4f4; } 
.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 .bd .el img{max-width: 100%;max-height: 100%;width: 100%;}
.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: 5px; display: inline-block; *display: inline; *zoom:1; width: 33px; height: 6px; background-color: #fff; margin: 0 8px; cursor: pointer; } 
.idx-ban .hd ul li.on { background-color: #cd1840; } 


/* 搜索 */
.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: #1194db; } 
.idx-sch .iptarea .btn .iconfont { font-size: 30px; } 
.idx-sch .iptarea .btn:hover { background-color: #83cf42; } 

/* 产品 */
.idx-pro { padding:75px 0; background-color: #f4f4f4; } 
.pro-ban { margin-top: 40px; } 
.pro-ban .hd { margin-top: 20px; font-size: 0; text-align: center; } 
.pro-ban .hd .el { margin: 0 10px; font-size: 18px; color: #323232; cursor: pointer; text-align: center; width:170px; height: 55px; line-height: 55px; background-color: #fff; border-radius: 3px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pro-ban .hd .el:hover,.pro-ban .hd .el.on { background-color: #1194db; color: #fff; } 

.pro-ban .bd { margin-top: 45px; min-height: 375px; } 
.pro-ban.sch,.pro-ban.sch .bd { margin-top: 0; } 
.pro-list { *zoom: 1; } 
.pro-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.pro-list .el { margin-right: 24px; margin-top: 25px; float: left; width: 330px; height: 350px; background-color: white; } 
.pro-list .el.on { margin-right: 0; } 
.pro-list .el a { display: block; border: 1px solid #ebebeb; } 
.pro-list .el .img { width: 100%; height: 290px; overflow: hidden; text-align: center; line-height: 290px; } 
.pro-list .el .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 95%; transition: .3s all linear; } 
/* .pro-list .el .img div { transition: .3s all ease; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } */
.pro-list .el .tit { padding: 0 10px; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #343434; background-color: transparent; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pro-list .el:hover { box-shadow: 0 0 20px 5px #e3e3e3; } 
.pro-list .el:hover .tit { background-color: #1194db; color: #fff; } 
.pro-list .el:hover .img img { transform: scale(1.08); transition: .3s all ease; } 

/* 应用 */
.idx-app { overflow: hidden; padding: 75px 0; background: url(../images/idxappbg.jpg) no-repeat center; background-size: cover; } 
.app-list { *zoom: 1; } 
.app-list.on { padding-top: 30px; } 
.app-list.on .el { margin-bottom: 30px; } 
.app-list:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.app-list .el { margin-left: 18px; background-color: white; float: left; width: 265px; height: 520px; position: relative; overflow: hidden; } 
.app-list .el:first-child { margin-left: 0; } 
.app-list .el a { display: block; } 
.app-list .el .img { width: 100%; height: 410px; overflow: hidden; } 
.app-list .el .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: .3s all ease; } 
.app-list .el .tit { padding: 30px 15px; height: 50px; font-size: 18px; color: #000000; } 
.app-list .el .num { position: absolute; bottom: -40px; right: 25px; font-size: 90px; color: #f3f3f3; } 
.app-list .el:hover .img div { transform: scale(1.1); transition: .3s all ease; } 
.app-list .el:hover .tit { background-color: #1194db; color: #fff; } 
.app-list .el:hover .num { color: #fff; } 

/* 关于我们 */
.idx-abt { padding: 95px 0; background-color: white; } 
.idx-abt .area { *zoom: 1; } 
.idx-abt .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-abt .img { float: right; width: 650px; height: 530px; } 
.idx-abt .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.idx-abt .txt { float: left; width: 690px; } 
.idx-abt .txt .con { height: 385px; font-size: 16px; color: #82858e; line-height: 43px; } 

/* 合作伙伴 */
.idx-part { background-color: #f4f4f4; padding: 75px 0; } 
.idx-part .area { *zoom: 1; margin-top: -30px; } 
.idx-part .area:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 

.idx-part .el { margin-left: 25px; margin-top: 30px; float: left; width: 260px; height: 115px; overflow: hidden; } 
.idx-part .el:first-child,.idx-part .el.noleft { margin-left: 0; } 
.idx-part .el a { display: block; width: 100%; height: 100%; } 
.idx-part .el .img { width: 100%; height: 100%; } 
.idx-part .el .img div { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: .3s all ease; } 
.idx-part .el.on { width: 450px; height: 210px; } 
.idx-part .el:hover .img div { transform: scale(1.1); transform: .3s all ease; } 

/* 表单 */
.idx-form { position: relative; 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 form { font-size: 0; white-space: nowrap; } 
.idx-form form>* { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.idx-form input { width: 240px; padding: 15px 20px; font-size: 16px; color: #000; margin-right: 15px; border: none; outline: none; background-color: #fff; } 
.idx-form .btn { outline: none; border: none; cursor: pointer; padding: 14px 0; text-align: center; width: 220px; font-size: 16px; color: #ffffff; background-color: #3d3d3d; } 
.idx-form .btn:hover { background-color: #0083d1; } 

/* 内页表单 */
.inner-form { padding: 25px 10px; background: url(../images/idxform.jpg) no-repeat center; background-size: cover; font-size: 0;} 
.inner-form .title { text-align: center; color: #fff; font-size: 30px; margin-bottom: 20px; } 
.inner-form input {vertical-align: middle; margin:0 13px; margin-bottom: 30px; width: 240px; padding: 15px 20px; font-size: 16px; color: #000; border: none; outline: none; background-color: #fff; } 
.inner-form .btn { margin: 0 auto; display: block; outline: none; border: none; cursor: pointer; padding: 14px 0; text-align: center; width: 220px; font-size: 16px; color: #ffffff; background-color: #3d3d3d; } 
.inner-form .btn:hover { background-color: #0083d1; } 


.prolist { width: 1070px; *zoom: 1; } 
.prolist:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.prolist .el { border: 1px solid #ebebeb; float: left; margin-right: 30px; margin-bottom: 30px; width: 332px; height: 350px; } 
.prolist .el:nth-child(3n) { margin-right: 0; } 
.prolist .el a { display: block; } 
.prolist .el .img { width: 100%; height: 290px; overflow:hidden; position: relative; font-size: 0; line-height: 290px; text-align: center; } 
.prolist .el .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; max-width: 95%; transition: .3s all linear; } 
/* .prolist .el .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size:unset; transition: .3s all linear; } */
.prolist .el .tit { padding:0 15px; font-size: 20px; color: #343434; text-align: center; height: 60px; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.prolist .el:hover { box-shadow: 0 0 20px 1px #d6d6d6; } 
.prolist .el:hover .tit { background-color: #1194db; color: #fff; } 
.prolist .el:hover .img img { 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.on{max-height: none !important;}
.prolist .content::-webkit-scrollbar { width: 5px; } 
.prolist .content::-webkit-scrollbar-track { width: 5px; } 
.prolist .content::-webkit-scrollbar-thumb { width: 5px; background-color: #1194db; } 

/* 产业 */
.prods { padding-top: 40px; } 
.prods .el { text-align: center; float: left; border: 1px solid #e7e7e7; transition: .3s all ease; position: relative; overflow: hidden; } 
.prods .el .bgimg { z-index: -1; opacity: 0; width: 0; height: 0; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: .4s all ease; } 
.prods .el a { display: block; padding: 60px 40px; width: 265px; } 
.prods .el .tit { font-size: 30px; color: #343434; margin-bottom: 25px; } 
.prods .el .smry { height: 180px; font-size: 14px; color: #b0b0b0; line-height: 28px; } 
.prods .el .btn { margin: 0 auto; margin-top: 10px; width: 145px; height: 45px; line-height: 45px; background-color: #1194db; font-size: 16px; color: #ffffff; border-radius: 30px; } 

.prods .el:hover .bgimg { opacity: 1; width: 100%; height: 100%; transition: .3s all ease; } 
.prods .el:hover .tit { color: #fff; } 
.prods .el:hover .btn { color: #fff; background-color: #cd1840; } 

/* 内页产品列表 */
.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: 300px; } 
.procont { float: right; } 

.promenu .title { padding: 25px 0; background-color: #1194db; text-align: center; color: #ffffff; } 
.promenu .title div { font-size: 30px; margin-bottom: 5px; } 
.promenu .title span { font-size: 16px; } 

.promenu .area { padding-bottom: 15px; background-color: #f9f9f9; user-select:none; } 
.promenu .area .el { position: relative; } 
.promenu .area .el .tit { cursor: pointer; border-bottom: 1px dashed #e8e8e8; } 
.promenu .area .el .tit>a { padding: 20px 30px; display: block; padding-right: 30px; font-weight: bold; font-size: 26px; color: #363636; } 

.promenu .area .el .tit .icon { font-size: 14px; color: #000; margin-right: 10px; } 
.promenu .area .el .sbtn { padding: 25px 0; font-size: 26px; color: #909091; position: absolute; top: 0; right: 20px; transform: rotate(180deg); transition: .3s all ease; cursor: pointer; } 
.promenu .area .el.on .tit a,.promenu .area .el .tit:hover a { background-color: #6dccff; color: #fff; } 
.promenu .area .el.on .tit .iconfont,.promenu .area .el .tit:hover .iconfont { color: #1194db; } 
.promenu .area .el.on .sbtn { transform: rotate(0); transition: .3s all ease; } 


.promenu .area .sel { display: none; position: relative; } 
.promenu .area .sel:after { content: ""; width: 4px; height: 4px; background-color:#cfcfcf; position: absolute; left: 10px; top:25px; } 
.promenu .area .sel .stit { padding-right: 10px; text-align: left; font-size: 16px; color: #646464; position: relative; cursor: pointer; } 
.promenu .area .sel .stit a { padding: 10px 0; padding-left: 20px; font-size: 18px; color: #646464; } 
.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: #1194db; font-weight: bold; } 
.promenu .area .sel:hover:after { background-color: #1194db; } 

.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 { margin-top: 30px; font-size: 18px; color: #333333; background-color: #fafafa; } 
.contact .area { padding: 0 60px; padding-top: 40px; background-color: #fafafa; } 
.contact .area .fl { width:1120px; } 
.contact .area .fr { width: 150px; } 
.contact .area .el { min-height: 65px; float: left; width: 320px; margin-right: 30px; margin-bottom: 30px; } 
.contact .area .el .tit { font-size: 20px; color: #1194db; margin-bottom: 10px; } 
.contact .area .el .txt { line-height: 25px; font-size: #333333; font-size: 18px; } 
.contact .area .qr { margin-right: 0; width: 150px; } 
.contact .area .qr img { width: 100%; height: 150px; } 


/* 产品介绍 */
.proshow { padding: 10px 0; padding-top: 20px; background-color: white; } 
.proshow .top { } 
.proshow .top .img { border: 1px solid #ebebeb; width:580px; height: 400px; float: left; font-size: 0; text-align: center; line-height: 400px; } 
/* .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 .img img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.proshow .top .title { float: right; width: 750px; } 
.proshow .top .title .tit { padding-bottom: 30px; border-bottom: 1px solid #cecece; font-size: 36px; color: #1d1d1d; font-weight: bold; } 

.proshow .top .title .con { padding: 20px 0; padding-bottom: 0; } 
.proshow .top .title .con .cont { text-indent: 2em; 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 .btns { margin-top: 35px; } 
.proshow .top .title .btns .el { position: relative; color: #fff; font-size: 16px; padding: 0 15px; cursor: pointer; margin-left: 20px; width: 155px; height: 50px; line-height: 50px; 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; } 

.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 { padding-top:30px } 
.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:280px; } 
.message .line .el:first-child { margin-left: 0; } 
.message textarea { margin-bottom: 30px; width: 1335px; height: 235px; line-height: 25px; overflow: auto; resize: none; } 
.message .code input { width: 1135px; } 
.message .btns { margin-top: 30px; text-align:center; } 
.message .btn { outline: none; border: none; cursor: pointer; width: 230px; text-align: center; height: 50px; line-height: 50px; font-size: 18px; color: #ffffff; background-color: #1194db; 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: #1194db; } 

/* 产品表格 */
.protable table { margin-top: 20px; width: 100% !important; border-collapse: collapse; text-align: center; font-size: 16px; } 
.protable table td,.protable table th { padding: 10px; border: 2px solid #dddddd !important; color: #666666; } 
.protable table tr:first-child { font-size: 18px; white-space: nowrap; background-color:#1194db; font-weight: bold; } 
.protable table tr:first-child td { color: #fff!important; } 
.protable table tr:nth-child(2n) { background-color: #eeeeee; } 

.pro-cate { margin-top: 40px; } 
.pro-cate .hd { width: 100%; background-color: #f9f9f9; } 
.pro-cate .hd div { padding: 15px 60px; background-color: #1194db; font-weight: bold; cursor: pointer; text-align: center; font-size: 20px; color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pro-cate .hd div:hover,.pro-ban .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; } 

.pro-about { padding: 40px 0 20px 0; text-align: left; font-size: 22px; color: rgb(255, 59, 59); } 

/* 搜索 */
.sch-box { margin: 0 auto; margin-top: 30px; width: 700px; padding: 10px 30px; background-color: #f5f5f5; border-radius: 40px; } 
.sch-box form>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.sch-box input { padding: 10px 0; width: 600px; margin-right: 50px; outline: none; border: none; font-size: 18px; color: #000000; background-color: transparent; } 
.sch-box button { outline: none; border: none; width: 50px; text-align: right; background-color: transparent; } 
.sch-box .iconfont { font-size: 30px; color: #1194db; cursor: pointer; } 
.sch-box .iconfont:hover { color: #cd1840; } 

.sch-line { font-size: 18px; color: #ffffff; margin-top: 45px; margin-bottom: 10px; padding: 20px 30px; background-color: #1194db; } 

.prods-about{padding: 20px 0;text-align: left;font-size: 24px;font-weight: bold;color: #666;line-height: 30px;}