strong{display:block;}
/*top*/
#top{height:40px;width:100%;line-height:40px;border-bottom: 1px solid #ccc;}
#top .top-left p{font-size:14px;color:#333;}
#top .top-right{height:40px;}
#top .top-right span a{display:inline-block;line-height:40px;background:url(../images/icon1.png) left center no-repeat;padding-left:25px;font-size:14px;color:#000;}/*****logobox*****/
.logobox{position:relative;}
.media,.media .media{margin-top:0;}
.logo{margin-top:12px;float:left;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{height:100px;width:730px;float:right;}
#nav ul>li{float:left;width:14.28%;text-align:center;position:relative;line-height:100px;}
#nav ul>li>a{display:block;font-size:16px;font-weight:bold;color:#333;}
#nav ul>li:hover a{background:#2373c8;color:#fff;}
#nav ul .submenu1{position:absolute;width:1200px;height:60px;line-height:60px;top:100px;z-index:99;background:#2373c8;padding-left:91px;display:none;}
#nav ul .submenu1 li{line-height:60px;float:left;}
#nav ul .submenu1 li a{text-align:left;font-size:14px;display:block;/*width:60px;*/line-height:60px;color:#fff;font-weight:bold;padding:0 20px;}
#nav ul .submenu1 li a:hover{color:#52e0ff;}
/*product*/
.title{height:40px;line-height:40px;margin-bottom:10px;}
.title ul.product-menu{float:left;}
.title ul.product-menu li{display:inline-block;}
.title ul.product-menu li a{display:block;font-size:16px;padding:0 10px;margin-right:10px;}
.title ul.product-menu li.active a{background:#2373c8;border-radius:50px;color:#fff;}
.title .more2{float:right;}
.product-box{width:100%}
.product-box li{width:240px;float:left;}
.product-box li a{display:block;position:relative;margin:5px;overflow:hidden;border-radius:10px;}
.product-box li a img{height:130px;width:100%;}
.product-box li a p{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#000;color:#fff;text-align:center;line-height:28px;}
.product-box li a:hover p{background:#3176c6;}

/*wrap1*/
.wrap-left{width:292px;float:left;}
.pic-banner{position:relative;}
.pic-banner .bd li{height:1.9rem;width:100%;overflow: hidden;}
.pic-banner .bd li a{display:block;}
.pic-banner .bd li a b{display:block;height:1.9rem;}
.pic-banner .bd li a b>img{width:100%;height:100%;}
.pic-banner .bd li span{display:block;position: absolute;bottom: 0;left: 0px;height: 30px;background: rgba(0,0,0,.7);z-index: 1;color: #FFF;line-height: 30px;font-size: 14px;width:100%;padding-left:15px;box-sizing: border-box;}
.pic-banner .hd {position: absolute;z-index: 1;right: 15px;bottom: 2px;text-align: center;}
.pic-banner .hd li {display: inline-block;width:8px;height:8px;border-radius:50px;background:#fff;overflow: hidden;margin: 0px 3px;cursor: pointer;}
.pic-banner .hd li.on {background:#ed850a;color:#fff;}

.wrap-center{width:556px;float:left;margin-left:20px;}
.wrap-center p{color:#666;line-height:1.4;}
.wrap-center ul{margin-top:10px;}
.wrap-center ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;height:30px;}
.wrap-center ul li span{float:right;color:#888;}
.wrap-center ul li a{background:url(../images/news-ico.png) left center no-repeat;padding-left:8px;}

.wrap-right{width:312px;float:right;}
.wrap-right a{display:block;}

/*footer*/
.footer{width:100%;background:#f8f8f8;padding:15px 0;}
.footer p{font-size:14px;color:#333;text-align:center;line-height:1.5;}


/*内页样式*/
#nav-position {border: 1px solid #ddd;padding: 3px 10px;margin-top: 30px;background: #fff;line-height: 40px;}
#main-box {margin-top: 30px;}
.submenu-box {border: 1px solid #ddd;background: #fff;}
.submenu-box h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 5px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}
.submenu-box li a span {float: right;}

/*#main-con img {max-width: 100%;}*/

.left-lianxi {border:1px solid #ddd;}
.left-lianxi h1 {font-size: 16px;background: #2155ae;padding: 8px 12px;color: #fff;}
.left-lianxi li span {display: inline-block;text-align: center;width: 20px;color: #ccc;}
.left-lianxi ul {padding: 10px;line-height: 2;}


.mainLeft{width:240px;float:left;z-index:10000;}
.mainLeft .LeftCateg{background:#fff;border:1px solid #eee;}
.mainLeft .LeftCateg .LeftCateg-tit{background:url(../images/lefttit.png) no-repeat;;color:#fff;height: 78px;text-align: center;padding-top:20px;}
.mainLeft .LeftCateg .LeftCateg-tit h3{font-size:24px;line-height:38px;font-weight: bold;}
.mainLeft .LeftCateg .LeftCateg-tit p{font-size:.14rem;line-height:1.2;text-transform: uppercase;}
.mainLeft .LeftCateg ul li{background: linear-gradient(#fff, #ececec);line-height:44px;padding:4px 0;font-size:.16rem;border-bottom: 1px solid #e2e2e2;}
.mainLeft .LeftCateg ul li a{background:url(../images/list-ico2.png) left center no-repeat;display: inline-block;padding:0 14px;}
.mainLeft .LeftCateg ul li:hover a{background:url(../images/list-ico3.png) left center no-repeat;color:#F4952F;}
.mainLeft .LeftCateg ul li span{background:url(../images/Rc.png) right center no-repeat;width: 16px;height:16px;margin-top:12px;margin-right:10px;}
.LeftImg p{margin-top:15px;}

.leftContact{border:1px solid #eee;}
.leftContact p{color:#666;padding:0 5px;}
.leftContact p span{padding-right:4px;}

.mainRight{width:930px;float:right;}
.mainrightTit{border-bottom:2px solid #e8e8e8;}
.mainrightTit b{font-size:20px;display: inline-block;border-bottom:2px solid #2373c8;color:#2373c8;}




@media only screen and (min-width: 320px) and (max-width: 640px){
.logobox{text-align:center;height:.9rem;}	
.logobox .logo{margin:0;float:none;}
.logobox .logo img{width:4.22rem;margin-top:2px;float:left;padding:0;}
.logobox{padding:0;}
.logobox button{display:block;margin-top:5px;}
.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
.logobox .head-icon span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:.5rem;height:.37rem;
transition:all 0.5s ease-in-out;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;background-image:url(../images/icon1.png)}
.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.png);}
/*主导航样式*/
#nav{background:none;background-color: rgba(0, 0, 0, 0.7);height:auto;width:100%;}
#nav ul>li{width:100%;background:none;border-right:none;}
#nav ul>li a{color:#000;font-size:14px;}
#nav ul>li.active>a{line-height:.8rem;}
.navbar{position: fixed;display:none;top:.9rem;left:0;width:100%;bottom:0;z-index:9999;}
.navbar-nav{width: 100%;background-color:#fff;z-index:1200;border-top:.01rem solid #e5e5e5;padding-bottom:.8rem;}
.navbar-nav>ul{width:100%;height:auto;overflow:hidden;}
.navbar-nav>ul>li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
.navbar-nav>ul>li a{display:block;width:100%;text-align:center;line-height:.8rem;height:.8rem;font-size:.24rem;color:#666;}
.navbar-nav>ul>li a:hover{color:#149350;}
/*自主加的css样式--------------------------*/
.wrap-center,.wrap-right{width:100%;float:none;}
.wrap-center,.project-tit a{margin:0;}
.wrap-right a{float:left;width:48%;margin:10px 1% 0;}
.wrap-right a img{width:100%;}
.project ul{flex-wrap:wrap;}
.wrap1{margin-top:15px;}
.project li a img{height:140px;}
.product-box .bd .tempWrap{overflow: hidden !important;width:100% !important;}
.title ul.product-menu li a{padding:0;font-size:14px;}

}
.swiper-container{width:100%;height:430px;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}
@media screen and (max-width:1024px){
  .swiper-container{height:400px;}
}
@media screen and (max-width:767px){
  .swiper-container{height:300px;}
}
@media screen and (max-width:665px){
  .swiper-container{height:250px;}
}
@media screen and (max-width:560px){
  .swiper-container{height:180px;}
}
@media screen and (max-width:414px){
  .swiper-container{height:150px;}
}
@media screen and (max-width:375px){
  .swiper-container{height:140px;}
}