@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; background:#FFF; line-height:23px; font-family:"Microsoft Yahei", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul,li{ margin:0px; padding:0px; list-style:none;}
a{ color:#000; text-decoration:none;}
img{ border:0px; max-width: 100%;}
.clear{ clear:both; display:block;}


.index{ clear:both; display:block; width:100%; margin:10px auto;}

/* 头部样式 */
.top{ clear:both; display: -webkit-box; width:100%; }
.top a{ clear: both; display: block; }
.top .logo{ display: block; -webkit-box-flex: 1; }
.top .logo img{ border: 0px; height: 45px; width: auto; margin: 8px 0px 0px 10px; max-width: 100%; }
.top span{ display: block; }
.top span a{ clear: both; display: block; width: 40px; line-height: 20px; padding: 10px 10px 0px; font-size: 16px; color: #f9480a; }
.top span i{ clear: both; display: block; font-size: 30px; color: #f9480a; }

/* menu */
.menu{ clear:both; display:block; width:100%; height:82px; background:#043471;}
.menu a{ display:block; width:25%; height:40px; line-height:40px; color:#FFF; float:left; border-bottom:1px solid #fff; text-align:center;}
.menu .on{ background:#f9480a;}


/* copymenu */
.copyFiex{ width: 100%; position: fixed; left: 0px; bottom: 0px; background: #fff; border-top: 1px solid #043471; }
.copyFiex ul{ clear: both; display: -webkit-box; }
.copyFiex ul li{ display: block; -webkit-box-flex: 1; text-align: center; border-right: 1px solid #e3e3e3; }
.copyFiex ul li:last-child{ border-right: none; }
.copyFiex ul li a{ clear: both; display: block; padding-top: 5px; }
.copyFiex ul li i{ clear: both; display: block; font-size: 20px; color: #333; }
.copyFiex ul li span{ clear: both; display: block; height: 15px; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }



/*left menu list */

#menuList{ position:fixed; right:0px; top:0px; display:block; width:80%; height:100%; background:#fff; height:100%; overflow-y:scroll; z-index:1000; border-left: 1px solid #f9480a; }
.firList{ clear: both; display: block; height: 35px; line-height: 35px; background: #043471; text-indent: 1em; }
.firList a{ color: #fff; }

.secList{ clear: both; display: block; }
.secList li{ float: left; display: inline-block; }
.secList li a{ clear: both; display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #e3e3e3; text-indent: 1em; font-size: 12px; }
.closeMenu{ position:fixed; right:0px; top:0px; padding: 0px 10px; height:35px; line-height:35px; background:#f9480a; color:#FFF;}
.closeMenu a{ color:#FFF;}


/* banner */
    .swiper-container {
        width: 100%;
		height:auto;
		margin-bottom:10px;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    }
	.swiper-container  img{ border:0px; width:100%;}
	
    .swiper-slide {
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }



.index{ clear:both; display:block; margin:10px 0px;}


.indexTitle{ clear: both; display: block; text-align: center; }
.indexTitle strong{ clear: both; display: block; height: 54px; line-height: 54px; color: #043471; font-size: 30px; }
.indexTitle strong a{ color: #043471; }
.indexTitle span{ clear: both; display: block; font-size: 14px; color: #afafaf; }

/* index product tab list  */
.indexProductTitle{ clear: both; display: -webkit-box; background: #f5f5f5; width: 100%; margin: 15px 0px; }
.indexProductTitle span{ display: block; -webkit-box-flex: 1; height: 45px; line-height: 45px; font-size: 15px; text-align: center; cursor: pointer;}
.indexProductTitle span a{ color: #666; }


/* index about  */
.indexAbout{ clear: both; display: block; margin: 20px; font-size: 12px; line-height: 20px; color: #666; }

.indexMore{ clear: both; display: block; text-align: center; margin-bottom: 25px; }
.indexMore a{ border: 1px solid #144a96; display: inline-block; padding: 0px 20px; height: 35px; line-height: 35px; font-size: 15px; color: #144a96; border-radius: 5px; }

/* index news */
.indexNews{ clear: both; display: block; margin: 50px 0px; }
.indexLeft{ float: left; display: block; width: 580px; border: 1px solid #e3e3e3; }
.indexRight{ float: right; display: block; width: 580px; border: 1px solid #e3e3e3; }

.indexNewsTit{ clear: both; display: -webkit-box; margin: 20px; height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; }
.title1{ background: #043471; -webkit-box-flex: 1; }
.title2{ background: #1fad75; -webkit-box-flex: 1; }
.indexNewsList{ clear: both; display: block; margin: 0px 20px; }
.indexNewsList li{ clear: both; display: block; border-bottom: 1px dashed #e3e3e3; }
.indexNewsList li strong{ clear: both; display: block; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.indexNewsList li strong a{ color: #333; font-weight: normal; font-size: 16px; }
.indexNewsList li span{ clear: both; display: block; font-size: 16px; color: #043471; height: 30px; line-height: 30px; }


/* productList style ================= */
.picList{ clear: both; display: block; }
.picList ul{ clear: both; display: -webkit-box; width: 100%; }
.picList ul li{ display: block; -webkit-box-flex: 1; margin: 10px 10px 0px 10px; }
.picList ul li p{ clear: both; display: block; margin: 0px; padding: 0px; height: 127px; }
.picList ul li p img{ border: 0px; max-width: 100%; max-height: 127px; }
.picList ul li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }



/* 新闻样式 */
.newsList{ clear:both; display:block; }
.newsList ul{ clear: both; display: block; margin: 10px; }
.newsList li{ border-bottom:1px dashed #e3e3e3; height:35px; line-height:35px; overflow: hidden; text-overflow: ellipsis; }


/* news page */
.pageText{ clear: both; display: block; margin: 10px; font-size: 14px; }
.pageText table{ max-width: 100%; }
.pageText p{ margin: 0px; padding: 0px; }
.newsC{ clear: both; display: block; margin: 10px; }

.pageTitle{ clear: both; display: block; text-align: center; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.pagePic{ clear: both; display: block; margin: 10px; }
.pagePic img{ max-width: 100%; }
.pageInfo{ clear: both; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; height: 30px; line-height: 30px; color: #999; font-size: 12px; }


/* page list */
.pagePre{ clear: both; display: block; border-top: 1px solid #e3e3e3; padding-top: 10px; }
.pagePre p{ clear: both; display: block; margin: 0px; padding: 0px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pageList{ clear: both; display: block; height: 25px; line-height: 25px; margin: 10px; text-align: center; }
.pageList a{ display: inline-block; height: 25px; border: 1px solid #e3e3e3; padding: 0px 5px; margin-left: 5px; }
.pageList b{ display: inline-block; height: 25px; border: 1px solid #043471; background: #043471; color: #fff; padding: 0px 5px; margin-left: 5px; }





/* 版权导航 */
.copy{ clear:both; background:#043471; color:#FFF; text-align:center; padding:15px 0px;}
.copy a{ color:#FFF;}

.copyMargin{ clear:both; display:block; height:50px; overflow:hidden;}

#copyMenu{ position:fixed; width:100%; height:auto; left:0px; bottom:0px; display:-webkit-box; background:#f9480a;}

#copyMenu a{ display:block; -webkit-box-flex:1; text-align:center; position:relative; height:50px; text-align:center; padding:5px 0px; color:#FFF;}
#copyMenu img{ clear:both; display:block; margin:0px auto; border:0px; width:26px; height:26px;}
#copyMenu span{ clear:both; display:block;  }


#subMenu div li{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #e3e3e3; text-align:center;}
#subMenu div li a{ color:#FFF;}

.copyMenu0{ width:33.33333%; position:fixed; left:0px; bottom:55px; background:#0c5596; height:auto;}
.copyMenu1{ width:33.33333%; position:fixed; left:33.3333333%; bottom:55px; background:#0c5596; height:auto;}
.copyMenu2{ width:33.33333%; position:fixed; right:0px; bottom:55px; background:#0c5596; height:auto;}