@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:#027FFF; 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;}
.site-popup{ width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.3);z-index: 9999; display: none;}
.site-popup-close{ width: 40px; height: 40px; text-align: center; line-height: 30px; background: url('../img/popup-close.png') no-repeat center center; background-size: 30px; border-radius: 15px; float: right; opacity: .3;}
.site-popup-close:hover{ opacity: .9;}
.site-popup-cot{ width: 300px; margin: 0 auto; display: block; overflow: hidden; background: #fff; position: absolute; top: 50%; left: 50%; margin: -120px 0 0 -150px;}
.site-popup-cot .qrcodePopup{ width: 100%; display: block; overflow: hidden;}
.site-popup-cot .qrcodePopup img{ width: 150px; margin: 10px auto 30px auto; display: block;}

/**public header**/
.header{ width: 100%;}
.header .top{ width: 100%; height: 40px; border-bottom: 1px solid #eee; background: #f9f9f9;}
.header .top .sub{ width: 1200px; margin: 0 auto;}
.header .top .sub .left{ height: 40px; line-height: 40px; float: left; color: #999;}
.header .top .sub .right{ float: right;}
.header .top .sub .right .right-a{ float: left; line-height: 40px; height: 40px; padding-right: 20px; display: block; float: left; margin-left: 25px;}
.header .top .sub .right .right-a.set-home{ background: url('../img/homeIcon.png') no-repeat right center;}
.header .top .sub .right .right-a.set-like{ background: url('../img/likeIcon.png') no-repeat right center;}
.header .top .sub .right .mem{ line-height: 40px; height: 40px; display: block; float: left; margin-left: 25px;}
.header .top .sub .right .nbs{ width: 1px; height: 10px; background: #eee; margin: 15px 0 0 25px; float: left; display: block;}
.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 .middle{ width: 1200px; height: 130px; margin: 0 auto;}
.header .middle .logo{ width: 380px; height: 80px; float: left; margin: 25px 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 .search-box{ width: 390px; float: right; margin: 20px 0 0 0;}
.header .middle .search-box .type{ width: 100%; height: 40px; line-height: 40px;}
.header .middle .search-box .type span{ float: left; margin-right: 10px;}
.header .middle .search-box .type span input{ float: left; width: 16px; height: 16px; margin: 11px 5px 0 0;}
.header .middle .search-box .type span label{ float: left;}
.header .middle .search-box .inp{ width: 388px; height: 40px; border: 1px solid #027FFF;}
.header .middle .search-box .inp label{ width: 40px; height: 40px; background: url('../img/searchIcon.png') no-repeat center center; display: block; float: left;}
.header .middle .search-box .inp input{ width: 220px; height: 40px; line-height: 40px; background: none; border: none; float: left;}
.header .middle .search-box .inp input::placeholder{ color: #ccc;}
.header .middle .search-box .inp button{ width: 105px; height: 40px; line-height: 40px; background: #027FFF; border: none; float: right; font-size: 16px; color: #fff;}
.header .middle .search-box .inp button:hover{ background: #036bd6; cursor: pointer;}
.header .nav{ width: 100%; height: 60px; background: #027FFF;}
.header .nav .sub{ width: 1200px; height: 60px; margin: 0 auto;}
.header .nav .sub .nav-li{ width: 133px; height: 60px; position: relative; z-index: 1; float: left;}
.header .nav .sub .nav-li>a{ width: 100%; height: 100%; line-height: 60px; font-size: 20px; text-align: center; display: block; overflow: hidden; font-size: 18px; color: #fff;}
.header .nav .sub .nav-li>a.active{ background: #006CDB; font-weight: bold;}
.header .nav .sub .nav-li:hover{ background: rgba(25, 66, 107, .1);}
.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{ background: #006CDB; 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: #f9f9f9;}
.footer .bottom-link{ width: 1200px; margin: 20px auto 0 auto; line-height: 30px; display: block; overflow: hidden; color: #999;}
.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 .info{ width: 100%; text-align: center; line-height: 30px; padding: 10px 0; background: #333; color: #7E7E7E; margin: 15px 0 0 0; display: block; overflow: hidden;}
.footer .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: left; margin-bottom: 50px}
.mains-right{ width: 920px; float: right; 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; position: relative; z-index: 999; margin-top: -60px; box-shadow: 0px 3px 12px 1px rgba(0,0,0,0.06);}
.left-menu .tit{ width: 100%; height: 60px; background: rgba(25, 66, 107, .8); 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: #027FFF;}

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

/**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;}
.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 #027FFF; color: #027FFF;}

/**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; position: relative;}
.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: 22px; 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%;}
.li-menu a.more{ position: absolute; right: 0; font-size: 14px; border: 1px solid #027FFF; line-height: 30px; display: block; padding: 0 10px; margin-top: 35px; color: #027FFF;}

/**public 详细**/
.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;}
.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: #027FFF; 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 #027FFF; 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: #027FFF;}

/**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: #027FFF; color: #fff; opacity: .5;}
.listType a.active{ background: #027FFF; color: #fff; opacity: 1;}

/**public 列表 文章**/
.listLi{ width: 100%; display: block; overflow: hidden;}
.listLi li{ width: 98%; height: 86px; display: block; overflow: hidden; float: left; margin: 15px 0;}
.listLi li .time{ width: 95px; height: 86px; background: #E5E5E5; text-align: center; line-height: 33px; font-size: 18px; color: #999; float: left;}
.listLi li .time label{ width: 100%; height: 53px; line-height: 53px; background: #eee; display: block; font-size: 45px;}
.listLi li .title{ width: 772px; height: 36px; margin: 10px 0 0 19px; 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: 772px; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; float: left; margin: 0 0 0 19px; 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{ box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08); 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;}
.listLi li:hover .time{ background: #47A2FF; color: #fff; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.listLi li:hover .time label{ background: #027FFF; -webkit-transit:all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.listLi li:hover .title a{ color: #027FFF; 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: 100%; height: 56px; margin: 0;}
.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;}


/** 主页 **/
.main-index-top{ width: 1200px; height: 380px; margin: 70px auto 0 auto;}
.news-carousel{ width: 460px; height: 380px; position: relative; float: left; border-radius: 5px; display: block; overflow: hidden;}
.news-center{ width: 420px; margin-left: 40px; float: left;}
.news-center .center-lam{ width: 100%; height: 36px; border-bottom: 1px solid #eee; line-height: 24px; position: relative; z-index: 1; color: #999;}
.news-center .center-lam::before{ content: ''; width: 110px; height: 1px; background: #027FFF; position: absolute; left: 0; bottom: 0; z-index: -1;}
.news-center .center-lam label{ float: left; font-size: 20px; color: #027FFF; margin-right: 5px; font-weight: bold;}
.news-center .center-lam .more{ float: right; padding-right: 20px; background: url('../img/moreIcon.png') no-repeat right center;}
.news-center .about-index{ width: 100%; height: 104px; line-height: 26px; text-align: justify; text-indent: 30px; margin: 10px 0 15px 0;}
.news-center .news-li{ width: 100%; height: 160px; display: block; overflow: hidden; margin: 10px 0 0 0;}
.news-center .news-li li{ width: 100%; height: 40px; line-height: 40px; display: block; font-size: 16px;}
.news-center .news-li li a{ float: left; height: 40px; max-width: 70%;}
.news-center .news-li li label{ float: right; color: #999;}

.right-link{ width: 240px; height: 380px; background: #f6f6f6; float: right; border-radius: 5px;}
.right-link .tit{ width: 220px; margin: 15px 0 0 10px; color: #d0e3f7;}
.right-link .tit b{ font-size: 20px; color: #027FFF; display: block; line-height: 24px;}
.right-link .link01{ float: left; width: 220px; height: 60px; margin: 10px 0 0 10px; background: #fff; display: block; overflow: hidden;}
.right-link .link01 label{ height: 60px; line-height: 60px; padding-left: 40px; margin: 0 0 0 40px; font-size: 18px; font-weight: bold; display: block; cursor: pointer; background-repeat: no-repeat!important; background-position: left center!important;}
.right-link .link02{ float: left; width: 105px; height: 90px; margin: 10px 0 0 10px;  background-size: cover!important; background-position: center center!important; display: block; overflow: hidden;}
.right-link .link02 label{ width: 100%; height: 30px; line-height: 30px; padding-top: 30px; margin: 20px 0 0 0; color: #fff; display: block; overflow: hidden; cursor: pointer; text-align: center;  background-size: 33px!important; background-position: center top!important; background-repeat: no-repeat!important;}

.main-index-plate{ width: 1200px; margin: 40px auto;}
.plates{ width: 580px; height: 360px; float: left; margin-bottom: 40px;}
.plates .menu{ width: 100%; height: 39px; border-bottom: 1px solid #F6F6F6;}
.plates .menu .tit{ float: left; height: 36px; line-height: 36px; border-bottom: 4px solid #027FFF; font-size: 20px; font-weight: bold;}
.plates .menu .tit label{ float: left;}
.plates .menu .tit label.txt{ margin: 0 10px;}
.plates .menu .tit label.icon{ width: 10px; height: 36px; background: url('../img/menuLeftIcon.png') no-repeat center center;}
.plates .menu .tit label.icon.right{ background: url('../img/menuRightIcon.png') no-repeat center center;}
.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: #027FFF;}
.plates ul{ width: 100%; height: 320px; display: block; overflow: hidden; margin-top: 8px;}
.plates ul li{ width: 100%; height: 40px; float: left; position: relative; z-index: 1;}
.plates ul li .title{ width: 520px; height: 40x; float: left;}
.plates ul li .title a{ max-width: 460px; 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(even){ float: right;}
.main-index-bot{ width: 1200px; margin: 40px auto;}

.index-act{ width: 100%; display: block; overflow: hidden;}
.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(6,142,255,.8);}
.index-act a:hover em p.tit{ text-align: left;}

.index-sch{ width: 100%; display: block; overflow: hidden; margin-top: 10px;}
.index-sch a{ width: 280px; display: block; overflow: hidden; float: left; margin-right: 24px; border: 1px solid #f1f1f1;}
.index-sch a:nth-child(4){ float: right; margin: 0;}
.index-sch a span{ width: 96%; margin: 5px 2%; height: 400px; display: block; overflow: hidden; background-size: cover!important; background-position: center center!important;}
.index-sch a em{ width: 100%; text-align: center; line-height: 50px; display: block; overflow: hidden; font-size: 16px;}
.index-sch a:hover{ transition: all.3s; background: #027FFF;}
.index-sch a:hover em{ color: #fff;}

/**关于我们 荣耀列表**/
.honor-li{ width: 100%; display: block; overflow: hidden; margin-top: 30px;}
.honor-li ul li{ width: 450px; height: 40px; float: left; display: block; overflow: hidden; font-size: 16px;}
.honor-li ul li:nth-child(even){ float: right;}
.honor-li ul li a{ float: left; height: 40px; line-height: 40px; max-width: 80%;}
.honor-li ul li label{ float: right; color: #999; line-height: 40px;}

/**关于我们 教师列表**/
.teacher-li{ width: 967px; display: block; overflow: hidden;}
.teacher-li ul li{ width: 295px; float: left; display: block; overflow: hidden; font-size: 16px; color: #999; margin: 27px 27px 0 0;}
.teacher-li ul li span{ width: 100%; height: 455px; display: block; overflow: hidden; box-sizing: border-box; border: 1px solid #eee;}
.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;}
.teacher-li.li02 ul li span{ height: 250px;}

.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-li{ width: 100%; display: block; overflow: hidden; margin-bottom: 20px;}
.env-li img{ max-width: 100%; display: block; overflow: hidden; margin: 10px auto; clear: both;}
.env-li p{ text-align: center; line-height: 24px;}

.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: 30px; height: 30px; padding: 5px; margin: 0;}
	.header .middle .logo em{ margin-top: 5px; font-size: 16px;}
	.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 .type{ width: 90%; margin: 5% 0 0 5%;}
	.header .middle .search-box .type span{ float: left; margin-right: 10px;}
	.header .middle .search-box .type span input{ float: left; width: 16px; height: 16px; margin: 11px 5px 0 0;}
	.header .middle .search-box .type span label{ float: left;}
	.header .middle .search-box .inp{ width: 90%; margin: 0 0 0 5%;}
	.header .middle .search-box .inp label{ width: 40px; height: 40px; background: url('../img/searchIcon.png') no-repeat center center; display: block; float: left;}
	.header .middle .search-box .inp input{ width: 220px; height: 40px; line-height: 40px; background: none; border: none; float: left;}
	.header .middle .search-box .inp button{ width: 105px; height: 40px; line-height: 40px; background: #027FFF; border: none; float: right; font-size: 16px; color: #fff;}
	.header .middle .search-box .inp button:hover{ background: #036bd6; cursor: pointer;}

	.header .nav{ width: 100%; height: auto; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999; display: none;}
	.header .nav .sub{ width: 100%; height: 60px; background: #027FFF;}
	.header .nav .sub .nav-li{ width: 100%; height: auto; border-bottom: 1px solid rgba(255,255,255,.1);}
	.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 .bottom-link{ width: 90%;}
	.footer .bottom-link span{ float: left;}
	.footer .bottom-link a{ margin: 0 3% 0 0;}
	.footer .bottom-link a:hover{ color: #333;}
	.footer .info{ width: 90%; padding: 10px 5%; line-height: 24px;}

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

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

	/**public 详细**/
	.details-tit{ width: 90%; margin: 5% auto 0 auto; font-size: 24px;}
	.details-info{ width: 90%; margin: 3% auto 0 auto; line-height: 24px;}
	.details-info label{ margin: 0 5px; font-size: 12px;}
	.details-cot{ width: 90%; margin: 5% auto 0 auto;}
	.details-vid{ width: 90%; height: 200px;}
	.details-pic{ width: 90%;}
	.details-file{ width: 83%; margin-left: 5%;}
	/**public 列表**/
	.mains-right .menu{ display: none;}
	.listLi li{ width: 90%; margin: 3% 0 0 5%;}
	.listLi li .title{ width: 60%; height: 36px; margin: 10px 0 0 19px; 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;}

	/**public 列表 图片视频**/
	.listLi li.listpic{ width: 90%; margin: 3% 0 0 5%;}
	.listLi li.listpic .pic{ width: 100%; height: 180px;}
	.listLi li.listpic .title{ width: 100%; height: 56px; margin: 0}
	.listLi li.listpic .title label{ width: 100%;}


	/** index **/
	#lb-1{ margin-top: 60px;}
	.main-index-top{ width: 100%; height: auto; margin: 5% auto 0 auto; display: block; overflow: hidden;}
	.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 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: 40px auto;}
	
	.index-act{ width: 100%; margin: 0 auto;}
	.index-act a{ width: 100%; margin-right: 0;}
	.index-act a:first-child{ width: 100%; height: 210px;}

	.index-sch{ width: 100%; margin: 0 auto;}
	.index-sch a{ width: 100%; margin: 0 0 10px 0; border: none; position: relative;}
	.index-sch a:nth-child(4){ float: left; margin: 0 0 10px 0;}
	.index-sch a span{ width: 100%; margin: 0; height: 200px; }
	.index-sch a em{ position: absolute; background: rgba(0,0,0,0.3); z-index: 1; bottom: 0; color: #fff;}
	.index-sch a:hover{ transition: all.3s; background: #027FFF;}
	.index-sch a:hover em{ color: #fff;}

	.endlb{ width: 90%!important; margin: 0 0 0 5%;}

	.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: 96%; line-height: 24px; display: block; overflow: hidden; padding: 10px 2%; font-size: 15px; text-align: center;}
.mo-message.success{ background: #f0f9eb; color: #67C23A; border-color: #e1f3d8;}
.mo-message.warn{ background: #fcf6eb; color: #E6A23C; border-color: #faecd8;}
.mo-message.error{ background: #fef0f0; color: #F56C6C; border-color: #fde2e2;}
.mo-message.cen{ top: 50%; margin-top: -22px;}/*上下居中*/
@media screen and (max-width:768px) {
	.mo-message{ top: 50%; margin-top: -22px;}/*上下居中*/
}