/* CSS Document */
@font-face {
    font-family: 'msyh';
    src: url("../fonts/msyh.ttc");
}

@font-face {
    font-family: 'msyhbd';
    src: url("../fonts/msyhbd.ttc");
}
body {
    color: #333;
    font-size: 14px;
    font-family:"msyh","微软雅黑","Arial",Helvetica,Arial,Tahoma;
    margin:0 auto;
    position:relative;
  overflow-x: hidden;
  padding-top: 220px;
 
}
.slick-slider{ touch-action: auto!important; }
.body-list{ padding-top: 0; }

html{  font-style: 100%;}
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }

.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;}

.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }
.banner .slick-current a {
    animation: 6s linear bigScale;
    -webkit-animation: 6s linear bigScale;
    display: block;
}

@keyframes bigScale {
    from {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.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{ top: 13px; }
.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-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-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9a0813; 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);}
.search_box{ position: relative; }



.container{ width: 1350px; }
.header .container{ width: 1430px; }
.header-top{ color: #fff; line-height: 40px; background: #014a93; }
.header-top span{ display: inline-block; padding:0 15px; }
.header-top a{ color: #fff; }
.header{ position:fixed; left: 0; right: 0; top: 0; z-index: 100; background: #fff; }
.header-center{ background: url(../images/header.png) center no-repeat; background-size: cover; }
.logo{ line-height: 120px; }
.search-box{ position: relative; width: 320px; margin-top: 42px; border-radius: 6px; overflow:hidden; }
.search-box .form-control{ border:none; box-shadow: none; width: 100%; border-radius: 0; height: 40px; font-size: 16px; }
.search-box .btn-ss{ position: absolute; right: 0; top: 0; width:40px; border-radius: 0; z-index: 10; bottom: 0; background: #ff9600 url(../images/search.png) center no-repeat!important; border-radius: 0;  }
.nav-list{ display: flex; }
.nav-list li{ flex: 1; position:relative; }
.nav-list li a{ display: block; font-size: 20px; color: #222; line-height: 60px; }
.banner{ position: relative; z-index: 10; overflow:hidden; margin:0; }
.banner img{ width: 100%; }
.banner .slick-dots{ bottom: 35px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 32px; height: 32px;  }
.banner .slick-dots li button{ background: url(../images/a01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../images/a02.png) center no-repeat; }
.page-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; padding:45px 0 50px 0; }
.title{ border-bottom: solid 1px #ddd; position: relative; padding-bottom: 15px; margin-bottom: 20px; }
.title span{ font-family: 'msyhbd'; display: inline-block; font-size: 24px; color: #1159a1; padding-left: 20px; background: url(../images/lind.png) left center no-repeat; }
.title a{ position: absolute; right: 0; top: 10px; color: #fff; }
.img-one{ height: 360px; transition: 0.3s all; }
a:hover .img-one{ transform: scale(1.05,1.05); opacity: 1; }
.gy::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}
a:hover .gy::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.gy{ position: relative; }
@-webkit-keyframes shine {100% {left: 115%;}}@keyframes shine {100% {left: 115%;}}
.one-slick a{ display: block; }

.one-slick a{ display: block; background: #fff; }
.one-slick-bottom{ height: 100px; position: relative; }
.one-slick-date{ position: absolute; left: 10px; top: 50%; margin-top: -30px; width: 60px; height: 60px; border:solid 1px #1159a1; }
.one-slick-date span{ display: block; line-height: 35px; font-size: 24px; color: #1159a1;  }
.one-slick-date font{ display: block; line-height: 23px; background: #1159a1; font-size: 14px; color: #fff; }
.one-slick-tt{ font-family: 'msyhbd'; position: absolute; left: 85px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  top: 50%; right: 15px; font-size: 18px; color: #222; line-height: 35px; max-height: 70px; top: 50%; transform: translate(0,-50%); }
.one-center{ height: 460px; background: url(../images/back-a.png) center no-repeat; background-size: 100% 100%; padding:0 20px; }
.one-center-tt{ font-family: 'msyhbd'; line-height: 59px; border-bottom: solid 1px #ddd; font-size: 18px; color: #1159a1; }
.one-center-tt a{ float: right; font-size: 14px; color: #666;}
.one-center-tt a:hover{ color: #1159a1; }
.zs-ul-date{ line-height: 1; color: #666; position: relative; }
.zs-ul-p{ line-height: 1; color: #222; margin-top: 17px; font-size: 16px;}
.zs-ul-date:before{ display: block; content: ""; position: absolute; left: -25px; top: 50%; width: 17px; height: 17px; background: url(../images/zs01.png) center no-repeat; margin-top: -8.5px; }
.zs-ul li a{ display: block; position: relative; padding:16px 0 16px 20px; }
.zs-ul li a:before{ display: block; content: ""; position: absolute; left: 20px; right: 0; bottom: 0; border-top: dashed 1px #ddd; }
.zs-ul li a:after{ display: block; content: ""; position: absolute; left: 20px; right: 100%; transition: 0.3s all; bottom: 0; border-top: dashed 1px #1159a1; }
.zs-ul li a:hover:after{ right: 0; }
.zs-ul li:last-child a:before,.zs-ul li:last-child a:after{ display: none; }
.zs-ul{ position: relative; }
.zs-ul:before{ display: block; content: ""; position: absolute; left: 3px; top: 20px; bottom: 10px; border-right: solid 1px #1159a1; }
.zs-ul li a:hover .zs-ul-date:before{ background: url(../images/zs02.png) center no-repeat; }
.zs-ul li a:hover .zs-ul-date,.zs-ul li a:hover .zs-ul-p{ color: #1159a1; font-weight: bold; }
.zc-ul li a{ display: block; font-size: 16px; color: #222; position: relative; line-height: 79px; padding-right: 60px; padding-left: 20px; }
.zc-ul li a:before{ display: block; content: ""; position: absolute; left: 0px; right: 0; bottom: 0; border-top: dashed 1px #ddd; }
.zc-ul li a:after{ display: block; content: ""; position: absolute; left: 0px; width: 0%; transition: 0.5s all; bottom: 0; border-top: dashed 1px #1159a1; }
.zc-ul li a:hover:after{ width: 100%; }
.zc-ul li a span{ color: #666; font-size: 14px; position: absolute; right: 0; top: 0; }
.zc-ul li a i{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; border-radius: 50%; border:solid 1px #222; margin-top: -3px; }
.zc-ul li a:hover i{ background: #1159a1; border-color: #1159a1; }
.zc-ul li a:hover,.zc-ul li a:hover span{ color: #1159a1; font-weight: bold; }
.zc-ul li:last-child a:after,.zc-ul li:last-child a:before{ display: none; }
.one-ul-bottom li{ float: left; width: 25%; margin-top: 40px; padding:0 10px; }
.one-ul-bottom li a{ display: block; height: 120px; transition: 0.3s all; border-radius: 6px; background: #e1ffee; position: relative; padding:40px 20px 0 100px; }
.one-ul-bottom li a i{ position: absolute; left: 10px; top: 27px; }
.one-ul-bottom li a p{ font-family: 'msyhbd'; display: block; line-height: 1; font-size: 20px; color: #222; }
.one-ul-bottom li a span{ line-height: 1; display: block; color: #666; margin-top: 15px; }
.one-ul-bottom li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.one-ul-bottom li:nth-of-type(2) a{ background: #ffebe8; }
.one-ul-bottom li:nth-of-type(3) a{ background: #e6f1ff; }
.one-ul-bottom li:nth-of-type(4) a{ background: #ffe8ee; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding:50px 0; }
.page-tow .title{ border-bottom: solid 1px #fff; }
.page-tow .title span{ color: #fff; }
.sz-slick .slick-slide{ padding:0 20px; }
.sz-slick{ margin:0 -20px; }
.sz-slick .slick-slide a{ display: block; position: relative; }
.sz-img{ height: 225px; }
.txt-mask{ font-family: 'msyhbd'; padding:60px 15px 20px 15px; position: absolute; font-size: 16px; color: #fff; left: 0; right: 0; bottom: 0; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.sz-slick-bottom{ position: absolute; transition: 0.3s all; transform: translate(0,100%); left: 0; right: 0; bottom: 0; top: 0; background: rgba(19,92,163,0.8); padding:30px 20px; }
a:hover .sz-slick-bottom{ transform: translate(0,0%); }
.sz-slick-tt{ font-family: 'msyhbd'; font-size: 18px; color: #fff; margin-bottom: 15px; }
.sz-slick-p{ font-size: 14px; color: #fff; text-align: justify; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.sz-slick-bottom span{ position: absolute; left: 50%; bottom: 20px; color: #fff; background: #ff9600; width: 72px; line-height: 26px; margin:0 0 0 -36px; }
.sz-slick .slick-slide a:hover .txt-mask{ opacity: 0; }
.sz-slick .slick-prev{ width: 40px; margin-top: -20px; height: 40px; background: url(../images/left01.png) center no-repeat; left: -40px; }
.sz-slick .slick-next{ width: 40px; margin-top: -20px; height: 40px; background: url(../images/right01.png) center no-repeat; right: -40px; }
.slick-prev:before,.slick-next:before{ display: none; }
.sz-slick .slick-prev:hover{ background: url(../images/left02.png) center no-repeat; }
.sz-slick .slick-next:hover{ background: url(../images/right02.png) center no-repeat; }
.tabs-ul li a{ display: block; padding-bottom: 15px; padding-right: 10px; }
.tabs-ul{ border-bottom: solid 1px #ddd; margin-bottom: 20px; }
.tabs-ul li a span{ font-family: 'msyhbd'; display: inline-block; font-size: 24px; color: #222; }
.tabs-ul li{ float: left; margin-right: 45px; }
.tabs-ul li.active a span{color: #1159a1; padding-left: 20px; background: url(../images/lind.png) left center no-repeat;  }
.page-three{ padding:50px 0; }
.tabs-box{ padding:0 20px; height: 480px; background: url(../images/tabs-box.png) center no-repeat; background-size: 100% 100%; }
.zc-ul-box li a{ line-height: 59px; padding-right: 130px; }
.tabs-more{ position: absolute; right: 0; top: -60px; color: #666; }
.xc-ul li{ float: left; width: 50%; padding:0 20px; }
.xc-ul{ margin:0 -20px; }
.xc-ul-img{ height: 180px; transition: 0.3s all; }
a:hover .xc-ul-img{ transform: scale(1.05,1.05); }
.xc-ul-tt{ font-size: 16px; color: #222; line-height: 60px; }
.xc-ul li:nth-of-type(3) .xc-ul-tt,.xc-ul li:nth-of-type(4) .xc-ul-tt{ border-bottom: solid 1px #ddd; }
.page-four{ background: url(../images/back04.png) center top no-repeat; background-size: 100% auto; padding:45px 0 45px 0; }
.imtg-link img{ width: 100%; }
.imtg-link{ margin-bottom: 35px; }
.four-left{ width: 73%; }
.four-tabs li{ float: left;  }
.four-tabs li a{ display: block; line-height: 1; position: relative; font-size: 18px; color: #222; padding:25px 0 0 35px; width: 120px; height: 60px; }
.four-tabs li.active a{ width: 170px; color: #1159a1; font-weight: bold; background: url(../images/tabs-back.png) center no-repeat; }
.jy-back{ height: 360px; background: url(../images/jy-back.png) center no-repeat; background-size: 100% 100%; }
.zc-ul-jy li{ float: left; width: 50%; padding:0 20px; }
.zc-ul-jy li a{ line-height: 59px; padding-right: 80px; }
.zc-ul-jy li:nth-of-type(11) a:before,.zc-ul-jy li:nth-of-type(11) a:after{ display: none; }
.four-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 30px; bottom: 0; width: 80px; height: 3px; background: #1159a1; }
.four-left .tabs-more{ top: -35px; }
.four-right{ width: 24.24%; padding-top: 20px; }
.pt-ul li a{ display: block; margin-bottom: 20px; transition: 0.3s all; padding:25px 0 0 20px; position: relative; height: 120px; background:#c2dfff url(../images/pt01.png) right bottom no-repeat; }
.pt-ul li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.3); }
.pt-ul li:nth-of-type(2) a{ background:#adfae0 url(../images/pt02.png) right bottom no-repeat; }
.pt-ul li:nth-of-type(3) a{ background:#ffc9c8 url(../images/pt03.png) right bottom no-repeat; }
.pt-ul-tt{ font-family: 'msyhbd'; line-height: 1; font-size: 24px; color: #1f56c3; }
.pt-ul-sm{ font-family: 'msyhbd'; color:#1f56c3; line-height: 1; font-size: 12px; margin-top: 8px; text-transform: uppercase;   }
.pt-ul-more{ font-size: 16px; color: #222; margin-top: 20px; line-height: 1; }
.pt-ul li:nth-of-type(2) .pt-ul-tt,.pt-ul li:nth-of-type(2) .pt-ul-sm{ color: #038564; }
.pt-ul li:nth-of-type(3) .pt-ul-tt,.pt-ul li:nth-of-type(3) .pt-ul-sm{ color: #ea1d19; }
.four-tow{ padding-top: 15px; }
.four-tow .title a{ color: #666; }
.four-tow-left{ width: 65%; }
.four-tow-ul li{ float: left; width: 50%; padding:0 10px; }
.four-tow-ul{ margin:0 -10px; }
.four-tow-ul li a{ display: block; position: relative; height: 380px; }
.four-tow-img{ height: 260px; transition: 0.3s all; }
a:hover .four-tow-img{ transform: scale(1.05,1.05); }
.four-tow-bottom{ height: 120px; background: url(../images/cy02.png) center no-repeat; background-size: 100% 100%; padding:20px; }
.four-tow-tt{ line-height: 1; font-size: 16px; color: #222; }
.four-tow-p{ color: #666; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 10px; }
.four-tow-ul li:nth-of-type(2) a{background: url(../images/cy01.png) center no-repeat; background-size: 100% 100%;}
.four-tow-ul li:nth-of-type(2) a .img-hide{ margin:20px 20px 0 20px; }
.four-tow-ul li:nth-of-type(2) a .img-hide .four-tow-img{ height: 240px; }
.four-tow-ul li:nth-of-type(2) .four-tow-bottom{ background: none; }
.four-tow-ul li a:hover .four-tow-tt{ font-weight: bold; }
.four-tow-ul li a:hover .four-tow-tt,.four-tow-ul li a:hover .four-tow-p{ color: #1159a1; }
.four-tow-right{ width: 35%; padding-left: 20px; }
.zc-ul-four li a{ line-height: 60px; padding-right: 80px; }
.zc-ul-four li a:after,.zc-ul-four li a:before{ display: block!important; }
.zc-ul-four{ padding-top: 20px; }
.four-three .title a{ color: #666; }
.four-three{ padding-top: 35px; }
.fc-img{ padding-top: 120%; transition: 0.3s all; }
a:hover .fc-img{ transform: scale(1.05,1.05); }
.fc-name{ font-size: 16px; color: #222; line-height: 1; margin-top: 25px; }
a:hover .fc-name{ color: #1159a1; font-weight: bold; }
.fc-slick .slick-slide{ padding:0 15px; }
.fc-slick{ margin:0 -15px; }
.fc-slick .slick-prev{ width: 40px; top: 125px; height: 40px; background: url(../images/left02.png) center no-repeat; left: -40px; }
.fc-slick .slick-next{ width: 40px; top: 125px; height: 40px; background: url(../images/right02.png) center no-repeat; right: -40px; }
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding-top: 30px; }
.friends-box{ position: relative; background: url(../images/f-b.png) left bottom no-repeat; padding-left: 110px; padding-bottom: 20px; }
.friends-tt{ position: absolute; left: 0; top: 0; font-size: 18px; color: #fff;  }
.friends-list li{ float: left; position: relative; padding-right: 20px; margin-bottom: 15px; margin-right: 20px; }
.friends-list li a{ color: #fff; }
.friends-list li a:hover,.header-top a:hover{ font-weight: bold; }
.friends-list li:before{ display: block; content: "|"; position: absolute; right: 0; top: 0; color: #fff; font-size: 14px; }
.friends-list{ padding-top: 3px; }
.friends-list li:last-child:before{ display: none; }
.footer-center-left p{ color: #fff; margin-bottom: 10px; width: 430px; }
.footer-center-left p span{ display: inline-block; width: 60px; }
.footer-center{ padding-top: 20px; }
.logo-b{ padding-top: 55px; }
.footer-center-left{ padding-top: 25px; }
.ewm-box{ color: #fff; }
.ewm-box img{ width: 120px; margin-bottom: 5px; }
.footer-bottom{ background: url(../images/f-c.png) center top no-repeat; padding:25px 0; margin-top: 25px; color: #fff; }
.footer-bottom a{color:#fff;}
.fix-ul{ position: fixed; right: 20px; bottom: 200px; z-index: 1000; }
.fix-ul li a{ display: block; background: #fff; position: relative; width:60px; height: 60px; box-shadow: 8px 8px 16px rgba(189,7,7,0.1); }
.fix-ul li a span{ float: left; background: #fff; display: block; height: 60px; width: 0; overflow:hidden; transition: 0.5s all; position: absolute; right: 0; }
.fix-ul li a span font{ font-size: 16px; color: #1159a1; width: 120px; padding-left: 30px; position: absolute; left: 0; top: 0; line-height: 60px; }
.fix-ul li a:hover span{ width: 120px; }
.fix-ul li a i{ float: left; width: 60px; height: 60px; background: url(../images/icon01-1.png) center no-repeat; transition: 0.5s all; position: absolute; left: 0; top: 0; }
.fix-ul li a:hover i{ left: -120px; background: url(../images/icon01.png) center no-repeat; }
.fix-ul li{ margin-bottom: 10px; }
.nav-down{ position:absolute; background: #fff; transform: translate(-50%,0); display: block; left: 50%; top: 100%; min-width: 100%;  }
.nav-down li{ display: block; height: 0; overflow:hidden; transition: 0.3s all; }
.nav-down li a{ padding:0 10px; font-size: 18px; color: #222!important; line-height: 50px; display: block; white-space:nowrap; }
.nav-list li:hover .nav-down li{ height: 50px; }
.nav-list li:hover a{ color: #1159a1; }
.nav-list li:before{ display: block; content: ""; position: absolute; transition: 0.3s all; left: 50%; right: 50%; bottom: 0; height: 3px; background: #1159a1; }
.nav-down li a:hover{ color: #1159a1!important; }
.nav-list li:hover:before{ left: 0; right: 0; }
.search-a,.close{ display: none; }
/***************图文列表**************/
.list-back{ padding:40px 0 80px 0; }
.list-left{ width: 260px; }
.list-left-top{ font-size: 28px; line-height: 60px; color: #fff; background: #1159a1; font-family: 'msyhbd'; }
.nav-left{ padding:20px; background: #e6f3ff; }
.nav-left li a{ display: block; line-height: 60px; font-size: 18px; color: #222; padding-left: 50px;  }
.nav-left li.active a,.nav-left li a:hover{ font-family: 'msyhbd'; background: url(../images/nav-back.png) center no-repeat; color: #1159a1; background-size: 100% 100%; }
.list-right{ width: 980px; }
.list-right-left{ font-size: 18px; color: #1159a1; line-height: 1; padding-left: 20px; background: url(../images/lind.png) left center no-repeat; font-family: 'msyhbd'; color: #1159a1; }
.list-right-top{ padding-bottom: 18px; border-bottom: solid 1px #ddd; }
.list-back .container{ width: 1310px; }
.nav-b{ line-height: 20px; color: #666; }
.nav-b a{ color: #666; }
.zs-list li a{ display: block; height: 190px; position: relative; padding:20px 120px 20px 0; }
.nav-b a:hover{ color: #1159a1; }
.zs-list-img div{ width: 240px; height: 150px; }
.zs-list-right{ width: 100%; height: 150px; vertical-align: top; }
.zs-list-tt{ font-size: 18px; color: #222; margin-top: 10px; }
.zs-list-p{ line-height: 30px; color: #666; margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.zs-list-date{ color: #666; margin-top: 15px; }
.zs-list li a i{ display: block; position: absolute; right: 0; top: 50%; width:40px; height: 40px; background: url(../images/icon-zs.png) center no-repeat; margin-top: -20px; }
.zs-list li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.zs-list li a b{ display: block; transition: 0.3s all; content: ""; position: absolute; left: 0; right: 100%; bottom: 0; border-top: solid 1px #1159a1; }
.zs-list li a:hover b{ right: 0; }
.zs-list-img{ float: left; margin-right: 20px; }
.page-box{ margin-top: 40px; }
a:hover .zs-list-tt{ font-weight: bold; color: #1159a1; }
.wz-list li a{ display: block; height: 80px; background: #f9f9f9; margin-top: 20px; position: relative; padding:0 80px 0 110px; }
.wz-list-tt{  line-height: 80px; font-size: 18px; color: #222; }
.wz-list li a:hover .wz-list-tt{  font-family: 'msyhbd'; color: #1159a1; }
.wz-list-date{ position: absolute; text-align: right; left: 18px; top: 50%; transform: translate(0,-50%); }
.wz-list-date span{ font-size: 20px; color: #1159a1; display: block; line-height: 1; }
.wz-list-date font{ font-size: 12px; color: #666; line-height: 1; margin-top: 5px;  }
.wz-list li a:before{ display: block; content: ""; position: absolute; left: 90px; height: 20px; top: 50%; margin-top: -10px; border-right: solid 1px #222; }
.wz-list-more{ position: absolute; right: 20px; top: 0; line-height: 80px; font-size: 16px; color: #222; }
.wz-list li a:hover{ background: #1159a1; }
.wz-list li a:hover .wz-list-tt,.wz-list li a:hover .wz-list-more,.wz-list li a:hover .wz-list-date span,.wz-list li a:hover .wz-list-date font{ color: #fff; }
.wz-list li a:hover:before{ border-color: #fff; }
/*********图文详情********/
.article-tt{ font-size: 24px; color: #222; font-weight: bold; line-height: 40px; max-width: 600px; margin:30px auto 20px auto; }
.article-sm>span{  color: #666; padding:0 20px; display: inline-block; }
.artcle-p{ border-top: solid 1px #ddd; padding:30px 0; border-bottom: solid 1px #ddd; margin-top: 20px; }
.artcle-p p{ font-size: 18px; color: #222; text-align: justify; line-height: 40px; margin-bottom: 30px; }
/*************专业介绍***********/
.zy-img div{ width: 240px; height: 150px; }
.zy-img{ float: left; }
.zy-right{ margin-left: 260px; }
.zy-list li a{ display: block; position: relative; padding:20px 0; border-bottom: solid 1px #ddd; }
.zy-list li a:hover .zs-list-date{ font-weight: bold; color: #1159a1; }
.zy-list li:nth-child(even) .zy-img{ float: right; }
.zy-list li:nth-child(even) .zy-right{ margin-left: 0; margin-right: 350px; }
/***************校友风采**************/
.xy-top{ position: relative; padding-left: 300px; height: 60px; padding-top: 20px; }
.xy-top-left{ position: absolute; left: 0; top: 0; width: 260px; background: #1159a1; color: #fff; font-size: 28px; text-align: center; line-height: 60px; }
.xy-list li{ float: left; width: 25%; padding:0 20px; margin-bottom: 30px; }
.xy-list{ margin:0 -20px; padding-top: 40px; }
.xy-lind{ border-top: solid 1px #ddd; }
/***********留言板************/
.ly-box{ background: url(../images/ly-box.png) center no-repeat; background-size: 100% 100%; padding:40px 40px 60px 40px; }
.ly-sm{ position: relative; padding-left: 85px; margin-bottom: 40px; }
.ly-sm .form-control{ min-height: 60px; box-shadow: none; background: #fff; font-size: 16px; }
.ly-left{ position: absolute; left: 0; top: 0; line-height: 60px; font-size: 20px; color: #283848; }
.btn-ly{ padding:0; box-shadow: none; border:none; color: #fff!important; margin-left: 85px; font-size: 24px; width: 240px; height: 60px; border-radius: 8px; background: #1159a1;  }
.ly-box .col-xs-6,.ly-box .col-xs-12{ padding:0 28px; }
.ly-box .row{ margin:0 -28px; }
.ly-box .col-xs-6:nth-of-type(2) .ly-sm{ padding-left: 105px; }
/*************名师风采**********/
.ms-list li{ float: left; width: 25%; padding:0 10px; margin-top: 20px; }
.ms-list li .fc-name{ margin:0; line-height: 80px; background: #f9f9f9; font-size: 20px; }
.ms-list{ margin:0 -10px; }
.ms-list li .fc-img{ padding-top: 130%; }
/***************师资详情**************/
.teacher-box{ position: relative; margin-top: 40px; padding-left: 290px; min-height:500px; }
.teacher-left{ position: absolute; left: 0; top: 0; width: 250px; height: 300px; }
.teacher-left div{ position: absolute; left: 0; top: -20px; width: 230px; height: 300px; }
.teacher-left:before{ display: block; content: ""; position: absolute; left: 20px; top: 0; right: 0; bottom: 0; background: #cfdeec; }
.teacher-name{ font-size: 32px; color: #222; line-height: 1; margin-bottom: 20px; }
.teacher-p-top p{ font-size: 18px; color: #222; margin-bottom: 20px; }
.teacher-p-top{ min-height: 100px; }
.teacher-bottom{ border-top: solid 1px #ddd; padding-top: 30px; margin-top: 50px; }
.teacher-bottom a{ font-size: 18px; color: #4d3333; }
.teacher-bottom a:hover{ color: #1159a1; font-weight: bold; }
/****************历年分数*****************/
.chooise-box{ position: relative; padding-left: 80px; margin-top: 35px; }
.chooise-list li{ float: left; width:7.142857%; padding:0 1px; margin-bottom: 20px;  }
.chooise-list li a{ display: block; border-radius: 6px; text-align: center; line-height: 30px; font-size: 16px; color: #222; }
.chooise-list li a.active,.chooise-list li a:hover{ background: #1159a1; color: #fff; }
.chooise-left{ position: absolute; left: 0; top: 0; font-size: 16px; color: #222; line-height: 30px; }
.chooise-list{ border-bottom: solid 1px #ddd; }
.chooise-box-b{ margin-top: 20px; }
.chooise-list-b li{ width: auto; }
.chooise-list-b li a{ padding:0 20px; }
.list-right-left-b{ font-size: 24px; position: relative; margin-top: 50px; }
.list-right-left-b:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -19px; border-top: solid 1px #1159a1; }
.table-bordered > thead > tr > th{ color: #1159a1; font-size: 18px; padding:15px; text-align: center; background: #ecf6ff; }
.table > tbody > tr > td{ padding:15px; font-size: 18px; color: #222; vertical-align: middle; text-align: center; }
.table-striped > tbody > tr{ background: #f9f9f9; }
.table-striped > tbody > tr:nth-of-type(odd){ background: #fff; }
.table-responsive{ margin-top: 20px; }
/**********报名系统***********/
.bm-back{ background: url(../images/bm-back.png) center no-repeat; background-size: 100% 100%; margin-top: 20px; padding:65px; }
.bm-back-sm{ max-width: 360px; margin:0 auto; }
.bm-title{ line-height: 1; font-size: 24px; color: #222; font-weight: bold; padding-bottom: 25px; border-bottom: solid 1px #bfc1c5; }
.bm-c{ position: relative; margin-top: 20px; }
.bm-c .form-control{ box-shadow: none; height: 50px; padding-left: 65px; }
.bm-c i{ position: absolute; left: 17px; top: 0; line-height: 50px; }
.bm-c:before{ display: block; content: ""; position: absolute; left: 49px; top: 50%; height: 16px; border-right: solid 1px #87878b; margin-top: -8px; }
.bm-c-b{ padding-right: 120px; margin-bottom: 0; }
.bm-c-b:before{ display: none; }
.bm-c-b .form-control{ padding-left: 17px; }
.yzm{ position: absolute; right: 0; top: 0; }
.yzm img{ width:100px; height: 50px;  }
.ts-txt{ color: #ff0000; margin-top: 10px; }
.btn-bm{ width: 100%; font-size: 20px; color: #fff!important; background: #1159a1; width: 100%; padding:10px 15px; margin-top: 20px; }
/*************准考证打印***********/
.dy-box{margin-top: 40px;ov;overflow-x: auto;overflow-x: auto;erflow-x: a;}
.dy-bottom a{ display: inline-block; font-size: 16px; padding:0; width: 200px; line-height: 50px; border:none; margin:0 15px; background: #e6f3ff; color: #1159a1!important; }
.dy-bottom{ margin-top: 40px; }
.dy-bottom a.btn-r{ background: #1159a1; color: #fff!important; }
.dy-bottom a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1); }
/**************成绩查询***************/
.cx-top{ font-size: 18px; color: #222; font-weight: bold; line-height: 1;  }
.cx-top .pull-left{ margin:20px 70px 0 0; }
.table-cx > tbody > tr > th{ vertical-align: middle; font-size: 18px; padding:20px 15px; background: #ecf6ff; font-weight: bold; }
.table-cx > tbody > tr > td{ text-align: left; padding:20px 40px; font-size: 18px; }
/*****************录取查询*******************/
.lq{ position: fixed; left: 0; top: 0; bottom: 0; width: 60%; background: url(../images/lq.png) center no-repeat; }
.lq-right{ position: absolute; right: 0; top: 0; bottom: 0; width: 40%; padding:0.75rem 1.6rem; }
.lq-box{height: 480px;padding: 40px 40px 0 40px;margin-top: 1rem;background: url(../images/lq-box.png) center no-repeat;background-size: 100% 100%;border-top: solid 5px #92baf1;}
.lq-box .btn-bm{ margin-top: 40px; }
.index-link a{ color: #1159a1; display: inline-block; line-height: 1; margin-top: 30px; }
/***************录取结果****************/
.lq-header{ background: #1159a1; padding:35px 0; }
.jg-back{ background: url(../images/jg-back.png) center no-repeat; background-size: cover; padding:60px 0; }
.jg-sm{ background: url(../images/jg-sm.png) center no-repeat; margin-top: 20px; background-size: 100% 100%; padding:40px 60px; }
.jg-txt{ padding:17px 18px; margin-bottom: 20px; border:solid 1px #ddd; background: #fff; border-radius: 6px; font-size: 18px; color: #222; }
.jg-bottom{ padding-top: 10px; color: #222; }
.jg-bottom .pull-left{ color: #c71010; }
.go-back{ width: 240px; line-height: 50px; background: #1159a1; border-radius: 6px; font-size: 20px; color: #fff!important; display: inline-block; margin-top: 10px; }
.list-right-left-lq{ padding-right: 20px; position: relative; }
.list-right-left-lq:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -19px; border-top: solid 1px #1159a1; }








@media( max-width: 1599px){
    .lq-right{padding:0.5rem 0.8rem;}
}
@media( max-width: 1479px){
    .container{ width: 1230px!important; }
    .list-right{ width: 880px; }
}
@media( max-width: 1279px){
    .container{ width: 970px!important; }
    .nav-list li a{ font-size: 18px; }
    .footer-center-left p{ width: 310px; }
    .four-tabs li a{ width: 100px; padding-left: 0; }
    .four-tabs li.active a{ padding-left: 35px; }
    .list-right{ width: 650px; }
    .zy-list li:nth-child(even) .zy-right{ margin-right: 260px; }
    .jg-sm .col-xs-4{ width: 100%; }
    .jg-bottom>div{float:none;width: 100%;text-align:center}
}
@media( max-width: 991px){
    .container{ width: 750px!important; }
    .header .container{ width: 100%!important; }
    .header-top{ display: none; }
    .logo{ line-height: 50px; }
    .logo img{ height: 30px; }
    .header{ height: 50px; z-index: 10000; }
    body{ padding-top: 50px; }
    .nav-list{ position: fixed; display: none; border-top: solid 1px #fff; left: 0; top: 50px; right: 0; bottom: 0; overflow-y: auto; background: #1159a1; }
    .nav-list li{ display: block; }
    .nav-list li a{ font-size: 16px; line-height: 40px; padding:0 15px; text-align: left; color: #fff!important; }
    .page-one .col-xs-4{ width: 100%; margin-bottom: 15px; }
    .one-ul-bottom li{ width: 50%; margin-top: 15px; }
    .page-three .col-xs-6{ width: 100%; }
    .four-left{ width: 100%; }
    .four-right{ width: 100%; }
    .four-tow-left{ width: 100%; }
    .four-tow-right{ width: 100%; padding-left: 0; }
    .logo-b{ display: none; }
.layer{background:rgba(0,0,0,0.95);position: fixed; display: none; left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s; -ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000; display:-ms-flexbox;display:block;}
.layer .close{font-size:60px; font-family:"?£¤?????¡§???¡¥??a€oa€|????a€?","Arial",Helvetica,"????a€??¡è??a€?",Arial,Tahoma; 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;margin-top:-100px;max-width: 90%;}
.layer.showdiv .search_box{transform:none;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{ right: 0; color:#fff; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }

.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;}
.search-back .form-control{ color: #333; height: 45px; }
.layer .close{ display: block; width:30px; height: 30px; right: 30px; }
.fix-ul{ display: none; }
.menu-button{ display: block; }
    .nav-down{ position: static; transform: translate(0,0); margin:0; overflow:hidden!important; display: none; background: none; width: 100%; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down li{ height: 40px!important; }
    .nav-down li a{ padding-left: 25px; line-height: 40px!important; }
    .nav-click{ display: block; text-align: center; transition: 0.3s all; padding-top: 10px; position: absolute; right: 0; top: 0; height: 40px; width: 40px; color: #fff; }
    .nav-click.active{ transform: rotate(180deg); }
    .search-a{ display: block; position: absolute; right: 60px; top: 15px; display: block; }
    .layer .search_box{ top: 50%; margin-top: 0; position: absolute; width: 90%; left: 5%; }
    .search-box .form-control{ height: 45px; }
    .close{ display: block; }

    .list-right{ width: 420px; height: auto; }
    .zs-list-right{ height: auto; }
    .zs-list li a i{ display: none; }
    .zs-list li a{ padding:15px 0; height: auto; }
    .zs-list-img{ float: none; width: 240px; margin:0 auto 15px auto; }
    .zs-list-tt{ margin-top: 0; }

    .zy-img{ float: none!important; margin:0 auto 15px auto; width: 240px; }
    .zy-right{ margin:0!important; }
    .ly-box .col-xs-6{ width: 100%; }
    .ly-sm{ padding-left: 105px; }
    .ms-list li{ width: 50%; }
    .teacher-box{ margin:0; padding:0; }
    .teacher-left{ position: relative; margin:40px auto 20px auto; }
    .chooise-list li{ width: 16.666666%; }
    .chooise-list-b li {
    width: auto;
}
.table > tbody > tr > td,.table-bordered > thead > tr > th{ font-size: 16px; padding:10px 10px; }
.lq{ display: none; }
.lq-right{ width: 465px; position: fixed; bottom: auto; max-width: 100%; padding:0; left: 50%; right: auto; top: 50%; transform: translate(-50%,-50%); }
.lq-box{ max-width: 100%; margin-left: auto; margin-right: auto; }


 
}
@media( max-width: 767px){
    .container{ width: 100%!important; }
    .logo img{ height: 25px; }
    .banner .slick-dots{ bottom: 10px; }
    .page-one{ padding:25px 0; }
    .img-one{ height: auto; padding-top: 85.7%; }
    .one-ul-bottom li{ width: 100%; }
    .sz-slick{ margin:0 30px; }
    .page-tow,.page-three,.page-four{ padding:25px 0; }
    .sz-slick .slick-prev{ left: -30px; }
    .sz-slick .slick-next{right: -30px;}
    .tabs-ul li{ margin-right: 20px; }
    .page-three .col-xs-6:last-child{ margin-top: 20px; }
    .xc-ul-img{ height: auto; padding-top: 60%; }
    .xc-ul li{ padding:0 10px; }
    .xc-ul{ margin:0 -10px; }
    .imtg-link{ margin-bottom: 20px; }
    .four-tabs li.active a,.four-tabs li a{ background: none; padding:10px; width: auto; height: auto; }
    .four-tabs li.active a:before{ width: 30px; left: 50%; margin-left: -15px; }
    .zc-ul-jy li{ width: 100%; }
    .jy-back{ height: auto; }
    .four-tow-ul li{ width: 100%; }
    .zc-ul-four{ padding-top: 10px; }
    .fc-slick .slick-prev{ left: 0; top: 40%;  z-index: 10; }
    .fc-slick .slick-next{ right: 0; top: 40%;  z-index: 10; }
    .footer{ padding-top: 20px; }
    .friends-tt{ position: static; }
    .friends-box{ padding:0; }
    .friends-list{ padding-top: 10px; }
    .footer-center{ padding-top: 0; }
    .footer-center-left{ width: 100%; padding-top: 20px; }
    .ewm-box{ width: 100%; padding-top:10px; }
    .footer-bottom{ padding:15px 0; margin-top: 15px; }

    .list-left{ display: none; }
    .list-right{ width: 100%; }
    .list-back{ padding:20px 0; }
    .page-box{ margin-top: 20px; }
    .nav-b{ display: none; }
    .zs-list-date{ margin-top: 10px; }

    .article-tt{ font-size: 18px; line-height: 30px; margin:15px 0; }
    .article-sm>span{ display: block; }
    .artcle-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .artcle-p{ padding:20px 0; }

    .xy-top .list-right-top{ display: none; }
    .xy-top{ padding:0; height: auto; }
    .xy-top-left{ position: relative;  line-height: 40px; font-size: 24px; width: 160px; }
    .xy-list li{ width: 50%; padding:0 10px; margin-bottom: 15px; }
    .xy-list{ margin:0 -10px; padding-top: 20px; }
    .fc-name{ margin-top: 15px; }
    .ly-sm{ padding-left: 0!important; margin-bottom: 15px; }
    .ly-left{ position: static; line-height: 1; font-size: 16px; margin-bottom: 8px; }
    .ly-box{ padding:20px; }
    .ly-sm .form-control{ min-height: 40px; font-size: 14px; }
    .btn-ly{ margin:0; font-size: 16px; width: 140px; height: 40px; line-height: 40px; }
    .ms-list li .fc-name{ font-size: 16px; line-height: 50px; }

    .teacher-p-top p{ font-size: 14px; margin-bottom: 10px; line-height: 25px; }
    .teacher-name{ font-size: 24px; }
    .teacher-bottom .col-xs-6{ text-align: left; width: 100%; margin-bottom: 10px; }
    .teacher-bottom .col-xs-6 a{ font-size: 14px; }
    .teacher-bottom{ margin-top: 20px; padding-top: 20px; }
    .teacher-p-top{ min-height: 60px; }
    .table > tbody > tr > td,.table-bordered > thead > tr > th{ font-size: 14px; padding:6px 12px; }
    .chooise-left{ position: static; margin-bottom: 10px; }
    .chooise-box{ padding:0; margin-top: 20px; }
    .chooise-list li a{ font-size: 15px; }
    .chooise-list li{ margin-bottom: 10px; }
    .chooise-box-b{ margin-top: 10px; }
    .list-right-left-b{ font-size: 18px; margin-top: 30px; }
    .bm-back{ padding:25px; }
    .dy-bottom a{ width: 120px; height: 34px; line-height: 34px; margin:0 10px; }
    .dy-bottom{ margin-top: 20px; }
    .dy-box{ margin-top: 20px; }
.table-cx > tbody > tr > th{font-size: 14px; padding:10px 15px;}
.table-cx > tbody > tr > td{ padding:10px 15px; font-size: 14px; }
.cx-top .pull-left{ font-size: 16px; margin-right: 20px; float: none!important; }
.lq-right{ width: 90%; }
.lq-box{ height: auto; padding:25px; margin-top: 30px; }
.lq-box .btn-bm{ margin-top: 20px; }

.lq-header{ padding:10px 0; }
.jg-back{ padding:25px 0; }
.jg-sm{ padding:25px; }
.jg-txt{ font-size: 14px; padding:10px; }
.jg-txt{ margin-bottom: 15px; }
.go-back{ width: 120px; font-size: 16px; line-height: 40px; height: 40px; }
}





.pb_sys_style1 .p_no_d {
    border: 1px solid #1159a1!important;
    color: #fff;
    background-color: #1159a1!important;
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {
    padding: 10px 12px!important;
    height: 33px!important;
    font-size: 16px!important;
    border-radius: 5px!important;
    margin: 6px 0px 0px 5px!important;
}
.pb_sys_common .p_goto a, .pb_sys_common .p_search a {
    padding: 10px 12px !important;
    height: 33px !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    margin: 6px 0px 0px 5px !important;
}
.pb_sys_common .p_goto input {
    width: 33px!important ;
    height: 33px!important ;
    text-align: center!important;
    border-radius: 5px!important;
    position: relative!important;
    top: 3px!important;
    border: 1px solid #ccc!important;
    font-size: 16px!important;
}
.pb_sys_common .p_t {
    font-size: 16px;
    margin-right: 5px !important;
    position: relative;
    top: 4px;
}