.posi { line-height: 60px; background: #f9f9f9; color: #666; font-size: 15px; }
.posi .box { width: 85%; max-width: 1500px; margin: 0 auto; }
.posi a { color: #666; }
.proBox { width: 85%; max-width: 1500px; margin: 50px auto; }
.proBox .flBox { width: 22%; box-sizing: border-box; }
.proBox .flBox .title { background: #0068b7; color: #fff; line-height: 100px; position: relative; }
.proBox .flBox .title span { display: block; width: 100px; height: 100px; position: absolute; top: 0; right: 0; background: #1050A8; text-align: center; }
.proBox .flBox .title span img { width: 36px; }
.proBox .flBox .title h2 { font-size: 34px; color: #fff; padding-left: 30px; }
.proBox .flBox ul.ul1 { padding: 15px; background: #f9f9f9; }
.proBox .flBox ul.ul1 li { background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 10px; }
.proBox .flBox ul.ul1 li h4 { font-size: 17px; line-height: 50px; padding: 0 12px; font-weight: 500; cursor: pointer; background: url(../images/index/icon21.png) #fff no-repeat right 10px center; background-size: 32px; color: #333; }
.proBox .flBox ul.ul1 li.on h4 { background-image: url(../images/index/icon22.png); background-size: 32px; background-color: #0068b7; color: #fff; }
.proBox .flBox ul.ul1 li .submenu { background: #fff; padding: 5px 10px 8px; display: none; }
.proBox .flBox ul.ul1 li.on { box-shadow: 0 8px 8px rgba(0, 0, 0, .2); margin-bottom: 20px; }
.proBox .flBox ul.ul1 li.on .submenu { display: block; }
.proBox .flBox ul.ul1 li .submenu a { display: block; line-height: 44px; color: #333; font-size: 16px; padding-left: 42px; position: relative; transition: 0.3s; border-bottom: 1px dashed rgba(0, 156, 75, .1); }
.proBox .flBox ul.ul1 li .submenu a:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #dfdfdf; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); z-index: 100; }
.proBox .flBox ul.ul1 li .submenu a:after { content: ""; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 2px solid #dfdfdf; box-sizing: border-box; background: #fff; border-radius: 50%; z-index: 99; transition: 0.3s; }
.proBox .flBox ul.ul1 li .submenu a.on, .proBox .flBox ul.ul1 li .submenu a:hover { color: #0068b7; background-image: url(../images/index/icon32.png); }
.proBox .flBox ul.ul1 li .submenu a.on:after, .proBox .flBox ul.ul1 li .submenu a:hover:after { border-color: #0068b7; }
.proBox .flBox ul.ul1 li .submenu a.on:before, .proBox .flBox ul.ul1 li .submenu a:hover:before { background: #0068b7; }
.proBox .flBox .tjBox { margin-top: 30px; }
.proBox .flBox .tjBox h3 { background: #0068b7; line-height: 50px; padding-left: 20px; position: relative; font-size: 22px; color: #fff; }
.proBox .flBox .tjBox h3 span { display: block; width: 50px; height: 50px; background: #1050A8; position: absolute; right: 0; top: 0; text-align: center; }
.proBox .flBox .tjBox h3 span img { width: 30px; }
.proBox .flBox .tjBox { box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.proBox .flBox .tjBox li { margin: 10px; }
.proBox .flBox .tjBox li a { display: block; background: url(../images/index/icon23.png) no-repeat left 5px center; padding: 0 12px 0 30px; font-size: 15px; background-size: 15px; line-height: 40px; border-bottom: 1px dashed rgba(0, 156, 75, .1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .flBox .tjBox .text { padding: 10px 10px 10px 20px; }
.proBox .flBox .tjBox h4 { font-size: 20px; color: #0068b7; margin-bottom: 10px; }
.proBox .flBox .tjBox p { font-size: 15px; color: #666; line-height: 20px; margin-top: 16px; text-indent: -28px; margin-left: 20px; }
.proBox .flBox .tjBox p img { width: 20px; margin-right: 8px; }
.proBox>.fr { width: 75%; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, .3); padding: 40px; box-sizing: border-box; }
.proBox .frBox .table { border-bottom: 1px solid #dedede; }
.proBox .frBox .table .tab a { display: table; width: 100%; border-collapse: collapse; font-size: 16px; }
.proBox .frBox .table .tab a .box { display: table-cell; vertical-align: middle; text-align: center; padding: 12px 0; border: 1px solid #dedede; border-bottom: none; }
.proBox .frBox .table .tab a .box1 { width: 25%; }
.proBox .frBox .table .tab a .box1 img { width: 80%; box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.proBox .frBox .table .tab a .box2 { width: 18%; }
.proBox .frBox .table .tab a .box3 { width: 24%; }
.proBox .frBox .table .tab a .box4 { width: 11%; }
.proBox .page { text-align: center; margin-top: 30px; }
.proBox .page li { display: inline-block; }
.proBox .page a { display: inline-block; padding: 5px 10px; border: 1px solid #dedede; margin: 0 5px; }
.proBox .page li.active a { background: #0068b7; border-color: #0068b7; color: #fff; }
/* 产品详情 */
.proBox .fr .comBox .pho { width: 40%; border: 1px solid #dedede; box-sizing: border-box; }
.proBox .fr .comBox .text { width: 56%; color: #444; }
.proBox .fr .comBox .text h1 { font-size: 26px; }
.proBox .fr .comBox .text .icBox { margin: 30px 0; }
.proBox .fr .comBox .text .icBox li { width: 33.33%; float: left; text-align: center; }
.proBox .fr .comBox .text .icBox .icon { width: 90px; margin: 0 auto; border: 2px solid #0068b7; border-radius: 5px; padding: 12px 8px; }
.proBox .fr .comBox .text .icBox .icon span { display: block; width: 42px; margin: 0 auto 12px }
.proBox .fr .comBox .text .icBox .icon p { font-size: 15px; font-weight: 600; color: #333; }
.proBox .fr .comBox .text .info { line-height: 30px; font-size: 15px; }
.proBox .fr .comBox .text .link { margin-top: 20px; }
.proBox .fr .comBox .text .link a { display: inline-block; width: 140px; height: 42px; line-height: 42px; text-align: center; background: url(../images/index/icon34.png) #0068b7 no-repeat left 15px center; background-size: 24px; padding-left: 10px; box-sizing: border-box; color: #fff; margin-right: 10px; font-size: 16px; border-radius: 4px; }
.proBox .fr .comBox .text .link a.qq { background: url(../images/index/icon32.png) #0068b7 no-repeat left 15px center; background-size: 24px; }
.proBox .fr .desc { margin-top: 20px; }
.proBox .fr .desc .text { padding: 10px 9%; font-size: 16px; }
.proBox .fr .desc .text h2 { font-size: 20px !important; line-height: 50px !important; background-image: url(../images/index/icon33.png) !important; background-repeat: no-repeat !important; background-position: left center !important; background: url(../images/index/icon33.png) no-repeat left center; background-size: 24px !important; padding-left: 36px !important; width: 100% !important; box-sizing: border-box; border-bottom: none !important; }
.proBox .fr .desc .text a { color: #333; }
.proBox .fr .desc .text table { width: 100% !important; border-collapse: collapse; }
.proBox .fr .desc .text table td { border: 1px solid #dedede; }
.proBox .fr .desc img { width: auto !important; height: inherit !important; max-width: 100% !important; }
.proBox .fr .fy { margin-top: 10px; }
.proBox .fr .fy li { width: 48%; margin: 0 1%; float: left; line-height: 40px; border-bottom: 1px dashed rgba(0, 156, 75, .1); }
.proBox .fr .fy li a { color: #666; font-size: 15px; }
.proBox .fr .lkBox { margin-top: 30px; }
.proBox .fr h3.titl { font-size: 18px; line-height: 46px; color: #fff; padding-left: 60px; background: url(../images/index/icon35.png) #0068b7 no-repeat left 12px center; background-size: 30px; border-radius: 4px; }
.proBox .fr .lkBox li { width: 25%; padding: 20px 10px; box-sizing: border-box; float: left; }
.proBox .fr .lkBox li a { display: block; border: 1px solid #dedede; }
.proBox .fr .lkBox .ul1 li p { font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #dedede; }
.proBox .fr .lkBox .ul2 li { width: 50%; padding: 6px 10px; }
.proBox .fr .lkBox .ul2 li a { display: block; position: relative; border: none; line-height: 40px; border-bottom: 1px dashed rgba(0, 156, 75, .1); }
.proBox .fr .lkBox .ul2 li a p { padding: 0 100px 0 30px; font-size: 15px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/index/icon23.png) no-repeat left 8px center; background-size: 13px; }
.proBox .fr .lkBox .ul2 li a span { display: block; font-size: 14px; color: #888; position: absolute; right: 0; top: 0; }
/* 新闻资讯 */
.proBox .fr .dl dl { padding: 20px 36px 20px 20px; margin-bottom: 15px; border-bottom: 1px dashed #dedede; }
.proBox .fr .dl dl a { display: block; }
.proBox .fr .dl dl dt { float: left; width: 28%; }
.proBox .fr .dl dl dd { float: left; width: 72%; padding-left: 40px; box-sizing: border-box; }
.proBox .fr .dl dl dd h3 { font-size: 20px; line-height: 40px; }
.proBox .fr .dl dl dd p { font-size: 16px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 15px; }
.proBox .fr .dl dl dd span.date { display: block; color: #666; font-size: 15px; }
.proBox .fr .dl dl dd span.more { display: block; width: 120px; line-height: 34px; font-size: 15px; text-align: center; border: 1px solid #dedede; border-radius: 4px; float: right; margin-top: 10px; color: #666; }
.proBox .fr .dl dl:hover { box-shadow: 0 0 10px rgba(0, 156, 75, .2); border-radius: 10px; border-bottom: none; }
.proBox .fr .dl dl:hover dd span.more { background: #0068b7; border-color: #0068b7; color: #fff; }
/* 新闻详情 */
.proBox .frBox .nsBox .tit { padding: 25px 0; text-align: center; background: #f9f9f9; margin-bottom: 20px; }
.proBox .frBox .nsBox .tit h1 { font-size: 26px; color: #333; margin-bottom: 12px; }
.proBox .frBox .nsBox .tit p { line-height: 30px; font-size: 15px; color: #666; }
.proBox .frBox .nsBox .text { padding: 0 10% }
.proBox .frBox .vdBox .text { padding: 0 }
.proBox .frBox .nsBox .tit a { color: #666; }
.proBox .frBox .nsBox .text img { width: auto !important; height: inherit !important; max-width: 700px !important; }
.proBox .frBox .nsBox .text h2 span { font-size: 22px !important; }
.proBox .frBox .nsBox .text p, .proBox .frBox .nsBox .text span { font-size: 16px !important; line-height: 30px !important; }
.proBox .frBox .nsBox .text video { width: 100%; }
.proBox .frBox .nsBox .text table { width: 100%; border-collapse: collapse; }
.proBox .frBox .nsBox .text td { padding: 5px 8px !important; border: 1px solid #dedede; }
/* 视频中心 */
.vdBox li { width: 25%; float: left; padding: 20px; box-sizing: border-box; }
.vdBox li a { display: block; border-radius: 12px; overflow: hidden; }
.vdBox li .pho { position: relative; }
.vdBox li .pho span { display: block; width: 60px; height: 60px; background: url(../images/index/icon19.png) no-repeat center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.vdBox li p { line-height: 50px; background: #f9f9f9; background: #0068b7; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; }
/* 关于我们 */
.abBox .box01 .text { width: 50%; padding-right: 200px; box-sizing: border-box; transform: translateY(40%); }
.abBox .box01 .text h2 { font-size: 52px; color: #0068b7; line-height: 60px; }
.abBox .box01 .text h3 { font-size: 28px; font-weight: 500; line-height: 1.5; margin-top: 40px; }
.abBox .box01 .pho { width: 50%; }
.abBox .box02 { margin-top: 60px; }
.abBox .box02 img { width: 40%; float: left; margin: 0 40px 10px 0; }
.abBox .box02 .text p { line-height: 30px; font-size: 16px; text-indent: 2em; }
.abBox h2.titl { font-size: 36px; text-align: center; color: #333; margin: 30px 0; }
.abBox .swiper-container { padding-bottom: 40px; }
.abBox .swiper-pagination { bottom: 0px; }
.abBox .lxBox { background: #f9f9f9; border: 1px solid #efefef; height: 400px }
.abBox .lxBox .map { width: 60%; height: 400px }
.abBox .lxBox .text { padding: 50px 36px 0; box-sizing: border-box; }
.abBox .lxBox .text h3 { font-size: 30px; color: #555; margin-bottom: 20px; }
.abBox .lxBox .text p { font-size: 16px; line-height: 40px; color: #333; }
 @media all and (min-width: 1024px) and (max-width: 1680px) {
.proBox .fr .comBox .pho { width: 40%; }
.proBox .fr .comBox .text .icBox { margin: 15px 0; }
.proBox .fr .comBox .text .icBox .icon { padding: 8px; }
.proBox .fr .comBox .text .icBox .icon span { width: 36px; }
.proBox .fr .comBox .text .link { margin-top: 13px; }
.proBox .fr .comBox .text .link a { line-height: 36px; height: 36px; background-size: 20px; width: 120px; font-size: 15px; padding-left: 18px; }
.proBox .fr h3.titl { padding-left: 50px; }
.proBox .fr .dl dl dd p { font-size: 15px; line-height: 24px; height: 48px; margin-top: 10px; }
.proBox .fr .dl dl dd span.more { margin-top: 10px; }
.abBox .box02 img { width: 42%; margin: 0 30px 5px 0; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.proBox { width: 90% }
.proBox .flBox .title h2 { font-size: 30px; }
.proBox .flBox .tjBox li a { background-size: 12px; }
.proBox .flBox .tjBox .text { padding: 10px 10px 10px 15px; }
.proBox .flBox .tjBox h4 { font-size: 18px; }
.proBox>.fr { padding: 30px; }
.proBox .fr .comBox .text .info { line-height: 25px; }
.proBox .fr .comBox .text .link { margin-top: 8px; }
.proBox .fr .dl dl { padding: 12px; }
.proBox .fr .dl dl dd h3 { margin-bottom: 0; }
.proBox .fr .dl dl dd span.more { line-height: 30px; font-size: 14px; width: 100px; }
.abBox .box01 .text h2 { font-size: 42px; }
.abBox .box01 .text { padding-right: 120px; }
.abBox .box01 .text h3 { font-size: 24px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.proBox>.fr { padding: 20px; }
.vdBox li .pho span { width: 45px; height: 45px; }
.vdBox li p { line-height: 40px; font-size: 16px; }
}
 @media all and (min-width: 1024px) and (max-width: 1300px) {
.proBox .flBox { width: 23%; }
.proBox .flBox .title { line-height: 80px; }
.proBox .flBox .title span { width: 80px; height: 80px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.posi { line-height: 36px; font-size: 13px; }
.posi .box { width: 100%; padding: 0 15px; box-sizing: border-box; max-width: inherit; }
.proBox { width: 100%; max-width: inherit; padding: 0 15px; box-sizing: border-box; margin: 20px auto; }
.proBox .flBox { width: 100%; }
.proBox .flBox .title { line-height: 80px; }
.proBox .flBox .title span { width: 80px; height: 80px; }
.proBox .flBox .title span img { width: 34px; }
.proBox .flBox .title h2 { font-size: 30px; padding-left: 26px; }
.proBox .flBox ul.ul1 { display: none; }
.proBox .flBox ul.ul1 li h4 { font-size: 16px; line-height: 40px; padding: 0 12px; background-size: 26px; }
.proBox .flBox ul.ul1 li.on h4 { background-image: url(../images/index/icon22.png); background-size: 26px; }
.proBox .flBox ul.ul1 li .submenu a { line-height: 36px; font-size: 15px; padding-left: 36px; }
.proBox .flBox .tjBox { display: none; }
.proBox>.fr { width: 100%; padding: 10px 6px; box-shadow: none; margin-top: 20px; }
.proBox .frBox .table { border-bottom: 1px solid #dedede; }
.proBox .frBox .table .tab:first-child { display: none; }
.proBox .frBox .table .tab a { font-size: 15px; display: block; overflow: hidden; }
.proBox .frBox .table .tab a .box { display: block; padding: 12px; box-sizing: border-box; }
.proBox .frBox .table .tab a .box1 { width: 100%; }
.proBox .frBox .table .tab a .box1 img { width: 90%; }
.proBox .frBox .table .tab a .box2 { width: 100%; }
.proBox .frBox .table .tab a .box2 span { display: inline-block !important; }
.proBox .frBox .table .tab a .box3 { width: 100%; }
.proBox .frBox .table .tab a .box4 { width: 50%; float: left; }
.proBox .fr .page { text-align: center; margin-top: 30px; }
.proBox .fr .page a { padding: 3px 8px; margin: 5px; }
/* 产品详情 */
.proBox .fr .comBox .pho { width: 100%; }
.proBox .fr .comBox .text { width: 100%; margin-top: 20px; }
.proBox .fr .comBox .text h1 { font-size: 22px; }
.proBox .fr .comBox .text .icBox { margin: 12px 0; }
.proBox .fr .comBox .text .icBox .icon { padding: 8px 0; }
.proBox .fr .comBox .text .icBox .icon span { width: 36px; margin: 0 auto 8px }
.proBox .fr .comBox .text .icBox .icon p { font-size: 14px; }
.proBox .fr .comBox .text .info { line-height: 24px; font-size: 14px; }
.proBox .fr .comBox .text .link { margin-top: 20px; overflow: hidden; }
.proBox .fr .comBox .text .link a { display: block; float: left; width: 120px; height: 36px; line-height: 36px; background-size: 20px; padding-left: 13px; margin-right: 0px; font-size: 14px; }
.proBox .fr .comBox .text .link a.qq { float: right; background-size: 20px; }
.proBox .fr .desc { margin-top: 10px; }
.proBox .fr .desc .text { padding: 0px; }
.proBox .fr .desc img { width: 100% !important; max-width: 600px !important; }
.proBox .fr .fy { margin-top: 10px; }
.proBox .fr .fy li { width: 100%; margin: 0; float: inherit; line-height: 36px; }
.proBox .fr .fy li a { font-size: 14px; }
.proBox .fr .lkBox { margin-top: 20px; }
.proBox .fr h3.titl { font-size: 17px; line-height: 40px; padding-left: 40px; background-size: 22px; }
.proBox .fr .lkBox li { width: 50%; padding: 10px 6px; }
.proBox .fr .lkBox .ul1 li p { font-size: 15px; line-height: 36px; }
.proBox .fr .lkBox .ul2 li { width: 100%; padding: 4px 0px; }
.proBox .fr .lkBox .ul2 li a { line-height: 36px; }
.proBox .fr .lkBox .ul2 li a p { padding: 0 90px 0 24px; font-size: 15px; background: url(../images/index/icon23.png) no-repeat left 5px center; background-size: 13px; }
.proBox .fr .lkBox .ul2 li a span { font-size: 13px; }
/* 新闻资讯 */
.proBox .fr .dl dl { padding: 14px 0; margin-bottom: 0px; }
.proBox .fr .dl dl dt { width: 100px; }
.proBox .fr .dl dl dd { float: inherit; width: auto; padding-left: 110px; }
.proBox .fr .dl dl dd h3 { font-size: 15px; line-height: 22px; margin-bottom: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .dl dl dd p { font-size: 14px; line-height: 22px; height: 44px; margin-top: 0px; }
.proBox .fr .dl dl dd span.date { display: none }
.proBox .fr .dl dl dd span.more { display: none }
/* 新闻详情 */
.proBox .frBox .nsBox .tit { padding: 15px 0; }
.proBox .frBox .nsBox .tit h1 { font-size: 22px; margin-bottom: 10px; }
.proBox .frBox .nsBox .tit p { line-height: 20px; font-size: 13px; }
.proBox .frBox .nsBox .text img { width: 100% !important; height: inherit !important; max-width: 600px !important; }
.proBox .frBox .nsBox .text p, .proBox .frBox .nsBox .text span { text-indent: 0 !important }
.proBox .frBox .nsBox .text { padding: 0 }
/* 视频中心 */
.vdBox li { width: 50%; padding: 10px 6px; }
.vdBox li a { border-radius: 4px; }
.vdBox li .pho span { width: 40px; height: 40px; }
.vdBox li p { line-height: 36px; font-size: 15px; }
/* 关于我们 */
.abBox .box01 .text { width: 100%; padding-right: 0px; box-sizing: border-box; transform: translateY(0%); margin-top: 20px; }
.abBox .box01 .text h2 { font-size: 32px; line-height: 42px; }
.abBox .box01 .text h3 { font-size: 18px; font-weight: 500; line-height: 1.5; margin-top: 20px; }
.abBox .box01 .pho { width: 100%; }
.abBox .box02 { margin-top: 30px; }
.abBox .box02 img { width: 100%; float: inherit; margin: 0 0px 10px 0; }
.abBox .box02 .text p { font-size: 15px !important; }
.abBox h2.titl { font-size: 26px; margin: 20px 0; }
.abBox .lxBox { background: #f9f9f9; border: 1px solid #efefef; height: inherit }
.abBox .lxBox .map { width: 100%; height: 400px }
.abBox .lxBox .text { width: 100%; padding: 20px 16px 0; }
.abBox .lxBox .text h3 { font-size: 20px; margin-bottom: 10px; }
.abBox .lxBox .text p { font-size: 15px; line-height: 30px; }
}