/* DIN */
@font-face {
	font-family:"Inter-Regular";
	src:url(../font/Inter-Regular.otf ) ;
}

@font-face {
	font-family:"Inter-Medium";
	src:url(../font/Inter-Medium.otf ) ;
}

@font-face {
	font-family:"Inter-Bold";
	src:url(../font/Inter-SemiBold.otf) ;
}

.Inter-Regular ,
.info p ,
.tittle-line3 p{ font-family:"Inter-Regular"; }

.Inter-Medium,
.ft-content p,
.inner-about-sustech h1 { font-family:"Inter-Medium"; }

.Inter-Bold ,
.co-tittle,
.t-name ,
.workshops-tittle ,
.news-tittle ,
h3.jb_tittle ,
button.btn-videos,
.news-tittle, .txtlength_limit ,
.prize-sort table thead tr td ,
.inner-cotitle { font-family:"Inter-Bold"; }


.icon-circle-videos {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	cursor: pointer;
}

.icon-circle-videos::before {
	content: "";
	width: 0;
	height: 0;
	border: 7px transparent solid;
	border-left: 10px #002839 solid;
	border-right: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);	
}



body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #002839;	
	background: #fff;
	cursor:default;
	position: relative;
	font-family:"Inter-Medium", Helvetica Neue, Helvetica, Arial, sans-serif;	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	cursor: default;
}


h1,h2,h3,h4,h5,h6 { cursor: pointer; }

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd { margin: 0; padding: 0;list-style: none; text-align: left; }

