·/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;background: #f8f8f8;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1140px; margin:0 auto;box-sizing: border-box;padding-left: 15px;padding-right: 15px;}


.indexTop{width: 100%;padding: 36px 0  9px;}
.indexTop .Warp{display: flex;justify-content: space-between;align-items: center;height: 75px;}

.iSearch{width: 388px;}
.iSearch ul{display: flex;justify-content: flex-start;}
.iSearch ul li{margin-right: 20px;}
.iSearch ul li a{font-size: 16px;color: #333;padding-bottom: 10px;position: relative;display: block;}
.iSearch ul li a:hover{color: #004faa;}
.iSearch ul li a:before{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);border-width: 5px;border-style: solid;border-color: transparent transparent #004faa transparent;display: none;}
.iSearch ul li a.on:before{display: block;}
.searchWarp{width: 100%;height: 36px;border: 2px solid #004faa;position: relative;overflow: hidden;}
.searchWarp input{position: absolute;top: 0;left: 0;width: calc(100% - 80px);height: 100%;padding: 10px;box-sizing: border-box;outline: none;font-size: 14px;}
.searchWarp button{position: absolute;top: 0;right: 0;width: 80px;height: 100%;background: #004faa;color: #fff;font-size: 16px;text-align: center;border: none;}


.header{ position:relative;background:#004faa;width: 100%;}
.header.fixed{position: fixed;top: 0;left: 0;z-index: 999;}
/*menu*/
.pc_menu{}
.menu{height:56px;line-height:56px;}
.menu ul{display: flex;justify-content: space-around;}
.menu ul li{ float:left; position:relative;margin: 0 5px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:56px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;}
.menu ul li dl dd{ line-height:45px;}
.menu ul li dl dd a{ font-size:15px; color:#666;display:block; padding:0;text-align:center;}
.menu ul li dl dd a:hover{ color:#fff;}
.menu a{ font-size:18px;color:#fff;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{background:#2087ff;color:#fff;}
a.menu_hover{background:#2087ff;color:#fff;}
.menu ul li.on span a{background:#2087ff;color:#fff;}


/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;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;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-pagination-bullet{opacity: 1;box-shadow:2px 2px 10px rgba(0,0,0,0.5);background: #fff;transition:left ease 0.35s;border-radius: 20px;}
.bannerSwiper .swiper-pagination-bullet-active{background: #00b0ec;width:20px;border-radius: 20px;box-shadow:2px 2px 10px rgba(255,255,255,0.2);}

/*common*/
.iComTitle{display: flex;justify-content: space-between;align-items: center;width: 100%;border-bottom: 1px solid #ccc;}
.iComTitle h4{display: inline-block;line-height: 47px;font-size: 18px;color: #004faa;font-weight: bold;position: relative;padding-left: 15px;}
.iComTitle h4::before{content: '';position: absolute; width: 100%;left: 0;bottom: -1px;height: 2px;background: #004faa;}
.iComTitle h4::after{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4PX;height: 14PX;background: #004faa;}
.iComTitle .more{font-size: 14px;color: #333;}
.iComTitle .more:hover{color: #004faa;}

.disFlex{display: flex;flex-wrap: wrap;justify-content: space-between;}

/*首页开始*/
.index1{width: 100%;padding: 40px 0;}
.iNews1{width: 100%;}
.iNews1 .left{width: 33.3%;padding: 0 15px;box-sizing: border-box;}
.iNews1 .right{width: 66.6%;padding: 0 15px;box-sizing: border-box;}

.newStyle1{width: 100%;}
.newSwiper1{width: 100%;position: relative;overflow: hidden;}
.newSwiper1 .part{display: block;width: 100%;position: relative;}
.newSwiper1 .part .img{width: 100%;height: 100%;overflow: hidden;}
.newSwiper1 .part .img img{width: 100%;}
.newSwiper1 .part .imgTop{position: absolute;left: 0;bottom: 0;width: 100%;height: 46px;line-height: 46px;background: rgba(0,0,0,0.6);font-size: 16px;color: #fff;padding: 0 10px;box-sizing: border-box;}
.newSwiper1 .swiper-button-prev,.newSwiper1 .swiper-button-next{color: #fff;opacity: 0.8;top: auto;bottom: 0px;}
.newSwiper1 .swiper-button-prev:after,.newSwiper1 .swiper-button-next:after{font-size: 20px;}
.newSwiper1 .swiper-button-prev,.newSwiper1 .swiper-rtl .swiper-button-next{left: auto;right: 45px;}

.newStyle2{width: 100%;height: 100%;}
.newS2Tab{width: 100%;}
.newS2Tab ul{display: flex;align-items: center; height: 49px;background: url(../images/indexbg1.png) no-repeat;border-bottom: 1px solid #2087ff;padding-left: 16px;}
.newS2Tab ul li{margin-right: 70px;}
.newS2Tab a{font-size: 16px;color: #fff;}
.newS2Tab ul li.on a{color: #ffea00;}

.newS2Panel{width: 100%;background: #fff;padding: 15px;box-sizing: border-box;height: calc(100% - 50px);}
.newS2Panel ul li{display: flex;align-items: center;justify-content: space-between;line-height: 42px;height: 42px;}
.newS2Panel ul li .tit{display: flex;align-items: center;max-width: 85%;}
.newS2Panel ul li .icon{font-size: 16px;color: #eb0f09;padding-right: 5px;}
.newS2Panel ul li a{display: block;color: #333;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newS2Panel ul li a:hover{color: #004faa;}
.newS2Panel ul li .time{font-size: 16px;color: #212529;display: block;text-align: right;}

.iNews2{width: 100%;margin-top: 40px;}
.iNews2 .left{width: 50%;padding: 0 15px;box-sizing: border-box;}
.iNews2 .right{width: 50%;padding: 0 15px;box-sizing: border-box;}

.newStyle3{width: 100%;background: #fff;padding: 0 15px;box-sizing: border-box;}
.newStyle3 ul{padding: 15px 0;}
.newStyle3 ul li{display: flex;justify-content: space-between;align-items: center;line-height: 42px;height: 42px;}
.newStyle3 ul li .tit{display: block;font-size: 14px;color: #333;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: 0.5s;}
.newStyle3 ul li .tit:hover{color: #004faa;transform: translateX(15px);}
.newStyle3 ul li .time{font-size: 14px;color: #212529;display: block;text-align: right;}


.index2{width: 100%;position: relative;overflow: hidden;}
.index2 .Warp {position: absolute;left: 50%;top: 0;height: 100%;transform: translateX(-50%);display: flex;flex-direction: column;justify-content: center;}
.index2 .title{font-size: 30px;color: #fff;margin-bottom: 15px;}
.index2 .text{font-size: 18px;color: #fff;padding-left: 40px;}
.index2 .fontStyle{color: #ffea00;}


.index3{width: 100%;padding: 40px 0;}
.newStyle4{width: 100%;background: #fff;padding: 0 15px 30px;}
.newStyle4 .iComTitle{margin-bottom: 32px;}
.newStyle4 .left{width: 58.333333%;}
.newStyle4 .right{width: 41.666667%;}
.newStyle4 .textList{width: 100%;}
.newStyle4 .textList .left{width: 55%;padding-right: 15px;box-sizing: border-box;}
.newStyle4 .textList .right{width: 45%;padding: 0 15px;box-sizing: border-box;}
.newStyle4 .textList .imgShow{display: block;width: 100%;overflow: hidden;height: 245px;}
.newStyle4 .textList .imgShow img{width: 100%;transition: 0.5s;height: 100%;object-fit: cover;}
.newStyle4 .textList .imgShow:hover img{transform: scale(1.3);}
.newStyle4 .textList ul li{line-height: 30px;margin: 5px 0;}
.newStyle4 .textList ul li a {font-size: 14px;color: #333;position: relative;padding-left: 15px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newStyle4 .textList ul li a::before {content: '';position: absolute;left: 0;top: 50%;width: 5px;height: 5px;background: #333;border-radius: 50%;transform: translateY(-50%);}
.newStyle4 .textList ul li a:hover {color: #004faa;}

.newStyle4 .imgList{width: 100%;}
.newStyle4 .imgList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.newStyle4 .imgList ul li{width: 49%;margin-bottom: 10px;}
.newStyle4 .imgList .part{display: block;width: 100%;overflow: hidden;position: relative;}
.newStyle4 .imgList .part .img{width: 100%;font-size: 0;overflow: hidden;height: 115px;}
.newStyle4 .imgList .part .img img{width: 100%;height: 100%;object-fit: cover;}
.newStyle4 .imgList .part .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 14px;background: rgba(19, 102, 158, 0.4);text-align: center;}

/*简介*/
.iAbout{width: 100%;padding: 40px 0;}
.iAboutWarp .left{width: 66.666667%;padding: 0 15px;box-sizing: border-box;}
.iAboutWarp .right{width: 33.333333%;padding: 0 15px;box-sizing: border-box;}
.iAboutDesc{width: 100%;color: #fff;height: 100%;}
.iAboutDesc .title{font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.iAboutDesc .text{font-size: 14px;}
.iAboutDesc .more{font-size: 14px;display: inline-block;    line-height: 34px;padding: 0 20px;border-radius: 5px;background: #2087ff;transition: 0.4s;color: #fff;margin-top: 10px;}
.iAboutDesc .more:hover{box-shadow: 0 0 4px 0 #ccc;}

.iAboutWarp .imgShow{display: block;width: 100%;height: 255px;overflow: hidden;}
.iAboutWarp .imgShow img{width: 100%;transition: 0.5s;height: 100%;object-fit: cover;}
.iAboutWarp .imgShow:hover img{transform: scale(1.3);}

/*友情链接*/
.iLinks{width: 100%;padding: 40px 0;}
.iLinkWarp{width: 100%;padding: 0 15px;box-sizing: border-box;background: #fff;}
.iLinkWarp ul{display: flex;flex-wrap: wrap;padding: 32px 0;}
.iLinkWarp ul li{width: 18%;margin: 1%;}
.iLinkWarp ul li a{display: block;padding: 5px;border: 1px solid #e5e5e5;}
.iLinkWarp ul li a img{width: 100%;}
.iLinkWarp ul li a:hover{box-shadow: 0 0 5px 0px #999 inset;}

/*底部*/
.footer{padding: 50px 0;background: #001e41;}
.footWarp{width: 100%;display: flex;color: #fff;font-size: 14px;}
.footWarp .left{flex: 1;}
.footWarp .right{width: 82px;margin-left: 50px;}
.footWarp .ewm{width: 100%;color: #fff;font-size: 14px;text-align: center;}
.footWarp .ewm img{width: 100%;}
.fMenu{width: 100%;margin-bottom: 10px;}
.fMenu ul{display: flex;flex-wrap: wrap;}
.fMenu ul li a{color: #fff;font-size: 14px;padding: 15px;line-height: 20px;position: relative;}
.fMenu ul li.on a,
.fMenu ul li a:hover{color: #2087ff;}
.fMenu ul li a::before{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 12px;background: #fff;}
.fMenu ul li:last-child a::before{display: none;}
.fMenu ul li:first-child a{padding-left: 0;}

.fAddr{font-size: 14px;color: #fff;}
.footWarp a{color: #2087ff;}
.footWarp a:hover{color: #0056b3;}


/*页面开始*/
.tongtu{width: 100%;overflow: hidden;}
.tongtu img{width: 100%;height: 200px;object-fit: cover;}


.mainContent{width: 100%;background: #fff;padding: 30px 0 50px 0;}
.mainWarp{width: 100%;display: flex;justify-content: space-between;}
.mainLeft{width: 25%;padding: 0 15px;box-sizing: border-box;}
.mainRight{width: 75%;padding: 0 15px;box-sizing: border-box;}
.mainTitle{width: 100%;height: 150px;background: #004faa;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.mainTitle h1{color: #fff;font-weight: normal;font-size: 30px;}

.mainMenu{width: 100%;}
.mainMenu ul li{margin-bottom: 15px;text-align: center;position: relative;}
.mainMenu ul li a{background: #f4f4f4;color: #333;line-height: 50px;font-size: 18px;display: block;}
.mainMenu ul li .icon{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);font-size: 16px;}
.mainMenu ul li:hover a,
.mainMenu ul li.on a{color: #fff;background: #167ff8;}
.mainMenu ul li:hover .icon,
.mainMenu ul li.on .icon{color: #fff;}

.mainContact{width: 100%;margin: 30px 0;}
.mainContact .title{font-size: 24px;text-align: center;color: #004faa;background: #e0e0e0;height: 50px;line-height: 50px;}
.mainContact .panel{background: #f4f4f4;padding: 15px;box-sizing: border-box;}
.mainContact .panel ul li{font-size: 14px;color: #333;line-height: 30px;}

.mainNav{width: 100%;padding: 0 15px;box-sizing: border-box;margin-bottom: 32px;height: 46px;line-height: 46px;background: #f4f4f4;font-size: 14px;color: #333;}
.mainNav .icon{color: #004faa;font-size: 16px;padding-right: 5px;}
.mainNav a,
.mainNav span{font-size: 14px;color: #333;padding: 0 2px;}
.mainNav a:hover{color: #004faa;}


/*关于我们*/
.about{width: 100%;}
.aboutWarp{width: 100%;}
.aboutWarp .imgShow{width: 395px;height: 245px;overflow: hidden;margin-right: 30px;}
.aboutWarp .imgShow img{width: 100%;transition: 0.5s;height: 100%;object-fit: cover;}
.aboutWarp .imgShow:hover img{transform: scale(1.2);}
.aboutWarp .desc{flex: 1;}
.aboutWarp .desc .title{font-size: 20px;color: #333;font-weight: bold;}
.aboutWarp .desc .text{font-size: 16px;color: #333;}
.aboutDesc{width: 100%;font-size: 16px;color: #333;margin-top: 50px;-webkit-text-size-adjust: none;}


/*新闻*/
.news{width: 100%;}
.news ul li{display: flex;justify-content: space-between;align-items: center;line-height: 49px;height: 49px;border-bottom: 1px dashed #ccc;}
.news ul li .tit{display: block;font-size: 16px;color: #333;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: 0.5s;padding-left: 15px;position: relative;}
.news ul li .tit::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background: #004faa;}
.news ul li .tit:hover{color: #004faa;transform: translateX(15px);}
.news ul li .time{font-size: 14px;color: #212529;display: block;text-align: right;}

.pagebar, .cmtpagebar {width: 100%;margin: 0 auto;padding: 50px 0;font-size: 0;text-align: center;}
.pagebar a, .cmtpagebar a{padding: 5px 10px; font-size: 14px;color: #777;font-weight: 400;border: 1px solid #e2e2e2;background: #fff;display: inline-block;} 
.pagebar .now-page, .cmtpagebar .now-page{font-size: 14px;color: #fff; font-weight: 400;padding: 5px 10px;border: 1px solid #004faa;background: #004faa;display: inline-block;}
.pagebar a:hover, .cmtpagebar a:hover{color: #fff; border: 1px solid #004faa; background: #004faa;}

/*新闻详情*/
.newdetail{width: 100%;}
.newdTitle{text-align: center;border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 30px;}
.newdTitle h4{font-size: 24px;color: #333;margin-bottom: 15px;font-weight: normal;-webkit-text-size-adjust: none;}
.newdTitle .txt{font-size: 14px;color: #999;}
.newdDesc{width: 100%;font-size: 14px;color: #333;-webkit-text-size-adjust: none;}

.newDown{width: 100%;font-size: 14px;color: #333;margin-top: 50px;}
.newDown a{font-size: 14px;color: #007bff;-webkit-text-size-adjust: none;}
.newDown a:hover{color: #004faa;}

.link-bar {display: flex;flex-direction: column;padding-top: 32px;margin-top: 32px;border-top: 1px solid #ddd;}
.link-bar a {font-size: 14px;line-height: 32px;color: #666;}
.link-bar a span {color: #004faa;}
.link-bar a:hover {color: #004faa;}

/*联系我们*/
.contact{width: 100%;}
.cintTit{font-size: 16px;color: #004faa;font-weight: bold;line-height: 30px;margin-bottom: 30px;}
.contWarp{width: 100%;}
.contWarp .left{flex: 1;}
.contWarp .right{width: 82px;margin-left: 50px;}
.contWarp .ewm{width: 100%;color: #fff;font-size: 14px;text-align: center;}
.contWarp .ewm img{width: 100%;}
.contWarp .left ul li{font-size: 16px;color: #333;line-height: 30px;}
.contWarp .cintTit{margin-bottom: 10px;}

.mapWarp{width: 100%;margin-top: 40px;}
.map{width: 100%;height: 350px;border: 1px solid #eee;overflow: hidden;}
.map img{width: 100%;height: 100%;object-fit: cover;}


.inside{width: 100%;}

table{max-width: 100%;background-color: transparent;border-collapse: collapse;border-spacing: 0;box-sizing: border-box;width: 100%;}










@media only screen and (max-width: 1140px) {
.wapper{ width:100%;}

.indexTop,
.header,
.banner,
.index1,
.index2,
.index3,
.iAbout,
.iLinks,
.footer,
.tongtu,
.mainContent,
.inside{width: 1140px;margin: 0 auto;}

.header.fixed{max-width: 1140px;}





}



