@font-face { 
  font-family: '思源黑体'; /*这里是说明调用来的字体名字*/ 
  src: url('../../lib/style/font/SourceHanSansCN-Medium.otf'); /*这里是字体文件路径*/ 
  
} 

.about_{height:460px;
	margin-top:3%;
	margin-bottom:3%;
	
	width:100%;
	position:relative
}
.left_about{
	width:50%; float:left;  height:100%; position:relative
}
.right_about{
	width:50%; float:right; background:#058; position:relative; top:10%
}
.about_back{ background:#e8e8f2; float:left; width:80%; height:100%}

.about_img{ background:#fff;  float:right; position:absolute; left:20%; top:15%}
.about_img img{ width:81%;box-shadow: 0px 0px 15px #888888;}
.case_content li{
	overflow:hidden}
.case_content li>img{
  cursor: pointer;
  transition: all 0.6s;
}
.case_content li:hover>img{
  transform: scale(1.3);
}
.img_right{position:absolute; left:5%; top:10%}
.about_title{font-size:24px; line-height:60px; font-family:'思源黑体'}
.about_name{font-size:30px; margin-top:10px;}
.about_x{border-bottom:3px solid #356eac; width:10%; margin-top:20px; margin-bottom:20px;}
.about_content{width:80%; line-height:25px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.about_gd{display:block; width:80px; line-height:30px; border:1px solid #4c7eb5; text-align:center; color:#655190; border-radius:100px; margin-top:20px;}
.about_gd:hover{color:#655190}
.service_{width:100%; height:600px; background:red;     background-size: cover; margin-bottom:60px;background-size: cover;   
-webkit-background-size: cover;   
-moz-background-size: cover;   
-o-background-size: cover;}
.case_{width:100%; height:100px;  position:absolute; left:12%; width:76%;}
.case_title{text-align:center; line-height:30px; color:#fff; font-size:17.5px; margin-top:5%;}
.case_p{width:5%; border-bottom:2px solid #f3b001; text-align:center; margin:0 auto;}
.case_2title{ text-align:center; color:#fff; opacity:0.8; line-height:30px; margin-bottom:2%}
.case_content{ position:relative}

.case_content ul li{ width:49%; float: left; position:relative; margin-bottom:2%;
	
	}
.case_content ul li img{width:100%;}
.case_content ul li+li{ margin-left:2%;
	}
.case_border{position:absolute; top:4%; width:96%; left:2%; height:90%; /* border: 1px solid rgb(255,255,255,0.5); */border:1px solid #fff;}
.case_content2{width:40%; margin:0 auto; color:#fff; margin-top:15%; float:left; margin-left:10%}
.cpxy_{font-size:20px;}
.yw_{ font-size:11.25px; opacity:0.8}
.case_A_{display:block; width:30px; height:30px; border-radius:100%; background:#fff; float:right; margin-top:15%; margin-right:10%; line-height:30px;}
.fuwu_{width:100%;  background:#e4e4e4; clear:both}
.fuwu_title{
	text-align: center; padding-top: 5%; font-size: 17.5px; color: #23106c; line-height: 30px;
}
.fuwu_ .case_2title{
	color: #23106c;     opacity: 0.8;
    line-height: 30px;
    margin-bottom: 2%;
}
.ker_{text-align: center;	padding-bottom: 20px;}

.ker_ a{
	display: block;
	width: 10%;
	line-height: 30px;
	border: 1px solid #4c7eb5;
	margin: 0 auto;
	color: #220f6b;
	font-size: 8.75px;
	margin-top: 20px;

	border-radius: 100px;
}
.ker_ a:hover{
	color: #220f6b;
}

.news_ .case_2title{
	color: #23106c;
	opacity: 0.8;
}

.news_list{
	width: 60%;
	margin: 0 auto;
}

.news_list ul li{
	height: 100px;
	width: 100%;
	margin-bottom: 3%;
	background: #f4f4f4;

	position: relative;	
}
.news_list ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-container .swiper-slide p.title-en{
	line-height: 14px;
}
.swiper-container .swiper-slide p.title{
	margin-bottom: 5%;
}
.news_list ul li .year_{
	width: 15%;
	height: 100%;
	float: left;
	background: #e4e4e4;
}
.news_list ul li .year_ div{
	text-align: center; 
	font-size: 36px;
}
.news_list ul li .year_ .july_{
	font-size: 16px;
	margin-top: -8px;
	opacity: 0.6;
}
.year_n{
	font-size: 22.5px;
	color: #23106c;
	font-weight: bold;
	margin-top: 1%;
}
.july_{
	font-size: 10px;
	color: #23106c;
}
.year_title{
	width: 78%;
	height: 100%;
	float: left;
	margin-left: 2%;
}
.year_title_{
	font-size: 16px;
	font-weight: bold;
	color: #262627;
	margin-top: 2%;
	margin-bottom: 1%;
}
.year_title_content{
	font-size: 8.75px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	opacity: 0.6;
}
.news_list ul li.actives_{
		border-bottom: 1px solid #220f6b;
}
.news_list ul li.actives_ .year_ {
	background: #23106c;
}

.news_list ul li.actives_ .year_n,.news_list ul li.actives_  .july_{
	color: #fff;
}

.floter_s{
	width: 100%;
	height: 200px;
	background: #262627;
/*	margin-top: 5%;*/
}
.floter_container{
	width: 80%;
	margin: 0 auto;
	height: 100%;
	padding-top: 1.5%;
}
.floter_{
	width: 100%;
	height: 50px;
	background: #2d2d2d;
	text-align: center;
	line-height: 50px;
	color: #fff;
	opacity: 0.8;
}
.floter_left{
	width: 60%;
	height: 100%;
	float: left;
}
.floter_left ul li{
	width: 11%;
	text-align: center;
	float: left;
}
.floter_left ul li{
	border-left: 2px solid #ccc;
	/* border-left: 2px solid #e6e6e6; */
	/* border-left: 2px solid rgb(255,255,255,0.5); */
}
.floter_left ul li a{
	display: block;
	width: 100%;
	/* color: rgb(255,255,255,0.5); */
	color: #ccc;
	/* opacity: 0.6; */
}
.logo_{
	width: 170px;
	height: 50px;
	
	clear: both;
	margin-left: 6%;
}
.floter_right{
	width: 30%;
	 float: left;
	 height: 100%;
	
}
.floter_right ul li {
	position: relative;
	clear: both;
	line-height: 30px;
}
.floter_right ul li p{
	color: #ccc;
	/* color: #fff;
	opacity: 0.5; */
}
.menu_active{
	background: #29176d;
}
.header .menu>li.menu_active a{
	color: #fff;
}
.menu_active p{
	color: #fff;
}
.banner-text .title-en{
	font-size: 14.75px;
}
.banner-text .desc{
	font-size: 10px;
}

.mobile_{
	display: none !important;
}
.pc_{
	display: block;
}
.img_img{
	width:100%;overflow:hidden
}
.floter_ a,.floter_ a:hover{
			color: #fff;

	}
.header .menu>li a{
	font-size: 18px;
	color: #220F6B;
}
.header .menu>li a .news_yy{
	font-size: 12px;
	opacity: 0.6;
}
ul li{
	list-style-type: none;
}
.tops_{
	margin-top: 84px;
}
.main11-4 .main-5 ul li img{
	  cursor: pointer;
  transition: all 0.6s;
}
.main11-4 .main-5 ul li img:hover{
 transform: scale(1.3);
}


 
@media screen and (max-width: 1024px){
	.pc_{
		display: none;
	}
	.mobile_{
		display: block !important;
	}
	.banner-text .pag{
		margin-top: 38px;
	}
	.banner .swiper-slide img.kk{
					display: none;
				}
	div.banner-text {
		width: 100% !important;	
	}
	.mobile_about_img{
		width: 90%;
		margin: 0 auto;
		margin-top: 5%;

		background: red;
	}
	.mobile_about_img img{
		width: 100%;
	}
	.about_title{
		text-align: center;
		font-size: 19px;
	}
	.about_name{
		font-size: 16px;
		text-align: center;
		margin-top: 0px;
	}
	
	.mobile_  p{
		font-size: 12px;
		text-align: center;
	}
	.about_x{
		text-align: center;
		margin: 0 auto;
		line-height: 50px;
		padding-bottom: 10px;
	}
	.img_img{
		width: auto;
	}
	.case_{
		width: 90%;
		left: 5%;
	}
	.case_content ul li{
		width: 100%;
	}
	.case_content ul li+li{
		margin-left: 0px;
	}
	.case_content2{
		margin-top: 12%;
	}
	.case_A_{
		margin-top: 13%;
	}
	.case_content ul li{
		margin-bottom: 9%;
	}
	.case_title{
		margin-top: 10%;
	}
	.case_2title{
		margin-bottom: 10%;
	}
	.about_content{
		margin: 0 auto;
		line-height: 21px;
		    -webkit-line-clamp: 7;
		    width: 90%;
	}
	.about_gd{
		margin: 0 auto;
		margin-top: 15px;
		margin-bottom: 15px;
		width: 100px;
	}
	.news_list{
		width: 90%;
	}
	.news_list ul li .year_{
		width: 25%;
	}
	.year_title{
		width: 72%;
	}
	.news_list ul li{
		height: 80px;
	}
	.year_title_{
		font-size: 12px;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	.ker_ a{
		width: 30%;
	}
	.floter_s{
		display: none;
	}
	.floter_{
		font-size: 12px;
	}
	.mobile_folter{
		font-size: 12px;
		text-align: center;

		background: #2d2d2d;
		color: #fff;
		opacity: 0.6;		
	}
	.mobile_folter a{
			color: #fff;

	}
	.header .menu>li.logo img{
		padding-top: 0px;
	}
	.main .main-1 .main-2{
		width: 100%;
	}
	.header_inner_tab ul li a{
		font-size: 14px;
    color: #220F6B;
	display:block;
	}
	.tops_{
		margin-top: 52px;
	}
	.header_inner_tab{
		background: #fff;
	}
	.header .menu{
		background: #fff;
	}
	.news_list ul li .year_ div{
		font-size: 28px;
	}
	.banner-text .title span{
		font-size: 32px;
	}
	.ker_ a.about_gd{
		font-size: 12px;
		color: #655190;
	}
}