body {
    color: #333;
    font-size: 14px;
    font-family: "å¾®è½¯é›…é»‘","Arial",Helvetica,"é»‘ä½“",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;


}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.container{ width: 1330px;}
.back-top{ background: url(../images/back-one.png) center no-repeat;}
.header{ padding:13px 0; z-index: 10000; position: relative; left: 0; top: 0; right: 0; z-index: 100000; transition: 0.3s all; }
.header.active{ background: rgba(0,0,0,0.7); }
.header-a a{ display: inline-block; margin-left: 40px; color: #333; float: left; }
.search-a{ display: inline-block; width: 20px; height: 22px; background: url(../images/search.png) center no-repeat; }
.header.active .search-a{ background: url(../images/search02.png) center no-repeat; }
.header-a{ padding-top: 15px; line-height: 22px; }
.header.active .header-a a{ color: #fff; }
.nav-list li{ float: left; margin-left: 48px; margin-top: 20px; position: relative; padding-bottom: 10px; }
.nav-list li a{ color: #333; }
.nav-list li span{position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(../images/icon3.png) no-repeat center center;
z-index:999;
background-size: 25px 25px;
}
.header.active .nav-list li a{ color: #fff; }
.nav-list li a:hover{ color: #fe0000; }
.nav-down li{ float: none; width: 100%; height: 0; transition: 0.3s all; overflow:hidden; padding:0; margin:0!important; background: #fe0000; }
.nav-down li a{ color: #fff!important; line-height: 40px; display: block; }
.nav-down li a:hover{ background: #b80909; }
.nav-down{ position: absolute;  left: 50%; width: 120px; margin-left: -60px; top: 100%; text-align: center; }
.nav-list li:hover .nav-down li{ height: 40px; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner .slick-dots{ left: 70px; bottom: 35px; width: auto; }
.banner .slick-dots li,.banner .slick-dots li button{ padding:0; width: 23px; height: 25px; }
.banner .slick-dots li button{ background: url(../images/li01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../images/li02.png) center no-repeat; }
.slick-dots li button:before,.slick-prev:before,.slick-next:before{ display: none; }
.title{ font-size: 24px; color: #333; margin:30px 0; line-height: 34px; position: relative; }
.title i{ display: inline-block; float: left; margin-right: 15px; }
.title a{ float: right; font-size: 16px; color: #333; }
.xy-list li{ float: left; padding:0 18px; margin-bottom: 15px; width: 33.333333%; }
.xy-list{ margin:0 -18px; }
.xy-list-img a{ display: block; position: relative; padding-top: 68.5%; }
.xy-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.xy-list-tt{ margin:10px; line-height: 25px; height: 50px; overflow:hidden; }
.xy-list-tt a{ font-size: 16px; color: #333; }
.xy-list-date{ margin-left: 10px; font-size: 16px; color: #333; }
.xy-list-tt a:hover{ color: #ff2702; font-weight: bold; }
.box-left{ width: 48.46%; margin-top: 30px; }
.img-slick a{ display: block; position: relative; padding-top: 66%; }
.img-slick a img{ position: absolute; left: 0; top: 0; right: 0; width: 100%; height: auto; }
.img-slick a span{ position: absolute; line-height: 80px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); font-size: 22px; color: #fff; padding-left: 25px; padding-right: 150px;}
.img-slick .slick-prev{ width: 11px; height: 20px; background: url(../images/left02.png) center no-repeat; left: auto; right: 95px; bottom: 30px; top: auto; }
.img-slick .slick-next{ width: 11px; height: 20px; background: url(../images/right02.png) center no-repeat; left: auto; right: 35px; bottom: 30px; top: auto; }
.img-slick{ margin:0; }
.img-slick:before{ display: block; content: ""; z-index: 1000; position: absolute; right: 70px; bottom: 32px; width: 1px; height: 16px; background: url(../images/lind.png) center no-repeat; }
.box-right{ width: 48.46%; height: 480px; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: 60px; background: url(../images/back02.png) center no-repeat; background-size: cover; }
.tt-back{ height: 90px; background: url(../images/tt-back.png) center no-repeat; background-size: cover; padding:25px 30px; }
.tt-back .title{ color: #fff; margin-top: 0px; }
.zx-list li a{ display: block; position: relative; padding-right: 110px; line-height: 44px; font-size: 16px; color: #333; }
.zx-list{ padding:20px 30px; }
.zx-list li a span{ position: absolute; right: 0; top: 0; }
.zx-list li a:hover{ color: #ff2702; }
.link-ul li{ float: left; width: 16.666666%; margin-top: 50px; }
.link-ul li a{ display: inline-block;  width: 170px; transition: 0.3s all; height: 170px; padding-top: 10px;  font-size: 20px; color: #333; }
.link-ul li a:hover span{ transform: rotateY(360deg); transition: 0.8s all; }
.link-ul li a:hover{ border-radius: 50%; }
.link-ul li a span{ display: block; height: 100px; }
.link-ul li a span.link01{ background: url(../images/link01.png) center no-repeat; }
.link-ul li a span.link02{ background: url(../images/link02.png) center no-repeat; }
.link-ul li a span.link03{ background: url(../images/link03.png) center no-repeat; }
.link-ul li a span.link04{ background: url(../images/link04.png) center no-repeat; }
.link-ul li a span.link05{ background: url(../images/link05.png) center no-repeat; }
.link-ul li a span.link06{ background: url(../images/link06.png) center no-repeat; }
.link-ul li a:hover{ color: #fff; background: #ff2702; }
.link-ul li a:hover span.link01{ background: url(../images/link01-1.png) center no-repeat; }
.link-ul li a:hover span.link02{ background: url(../images/link02-1.png) center no-repeat; }
.link-ul li a:hover span.link03{ background: url(../images/link03-1.png) center no-repeat; }
.link-ul li a:hover span.link04{ background: url(../images/link04-1.png) center no-repeat; }
.link-ul li a:hover span.link05{ background: url(../images/link05-1.png) center no-repeat; }
.link-ul li a:hover span.link06{ background: url(../images/link06-1.png) center no-repeat; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; margin-top: 40px; padding:40px 0; }
.footer-link a{ display: inline-block; color: #fff; width: 110px; }
.footer-link span{ display: inline-block; padding:0 30px 0 0; color: #fff; }
.footer-link{ line-height: 40px; width: 702px;  }
.footer-right a{ display: inline-block; margin-left: 70px; }
.footer-right{ padding-top: 20px; }
.footer-bottom{ color: #fff; margin-top: 50px; }
.footer-bottom span{ display: inline-block; margin-left: 30px; }
.footer-bottom img{ margin-right: 5px; }
.xy-list-box{ transition: 0.3s all; padding-bottom: 20px; }
.xy-list-box:hover,.img-slick:hover{ box-shadow: 0 15px 20px rgba(0,0,0,0.3); }
.img-slick{transition: 0.3s all;}
.tt-back .title a{ color: #fff; }
.footer-link a:hover,.title a:hover,.header-a a:hover{ color: #fe0000!important; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #333; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search,.btn-search:hover,.btn-search:focus{ position: absolute; right: 0; background: #fe0000; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
/****************å¯¼å¸ˆåˆ—è¡¨é¡µ**************/

.list-banner{ position: relative; }
.list-banner img{ width: 100%; }
.list-banner-bottom{ position: absolute; left: 0; right: 0; bottom: 0; height: 66px; background: url(../images/list-back.png) center no-repeat; background-size: 100% 100%; }
.banner-tt{ font-size: 20px; color: #fff; padding:0 40px; line-height: 66px; background: #bc3726; }
.nav-b{ line-height: 66px; background: url(../images/icon-home.png) left center no-repeat; padding-left: 30px; font-size: 16px; color: #fff; }
.nav-b a{ color: #fff; }
.list-left{ width: 360px; background: #f7f7f7; margin-top: 35px; padding:25px; }
.zx-title{ font-size: 20px; color: #ff0000; }
.zx-ul li{ margin-top: 15px; line-height: 25px; }
.zx-ul li a{ color: #333; }
.right-box{ width: 900px; margin-top: 35px; }
.teacher-list li{ float: left; width: 25%; padding:0 33px; margin-bottom: 40px; }
.teacher-list{ margin:0 -33px; }
.teacher-img a{ display: block; position: relative; padding-top: 134%; }
.teacher-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.teacher-tt a{ font-size: 18px; color: #333; }
.teacher-tt{ margin-top: 20px; }

.zx-ul li a:hover,.teacher-tt a:hover,.nav-b a:hover,.header.active .nav-list li a:hover{ color: #fe0000; }
.list-banner{ height: 470px; }
/***********å¯¼å¸ˆå†…é¡µ***********/
.ds-img img{ width: 170px; height: 225px; margin-bottom: 15px; }
.ds-img{ font-size: 18px; color: #333; }
.ds-txt p{ font-size: 16px; color: #333; margin:0; line-height: 35px; text-align: justify; }
.ds-txt p span{ font-weight: bold; }
.ds-txt{ margin-top: 40px; }
/**************æ—¥æœŸåˆ—è¡¨é¡µ**************/
.date-list-left{ background: #f6f6f6; width: 80px; height: 80px; padding:15px; }
.date-list-left span{ font-size: 18px; font-weight: bold; }
.date-right{ margin-left: 105px; padding-top: 10px; }
.date-tt a{ font-size: 18px; color: #333; }
.date-txt{ color: #999; margin-top: 10px; }
.date-list li{ border-bottom: dashed 1px #e6e6e6; padding-bottom: 25px; margin-bottom: 25px; }
.date-list li:hover .date-list-left{ background: #fe0000; color: #fff; }
.date-list li:hover .date-tt a{ color: #fe0000; }
.img-ul-left img{ width: 280px; height: 190px; }
.img-ul-right{ margin-left: 315px; padding-top: 10px; }
.img-txt{ line-height: 25px; height: 50px; overflow:hidden; }
.img-date{ color: #999; background: url(../images/icon-date.png) left center no-repeat; margin-top: 50px; padding-left: 30px; }
.img-ul li{ border-bottom: dashed 1px #e6e6e6; padding-bottom: 25px; margin-bottom: 25px; }
.date-tt a:hover{ color: #fe0000; }
/***************æ–‡ç« å†…å®¹é¡µ****************/
.article-title{ font-size: 24px; color: #333; font-weight: bold; }
.article-date div{ display: inline-block; margin-top: 15px; padding-left: 25px; }
.article-p p{ font-size: 16px; color: #333; line-height: 30px; margin-bottom: 20px; }
.article-p{ margin-top: 30px; }
.article-link{ border-top: solid 1px #ddd; padding-top: 20px; padding-left: 40px; }
.article-link p a{ font-size: 16px; color: #333; }
.article-link p a span{ font-weight: bold; }
.article-link p{ margin-bottom: 20px; }
.article-link p a:hover{ color: #fe0000; }

@media( max-width: 1379px){
    .container{ width: 1230px }
    .zx-list li a{ line-height: 40px; }
    .box-right{ height: 448px; }
    .right-box{ width: 800px; }
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .nav-list li{margin-left: 24px;}
    .zx-list li a{ line-height: 30px; }
    .box-right{ height: 366px; }
    .footer-right a{ margin-left: 20px; }
    .right-box{ width: 550px; }
    .teacher-list li{ width: 33.333333%; }
    }
@media( max-width: 991px){
    .container{ width: 750px; }
    .link-ul li a span{ background-size: auto 40px!important; height: 50px; }
    .link-ul li a{ font-size: 16px; width: 100px; height: 100px; }
    .footer-right{ width: 100%; text-align: center; }
    .footer-right a{ display: inline-block; margin:0 10px; }
    .footer-bottom span{ display: block; margin:10px 0 0 0; }
    .logo img{ width: 180px; }
    .nav-list li{ margin-left: 10px; margin-top: 10px;font-size:12px; }
    .header-a{ padding-top: 0; }
.search-box-c {
    width: 600px;
    margin-left: -300px;
}
.list-left{ width: 250px; }
.right-box{ width: 450px; }

.img-ul-left img{ width: 140px; height: 95px; }
.img-ul-right{ margin-left:155px; padding-top: 0; }
.img-txt{ height: 25px; }
.img-date{ margin-top: 10px; }
}
@media( max-width: 768px){
    .container{ width: 100%; }
    .logo img{ width: auto; height: 30px; }
    .header{ padding:10px 0; }
   
    .nav-list{ position: absolute; display: none; left: 0; top: 100%; right: 0; width: 100%; background: #fe0000; }
    .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
    .nav-list li a{ display: block; color: #fff; padding:0 15px; line-height: 40px; }
    .header-a{ padding-top: 5px; padding-right: 50px; }
    .header-a a{ margin-left: 20px; }
    .nav-down{ display: none; position: static; margin:0; }
    .nav-down li{ height: 40px; }
    .banner .slick-dots{ left: 15px; bottom: 15px; }
    .xy-list li{ width: 50%; padding:0 5px; }
    .xy-list{ margin:0 -5px; }
    .title{ margin:20px 0; }
    .box-left{ width: 100%; margin-top: 0; }
    .box-right{ width: 100%; margin-top: 20px; height: auto; }
    .zx-list li a{ line-height: 35px; }
    .link-ul li{ width: 33.333333%; margin-top: 20px; }
    .footer-link span{ display: none; }
    .footer-link a{ width: 33.333333%; float: left; margin:0; }
    .footer-link{ width: 100%; line-height: 35px; }
    .footer{ margin-top: 20px; padding:20px 0; }
    .footer-bottom{ margin-top: 20px; }
    .banner{ margin:0 -15px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .menu-button{ display: block; }
    .header.active .bar{ background: #fff; }
.search-box-c {
    width: auto;
    margin-left: 0;
    left: 15px;
    right: 15px;
}
.list-left{ display: none; }
.right-box{ width: 100%; }
.teacher-list li{ width: 50%; padding:0 10px; margin-bottom: 15px; }
.teacher-list{ margin:0 -10px; }

.list-banner{ height: 150px; }
.banner-tt{ font-size: 16px; line-height: 40px; padding:0 10px; }
.nav-b{ font-size: 12px; line-height: 40px; }
.list-banner-bottom{ height: 40px; }
.ds-txt p{ font-size: 14px; line-height: 25px; }
.ds-txt{ margin-top: 20px; }
.article-link{ padding-left: 0; }
.article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
.article-link p a{ font-size: 14px; }
.article-link p{ margin-bottom: 10px; }
.article-title{ font-size: 18px; margin-top: 0; }
.article-p{ margin-top: 15px; }
}