@charset "utf-8";
/* CSS Document */
@font-face { font-family: Bebas;src: url(../font/BEBAS.TTF);}
@font-face { font-family: sy-h;src: url(../font/SOURCEHANSANSCN-REGULAR.OTF);}
@font-face { font-family: sy-m;src: url(../font/SOURCEHANSANSCN-MEDIUM.OTF);}
*{font-family: sy-h;}
.wrap{margin:0px auto 0px auto;width:94%}
.bsbg{ max-width:1300px; background:#fff; width: 95%; margin:25px auto;}
.conbox{width: 100%;position: relative;z-index: 3;padding: .7rem 2.2rem .85rem 1rem;}

/*top*/
.top{ width: 100%; background: #88000c; text-align: right; padding:11px 0;}
.top a,.top i{ color: #fff; padding: 0 10px; display: inline-block; vertical-align: middle; height: 21px; line-height:17px; cursor: pointer;}
.top a:last-child{padding-right: 25px; position: relative;}
.top a:last-child:after{ content: ""; display: block; position: absolute; right: 0; top: 3px; width: 0; height: 0; border-left:8px solid #fff; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.head_m{display: none;}
.header{height: 100vh;width: 3rem;background: url(../images/section-lbg.png) no-repeat;background-size: cover;background-position: center top;position: fixed;left: 0;bottom: 0;z-index: 10;}
.section{display:flex;flex-wrap:wrap;background: url(../images/hbg.png) no-repeat bottom/100%;overflow: hidden;background-attachment: fixed;}
.section-r{float: left;flex: 1;min-width: 0;padding-left: 3rem;}
.head{z-index: 99;position: relative;padding: 0;}
.logo{transition: .3s;width:100%;position: relative;z-index: 1;padding-bottom: 70px;padding-top: 12px;padding-left: 9px;}
.logo::before{
	content: "";
	position: absolute;
	right: -1.1rem;
	top: -3.3rem;
	background: url(../images/logo-bg.png) no-repeat;
	background-position: right bottom;
	background-size: 100% 100%;
	z-index: -1;
	pointer-events: none;
	width: 5.12rem;
	height: 5.23rem;
}
.logo a{ display: inline-block;}
.logo i{ width: 1px; height:20px; margin: 0 15px; background: #fff; display: inline-block; vertical-align: middle;display: none;}
.logo img{display:inline-block;vertical-align:middle;max-width: 100%;width: 2.53rem;}
.logo span{display:inline-block;line-height: 1.3;color:#fff;font-size: .28rem;text-align: center;vertical-align:middle;width: 100%;margin-top: .1rem;}


.section-r .head-t{width: 100%;background: linear-gradient(180deg, #f6faff 0%, #ebf4fc 100%);padding: 0px .45rem 0px 7%;position: fixed;right: 0;left: 0;z-index: 9;}
.head-t .head-r{height: 0.8rem;align-items: center;justify-content: flex-end;}
.head-t .head-r .sec-li{font-size: 0.2rem;color: #333;padding:0 0.18rem;}
.head-t .head-r .sec-li a{align-items: center;}
.head-t .head-r .sec-li:last-child{padding-right: 0;}
.head-t .head-r .sec-li img{display: inline-block;margin-right: 0.05rem;}
.searhbox01{height:0.42rem;overflow: hidden;width:2.3rem;align-items: center;margin-left: .18rem;}
.searhbox01::after{width: auto;right: -0.24rem;border-radius: 0.21rem 0rem 0rem 0.21rem;
background: #E9F3FD;}
.searhbox01 .text{padding: 0 0.1rem 0 0.2rem;height:0.3rem;line-height:0.3rem;font-size: 0.16rem;color: #999;flex: 1;min-width: 0;}
.searhbox01 .btn{width:0.43rem;height:0.43rem;}
.searhbox01 .btn img{width: 100%;}



/*导航*/
.nav{width:100%;margin-top: 10px;}
li.yiji_nav {position: relative;width: 100%;text-align: center;}

li.yiji_nav.on a.yiji_nav{font-weight: bold;}
a.yiji_nav {display:inline-block;line-height: .52rem;text-align:center;color: #333333;font-size: .22rem;text-decoration:none;position: relative;z-index: 1;transition: 0.5s;padding: 0 .3rem;font-family: sy-m;}
#menu a.yiji_nav:after{content:"";position:absolute;width:.22rem;height:.22rem;/* background:url(../images/lm.png) no-repeat; */left:-.05rem;top:50%;transform:translateY(-50%);opacity:0;}
#menu li.yiji_nav.on a.yiji_nav,#menu li.yiji_nav:hover a.yiji_nav{color: #165C91;}
#menu li.yiji_nav.on a.yiji_nav::after,#menu li.yiji_nav:hover a.yiji_nav::after{opacity: 1;}
.select_box li.yiji_nav,.select_box .more_ul li a,.select_box a.yiji_nav{height:auto!important; padding:7px 10px; line-height:30px!important; font-size: 15px;}
.select_box li.yiji_nav{ padding:0;  }
.select_box li.yiji_nav a:hover{background: #165c91;border-bottom: 0;}
#menu  li.erji_nav:hover a.erji_nav,#menu  a.erji_nav:hover {background: #165C91;color:#fff;}
.more_ul li.yiji_nav:hover:before,.more_ul li.yiji_nav:hover:after{ display: none;}
/* 这是控制菜单显示与隐藏的重点 */

a.erji_nav {display: block;text-align: center;line-height: .24rem;padding: .1rem;color: #fff;text-decoration:none;font-size: .2rem;}
#menu{width:100%;/* height: 400px; */}       
#menu ul {width:100%;}
ul.erji_nav {position: absolute;left: 100%;top: 0;width:100%!important;z-index:999;transform: scaley(0);transition: 0.5s;transform-origin: top center;opacity: 0;visibility: hidden;text-align: center;background: rgba(0,0,0,.6);}
#menu ul.erji_nav{/* display:none; *//* position:relative; */}
.more_ul ul.erji_nav{background: rgba(0,0,0,.6);}
.more_ul a.erji_nav{color:#fff;}
 li.yiji_nav:hover ul.erji_nav  {visibility: visible;transform: scaley(1);opacity: 1;}
#menu li.yiji_nav:hover ul.erji_nav {/* display: block; */}
li.erji_nav {position: relative; /* 这里把第二级菜单项设成相对定位，以使得它包含的三级菜单相对它自己定位 */left: 0px;top: 0px;}
.more_ul{width: 100%;height:auto;position:absolute!important;position:absolute;z-index:999;top: 100%;right:0px;background:rgba(0, 0, 0, 0.6);text-align:center;}
.more_ul li{width:100%;}
.more_ul li a.yiji_nav{display:block;line-height:40px;width:100%;cursor:pointer;color:#fff;}
.more_ul li a.yiji_nav:hover{background: #165c91;color:#fff;}
.select_box{position:relative;width: 100%;height: 35px;text-align:center;float:right; opacity: 0;}
.select_box i{display:block; line-height:70px;  width:80px; float:left; color:#3156a3; font-size:18px;}
.select_box span{width:60px;height: 30px;color:#fff;cursor:pointer;display:block;font-size:18px;margin: 0 auto;}
.select_box span img{ width: 27px;}


/*手机导航*/
.nav-icon{width: 0.42rem;height: 0.4rem;border: 0.01rem solid #fff;text-align: center;line-height: 0.35rem; display: none; border-radius: 0.05rem;}
.nav-icon img{ vertical-align: middle;}
.nav-btm{width: 2.58rem;height: 1.8rem;background: url(../images/nav-btm-bg.png) no-repeat;background-position: center center;background-size: cover;display: flex;justify-content: center;align-items: center;margin: 0.8rem auto 0;}
.nav-btm p{font-size: 0.16rem;font-weight: normal;line-height: 0.28rem;letter-spacing: normal;color: #333333;padding: 0 0.15rem 0 0.2rem;margin-bottom: 0.1rem;width: 100%;}
#navbg{ position:fixed; width:100%; height:100%;background:rgba(0, 0, 0, 0.3); left:0; top:0;display:none; z-index:999 }
.navlist{position:fixed;right:-10.24rem;top:0;background: #165C91;width:80%;height:100%;z-index:9999;overflow-y:auto;box-shadow: -0.05rem 0 0.13rem rgba(0,0,0,.43);}

.m_header_box {transition: .6s;display: none;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 0.15rem;height: .7rem;background: #165C91;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;}
.m_header_box header #logo{padding:0;margin: 0;display: flex;align-items: center;}
.m_header_box header #logo img{max-height: .5rem;}
.m_header_box header #logo a{align-items: center;}
.m_header_box header #logo span{flex: 1;min-width: 0;color: #fff;font-size: 0.25rem;padding-left: 0.15rem;border-left: 1px solid #fff;margin-left: .15rem;}
/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn_box{position:relative;width: .7rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #fff;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -10px;border-right: #fff 10px solid;border-top: transparent .7rem solid;opacity: 0;}
#nav_btn {cursor: pointer;text-align: center;z-index: 99999;-webkit-transition: .5s;outline: none;box-shadow: none;height: 100%;display: flex;align-items: center;}
#nav_btn .point {display: inline-block;width: .32rem;height: 22px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: .32rem;}
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #165C91;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 24px;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #165C91;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 70px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #f7f7f7;background-size:cover;opacity: 0;visibility: hidden;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #165C91 url(../images/submit.png) center no-repeat; background-size: .28rem;}
#m_nav .list_box0{text-align:center;width: 100%;justify-content: flex-start;margin: .32rem 0 0;flex-wrap: wrap;height: 0.4rem;}
#m_nav .list_box0 .li{text-align: left;color: #165C91;margin: 0 .12rem 0.15rem 0;font-size: 14px;padding: 0;min-width: 1rem;}

#m_nav .old_rukou{margin:.24rem 0 0;width: 100%;}

.list_box_nav_mobile{width:100%;max-height: calc(100% - 250px);/* background: rgba(255,255,255,.1); */padding: 0 0 10px;overflow: hidden;overflow-y: auto;margin: 0;/* flex: 1; */}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid #e2e2e2;line-height: .5rem;color: #333;padding: 0;font-size: 16px;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .5rem;display: inline-block;background: url(../images/arrow_down.png) center no-repeat;background-size: 15px 9px !important;position: absolute;display: block;right: 0;top: 2px;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{border-bottom: 1px solid #e2e2e2;}

/*三级导航 开始*/
.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: #666;line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;/* height: 85px; */display: block;margin-bottom: 0.1rem;}
.wap_search .header-search{height:40px;border-radius:20px;background: rgb(255 255 255);position:relative;width: 3.68rem;margin: 10px auto;max-width: 100%;}
.wap_search .input{font-size: .16rem;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background: #fff;border-radius: 30px;/* background:none; */width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(../images/submit.png) center no-repeat #165C91;background-size: .24rem;border-radius: 20px;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}


/*  */
.banner{background-size: cover; position: relative; overflow: hidden;}
.banner .slick-dots{ position: absolute; bottom:25px; left: 0; right: 0; text-align: center;}
.banner .slick-dots li{ width:20px; height: 5px; background: #fff; display: inline-block; margin: 0 5px;}
.banner .slick-dots li.slick-active{ background: #165C91; width: 30px;}
.banner .slick-slide img{ width: 100%;}

/*个人信息*/
.conbox::after{width: 64%;left: auto;height: 5.93rem;bottom: auto;top: 0;right: 0;background: url(../images/hbg1.png) no-repeat top; background-size: cover;}
.conbox::before{content: "";position: absolute;right: -2.1rem;top: 10rem;width:45%;height: 9.21rem;background: url(../images/hbg2.png) no-repeat right/100%;z-index: 9;}

.introbox{width:100%;position: relative;justify-content: space-between;padding-top: .9rem;}
.introbox .photobox{width:3.82rem;}
.introbox .photobox span{width: 100%;height: 4.2rem;justify-content: center;align-items: flex-end;padding: 0 .09rem 0 .11rem;}
.introbox .photobox span img{flex-shrink: 0;width: 100%;}
.name{margin-top:-.25rem;}
.name::after{width: auto;left: 0;right: 0;background: url(../images/name.png) no-repeat center/100% 100%;height: auto;top: -0.1rem;}
.name h3{height: 0.77rem;align-items: flex-end;padding: 0 0.1rem 0.2rem 0.2rem;font-size: 0.16rem;color: #fff;}
.name b{font-size: 0.42rem; display: inline-block;padding-right: 0.2rem;}
#share-2{margin-top: 0.3rem;font-size: 0.24rem;color: #333;display: flex;align-items: center;justify-content: center;}

/*首页个人信息*/
.index{padding: 0 0.28rem; position: relative;
        z-index: 10;}
.brief{ position: relative;width: calc(100% - 4.8rem);}
.brief .data{margin: 0px 0 0.3rem;}
.brief .data ul{justify-content: space-between;}
.brief .data li{width: 48%;margin-bottom: 0.2rem;line-height: 1.2;align-items: flex-start;}
.brief .data li img{width:0.24rem;}
.brief .data li p{font-size: 0.18rem;color: #333;flex: 1;min-width: 0;padding-left: .1rem;}
.brief .contact h4{font-size: 0.24rem;color: #333;margin-bottom: 0.35rem;font-family: sy-m;}
.brief .contact ul{justify-content: space-between;}
.brief .contact li{ width: 48%;margin-bottom: 0.25rem;line-height: 1.2;align-items: center;}
.brief .contact li img{width:0.78rem;}
.brief .contact li .con{flex:1;min-width: 0;padding-left: 0.2rem;}
.brief .contact li span{display: block;color: #666;font-size: 0.18rem;}
.brief .contact li p{display: block;color: #333;font-size: 0.18rem;margin-top: 0.1rem;}
@media screen and (max-width:1024px){
	.introbox{
		padding-top: 0;
	}
	.introbox .photobox{margin: 0 auto;}
	.brief{width: 100%;margin-top: .25rem;}
	#share-2{display:none;}
	.index{padding: 0 0rem;}
	.conbox::after{right: 0;background-size:100% !important;}
	.conbox::before{right: 0;}
}
@media screen and (max-width:768px){
.brief .data li{width: 100%;}
.brief .contact li{width: 100%;}
}


/*教育经历*/
.edu{ width: 100%;}
.experice li a{align-items: center;padding: 0.15rem 0;}
.experice li p{font-size: 0.18rem;color: #333;flex: 1;min-width: 0;padding-right: 0.15rem;line-height: 1.5;}
.experice li span{font-size: 0.18rem;color: #165C91;}
.experice li a:hover p{color: #165C91;}
.experice li p.wl{padding-left: 0.15rem;}
.experice li p.wl::after{width: 0.04rem;height: 0.04rem;border-radius: 50%;bottom: auto;top: 0.12rem;background: #333;}

/*内容区*/
.itembox{margin-top: 0.4rem;}
.con-title{width: 100%;height: 0.66rem;margin-bottom: 0.35rem;/* overflow: hidden; */justify-content: space-between;align-items: center;}
.con-title .tit{height: 100%;align-items: center;display: flex;}
.con-title::after{width: auto;left: 0rem;right: 0;background: linear-gradient(270deg, #ffffff00 0%, #e1f3fd99 100%);}
.con-title .more a{font-size: .18rem;color: #999;transition:0.5s;}
.con-title .more a:hover{color:#165C91;}
.con-title .img{width: 0.68rem;height: 0.68rem;display: flex;align-items: center;justify-content: center;filter: drop-shadow( 0rem 0.04rem 0.1rem rgba(22, 92, 145, 0.1));background: url(../images/titbg.png) no-repeat center/100% 100%;margin-left: -0.28rem;}
.con-title h3{font-size: 0.3rem;color: #165C91;padding: 0 0.2rem;font-weight: bold;}
.con-title h3::before{content: "";position: absolute;width: 45vw;height: 1px;left: 100%;top: 0.07rem;background-size:100% 100%;background: linear-gradient( 90deg, #165c91 0%, #d8d8d800 100%);z-index: -1;opacity:.4}
.con-title h3::after{content:'';position:absolute;width: 33vw;height: 1px;left: 120%;top: 17px;background:linear-gradient(270deg, #d8d8d899 3%, #165c91 100%);mask-image:repeating-linear-gradient(90deg,black 0,black 4px,transparent 4px,transparent 8px);-webkit-mask-image:repeating-linear-gradient(90deg,black 0,black 4px,transparent 4px,transparent 8px);opacity: .3;}
.account{ margin-top: 0.2rem;}
.account p{font-size: .18rem;color: #333;line-height: 2;}

.account table{
	 border-collapse: collapse;
}
.account  table td{
	border:1px solid;
	padding: 0 10px;
	line-height:28px;
}




/*研究方向*/
.direct li{margin-bottom: 0.33rem;}
.direct li a{line-height: 1.4;color: #333;font-size: 0.18rem;transition: 0.5s;align-items: flex-start;}
.direct li a::after{width:70%;left: 0.3rem;background: linear-gradient(270deg, #f9fcff99 0%, #e7f3ff99 100%);}
.direct li span{width: 0.6rem;height: 0.6rem;}
.direct li span img{width: 100%;}
.direct li p{flex: 1;min-width: 0;padding: 0.15rem 0.2rem 0.15rem;transition: 0.5s;}
.direct li:hover p{color:#0166c0;}
/* 教育经历 */
.jyjl{justify-content: space-between;}
.jyjl li{width: 47%;margin-bottom: 0.3rem;padding: 0.24rem 0.35rem;border-radius: 0.16rem;
background: linear-gradient(180deg, #fafcfd 0%, #f3fbff00 100%);
border: 1px solid #aecce266;
box-shadow: 0rem 0.04rem 0.1rem 0rem rgba(217, 236, 250, 0.2);
justify-content: space-between;align-items: flex-start;
}
.jyjl li .con{flex: 1;min-width: 0;padding-right: 0.2rem;}
.jyjl li h3{font-size: 0.24rem;font-weight: 500;color: #333;font-family: sy-m;}
.jyjl li h3 span{display: inline-block;font-size: 0.16rem;color: #165C91;line-height: 0.36rem;border-radius: 0.2rem;padding: 0 0.15rem;background: #F4F9FF;margin-left: 0.2rem;}
.jyjl li p{font-size: 0.2rem;color: #333;line-height:  1.5;margin-top: .18rem;}
.jyjl li b{font-family: Bebas;font-size: 0.22rem;color: #999999;font-weight: normal;}

@media screen and (max-width:1024px){
	.jyjl li{width: 48%;}
}
@media screen and (max-width:768px){
	.jyjl li{width: 100%;padding: 0.25rem;}
}
@media screen and (max-width:430px){
	.jyjl li h3 span{width: 100%;display: block;margin-top: 0.2rem;margin-left: 0;}
}


/* 工作经历 */

.gzjl::after{bottom: 0.24rem;left: 2.18rem;}
.gzjl li{margin-bottom: 0.38rem;align-items: flex-start;position:relative;z-index: 1;}
.gzjl li:last-child{margin-bottom: 0;}
.gzjl li .date{width: 1.95rem;height: 0.4rem;background: url(../images/gzbg.png) no-repeat center/100% 100%;text-align: center;display: flex;align-items: center;justify-content: center;font-size: 0.18rem;color: #165C91;}
.gzjl li p{flex: 1;min-width: 0;padding-left: 0.53rem;font-size: 0.18rem;color: #333;line-height: 1.5;padding-top: 0.1rem;}
.gzjl li p::after{width: 0.18rem;height: 0.18rem;background: url(../images/gz-c.png) no-repeat center/100% 100%;bottom: auto;top: 0.15rem;left: 0.15rem;}
.gzjl li p:before{content:"";position:absolute;width: 1px;border-left: 1px dashed #D7EBFA;height: auto;top: 0.25rem;left:.235rem;bottom:-.6rem;z-index:-1;}
 .gzjl li:last-child p:before{display:none;}
/*团队成员*/
.meb-t{margin-bottom: 0.44rem;}
.meb-t p{font-size: 0.18rem;color: #333;line-height: 2.2;}

.member li a{ display: block;margin: 0 0.18rem;text-align: center;}
.member li .picture{display: flex;align-items: center;justify-content: center;height: 2.3rem;background: #f2f2f2;}
.member li .picture img{flex-shrink: 0;max-height: 100%;}
.member li p{font-size: 0.18rem;color: #333;margin-top: 0.1rem;line-height: 1.5;}
.member li:hover p{color: #165C91;}

.member2 li a{display: block;padding: 0 0.1rem;}
.member2 li .scale{height:2.6rem;}
.member2 li p{font-size: 0.18rem;color: #333;margin-top: 0.15rem;line-height: 0.36rem;max-height: 0.36rem\0;transition: 0.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.member2 li a:hover p{color: #165C91;}
@media screen and (max-width:1024px){
	.member li a{margin: 0 0.1rem;}
}



/*footer*/
.footer{width:100%;background:#165C91;padding: 0.22rem;position: relative;z-index: 10;}
.footer p{text-align: center;font-size: 0.18rem;color: #fff;line-height: 1.5;}
.footer p span{display: inline-block;padding: 0 0.1rem;}
.footer p a{color: #fff;}

.fixedbottom {
     position: fixed;
     bottom: 0;
     width: 100%;
     z-index: 99;
}

/*  */
.bq{ width:40%;display: table-cell; vertical-align: middle;}
.bq h1{ font-size: 24px; display: inline-block; color: #fff; font-weight: bold; border-left:4px solid #fff; padding-left:10px; position: relative;}
.bq p{font-size: 14px; color: #fff; line-height: 26px; margin-top:10px; text-align: right;}
.visit{ width:40%;display: table-cell; vertical-align: middle; text-align: left;}
.visit li{ display: inline-block; padding: 0 15px; border-right: 1px solid #fff; text-align: center; color: #fff; font-size: 28px; font-weight: bold;}
.visit li:last-child{ border-right: 0;}
.visit li p{ font-size: 16px; margin-top: 10px;color: #fff; font-weight: 100;}
.tutor{ clear: both; text-align: center; margin-top: 30px; vertical-align: middle; }
.tutor a{ display: inline-block;  height:40px; position: relative; text-align: center; line-height:40px; color: #222; font-size:16px;padding: 0 25px; color: #fff; margin:0px 20px; background: #165C91; width: 180px; height: 48px; line-height: 48px; border-radius: 25px;}
.tutor a:hover{opacity: 0.9;}
.copy{ width: 100%; border-top: 1px solid #a1b9cf; text-align: center; padding: 10px; line-height: 26px; margin-top: 20px; font-size: 14px; color: #fff;}

.whitebg{ background: #fff; margin-top: -150px;-moz-box-shadow: 0 3px 6px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);}
.introbox.whitebg .photobox{-moz-box-shadow:none; -webkit-box-shadow:none;box-shadow:none;}



::-webkit-scrollbar {width:4px;height: 4px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}


@media only screen and (max-width:1300px) {
.conbox{padding:50px 5% 0;}
.logo span{}
}
@media only screen and (max-width:1200px) {
	.section .header{display: none;}
	.head_m{display: block;}
	.head_m .header{width:100%;background: #134aa7;float: none;}
	.section-r{width:100%;float:none;padding-left: 0;}
	.head_m .head{padding: 15px 0;display: flex;justify-content: space-between;align-items:center;width: 94%;margin: 0 auto;position: relative;}
	.section {background: none;background-size: cover;}
	.logo i{display:inline-block; height: 50px;}
	.logo{display: flex;width: auto;padding: 0;width: calc(100% - 60px);}
	.logo span{font-size: 30px;width: auto;}
	.nav-icon{display:block;}
	.mob {display: block;}
	.section-r .head-t{display:none;}
	.brief .tit-xx .tit-l h3{font-size: 28px;}
	.brief .tit-xx li a{font-size: 20px;}

}

@media only screen and (max-width:1024px) {
	
	.head{ padding: 15px 0;display: flex;justify-content:flex-end;align-items:center;}
	.top i.searchbtn{ display: none !important;}
	.nav,.headr .ce{display:none}
	.nav-icon{margin-left: auto; display: block;}
	.more_ul{ width:220px; right:0; left:auto}
	.select_box .more_ul li a{ background:#165C91}
	.basic{ float: none; width:calc(100% - 50px); margin-left: auto; margin-right: auto;}
	.leftbox{ float: none;padding-right: 0; width: 100%; margin-top:80px;}
	
	}
	
@media only screen and (max-width:768px) {
	.logo{ width: 85%; text-align: left;display: flex; justify-content: flex-end; align-items: center; padding: 0;}
	.logo span{ font-size: 18px;}
	.logo a{ width: 50%; margin-right: auto;}
	.logo i{ height: 35px; margin: 0; margin-right: auto;}
	.logo img{width: 100%; }
	.logo span{ margin-right: auto;}
	.con-title .img img{max-width:.3rem;}
	
	}
@media only screen and (max-width:640px){
	.brief .tit-xx .tit-l h3{font-size:20px;line-height: 40px;}
	.part_tit h1{ font-size: 22px;}
	.bkbox{ padding: 15px;}
	.work li{border-spacing: 0; margin-bottom: 15px;}
	
	}
@media only screen and (max-width:414px){
	
}