*{  

    margin: 0px;  

    padding: 0px;

}  



html{

    font-smooth: always;

    font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color:rgba(0,0,0,0);

    text-rendering: optimizeLegibility;

}



body{

    background:  #f5f5f5;

    line-height: 1.3em;

    overflow-x:hidden;

    color:rgb(102, 102, 102)

}





:focus {

    outline: 0

}

*::-moz-selection {

    background: #1FCEAB;

    color: #FFF;

    text-shadow: none;

}



img{

    vertical-align: middle;

}

.fl{float: left;}

.fr{float: right;}

.w1400{width: 1400px;margin: 0 auto;}

.clear{clear: both;}

li{ list-style: none;}



input,textarea{-webkit-appearance: none;}

h1,h2,h3,h4,h5,h6{font-weight: normal;padding: 0;margin: 0;}   

header{

    min-height: 50px;

    line-height: 0;

    max-height: 100vh;

    width: 100vw;


}

a,a:hover{ text-decoration: none;}   











.top-bar{

    position: absolute;

    right: 0px;

    top: 0px;

    left: 0px;

    z-index: 10;

    height:68px;

    background:url("../image/r-top2.png") no-repeat left top;
    
    background-size: 124px 74px;
}



.top-bar-fixed{

    position: fixed !important;

    background: rgb(87, 106, 121) url("../image/r-top.png") no-repeat left top;
    
    background-size: 124px 74px;

    z-index: 10;

}



.top-bar>.logo{

    display: inline-block;

    vertical-align: middle;

    position: absolute;

    top: 3px;

    left: 0;

    margin: 0px 0px 0px 10px;

    width: 50%;

    height: 59px;

    

}

.top-bar>.logo .logo1{width: 258px;
    height: 59px;
    background: rgba(0, 0, 0, 0) url(../image/x-logo.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    margin-right: 28px;
}
.top-bar>.logo .logo2{width: 213px;
    height: 59px;
    background: rgba(0, 0, 0, 0) url(../image/x-logo2.png) no-repeat;
    background-size: 100%;
    display: inline-block;
}





.top-bar-fixed .logo{

   

    top: 2px;

}









.top-bar>.navigation-wrapper{

    position:absolute;

    right:0px;

    top:0px;

}







.navigation{display: none}



.navigation-wrapper .search-wrapper{display: none}



.navigation>.menu-bar{

    padding: 25px 0 0 30px;

    list-style: none;

}



.navigation::before {

    display: inline-block;

    vertical-align: middle;

    background-color: rgb(87, 106, 121);

    transform: skewX(-22deg);

    -webkit-transform: skewX(-22deg);

    content: ' ';

    position: absolute;

    top: 0;

    padding: 10px;

    font-size: 18px;

    left: -20px;

    height: 100%;

    width: 40px;

    z-index: -1;

    box-sizing: border-box

}



.navigation>.menu-bar>li{

    display: inline;

    padding: 0 40px 0 0;

}



.navigation>.menu-bar>li>a{

    color: rgb(238, 240, 241);

    text-decoration: inherit;

    transition: color .3s;

    cursor: pointer;

    font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;

}



.navigation>.menu-bar>li>a:hover{

    color: rgb(255, 255, 255);

}



.navigation>search-wrapper{

    position: absolute;

    left: 0px;

    top: 0px;

    background: rgb(255, 235, 59);

    right: 0;

    bottom: 0; 

}

.navigation>.menu-bar>li>a.icon-search{background: url(../image/sou.png) no-repeat;width: 18px;height: 18px; display:inline-block; }







.menu-button{

    height: 68px;

    background: rgb(255, 235, 59);

    width: 130px;

    position: absolute;

    right: 0;

    top: 0;

}



.menu-button:before{

    display: inline-block;

    vertical-align: middle;

    background-color: rgb(255, 235, 59);

    transform: skewX(-18deg);

    -webkit-transform: skewX(-18deg);

    content: ' ';

    position: absolute;

    top: 0;

    font-size: 18px;

    left: -20px;

    height: 100%;

    width: 45px;

    z-index: 1;

}



.menu-button button{

    margin: 12px 0 0 13px;

    background: none;

    border: none;

    font-size: 1.3em;

    position: relative;

    font-weight: 500;

    z-index: 1;

    cursor: pointer;

    height: 27px;

    width: 100px;
    
    font-family: "微软雅黑";

}



.menu-icon{

    width: 27px;

    height: 19px;

    top: 2px;

    left: 8px;

    display: inline-block;

    position: relative;

}





.menu-icon-inner::before, .menu-icon-inner::after{

    content: "";

    display: block;

}





.menu-icon-inner, .menu-icon-inner::before, .menu-icon-inner::after{

    width: 27px;

    height: 3px;

    background-color: rgb(57, 57, 57);

    border-radius: 4px;

    position: absolute;

    transition-property: transform, background;

    transition-duration: 0.15s;

    transition-timing-function: ease;
    
    left: 0;

}



.menu-icon-inner::before{

    top: 8px;

}



.menu-icon-inner::after{

    top: 16px;

}





button.is-active .menu-icon-inner{

    transition-delay: 0.32s;

    background-color: rgba(0, 0, 0, 0);

}



button.is-active .menu-icon-inner::before{

    top: 0;

    transition: top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);

    -webkit-transform: translate3d(0,8px,0) rotate(45deg);

    -ms-transform: translate3d(0,8px,0) rotate(45deg);

    -o-transform: translate3d(0,8px,0) rotate(45deg);

    transform: translate3d(0,8px,0) rotate(45deg);

}



