@charset "utf-8";
/* CSS Document */
/* By Luweimo */
body{ margin:0 auto; padding:0; font:14px "SourceHanSansSC","PingFang SC","Microsoft YaHei"; background:#fff; color: #333; }
a{ text-decoration:none; color:#333; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
a:hover{ color:#B31212; transition: all 0.3s;}
div,img,ul,li,em,p,span{ margin: 0; padding: 0;}
li{ list-style: none;}
em,i{ font-style: normal;}
label{ cursor: pointer;}
input,button,select,textarea{ font:14px "PingFang SC","Microsoft YaHei";margin: 0;padding: 0;outline: none;}

/****/
.site-message{ width: 300px; text-align: center; line-height: 30px; padding: 20px; box-shadow: 1px 2px 10px 0px #ccc; background: #fff; position: fixed; left: 50%; top: 0; margin: 10% 0 0 -170px; z-index: 9999; display: block; overflow: hidden;}
.site-empty{ width: 100%; text-align: center; line-height: 30px; margin: 50px auto;}

/**public header**/
.header{ width: 100%; position: relative; z-index: 999;}
.header .top{ width: 100%; height: 36px; background: #B31212;}
.header .top .sub{ width: 1200px; margin: 0 auto;}
.header .top .sub .left{ height: 36px; line-height: 36px; float: left; color: #fff;}
.header .top .sub .right{ float: right;}
.header .top .sub .right .right-a{ float: left; line-height: 36px; height: 36px; padding-right: 20px; display: block; float: left; margin-left: 25px; color: #fff;}
.header .top .sub .right #admin-show{ float: left; display: block;}
.header .top .sub .right .right-a.login-in{ background: url('../img/loginIcon.png') no-repeat right center;}
.header .top .sub .right .mem{ float: left; line-height: 36px; color: #fff; display: block; margin-left: 20px;}
.header .middle{ width: 1200px; height: 109px; margin: 0 auto;}
.header .middle .logo{ width: 380px; height: 76px; float: left; margin: 15px 0 0 0;}
.header .middle .logo img{ height: 100%; float: left;}
.header .middle .logo img.default{ width: 50px; height: 50px; margin-top: 5px; background: #f9f9f9; border-radius: 50%; padding: 10px;}
.header .middle .logo em{ width: 300px; float: left; line-height: 30px; margin: 20px 0 0 10px; font-size: 24px; font-weight: bolder; display: block; overflow: hidden;}
.header .middle .right{ float: right; width: 820px;}
.header .middle .right-top{ float: right; height: 32px; margin: 15px 0 0 0;}
.header .middle .search-box{ float: left; display: block; overflow: hidden;}
.header .middle .search-box .inp{ width: 180px; height: 30px; border: 1px solid #eee; border-radius: 20px;}
.header .middle .search-box .inp input{ width: 120px; padding: 0 10px; height: 30px; line-height: 30px; background: none; border: none; float: left;}
.header .middle .search-box .inp input::placeholder{ color: #ccc;}
.header .middle .search-box .inp label{ width: 40px; height: 30px; background: url('../img/searchIcon.png') no-repeat center center; background-size: 16px; display: block; float: left; cursor: pointer;}
.header .middle .search-box .inp label:hover{ background-size: 18px; transition: all .2s ease-in-out;}
.header .nav{ width: 100%; height: 60px; display: block; overflow: hidden; float: left;}
.header .nav .sub{ height: 60px; margin: 0 auto; float: right;}
.header .nav .sub .nav-li{ width: 90px; height: 60px; position: relative; z-index: 1; float: left;}
.header .nav .sub .nav-li>a{ width: 100%; height: 100%; line-height: 60px; font-size: 16px; text-align: center; display: block; overflow: hidden; color: #333;}
.header .nav .sub .nav-li>a.active{ color: #B31212; font-weight: bold;}
.header .nav .sub .nav-li>a:hover{ color: #B31212;}
.header .nav .sub .nav-li:first-child>a{ letter-spacing: 5px;}
.header .nav .sub .nav-sub{ width: 100%; height: 0; display: block; overflow: hidden; position: absolute; background: #fff;}
.header .nav .sub .nav-sub>a{ width: 100%; text-align: center; line-height: 30px; padding: 5px 0; display: block; overflow: hidden;}
.header .nav .sub .nav-li:hover .nav-sub{ height: auto; padding: 10px 0; transition: all .3s;}
.header .nav .sub.homeActive .nav-li:first-child>a{ color: #B31212; font-weight: bold;}
.p-show{ display: none;}
.p-hide{ display: none;}

/**public footer**/
.footer{ width: 100%; display: block; overflow: hidden; margin: 70px auto 0 auto; background: #333;}
.footer .bottom-link{ width: 1200px; margin: 15px auto; line-height: 30px; display: block; overflow: hidden; color: #999; border-top: 1px solid #444; padding-top: 10px;}
.footer .bottom-link span{ float: left;}
.footer .bottom-link a{ float: left; margin-left: 20px; display: block; color: #999;}
.footer .bottom-link a:hover{ color: #333;}
.footer .sub{ width: 1200px; margin: 50px auto 30px auto; display: block; overflow: hidden;}
.footer .bot-logo{ width: 200px; float: left;}
.footer .bot-logo img{ width: 100%;}
.footer .info{ width: 600px; line-height: 30px; color: #7E7E7E; display: block; overflow: hidden; float: left; text-align: left; margin: 10px 0 0 50px;}
.footer .info a{ color: #7E7E7E;}
.footer .bot-qrcode{ width: 100px; float: right;}
.footer .bot-qrcode img{ width: 100%;}
.footer .bottom-info{ width: 1200px; margin: 5px auto; line-height: 30px; display: block; overflow: hidden; color: #7E7E7E;}
.footer .bottom-info a{ color: #7E7E7E; margin: 0 5px;}

/**public other**/
.tra{ -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}

/**文字信息显示行数，超出隐藏**/
.line1{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.line4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}


/**返回顶部**/
#backTop{ width: 50px; height: 50px; position: fixed; right: 10px; bottom: 10px; background: #f9f9f9; border-radius: 5px; border: 1px solid #f1f1f1; display: none;}
.mains{ width: 1200px; margin: 0 auto;}
.mains02{ width: 1200px; margin: 20px auto 70px auto; display: block; overflow: hidden;}
.mains-left{ width: 235px; float: right; margin-bottom: 50px}
.mains-right{ width: 920px; float: left; min-height: 500px; margin: 20px 0 50px 0;}

.right-details{ width: 100%; margin: 20px 0 50px 0; display: block; overflow: hidden; line-height: 26px;}
.right-details img{ max-width: 100%;}
.mains-right.right2{ width: 100%;}

/**public 左侧菜单栏**/
.left-menu{ width: 235px; float: left; z-index: 999; margin-top: 20px; box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.06);}
.left-menu .tit{ width: 100%; height: 60px; background: #B31212; line-height: 60px; color: #fff; font-size: 18px; font-weight: bold; text-indent: 30px;}
.left-menu .tit a{ display: none;}
.left-menu .a{ width: 100%;}
.left-menu .a a{ width: 100%; height: 60px; display: block; overflow: hidden;}
.left-menu .a a label{ min-width: 80px; padding-right: 20px; line-height: 60px; display: block; overflow: hidden; margin-left: 60px; background: url('../img/rightIcon.png') no-repeat right center; float: left; font-size: 16px;}
.left-menu .a a:hover label{ background-position: right 5px center!important; transition: all 0.3s;} 
.left-menu .a a.active{ background: #47A2FF;}
.left-menu .a a.active label{ background: url('../img/rightIcon_02.png') no-repeat right center; color: #fff;}

.left-menu .asub{ width: 90%; display: block; padding: 10px 0;}
.left-menu .asub ul{ width: 90%; display: block; overflow: hidden; padding-left: 10%;}
.left-menu .asub ul li{ width: 100%; display: block; overflow: hidden; line-height: 30px; padding: 8px 0; font-size: 18px;}
.left-menu .asub ul li a.active{ color: #B31212;}

.left-plates{ width: 100%; margin: 30px 0 0 0; display: block; overflow: hidden; float: left;}
.left-plates label{ width: 100%; height: 30px; line-height: 30px; display: block; overflow: hidden; margin-bottom: 10px;}
.left-plates label a{ float: right;}
.left-plates label.hot{ background: url('../img/home/new.png') no-repeat left center;}
.left-plates label.env{ background: url('../img/home/env.png') no-repeat left center;}
.left-plates .hot-li{ width: 233px; border: 1px solid #eee; display: block; overflow: hidden; padding: 10px 0;}
.left-plates .hot-li li{ width: 90%; display: block; overflow: hidden; margin: 8px auto 0 auto;}
.left-plates .hot-li li a{ width: 100%; height: 26px; line-height: 26px; font-size: 16px;}
.left-plates .hot-li li em{ color: #999;}
.left-plates .env-more{ width: 233px; border: 1px solid #eee; display: block; overflow: hidden;}
.left-plates .env-more img{ width: 100%; float: left;}
.left-plates .env-more em{ text-align: center; line-height: 30px; display: block;}

.full-menu-sub{ width: 100%; background: #f9f9f9; display: block; overflow: hidden;}
.full-menu{ width: 1200px; height: 62px; display: block; overflow: hidden; margin: 0 auto;}
.full-menu .a a{ float: left; line-height: 60px; margin-right: 30px; display: block; font-size: 16px;}
.full-menu .a a.active{ border-bottom: 2px solid #B31212; color: #B31212; font-weight: bold;}
.full-cot{ width: 1200px; margin: 50px auto; display: block; overflow: hidden; min-height: 500px;}

/**public 顶部大图**/
.top-pics{ width: 100%; height: 400px; display: block; overflow: hidden;}
.top-pics .pic{ width: 100%; height: 400px; background-position: center center!important; background-size: cover!important; display: block; overflow: hidden;}

/**public 面包屑导航**/
.bread-link{ width: 100%; display: block; overflow: hidden; line-height: 30px; float: left; margin: 10px auto 0 auto;}
.bread-link span{ float: left; background: url('../img/homeIcon_02.png') no-repeat left center; display: block; padding-left: 25px;}
.bread-link a{ float: left; margin: 0 0 0 3px;}
.bread-link a.chk{ border-bottom: 1px solid #B31212; color: #B31212;}

/**public 其他页面栏目标题**/
.li-menu{ width: 100%; height: 80px; display: block; overflow: hidden; color: #999; font-size: 20px; line-height: 30px; text-align: center;  margin: 10px 0 0 0;}
.li-menu span{ width: 200px; height: 50px; display: block; overflow: hidden; margin: 0 auto; line-height: 50px;}
.li-menu span label{ width: 30px; height: 1px; background: #ccc; margin: 25px 0 0 0; float: left; display: block;}
.li-menu span em{ width: 140px; text-align: center; font-size: 26px; font-weight: bold; float: left; display: block; color: #333;}
.li-menu.honor-bac{ background: url('../img/liMenuHonorBac.png') no-repeat center center; background-size: auto 100%;}

/**public 详细**/
.mains-details{ width: 1200px; display: block; overflow: hidden; margin: 0 auto;}
.mains-details .sub{ width: 100%; display: block; overflow: hidden; margin: 0 auto; float: left;}
.details-tit{ width: 100%; display: block; overflow: hidden; line-height: 30px; margin: 30px auto 0 auto; font-size: 24px; font-weight: bolder; text-align: center;}
.details-info{ width: 100%; display: block; overflow: hidden; line-height: 30px; margin: 20px auto 0 auto; color: #999; text-align: center;}
.details-info label{ margin: 0 10px;}
.details-cot{ width: 100%; display: block; overflow: hidden; line-height: 24px; margin: 30px 0; min-height: 300px;}
.details-cot img{ max-width: 100%;}
.details-cot video{ max-width: 100%;}
.details-vid-sub{ width: 100%; display: block; overflow: hidden;}
.details-vid-sub em{ width: 100%; text-align: center; line-height: 30px; padding-bottom: 10px; display: block; overflow: hidden;}
.details-vid{ width: 100%; height: 400px; display: block; overflow: hidden; position: relative; margin: 30px auto 0 auto;}
.details-pic{ width: 100%; display: block; overflow: hidden; line-height: 24px; margin: 30px auto 0 auto;}
.details-pic img{ max-width: 100%; display: block; overflow: hidden; margin: 0 auto;}

.details-file{ width: 93%; display: block; overflow: hidden; margin: 50px 0 30px 0; background: #f9f9f9; padding: 10px 3%; border: 1px solid #f1f1f1;}
.details-file em{ font-size: 16px; font-weight: bold; padding-bottom: 10px; display: block; width: 100%;}
.details-file p{ width: 100%; padding: 5px 0; display: block; overflow: hidden; position: relative; z-index: 1;}
.details-file p a{ float: left; line-height: 24px; display: block; overflow: hidden;}
.details-file p a i{ background: #B31212; padding: 0 5px; float: left; display: block; overflow: hidden; color: #fff; margin-right: 10px; border-radius: 5px; font-size: 12px;}
/**public 列表**/
.mains-right .menu{ width: 100%; height: 39px; border-bottom: 1px solid #F6F6F6; margin-top: 20px;}
.mains-right .menu .tit{ float: left; height: 36px; line-height: 36px; border-bottom: 4px solid #B31212; font-size: 20px; font-weight: bold;}
.mains-right .menu .tit label{ float: left;}
.mains-right .menu .tit label.txt{ margin: 0 10px;}
.mains-right .menu .tit label.icon{ width: 10px; height: 36px; background: url('../img/menuLeftIcon.png') no-repeat center center;}
.mains-right .menu .tit label.icon.right{ background: url('../img/menuRightIcon.png') no-repeat center center;}
.mains-right .menu a{ float: right; height: 36px; line-height: 36px; background: url('../img/moreIcon.png') no-repeat right center; background-size: 7px; padding-right: 25px; color: #999; display: block;}
.mains-right .menu a:hover{ color: #B31212;}

/**public 列表 分类选择**/
.listType{ width: 300px; display: block; overflow: hidden; margin: 10px auto; background: #f9f9f9; padding: 3px; border: 1px solid #f1f1f1;}
.listType a{ width: 33.33%; height: 40px; line-height: 40px; text-align: center; float: left;}
.listType a:hover{ background: #B31212; color: #fff; opacity: .5;}
.listType a.active{ background: #B31212; color: #fff; opacity: 1;}

/**public 列表 文章**/
.listLi{ width: 100%; display: block; overflow: hidden;}
.listLi li{ width: 98%; display: block; overflow: hidden; float: left; padding: 15px 0; border-bottom: 1px solid #f1f1f1;}
.listLi li .time{ width: 100%; line-height: 33px; color: #999; float: left;}
.listLi li .title{ width: 100%; height: 36px; margin: 10px 0 0 0; float: left;}
.listLi li .title p{ max-width: 450px; float: left; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 18px;}
.listLi li .title label{ float: right; line-height: 36px; color: #999; font-size: 18px;}
.listLi li .info{ width: 100%; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; float: left; font-size: 14px; color: #999;}
.listLi li.showPic02{ height: 110px; margin: 20px 0;}
.listLi li.showPic02 .pic{ width: 148px; height: 110px; float: left; display: block; overflow: hidden;}
.listLi li.showPic02 .l3{ width: 719px; height: 63px; line-height: 21px; -webkit-line-clamp: 3;}
.listLi li.showPic02 .title{ width: 719px;}
.listLi li:hover{ position: relative; z-index: 11; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; background: #f9f9f9;}
.listLi li:hover .title a{ color: #B31212; font-weight: bold;}

/**public 列表 图片视频**/
.listLi li.listpic{ width: 32.33%; margin: .5%; float: left; height: auto;}
.listLi li.listpic .pic{ width: 100%; height: 210px; float: left; display: block; overflow: hidden; background-position: center center!important; background-size: cover!important;}
.listLi li.listpic .title{ width: 90%; height: 56px; margin: 0 0 0 5%;}
.listLi li.listpic .title p{ width: 100%; display: block; overflow: hidden;}
.listLi li.listpic .title label{  float: left; height: 20px; line-height: 20px; font-size: 14px; color: #999;}

/**public 列表 搜索**/
.result-list{ margin: 50px auto 0 auto; display: block; overflow: hidden;}
.result-title{ width: 100%; font-size: 16px; line-height: 30px; display: block; overflow: hidden;}
.result-title label{ color: red;}


/** 主页 **/
.index-banner{ width: 100%; height: 800px; position: relative;}

.main-index-top{ width: 1200px; margin: 70px auto 0 auto; display: block; overflow: hidden;}
.main-index-top ul{ width: 600px; height: 600px; padding-left: 600px;  display: block; overflow: hidden; position: relative; margin: 30px auto 0 auto;}
.main-index-top ul li{ width: 270px; height: 270px; float: left; display: block; overflow: hidden; margin: 0 0 30px 30px;}
.p-pic{ width: 100%; height: 190px; display: block; overflow: hidden; float: left; background-size: cover!important; background-position: center center!important;}
.p-time{ width: 100%; height: 30px; line-height: 30px; display: block; overflow: hidden;}
.p-title{ width: 100%; height: 50px; line-height: 25px; font-size: 16px; display: block; overflow: hidden;}
.main-index-top ul li:first-child{ width: 600px; height: 570px; position: absolute; left: 0; margin: 0;}
.main-index-top ul li:first-child .p-pic{ width: 100%; height: 490px;}
.main-index-top ul li:first-child .p-title{ line-height: 50px; font-size: 20px;}

.main-index-sub{ width: 100%; margin: 40px auto; background: #f9f9f9; display: block; overflow: hidden;}
.main-index-plate{ width: 1200px; display: block; overflow: hidden; margin: 70px auto;}
.plates{ width: 380px; height: 370px; float: left; margin-bottom: 40px; margin-right: 30px;}
.plates .menu{ width: 100%; height: 36px; border-bottom: 4px solid #f1f1f1;}
.plates .menu .tit{ float: left; height: 36px; line-height: 36px; border-bottom: 4px solid #B31212; font-size: 22px; font-weight: bolder; color: #B31212;}
.plates .menu .tit label{ float: left;}
.plates .menu a{ float: right; height: 36px; line-height: 36px; background: url('../img/moreIcon.png') no-repeat right center; background-size: 7px; padding-right: 25px; color: #999; display: block;}
.plates .menu a:hover{ color: #B31212;}
.plates ul{ width: 100%; height: 320px; display: block; overflow: hidden; margin-top: 18px;}
.plates ul li{ width: 100%; height: 40px; float: left; position: relative; z-index: 1;}
.plates ul li .title{ width: 320px; height: 40x; float: left;}
.plates ul li .title a{ max-width: 280px; height: 40px; line-height: 40px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; float: left;}
.plates ul li label{ float: right; line-height: 40px; color: #999; font-size: 16px;}
.plates ul li .hotIcon{ width: 60px; height: 40px; background: url('../img/hotIcon.png') no-repeat center center; float: left;}
.plates ul li .newIcon{ width: 60px; height: 40px; background: url('../img/newIcon.png') no-repeat center center; float: left;}
.main-index-plate .plates:nth-child(3){ float: right; margin-right: 0;}
.main-index-plate .plates:nth-child(6){ float: right; margin-right: 0;}

.main-index-bot{ width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.main-index-bot .bot-left{ width: 100%; display: block; overflow: hidden; float: left;}
.main-index-bot .bot-left ul{ width: 100%; height: 410px; display: block; overflow: hidden; margin-top: 30px;}
.main-index-bot .bot-left ul a{ width: 24%; height: 200px; display: block; overflow: hidden; position: relative; float: left; background: #f9f9f9; margin: 0 0 10px 1%;}
.main-index-bot .bot-left ul a span{ width: 100%; height: 100%; display: block; overflow: hidden; transform: scale(1);}
.main-index-bot .bot-left ul a em{ width: 100%; text-align: center; line-height: 50px; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 9;}
.main-index-bot .bot-left ul a:first-child{ width: 40%; height: 410px; margin-left: 0;}
.main-index-bot .bot-left ul a:nth-child(2){ width: 34%; height: 410px;}
.main-index-bot .bot-left ul a:hover span{ transform: scale(1.2); transition: all .3s ease;}
.main-index-bot .bot-left ul a:hover em{ background: rgba(0,0,0,0.5); transition: all .3s ease;}

.main-index-aboutSub{ width: 100%; margin: 70px auto 0 auto; display: block; overflow: hidden; background: #f9f9f9;}
.main-index-about{ width: 1200px; margin: 70px auto; display: block; overflow: hidden;}
.main-index-about .about-info{ width: 660px; float: left;}
.main-index-about .about-tit{ width: 100%; height: 36px; line-height: 36px; font-size: 22px; color: #B31212; font-weight: bolder;}
.main-index-about .about-dec{ width: 100%; line-height: 30px; display: block; overflow: hidden; margin: 25px auto; text-indent: 30px; font-size: 16px;}
.main-index-about .about-more{ width: 120px; height: 30px; border: 1px solid #B31212; color: #B31212; line-height: 30px; text-align: center; display: block; border-radius: 15px;}
.main-index-about .about-pic{ float: right; width: 500px;}
.main-index-about .about-pic img{ width: 100%;}

.main-index-piclist{ width: 1200px; margin: 70px auto; display: block; overflow: hidden;}

.index-teach{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.index-teach a{ float: left; width: 260px; height: 350px; display: block; overflow: hidden; position: relative; background: #fff; padding: 10px; margin-right: 26px; cursor: pointer;}
.index-teach a:last-child{ float: right; margin: 0;}
.index-teach a span{ width: 100%; height: 100%; display: block; background-size: cover!important; background-position: center center!important;}
.index-teach a em{ width: 90%; bottom: -100px; text-align: center; line-height: 30px; background: #B31212; color: #fff; border-radius: 10px; position: absolute; left: 5%; transition: all .3s;}
.index-teach a:hover em{ bottom: 20px;  opacity: 1;}
.index-honor{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.index-honor a{ float: left; width: 250px; height: 250px; display: block; overflow: hidden; position: relative; background: #fff; padding: 20px; margin: 5px; box-shadow: 1px 1px 5px 1px #eee;}
.index-honor a span{ width: 100%; height: 100%; display: block; background-size: cover!important; background-position: center center!important;}

.index-act{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
.index-act a{ width: 38%; float: left; display: block; overflow: hidden; height: 210px; position: relative; background: #f9f9f9; margin: 10px 0 0 1%; transition: all .3s}
.index-act a em{ width: 90%; height: 28px; padding: 10px 5%; position: absolute; left: 0; bottom: 0; line-height: 24px; color: #fff;}
.index-act a em p{ width: 100%; display: block; overflow: hidden; line-height: 24px; padding: 3px 0; float: left;}
.index-act a em p.tit{ font-size: 20px; font-weight: bold; text-align: center;text-shadow: 2px 2px 5px #333; padding-bottom: 10px; }
.index-act a span{ width: 100%; height: 100%; display: block; background-position: center center!important; background-size: cover!important;}
.index-act a:first-child{ width: 61%; height: 430px; margin-left: 0;}
.index-act a:hover{ transition: all .3s}
.index-act a:hover em{ height: auto; padding: 20px 5%; transition: all .3s; background: rgba(179,18,18,.8);}
.index-act a:hover em p.tit{ text-align: left;}


.index-menu{ width: 100%; height: 36px;}
.index-menu em{ float: left; height: 36px; line-height: 36px; font-size: 22px; font-weight: bolder; color: #B31212;}
.index-menu a{ float: right; height: 36px; line-height: 36px; background: url('../img/moreIcon.png') no-repeat right center; background-size: 7px; padding-right: 25px; color: #999; display: block;}
.index-menu a:hover{ color: #B31212;}
.index-menu.line{ border-bottom: 4px solid #f9f9f9;}
.index-menu.line em{ border-bottom: 4px solid #B31212;}

/**关于我们 教师列表**/
.teacher-li{ width: 1200px; display: block; overflow: hidden;}
.teacher-li ul li{ width: 275px; float: left; display: block; overflow: hidden; font-size: 16px; color: #999; margin: 25px 25px 0 0;}
.teacher-li ul li span{ width: 100%; height: 455px; display: block; overflow: hidden;}
.teacher-li ul li span img{ float: left; width: 100%;}
.teacher-li ul li em{ width: 100%; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; text-align: center; margin-top: 10px;}
.teacher-li ul li p{ width: 100%; height: 48px; line-height: 24px; color: #999; text-align: center; margin-top: 10px;}

.atlas-box{ width: 100%; margin: 0 auto;}

.env-tit{ width: 100%; line-height: 50px; font-size: 24px; font-weight: bold; text-align: center; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.env-dec{ width: 100%; display: block; overflow: hidden; margin: 10px auto 0 auto;}
.env-dec img{ max-width: 100%; display: block; overflow: hidden; margin: 10px auto; clear: both;}

.home-list{ width: 960px; display: block; overflow: hidden;}
.home-list .news-carousel{ margin: 20px 20px 0 0; float: left;}
.home-li .menu{ margin: 5px 0;}
.home-li{ width: 460px; height: 380px; float: left; margin: 20px 20px 0 0;}
.home-li ul{ width: 100%; height: 320px; display: block; overflow: hidden; margin-top: 8px;}
.home-li ul li{ width: 100%; height: 40px; float: left; position: relative; z-index: 1;}
.home-li ul li .title{ width: 400px; height: 40px; float: left;}
.home-li ul li .title a{ max-width: 340px; height: 40px; line-height: 40px; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; float: left;}
.home-li ul li label{ float: right; line-height: 40px; color: #999; font-size: 16px;}
.home-li ul li .hotIcon{ width: 60px; height: 40px; background: url('../img/hotIcon.png') no-repeat center center; float: left;}
.home-li ul li .newIcon{ width: 60px; height: 40px; background: url('../img/newIcon.png') no-repeat center center; float: left;}

/*留言评论*/
.comments{ width: 100%; display: block; overflow: hidden;}
.comments .com-li{ width: 100%; display: block; overflow: hidden; margin: 30px 0 0 0;}
.comments .main{ width: 100%; display: block; overflow: hidden;}
.comments .sub{ width: 900px; display: block; overflow: hidden; background: #f9f9f9; padding: 18px; border: 1px solid #eee;}
.com-ul{ width: 100%; display: block; overflow: hidden;}
.com-ul li{ width: 100%; display: block; overflow: hidden; margin: 5px 0;}
.com-ul li .pic{ width: 40px; height: 40px; float: left; background: #f9f9f9; border-radius: 50%; display: block; overflow: hidden; border: 1px solid #eee;}
.com-ul li .info{ width: 880px; float: right;}
.com-ul li .info .name{ width: 100%; line-height: 30px; display: block; overflow: hidden; color: #777;}
.com-ul li .info .txt{ width: 100%; line-height: 24px; display: block; overflow: hidden; font-size: 16px; text-align: justify;}
.com-ul li .info .a{ line-height: 30px; color: #777; float: right;}
.comments .sub .com-ul li .info{ width: 840px;}

@media screen and (max-width:750px) {

	/**public header**/
	.header{ position: fixed; z-index: 9999; background: #fff; border-bottom: 1px solid #f9f9f9; top: 0;}
	.header .top{ display: none;}

	.header .middle{ width: 100%; height: auto; display: block; overflow: hidden;}
	.header .middle .logo{ width: auto; height: 40px; float: left; margin: 10px 0 10px 5%;}
	.header .middle .logo img{ height: 100%;}
	.header .middle .logo img.default{ width: auto; height: 30px; padding: 5px; margin: 0;}
	.header .middle .logo em{ margin-top: 5px; font-size: 16px;}
	.header .middle .right{ width: auto;}
	.header .middle .search-box{ width: auto; margin: 0; position: fixed; background: rgba(255,255,255,.9); top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; display: none;}
	.header .middle .search-box .inp{ width: 90%; height: 50px; margin: 20px 0 0 5%; background: #fff; border-color: #ccc; border-radius: 30px;}
	.header .middle .search-box .inp label{ width: 20%; height: 50px; }
	.header .middle .search-box .inp input{ width: 76%; height: 50px; line-height: 50px; padding: 0 2%; color: #333;}

	.header .nav{ width: 100%; height: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; display: none; background: #fff}
	.header .nav .sub{ width: 100%; height: auto;}
	.header .nav .sub .nav-li{ width: 100%; height: auto; border-bottom: 1px solid #f9f9f9;}
	.header .nav .sub .nav-li>a{ line-height: 50px; font-size: 16px;}
	.header .nav .sub .nav-sub{ position: static; height: auto; padding: 0; background: none;}
	.header .nav .sub .nav-sub>a{ width: 50%; color: #fff;}

	.p-show{ height: 60px; position: absolute; z-index: 99; right: 0; top: 0; display: block;}
	.p-show a{ width: 50px; height: 60px; float: left; display: block; overflow: hidden;}
	.p-show a label{ width: 50px; height: 60px; display: block; overflow: hidden;}
	.p-show a label.sea{ background: url('../img/pSearch.png') no-repeat center center; background-size: 50%;}
	.p-show a label.mem{ background: url('../img/pMem.png') no-repeat center center; background-size: 50%;}
	.p-show a label.men{ background: url('../img/pMenu.png') no-repeat center center; background-size: 50%;}
	.p-hide{ position: fixed; z-index: 9999; left: 50%; bottom: 5%; margin-left: -25px; display: block;}
	.p-hide a{ width: 50px; height: 50px; float: left; display: block; overflow: hidden; border: 1px solid #eee; background: #fff; border-radius: 50%; display: none;}
	.p-hide a label{ width: 50px; height: 50px; display: block; overflow: hidden;background: url('../img/pClose.png') no-repeat center center; background-size: 50%;}
	
	
	/**public footer**/
	.footer{ margin: 5% auto 0 auto;}
	.footer .sub{ width: 100%; margin: 3% auto;}
	.footer .bottom-link{ width: 90%; padding: 10px 5% 0 5%;}
	.footer .bot-logo{ width: 90%;margin-left: 5%;}
	.footer .bot-logo img{ width: 50%;}
	.footer .info{ width: 90%; margin: 10px 0 0 5%;}
	.footer .bot-qrcode{ width: 100px; float: left;}
	.footer .bottom-info{ width: 90%;}


	.mains{ width: 100%; margin: 0 auto;}
	.mains02{ width: 100%; margin: 5% auto;}
	.mains-left{ width: 100%; margin-bottom: 0}
	.mains-right{ width: 100%; min-height: auto; margin: 5% auto 10% auto;}
	.right-details{ width: 90%; margin: 5% auto;}


	/**public 左侧菜单栏**/
	.left-menu{ width: 100%; margin-top: 0;}
	.left-menu .tit{ width: 90%; text-indent: 0; padding: 0 5%;}
	.left-menu .tit a{ float: right; font-size: 14px; color: #fff; font-weight: normal; padding: 0 10px; line-height: 30px; border: 1px solid rgba(255,255,255,.3); border-radius: 5px; margin: 15px 0 0 0; display: block; overflow: hidden;}
	.left-menu .a{ display: none;}
	.left-menu .asub{ display: none;}

	.left-plates{ display: none;}

	.full-menu-sub{ width: 100%; background: #f9f9f9; display: block; overflow: hidden;}
	.full-menu{ width: 100%; height: auto; }
	.full-menu .a a{ min-width: 20%; float: left; line-height: 50px; margin-right: 0; display: block; font-size: 14px; text-align: center;}
	.full-cot{ width: 100%; margin: 30px auto;}
	.full-details{ width: 90%; margin: 0 auto;}

	/**public 面包屑导航**/
	.bread-link{ width: 90%; margin: 10px 0 10px 5%;}
	
	.mains-right .li-menu{ display: none;}

	/**public 详细**/
	.mains-details{ width: 100%;}
	.mains-details .bread-link{ float: none; margin-top: 10px;}
	.details-tit{ width: 90%; margin: 10% auto 0 auto; font-size: 24px;}
	.details-info{ width: 90%; margin: 3% auto 0 auto; line-height: 24px;}
	.details-info label{ margin: 0 1%;}
	.details-cot{ width: 90%; margin: 5% auto 0 auto;}
	.details-vid{ width: 90%; height: 200px;}
	.details-pic{ width: 90%;}
	.details-file{ width: 84%; margin-left: 5%;}
	/**public 列表**/
	.mains-right .menu{ display: none;}
	.listLi li{ width: 90%; margin: 3% 0 0 5%;}
	.listLi li .title{ width: 100%; height: auto; margin: 10px 0 0 0; float: left;}
	.listLi li .title a{ max-width: 70%;}
	.listLi li .title label{ float: right; line-height: 36px; color: #999; font-size: 18px;}
	.listLi li .info{ width: 60%;}
	.listLi li.showPic02{ height: auto; margin: 5% 0 0 5%;}
	.listLi li.showPic02 .pic{ width: 100%; height: auto;}
	.listLi li.showPic02 .l3{ width: 100%; margin-left: 0;}
	.listLi li.showPic02 .title{ width: 100%; margin-left: 0;}


	/** index **/
	.index-banner{ height: 260px; margin-top: 60px;}
	.main-index-top{ width: 90%; margin: 30px auto 0 auto;}
	.main-index-top ul{ width: 100%; height: auto; padding-left: 0;}
	.main-index-top ul li{ width: 100%; height: auto; margin: 0 0 20px 0;}
	.p-pic{ width: 100%; height: 150px;}
	.p-title{ width: 100%; height: auto; line-height: 25px;}
	.main-index-top ul li:first-child{ width: 100%; height: auto; position: static;}
	.main-index-top ul li:first-child .p-title{ font-size: 16px; line-height: 25px;}
	.main-index-top ul li:first-child .p-pic{ width: 100%; height: 150px;}
	

	.news-carousel{ width: 90%; height: 280px; margin: 0 0 0 5%; float: left;}
	.news-center{ width: 90%; margin: 5% 0 0 5%;}

	.right-link{ width: 90%; height: auto; margin: 5% 5% 0 0;}
	.right-link .tit{ width: 90%; margin: 15px 0 0 5%;}
	.right-link .link01{  width: 30%; height: 60px; margin: 10px 0 0 2.5%;}
	.right-link .link01 label{ width: 90%; padding-left: 0; margin: 0 0 0 5%; font-size: 16px; text-align: right;}
	.right-link .link02{ float: left; width: 46.3%; margin: 10px 0 3% 2.5%;}

	.main-index-plate{ width: 100%; margin: 40px auto;}
	.plates{ width: 90%; height: auto; margin: 0 0 5% 5%;}
	.plates .menu .tit{ font-size: 18px;}
	.plates ul{ height: auto;}
	.plates ul li{ width: 100%;}
	.plates ul li .title{ width: 85%; float: left;}
	.plates ul li .title a{ max-width: 75%;}
	.main-index-plate .plates:nth-child(odd){ float: none;}
	.main-index-plate .plates:nth-child(even){ float: none;}
	.main-index-bot{ width: 90%; margin: 30px auto;}

	.main-index-bot .bot-left ul{ height: auto; margin-top: 3%;}
	.main-index-bot .bot-left ul a{ width: 100%; height: 150px; margin: 0 0 10px 0;}
	.main-index-bot .bot-left ul a em{ width: 100%; text-align: center; line-height: 50px; font-size: 16px; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 9;}
	.main-index-bot .bot-left ul a:first-child{ width: 100%; height: 150px;}
	.main-index-bot .bot-left ul a:nth-child(2){ width: 100%; height: 150px;}

	.index-act{ width: 100%; margin: 0 auto;}
	.index-act a{ width: 100%; margin-right: 0;}
	.index-act a:first-child{ width: 100%; height: 210px;}

	.main-index-aboutSub{ margin: 30px auto 0 auto;}
	.main-index-about{ width: 90%; margin: 30px auto; }
	.main-index-about .about-info{ width: 100%;}
	.main-index-about .about-tit{font-size: 18px; text-align: center;}
	.main-index-about .about-dec{ font-size: 14px;}
	.main-index-about .about-more{ margin: 0 auto;}
	.main-index-about .about-pic{ width: 100%; margin: 30px auto 0 auto;}
	.main-index-about .about-pic img{ width: 100%;}
	
	.main-index-piclist{ width: 90%; margin: 30px auto;}
	
	
	.index-teach a{ width: 46%; height: 150px; padding: 2%; margin-right: 0;}
	.index-honor{ width: 100%; display: block; overflow: hidden; margin: 20px auto 0 auto;}
	.index-honor a{width: 46%; height: 150px; padding: 2%; margin: 0;}
	
	.index-menu{ width: 100%; height: 36px;}
	.index-menu em{ font-size: 18px;}


	.top-pics{ height: 160px; margin-top: 60px;}
	.top-pics .pic{ height: 200px;}
	.result-list{ margin: 80px auto 0 auto;}
	.result-title{ width: 90%; margin: 0 auto;}
	/*关于我们*/
	.honor-li{ width: 90%; margin: 5% auto 0 auto;}
	.honor-li ul li{ width: 100%;}
	.teacher-li{ width: 100%;}
	.teacher-li ul li{ width: 42.5%; margin: 5% 0 0 5%;}
	.teacher-li ul li span{ width: 100%; height: 200px;}
	
	.home-list{ width: 100%;}
	.home-list .news-carousel{ margin: 5% 0 0 5%;}
	.home-li .menu{ margin: 5px 0; display: block!important;}
	.home-li{ width: 90%; height: auto; margin: 5% 0 0 5%;}
	.home-li ul{ width: 100%; height: auto;;}
	.home-li ul li .title{ width: 85%;}
	.home-li ul li .title a{ max-width: 75%; }
	
	.comments .com-li{ margin: 5% 0 0 0;}
	.comments .sub{ width: 90%; padding: 3% 0; border: 1px solid #eee; margin: 0 0 0 5%;}
	.com-ul{ width: 90%; margin: 0 0 0 5%;}
	.com-ul li{ width: 100%; display: block; overflow: hidden; margin: 5px 0;}
	.com-ul li .pic{ width: 40px; height: 40px;}
	.com-ul li .info{ width: 85%;}
	.comments .sub .com-ul li .info{ width: 80%;}

}
@media (min-width:751px) and (max-width:1200px) {
	
}

/**消息提示通用**/
.mo-message{ width: 320px; position: fixed; z-index: 9999; background: #f9f9f9; border: 1px solid #eee; top: 5%; left: 50%; margin-left: -160px; border-radius: 5px;}
.mo-message .message-box{ width: 85%; line-height: 24px; display: block; overflow: hidden; padding: 10px 2% 10px 13%; background: url('../img/icon-message.png') no-repeat left 8px center; background-size: 20px!important; font-size: 15px;}
.mo-message.success{ background: #f0f9eb; color: #67C23A; border-color: #e1f3d8;}
.mo-message.success .message-box{ background: url('../img/icon-success.png') no-repeat left 8px center;}
.mo-message.warn{ background: #fcf6eb; color: #E6A23C; border-color: #faecd8;}
.mo-message.warn .message-box{ background: url('../img/icon-warn.png') no-repeat left 8px center;}
.mo-message.error{ background: #fef0f0; color: #F56C6C; border-color: #fde2e2;}
.mo-message.error .message-box{ background: url('../img/icon-error.png') no-repeat left 8px center;}
.mo-message.cen{ top: 50%; margin-top: -22px;}/*上下居中*/
@media screen and (max-width:768px) {
	.mo-message{ top: 50%; margin-top: -22px;}/*上下居中*/
}