﻿*{margin: 0;padding: 0;font:normal 12px 'Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体','sans-serif';}
.clear{clear: both;}
@media screen and (min-width:1200px){header .container-fluid,.contact .container-fluid{padding-left:100px;padding-right: 100px;}}
@media screen and (max-width:1200px){header .container-fluid,.contact .container-fluid{padding-left:20px;padding-right:20px;}}
/*导航*/.navbar{margin-bottom: 0px;min-height: 83px;}
.navbar-default{border:none;background: none;border-radius: 0;}
.navbar-brand{height: auto;  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);padding: 0;}
.navbar-brand img{display: block;max-height: 60px;}
.navbar-collapse{position: absolute;  right: 0;  top: 0;  z-index: 10;}
.nav{float: none;padding-right: 170px;}
.navbar-default .navbar-nav>li>a{color:#666666;padding: 31px 30px; text-transform:uppercase;font-size: 16px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover{color:#008aff;border-bottom: 2px solid #008aff;background: none;}
.share{position: absolute;width: auto;right: 0;font-size: 0;top: 50%;transform: translateY(-50%);}
.share .shareicon{width: 25px;height: 25px;margin: 0 8px;display: inline-block;vertical-align: middle; position:relative;}
.share1{background: url("../img/share1.png") no-repeat;}
.share_icon1{background: url("../img/ch.png") no-repeat;}
.share2{background: url("../img/share2.png") no-repeat;}
.share3{background: url("../img/share3.png") no-repeat;}
.share4{background: url("../img/share4.png") no-repeat;}
.wecha-pic{width: 175px;height: 215px;margin-bottom: 10px;border: 1px solid #e2e2e2;background: #fff;position: absolute;z-index:999;display: none;top: 30px;left:-145px;}
.wecha-pic img{width: 100%;height: auto;}
.share2:hover .we1{display: block;}
.share3:hover .we2{display: block;}
@media (min-width: 768px){.navbar-nav>li{float: left;padding: 0 5px;}}
@media screen and (min-width: 1200px) and (max-width: 1434px){ .navbar-brand img{max-width: 306px;}
.navbar-default .navbar-nav>li>a{padding: 31px 15px;}}
@media screen and (min-width: 882px) and (max-width: 1200px){.navbar-default .navbar-nav>li>a{padding: 31px 5px;font-size:14px !important;}
.nav{right:19% ;}
.navbar-brand{padding:14px 15px;}
.navbar-brand img{max-width: 260px;height: auto;}}
@media screen and (min-width: 768px) and (max-width: 882px){.navbar-default .navbar-nav>li>a{padding: 31px 0px;font-size:14px !important;}
.share .shareicon{margin: 0 3px;}
.nav{right:17% ;padding-right: 130px;}
.navbar-brand img{max-width:206px;height: auto;}}
@media screen and (max-width: 768px){  .nav{position: static;}
.share{position:static;text-align: center;}
.share a{display: inline-block;}
.navbar-brand img{max-width: 215px;height: auto;}
.navbar-default .navbar-nav>li>a{text-align: center;}
.navbar-collapse {  position: static;  z-index: 10; padding: 0;}
.nav{padding:0 0 20px 0;}
.navbar-nav{margin:0;}}
@media screen and (width: 768px){ .navbar-collapse {  position: absolute;  right: 0;  top: 0;  z-index: 10;}
.nav {  padding: 0 130px 0 0; }
.share {  position: absolute;  width: auto;  right: 0;  font-size: 0;  top: 50%;  transform: translateY(-50%);  }
.navbar-brand{padding: 0;}}
/*图片轮播*/.bannertxt{z-index: 1000;position: absolute;top:35%;left:30%;}
.carousel-indicators .active{background-color:#008aff ;}
.carousel-indicators li{border:none;background-color: #ffffff; margin:0 5px;}
.carousel-inner>.item{width: 100%;padding-bottom: 40%;background: url(../img/banner1.jpg) no-repeat 50% 50%;background-size: cover;}
@media screen and (max-width:768px ){.carousel-inner>.item{padding-bottom: 49%;}}
/*我们的优势*/.advantage{padding: 95px 0;}
.advtxt{margin: auto;}
.adv_title{width: 100%;height: 62px;margin: auto;color:#333333; text-transform:uppercase;font-size: 20px;text-align: center;line-height: 62px;background: url("../img/adv_1.png") no-repeat 50% 50%;background-size: contain;}
.advtxt p{margin: auto;padding-top: 28px;text-align: center;font-size: 12px;color:#999999;}
.fouradv{padding-top:58px ;}
.adv_pic{position: relative;cursor: pointer;width: 198px;height: 227px;margin: auto;text-align: center;line-height: 227px;vertical-align: middle;background: url("../img/adv_2.png") no-repeat;-webkit-transition: background 0.4s ;-moz-transition: background 0.4s ;-ms-transition: background 0.4s ;-o-transition: background 0.4s ;transition: background 0.4s ;}
.adv_pic .advp_slow{display: inline-block;padding: 60px;background-size: contain;vertical-align: middle;-webkit-transition: transform 0.4s;-moz-transition: transform 0.4s;-ms-transition: transform 0.4s;-o-transition: transform 0.4s;transition: transform 0.4s;}
.adv_pic:hover .advp_slow{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
.adv_pic .slow_1{background: url("../img/4adv_1.png") no-repeat 50% 50%;}
.adv_pic:hover .slow_1{background: url("../img/4adv_1_.png") no-repeat 50% 50%;}
.adv_pic .slow_2{background: url("../img/4adv_2.png") no-repeat 50% 50%;}
.adv_pic:hover .slow_2{background: url("../img/4adv_2_.png") no-repeat 50% 50%;}
.adv_pic .slow_3{background: url("../img/4adv_3.png") no-repeat 50% 50%;}
.adv_pic:hover .slow_3{background: url("../img/4adv_3_.png") no-repeat 50% 50%;}
.adv_pic .slow_4{background: url("../img/4adv_4.png") no-repeat 50% 50%;}
.adv_pic:hover .slow_4{background: url("../img/4adv_4_.png") no-repeat 50% 50%;}
.pic_block{display: none;}
.adv_pic:hover{background: url("../img/4adv_blue.png") no-repeat;}
.adv_pic:hover .pic_none{display: none;}
.adv_pic:hover .pic_block{display: inline-block;width:100px;height:100px;}
.pictitle{padding-top: 20px;font-family: 微软雅黑;color:#333333;text-align: center;font-size: 20px;}
.fouradv p{max-width:250px ;margin: auto;text-align: center;padding-top: 15px;font-size: 12px;color:#999999;font-family: 微软雅黑;}
@media screen and (min-width:992px ){.btm_blank{padding-bottom: 153px;}
.top_blank{padding-top: 153px;}}
@media screen and (max-width:992px ){.btm_blank{padding-top: 20px;padding-bottom: 20px;}
.top_blank{padding-bottom: 20px;padding-top: 20px;}}
/*@media screen and (max-width:768px ){.advantage{padding: 60px 0;}
.btm_blank{padding-bottom: 50px;}
.top_blank{padding-top: 50px;}}*//*走进迈浦森*/.comeon{/*overflow: hidden;*//*position: relative;*/width:100%;height: auto;padding-bottom:50px;background-color: #f5f5f5;}
.comeon_pic{position: relative;width: 100%;background: url(../img/come.png) no-repeat;background-size:cover;}
.comtxt{padding-top: 70px;text-align: center;padding-bottom: 240px;}
.comtxt .com_title{color:#ffffff;}
.comtxt p{width:80%;margin: auto;padding-top: 28px;text-align: center;font-size: 12px;line-height: 25px;color:#ffffff;}
.comtxt .arrow{display: inline-block;text-align: center;margin-top: 50px;padding:20px 50px;background: url("../img/Arrow.png") no-repeat 50% 50%;background-size: contain;-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s;}
.comtxt .arrow:hover{background: url("../img/Arrow02.png") no-repeat 50% 50%;background-size: contain;}
.case{position: relative;width: auto;padding-top: 10px;}
.case .col-xs-12 ,.case .col-sm-6,.case .col-md-6,.case .col-lg-3{padding-right: 5px;padding-left: 5px;}
.case .container{background-color: #ffffff;padding: 5px 20px;z-index: 100}
.case img{width:100%;height: auto;display: block;}
.case_pic{display: block;position: relative;overflow: hidden;margin: 5px 0;}
.mask{display: block;position: absolute;top:0;left:0;opacity: 0;width:100%;height: 100%;padding:5px;background-color: rgba(0,0,0,0.6);-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.case_pic:hover .mask{opacity: 1;}
.mask .maskborder{display: block;width: 100%;height: 100%;text-align: center;padding-top: 30%;border:1px solid rgba(255,255,255,0.2);}
.maskborder .case_title{display: block;color:#ffffff;text-align: center;}
.case_title img{margin: auto;}
.mask img{width: 32px;height: 32px;margin-top: 10px;}
.case_read{position: absolute;width: 100%;height: 50px;text-align: center;line-height: 50px;bottom: 0;color:#FFFFFF;font-size: 15px;background-color: rgba(0,138,255,0.6);}
@media screen and (min-width: 1200px){
.case{margin-top: -220px;}
.case_read{display: none;}}
@media screen and (max-width: 1200px){.mask{display: none;}}
@media screen and (min-width: 992px) and (max-width: 1200px){
.case{margin-top: -220px;}
.case_read{height: 100px;line-height: 100px;font-size: 30px;}}
@media screen and (min-width: 768px) and (max-width: 992px){
.case{margin-top: -220px;}
.case_read{height: 50px;line-height: 50px;font-size: 20px;}}
@media screen and (min-width:312px) and (max-width:768px){
.case{margin-top: 0px;}
.case_read{height: 100px;line-height: 100px;font-size: 30px;}}
@media screen and (max-width:312px){
.case{margin-top: 0px;}
.case_read{height: 50px;line-height: 50px;font-size: 16px;}
.comtxt .arrow{padding-top: 30px;}}
@media screen and (max-width: 768px){.comtxt{padding-bottom: 40px;}}
/*新闻资讯*/.news{padding-top: 70px;padding-bottom: 80px;text-align: center;}
.news .news_pic{width: 100%;height: auto;padding-top: 65px;}
.news_pic .news_child{display: block;position: relative;float: left;width: 20%;height: auto;overflow: hidden;}
.news_child img{width: 100%;height: auto;}
.news_child .news_mask{position: absolute;top:0;left:0;width:100%;height:100%;color:#ffffff;background-color: rgba(0,138,225,0.3);}
.news_mask .news_title{margin: auto;width: 60%;padding-top: 25%;line-height: 17px;text-align: center;font-family: 微软雅黑;font-size: 16px;}
.news_title p{padding-top: 10px;font-size: 12px;}
.news .view_more{text-decoration: none;display: inline-block;padding-top: 65px;line-height: 35px;font-size: 18px;font-family: 微软雅黑;color:#008aff;border-bottom: 1px solid #008aff;}
.news .view_more:hover{color: #0459ff;}
@media screen and (min-width: 992px){.news_child img{-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.news_child:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.news_child .news_mask{opacity: 0;margin-top: 5px;background-color: rgba(0,138,225,0.95);-webkit-transition: opacity 1s,margin-top 0.5s;-moz-transition: opacity 1s,margin-top 0.5s;-ms-transition: opacity 1s,margin-top 0.5s;-o-transition: opacity 1s,margin-top 0.5s;transition: opacity 1s,margin-top 0.5s;}
.news_child:hover .news_mask{opacity: 1;margin-top: 0;}}
@media screen and (min-width:768px ) and (max-width:992px){.news_mask .news_title{margin: auto;width: 60%;padding-top: 20%;line-height: 16px;text-align: center;font-family: 微软雅黑;font-size: 12px;}}
@media screen and (max-width:768px ){.news_pic .news_child{position: relative;float: none;width: 80%;height: auto;margin:20px auto;}
.news .view_more{padding-top: 30px;font-size: 16px;}}
@media screen and (min-width:432px ) and (max-width: 768px){.news_mask .news_title{margin: auto;width: 50%;padding-top: 20%;line-height: 45px;text-align: center;font-family: 微软雅黑;font-size: 30px;}}
@media screen and (max-width:432px ){.news_mask .news_title{margin: auto;width: 50%;padding-top: 20%;line-height: 25px;text-align: center;font-family: 微软雅黑;font-size: 16px;}}
/*联系我们*/.contact{padding-top: 50px;background-color: #31343b;}
.con_left{float: left;width: 80%;padding-right: 20px;box-sizing:border-box}
.con_title{font-family: 微软雅黑;font-size:30px;color:#ffffff;line-height: 80px;font-weight: lighter;}
.details{padding:30px 0;border-top:1px solid rgba(255,255,255,0.2);width: 100%;color:#ffffff;font-size:14px ;line-height: 30px;vertical-align: middle;}
.details img{width: 14px;margin-right: 5px;}
.con_right{ width:20%; float:right;padding-top: 30px;padding-bottom: 30px;text-align: center;font-size: 14px;line-height: 30px;color:#999999;}
.con_right img{display: block;max-width: 100%;height: auto;margin: auto;}
@media screen and (min-width: 1200px){.con_left{width: 80%;}}
@media screen and (min-width: 992px){.con_right{float: right;text-align: center;font-size: 14px;line-height: 30px;color:#999999;}}
@media screen and (max-width: 768px){
	.con_left{width: 100%;}
	.con_right{ float:none;}
}
/*页脚*/footer{color:#c2c2c2;line-height:24px;text-align: center;font-size: 12px;background-color: #2b2e34;padding:20px 0;}
