@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;}
.swiper-pagination span { outline:none;}

/* CSS Document */
.topBox { width:1200px; margin:0 auto; padding:32px 10px; position:relative;}
.nav { background:#044096;}
.nav ul { width:1200px; margin:0 auto; height:70px;}
.nav li { position:relative; width:12.5%; text-align:center; float:left;}
.nav li h2 a{line-height:70px; transition:all 0.3s; display:block; color:#fff; font-size:20px;}
.nav li dl { z-index:4; display:none; position:absolute; width:100%; top:70px; left:0;}
.nav li dl dt a{ display:block; color:#fff; font-size:18px; line-height:2.5; background:#044096;}
.nav li:hover dl { display:block;}
.nav li:hover h2 a{ background:#fff; color:#044096;}
.banner .swiper-container {
  width: 100%;
  height: 100%;
}

.banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* 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;
}
.banner img { display:block; width:100%;}
.newsBox { width:1200px; margin:55px auto; overflow:hidden;}
.newsSlide { float:left; width:575px;}
.newsSlide img { display:block; width:100%;}
.newsSlide .swiper-pagination { text-align:right; box-sizing:border-box; padding-right:15px;}
.newsSlide .swiper-pagination span { background:#34393c; opacity:1; margin:0 2px!important;}
.newsSlide .swiper-container .swiper-pagination span.swiper-pagination-bullet-active { background:#fff;}
.newsTag { position:absolute; left:0; bottom:0; line-height:50px; color:#fff; font-size:16px; background:rgba(0,0,0,0.5); width:100%;}
.newsTag p { padding-left:18px; width:365px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsInfor { float:right; width:calc(100% - 600px);}
.inforTit { text-indent:22px; font-weight:bold; border-bottom:1px solid #eeeeee; font-size:24px; color:#044096;height:36px;}
.inforTit a { float:right; font-size:16px; color:#999999; line-height:24px;}
.newsInfor li { margin-top:35px; overflow:hidden;}

.newsData { border-right:1px solid #eeeeee; width:95px; padding:5px 0; text-align:center; float:left;}
.newsData p { font-size:24px; color:#999999; line-height:35px;}
.newsData span { font-size:16px; color:#999999; line-height:20px;}
.newsDates { width:calc(100% - 128px); float:left; margin-left:10px;}
.newsDates h2 { margin-bottom:5px; overflow:hidden;}
.newsDates h2 span { float:left; font-size:18px; color:#044096; width:calc(100% - 110px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsDates h2 b { float:right; display:block; background:url(../images/icon1.png) left center no-repeat; padding-left:24px; font-size:14px; color:#999999;}
.newsDates p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size:14px; color:#999999; line-height:20px;}
.inforLists { overflow:hidden; width:1200px; margin:0 auto;}
.inforBar { float:left; width:32%; margin-right:2%;}
.inforBar:nth-child(3n){ margin-right:0;}
.titleBox { position:relative; overflow:hidden; margin-bottom:20px; line-height:65px; border-bottom:1px solid #5d84ba;}
.titleBox:after { content:''; position:absolute; bottom:0; left:0; width:96px; height:3px; background:#044096;}
.titleBox p { float:left; font-size:24px; color:#044096;}
.titleBox a { float:right; color:#999999; font-size:16px;}
.inforArticle { overflow:hidden;}
.inforImg { float:left; width:130px; height:86px; overflow:hidden;}
.inforImg img { display:block; width:100%;}
.inforTxt { float:right; width:calc(100% - 145px);}
.inforTxt p { font-size:14px; color:#222222; line-height:24px; height:48px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.inforTxt span { background:url(../images/icon2.png) left center no-repeat; display:block; padding-left:20px; line-height:32px; color:#999999; font-size:12px;}
.inforList ul { margin-top:10px;}
.inforList li { font-size:14px; background: url(../images/arrblue.png) 12px center no-repeat; padding-left:35px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:36px;}
.inforList li a { transition:all 0.3s; color:#222222;}
.inforList li:hover a { color:#044096;}
.noticeList { background:url(../images/pic12.jpg) center no-repeat; background-size:cover; background-attachment:fixed; margin:38px auto 0; padding:70px 0 90px;}
.noticeBox { width:1200px; overflow:hidden; margin:0 auto;}
.noticeBox .titleBox p{ color:#fff;}
.noticeBox .inforList li { background:url(../images/arrwiteh.png) 12px center no-repeat;}
.noticeBox .inforList li a { color:#fff;}
.noticeBox .titleBox:after { background:#fff;}
.picSlide { width:1200px; margin:35px auto 0; overflow:hidden;}
.slideBox { float:left; width:32%; margin-right:2%;}
.slideBox:nth-child(3n){ margin-right:0;}
.slidePic { position:relative; padding-bottom:35px;}
.slidePic img { display:block; width:100%;}
.slidePic .swiper-pagination { width:100%; bottom:0;}
.slidePic .swiper-pagination span { outline:none; width:10px; height:10px; border-radius:50%; background:#c9c9c9; opacity:1; margin:0 5px!important;}
.slidePic .swiper-pagination span.swiper-pagination-bullet-active { background:#044096;}
.caseBox { background:#f7f7f7; padding:50px 0 96px; margin-top:35px;}
.caseBar { width:1200px; margin:0 auto;}
.caseTit { border-bottom:1px solid #dcdcdc; position:relative; width:538px; margin:0 auto; text-align:center; line-height:95px; font-size:40px; font-weight:bold; color:#01439a;}
.caseTit:after { content:'CASE'; font-size:62px; background-image:-webkit-linear-gradient(top,rgb(223,223,223),rgba(223,223,223,0)); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; top:-5px;  position:absolute; left:0; line-height:1; text-align:center; width:100%;}
.caseTit span { position:relative; z-index:2; font-weight:bold;}
.caseTit:before { content:''; position:absolute; bottom:0; left:50%; height:4px; width:82px; margin-left:-41px; background:#044086;}
.caseInfor { overflow:hidden; margin-top:64px;}
.caseInfor img { display:block; width:100%;}
.caseImgleft { float:left; width:290px; box-sizing:border-box; position:relative; border:8px solid #fff;}
.caseTag { position:absolute; right:0; bottom:0; width:200px; max-width:80%; text-align:center; color:#fff; font-size:16px; background:rgba(0,0,0,0.5); padding:0 10px; box-sizing:border-box;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius:16px 0 0 0; line-height:40px;}
.caseImgright { float:right; width:900px;}
.topImg { overflow:hidden;}
.imgBar,.caseImgleft { overflow:hidden; position:relative;}
.imgBar img,.caseImgleft img { transition:all 0.5s;}
.imgBar:hover img,.caseImgleft:hover img { transform:scale(1.1);}
.topImg .imgBar { float:left; box-sizing:border-box; border:8px solid #fff; width:32.5%; margin-right:1.25%;}
.topImg .imgBar:nth-child(3n){ margin-right:0;}
.bottomImg { margin-top:10px; overflow:hidden;}
.bottomImg .imgBar { float:left; box-sizing:border-box; border:8px solid #fff; width:49.5%; margin-right:1%;}
.bottomImg .imgBar:nth-child(2n){ margin-right:0;}
.linkBox { width:1200px; margin:0 auto; padding:20px 0; font-size:18px; line-height:35px;}
.linkBox span { font-weight:bold; color:#222222;}
.linkBox a { font-size:14px; color:#999999; transition:all 0.3s; margin-right:8px;}
.linkBox a:hover { color:#044086;}
.footer { background:#044096; padding:58px 0 40px;}
.footerBox { width:1200px; margin:0 auto; overflow:hidden;}
.footerLine { float:left; text-align:center;}
.footerLine img { display:block; margin:0 auto;}
.footerLine p { font-size:29px; color:#fff; position:relative; padding:27px 0 14px; margin-top:20px;}
.footerLine p:after { content:''; position:absolute; left:50%; top:0; width:30px; height:3px; background:#fff; margin-left:-15px;}
.footerLine span { font-size:14px; color:#89b1ea;}
.footerLink { float:left; margin-left:8.125vw;}
.footerLink h2 { line-height:52px; color:#fff; font-size:18px; font-weight:bold;}
.footerLink p { color:#89b1ea; font-size:14px; line-height:30px;}
.footerLink p a { color:#89b1ea;}
.copyRight { color:#89b1ea; background:#044096; line-height:2.5; text-align:center;}
.ewmBox { float:right;}
.ewmPic { width:146px; border:8px solid #fff; box-sizing:border-box; overflow:hidden;}
.ewmPic img { display:block; width:100%;}
.ewmBox p { color:#fff; font-size:14px; line-height:34px; text-align:center;}
.location { width:1200px; margin:0 auto; overflow:hidden;}
.location a { position:relative; transition:all 0.3s; float:left; display:block; line-height:55px; margin-right:20px; font-size:16px; color:#999;}
.location a:hover { color:#000;}
.location a:after {content:''; position:absolute; left:0; bottom:0; width:0; transition:all 0.3s; height:3px; background:#044086;}
.location a:hover:after { width:100%;}
.location a.cur { color:#000;}
.location a.cur:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#044086;}
.newsListbox { background:#F7F7F7; padding:35px 0;}
.newsListbox ul { width:1200px; margin:0 auto; overflow:hidden;}
.newsListbox li { transition:all 0.5s; margin-bottom:10px; padding:8px; background:#fff; box-sizing:border-box; float:left; width:32.5%; margin-right:1.25%;}
.newsListbox li img { transition:all 0.5s; display:block; width:100%;}
.newsImg { overflow:hidden;}
.newsListbox li:nth-child(3n){ margin-right:0;}
.newsTxt { padding:10px;}
.newsListbox li:hover { background:#044096;}
.newsListbox li:hover img { transform:scale(1.1);}
.newsTxt p { transition:all 0.5s; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:2; color:#222;}
.newsTxt span { transition:all 0.5s; color:#999; font-size:14px;}
.newsListbox li:hover p { color:#fff;}
.newsListbox li:hover span { color:#fff;}
.fpage { text-align:center; margin-top:45px;}
.fpage a {color: #888888; background: white; padding: 5px 12px; transition:all 0.5s; margin: 0 4px;}
.fpage a.cur,.fpage a:hover { color:#fff; background:#044096;}
.articleBox { background:#f7f7f7; padding:35px 0;}
.articleTit { text-align:center;font-size:26px; font-weight: 100; margin-bottom: 20px;}
.typeBox { text-align:center;}
.typeBox span { font-size:14px; color:#A0A0A0; margin:0 10px;}
.articleInfor img { display:block; max-width:100%; margin:0 auto 20px;}
.articleInfor { width:1200px; margin:20px auto;}
.articleInfor p { color:#666; font-size:16px; font-weight:100; margin-bottom:20px; text-indent:30px; line-height:2;}
@media screen and  (max-width:1280px){
.topBox { padding:30px 4%; width:100%;}
.nav ul { width:100%;}
.nav li h2 a { font-size:16px; line-height:3;}
.nav li dl dt a { font-size:14px;}
.newsBox { width:100%; padding:0 4%; margin:20px auto;}
.inforLists ,.noticeBox,.picSlide,.caseBar{ width:100%; padding:0 4%;}
.linkBox { width:100%; padding:10px 4%; line-height:1.75;}
.caseImgleft { display:none;}
.caseImgright { width:100%;}
.footerBox,.location,.newsListbox ul { box-sizing:border-box; width:100%; padding:0 4%;}
.articleInfor { width:100%;}
.articleBox { width:100%; padding:35px 4%;}
.articleTit { font-size:24px; line-height:1.25;}
}
@media screen and  (max-width:980px){
	.articleTit { font-size:20px;}
	.newsListbox li { width:49%; margin-right:0;}
	.newsListbox li:nth-child(2n){ float:right;}
	.titleBox p { font-size:20px;}
	.titleBox a { font-size:14px;}
	.newsSlide { width:100%;}
	.newsInfor { width:100%; margin-top:30px;}
	.inforTit { text-indent:0;}
	.newsData { width:auto; padding:5px 10px;}
	.newsData span { font-size:12px;}
	.newsData p { font-size:20px;}
	.newsDates { width:calc(100% - 90px);}
	.newsInfor li { margin-top:10px;}
	.newsDates h2 span { font-size:16px; width:calc(100% - 60px);}
	.inforBar { width:100%; margin-right:0;}
	.slideBox { width:100%; margin-right:0;}
	.newsTag p { width:70%;}
	.picSlide { margin-top:10px;}
	.caseTit { width:100%; font-size:30px; line-height:2.5;}
	.topImg .imgBar { float:none; margin-right:0; width:100%; margin-bottom:8px;}
	.bottomImg .imgBar { width:100%; margin-right:0; margin-bottom:8px;}
	.nav { position:fixed; box-sizing:border-box; padding-top:56px; left:-110%; top:0; width:50%; height:100%; z-index:3;}
	.caseInfor { margin-top:30px;}
	.nav li { float:none; width:100%;}
	.caseBox { padding:50px 0 20px;}
	.friendLink { display:none;}
	.footer { padding:30px 0;}
	.noticeList { padding:50px 0;}
	.footerLine { display:none;}
	.footerLink { width:33.33%; padding-bottom:20px; margin:0; text-align:center;}
	.footerLink h2 { font-weight:normal; font-size:16px; line-height:2;}
	.ewmBox { float:none; margin-top:20px; text-align:center;}
	.ewmPic { margin:0 auto;}
	.topBox { padding:10px 4%;}
	.topBox img { height:30px;}
	.phoneMenu { background:url(../images/menu.png) center no-repeat; width:20px; height:20px; background-size:100% auto; position:absolute; right:4%; top:50%; margin-top:-10px;}
	#screen { position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.5); display:none;}
}
@media screen and  (max-width:640px){
	.newsListbox li { width:100%;}
	.fpage { margin-top:20px;}
	.fpage a { padding:3px 6px;}
	.newsListbox { padding:20px 0;}
	
}

.paging a {
	line-height: 38px;
	padding: 0 15px;
	background: #d2d2d2;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin: 0 5px;
}

.paging .nowpage {
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	background: #1b71d2;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin: 0 5px;
}
.pbanner {
	background-position: center;
	background-position: center;
	width: 100%;
	height: 240px;
	position: relative;
}

.pbanner-iboxt {
	width: 1320px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -660px;
	margin-top: -32px;
	text-align: right;
	z-index: 2;
	color: #fff;
}

	.pbanner-iboxt .cn {
		font-size: 48px;
		font-weight: bold;
	}

	.pbanner-iboxt .en {
		font-size: 30px;
		padding-left: 20px;
	}