@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
.m-homechange{width: 1200px; height: 368px; margin: auto; position: relative;}
.hero-wrap{overflow: visible; position: absolute;}
.heros,.hero-wrap img { width: 1200px; height: 368px;}
.m-homechange .next, .m-homechange .prev { filter: alpha(Opacity=70); opacity: .7; position: absolute; top: 50%; margin-top: -25px; margin-left: 5px; background-color: #303030; z-index: 3;}
.m-homechange .next:hover, .m-homechange .prev:hover {background-color:#c00512;}
.m-homechange .next { margin: -25px 5px 0 0; right: 0;}
.m-homechange .disabled { background-color: #eee;}
.m-homechange .mask-left,.m-homechange .mask-right,.m-homechange .hero{ background: #fff;  z-index: 1; position: absolute; top: 0; left: 0; width: 1200px; height: 368px;; overflow: hidden; left: 2400px;}
.m-homechange .mask-right, .m-homechange .mask-left { z-index: 4; left: -1200px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
.m-homechange .mask-right {left: 1200px;}
.m-homechange .active {z-index: 2; left: 0;}
.icon-arrow-a-left, .icon-arrow-a-right {background: url(../images/home/icon-arrow.png) no-repeat;}
.icon-arrow-a-left { background-position: 0 0; height: 50px; width: 50px;}
.icon-arrow-a-left:hover,.icon-arrow-a-left.arrow-a-left_hover, .icon-arrow-a-left.arrow-a-left-hover {background-position: -60px 0; }
.icon-arrow-a-right { background-position: -120px 0; height: 50px; width: 50px; }
.icon-arrow-a-right:hover,.icon-arrow-a-right.arrow-a-right_hover, .icon-arrow-a-right.arrow-a-right-hover {background-position: -180px 0;}

.m-hmtppics,.m-hmtppics img{height: 245px;}
.m-hmtppics img{display: block; width: 100%;}

.m-hmthums{height: 301px;}
.g-flash,.g-flash img{height: 245px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item{position: relative;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 70px 0 10px; height: 40px; line-height: 40px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 11px; bottom: 16px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 8px; height: 8px; background: #5d5351; -moz-border-radius: 8px; border-radius: 8px;}
.g-flash .owl-pagination .active span{background: #fff;}

.m-video{width: 100%; height: 245px;}

.m-hmnews{height: 301px;}
.m-hot{height: 81px;}
.m-hot h1{padding: 9px 0; font-size: 18px; color: #d9221c;}
.m-hot p{line-height: 22px; font-size: 14px; color: #999;}

.m-notice{height: 301px;}
.g-notice li{position: relative; margin-bottom: 30px; height: 60px;}
.g-notice .u-dateinfo{padding: 9px 0 3px; width: 70px; height: 60px; background: url(../images/home/bg-data.png) #f5f5f5 center top no-repeat;}
.g-notice .u-dateinfo span{font-size: 22px;}
.g-notice .u-dateinfo p{font-size: 12px; color: #999;}
.g-notice .u-title{margin-left: 90px; height: 52px; line-height: 26px;}

.m-hmlists{height: 264px;}

.m-teacher{height: 228px;}
.g-teacher{height: 165px;}
.g-teacher li{float: left; margin-right: 20px; width: 110px; text-align: center;}
.g-teacher li img{display: block; width: 110px; height: 138px;}
.g-teacher li p{margin-top: 5px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-hmbtns{padding: 17px 0; background: #f5f5f5;}
.m-hmbtns .prev,.m-hmbtns .next{position: absolute; top: 32px; display: block; width: 18px; height: 30px; background-image: url(../images/home/icon-hmbtn.png); background-repeat: no-repeat;}
.m-hmbtns .prev{left: -46px;}
.m-hmbtns .next{background-position: -18px 0; right: -46px;}
.g-hmbtns{height: 96px;}
.g-hmbtns li{float: left; margin-right: 20px; width: 154px; text-align: center;}
.g-hmbtns li a{display: block; padding: 17px 0 15px; height: 96px; border: 1px solid #ddd; background: #fff;}
.g-hmbtns li span{margin: 0 auto 8px; display: block; width: 36px; height: 36px; line-height: 36px; font-size: 34px;}
.g-hmbtns li p{font-size: 16px; line-height: 18px;}
.g-hmbtns li.u-ts a{padding: 11px 0 5px;}
.g-hmbtns li.u-ts span{margin-bottom: 6px;}
.u-btn1 span{color: #0091ed;}
.u-btn2 span{color: #21dad3;}
.u-btn3 span{color: #71bc35;}
.u-btn4 span{color: #4981df;}
.u-btn5 span{color: #f0a015;}
.u-btn6 span{color: #39e8da;}
.u-btn7 span{color: #be6aee;}

.m-fdlinks .u-tit{margin: 25px 0 22px;}
.m-fdlinks .container{z-index: 3;}
.m-links{margin: 0 40px;}
.m-links p{line-height: 74px; padding: 0 30px 0 15px; background: url(../images/home/icon-link.png) right center no-repeat; cursor: pointer; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-links p.u-active{color: #0cbae3; background: url(../images/home/icon-link-h.png) right center no-repeat;}
.m-linkbox{left: 0; top: 74px; right: 0; height: 142px; padding: 10px 15px; background: #fff; border: 1px solid #0cbae3;}
.m-linkbox ul{height: 120px; overflow-y: auto;}
.m-linkbox li{float: left; padding: 0 10px; width: 16.5%; line-height: 30px;}
.m-linkbox li a{display: block; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; font-size: 14px;}

.m-zyfw{height: 264px;}
.g-zyfw li a{display: block; padding: 0 5px; line-height: 45px; text-align: center; background: #f5f5f5; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-zyfw li a:hover{background: #0cbae3; color: #fff;}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-homechange,.heros,.hero-wrap img { width: 100%; height: 368px;}

    .m-links{margin: 0 18px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.g-flash,.g-flash .owl-item,.g-flash img,.m-video{height: 340px;}
	.g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
	.g-flash .owl-pagination{bottom: 15px;}

	.m-hot h1{font-size: 16px;}

	.g-notice li{margin-bottom: 10px;}
	.g-notice .u-title{font-size: 14px;}

	.m-hmbtns .prev,.m-hmbtns .next{display: none;}
	
	.m-hmtppics,.m-hmtppics img{height: 302px;}


}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-hmtppics,.m-hmtppics img{height: 233px;}


}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}
	
	.m-hmtppics,.m-hmtppics img{height: auto;}


}