@font-face {
  font-family: Roboto-Regular;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto-Light;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto-Bold;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto-Medium;
  src: url(../fonts/Roboto-Medium.ttf);
}
body{
	font-family: Roboto-Regular;
	max-width: 1920px;
	margin: 0 auto;
}
nav.menu{
	display: flex;
	position: fixed;
	width: 100%;
	height: 60px;
	color: #fff;
	align-items: center;
	justify-content: space-between;
	padding: 0 10%;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
	transition: all .3s;
}
nav.menu.fix_menu{
	background: #fff;
	height: 40px;
	color: #000;
}
nav.menu.fix_menu .right a, nav.menu.fix_menu .right a:hover, nav.menu.fix_menu .right a.active{
	color: #000;	
}
nav.menu.fix_menu .right a:hover, nav.menu.fix_menu .right a.active{
	border-bottom: 1px solid #000;
}
nav.menu a{
	color: #fff;
}
nav.menu .fix_menu a:hover{
	color: #fff;
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
nav.menu a.active{
	border-bottom: 1px solid #fff;
}
nav a.touch{
	border:2px solid #4cb3e2!important;
}
nav.menu a.touch:hover{
	border: none!important;
	background-image: linear-gradient(252deg, #51c0ec, #214793);
}
nav.menu.fix_menu a.touch:hover{
	color: #fff;
}
nav.menu a.touch{

    position: relative;
    width: 132px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 10px;
    /*background: radial-gradient(circle at 50% 0, #214794, #50bfec);*/
   /*border-image: linear-gradient(red, blue) 27 / 35px;*/
    border:2px solid #4cb3e2; 
}
nav.menu.fix_menu a.left{
	color: #000;
}
/*nav.menu a.touch  span{
	background: #2e4859;
    display: block;
    padding: 1px 11px;
    border-radius: 8px;
}*/
nav.menu .right a:not(:last-child){
	margin-right: 40px;
}
img{
	max-width: 100%;
}
.home_top{
	position: relative;
}
.home_top .img_over{
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	flex-direction: column;
}
.home_top .img_over .head{
	font-size: 56px;
	font-family: Roboto-Bold;
}
.home_top .img_over .txt{
	text-align: center;
	width: 703px;
	font-size: 20px;
}
.home_top .img_over .txt span{
	font-family: Roboto-Bold;
}
.home_top .img_over .find_out{
    position: relative;
    width: 141px;
    height: 45px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 10px;
    background: radial-gradient(circle at 50% 0, #214794, #50bfec);
    font-family: Roboto-Bold;
    color: #fff;
    margin-top: 30px;
}
a:hover{
	color: #fff;
	text-decoration: none;
}
.practice{
	width: 100%;
	min-height: 800px;
	background-image: linear-gradient(247deg, #51c0ec, #214793);
	/*display: flex;*/
	/*justify-content: center;*/
	color: #fff;
	padding-bottom: 60px;
}
.practice_container{

}
.practice .head{
	font-size: 56px;
	font-family: Roboto-Bold;
	text-align: center;
	padding-top: 120px;
}
.practice .txt{
	width: 688px;
	text-align: center;
	font-family: Roboto-Light;
	font-size: 20px;
	margin: 0 auto;
}

#tabs{
	width: 800px;
	margin: 0 auto;
	margin-top: 60px;
}

#tabs .nav-tabs .nav-link {
    border: none!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #eee;
    font-size: 20px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.4)!important
}
#tabs .nav-tabs .nav-item.show .nav-link, #tabs .nav-tabs .nav-link.active {
    color: #f3f3f3;
    background-color: transparent;
    border-color: transparent transparent #fff;
    border-bottom: 2px solid !important;
    font-size: 20px;
    font-weight: normal;
    font-family: Roboto-Medium;
}
#tabs .nav-tabs{
	border: none
}
div#nav-tabContent {
	margin-top: 40px;
}
.tab_inner .img_tab1{
	min-width: 250px;
    padding: 0 25px;
    float: left;
}
.tab_inner .right{
	/*padding: 0 25px;*/
	font-size: 14px;
}
.bios_container{
	display: flex;
}
.bios_container .cont1{
	width: 50%;
	position: relative;
}
.bios_container .cont1 img{
	width: 100%;
}
.bios_container .cont1 .member_over{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background-image: linear-gradient(to bottom, rgba(35, 75, 151, 0.9), rgba(35, 75, 151, 0.5));
	color: #fff;
	opacity: 0;
	transition: all .3s;
	padding: 0 15px;
}
.bios_container .cont1:hover  .member_over{
	opacity: 1;
}
.bios_container .cont1 .member_over .txt2{
	max-width: 100%;
	text-align: center;
	font-size: 23px;
	width: 600px;
}
.bios_container .cont1 .member_over .name{
	font-size: 48px;
	font-family: Roboto-Bold;
	margin-bottom: 10px;
}
.bios_container .cont1 .member_over .txt1{
	font-size: 30px;
	font-family: Roboto-Bold;
	margin-bottom: 10px;
}
.bios_container .cont1 .member_over .but_cont{
	display: flex;
	margin-top: 15px;
}

