@charset "utf-8";
/*基础部分开始*/
.mh,.axs{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;

}

.cl{ clear:both}
@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none;object-fit: cover}

*{outline:0px; box-sizing:border-box}

div,ul,li
{
color:#000;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #01767d;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #fff;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #fff;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #fff;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #fff;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #fff;
}


.warp{ width:100%; padding: 0 4%} 
.nrwarp{ width:100%; padding: 0 4%; box-sizing:border-box;  margin-top:20px} 



.box{ width:100%; float:left} 
#goleft {width: 100%;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

.boxq{ height:100%;} 
#goleftq{width: 100%;overflow: hidden;float:left;} 
#goleftq #gols {width: 33100px;} 
#goleftq1, #goleftq2 {width: auto;float: left;}

header{ width:100%; background:#8c0001; background-size:cover; overflow:hidden; padding:15px 3% 15px 4%; box-sizing:border-box; top:0;left:0; z-index:2}
header .logo{ height:30px; float:left}
header .logo img{ height:30px;}
.right{ float:right;margin-top:2px}
.right img{ height:30px}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}
.leftNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -50%;
}
.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -50%;
}
.upNav{
   width: 100%;
    height: 40%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: -40%;
}
.downNav{
    width: 100%;
    height: 40%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    bottom: -40%;
}

.rightNav span{
    display: inline-block;
    width: 96%;
    height: 50px;
    margin-left: 2%;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size:14px
}
.rightNav span:hover{
    background-color: #f5f5f5;
}

/*基础部分结束*/
.mySwiper {
width: 100%;
height: 160px;
cursor: pointer;
}
.mySwiper .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover
}
.mySwiper .prev { display:none}


.mySwiper .next {display:none}


.mySwiper .swiper-pagination{ bottom:15px !important}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px;background: rgba(255,255,255,1);border-radius: 50px;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#8c0001;border-radius: 50px;width: 30px; height: 8px;}

.mySwipera {
width: 100%;
cursor: pointer
}


.mySwipera .preva {
background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 35%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
	opacity:.4
}


.mySwipera .nexta {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 0;
    top: 35%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
	opacity:.4
}


