﻿.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:83%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:93%;}}
@media screen and (min-width:412px) {html { font-size:94%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@media screen and (min-width:468px) {html { font-size:110%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:13.29rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

/*导航样式*/
.g-navcon { position:relative; clear:both;}
.g-navcon a { float:left; height:4.13rem; line-height:4.13rem; width:25%; text-align:center; display:block; font-size:1.17rem; color:#fff; position:relative; border-bottom:solid 1px #dcdcdc; background:#007ac7}
.g-navcon a:after { position:absolute; content:""; width:1px; height:100%; background:#dcdcdc; top:0%; right:0;}
.g-navcon a:nth-child(1),.g-navcon a:nth-child(2),.g-navcon a:nth-child(3),.g-navcon a:nth-child(4) { border-top:none;}
.g-navcon a:nth-child(5),.g-navcon a:nth-child(6),.g-navcon a:nth-child(7),.g-navcon a:nth-child(8) { border-bottom:none;}
.g-navcon a:nth-child(4n):before,.g-navcon a:nth-child(4n):after { background:none}

/*博瀚电子 · 监控产品*/
.m-bt01 { padding:1.5rem 0; text-align:center;}
.m-bt01 a { font-size:1rem; color:#666;}
.m-bt01 a em { display:block; font-size:2.67rem; color:#efefef; text-transform:uppercase; font-weight:bold; line-height:2.67rem;}
.m-bt01 a span { display:block; font-size:1.5rem; color:#333; margin:-1rem 0 0; line-height:1.5rem;}
.m-bt01 a i { display:block; width:1.67rem; height:3px; background:#007ac7; margin:0.75rem auto 0.5rem; font-size:0; line-height:0;}

.g-cp .m-cnt { display:block; margin:0 0.83rem 0.5rem; height:2.92rem; line-height:2.92rem; background:#007ac7 }
.g-cp .m-cnt li { float:left; width:33.3%; text-align:center; color:#fff; font-size:1rem; position:relative;}
.g-cp .m-cnt li:before { position:absolute; content:""; width:1px; height:2.92rem; background:#50ade7; top:0; right:0;}
.g-cp .m-cnt li:nth-child(3):before { background:none;}
.g-cp .m-cnt li.z-on { background:#005388;}

.g-cp01 .m-cnt { display:block; height:5.84rem; line-height:2.92rem; background:#007ac7 }
.g-cp01 .m-cnt li { float:left; width:50%; height:2.92rem; text-align:center; color:#fff; font-size:1rem; position:relative;}
.g-cp01 .m-cnt li:after { position:absolute; content:""; width:100%; height:1px; background:#50ade7; top:2.92rem; left:0;}
.g-cp01 .m-cnt li:nth-child(3):before { position:absolute; content:""; width:1px; height:2.92rem; background:#50ade7; top:0; right:0;}
.g-cp01 .m-cnt li:nth-child(2n):before { background:none;}

.g-cp .sclwrap_box{padding:0 0 2rem;}
.g-cp .con { float:left}
.g-cp .con i { display:block; width:25rem; margin:0 auto;}
.g-cp .con p { padding:0.92rem 0 0; height:28.13rem;}
.g-cp .con p a { display:block; width:12.08rem; float:left; margin:0 0 0.5rem 0.83rem; line-height:0;}
.g-cp .con p a img { width:12rem; height:10.58rem; border:solid 1px #e5e5e5;}
.g-cp .con p a em { height:2.83rem; line-height:2.83rem; text-align:center; color:#333; font-size:1rem; display:block; overflow:hidden;}
.g-cp .con span a { width:20rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#fff; background:#007ac7; text-align:center; display:block; margin:0 auto; border-radius:10rem;}
.g-yy { line-height:0;}

/*解决方案*/
.g-jj { position:relative; height:33.33rem; overflow:hidden;}
.g-jj .c-list { margin:0 0.83rem 0.83rem; height:2.92rem; line-height:2.92rem; background:#007ac7}
.g-jj .c-list li { float:left; width:33.3%; text-align:center; color:#fff; font-size:1rem; position:relative;}
.g-jj .c-list li:before { position:absolute; content:""; width:1px; height:2.92rem; background:#50ade7; top:0; right:0;}
.g-jj .c-list li:nth-child(3):before { background:none;}
.g-jj .c-list li.z-on { background:#005388;}

.m-cpcon { position:relative;}
.m-cpcon .prev { position:absolute; top:5.75rem; left:0.83rem; width:1.67rem; z-index:999;}
.m-cpcon .prev img { width:100%;}
.m-cpcon .next { position:absolute; top:5.75rem; right:0.83rem; width:1.67rem; z-index:999;}
.m-cpcon .next img { width:100%;}

.m-cpcon .no_ov { margin:0 0.83rem;}
.m-cpcon .sclwrap_box { height:16.75rem;}
.m-cpcon .no_ov .m-box .page { position:relative; float:left}
.m-cpcon .no_ov .m-box .page a { display:block;}
.m-cpcon .no_ov .m-box .page a img { width:25rem; height:13.75rem;}
.m-cpcon .no_ov .m-box .page a em { display:block; font-size:1rem; color:#333; line-height:3rem; text-align:center;}
.m-cpcon .m-but01 a { width:20rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#fff; background:#007ac7; text-align:center; display:block; margin:0 auto 5rem; border-radius:10rem;}

/*成功案例*/
.g-al { height:38rem;}
.g-al .m-cnt { display:block; margin:0 0.83rem 0.83rem; height:7.5rem; line-height:2.5rem; background:#007ac7; overflow:hidden;}
.g-al .m-cnt li { float:left; width:25%; text-align:center; color:#fff; font-size:0.83rem; position:relative; border-bottom:solid 1px #50ade7;}
.g-al .m-cnt li:before { position:absolute; content:""; width:1px; height:2.5rem; background:#50ade7; top:0; right:0;}
.g-al .m-cnt li:nth-child(4n):before { background:none;}
.g-al .m-cnt li.z-on { background:#005388;}

.g-al .sclwrap_box{ height:47.25rem; overflow:hidden}
.g-al .con { float:left}
.g-al .con i { display:block; width:25rem; margin:0 auto;}
.g-al .con i a img { width:25rem; height:13.75rem;}
.g-al .con i a em { display:block; text-align:center; height:2rem; line-height:2rem; color:#333; margin-bottom:1rem;}
.g-al .con .m-but01 a { width:20rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#fff; background:#007ac7; text-align:center; display:block; margin:0 auto 5rem; border-radius:10rem;}

/*博瀚电子 · 公司实力*/
.g-ys { height:34.58rem;}
.g-ys .sclwrap_box { height:23rem; overflow:hidden}
.g-ys .con { float:left}
.g-ys .con i { display:block; line-height:0; width:25rem; height:13.75rem; margin:0 auto;}
.g-ys .con dl { padding:1rem 0.83rem 0;}
.g-ys .con dl dt { background:#007ac7; width:2.38rem; height:3rem; line-height:3rem; text-align:center; font-size:1.67rem; color:#fff; border-bottom:solid 0.12rem #28acff; float:left;}
.g-ys .con dl dd { width:21.58rem; float:right;}
.g-ys .con dl dd a { font-size:1.25rem; color:#007ac7; font-weight:bold; display:block;}
.g-ys .con dl dd p { color:#333; line-height:1.5rem; padding:0.75rem 0 0;}

.g-ys .m-cnt{ padding:0 0 0.3rem 10rem;}
.g-ys .m-cnt li{ background:#e5e5e5; width:1rem; height:1rem; float:left; margin:0 0.83rem 0 0; 
border-radius:1rem;      
-webkit- border-radius:1rem;
-moz-border-radius:1rem;
-o-border-radius:1rem;}
.g-ys .m-cnt li.z-on{ background:#007ac7;}

/*服务流程*/
.m-lccon { background:url(/mobile/Images/Index/lc_bg.jpg) no-repeat; width:25.71rem; height:30.79rem; margin:0 auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.m-lccon em { display:block; padding:5rem 0 1.25rem; float:left; font-size:0.92rem; color:#333; width:4.58rem; text-align:center; margin:0 0.92rem;}
.m-lccon em:nth-child(13) { padding-left:6.4rem;}
.m-lcbot { width:25rem; height:5.75rem; padding:1.25rem 0 0; background:#c9c9c9; border-radius:0.3rem; margin:0 auto 1.75rem;}
.m-lcbot a { width:12.5rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#fff; background:#007ac7; text-align:center; display:block; margin:0 auto 0.5rem; border-radius:10rem;}
.m-lcbot span { font-size:1rem; color:#333; text-align:center; display:block;}
.m-lcbot span b { font-size:1.5rem; color:#007ac7;}

/*公司简介*/
.g-zj p { width:25rem; margin:0 auto;}
.g-zj p span { font-size:0.83rem; color:#333; line-height:1.5rem; padding:1rem 0 0; display:block;}
.g-zj p span a { color:#0626b1; font-weight:bold;}

/*企业快讯*/
.g-dt { padding:1.5rem 0 0;}
.g-dt .m-cnt  {display:block; height:3.67rem; margin-left:0.83rem;}
.g-dt .m-cnt li { float:left; width:12.42rem; height:3.25rem; line-height:3.25rem; text-align:center; color:#333; font-size:1rem; border:solid 1px #ebebeb;}
.g-dt .m-cnt li.z-on {  color:#fff; background:#007ac7;  border:solid 1px #007ac7;}

.g-dt .sclwrap_box { height:25.17rem}
.g-dt .con { float:left;}
.g-dt .con p { width:25rem; margin:0 auto;}
.g-dt .con p i { display:block; line-height:0; font-size:0;}
.g-dt .con p span { padding:1.25rem 0 0; display:block;}  
.g-dt .con p span a { font-size:1rem; color:#555; display:block; height:2.5rem;}
.g-dt .con p span a em { display:block; float:right; color:#9f9f9f} 
.g-dt .con p span a img { display:block; width:0.16rem; padding:0.5rem 0.5rem 0 0; float:left;}
.g-dt .con b a { width:20rem; height:2.5rem; line-height:2.5rem; font-size:1rem; color:#fff; background:#007ac7; text-align:center; display:block; margin:0 auto 5rem; border-radius:10rem; font-weight:normal;}

.g-dt .con p span b a { color:#fff; }