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

}


@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;}
.cl{ clear:both}
div,ul,li
{
color:#000;
font-size:16px;
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: #8c0001;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color:rgba(255,255,255,.5);
}
WebKit browsers 
input::-webkit-input-placeholder { 
color:rgba(255,255,255,.5);
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
color:rgba(255,255,255,.5);
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
color:rgba(255,255,255,.5);
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
color:rgba(255,255,255,.5);
}

.warp{ width:1400px}
@media screen and (max-width: 1580px) { 
.warp{ width:94%; padding: 0 3%} 
}


.menu{ width:1400px;height:58px;}
@media screen and (max-width: 1580px) { 
.menu{ width:94%; padding: 0 3%;height:58px;} 
}

nav{ width:100%; height:58px; background:#fff;}


.nav{
width: 100%;
height: 58px;

}
.nav li{
position: relative;
float: left;
width:calc(100% / 12)
}
.caret {

display:block;	
width: 100%;
height: 10px;
vertical-align: middle;
position:absolute;
background:url(../images/cert.png) bottom center no-repeat rgba(255,255,255,0);
top:0;
left:0;
text-align:center
}
.nav li a{
line-height: 58px;
width:100%;
text-align:center;
float:left;
height:58px;
color:#333;
font-size:18px;
}


@media screen and (max-width: 1580px) { 
.nav li a {
line-height: 58px;
width:100%;
text-align:center;
float:left;
height:58px;
color:#333;
font-size:18px;
}
}

.nav li .nav-w {
z-index:21;
width:100%;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:58px;
left:0px;
width:100%;

}
.nav li:hover a{color:#8c0001; background:#fff;}
.nav li .section-nav1{ padding-top:10px; height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#01767d;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:#fff;
text-align:center;
padding:0px 10px;
box-sizing:border-box;
height:42px;
overflow:hidden;
line-height:42px;
width:auto;
display:block;
float:none;
color:#333;
font-size:15px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
background:#8c0001;
color: #fff;
}


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

.v_news_content H2 {
    font-size: 16px
;}
.v_news_content .icon {
    border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
    margin-top:27px;}
.v_news_content DIV {
    LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
;}

.v_news_content span {
      font-size: 16px;
;}

.v_news_content A {
    color: #1e50a2;
;}
.v_news_content A:visited {
    color: #1e50a2;
;}
.v_news_content A:hover {
    color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
    text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
    text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
    border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
    LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
    margin: 8px 0px; line-height: 27px; text-indent: 32px;
}

.v_news_content .vsbcontent_end {
    margin: 14px 0px; line-height: 32px; text-indent: 32px;
}

.v_news_content .vsbcontent_img{
    text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
    text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
    font-size: 16px;
}        
.v_news_content.newscontent_m p {
    font-size: 14px;
} 
.v_news_content.newscontent_s p {
    font-size: 12px;
} 
/*基础部分结束*/
.p65{ padding-top:65px}
header{ width:100%; background:#8c0001}
.headebg{height:170px; padding-top:46px}
.tool{ width:100%; border-bottom:1px solid rgba(255,255,255,.2); height:46px; color:#fff; font-size:12px}
.tool a{ color:#fff}
.tool .time{ color:#fff; font-size:12px; line-height:46px;}
.tool .t_1{ float:right; color:#fff; font-size:12px; line-height:46px; margin-left:15px}
.tool .t_1 img{ margin-right:6px; vertical-align:middle}
.search{ width:230px; height:40px; background:rgba(255,255,255,.2); border-radius:50px; float:right; margin-top:15px;transition: 0.3s ease-in-out; border:none}
.search .a{ width:170px; background:none; border:none; font-size:14px; color:#fff; line-height:40px; height:40px; padding-left:20px; box-sizing:border-box; float:left}
.search .b{ width:55px; background:url(../images/icon_03.png) center center no-repeat; border:none;  height:40px;float:right; cursor:pointer}
.kb{ width:100%; float:left; height:45px}
.mySwiper {
width: 100%;
height: 400px;
cursor: pointer;
}
.mySwiper .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover
}
.mySwiper .prev {
background: url(../images/banner_arrow.png) no-repeat left top;
    position: absolute;
    left: 20px;
    top: 52%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
}


.mySwiper .next {
    background: url(../images/banner_arrow.png) no-repeat left bottom;
    position: absolute;
    right: 20px;
    top: 52%;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    z-index: 999;
    outline: none;
}


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

.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:270px; 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}


.p80{ padding-top:60px}
.ban{ width:100%; float:left; height:34px; margin-bottom:35px;}
.ban strong{float:left; font-size:28px; 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:12px; 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:50px; margin-bottom:35px; border-bottom:1px solid #ddd}
.bana strong{float:left; font-size:28px; color:#8c0001; font-weight:normal; font-family:syst}
.bana strong img{ vertical-align:middle; margin-right:10px; margin-bottom:5px}
.bana span{float:right;position:relative; margin-top:10px; font-size:14px;transition: 0.3s ease-in-out; }
.bana span a{color:#8c0001;}
.xw_l{ width:415px; float:left}
.xw_r{ width:calc(100% - 450px); float:right}
.college_news{ width:100%; float:left}
.college_news ul{ display:inline}
.college_news ul li{ width:49%; float:left; margin-right:2%; border-bottom:1px solid #ddd; padding-bottom:20px; position:relative;transition: 0.3s ease-in-out; margin-bottom:42px}
.college_news ul li:nth-child(2n){margin-right:0}
.college_news ul li:nth-child(5),.college_news ul li:nth-child(6){margin-bottom:0}
.college_news ul li .date{ width:74px;padding-right:18px; float:left; height:80px; border-right:1px solid #ddd; padding-top:10px}
.college_news ul li .date strong{ width:100%; float:left; color:#8c0001; font-size:38px; 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-bottom:5px; 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:70px; margin-top:70px; background:#fcf9f2; padding:65px 0; overflow:hidden}
.tzgglist{ width:100%; float:left; margin-top:34px}
.tzgglist ul{ display:inline}
.tzgglist ul li{ width:32%; float:left; display:block; margin-right:2%; 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}
.tzgglist ul li .date{ position:absolute; top:-28px; z-index:1; background:#8c0001; width:80px; height:80px; border-radius:50px; color:#fff; left:30px}
.tzgglist ul li .date strong{ font-size:28px; width:100%; float:left; height:30px; line-height:30px; text-align:center; margin-top:15px}
.tzgglist ul li .date i{ font-size:14px; width:100%; float:left;text-align:center;font-style:normal}
.tzgglist ul li .tit{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal; position:relative; margin-top:10px;}
.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}


.h_l{ width:48%; float:left}
.h_r{ width:48%; float:right}

.p_info{ width:100%; float:left; padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:22px; position:relative}
.p_info_l{ width:230px; float:left; position:relative; padding-top:22%;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:calc(100% - 260px); float:right}
.p_info_r strong{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-weight:normal;transition: 0.3s ease-in-out;}
.p_info_r span{ width:100%; float:left; height:52px; line-height:26px; color:#666; font-size:14px; margin-top:5px; overflow:hidden; font-weight:normal}
.p_info_r i{ width:100%; float:left; height:52px; line-height:26px; color:#8c0001; font-style:normal; font-size:14px; margin-top:10px; 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:url(../images/linkbg.jpg) no-repeat #f0f0f0; background-size:100%; padding:75px 0; margin-top:50px; overflow:hidden}
.quicklist{ width:100%; float:left}
.quicklist ul{ display:inline}
.quicklist ul li{ float:left; border:1px solid #ddd; padding:18px 0; width:12%; margin-right:2.6%; background:#fff;transition: 0.3s ease-in-out;}
.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:38px}
.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:last-child{margin-right:0}
.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:80px; overflow:hidden;}
footer .f_l{ width:430px; float:left}
footer .f_l img{ width:100%;}
footer .f_r{ width:570px; float:right; }
footer .f_r p{ width:100%; float:left; color:#fff; line-height:34px; font-size:15px;margin-top:-10px}
.copy{ margin-top:55px; border-top:1px solid rgba(255,255,255,.2); height:60px; line-height:60px; text-align:center; font-size:15px; color:#fff; width:100%; float:left}


.mid_kb{ width:100%; float:left; height:60px}
.bro{ width:100%; float:left; border:1px solid #ddd; height:290px; overflow:hidden; padding:20px}
.xytp{ width:248px; float:left;margin-right:30px;}
.xytp .img{ width:100%; float:left; height:186px; }
.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}
/*二级页面*/

.ny_ban{ width:100%; overflow:hidden; padding-top:40px}
.ny_l_tit{ width:100%; float:left; height:80px; line-height:80px; text-align:center; font-size:24px; font-weight:bold; background:#8c0001; color:#fff; margin-bottom:15px}
.ny_l_tit img{ vertical-align:middle; width:28px; height:auto; overflow:hidden; margin-right:8px; padding-bottom:5px}
.ny_r_tit{width:calc(100% - 335px);float:right; }
.ny_r_tit strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #1564b7; color:#1564b7; }
.ny_r_tit span{ float:right;line-height:80px; font-size:14px}


.ny_r_tita{width:100%;float:left}
.ny_r_tita strong{ float:left; font-size:24px; line-height:76px; border-bottom:4px solid #1564b7; color:#1564b7; }
.ny_r_tita span{ float:right;line-height:80px; font-size:14px}

.ny_l{width:270px; float:left;box-sizing:border-box;  background:#fff}
.ny_r{width:calc(100% - 325px);float:right; box-sizing:border-box;min-height:500px}
.ny_l_img{ width:100%; float:left; padding-top:20px}
.ny_l_img img{ width:100%; height:auto; overflow:hidden}

.ny_nav a{ width:100%; float:left; box-sizing:border-box; height:40px; line-height:40px;margin-bottom:15px; background:url(../images/arrow.png) left center  no-repeat rgba(140,0,1,.1); padding-left:35px;border-radius:50px; background-position:20px 16px }
.ny_nava a{width:100%; float:left; box-sizing:border-box; height:40px; line-height:40px;margin-bottom:10px; background:url(../images/arrowa.png) left center  no-repeat #8c0001; padding-left:35px; color:#fff; border-radius:50px;background-position:20px 16px}

.newslist{ width:100%; float:left; margin-bottom:25px;}
.newslist li{ width:100%; float:left;padding-left:20px; border-bottom:1px  dashed #ddd; position:relative}
.newslist strong{ font-weight:normal; float:left;width:calc(100% - 125px);line-height:52px; height:52px;  overflow:hidden; position:relative}
.newslist li span{ float:right;color:#666; width:100px;line-height:52px; height:52px; text-align:right}
.newslist li:before{ position:absolute; left:0; top:20px; background:#8c0001;border-radius:50px; width:6px; height:6px; content:''}

.nrwarp{ width:1400px; padding:35px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; background:#fff; min-height:500px}
@media screen and (max-width: 1580px) { 
.nrwarp{ width:94%; padding: 0 3%; padding:35px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden} 
}
.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:24px; line-height:36px; float:left; font-weight:bold; text-align:center}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; border-bottom:1px dashed #ddd; padding-top:15px; margin-bottom:25px; text-align:center}
.infoarea{ width:100%; float:left; font-size:16px !important; line-height:36px; background:#fff !important; min-width:600px;}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100%;}
.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}
.nybg{ background:#fbf5ed}
.nyw{ padding-top:20px}
.nyimgs{ width:100%; height:320px;}
.nyban{ width:100%; height:300px}
.ny_left_bro{ width:100%; padding:20px; box-sizing:border-box; background:#fff; float:left; border:14px solid rgba(140,0,1,.1)}
.site{ width:100%; border:1px solid	#0a5ece; height:50px; line-height:50px; margin-bottom:25px;box-sizing:border-box; float:left; font-size:14px; padding-left:20px; background:#eef5ff}
.site img{ height:20px; margin-right:10px; vertical-align:middle}
.bodybg{ background:#fafafa}
.pb_sys_style3 .p_no_d {
    border: 1px solid #8c0001 !important;
    color: #fff;
    background-color: #8c0001 !important;
}
.dslist{ width:100%; float:left}
.dslist ul{ display:inline}
.dslist li{ width:100%; float:left; height:220px; margin-bottom:40px; border:1px solid #ddd; padding:20px;transition: all 0.3s ease-out; position:relative}
.dslist li .dsl{ width:260px; float:left;height:180px}
.dslist li .dsl img{ width:100%;height:100%;object-fit: cover;}

.dslist li .dsr{float:left;width:calc(100% - 320px); margin-left:35px}
.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:112px; overflow:hidden; font-style:normal; line-height:28px; color:#666}

.dslist li:hover{box-shadow: 0px 15px 57px -17px rgba(0, 0, 0, 0.64);transform: scale(1.02);border:1px solid #b2141a;}

.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:23%; float:left; background:#f8f8f8;margin-bottom:40px; margin-right:2.66%}
.tplist li:nth-child(4n){margin-right:0}
.tplist li .img{ width:100%; float:left; position:relative; padding-top:80%}
.tplist li .img img{ width:100%;height:100%; position:absolute; left:0; top:0}
.tplist li .tit{ width:100%; float:left; text-align:center; overflow:hidden; line-height:50px; height:50px; font-size:15px; padding:0 10px; box-sizing:border-box}

.axs{ width:100%; float:left; background:#f5f5f5; height:106px; line-height:106px; margin-bottom:30px; padding:0 20px}
.axs strong{ width:140px; float:left; font-size:17px; color:#8c0001}
.axs span{ float:right; width:calc(100% - 140px);display: flex;}
.axs span a{flex: 1;text-align:center; text-transform:uppercase}

#myList2 { width:100%;float:left
}
#myList2 dl {
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
  padding: 12px 0;
  display: flex;
  flex-direction: row;
}

#myList2 dl dt {
  color: #8c0001;
  background:#8c0001;
  color:#fff;
  width:40px;
  height:40px;
  text-align:center;
  font-size: 16px;
  font-weight: 600;
  line-height:40px;
  border-radius:50px
}

#myList2 dl dd {
  line-height: 35px;
  text-align: justify;
}


#myList2 dl dd a {
  margin-right: 30px;
  font-size: 15px;
  color: #000;

}

#myList2 dl dd a:hover {
  color: #8c0001;

}

.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:''}

.teach_t_list{ width:100%; float:left; margin-bottom:55px;}
.teach_t_list ul{ display:inline}
.teach_t_list li{ width:calc(100% / 9); float:left; line-height:30px}
.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:25%; 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:70%; float:right; background:#fafafa; padding:20px; position:relative;flex: 1; margin-left:30px}
.teach_d_1 .content ul{ display:inline}
.teach_d_1 .content ul li{ width:50%; float:left; height:50px; line-height:50px; overflow:hidden}
.infoareaa{ width:100%;font-size:16px; line-height:32px; background:#fff !important; margin-bottom:40px; margin-top:15px}
.infoareaa table,.infoarea video{ max-width:100%}
.infoareaa img{ max-width:100%}