@charset "utf-8";
.i-menu { padding: 2% 2% 3%; }
.i-menu li { width: 23.5%; background: #f2f2f2; text-align: center; float: left; display: inline; margin: 2% 2% 0 0; font-size: 14px; }
.i-menu li a { display: block; padding: 6% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.i-menu li:nth-child(4n) { margin-right: 0; }
.i-menu li a:hover, .i-menu li a.current { background: #30c8c6; color: #fff; }
.s-menu { padding: 1% 2% 0; border-top: 1px solid #ddd; }
.s-menu li { width: 23.5%; background: #f2f2f2; text-align: center; float: left; display: inline; margin: 2% 2% 0 0; font-size: 12px; }
.s-menu li a { display: block; padding: 4% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.s-menu li:nth-child(4n) { margin-right: 0; }
.s-menu li a:hover, .s-menu li a.current { background: #334b7d; color: #fff; }
/*产品中心*/
.p-list { background: #fff; padding-bottom: 4%; padding-top: 2%; }
.p-list ul { }
.p-list li { padding: 2%; border-bottom: 12px solid #f6f6f6; }
.p-list li:last-child { border-bottom: 0; }
.p-list .p { float: left; width: 40%; }
.p-list .t { width: 58%; float: right; }
.p-list .t h2 { font-size: 16px; }
.p-list .t .i { font-size: 14px; color: #777; }
.p-list .t .j { }
.p-list .t .j em { font-size: 20px; color: #d0bb90; }
 @media all and (max-width:320px) {
.p-list .t h2 { font-size: 14px; }
.p-list .t .i { font-size: 12px; }
.p-list .t .j em { font-size: 17px; } }
.article { padding: 2% 2% 0; }
.article .mt { text-align: center; }
.article .mt h1 { padding: 8px 0 0; font-size: 18px; line-height: 26px; margin-bottom: 8px }
.article .mt .titBar { color: #888; padding: 8px 0; background: #f7f8fa }
.article .buy { display: block; width: 76%; height: 40px; line-height: 40px; background: #da2512; color: #fff; cursor: pointer; border-radius: 5px; font-size: 18px; margin: 20px auto; text-align: center }
.article .mc { padding: 10px 0 20px; font-size: 14px; line-height: 22px; word-wrap: break-word; text-align: justify; }
.article .mc img { width: auto; text-align: center; display: block; margin: 0 auto; max-width: 100%; height: auto !important }
.pagess { clear: both; margin: 20px; overflow: hidden; margin-left: 0px; text-align: center; font-size: 12px }
.pagess ul span {display: inline-block; line-height: 24px; color: #999}
.pagess ul span.page-status{ display: none; }
.pagess ul span a{ display: inline-block; border:1px solid #ddd; margin-right: 3px; padding: 4px 12px; background: #f2f2f2;}
.pagess ul span a:hover{ background: #30c8c6; color: #fff;}
.pagess ul span a.page-num-current {	background: #30c8c6; color: #fff;}
.pager-next-pre { display: table; width: 100%; text-align: left; font:14px/27px "微软雅黑"; margin-bottom: 6%; }
.hot { padding: 4% 2% 0; }
.hot .p { float: left; width: 40%; }
.hot .t { float: right; width: 58%; }
.hot .t h3 { font-size: 14px; padding-bottom: 2%; }
.hot .t .i { font-size: 13px; color: #666; line-height: 22px; }
.hot .t .i a { color: #da1215; }
.news { padding: 2% 2% 5%; }
.news li { border-bottom: 1px solid #eee; font-size: 14px; }
.news li:last-child { border-bottom: 0; }
.news li a { display: block; height: 40px; line-height: 40px; }
.news li a:hover em { background: #da1215; }
.news li em { display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #555; margin-right: 6px; }
/* 图文 */
.m-pFList { padding: 2% 2% 3%; }
.m-pFList li { width: 49%; float: left; display: inline; }
.m-pFList li:nth-child(2n) { float: right; }
.m-pFList li .c { font-size: 14px; text-align: center; padding: 3% 0; }
/* 图片列表 一行两个 */
.m-pList { padding: 0 0 6%; }
.m-pList li { float: left; width: 47%; margin-left: 2%; margin-top: 4%; text-align: center; }
.m-pList li .t { padding: 10px 0 8px 2%; background: #f8f8f8; text-align: left; font-size: 14px; }
.m-pList li .t .a2 { border: 1px solid #da1215; color: #da1215; border-radius: 2px; float: right; margin-right: 2%; padding: 0 2px; font-size: 12px; }
.m-pList li .t:last-child { padding-bottom: 4%; }
.m-pList li .st { line-height: 25px; }
.m-pList li .sp { font-size: 12px; color: #888; padding-bottom: 2px; height: 35px; }
.m-list { padding: 0 2% 5%; }
.m-list li { padding: 10px 4px 10px 0; border-bottom: 1px solid #eee; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.form-panel { margin: 0 2%; }
.form-panel .field { clear: both; }
.form-panel .input { padding: 6px 0; color: #666; zoom: 1; }
.form-panel .field:after { content: '\20'; display: block; height: 0; clear: both; }
.form-panel .text { width: 94%; height: 40px; line-height: 40px; padding: 0 3%; border-radius: 3px; background: #eee; font-size: 12px; vertical-align: top; }
.form-panel .code { width: 50%; height: 40px; line-height: 40px; padding: 0 3%; border-radius: 3px; background: #eee; font-size: 12px; vertical-align: top; }
.form-panel img { width: 80px; height: 40px; margin-left: 10px; border-radius: 3px; }
.form-panel textarea { width: 94%; height: 60px; padding: 2% 3%; border-radius: 3px; background: #eee; vertical-align: top; }
.form-panel .submit-field { padding: 0; clear: both; }
.form-panel .btn-submit { width: 100%; height: 40px; border: 0; border-radius: 3px; background: #e70; color: #fff; font-size: 14px; line-height: 40px; }
.backs { text-align: center; font-size: 20px; background: #f8f8f8; padding: 2% 0; color: #000; position: relative; }
.backs a { display: block; width: 12px; height: 22px; position: absolute; top: 50%; left: 2%; background: url(../images/backs.png); background-size: contain; background-repeat: no-repeat; margin-top: -11px; }
.service { background: #1e9bff; }
.s-z { float: left; width: 24%; }
.s-z li { text-align: center; border-bottom: 1px solid #fff; font-size: 13px; }
.s-z li a { display: block; color: #fff; padding: 7% 0; }
.s-z li:last-child { border-bottom: 0; }
.s-z li a.current { background: #f55858; border-left: 3px solid #c20000; box-sizing: border-box; }
.s-y { float: right; width: 76%; background: #f3f5fd; min-height: 310px; }
.s-y h2 { text-align: center; font-weight: normal; padding: 4% 0; }
.s-y h2 img { max-width: 24px; margin: 1px 6px 0 0; }
.s-y dl { font-size: 12px; }
.s-y dt { width: 30.666%; float: left; display: inline; margin: 0 0 2% 2%; }
.s-y dt a { display: block; background: #fff; text-align: center; padding: 8% 0; }
 @media all and (min-width:640px) {
.s-y { min-height: 500px; } }
.ywlb { font-size: 14px; border-bottom: 1px solid #ddd; margin: 0 2%; padding: 2% 0; font-size: 14px; font-weight: bold; }
.nlist { padding: 2% 2% 5%; }
.nlist ul { padding-bottom: 10px; }
.nlist li { padding: 2% 0; }
.nlist li h2 { font-size: 14px; }
.nlist li .i { font-size: 14px; color: #888; padding: 5px 0; }
.nlist li p { color: #999; }
.nlist li .s1 { }
.nlist li .s2 { margin: 0 20px; }
.nlist li .s3 { }
.tool { width: 96%; margin: 0 auto 5%; }
.tool li { margin-top: 4%; }
.tool li .p { text-align: center; }
.tool li .p img { width: 100%; max-width: 397px; }
.tool li .t { background: #fff; padding: 3% 0 0; }
.tool li .t h2 { font-size: 20px; color: #18377d; font-weight: normal; }
.tool li .t .i { font-size: 14px; color: #777; padding-top: 3%; line-height: 25px; }
.tool li .t .i em { color: #bf1111; }
.tool li .btn { padding-top: 4%; }
.tool li .btn a:first-child { width: 100%; height: 36px; line-height: 36px; background: #4895e4; border: 1px solid #1973d0; float: left; text-align: center; color: #fff; font-size: 14px; box-sizing: border-box; }
.tool li .cx { padding-top: 4%; }
.tool li .cx .text { width: 75%; height: 36px; line-height: 36px; border: 1px solid #ddd; border-right: 0; float: left; padding-left: 10px; box-sizing: border-box; }
.tool li .cx .ibtn { width: 25%; height: 36px; line-height: 36px; background: #4895e4; border: 1px solid #1973d0; float: right; text-align: center; color: #fff; font-size: 14px; cursor: pointer; }
.pop { width: 96%; background: #fff; z-index: 9999; position: fixed; top: 10%; left: 2%; box-shadow: 0 0 8px #ccc; border-radius: 4px; display: none; padding-bottom: 4%; }
.pop h2 { border-top: 13px solid #334b7d; border-radius: 4px; font-size: 20px; text-align: center; padding: 4% 0 0 0; }
.pop p { font-size: 14px; text-align: center; color: #a6a6a6; border-bottom: 1px dashed #ddd; padding-bottom: 14px; margin: 0 2%; }
.pop form { }
.pop form ul { padding: 0 2% 0; }
.pop form li { font-size: 14px; margin: 5% 0 0 0; }
.pop form .text { width: 100%; height: 38px; line-height: 38px; border: 1px solid #ddd; border-radius: 4px; display: block; box-sizing: border-box; padding-left: 1%; }
.pop form .text:focus { box-shadow: 0 0 10px #ccc; }
.pop form .bggs { display: block; width: 96%; height: 38px; line-height: 38px; border-radius: 4px; background: #4895e4; color: #fff; font-size: 16px; text-align: center; margin: 4% auto 0; cursor: pointer; }
.pop form .ibtn { color: #fff; font-size: 16px; background: none; }
.pop form .safe { padding: 4% 0 0 2%; color: #888; }
.pop .closed { width: 18px; height: 18px; line-height: 18px; text-align: center; position: absolute; top: 26px; right: 16px; font-family: Arial; font-size: 20px; color: #999; z-index: 10; cursor: pointer; }
.shadow { width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9000; display: none; }
#LRfloater0 { z-index: 9990 !important; }
.onn { display: block; }
.guwen { width: 96%; overflow: hidden; margin: 0 auto; position: relative; padding-bottom: 1%; }
.guwen .list { float: left; width: 47%; margin-left: 2%; margin-top: 2%; text-align: center; }
.guwen .list .p { background: #fff; text-align: left; overflow: hidden }
.guwen .list .t { background: #f7f8fa; text-align: left; width: 94%; padding: 0 3%; margin: 0 auto }
.guwen .list .t a { display: block; padding: 8px 0 20px 0; }
.guwen .list .t h3 { width: 100%; height: 30px; line-height: 30px; background: url(../images/rr.png); margin: 0 auto; font-size: 15px; padding-left: 30px; box-sizing: border-box; }
.guwen .list .t .sp { padding: 8px 0; }
.guwen .list .t p { font-size: 14px; line-height: 25px; }
.guwen .list .t p em { color: #d72025; font-family: Arial; }
.guwen .list .p img, .guwen .list .t .sp img { width: auto; max-width: 100%; }
.guwen .list .t span { display: block; width: 79px; height: 36px; line-height: 36px; background: url(../images/m.png); color: #fff; font-size: 14px; padding-left: 40px; }