button.is-active .menu-icon-inner::after{

    top: 0;

    transition: top 0.3s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);

    -webkit-transform: translate3d(0,8px,0) rotate(-45deg);

    -ms-transform: translate3d(0,8px,0) rotate(-45deg);

    -o-transform: translate3d(0,8px,0) rotate(-45deg);

    transform: translate3d(0,8px,0) rotate(-45deg);

}









.menu-wrapper{

    position: absolute;

    right: -100%;

    top: 50px;

    background: rgb(255, 235, 59);

    z-index: 2;

    line-height: 1.5;

    width: 100%;

    transition: right .3s;

}









.close-menu{

    right: 0px !important;

}







.menu-wrapper .search-wrapper{

    position: relative;

    background: rgb(255, 235, 59)

}



.menu-wrapper .search-wrapper{

    padding: 18px 20px;

    display: block;
    
}



.menu-wrapper .search-wrapper input{

    width: 100%;

    border: none;

    height: 40px;

    padding: 10px;

    box-sizing: border-box;

}

.menu-wrapper .search-wrapper input.icon-search{background: url("../image/sou2.png") no-repeat;width: 18px;height: 18px; position: absolute;right: 30px;top: 30px;}


.menu-wrapper .search-wrapper span a{

    position: absolute;

    right: 40px;

    top: 29px;

    text-decoration: none;

    color: rgb(101, 90, 14);

}







.menu-wrapper>div{
    transition: background .3s;
    border-top: 1px solid rgb(230, 209, 19);
}

.menu-wrapper>div:hover{    
    cursor: pointer;
}

.menu-wrapper>div>a{

    text-decoration: none;

    color: inherit;

    font-size: 18px;

    font-weight: 500;

    color: rgb(112, 100, 4);

    display: block;

}





.menu-wrapper>div>a:before{

    font-size: 0.6em;

    margin-right: 27px;

    position: relative;

    top:-2px;

}



.menu-wrapper ul{

    list-style: none;

    display: none;

}



.menu-wrapper ul>li{

    padding: 0 40px 0 71px;

    line-height: 45px;

    transition: background .3s;

    color: rgb(101, 90, 0);

}



.menu-wrapper ul>li:hover{

    line-height: 45px;

    background: rgb(241, 216, 0);

}



.menu-wrapper ul>li a{

    text-decoration: none;

    color: inherit;

}




.menu-wrapper {
    background: rgb(255, 235, 59) !important;
}
.sub-menu {
    display: none;
}
.menu-wrapper div a.link{display: block;background:rgb(247, 225, 30) url("../image/jia.png") no-repeat 42px center;padding: 9px 0 9px 70px;}

.menu-wrapper div.open a.link{background: url("../image/jian.png") no-repeat 42px center;}








.main:after{

    display: block;

    content: "";

    clear: both;

}

.main{position: relative;}
.huo-ico{position: absolute;right: 0;bottom:-20px;z-index:0;}





.leftside{width: 1158px;}

.rightside{width: 208px;position:relative;z-index:1}

