@charset "utf-8";
/* CSS Document */
body{ overflow: auto; background: #f5f5f5;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, s, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,  tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
{    word-break: break-word;
    word-break: break-all;}
.bannerImg img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%; -ms-interpolation-mode: bicubic; }


.rowbox{ max-width:1200px; margin: 0 auto; width: 95%;}
img{display: inline-block;}
.temp_page{ font-size: 14px; min-width: 1200px;}
#fp-nav{ display: none;} 
.top{ display: none;}
.flex-container{ display: -webkit-box;display: -ms-flexbox;display: flex;  -webkit-box-align: center;-ms-flex-align: center;align-items: center;    justify-content: space-between; }
.container{padding:23px 0;}

.bannerBox{ width: 100%; overflow: hidden; padding-bottom: 30px;}

.banner .slick-slide img,.banner ul.slick-slider,.banner .slick-slide{ width: 100%; height: 100%;}
.banner ul.slick-slider button{ position: absolute; top: 50%; z-index: 99; width: 50px; height: 50px; margin-top:-25px; border: 2px solid rgba(255, 255, 255, 0.5); font-size: 0; cursor: pointer;}
.banner ul.slick-slider button.slick-prev{ left: 3%;}
.banner ul.slick-slider button.slick-next{ right: 3%;}
.banner ul.slick-slider button.slick-prev:before{position: absolute;left: 21px; content: "";width:2px;height: 12px;top: 15px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.banner ul.slick-slider button.slick-prev:after{position: absolute;left: 21px;content: ""; width:2px;height: 12px; background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin: auto;}
.banner ul.slick-slider button.slick-next:before{position: absolute; content: "";width: 2px;right:21px;height: 12px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.banner ul.slick-slider button.slick-next:after{position: absolute;top: 15px;content: ""; right:21px;width:2px;height: 12px; background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin: auto;}

.bannerImg img{width:1920px !important;height:1080px !important}

.main_index{position: relative;}
.header{width:100%; background: url(../images/headerbg.jpg) center bottom no-repeat #1a6bb6; margin-bottom: 1px;}
.bg{background: rgba(8, 11, 26, 0.8);}
.headr{ float:right; padding-top: 10px; }
.headr ul{}
.headr .yz{  display: inline-block; height: 40px; line-height:40px; padding: 0 15px;margin-left:10px; border-radius:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px; vertical-align: middle; font-size: 20px; background: #fff; float: right;}
.headr ul li span{ width:33px; height: 33px; border-radius:30px; -moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius:30px;background:transparent; text-align: center; line-height:30px;  margin-right: 15px; font-size: 14px;   padding: 0; display: inline-block; border: 1px solid #fff; }
.headr ul li svg{vertical-align: text-bottom;}
.headr .yz a{color: #1a6bb6;}
.headr ul li a:hover{ color: #fff;}
.headr ul li .js{ background-position:0px 0;}

.logo_l{ float:left; text-align: left;}
.logo_l img{ display:inline-block;vertical-align:middle;width:285px;}
.logo_l span{ display:inline-block; vertical-align:middle; color:#fff; font-size:24px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}
.logo_l i{ display: inline-block; width: 8px; height: 8px; border-radius: 50%;vertical-align:middle; background: #fff; margin: 0 20px;}

.searhbox01{height: 40px;line-height: 40px;float: right;overflow: hidden;margin-left: auto;background:#fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;}
.searhbox01 .text{ width:80%;height: 40px;line-height: 40px;background:transparent;padding: 0 10px;}
.searhbox01 .btn{ width:17%; height: 40px;line-height: 40px;background:transparent; color: #fff;}
.searhbox01 .btn svg{ vertical-align: middle; margin-right: 5px;}
.searhbox02{ height:50px; line-height:50px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px; overflow: hidden; width:95%; margin: 0 auto;  z-index:59; display: none; border: 1px solid #0669B2; margin-top: 20px;}
.searhbox02 .text{ width:75%;height: 50px;line-height: 50px;background: #fff;padding: 0 10px;}
.searhbox02 .btn{ width: 25%; height: 50px;line-height: 50px;background: #0669B2; color: #fff;-webkit-border-top-left-radius:0em;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:0em;-moz-border-radius-topleft:0em;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:0em;border-top-left-radius:0em;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:0em;}


.introbox{ width: 100%; position: relative; margin-top: -230px; overflow: hidden;padding-bottom: 30px;}
.introbox:before{ position: absolute; right: 0; top: 20px; content: ''; display: block; width: 433px; height: 345px;z-index: 2;}
.introbox .esse{width:calc(100% - 358px); z-index: 999;margin-right: 10px; position: relative;padding-top: 50px; bottom: 30px; right: 0; float:right;background: #ffffff;-webkit-box-shadow: 0px 2px 7px #d2d2d2;
    box-shadow: 0px 2px 7px #d2d2d2;}
.name{line-height:40px;overflow: hidden;}
.name:after{visibility:hidden; display:block; content:""; clear:both}
.name h1{ font-size: 30px; color: #000000; display: inline-block; padding: 10px 25px; margin-left: 20px; font-weight: bold; position: relative; z-index: 5;float: left;line-height: 40px;}
.name h1 svg,.name span svg{ margin-right:10px; vertical-align: middle;}
.name span{ float: right; cursor: pointer;}
.name p{font-size: 16px;
    color: #ffab17;
    font-weight: bold;
    display: block;
    float: left;
    line-height: 40px;
    height: 40px;
    margin: 0;
    padding: 15px 0 0 0;}
.contact{padding: 0 30px 0 30px;background: #fff;margin-top: 0px; -moz-box-shadow:0px 2px 7px #d2d2d2; /* -webkit-box-shadow:0px 2px 7px #d2d2d2; */ /* box-shadow:0px 2px 7px #d2d2d2; */ position: relative;}
.contact p{ font-size: 15px;
    line-height: 26px;
    margin: 0;
    padding: 0;}
.contact .more_x{ color:#994be7; display:block; position: absolute;overflow: hidden; right: 0; bottom: -48px; width: 88px; height: 88px;}
.contact .more_x i{ position: relative; top:36px;left:24px; color: #fff; z-index: 3; font-size:16px ; display: block;transform:rotate(-45deg);-ms-transform:rotate(-45deg); /* Internet Explorer */-moz-transform:rotate(-45deg); /* Firefox */-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */-o-transform:rotate(-45deg); /* Opera */}
.contact .more_x:before{content: ''; position: absolute;left: 0; bottom: 0;border-bottom:88px solid #ffab17;width: 0; height: 0; border-left:88px solid transparent;}
.contact .more_x:hover i{color: #fff;}
.contact .more_x:hover:before{border-bottom:88px solid #994be7;}
.introbox .photobox{ float: left; text-align: center;margin-left: 20px;  position: relative; z-index: 4;}
.teacherimg{ width: 298px; height: 362px; padding:15px;  background: #fff; margin: 0 auto;-moz-box-shadow:0px 2px 7px #d2d2d2; -webkit-box-shadow:0px 2px 7px #d2d2d2; box-shadow:0px 2px 7px #d2d2d2;  }
.teacherimg span{background: #f5f5f5; line-height:330px; height: 330px; display: block;}
.teacherimg img{ max-width: 100%; max-height: 100%; vertical-align: middle;}


.box{ background: #fff; padding: 30px; margin-bottom: 50px;}
.box h1{ font-size:24px; font-weight: bold; margin-bottom: 15px; margin-top: 20px;}
.box p{ padding: 8px 0; line-height: 26px; font-size: 16px;}
.box p img{ max-width:100%; height:auto;}






@font-face {
	font-family: Futura;
	src: url(font/FuturaLT-Heavy.eot);
	src: url(font/FuturaLT-Heavy.eot#iefix) format("embedded-opentype"), url(font/FuturaLT-Heavy.woff) format("woff"), url(font/FuturaLT-Heavy.ttf) format("truetype"), url(font/FuturaLT-Heavy.svg#aleobold) format("svg");
	font-weight: 100;
	font-style: normal;
}
.conbox{ width: 100%;}
.bgcolor{ padding: 40px 0;}
.bgcolor:nth-child(even){ background: #f5f5f5;}
.bgcolor:nth-child(odd){ background: #fff;}
.main{max-width: 1200px; margin: 0 auto; width: 90%;}
.main .title{background:url(../images/xline.png) repeat-x left center; margin-bottom: 20px; }
.main .title h1{ font-size: 30px;font-weight: 100; font-family:Futura;display:inline-block; padding: 0 20px; height: 55px; line-height: 55px; background: #01479c; color: #fff; position: relative;}
.main .title h1:after{ position:absolute;content:'';width:0;height:0;border-right:30px solid rgba(255, 255, 255, 0.1); border-top:27.5px solid transparent;border-bottom:27.5px solid transparent;bottom:0;right:0px;}
.main .title h1:before{position:absolute;content:'';width:0;height:0;border-left:30px solid rgba(255, 255, 255, 0.1); border-top:27.5px solid transparent;border-bottom:27.5px solid transparent;bottom:0;left:0px;}
.posi{ margin-left: 10px; border-left: 1px solid #0669b2;}
.posi li{ font-size: 18px; margin-left: -5px; line-height: 30px; padding: 12px 0; background: url(../images/yd.png) no-repeat left 23px; padding-left: 25px;}

.edu li{ font-size: 18px; line-height: 30px; padding: 12px 0; display: table; }
.edu li .date{ display: table-cell; vertical-align: middle; background: #eff6ff; border: 1px solid #01479c;border-radius: 5px; height: 50px; line-height: 50px; padding: 0 20px; margin-right: 15px; }
.edu li .bt{ padding: 0 20px;vertical-align: middle; display: table-cell; }

.research li{ font-size: 18px;line-height: 30px; padding: 12px 0; background: url(../images/sjt.png) no-repeat left 23px; padding-left: 15px; border-bottom: 1px dotted #999;}
.paper li{font-size: 18px;line-height: 30px; padding: 12px 0; background: url(../images/lunwe.png) no-repeat left 18px; padding-left: 36px; border-bottom: 1px dotted #999;}
.mono li{font-size: 18px;line-height: 30px; padding: 12px 0; background: url(../images/mono.png) no-repeat left 18px; padding-left: 36px; border-bottom: 1px dotted #999;}
.awards li{font-size: 18px;line-height: 30px; padding: 12px 0; background: url(../images/ry.png) no-repeat left 18px; padding-left: 30px; border-bottom: 1px dotted #999;}
.teach li{ padding:50px 20px 20px; border: 1px solid #e5e5e5; position: relative;margin-top:55px;}
.teach li .sort_bt{height: 47px; line-height: 47px; border: 1px solid #01479c; font-size: 18px; color: #00469b; background: #eff6ff; padding: 0 15px; display: inline-block;position: absolute; top: -30px; left: 20px; }
.teach li a{ display: block; float: left;width: 45%; margin: 0 2%; font-size: 16px;background: url(../images/sjt.png) no-repeat left 4px; padding-left: 15px;}
.footer{ background:url(../images/footbg.jpg) no-repeat #1a6cb5; padding: 30px 0; }
.footer .corp{ float: left; width: 60%;}
.footer .visit{ float: right; width: 22%;}
.footer p{text-align: left;color: #fff; font-size:16px; line-height: 30px; }

/*内容页*/
.position{ margin: 15px 0;}
.position:after{visibility:hidden; display:block; content:""; clear:both}
.position h1{ float: left; font-size:30px;font-family: Futura; color: #01479c ; line-height: 50px;}
.position span{ float: right; font-size: 18px;line-height: 50px; background: url(../images/wzicon.png) no-repeat left center; padding-left:36px;}
.content{background:#fff; margin-top:10px; margin-bottom: 25px;}
.content h1{ font-size:26px; line-height:30px; text-align:center; padding:15px 25px;}
.content .Subtitle{background: #f5f5f5;text-align: center;}
.content .Subtitle .time{ display:inline-block; padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; }
.content .Subtitle .click{ display:inline-block;padding:10px 20px 10px 50px;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;  }
.content .subs{ margin:25px 0; line-height:28px;}
.content .subs p img{max-width:90%; margin:0 auto}
.enclosure{ border:1px solid #e5e5e5; padding:20px;}
.enclosure h3{ font-size:18px;display:inline-block; color:#0c3579; line-height:35px; font-weight:bold  }
.enclosure .wzlist{ padding-left:7px;}
.enclosure .wzlist li{background:url(../images/mrebtn.png) no-repeat left 9px;line-height:28px; margin:5px 0; padding-left:14px;font-size: 18px;}
.enclosure .imglist{ margin-top:10px;}
.enclosure .imglist li{ float:left;width:calc(25% - 2%); height:150px; vertical-align:top; margin:10px 1% 10px 1%; background:#f5f5f5; float:left;}
.enclosure .imglist li span{ display:block; line-height:150px; text-align:center; vertical-align:middle}
.enclosure .imglist li span img{ max-width:100%; max-height:100%; vertical-align:middle;}
.flip{ margin-top:10px;}
.flip li{ width:100%; padding:10px;display:table;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size: 18px;}
.flip li span{ display:table-cell; width:85px;padding-right:10px; padding-left:10px; font-weight:bold}
.flip li a:hover{ text-decoration:underline; color:#0D357A }

/*结构化内容页*/
.structure{ margin:20px 0;}
.structure dl{ display:table; width:100%;}
.structure dl:after{visibility:hidden; display:block; content:""; clear:both}
.structure dl:nth-child(even){background:#f5f8fc}
.structure dl dt{ width:20%; display:table-cell; line-height:28px; padding:10px 0; padding-left:5%; font-weight:bold}
.structure dl dd{display:table-cell; line-height:28px; padding:10px 0}



@media only screen and (max-width:1024px){
	.navbg{ display: none;}
	.meun_icon{ display: block;}
	.top{ display: block;width: 100%;  height:45px;line-height:45px;  position: relative;z-index: 3; border-bottom:1px solid #585f73;padding: 13px 0;background: rgba(255, 255, 255, 0.15); }
	.top ul{ float: right;}
	.top ul li{ float: right; padding: 0 20px; border-right:1px solid #fff;height: 20px; line-height: 20px;}
	.top ul li:first-child{border-right:0;}
	.top ul li a{color: #fff;}
	.top ul li i{ background: url(../images/topicon.png) no-repeat;display: inline-block; width: 14px; height: 19px; vertical-align: middle; margin-right: 10px;}
	.top ul li .man{ background-position:-96px 0;}
	.top ul li .jg{ background-position:-46px 0;}
	.top ul li .js{ background-position:0px 0;}
	.enclosure .imglist li{width:calc(33.33333% - 2%); height:150px; }
}
@media only screen and (max-width:959px){
	.nbox h2 a{padding:0}
	.sebox .select-type:first-child{ width: 53%;}
	.sebox .select-type .select_area.er_select_area{ width: 78%;}
	.sebox .select-type .select_area{ width: 83%;}
	.enclosure .imglist li span{ line-height:120px;}
}
@media only screen and (max-width:768px){
	.banner_index{padding-bottom:13%;}
	.logo_l span{ font-size: 24px;}
    .enclosure .imglist li{width:calc(33.3333% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px;}
	.bannerBox img{width: 150%;position: relative;left: 50%;margin-left: -50%;}
	.introbox .photobox{ float: none; width:auto;}
	.introbox .esse{ position: relative; width: 100%;}
	.footer .corp,.footer .visit{ float: none; width: auto;    padding: 0 20px;}
}
@media only screen and (max-width:639px){
	.logo_l img{ width:50%;}
	.logo_l span{ font-size:19px;}
	
	.introbox .esse{float: none; width:auto;margin-top: 25px;}
	.introbox{background-size: 90%;}
	.searhbox01{ width: 54%;}
	.position h1{ display: none;}
	.position span{ float: none;display: block;}
	.structure dl dt{ width:100%; display:block; background:#f5f8fc;}
	.structure dl dd{display:block; padding-left:5%; background:#fff;}
	
}
@media only screen and (max-width:414px){
	.top ul{ float: none;}
	.top ul li{ width: 33.3333%; text-align: center; padding: 0;}
	.logo_l{float: none;text-align: center;}
	.logo_l span{ font-size: 16px;}
	.bannerBox img{width: 200%;position: relative;left: 50%;margin-left: -50%;}
	.introbox{ margin-top: -100px; padding-bottom: 0;}
	.teacherimg{ width: 75%;height: 295px;}
	.teacherimg span{    line-height: 261px;height: 266px;}
	.edu li span{ display: block !important; }
	.edu li span.bt{ padding: 0; margin-top: 10px;}
	.teach li{padding: 39px 20px 20px;}
	.teach li a{ float: none; width: auto; line-height: 26px; margin-bottom: 5px;    background: url(../images/sjt.png) no-repeat left 8px;}
	.enclosure .imglist li{width:calc(50% - 2%); height:120px; }
	.enclosure .imglist li span{ line-height:120px;}
	
}
@media only screen and (max-width:320px){
	.logo_l img{ width: 44%;}
}

@media only screen and (max-width:320px){
	.logo_l span{ font-size: 15px;}
	.logo_l span{ padding: 8px;}
	.logo_l i{ margin: 0 3px;}
	.headr ul li{ font-size: 14px;}
	.headr ul li span{ margin-right: 7px;}
	.enclosure .imglist li{width:calc(50% - 2%); height:100px; }
	.enclosure .imglist li span{ line-height:100px;}
	.teacherimg{ height: 227px;}
	.teacherimg span{    line-height: 198px;height: 200px;}
}


.back {
    height: 42px;
    text-align: center;
    line-height: 42px;
    border-radius: 10px;
    font-size: 18px;
    width: 110px;
  /*  margin-top: -190px; */
/*    margin-bottom: 15px;*/
    position: relative;
    background: url(../images/wzicon.png) no-repeat 0px center #fff;
    padding-left: 38px;
    padding-right: 20px;
   z-index:999;
float:right;
bottom:-100px;
right:20px
}