.topbar{width:100%;    height: 20px;  background-color: #b60005;}
.navbar-header{ height:100px}
#logo img {height: 90px; padding: 10px 0;    margin-bottom: 13px;}
.w1200{ width: 1200px; margin: 0 auto;}

/*.top_bg{background: url('/skin/images/bg.jpg');background-size: cover; height: 108px}
.logo_box{    max-width: 1200px;  padding-top: 15px; padding-bottom: 15px; margin: 0px auto;}
.logo_box a{display: block;}
.logo_box a img{    max-height: 150px; max-width: 100%;}*/
/*#b60005*/
/*#ad7e15e3*/

.topbg{  background:#fff; position:relative; width:100%; z-index: 99999;background: #fff;
    border-top: 10px solid #b60005;}
.top{ width:1200px; height:100px; margin:0 auto;  line-height:100px }
.top_left{float: left;    margin-left: 80px;}
.top_right{ float: right;}
.top_right ul{ list-style:none}
.top_right ul li{ float: left; }
.top_right ul li a{ color:#b60005; font-size:16px; text-decoration:none; display:block;padding:0 18px}
.top_right ul li a:hover{ border-bottom:3px solid #b60005}
.active{ color:#b60005 !important; border-bottom:3px solid #b60005}

.fa a:hover{ border-bottom:none !important;}

.fa{ position:relative}
.son{ position:absolute; padding:0; margin:0;left: -10px; display:none}
.son li {}
.son li a{     text-align: center; color: #fff!important;
    height: 45px;
    line-height: 45px;
    background: #b60005;
    border-bottom: 1px solid #eee;
    width: 120px; }
.son li a:hover{ background: #ad7e15e3;  border-bottom: 1px solid #eee !important;}
.fa:hover .son{
dispaly: block;
}
.navbar-default{ background: none;     border-color: #fff !important;}
.navbar{     margin-bottom: 0px !important;}
.navbar-nav li{      line-height: 90px;
    width: 100px;
    font-weight: bold;}
.navbar-nav li a{  display:inline-block;color:#000 !important}
.navbar-nav .active a{color:#fff !important; background: #b60005 !important;}
.navbar-nav li a:hover{color:#fff !important; background: #b60005 !important;}
#ssk{ margin-top:30px}
#ssk2{ padding:15px}
.redbar{  width:100%;    height: 60px;   background-color: rgb(226, 36, 52);}
.banner { width: 100%;
    height: 422px;
    overflow: hidden;
} 

.banner img{ }
.banner2 img{ width: 100% }
.pl40{ padding-left:40px !important}
/*校园概况*/
.red_line{text-align: center;
    border-bottom: 3px solid #bb4c4c;
    padding: 4px;
    margin: 0 auto;
    width: 188px;}
.about{padding: 60px 0;}
.about .container{word-wrap: break-word;
    padding: 0px;
    // border-color: rgb(221, 221, 221);
    // border-width: 1px;
    // height: auto;
    // background-color: rgb(251, 251, 251);
    // border-style: solid;
}
.imgleft {
  /*  width: 410px;*/
    height: 248px;
    float: left;
   /* margin-top: 12px;*/
    overflow: hidden;
    position: relative;
}
 .imgleft .item {
    width:100%;
    height: 248px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 9999;
}
.imgleft .item a {
    width: 100%;
    display: block;
}
.imgleft .item img {
    width:100%;
    height: 248px;
    transition: all .5s;
    display: block;
}
.imgleft .item .txtcon {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}
.imgleft .item .txtcon h3 {
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    margin:0
}
 .imgleft .item:hover img {
    filter: brightness(105%);
}
.imgleft .hd .prev {
    width: 27px;
    height: 60px;
    background-position: -52px -103px;
    background-color: rgba(0,0,0,0.49);
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    z-index: 9999;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.imgleft .hd .next {
    width: 27px;
    height: 60px;
    background-position: -77px -103px;
    background-color: rgba(0,0,0,0.49);
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 0;
    z-index: 9999;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.imgleft .hd .prev:hover {
    background-color: rgba(220, 0, 0 ,0.49);
}
 .imgleft .hd .next:hover {
    background-color: rgba(220, 0, 0 ,0.49);
}
.ico {
    background: url(../images/icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.newslist { padding:0}
.newslist li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    border-bottom: 1px dashed #eee;
}
.newslist li a {
    width: 100%;
    color: #000;
    display: block;
    text-decoration:none;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}
.newslist li a:hover {
    color: #dc0000;
}
.newslist li .time {
    color: #575757;
    float: right;
    font-weight: normal;
}

.title{ border-bottom: 1px solid #ccc;    padding-bottom: 15px;}
.title h2{ display:inline-block;font-size: 18px; padding:0px; margin:0px;    border-left: 4px solid #b60005;
    padding-left: 10px;}
.title h2 strong{color:#b60005}
.title span a{ display: inline-block; float: right;font-size: 18px; color:rgb(51, 51, 51);}
.about_con{ padding:20px 0px 0px 0px;overflow: hidden; }
.about_con .col-md-6{padding: 0px;}
.about_con img{max-width: 100%; height350px}
.about_con p{ text-indent:2em; padding:0 10px}
/*联系我们*/
.lxwm_con{ padding:20px 0px 0px 0px;overflow: hidden; }


/*pro*/
#block0{    background: #F5F5F5;
    padding: 60px 0;}

#block0 .container {
    word-wrap: break-word;
       padding: 0px;
}
.index_pro ul{ list-style: none;padding-top: 20px; padding-left:0; overflow:hidden}
.index_pro ul li{ float: left; margin:15px 0}
.index_pro ul li:hover{box-shadow: 0 2px 6px 0 rgba(162, 162, 162, 0.4);}
.index_pro ul li:nth-child(4n){ margin-right: 0}
.index_pro ul li a{ display:block; text-decoration:none}

.index_pro ul li img{     width: 278px; height: 180px;     }
.index_pro ul li p{margin: 0;
    text-align: center;
    height: 33px;
    line-height: 33px;
    background: #fff;
    color: #000;
    font-size: 14px;}

/*校园动态*/

#block1{margin: 60px 0;}

#block1 .container {
    word-wrap: break-word;
       padding: 0px;
    // border-color: rgb(221, 221, 221);
    // border-width: 1px;
    // height: auto;
    // background-color: rgb(251, 251, 251);
    // border-style: solid;
}

.xydt{ padding-left: 0px}
.xydt ul{    padding-top: 20px;}
.pic{ width:120px}
.xydt_1{}
.xydt_1_r{float: right;width: 225px;}}
.xydt_1_r strong{display: block;}
.xydt_1_r strong a{color:#000;display: block;}

.xydt_1 span{ padding:5px}

.xydt li p{display: inline-block; }
.xydt li p a{display: inline-block;font-family: Microsoft YaHei;font-size: 14px; color:#000; text-decoration: none}
.xydt li p a:hover{    color: #b60005;}
.date{ float: right;color:#949494}

/*招生招聘*/
.job ul{padding-top: 20px;   }
.job ul li{ border-bottom:1px dashed #949494 ; height:43px; line-height:43px; overflow: hidden;
background: url(../images/21.png) no-repeat left center;    padding-left: 20px;
}
.job li p{display: inline-block; }
.job li p a{display: inline-block;font-family: Microsoft YaHei;font-size: 14px; color:#000; text-decoration: none}
.job li p a:hover{ color: #b60005;}

/*教学特色*/
.jxts{ padding-right: 0px}
.jxts ul{padding-top:25px; overflow:hidden}
.jxts ul li{float: left; padding:10px; cursor: pointer;    text-align: center;padding-top: 0px;    padding-left: 15px;}
.jxts ul li a{ color: #000; text-decoration: none; }
.jxts ul li div {margin-top: 5px;}
.jxts ul li img{     width: 104px; height: 104px;     }
.jxts ul li:hover .txt{ background: rgba(0,0,0,0.6); }
.jxts ul li:hover .txt h3{ display: block;}
.jxts ul li .txt{

    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    bottom: 0px;
    color: #fff;
    transition:background 1s;
-moz-transition:background 1s; /* Firefox 4 */
-webkit-transition:background 1s; /* Safari and Chrome */
-o-transition:background 1s; /* Opera */
}

.jxts ul li .txt h3 {
    display: none;
    padding:0;
    margin:0;
    font-size: 20px;
    font-weight: 100;
    height: 105px;
    text-align: center;
    line-height: 105px;


}
/*师生风采*/
#block2{    background: #F5F5F5;
    padding: 60px 0;}

#block2 .container{word-wrap: break-word;
    padding: 0px;
    // border-color: rgb(221, 221, 221);
    // border-width: 1px;
    // height: auto;
    // background-color: rgb(251, 251, 251);
    // border-style: solid;
}
.ssfc .con{ text-align: center; padding-top:40px}
.ssfc ul
#ssfc_pic{float:left;width:180px; height:180px; overflow:hidden; margin:0 12px; }
/*.ssfc ul li img{ width:288px; height:180px;}*/
.ssfc ul li img{    width: 180px;
    height: 180px;
    border-radius: 90px;}

#demo{ overflow:hidden; width:100%; height:180px;  margin:0 auto;}
#indemo {float:left; width:800%}
#demo1,#demo2{float:left;}
.imgbox{
    width: 180px;
    height: 180px;
    float: left;
    margin-right: 35px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    border-radius:90px
}

.txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    line-height: 0px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.6);
}
.txt h3{
    font-weight: normal;
}
.txt p{
    font-size: 14px;
    display: block;
    line-height: 20px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -moz-margin-before: 1em;
    -moz-margin-after: 1em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
}

#block4{  padding: 60px 0;}

#block4 .container{word-wrap: break-word; padding: 0px;}
.title_mthz h2{ padding: 0; margin:0; font-size: 18px; text-align: center; }
.title_mthz strong{border-bottom: 1px solid #b60005;   padding: 0 20px;  padding-bottom: 10px;    color: #b60005;}
.con_mthz{ margin-top: 38px;}
.con_mthz a{float: left; margin-right:8px;cursor: default;}
.con_mthz img{  border: 1px solid #c7baba;}

/*关注我们*/
.gzmw .con{ text-align: center; padding-top:20px}
.gzmw .con img{ width:160px;    display: inline-block;}
#hf {
    padding: 20px 0;
}


/*底部*/
footer{    /* background-color: rgb(0, 0, 0 ,0.9);*/
        background: #950206;
    margin-top: 0px;}
.bot{padding:40px; color:#fff}
.bot_l img{
    height: auto;
    display: inline;}
.bot_r{    padding-left: 40px;    padding-top: 10px;}
.icp{ color: #fff;  }
.icp:hover{color: #b60005;text-decoration: none;}
.ewm{ padding: 0; margin:0; }
.ewm img{ width: 70px }
.ewm1{ float: left; text-align: center; margin-left: 13px; line-height: 25px; }
/*新闻页*/
#ny{ margin:20px auto;    padding: 0 15px;}

.left{}
.lm .title{padding-bottom:10px}
.lm_con{margin: 20px 0}

.lm_con li{    padding: 5px;
    padding-left: 16px;
    text-align: left;
    background: #efefef;
    border-bottom: 1px solid #ddd;}
.lm_con a{ text-decoration:none; color:#333; display: block;}
.lm_con li a:hover{color:#c00}
.lm_con li h4{ display: inline-block; }

.lmfa i {
    background: url(../images/gt.png) no-repeat center center;
    display: inline-block;
    float: right;
    height: 44px;
    width: 44px;
}
.lmson{ list-style: none; }
.lmson li{border: none}
.lanmu li>a:hover, .lanmu li.active>a {
    color: #c91821;
    font-weight: bold;
}
.lanmu{ list-style: none; padding: 0; margin:0; }
.lanmu li {
    border-bottom: 1px dotted #ddd;
}
.lanmu li:last-child {
    border-bottom: 0;
}
.lanmu li>a {
    display: block;
    line-height: 30px;
    padding: 0 0 0 0px;
    font-size: 16px;
}
.lanmu li .arr {
    float: right;
    height: 45px;
    width: 40px;
    position: relative;
    cursor: pointer;
}
.lanmu li .arr:after {
    content: '';
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 15px;
}
.lanmu-box {
    display: none;
}
.lanmu-box p {
    margin: 0;
    border-top: 1px dotted #ddd;
    padding-left: 15px;
}
.lanmu-box p a {
    padding: 0 25px;
    display: block;
    line-height: 40px;
}
.lanmu li>a:hover, .lanmu li.active>a {
    color: #c91821;
    font-weight: bold;
}
.lanmu li.open .lanmu-box {
    display: block;
}
.lanmu li.open .arr:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
.jia a{ display: inline-block !important; }
 .jia i{      background: url(../images/gt.png) no-repeat center center;
    display: inline-block;
    float: right;
    height: 30px;
    width: 44px; } 
 .gb{ display: none;  }   
.open{ display: block; }

#daohang{ height20px; overflow:hidden;border-bottom:1px solid #ccc}
.daohang p{display:inline-block; float: left;  height:20px; line-height:20px;   }
.news ul{ padding:20px 15px;}
.news ul li{border-bottom: 1px dashed #dddddd;padding:20px 30px;overflow: hidden;}
.right .con #time{ width:200px; height:200px; background:#efefef; height:85px; width:65px; float:left}
.right .con #day{ font-size:36px; color:#c00; font-weight:bold; text-align:center;border-bottom: 1px dashed #dddddd;margin:0px }
.right .con #year{text-align:center;margin:0px;    height: 30px;
    line-height: 30px;}
#titles{ padding:0px 20px; float:left }
#titles a{ color:#333; text-decoration:none}
#titles a:hover{ color:#c00}
#titles h5{font-weight:bold; font-size:24px}
#daohang a{color:#333; text-decoration:none}

/*产品页*/
.pro .row{}
.pro ul{ padding:20px 15px;overflow: hidden;}
.pro ul li{float:left; text-align:center;  padding: 0px!important;
    margin:10px; border: 1px solid #ccc;}
.pro img { width:256px; height:162px}
.pro a{ color:#333; text-decoration:none;    display: inline-block;}
.pro a:hover{ color:#c00}
.pro h5{font-weight:bold; font-size:14px}

/*文章页*/

.article_title{text-align:center; padding-top:20px}
.article_title h1{ font-size:25px;}
.pulic{text-align:center;    border-bottom: 1px dashed #ccc; padding: 15px}
.content{padding:20px 10px;    font-size: 14px;}


.page{text-align: center; }
.page span{ padding:5px 10px; border:1px solid #ccc; margin:0 5px; }
.page a{ color: #333; text-decoration: none}
.page a:hover{ color: #c00; }
.page-num-current{ color: #c00 !important;}
.fenye a{ color: #333; text-decoration: none}
.fenye a:hover{ color: #c00; }
/*大屏幕*/
@media screen and (min-width: 769px) {



}

/*414px到768px*/
@media screen and (min-width:414px) and (max-width:768px) {



}

/*小屏幕*/
@media screen and (max-width: 414px) {

.w1200{ width: 100% }    
.container{ padding: 0px }
.topbg{background-color: #1a1a1a;}
.mtop{    padding: 0px 15px;
    background-color: #ffffff; 
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 70px;
    line-height: 63px;
    border-top: 7px solid #b60005;
    
}
.mtop_left{ float: left; }
.mtop_left img{ height: 50px;     }
.mtop_right{ float: right; }

.navbar-header{ padding: 5px }
.navbar-brand{ padding: 5px }
#logo img {
    max-width: 195px;
    height: auto;
    display: inline;
}
.navbar-nav{ margin: 0px }
.navbar-nav li{float: left; line-height: 20px; width:25% }
.nav>li>a { padding: 5px 10px;}
/*subNav*/
.touch-top-home{ margin-top: 55px }
.banner {
    position: relative;
    top: 0px;
    height: auto;
}
.banner img {
    height: 150px !important;width: 100%;

}
.banner2 {
    position: relative;
    top: 63px;
}
.banner2 img {
    height: 150px !important;width: 100%;

}
.button{ height: 25px; height: 25px }
.button img{     height: 25px; height: 25px; display: inline-block; }
.drawer-section {
    background-color: #950206;
    padding: 20px;
    display: none;
}
.drawer-section-menu {
    padding: 20px 20px 35px;
}
.touch-menu ul{ list-style: none; padding: 0; margin:0; }
.touch-menu ul li {
    border-bottom: 1px solid #fff;
    position: relative;
}
.touch-menu ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    text-decoration: none
}
.touch-menu ul li a:hover, .touch-menu ul li a:active {
    background-color: #a81d1b;
}
.touch-menu ul li i {
    position: absolute;
    top: 19px;
    right: 5px;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.touch-menu ul li i.touch-arrow-right {
    display: none;
    background-image: url(../images/touch-arrow-r.png);
}
.touch-menu ul li i.touch-arrow-down {
    background-image: url(../images/touch-arrow-d.png);
}
.touch-menu ul li i.touch-arrow-up {
    background-image: url(../images/touch-arrow-u.png);
}
.touch-menu ul ul {
    display: none;
    margin: 0;
    padding: 0 10px 30px 30px;
}
.touch-menu ul ul li {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.touch-menu ul ul li a {
    padding: 0;
    padding-left: 5px;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
}
.touch-menu ul ul li i {
    top: 13px;
}
.carousel-indicators{ bottom: 0px }
.about{ margin-top: 0px; padding:0; }
.about .container{border: none; padding: 20px 15px 0 15px;}
.about_con p {
    text-indent: 2em;
    padding: 10px 0;
    text-align: justify;
}
.pl40{ padding: 0 !important }
.mt15{ padding-top: 15px }
.imgleft{ width: 100%; height: auto;    float: none; }
#block0{ margin-top: 0; padding-top: 0; padding-bottom: 0 ;  }
#block0 .container{    border: none; padding: 20px 15px 0 15px;}
.index_pro ul li{ width: 50%; margin:0;margin-top: 12px; }
.index_pro ul li img{ height: 95px }
.index_pro ul{ padding-bottom: 0 }
#block1{ margin-top: 0; margin-bottom: 0 }
#block1 .container{border: none; padding: 0px 15px 0 15px;}
.xydt{padding: 20px 15px 0 15px;}
.xydt_1 {height: 120px;}
.xydt_1_r{ text-align: justify; padding-left: 10px }

.job{padding: 20px 15px 15px 15px;background-color: rgb(246, 246, 246);}
.job ul{padding: 0}

.jxts{padding: 20px 15px 0 15px;}
.job ul{padding: 0}

.jxts ul{       padding-top: 23px; height: 226px;}
.jxts ul li img {  width: 50px;  height: 50px;}
.jxts ul li{ width: 33%;  height: 100px; }
.jxts ul li a{ display: inline-block; }
#block2{ margin-top: 0; padding-top: 0; padding-bottom: 0 }
#block2 .container{border: none; padding:20px 15px 0 15px;}

#block4{ margin-top: 0; padding-top: 0; padding-bottom: 0 }
#block4 .container{border: none; padding:30px 15px 30px 15px;}
.con_mthz{ overflow: hidden; }
.con_mthz a{ padding: 0; margin: 5px }
.con_mthz a:last-child{display: none}
.ssfc ul li img {
    width: 150px;
    height: 150px;
}
.ssfc ul #ssfc_pic {
    float: left;
    width: 150px; height: 150px;}
 .ssfc .con { padding: 20px 0px !important } 
 .list-unstyled{ padding: 0; margin:0; }
#demo{ height: 150px }
.gzmw{padding-top: 20px;}
.bot {
    padding: 20px !important;
    color: #fff;
}
.bot_l{ padding-bottom: 20px; text-align: center; }
#ny{    margin-top: 75px;}
.news ul li{ padding: 0; margin: 0;margin-top: 15px; }
#titles {
    padding: 0px 10px; width: 80%;
    float: left;
}
#titles h5 {
    font-weight: bold;
    font-size: 16px;
}
.page span{ padding: 2px; margin:0 2px  }
.article_title h1 {
    font-size: 18px; font-weight: bold;
}
.pulic {
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}
.pro ul li {width: 44%}
.pro img{ width: 100%; height: 100px }

.ewm{     overflow: hidden;
    width: 185px;
    margin: 0 auto;}

}