@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: SimSun;font-size: 14px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: Microsoft YaHei;font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: Microsoft YaHei;font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*常用宽度*/
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*常用过渡*/
.tran200{-webkit-transition: 0.2s;-moz-transition: 0.2s;-ms-transition: 0.2s;transition: 0.2s;}
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
/*常用缩放*/
.scale105:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/*常用浮动*/
.fl{float: left;}
.fr{float: right;}
/*按钮通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 3em;background-color: #fff;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 40px;color: #000;cursor: pointer;opacity: .9;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn:hover{opacity: 1;}
/*背景色展开动效btn*/
.hover-btn{z-index: 1;position: relative;display: inline-block;padding: 0 3em;background-color: transparent;border: 1px solid #ccc;border-radius: 0;font-size: 16px;line-height: 42px;color: #000;cursor: pointer;text-transform: uppercase;}
.hover-btn:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3da7ea;transform: scaleX(0);transition: 0.3s;}
.hover-btn:hover{color: #fff;}
.hover-btn:hover:after{transform: scaleX(1);}
/*背景色变化动效btn*/
.bgc-btn{position: relative;display: inline-block;width: 400px;background-color: #e62129;border-radius: 30px;font-size: 14px;line-height: 60px;color: #fff;cursor: pointer;text-transform: uppercase;transition: 0.3s ease-out;}
.bgc-btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;margin: -12px 0 0 2em;background: url(../images/icon_arrow_more.png) center no-repeat;opacity: 0;transition: 0.3s ease-out;}
.bgc-btn:hover{background-color: #e96811;text-indent: -3em;}
.bgc-btn:hover:after{opacity: 1;transform: translateX(1em);}
/*滚动条*/
body *::-webkit-scrollbar{width: 3px;height: 3px;background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}
/*自定义单选框input[type="radio"]样式*/
.custom-input label{display: inline-block;cursor: pointer;}
.custom-input input[type="radio"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="radio"]+em{position: relative;display: inline-block;width: 16px;height: 16px;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;vertical-align: top;cursor: pointer;}
.custom-input input[type="radio"]+em:before{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-radius: 50%;transform: translate(-50%,-50%);}
.custom-input input[type="radio"]:checked+em{border-color: #00abdd;}
.custom-input input[type="radio"]:checked+em:before{background-color: #00abdd;}
.custom-input input[type="radio"]+em:hover{border-color: #00abdd;}
/*自定义多选框input[type="checkbox"]样式*/
.custom-input input[type="checkbox"]{width: 1px;height: 1px;margin: 0;opacity: 0;}
.custom-input input[type="checkbox"]+em{position: relative;display: inline-block;width: 16px;height: 16px;background-color: #fff;border: 1px solid #ccc;vertical-align: top;cursor: pointer;}
.custom-input input[type="checkbox"]+em:before{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;transform: translate(-50%,-50%);}
.custom-input input[type="checkbox"]:checked+em{border-color: #00abdd;}
.custom-input input[type="checkbox"]:checked+em:before{background-color: #00abdd;}
.custom-input input[type="checkbox"]+em:hover{border-color: #00abdd;}
/*自定义表单通用样式*/
.info-form{max-width: 500px;margin: 0 auto;font-size: 0;}
.info-form .title{margin-bottom: 20px;font-size: 16px;line-height: 20px;text-align: center;font-weight: bold;}
.info-form .row{display: inline-block;width: 100%;margin-bottom: 20px;font-size: 14px;}
.info-form .row.w50{width: 50%;padding-right: 10px;}
.info-form .row.w33{width: 33%;padding-right: 10px;}
.info-form .row .name{float: left;width: 5em;padding: 10px 1em 10px 0;line-height: 16px;text-align: right;}
.info-form .row .info-content{margin-left: 5em;}
.info-form input[type="text"]{width: 100%;height: 36px;padding-left: 10px;border: 1px solid #ddd;border-radius: 3px;}
.info-form input[type="text"]:focus{border-color: #00abdd;}
.info-form textarea{width: 100%;height: 160px;border: 1px solid #ddd;padding: 10px;border-radius: 3px;resize: none;}
.info-form textarea:focus{border-color: #00abdd;}
.info-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ddd;outline: none;}
.info-form select:focus{border-color: #00abdd;}
.info-form .upload-avatar{position: relative;display: block;width: 80px;height: 80px;border-radius: 50%;cursor: pointer;overflow: hidden;}
.info-form .upload-avatar input[type="file"]{display: none;}
.info-form .upload-avatar .avatar{height: 100%;}
.info-form .upload-avatar .avatar img{width: 100%;height: 100%;}
.info-form .upload-avatar .tips{position: absolute;left: 50%;top: 50%;width: 4em;height: 20px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 20px;color: #fff;transform: translate(-50%,-50%);}
.info-form .choice-area{padding: 10px 0;line-height: 16px;}
.info-form .choice-area label{display: inline-block;margin: 0 10px 5px 0;cursor: pointer;}
.info-form .choice-area label span{margin-left: 3px;}
.info-form .yzm-area{position: relative;width: 200px;}
.info-form .yzm-area input[type="text"]{width: 110px;}
.info-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 90px;height: 100%;}
.info-form .yzm-area .btn img{width: 100%;height: 100%;}
.info-form .btns-area{margin-top: 20px;}
.info-form .btns-area .btn{padding: 0 100px;background-color: #00abdd;border-color: #00abdd;color: #fff;}
/*百度分享*/
.share-wrap{margin-top: 10px;}
.share-wrap .bdsharebuttonbox{font-size: 0;text-align: center;}
.share-wrap .bdsharebuttonbox a{display: inline-block;float: none;width: 24px;height: 24px;margin: 0 4px;background-color: #ccc;background-position: center;background-size: 90% 90%;background-repeat: no-repeat;border-radius: 4px;overflow: hidden;}
.share-wrap .bdsharebuttonbox .bds_weixin{background-image: url(../images/icon_weixin.png);}
.share-wrap .bdsharebuttonbox .bds_tsina{background-image: url(../images/icon_weibo.png);}
.share-wrap .bdsharebuttonbox .bds_sqq{background-image: url(../images/icon_qq.png);}
.share-wrap .bdsharebuttonbox .bds_facebook{background-image: url(../images/icon_facebook.png);}
.share-wrap .bdsharebuttonbox .bds_twitter{background-image: url(../images/icon_twitter.png);}
/*自定义select*/
.custom-select{position: relative;width: 200px;}
.custom-select .name{position: relative;height: 36px;padding-left: 20px;background-color: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;line-height: 34px;cursor: pointer;}
.custom-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 8px;height: 8px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(45deg) translate(-100%,-10%);}
.custom-select .list{display: none;z-index: 1;position: absolute;left: 0;width: 100%;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.custom-select .list li a{display: block;padding: 10px 20px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;}
.custom-select .list li a:hover{background-color: #b23028;color: #fff;}


/*header*/
body{background-color: #fffbf5;}
.header{height: 450px;background: url(../images/header_bg.jpg) center top no-repeat;background-size: cover;}
.header .logo{position: absolute;left: 0;top: 20px;}
.header .logo img{width: auto;max-height: 70px;}
/*搜索栏*/
.search-wrap{position: absolute;right: 0;top: 30px;width: 160px;height: 22px;border: 1px solid #7b756d;border-radius: 5px;transition: 0.3s;}
.search-wrap .input-text{width: 100%;height: 100%;padding: 0 30px 0 15px;background-color: transparent;font-size: 12px;}
.search-wrap .input-text::-webkit-input-placeholder{color: #999;}
.search-wrap .sub-btn{position: absolute;right: 5px;top: 0;width: 20px;height: 20px;background: url(../images/icon_search.png) center no-repeat;background-size: 60% 60%;}
/*标题*/
.header .title{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.header .title img{animation-delay: 0.5s;}
/*移动端导航按钮*/
.header .menu-btn{display: none;}
/*导航*/
.nav-box{position: absolute;left: 0;bottom: 40px;width: 100%;}
.nav-box .nav{border-top: 1px solid #854e00;border-bottom: 1px solid #854e00;font-size: 0;animation-delay: 1s;}
.nav-box .nav > li{position: relative;display: inline-block;font-size: 14px;line-height: 50px;}
.nav-box .nav > li:before{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: 18px;margin-top: -9px;background-color: #dfcdb4;}
.nav-box .nav > li:first-child:before{display: none;}
.nav-box .nav > li .more-btn{display: none;}
.nav-box .nav > li > a{position: relative;display: block;padding: 0 27px;font-size: 16px;font-weight: bold;color: #513313;}
.nav-box .nav > li.on > a,.nav-box .nav > li:hover > a{color: #af251c;}
.nav-box .nav-2nd{display: none;z-index: 2;position: absolute;left: 50%;top: 50px;width: 120px;padding: 8px 0;background-color: rgba(0,0,0,.2);border-radius: 5px;transform: translateX(-50%);}
.nav-box .nav-2nd > li{}
.nav-box .nav-2nd > li > a{position: relative;display: block;padding: 10px;line-height: 16px;text-align: center;color: #513313;}
.nav-box .nav-2nd > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 3px;height: 0;background-color: #af251c;transition: 0.3s;}
.nav-box .nav-2nd > li > a:hover{background-color: #513313;color: #fff;}
.nav-box .nav-2nd > li > a:hover:before{top: 0;height: 100%;}

/*footer*/
.footer{padding: 20px 0 30px;background-color: #fffbf5;border-top: 10px solid #ede7de;}
.footer .links{max-width: 750px;font-size: 0;}
.footer .links a{display: inline-block;margin-right: 18px;font-size: 12px;line-height: 24px;color: #666;transition: 0.3s;}
.footer .links .red{color: #c81000;}
.footer .links a:hover{color: #c81000;transform: translateY(-0.5ex);}
.footer .info{max-width: 750px;padding-top: 10px;font-size: 12px;line-height: 24px;color: #999;}
.footer .info span{display: inline-block;margin-right: 10px;}
.footer .ewm-box{position: absolute;right: 0;top: 0;font-size: 0;}
.footer .ewm-box .item{display: inline-block;margin-left: 25px;font-size: 12px;text-align: center;}
.footer .ewm-box .item img{width: 75px;height: 75px;border: 1px solid #ddd;}
.footer .ewm-box .item span{display: block;line-height: 24px;}

/*****首页*****/
/*公共标题*/
.index-title{background: url(../images/index_title_bg.png) center 10px no-repeat;text-align: center;text-transform: uppercase;font-family: "fzkt";}
.index-title .cn{font-size: 32px;letter-spacing: 0.2em;color: #af251c;}
.index-title .en{margin-top: 10px;font-size: 22px;line-height: 20px;letter-spacing: 0.3em;color: #92704d;}
.index-title .en2{margin-top: 5px;font-size: 12px;color: #999;transform: scale(.8);letter-spacing: 0.1em;}
/*浏览更多按钮*/
.read-more{margin-top: 50px;text-align: center;overflow: hidden;}
.read-more a{position: relative;display: inline-block;font-size: 12px;text-transform: uppercase;color: #c81000;transition: 0.3s;}
.read-more a:before{content: "";position: absolute;right: 7em;top: 50%;width: 270px;height: 1px;background-color: #eeb4ab;}
.read-more a:after{content: "";position: absolute;left: 7em;top: 50%;width: 270px;height: 1px;background-color: #eeb4ab;}
.read-more a:hover{font-size: 14px;font-weight: bold;}
/*内容*/
.index-content{padding: 30px 0 0;overflow-x: hidden;}
.index-content .part{margin-bottom: 80px;}
.index-content .part1{}
.index-content .part2{}
.index-content .part3{padding-bottom: 240px;background: url(../images/index_part3_bg.jpg) center bottom no-repeat;}

/*新闻列表*/
.news-list{overflow: hidden;}
.news-list li{padding: 10px 0;border-top: 1px solid #ccc;}
.news-list li:first-child{border-top: 0;}
.news-list li a{display: block;}
.news-list li .date{float: left;width: 60px;height: 24px;margin-top: -2px;font-size: 24px;line-height: 24px;color: #b23028;}
.news-list li .date em{vertical-align: bottom;font-size: 12px;color: #999;}
.news-list li .info{margin-left: 60px;}
.news-list li .info .tit{line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-list li .info .txt{height: 40px;margin-top: 5px;font-size: 12px;line-height: 20px;text-align: justify;color: #888;overflow: hidden;}
.news-list li a:hover .tit{text-indent: 0.5em;color: #b23028;}
/*新闻列表2*/
.news-list2{min-height: 500px;margin-top: 20px;}
.news-list2 li{position: relative;border-bottom: 1px solid #ebe3d9;line-height: 44px;font-weight: bold;}
.news-list2 li a{display: block;color: #513313;}
.news-list2 li .tit{position: relative;padding-left: 24px;margin-right: 90px;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-list2 li .tit:before{content: "";position: absolute;left: 2px;top: 50%;width: 6px;height: 6px;margin-top: -4px;border: 1px solid #513313;border-radius: 50%;}
.news-list2 li .date{position: absolute;right: 0;top: 0;width: 90px;text-align: right;opacity: .7;}
.news-list2 li:hover a{color: #af251c;}
.news-list2 li:hover .tit{text-indent: 0.3em;}
.news-list2 li:hover .tit:before{background-color: #af251c;border-color: #af251c;}

/*学院动态区*/
.dynamic-box{overflow: hidden;}
.dynamic-box .swiper-slide{width: 33.33%;padding: 0 15px;font-size: 14px;}
.dynamic-box .swiper-slide:nth-child(2){animation-delay: 0.2s;}
.dynamic-box .swiper-slide:nth-child(3){animation-delay: 0.4s;}
.dynamic-box .swiper-slide .title{font-family: "fzkt";font-size: 20px;text-align: center;line-height: 80px;color: #513313;}
.dynamic-box .swiper-slide .pic{margin-bottom: 10px;overflow: hidden;}
.dynamic-box .swiper-slide .pic a{display: block;padding-top: 50%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;}
.dynamic-box .news-list li .info .txt{display: none;}
.dynamic-box .news-list li:first-child .info .txt{display: block;}

/*史苑天地区*/
.history-box{overflow: hidden;}
.history-box .swiper-slide{width: 33.33%;padding: 0 15px;font-size: 14px;}
.history-box .swiper-slide:nth-child(2){animation-delay: 0.2s;}
.history-box .swiper-slide:nth-child(3){animation-delay: 0.4s;}
.history-box .swiper-slide .title{font-size: 20px;text-align: center;line-height: 80px;color: #513313;}

/*学院概况区*/
.profile-box{text-align: center;}
.profile-box .index-title{display: inline-block;vertical-align: top;margin-right: -160px;background: none;text-align: left;transform-origin: left top;transform: rotate(90deg) translateY(-100%);}
.profile-box .index-title .cn{writing-mode: vertical-rl;transform-origin: left bottom;transform: rotate(-90deg) translateY(100%);writing-mode: tb-rl;}
.profile-box .index-title .en{letter-spacing: 0;}
.profile-box .index-title .en2{transform: scale(.7) translateX(-4.5em);}
.profile-box .content{display: inline-block;max-height: 400px;writing-mode: vertical-rl;margin: 0 30px 0 10px;line-height: 32px;text-align: left;letter-spacing: 0.2em;writing-mode: tb-rl;}

.profile-box .more{display: inline-block;vertical-align: top;writing-mode: vertical-rl;padding: 1em 0 2em;background-color: #926a4d;line-height: 32px;letter-spacing: 0.2em;color: #fff;writing-mode: tb-rl;}

/*课程区*/
.course-box{padding-top: 10px;text-align: center;}
.course-box .item{display: inline-block;width: 20%;margin: 0 5%;transition: 0.3s;}
.course-box .item:nth-child(2){animation-delay: 0.2s;}
.course-box .item:nth-child(3){animation-delay: 0.4s;}
.course-box .item img{width: 100%;}
.course-box .item:hover{transform: translateY(-10px);}

/*友情链接区*/
.friend-links{margin-top: 40px;background-color: #f3f3f3;font-size: 0;}
.friend-links .custom-select{display: inline-block;width: 21%;margin: 20px 2%;}


/*****内页*****/
.inpage-content{position: relative;padding: 20px 30px;margin-bottom: 50px;background-color: #fffbf5;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
.inpage-content > .con-l{position: relative;float: left;width: 260px;padding-right: 30px;}
.inpage-content > .con-l:after{content: "";position: absolute;right: 0;top: 0;width: 3px;height: 100%;background-image: linear-gradient(180deg,rgba(255,255,255,0),#d3c9bc,rgba(255,255,255,0));}
.inpage-content > .con-r{min-height: 500px;margin-left: 300px;}
/*面包屑*/
.bread{font-size: 13px;color: #513313;opacity: .7;}
.bread a{margin-right: 5px;color: #513313;}
.bread a.on,.bread a:hover{color: #af251c;}
/*分页*/
.page{padding: 20px 0;font-size: 0;text-align: center;}
.page > *{display: inline-block;padding: 0 10px;margin: 0 5px;height: 30px;background-color: #fff;border: 1px solid #ddd;font-size: 14px;line-height: 28px;color: #888;}
.page > *.on,.page > *:hover{background-color: #af251c;border-color: #af251c;color: #fff;}
/*内页头部标题区*/
.inpage-top-title{overflow: hidden;border-bottom: 10px solid #ebe3da;line-height: 56px;}
.inpage-top-title .name{float: left;font-size: 20px;font-weight: bold;color: #513313;}
.inpage-top-title .bread{float: right;}
/*右侧分类导航*/
.classify-nav{margin-top: 20px;border-bottom: 1px solid #ebe3da;font-size: 0;}
.classify-nav a{display: inline-block;padding: 0 20px;margin-right: 30px;font-size: 16px;line-height: 28px;font-weight: bold;color: #513313;}
.classify-nav a:hover{background-color: #ebe3da;}
.classify-nav a.on{background-color: #af251c;color: #fff;}
/*内页导航-垂直*/
.nav-vertical-box{}
.nav-vertical-box .title{padding: 20px 25px;margin-bottom: 8px;background-color: #ebe3d9;line-height: 20px;font-weight: bold;color: #513313;}
.nav-vertical-box .title .cn{float: left;width: 90px;font-size: 20px;}
.nav-vertical-box .title .en{margin-left: 90px;text-transform: uppercase;opacity: .6;word-break: break-all;}
/*菜单栏*/
/*一级*/
.nav-vertical-box .nav-1st{}
.nav-vertical-box .nav-1st > li{position: relative;border-bottom: 1px solid #ebe5db;}
.nav-vertical-box .nav-1st > li:before{display: none;content: "";z-index: 1;position: absolute;left: 0;top: 0;width: 12px;height: 40px;background: url(../images/nav_borderL.png) no-repeat;background-size: 100% 100%;opacity: .3;}
.nav-vertical-box .nav-1st > li:after{display: none;content: "";z-index: 1;position: absolute;right: 0;top: 0;width: 12px;height: 40px;background: url(../images/nav_borderR.png) no-repeat;background-size: 100% 100%;opacity: .3;}
.nav-vertical-box .nav-1st > li > a{position: relative;display: block;padding: 10px 50px 10px 30px;font-size: 18px;line-height: 20px;transition: 0.3s;}
.nav-vertical-box .nav-1st > li > a:after{display: none;content: "";position: absolute;right: 25px;top: 50%;width: 20px;height: 12px;margin-top: -6px;background: url(../images/nav_arrowR_red.png) no-repeat;background-size: 100% 100%;}
.nav-vertical-box .nav-1st > li:hover:before{display: block;}
.nav-vertical-box .nav-1st > li:hover:after{display: block;}
.nav-vertical-box .nav-1st > li:hover > a{background-color: #ebe5db;font-weight: bold;color: #af251c;}
.nav-vertical-box .nav-1st > li:hover > a:after{display: block;}
.nav-vertical-box .nav-1st > li.on:before{display: block;}
.nav-vertical-box .nav-1st > li.on:after{display: block;}
.nav-vertical-box .nav-1st > li.on > a{background-color: #ebe5db;font-weight: bold;color: #af251c;}
.nav-vertical-box .nav-1st > li.on > a:after{display: block;}
/*二级*/
.nav-vertical-box .nav-2nd{padding: 5px 0;}
.nav-vertical-box .nav-2nd > li{}
.nav-vertical-box .nav-2nd > li > .tit{position: relative;}
.nav-vertical-box .nav-2nd > li > .tit .name{display: block;padding: 10px 30px 10px 40px;font-size: 16px;line-height: 20px;}
.nav-vertical-box .nav-2nd > li > .tit .fold-btn{position: absolute;right: 15px;top: 50%;width: 20px;height: 20px;margin-top: -10px;background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjk5NS40OTNhLjUuNSAwIDAgMC0uMzQ5LjE1M0w2IDUuMjkzIDEuMzU0LjY0NmEuNS41IDAgMCAwLS43MDguNzA4bDUgNWEuNS41IDAgMCAwIC43MDggMGw1LTVhLjUuNSAwIDAgMC0uMzU5LS44NlYuNDkzeiIgZmlsbD0iI0FGMjUxQyIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+') center no-repeat;background-size: 12px 12px;cursor: pointer;transform: rotate(-90deg);transition: 0.3s;}
.nav-vertical-box .nav-2nd > li > .tit .fold-btn:hover{background-color: #ebe5db;}
.nav-vertical-box .nav-2nd > li > .tit > .name:hover{background-color: #ebe5db;}
.nav-vertical-box .nav-2nd > li.open >.tit > .name{color: #af251c;}
.nav-vertical-box .nav-2nd > li.open > .tit .fold-btn{transform: rotate(0);}
.nav-vertical-box .nav-2nd > li.open .nav-3rd{display: block;}
/*三级*/
.nav-vertical-box .nav-3rd{display: none;padding: 5px 0;}
.nav-vertical-box .nav-3rd > li{}
.nav-vertical-box .nav-3rd > li > a{position: relative;display: block;padding: 8px 30px 8px 50px;line-height: 20px;color: #666;transition: 0.3s;}
.nav-vertical-box .nav-3rd > li > a:before{content: '';position: absolute;left: 40px;top: 50%;width: 2px;height: 2px;background-color: currentColor;border-radius: 50%;transform: translateY(-50%);}
.nav-vertical-box .nav-3rd > li > a:hover{background-color: #ebe5db;}
.nav-vertical-box .nav-3rd > li.on > a{color: #af251c;}

/*内页导航-横向*/
.nav-horizontal-box{position: relative;background-color: #f1f1f1;font-size: 0;}
.nav-horizontal-box:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background-color: rgba(0,0,0,.05);}
.nav-horizontal-box a{display: inline-block;padding: 0 20px;font-size: 14px;line-height: 50px;color: #666;}
.nav-horizontal-box a.on{background-color: #af251c;color: #fff;}

/*新闻快讯区*/
.fast-news-box{display:none;margin-top: 70px;}
.fast-news-box .title{padding: 10px 0;border-bottom: 4px solid #ede7de;line-height: 20px;font-weight: bold;color: #513313;}
.fast-news-box .title .cn{display: inline-block;font-size: 20px;}
.fast-news-box .title .en{display: inline-block;text-transform: uppercase;opacity: .6;}
.fast-news-box .title .more{float: right;font-weight: normal;font-size: 12px;color: #888;}
.fast-news-box .title .more:hover{color: #af251c;}
.fast-news-box .list{}
.fast-news-box .list li{padding: 10px 0;border-bottom: 1px solid #ede7de;}
.fast-news-box .list li a{display: block;}
.fast-news-box .list li .num{float: left;width: 30px;font-style: italic;font-size: 20px;font-weight: bold;color: #888;}
.fast-news-box .list li .tit{margin-left: 30px;line-height: 24px;color: #513313;opacity: .7;transition: 0.3s;}
.fast-news-box .list li:nth-child(1) .num{color: #ff0000;}
.fast-news-box .list li:nth-child(2) .num{color: #ff6e1f;}
.fast-news-box .list li:nth-child(3) .num{color: #ffb31f;}
.fast-news-box .list li:hover .tit{color: #af251c;transform: translateX(0.3em);}

/*新闻详情*/
.news-details{position: relative;padding: 30px;}
.news-details .title{padding-bottom: 15px;border-bottom: 1px solid #ebe4da;font-size: 24px;line-height: 32px;text-align: center;font-weight: bold;}
.news-details .record{margin-top: 20px;text-align: center;line-height: 20px;opacity: .7;}
.news-details .record span{display: inline-block;margin: 0 10px;}
.news-details .content{margin-top: 20px;font-size: 16px;line-height: 32px;text-align: justify;}
.news-details .content img{display: inline-block;}
.news-details .content em,.news-details .content i{font-style: italic;}{font-style: italic;}
.news-details .other-links{padding-top: 20px;margin-top: 40px;border-top: 2px solid #ebe3da;}
.news-details .other-links .item{margin-bottom: 5px;font-size: 16px;line-height: 24px;font-weight: bold;}
.news-details .other-links .item span{float: left;}
.news-details .other-links .item a{display: block;padding-left: 4em;color: #513313;}
.news-details .other-links .item a:hover{text-decoration: underline;color: #af251c;}

/*关于我们*/
.about-box{color: #513313;}
.about-box .title{border-bottom: 0;}
.about-box .content{position: relative;height: 500px;padding-bottom: 20px;margin-top: 10px;overflow: hidden;}
.about-box .content .btns-area{position: absolute;left: 0;bottom: 0;width: 100%;padding-top: 100px;background-image: linear-gradient(180deg,rgba(255,255,255,0),#fffbf5 60%);}
.about-box .content .btns-area .btn{padding: 0 1.5em;background-color: transparent;border-color: #998570;border-radius: 4px;font-size: 16px;line-height: 30px;font-weight: bold;color: #af251c;}
.about-box .content .btns-area .btn img{margin: -3px 0 0 5px;}

/*图片列表*/
.images-list{overflow: hidden;min-height: 500px;margin-top: 40px;}
.images-list li{float: left;width: 21%;margin: 0 2% 40px;}
.images-list li a{display: block;color: #513313;}
.images-list li .pic{overflow: hidden;}
.images-list li .pic em{display: block;padding-top: 130%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;}
.images-list li .name{line-height: 40px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.images-list li .name span{margin-right: 0.3em;font-size: 18px;font-weight: bold;color: #af251c;}
.images-list li:hover .pic em{transform: scale(1.05);}

/*图文列表*/
.pic-info-list{min-height: 500px;margin-top: 40px;}
.pic-info-list li{position: relative;margin-bottom: 36px;box-shadow: 0 0 10px #ebe3d9;}
.pic-info-list li a{overflow: hidden;display: block;color: #513313;}
.pic-info-list li .pic{position: absolute;left: 0;top: 0;width: 26%;height: 100%;}
.pic-info-list li .pic em{position: absolute;right: 0;top: 50%;width: 100%;padding-top: 66%;background-position: center;background-size: cover;background-repeat: no-repeat;transform: translateY(-50%);transition: 0.5s;}
.pic-info-list li .info{padding: 15px;margin-left: 26%;}
.pic-info-list li .info .tit{padding-bottom: 5px;border-bottom: 1px solid #e9e1db;font-size: 16px;line-height: 28px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pic-info-list li .info .txt{height: 40px;margin-top: 10px;line-height: 20px;overflow: hidden;}
.pic-info-list li .info .date{margin-top: 15px;}
.pic-info-list li .info .date em{margin-left: 1em;text-decoration: underline;color: #af251c;}
.pic-info-list li:hover{background-color: #fff;}
.pic-info-list li:hover .pic em{width: calc(100% - 15px);padding-top: 50%;}
.pic-info-list li:hover .info .tit{color: #af251c;}


/*大屏PC:>1200px*/
@media screen and (min-width: 1200px){
	/*常用宽度*/
	.w1200{width: 1200px;}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	/*header*/
	.header{height: 400px;}
	/*导航*/
	.nav-box{bottom: 30px;}
	.nav-box .nav > li > a{padding: 0 15px;}

	/***首页***/
	/*公共标题*/
	.index-title .cn{font-size: 28px;}
	.index-title .en{margin-top: 5px;font-size: 18px;letter-spacing: 0.1em;}
	.index-title .en2{margin-top: 0;}
	/*浏览更多按钮*/
	.read-more{margin-top: 30px;}
	/*内容*/
	.index-content{padding: 20px 0 0;}
	.index-content .part{margin-bottom: 60px;}
	.index-content .part3{padding-bottom: 180px;}

	/*****内页*****/
	/*图片列表*/
	.images-list li{width: 29.33%;}
}

/*pad:>=768px && <=1024px*/
@media screen and (max-width: 1024px){
	/*header*/
	.header{height: 160px;}
	.header .logo{top: 10px;}
	.header .logo img{max-height: 50px;}
	/*搜索栏*/
	.search-wrap{right: 60px;top: 21px;}
	/*标题*/
	.header .title{top: 80px;transform: translateY(0);}
	.header .title img{max-height: 60px;}
	/*移动端导航按钮*/
	.header .menu-btn{display: block;z-index: 20;position: absolute;right: 5%;top: 20px;width: 24px;height: 24px;font-size: 0;cursor: pointer;}
	.header .menu-btn span{display: inline-block;width: 100%;height: 3px;background-color: #c81000;transition: 0.5s ease-out;}
	.header .menu-btn span:nth-child(2){margin: 7px 0;}
	.header .menu-btn.close{position: fixed;}
	.header .menu-btn.close span{background-color: #000;}
	.header .menu-btn.close span:nth-child(1){transform: rotate(45deg) translate3d(7px,7px,0);}
	.header .menu-btn.close span:nth-child(2){transform: scale3d(0,1,1);}
	.header .menu-btn.close span:nth-child(3){transform: rotate(-45deg) translate3d(7px,-7px,0);}
	/*导航*/
	.nav-box{display: none;z-index: 19;position: fixed;left: 0;top: 0;float: none;width: 100%;height: 100%;background-color: #fff;}
	.nav-box .nav{width: 80%;height: 80vh;margin: 10vh auto 0;border: 0;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
	.nav-box .nav::-webkit-scrollbar{width: 2px;height: 2px;background: #eee;border-radius: 2px;}
	.nav-box .nav::-webkit-scrollbar-thumb{background: #ccc;border-radius: 2px;}
	.nav-box .nav > li{display: block;float: none;padding: 0;margin: 0;border: 0;border-bottom: 1px solid #eee;line-height: 50px;}
	.nav-box .nav > li:before{display: none;}
	.nav-box .nav > li .more-btn{display: block;position: absolute;right: 0;top: 0;width: 50px;height: 50px;font-size: 20px;text-align: center;line-height: 50px;color: #999;cursor: pointer;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
	.nav-box .nav > li > a{display: block;width: 80%;padding: 0 10px;font-size: 16px;color: #333;}
	.nav-box .nav > li > a:after{display: none;}
	.nav-box .nav > li.on,.nav-box .nav > li:hover{background-color: transparent;}
	.nav-box .nav > li.on > a,.nav-box .nav > li:hover > a{color: #333;}
	.nav-box .nav > li.on .more-btn{transform: rotate(45deg);}
	.nav-box .nav-2nd{position: initial;width: 100%;padding: 0;margin-bottom: 15px;background-color: transparent;transform: translateX(0);}
	.nav-box .nav-2nd > li > a{padding: 10px 20px;text-align: left;color: #999;}
	.nav-box .nav-2nd > li > a:hover{background-color: transparent;}

	/*****内页*****/
	/*图片列表*/
	.images-list li{width: 46%;}
}

/*phone:<=767px*/
@media screen and (max-width: 767px){
	/*header*/
	.header{height: 120px;}
	.header .logo{top: 16px;}
	.header .logo img{max-height: 35px;}
	/*搜索栏*/
	.search-wrap{right: 50px;width: 100px;}
	/*标题*/
	.header .title{top: 70px;transform: translateY(0);}
	.header .title img{max-width: 220px;max-height: 40px;}

	/*footer*/
	.footer .ewm-box{display: none;}

	/***首页***/
	/*公共标题*/
	.index-title .cn{font-size: 22px;}
	.index-title .en{font-size: 14px;}
	/*浏览更多按钮*/
	.read-more{margin-top: 10px;}
	/*内容*/
	.index-content{padding: 0;}
	.index-content .part{margin-bottom: 40px;}
	.index-content .part3{padding-bottom: 80px;}

	/*学院动态区*/
	.dynamic-box .swiper-slide{width: 100%;}
	.dynamic-box .swiper-slide .title{font-size: 16px;line-height: 50px;}

	/*史苑天地区*/
	.history-box .swiper-slide{width: 100%;}
	.history-box .swiper-slide .title{font-size: 16px;line-height: 50px;}

	/*学院概况区*/
	.profile-box .index-title{margin-right: -190px;}
	.profile-box .content{margin: 0 10px;line-height: 24px;}

	/*课程区*/
	.course-box .item{width: 30%;margin: 10px 5%;}

	/*友情链接区*/
	.friend-links{padding: 5px 0;margin-top: 10px;}
	.friend-links .custom-select{display: block;width: 92%;margin: 10px 4%;}

	/*****内页*****/
	.inpage-content{padding: 10px;margin-bottom: 30px;}
	.inpage-content > .con-l{display: none;}
	.inpage-content > .con-r{margin-left: 0;}
	/*分页*/
	.page > *{height: 26px;padding: 0 7px;margin: 0 2px;line-height: 24px;}
	/*内页头部标题区*/
	.inpage-top-title{border-bottom-width: 5px;line-height: 40px;}
	.inpage-top-title .bread{display: none;}
	/*右侧分类导航*/
	.classify-nav a{padding: 0 20px;margin-right: 10px;font-size: 14px;}

	/*新闻详情*/
	.news-details{padding: 20px 10px;}
	.news-details .title{font-size: 20px;line-height: 24px;}
	.news-details .record{margin-top: 10px;font-size: 12px;}
	.news-details .record span{margin: 0 5px;}

	/*关于我们*/
	.about-box{}

	/*图片列表*/
	.images-list{margin-top: 20px;}
	.images-list li{margin-bottom: 20px;}

	/*图文列表*/
	.pic-info-list{margin-top: 20px;}
	.pic-info-list li{margin-bottom: 20px;}

	/*新闻列表2*/
	.news-list2 li .tit{font-size: 15px;}
	.news-list2 li .date{font-size: 12px;}
}