@charset "utf-8";

*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block; max-width:1400px; margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%;}

.header{ background: url(../images/headbj.jpg) no-repeat center center; background-size:cover; position: relative;}

.header .logo{ position: absolute; width:336px; left:50%; top:50; margin-left:-168px; z-index:100; }
.header .logo img{ display: block; width:100%; }
.header .logo a{ left:50%; margin-left:-120px; top:0; position: absolute; width:240px; }
.header .logo a img{ display: block; width: 100%;}

.header .htop{ line-height:48px; border-bottom:1px solid #ce262f; }
.header .htop .welcome{ color:#f2babe; font-size:14px; }

.header .hrig{ overflow: hidden;}
.header .hrig a{ height:28px; margin-top:10px; margin-right:14px; line-height:26px; border:1px solid rgba(242, 186, 190, 0.48); float: left; color:#ffffff; font-size:14px; padding:0 20px; border-radius:14px;}
.header .hrig a:hover{ background:#ffffff; color:#bc111a; }

.header .hrig .search_btn{ float: left; position: relative; padding-left:29px; cursor: pointer; margin-left:14px; }
.header .hrig .search_btn:after{ content:""; height:14px; width:1px; position: absolute; left:0; top:50%; margin-top:-7px; background:rgba(242, 186, 190, 0.48); }
.header .hrig .search_btn span{ font-size:16px; color:#ffffff;}


.nav_btn{ display: none; margin-top:10px; width:24px; height:40px; width:40px; padding:10px 8px; cursor: pointer; position: relative; z-index:10; }
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}
.nav_btn span.sp03{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}




.nav{ }
.nav li{ float: left; position: relative; }
.nav li>a{ display: block; font-size:18px; font-weight:bold; color:#ffffff; height:94px; line-height:94px; position: relative;}
.nav.fl li{ margin-right:65px;}
.nav.fr li{ margin-left:65px;}

.nav li>a:after{ opacity:0; content:""; width:0; height:0; bottom:0; left:50%; margin-left:-10px; position: absolute; border-bottom:10px solid #ffffff; border-left:10px solid transparent; border-right:10px solid transparent;}
.nav li .sub{ display: none; position: absolute;  left:0; top:94px; z-index:10; background:#ffffff; width:360px; padding:15px;}
.nav li .sub a{ width:100px; font-size:14px; margin:5px; text-align: center; line-height:34px; float: left; border:1px solid #dcdcdc; color:#666666; border-radius:5px; }
.nav li .sub a:hover{ border-color:#c0342b; color:#c0342b;}

.nav li:hover>a:after{ opacity:1;}

.wapNav{ position: fixed; top:0; left:0; width:100%;  z-index:99; background:#ffffff; padding-top:100px; height:100%; display: none;}
.wapNavMain{ overflow: auto; height: 100%;}

.wapNavList{ padding:0 15px; overflow: hidden; }
.wapNavList li{ float: left; text-align: center; margin-top:15px; width:100%; border-bottom:1px solid #ffffff;  height:auto; }
.wapNavList li>a{ display: block; background:#bc111a; color:#ffffff; border-radius:20px; font-size:16px; line-height:40px;}
.wapNavList li .sub{ width:100%;  text-align: center; display: none; overflow: hidden; padding:1%; margin-top:15px;}
.wapNavList li .sub a{ float: left; width:48%; margin:1%; border:1px solid #dcdcdc;  color:#666666; font-size:14px; line-height:34px; }

.siteNav{ overflow: hidden; padding:0 15px; margin-top:30px; }
.siteNav a{ float: left; width:32%; margin-right:2%; border-radius:17px; line-height:34px; font-size:14px;  height:36px; text-align: center; color:#bc111a; border:1px solid #bc111a;}


.banner{}
.banner img{ display: block; width:100%;}
.banner .swiper-pagination{ line-height:0; bottom:4%;}
.banner .swiper-pagination .swiper-pagination-bullet{ opacity:1; background:none; border:1px solid #ffffff; width:10px; height:10px; margin:0 5px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff; }


.searchbj{ background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; cursor: pointer; display:none; }
.search_main{ padding:50px; width:550px; height:150px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-75px 0 0 -275px; box-shadow: 0 0 20px #999999; display:none; }
.search_main .input{ width:400px; height:50px; border:1px solid #c0342b; padding:0 15px; float:left; font-size:16px;}
.search_main .submit{ width:50px; height:50px; background:#c0342b url(../images/search_btn.png) no-repeat center center; float:left; cursor:pointer;}



.huibj{ background:#f4f4f4;}

.htit{ line-height:40px; height:40px; margin-bottom:25px; position: relative;}
.htit .tit{ color:#222222; font-size:30px; font-weight:bold; position: relative; z-index:1;  }
.htit .tit span{ color:#c0342b; }
.htit:after{ content:""; width:85px; height:7px; background:#eee0e0; position: absolute; left:0; bottom:0;}

.htit .more{ color:#404040; font-size:14px;}
.htit .more span{ font-size:13px;}
.htit .more:hover{ color:#c0342b; }
.htit2{ padding:12px 0; }



.newsTabTop{ line-height:64px; height:64px; margin-bottom:25px; position: relative;}

.newsTabTop:after{ position: absolute; content:""; left:0; bottom:0; width:100%; height:1px; background:#dbdbdb; }
.newsTabTop .tit{color:#222222; cursor: pointer; font-weight:bold;  margin-right:30px; font-size:24px; opacity:0.7; font-weight: normal; position: relative;}
.newsTabTop .tit span{ color:#c0342b; }

.newsTabTop .tit:after{ content:""; width:0; height:3px; background:#c12820; left:0; bottom:0; position: absolute;}
.newsTabTop .tit.on:after{ width:100%;}
.newsTabTop .tit.on{ font-size:30px; opacity:1; font-weight: bold;}
.newsTabTop .tit:hover{ opacity:1; }

.newsTabTop .more{ color:#404040; font-size:14px;}
.newsTabTop .more span{ font-size:13px;}
.newsTabTop .more:hover{ color:#c0342b; }


.mtb40{ margin:40px 0;}

/*home01*/
.newsTab{ width:66%;}

.tabImg{ }
.tabImg .swiper-slide{ width:48.5%; }
.tabImg .swiper-slide a{ display: block; position: relative; overflow: hidden;}
.tabImg .swiper-slide a:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,1) 100%);} 
.tabImg .swiper-slide .img{ overflow: hidden;}
.tabImg .swiper-slide img{ display: block; width:100%; }
.tabImg .swiper-slide .tit{ position: absolute; left:0; bottom:0; width:100%; line-height:50px; padding:0 30px; color:#f4f4f4; z-index:1; font-size:16px;  }


.prev01,.next01{ width:30px; height:46px; line-height:46px; text-align: center; position: absolute; top:50%; margin-top:-23px; background: rgba(0,0,0,0.57); z-index:10; cursor: pointer; }
.prev01 span,.next01 span{ color:#ffffff; font-size:20px; }
.prev01{ left:0; }
.next01{ right:0; }

.prev01:hover,.next01:hover{background:#c0342b; }


.tabTxt{ overflow: hidden; margin-top:20px;}
.tabTxt li{ margin-right:2%; width:32%; background:#ffffff; border-top:2px solid #bc111a; float: left; }
.tabTxt li:nth-child(3){ margin-right:0;}
.tabTxt li a{ display: block; padding:25px; overflow: hidden; }
.tabTxt li .tit{ font-size:16px; line-height:30px; color:#404040; }
.tabTxt li .time{ color:#c0342b; font-size:14px; line-height:30px; margin:25px 0 16px 0; border-bottom:1px solid #c0342b; float: left; }
.tabTxt li:hover .tit{ color:#c0342b;}


.welcome{ width:32%; }
.welcome_top{ background:#c12820 url(../images/welcome_top.png) no-repeat right center; background-size:auto 100%; }
.welcome_top a{ display: block; padding:15px 35px; }
.welcome_top .tit{ color:#ffffff; font-size:18px; font-weight:bold; line-height:40px;  }
.welcome_top p{ color:#f6cfcd; font-size:14px; line-height:30px;   }
.welcome_top .time{ color:#f6cfcd; font-size:14px; line-height:30px; }

.welcome_main{padding:15px 30px 30px 30px; background:#ffffff;}
.welcome_list{ overflow: hidden;}
.welcome_list li{ float: left; width:100%; font-size:16px; line-height:40px;  }
.welcome_list li:hover{ color:#c0342b;}

.welcome_nav{ overflow: hidden; margin-top:15px;}
.welcome_nav li{ float: left; width:30%; margin-right:5%; color:#ffffff;}
.welcome_nav li.li01{ background:#7b91c1; }
.welcome_nav li.li02{ background:#a16055; }
.welcome_nav li.li03{ background:#dca274; margin-right:0; }

.welcome_nav li a{ display: block; text-align: center; padding:10px 0;}
.welcome_nav li .ico{ line-height:30px; }
.welcome_nav li .ico span{ font-size:24px;}
.welcome_nav li .tit{ font-size:16px; font-weight: bold; line-height:30px; }

.welcome_nav li:hover{ border-radius:10px;}
/*home01*/

.adv{}
.adv img{ display: block; width:100%;}


/*home02*/
.lectureHall{ width:66%;}
.lectureHallEno{ width:45%; background:#ffffff; border-radius:5px; overflow: hidden;}
.lectureHallEno .img{ border-radius:5px; overflow: hidden;}
.lectureHallEno .img img{ display: block; width:100%; }
.lectureHallEno .txt{ overflow: hidden; padding:20px;}
.lectureHallEno .txt .tit{ color:#404040; font-size:16px; line-height:30px; height:60px; }
.lectureHallEno .txt p{ font-size:14px; height:30px; line-height:30px; margin:10px 0 13px 0;}
.lectureHallEno .txt .time{ font-size:14px; line-height:30px; color:#c0342b; margin-bottom:10px; border-bottom:1px solid #c0342b; float: left;}

.lectureHallEno:hover .txt .tit{ color:#c0342b;}

.lectureHallList{ overflow: hidden; width:55%; margin-top:-20px;}
.lectureHallList li{ width:46%; float: left; margin-top:20px; margin-left:4%; border-radius:5px; overflow: hidden; background:#ffffff; }
.lectureHallList li .img{ overflow: hidden;}
.lectureHallList li .img img{ display: block; width:100%; }
.lectureHallList li .tit{ color:#404040; font-size:16px; line-height:25px; height:50px; margin:10px 0; padding:0 15px; }
.lectureHallList li:hover .tit{ color:#c0342b;}

.homeVideo{ width:32%;}
.videoBan{}
.videoBan .swiper-slide{ }
.videoBan .swiper-slide a{ display: block; position: relative;}
.videoBan .swiper-slide a:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,1) 100%);} 

.videoBan img{ display: block; width:100%; }
.videoBan .tit{ position: absolute; z-index:1; left:0; bottom:0; width:100%; height:54px; line-height:54px; padding:0 15px; color:#ffffff; font-size:16px;  }
.videoBan .tit span{ font-size:24px; float: left; margin-right:10px; }

.hvlist{ overflow: hidden;}
.hvlist li{ float: left; width:100%; overflow: hidden; margin-top:5px; border-radius:5px;}
.hvlist li a{ display: block; position: relative; height:50px; line-height:50px; background:#ffffff; color:#404040; font-size:16px; padding:0 10px 0 60px;  }
.hvlist li a span{ font-size:18px; color:#ffffff; border-radius:10px; width:40px; height:30px; line-height:30px; text-align: center; background:#bc111a; position: absolute; left:10px; top:50%; margin-top:-15px; }

.hvlist li:hover a{background:#bc111a; color:#ffffff;}
/*home02*/


/*home03*/
.socialServices{ width:49%;}
.socialServices{ overflow: hidden;}

.socialServicesImg{ overflow: hidden;}
.socialServicesImg li{ width:48.5%; margin-right:3%; float: left;}
.socialServicesImg li:nth-child(2){ margin-right:0;}
.socialServicesImg li .img{ overflow: hidden;}
.socialServicesImg li img{ display: block; width:100%; }
.socialServicesImg li .tit{ color:#404040; margin:15px 0 5px 0; font-size:16px; height:60px; line-height:30px; }
.socialServicesImg li:hover .tit{ color:#c0342b;}

.socialServicesTxt{ overflow: hidden;}
.socialServicesTxt li{ float: left; width:100%; height:50px; line-height:50px; margin-top:15px; }
.socialServicesTxt li a{ display: block; padding:0 25px; background:#f4f4f4; border-radius:5px; }
.socialServicesTxt li:hover a{ background:#c0342b; color:#ffffff;}

.award{ width:49%;}

.awardList{ overflow: hidden; margin-top:-15px;}
.awardList li{ width:48.5%; margin-right:3%; float: left; margin-top:15px;}
.awardList li:nth-child(2n){ margin-right:0;}
.awardList li a{ display: block; background:#f4f4f4; border-radius:5px; padding:20px 20px;}
.awardList li .time{ float: left; width:66px; text-align: center;  line-height:1; overflow: hidden; position: relative;}
.awardList li .time:after{ content:""; width:64px; height:64px; border:1px dashed #c0342b; border-radius:50%; position: absolute; left:0; top:0; }
.awardList li .time .md{ font-size:16px; margin-top:25px; color:#c0342b;}
.awardList li .time .y{ font-size:14px; margin-top:15px; color:#c0342b; background:#f4f4f4; position: relative; z-index:1; display: inline-block; padding:0 3px;}

.awardList li .tit{ padding-left:20px; color:#404040; font-size:16px; line-height:30px; height:90px; position: relative; text-align: justify;}
.awardList li .tit span{ position: absolute; font-size:20px; color:#c0342b; bottom:0; right:0;}

.awardList li:hover a{ background:#c0342b; }
.awardList li:hover .time:after{ border-color:#ffffff; }
.awardList li:hover .time .y{background:#c0342b; color:#ffffff;}
.awardList li:hover .time .md{ color:#ffffff;}
.awardList li:hover .tit{ color:#ffffff; }
.awardList li:hover .tit span{ color:#ffffff; }
/*home03*/

/*home4*/
.exchange{ position: relative;}
.exchange .swiper-slide{ width:23.8%;}
.exchange .swiper-slide .img{ overflow: hidden;}
.exchange .swiper-slide img{ display: block; width:100%;}
.exchange .swiper-slide .tit{ color:#404040; font-size:16px; line-height:30px; margin-top:20px;}

.exchange .swiper-slide:hover .tit{ color:#c0342b;}

.prev02,.next02{ width:70px; height:38px; line-height:38px; text-align: center; position: absolute; top:50%; margin-top:-44px; background:#000000; z-index:10; cursor: pointer; }
.prev02 span,.next02 span{ color:#ffffff; font-size:24px; }
.prev02{ left:-35px; }
.next02{ right:-35px; }

.prev02:hover,.next02:hover{ background:#c0342b;}
/*home4*/

/*home5*/
.home05bj{ background:#f4f4f4 url(../images/home05bj.jpg) no-repeat center bottom; background-size:100% auto ;}

.dean{ width:49%;}
.dean_txt{ background: url(../images/deanbj.jpg) no-repeat center center; background-size: cover; height:400px; padding:40px; position: relative;}
.dean_txt .tit{ color:#2d2d2d; font-size:18px; font-weight: bold; line-height:35px; margin:20px 0;}
.dean_txt .info{ color:#5b5a5a; font-size:16px; line-height:35px;}
.dean_txt .img{ position: absolute; right:4%; bottom:0; width:52%;}
.dean_txt .img img{ display: block; width:100%;}

.dean_nav{ overflow: hidden; margin-top:20px; }
.dean_nav li{ margin-right:2.9%; width:31.4%; float: left; font-size:20px; color:#ffffff; font-weight: bold; text-align: center; }
.dean_nav li a{ display: block; padding:25px 0; }
.dean_nav li .tit{ display:inline-block; height:40px; line-height:40px; position: relative; padding-left:40px; }
.dean_nav li span{ font-size:28px; margin-right:14px; font-weight: normal; height:40px; position: absolute; left:0; top:0; }
.dean_nav li.li01{ background:#c0342b; }
.dean_nav li.li02{ background:#a16055; }
.dean_nav li.li03{ background:#dca274; margin-right:0; }

.dean_nav li:hover{ border-radius:10px;}

.famousTeacher{ width:49%;}

.famousTeacherList{ overflow: hidden; margin-top:-20px;}
.famousTeacherList li{ float: left; width:31.6%; margin-right:2.6%; margin-top:20px; overflow: hidden;}
.famousTeacherList li:nth-child(3n){ margin-right:0;}
.famousTeacherList li img{ display: block; width:100%; }
/*home5*/

/*home06*/
.research_nav{ overflow: hidden; margin-left:60px; margin-top:2px;}
.research_nav a{ float: left; margin-right:10px; height:36px; border:1px solid #dcdcdc; border-radius:18px; line-height:34px; padding:0 30px; }
.research_nav a:hover{ color:#c0342b; border-color:#c0342b; }
.research_nav a.on{ background:#c0342b; border-color:#c0342b; color:#ffffff; }

.research{ position: relative;}
.research .swiper-slide{ overflow: hidden;}
.research .swiper-slide .img{ width:52%; overflow: hidden;}
.research .swiper-slide .img img{ display: block; width:100%; }
.research .swiper-slide .txt{ width:46%;}
.research .swiper-slide .txt .tit{ color:#c0342b; font-size:30px; font-weight: bold; line-height:1;}
.research .swiper-slide .txt .info{ color:#404040; font-size:16px; line-height:30px; text-align: justify; height:150px; margin:25px 0 40px 0;}
.research .swiper-slide .txt .info a:hover{ color:#c0342b; text-decoration: underline;}
.research .swiper-slide .tuList{ overflow: hidden;}
.research .swiper-slide .tuList li{ float:left; width:48%; margin-right:4%; overflow: hidden;}
.research .swiper-slide .tuList li:nth-child(2){ margin-right:0;}
.research .swiper-slide .tuList li img{ display: block; width:100%; }

.prev03,.next03{ width:40px; height:72px; line-height:72px; text-align: center; position: absolute; top:50%; margin-top:-36px; background:#7a7a7a; z-index:10; cursor: pointer; }
.prev03 span,.next03 span{ color:#ffffff; font-size:24px; }
.prev03{ left:-70px; }
.next03{ right:-70px; }

.prev03:hover,.next03:hover{ background:#c0342b;}
/*home06*/

/*home07*/
.home07bj{ background: url(../images/home07bj.jpg) no-repeat center center; background-size:cover;}
.cultureList{ overflow: hidden;}
.cultureList li{ float: left; overflow: hidden;}
.cultureList li a{ display: block; position: relative;}
.cultureList li img{ width:100%;}
.cultureList li.li01{ width:35.8%;}
.cultureList li.li01 img{ height:540px;}
.cultureList li.li02{ width:20.6%; margin-left:0.8%; }
.cultureList li.li02 img{ height:265px;}
.cultureList li.li02 a:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background: rgba(161,96,85,0.9);}
.cultureList li.li03{ width:20.6%; margin-left:0.8%;}
.cultureList li.li03 img{ height:265px;}
.cultureList li.li04{ width:20.6%; margin-left:0.8%; }
.cultureList li.li04 img{ height:265px;}

.cultureList li.li05{ width:42%; margin-left:0.8%; margin-top:10px; }
.cultureList li.li05 img{ height:265px;}

.cultureList li.li06{ width:20.6%; margin-left:0.8%; margin-top:10px; }
.cultureList li.li06 a:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background: rgba(193,40,32,0.85);}
.cultureList li.li06 img{ height:265px;}

.cultureList li .txt{ text-align: center; width:100%; position: absolute; top:50%; margin-top:-50px; left:0; color:#ffffff; z-index:1; }
.cultureList li .txt .ico{ line-height:60px;}
.cultureList li .txt .ico span{ font-size:54px;}
.cultureList li .txt .tit{ font-size:24px; line-height:40px;}
/*home07*/


/*home08*/
.legend{ position: relative;}
.legend .swiper-slide{ width:23.5%;}
.legend .swiper-slide .img{ overflow: hidden;}
.legend .swiper-slide img{ display: block; width:100%; }

.legend .swiper-slide .txt{ padding:20px 0;}
.legend .swiper-slide .txt .tit{ color:#373737; font-size:20px; font-weight: bold;}
.legend .swiper-slide .txt p{ color:#777777; font-size:14px; margin-top:10px;}

.legend .swiper-slide:hover .txt .tit{ color:#c0342b;}

.legend .swiper-pagination{ position: static; line-height:0; margin-top:20px;}
.legend .swiper-pagination .swiper-pagination-bullet{ width:32px; margin:0 6px; height:8px; opacity:1; border-radius:0; background:#a9a9aa;}
.legend .swiper-pagination .swiper-pagination-bullet-active{ background:#c0342b;}

.legend .prev02,.legend .next02{ background: rgba(0,0,0,0.52); margin-top:-85px; }

.legend .prev02:hover,.legend .next02:hover{ background: rgba(192,52,43,0.52);  }
/*home08*/

/*home09*/
.imglist{ overflow: hidden; margin-top:-1%; }
.imglist li{ float: left; width:19.2%; margin-right:1%; margin-top:1%; }
.imglist li:nth-child(5n){ margin-right:0;}
.imglist li .img{ overflow: hidden; }
.imglist li img{ display: block; width:100%; }
.imglist li .tit{ background:#ffffff; color:#606060; font-size:14px; line-height:25px; padding:10px; height:70px; text-align: center; }
.imglist li:hover .tit{ background:#c0342b; color:#ffffff; }
/*home09*/

/*footer*/
.footer{ background:#383838;}

.dbcontent{ position: relative; padding-right:360px;}

.fmleft{ width:100%; border-right:1px solid #474747;}
.dblogo{ padding:40px 0; border-bottom:1px solid #474747;}
.dblogo img{ display: block; height:90px;}

.dbnav{ margin:70px 0; overflow: hidden;}
.dbnav li{ float: left;}
.dbnav li.li01{ width:26%;}
.dbnav li.li02{ width:32%;}
.dbnav li.li03{ width:18%;}
.dbnav li.li04{ width:20%;}
.dbnav li .tit{ color:#ececec; font-size:16px;}
.dbnav li .tit:after{ content:""; width:12px; height:2px; display: block; background:#bc111a; margin:20px 0;}
.dbnav li .sub{ color:#9d9d9d; font-size:14px; line-height:36px;}
.dbnav li .sub a{ float: left; width:35%;}
.dbnav li .sub a:hover{ color:#ffffff; text-decoration: underline;}
.dbnav li.li03 .sub a{ width:100%;}

.fmright{ width:310px; position: absolute; top:0; right:0; }
.wechatList{ overflow: hidden; margin-top:70px;}
.wechatList li{ float: left; overflow: hidden; margin-right:30px;}
.wechatList li .img{ height:100px; float: left;}
.wechatList li .img img{ width:100px; height:100px;}
.wechatList li .tit{ float: left; width:20px; margin-left:15px; padding:15px 0; text-align: center; line-height:1; color:#9d9d9d; font-size:14px;}

.dbcontact{}
.dbcontact .tit{ color:#ececec; font-size:20px; font-weight: bold; line-height:1; margin:50px 0 20px 0; }
.dbcontact .info{ color:#9d9d9d; font-size:14px; line-height:36px; }

.copy{ width:100%; border-top:1px solid #474747; color:#9d9d9d; font-size:14px; line-height:1.6; padding:25px 0; }
.copy a:hover{ color:#ffffff; text-decoration: underline;}
/*footer*/


/*内页*/
.nyban{ overflow: hidden; position: relative; }
.nyban img{ width:100%; display: block; }
.nyban:after{ content:""; width:100%; height:100%; position: absolute; left:0; top:0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0) 40%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0.8) 100%); } 

.nyban .weizhi{ position: absolute; left:0; line-height:70px; height:70px; bottom:0; width:100%; text-align: right; color:#ffffff; z-index:1; }
.nyban .weizhi .iconfont{ display: inline; }
.nyban .weizhi span{ margin:0 5px; }

.nyban .weizhi a:hover{ text-decoration: underline; }

.pageMain{}
.pageLeft{ width:16.5%; }
.columnName{ font-size:30px; background: url(../images/columnName.jpg) no-repeat center center; background-size:cover; height:105px; line-height:105px; text-align: center; color:#ffffff; font-weight: bold; margin-top:-105px; position: relative; z-index:10;}
.pageNav{ overflow: hidden;}
.pageNav li{ float: left; width:100%; height:65px; line-height:65px; margin-top:1px; background:#f2f0f0; color:#545454; font-size:18px; }
.pageNav li a{ position: relative; padding-left:40px; display: block; }
.pageNav li a:after{ content:""; height:100%; position: absolute; width:9px; left:0; top:0; background:#c12820; opacity:0; }

.pageNav li.on{ background:#ffffff;}
.pageNav li.on a:after{ opacity:1;}
.pageNav li:hover{ color:#c12820;}

.pageRight{ width:81%; margin:2.5% 0; }

.showtxt{ font-size:16px; line-height:2; color:#717171; }
.showtxt img{ max-width:100%; height:auto !important; }

.paging{ text-align: center; font-size:16px; margin:6% 0; }
.paging a,.paging span{ display: inline-block; margin:0 2px; color:#666666; line-height:36px; padding:0 16px; background:#f7f7f7; } 
.paging a:hover,.paging span{ background:#c12820; color:#ffffff; }
/*内页*/


/*学院概况*/
.abimg{ overflow: hidden; margin-bottom:3%; }
.abimg li{ float: left;}
.abimg li.img{ width:34%; margin-right:2%;}
.abimg li.img img{ display: block; width:100%;}
.abimg li.txt{ width:28%; height:200px; color:#ffffff; background:#c12820 url(../images/abbj.png) no-repeat right center; background-size:auto 100%;}
.abimg li.txt .info{ width:100%; height:100%; font-size:16px; line-height:36px; padding-left:40px; }

.aboutshow{  }
/*学院概况*/


/*院长介绍*/
.deanMain{ background: url(../images/deanMain.jpg) no-repeat center center; background-size:cover; height:400px; position: relative; }
.deanMain .img{ width:24%; position: absolute; left:7%; bottom:0;}
.deanMain .img img{ display: block; width:100%;}
.deanMain .txt{ width:65%; margin-left:35%; padding:30px;}
.deanMain .txt .tit{ background: url(../images/deantit.png) no-repeat left center; padding:6px 0 6px 70px; background-size:auto 100%; height:82px; color:#2d2d2d; font-size:18px; line-height:35px; font-weight: bold; }
.deanMain .txt .info{ margin-top:25px; color:#5b5a5a; font-size:16px; line-height:36px; text-align: justify;}

.deanshow{ margin:3% 0; }

.deanNav{ overflow: hidden;}
.deanNav li{ float: left; height:42px; line-height:42px; margin-right:5px; padding:0 25px; background:#f2f0f0; color:#545454; font-size:18px; font-weight: bold; cursor: pointer;}
.deanNav li.on,.deanNav li:hover{ background:#bc111a; color:#ffffff; }

.deanTab{ margin-top:2%; }
/*院长介绍*/


/*北音四季*/
.fourSeasonsNav{ margin:0 auto 3% auto; overflow: hidden; width:480px;}
.fourSeasonsNav a{ float: left; width:116px; height:42px; line-height:42px; font-weight: bold; text-align: center; font-size:18px; margin:0 2px; background:#f2f0f0;}
.fourSeasonsNav a:hover,.fourSeasonsNav a.on{ background:#bc111a; color:#ffffff; }

.pc-slide{ margin-bottom:6%;}
.pc-slide .view{ width:100%; position: relative;}
.pc-slide .view img{ display: block; width:100%;}

.pc-slide .preview{ position: relative; background:#f2f0f0; padding:1.5%; margin-top:2%;}
.pc-slide .preview .swiper-slide{ background:#000000; cursor: pointer; }
.pc-slide .preview .swiper-slide img{ width:100%; display: block; opacity:0.4;}
.pc-slide .preview .active-nav img{ opacity:1;}

.pc-slide .prev03{ background:rgba(0,0,0,0.52); left:0;}
.pc-slide .next03{ background:rgba(0,0,0,0.52); right:0;}
.pc-slide .prev03:hover,.pc-slide .next03:hover{ background:rgba(192,52,43,0.88); }
/*北音四季*/

/*学习环境*/
.environmentList{ overflow: hidden; }
.environmentList li{ float: left; width:32%; margin-right:2%;}
.environmentList li .img{ position: relative; overflow: hidden;}
.environmentList li .img img{ display: block; width:100%;}
.environmentList li .img .info{ opacity:0; position: absolute; left:0; top:0; width:100%; padding:0 10%; text-align: justify; font-size:16px; line-height:2; height:100%; background:#bc111a; color:#ffffff;}
.environmentList li .tit{ color:#545454; font-size:18px; text-align: center; line-height:80px; }
.environmentList li:nth-child(3n){ margin-right:0; }
.environmentList li:hover .img .info{ opacity:1; }
/*学习环境*/


/*学院成就*/
.achievement{ position: relative; }
.achievement:after{ content:""; height:100%; width:1px; background:#980d14; position: absolute; left:180px; top:0; }
/*时间轴*/
.achievementYear{ padding-left:240px; position: relative;}
.achievementYear .year{
	width:160px; 
	text-align: center; 
	line-height:70px; 
	position: absolute; 
	left:0; 
	top:0; 
	color:#980d14; 
	font-size:24px; 
	font-weight: bold; 
	font-family: Arial;  }
.achievementYear .year:after{ 
	z-index:1; 
	background:#980d14; 
	content:""; 
	position: absolute; 
	width:6px; 
	height:6px; 
	border-radius:50%; 
	border:5px solid #ed767c; 
	top:50%; 
	margin-top:-8px; 
	right:-28px;}
/*小圆圈*/
.achievementList{ }
.achievementList li{ cursor: pointer; margin-bottom:30px; float: left; font-weight: bold; padding:0 40px; position: relative; line-height:70px; height:70px; color:#606060; font-size:16px; background:#f5f5f5; width:100%; }
.achievementList li:hover{ background:#bc111a; color:#ffffff; }
.achievementList li .img{ width:31%; position: absolute; bottom:17px; right:40px; display: none; }
.achievementList li .img img{ display: block; width:100%; }
.achievementList li:hover .img{ display: block;}
/*学院成就*/


/*明星校友*/
.alumnusList{ overflow: hidden; margin-top:-2%; }
.alumnusList li{ float: left; width:32%; margin-right:2%; background:#f7f7f7; margin-top:2%; border-radius:10px; overflow: hidden; }
.alumnusList li:nth-child(3n){ margin-right:0;}
.alumnusList li a{ display: block; padding:10% 5%;}
.alumnusList li .img{ width:220px; height:220px; background:#000000; margin:0 auto; overflow: hidden; border-radius:50%;}
.alumnusList li .img img{ display: block; width:100%; height:100%;}
.alumnusList li .txt{ text-align: center; margin-top:10%;}
.alumnusList li .txt .tit{ color:#333333; font-size:24px; font-weight: bold; }
.alumnusList li .txt p{ color:#909090; font-size:16px; margin:8px 0; line-height:25px; height:60px;}
.alumnusList li .txt span{ font-size:14px; font-weight:bold; line-height:1; color:#969795;}
.alumnusList li:hover{ background:#c12820;}
.alumnusList li:hover .txt .tit{ color:#ffffff;}
.alumnusList li:hover .txt p{ color:#e7c9c7;}
.alumnusList li:hover .txt span{color:#ffffff;}
/*明星校友*/

/*名师*/
.TeacherList{ margin-top:-2%; overflow: hidden;}
.TeacherList li{ width:23.5%; margin-right:2%; float: left; position: relative; margin-top:2%;}
.TeacherList li img{ display: block; width:100%;}
.TeacherList li:nth-child(4n){ margin-right:0;}
.TeacherList li .txt{ position: absolute; top:0; left:0; width:100%; opacity:0; height:100%; background: rgba(193,40,32,0.8); text-align: center; color:#ffffff;}
.TeacherList li .txt .tit{ font-size:30px; font-weight: bold; }
.TeacherList li .txt .url{font-size:16px; padding:0 10%; margin-top:7%; overflow: hidden;}
.TeacherList li .txt .url a{ line-height:28px; border:1px solid #ffffff; float: left; width:48%; margin:2% 1%; border-radius:15px;}
.TeacherList li .txt .url a:hover{ background:#ffffff; color:#c12820;}
.TeacherList li:hover .txt{ opacity:1;}
/*名师*/

/*名师详情*/
.teacherShowTop{ margin-bottom:5%;}
.teacherShowTop .img{ width:400px; float: left; }
.teacherShowTop .img img{ display: block; width:100%; }
.teacherShowTop .txt{ padding-left:460px; }
.teacherShowTop .txt .titimg{ height:64px; margin-top:10%; }
.teacherShowTop .txt .titimg img{ height:100%; display: block; }
.teacherShowTop .txt .tit{ overflow: hidden; line-height:1; color:#313131; margin:5% 0 7% 0;}
.teacherShowTop .txt .tit h3{ font-size:36px; float: left; }
.teacherShowTop .txt .tit span{ font-size:18px; float: left; margin-top:18px; margin-left:18px; }
.teacherShowTop .txt .info{ color:#6b6b6b; font-size:16px; line-height:2.8; font-weight:bold; }

.teacherTit{ color:#4c4c4c; font-size:16px; line-height:1; font-weight: bold; border-left:4px solid #bc111a; padding-left:16px;}
.teacherInfo{ padding:20px; margin-bottom:2%;}
/*名师详情*/

/*外教*/
.foreign-view .swiper-slide{ overflow: hidden; background:#f5f3f3; padding:4%; }
.foreign-view .swiper-slide .img{ width:330px; }
.foreign-view .swiper-slide .img img{ display: block; width:100%; }
.foreign-view .swiper-slide .txt{ padding-left:400px; }
.foreign-view .swiper-slide .txt .tit{ color:#333333; font-size:40px; font-weight: bold; margin:2% 0 1% 0; }
.foreign-view .swiper-slide .txt .ftit{ color:#6e6e6e; font-size:18px; }
.foreign-view .swiper-slide .txt .info{ color:#6e6e6e; font-size:16px; line-height:36px; margin:4% 0 8% 0; text-align: justify; }
.foreign-view .swiper-slide .txt .more{ width:150px; display: block; border-radius:30px; height:60px; line-height:60px; text-align: center; color:#ffffff; font-size:16px; background:#c12820;}
.foreign-view .swiper-slide .txt .more:hover{ background:#000;}

.foreign-preview{ position: relative; margin-top:3%; }
.foreign-preview .swiper-slide{ cursor: pointer;}
.foreign-preview .swiper-slide .img{ overflow: hidden; position: relative;}
.foreign-preview .swiper-slide .img img{ display: block; width:100%; }
.foreign-preview .swiper-slide .img:after{ content:""; width:100%; height:100%; background: rgba(193,40,32,0.3); z-index:10; left:0; top:0; opacity:0; position: absolute;}
.foreign-preview .swiper-slide .tit{ text-align: center; color:#6e6e6e; font-size:18px; line-height:70px; }
.foreign-preview .active-nav .tit{ color:#c12820; }
.foreign-preview .active-nav .img:after{ opacity:1;}

.prev04,.next04{ margin-top:-70px; position: absolute; top:50%; z-index:10; width:70px; height:70px; line-height:70px; text-align: center; border-radius:50%; background: rgba(255,255,255,0.7);}
.prev04 span,.next04 span{ color:#646464; font-size:36px;}
.prev04{ left:-35px;}
.next04{ right:-35px;}

.prev04:hover,.next04:hover{ background:#c12820; }
.prev04:hover span,.next04:hover span{ color:#ffffff; }

.foreign-slide .swiper-pagination{ line-height:0; position: static; margin:3% 0;}
.foreign-slide .swiper-pagination .swiper-pagination-bullet{ width:8px; height:8px; opacity:1; background:#dddddd; margin:0 4px; }
.foreign-slide .swiper-pagination .swiper-pagination-bullet-active{ background:#c12820; }
/*外教*/




.dbh{height:60px; display:none;}
.bottomNav{ width:100%; overflow:hidden; z-index:10; background:#b20f23; height:60px; line-height:60px; color:#ffffff; position:fixed; left:0; bottom:0; display:none;}
.bottomNav li{ font-size:18px; float:left; text-align:center; border-right:1px solid #bd3344;}
.bottomNav li a{ display:block;}
.bottomNav li.li01{ width:25%;}
.bottomNav li.li02{ width:30%;}
.bottomNav li.li03{ width:30%;}
.bottomNav li.li04{ width:15%; height:60px; background: url(../images/zt.png) no-repeat center center; background-size:auto 60%; border-right:none;}
.bottomNav li.li04 a{ display: block; width:100%;height:100%;}

.showtop{ text-align: center; padding-bottom:15px; border-bottom:1px solid #dcdcdc; margin-bottom:15px;}
.showtop h1{ font-size:28px; color:#333333; font-weight: normal;}
.showtop p{ color:#666666; font-size:14px; margin-top:7px;}
.showtop p span{ margin:0 14px;}




.oneLines{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.twoLines{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.threeLines{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}


.animated{opacity: 0;}

.nav li .sub a,.nav li>a:after,.header .hrig a,.newsTabTop .tit,.newsTabTop .more,.htit .more,.tabTxt li .tit,.welcome_list li,.welcome_nav li,.lectureHallEno .txt .tit,
.lectureHallList li .tit,.hvlist li a,.socialServicesImg li .tit,.socialServicesTxt li a,.awardList li a,.awardList li .time:after,.awardList li .time .y,.awardList li .time .md,
.awardList li .tit,.awardList li .tit span,.exchange .swiper-slide .tit,.dean_nav li,.research_nav a,.legend .swiper-slide .txt .tit,.imglist li .tit,.dbnav li .sub a,.copy a,
.prev01,.next01,.prev02,.next02,.prev03,.next03,.pageNav li,.deanNav li,.environmentList li .img .info,.TeacherList li .txt,.TeacherList li .txt .url a,.paging a,
.foreign-view .swiper-slide .txt .more,.fourSeasonsNav a,.achievementList li,.alumnusList li,.alumnusList li .txt .tit,.alumnusList li .txt p,.alumnusList li .txt span{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.tabImg .swiper-slide img,.lectureHallEno .img img,.lectureHallList li .img img,.videoBan .swiper-slide img,.socialServicesImg li img,.exchange .swiper-slide img,
.famousTeacherList li img,.research .swiper-slide .img img,.research .tuList li img,.cultureList li img,.legend .swiper-slide img,.imglist li img,.alumnusList li .img img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.tabImg .swiper-slide:hover img,.lectureHallEno:hover .img img,.lectureHallList li:hover .img img,.videoBan .swiper-slide:hover img,.socialServicesImg li:hover img,
.exchange .swiper-slide:hover img,.famousTeacherList li:hover img,.research .swiper-slide .img:hover img,.research .tuList li:hover img,.cultureList li:hover img,
.legend .swiper-slide:hover img,.imglist li:hover img,.alumnusList li:hover .img img{
-webkit-transform: scale(1.1) img;
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}

.xinchun {
    background: url(/2023/images/beijing/1400.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}