a { font-weight: normal; display: inline-block; text-underline: none; text-decoration: none; color: #002839; cursor: pointer; }

 li a ,
 dt a ,
 dd a ,
.swiper-slide a { cursor: pointer;  display: block; width: 100%; height: 100%; text-decoration: none; position: relative; overflow: hidden;  cursor: pointer;}

 li:hover a ,
 dt:hover a ,
 dd:hover a { text-decoration: none; color: #002839; }
 
 /* 内容 编辑器 */
 table { max-width: 100%; border:0 ;}
 table thead tr td,
 .firstRow td { background-color: #eee;  }
 table tr td { border:0 ; padding: .25rem .4rem;  }
 
 table tbody tr td { border-bottom: 1px #eee solid ; background-color: #fff; border-right: 1px #eee solid ;}
 table tbody tr td:last-child { border-right:none; }
 
.content table { width: 100%; height: auto; } 

button, input, optgroup, select, textarea { font-family:"SY-Regular", Helvetica Neue, Helvetica, Arial, sans-serif; }

p,
.content p { font-size: .18rem; line-height: 1.35;   }

input {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0) ;
}

input,button {outline:none;	border-style: none; background-color:transparent; box-shadow: none;	}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none;  background-color:transparent; box-shadow: none; }
input[type="number"]{ -moz-appearance: textfield; } 

input::-webkit-autofill { 
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
 
select { appearance: none; position: relative;cursor: pointer; }   
 
hr { margin-top: 50px; margin-bottom: 50px; border-color: #eee; }

img ,video { border: none; max-width: 100%; object-fit: cover; cursor: pointer; }

.phone { display: none !important;  }

.swiper-container,
.swiper {  width: 100%;   height: 100%; overflow: hidden;}

.swiper-slide {
	text-align: center;
	font-size: 18px;	
	/* background-color: #f8f8f8; */
	/* 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;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.swiper-button-next {  right: 30px; cursor: pointer; }
.swiper-button-prev {  left: 30px; cursor: pointer;}

.swiper-button-prev:after,
.swiper-button-next:after {	content: ""; color: #024146; }

.swiper-pagination-progressbar { background-color: #eee; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #024146; } 

.swiper-group-btn { 
	position: relative;
	display: flex;
	justify-content: flex-end;
	flex-flow: row nowrap;
	align-items: flex-end;
	/*margin-top: -85px;*/
 } 

.swiper-group-btn div {
    position: relative;
    width: auto;
	bottom: 0;
	line-height: .45rem;
	min-width: .45rem;
	text-align: center;
    margin: 0px 24px; 
	font-size: 20px;
}

.swiper-group-btn .swiper-button-next { margin: 0; right: 0;}

.swiper-group-btn .swiper-button-prev,
.swiper-group-btn .swiper-button-next {
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	background-color: #f6f8f9;
	cursor: pointer;
	outline: none;
	transition: all .3s;
}

.swiper-group-btn .swiper-button-prev:hover,
.swiper-group-btn .swiper-button-next:hover { background-color: #0085bd !important; transition: all .3s;}

.swiper-group-btn .swiper-button-prev i::after,
.swiper-group-btn .swiper-button-next i::after,
.swiper-group-btn .swiper-button-prev i::before,
.swiper-group-btn .swiper-button-next i::before { border-color: #002839; transition: all .3s;}


.swiper-group-btn .swiper-button-prev:hover i::after,
.swiper-group-btn .swiper-button-next:hover i::after ,
.swiper-group-btn .swiper-button-prev:hover i::before,
.swiper-group-btn .swiper-button-next:hover i::before { border-color: var(--color_fff); transition: all .3s;}



/* 网站颜色设置 */
:root {
	--theme_color : #0085bd;
	
	--orange : #fc8122;
	--green: #002839;
	--yellow: #f1ee00;
	--skyblue: #2db7b3;	
	--pink: #e4cbbc;
	--deepblue : #002839;
	
	--txtcolor_000: #000000;	
	--txtcolor_333: #333333;
	--txtcolor_666: #666666;
	--txtcolor_999: #999999;
	--txtcolor_ccc: #cccccc;
	
	--color_eee: #eeeeee;
	--color_fff: #ffffff;
	
	--button_color: #f6f8f9;
	--border_color: #e5e5e5;
}

 .star-click { fill:#bebebe; }
 .fill_theme_color { color: #0085bd !important; }
 .fill_theme_color .star-click { fill: #0085bd !important; }
 
.theme_bg_color { background-color: #0085bd;  border-color: #0085bd;  transition: all .3s; }
.theme_txt_color { color: #002839; }

.bg_deepblue {  background-color: #002839; color: #fff ; }
.bg_f6f8f9 {background-color: var(--button_color); }

.bg_orange { background-color: #fc8122; border-color: #0085bd;  transition: all .3s;}
.bg_green { background-color: #002839; border-color: #0085bd;  transition: all .3s;}
.bg_midle_green { background-color: var(--midle_green);border-color: #0085bd;  transition: all .3s; }
.bg_skyblue { background-color: var(--skyblue); border-color: #0085bd;  transition: all .3s;}
.bg_eee { background-color: var(--color_eee); border-color: var(--color_eee);  transition: all .3s; }

.bg_fff { background-color: var(--color_fff); border-color: var(--color_fff);  transition: all .3s; }

.txtcolor_fff { color: var(--color_fff) !important; color: #fff !important; }
.txtcolor_333 { color: var(--txtcolor_333); color: #333;}
.txtcolor_666 { color: var(--txtcolor_666); }
.txtcolor_999 { color: var(--txtcolor_999); }
.txtcolor_ccc { color: var(--txtcolor_ccc); }
.txtcolor_b8c3c8  { color: #b8c3c8; }

.black_wamp { 
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color:rgba(0,0,0,0.15) ;
	position: absolute;
	top: 0;
	left: 0;
}

.black_wamp_50 { 
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	background-color:rgba(0,0,0,0.5) ;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}


/* green-line */
.bg-green-line  {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: -webkit-linear-gradient( bottom , rgba(0,40,57,.5) 0%, rgba(0,40,57,0) 19%);
	background: -ms-linear-gradient( bottom , rgba(0,40,57,.5) 0%, rgba(0,40,57,0) 19%);
	background: -moz-linear-gradient( bottom , rgba(0,40,57,.5) 0%, rgba(0,40,57,0) 19%);
	background: linear-gradient( bottom , rgba(0,40,57,.5) 0%, rgba(0,40,57,0) 19%);
	cursor: pointer;
}



.font-12,
#service ul a ,
.ft-menu ul li p a ,
.ft-menu ul li ol a,
.copy-right p  { font-size: .12rem; }

.font-14 { font-size: .14rem; }

.font-16,
.menu ul li a ,
.service-links button { font-size: .16rem; }

.font-18 ,
.step_list ul li h6 { font-size: .18rem; }

.font-20,
.inner-cotitle sup { font-size: .20rem; }

.font-22,
.pages ul a { font-size: .22rem; }

.font-24 ,
.news-tittle ,
.co-buton ,
.t-desc p ,
.worklist ul li .desc p { font-size: .24rem; }

.font-30,
.tool-fixed ul li,
.workshops-tittle ,
.video_list ul li .txtlength_limit ,
#pastVideo .swiper-slide dl .txtlength_limit { font-size: .30rem !important; }

.font-32 { font-size: .32rem; }

.font-36 ,
.digital-lable ,
.btn-flex-group ul li , 
.work-title { font-size: .36rem; }

.font-40,
.t-name { font-size: .4rem; }

.font-48  ,
.item-order{ font-size: .48rem; }

.font-60 { font-size: .6rem;  }

.font-72 ,
.inner-cotitle { font-size: .72rem; }
 
.font-96 { font-size: .96rem; }

.font-100 { font-size: .7rem; }


/* 标题、摘要行数限制 */
.border-radius { border-radius: 16px; }

.position_rela { position: relative; }

.position_sticky { position: sticky; top: 1.85rem;  margin-top: 1rem; }

.container { width: 14.2rem; position: relative;  }

.dis_flex { display: flex; justify-content: space-between; align-items: center; flex-flow: row nowrap; }


.work-title { 
	color: #002839; 
    display: -webkit-box; 
	line-height: 1.15;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
	transition: all .35s; 
}

.news-tittle , 
.txtlength_limit { 
	display: -webkit-box; 
	line-height: 1.35;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #b8c3c8;
	transition: all .35s; 
}

.line-clamp-1 .txtlength_limit { margin-bottom: 0 !important; min-height: unset !important; -webkit-line-clamp: 1 !important; }
.line-clamp-1 ul li .unison-date { display: none; }


.desc p ,
.tittle-line3 {
	display: -webkit-box;
	line-height: 1.15;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 14px;
	color: var(--txtcolor_999);
}

.txtlength_limit p ,
.desc p ,
.t-desc p { line-height: 1.15; min-height: 56px; color: #b8c3c8; }



.tittle-line3 { font-size: .3rem; color: #002839;}
.tittle-line3 p { font-size: .2rem; color: #b8c3c8;}
.unison-date { font-size: 14px; color: #b8c3c8; letter-spacing: -1px; }


.padding_15 { padding: 15px; }
.padding_up15 { padding: 15px 0; }

.padding_20 { padding: 20px; }
.padding_up20 { padding: 20px 0; }

.padding_30 { padding: 30px; }
.padding_up30 { padding: 30px 0; }

.padding_40 { padding: 40px; }
.padding_up40 { padding: 40px 0; }

.padding_100 { padding: 100px; }
.padding_up100 { padding: 100px 0; }

.margin-15 { margin: 15px auto; }
.margin-botttom-15 { margin-bottom: 15px; }

.margin-20 { margin: 20px auto; }
.margin-botttom-20 { margin-bottom: 20px; }

.margin-30 { margin: 30px auto; }
.margin-botttom-30 { margin-bottom: 30px; }

.margin-60 { margin: 60px auto; }
.margin-botttom-60 { margin-bottom: 60px; }

.margin-botttom-100 { margin-bottom: 1rem; }

/* 通用标题 */
.co-tittle { line-height: 1; position:relative; font-size: .72rem; color: #002839; margin-bottom: .6rem; letter-spacing: -4px; }
.co-tittle a {
	position: absolute;
	right: 0;
	top: 50%; 
	transform: translateY(-50%);
	letter-spacing: -1px;
}

.co-tittle a:hover { color: #fff; text-decoration: none;	transition: all .35s; }


.co-buton {
	width: 3.4rem;
	display: block;
	position: relative;
	padding: 0 .2rem;
	border-radius: 10px;
	overflow: hidden;
	line-height: .55rem;	
	background-color: #0085bd;
	color: #fff;
	letter-spacing: -1px;
	text-decoration: none;
	transition: all .35s;
}

.co-buton i {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: .2rem;
	transform: translateY(-50%) rotate(0deg);	 
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	transition: all .3s; 
} 

.btn-back { text-align: right; }
.btn-back i { left: .2rem; }



.co-buton:hover { color: #fff; text-decoration: none; }

ul li:hover .co-buton i ,
.swiper-slide:hover .co-buton i ,
.co-buton:hover i { background-color: #002839; transform: translateY(-50%) rotate(-45deg);  transition: all .3s; }

ul li:hover .co-buton i::before ,
ul li:hover .co-buton i::after ,
.swiper-slide:hover .co-buton i::before ,
.swiper-slide:hover .co-buton i::after ,
.co-buton:hover i::before,
.co-buton:hover i::after { border-color: #fff; transition: all .3s;  }

/* 通用标题-end */



/* headtop */
.headtop { width: 100%; position: fixed; top: 0; z-index: 50; padding: 20px 0; transition: all .3s;}
.headtop::before {
	content: "";
	width: 100%;
	height: calc(100% + 1rem);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	background: -webkit-linear-gradient(top , rgba(0,133,189,0.5) , rgba(0,133,189,0));
	background: -moz-linear-gradient(top , rgba(0,133,189,0.5) , rgba(0,133,189,0));
	background: -ms-linear-gradient(top , rgba(0,133,189,0.5) , rgba(0,133,189,0));
	background: linear-gradient(top , rgba(0,133,189,0.5) , rgba(0,133,189,0));
	transition: all .3s;
}

.headtop .container,
.foot .container { width: calc(100% - 40px); margin: auto;  } 

.logo { width: 2.5rem; float: left; }
.menu { width: calc(100% - 2.5rem - 1.35rem - .6rem - 40px); float: left; color: #fff; }
.menu ul { display: flex; justify-content: flex-end; flex-flow: row nowrap; }
.menu ul li {
	border-radius: 35px;
	padding: .2rem .13rem;
	border: 2px transparent solid;
	overflow: hidden;
	cursor: pointer;
	transition: all .35s; 
}

.menu ul li:hover { border-color: rgba(255,255,255,.5);   transition: all .35s;  }

.menu ul li a {
	display: block;
	line-height: 1;	
	text-align: center;
	color: #fff; 	
	padding-left: 10px;
	text-decoration: none;
	overflow: visible;
}
.menu ul li a::before {
	content: ".";	
	position: absolute;
	left: 0;
	top: 32%;
	transform: translateY(-50%);
	color: #fff;
}


/* service */
.service-links {	
	width: 1.35rem;	
	border-radius: 10px;
	float: right;
	position: absolute;
	right: calc(80px + .15rem);
	margin-left: 20px;
	border: 2px rgba(255,255,255,.5) solid;	
	transition: all .35s;
}

.slide-down {
	padding: 10px;
	margin-top: -12px;
	background-color: #fff;
	transition: all .35s;
}

.slide-down button { background-color: #002839; transition: all .35s; }

.service-links button {
	width: 100%;	
	color: #fff;	
	border: none;
	outline: none;
	position: relative;
	text-align: left;
	padding: 0 .15rem;
}

.service-links button::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-top-color: #fff;
	border-bottom: none;
	position: absolute;
	right: 19px;
	top: 50%;
	transform: translateY(-50%);
}

.service-links button,
.service-links ul a { height: .6rem; text-decoration: none; border-radius: 10px; overflow: hidden;  }

.service-links ul { display: none; }
.service-links ul a {	
	/* background-color: #fff; */
	margin-top: 10px;
	line-height: 1.35;
	width: 100%; 
	display:flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	transition: all .3s; 
}
  
.service-links ul a:hover { background-color: #ececec; text-decoration: none; transition: all .3s;}

/* service-end */ 



.dot {
	margin-left: 20px;
	padding: .25rem 0;
	width: .6rem; 
	background-color: #0085bd;
	border-radius: 10px;
	float: right;
	cursor: pointer;
	text-align: center;
	position: relative;
	overflow: hidden;
	
}

.dot span  { 
	display: block;
	width: .2rem;
	border-top: 2px #fff solid;
	margin: auto;
	transform-origin: center center;
	transition: all .35s; 
}

.dot span:last-child ,
.dot-close span:last-child  { margin-top: 7px; }

.dot-close {
	background-color: #002839 !important;	
	transition: all .35s; 
}

.dot-close span:first-child {
	transform: translate(0,3px) rotate(-45deg);
	transition: all .35s; 
}

.dot-close span:last-child {
	transform: translate(0,-6px) rotate(45deg);
	transition: all .35s; 
}

/* menu-panel */
.menu-panel {
	width: 100%; 
	height: 100vh; 
	background-color: rgba(0,0,0,0.6);
	position: fixed; 
	top: 0; 
	right: 0;  
	z-index: 80;
	padding: 15px 40px;
	display: none;
}

.menu-panel .box {
	background-color: #fff;
	margin-left: auto;
	margin-right:0 ;
	width: 50%; 
	max-width: 890px;
	max-height: 100%;
	padding: 10px;	
	transform-origin: right top; 
}

.sm_panle {  opacity: 0; }

.alone-search {
	background-color: var(--button_color);
	width: calc(100% - .6rem - 20px);
	height: .6rem;
	border-radius: 10px;
	overflow: hidden; 
	padding-left: 50px;
	background-image: url(../img/icon/icon-search.png);
	background-repeat: no-repeat;
	background-position: 20px center;	
}

.alone-search input {	display: block;	width: 100%; height: .6rem;	line-height: .65rem; font-size: 16px; }

input::placeholder,
.sm_copyright p,
#story .swiper-slide .tags { color: #b8c3c8;  }

.sm_menu ,
.sm_foot { padding: 0 20px; }

.sm_menu { width: 100%; margin: .3rem auto; }
.sm_menu ul {  position: relative; list-style: disc; padding-left: 20px; padding-right: 50%;  }
.sm_menu ul li { 
	padding-left: 5px; 
	opacity:1; 
	overflow: visible;  
	margin-bottom: .1rem; 
	letter-spacing: -1px;
	/* position: relative; */
	/* transform:perspective(400px) rotateX(90deg);  */
	transition: all .3s;
}

.li_opacity { opacity: .5 !important; }

.sm_menu ul li:last-child { margin-bottom: 0; }

/* .sm_menu ul li::before {
	content: "";
	width: 5px;
	height: 5px;
	background-color: #002839;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
} */

.sm_menu ul li p a { font-size: .32rem;	line-height: 1.35; color: #002839; }

.child_navs { display: none; width: 50%;  position: absolute; left: 50%; bottom: 0; }
.child_navs a { 
	display: block; 
	height: auto; 
	margin-bottom: .2rem; 
	font-size: .24rem; 
	line-height: 1.15;  
	/* transform:perspective(400px) rotateX(90deg);   */
	transition: all .3s;
}

.sm_menu ul li.active,
.sm_menu ul li:hover { opacity:1; transition: all .3s; }  
.child_navs a:hover { text-decoration: none; }

.sm_foot { width: 100%; margin-bottom:.2rem;  }
.sm_foot .outlinks { margin-bottom: .35rem; }
.sm_foot .outlinks ul li { /* transform:perspective(400px) rotateX(90deg); */ transition: all .3s; }
.sm_foot .outlinks ul li a { text-align: right; font-size: .24rem; }

.sm_panle,
.sm_menu,
.menu-panel .outlinks ,
.menu-panel .sm_copyright { opacity: 0; } 

.menu-panel .menu-panel-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}


.position_fixed { background-color: #fff;  border-bottom: 1px #eee solid; }
.position_fixed::before { display: none; }
/* .position_fixed .menu ul li { padding: .13rem .15rem; transition: all .3s; } */
.position_fixed .menu ul li:hover  { border-color: #002839; transition: all .3s;  }
.position_fixed .service-links { border-color: #eee; }
.position_fixed .service-links button::before { border-top-color:#eee; transition: all .3s; }
.position_fixed .slide-down button { color: #fff !important; }

.position_fixed .menu ul li a ,
.position_fixed .menu ul li a::before ,
.position_fixed .service-links button { color: #002839; transition: all .3s;  }

/* headtop-end */


/* foot */
.foot { padding: 50px 0; position: relative;   }
.ft-content { padding: 0 20px; }
.ft-content a { color: #fff; }
.ft-content .icon-socialize { cursor: pointer; line-height: 1; margin-top: .25rem; } 
.hover_img { display: none; position: absolute; bottom: calc(100% - 7px); left: -7px; border:3px #fff solid; border-radius: 5px; }
.hover_img::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 5px transparent solid;
	border-top: 7px #fff solid;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);	
}

.hover_img img { width: 100%; }

.ft-content:hover .hover_img { display: block; } 

hr.line ,
.foot hr { border-color: rgba(255,255,255,.3); }

.ft-menu { width: 100%; }
.ft-menu ul { display: flex; justify-content: space-between; }
.ft-menu ul li { float: left; }
.ft-menu ul li p a ,
.copy-right p {   color: rgba(255,255,255,.3); }

.ft-menu ul li ol { width: 1.5rem; padding: 0; margin-top: 20px; }
.ft-menu ul li ol a {  margin-bottom: 15px; color: rgba(255,255,255,1); }



.copy-right { padding-top: 20px; margin-top: 50px;	border-top:1px rgba(255,255,255,.3) solid; }
.ft-lins-enter a { 
	color: #fff; 
	background-color: rgba(255,255,255,.1); 
	border-radius: 10px; 
	margin-left: 20px; 
	padding: 12px 20px; 
	text-decoration: none;
	opacity: 0.5;
	line-height: 1;
	transition: all .3s;
}

.ft-lins-enter a:hover { opacity: 1;	transition: all .3s; }

/* foot-end */



/* resurlt_list */
.resurlt_list { width: 100%; }
.resurlt_list ul li {
	border: 1px #e5e5e5 solid;
	border-radius: 15px;
	padding: .3rem;
	cursor: pointer;
	margin-bottom: .3rem;
}

.resurlt_list ul li h3 { margin: 15px 0; }

.resurlt_list ul li:last-child { margin-bottom: 0; }

.resurlt_list ul li .txtlength_limit {      line-height: 1.35;  -webkit-line-clamp: 3;  }