.bios_container .cont1 .member_over .link2{
	margin-left: 15px;
}
.article_content{
	padding: 120px 30px;
}
.article_content .head{
	font-size: 56px;
    text-align: center;
    color: #303030;
    font-family: Roboto-Bold;
    margin-bottom: 15px;

}
.article_content .article_loop{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.article_content .article1{
	width: 300px;
	margin: 15px;
	display: flex;
	flex-direction: column;
	box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
	background-color: #fff;
}
.article_content .article1 img{
	max-width: 100%;
}
.article_content .article1 .txt1{
	font-size: 20px;
    color: #31475e;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 0 15px;
}
.article_content .article1 .txt2{
	font-size: 15px;
    color: #6a7c92;
    padding: 15px;
}
.proj_but{
	width: 140px;
    height: 45px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto-Bold;
    border-radius: 8px;
    border: 2px solid #4cb3e2;
}
.proj_but:hover{
	background-image: linear-gradient(252deg, #51c0ec, #214793);
	border: none;
}
.touch_section{
	background-color: #092152;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 120px 20px;
}
.touch_section .head{
	font-size: 56px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.touch_section .social_cont{
	display: flex;
}
.touch_section .social_cont .proj_but:not(:last-child){
	margin-right: 12px;
}
footer{
	padding-top:98px;
	padding-bottom: 33px ;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #010a1d;
	color: #fff;
}
footer a{
	color: #fff;
}
footer .top{
	display: flex;
	width: 80%;
	justify-content: space-between;
	font-size: 24px;
}
footer .top .footer_info:nth-child(2){
	margin: 0 15px;
}
.footer_info {
    width: 33%;
    text-align: center;
}
/*article*/
.article_one_section{
	width: 1040px;
	padding: 120px 60px;
	background-color: #edf4f7;
	margin: 0 auto;
	max-width: 100%;
}
.main_head{
    /*background: linear-gradient(258deg, #51c0ec, #214793);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    color: #214793;
    font-size: 56px;
    margin-bottom: 60px;
    font-family: Roboto-Bold;
}
.article_one_section .txt{
	color:#303030;
}
.underline{
	text-decoration: underline;
}
.article_one_section .txt p{
	text-indent: 25px;
}
.article_one_section .txt  div{
	text-indent: 25px;
}
.article_one_section .txt  div.underline{
	text-indent: 0;
}
.article_one_section.profile{
	padding: 60px;
}
.profile .top{
	display: flex;
	align-items: flex-start;

}
.profile .top > img{
	width: 460px;
	max-width: calc(100% - 400px);
}
.profile .top .right{
	margin-left: 40px;
	min-width: 400px;
}
.profile .top .right .main_head{
	margin-bottom: 15px;
	font-size: 48px;
}
.profile .txt3{
	font-size: 30px;
  	font-family: Roboto-Bold;
    color: #303030;
    margin-bottom: 15px;
}
.profile .txt4{
	font-family: Roboto-Bold;
}
.profile .prof_p{
	margin-bottom: 15px;
}
.bot{
	margin-top: 30px;
}
.tel2{
	margin-left: 44px;
}