/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
body { min-width: 1300px; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:14px; color:#333; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; color:#313131; font-size: 16px; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 

.w1h { width: 100%; margin: 0 auto; } 
.h1h { height: 100%; } 
.wbg { background: #ffffff; } 
.wp-n { white-space: nowrap; } 

.mt30 { margin-top: 30px !important; } 

.w1300 { width: 1300px; margin: 0 auto; } 
.mw1300 { min-width: 1300px; } 
.w1500 { width: 1500px; margin: 0 auto; } 
/* /全局 */
.main { position: relative; z-index: 10; padding-bottom: 20px; } 

.nodata { text-align: left; font-size: 24px; } 

.title-1 { margin-bottom: 40px; width: 100%; background-color: transparent; text-align: center; } 
.title-1 .btit { font-size: 40px; color: #333333; font-weight: bold; } 
.title-1 .btit span { color: #bd140f; } 
.title-1 .stit { margin-top: 7px; font-size: 18px; color: #8a8989; } 
.title-1.on .btit,.title-1.on .stit { color: #fff; } 
.title-1.nbt { margin-bottom: 0; } 


.title-2 { border-bottom: 2px solid #bd140f; padding: 15px 0; *zoom: 1; margin-bottom: 30px; } 
.title-2:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.title-2 div { font-weight: bold; float: left; font-size: 28px; color: #333333; } 
.title-2 span { color: #bd140f; } 
.title-2 a { float: right; margin-top: 8px; display: block; font-size: 16px; color: #8a8989; } 
.title-2 a:hover { color: #bd140f; } 


/* 顶部 */
.header { z-index: 30; padding: 20px 0; border-bottom: 1px solid #c86d6c; position: fixed; top: 0; left: 0; width: 100%; } 
.header.on { background-color: #bd140f; } 
.header_bg { display: block; height: 101px; } 
.header_bg.idx { z-index: 9; height: 25%; background: url(../images/hbg.png) no-repeat center top; background-size: 100% auto; width: 100%; position: fixed; top: 0; left: 0; } 
.header .logo { float: left; width: 550px; max-height: 60px; } 
.header .logo img { max-width: 550px; max-height: 60px; } 
/* 导航 */
.nav { float: right; width: 950px; padding: 17px 0; } 
.nav ul { width: 100%; height: 100%; font-size: 0; text-align: right; } 
.nav li { margin-left: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.nav li:first-child { margin: 0; } 
.nav li a { font-size: 20px; color: #fff; font-weight: bold; } 
.nav li a:hover,.nav li.on a { color: #f2d2a1; } 

/* 底部 */
.footer { padding: 30px 0; height: 320px; background: url(../images/footerbg.jpg) no-repeat center; background-color: #b7120c; } 
.footer .flogo { text-align: center; } 
.footer .fcont { margin-top: 60px; text-align: center; font-size: 16px; color: #ffcccb; } 
.footer .fcont a { font-size: 16px; color: #ffcccb; } 
.footer .fcont div { margin-bottom: 12px; } 
.footer .fcont a:hover { color: #f6e8b9; } 
.footer .qrcode { padding-top: 10px; } 

/* 首页 */
.banner { width: 100%; height: 810px; } 
.banner .bd,.banner .el,.banner .el div { height: 100%; width: 100%; text-align: center; } 
.banner .bd div { background-position: center; background-repeat: no-repeat; background-size: cover; } 

.idx-news { padding: 50px 0; } 
.idx-news .lcon { float: left; width: 950px; } 
.idx-news .rcon { float: right; width: 285px; } 
.idx-news-pics { float: left; width: 425px; height: 335px; } 
.idx-news-pics .pics-ban { width: 100%; height: 100%; position: relative; } 
.idx-news-pics .pics-ban .bd,.idx-news-pics .pics-ban .bd .el,.idx-news-pics .pics-ban .bd .el a { display: block; width: 100%; height: 100%; overflow: hidden; } 
.idx-news-pics .pics-ban .bd .el .img { width: 100%; height: 280px; overflow: hidden; } 
.idx-news-pics .pics-ban .bd .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.idx-news-pics .pics-ban .bd .el .tit { padding: 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 18px; color: #000000; font-weight: bold; } 
.idx-news-pics .pics-ban .bd .el:hover .img div { transform: scale(1.05); transition: .3s all ease; } 
.idx-news-pics .pics-ban .bd .el:hover .tit { color: #d53707;; } 
.idx-news-pics .pics-ban .hd { position: absolute; left: 0; bottom: 65px; width: 100%; text-align: right; font-size: 0; } 
.idx-news-pics .pics-ban .hd li { cursor: pointer; width: 10px; height: 10px; background-color: #fff; border-radius: 100%; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.idx-news-pics .pics-ban .hd li.on { background-color: #d53707; } 

.idx-news-list { float: right; width: 490px; } 
.idx-news-list .el { padding-left: 15px; background: url(../images/dot.jpg) no-repeat center left; background-size: 5px; } 
.idx-news-list .el a { padding: 9px 0; display: block; width: 100%; height: 100%; *zoom: 1; } 
.idx-news-list .el a:after { content:""; display:block; height:0; clear:both; visibility:hidden; width: 100%; height: 100%; } 
.idx-news-list .el .tit { float: left; width: 75%; font-size: 18px; color: #010101; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-news-list .el .time { float: right; width: 23%; font-size: 16px; color: #8e8e8e; text-align: right; } 
.idx-news-list .el:hover .tit,.idx-news-list .el:hover .time { color: #d53707; } 

.idx-notice .el { background-color: #f7f7f7; margin-top: 5px; width: 100%; transition: .3s all ease; } 
.idx-notice .el:first-child { margin-top: 0; } 
.idx-notice .el a { display: block; padding:12px 25px; } 
.idx-notice .el .time { margin-bottom: 10px; font-size: 14px; color: #d53707; text-align: left; } 
.idx-notice .el .tit { height: 56px; font-size: 18px; color: #262626; line-height: 28px; } 
.idx-notice .el:hover { background:#d53707; transition: .3s all ease; } 
.idx-notice .el:hover .time,.idx-notice .el:hover .tit { color: #fff; } 

.idx-history { padding: 50px 0; background: url(../images/historybg.jpg) no-repeat center bottom; background-color: #f3eee2; } 
.idx-history .bd { position: relative; z-index: 3; } 
.idx-history .el { margin:0 25px; float: left; width: 210px; padding-top: 40px; } 
.idx-history .el a { display: block; width: 100%; height: 100%; } 
.idx-history .el .img { padding: 5px; width: 200px; height: 150px; background-color: white; position: relative; transition: .3s all ease; } 
.idx-history .el .img:after { content: ""; width: 20px; height: 10px; background: url(../images/his2.png) no-repeat center; background-size: 20px 10px; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; } 
.idx-history .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-history .el .dot { width: 100%; height: 75px; background: url(../images/his1.png) no-repeat center; background-size: 22px; } 
.idx-history .el .title { text-align: center; } 
.idx-history .el .tit { margin-bottom: 15px; font-size: 30px; color: #333333; font-weight: bold; } 
.idx-history .el .tip { font-size: 18px; color: #656464; } 
.idx-history .history-list { position: relative; } 
.idx-history .history-list .hd { width: 102%; position: absolute; top: 236px; left: 50%; margin-left: -51%; z-index: 2; } 
.idx-history .history-list .line { border-top: 4px dashed #d53707; } 
.idx-history .history-list .hd .next,.idx-history .history-list .hd .prev { user-select: none; font-weight: bold; text-align: center; line-height: 36px; color: #bd140f; cursor: pointer; width: 36px; height: 36px; border-radius: 100%; border: 2px solid #bd140f; position: absolute; top: -17px; } 
.idx-history .history-list .hd .prev { left: -45px; } 
.idx-history .history-list .hd .next { right: -45px; } 
.idx-history .history-list .hd .next:hover,.idx-history .history-list .hd .prev:hover { background-color: #bd140f; color: #fff; } 
.idx-history .el:hover .tit,.idx-history .el:hover .tip { color: #d53707; } 
.idx-history .el:hover .img { transform: scale(1.15); transition: .3s all ease; } 


.idx-mate .el { width: 100%; height: 135px; padding-bottom: 25px; border-bottom: 1px dashed #dadada; margin-top: 25px; } 
.idx-mate .el:first-child { margin-top: 0; } 
.idx-mate .el .img { float: left; width: 200px; height: 100%; overflow: hidden; } 
.idx-mate .el .img div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease; } 
.idx-mate .el .txt { float:right; width: 730px; } 
.idx-mate .el .txt .tit { font-size: 18px; color: #1d1d1d; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-mate .el .txt .smry { font-size: 16px; color: #888888; word-break: break-all; line-height: 30px; } 
.idx-mate .el:hover .img div { transform: scale(1.1); transition: .3s all ease; } 
.idx-mate .el:hover .tit { color: #d53707; } 

.idx-student .el { width: 100%; height: 230px; margin-top: 15px; } 
.idx-student .el:first-child { margin-top: 0; } 
.idx-student .el a { display: block; width: 100%; height: 100%; } 
.idx-student .el .img { width: 100%; height: 185px; overflow: hidden; } 
.idx-student .el .img div { width: 100%; height: 100%; transition: .3s all ease; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.idx-student .el .tit { padding: 10px 0; text-align: center; font-size: 18px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.idx-student .el:hover .img div { transform: scale(1.05); transition: .3s all ease; } 
.idx-student .el:hover .tit { color: #d53707; } 


.idx-photo { padding: 50px 0; padding-bottom: 30px; background-color: #ffffff; overflow: hidden; } 
.idx-photo .container { padding: 25px; height: 230px; overflow: hidden; background-color: white; box-shadow: 0 0 10px 5px #e8e8e8; } 
.idx-photo .idx-photo-ban{width: 100%;overflow: hidden;}
.idx-photo .el { float: left; margin-right: 25px; width: 230px; height: 230px; overflow: hidden; } 
.idx-photo .el a { display: block; width: 100%; height: 100%; } 
.idx-photo .el div { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .2s all ease; } 
.idx-photo .el:hover div { transform: scale(1.1); transition: .3s all ease; } 


/* 内页 */
.page { padding-top: 50px; padding-bottom: 30px; text-align: center; font-size: 0; } 
.page * { cursor: pointer; font-size: 18px; color: #666666; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.page a { padding:8px 15px; background-color: #f1eeee; margin: 0 6px; } 
.page a:hover,.page a.on { background-color: #b7120c; color: white; } 

.inner-ban { height: 400px; width: 100%; text-align: center; } 
.inner-ban .img { display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 
.position { margin-bottom: 50px; padding-top: 45px; padding-bottom: 20px; border-bottom: 2px solid #bd140f; } 
.position .l-con { float: left; font-size: 36px; color: #bd140f; font-weight: bold; } 
.position .r-con { padding-top: 12px; float: right; font-size: 16px; color: #a3a3a3; } 
.position .r-con a { font-size: 16px; color: #a3a3a3; } 
.position .r-con a:hover { color: #bd140f; } 

.news-list { } 
.news-list .el { overflow: hidden; float: left; width: 410px; height: 505px; margin-bottom: 35px; margin-right: 35px; } 
.news-list .el.nomg { margin-right: 0; } 
.news-list .el a { display: block; width: 100%; height: 100%; } 
.news-list .el .img { width: 100%; height: 275px; overflow: hidden; } 
.news-list .el .img div { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center; background-size: cover; transition: .3s all ease; } 
.news-list .el .cont { padding: 30px 20px; height: 170px; background-color: #fafafa; } 
.news-list .el .cont .time { margin-bottom: 20px; font-size: 18px; color: #d53707; } 
.news-list .el .cont .tit { height: 80px; margin-bottom: 20px; font-size: 24px; color: #000000; line-height: 40px; } 
.news-list .el .cont .smry { font-size: 18px; color: #8b8a8a; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 

.news-list .el.on { width: 100%; height: 460px; margin-right: 0; } 
.news-list .el.on .img { float: left; width: 770px; height: 100%; } 
.news-list .el.on .cont { float: right; padding: 60px 45px; width: 440px; height: 340px; } 
.news-list .el.on .cont .smry { line-height: 40px; width: 100%; white-space:unset; word-break: break-all; overflow: visible; text-overflow: unset; } 

.news-list .el:hover .img div { transform: scale(1.05); transition: .3s all ease; } 
.news-list .el:hover .cont .tit,.news-list .el:hover .cont .smry { color: #bd140f; } 

.notice-list { } 
.notice-list .el { margin-bottom: 45px; width: 100%; height: 130px; padding-bottom: 45px; border-bottom: 1px solid #dcdcdc; } 
.notice-list .el a { display: block; width: 100%; height: 100%; } 
.notice-list .el .time { float: left; width: 125px; text-align: center; padding: 15px 0; height: 95px; background-color: #fbebe6; font-size: 20px; color: #d53707; } 
.notice-list .el .time div { font-size: 50px; font-weight: bold; } 
.notice-list .el .cont { float: right; width: 1150px; } 
.notice-list .el .cont .tit { font-size: 22px; color: #333333; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.notice-list .el .cont .smry { font-size: 18px; color: #888888; line-height: 25px; text-indent: 2em; word-break: break-all; } 
.notice-list .el:hover .cont .tit,.notice-list .el:hover .cont .smry { color: #b7120c; } 
.notice-list .el:hover .time { background-color: #b7120c; color: white; } 

.std-list { } 
.std-list .el { float: left; width: 410px; height: 330px; margin-right: 35px; margin-bottom: 35px; } 
.std-list .el.on { margin-right: 0; } 
.std-list .el a { display: block; width: 100%; height: 100%; } 
.std-list .el .img { width: 100%; height: 265px; overflow: hidden; } 
.std-list .el .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease; } 
.std-list .el .tit { padding: 16px 0; font-size: 18px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; background-color: #fafafa; } 
.std-list .el:hover .tit { background-color: #bd140f; color: white; } 
.std-list .el:hover .img div { transform: scale(1.05); transition: .3s all ease; } 

.photo-list { padding: 25px; padding-bottom: 0; box-shadow: 0 0 10px 5px #e8e8e8; border-radius: 10px; } 
.photo-list .el { float: left; width: 225px; height: 225px; margin-right: 30px; margin-bottom: 30px; overflow: hidden; } 
.photo-list .el.on { margin-right: 0; } 
.photo-list .el a { display: block; width: 100%; height: 100%; } 
.photo-list .el .img { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease; } 
.photo-list .el:hover .img { transform: scale(1.09); transition: .3s all ease; } 

.visit-list { } 
.visit-list .el { margin-bottom: 45px; width: 100%; height: 150px; padding-bottom: 45px; border-bottom: 1px solid #dcdcdc; position: relative; } 
.visit-list .el a { display: block; width: 100%; height: 100%; } 
.visit-list .el .time { position: absolute; top: 10px; right: 0; font-size: 18px; color: #888888; } 
.visit-list .el .img { float: left; width: 225px; height: 150px; overflow: hidden; } 
.visit-list .el .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease; } 
.visit-list .el .cont { padding: 10px 0; float: right; width: 1040px; } 
.visit-list .el .cont .tit { font-size: 24px; color: #333333; margin-bottom: 20px; padding-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.visit-list .el .cont .smry { font-size: 18px; color: #888888; line-height: 25px; text-indent: 2em; word-break: break-all; } 
.visit-list .el:hover .cont .tit,.visit-list .el:hover .cont .smry { color: #b7120c; } 
.visit-list .el:hover .img div { transform: scale(1.09); transition: .3s all ease; } 


.his-list { overflow: hidden; position: relative; } 
.his-list .el { text-align: left; width: 100%; margin-top: -185px; font-size: 0; position: relative; } 
.his-list .el:first-child { margin-top: 0; } 
.his-list .el>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: center; } 
.his-list .el .time { padding: 15px 0; z-index: 10; font-size: 65px; color: #d53707; font-weight: bold; position: absolute; top: 0; left: 50%; background-color: white; margin-left: -50%; width: 100%; text-align: center; } 
.his-list .el .cont { text-align: right; width: 485px; position: relative; z-index: 20; } 
.his-list .el .cont .img { width: 100%; height: 370px; overflow: hidden; margin-top: 20px; } 
.his-list .el .cont .img div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: .3s all ease; } 
.his-list .el .cont .tit { line-height: 40px; font-size: 28px; color: #000000; margin-bottom: 15px; } 
.his-list .el .cont .tit div { margin-bottom: 10px; } 
.his-list .el .cont .smry { line-height: 30px; width: 100%; word-break: break-all; font-size: 18px; color: #6c6c6c; } 
.his-list .el:after { content: ""; width: 2px; height: 100%; background: #c6c6c6; position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: -1; } 
.his-list .el:last-child:before { z-index: 99; content: ""; width: 14px; height: 14px; background-color: #d53707; border-radius: 100%; position: absolute; bottom: 0; left: 50%; margin-left: -7px; } 

.his-list .el.on { text-align: right; } 
.his-list .el.on .cont { text-align: left; } 


.article { padding-top: 60px; } 
.article .title { text-align: center; font-size: 40px; color: #000000; line-height: 70px; } 
.article .smry { border-bottom: 1px solid #dcdcdc; margin-bottom: 25px; padding-bottom: 20px; margin-top: 25px; font-size: 18px; color: #808080; text-align: center; } 

.article .content { min-height: 200px; font-size: 18px; color: #202020; line-height: 33px; word-break: break-all; } 
.article .content p { line-height: 40px; font-size: 18px; color: #202020; } 

/* 上下页 */
.pan { margin-top: 40px; background-color: #f5f5f5; padding: 20px 25px; font-size: 0; } 
.pan>* { font-size: 18px; color: #999999; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.pan a { font-size: 18px; color: #333333; } 
.pan a:hover { color: #d22127; } 
.pan .pre,.pan .next { width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.pan .next { text-align: right; } 
.pan .back { margin: 0 10px; text-align: center; width: 110px; } 
.pan .back a,.pan .back .iconfont { color: #d22127; } 
.pan .back .iconfont { font-size: 18px; vertical-align: -1px; margin-right: 5px; } 
.pan .back:hover * { color: #d22127; } 










































