/*滚动条样式*/
::-webkit-scrollbar/*整体部分*/
{width: 1px;height:1px;}
::-webkit-scrollbar-track/*滑动轨道*/
{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0px;background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb/*滑块*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
/*滚动条样式结束*/


html{
  border:none;
  padding:0;
  margin:0;
  list-style: none;
   width: 100%;
		    height: 100vh;	/* 重点一 */
		    margin: 0 auto;
		    background-repeat: no-repeat;
		    background-size: cover; /* 重点二 */
		    overflow: auto;display: table;

}
ul,li{  border:none;
  padding:0;
  margin:0;  list-style: none;}
body{
margin:0px;
}
a{
  text-decoration: none;
  color:#fff;
}



.clearfix:after{
	content:'';
	display:block;
	height:0;
	line-height:0;
	overflow:hidden;
	clear: both;
}

.container{
	max-width:1440px;
	margin:0 auto;
}

.headerTop{
	height:40px;
	background:#093b78;
	line-height:40px;
	color:#fff;
	font-size:14px;
}

.headerTop .collectUs{
	margin-left:30px;
}

.headerTop .collectUs a{
	padding:5px 12px;
	width:22px;
	height:22px;
	margin-right:10px;
	background:url(../images_xin/icon-top_01.png) no-repeat left center / auto 65%;
}

.headerTop .collectUs a:nth-child(22){
	background-image: url(../images_xin/icon-top_02.png);
}

.headerTop .collectUs a:nth-child(2){
	background-image: url(../images_xin/icon-top_03.png);
}

.headerTop .collectUs a:nth-child(4){
	background-image: url(../images_xin/icon-top_04.png);
}

.headerTop .join{
	float:right;
}
.headerTop .join a{
	color:#fff;
	padding:0 5px;
}

.header .logo{
	padding:20px 0;
}

.header .logo .menu{
	display: none;
}

.header .logoBox{
	float:left;
	width:40%;
	display: flex;
	align-items: center;
}

.header .logoBox img{
	width:260px;
	padding-right:20px;
	border-right: 2px solid #00428a;
}

.header .logoBox p{
	flex:1;
	padding-left:20px;
	line-height:1.6;
	font-size:20px;
	font-weight:700;
	color:#5e5e5e;
}

.header .dialog{
	float:right;
	height:78px;
	margin-top:5px;
	width:30%;
	background:url(../images_xin/dialog.png) no-repeat right center / auto 90%;
}




.nav .zs_two{display: none;margin-top: 18px;background:#d1261c;line-height: 30px;}  /* 先使二级菜单的内容隐藏 */
.nav .navBox>li:hover .zs_two{display: block;position: relative; height:50px;background:#d1261c;    z-index: 999999;}   /* 鼠标滑过一级菜单后的显示二级菜单 */
.nav .zs_two li{padding: 5px 0;transition: .4s;cursor: pointer;  background:#d1261c;line-height: 40px;}
.nav .zs_two li:hover{   background:#093b78;}









.zs_bannaggt{width:100%; }
.zs_bannaggt img{width:100%; }






.nav{
	background:#093b78;
	
}

.nav{
	background:#093b78;
	
}

.navBox{
	display: flex;position: relative;
    height: 53px;
}

.navBox li{
	list-style: none;
	text-align:center;
	flex:1;
	padding:14px 0;
}

.navBox li a{
	color:#fff;
	display:block;
}
.navBox li:hover{
	background:#d1261c;
}
.navBox li.active{
	background:#d1261c;
}


.banner .search{
	width:800px;
	margin:-30px auto 50px;
	position:relative;
	z-index:9;
	display:flex;
	background:#fff;
	
}
.banner .search:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	padding:8px;
	background:rgba(255,255,255,0.2);
	top:50%;
	left:50%;
	position: absolute;
	transform: translate(-50%,-50%);
	box-shadow:0 0 15px rgba(0,0,0,0.1);
	z-index:-1;
}

.banner .search span{
	width:50px;
	height:50px;
	background:url(../images_xin/icon-search.png) no-repeat center / 60%;
	position:relative;
	margin-left:10px;
}

.banner .search span:after{
	content:'';
	display:block;
	width:1px;
	height:60%;
	top:20%;
	position: absolute;
	background:#ccc;
	right:-6px;

}

.banner .search input{
	flex:1;
	border:0;
	padding-left:15px;
	outline: none;
	font-size:16px;
}

.banner .search button{
	width:130px;
	height:50px;
	background: #d1261c;
	color:#fff;
	border:0;
	font-size:18px;
}

.characteristic{
	padding:30px 10% 50px;
	display: flex;
	box-sizing:border-box;
}

.characteristic figure{
	flex:1;
	position:relative;
}

.characteristic figure:after{
	content:'';
	display:block;
	width:1px;
	height:44%;
	right:0;
	top:12%;
	background:#00428a;
	position: absolute;
}

.characteristic figure:last-child:after{
	display:none;
}

.characteristic figure img{
	width:80px;
	margin:0 auto;
}

.characteristic figcaption{
	text-align:center;
	line-height:2;
	font-weight:700;
	font-size:20px;
	color:#00428a;
}

.characteristic figcaption span{
	color:#d1261c;
}


.news{
	background:#f8f8f8;
	padding:40px 0;
}

.newsBox{
	display: flex;
}

.newsPart{
	flex:1;
}

.newsPart:first-child{
	padding-right:24px;
}

.newsPart:last-child{
	padding-left:24px;
}

.newsPart h3{
	margin:10px 0 16px;
	background:url(../images_xin/title-icon.png) no-repeat 0px center / auto 100%;
	padding-left:60px;
	line-height:2;
	font-size:20px;
}

.newsPart h3 a{
	float:right;
	font-size:14px;
	color:#0e2b58;
	margin-top:10px;
	font-weight:500;
}

.videoBox{
	height:400px;
	position: relative;
	background:#000;
}

.videoBox video{
	display:block;
	width:100%;
	height:100%;
}

.videoControl{
	position: absolute;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.8);
	top:0;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.videoControlBox img{
	width:80px;
	margin:0 auto;
	cursor: pointer;
}

.videoControlBox p{
	line-height:2;
	color:#fff;
	text-align: center;
	font-size:15px;
	margin-bottom:20px;
}



.bannerjjr{
 width: 120vh;
height: auto;  border:none;
  padding:0;
  margin:0;
  list-style: none;background:url(./bg.jpg)repeat center;
   width: 100%;
		    height: 100vh;	/* 重点一 */
		    margin: 0 auto;
		    background-repeat: no-repeat;
		    background-size: cover; /* 重点二 */
		    overflow: auto;display: table;
  


}
.bannerjjr .head{
  width:100%;
  height:50px;
  background:#093b78;
  position: fixed;
  top:0;
  left:0;
}

.bannerjjr .head ul{
  width:1200px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
}
.bannerjjr .head ul li{
  font-size: 14px;
  line-height: 50px;
  color:#fff;
  position: relative;
}
.bannerjjr .head img:first-child{
  position: absolute;
  top:14px;
  left:80px;
}
.bannerjjr .head img:last-child{
  position: absolute;
  top:14px;
  left:120px;

}
.bannerjjr .count a{
  height:16px;
  margin-top:20px;
  line-height:16px;
}
.bannerjjr .count a:first-child{
margin-right:10px;
padding-right:10px;
display: inline-block;
border-right:1px solid #fff;
}
.bannerjjr .content{
  width: 730px;
padding: 60px 170px;margin: 0px auto;
}
.bannerjjr select,input,button{
  border:none;
  background:#fff;
}
.bannerjjr form{
  position: relative;
  margin-bottom:50px;
}
.bannerjjr select{
  margin:0;
  width:220px;
  height:80px;
  font-size: 24px;
  text-align: center;
  padding:0 40px;
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*替换选择框的最右侧显示小箭头图片*/
  background: #efefef url("./sel.png") no-repeat scroll ;

background-position: 90% 50%
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.bannerjjr select::-ms-expand { display: none; }

.bannerjjr input{
  width:380px;height:80px;
  margin:0;
  padding:0;
  position: absolute;
  top:0;
  left:220px;
  text-indent:20px;
  color:#093b78;
  font-size: 24px;
}
.bannerjjr button{
  position: absolute;
  top:60px;
  left:770px;
  width:120px;
  height:80px;
  background: #fff url(./button_bg.png)no-repeat ;
  background-position:60% 50%;
}
.bannerjjr .show{
 width: 657px;
background: #fff;
box-shadow: 2px 3px 12px 1px rgba(0,0,0,.3);
border: 2px solid #fff;
border-radius: 20px;
padding-bottom: 80px;
margin-left: 34px;
}
.bannerjjr .show h2{
  background:url(./tan.png)no-repeat center;
  text-align: center;
  background-position:30% 50%;
  color:#cb212e;
  line-height: 50px;
  border-bottom:2px dashed #474444;
}
.bannerjjr .show ol{
  display: flex;
}
.bannerjjr .show ol li:first-child{
  background:url(./cha.png)no-repeat center left;
  padding-left:40px;
}
.bannerjjr .show ol li:last-child{
  background:url(./dui.png)no-repeat center left;
  padding-left:40px;
  margin-left:40px;
}
.bannerjjr .show2{
  width:620px;
 float: left;margin-left: 21px;
}
.bannerjjr .show2 ul{
display: flex;
justify-content: 
space-between;
font-size: 24px;
box-shadow: 2px 3px 12px 1px rgba(0,0,0,.3);
border: 2px solid #fff;border-radius:20px;
margin: 15px 15px;
float: left;
background: #fff;
width: 620px;
padding: 15px 15px;
}
.bannerjjr .show2 ul .des{
  padding-top:20px;
}


.jjrcx{width: 544px;
height: auto;
text-align: center;
font-size: 57px;
color: #fff;
margin: 0px auto;
padding-top: 150px;

text-shadow: 5px 5px 5px #4a4a4a;
　　-webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3));

}
/*************************************/
#rmdxan{    width: 360px;   position:absolute; bottom:-100px; right:20px; }

@media screen and (max-width:1500px) {

#rmdxan{ width: 280px;   position:absolute; bottom:-100px; right:20px;}
#rmdxan img{width:280px;}

}


@media screen and (max-width:1200px) {

#rmdxan{ width: 200px;   position:absolute; bottom:9px; right:20px;}
#rmdxan img{width:200px;}

}


@media screen and (max-width:800px) {

#rmdxan{ width: 200px;   position:absolute; bottom:9px; right:20px;}
#rmdxan img{width:200px;}

}


















@media screen and (max-width:1200px) {
	body{
		padding-top:51px;
	}
	.container{
		overflow: hidden;
	}
	.headerTop,.header .dialog,.logoBox p{
		display: none;
	}

	.header .logoBox img{
		border:0;
		width:90px;
		padding-left:10px;
	}

	.nav{
		position:fixed;
		height:100%;
		width:100%;
		left:0;
		top:0;
		z-index:99999;
		background:rgba(0,0,0,0.5);
		display: none;
	}

	.header .logo{
		padding:10px 0;
		position: fixed;
		top:0;
		left:0;
		background:#fff;
		width:100%;
		z-index:99;
		box-shadow: 0 5px 10px 0 rgba(0,64,128,.05);
	}

	.header .logo .menu{
		display: block;
		width:31px;
		height:31px;
		margin-right:10px;
		float:right;
		background:url(../images_xin/icon-menu.png) no-repeat center / 90%;
	}

	.navBox{
		display: block;
		width:40%;
		height:100%;
		float:left;
		background: #093b78;
		padding-top:20px;
	}

	.navBox li{
		padding:0;
		text-align:right;
	}

	.navBox li a{
		padding:8px 20px;
	}

	.banner .search{
		width:90%;
		margin:20px auto;
	}

	.banner .search span{
		height:30px;
		width:30px;
	}

	.banner .search input{
		font-size:12px;
	}


	.banner .search button{
		height:30px;
		font-size:15px;
		width:70px;
	}

	.characteristic{
		padding:10px;
	}

	.characteristic figure img{
		width:50px;
	}

	.characteristic figcaption{
		font-size:12px;
		line-height:1.5;
		padding:10px 0;
	}

	.characteristic figure:after{
		height:32%;
	}

	.news{
		padding: 0;
	}

	.newsBox{
		display: block;
	}

	.newsPart h3{
		font-size:15px;
		padding:0 10px 0 40px;
	}

	.newsPart h3 a{
		margin-top:0;
	}

	.newsPart:first-child{
		padding:10px;
	}

	.videoBox{
		height:220px;
	}

	.newsPart:last-child{
		padding:10px;
	}


	.newsPart .picBox figure img{
		width:110px;
		height:70px;
	}

	.newsPart .picBox figcaption{
		padding-top: 0;
		height:auto;
	}

	.newsPart .picBox figcaption h4{
		font-size:13px;
		line-height:20px;
		width:100%;
	}

	.newsPart .picBox figcaption p{
		overflow:hidden;
		width:100%;
		text-overflow:ellipsis;
		/*white-space:nowrap;*/
		height:32px;
		font-size:12px;
		line-height:16px;
	}

	.newsList li span{
		width:100px;
	}

	.newsList li{
		font-size:14px;
		line-height:36px;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.history{
		padding:10px 0;
	}

	h2{
		background:url(../images_xin/icon-title.png) no-repeat 10px bottom / auto 70%;
		font-size:16px;
		padding-left: 110px;
	}

	h2 span{
		display: none;
	}

	h2 a{
		margin-right: 10px;
	}

	.historyBox .item.active{
		width:46%;
	}

	.historyBox{
		display: block;
	}

	.historyBox .item{
		width:46%;
		height:auto;
		margin:2%;
	}

	.historyBox .item img{
		width:100%;
	}

	.historyBox .item p{
		width:94% !important;
		font-size:12px;
	}

	.historyBox .itemCover p{
		/*display:block;*/
	}

	.historyBox .item.active .itemCover{
		background: rgba(0,66,140,0.6);
	}

	.swiper1{
		margin-top:20px;
	}

	.hot{
		padding-bottom:10px;
	}

	.recommendBox {
		margin:20px 10px 0;
	}

	.recommendBox figure{
		width:48.5%;
		margin-right:3%;
		padding:6px;
	}

	.recommendBox figure:nth-child(3n){
		margin-right:3%;
	}

	.recommendBox figure:nth-child(2n){
		margin-right:0%;
	}

	.recommendBox figcaption{
		padding-bottom:30px;
	}

	.recommendBox figcaption h4{
		font-size:13px;
	}

	.recommendBox figcaption h4 span{
		font-size:12px;
		padding:0 5px;
	}

	.recommendBox figcaption a{
		top:auto;
		bottom:0px;
		padding:4px 10px;
		font-size:12px;
	}

	.recommendBox figcaption p{
		margin-top:4px;
		font-size:12px;
	}

	.consult{
		padding:0 0 20px;
	}

	.swiper2 .textInfo h4{
		font-size:15px;
	}

	.swiper2 .textInfo p{
		font-size:13px;
	}

	.swiper2{
		margin-top:20px;
		padding:20px 10px;
	}

	.example{
		padding:20px 0;
	}

	.exampleBox figure{
		width:94%;
		margin:10px auto;
		float:none;
	}

	.exampleBox figure .imgBox p{
		font-size:16px;
	}

	.exampleBox figcaption a{
		color:#222;
		font-size:14px;
	}

	.exampleBox figure:last-child{
		margin-right: auto;
	}

	.honor{
		padding:20px 0;
	}

	.swiper3{
		padding:20px 0px 0;
		margin:0 30px;
	}

	.honorBox .swiper-button-next, .honorBox .swiper-button-prev{
		width:30px;
		height:30px;
		top:46%;
	}

	.swiper3 .textInfo{
		font-size:14px;
	}

	.online{
		padding:20px 0;
	}

	.onlineBox .left{
		width:94%;
		float:none;
		margin:10px auto;
	}

	.onlineBox .left .videoBox{
		height:220px;
	}

	.onlineBox .right{
		width:96%;
		margin:0 auto 10px;
		float: none;
		display: flex;
	}

	.onlineBox .right figure{
		flex:1;
		margin:8px 5px;
	}

	.onlineBox .right figure img{
		width:100%;
		height:64px;
	}

	.onlineBox .right figcaption{
		font-size:14px;
		padding-left:20px;
		display:none;
	}

	.onlineBox .right figure.active:after{
		left:50%;
		top:-8px;
		width:8px;
		height:8px;
		transform: rotate(45deg) translateX(-50%);
	}

	.other{
		padding:20px 0;
	}

	.otherBox{
		padding:10px;
		margin-top:10px;
	}

	.otherBox a{
		width:22%;
		margin-right:4%;
		height:42px;
	}

	.otherBox a:nth-child(7n){
		margin-right:4%;
	}

	.otherBox a:nth-child(4n){
		margin-right:0%;
	}

	.contact{
		padding:30px 0;
	}

	.footer-pop{
		display: none;
	}

	.contactBox .wxCode{
		width:94%;
	}

	.contactBox .item{
		width:94%;
		padding:10px 10px 0 10px;
	}

	.contactBox h3{
		font-size:16px;
	}

	.contactBox p{
		font-size:14px;
	}

	.footerSearch h3{
		width:100%;
		text-align:center;
		line-height:1.6;
		font-size:18px;
	}

	.footerSearch p{
		width:100%;
		padding:10px 20px;
		box-sizing: border-box;
		font-size:14px;
		line-height:24px;
	}

	.footerSearch form{
		width:60%;

		box-sizing:border-box;
		margin:0 20%;
		display: block;
	}

	.footerBottom{
		padding:10px;
	}