/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:44px;line-height:44px;border-bottom:1px solid #eaeaea;color:#888;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#888;}
.top .top-right a img{vertical-align:middle;padding-right:5px;}
.top .top-right a:hover{color:#004b9f;}
/*****logobox*****/
.logobox{position:relative;padding:.35rem 0;}
.media, .media .media{margin-top:0;}
.logobox .logoright img{padding-right:5px;margin-top:5px;}
.logobox .logoright .media-body{background:url(../images/lr.jpg) left center no-repeat;padding-left:15px;}
.logobox .logoright strong{color:#3c3c3c;font-size:30px;line-height:1.2;font-family:"迷你简小标宋";}
.logobox .logoright p{font-size:16px;color:#333;}
.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{background:#004b9f;height:62px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:62px;box-sizing:border-box;}
#nav ul>li>a{display:block;color:#fff;font-size:16px;}
#nav ul>li.active>a{background:#fba600;line-height:62px;}
#nav ul .submenu{position:absolute;width:100%;top:62px;z-index:99;background:#fba600;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;}
#nav ul .submenu li a:hover{text-decoration:underline;}
/*banner*/
.swiper-pagination-bullet{width:.45rem;height:4px;border-radius:10px;background:#fff;}

/*search*/
.search-box{line-height:66px;height:66px;background:#f2f2f2;}
.search-box .link span{padding-right:10px;color:#000;font-size:16px;display:inline-block;}
.search-box .link a{padding:0 15px;color:#666;}
.search-box .link a:hover{color:#004b9f;}
.search{margin-top:12px;}
.search .sousu{width:240px;line-height:34px;background:#fff;padding:2px 10px;color:#666;border:none;border-radius:30px 0 0 30px;}
.search .sou-zi{width:66px;line-height:38px;background:#1350bd;color:#fff;border:none;cursor:pointer;text-align:center;height:38px;border-radius:0 30px 30px 0;}


/***************product***************/
.product .proTit{background:#004b9f;padding:20px 0;text-align:center;line-height:1.5;color:#fff;}
.product .proTit h1{font-size:32px;}
.product .proTit p{text-transform:uppercase;font-size:12px;}
.pro-left{width:260px;float:left;}
.pro-left ul{border:1px solid #dadada;}
.pro-left ul li{background:url(../images/arrow.png) calc(100% - 15px) no-repeat;font-size:.16rem;line-height:48px;border-bottom:1px solid #ececec;}
.pro-left ul li a{padding-left:15px;}

.pro-right{width:916px;float:right;}
.pro-right li{margin-top:10px;}
.pro-right li a{display:block;overflow:hidden;text-align:center;}
.pro-right li a img{height:204px;width:100%;}
.pro-right li a p{padding:5px 0;}

/***************advant***************/
.advant-tit{background:url(../images/advaTit.png) center no-repeat;text-align:center;padding:25px 0;}
.advant-tit img{margin:auto;}
.advant-tit p{font-size:.18rem;color:#fff;}

.advantCon{background:url(../images/advant.png) center no-repeat;height:328px;margin-top:110px;}
.advaLe{width:450px;}
.advaLe .advaItem img{padding-right:10px;}
.advaLe .advaItem{margin-top:-80px;}
.advaLe .advaItem2{margin-top:200px;}
.advaLe .advaItem strong{font-size:28px;display:block;font-weight:normal;line-height:1.5;}
.advaLe .advaItem span{font-size:12px;color:#8c8c8c;text-transform:uppercase;display:block;}
.advaLe .advaItem p{color:#6b6b6b;line-height:1.5;margin-top:15px;}


.index-title h3{font-size:32px;color:#004b9f;line-height:1.5;}
.index-title p{color:#6f6f6f;background:url(../images/tit1.png) center no-repeat;}
/***************case***************/
.case .index-title h3{color:#fff;}
.case .index-title p{color:#fff;background:url(../images/tit2.png) center no-repeat;}
.case{background:url(../images/case-bg.jpg) top center no-repeat;padding:50px 0;overflow:hidden;}
.caseScroll{position:relative;}
.caseScroll .prev{position:absolute;top:100px;left:-70px;background:url(../images/prev.png) no-repeat;width:45px;height:103px;z-index:2;}
.caseScroll .next{position:absolute;top:100px;right:-70px;background:url(../images/next.png) no-repeat;width:45px;height:103px;z-index:2;}
.caseScroll li{float:left;width:33.3%;}
.caseScroll li a{text-align:center;background:#fff;display:block;margin:10px;padding:15px;}
.caseScroll li a img{height:270px;width:100%;}
.caseScroll li a p{padding-top:5px;}

/***************case***************/
.aboutus{background:url(../images/abt.jpg) top center no-repeat;padding:50px 0;}
.aboutTit span{float:right;margin-top:10px;}
.aboutTit span a{border:2px solid #e4e4e4;color:#666;width:134px;height:34px;display:inline-block;margin:0 10px;text-align:center;line-height:34px;}
.aboutTit span a:hover{border:2px solid #004b9f;color:#004b9f;}
.aboutTit strong{font-size:32px;color:#004b9f;display:block;line-height:1.2;}
.aboutTit p{font-size:.16rem;color:#585858;}
.abtImg{width:426px;float:left;}
.abtImg p{background:#004b9f;color:#fff;padding:10px 0;text-align:center;}
.abtImg p img{padding-right:10px;}
.abtImg p b{font-size:24px;}
.abtTxt{width:746px;float:right;}
.abtTxt p{text-indent:2em;margin-top:8px;line-height:34px;}

/***************news***************/
.news{background:#f1f1f1;padding:50px 0;}
.news li{margin-top:20px;}
.news li .media{background:#fff;padding-right:10px;}
.news li .media img{padding-right:10px;}
.news li .media strong{display:block;font-size:.16rem;margin-top:10px;}
.news li .media p{color:#797979;}
.news li .media .a1{display:block;background:#004b9f;border-radius:3px;color:#fff;width:98px;height:28px;text-align:center;margin-top:10px;}

/***************footer***************/
.footer{background:#004b9f;overflow:hidden;}
.footer .fot-left{width:260px;float:left;background:#00428c;text-align:center;color:#fff;padding:60px 0;}
.footer .fot-left h3{font-size:30px;padding-bottom:50px;}
.footer .fot-right{width:908px;float:right;}
.footer .fot-right .fotNav{font-size:16px;color:#fff;border-bottom:1px solid #0e5db5;padding:20px 0;}
.footer .fot-right .fotNav a{color:#fff;padding:0 20px;}
.footer .fot-right .fotTxt{color:#fff;border-bottom:1px solid #0e5db5;padding:30px 0;margin-bottom:10px;}
.footer .fot-right .fotLink strong{color:#fff;}
.footer .fot-right .fotLink p a{color:#70b3ff;padding:0 15px;}
.footer .fot-right .fotLink p a:hover{color:#fff;}

.sj-toolbar{position:fixed;bottom:20px;right:15px;z-index:10000;}
.sj-toolbar a.bohao{display:block;width:53px;height:53px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 0;}
.sj-toolbar a.fhtop{display:block;width:52px;height:52px;background:url(../images/toolbar1.png) no-repeat;background-position: 0 -62px;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li,.pro-right li a img{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.advantCon,.aboutTit span,.news li .media strong,.footer .fot-right .fotTxt{margin:0;}
	.logobox .logo img{width:5rem;margin-top:10px;float:left;padding:0;}
	.logobox,.pro-left ul li a{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;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.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 li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	
	.product .proTit,.abtImg,.footer .fot-left,.advaLe .advaItem span,.aboutTit p,.news li .media img{display:none;}
	.pro-left,.pro-right,.abtTxt,.footer .fot-right,.advaLe,.caseScroll li{width:100%;float:none;}
	.pro-left ul li{float:left;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px;background:url(../images/arrow.png) center right no-repeat;}
	.product,.advant,.advaLe .advaItem,.case{margin-top:15px;}
	.case,.aboutus,.news{padding:15px 0;}
	.footer .fot-right .fotTxt{padding:10px 0;}
	.advaLe .advaItem p{margin-top:5px;}
	.news li{margin-top:10px;}
	.advant-tit,.news li .media{padding:10px;}
	.advantCon{background:none;}
	.advaLe .advaItem img{width:.85rem;height:.7rem;}
	.advaLe .advaItem strong{font-size:16px;}
	.index-title h3,.aboutTit strong{font-size:20px;}
	.caseScroll li a img{height:180px;}
	.caseScroll .tempWrap{width:100% !important;overflow:hidden !important;}
	.aboutTit span a{width:auto;}
	.aboutTit strong{line-height:34px;}
	.abtTxt p{line-height:24px;}
}
.swiper-container {
      width: 100%;
      height: 550px;
    }
    .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;
      }
    }