@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; max-width: 100%;}
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 320px; font-family: "Microsoft yahei"; max-width: 750px; margin: 0 auto; position: relative;overflow-x: hidden;font-size: 14px;color: #323232;background: url() no-repeat bottom center;background-size: 100%;}
input { outline: none; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.wrap { margin: 0 15px;  overflow: hidden;}
.clear { clear: both; }


@media screen and (max-width: 400px) {
.require_bottom{width:100%;margin-top:20px;}
.require_bottom ul{list-style:none;}
.require_bottom ul li{width:43%;height:auto; padding:0!important; line-height:60px;float:left;margin:15px 10px;border:1px solid #ddd;text-align:center;font-size:12px;}
.require_bottom ul li a{display:block;}
.require_bottom ul li a:hover{background:#003c7e;color:#fff;}
}

@media screen and (min-width: 1200px) {
.require_bottom{width:100%;margin-top:20px;}
.require_bottom ul{list-style:none;}
.require_bottom ul li{width:28%;height:auto; padding:0!important; line-height:60px;float:left;margin:15px 18px;border:1px solid #ddd;text-align:center;font-size:16px;}
.require_bottom ul li a{display:block;}
.require_bottom ul li a:hover{background:#003c7e;color:#fff;}
}
.top{background: #003c7e;}
.top .righ{float: right;display: block;}
.top ul{float: left;}
.top ul li{float: left;margin-left: 15px;height: 30px;}
.top ul li a{font-size:12px;color: white;line-height: 30px;}
.top img{float: left;width:16px;margin-left: 15px;line-height: 30px;padding: 7px 0;}

.head {width: 100%; z-index: 999999;}
.head .fl { width: 80%; height:60px;line-height: 60px;}
.head .fl .logo-kd{float: left;width: 15%;}
.head .fl .logo-kd img{}
.head .fl .logo-xy{float: left;width: 84%;}
.head .fl .logo-xy img{}
.head img { vertical-align: middle; max-height: 60px; }
.head .fr {  display: inline-block; line-height: 60px;}
.head .fr .fr-t a { font-size: 12px;color: #fff; margin: 0 4px;}
.head .fr-b { text-align: right; }
.head .fr img { max-height: 20px; margin-left: 10px;}


.nav { box-sizing: border-box;padding: 60px 3%; width: 100%; min-height: 1366px; height:100%; margin: 0 auto; position: absolute; top: 0; left: 100%; z-index: 20; background: rgba(0,0,0,0.9); font-size: 14px; color: #fff; display: none; }
.nav .close { position: absolute; right: 10px; top: 20px; }
.nav .close img { width: 25px; }
.nav ul li:first-child {  border-top: 1px solid #666; }
.nav ul li { padding: 10px 0 10px 10px; line-height: 24px; overflow: hidden; border-bottom: 1px solid #666; }
.nav ul li .topnav { overflow: hidden; }
.nav ul li a { font-size: 16px; color: #fff; float: left; width: 90%;}
.nav ul li span { float: right; display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-top: 13px; padding-right: 5px;background: url(../images/add.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav ul li span.on { background: url(../images/minus.png) center no-repeat; -webkit-background-size: 12px; background-size: 12px; }
.nav .subnav { padding-left: 20px; display: none; }
.nav .subnav dd { line-height: 26px; overflow: hidden; }
.nav .subnav dd a { font-size: 14px; display: block; width: 100%; height: 100%; }


.search {display: none; padding: 5px 0; background: rgba(255,255,255,0.8);width: 100%;z-index: 10;}
.search .wrap { height: 36px; line-height: 36px; box-sizing: border-box; border: 1px solid #b7b7b7; background: rgba(255,255,255,0.8);}
.search .ss { width: 80%; padding-left: 5%; height: 36px; line-height: 36px; display: inline-block; *display: inline; *zoom: 1; box-sizing: border-box; border: none; vertical-align: top; border-right: 1px solid #b7b7b7; }
.search .btn { width: 16%; margin-left: 2%; height: 36px; line-height: 36px; background: url(../images/search-btn-in.png) left center no-repeat; -webkit-background-size: 14px; background-size: 14px; border: none; display: inline-block; *display: inline; *zoom: 1; border: none; vertical-align: top; }


.banner{ position:relative; width:100%;max-width: 750px;  height:190px; overflow:hidden;}
.banner .hd{ position:absolute; width:100%;  height:27px; bottom:30%; left:0; z-index:1; }
.banner .hd img{ width:11px;  }
.banner .prev,.slideBox .next{ position:absolute; left:0; top:0; display:block; width:23px; height:27px; line-height:27px; text-align:center;   }
.banner .next{ left:auto; right:0;position: absolute;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; }
.banner .bd li img{ width:100%;max-width: 750px;  height:auto; display:block;   }
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.banner .bd li .tit{ display:block; width:94%;position:absolute; left: 3%;bottom:0; text-indent:10px; height:30px; line-height:30px;  text-align:center;  color:#323232; background-color:rgba(225,225,225,0.7);overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
@media only screen and (min-width:320px) and (max-width:360px) {
 .banner{height: 160px;}
.banner .bd li img{height: 160px;}
}
@media only screen and (min-width:360px) {
 .banner{height: 180px;}
.banner .bd li img{height: 180px;}
}
@media only screen and (min-width:375px) {
 .banner{height: 190px;}
.banner .bd li img{height: 190px;}
}
@media only screen and (min-width:414px) {
 .banner{height: 210px;}
.banner .bd li img{height: 210px;}
}
@media only screen and (min-width:750px) {
 .banner{height: 380px;}
.banner .bd li img{height: 380px;}
}


.news{margin: 40px 0 0 0;}
.news .title{margin: 0 0 4px 0;}
.news .title h4{font-size:20px;color:#323232;background: url(../images/newsTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}
.news .news-con{}
.news .news-con .con-pic{}
.news .news-con .con-pic li{width: 100%;margin-bottom: 25px;}
.news .news-con .con-pic li img{width: 100%;height: auto;}
.news .news-con .con-pic li h4{width: 100%;font-size: 16px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;margin: 10px 0;}
.news .news-con .con-pic li p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;color: #666666;}
.news .news-con .con-pic li i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 10px 0;}

.news .news-con .con-text{}
.news .news-con .con-text li{border-top: 1px solid #d9d9d9;padding: 10px 0;}
.news .news-con .con-text li p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 16px;}
.news .news-con .con-text li i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 4px 0 0 0;}
.news .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;}



.jcdt{margin: 40px 0 0 0;}
.jcdt .title{margin: 0 0 4px 0;}
.jcdt .title h4{font-size:20px;color:#323232;background: url(../images/jcdtTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}

.jcdt .con-text{}
.jcdt .con-text li{border-top: 1px solid #d9d9d9;padding: 10px 0;}
.jcdt .con-text li p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 16px;}
.jcdt .con-text li i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 4px 0 0 0;}
.jcdt .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;}


.media{margin: 40px 0 0 0;}
.media .title{margin: 0 0 4px 0;}
.media .title h4{font-size:20px;color:#323232;background: url(../images/mediaTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}
.media .con-text{}
.media .con-text li{position: relative;margin-bottom: 25px;}
.media .con-text li .pic{ width: 120px;height: 80px;}
.media .con-text li .pic img{ position: relative;width: 120px;height: 80px;}
.media .con-text li .text{padding-left: 140px;position: absolute;top: 0;}
.media .con-text li .text p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;font-size: 16px;}
.media .con-text li .text i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 4px 0 0 0;}
.media .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;}

.notice .title h4{font-size:20px;color:#323232;background: url(../images/noticeTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}


.topic{margin: 40px 0 0 0;}
.topic img{width: 100%;height: auto;margin-bottom: 25px;}
.topic img:last-child{margin-bottom: 0;}

.video{margin: 40px 0 0 0;}
.video .title{margin: 0 0 4px 0;}
.video .title h4{font-size:20px;color:#323232;background: url(../images/videoTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}
.video .video-con{position: relative;}
.video-con .pic img{width: 100%;}
.video .video-con .btn img{position: absolute;}
.video .video-con h3{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 16px;font-weight: normal;margin: 10px 0;}
.video .video-con p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;color: #666666;}

@media only screen and (min-width:320px) and (max-width:360px) {
 .video-con .pic img{height: 165px;}
 .video .video-con .btn img{left: 45%;top: 24%;}
}
@media only screen and (min-width:360px) {
 .video-con .pic img{height: 150px;}
 .video .video-con .btn img{left: 45%;top: 24%;}
}
@media only screen and (min-width:375px) {
 .video-con .pic img{height: 195px;}
 .video .video-con .btn img{left: 45%;top: 24%;}
}
@media only screen and (min-width:414px) {
 .video-con .pic img{height: 215px;}
 .video .video-con .btn img{left: 45%;top: 24%;}
}
@media only screen and (min-width:750px) {
 .video-con .pic img{height: 385px;}
 .video .video-con .btn img{left: 45%;top: 24%;}
}


.teacher .title h4{font-size:20px;color:#323232;background: url(../images/teacherTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}


.alumni .title h4{font-size:20px;color:#323232;background: url(../images/alumniTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}


.attention{margin: 40px 0 0 0;}
.attention .title h4{font-size:20px;color:#323232;background: url(../images/topicTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 20px;}
.attention .attention-con{}
.attention .attention-con li{width: 48%;margin-right: 4%;float: left;margin-bottom:14px;}
.attention .attention-con li:nth-child(even){margin-right: 0;}
.attention .attention-con li img{width: 100%;}


.fast-nav{margin: 40px 0 0 0;}
.fast-nav .title{margin: 0 0 4px 0;}
.fast-nav .title h4{font-size:20px;color:#323232;background: url(../images/fastnavTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 6px;}
.fast-nav .fast-nav-con{}
.fast-nav .fast-nav-con li{float: left;width: 33.3333333%;position: relative;}
.fast-nav .fast-nav-con li a{font-size: 14px;}
.fast-nav .fast-nav-con li a:before{content: "·";font-size: 30px;color: #E19126;margin-right: 6px;position: relative;top: 5px;}


.friendlink{margin: 40px 0 0 0;}
.friendlink .title{margin: 0 0 4px 0;}
.friendlink .title h4{font-size:20px;color:#323232;background: url(../images/fastnavTitle.jpg) left center no-repeat;padding-left: 40px;background-size: 28px;height: 28px;margin-bottom: 6px;}
.friendlink .friendlink_con{}
.friendlink .friendlink_con li{float: left;width: 50%;position: relative;}
.friendlink .friendlink_con li a{font-size: 14px;}
.friendlink .friendlink_con li a:before{content: "·";font-size: 30px;color: #E19126;margin-right: 6px;position: relative;top: 5px;}




.footer{background-color: #053263;padding: 30px 0;margin-top: 40px;}
.footer .ewm{width: 100%;margin-bottom: 20px;}
.footer .ewm img{width: 45%;display: block;margin: 0 auto;}
.footer .ewm p{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info01{}
.footer .info01 p{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info01 span{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info02{margin: 20px 0;}
.footer .info02 p{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info02 span{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info03{}
.footer .info03 p{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer .info03 span{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}
.footer a{color: #b8c1d1;line-height: 24px;font-size: 12px;text-align: center;}



.ny-banner{}
.ny-banner img{width: 100%;height: 200px;}
@media only screen and (min-width:320px) and (max-width:360px) {
 .ny-banner img{height: 120px;}
}
@media only screen and (min-width:360px) {
 .ny-banner img{height: 140px;}
}
@media only screen and (min-width:375px) {
 .ny-banner img{height: 170px;}
}
@media only screen and (min-width:414px) {
 .ny-banner img{height: 210px;}
}
@media only screen and (min-width:750px) {
 .ny-banner img{height: 330px;}
}
 .now { height: 20px;line-height: 20px;position: relative; margin-bottom: 10px;margin-top: 15px;padding: 0 15px;border-bottom: 1px solid #d9d9d9;padding-bottom: 8px;}
 .now-l {border-left: 2px solid #002FA7; padding-left: 10px;  font-size: 16px; color: #333; position: relative; padding-right: 20px;  display: inline-block; *display: inline; *zoom: 1; z-index: 3; }
 .now-l a { font-size: 14px; color: #333;}

.news-list{}
.news-list .con-text li{border-bottom: 1px solid #d9d9d9;padding: 10px 0;}
.news-list .con-text li p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;font-size: 16px;}
.news-list .con-text li i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 4px 0 0 0;}
.news-list .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;margin-top: 20px;}


.pic-list{}
.pic-list .con-text{margin-top: 20px;}
.pic-list .con-text li{width: 48%;margin-right: 4%;float: left;margin-bottom: 15px;}
.pic-list .con-text li:nth-child(even){margin-right: 0;}
.pic-list .con-text img{width: 100%;}
.pic-list .con-text p{text-align: center;font-size: 14px;line-height: 30px;}
.pic-list .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;margin-top: 5px;}
@media only screen and (min-width:320px) and (max-width:360px) {
  .pic-list li img{ height: 104px; }
 }
 @media only screen and (min-width:360px) {
  .pic-list li img{ height: 110px;}
 }
 @media only screen and (min-width:375px) {
  .pic-list li img{ height: 116px;}
 }
 @media only screen and (min-width:414px) {
  .pic-list li img{ height: 124px;}
 }
 @media only screen and (min-width:750px) {
  .pic-list li img{ height: 240px;}
 } 
 
 
.pic-leader{}
.pic-leader .con-text{margin-top: 20px;}
.pic-leader .con-text li{position: relative;margin-bottom: 25px;}
.pic-leader .con-text li .pic{ width: 130px;height: 90px;}
.pic-leader .con-text li .pic img{ position: relative;width: 130px;height: 90px;}
.pic-leader .con-text li .text{padding-left: 145px;position: absolute;top: 0;}
.pic-leader .con-text li .text h5{font-size: 16px;font-weight: 700;margin-top: -5px;}
.pic-leader .con-text li .text p{overflow: hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size: 14px;color: #a6a6a6;margin: 4px 0;padding: 2px 0;}
.pic-leader .con-text li .text i{font-weight: normal;font-style: normal;font-size: 12px;display: block;color: #666;margin: 4px 0 0 0;background: #6a87a6;width: 60px;text-align: center;color: white;padding: 4px 2px;}
.pic-leader .more{background: #E4E4E4;font-size: 14px;color: #666666;text-align: center;line-height: 38px;display: block;}
 
 
 
 .nry{margin-top: 20px;}
 .nry .title{}
 .nry .title h3{font-size: 18px;text-align: center;}
 .nry .title div{font-size: 12px;color: #666666;margin: 15px 0;}
 .nry .artical{width: 100%;}
.nry .artical p{font-size: 14px;color: #323232;line-height: 28px;}
.nry .artical img{width: 70%;display: block;margin: 20px auto;}
.nry  .pn{margin-top: 20px;}
.nry  .pn p{line-height: 28px;}
.nry  .pn a{line-height: 28px;}





.defaultInputStyle{width:20px;}