@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, 
table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
div { box-sizing:border-box;}
#screen { display:none; position:fixed; left:0; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.5)}
.container { width:1200px; margin:0 auto;}
.header { position:relative;}

.header { padding-top:18px; height:120px;}
.header a.logo { display:block; height:68px;}
.header a.logo img { display:block; height:100%; width:auto;}
.nav { background:url(../images/nav.jpg) center no-repeat; height:76px;background-size: 100% 100%; /* 或者 100% auto */
width: 100%;}
.nav li { position:relative; height:76px; float:left; width:12.5%; text-align:center; line-height:76px;}
.nav dl { display:none; z-index:2; position:absolute; top:76px; left:0; width:100%; text-align:center;}
.nav li:hover dl { display:block;}
.nav li a { color:#ffffff; font-size:20px;}
.nav li dt a { transition:all 0.5s; display:block; line-height:40px; font-size:14px; text-align:center; background:rgba(1,68,157,.7); color:#ffffff;}
.nav li dt a:hover { background:rgb(255,255,255); color:rgb(1,68,157);}
.banner span { width:26px; height:3px; opacity:1; background:#ffffff; border-radius:0; transition:all 0.3s;}
.banner span.swiper-pagination-bullet-active { background:rgb(1,68,157);}
.newSlide { float:left; width:550px;}
.newSlide img { display:block; width:100%;}
.newSlide p { background:rgba(0,0,0,0.5); color:#ffffff; width:100%; font-size:14px; line-height:3; box-sizing:border-box;
padding:0 40px 0 15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0;}
.banner img { display:block; width:100%;}
.newSlide .swiper-pagination { width:auto; position:absolute; left:auto; text-align:right; right:0}
.newsCont  { padding:40px 0; overflow:hidden;}
.choseTitle { overflow:hidden; border-bottom:1px solid #eeeeee}
.choseTitle span { position:relative; border-radius:3px; float:left; display:block; padding:0 8px; line-height:41px; color:#222222; font-size:16px; cursor:pointer;}
.choseTitle a { float:right; color:#999999; font-size:14px; line-height:34px;}
.choseTitle span.cur:after { content:''; left:0; bottom:0; height:3px; width:100%; position:absolute; color:#ffffff; background:rgb(1,68,157);}
.choseTitle span.cur { color:rgb(1,68,157);}
.newsList { float:right; width:calc(100% - 600px); margin-right:25px;}
.choseList li { background:url(../images/circle.png) 10px center no-repeat; padding-left:25px; line-height:48px; border-bottom:1px dashed #eeeeee; overflow:hidden;}
.choseList li p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:14px; color:#222222; width:calc(100% - 135px); transition:all 0.5s;}
.choseList li span { transition:all 0.5s; float:right; color:#999999; font-size:14px;}
.artTitle {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; padding:0 5%; margin:18px 0; text-align:center; line-height:30px;}
.artTitle a { font-size:20px; color:#01449d;}
.proBar { background:#f8f8f8;}
.choseList li:hover p,.choseList li:hover span { color:#01449d;}
.choseTitle a:hover { color:#01449d;}
.proBar { background:#f8f8f8; padding:40px 0;}
.proTitle { font-weight:bold; color:#333333; overflow:hidden; font-size:32px; line-height:55px;}
.proTitle a { float:right; color:#999999; font-size:14px;}
.proTitle a:hover { color:#01449d;}
.chosePro { margin-bottom:24px; border-bottom:1px solid #eeeeee; overflow:hidden; padding:12px 0 0;}
.chosePro span { float:left; display:block; padding:0 8px; border-radius:3px; line-height:40px; font-size:16px; color:#616161; margin-right:10px;
transition:all 0.5s; position:relative; cursor:pointer;}
.chosePro span.cur:after { content:'';width:100%; height:3px; position:absolute; left:0; bottom:0; background:rgb(1,68,157); color:#ffffff;}
.chosePro span.cur { color:rgb(1,68,157);}
.proImg { height:150px; overflow:hidden; transition:all 0.5s; position:relative; border-radius:6px;}
.proImg:hover img { transform:scale(1.2);}
.proImg:hover { border-radius:0;}
.proImg img { display:block; transition:all 0.8s; width:100%; height: 100%;}
.proList .swiper-container {
  width: 100%;
  height: 100%;
    background:none;
}
.proList .swiper-slide {
  text-align: center;
  font-size: 18px;
  background:none;

  /* 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;
}
.proInfor p { color:#303030; text-align:center; font-size:16px; padding:0 5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
line-height:46px;}
.dn { display:none;}
.honorBox { padding:40px 0 0;}
.honorImg { transition:all 0.5s; position:relative; overflow:hidden;}
.honorImg:hover { box-shadow:0 0 20px rgba(0,0,0,0.4);}
.honorSlide .swiper-container{ padding:30px 0 40px;}
.honorImg img { width:100%; display:block; transition:all 0.5s;}
.honorImg p { font-size:16px; position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%; color:#ffffff;}
.coverBg { position:absolute; left:0; top:0; width:100%; height:100%; background:rgb(1,68,157,.8); opacity:0; transition:all 0.5s}
.honorBox .swiper-slide:hover .coverBg { opacity:1;}
.honorSlide .swiper-slide>p { position:relative; z-index:2; font-size:16px; line-height:3; color:#666666; transition:all 0.5s;}
.honorSlide .swiper-slide:hover>p { color:#01449d;}
.honorSlide .swiper-slide:hover .honorImg{ border-radius:4px 4px 0 0;}

.honorSlide .swiper-button-prev { transition:all 0.5s; opacity:0; left:0; background:url(../images/prev.png) center no-repeat; width:34px; height:58px;}
.honorSlide .swiper-button-next { transition:all 0.5s; opacity:0; left:auto; right:0; background:url(../images/next.png) center no-repeat; width:34px; height:58px;}
.honorSlide .swiper-button-prev:after,.honorSlide .swiper-button-next:after { content:'';}
.honorSlide:hover .swiper-button-prev,.honorSlide:hover .swiper-button-next { opacity:1;}
.cellBanner img { display:block; width:100%;}
.newTitle { overflow:hidden;}
.newTitle h2 { float:left; text-indent:20px; color:#ffffff; line-height:38px; background:url(../images/12.png) center no-repeat; width:134px; height:37px;}
.newTitle a { float:right; color:#999999; font-size:14px;}
.newBox { padding:50px 0; overflow:hidden;}
.newBar { float:left; width:45%; float:left;}
.newBar:nth-child(2n){ float:right;}
.newTop { transition:all 0.5s; overflow:hidden; padding:12px 5px;}
.newTop:hover { padding:12px;}
.newTop:hover p { color:#01449d;}
.newTop:hover span { color:#01449d;}
.newImg { float:left; width:147px; overflow:hidden;}
.newImg img { display:block; width:100%; transition:all 0.5s;}
.newTxt { float:right; width:calc(100% - 165px);}
.newTxt b { display:block; color:#666666; font-size:14px; line-height:1.5;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.newTxt p { color:#222222; font-size:14px; line-height:2;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.newTxt span { color:#999999; font-size:14px;}
.newBar li { background:url(../images/circle.png) left center no-repeat; padding-left:17px; line-height:58px; border-bottom:1px dashed #eeeeee; transition:all 0.5s; padding-right:17px; overflow:hidden;}
.newBar li a { overflow:hidden; display:block;}
.newBar li p {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:14px; width:calc(100% - 110px); color:#222222;}
.newBar li span { float:right; color:#999999; font-size:14px;}
.footer { background:#333333; text-align:center; padding:40px 0;}
.footer p { color:#999999; font-size:16px; line-height:2;}

.newBar li:hover p,.newBar li:hover span { color:#01449d;}
.contBox { padding:30px 0; background:#f1f1f1}
.listPage { width:1200px; margin:0 auto;}
.location { color:rgb(1,68,157); padding-left:42px; font-size:16px; background:url(../images/position2.png) 15px center no-repeat #ffffff; line-height:56px;}
.location a{ color:rgb(1,68,157);}
.picList { background:#ffffff; margin-top:10px;}
.picList ul { overflow:hidden; padding:20px;}
.picList li { margin-bottom:20px; border-radius:8px; overflow:hidden; transition:all 0.5s; float:left; width:32%; margin-right:2%;}
.picList li:nth-child(3n){ margin-right:0}
.picBox { overflow:hidden;}
.picBox img { transition:all 0.5s; display:block; width:100%;}
.picList li p { transition:all 0.5s; text-align:center; font-size:16px; line-height:3; padding:0 10px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333333;}
.picList li:hover { box-shadow:0 0 20px rgba(1,68,157,.4);}
.picList li:hover p { color:#ffffff; background:rgb(1,68,157)}
.picList li:hover img { transform:scale(1.2);}
.fpage { padding:0 0 40px; text-align:center;}
.fpage a { display:inline-block; padding:0 7px; margin:0 3px; font-size:14px; border:1px solid rgb(1,68,157); color:rgb(1,68,157); border-radius:4px;}
.fpage a.cur { color:#ffffff; background:rgb(1,68,157);}
.newsBox { padding:20px; background:#ffffff; margin-top:20px;}
.newsChose { margin-bottom:20px; float:right; text-align:center;}
.newsChose a { position:relative; cursor:pointer; display:inline-block; padding:0 10px; border-radius:4px; margin:0 10px; line-height:56px; font-size:16px; color:#333333;}
.newsChose a.cur:after { content:''; position:absolute; bottom:0; left:0; height:3px; width:100%; background:rgb(1,68,157); color:#ffffff;}
.newsChose a.cur { color:rgb(1,68,157)}
.choseSlide ul { padding-bottom:40px;}
.choseSlide li { border-bottom:1px dashed #eeeeee; transition:all 0.5s; overflow:hidden; line-height:52px;}
.choseSlide li p { transition:all 0.5s; float:left;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; width:calc(100% - 100px); color:#333333;}
.choseSlide li span { float:right; color:#999999; font-size:13px;}
.choseSlide li:hover { box-shadow:0 0 10px rgba(0,0,0,0.2); padding:0 10px;}
.choseSlide li:hover p { color:rgb(1,68,157)}
.articleBox { background:#ffffff; padding:20px; margin-top:20px;}
.articleTit { margin-bottom:40px; padding-bottom:20px; border-bottom:1px dashed #eeeeee;}
.articleTit h2 { text-align:center; font-size:26px; color:#333333; line-height:3;}
.articleTit p { text-align:center;}
.articleTit span { font-size:14px; color:#999999; margin:0 15px;}
.articleInfor p { font-size:16px; color:#666666; text-indent:32px; line-height:2;}
.pageBox { margin-top:20px;}
.pageBox a { display:block; color:rgb(1,68,157); font-size:14px; line-height:3;}
.slideChose { margin-bottom:20px; text-align:center;}
.slideChose a { position:relative; display:inline-block; font-size:16px; color:#333333; margin:0 10px; line-height:3;}
.slideChose a.cur { color:#01449d;}
.slideChose a.cur:after { content:''; position:absolute; left:20%; bottom:0; width:60%; height:2px; background:#01449d;}
@media screen and  (max-width:1200px){
.container { width:100%; padding:0 4%; box-sizing:border-box;}
.nav li a { font-size:16px;}
.newsCont { padding:30px 4%;}
.artTitle a { font-size:16px;}
.newBox { padding:30px 4%;}
.choseTitle span { font-size:14px;}
.proTitle { font-size:26px;}
.listPage { width:100%; padding:0 4%;}
}
@media screen and  (max-width:999px){
	
	.newSlide { float:none; width:100%; margin-bottom:20px;}
	.newsList  { float:none; margin:0; width:100%;}
	.newBar { float:none; width:100%; margin-bottom:20px;}
	.choseSlide li p { font-size:12px;}
	.newsChose span { font-size:14px; margin:0 5px; padding:0 5px; line-height:2;}
	.choseSlide li { line-height:3;}
	.contBox { padding:20px 0;}
	.location { font-size:14px;}
	.fpage { padding-bottom:20px;}
}
@media screen and  (max-width:750px){
	.header .menu { position:absolute; width:32px; height:32px; position:absolute; right:4%; top:50%; transform:translateY(-50%);
background:url(../images/menu.png) center no-repeat;}
	.picList li { width:48%; float:left; margin-right:0;}
	.picList li:nth-child(2n){ float:right;}
	.picList li p { font-size:14px; line-height:2;}
	.nav { height:100vh; position:fixed; left:-110%; width:40%; top:0; z-index:3; background-size:cover;}
	.nav li { line-height:3; height:auto; float:none; width:100%;}
	.header a.logo { height:32px;}
	.header { height:60px; padding-top:14px;}
	.choseList li p { width:calc(100% - 95px);}
	.proBar { padding:20px 0;}
	.proTitle { font-size:20px; line-height:1.75}
	.chosePro span { padding:0 10px;}
	.honorSlide .swiper-container { padding:15px 0;}
	.honorBox { padding-top:20px;}
	.artTitle { margin:10px 0;}
	.footer { padding:20px 0;}
	.footer p { font-size:12px;}
}