body {
    color: #333;
    font-size: 14rem;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
    background: #fffefe;
    opacity: 0;

}
body.active{ opacity: 1; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-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;}
.header{ padding:0 5%; background: url(../images/header.png) center no-repeat; background-size: cover; position: relative; z-index: 1000; }
.logo{padding-top: 30rem; }
.logo img,.logo-b img{ width: 520rem; }

.header-right{ padding-top: 23rem; }
.header-a{ display: block; font-size: 16rem; color: #fff; width: 126rem;  line-height: 36rem; background: url(../images/link.png) center no-repeat; background-size: 100% 100%; text-align: center; }
.search-back{ width: 316rem; margin-left: 10rem; height: 36rem; background: url(../images/search-back.png) center no-repeat; background-size: 100% 100%; position: relative; }
.search-back .form-control{ width: 100%; height: 36rem; background: none; box-shadow: none; font-size: 16rem; padding-left: 22rem; color: #fff; box-shadow: none; border:none; }
.search-back .form-control::-webkit-input-placeholder{
            color:#fff;
        }
.search-back .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
.search-back .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
.search-back .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;}


.btn-ss{ position: absolute; right: 10rem; padding-top:0; height: 30rem; top: 5px; bottom: 0; background: none; border:none; }
.btn-ss img{ width: 18rem; }
.nav-list li{ float: left; position: relative; padding-bottom: 15rem; margin-left: 30rem; }
.nav-list li a{ font-size: 22rem; color: #fff; }
.nav-list{ margin-top: 20rem; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner .slick-dots{ bottom: 45rem; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 32rem; height: 36rem;  font-size: 16rem; color: #fff; }
.banner .slick-dots li button{ background: url(../images/li01.png) center no-repeat; background-size: 100% 100%; }
.slick-dots li button:before{ display: none; }
.banner .slick-dots li.slick-active button{ background: url(../images/li02.png) center no-repeat; background-size: 100% 100%; }
.page-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; }
.container{ width: 85%; }

.title-left{ font-size: 48rem; line-height: 40rem; padding-top: 45rem; background: url(../images/title.png) left top no-repeat; background-size:auto 17rem!important;  color: #000; font-family: "思源宋体"; }
.title-left span{ text-transform: uppercase; font-size: 24rem; opacity: 0.3; }
.title{ margin-top: 80rem; margin-bottom: 20rem; }
.more{ float: right; margin-top: 60rem; font-size: 18rem; color: #ce1c03; line-height: 36rem; background: url(../images/more.png) right center no-repeat; background-size: 32rem auto; padding-right: 42rem; }
.img-slick{ width: 48.5%; }
.img-slick-img{ height: 480rem; }
.img-slick-bottom{ background: #fff; position: relative; z-index: 100; height: 210rem; padding:30rem 40rem; }
.img-slick-tt{ font-size: 28rem; color: #000; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 80rem; text-align: justify;
 }
 .img-slick-p{ font-size: 18rem; opacity: 0.6; line-height: 30rem; color: #000; text-align: justify; margin-top: 10rem; max-height: 60rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.img-slick-date{ position: absolute; left: 40rem; top: -82rem; padding-left: 8rem; padding-top: 15rem; width: 104rem; height: 104rem; color: rgba(255,255,255,0.8); font-size: 17rem; background: url(../images/date-back.png) center no-repeat; background-size: cover; border:solid 3rem #fff; border-radius: 10rem; }
.img-slick-date span{ font-weight: bold; font-size: 28rem; color: #fff; }
.one-right{ width: 51.5%; padding-left: 20rem; }
.one-ul li{ float: left; width: 50%; padding:0 10rem; }
.one-ul{ margin:0 -10rem; }
.one-ul-img div{ height: 260rem; transition: 0.3s all; }
.img-slick-img{ transition: 0.3s all; }
a:hover .one-ul-img div,a:hover .img-slick-img{ transform: scale(1.05,1.05); }
.one-ul-date{ font-size: 17rem; color: #0e101f; }
.one-ul-date span{ font-size: 28rem; font-weight: bold; color: #c60a00; padding-right: 10rem; }
.one-ul-date font{ opacity: 0.8; }
.more span{ color: #c60a00;}
.one-ul-tt{ font-size: 20rem; line-height: 30rem; height: 60rem; color: #666; text-align: justify; margin-left: 95rem; margin-top: 2rem;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.one-ul-bottom{ margin-top: 40rem; }
.one-ul-bottom-list{ background: #fff; margin-top: 45rem; height: 280rem; padding:0 40rem 0 15rem; }
.one-ul-title{ font-size: 20rem; color: #000; }
.one-ul-bottom-list li a{ display: block; padding-left: 30rem; height: 140rem; border-bottom: solid 1rem #ddd; padding-top: 35rem; }
.one-ul-p{ position: relative; margin-top: 10rem; font-size: 16rem; color: #666; padding-right: 125rem; }
.one-ul-p span{ position: absolute; right: 0; top: 0; }
.one-ul-bottom-list li:last-child a{ border:none; }
.page-tow{ position: relative; padding-bottom: 160rem; background: #e7f8ff; overflow:hidden; padding-top: 145rem; }
.page-tow:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 899rem; background: url(../images/back02.png) center no-repeat; background-size: cover; }
.page-tow:after{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 151rem; background: url(../images/back-b.jpg) center no-repeat; background-size: 100% 100%; }
.page-tow .container{ position: relative; z-index: 100; }
.tow-slick a{ display: block; position: relative; background: #fff; height: 230rem; padding:25rem 25rem 25rem 15rem; }
.tow-slick a .one-ul-date{ position: absolute; left: 15rem; top: 25rem; background: url(../images/lind01.png) right center no-repeat; padding-right: 35rem; padding-bottom: 10rem; }
.tow-slick-tt{ font-size: 20rem; color: #666; text-align: justify; margin-left: 110rem; margin-top: 40rem; line-height: 30rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; max-height: 90rem;}
.tow-slick .slick-slide{ padding:0 19rem; }
.tow-slick{ margin:0 -19rem; width: 102%;z-index:10 }
.tow-slick a:hover{ background: url(../images/back-a.png) center no-repeat; background-size: cover; }
.tow-slick a:hover .one-ul-date{ color: #fff; background: url(../images/lind02.png) right center no-repeat; }
.tow-slick a:hover .one-ul-date span{ -webkit-text-fill-color: #fff;
    color: #fff;   background: none; }
.tow-slick a:hover .tow-slick-tt{ color: #fff; }
.tow-slick{ padding-bottom: 130rem; }
.tow-slick .slick-prev{ left: 50%; bottom: 32rem; top: auto; width: 10rem; height: 20rem; background: url(../images/left.png) center no-repeat; margin-left: 40rem; }
.slick-prev:before,.slick-next:before{ display: none; }
.tow-slick:before{ display: block; content: ""; position: absolute; left: 50%; margin-left: 20rem; bottom: 0; width: 86rem; height: 86rem; background: url(../images/quan.png) center no-repeat; background-size: 100% 100%; }
.tow-slick .slick-next{ left: 50%; bottom: 32rem; top: auto; width: 10rem; height: 20rem; background: url(../images/right.png) center no-repeat; background-size: 100% auto; margin-left: 75rem; }
.title-tow .title-left{ color: #fff; padding-bottom: 35rem; background: url(../images/title02.png) left top no-repeat; background-size: 100% auto;}
.tow-slick .slick-next:hover,.tow-slick .slick-prev:hover{ opacity: 0.5; }
.title-tow{ margin-top: 0; }
.tow-row{ margin:0 -18rem; }
.tow-row .col-xs-6{ padding:0 18rem; }
.teacher-link{ display: none; position: relative; background: url(../images/js-back.png) center no-repeat; background-size: cover; height: 325rem; padding:30rem 170rem 30rem 30rem; }
.teacher-link:hover{ box-shadow: 0 0 20rem rgba(0,0,0,0.2); }
.on .teacher-link{ display: block; }
.js-top{ font-size: 22rem; color: #ff8100; }
.js-title{ font-size: 20rem; color: #000; line-height: 30rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; max-height: 60rem; margin-top: 15rem;}
.js-p p{ position: relative; font-size: 16rem; margin-bottom: 10rem; color: #666; padding-left: 30rem; }
.js-p p i{ position: absolute; left: 0; top: 0; }
.js-p{ margin-top: 30rem; }
.js-img{ position: absolute; right: 35rem; bottom: 35rem; }
.js-img img{ width: 100rem; height: 100rem; border-radius: 50%;}
.tow-ul{ margin-top: 80rem; }
.tow-ul li a.tow-ul-a-link{ display: block; border-bottom: solid 1rem #ddd; padding:50rem 0; }
.tow-ul li a.tow-ul-a-link .one-ul-bottom{ margin-top: 0; }
.tow-ul li.on a.tow-ul-a-link{ display: none; }
.tow-right{ margin-top: -300rem; }
.tow-right-top{ display: block; padding-top: 69%; position: relative; overflow:hidden; }
.tow-right-top img{  width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0;  transform: translateY(30rem) scale(1.1);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%); }
.dx-img{ position: absolute; transition: 0.3s all; left: 0; top: 0; width: 100%; height: 100%; }
a:hover .dx-img{ transform: scale(1.05,1.05); }

.tow-right-top:before{ display: block; content: ""; position: absolute; left: 0; z-index: 10; right: 0; bottom: 0; top:30%; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; }
.tow-right-top .img-slick-date{ left: 15rem; bottom: 15rem; z-index: 100; top: auto; }
.tow-top-b{ position: absolute; z-index: 100; left: 140rem; bottom: 30rem; right: 20rem; }
.tow-top-p{ font-size: 18rem; color: #fff; }
.tow-top-tt{ font-size: 24rem; color: #fff; margin-top: 10rem; }
.tow-right-ul li{ float: left; padding:0 19rem; width: 50%; margin-top: 35rem; }
.tow-right-ul{ margin:0 -19rem; }
.tow-ul-a{ padding-top: 110%; display: block; position: relative; }
.tow-ul-a-img{ position: absolute; transition:0.3s all; left: 0; top: 0; width: 100%; height: 100%; }
a:hover .tow-ul-a-img{ transform: scale(1.05,1.05);}
.tow-right-ul li a:before{ display: block; content: ""; position: absolute; left: 0; z-index: 10; right: 0; bottom: 0; top:30%; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; }
.tow-right-ul li a .tow-top-b{ left: 15rem; right: 15rem; bottom: 15rem; }
.tow-right-ul li a .tow-top-p{ line-height: 30rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; max-height: 60rem;}
.tow-ul-b{ padding-top: 65%; }
.page-three{ margin-top: -110rem; position: relative; z-index: 100; padding-bottom: 140rem; }
.page-three .title{ margin-top: 0; }
.tow-ul li:last-child a{ border:none; }
.page-three:before{ display: block; content: ""; position:absolute; top: -180rem; right: 50%; margin-right: -900rem; width: 760rem; height: 372rem; background: url(../images/three-r.png) center no-repeat; background-size: 100% 100%; }
.page-three .container{ position: relative; z-index: 100; }
.page-three .title .more{ margin-top: 130rem; }
.three-left{ width: 51.3%; position: relative; }
.three-left-a{ display: block; overflow:hidden; position: relative; padding-top: 76%; }
.three-left-a img{
    width: 100%;
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 100%;
    bottom: 0;
    transform: translateY(30rem) scale(1.1);
    clip-path: polygon(0 0 , 100% 13%, 100% 100%, 0 100%);
    }
.three-left:before{ display: block; content: ""; position: absolute; left: -95rem; right: 95rem; top: 75rem; bottom: -70rem; background: url(../images/three-left.png) center no-repeat; background-size: 100% 100%; }
.three-mask{ position: absolute; left: 0; bottom: 0; width: 60%; height: 235rem; background: url(../images/three-mask.png) center no-repeat; background-size: 100% 100%; padding:35rem 100rem 0 35rem; }
.three-mask .one-ul-date{ color: #fff; }
.three-mask .one-ul-date span {
    -webkit-text-fill-color: #fff;
    color: #fff;
    background: none;
}
.three-mask-tt{ font-size: 20rem; color: #fff; line-height: 30rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; max-height: 60rem; margin-top: 15rem;}
.three-right{ margin-top: 150rem; height: 550rem; width: 42.8%; background: #fff; position: relative; box-shadow: 0 0 10rem rgba(0,0,0,0.1); }
.three-list{  position: relative; }
.three-list li{ float: left; width: 50%; }
.three-list li a{ display: block; position: relative; height: 275rem; padding:70rem 15rem 0 25rem; }

.three-list:before{ display: block; content: ""; position: absolute; left: 35rem; right: 35rem; top: 50%; border-top: solid 1rem #ddd; }
.three-right:after{ display: block; content: ""; position: absolute; right: 50%; top: 35rem; bottom: 35rem; border-right: solid 1rem #ddd; }
.three-list-tt{ font-size: 20rem; color: #666; margin-top: 15rem; line-height: 30rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; max-height: 60rem; }
.three-list li a:hover{ background: url(../images/b-c.png) center no-repeat; background-size: cover; box-shadow: 0 0 68rem rgba(225,76,12,0.55); }
.three-list li a:hover .one-ul-date,.three-list li a:hover .three-list-tt{ color: #fff; }
.three-list li a:hover .one-ul-date span {
    -webkit-text-fill-color: #fff;
    color: #fff;
    background: none;
}
.footer{ background: url(../images/footer.png) center top no-repeat; background-size: cover; padding-top: 100rem; padding-bottom: 25rem; }
.footer-center p{ font-size: 16rem; color: #fff; margin-bottom: 10rem; }
.footer-l{ width: 325rem; }
.footer-center{ margin-left: 180rem; }
.ewm{ font-size: 16rem; color: #fff; margin-top: -35rem; }
.ewm img{ margin-bottom: 10rem; width: 123rem; }
.footer-ba{ color: #fff; font-size: 16rem; opacity: 0.4; }
.back-index{ overflow:hidden; }
.nav-down{ position: absolute; display: none; left: 0; top: 100%; left: 50%; transform: translate(-50%,0); min-width: 120rem; padding:5rem 0; text-align: center; background: #cc3d0a; }
.nav-down li a{ line-height: 20rem; display: block; font-size: 16rem; padding:10rem; font-weight: normal!important; background: none!important; }
.nav-down li{ float: none; width: 100%; padding:0; margin:0!important; white-space:nowrap; }
.nav-list{ margin-top: 20rem; }
.nav-list li:hover .nav-down{ display: block; }
.nav-click{ display: none; }
.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: #fff; 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);}
.search-a{ display: none; }
.close{ display: none; }

.news-tz-date{ display: block; text-align: center; line-height: 25rem; padding-top: 13rem; font-size: 16rem; border:solid 1rem #c60a00; width: 92rem; height: 80rem; color: #c60a00; }
.news-tz-date span{ font-size: 42rem; }
.tz-title-a{ font-size: 20rem; color: #282828; font-weight: bold; margin-left: 125rem; line-height: 80rem; }
.news-tz-list li a{ display: block; margin-top: 60rem; padding:25rem; background: #fff; box-shadow: 0 0 15rem rgba(0,0,0,0.1); border-bottom: solid 4rem #c91202; }
.news-tz-list li a:hover{ background: url(../images/news-b.png) center no-repeat; background-size: cover; }
.news-tz-list li a:hover .news-tz-date{ color: #fff; border-color: #fff; }
.news-tz-list li a:hover .tz-title-a{ color: #fff; }





/******************图文列表*****************/
.banner-list{ position: relative; overflow:hidden; }
.banner-list img{ width: 100%; }
.banner-bottom{ position: absolute; left: 0; right: 0; bottom: 20rem; }
.nav-b{ color: #fff; font-size: 16rem; background: url(../images/nav-b.png) left center no-repeat; background-size: 22rem auto; padding-left: 40rem; line-height: 30rem; }
.nav-b a{ color: #fff; }
.list-back{ background: url(../images/list-back.png) center no-repeat; background-size: cover; }
.list-left{ width:333rem; position: relative; z-index: 100; padding-top: 90rem; padding-left: 30rem; background: url(../images/list-top.png) center top no-repeat; margin-top: -160rem; background-size: 100% auto;  }
.list-left-top{ color: #fff; font-family: "思源宋体 CN"; font-size: 34rem; font-weight: bold; text-align: center; }
.list-left-nav li a{ display: block; position: relative; line-height: 63rem; text-align: center; }
.list-left-nav{ margin-top: 20rem; padding-bottom: 110rem; background: url(../images/nav-back.png) center no-repeat; background-size: cover; }
.list-left-nav li a span{ font-size: 18rem; display: block; position: relative; z-index: 10; color: #282828; }
.list-left-nav li{ position: relative; }
.list-left-nav li:before{ display: block; content: ""; position: absolute; left: 20rem; right: 20rem; bottom: 0; border-top: dashed 1rem #ddd; }
.list-left-nav li.active a:before,.list-left-nav li a:hover:before{ display: block; content: ""; position: absolute; left: -8rem; top: 0; right: 0; background: url(../images/a.png) left center no-repeat; height: 68rem; }
.list-left-nav li.active a span,.list-left-nav li a:hover span{ color: #fff; background: url(../images/a-lind.png) center no-repeat; }
.list-right{ width: 1185rem; padding-top: 60rem; }
.lb-list-img{ width: 306rem; height: 230rem; position: relative; }
.lb-list-img img{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); }
.lb-list-right{ margin-left: 306rem; position: relative; z-index: 10; }
.lb-list-date{ font-size: 16rem; color: #cd1a02; padding-left: 40rem; padding-bottom: 8rem; background: url(../images/date-lind.png) left bottom no-repeat; }
.lb-list-date span{ font-size: 30rem; padding-right: 5rem; }
.lb-list-tt{ font-size: 20rem; color: #282828; font-weight: bold; margin:25rem 0 0 40rem; }
.lb-list-p{ font-size: 16rem; color: #1d2124; opacity: 0.7; line-height: 25rem; height: 50rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin:15rem 0 0 40rem;}
.lb-list li a{ padding-right: 100rem; position: relative; display: block; padding-top: 25rem; padding-bottom: 25rem; border-bottom: dashed 2rem #ddd; }
.lb-list li a:hover:before{ display: block; content: ""; position: absolute; left: -30rem; top: 0; bottom: 0; right: 0; background: url(../images/lb-back.png) center no-repeat; background-size: cover;}
.lb-list li a:hover .lb-list-date{ color: #fff; background: url(../images/date-lind02.png) left bottom no-repeat; }
.lb-list li a:hover .lb-list-tt,.lb-list li a:hover .lb-list-p{ color: #fff; }
.lb-list-date-b{  display: none; color: #fff; margin-top: 20rem; text-align: center; margin-left: 40rem; border:solid 1rem #fff; border-radius: 10rem; width: 90rem; line-height: 32rem; }
.lb-list li a:hover .lb-list-date-b{ display: inline-block; }
.page-box{ margin:65rem 0; }
.list-left-nav li.active a, .list-left-nav li a:hover{ background: #f88335; }
.lb-list li a:hover{ border-color: transparent; }
/***************领导页面******************/
.ld-ul li{ float: left; width: 50%; padding:0 22rem; margin-top: 30rem; }
.ld-ul li a{ display: block;  margin-left: 15rem; margin-top: 15rem; position: relative; }
.ld-ul-back{ background: #fff url(../images/ld-a.png) right bottom no-repeat; padding:30rem 100rem 0 40rem; position: relative; z-index: 10; border:solid 1rem #ddd; height: 130rem; }
.ld-ul li a:before{ display: block; content: ""; position: absolute; left: -15rem; top: -15rem; width: 263rem; height: 135rem; background: url(../images/ld01.png) center no-repeat; }
.ld-ul-name{ border-bottom: dashed 1rem #ddd; font-size: 18rem; color: #cd1a02; padding-bottom: 10rem; }
.ld-ul-name span{float: left;display: inline-block;padding-right: 40rem;font-size: 24rem;color: #282828;}
.ld-ul{ padding-bottom: 180rem; }
.ld-ul li a:hover .ld-ul-name span{ color: #cd1a02; font-weight: bold; }
/********************详情页********************/
.article-tt{ font-size: 30rem; color: #282828; font-weight: bold; }
.article-lind{ margin:30rem auto 40rem auto; width: 120rem; height: 5rem; background: #cd1a02; }
.article-sm{ font-size: 16rem; color: #282828; margin:0 0 0 0; }
.article-sm span{ padding:0 30rem; }

.article-p p{ font-size: 20rem; color: #282828; text-align: justify; line-height: 35rem; margin-bottom: 20rem; }
.article-p{ border-top: solid 1rem #333; padding:30rem 0; margin-top: 40rem; }
.link-left{ display: block; max-width: 340rem; padding-left: 55rem; font-size: 16rem; color: #282828; background: url(../images/link01.png) left center no-repeat; background-size: 43rem auto; }
.article-bottom{ border-top: solid 1rem #333; padding:30rem 0 90rem 0; }
.link-left-right{ text-align: right; display: block; float: right; max-width: 340rem; padding-right: 55rem; font-size: 16rem; color: #282828; background: url(../images/link03.png) right center no-repeat; background-size: 43rem auto;  }
.link-left:hover{ color: #cd1a02; background: url(../images/link02.png) left center no-repeat; background-size: 43rem auto; }
.link-left-right:hover{ color: #cd1a02; background: url(../images/link04.png) right center no-repeat; background-size: 43rem auto; }
/*******************新闻通知******************/
.xw-list li a{ display: block; position: relative; background: #fff; box-shadow: 0 0 10rem rgba(0,0,0,0.1); padding:35rem 30rem; }
.tz-date{ padding-top: 30rem; border-radius: 0rem 20rem 0 0; line-height: 30rem; background: url(../images/tz-date.png) center no-repeat; font-size: 16rem; width: 102rem; height: 114rem; color: #fff; }
.tz-date span{ font-size: 42rem; }
.tz-right{ margin-left: 120rem; padding-top: 15rem; margin-right: 135rem; }
.tz-right-tt{ font-size: 20rem; color: #cd1a02; font-weight: bold; }
.tz-right-p{ font-size: 16rem; color: #1d2124; line-height: 25rem; margin-top: 10rem; height: 50rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.xw-list li a:before{ display: block; content: ""; position: absolute; right: 30rem; top: 0; bottom: 0; width: 53rem; background: url(../images/jt01.png) center no-repeat; background-size: 100% auto; }
.xw-list li{ margin-top: 50rem; }
.xw-list li a:hover{ background: url(../images/tz-back.png) center no-repeat; background-size: cover; }
.xw-list li a:hover .tz-date{ background: #fff; color: #cd1a02; }
.xw-list li a:hover .tz-right-tt,.xw-list li a:hover .tz-right-p{ color: #fff; }
.xw-list li a:hover:before{ background: url(../images/jt02.png) center no-repeat; background-size: 100% auto; }
/******************学院简介******************/
.jj-p p{ font-size: 20rem; color: #282828; text-align: justify; line-height: 35rem; }
.jj-title{ position: relative; margin-bottom: 25rem; margin-top: 30rem; line-height: 1; font-size: 34rem; color: #282828; padding-top: 20rem; }
.jj-title:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 90rem; height: 4rem; background: #cd1a02; }
.jg-back{ background: #f3f3f3; padding:35rem 15rem; }
.jg-back-tt{ font-size: 20rem; color: #cd1a02; margin-right: 25rem; }
.jg-back-a{ font-size: 18rem; color: #282828; line-height: 28rem; }
.jg-back-a a{color: #282828; display: inline-block;}
.jg-back-a span{ padding:0 20rem; }
.jj-img-a{ width: 480rem; }
.jj-img-a img{ width: 100%; }
.jj-img-right{ margin:45rem 0 0 480rem; background: #e37225; padding:40rem; font-size: 20rem; color: #fff; line-height: 35rem; text-align: justify; height: 300rem; }
.jf-top{ font-size: 20rem; color: #e37225; margin-top: 20rem; }
.jf-top span{ font-family: "思源宋体 CN"; font-size: 40rem; font-weight: bold; padding-right: 5rem; }
.jf-bottom{ font-size: 20rem; color: #282828; margin-top: 5rem; }
.jf-box{ margin-top: 40rem; padding-bottom: 30rem; }
.jf-box .col-xs-2{ width: 15%; }
.jf-box .col-xs-3{ width: 25%; }
.jj-bottom{ padding-bottom: 130rem; }
/***************组织机构****************/
.jg-title{ font-size: 34rem; color: #282828; margin-bottom: 40rem; font-weight: bold; line-height: 1; padding-top: 35rem; background: url(../images/icon-jg.png) left top no-repeat; background-size: auto 17rem; }
.jg-list li{ float: left; width: 33.333333%; padding:15rem 12rem; }
.jg-list{ margin:0 -12rem; }
.jg-list li a{ display: block; height: 90rem; position: relative; background: #f9f9f9; text-align: center; font-size: 20rem; color: #282828; }
.jg-list li a:before{ display: block; transition:0.3s all; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7rem; background: url(../images/jg-lind.png) center no-repeat; background-size: 100% 100%; }
.jg-box{ padding:15rem 20rem; margin-bottom: 40rem; box-shadow: 0 0 10rem rgba(0,0,0,0.2); background: #fff; }
.jg-list li a:hover:before{ width: 100%; background: #c60a00; }
.jg-list li a span{ position: absolute; padding:0 25rem; left: 0; right: 0; top: 50%; transform: translate(0,-50%); z-index: 10; }
.jg-list li a:hover span{ color: #fff; }


.header-a:hover{ color: #fff; }
a:hover .one-ul-tt,a:hover .img-slick-tt,a:hover .one-ul-title,a:hover .js-title{ color: #cc3d0a; }

@media( max-width: 1280px){
    .tow-slick-tt{
        margin-top:40rem;
        margin-left:140rem;
        line-height:50rem;
    }
    .btn-ss img{
        width:30px;
    }
    .btn-ss{
        height:45px;
        top:0;
    }
.news-tz-date {
    display: block;
    text-align: center;
    line-height: 25px;
    padding-top: 13px;
    font-size: 16px;
    border: solid 1px #c60a00;
    width: 92px;
    height: 80px;
    color: #c60a00;
}
    .jg-box{ padding:15px; }
    .jg-list li a:before{ width: 5px; }
    .jg-list li a{ font-size: 16px; }
    .container{ width: 750px; }
    .img-slick{ width: 100%; }
    .img-slick-img{ padding-top: 62.3%; height: auto; }
    .one-right{ width: 100%; padding-left: 0; }
    .tow-row .col-xs-6{ width: 100%; }
    .left-more{ float: right!important; }
    .title-tow .clearfix{ float: left; }
    .title-tow .more{ background: url(../images/more02.png) right center no-repeat; }
    .title-tow .more span{ -webkit-text-fill-color: #fff;
    color: #fff;
    background: none; }
    .tow-ul{ margin-top: 0; }
    .tow-right{ margin-top: 0; }
    .page-three .title .more{ margin-top: 70px; }
    .three-left{ width: 100%; }
    .three-right{ width: 100%; margin-top: 40px; }
    .header{ height: 50px; padding:0 15px; position: fixed; left: 0; top: 0; right: 0; z-index: 1000; }
    .logo{ padding:0; line-height: 50px; }
    .logo img{ height: 30px; width: auto; }
    .header-right{ padding-top: 7px; }
    body{ padding-top: 50px; }
    .one-ul-img div{ padding-top: 66.666666%; height: auto; }

    .nav-click {display: block;transition: 0.3s all;z-index: 10000;position: absolute;color: #fff;right: 0;top: 0px;width: 40px;height: 40px;text-align: center;line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down{ position: static; padding:0; transform: translate(0,0); text-align: left; }
    .menu-button{ display: block; }
  .nav-list{ position: fixed; display: none; margin:0; left: 0; top: 50px; right: 0; bottom: 0; overflow-y: auto; background: #cc3d0a;border-top: solid 1px #fff; }
  .nav-list li{ float: none; margin:0; padding-bottom: 0; }
  .nav-list li a{ padding:10px 15px; display: block; font-size: 14px; }
  .header-a{ display: none; }
  .search-a{ display: block; position: absolute; right: 60px; top: 0; bottom: 0; line-height: 50px; }
.layer{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000;}
.layer .close{font-size:60px; display: block; font-family: "宋体"; position:absolute;right:50px;top:50px;width:80px;height:80px;text-align: center;line-height:80px;cursor:pointer;color:#ccc;}
.layer .search_box{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;}
.layer.showdiv .search_box{transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#0d3a7e;color:#fff; box-shadow: none; border:none; text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }
.search-one{ display: none; }
.search-one.showdiv{ display: block; }
.layer .search_box{ position: absolute; margin:0; background: none; width: 100%; height: 45px; top: 50%; left: 50%;transform:translate(-50%,-50%); }
.layer .search_box .kw{ height: 45px; color: #333; }
.layer .search_box .ok{ right: 0; background: #cc3d0a; }

.list-right{ width: 400px; }
.lb-list-img{width: 153px !important;height: 115px;}
.lb-list-right{margin-left: 153px !important;}
.lb-list li a:hover .lb-list-date-b{ display: none; }
.xw-list li a:before{ display: none; }
.tz-right{ margin-right: 0; }
.jg-list li{ width: 100%; }
.search-back .form-control::-webkit-input-placeholder{
            color:#999;
        }
.search-back .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999;
        }
.search-back .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999;
        }
.search-back .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;}

   .list-left{ width: 100%; margin-top: 0; padding-left: 0; background: #c60a00; padding-top: 0px; }
    .list-left-top{ font-size: 24px; padding:10px 0; }
    .list-left-nav{ margin-top: 0; }
    .list-left-nav{ padding-bottom: 0; }
    .list-right{ width: 100%; padding-top: 20px; }
    .lb-list-date{ font-size: 12px; padding-left: 15px; }
    .lb-list-date span{ font-size: 24px; }
    .lb-list-tt{ margin-left: 15px; margin-top: 10px; font-size: 18px; }
    .lb-list-p{ font-size: 14px; margin-left: 15px; margin-top: 5px; }
    .lb-list li a{ padding:15px; border-width: 1px; }
    .lb-list li a:hover:before{ left: 0; }
    .page-box{ margin:30px 0; }
    .list-left-nav li.active a:before, .list-left-nav li a:hover:before{ display: none; }
    .list-left-nav li a{ line-height: 50px; font-size: 16px; }
    .list-left-nav li a span{ font-size: 16px; }
    .banner-bottom{ display: none; }
    .ld-ul-name span{ padding-right: 10px; font-size: 24px; margin-bottom: 10px; }
    .ld-ul-name{ font-size: 16px; }
    .ld-ul{ padding-bottom: 30px; }
    .article-tt{ font-size: 18px; line-height: 30px; }
    .article-lind{ margin:20px auto; height: 4px; }
    .article-sm span{ font-size: 14px; padding:0 20px; }
    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .article-p{ padding:15px 0; margin-top: 20px; }
    .article-bottom{ padding-bottom: 30px; }
    .xw-list li{ margin-top: 20px; }
    .xw-list li a{ padding:15px; }
    .tz-date{ width: 80px; height: 90px; line-height: 28px; padding-top: 15px; font-size: 14px; }
    .tz-date span{ font-size: 28px; }
    .tz-right{ padding-top: 0; margin-left: 100px; }
    .tz-right-tt{ font-size: 18px; }
    .tz-right-p{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 10px; }
    .jj-p p{ font-size: 14px; line-height: 25px; }
    .jg-back-a{ font-size: 14px; }
    .jg-back-tt{ font-size: 18px; }
    .jj-img-right{ padding:20px; height: auto; margin:0; font-size: 14px; line-height: 25px; }
    .jj-img-a{ width: 100%; text-align: center; float: none!important; }
    .jf-top{ font-size: 16px; }
    .jf-top span{ font-size: 28px; }
    .jf-bottom{ font-size: 14px; }
    .jf-box{ margin:0; padding:0; }
    .jj-bottom{ padding-bottom: 30px; }
    .jg-list li a{ height: 70px; }
    .jg-title{ font-size: 24px; padding-top: 25px; margin-bottom: 20px; background-size: auto 12px; }
    .jg-box{ margin-bottom: 20px; }
    .news-tz-list li a{ margin-top: 15px; padding:15px; }
    .news-tz-date{ font-size: 14px; width: 70px; padding:5px 0; height: 70px; }
    .news-tz-date span{ font-size: 28px; }
    .tz-title-a{ line-height: 70px; font-size: 16px; margin-left: 80px; }
    .ld-ul li{ width: 100%; }
.ld-ul li a {
    display: block;
    margin-left: 15px;
    margin-top: 15px;
    position: relative;
}
.ld-ul-back {
    background: #fff url(../images/ld-a.png) right bottom no-repeat;
    padding: 20px 60px 0 30px;
    position: relative;
    z-index: 10;
    border: solid 1px #ddd;
    height: 110px;
}

.logo-b{ width: 100%; text-align: center; margin-bottom:10px; }
.footer-l{ width: 100%; }
.ewm img {
    margin-bottom: 10px;
    width: 123px;
}
.logo-b img{ width: auto; }
.footer-center {
    margin-left: 0rem;
    text-align: center;
    width:100%;
}
.footer-center .pull-left{ width: 100%; }
.three-list-tt {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px;
}
.lb-list-p {
    font-size: 14px;
    color: #1d2124;
    opacity: 0.7;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5px 0 0 15px;
}
.link-left {
    display: block;
    max-width: 100%;
    padding-left: 55px;
    font-size: 16px;
    margin-bottom: 15px;
    color: #282828;
    background: url(../images/link01.png) left center no-repeat;  background-size: 43px auto!important;
}
    .article-bottom {
        padding-top: 15px;
        padding-bottom: 30px;
    }
.link-left-right {
    text-align: right;
    display: block;
    float: left;
    max-width: 100%;
    padding-right: 55px;
    font-size: 16px;
    color: #282828;
    background: url(../images/link03.png) right center no-repeat;  background-size: 43px auto!important;
}
.col-xs-6{ width: 100%; }
.jj-title {
    position: relative;
    margin-bottom: 15px;
    margin-top: 20px;
    line-height: 1;
    font-size: 18px;
    color: #282828;
    padding-top: 10px;
}
.jg-back-a{ line-height: 25px; }
.jg-back-tt{ width: 100%; float: none!important; }
.jg-back-a{ margin-bottom: 10px; }
.jg-back{ padding:15px 15px 5px 15px; }
.jj-title:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 2px;
    background: #cd1a02;
}
.tow-right-ul li a .tow-top-p {
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
}
.tow-right-ul li a .tow-top-b {
    left: 15px;
    right: 15px;
    bottom: 15px;
}

/***/

	.title-left{ font-size: 24px; line-height: 24px; padding-top: 20px; background-size: auto 10px!important; }
	.title-left span{ font-size: 12px; }
	.title{ margin:20px 0; }
	.container{ width: 100%; }
	.more{ margin-top: 20px; font-size: 16px; }
	.img-slick-tt{ font-size: 18px; line-height: 30px; height: 60px; }
	.img-slick-bottom{ height: auto; padding:25px 15px 15px 15px; }
	.img-slick-p{ font-size: 14px; line-height: 25px; height: 50px; max-height: 50px; }
	.img-slick-date{ left: 15px; width: 80px; height: 80px; top: -60px;     padding-left: 8px; border: solid 3px #fff;
    border-radius: 10px;
    padding-top: 15px; border-width: 2px; font-size: 14px; }
	.img-slick-date span{ font-size: 18px; }
	.one-ul li{ width: 100%; margin-bottom: 20px; }
	.one-ul-bottom{ margin-top: 10px; }
	.one-ul-tt{ font-size: 16px; margin-left: 80px; line-height: 25px; height: 50px; }
	.one-ul-date{ font-size: 18px; }
	.one-ul-date span{ font-size: 24px; }
	.one-ul-bottom-list{ margin-top: 20px; height: auto; padding:0 15px; }
	.one-ul-bottom-list li a{ padding:20px 0 20px 0; height: auto; }
	.one-ul-title{ font-size: 18px; }
	.page-tow{ padding:20px 0; }
	.tow-slick-tt{ font-size: 18px; }
	.tow-slick a{ height: 180px; }
.tow-slick a{ display: block; position: relative; background: #fff; padding:20px; }
.tow-slick a .one-ul-date{ position: absolute; left: 15px; top: 25px; background: url(../images/lind01.png) right center no-repeat; padding-right: 35px; padding-bottom: 10px; }
.tow-slick-tt{ font-size: 18px; color: #666; text-align: justify; margin-left: 110px; margin-top: 20px; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; max-height: 90px;}

	.tow-slick:before{ margin-left: -43px; }
	.tow-slick .slick-prev{ margin-left: -20px; }
	.tow-slick .slick-next{ margin-left: 10px; }
	.tow-slick{ padding-bottom: 100px; }
	.title-tow .title-left{ padding-bottom: 0; }
	.teacher-link{ padding:20px; height: auto; }
	.js-img{ position: static; text-align: center; }
	.js-top{ font-size: 16px; margin-top: 15px; }
	.js-title{ font-size: 16px; margin-top: 10px; }
	.js-p{ margin-top: 15px; }
	.tow-top-p{ font-size: 14px; }
	.tow-top-tt{ font-size: 18px; }
	.tow-top-b{ left: 110px; bottom: 25px; }
	.tow-right-ul li{ width: 100%; margin-top: 20px; }
	.page-three{ margin-top: 0; padding-bottom: 20px; }
	.page-three .title .more{ margin-top: 30px; }
     .title .more{ margin-top: 30px; background-size: 32px auto;
    padding-right: 42px;     line-height: 36px;}
	.three-mask{ right: 30px; width: auto; height: auto; padding:20px; }
	.three-mask-tt{ font-size: 16px; }
	.three-list li{ width: 100%; }
	.three-list li a{ height: auto; border-bottom: solid 1px #ddd; padding:15px 25px; }
	.three-list:before,.three-right:after{ display: none; }
	.three-right{ height: auto; }
	.three-list-tt{ font-size: 16px; }
	.three-list li:last-child a{ border:none; }
	.footer{ padding:20px 0; background: url(../images/footer02.png) center no-repeat;
    background-size: cover; }
    .footer-center p{ font-size: 14px; line-height: 25px; margin:0; }
    .ewm{ width: 100%; margin-top: 20px; font-size: 14px; }
    .footer-ba{ font-size: 14px; text-align: center; margin-top: 15px; }
.three-mask-tt {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 40px;
    margin-top: 10px;
}
.three-mask{ padding-right: 50px; }
 .three-left-a img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateY(30px) scale(1.1);
    clip-path: polygon(0 0, 100% 13%, 100% 100%, 0 100%);
}
}
@media( max-width: 767px){
    .one-ul-date span{ padding-right: 10px; }
    .one-ul-p{ font-size: 13px; margin-top: 10px; padding-right: 75px; }
    .title-tow .title-left{ color: #333; }
    .title-tow .more {
    background: url(../images/more.png) right center no-repeat;
}
.title-tow .more span {
    -webkit-text-fill-color: #c60a00;
    color: #c60a00;
    background: none;
}
.tow-slick:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -43px;
    bottom: 0;
    width: 86px;
    height: 86px;
    background: url(../images/quan.png) center no-repeat;
    background-size: 100% 100%;
}
.tow-slick .slick-prev {
    left: 50%;
    bottom: 32px;
    top: auto;
    width: 10px;
    height: 20px;
    background: url(../images/left.png) center no-repeat;
    margin-left: -20px;
}
.tow-slick .slick-next {
    left: 50%;
    bottom: 32px;
    top: auto;
    width: 10px;
    height: 20px;
    background: url(../images/right.png) center no-repeat;
    background-size: 100% auto;
    margin-left: 10px;
}
.js-img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.js-title {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px;
    margin-top: 15px;
}
.js-p p {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
    padding-left: 30px;
}
    .jf-box .col-xs-2,.jf-box .col-xs-3{ width: 50%; text-align: center; }
}

.szdw_list .lb-list-img {width:160rem;}
.szdw_list .lb-list-img img {width:100%;height:100%;}
.szdw_list .lb-list-right {margin-left:200rem;}
@media (max-width: 1280px){
.szdw_list .lb-list-img {width:102px !important;} 
.szdw_list .lb-list-right {margin-left:104px !important;;}
}

@media (min-width: 1024px){
.ldlsfs {
        float: left;
        margin-top:20px;
        /* padding-left:112rem; */
}
}

.xzbm1 li a .ss11 {
   top:29% !important;
}

.xzbm1 li a .ss22{
   top: 78%;
   bottom: px !important;
   font-size: 16rem;
   line-height: 1.3;
}  

@media (max-width: 750px){
.xzbm1 li a .ss22{font-size:14px;}
}