/* pc业务分类 */



.indexpro .pc{padding-bottom: 0.2rem;}







.indexpro .pc .classbox{display: flex; padding-top: 0.4rem}



.indexpro .pc .classbox li{float: left;flex:1;color: #000; margin: 0 0.25rem;}



.indexpro .pc .classbox li mip-img{}



.indexpro .pc .classbox li h2{ font-size:0.15rem; color:#414145; border-bottom:1px solid #d9d9d9; padding-bottom:0.05rem; margin-bottom:0.2rem; flex:1; }



.indexpro .pc .classbox li strong{ font-size: 18px;  color:#1461ae; font-family: "Swis721 BlkCn BT"; font-weight:bold; text-align:center;  }



.indexpro .pc .classbox li:hover mip-img{  background-color: rgb( 0, 0, 0 ); box-shadow: 3.5px 6px 5px 3px rgba( 144, 147, 148,.6 );}







/* pc关于我们 */



.about .pc{padding-bottom: 1rem;}



.about .pc .aboutbox{  background:url(../image/bj.jpg) center no-repeat ;height: 3.5rem; position: relative;}



.about .pc .aboutleft{ position: absolute; top: 0.4rem; left: 0.4rem}



.about .pc .leftbox{/*width:3.15rem; height:4.11rem;*/ box-shadow: 2.5px 4.33px 5px 0px rgba( 112, 117, 118,.6 );}

.about .pc .leftbox iframe{    height: 260px;width: 400px;}



.about .pc .leftbox mig-img{ width:3.15rem; height:4.11rem;display: inline-block;vertical-align: middle;}



.about .pc .aboutbox .content{ padding-top:0.28rem; margin-left:5rem; color:#fff;}



.about .pc .content .title { margin-bottom:0.2rem; position:relative; height:0.36rem; line-height:0.36rem;}



.about .pc .content .title i{ height:; width:0.7rem; position:absolute; left:0; top:0; background:#fff;}



.about .pc .content .title strong{ font-size:0.18rem; padding-top:0.04rem; font-weight:bold; display:block; }



.about .pc .content .title .more{ position:absolute; right:0.5rem; top:0; padding: 0 0.14rem; font-size:14px; color:#fff; text-align:center; line-height:0.3rem; height:0.3rem; border:0.01rem solid #fff;} 



.about .pc .content .title .more:hover{ overflow:hidden; border-radius:0.04rem; }



.about .pc .content .text{  padding: 0 0.25rem 0 0; margin-bottom: 0.5rem; font-size:0.14rem; line-height:0.24rem;}











/* pc业务范围 */







.product .pc { background:#e5e5e5; padding-bottom: 0.5rem; }



.product .pc .proclass{width: 8.6rem; height: auto; overflow: hidden; margin: 0.4rem auto}



.product .pc .proclass ul{width: 8.6rem; height: auto; overflow: hidden; display: flex; justify-content: center;flex-wrap: wrap}



.product .pc .proclass ul li{  margin-right: 0.2rem; margin-bottom: 0.2rem}



.product .pc .proclass ul li a{display:inline-block; padding:0rem 0.2rem; font-size:0.14rem; color:#555555;   line-height:0.28rem; border:0.01rem solid #acacac; border-radius:0.15rem;text-align:center;}



.product .pc .proclass ul li a:hover{ border:1px solid #0064c7; color:#0064c7;}



.product .pc .procontent ul {width: 12rem ; height: auto; overflow: hidden; margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between}



.product .pc .procontent ul li{width:2rem; height:auto; overflow: hidden;  margin: 0.1rem 0.15rem; background: #fff;}



.product .pc .procontent ul li mip-img{background: #fff; width: 2rem; height: 1.5rem; display: inline-block;}



.product .pc .procontent ul li p{text-align: center;font-size: 0.14rem; line-height: 0.35rem; background: #cccccc; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }



.product .pc .procontent ul li:hover p{ color:#0064c7;  background:url(../image/06.png) 1.8rem 0.12rem no-repeat #cccccc;}



.product .pc .more { margin:0.3rem auto 0 auto; color:#888888; border:1px solid #bbbbbc; font-size:0.14rem;  display:block; width:1.5rem; height:0.30rem; line-height:0.3rem; text-align:center;}



.product .pc .more:hover{  color:#0064c7; border:1px solid #0064c7;}







/* pc经典案例 */



.case .pc { padding-bottom:0.8rem; height:8rem;}



.case .pc .caseleft{ width:5.49rem; display: inline-block;vertical-align: middle; text-align:left;}



.case .pc .title { margin-bottom:0.25rem; display:block; position:relative; color:#2b4e72 } 



.case .pc .title strong{ font-size:0.18rem; font-weight:bold;}



.case .pc .title span{ font-size:0.14rem;}



.case .pc .title .more{  width: 0.8rem; float: right;color:#2b4e72; text-align: right;font-size:0.16rem; height: 0.3rem }



.case .pc .caseleft .lefttop a{ display:block;}



.case .pc .caseleft .lefttop mip-img{ width:5.49rem; height:2.24rem;}



.case .pc .caseleft .lefttop h1 { margin:0.25rem 0; }



.case .pc .caseleft .lefttop h1 a{ font-size:0.18rem; color:#2b4e72; font-weight:bold;}



.case .pc .caseleft .lefttop p{line-height: 0.24rem; font-size: 0.14rem;}



.case .pc .caseleft .leftfoot{ padding-top:25px; border-top:1px solid #dadada; margin-top:25px;}



.case .pc .caseleft .leftfoot li a{ display:block; font-size:14px; line-height:32px; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



.case .pc .caseleft .leftfoot a:hover{ color:#379aa6 !important; text-decoration:underline;  }



.case .pc .caseright{ width: 5.88rem; float: right;display: inline-block;vertical-align: middle; text-align:left;}



.case .pc .caseright .right li{ margin-bottom:0.22rem; display: block; height:0.8rem; padding:0.1rem; position:relative;  background:url(../image/line_bk.png) 0.95rem center no-repeat #eeeeee;    }



.case .pc .caseright .right li .box{  position: relative;  }



.case .pc .caseright .right li .text_box{margin: 0 0px 0 1.05rem;   position:relative;  }



.case .pc .caseright .right li p{  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-top:0.08rem; font-size:0.14rem; color:#666666;}



.case .pc .caseright .right li a{  padding-top:0.05rem; display:block;  color:#444444; font-size:16px;  }



.case .pc .caseright .right li a:hover{ color:#0c608f;}



.case .pc .caseright .right .date{ position:absolute; left:0px; top:0px; text-align: center; width:1.05rem; padding:0.1rem 0; }



.case .pc .caseright .right .date strong{    display:block; font-size: 0.3rem;  color:#444444; font-weight:bold;}



.case .pc .caseright .right .date span{ font-size: 0.14rem; color: #444444;   display:block; text-transform: uppercase;}



.case .pc .caseright .right li:hover{ background:url(../image/line_bk_hover.png) 0.95rem center no-repeat #2b4e72;}



.case .pc .caseright .right li:hover .date strong{  color:#fff;}



.case .pc .caseright .right li:hover .date span{  color:#fff;}



.case .pc .caseright .right li:hover a{ color:#fff; }



.case .pc .caseright .right li:hover p{ color:#fff; }















/* pc公司动态 */







.contact .pc { height: 6.52rem;}



.contact .pc .main{padding-top: 1.5rem;color: #fff;}



.contact .pc .left{width: 4.85rem;  float: left;}



.contact .pc .left h2{ font-size: 0.2rem; margin-bottom: 0.4rem;}



.contact .pc .left .tel{background:url(../image/tel.png) left 10px no-repeat;font-size:0.14rem; line-height:0.4rem; padding-left:0.3rem;}



.contact .pc .left .map{background:url(../image/map.png) left 10px no-repeat;font-size:0.14rem; line-height:0.4rem; padding-left:30px;}



.contact .pc .left .er{width: 1.43rem;font-size:0.14rem; line-height:0.25rem; text-align: center;}



.contact .pc .left .er mip-img{width: 1.43rem;height: 1.43rem; display: inline-block;margin-top: 0.3rem}



.contact .pc .left .wei{}



.contact .pc .right { width: 6rem; float: right;}



.contact .pc .right h2{float:left;font-size: 0.2rem; margin-bottom: 0.2rem;}



.contact .pc .right p{  border-right: 1px solid #fff; line-height: 0.2rem; margin-top: 0.05rem; padding-left: 0.2rem; margin-right: 0.2rem; float: left;}



.contact .pc .right span{display: inline-block; font-size: 0.15rem;line-height: 0.3rem;}



.contact .pc .right input{ border:none; height:0.45rem; width: 2.7rem;  line-height:0.45rem; padding:0 0.1rem; font-size:0.14rem; color:#a8a8a9;}



.contact .pc .right textarea{ width:6rem;  resize:none; height:1.5rem; line-height:1.3em; padding:0.1rem; font-size:0.14rem; color:#a8a8a9;}



.contact .pc .right ul{ margin-top: 0.2rem;}



.contact .pc .right li{ height: 0.45rem; margin-bottom: 0.15rem;  }



.contact .pc .msgleft{float: left; margin-right: 0.3rem; position:relative;}



.contact .pc .msgleft div{position: absolute; right:0rem; top:0.17rem; color:#F00; display:block;}



.contact .pc .msgright{ float:right; margin-left: 0.3rem}



#msgBtn { width: 6rem !important; height: .50rem !important; margin: 0 auto !important; margin-top: .20rem !important; text-align: center !important; font-size: .20rem !important; color: #fff !important; background-color: #183b5e !important; border-radius: 0.1rem }



/*



友情链接*/











/*M产品分类*/



.indexpro .mobile{}



.indexpro .mobile .classbox{display: flex; width: 5.4rem; margin: 0 auto;height: 2.26rem;padding-top: 0.4rem;overflow-x: scroll;}



.indexpro .mobile .classbox li{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display: block;text-align: center;padding:0.2rem 0.1rem;}



.indexpro .mobile .classbox li mip-img{width: 1.62rem; height: 0.98rem; display: block; margin: 0 auto;}



.indexpro .mobile .classbox li h2{ font-size:0.15rem; color:#414145; border-bottom:1px solid #d9d9d9; padding-bottom:0.05rem; margin-bottom:0.2rem; -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;  text-align: left;}



.indexpro .mobile .classbox li strong{ font-size: .18rem;  color:#1461ae; font-family: "Swis721 BlkCn BT"; font-weight:bold; text-align:left;  }



.indexpro .mobile .classbox li:hover mip-img{  background-color: rgb( 0, 0, 0 ); box-shadow: 0.035rem 0.06rem 0.05rem 0.03rem rgba( 144, 147, 148,.6 );}



/*M关于我们*/



.about .mobile .aboutbox{background: #2b4e72; height: 3.2rem; position: relative; margin: 0.8rem 0 0.8rem 0;}



.about .mobile .aboutleft{ /*position: absolute;*/ top: -0.25rem; left: 0.15rem}



.about .mobile .leftbox{width:100%; height:2.56rem; background-color: rgb( 43, 78, 114 ); box-shadow: 0.025rem 0.043rem 0.05rem 0px rgba( 112, 117, 118,.6 );}

.about .mobile .leftbox iframe{
	    margin-top: 1%;
    margin-left: 12%;
}

.about .mobile .leftbox mig-img{ width:3.15rem; height:3.56rem;display: inline-block;vertical-align: middle;}



.about .mobile .aboutbox .content{ padding-top:0.28rem; margin-left:3.15rem; color:#fff;position:relative;}



.about .mobile .content .title { margin-bottom:0.2rem;  height:0.36rem; line-height:0.36rem;}



.about .mobile .content .title i{ height:0.02rem; width:0.7rem; position:absolute; left:0;  background:#fff;}



.about .mobile .content .title strong{ font-size:0.18rem; padding-top:0.04rem; font-weight:bold; display:block; }



.about .mobile .content .more{ position:absolute; left:0rem; bottom:-0.5rem; padding: 0 0.14rem; font-size:0.14rem; color:#fff; text-align:center; line-height:0.3rem; height:0.3rem; border:0.01rem solid #fff;} 



.about .mobile .content .more:hover{ overflow:hidden; border-radius:0.04rem; }



.about .mobile .content .text{  padding: 0 0.15rem 0 0; margin-bottom: 0.5rem; font-size:0.14rem; line-height:0.24rem;}











/*M业务范围*/



.product .mobile { background: #e5e5e5; padding-bottom: 0.5rem;}



.product .mobile .proclass ul{width: 5.6rem; margin: 0 auto;height: auto; overflow: hidden; display: flex; justify-content: center;flex-wrap: wrap;}



.product .mobile .proclass ul li{ margin-right: 0.1rem; margin-bottom: 0.2rem}



.product .mobile .proclass ul li a{display:inline-block; padding:0rem 0.2rem; font-size:0.14rem; color:#555555;   line-height:0.28rem; border:0.01rem solid #acacac; border-radius:0.15rem;text-align:center;}



.product .mobile .proclass ul li a:hover{border:1px solid #0064c7; color:#0064c7; }



.product .mobile .procontent{text-align: center;}



.product .mobile .procontent a{width:2.64rem;height:auto;display: inline-block;vertical-align: middle;overflow: hidden;background-color: #fff;text-align: center;margin:0.05rem;}



.product .mobile .procontent a mip-img{width: 2.64rem;height:1.98rem;}



.product .mobile .procontent a .tit{font-size: 0.27rem;color: #3f3f3f; background: #cccccc; line-height:0.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.product .mobile .more { margin:0.3rem auto 0 auto; color:#888888; border:1px solid #bbbbbc; font-size:0.18rem;  display:block; width:1.8rem;  line-height:0.35rem; text-align:center;}



.product .mobile .more:hover{  color:#0064c7; border:1px solid #0064c7;};}



/*M经典案例*/







.case .mobile{}



.case .mobile .title { margin-bottom:0.25rem;position:relative; color:#2b4e72; width: 5.6rem; margin: 0 auto; padding-bottom: 0.2rem; border-bottom: 0.02rem solid #2b4e72;} 



.case .mobile .title strong{ font-size:0.24rem; font-weight:bold; display: inline-block;vertical-align: middle; line-height: 0.3rem;}



.case .mobile .title span{ font-size:0.18rem;display: inline-block;vertical-align: middle;line-height: 0.3rem;}



.case .mobile .title .more{  width: 0.6rem; float: right;color:#2b4e72; text-align: right;font-size:0.18rem; height: 0.3rem;vertical-align: middle;line-height: 0.3rem; }



.case .mobile .caseleft{width: 5.6rem; margin: 0 auto; }



.case .mobile .caseleft .lefttop a{ display:block;}



.case .mobile .caseleft .lefttop mip-img{ width:5.49rem; height:2.24rem ; padding-top: 0.15rem; margin: 0 auto;}



.case .mobile .caseleft .lefttop h1 { margin:0.25rem 0; }



.case .mobile .caseleft .lefttop h1 a{ font-size:0.18rem; color:#2b4e72; font-weight:bold;}



.case .mobile .caseleft .lefttop p{line-height: 0.24rem; font-size: 0.18rem;}



.case .mobile .caseleft .leftfoot{ padding-top:0.2rem; border-top:0.01rem solid #dadada; margin:0.2rem 0 0.5rem 0;}



.case .mobile .caseleft .leftfoot li a{ display:block; font-size:0.18rem; line-height:0.38rem; color:#444444; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}



.case .mobile .caseleft .leftfoot a:hover{ color:#2b4e72 !important;  }



.case .mobile .caseright{ width: 5.6rem; margin: 0 auto; }



.case .mobile .caseright .right ul{padding-top: 0.2rem;}



.case .mobile .caseright .right li{ margin-bottom:0.22rem; display: block; height:0.8rem; padding:0.1rem; position:relative;  background:url(../image/line_bk.png) 1.15rem center no-repeat #eeeeee;    }



.case .mobile .caseright .right li .box{  position: relative;  }



.case .mobile .caseright .right li .text_box{margin: 0 0px 0 1.25rem;   position:relative;  }



.case .mobile .caseright .right li p{  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin-top:0.08rem; font-size:0.18rem; color:#666666;}



.case .mobile .caseright .right li a{  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding-top:0.05rem; display:block;  color:#444444; font-size:0.18rem;  }



.case .mobile .caseright .right li a:hover{ color:#0c608f;}



.case .mobile .caseright .right .date{ position:absolute; left:0px; top:0px; text-align: center; width:1.25rem; padding:0.1rem 0; }



.case .mobile .caseright .right .date strong{    display:block; font-size: 0.3rem;  color:#444444; font-weight:bold;}



.case .mobile .caseright .right .date span{ font-size: 0.18rem; color: #444444;   display:block; text-transform: uppercase;}



.case .mobile .caseright .right li:hover{ background:url(../image/line_bk_hover.png) 0.95rem center no-repeat #2b4e72;}



.case .mobile .caseright .right li:hover .date strong{  color:#fff;}



.case .mobile .caseright .right li:hover .date span{  color:#fff;}



.case .mobile .caseright .right li:hover a{ color:#fff; }



.case .mobile .caseright .right li:hover p{ color:#fff; }







.contact .mobile {height: 4.51rem}



.contact .mobile .right { width:5.6rem; margin: 0 auto; color: #fff;padding-top: 0.45rem;}



.contact .mobile .right h2{float:left;font-size: 0.2rem; margin-bottom: 0.2rem; }



.contact .mobile .right p{  line-height: 0.2rem; margin-top: 0.05rem; padding-left: 0.2rem; margin-right: 0.2rem; float: left;}



.contact .mobile .right span{display: inline-block; font-size: 0.15rem;line-height: 0.3rem;}



.contact .mobile .right input{ border:none; height:0.45rem; width: 2.7rem;  line-height:0.45rem; padding:0 0.1rem; font-size:0.14rem; color:#a8a8a9;}



.contact .mobile .right textarea{ width:5.6rem;  resize:none; height:1.3rem; line-height:1.3em; padding:0.1rem; font-size:0.14rem; color:#a8a8a9;}



.contact .mobile .right ul{ margin-top: 0.2rem;}



.contact .mobile .right li{ height: 0.45rem; margin-bottom: 0.15rem;  }



.contact .mobile .msgleft{float: left; margin-right: 0.1rem;position:relative;}



.contact .mobile .msgleft div{position: absolute; right:0rem; top:0.17rem; color:#F00; display:block;}







.contact .mobile .msgright{ float:right; margin-left: 0.1rem}



#msgBtn { width: 5.6rem !important;  height: .50rem !important; margin: 0 auto !important; margin-top: .20rem !important; text-align: center !important; font-size: .20rem !important; color: #fff !important; background-color: #183b5e !important; border-radius: 0.1rem }