/* 当前位置 */
.position{ font-size: 14px; padding: 20px 0; border-bottom: 1px dashed #ccc; margin-bottom: 20px; }
.position p{ padding-left: 12px; border-left: 5px solid #0b4ca6; }
.position a{ font-size: 14px;  }
/*.position a::after{ content: "》"; font-size: 14px; font-family: 宋体; padding: 0 10px;  }*/
.position a:last-child::after{ display: none;}
@media screen and (max-width:1024px){
	.position{display: none;}
}

/* 关于页面tab */
.tabnav{background-color: #e8e8e8;}
.tabnav ul{display: flex; justify-content: center;}
.tabnav ul li{ }
.tabnav ul li a{ display: block; padding: 15px 50px; border: 1px solid #fff; border-width: 0 1px; font-size: 16px;text-align: center; }
.tabnav ul li.cur a{  background-color: #0b4ca6; color: #FFFFFF; }
.tabnav ul li a:hover{ background-color: #0b4ca6; color: #FFFFFF;}
@media screen and (max-width:1024px){
	.tabnav{padding: 0;}
	.tabnav ul li{ flex:1;}
}
@media screen and (max-width:768px){
	.tabnav ul li a{padding: 15px 5px;}
}

/*侧边栏*/
.ylsort{ position:relative; width:20%; }
.sname{ padding:21px 14px; padding-bottom: 30px; background:#0b4ca6; position: relative;}
.sname::after{ content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 5px; left: 0; background-color: #FFFFFF;}
.sname h6{ font-size: 24px; color: #fff; font-weight: normal; }
.ylsort>ul{ margin-top:6px; margin-bottom: 10px; background:#fff}
.ylsort>ul>li{ height:65px;line-height:65px;display: block; text-indent:18px;font-size: 16px;color: #FFF; margin-top:3px; position:relative; width:auto; position: relative;}
.ylsort>ul>li i{ display: inline-block; background:url(../images/p-nor.png) center no-repeat; background-size: 15px; width: 35px; height: 65px; float: right; }
.ylsort>ul>li a{color: #666; display:block}
.ylsort>ul>li.cur{background: #0b4ca6;}
.ylsort>ul>li.cur i{background: url(../images/p-cur.png) center no-repeat #0b4ca6; background-size: 15px;}
.ylsort>ul>li.on{background: #0b4ca6;}
.ylsort>ul>li.on i{background: url(../images/p-cur.png) center no-repeat #0b4ca6;background-size: 15px;}
.ylsort>ul>li.cur a{color:#fff;}
.ylsort>ul>li.on a{color: #FFFFFF;}

.ylsort .nav-child{display: none; position: absolute; left: 100%; top:0; width: 100%; z-index: 2; }
.ylsort .nav-child ul{}
.ylsort .nav-child ul li{ background-color: #0b4ca6;}
.ylsort .nav-child ul li:hover{ background-color: rgb(17, 99, 213); }
.ylsort .nav-child ul li a{color: #FFFFFF; font-size: 14px; }

@media screen and (max-width:768px){
	.ylsort{ position:relative; width:105%; margin-top:-50px; background:#0d62aa; left:-2.5%}
	.ylsort ul{ margin-top:0px;}
	.ylsort>ul>li{ width:50%; float:left; border-bottom:1px solid #fff}
	.ylsort>ul>li:nth-child(5){ border-bottom:none}
	.sname{ display:none}
}

/*咨询热线*/
.left-fu{width:100%; background:#0b4ca6; margin-bottom:30px;}
.left-fu .gtel{ background:url(../images/icon-tel2.png) left center no-repeat; background-size: auto 90%; min-height:50px; padding-left:60px; margin:25px 0 25px 10px;}
.left-fu .gtel p{ font-size:18px; color:#fff;font-family:'Alternate'; padding-top: 6px; font-weight: bold;}
.left-fu .gtel span{ color:#fff; font-size:16px;}
.left-fu  img{ margin:16px 0;}
@media screen and (max-width:1024px){
	.ylsort{ display: none; }
}
@media screen and (max-width:768px){
	.left-fu{ display:none;}
}

/* 手机版产品菜单 */
.m_menu{ display: none; padding:21px 14px; margin-bottom: 10px; background:#0b4ca6; }
.m_menu h6{ color: #FFFFFF; font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 6px; }
.m_btn{width:26px;padding:24px 0 0; height:40px;cursor:pointer; margin: 0 auto;}
.m_btn a{display:block;width:100%;height:3px;background-color:#fff;position:relative;}
.m_btn a:before,
.m_btn a:after{content:"";display:block;width:100%;height:3px;background-color:#fff;position:absolute;left:0px; }
.m_btn a:before{top:-8px;}
.m_btn a:after{bottom:-8px;}
.m_menu .m_web{display: none; position: fixed;  top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: rgb(236, 236, 235);}
.m_menu .m_nav{}
.m_menu .m_nav li{ border-bottom: 2px solid #FFFFFF; color: #0b4ca6; font-size: 20px; }
.m_menu .m_nav li.all{ font-weight: bold; background-color: #FFFFFF; border-bottom: 1px solid rgba(255, 255, 255,1);padding: 15px 20px;}
.m_menu .m_nav li a{ position: relative; display: block; font-size: 18px; padding: 16px 20px; margin-right: 40px; color: #0b4ca6;}
.m_menu .m_nav li.all .m_btn{ margin: 0; float: right; padding-top: 12px;}
.m_menu .m_nav li.all .m_btn a{background-color: none; padding:0}
.m_nav li.all .m_btn a:before, .m_nav li.all .m_btn a:after{background-color: #0b4ca6; transform: rotate(40deg) translateY(10px);}
 .m_nav li.all .m_btn a:after{transform: rotate(-40deg) translateY(-10px);}
 
.m_menu .m_nav li a .icon{display:block;width:40px;height:100%;background:url(../images/icon-dd.png) no-repeat center center;position:absolute;right:-40px;top:0;z-index:2}
.m_menu .m_nav li a.cur .icon{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.m_menu .m_nav li .HwN2nd-box a{ background-color: #0b4ca6;margin-right: 0; color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}
@media screen and (max-width:1024px){
	.m_menu{display: block;}
}
@media screen and (max-width:768px){
	.m_menu{padding: 10px;}
	.m_menu h6{margin-bottom: 0;}
}

/*产品中心*/
.yy-ly{width:79%; margin-bottom: 60px;}
.yy-ly ul{}
.yy-ly li{ float: left; margin-left: 1%; background:#fff; box-sizing:border-box; border:1px solid #ccc; width:49%; padding-bottom: 20px; cursor:pointer; margin-bottom:16px; transition:all 0.5s}
.yy-ly li:hover{  border-color: #0d62aa;}
.yy-ly li .ypic{ overflow: hidden; display: flex; align-items: center; }
.yy-ly li .ypic img{ width:100%; transition: all 0.6s; }
.yy-ly li:hover .ypic img{ transform: scale(1.2); }
.yy-ly li .ycon{}
.yy-ly li .ycon p{ font-size:16px; color:#2a2a2a; text-align: center; margin-top:16px;}
@media screen and (max-width:1024px){
	.yy-ly{width: 100%;margin-bottom:40px}
	.yy-ly li{margin: 6px 0.5%;}
}
@media screen and (max-width:768px){
	.yy-ly{margin-bottom:30px}
	.yy-ly li{ width:100%;}
}



/* 系统介绍 */
.sysbox{ margin-top: 30px; }
.systitle{ text-align: center; }
.systitle h3{ font-size: 28px; font-weight: normal; position: relative; padding-bottom:25px; margin-bottom: 20px; }
.systitle h3::after{ content: ""; display: block; height: 5px; width: 200px; background-color: #0b4ca6; position: absolute; bottom: 0; left: 50%; margin-left: -100px; margin-bottom: -2px;}
.systitle h3::before{ content: ""; display: block; height: 1px; width: 100%; background-color: #CCCCCC; position: absolute; bottom: 0;  }
.systitle p{ padding: 0 120px; font-size: 18px;line-height: 36px;}
.systitle p.blue{ color: #0b4ca6; font-weight: bold;}
.systitle1{}
.systitle1 p{ padding: 0 40px; text-align: left; padding-top: 15px;text-indent: 2em; text-align: justify; }
@media screen and (max-width:1220px){
	.systitle h3{font-size: 26px;}
	.systitle p{padding: 0 50px;font-size: 16px; line-height: 30px;}
}
@media screen and (max-width:1024px){
	.systitle h3{font-size: 22px; padding-bottom: 20px;}
	.systitle p{padding: 0 0px;font-size: 14px; line-height: 26px;}
}
@media screen and (max-width:768px){
	.sysbox{margin-top: 15px;}
	.systitle h3{font-size: 20px; padding-bottom: 15px; }
	.systitle p{font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:480px){
	.systitle h3{ margin-bottom: 10px;}
	.systitle h3::after{display: none;}
}


/*  */
.inner_tit{padding-top: 50px;text-align: center;}
.inner_tit h2{margin-bottom: 10px; color: #333; font-size: 28px; font-weight: normal;}
.inner_tit p { font-size: 18px; line-height: 34px;}
@media screen and (max-width:1220px){
	.inner_tit h2{font-size: 26px;}
	.inner_tit p { font-size: 16px;}
}
@media screen and (max-width:1024px){
	.inner_tit{padding-top: 30px;}
	.inner_tit h2{font-size: 22px;}
	.inner_tit p { font-size: 14px;}
}
@media screen and (max-width:768px){
	.inner_tit h2{font-size: 18px; margin-bottom: 5px;}
}

/* 综合布线 - 误区 */
.wuqu{padding-top: 5px; margin: 36px 0; display: flex; flex-wrap:wrap;}
.wuqu dl{  width:calc(25% - 20px); padding:20px;border-radius:10px;background-color:rgb(245, 245, 245);transition: transform 0.3s; margin-right: 20px; }
.wuqu dl:last-child{margin-right: 0; width: 25%;}
.wuqu dl:hover{box-shadow: 0 0 5px #ccc;}
.wuqu dl .img{ overflow: hidden; margin-bottom: 15px;}
.wuqu dl .img img{width: 100%; transition: all 0.3s;}
.wuqu dl:hover .img img{transform: scale(1.3);}
.wuqu dl h3{color:#333;font-size:16px;font-weight: normal; line-height: 28px; margin-bottom: 10px;}
.wuqu dl h3 span{ font-weight: bold; color: #0b4ca6; }
.wuqu dl p{color:#666;font-size:14px;margin-top:10px;text-align: center;}
@media screen and (max-width:1220px){
	.wuqu dl h3{line-height: 26px;}
	.wuqu dl p{margin-top: 5px;}
}
@media screen and (max-width:1024px){
	.wuqu{margin: 20px 0;}
	.wuqu dl{width: calc(50% - 20px); margin-bottom: 20px;}
	.wuqu dl:nth-child(2n){width: calc(50%); margin-right: 0;}
	
}
@media screen and (max-width:768px){
	.wuqu dl{width: calc(100%)!important; margin-right: 0!important; margin-bottom: 15px;}
	.wuqu dl h3{font-size: 14px; line-height: 22px;}
}

/* 我们的优势1 */
.ysbox{background: url(../images/yousi_bg.jpg) no-repeat center; background-size: cover;}
.ysbox .inner_tit{color: #FFFFFF;}
.ysbox .inner_tit h2{color: #FFFFFF;}
.ys{margin-top: 50px; padding-bottom: 100px;}
.ys ul{ display: flex;}
.ys ul li{ width: 33.33%; background-color:#e6eff6;}
.ys ul li.img{overflow: hidden; display: flex; align-items: center; flex-direction: column; }
.ys ul li.img img{ transition: all 0.2s; height: 100%;}
.ys ul li.img:hover img{ transform: scale(1.2); }
.ys ul li .cont{padding: 20px;}
.ys ul li .cont h3{ font-size: 24px; font-weight: normal; color: #0b4ca6;margin-bottom: 15px;} 
.ys ul li .cont p{ font-size: 16px; font-weight: normal; line-height: 30px;} 
@media screen and (max-width:1220px){
	.ys ul li .cont h3{font-size: 22px;margin-bottom: 10px;}
	.ys ul li .cont p{ line-height: 26px;} 
}
@media screen and (max-width:1024px){
	.ys{margin-top: 30px; padding-bottom: 60px;}
	.ys ul{ flex-direction: ;}
	.ys ul li{ width: 100%; margin-top: 10px; }
	.ys ul li.img{display: none;}
	.ys ul li .cont h3{font-size: 22px;margin-bottom: 10px;}
	.ys ul li .cont p{ line-height: 26px;} 
}
@media screen and (max-width:768px){
	.ys{margin-top: 20px; padding-bottom: 40px;}
	.ys ul{ flex-direction: column;}
	.ys ul li .cont h3{font-size: 16px;margin-bottom: 10px;}
	.ys ul li .cont p{ font-size: 14px; line-height: 26px;}
}


.ys2 ul{margin-top: 50px;}
.ys2 ul li{width: 20%; float: left; padding: 0 15px;}
.ys2 ul li .img{ width: 100%; }
.ys2 ul li .img img{ width: 100%; }
.ys2 ul li .img:hover img{/* transform: translateY(-10px); */ animation: example 0.5s;}
.ys2 ul li .cont{ text-align: center; }
.ys2 ul li .cont h3{ margin: 20px 0 10px; font-size: 18px; }
.ys2 ul li .cont p{ font-size: 16px;  }
@keyframes example{
	0% { transform: translateY(0px); }
	20% { transform: translateY(-10px); }
	40% { transform: translateY(0); }
	60% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}
@media screen and (max-width:1024px){
	.ys2 ul li{width: 33.3%; }
	.ys2 ul li .cont p{height: 80px;}
}
@media screen and (max-width:768px){
	.ys2 ul li .cont h3{ margin: 20px 0 10px; font-size: 16px; }
	.ys2 ul li .cont p{ font-size: 14px;  }
}
@media screen and (max-width:480px){
	.ys2 ul{margin-top: 20px;}
	.ys2 ul li{width: 100%; }
	.ys2 ul li .img{display: none;}
	.ys2 ul li .cont{ text-align: left; }
	.ys2 ul li .cont h3{ margin: 20px 0 10px; font-size: 14px; }
	.ys2 ul li .cont p{ font-size: 14px; height: auto;}
}


/* 成功案例 */
.prslist{background-color: #f7f7f7;margin-top:60px; padding-bottom: 60px;}
.ng-prslist ul{margin-left:-10px;margin-right:-10px;margin-top: 50px;}
.ng-prslist ul li{width:25%;float:left;padding:2px 12px}
.ng-prslist-doc{padding:10px;background-color:#fff;margin:0 0 20px;}
.ng-prslist ul li:hover .ng-prslist-doc{box-shadow:0 0 6px #cbcbcb}
.ng-prslist-img{width:100%;overflow:hidden;position:relative}
.ng-prsliik{width:100%;height:100%;}
.ng-prsliik .ng-prsliik-ki{width:100%;height:200px;overflow:hidden;display: flex; align-items: center;}
.ng-prsliik .ng-prsliik-ki img{width: 100%; transition: all 0.3s; }
.ng-prsliik .ng-prsliik-ki:hover img{ transform: scale(1.12);}
.ng-prslist-kiks{height:100%;display:table;width:100%;position:relative;overflow:hidden;vertical-align:middle;text-align:center}
.ng-prslist-kiks>span{display:table-cell;vertical-align:middle;text-align:center}
.ng-prslist-kiks>span img{max-width:100%;max-height:100%;display:block}
.ng-prslist-tit{margin:10px 0 2px;overflow:hidden;height:100px;line-height:26px;color:#9e9e9e;text-align:left;}
.ng-prslist-tit>span{color:#000;font-size: 16px;margin-right:12px;display: block; }
.ng-prslist-tit>p{font-size: 14px;color: #333;}

.ng-prslist a.more{ font-size: 14px; text-align: center; width: 140px; left: 50%; margin-top: 30px; margin-left: -70px; }
a.more{ font-size: 12px; display: inline-block; padding: 5px 25px; border: 2px solid #0b4ca6; overflow: hidden; position: relative; z-index: 1; }
a.more::before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: #0b4ca6; left: -100%; top: 0;z-index: -1; transition: all 0.3s; }
a.more:hover{color: #fff;}
a.more:hover::before{  left: 0; }
@media screen and (max-width:1220px){
	.ng-prsliik .ng-prsliik-ki{height: 150px;}
}
@media screen and (max-width:1024px){
	.ng-prsliik .ng-prsliik-ki{height: 240px;}
	.ng-prslist ul li{width: 50%;}
	.ng-prslist a.more{width: 100%; left: 0; margin-top: 20px; margin-left: 0; }
	a.more{ padding: 15px 25px; text-align: center;}
}
@media screen and (max-width:768px){
	.prslist{padding-bottom: 30px; margin-top: 40px;}
	.ng-prslist ul{margin-top: 20px;}
	.ng-prslist ul li{width: 100%;}
	.ng-prslist-doc{margin-bottom: 10px; padding: 14px;}
}
@media screen and (max-width:480px){
	.ng-prsliik .ng-prsliik-ki{height: 200px;}
}


/* 安防系统 */
.anfang{display: flex; margin-top: 40px; margin-left: -30px; margin-right: -30px;}
.anfang .item{margin: 0 30px; flex: 1; }
.anfang .item .pic{ overflow: hidden; }
.anfang .item .pic img{ width: 100%; transition: all 0.3s; }
.anfang .item .pic:hover img{ transform: scale(1.06); }
.anfang .item .txt{ background-color: #f3f3f3; margin-top: 5px; padding: 20px; }
.anfang .item .txt h3{ font-size: 18px;color: #333; }
.anfang .item .txt p{ font-size: 16px; line-height: 28px; margin-top: 10px; }
@media screen and (max-width:1220px){
	.anfang{ margin-left: -10px; margin-right: -10px;}
	.anfang .item{margin: 0 10px; }
}
@media screen and (max-width:768px){
	.anfang{flex-direction: column;}
	.anfang .item{ flex: none; margin-bottom: 30px;}
}
@media screen and (max-width:480px){
	.anfang{margin-top: 20px;}
	.anfang .item{ flex: none; margin-bottom: 20px;}
	.anfang .item .txt{padding: 15px;}
	.anfang .item .txt h3{font-size: 16px; }
	.anfang .item .txt p{font-size: 14px; line-height: 24px; }
}

/* 后端视频 */
.houduan{height: 630px; margin-top: 60px; display: flex;  align-items: center; position: relative; }
.houduan::before{ content: ""; z-index: -1; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/houduan.jpg) center no-repeat; background-size: auto 100%; }
.houduan .cont{ margin-left: 55%; font-size: 16px; line-height: 36px; }
@media screen and (max-width:768px){
	.houduan{height: auto; margin-top: 20px; flex-direction: column;}
	.houduan::before{ height: 330px; position: static; background-size: auto 110%; background-position: left;}
	.houduan .cont{ margin-left: 0%; margin-top: 20px; line-height: 32px; }
}
@media screen and (max-width:480px){
	.houduan{ margin-top: 10px;  }
	.houduan::before{ height: 200px; }
	.houduan .cont{ font-size: 14px; line-height: 28px; margin-top: 10px; }
}

/* 前端视频 */
.qdcon{}
.qdcon .qd {margin-top: 30px;}
.qdcon .qd ul{margin: 0 -35px; display: flex; flex-wrap: wrap;}
.qdcon .qd ul li{ width: calc(33.33% - 70px); margin: 20px 35px; position: relative; overflow: hidden;}
.qdcon .qd ul li img{ width: 100%; }
.qdcon .qd ul li .over{position: absolute; width: 100%; top:100%; transition: all .3s;}
.qdcon .qd ul li:hover .over{ top: 0; }
@media screen and (max-width:1220px){
	.qdcon .qd ul{margin: 0 -20px; }
	.qdcon .qd ul li{ width: calc(33.33% - 40px); margin: 20px; }
}
@media screen and (max-width:1024px){
	.qdcon .qd ul{margin: 0 -15px; }
	.qdcon .qd ul li{ width: calc(50% - 30px); margin: 15px; }
}
@media screen and (max-width:480px){
	.qdcon .qd{margin-top: 10px;}
	.qdcon .qd ul{margin: 0 -15px; }
	.qdcon .qd ul li{ width: calc(100% - 30px); margin: 5px 15px; }
}

/* security */
.security{ padding: 60px 0 190px; margin-top: 30px; background: url(../images/securitybg.jpg) center no-repeat; background-size: cover; }
.security p{color: #FFFFFF;padding: 0 30px; text-align: center; line-height: 34px; font-size: 16px;}
.security .img{ text-align: center; margin-top: 50px; }
@media screen and (max-width:1220px){
}
@media screen and (max-width:1024px){
	.security{ padding: 50px 0 100px;  }
	
}
@media screen and (max-width:480px){
	.security{ padding: 20px 0; }
	.security p{padding: 0; font-size: 14px; line-height: 30px;}
	.security .img{display: none;}
}

/* control */
.control{margin-top: 80px;}
.control .pic{ width: 46%; }
.control .pic img{ width: 100%; float: left;}
.control .txt{ width: 48%; float: right; }
.control .txt p{font-size: 16px;line-height: 36px; }
.control .txt .systitle h3{ text-align: left; }
.control .txt .systitle h3::after{left: 0; margin-left: 0; width: 140px; }
@media screen and (max-width:1024px){
	.control .txt .systitle h3::after{ width: 120px;}
	.control .txt p{line-height: 32px; }
}
@media screen and (max-width:768px){
	.control{margin-top: 40px;}
	.control .pic{ display: none;}
	.control .txt{width: 100%;}
	.control .txt .systitle h3{ text-align: center; }
	.control .txt .systitle h3::after{display: none;}
}
@media screen and (max-width:480px){
	.control{margin-top: 30px;}
	.control .txt p{font-size: 14px; }
}


/* 无线覆盖系统 */
.wt{margin: 50px 0; height: 630px;  background: url(../images/wt.png) no-repeat center;background-size: auto 100%; position: relative;}
.wt .item{ position: absolute; width: 230px; }
.wt .item.item1{ left: 50%;  margin-left: -125px; top: 276px; }
.wt .item.item2{ top: 100px; left: 160px; }
.wt .item.item3{ top: 20px; left: 460px; }
.wt .item.item4{ top: 100px; right: 160px; }
.wt .item.item5{ top: 360px; left: 100px; }
.wt .item.item6{ top: 360px; right: 100px; }
.wt .item .pic{text-align: center;}
.wt .item .pic img{}
.wt .item .txt{ text-align: center;}
.wt .item .txt h3{margin-bottom: 5px; font-size: 22px; font-weight: normal;}
.wt .item .txt p{ font-size: 14px;line-height: 30px;}
@media screen and (max-width:1220px){
	.wt{display: flex; flex-wrap: wrap; align-items: center;}
	.wt .item{ position: static; width: 33.33%; padding: 0 10px; display: block; }
	.wt .item.item1{ margin-left: 0; }
}
@media screen and (max-width:1024px){
	.wt{height: auto;}
	.wt .item .txt h3{font-size: 20px;}
}
@media screen and (max-width:480px){
	.wt{background: none; margin: 20px 0 0;}
	.wt .item{ width: 100%; padding: 10px 0; }
	.wt .item .txt p{margin: 10px 0; line-height: 24px;}
}

/* 优势 */
.advantage{}
.adR{background-color: #f7f7f7;}
.advantage .adR dl dt{ float: right;  }
.advantage .adR dl dd{ float: left; }
.advantage dl{ padding-top: 50px; padding-bottom: 50px;}
.advantage dl dt{ width: 49%; float: left; }
.advantage dl dd{ width: 49%; float: right; }
.advantage dl dt img{ width: 100%; }
.advantage dl dd h2{ margin-top: 50px; font-size: 24px; line-height: 36px; font-weight: normal; color: #333;  }
.advantage dl dd p{margin-top: 50px; line-height: 30px;font-size: 14px;}
@media screen and (max-width:1220px){
	.advantage dl dd h2{ margin-top: 10px; font-size: 22px; line-height: 36px; }
	.advantage dl dd p{ margin-top: 20px; line-height: 30px;font-size: 14px;}
}
@media screen and (max-width:1024px){
	.advantage dl{ padding-top: 40px; padding-bottom: 40px;}
	.advantage dl dt{ width: 100%; float: none!important; }
	.advantage dl dd{ width: 100%; float: none!important; text-align: center; }
	.advantage dl dd h2{line-height: 28px; font-size: 20px; margin-top: 10px;}
	.advantage dl dd p{line-height: 26px; margin-top: 10px;}
}
@media screen and (max-width:480px){
	.advantage dl dd h2{ font-size: 18px; /* font-weight: bold; */}
	.advantage dl dd p{line-height: 26px; margin-top: 5px;}
	.advantage dl{ padding-top: 20px; padding-bottom: 20px;}
}

/* 门禁系统 */
.list1{margin-top: 30px;}
.list1 ul{margin: 0 -20px;}
.list1 ul li{width: 25%;float: left; padding: 0 20px; }
.list1 ul li .pic{}
.list1 ul li .pic img{ width: 100%; }
.list1 ul li .pic:hover img{ width: 100%;  animation: example 0.5s;}
.list1 ul li .txt{ text-align: center; margin-top: 20px; }
.list1 ul li .txt h4{font-weight: bold; font-size: 16px; color: #0b4ca6;line-height: 30px;}
.list1 ul li .txt p{ font-size: 14px; line-height: 30px; }
@media screen and (max-width:1220px){
	.list1 ul li .txt p{ line-height: 24px; }
}
@media screen and (max-width:1024px){
	.list1{margin-top: 20px;}
	.list1 ul{margin: 0 -20px; display: flex; flex-wrap: wrap; }
	.list1 ul li{width: 50%; float: none; padding: 20px;}
}
@media screen and (max-width:480px){
	.list1{margin-top: 10px;}
	.list1 ul{margin: 0 ;}
	.list1 ul li .txt{ margin-top: 10px; }
	.list1 ul li{width: 100%; float: none; padding: 5px 0;}
}

.yban{margin-top: 50px; }
.yban p{background-color: #0b4ca6; font-size: 26px;color: #FFFFFF; text-align: center; padding: 20px;}
.yban .pic{margin-top: 50px;}
.yban .pic img{ width: 100%;}

.yban .pic.pic2{background: url(../images/13059689.jpg) no-repeat center; background-size: cover; height: 700px; padding: 60px 0; text-align: right;}
.yban .pic.pic2 h3{ font-size: 28px; font-weight: normal; text-align: center; }
.yban .pic.pic2 img{ width: auto; margin-top: 60px;}
@media screen and (max-width:1220px){
	.yban .pic.pic2{height: 500px;}
	.yban .pic.pic2 img{ height: 340px; margin-top: 30px;}
}
@media screen and (max-width:1024px){
	.yban{ margin-top: 30px; }
	.yban .pic{margin-top: 30px;}
	
	.yban .pic.pic2{height: 400px; padding: 30px 0;}
	.yban .pic.pic2 h3{ font-size: 22px;}
	.yban .pic.pic2 img{ height: 280px; margin-top: 30px;}
}
@media screen and (max-width:768px){
	.yban .pic.pic2 h3{ font-size: 18px;}
}
@media screen and (max-width:480px){
	.yban {margin-top: 20px;}
	.yban p{font-size: 18px; padding: 15px 10px;}
	.yban .pic{margin-top: 20px;}
	
	.yban .pic.pic2{height: 300px; padding: 30px 0;}
	.yban .pic.pic2 img{ height: 200px; margin-top: 30px;}
}

/* 对比 */
.list2{ margin-top: 30px; }
.list2 ul {margin: 0 -20px;}
.list2 ul li{width: 33.333%; float: left;  padding: 20px;}
.list2 ul li .pic{ overflow: hidden; }
.list2 ul li .pic img{ width: 100%; transition: all .3s; }
.list2 ul li .pic:hover img{ transform: scale(1.3); }
.list2 ul li .txt{ margin-top: 20px; font-size: 16px; text-align: center; }
@media screen and (max-width:1220px){
	.list2 ul {margin: 0 -15px;}
	.list2 ul li{ padding: 15px;}
}
@media screen and (max-width:1024px){
	.list2 ul {margin: 0 -10px;display: flex; flex-wrap: wrap;}
	.list2 ul li{ padding: 10px; float: none;}
}
@media screen and (max-width:768px){
	.list2 ul li{width: 50%; padding: 10px;}
	.list2 ul li .txt{margin-top: 10px;}
}
@media screen and (max-width:480px){
	.list2{margin-top: 0;}
	.list2 ul li{width: 100%; float: none;}
}

/* 关于我们 */
.abcont{ padding-bottom: 90px;}
.abcont .ab dl dt{width: 520px; float: left; box-shadow: 0px 7px 18px rgb(153, 153, 153);}
.abcont .ab dl dt img{ width: 100%; }
.abcont .ab dl dd{ float: right; width: 650px;}
.abcont .ab dl dd p{ line-height: 30px; font-size: 14px; }
.abcont .ab dl dd p em{ color: #0b4ca6; font-weight: bold; font-style: normal; }
@media screen and (max-width:1220px){
	.abcont .ab dl dt{width: 38%; }
	.abcont .ab dl dd{width: 60%; }
}
@media screen and (max-width:1024px){
	.abcont{padding-bottom: 50px;}
}
@media screen and (max-width:768px){
	.abcont{ padding-bottom: 30px;}
	.abcont .ab dl dt{width: 100%;float: none;}
	.abcont .ab dl dd{width: 100%; margin-top: 30px; float: none;}
}
@media screen and (max-width:480px){
	.abcont{ padding-bottom: 20px;}
	.abcont .ab dl dd{margin-top: 15px;}
}

/* 联系我们 */
.contact{ border: 1px solid #999; padding: 30px 0; }
.contact ul{ padding: 0 30px; width: 50%; float: left; border-right: 1px solid #dddddd; }
.contact ul:last-child{ border-right: 0; }
.contact ul li{padding: 15px 0; line-height: 28px; padding-left: 60px; margin: 15px 0; border-bottom: 1px solid #ddd; font-size: 16px;background: no-repeat left center; background-size: 35px; }
.contact_map{height: 450px;border: 1px solid #ccc;}
.BMapLabel{padding: 10px!important; margin-left: ; margin-top: -10px; font-size: 14px!important; display: ;}
.BMap_bubble_content{line-height: 26px; font-size: 14px}
@media screen and (max-width:1024px){
	.contact ul{ padding: 0 30px; width: 100%; float: none; border-right: 0; }
}
@media screen and (max-width:780px){
	.contact{  padding: 20px 0; }
	.contact ul li{ font-size: 14px; }
	.contact_map {height: 400px;}	
	.contact_map img{ max-width:100%;}	
}
@media screen and (max-width:480px){
	.contact{  padding: 10px 0; }
	.contact ul li{ font-size: 14px; margin: 10px 0; }
}

/* 工程案例 */
.case{width:100%;padding:0 0 55px 0;background:#fff;float:left}
.case ol{width:100%;float:left}
.case ol li{width:100%;height:153px;border: 0; border-bottom:1px dashed #ddd;margin-top:0;float:left;padding-bottom:20px; margin-bottom: 20px; }
.case ol li .date{width:125px;height:133px;float:left; display: flex; justify-content: start; align-items: center; flex-direction: column; }
.case ol li .date h3{ font-size: 46px; line-height: 60px; font-weight: normal;  }
.case ol li .date p{ font-size: 24px; padding-top: 15px; margin-top: 10px; border-top: 1px solid #ddd; }
.case ol li .img{width:195px;height:133px;float:left;overflow:hidden}
.case ol li .img img{width:195px;height:133px;transition:all .4s;-ms-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}
.case ol li:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}
.case ol li .cen{width:calc(100% - 230px);height:133px;float:left;margin-left:25px}
.case ol li .cen h2{width:100%;height:26px;font-size:18px;overflow:hidden;float:left;margin-top:10px}
.case ol li:hover .cen h2{color:#09f}
.case ol li .cen p{width:100%;height:50px;line-height:24px;color:#666;float:left;margin-top:5px;overflow:hidden}
.case ol li .cen span{color:#999;float:left;margin-top:20px;line-height: 15px;}
.case ol li .cen i{float: right;margin-top:20px;line-height: 15px; color: #999999; padding-left: 25px; background: url(../images/icon_read.png) no-repeat left center; background-size: auto 100%;}
@media screen and (max-width:1199px){
.case ol li{height:auto}
.case ol li .img img{width:100%;height:auto}
}
@media screen and (max-width:1024px){
	.case{padding:20px 0}
}
@media screen and (max-width:767px){
	.case ol li { height: 100px; }
	.case ol li .img{width: 120px; height: 80px;}
	.case ol li .date{width: 80px; height: 100px; justify-content: start;}
	.case ol li .date h3{font-size: 30px; line-height: 30px; }
	.case ol li .date p{font-size: 18px; padding-top: 10px;}
	.case ol li .cen{width:calc(100% - 135px); margin-left: 10px; height: 100px;}
	.case ol li .cen h2{margin-top: 0;}
	.case ol li .cen p{margin-top: 0; line-height: 20px; height: 40px;}
	.case ol li .cen span{ margin-top: 5px; }
	.case ol li .cen i{ margin-top: 5px; margin-right: 2px; }
	.case{ margin-left: 0!important;}
}


/* 新闻中心 */
.news{width:100%;padding:0 0 55px 0;background:#fff;float:left}
.news ol{width:100%;float:left}
.news ol li{width:100%;height:153px;border: 0; border-bottom:1px dashed #ddd;margin-top:0;float:left;padding-bottom:20px; margin-bottom: 20px; }
.news ol li .date{width:125px;height:133px;float:left; display: flex; justify-content: start; align-items: center; flex-direction: column; }
.news ol li .date h3{ font-size: 46px; line-height: 60px; font-weight: normal;  }
.news ol li .date p{ font-size: 24px; padding-top: 15px; margin-top: 10px; border-top: 1px solid #ddd; }
.news ol li .img{width:195px;height:133px;float:left;overflow:hidden}
.news ol li .img img{width:195px;height:133px;transition:all .4s;-ms-transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}
.news ol li:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1)}
.news ol li .cen{width:calc(100% - 160px);height:133px;float:left;margin-left:25px}
.news ol li .cen h2{width:100%;height:26px;font-size:18px;overflow:hidden;float:left;margin-top:10px}
.news ol li:hover .cen h2{color:#09f}
.news ol li .cen p{width:100%;height:50px;line-height:24px;color:#666;float:left;margin-top:5px;overflow:hidden}
.news ol li .cen span{color:#999;float:left;margin-top:20px;line-height: 15px;}
.news ol li .cen i{float: right;margin-top:20px;line-height: 15px; color: #999999; padding-left: 25px; background: url(../images/icon_read.png) no-repeat left center; background-size: auto 100%;}

@media screen and (max-width:1199px){
.news ol li{height:auto}
.news ol li .img img{width:100%;height:auto}
}
@media screen and (max-width:1024px){
	.news{padding:20px 0}
}
@media screen and (max-width:767px){
	.news ol li { height: 100px; }
	.news ol li .img{width: 120px; height: 80px;}
	.news ol li .date{width: 80px; height: 100px; justify-content: start;}
	.news ol li .date h3{font-size: 30px; line-height: 30px; }
	.news ol li .date p{font-size: 18px; padding-top: 10px;}
	.news ol li .cen{width:calc(100% - 90px); margin-left: 10px; height: 100px;}
	.news ol li .cen h2{margin-top: 0;}
	.news ol li .cen p{margin-top: 0; line-height: 20px; height: 40px;}
	.news ol li .cen span{ margin-top: 5px; }
	.news ol li .cen i{ margin-top: 5px; margin-right: 2px; }
}


/* 案例内容 */
.newtitle{margin-bottom: 30px; text-align: center;}
.newtitle h3{color: #0b4ca6; font-size: 24px; font-weight: normal; margin-bottom: 30px;}
.newtitle p{font-size: 12px;}
.newtitle p span{padding-left: 20px; margin-left: 30px; background: url(../images/icon-view.png) no-repeat left center; background-size: auto 100%;}

.content{ font-size: 14px; line-height: 30px;margin-bottom: 50px;}
.content img{ max-width: 100%; }

.prev, .next{line-height: 30px;padding-left: 17px;}
.prev{background: url(../images/prev.png) no-repeat left center; background-size: auto 40%;}
.next{background: url(../images/next.png) no-repeat left center; background-size: auto 40%;}
.prev a,.next a{font-size: 14px;}
.prev a:hover, .next a:hover{color: #0b4ca6;}


/* 工程案例 */
.case{ margin-left:1%; }
.case dl{ position: relative; }
.case dl:nth-child(1){ display: block; }
.case dl dt{ height: 653px; }
.case dl dt img{ width: 100%; height: 653px; }
.case dl dd{ position: absolute; bottom: 0; width: 100%; background-color: rgba(11, 76, 166, 0.73); color: #fff; padding: 20px 60px; }
.case dl dd .txt{ width: 70%; font-size: 16px; float: left; line-height: 30px; }
.case dl dd .tel{ width: 25%; font-size: 18px; float: right; padding-left: 70px; background: url(../images/icon-tel2.png) no-repeat left center; background-size: 45px; }
.case dl dd .tel p{ font-size: 14px; }
.case dl dd .tel h3{ font-size: 18px; margin-top: 5px; }
@media screen and (max-width: 1024px) {
.case{background-color: #FFFFFF; margin-top: 15px;}
.case dl dt{height: auto;}
.case dl dt img{height: auto;}
.case dl dd{ padding: 15px 30px; }
.case dl dd .tel{padding-left: 50px;}
}
@media screen and (max-width: 768px) {
.case dl dd{ position: static; padding: 15px 20px; margin-top: 10px;}
.case dl dd .txt{ width: 100%; font-size: 14px; line-height: 20px;; }
.case dl dd .tel{ width: 100%; margin-top: 10px; background: none; padding-left: 0}
.case dl dd p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }
}
@media screen and (max-width: 480px) {
.case dl dd{padding: 6px 10px;}
}




/* 幼儿园接送系统 */
/* 背景介绍 */
.jsbj{ padding-bottom: 50px; margin-top: 50px;}
@media(max-width: 768px){
.jsbj .systitle h3::after{display: block; width: 150px; height: 4px; margin-left: -75px;}
	.jsbj{padding-bottom: 20px; margin-top: 30px;}
}

/* 功能架构 */
.funct{}
.funct .inner_tit { text-align: center;}
.funct_main{ padding-top: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.funct_main .item{ margin-bottom: 3.8%;text-align: center;width: 24%;color: #333; }
.funct_main .item_{ width: 100%;height: 100%;border: 1px solid #ddd;border-radius: 5px; }
.funct_main .item .icon{width: 100%;padding-top: 30px;text-align: center;margin-bottom: 20px; }
.funct_main .item .icon img{ width: 60px;transition: .3s ease-out; }
.funct_main .item .h1{font-size: 26px;line-height: 42px;}
.funct_main .item .line{width: 30px;transition: .3s ease-out;height: 2px;background: #0b4ca6;margin: 20px auto}
.funct_main .item .text{ font-size: 16px;color: #333;line-height: 30px;padding: 0 20px; padding-bottom: 30px; }

.funct_main .item:hover .icon img{transform: rotateY(180deg)}
.funct_main .item:hover .line{width: 70px}
.funct_img{}
.funct_img img{ width: 100%; }
@media(max-width: 1024px){
	.funct_main{ margin-bottom: 20px;}
	.funct_main .item{width: 49%; margin-bottom: 2%;}
}
@media(max-width: 768px){
		.funct_main{ margin-bottom: 40px;}
    .funct_main .item{width: 100%;}
    .funct_main .item:last-child{margin-bottom: 0}
		.funct_main .item .h1{ font-size: 20px;}
		.funct_main .item .icon{ padding-top: ;}
		.funct_main .item .line{margin: 10px auto;}
}
@media(max-width: 480px){
		.funct_main .item .h1{font-size: 18px;}
}


/* 应用场景 */
.f_app{padding-top: 30px;}
.f_app .inner_tit{ padding-top: 80px; }

.f_data{ }
.f_data .inner_tit{ padding-top: 80px; }
.f_data .pic{ padding-top: 30px; text-align: center; }
.f_data .pic img{ max-width: 100%; }


/* 宝贝在线 */
.pect{ padding-top: 30px; }
.pect .item{}
.pect .item .item_{height: auto;}
.pect .item .item_2 {background-color: #0b4ca6; margin-top: 10px; border-radius: 5px; }
.pect .item .item_2 .text{ padding: 30px 20px; color: #FFFFFF; }


.pect1{}
.pect1 .inner_tit{ padding-top: 80px; }
.pect1 .pic{ text-align: center; }
.pect1 .pic img{ max-width: 100%; }

.pect3{}
.pect3 .inner_tit{ padding-top: 80px;}
.pect3 .bg1{ background-color: #edeeee;}
.pect3 .pic{ margin-top: 30px; }
.pect3 .pic img{ max-width: 100%; }

.p_style1{ padding-top: 50px;}
.p_style1 ul{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
.p_style1 ul li{ font-size: 16px; line-height: 30px; border: 1px solid #ddd; width: 49%; border-radius: 10px; padding: 20px; margin: 10px 0; }

.p_style2{ padding-top: 30px;}
.p_style2 dl{ background-color: #ecfdf7; padding: 40px 0;}
.p_style2 dl:first-child{ background-color: #eef2fb; }
.p_style2 dl:last-child{ padding-top: 0;}
.p_style2.bgf{ padding-top: 0; }
.p_style2.bgf dl{ background-color: #FFFFFF; padding-top: 0;}
.p_style2.bgf dl dt{ width: 100%; padding-right: 0; }
.p_style2.bgf dl dt .img{width: 20%; text-align: center;}
.p_style2.bgf dl dt .text{width: 80%; text-align: left; padding-left: 30px;}
.p_style2 dl .contain{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.p_style2 dl dt{width: 70%; padding-right: 40px; display: flex; flex-wrap: wrap; align-items: center;}
.p_style2 dl dt .img{width: 40%;}
.p_style2 dl dt .img img{max-width: 100%;}
.p_style2 dl dt .text{ width: 50%; padding-left: 30px; font-size: 18px; line-height: 34px; text-align: justify;}
.p_style2 dl dd{width: 30%;font-size: 18px; text-align: center; line-height: 30px;}
.p_style2 dl dd img{ max-width: 100%; }
.p_style2 dl dd p{ padding-top: 20px; }
.p_style3{ padding: 40px 0;}
.p_style3 ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.p_style3 ul li{ width: 31%; margin: 15px 0; border: 4px solid #0B4CA6; border-radius: 15px; padding: 30px; position: relative; }
.p_style3 ul li span{ display: block; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; text-align: center; background-color: #0B4CA6; border: 3px solid #FFFFFF; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.5); color: #FFFFFF; font-size: 26px; position: absolute; left: -30px; top: -30px; }
.p_style3 ul li h3{ font-size: 20px; color: #333333; padding-bottom: 10px;}
.p_style3 ul li p{ font-size: 16px; color: #666666; line-height: 28px;}

.p_style4{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.p_style4 .img{ width: 42%; }
.p_style4 .img img{ max-width: 100%; }
.p_style4 .text{ width: 46%; padding-top: 30px; }
.p_style4 .text h3{ font-weight: normal; margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: flex-start;}
.p_style4 .text h3 span{ width: 50px; text-align: center; font-size: 18px; color: #FFFFFF; background-color: #0B4CA6; padding: 8px 0; border-radius: 0 25px 25px 0; display: inline-block; }
.p_style4 .text h3 p{ width: calc(100% - 50px); padding-left: 15px; font-size: 18px; line-height: 30px; display: inline-block; }

@media(max-width: 1024px){
	.p_style2 dl dt .text{ width: 60%; font-size: 14px; line-height: 26px;}
	.p_style2 dl dd{ font-size: 14px; line-height: 26px;}
	
	.p_style3 ul li{width: 48%;}
	.p_style3 ul li span{ left: -10px; }
	
	.p_style4 .text{ width: 52%; }
	.p_style4 .text h3{ margin-bottom: 15px; }
	.p_style4 .text h3 p{font-size: 16px; line-height: 26px;}
}
@media(max-width: 768px){
	.f_data .inner_tit{padding-top: 40px;}
	.pect1 .inner_tit{padding-top: 40px;}
	.p_style2 dl dt{width: 100%; padding-right: 0; text-align: center;}
	.p_style2 dl dt .img{width: 100%;}
	.p_style2 dl dt .text{padding-left: 0; width: 100%; padding-top: 20px; text-align: center;}
	.p_style2 dl dd{width: 100%; padding-top: 20px; }
	.p_style2 dl dd p{ padding-top: 10px; }
}
@media(max-width: 480px){
	.pect3 .inner_tit{ padding-top: 40px;}
	.pect3 .pic{margin-top: 20px;}
	.p_style1{padding-top: 20px;}
	.p_style2.bgf dl dt .img{width: 100%; padding: 0 10px; margin-bottom: 10px;}
	.p_style2.bgf dl dt .text{width: 100%; padding-left: 0; padding: 0 10px;}
	.p_style3{padding: 20px 0;}
	.p_style3 ul li{width: 100%; margin: 10px 0; padding: 20px; }
	.p_style3 ul li span{width: 40px; height: 40px; line-height: 40px; top: -20px; font-size: 20px; }
	.p_style3 ul li h3{font-size: 18px;}
	
	.p_style4 .img{width: 100%; }
	.p_style4 .text{width: 100%; text-align: justify; }
}



/* 幼儿园公用部分 */
.ysjs{padding-top: 60px;}
.ysjs .ysTit{ padding-bottom: 60px; background-color: #0B4CA6; }
.ysjs .ysTit h2{ font-size: 36px; color: #FFFFFF; }
.ysjs .ysTit p{ color: #FFFFFF; }
.ysjs .pic{padding-top: 40px; padding-bottom: 50px; text-align: center;}
.ysjs .pic img{ max-width: 100%;}
@media(max-width: 1024px){
	.ysjs .ysTit{ padding-bottom: 40px;}
	.ysjs .ysTit h2{ font-size: 30px; }
}
@media(max-width: 768px){
	.ysjs .ysTit h2{ font-size: 24px;}
	.ysjs .pic{padding-top: 20px; padding-bottom: 30px; }
}
@media(max-width: 480px){
	.ysjs .ysTit{ padding-bottom: 20px;}
}


.wp-pagenavi {CLEAR: both; MARGIN:0 auto; WIDTH: 100%; PADDING: 30px 0 30px; TEXT-ALIGN: center}
.wp-pagenavi a {
BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px;BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;border-radius:5px;
}
.wp-pagenavi a:hover {
BORDER-LEFT-COLOR:#3055a3; BORDER-BOTTOM-COLOR:#3055a3; BORDER-TOP-COLOR:#3055a3; BORDER-RIGHT-COLOR:#3055a3;background:#3055a3; color:white; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px;
}/*当前指上页码的边框色*/
.wp-pagenavi a.page-num-current {
BORDER-LEFT-COLOR:#3055a3; BORDER-BOTTOM-COLOR:#3055a3; BORDER-TOP-COLOR:#3055a3; BORDER-RIGHT-COLOR:#3055a3; background:#3055a3; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; PADDING-TOP: 5px; border:#3055a3 1px solid;border-radius:5px;
color:#fff;
}/*当前选中页码的背景色*/
.text-norecord{ font-size:14px; line-height:35px;}
@media screen and (max-width: 640px) {
.m640{ display:none;}
}