.mySwipera .swiper-pagination{ bottom: 135px !important}
.mySwipera .swiper-pagination .swiper-pagination-bullet{ width: 24px; height: 5px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwipera .swiper-pagination .swiper-pagination-bullet-active{background:#8c0001;border-radius: 0;width: 24px; height: 5px;}

.mySwipera .swiper-slide .img { width:100%; height:240px; float:left; overflow:hidden}
.mySwipera .swiper-slide .img img{ width:100%; height:100%;transition: all 0.3s}
.mySwipera .swiper-slide .content { width:100%; height:120px; float:left;background:#f5f5f5; padding:10px 20px 0 20px}
.mySwipera .swiper-slide .content strong{width:100%; height:28px; float:left; color:#333; line-height:28px; font-size:16px; overflow:hidden; margin-bottom:5px;transition: all 0.3s; margin-top:10px}
.mySwipera .swiper-slide .content span{width:100%; height:48px; float:left; line-height:24px; font-size:14px; overflow:hidden; margin-bottom:5px; color:#666}
.mySwipera .swiper-slide .content em{width:100%; float:left;font-size:14px; text-align:right; overflow:hidden; color:#666; font-style:normal}
.mySwipera .swiper-slide:hover .content strong{ color:#8c0001}


.xytp{ width:180px; float:left; margin-right:30px}
.xytp .img{ width:100%; float:left; height:126px; }
.xytp img{ width:100%; float:left; height:100%;object-fit: cover;}
.xytp strong{width:100%; float:left;text-align:center; height:45px; line-height:45px; background:#f5f5f5; padding:0 10px; box-sizing:border-box; font-weight:normal; overflow:hidden}

.p80{ padding-top:30px}
.ban{ width:100%; float:left; height:34px; margin-bottom:15px;}
.ban strong{float:left; font-size:20px; color:#8c0001; font-weight:normal; font-family:syst}
.ban strong img{ vertical-align:middle; margin-right:10px; margin-bottom:5px}
.ban span a{float:right;position:relative; margin-top:5px; font-size:14px;transition: 0.3s ease-in-out; color:#8c0001;}
.ban span a img{vertical-align:middle; margin-left:5px; margin-bottom:2px;transition: 0.3s ease-in-out;}
.ban span a:hover img{ margin-left:8px}


.bana{ width:100%; float:left; height:34px; margin-bottom:15px;}
.bana strong{float:left; font-size:20px; color:#8c0001; font-weight:normal; font-family:syst}
.bana strong img{ vertical-align:middle; margin-right:10px; margin-bottom:5px}
.bana span{ display:none}

.xw_l{ width:100%; float:left; margin-bottom:20px}
.xw_r{ width:100%; float:right}
.college_news{ width:100%; float:left}
.college_news ul{ display:inline}
.college_news ul li{ width:100%; float:left;border-bottom:1px solid #ddd; padding-bottom:20px; position:relative;transition: 0.3s ease-in-out; margin-bottom:20px}
.college_news ul li:nth-child(5),.college_news ul li:nth-child(6){ display:none}
.college_news ul li .date{ width:74px;padding-right:18px; float:left; height:80px; border-right:1px solid #ddd; padding-top:5px}
.college_news ul li .date strong{ width:100%; float:left; color:#8c0001; font-size:30px; text-align:center}
.college_news ul li .date i{ width:100%; float:left; color:#333; font-size:14px; text-align:center; font-style:normal}
.college_news ul li:after{ position:absolute; left:0; bottom:0; z-index:1; content:''; background:#8c0001; height:1px; width:0;transition: 0.3s ease-in-out;}
.college_news ul li:hover:after{ width:100%}

.college_news ul li .info{ width:calc(100% - 94px); float:right}
.college_news ul li .info strong{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal;margin-top:-5px}
.college_news ul li .info i{ width:100%; float:left; font-size:14px; height:48px; line-height:24px; color:#666; overflow:hidden; font-style:normal}

.tzgg{ width:100%; margin-bottom:30px; margin-top:30px; background:#fcf9f2; padding:30px 0; overflow:hidden}
.tzgglist{ width:100%; float:left; margin-top:34px}
.tzgglist ul{ display:inline}
.tzgglist ul li{ width:100%; float:left; display:block; margin-bottom:40px; background:#fff; border:1px solid #fff; height:194px; position:relative; padding:62px 30px 26px 30px;transition: 0.3s ease-in-out;}
.tzgglist ul li:nth-child(3n){ margin-right:0; margin-bottom:0}
.tzgglist ul li .date{ position:absolute; top:-28px; z-index:1; background:#8c0001; width:70px; height:70px; border-radius:50px; color:#fff; left:30px}
.tzgglist ul li .date strong{ font-size:22px; width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-top:15px}
.tzgglist ul li .date i{ font-size:12px; width:100%; float:left;text-align:center;font-style:normal}
.tzgglist ul li .tit{ width:100%; float:left; height:25px; line-height:25px; overflow:hidden; font-weight:normal; position:relative; margin-top:2px;}
.tzgglist ul li .des{ width:100%; float:left; font-size:14px; height:48px; line-height:24px; color:#666; overflow:hidden; margin-top:10px; font-style:normal; position:relative}
.tzgglist ul li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border:1px solid #8c0001}

.mid_kb{ width:100%; float:left; height:30px}
.h_l{ width:100%; float:left; margin-bottom:30px}
.h_r{ width:100%; float:right}

.p_info{ width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:15px; position:relative}
.p_info_l{ width:32%; float:left; position:relative; padding-top:26%;overflow:hidden;}
.p_info_l img{ width:100%; position:absolute; left:0; top:0; height:100%; transition: 0.3s ease-in-out;}
.p_info_r{ width:64%; float:right}
.p_info_r strong{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal; margin-top:-5px}
.p_info_r span{ width:100%; float:left; height:52px; line-height:26px; color:#666; font-size:14px;overflow:hidden; font-weight:normal}
.p_info_r i{ width:100%; float:left;line-height:26px; color:#8c0001; font-style:normal; font-size:14px;overflow:hidden; font-weight:normal}
.p_info:after{ position:absolute; left:0; bottom:0; z-index:1; content:''; background:#8c0001; height:1px; width:0;transition: 0.3s ease-in-out;}
.p_info:hover:after{ width:100%}

.p_info:hover img{transform: scale(1.06)}
.p_info:hover strong{color:#8c0001; }

.t_info{ width:100%; float:left; overflow:hidden; height:40px; line-height:40px; overflow:hidden}
.t_info span{ float:right; padding-left:25px; color:#666}


.wel{ width:100%; float:left; margin:45px 0; text-align:center}
.wel img{ width:100%; overflow:hidden; height:auto}

.quick{ width:100%; background:#ededed; padding:35px 0; margin-top:30px; overflow:hidden}
.quicklist{ width:100%; float:left}
.quicklist ul{ display:inline}
.quicklist ul li{ float:left; border:1px solid #ddd; padding:18px 0; width:32%; margin-right:2%; background:#fff;transition: 0.3s ease-in-out; margin-bottom:15px}
.quicklist ul li strong{ width:100%; text-align:center; float:left; margin-bottom:5px;transition: 0.3s ease-in-out;}
.quicklist ul li strong img{ height:27px}
.quicklist ul li span{ width:100%; text-align:center; float:left; height:35px; line-height:35px;transition: 0.3s ease-in-out;}
.quicklist ul li:nth-child(3),.quicklist ul li:nth-child(6){margin-right:0}
.quicklist ul li:last-child{ display:none}
.quicklist ul li:hover{ background:#8c0001;border:1px solid #8c0001}
.quicklist ul li:hover span{ color:#fff; }
.quicklist ul li:hover img{filter: brightness(0) invert(1);}
.quicklist ul li a{ display:block; width:100%; float:left}

footer{ width:100%; background:#8c0001; padding-top:30px; overflow:hidden;}
footer .f_l{ width:100%; float:left; text-align:center; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.2); margin-bottom:15px}
footer .f_l img{ width:60%;}
footer .f_r{ width:100%; float:left; }
footer .f_r p{ width:100%; float:left; color:#fff; line-height:34px; font-size:12px; text-align:center}
.copy{ display:none}
/*二级页面*/
.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;

}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:14px;
height: 50px;
line-height: 50px;


}
.ny_nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

.ny_nav .on{color:#8c0001 !important}


.disptit{ width:100%; font-size:18px; line-height:30px; float:left; font-weight:bold; margin-top:10px;text-align:center}
.dispdes{ width:100%; font-size:12px; line-height:40px; float:left; border-bottom:1px dashed #ddd; padding-top:5px; margin-bottom:10px;text-align:center}

.infoarea{ width:100%; float:left; font-size:14px; line-height:30px}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}

.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}
#share-3{float:left; width:50%; text-align:left}

.pb_sys_style3 .p_no_d {
    border: 1px solid #01767d !important;
    color: #fff;
    background-color: #01767d !important;
}
.dslist{ width:100%; float:left}
.dslist ul{ display:inline}
.dslist li{ width:100%; float:left; border:1px solid #ddd;height:150px; margin-bottom:40px;}
.dslist li .dsl{ width:185px; float:left;height:100%}
.dslist li .dsl img{ width:100%;height:100%;object-fit: cover;}

.dslist li .dsr{float:left;width:calc(100% - 220px); margin-left:25px}
.dslist li .dsr strong{float:left;width:100%; font-size:18px; font-weight:normal; height:40px; line-height:40px; margin-top:10px}
.dslist li .dsr em{float:left;width:100%; font-size:14px; font-weight:normal; height:84px; overflow:hidden; font-style:normal; line-height:28px; color:#666}

.xslist{ width:100%; float:left}
.xslist ul{ display:inline}
.xslist li{ width:48%; float:left; background:#f8f8f8;margin-bottom:40px; margin-right:4%}
.xslist li:nth-child(2n){margin-right:0}
.xslist li .img{ width:100%; float:left;}
.xslist li .img img{ width:100%;height:250px;object-fit: cover;}
.xslist li .tit{ width:100%; float:left; text-align:center; overflow:hidden; line-height:50px; height:50px; font-size:16px; padding:0 10px; box-sizing:border-box}

.tplist{ width:100%; float:left}
.tplist ul{ display:inline}
.tplist li{ width:48%; float:left; background:#f8f8f8;margin-bottom:40px; margin-right:4%}
.tplist li:nth-child(2n){margin-right:0}
.tplist li .img{ width:100%; float:left;}
.tplist li .img img{ width:100%;height:150px;object-fit: cover;}
.tplist li .tit{ width:100%; float:left; text-align:center; overflow:hidden; line-height:50px; height:50px; font-size:16px; padding:0 10px; box-sizing:border-box}

.newslist{ width:100%; float:left; margin-bottom:25px;}
.newslist li{ width:100%; float:left;padding:20px; border:1px solid #ddd; margin-bottom:20px; position:relative}
.newslist strong{ font-weight:normal; float:left;width:100%;line-height:26px; overflow:hidden; position:relative}
.newslist li span{ float:left;color:#666; width:100%;line-height:24px; height:24px; margin-top:10px}

#myList2 { width:100%; float:left 
}
#myList2 dl {
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  padding: 8px 0;

}

#myList2 dl dt {
  color:#8c0001;
  width:20px;
  height:40px;
  text-align:center;
  float:left;
  font-size: 14px;
  line-height:40px;

}

#myList2 dl dd {
  line-height: 35px;
  width:calc(100% - 20px)

}


#myList2 dl dd a {

  font-size: 14px;
  width:33.33%; float:left;
  color: #000;

}

#myList2 dl dd a:hover {
  color: #1ca2a5;

}

.teach_d_1{ width:100%; float:left; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd; overflow:hidden;display: flex;}
.teach_d_1 .img{ width:35%; float:left; position:relative; padding-top:20%;z-index:1}
.teach_d_1 .img img{
width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    object-fit: cover;
    transition: all 0.3s;
	}

.teach_d_1 .content{ width:60%; float:right; background:#f3e5e5;}
.teach_d_1 .content ul{ display:inline}
.teach_d_1 .content ul li{ width:50%; float:left; height:50px; line-height:50px; overflow:hidden; font-size:14px; padding:0 10px}
.t_fl{ width:100%; float:left; background:#f3e5e5; position:relative; background-size:8%; height:50px; line-height:50px; margin-bottom:25px; padding:0 40px}
.t_fl:before{ position:absolute; left:20px; top:15px; width:4px; height:20px; background:#8c0001; content:''}
.infoareaa{ width:100%; float:left; font-size:15px !important; line-height:36px; background:#fff !important; margin-bottom:20px}
.infoareaa table,.infoareaa video{ max-width:100%}
.infoareaa img{ max-width:100% !important; height:auto !important; overflow:hidden !important}