/* 产品中心 */

.mt { margin-top: 40px; }
.proBox { padding-bottom: 40px; }
.proBox1 { padding-bottom: 50px; }
.posi { line-height: 40px; border: 1px solid #f1f1f1; padding-left: 40px; background: #fafafa url(../images/index/posi.png) no-repeat left 8px center; background-size: 25px; color: #888; position: relative; box-sizing: border-box; overflow: hidden }
.posi .l_posi { float: left }
.posi p { float: right; margin-right: 8px; color: #fafafa }
.posi:after { content: ""; width: 5px; height: 40px; position: absolute; left: 0; top: 0; background: #0090ff; }
.posi a { color: #888; }
.proBox1 .box { padding: 10px 15px; margin-top: 20px; }
.proBox1 .box:nth-child(odd) { background: #fbfbfb; }
.proBox1 .box .titl { line-height: 40px; margin-bottom: 8px; margin-top: 10px; }
.proBox1 .box .titl h2 { font-size: 24px; padding-left: 60px; float: left; background: url(../images/index/icon25.png) no-repeat left center; }
.proBox1 .box .titl a { display: block; float: right; background: linear-gradient(#0090fe, #0874c7); color: #fff; text-align: center; font-size: 15px; line-height: 30px; width: 90px; border-radius: 15px; box-shadow: 0 0 8px rgba(0, 0, 0, .3); margin-right: 10px }
.proBox1 .box .ul1 li { width: 14.2%; float: left; padding: 5px 8px; box-sizing: border-box; }
.proBox1 .box .ul1 li a { display: block; line-height: 40px; font-size: 16px; text-align: center; border-radius: 20px; border: 1px solid #dedede; position: relative; background: #fff; color: #666 }
.proBox1 .box .ul1 li:hover a { background: #0090fe; color: #fff; border-color: #0090fe; }
.proBox1 .box .ul2 { border-top: 1px dashed #dedede; padding-top: 10px; margin-top: 10px; padding-bottom: 20px; }
.proBox1 .box .ul2 li { width: 25%; float: left; box-sizing: border-box; padding: 10px; }
.proBox1 .box .ul2 li a { display: block; border: 1px solid #dedede; border-radius: 12px; overflow: hidden; }
.proBox1 .box .ul2 li .text { position: relative; background: linear-gradient(90deg, #0090fe 30%, #358fea 50%, #33a5fc); }
.proBox1 .box .ul2 li h3 { font-size: 18px; line-height: 45px; font-weight: 500; color: #fff; text-align: center; }
.proBox1 .box .ul2 li h3:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; background: url(../images/index/bg4.png) no-repeat right center; left: 40%; z-index: 110; display: none }
.proBox1 .box .ul2 li .pho { overflow: hidden; }
.proBox1 .box .ul2 li .pho img { transition: 0.3s; }
.proBox1 .box .ul2 li:hover .pho img { -webkit-transform: scale(1.05); transform: scale(1.05); }
/* 二级目录 */

.proBox>.fl { width: 20%; float: right }
.proBox>.fl .list { box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 6px; }
.proBox>.fl .title { background: #f7f7f7; color: #333; padding: 24px 0 24px 20px; border-bottom: 1px solid rgba(255, 255, 255, .4); overflow: hidden; position: relative; }
.proBox>.fl .title h2 { font-size: 30px; font-weight: 500; }
.proBox>.fl .title strong { font-size: 16px; font-weight: 500; color: #999; text-transform: uppercase }
.proBox>.fl ul.ul1 { padding: 14px 25px; background: #fff }
.proBox>.fl ul.ul1 li { background: #fff; border-radius: 4px; overflow: hidden; border-bottom: 1px dashed #eaeaea; }
.proBox>.fl ul.ul1 li h4 { font-size: 16px; line-height: 46px; padding: 0 12px 0 0px; font-weight: 500; cursor: pointer; background: url(../images/index/icon17.png) #fff no-repeat right 10px center; background-size: 15px; color: #333; text-align: center }
.proBox>.fl ul.ul1 li.on h4 { background-image: url(../images/index/icon18.png); background-size: 15px; background-color: #0090ff; color: #fff; }
.proBox>.fl ul.ul1 li .submenu { background: #fff; padding: 5px 10px 8px; display: none; }
.proBox>.fl ul.ul1 li.on .submenu { display: block; border: 1px solid #f4f4f4; border-top: none; }
.proBox>.fl ul.ul1 li .submenu>a { display: block; line-height: 22px; color: #333; font-size: 15px; padding: 5px 0 5px 40px; position: relative; }
.proBox>.fl ul.ul1 li .submenu>a:after { content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; border: 2px solid #eaeaea; box-sizing: border-box; background: #fff; border-radius: 50%; z-index: 99; transition: 0.3s; }
.proBox>.fl ul.ul1 li .submenu a.on, .proBox>.fl ul.ul1 li .submenu a:hover { color: #0090ff; }
.proBox>.fl ul.ul1 li .submenu a.a1.on, .proBox>.fl ul.ul1 li .submenu a.a1:hover { color: #0090ff; }
.proBox>.fl ul.ul1 li .submenu>a.on:after, .proBox>.fl ul.ul1 li .submenu>a:hover:after { border-color: #0090ff; }
.proBox>.fl ul.ul1 li .submenu .sub { padding-left: 10px; display: none; border-bottom: 1px dashed #efefef }
.proBox>.fl ul.ul1 li .submenu .sub a { display: block; line-height: 20px; font-size: 15px; background: url(../images/common/jt2.png) no-repeat right center; background-size: 15px; padding: 5px 0 5px 20px; color: #666 }
.proBox>.fl ul.ul1 li .submenu .sub a.on { color: #0090ff; background-image: url(../images/common/jt3.png); background-size: 18px; }
.proBox>.fl .tjBox { padding: 20px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); border-radius: 8px; margin-top: 20px; background: #fff; }
.proBox>.fl .tjBox .titl { text-align: center; font-size: 22px; color: #fff; position: relative; }
.proBox>.fl .tjBox .titl span { display: block; text-align: center; font-weight: 600; line-height: 36px; color: #0095eb; }
.proBox>.fl .tjBox .titl span:before { content: ""; width: 26px; height: 20px; position: absolute; left: 0; top: 8px; background: url(../images/index/new-icon.png) no-repeat; }
.proBox>.fl .tjBox .titl span:after { content: ""; width: 26px; height: 20px; position: absolute; right: 0; top: 8px; background: url(../images/index/new-icon.png) no-repeat; }
.proBox>.fl .tjBox li a { display: block; line-height: 36px; border-bottom: 1px solid #dedede; font-size: 15px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; padding-left: 25px; }
.proBox>.fl .tjBox li a:after { content: ""; width: 15px; height: 15px; position: absolute; left: 2px; top: 12px; background: url(../images/index/icon.png) no-repeat center; background-size: cover; }
.proBox>.fl .tjBox li:hover a:after { border-color: #0090ff; }
.proBox>.fl .tjBox li:hover a { color: #0090ff; }
.proBox>.fl .tjBox .lxtext { padding: 5px; margin-top: 12px; }
.proBox>.fl .tjBox .lxtext h3 { font-size: 16px; margin-top: 8px }
.proBox>.fl .tjBox .lxtext p { line-height: 30px; font-size: 15px; padding-left: 15px; position: relative; color: #666 }
.proBox>.fl .tjBox .lxtext p:before { content: ""; width: 8px; height: 8px; background: #fc7e28; border-radius: 50%; position: absolute; left: 0; top: 11px; }
.proBox>.fr { width: 78.3%; float: left; }
.proBox .fr .proList1 li:first-child .box { background: #fafafa; line-height: 45px; font-size: 15px; color: #666; border: none; padding: 0 8px; }
.proBox .fr .proList1 li:first-child { padding: 0; border-bottom: none; }
.proBox1 .fr .proList1 li .box:last-child { border-right: none; }
.proBox .fr .proList1 { margin-top: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .2) }
.proBox .fr .proList1 li { overflow: hidden; }
.proBox .fr .proList1 li .box { display: table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; box-sizing: border-box; padding: 8px 8px; font-size: 15px; color: #555; margin-bottom: 0; }
.proBox .fr .proList1 li a { display: table; width: 100%; border-collapse: collapse; }
.proBox .fr .proList1 li .box b { font-weight: 500; }
.proBox .fr .proList1 li .box1 { width: 25%; text-align: center; }
.proBox .fr .proList1 li .box1 img { width: 85%; }
.proBox .fr .proList1 li .box2 { width: 10%; }
.proBox .fr .proList1 li .box3 { width: 20%; }
.proBox .fr .proList1 li .box3 b { font-weight: 500; }
.proBox .fr .proList1 li .box4 { width: 35%; font-size: 15px; text-align: left; }
.proBox .fr .proList1 li:first-child .box4 { text-align: center; }
.proBox .fr .proList1 li .box:last-child { border-right: none; }
.page { text-align: center; margin-top: 30px; }
.page li span { display: inline-block; margin: 0 2px }
.page li a { display: inline-block; padding: 3px 10px; border: 1px solid #ddd; margin: 0 4px }
.page li a.page-num-current { background: #0090ff; color: #fff; border-color: #0090ff; }
.proBox .fr .lkBox .ul1 li { width: 25%; float: left; padding: 10px; box-sizing: border-box; }
.proBox .fr .lkBox .ul1 li a { display: block; background: #fafafa; border: 1px solid #fafafa; border-radius: 5px; overflow: hidden }
.proBox .fr .lkBox .ul1 li .pho { position: relative; }
.proBox .fr .lkBox .ul1 li .pho img { position: relative; z-index: 101; }


.proBox .fr .lkBox .ul1 li p { font-size: 16px; line-height: 50px; color: #666; text-align: center; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .desc { margin-top: 20px; }
.proBox .fr .tit { background: #f8f9f7; line-height: 46px; border-radius: 6px 0 0 6px; margin-bottom: 6px; }
.proBox .fr .lkBox .tit { /*  background: url(../images/index/bg_03.png); */
padding-left: 5px; }
.proBox .fr .tit h3 { background: url(../images/index/re-icon1.png) no-repeat left 10px center; background-size: 26px; width: inherit; padding-left: 50px; color: #0090ff; font-size: 22px; font-weight: 500 }
.proBox .fr .desc .text { padding: 5px 10%; font-size: 16px; }
.proBox .fr .desc .text p { font-size: 15px; line-height: 27px }
.proBox .fr .desc .text p span { font-size: 15px !important }
.proBox .fr .desc .text a { color: #555; }
.proBox .fr .desc .text h2 { font-size: 20px !important; color: #3d4c63 !important; line-height: 36px !important; margin: 3px 0 !important; padding-left: 0px !important; border: none !important; width: 100% !important; box-sizing: border-box !important; position: relative }
.proBox .fr .desc .text h2 span { font-size: 20px !important; }
.proBox .fr .desc .text h2:before { content: ""; width: 44px; height: 36px; position: absolute; left: -46px; top: 50%; transform: translateY(-50%); background: url(../images/index/content-tit.png) no-repeat left center !important; background-size: 44px !important; }
.proBox .fr .desc .text img { width: auto !important; max-width: 750px !important; height: inherit !important; margin: 0 auto !important; display: block; }
.proBox .fr .desc .text table { width: auto; max-width: 100% !important; margin: 10px auto; border-collapse: collapse }
.proBox .fr .desc .text table td { padding: 5px !important; border: 1px solid #aaa !important; }
.proBox .fr .fy { margin-top: 20px; }
.proBox .fr .fy li { width: 48%; float: left; margin: 0 1%; line-height: 30px; border-bottom: 1px solid #dedede; color: #555; }
.proBox .fr .fy li a { color: #555; }
.proBox .fr .lkBox .ul2 li { padding: 10px 10px; width: 50%; float: left; box-sizing: border-box; }
.proBox .fr .lkBox .ul2 li a { display: block; border-radius: 13px; background: #f3f4f6; padding: 15px; position: relative; transition: 0.3s; }
.proBox .fr .lkBox .ul2 li .tex { padding-right: 90px; }
.proBox .fr .lkBox .ul2 li a h3 { font-size: 17px; color: #1e1e1e; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.proBox .fr .lkBox .ul2 li a p { font-size: 16px; line-height: 32px; height: 64px; overflow: hidden; color: #666; }
.proBox .fr .lkBox .ul2 li a .tim { position: absolute; right: 10px; top: 20px; color: #3e4952; text-align: right; opacity: 0.6; }
.proBox .fr .lkBox .ul2 li a .tim strong { font-size: 30px; display: block; margin-bottom: 5px; }
.proBox .fr .lkBox .ul2 li a .tim span { display: block; font-size: 22px; }
.proBox .fr .lkBox .ul2 li a:after { content: ""; width: 1px; position: absolute; top: 15px; bottom: 15px; right: 95px; background: #e0dfdf; }
.proBox .fr .lkBox .ul2 li:hover a { background: #f9b334; }
.proBox .fr .lkBox .ul2 li:hover a h3, .proBox .fr .lkBox .ul2 li:hover a p, .proBox .fr .lkBox .ul2 li:hover a .tim { color: #fff; opacity: 1; }
/****联系我们*******/

.lxBox .lxCon { background: #f8f9f7; padding: 0 100px; }
.lxBox .lxCon .ul { width: 60%; }
.lxBox .lxCon li { margin: 30px 0; position: relative; padding-left: 80px; }
.lxBox .lxCon li span { display: block; width: 60px; line-height: 60px; background: #0090ff; border-radius: 50%; height: 60px; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.lxBox .lxCon li span img { width: 28px; }
.lxBox .lxCon li strong { display: block; font-size: 15px; font-weight: 500; color: #666; }
.lxBox .lxCon li h3 { font-size: 20px; font-weight: 500; margin-top: 10px; }
.lxBox .lxCon li h3 i { font-style: normal }
.lxBox .lxCon li:last-child h3 { font-size: 18px; }
.lxBox .lxCon .ewm { width: 40%; padding-top: 40px; }
.lxBox .lxCon .ewm h3 { font-size: 22px; font-weight: 500; margin-bottom: 25px; }
.lxBox .lxCon .ewm .img { width: 40%; float: left; padding: 0 5px; box-sizing: border-box; text-align: center; }
.lxBox .lxCon .ewm .img img { width: 200px; }
.lxBox .lxCon .ewm .img p { font-size: 15px; color: #666; margin-top: 10px; }
/*****关于我们*******/

.abBox .title h2 { font-size: 36px; font-weight: 500; text-align: center; }
.abBox .abCon { padding: 40px 0 0;/* background: url(../images/abbg.jpg) no-repeat bottom center;
    background-size: 80%; */
}
.abBox .abCon .text { margin-top: 20px }
.abBox .abCon .text p { font-size: 16px; line-height: 2em; text-indent: 2em; margin-bottom: 5px; color: #666; }
.abBox .abCon .text p span { font-size: 16px !important }
.abBox .abCon .ul1 li { width: 25%; float: left; padding: 60px 20px 0; box-sizing: border-box; font-size: 20px; }
.abBox .abCon .ul1 li a { display: block; padding: 24px 32px 30px; background: #fafafa; position: relative; }
.abBox .abCon .ul1 li a span { display: block; width: 32px; position: absolute; right: 30px; top: 20px; }
.abBox .abCon .ul1 li .nt { font-size: 26px; color: #666; }
.abBox .abCon .ul1 li .nt1 { font-size: 16px; }
.abBox .abCon .ul1 li strong { font-size: 38px; font-weight: 500; color: #0090fe; }
.abBox .abCon .ul1 li p { font-size: 15px; color: #999; }
.youshi { /* background: url(../images/ysBg1.jpg) no-repeat bottom center;
    background-size: cover; */
padding: 40px 0; position: relative; }
.youshi .ul2 li { width: 25%; float: left; padding: 50px 20px 0; box-sizing: border-box; }
.youshi .ul2 li a { display: block; padding: 50px 10px 30px; background: #fafafa; text-align: center; }
.youshi .ul2 li a span { display: block; width: 80px; height: 80px; line-height: 80px; background: #e3f2ff; border-radius: 50%; margin: 0 auto; }
.youshi .ul2 li a span img { width: 40px; }
.youshi .ul2 li a h3 { font-size: 22px; font-weight: 500; margin: 20px 0 15px; }
.youshi .ul2 li a p { font-size: 15px; color: #999; line-height: 30px; height: 60px; }
.whBox li { width: 33.33%; float: left; padding: 40px 30px 0; box-sizing: border-box; }
.whBox li a { display: block; border: 1px solid #efefef; border-radius: 10px; overflow: hidden; padding: 30px 30px 30px; position: relative; }
.whBox li a span { display: block; width: 120px; position: absolute; right: 20px; bottom: 10px; }
.whBox li h3 { font-size: 22px; color: #0090ff; font-weight: 500; }
.whBox li b { display: block; width: 40px; height: 3px; background: #0090ff; border-radius: 2px; margin: 5px 0 10px; }
.whBox li p { font-size: 15px; line-height: 30px; color: #666; overflow: hidden; }
.whBox li:hover a span img { filter: brightness(0) invert(100%); }
.whBox li:hover a h3, .whBox li:hover a p { color: #fff; }
.whBox li:hover a { background: #0090ff; }
.whBox li:hover a b { background: #fff; }
.fcBox { padding: 50px 0; position: relative; }
.fcBox:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; background: #f5f5f5; }
.fcBox .title h2 { line-height: 70px; float: left; text-align: left; }
.fcBox .title ul { float: right; width: 60%; }
.fcBox .title ul li { width: 33.33%; float: left; padding-left: 60px; box-sizing: border-box; border-right: 1px solid #efefef; }
.fcBox .title ul li:last-child { border-right: none; }
.fcBox .title ul li p { color: #666; font-size: 18px; line-height: 35px; }
.fcBox .title ul li p strong { color: #0090ff; font-weight: 500; font-size: 22px; }
.fcBox .ul { position: relative; z-index: 10; }
.fcBox .ul ul li { width: 33.33%; float: left; padding: 40px 30px; box-sizing: border-box; }
.fcBox .ul ul li a { display: block; position: relative; border-radius: 12px; overflow: hidden; }
.fcBox .ul ul li a .tex { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .2); z-index: 50; opacity: 0; transition: 0.3s; }
.fcBox .ul ul li a .tex h3 { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 20px; color: #fff; text-align: center; letter-spacing: 1px; }
.fcBox .ul ul li a:hover .tex { opacity: 1; }
/* 产品资质 */

.abBox .fr .list { text-align: center; }
.abBox .fr .list li { width: 140px; display: inline-block; margin: 20px 15px 20px 0; }
.abBox .fr .list li a { display: block; background: #0095eb; color: #fff; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px; }
.abBox .fr .list li.on a, .abBox .fr .list li:hover a { background: #f26b2f; }
.abBox .fr .rx { margin: 0 20px; padding: 20px 0; }
.abBox .fr .zz li { width: 25%; float: left; padding: 15px; box-sizing: border-box; }
.abBox .fr .zz li a { display: block; }
.abBox .fr .zz li p { line-height: 42px; font-size: 16px; color: #666; text-align: center; box-shadow: 0 5px 10px rgba(0, 149, 235, .1); border-radius: 0 0 6px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.abBox .fr .zz li .pho { display: table; vertical-align: middle; background: #fff; }
.abBox .fr .zz li .pho span { display: table-cell; vertical-align: middle; }
/*******新闻详情******/

.proBox .fr .nBox { position: relative; }
.proBox .fr .nBox:after { content: ""; position: absolute; width: 2px; left: 26px; bottom: 105px; top: 95px; background: #cccbd0; z-index: 90; }
.proBox .fr .nBox .box { margin: 20px 0 20px 60px; }
.proBox .fr .nBox a { display: block; background: #fff; border-radius: 12px; border: 1px solid #f4f5f9; position: relative; }
.proBox .fr .nBox a:before { content: ""; position: absolute; left: -55px; top: 50%; margin-top: -23px; width: 46px; height: 46px; background: url(../images/index/new-dot.png) no-repeat; background-size: cover; z-index: 100; }
.proBox .fr .nBox .time { width: 12%; padding: 5% 0 0 10px; box-sizing: border-box; background: #f5f4f9; position: absolute; left: 0; top: 0; bottom: 0; border-radius: 12px 0 0 12px; text-align: center }
.proBox .fr .nBox .time strong { font-size: 28px; display: block; color: #666; font-weight: 500; }
.proBox .fr .nBox .time span { font-size: 20px; display: block; color: #999 }
.proBox .fr .nBox .pho { width: 25%; box-sizing: border-box; }
.proBox .fr .nBox .text { width: 75%; box-sizing: border-box; padding: 15px 20px 20px 14%; border-right: 1px solid #efefef; }
.proBox .fr .nBox .text h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .nBox .text p { line-height: 27px; height: 54px; overflow: hidden; font-size: 15px; color: #666 }
.proBox .fr .nBox .text span { display: block; width: 100px; line-height: 30px; background: #fc7e28; color: #fff; text-align: center; float: right; margin-top: 10px }
.proBox .fr .nBox .text .num { font-size: 14px; color: #888; margin: 8px 0; }
.proBox .fr .nBox a:hover { background: #fff; box-shadow: 0 0 10px rgba(46, 163, 252, .2); }
/**暂时隐藏图片的样式**/
.proBox .fr .nBox .nbox01 .text { width: 100%; border-right: none }
.proBox .fr .nShow .text .ddv img { display: none }
.proBox .fr .nShow { padding: 25px 25px 60px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .3); border-radius: 9px; }
.proBox .fr .nShow .title { text-align: center; padding-bottom: 5px; border-bottom: 1px solid #dedede; margin-bottom: 20px; }
.proBox .fr .nShow .title h1 { font-size: 26px; font-weight: 500; }
.proBox .fr .nShow .title p { font-size: 14px; margin: 5px 0; }
.proBox .fr .nShow .text img { width: auto !important; max-width: 100% !important; height: inherit !important; margin: 0 auto !important; display: block; }
.proBox .fr .nShow .ts { background: #f4f4f5 url(../images/index/wxts.png) no-repeat left 2% center; background-size: 13%; padding: 2% 2% 3% 16%; position: relative; margin-bottom: 15px; }
.proBox .fr .nShow .ts a { display: block; width: 120px; line-height: 40px; background: #0090ff; color: #fff; text-align: center; position: absolute; right: 15px; bottom: 20px; font-size: 16px; }
.proBox .fr .nShow .ts p { font-size: 15px; }
.proBox .fr .nShow .ts .tel1 { background: url(../images/index/new_tel.png) no-repeat left center; background-size: 25px; padding-left: 35px; font-size: 15px; margin-top: 10px; }
.proBox .fr .nShow .ts .tel1 strong { font-size: 25px; color: #0090ff; }
.proBox .fr .nShow .text { padding: 0 10% }
.proBox .fr .vdshow .text { padding: 0 }
.proBox .fr .nShow .text p { font-size: 15px !important; line-height: 30px; }
.proBox .fr .nShow .text p a { text-decoration: none !important; }
.proBox .fr .nShow .text span { font-size: 15px !important; }
.proBox .fr .nShow .text table { width: auto; border-collapse: collapse; margin: 10px auto !important; }
.proBox .fr .nShow .text table td { border: 1px solid #aaa !important; padding: 3px 5px !important; }
.newsBox .fr .fy { width: 90%; padding: 8px; box-sizing: border-box; border-radius: 5px; margin: -20px auto 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.newsBox .fr .fy li:before { content: ""; width: 40px; height: 34px; position: absolute; left: 0; top: 3px; background: url(../images/index/icon30.png) no-repeat left center; background-position: 0px 0px; }
.newsBox .fr .fy li { position: relative; padding-left: 40px; box-sizing: border-box; line-height: 40px; font-size: 16px; border-bottom: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsBox .fr .fy li:nth-child(2):before { left: inherit; right: 0; background: url(../images/index/icon30.png) no-repeat left center; background-position: -40px 0px; }
.newsBox .fr .fy li:nth-child(2) { padding: 0 40px 0 0; border-left: 1px solid #dcdcdc; text-align: right; }
/* 客户案例 */

.proBox .fr .alBox dl { background: #f0f3fa; margin: 40px 20px; transition: 0.3s; }
.proBox .fr .alBox dl a { display: block; overflow: hidden; }
.proBox .fr .alBox dt { width: 50%; float: left; }
.proBox .fr .alBox dl dt img { transition: 0.3s; }
.proBox .fr .alBox dd { width: 50%; float: left; padding: 6% 3% 0; box-sizing: border-box; }
.proBox .fr .alBox dl:nth-child(even) dt { float: right; }
.proBox .fr .alBox dd h3 { font-size: 26px; font-weight: 500; }
.proBox .fr .alBox dd h3 b { font-weight: 500; }
.proBox .fr .alBox dd p { font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0; color: #787878; }
.proBox .fr .alBox dd span { display: inline-block; padding: 0 25px; border-radius: 20px; border: 1px solid #878787; line-height: 40px; font-size: 15px; color: #888; }
.proBox .fr .alBox dl:hover { background: #0090ff; color: #fff; }
.proBox .fr .alBox dl:hover dt img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.proBox .fr .alBox dl:hover dd h3, .proBox .fr .alBox dl:hover dd p, .proBox .fr .alBox dl:hover dd span { color: #fff; }
.proBox .fr .alBox dl:hover dd span { border-color: #fff; }
.vdBox .ullist li { width: 16.66%; float: left; padding: 0 15px 20px; box-sizing: border-box }
.vdBox .ullist li a { display: block; padding: 20px 0; background: #fafafa; color: #333; text-align: center; border-radius: 5px; font-size: 18px; font-weight: 600 }
.vdBox .ullist li a span { display: block; width: 36px; height: 36px; background: url(../images/index/sp1.png) no-repeat top center; background-size: 36px; margin: 0 auto 12px }
.vdBox .ullist li:nth-child(2) a span { background-image: url(../images/index/sp3.png) }
.vdBox .ullist li:nth-child(3) a span { background-image: url(../images/index/sp2.png) }
.vdBox .ullist li:nth-child(4) a span { background-image: url(../images/index/sp5.png) }
.vdBox .ullist li:nth-child(5) a span { background-image: url(../images/index/sp4.png) }
.vdBox .ullist li:nth-child(6) a span { background-image: url(../images/index/sp6.png) }
.vdBox .ullist li.on a { background: #0e85d6; color: #fff }
.vdBox .ullist li.on a span { background-position: bottom center }
.vdBox .ul1 li { width: 25%; padding: 15px 15px; box-sizing: border-box; float: left; }
.vdBox .ul1 li a { display: block; }
.vdBox .ul1 li .pho { position: relative; border-radius: 8px; overflow: hidden; }
.vdBox .ul1 li .pho:before { content: ""; width: 14px; height: 14px; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; left: 14px; top: 14px; z-index: 100; transition: 0.3s; opacity: 0; }
.vdBox .ul1 li .pho:after { content: ""; width: 14px; height: 14px; border-right: 3px solid #fff; border-top: 3px solid #fff; position: absolute; right: 14px; top: 14px; z-index: 100; transition: 0.3s; opacity: 0; }
.vdBox .ul1 li .pho .bg { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .3); z-index: 90; opacity: 0; transition: 0.3s; }
.vdBox .ul1 li .pho .bg:before { content: ""; width: 14px; height: 14px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; left: 14px; bottom: 14px; z-index: 100; }
.vdBox .ul1 li .pho .bg:after { content: ""; width: 14px; height: 14px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; position: absolute; right: 14px; bottom: 14px; z-index: 100; }
.vdBox .ul1 li .pho .bg span { display: block; width: 50px; height: 50px; position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; background: url(../images/index/maltj-tb.png) no-repeat center; background-size: cover; transition: 0.5s }
.vdBox .ul1 li:hover .bg, .vdBox .ul1 li:hover .pho:before, .vdBox .ul1 li:hover .pho:after { opacity: 1; }
.vdBox .ul1 li:hover .pho .bg span { transform: rotate(360deg) }
.vdBox .ul1 li p { line-height: 40px; color: #333; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px; }
.vdBox .ul1 li p b { font-weight: 500; }
.proBox .fr .nShow .text video { width: 90%; margin: 0 auto 10px; display: block; }
.proBox .fr .nShow .text h3 { font-size: 16px; line-height: 40px; }
 @media all and (min-width: 1024px) and (max-width:1680px) {
.proBox1 .box .ul1 li a { white-space: nowrap; font-size: 15px; }
.proBox .fr .comBox .text h1 { font-size: 26px; }
.proBox1 .box .ul2 li h3 { font-size: 17px; }
}
 @media all and (min-width: 1024px) and (max-width:1600px) {
.proBox1 .box .titl h2 { font-size: 22px; background-size: 40px; padding-left: 45px; }
.proBox>.fl { width: 22% }
.proBox>.fl ul.ul1 li h4 { font-size: 16px; line-height: 45px; }
.proBox>.fl ul.ul1 li .submenu>a { }
.proBox>.fl ul.ul1 li .submenu .sub a { background-size: 16px }
.proBox>.fl ul.ul1 li .submenu .sub a.on { background-size: 18px }
.proBox>.fr { width: 76.5% }
.proBox .fr .comBox .pho .icon { font-size: 14px; }
.proBox .fr .comBox .text .info { font-size: 15px; line-height: 27px; padding: 6px 10px }
.proBox .fr .comBox .text .dl1 { padding: 3px 15px; margin: 5px 0 }
.proBox .fr .comBox .text .dl1 dl { font-size: 16px; }
.proBox .fr .comBox .text .dl1 dl dt { margin-bottom: 5px; }
.proBox .fr .comBox .text .tel1 { margin-top: 12px; }
.proBox .fr .comBox .text .tel1 span { font-size: 16px; }
.proBox .fr .comBox .text .tel1 strong { line-height: 36px; }
.proBox .fr .tit { line-height: 42px; }
.proBox .fr .tit h3 { font-size: 20px; font-weight: 500; }
.proBox .fr .tit h3 { text-align: left; background-size: 25px; font-size: 22px; }
.proBox .fr .lkBox .ul1 li a { border: 1px solid #f4f4f4; display: block }
.proBox .fr .lkBox .ul1 li p { font-size: 15px; line-height: 40px; }
.proBox .fr .lkBox .ul1 li .pho img { box-shadow: none }
.proBox .fr .lkBox .ul1 li .pho { padding-bottom: 0 }
.proBox .fr .lkBox .ul1 li .pho:before, .proBox .fr .lkBox .ul1 li .pho:after { display: none }
.proBox .fr .nBox .time span { font-size: 18px; }
.proBox .fr .nBox .text { padding-top: 2%; }
.proBox .fr .nBox .text p { line-height: 25px; height: 50px }
.proBox .fr .lkBox .ul2 li a .tim strong { font-size: 26px; }
.proBox .fr .lkBox .ul2 li a .tim span { font-size: 18px }
.proBox .fr .lkBox .ul2 li a h3 { line-height: 1.5; font-weight: 500; margin-bottom: 8px }
.proBox .fr .lkBox .ul2 li a p { font-size: 15px; line-height: 25px; height: 50px; color: #999 }
.proBox .fr .alBox dd h3 { font-size: 22px }
.proBox .fr .alBox dd p { font-size: 15px; line-height: 27px; height: 54px; margin-top: 10px }
.proBox .fr .alBox dd span { line-height: 33px; font-size: 14px; padding: 0 16px }
.vdBox .ul1 li p { line-height: 45px; font-size: 16px }
.proBox .fr .nShow .ts a { width: 100px; line-height: 32px; font-size: 15px }
.vdBox .ullist li a { font-size: 17px }
.abBox .title h2 { font-size: 34px; }
.youshi .ul2 li a h3 { font-size: 18px; font-weight: 600; }
.whBox li { padding: 30px 20px 0 }
.whBox li a { padding-top: 20px }
.whBox li a span { width: 100px }
.fcBox .title ul { width: 55%; }
.fcBox .title ul li p { font-size: 16px; }
.lxBox .lxCon li { padding-left: 78px; }
.lxBox .lxCon li span { width: 60px; height: 60px; line-height: 60px; }
.lxBox .lxCon li span img { width: 25px; }
.lxBox .lxCon li h3 { margin-top: 5px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.proBox>.fl ul.ul1 li .submenu a { font-size: 15px; }
.proBox1 .box .ul1 li a { font-size: 14px; white-space: nowrap; }
.proBox1 .box .ul2 li h3 { font-size: 16px; line-height: 40px; }
.proBox1 .box .titl a { font-size: 14px; line-height: 25px; margin-top: 8px; }
.proBox .fr .comBox .pho .icon span { margin-right: 4px; }
.proBox .fr .comBox .text h1 { font-size: 24px; line-height: 40px; }
.proBox .fr .comBox .text .dl1 { margin: 13px 0; padding: 0 15px; }
.proBox .fr .comBox .text .dl1 dl { font-size: 15px; line-height: 40px; }
.proBox .fr .comBox .text .info { padding: 5px 6px }
.proBox .fr .comBox .text .tel1 { background-size: 50px; padding-left: 55px; }
.proBox .fr .comBox .text .tel1 span { font-size: 15px; }
.proBox .fr .comBox .text .tel1 strong { font-size: 21px; }
.proBox .fr .comBox .text a { width: 120px; height: 100px; background-size: 100%; }
.proBox .fr .comBox .text a::after { right: 10px; bottom: 15px; font-size: 15px; }
.proBox .fr .lkBox .ul1 li p { line-height: 40px; font-size: 15px; }
.proBox .fr .lkBox .ul1 li .pho:before { bottom: -30px; left: 8px; }
.proBox .fr .lkBox .ul1 li .pho:after { bottom: -30px; right: 8px; }
.proBox .fr .lkBox .ul2 li a .tim { top: 16px; }
.proBox .fr .tit { line-height: 42px; }
.proBox .fr .tit h3 { font-size: 20px; background-size: 25px; font-weight: 600 }
.proBox .fr .desc .text h2 { font-size: 18px !important; }
.proBox .fr .desc .text img { max-width: 600px !important; }
.proBox .fr .lkBox .ul2 li a h3 { font-size: 16px; }
.proBox .fr .lkBox .ul2 li a p { font-size: 14px; line-height: 22px; height: 44px; }
.proBox .fr .lkBox .ul2 li a .tim strong { font-size: 24px; margin-bottom: 0; }
.proBox .fr .lkBox .ul2 li a .tim span { font-size: 17px; }
.proBox .fr .alBox dd h3 { font-size: 24px; }
.proBox .fr .lxCon .lxText p { line-height: 24px; }
.proBox .fr .alBox dd { padding: 4% 3% 0; }
.proBox .fr .nBox .time { padding-top: 6%; }
.proBox .fr .nBox .time strong { font-size: 26px }
.abBox .title h2 { font-size: 32px; }
}
 @media all and (min-width: 1024px) and (max-width:1400px) {
.proBox>.fl ul.ul1 { padding: 12px 15px }
.proBox>.fl ul.ul1 li .submenu a { background-size: 15px; }
.proBox>.fl ul.ul1 li .submenu>a { padding-left: 30px }
.proBox>.fl ul.ul1 li .submenu>a:after { left: 8px }
.proBox>.fl ul.ul1 li .submenu .sub { padding-left: 20px }
.proBox>.fl ul.ul1 li .submenu .sub a { font-size: 14px; background-size: 14px; padding: 4px 0 4px 10px }
.proBox .fr .nBox .text .num { margin: 2px 0; }
.proBox .fr .nBox .text span { width: 90px; }
.proBox .fr .comBox .pho .icon { font-size: 13px; }
.proBox .fr .comBox .pho .ico { margin-top: 13px; }
.proBox .fr .comBox .text .tel1 { margin-top: 14px; }
.proBox .fr .alBox dd span { line-height: 36px; }
.vdBox .ul1 li p { line-height: 45px; font-size: 16px; }
.vdBox .ullist li { padding: 0 10px 15px }
.vdBox .ullist li a { padding: 15px 0 }
.vdBox .ullist li a span { width: 32px; height: 32px; background-size: 32px; }
.proBox .fr .nBox .text p { font-size: 14px; line-height: 28px; height: 56px; }
.proBox .fr .nBox .text span { line-height: 25px; width: 80px; font-size: 13px; }
.proBox .fr .nShow .ts p { font-size: 14px; }
.proBox .fr .nShow .ts a { width: 90px; line-height: 28px; font-size: 14px; }
.youshi .ul2 li a span { width: 70px; height: 70px; line-height: 70px; }
.youshi .ul2 li a span img { width: 32px; }
.youshi .ul2 li a h3 { margin-bottom: 6px; }
.whBox li a { }
.whBox li b { margin: 5px 0 8px; width: 32px }
.fcBox .title ul li { padding-left: 30px; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.proBox1 .box { margin-top: 0; }
.proBox .fr .alBox dl { margin: 20px; }
.proBox1 .box .ul1 li { padding: 5px; }
.proBox .fr .nShow .text img { max-width: 550px !important; }
.proBox .fr .alBox dd h3 { font-size: 22px; }
.vdBox .ullist li a { font-size: 16px }
.abBox .title h2 { font-size: 30px; }
.abBox .abCon .text p { font-size: 15px; line-height: 28px; }
.abBox .abCon .ul1 li { padding: 50px 14px 0; }
.abBox .abCon .ul1 li a { padding: 20px 24px 22px; }
.abBox .abCon .ul1 li strong { font-size: 30px; }
.abBox .abCon .ul1 li a span { width: 30px; }
.youshi .ul2 li { padding: 35px 10px 0; }
.whBox li { padding: 30px 16px 0; }
.whBox li a { padding-bottom: 20px; }
.fcBox .title ul { width: 60%; }
.fcBox .ul ul li { padding: 30px 20px; }
.lxBox .lxCon li h3 { font-size: 20px; }
.lxBox .lxCon li:last-child h3 { font-size: 16px; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.proBox .fr .nBox .box { margin-left: 0 }
.proBox .fr .nBox a:before, .proBox .fr .nBox:after { display: none }
}
 @media all and (min-width:0) and (max-width:767px) {
/* 产品中心 */
.mt { margin-top: 20px; }
#main { background: none; }
.proBox { padding-bottom: 40px; padding: 0 15px; }
.proBox1 { padding-bottom: 30px; }
.proBox1 .box { padding: 10px 15px; margin-top: 10px; }
.proBox1 .box .titl { line-height: 40px; margin-bottom: 8px; margin-top: 0px; }
.proBox1 .box .titl h2 { font-size: 20px; padding-left: 40px; background-size: 32px; }
.proBox1 .box .titl a { font-size: 13px; line-height: 26px; width: 80px; border-radius: 13px; margin-top: 7px; }
.proBox1 .box .ul1 li { width: 50%; float: left; padding: 5px 8px; box-sizing: border-box; }
.proBox1 .box .ul1 li a { line-height: 32px; font-size: 14px; border-radius: 16px; }
.proBox1 .box .ul2 { border-top: 1px dashed #dedede; padding-top: 10px; margin-top: 10px; padding-bottom: 20px; }
.proBox1 .box .ul2 li { width: 100%; float: inherit; }
.proBox1 .box .ul2 li a { border-radius: 8px; }
.proBox1 .box .ul2 li h3 { font-size: 15px; line-height: 40px; }
/* 二级目录 */
.proBox>.fl { width: 100%; padding-bottom: 0px; margin-bottom: 20px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1) }
.proBox>.fl .title { background: #0090fe url(../images/index/icon33.png) no-repeat right 15px center; padding: 20px 60px 20px 20px; background-size: 35px; text-align: left; color: #fff }
.proBox>.fl .title h2 { font-size: 26px }
.proBox>.fl .title strong { color: #fff; font-size: 14px }
.proBox>.fl .title:before { right: inherit; left: -40px; }
.proBox>.fl ul.ul1 { display: none; }
.proBox>.fl ul.ul1 li h4 { font-size: 16px; padding: 0 20px; line-height: 45px; background-position: right 20px center }
.proBox>.fl ul.ul1 li .submenu { padding: 8px 20px }
.proBox>.fl ul.ul1 li .submenu a { font-size: 15px; line-height: 20px; }
.proBox>.fl .tjBox { display: none; }
.proBox>.fr { width: 100%; }
.proBox .fr .posi { margin-bottom: 10px; line-height: 20px; padding: 5px 5px 5px 30px; background-size: 20px; background-position: left 4px top 7px }
.posi:after { display: none }
.proBox .fr .proList1 li:first-child .box { line-height: 35px }
.proBox .fr .proList1 li { padding: 0; margin-bottom: 0px; border-bottom: none; }
.proBox .fr .proList1 li .box { border-bottom: none; padding: 8px 5px; font-size: 14px; }
.proBox .fr .proList1 li a { overflow: hidden; }
.proBox .fr .proList1 li .box1 { width: 35%; padding: 5px 8px }
.proBox .fr .proList1 li .box1 img { width: 100% }
.proBox .fr .proList1 li .box2 { width: 25%; border-right: 1px solid #dedede; }
.proBox .fr .proList1 li .box3 { width: 40%; }
.proBox .fr .proList1 li .box3 span.sp { display: block !important; }
.proBox .fr .proList1 li .box4 { display: none }
.proBox .fr .proList1 li .box:last-child { border-right: none; }
.page li { margin-bottom: 5px }
.page li span { margin: 3px }
/* 产品详情 */
.proBox .fr .comBox { padding: 10px; margin: 20px 0px 10px; border-radius: 0; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, .3); background: url(../images/index/case-bj.png) no-repeat bottom right; background-size: 300px; }
.proBox .fr .comBox .pho { width: 100%; float: inherit; padding-right: 0 }
.proBox .fr .comBox .pho .ico { display: none; }
.proBox .fr .comBox .text { width: 100%; float: inherit; padding-left: 0px; margin-top: 15px; }
.proBox .fr .comBox .text h1 { font-size: 24px; line-height: 40px; }
.proBox .fr .comBox .text .dl1 { padding: 10px 0px; border-radius: 10px; margin: 20px 0 10px; }
.proBox .fr .comBox .text .dl1 dl { padding-left: 25px; font-size: 15px; }
.proBox .fr .comBox .text p { line-height: 28px; font-size: 14px; }
.proBox .fr .comBox .text .info { line-height: 25px; font-size: 14px; padding-left: 18px; background-size: 15px; }
.proBox .fr .comBox .text .tel1 { padding-left: 45px; background: url(../images/index/article_phone.png) no-repeat left top; background-size: 40px; margin-top: 15px; }
.proBox .fr .comBox .text .tel1 span { font-size: 14px; line-height: 16px; }
.proBox .fr .comBox .text .tel1 strong { font-size: 22px; line-height: 32px; }
.proBox .fr .comBox .text a { width: 100px; height: 80px; right: 0px; bottom: 0px }
.proBox .fr .comBox .text a::after { right: 5px; bottom: 10px; font-size: 15px; }
.proBox .fr .lkBox .ul1 li { width: 50%; padding: 10px 8px; }
.proBox .fr .lkBox .ul1 li p { font-size: 15px; line-height: 40px; }
.proBox .fr .desc { margin-top: 10px; }
.proBox .fr .tit { line-height: 40px; }
.proBox .fr .tit h3 { width: 100px; font-size: 18px; }
.proBox .fr .tit h3 { background-size: 22px; padding-left: 40px; font-size: 18px; }
.proBox .fr .desc .text { padding: 5px; font-size: 16px; }
.proBox .fr .desc .text a { color: #555; }
.proBox .fr .desc .text h2 { font-size: 16px !important; line-height: 30px !important; margin: 0px 0 !important; }
.proBox .fr .desc .text h2:before { display: none }
.proBox .fr .desc .text img { width: 100% !important; max-width: 750px !important; height: inherit !important; margin: 0 auto !important; display: block; }
.proBox .fr .desc .text table { width: 100% !important; }
.proBox .fr .desc .text table td { padding: 0 !important; }
.proBox .fr .fy li { width: 100%; float: inherit; margin: 0 0 10px; }
.proBox .fr .lkBox .ul2 li { padding: 10px 0px; width: 100%; float: inherit; }
.proBox .fr .lkBox .ul2 li a { border-radius: 6px; padding: 10px; }
.proBox .fr .lkBox .ul2 li .tex { padding-right: 80px; }
.proBox .fr .lkBox .ul2 li a h3 { font-size: 15px; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .lkBox .ul2 li a p { font-size: 14px; line-height: 24px; height: 48px; }
.proBox .fr .lkBox .ul2 li a .tim { position: absolute; right: 10px; top: 14px; }
.proBox .fr .lkBox .ul2 li a .tim strong { font-size: 22px; }
.proBox .fr .lkBox .ul2 li a .tim span { font-size: 16px; }
.proBox .fr .lkBox .ul2 li a:after { right: 80px; }
/* 产品资质 */
.abBox .fr .list { text-align: center; }
.abBox .fr .list li { width: 120px; margin: 10px; }
.abBox .fr .list li a { font-size: 15px; }
.abBox .fr .zz li { width: 50%; padding: 10p 8px; }
.abBox .fr .zz li p { line-height: 40px; font-size: 15px; }
/*******新闻详情******/
.proBox .fr .nBox { position: relative; }
.proBox .fr .nBox:after { display: none; }
.proBox .fr .nBox .box { margin: 20px 0 20px 0px; }
.proBox .fr .nBox .box a { background: #fbfbfb; }
.proBox .fr .nBox a { display: block; background: #fff; border-radius: 12px; border: 1px solid #f4f5f9; position: relative; }
.proBox .fr .nBox a:before { display: none; }
.proBox .fr .nBox .time { display: none; }
.proBox .fr .nBox .pho { width: 40%; float: right !important; padding: 8px; }
.proBox .fr .nBox .text { width: 60%; border-right: none; float: left !important; padding: 0px 8px; }
.proBox .fr .nBox .nbox01 .text { padding-bottom: 20px; }
.proBox .fr .nBox .nbox01 .text h3 { margin-top: 15px; }
.proBox .fr .nBox .text h3 { font-size: 16px; margin-top: 8%; }
.proBox .fr .nBox .text p { line-height: 20px; height: 40px; font-size: 14px; }
.proBox .fr .nBox .text span { display: none }
.proBox .fr .nBox .text .num { margin: 5px 0; display: none }
.proBox .fr .nShow { padding: 15px 10px 10px; border-radius: 5px; }
.proBox .fr .nShow .title h1 { font-size: 20px; }
.proBox .fr .nShow .text { padding: 0 }
.proBox .fr .nShow .text img { width: auto !important; max-width: 100% !important; height: inherit !important; }
.proBox .fr .nShow .ts { display: none; }
.newsBox .fr .fy { width: 100%; margin: 10px auto 0; }
.newsBox .fr .fy li { font-size: 14px; margin-bottom: 0; padding: 0 }
.newsBox .fr .fy li:before { display: none }
.newsBox .fr .fy li:nth-child(2) { padding: 0; border-left: none; text-align: left; }
/* 客户案例 */
.proBox .fr .alBox { overflow: hidden; }
.proBox .fr .alBox dl { margin: 20px 4% 0 0; width: 48%; float: left; padding: 0 0px; box-sizing: border-box; background: none; border: 1px solid #dedede; }
.proBox .fr .alBox dl:nth-child(even) { margin-right: 0; }
.proBox .fr .alBox dt { width: 100%; float: inherit; }
.proBox .fr .alBox dd { width: 100%; float: inherit; padding: 6% 3%; }
.proBox .fr .alBox dl:nth-child(even) dt { float: inherit; }
.proBox .fr .alBox dd h3 { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .alBox dd p { font-size: 14px; line-height: 21px; height: 42px; margin: 10px 0; }
.proBox .fr .alBox dd span { padding: 0px; border-radius: 15px; line-height: 30px; font-size: 13px; display: block; margin: 0 auto; width: 80px; text-align: center; }
.proBox .fr .alBox dl:hover { background: #fff; color: inherit; }
.proBox .fr .alBox dl:hover dd h3, .proBox .fr .alBox dl:hover dd p, .proBox .fr .alBox dl:hover dd span { color: inherit; }
.proBox .fr .alBox dl:hover dd span { border-color: inherit; }
.vdBox { padding: 0 10px; background-size: 200px }
.vdBox .proBox { padding: 0; }
.vdBox .ullist li { width: 50%; padding: 0 10px 12px }
.vdBox .ullist li a { padding: 10px 0; font-size: 16px; }
.vdBox .ullist li a span { width: 30px; height: 30px; background-size: 30px; margin-bottom: 8px }
.vdBox .ul1 li { width: 50%; padding: 10px 8px 0px; }
.vdBox .ul1 li a { border-radius: 6px; }
.vdBox .ul1 li .pho { border-radius: 6px 6px 0 0; }
.vdBox .ul1 li .pho .bg span { display: none }
.vdBox .ul1 li .pho:before, .vdBox .ul1 li .pho:after, .vdBox .ul1 li .pho .bg:before, .vdBox .ul1 li .pho .bg:after { display: none }
.vdBox .ul1 li p { line-height: 40px; font-size: 15px; }
.proBox .fr .nShow .text table { width: 100% !important; }
.proBox .fr .nShow .text table td { padding: 3px 5px !important; }
/****联系我们*******/

.lxBox .lxCon { padding: 20px 10px; }
.lxBox .lxCon .ul { width: 100%; }
.lxBox .lxCon li { margin: 0px 0 16px; padding-left: 60px; }
.lxBox .lxCon li span { width: 46px; line-height: 46px; height: 46px; }
.lxBox .lxCon li span img { width: 22px; }
.lxBox .lxCon li strong { font-size: 14px; }
.lxBox .lxCon li h3 { font-size: 18px; margin-top: 0px; }
.lxBox .lxCon li h3 i { display: block; color: #fff; height: 1px; }
.lxBox .lxCon li:last-child h3 { font-size: 15px; }
.lxBox .lxCon .ewm { width: 100%; padding-top: 10px; }
.lxBox .lxCon .ewm h3 { font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.lxBox .lxCon .ewm .img img { max-width: 100px; }
.lxBox .lxCon .ewm .img p { font-size: 14px; margin-top: 6px; }
/*****关于我们*******/
.abBox { padding: 0 10px; }
.abBox .title h2 { font-size: 26px; }
.abBox .abCon { padding: 20px 0 0; }
.abBox .abCon .text { margin-top: 10px }
.abBox .abCon .text p { font-size: 15px; line-height: 28px; margin-bottom: 0px; }
.abBox .abCon .ul1 li { width: 50%; padding: 20px 8px 0; font-size: 15px; }
.abBox .abCon .ul1 li a { padding: 18px 5px 18px 10px; }
.abBox .abCon .ul1 li a span { width: 25px; right: 15px; top: 15px; }
.abBox .abCon .ul1 li .nt { font-size: 16px; }
.abBox .abCon .ul1 li .nt1 { font-size: 15px; }
.abBox .abCon .ul1 li strong { font-size: 28px; }
.abBox .abCon .ul1 li p { font-size: 14px; }
.youshi { padding: 20px 0 }
.youshi .ul2 li { width: 100%; float: inherit; padding: 20px 10px 0 }
.youshi .ul2 li a { padding: 30px 10px; }
.youshi .ul2 li a span { width: 60px; height: 60px; line-height: 60px; }
.youshi .ul2 li a span img { width: 30px; }
.youshi .ul2 li a h3 { font-size: 18px; font-weight: 600; margin: 10px 0 8px; }
.youshi .ul2 li a p { font-size: 14px; line-height: 25px; height: inherit; }
.whBox li { width: 100%; float: inherit; padding: 20px 10px 0; }
.whBox li a { padding: 20px 24px 25px; }
.whBox li a span { width: 100px; right: 18px }
.whBox li h3 { font-size: 18px; font-weight: 600; }
.whBox li b { margin: 5px 0 8px; }
.whBox li p { font-size: 14px; line-height: 25px; height: inherit; }
.fcBox { display: none; }
}



/* 产品详情 */
.proBox .fr .comBox { box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .2);
}
.proBox .fr .comBox .text { padding: 20px 40px 0; margin-left: 420px; width: auto; position: relative; }
.proBox .fr .comBox .text:after { content: ""; position: absolute; left: 0px; top: 14px; width: 300px; height: 50px; background: url(../images/index/pro-line.png) no-repeat; display: none }
.proBox .fr .comBox .text h1 { font-size: 28px; font-weight: 500; color: #04102c; }
.proBox .fr .comBox .text .dl { background: rgba(255, 255, 255, .8); box-shadow: 0 0px 8px rgba(0, 0, 0, .2); padding: 20px 40px; border-radius: 10px; margin: 20px 20px; overflow: hidden; }
.proBox .fr .comBox .text .dl dl { width: 33%; position: relative; padding-left: 25px; box-sizing: border-box; float: left; }
/* .proBox .fr .comBox .text .dl dl:nth-child(2) {
    width: 24%;
} 

.proBox .fr .comBox .text .dl dl:last-child {
    width: 46%;
}*/

.proBox .fr .comBox .text .dl dl:before { content: ""; width: 3px; height: 50px; position: absolute; left: 3.5px; top: 7px; background: #dddee2; border-radius: 2px; }
.proBox .fr .comBox .text .dl dl:after { content: ""; width: 10px; border-radius: 50%; background: -webkit-linear-gradient(left, #a0b5ee, #1a8ee5); height: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.proBox .fr .comBox .text .dl dl dt { font-size: 18px; margin-bottom: 8px; color: #666; }
.proBox .fr .comBox .text .dl dl dd { font-size: 20px; color: #444; }
.proBox .fr .comBox .text .dl dl dd a.yh { display: inline-block; width: 90px; line-height: 28px; text-align: center; border-radius: 14px; font-size: 13px; color: #fff; background: linear-gradient(to right, #ff6c04, #fda80e); position: relative; top: -3px; left: 4px; }
.proBox .fr .comBox .text span.tim { display: block; position: absolute; right: 10px; top: 10px; color: rgba(0, 0, 0, 0); }
.proBox .fr .comBox .text p { font-size: 16px; line-height: 30px; color: #555; padding: 12px 10px; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .comBox .text p span { color: #1a8ee5; }
.proBox .fr .comBox .text .lxul li { margin-top: 30px; overflow: hidden; padding: 0 20px; }
.proBox .fr .comBox .text .lxul a { display: block; padding: 0 20px 0 50px; background: #d5e9f8 url(../images/index/icon47.png) no-repeat left 17px center; background-size: 26px; line-height: 40px; border-radius: 21px; font-size: 17px; float: right; }
.proBox .fr .comBox .text .lxul a span { font-size: 15px; opacity: 0.8 }
/*图片放大镜样式*/

.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; width: 100%; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff/*url(../images/index/zoom.png) 50% center no-repeat*/
; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 100%; box-sizing: border-box; border: 1px solid #DFDFDF; overflow: hidden }
.spec-preview .jqzoom img { width: 100% !important; }
.spec-scroll { clear: both; padding: 5px 0; width: 100%; overflow: hidden; }
.spec-scroll .prev, .spec-scroll .next { width: 14px; height: 56px; margin-top: 3px; }
.spec-scroll .prev { float: left; background: url(../images/index/icon41.png) no-repeat; }
.spec-scroll .next { float: right; background: url(../images/index/icon42.png) no-repeat; }
.spec-scroll .items { position: relative; width: 100%; height: 56px; overflow: hidden; }
.spec-scroll .items ul { padding: 0 5px; height: 56px; }
.spec-scroll .items ul li { float: left; width: 67px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 50px; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; }
.bimg { float: left; width: 420px; overflow: hidden; }
.proBox .fr .pshow { margin-top: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.proBox .fr .pshow .tit { background: #f1f6fa; }
.proBox .fr .pshow .tit li { float: left; line-height: 50px; color: #666; font-size: 17px; text-align: center; width: 140px; cursor: pointer; }
.proBox .fr .pshow .tit li.on { background: #1662b7; color: #fff; }
.proBox .fr .pshow .sbox { padding: 30px 15px; }
.proBox .fr .pshow .sbox .text { padding: 30px 2%; }
.proBox .fr .pshow .sbox .text h2 { font-size: 20px; font-weight: 500; color: #1662b7; position: relative; z-index: 0; margin: 5px 0; }
.proBox .fr .pshow .sbox .text table { width: auto !important; max-width: 100% !important; border-collapse: collapse; }
.proBox .fr .pshow .sbox .text table td { padding: 5px !important; border: 1px solid #ccc; }
.proBox .fr .pshow .sbox .text h2:before { content: ""; width: 16px; height: 16px; background: #fa9e14; border-radius: 50%; position: absolute; left: -8px; top: 3px; z-index: -1; }
.proBox .fr .pshow .sbox .text p { font-size: 15px; background: #f1f6fa; padding: 6px 10px; line-height: 27px; color: #000; text-align: left !important; margin-bottom: 0 !important }
.proBox .fr .pshow .sbox .text p span { font-size: 15px !important; }
.proBox .fr .pshow .sbox .text p:nth-child(odd) { background: #fff; }
.proBox ul.fy li { border-bottom: 1px dashed #eeeeee; line-height: 36px; }
.proBox ul.fy li a { font-size: 15px; color: rgb(124, 142, 156); }
.proBox .fr .pshow .sbox .pic img { width: 100%; max-width: 900px; height: inherit; display: block; margin: 0 auto; }
.proBox .fr .pshow .sbox .lkul1 li { width: 33.33%; float: left; padding: 20px 25px; box-sizing: border-box; }
.proBox .fr .pshow .sbox .lkul1 li a { display: block; border-radius: 6px; overflow: hidden; box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.proBox .fr .pshow .sbox .lkul1 li p { line-height: 44px; font-size: 16px; font-weight: 500; background: #1662b7; color: #fff; text-align: center; }
.proBox .fr .pshow .sbox .lkul2 li { width: 50%; float: left; padding: 20px; box-sizing: border-box; }
.proBox .fr .pshow .sbox .lkul2 li a { display: block; padding: 20px; background: url(../images/bg.png) no-repeat right bottom; background-size: cover; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(22, 98, 183, 0.4); }
.proBox .fr .pshow .sbox .lkul2 li a h4 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; margin: 12px 0 8px; font-weight: 500; padding-right: 40px; background: url(../images/icon20.png) no-repeat right 6px center; background-size: 30px; transition: 0.3s; }
.proBox .fr .pshow .sbox .lkul2 li:hover a h4 { background: url(../images/icon21.png) no-repeat right center; background-size: 30px; color: #1662b7; }
.proBox .fr .pshow .sbox .lkul2 li a span { display: block; color: #999; padding-left: 30px; background: url(../images/icon50.png) no-repeat left center; background-size: 22px; }
.proBox .fr .pshow .sbox .lkul2 li a p { font-size: 15px; line-height: 30px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
 @media all and (min-width: 1024px) and (max-width: 1600px) {
.proBox .fr .comBox .text .dl { padding: 14px 6px 12px 15px; margin: 20px 0 10px 14px; }
.proBox .fr .comBox .text { margin-left: 380px; padding: 20px 30px 0 }
.proBox .fr .comBox .text p { font-size: 15px; line-height: 28px; padding: 6px 8px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 15px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 18px; }
.proBox .fr .comBox .text .lxul li { margin-top: 24px; }
 }
  @media all and (min-width: 1024px) and (max-width: 1550px) {
.proBox .fr .comBox .text { padding: 30px 30px 0; }
.proBox .fr .comBox .text .dl { margin-left: 5px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 17px; }
  }
   @media all and (min-width: 1024px) and (max-width: 1440px) {
.container { width: 85%; }
.proBox .fr .comBox .text { padding: 20px 30px 0; }
.proBox .fr .comBox .text h1 { font-size: 26px }
.proBox .fr .comBox .text .lxul a { line-height: 38px; font-size: 16px; }
.proBox .fr .comBox .text .dl { padding: 10px 20px; }
.proBox .fr .comBox .text .dl dl dd a.yh { line-height: 24px; border-radius: 12px; }
.proBox .fr .comBox .text .lxul li { margin-top: 20px; }
.proBox .fr .comBox .text { padding: 0 22px; }
   }
    @media all and (min-width: 1024px) and (max-width:1366px) {
.proBox .fr .comBox .text { margin-left: 340px; }
.proBox .fr .comBox .text h1 { font-size: 28px; }
.proBox .fr .comBox .text .dl dl:before { height: 40px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 15px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 16px; }
.proBox .fr .comBox .text p { font-size: 15px; line-height: 27px; }
.proBox .fr .comBox .text .dl dl { padding-left: 18px }

/* 产品详情 */

.proBox .fr .comBox { background: none; }
.proBox .fr .comBox .text { padding: 20px 10px 20px; margin-left: 0px; background: url(../images/index/bg8.jpg) no-repeat right top; background-size: cover; }
.proBox .fr .comBox .text h1 { font-size: 24px; }
.proBox .fr .comBox .text .dl { padding: 14px 0px 14px 10px; border-radius: 6px; margin: 10px; }
.proBox .fr .comBox .text .dl dl { padding-left: 16px; width: 35%; }
.proBox .fr .comBox .text .dl dl:nth-child(2) { width: 30%; }
.proBox .fr .comBox .text .dl dl dd a.yh { width: 75px; line-height: 24px; font-size: 12px; }
.proBox .fr .comBox .text .dl dl:before { height: 38px; top: 6px; width: 2px; left: 3px }
.proBox .fr .comBox .text .dl dl:after { width: 8px; height: 8px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 14px; margin-bottom: 5px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 15px; }
.proBox .fr .comBox .text p { font-size: 14px; line-height: 27px; padding: 0 }
.proBox .fr .comBox .text .lxul { overflow: hidden; }
.proBox .fr .comBox .text .lxul li { margin-top: 20px; padding: 0px; }
.proBox .fr .comBox .text .lxul li:nth-child(2n) { float: right }
.proBox .fr .comBox .text .lxul a { padding: 0 10px 0 40px; background: #d5e9f8 url(../images/index/icon47.png) no-repeat left 15px center; background-size: 22px; line-height: 36px; border-radius: 18px; font-size: 16px; }
.proBox .fr .comBox .text .lxul a span { font-size: 14px; }
.bimg { width: 100%; float: inherit; }
.spec-scroll .items ul { padding: 0 5px; }

.proBox .fr .pshow .tit li { line-height: 44px; font-size: 16px; width: 25%; }
.proBox .fr .pshow .sbox { padding: 20px 10px; }
.proBox .fr .pshow .sbox .text { padding: 0 10px; }
.proBox .fr .pshow .sbox .text .sbox h2 { font-size: 17px; }
.proBox .fr .pshow .sbox .text .sbox h2:before { width: 12px; height: 12px; left: -6px; }
.proBox .fr .pshow .sbox .text p { font-size: 15px; padding: 5px 8px; }
.proBox ul.fy li { line-height: 32px; }
.proBox ul.fy li a { font-size: 14px; }
.proBox .fr .pshow .sbox .lkul1 li { width: 100%; float: inherit; padding: 10px 15px; }
.proBox .fr .pshow .sbox .lkul1 li p { font-size: 15px; }
.proBox .fr .pshow .sbox .lkul2 li { width: 100%; float: inherit; padding: 15px; }
.proBox .fr .pshow .sbox .lkul2 li a { padding: 15px; }
.proBox .fr .pshow .sbox .lkul2 li a h4 { font-size: 16px; margin: 8px 0 5px; padding-right: 30px; background: url(../images/icon20.png) no-repeat right 5px center; background-size: 25px; transition: 0.3s; }
.proBox .fr .pshow .sbox .lkul2 li a p { font-size: 14px; line-height: 27px; }
}