/* 布局 */
     .wp{max-width: 1580px; margin: 0 auto;}
     @media only screen and (min-width: 950px) and (max-width: 1920px) {
   	.wp{max-width: 82.29vw; margin: 0 auto;}
     }
     @media only screen  and (max-width: 950px) {
   	.wp{max-width:none; padding: 0 30px;}
     }
     @media only screen  and (max-width: 500px) {
     	.wp{padding: 0 20px;}
     }
     video{outline: none;}
     body{
   	  font-family: Microsoft YaHei;
   	  /* background-color: #f5f7fa; */
   	  color: #333;
     }
     a{color: white; transition: .5s;}
     a:hover{color:/*#2A7DB9*/#c7ad7e ;}
     .a a{display: block;}
     
     /* 裁剪 */
     .ofh{overflow: hidden;}
     /* 左浮动 */
     .fl,.col-l{float: left;}
     /* 右浮动 */
     .fr,.col-r{float: right;}
     /* 相对定位 */
     .por{position: relative;}
     /* 高100% */
     .h100full{height: 100%;}
     /* 宽100% */
     .w100full{width: 100%;}
     .allfull{width: 100%;height: 100%;}
     /* 默认图片 */
     img{width: 100%;vertical-align: middle; transition: .5s;}
     
     /* 清除浮动 */
     .htover::after{
     	content: '';
     	display: table;
     	clear: both;
     }
     
     /* 文本行数限制 1行 */
     .txtof1{
     	overflow:hidden;
     	white-space: nowrap;
     	text-overflow: ellipsis;
      }
      /* 文本行数限制 2行 */
      .txtof2{
     	overflow:hidden;
     	display:-webkit-box; 
     	-webkit-box-orient:vertical; 
     	-webkit-line-clamp:2; 
     	text-overflow:ellipsis
      }
      /* 文本行数限制 3行 */
      .txtof2-3{text-align: left;
     	-webkit-line-clamp:3; 
      }
      /* 文本行数限制 4行 */
      .txtof2-4{
   	   overflow:hidden;
   	   display:-webkit-box; 
   	   -webkit-box-orient:vertical; 
     	-webkit-line-clamp:4;
   	text-overflow:ellipsis
      }
      /* 文本行数限制 5行 */
      .txtof2-5{
     	-webkit-line-clamp:5; 
      }
      
      /* 水平居中 */
      .mid-w{position: relative;left: 50%;transform: translateX(-50%);}
      /* 垂直居中 */
      .mid-h{position: relative;top: 50%;transform: translateY(-50%);}
      /* 水平+垂直居中 */
      .mid-all{position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
      
      
      
   
   
	
	.wp1600 {
		max-width:1600px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 0 15px;
	}
	
	.wp1400 {
		max-width: 1400px;
		margin: 0 auto;
	}
	
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0);
		color: #fff;
		z-index: 999;
		transition: .5s;
		padding-top: 10px;
	}
	.header.on{
		background-color: #002147;
		padding-top: 0;
	}
	.header.on::after{
		opacity: 0;
	}
	.header:after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 144px;
		background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.05) 95%, rgba(0, 104, 183, 0.05) 100%);
		transition: .5s;
	}
	.header .wp1600{
		position: relative;
		z-index: 10;
	}
	.header .hdr {
		position: relative;
		height: 84px;
	}
	
	.header .logo {
		float: left;
		overflow: hidden;
		display: flex;
		align-items: center;
		padding-top: 10px;
	}
	.header .logo .lg{
		width: 290px;
		margin-right: 10px;
	}
	.header .logo .t{
		font-size: 34px;
		color: #fff;
		border-left: 1px solid #fff;
		line-height: 1.2;
		padding-left: 10px;
		font-weight: bold;
		position: relative;
		margin-top: -10px;
	}
	.header .logo .t::after{
		content: '';
		position: absolute;
		left: 0;
		top: 2px;
		bottom:10px;
		
	}
	
	
	.nav {
		float: right;
		
	}
	
	.nav li {
		float: left;
		margin: 0 16px;
	}
	
	.nav .con {
		position: relative;
	}
	
	.nav .con .tit {
		font-size: 18px;
		position: relative;
		color: #fff;
		height: 84px;
		line-height: 84px;
		display: inline-block;
	}
	
	
	.g-libbtn:hover {
		background-color: #007ac6;
	}
	
	.g-libbtn,
	.nav {
		/* top: 48%; */
	}
	
	.subnav {
		position: absolute;
		left: 50%;
		top:80%;
		transform: translate(-50%, 0);
		display: none;
		border-bottom-color:transparent;
		min-width: 170%;
		box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	}
	
	.subnav a {
		display: block;
		padding: 14px 8px;
		font-size: 14px;
		line-height: 1;
		background-color: #fff;
		white-space: nowrap;
		border-bottom: 1px solid #f5f5f5;
		color: #999;
		transition: .5s;
		text-align: center;
	}
	
	.subnav a:hover {
		color: #cbb180;
		background-color: #f7f7f7;
	}
	
	
	
	
	
	.footer {
		background-color: #fff;
		color:#000;
		background: url(../images/index/footer_bg.png) no-repeat center;
		background-size: cover;
	}

	.footer a {
		color:#000;
	}
	
	.footer a:hover {
	}
	
	.footer .ftr1 {
		/* background: url(../images/index/bg2.png) no-repeat center; */
		background-size: cover;
		padding-top: 40px;
	}
	.footer .ftr1 .wp1600{
		display: flex;
		justify-content: space-between;
	}
	.footer .cont{
		padding-top: 38px;
		padding-bottom: 57px;
	}
	.footer .infos{
		color: #fff;
		display: flex;
		align-items: ;
		
	}
	.footer .infos .logo{
		width: 352px;
		/*padding-top: 46px;*/
		margin-right: 50px;
		
	}
	
	.footer .info{
		display: flex;
	}
	.footer .cont .tit{
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: 700;
		color: #fff;
	}
	.footer .info .cc{
		width: 306px;
		font-size: 14px;
		line-height: 32px;
		color: #b6b7b9;
	}
	
	
	
	
	
	
	.footer .shares{
		width: 400px;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.footer .shares ul {
	    display: flex;
	    margin-top: 31px;
	}
	
	.footer .shares li {
	    width: 25%
	}
	
	.social-media-item {
	    position: relative
	}
	
	.social-media-item .icon {
	    width: 56px;
	    height: 56px;
	    margin: 0 auto;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-image: url(../images/index/icon_wechat.png)
	}
	
	.social-media-item .title {
	    margin-top: 16px;
	    padding: 8px 0;
	    text-align: center;
	    line-height: 1;
	    font-size: 14px;
	    background-color: rgba(255, 255, 255, .01);
	    white-space: nowrap;
	    -webkit-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	    transition: all .3s ease;
		color: #fff;
	}
	
	.social-media-item:hover .title {
	    color: #cbb180;
	    background-color: rgba(255, 255, 255, .1)
	}
	
	.social-media-item .qrcode::after {
	    content: "";
	    position: absolute;
	    left: 50%;
		transform: translateX(-50%);
	    bottom: 100%;
	    border: 12px solid transparent;
	    border-bottom-color: #62768e
	}
	
	.social-media-item .qrcode {
	    position: absolute;
	    left: 50%;
		transform: translateX(-50%);
	    top: 110%;
	    width: 100%;
	    padding: 6px;
	    background-color: #62768e;
	    border-radius: 8px;
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	    transition: all .3s ease;
		z-index:3
	}
	
	.social-media-item .qrcode img {
	    width: 100%;
	    height: auto
	}
	
	.social-media-item:hover .qrcode {
	    opacity: 1;
	    visibility: visible
	}
	
	.social-media-item.i1 .icon {
	    background-image: url(../images/index/icon_wechat.png)
	}
	
	.social-media-item.i1:hover .icon {
	    background-image: url(../images/index/icon_wechat_active.png)
	}
	
	.social-media-item.i2 .icon {
	    background-image: url(../images/index/icon_douyin.png)
	}
	
	.social-media-item.i2:hover .icon {
	    background-image: url(../images/index/icon_douyin_active.png)
	}
	
	.social-media-item.i3 .icon {
	    background-image: url(../images/index/icon_weibo.png)
	}
	
	.social-media-item.i3:hover .icon {
	    background-image: url(../images/index/icon_weibo_active.png)
	}
	
	.social-media-item.i4 .icon {
	    background-image: url(../images/index/icon_wechat_shipin.png)
	}
	
	.social-media-item.i4:hover .icon {
	    background-image: url(../images/index/icon_wechat_shipin_active.png)
	}
	
	
	
	
	
	.footer .ftr2 {
		padding: 18px 0;
		line-height: 1;
		color: #999;
		font-size: 12px;
		text-align: center;
		position: relative;
	}
	.footer .ftr2::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		max-width: 1600px;
		margin: 0 auto;
		height: 2px;
		background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, 0) 100%);
		background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, 0) 100%);
		background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, 0) 100%);
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, 0) 100%);
	}
	.footer .ftr2 .wp1600{
	}
	
	.footer .ftr2 .txts a,
	.footer .ftr2 a{
		color: #999;
	}
	.footer .ftr2 .tags .tag:last-of-type::after{
		display: none;
	}
	.footer .ftr2 .tags .tag::after{
		content: '|';
		margin: 0 5px 0 8px;
	}
	.footer-copyright{
		position: relative;
	}
	
	
	
	
	
	
	/* 移动端头部 */
	.header-phone {
		height: 50px;
		background-color: #002147;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		box-shadow: 0 0 5px rgba(0, 0, 0, .1)
	}
	
	.header-phone .hdr {
		height: 100%;
		/* overflow: hidden; */
		position: relative;
	}
	
	.header-phone .hdr::after {
		content: '';
		display: table;
		clear: both;
	}
	
	.header-phone .logo {
		display: flex;
		align-items: center;
		color: #fff;
		
	}
	.header-phone .logo  .t{
		color: #fff;
		padding-left: 5px;
		font-size: 15px;
		font-weight: bold;
	}
	.header-phone .logo .p{
		width:166px;
		
	}
	
	/* 移动端按钮 */
	.menuBtn {
		position: absolute;
		right: 0px;
		width: 25px;
		display: block;
		cursor: pointer;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-ms-transition: .5s;
		-o-transition: .5s;
		transition: .5s
	}
	
	.menuBtn b {
		display: block;
		content: '';
		width: 100%;
		height: 3px;
		background-color: #fff;
		margin-bottom: 5px;
		transition: .5s;
		transform: rotateZ(0);
		opacity: 1;
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotateZ(0);
		-o-transform: rotateZ(0);
		opacity: 1;
	}
	
	.menuBtn b:last-child {
		margin-bottom: 0;
	}
	
	.menuBtn.on b {
		opacity: 0;
	}
	
	.menuBtn.on b:first-child {
		opacity: 1;
		transform: translateY(10px) rotateZ(41deg);
		-webkit-transform: translateY(10px) rotateZ(41deg);
		-moz-transform: translateY(10px) rotateZ(41deg);
		-ms-transform: translateY(10px) rotateZ(41deg);
		-o-transform: translateY(10px) rotateZ(41deg);
	}
	
	.menuBtn.on b:last-child {
		opacity: 1;
		transform: translateY(-6px) rotateZ(-44deg);
		-webkit-transform: translateY(-6px) rotateZ(-44deg);
		-moz-transform: translateY(-6px) rotateZ(-44deg);
		-ms-transform: translateY(-6px) rotateZ(-44deg);
		-o-transform: translateY(-6px) rotateZ(-44deg);
	}
	
	.nav-ph {
		position: fixed;
		left: 0;
		right: 0;
		top: 50px;
		text-align: center;
		background: rgba(37, 69, 122, .9);
		padding-top: 0;
		display: none;
		overflow-y: auto;
		z-index: 999;
	}
	
	
	.nav-ph .con {
		position: relative;
		padding: 6px 24px;
		text-align: left;
	}
	
	.nav-ph .arr {
		position: absolute;
		right: 20%;
		top: 0;
		background: url(../images/index/arr.png) no-repeat center;
		background-size: 100%;
		width: 13px;
		height: 30px;
		transition: .5s;
	}
	
	.nav-ph .arr.on {
		background-image: url(../images/index/arr-on.png);
		transform: rotateZ(90deg);
	}
	
	.nav-ph a {
		font-size: 16px;
		color: #fff;
	}
	
	.nav-ph .con>a {
		height: 30px;
		line-height: 30px;
	}
	
	.sub-navph {
		padding: 15px 0;
		display: none;
	}
	
	.sub-navph a {
		font-size: 15px;
	}
	
	.sub-navph dd {
		margin-bottom: 10px;
	}
	
	.header-phone {
		display: none;
	}
	
	
	@media only screen and (max-width: 1300px) {
		.header .logos {
			margin-right: 100px;
		}
	}
	
	@media only screen and (max-width: 950px) {
		body{
			padding-top: 50px;
		}
		.header {
			display: none;
		}
	
		.header-phone {
			display: block;
		}
	
		.wp1600,
		.wp1400,
		.wp {
			max-width: none;
			padding: 0 15px;
		}
		.footer .ftr1{
			padding-top: 20px;
		}
		.footer .infos .logo{
			padding-top: 0;
		}
		.footer .ftr1 .wp1600{
			display: block;
		}
		.footer .infos{
			display: block;
		}
		.footer .infos .logo{
			width: 243px;
			margin: 0 auto;
		}
		.footer .cont{
			padding: 32px 0 32px 84px;
		}
		.footer .info{
			display: block;
		}
		.footer .shares{
			width: auto;
			padding: 0 0 0;
			
		}
		.footer .shares ul{
			margin-top: 0;
		}
		.social-media-item .icon{
			width: 47px;
			height: 47px;
		}
		.social-media-item .title{
			font-size: 13px;
			margin-top: 12px;
			padding: 5px 0;
			margin-bottom: 15px;
		}
		.social-media-item .qrcode {
		    opacity: 1;
		    visibility: visible;
			box-sizing: border-box;
			width: 90%;
			top: 0;
			position: relative;
			left: 50%;
			transform: translateX(-50%);
		}
		.footer .ftr2{
			line-height: 2;
			font-size: 12px;
		}
		.shares>p{
			padding: 9px 0 18px;
			font-size: 12px;
			color: #B6B7B9;
			text-align: center;
		}
		.footer .info .cc{
			width: auto;
		}
	}
	
	
	

	
	
	
	
	/* 新增 */
	.header-all .search{
		position: relative;
		cursor: pointer;
	}
	.g-hdsearch{
		position: absolute;
		right: -10px;
		bottom: -10px;
		transform: translateY(100%);
		width: 250px;
		height: 45px;
		line-height: 45px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, .2);
		display: none;
	}
	.g-hdsearch .ipt{
		width: 220px;
		
	}
	.g-hdsearch .ipt input{
		width: 100%;
		border: none;
		outline: none;
		box-sizing: border-box;
		padding: 0 15px;
		height: 45px;
		display: block;
	}
	.g-hdsearch .btn{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 10px;
		background: url(../images/index/icon1-2.png) no-repeat;
		background-size: 20px;
		width: 20px;
		height: 20px;
		cursor: pointer;
	}
	
	@media only screen and (max-width: 950px) {
		.g-hdsearch{
			top: 2px;
			right: 0;
			width: 200px;
			height: 30px;
			line-height: 30px;
		}
		.g-hdsearch .ipt{
			height: 30px;
			width: 180px;
		}
		
		.g-hdsearch .ipt input{
			padding: 0 10px;
			height: 30px;
		}
		.g-hdsearch .btn{
			width: 15px;
			height: 15px;
			background-size: 100%;
			right: 5px;
		}
	}
	 /* 当屏幕宽度小于等于768px时，应用以下样式 */
	 @media only screen  and (max-width: 768px) {
		 .gradute-item {
			 flex: 0 0 calc(50% - 10px);
			 min-width: calc(50% - 10px);
		 }
		 .gradute-item {
			 width: 100%; /* 在小屏下，让每个(gradute-item)占满全宽，即每行一列 */
			 margin-right: 0; /* 移除右侧间距 */
		 }
	 }