.title{border-bottom: 1px solid #e5e5e5;padding-bottom: 6px;}

.title a{display: inline-block;float: right;color: #999;font-size: 20px;padding-top: 1px;}

.title h1{color: #595959;font-size: 16px;line-height: 25px;}

.title h1 span{color:#757575}

.title em{display: inline-block;padding-right: 10px;width: 25px;height: 25px;position: relative;top: -2px;}

.title h1 b{display: inline-block;width: 1px;height: 18px;background: #e5e5e5; position: relative;top: 3px;margin: 0 4px;}

.step01{width: 560px;}

.step01 .left{width: 262px;height: 167px;position: relative;overflow: hidden}

.step01 .right{width: 276px;}

.step02{width: 262px;margin: 0 36px;}

.step03{width: 262px;}

.step01 .left img{width: 262px;height: 167px;transform:scale(1);transition:all 0.3s;}

.step01 .left img:hover{transform:scale(1.1);transition:all 0.3s;}

.step01 .left a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 12px;background: #576a79;}

.step01 li a{}

.step01 li span{color: #999;font-size: 12px;display: inline-block;float: right;  line-height: 28px;}

.step01 li{ }

.step01 li:hover{background-position: left -5px;}

.step01 li:hover a{color:#576a79;font-weight: bold;}

.step01 .group{padding-top: 24px;}

.topbox .group2{padding-top: 24px;position: relative;width: 262px;height: 167px; overflow: hidden;width: 100%;}

.topbox .group2 img{width: 262px;transform:scale(1);transition:all 0.3s;}

.topbox .group2 img:hover{transform:scale(1.1);transition:all 0.3s;}

.topbox .group2 a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 12px;background: #576a79;}

.middlebox{padding: 30px 0 27px 0;}

.middlebox .left2{width: 560px;}

.middlebox .right2{width: 560px;}

.middlebox .list{padding-top: 15px;}

.middlebox .list li a{color:#6b6b6b;font-size:14px;overflow: hidden;height: 28px;width: 90%;display: inline-block;line-height: 28px;}

.middlebox .list li span{color: #999;font-size: 12px;display: inline-block; line-height: 28px;}

.middlebox .list li,.group4.group4_2 dd{height:29px;background: url("../image/kuai.png") no-repeat left 14px;padding-left: 10px; list-style: none;}

.middlebox .list li:hover{background-position: left -5px;}

.middlebox .list li:hover a,.group4 dd a:hover{color:#576a79;font-weight: bold;}

.step{padding-bottom: 20px;}



.step04{padding-top: 24px;}

.step04 li{float: left;width: 22.75%;margin-right: 3%; position: relative;overflow:hidden;
}

.step04 li:nth-child(4n){margin-right:0}

.step04 li .text{ position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);top: 0;left: 0;}

.step04 li a h1{color: #fff;font-size: 16px;padding: 18px 0 0 16px;}

.step04 li a span{color: #fff;font-size: 12px;display: block;width: 100px;}

.step04 li img{transform:scale(1);transition:all 0.3s;}

.step04 li:hover img{transform:scale(1.1);transition:all 0.3s;}



.rightside .group3{padding-top: 24px;padding-bottom: 26px;}

.group3 li{width: 195px;height: 75px;border:5px solid #e5e5e5;position: relative;margin-bottom: 10px;overflow: hidden;}

.group3 li .pic{width: 195px;height: 75px; overflow: hidden;}

.group3 li .pic img{width: 195px;height: 75px; opacity: 0.9;transform:scale(1);transition:all 0.3s;}

.group3 li:hover .pic{transform:scale(1.1);transition:all 0.3s;}

.group3 li .text{ position: absolute;width: 100%;height: 100%; background: rgba(0, 0, 0, .2);top: 0px;left: 0px;text-align: center;display: flex;align-items: center;justify-content: center;}

.group3 li a h1{color: #fff;font-size: 16px; font-weight: bold;}

.group4 dd{height: 28px;float: none;}

.group4 dd a{color: #6b6b6b;font-size: 12px;line-height: 28px;display: block;height: 28px; overflow: hidden;}

.group4 dd a em{display: inline-block;width:4px;height:4px;border-radius:100%;background:#d66efc;margin-right: 18px; position: relative;top:-3px}







footer{

    background: rgb(255, 255, 255);

    margin-top: 20px;

    overflow: hidden;

}

.footer h4{color: #666;font-size: 14px;padding: 26px 0 6px 0;}

.footer .f-top p{color: #666;font-size: 14px;}

.footer .f-bottom{height: 56px;background: #576a79;color: #fff;font-size: 14px;line-height: 56px;}

.f-bottom a,.f-bottom a:hover{color: #fff;font-size: 14px;}

.footer .f-left{width: 405px;}

.footer .f-middle{width: 660px;}

.footer .f-right{text-align: center;padding-top: 8px;}

.way{padding-top: 15px;}

.way li{float: left;width: 50%;color: #666;font-size: 14px;padding: 9px 0;}

.way li span{display: inline-block;padding-right: 15px;}

.f-middle dl{float: left;margin-left: 126px;}

.f-middle dt{color: #333;font-size: 18px;margin-bottom: 28px;}

.f-middle dt em{display: block;width: 28px;height: 2px;background: #576a79;margin-top: 16px;}

.f-middle dd a{color: #666;font-size: 14px;line-height: 24px;}

.f-middle .dl2 dd{float: left;width: 120px;}

.f-middle .dl2{width: 320px;}

.f-middle .dl2 .news_list li { width:120px; float:left;   }
.f-middle .news_list li {   padding:0; background:none;  }

.f-middle dd a:hover{color: #576a79;font-weight: bold;}

.f-right p{padding-top: 22px;}

.footer .f-top{padding: 52px 0 38px 0;}

.top{ overflow:hidden; height:100px; position:relative; margin-top:-50px;top:-50px;}

.top_img{ overflow:hidden; margin:0 auto; width:65px;}

.top_img img{-webkit-perspective: 500;-moz-perspective: 500;-ms-perspective: 500;perspective: 500;-ms-transform: perspective(500px);-moz-transform: perspective(500px); animation: inputBack 1s ease infinite;}

@keyframes inputBack{

    from { margin-top:30px;}

    to { margin-top:25px;}

}





.contain{padding: 40px 0;}

.header{height:75px;background:rgb(87, 106, 121)}

.ny_banner{position:relative}

.ny_banner img{width:100%;height:auto;} 

.brand{text-align:right;width:100%; position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);height:50px;line-height:50px;color:#fff;font-size:14px}

.brand a{color:#fff}

.left-side{width:1080px;}

.about{background:#fff;padding:40px 62px}

.right-side{width:280px; overflow:hidden; }

.about h2{color:#333;font-size:18px;font-weight:bold;padding-bottom:18px}

.about p{color:#595959;font-size:16px;line-height:36px}

.left-side h1{color:#333;font-size:20px;padding-left:0px;margin-bottom:28px}

.left-side h1 span{display: inline-block;width: 1px;height: 18px;background: #e5e5e5; position: relative;top: 3px;margin: 0 12px;}

.left-side h1 a{display: inline-block;background:url(../image/home.jpg) no-repeat left center;width: 21px;height: 17px;padding-top: 5px;float: left;}
.left-side .col_metas { display: inline-block; }



.right-side ul,.right-side dl{background:#fff;margin-top:15px}

.right-side .title{border-bottom:none}

.right-side li{border-top:1px dashed #eee;height:46px;padding:0 20px;line-height:47px}

.right-side li a{color:#333;font-size:14px}

.right-side li a em{display: inline-block;width:4px;height:4px;border-radius:100%;background:#d66efc;margin-right: 18px; position: relative;top:-3px}

.right-side li a em.color2{background:#86c6d5}


.right-side li a em.color3{background:#726ffd}

.right-side li a em.color4{background:#01509b}

.right-side li:nth-child(1){border-top:none}

.right-side .group4{padding-top:0px;}

.right-side .box{padding-bottom:40px}

.right-side dl{padding:15px 20px}



.teacher li{background:#fff;float:left;padding:45px 40px;width:444px;margin-right:30px;margin-bottom:30px}

.teacher li img{width:100%;}

.teacher li .pic{width:224px;text-align: center;overflow: hidden;height: 288px;}

.teacher li .text-wz{width:192px}

.teacher li a h2{color:#333;font-size:16px;padding-bottom:20px}

.teacher li a b{display:block;padding-bottom:6px}

.teacher li a p{color:#333;font-size:14px;line-height:24px;height: 210px;overflow: hidden;}

.teacher li:nth-child(2n){margin-right:0px}


.teacher_2 li{background:#fff;float:left;width:200px;margin-right:20px;margin-bottom:20px; position: relative;padding: 0;}

.teacher_2 li img{width:100%;height:auto;object-fit: cover;}

.teacher_2 li .pic{width:200px;text-align: center;overflow: hidden;height:180px;background: #f2f2f2;}

.teacher_2 li .text-wz{text-align: center; position: absolute;width: 100%;padding: 0;bottom: 0;left: 0;background:rgb(87, 106, 121);line-height: 26px;}

.teacher_2 li a h2{color:#fff;font-size:12px;padding-bottom: 0;}

.teacher_2 li a h2 b{display: inline-block;padding-bottom: 0;font-size:14px;padding-right: 5px;}

.teacher_2 li a p{color:#333;font-size:14px;line-height:24px;height: 210px;overflow: hidden;}

.teacher_2 li:nth-child(5n){margin-right:0px}

.teacher_2 h3{font-size: 20px;color: #333;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding:55px 0 15px 0; clear: both;font-weight: 500;}
.teacher_2 h3.mall{padding-top: 10px;}

.teacher_2 ul{clear: both;}



.t-detail{background:#fff;padding:50px 92px;}

.t-detail .img{width:224px;overflow: hidden;text-align: center;}
.t-detail .img img{width: 100%;height: 100%;}

.t-detail .text02{padding-left:26px}

.t-detail p,.t-detail .down01{color:#333;font-size:14px;line-height:24px}

.t-detail h2{font-weight:bold;color:#333;font-size:20px;line-height:30px}

.t-detail h3,.t-detail h4{color:#333;font-size:16px;font-weight:bold;padding-bottom:3px;padding-top:30px}

.t-detail h4{padding-bottom:20px;padding-top:35px}







.rili2{}
.rili2 .con{ padding:5px 0px;}
.rili2 .news_list {}
.rili2 .news_list li.news{ height:60px; padding: 45px 0;   border-bottom: 1px dashed #e1e1e1; background:none; }
.rili2 .news_list li.news.n1{margin-top:10px;border-bottom:1px dashed #e1e1e1;}
.rili2 .news_list li.news .news_date{float: left;width: 98px;margin-right:-100px;text-align:center;color: #4e606e;margin-right: 22px;}
.rili2 .news_list li.news .news_date .news_year{line-height: 40px;font-size: 40px; font-weight:bold; }
.rili2 .news_list li.news .news_date .news_days{line-height:20px; font-size: 16px; }
.rili2 .news_list li.news .news_wz{width:100%;}
.rili2 .news_list li.news .news_wz .news_con{margin-left:100px; padding:  0px;} 
.rili2 .news_list li.news .news_title{ width:880px; color:#333;font-size:18px;font-weight:bold;padding-bottom:10px; line-height:60px;  } 
.rili2 .news_list li.news .news_title a {color:#333; font-size:18px; }
.rili2 .news_list li.news .news_text { color:#666;font-size:14px;line-height:24px; float:left; display:none;  } 
.rili2 .news_list li.news .news_text a {color:#666;  }


#wp_paging_w7 { padding:25px 0 20px 0; overflow:hidden; }



.show-list{padding:20px 40px;background:#fff}



.show-list li span b{font-size:40px;display:block;padding-bottom:10px}

.show-list li span img{width: 100%;height: auto;}
.show-list2 li span{width: 200px;}
.show-list2 li{padding: 20px 0;}



.show-list li a h3{color:#333;font-size:18px;font-weight:bold;padding-bottom:14px}

.show-list li a p{color:#666;font-size:14px;line-height:24px}

.show-list li:hover a h3{color:#4e606e;}

.show-list li:hover{background:#f5f5f5;}

.show-list2 li a{display: inline-block;float: right;width:770px;}
.show-list2 li:hover{background:none;}
.show-list2 li a h3{margin-top: 10px;}

.details{background:#fff;padding:40px 40px 50px 40px}

.details .bt-name{text-align:center;border-bottom:1px solid #eee;padding-bottom:22px;margin-bottom:30px}

.details h2{color:#333;font-size:18px;padding-bottom:12px}

.details h3,.details .bt-name a{color:#666;font-size:14px}

.details .bt-name span{display:inline-block;padding:0 12px}

.details h4{font-weight:bold;color:#333;font-size:14px;font-weight:bold;padding:20px 0}

.details p{color:#666;font-size:14px;line-height:24px}

.details p img,.details img{display: block;margin: 0 auto;}

.fybox{padding-top:80px}

.fybox span{display:block;color:#333;font-size:16px;line-height:30px;font-weight:bold}

.fybox a{color:#666;font-weight:normal;color:#666;}



.five-box{}

.five-box li{background:#fff;padding:44px 40px;margin-bottom:25px}

.five-box li .pic2{width:265px;height:auto;margin-right:35px}

.five-box li a h2{color:#333;font-size:18px;font-weight:bold;padding:15px 0 20px 0}

.five-box li a p{color:#666;font-size:14px;line-height:28px;}

.five-box li:hover a h2{color:#4e606e;}

@media (min-width: 1028px) {

    

    header{

        overflow: hidden;

    }

    

    

    .top-bar{

        height: 75px

    }

    .navigation{

        display: block;

        background: rgb(87, 106, 121);

        line-height: initial;

        font-size: 18px;

        height: 75px;

        color: rgb(255, 255, 255);

        padding-right: 170px;

        font-weight: 500;

        opacity: .9;

        transition: all .3s ease;

        position: relative;

    }

    

    .navigation-wrapper .is-hide{

        opacity: 0;

        right: -185px;

    }

    

    

    .navigation-wrapper .search-wrapper{

    top: 0px;

    right: -400px;

    position: absolute;

    display: block;

    background: #FFF;

    font-size: 1.3em;

    height: 75px;

    color: rgb(255, 255, 255);

    font-weight: 500;

    padding: 0 75px 0 30px;

    z-index: 0;

    transition: right .3s ease;

    }

    

    .navigation-wrapper .search-wrapper::before {

    display: inline-block;

    vertical-align: middle;

    background-color: #FFF;

    transform: skewX(-22deg);

    -webkit-transform: skewX(-22deg);

    content: ' ';

    position: absolute;

    top: 0;

    padding: 10px;

    font-size: 18px;

    left: -20px;

    height: 100%;

    width: 40px;

    z-index: -1;

    box-sizing: border-box;

}

    

    .navigation-wrapper>.is-active{

        right: 135px;

    }

    

    .search-mask{

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        z-index: 0;

    }

    

    .navigation-wrapper .search-wrapper .kwd{

    width: 300px;

    border: none;

    border-bottom: 1px solid rgb(87, 106, 121);

    margin: 17px 0 0 0;

    height: 20px;

    padding: 10px;

    }

    

    .navigation-wrapper .search-wrapper .icon-search {

    position: absolute;

    top: 27px;

    right: 75px;

    color: rgb(87, 106, 121);

    text-decoration: none;
    background: url("../image/sou2.png") no-repeat;
    width: 18px;
    height: 18px;
    outline: none;
    cursor: pointer;
    border: none;

}

    

    

    .menu-button {

        height: 75px

    }

    

    .menu-button button{

    margin: 24px 0 0 13px;

}

    

    

    .top-bar>.logo{

    top: 8px;

    margin: 0px 0px 0px 112px;

}

    

    

    video{

    display: block;

    position: relative;

    max-width: 100%;

    height: auto;

    object-fit: contain; 

    margin: 0 auto;

    }

    

    

.menu-wrapper{

    right: -100%;

    top: 75px;

    width: 266px;

}

    

    .menu-wrapper .search-wrapper{

        display: none;

    }

    

    

    

    

    

}

 .page{padding: 30px 0;}

.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:1px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
color: #666;
}
.page .current{
border:1px rgb(87, 106, 121) solid;
background:rgb(87, 106, 121);
color: #fff;
}
.page  a:hover{
border:1px rgb(87, 106, 121) solid;
background:rgb(87, 106, 121);
text-decoration:none;
color: #fff;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }




.l-banner{height: 235px;background-position:center center;background-repeat:no-repeat;text-align:center;}
.l-banner img{ height:100%;vertical-align:top;}

#l-container {}
#l-container .inner {padding:25px 10px;}

#d-container {}
#d-container .inner {padding:20px 60px;background:#fff;}


.col_menu_head { background:url(../image/ico01.png) no-repeat 0 0; }
.col_menu_head h3.col_name { font-size:14px; font-weight:normal; color:#595959; }
.col_menu_head h3.col_name .col_name_text { display:block; line-height:28px; padding:0px 5px 0px 35px;  position:relative; }
.col_menu_head h3.col_name .col_name_text:after { content: ''; width: 1px;
    height: 18px;
    background: #e5e5e5;
    position: absolute;
        top: 4px;
    left: 100px;
   }

.col_list{}
.col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; }
.col_list .wp_listcolumn .wp_column a {color:#333;font-size: 14px;font-weight:normal;background:none;border-top:1px dashed #eee;border-bottom: 0px solid #F6EAEA;}
.col_list .wp_listcolumn .wp_column a .column-name{padding:0px 0 0 18px; position:relative; }
.col_list .wp_listcolumn .wp_column a .column-name:after {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #d66efc;
    margin-right: 18px;
    position: absolute;
        top: 50%;
    left: 0;
    transform: translateY(-50%);

}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#333;  } 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #333;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a { color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#0f429b;}

.col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 52px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {color:#0f429b;} 

.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {background:none; } 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name { padding: 5px 10px 5px 51px; cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#0f429b;} 

.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{margin-left: 290px;}
.col_news_head {border-bottom: 1px solid #DBDBDB;}
.col_metas .col_title { display:inline-block; float:left; height: 20px; line-height: 20px; }  
.col_metas .col_title h2 {display:inline-block;font-size: 20px;font-family:"Microsoft yahei";font-weight: normal;color: #333;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} 
.col_metas .col_path a{color: #fff;}
.col_path .possplit { background:url(../image/possplit1.png) no-repeat 3px center; }


.col_news_con { padding:5px 0px 10px 0px; margin:0 7px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {} 
.col_news_list .wp_article_list .list_item .Article_Index { }  
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:840px; _width:expression(this.width > 840 ? "840px" : this.width); } 

.infobox {width:auto; margin:0 auto; }
.article {padding-top:10px;}
.article h1.arti_title {line-height: 24px;font-family: "Microsoft YaHei";font-size:18px;text-align:center;color: #333; margin-bottom:0; } 
.article h2.arti_title {line-height: 20px;font-family: "Microsoft YaHei";font-size: 16px;text-align:center;color: #666;} 
.article .arti_metas { padding:0px 0 22px 0; text-align:center;border-bottom:1px solid #ececec;     margin-bottom: 25px;  }
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}
.article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} 
.article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;}  
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; max-width:840px; _width:expression(this.width > 840 ? "840px" : this.width); }   
.article .entry .read table{margin:0 auto; border:none!important;}
.wp_entry img {   max-width:840px; _width:expression(this.width > 840 ? "840px" : this.width);   }




.step01 .news_list { padding-top:0; }
.news_list { padding-top: 15px; }
.news_list li { height:28px; line-height:28px; background: url(../image/kuai.png) no-repeat left 14px;padding-left: 10px; overflow:hidden;  }
.news_list .news_title { float:left; }
.news_list .news_title a {  color: #6b6b6b;   font-size: 14px;}
.news_list .news_meta { color: #999; font-size: 12px; float: right; font-style: oblique;  }
.news_list li:hover{background-position: left -5px;}

.news_list .news_title a:hover {color:#576a79;font-weight: bold;}





.news_tu{}
.news_tu .con{padding: 12px 0px;}
.news_tu ul { }
.news_tu ul li.news{   }
.news_tu li.news .news_box{transition:all 0.4s ease-in-out;}
.news_tu li.news .news_box:hover{opacity:.85; filter:Alpha(opacity=85);}
.news_tu li.news .news_imgs{height: 196px;background-color: #F1F1F1;overflow:hidden;vertical-align:middle;display:table-cell;}
.news_tu li.news .news_imgs img{width:100%;height:100%;}
.news_tu li.news .news_wz{ position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;}
.news_tu li.news .news_wz .news_con{ padding: 18px 0 0 16px; } 
.news_tu li.news .news_title{     font-size: 16px; } 
.news_tu li.news .news_title a{ color: #fff;  }
.news_tu li.news .small_title {     color: #fff;   font-size: 12px;    display: block;  width: 100px;}



.news_img .news_imgs { width:262px; height:167px; }
.news_img .news_imgs  img  { width:262px; height:167px; }

.news_img .news_wz {     position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #576a79;
}
.news_img .news_wz .news_title a {   height: 35px;
    line-height: 35px; color: #fff;}




.group3 .news_tu li.news .news_imgs { height:75px; }
.group3 .news_tu li.news .news_title{ position: absolute;width: 100%;height: 100%; background: rgba(0, 0, 0, .2);top: 0px;left: 0px;text-align: center;display: flex;align-items: center;justify-content: center;}
.group3 li img{transform:scale(1);transition:all 0.3s;}
.group3 li:hover img{transform:scale(1.1);transition:all 0.3s;}




.group40 .news_list { padding: 15px 20px;  }
.group40 .news_list li { background:none; border-top:none; height:28px; line-height:28px;  }
.group40 .news_list .news_title { position:relative;     padding-left: 10px; }
.group40 .news_list .news_title:after {content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #d66efc;
    margin-right: 18px;
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);}




.wp_search{ display:inline-block;position:relative;padding-left:4px;border-bottom: 1px solid rgb(87, 106, 121); margin:20px 0 0 0; }
.wp_search #keyword{ width:280px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#333; }
.wp_search .search{width:32px;height: 30px;border:0px; background: #FFFFFF url(../image/sou2.png) no-repeat center;cursor: pointer; vertical-align:top; }

.searchbox{text-align:right;margin-top:0px;}
.wp-search {position: relative;border-bottom: 1px solid rgb(87, 106, 121);height: 20px;   padding: 10px}
.wp-search form {display: block;}
.wp-search .search-input {margin-left:4px; margin-right: 40px;}
.wp-search .search-input input.search-title {width: 100%;height: 22px;padding: 4px 0;line-height: 22px;background: none;color: #FFFFFF;font-size: 14px;border:0;outline: 0;}
.wp-search .search-btn {width:32px;height: 32px;position: absolute;right: 0;top:0%;}
.wp-search .search-btn input.search-submit {width:32px;height: 30px;border:0;outline: 0;background: #FFFFFF url(http://ysxy.hbue.edu.cn/_upload/tpl/02/e3/739/template739/images/sous.png) no-repeat center;cursor: pointer;}




.list_tu_text {}
.list_tu_text .news_list {}
.list_tu_text .news_list li.news{margin-bottom:10px; height:130px; padding:20px 0; background:none;     border-bottom: 1px dashed #e1e1e1; }
.list_tu_text .news_list li.news .news_imgs{float: left;width: 200px; height:130px; margin-right:-230px;}
.list_tu_text .news_list li.news .news_imgs a{height: 120px; display:table-cell; vertical-align:middle; background-color:#efefef;}
.list_tu_text .news_list li.news .news_imgs img{width:100%; height:auto; }
.list_tu_text .news_list li.news .news_wz{width:100%;} 
.list_tu_text .news_list li.news .news_wz .news_con{margin-left:230px; padding: 0px 0px; position:relative;} 
.list_tu_text .news_list li.news .news_title{width:770px; line-height: 24px;   padding-bottom: 14px; } 
.list_tu_text .news_list li.news .news_title a {  color: #333;
    font-size: 18px;
    font-weight: bold;
  }
.list_tu_text .news_list li.news .news_text{line-height:24px; width:770px; float:left; }
.list_tu_text .news_list li.news .news_text a {     color: #666;  font-size: 14px; }






.list_tu_text2 {}
.list_tu_text2 .news_list { overflow:hidden; }
.list_tu_text2 .news_list li.news{ width:444px;height:288px;  float:left;        background: #fff;
    padding: 45px 40px;
    margin-right: 30px;
    margin-bottom: 30px; }
.list_tu_text2 .news_list li.news:nth-child(2n) {     margin-right: 0px;  }
.list_tu_text2 .news_list li.news .news_imgs{float: left;width: 224px; height:288px; margin-right:-250px;}
.list_tu_text2 .news_list li.news .news_imgs a{height: 120px; display:table-cell; vertical-align:middle; background-color:#efefef;}
.list_tu_text2 .news_list li.news .news_imgs img{    width: 224px;
    height: 288px;
    object-fit: cover;}
.list_tu_text2 .news_list li.news .news_wz{width:100%;} 
.list_tu_text2 .news_list li.news .news_wz .news_con{margin-left:250px; padding: 0px 0px; position:relative;} 
.list_tu_text2 .news_list li.news .news_title{width:192px; line-height: 24px;   padding-bottom: 0px; } 
.list_tu_text2 .news_list li.news .news_title a {  color: #333;
    font-size: 18px;
    font-weight: bold;
  }
.list_tu_text2 .news_list li.news .news_text{line-height:24px; width:192px; float:left; padding-top: 20px;}
.list_tu_text2 .news_list li.news .news_text a {     color: #333;  font-size: 14px; }

.list_tu_text2 .news_list li.news .small_title{width:192px; line-height: 24px;   color: #333;   } 







.news_tupian li { margin-right: 20px; margin-bottom: 20px; width:200px; float:left;  }
.news_tupian li:nth-child(5n) { margin-right: 0px; }
.news_tupian li .news_imgs { width:200px; height:180px; overflow:hidden;  }
.news_tupian li .news_imgs img {     width: 200px; height: 270px; object-fit: cover; }
.news_tupian li .news_title { width:200px;  background:rgb(87, 106, 121); line-height:26px;  text-align:center; }
.news_tupian li .news_title a {  color: #fff; font-size: 12px; } 


.news_img .dtjt9_div_text .dtjt9_div_text_title { background:#576a79; line-height:35px;  }
.news_img .dtjt9_div_text { bottom:0px; }

.news_img .dtjt9_div_text a:link { font-size:14px; color:#fff; font-weight:normal; }
.news_img .dtjt9_div_img .number { bottom:35px; }