@charset "utf-8";
/* CSS Document */

/*--------------- 
总体 
---------------*/
body{ position:relative; width:100%;font-family:"微软雅黑"; font-size: 14px; background:#f9f9f9; color:#777; overflow-x:hidden; }
.en { position:relative; width:100%; font:normal 14px/24px "Arial"; background:#fff; color:#777; overflow-x:hidden; }
a { text-decoration:none;  }
h3, h4, h5 { font-weight:normal; }
.cl{clear: both}
.blank20{height:20px; line-height: 20px; clear: both; overflow: hidden}
.blank40{height:40px; line-height: 40px; clear: both; overflow: hidden}
.wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;}
.wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;}
.mt50{margin-top: 50px;}
.mt70{margin-top: 70px;}
img{vertical-align: middle}
.fl{float: left;}
.fr{float: right;}
header{background: url("../img20220406/top_bg.jpg")center center no-repeat;width: 100%;height:128px;overflow: hidden;position: relative;}
.ilogo{float: left;}
nav{background: #12233b;width: 100%;height: 60px;line-height: 60px;}
nav ul{width: 1200px;margin: 0 auto;text-align: center;}
nav ul li{float: left;display: inline-block;text-align: center;width:16.66%;}
nav ul li:hover{background: #131c28;}
nav ul li.active{background: #131c28;}
nav ul li a{color: #fff;font-size: 20px;display: block;height: 60px;}
.banner{width: 100%;height: auto;overflow: hidden;position: relative}
.banner img{width: 100%;height: 100%;}
.index{background: #f5f5f5 url("../img20220406/index_bg.jpg")bottom center no-repeat;width: 100%;height: auto;overflow: hidden;position: relative;background-size: cover}
.sub{background: #f5f5f5 url("../img20220406/sub_bg.jpg")top center no-repeat;width: 100%;height: auto;overflow: hidden;position: relative;background-size: cover}
.sub .wrapper{background: #fff;padding:30px 40px;width:1120px;margin: 0 auto}
.part01{margin-top:30px;width: 100%;height: auto;overflow: hidden}
.part01-l{width: 57%;float: left;height: auto;overflow: hidden}
.part01-r{width: 41%;float: right;background: #fff;height: auto;overflow: hidden}
.index_title{height: 50px;line-height: 50px;background: #27364c;overflow: hidden;width: 100%;}
.index_title h2{font-size: 20px;color: #fff;float: left;display: inline-block}
.index_title h2:before{content: "";background: url("../img20220406/index_title_ico1.jpg")center center no-repeat;display: inline-block;margin-right: 15px;width: 50px;height: 50px;vertical-align: middle;margin-bottom: 6px;}
.part01-l-f .index_title h2:before{content: "";background: url("../img20220406/index_title_ico3.jpg")center center no-repeat;}
.part01-r .index_title h2:before{content: "";background: url("../img20220406/index_title_ico2.jpg")center center no-repeat;}
.part02 .index_title h2:before{content: "";background: url("../img20220406/index_title_ico4.jpg")center center no-repeat;}
.part03 .index_title h2:before{content: "";background: url("../img20220406/index_title_ico5.jpg")center center no-repeat;}
.index_title span{display: inline-block;float: right;margin-right: 20px;font-size: 16px;color: #b2bac5;}
.part01-l-t{width: 100%;height:auto;overflow: hidden;position: relative;background: #fff;}
.part01-l-t ul{padding:20px 15px 0px 15px}
.part01-l-t ul li{padding-bottom:15px;margin-bottom: 15px;border-bottom: #ddd 1px solid;width: 100%;height: auto;overflow: hidden}
.part01-l-t ul li:last-child{border-bottom: 0;}
.part01-l-t ul li h2{font-size: 16px;color: #333;float: left;overflow: hidden;width:82%;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.part01-l-t ul li h2:before{content: "";background: #abb3bf;border-radius: 50%;width: 5px;height: 5px;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 4px;}
.part01-l-t ul li p{float: right;font-size: 16px;color: #777;}
.part01-l-t ul li:hover h2{color:#27364c;font-weight: bold;}
.part01-l-t ul li:hover h2:before{content: ""; background:#27364c}
.part01-l-t ul li:hover p{color:#27364c;font-weight: bold;}
.part01-l-f{margin-top: 0;width: 100%;height: auto;overflow: hidden;background: #fff;}
.part01-l-f-z{padding: 25px}
.part01-l-f-z p{color: #333;font-size: 16px;line-height: 34px;text-indent: 2em;}
.part01-r ul{padding:20px 15px 0px 15px}
.part01-r ul li{padding-bottom:14px;margin-bottom:14px;border-bottom: #ddd 1px solid;width: 100%;height: auto;overflow: hidden}
.part01-r ul li:last-child{border-bottom: 0;}
.part01-r ul li h2{font-size: 16px;color: #333;float: left;display: inline-block;width:calc(100% - 30px);line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.part01-r ul li i{background:url("../img20220406/index_ico1.png");width:18px;height:22px;display: inline-block;vertical-align: middle;margin-right: 10px;float: left;margin-top: 5px;}
.part01-r ul li:hover h2{color:#27364c;font-weight: bold;}
.part02{width: 100%;margin-top:0;height: auto;overflow: hidden;}
.part02 ul{background: url("../img20220406/dnwz_bg.jpg")center center no-repeat;height:500px;width: 96%;padding: 20px 2%;overflow: hidden}
.part02 ul li{padding-bottom:15px;margin-bottom: 15px;border-bottom: #496281 1px solid;width: 100%;height: auto;overflow: hidden}
.part02 ul li:last-child{border-bottom: 0;}
.part02 ul li h2{font-size: 16px;color: #fff;float: left;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.part02 ul li h2:before{content: "";background: #b6cad3;border-radius: 50%;width: 5px;height: 5px;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 4px;}
.part03{background: #fff;width: 100%;height: auto;overflow: hidden;margin: 30px auto;}
.part03 ul{padding:30px;height: auto;overflow: hidden}
.part03 ul li{width: 18.5%;float:left;margin-right:1.875%;text-align: center;background: #f8f4dc;overflow: hidden}
.part03 ul li img{width: 100%;height:100%;position:absolute;left: 0;top: 0;z-index: 1;transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.part03 ul li div{position: relative;width: 100%;height: 141px;overflow: hidden}
.part03 ul li span{transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s;background:url("../img20220406/play_ico.png")center center no-repeat;width: 52px;height: 52px;position: absolute;left: 0;right: 0;top:-100%;opacity: 0; z-index: 3;display:inline-block;margin: 0 auto}
.part03 ul li i{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;right: 0;display: none}
.part03 ul li p{padding:5px 15px 10px 15px;line-height:26px;color: #333;font-size: 16px;text-align: left;height:48px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.part03 ul li:hover{background: #354d72;}
.part03 ul li:hover span{top: 30%;opacity: 1;}
.part03 ul li:hover i{display: inline-block;}
.part03 ul li:hover p{color: #fff;}
.part03 ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.part03 ul li:last-child{margin-right: 0;}
footer{background: url("../img20220406/foot-bg.jpg")center center no-repeat;width: 100%;height: 212px;position: relative;overflow: hidden}
footer .ilogo{margin-top:40px;}
.foot-z{font-size: 16px;color: #fff;line-height: 34px;border-left: #283d5b 1px solid;float: left;margin-left: 40px;padding-left: 40px;margin-top:70px;}
.mbx{width: 100%;border-bottom: #ededed 4px solid;padding-bottom:15px;margin-bottom:15px;font-size: 16px;color: #555;}
.mbx a{margin: 0 5px;font-size: 16px;color: #555;}
.mbx img{display: inline-block;margin-right:10px;vertical-align: middle;margin-bottom: 5px;}
.typename{text-align: center;font-size:32px;color: #111;margin: 40px auto;}
.cinema ul li{width:260px;float:left;margin-right:26px;margin-bottom:26px; text-align: center;background: #f8f4dc;overflow: hidden}
.cinema ul li img{width: 100%;height:100%;position:absolute;left: 0;top: 0;z-index: 1;transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; }
.cinema ul li div{position: relative;width: 100%;height: 173px;overflow: hidden}
.cinema ul li span{transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s;background:url("../img20220406/play_ico.png")center center no-repeat;width: 52px;height: 52px;position: absolute;left: 0;right: 0;top:-100%;opacity: 0; z-index: 3;display:inline-block;margin: 0 auto}
.cinema ul li i{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;right: 0;display: none}
.cinema ul li p{padding:15px 15px 20px 15px;line-height:26px;color: #333;font-size: 16px;text-align: left;height:48px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.cinema ul li:hover{background: #354d72;}
.cinema ul li:hover span{top: 30%;opacity: 1;}
.cinema ul li:hover i{display: inline-block;}
.cinema ul li:hover p{color: #fff;}
.cinema ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.cinema ul li:nth-child(4n){margin-right: 0;}
.article-title{text-align: center;margin: 40px auto;}
.article-title h1{font-size:26px;color: #111;line-height: 46px;}
.article-title p{font-size: 16px;color: #777;margin-top: 10px;}
.list-list ul li{padding-bottom:15px;margin-bottom: 15px;border-bottom: #ddd 1px solid;width: 100%;height: auto;overflow: hidden}
.list-list ul li:last-child{border-bottom: 0;}
.list-list ul li h2{font-size: 16px;color: #333;float: left;overflow: hidden;width:87%;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.list-list ul li h2:before{content: "";background: #abb3bf;border-radius: 50%;width: 5px;height: 5px;display: inline-block;vertical-align: middle;margin-right: 10px;margin-bottom: 4px;}
.list-list ul li p{float: right;font-size: 16px;color: #777;}
.list-list ul li:hover h2{color:#27364c;font-weight: bold;}
.list-list ul li:hover h2:before{content: ""; background:#27364c}
.list-list ul li:hover p{color:#27364c;font-weight: bold;}
.fck{margin: 0 auto 50px auto;width: 100%;height:auto;overflow: hidden;}
.fck div,.fck p{font-size: 16px !important;line-height: 30px !important;color: #444 !important;}

.p_pages { clear:both; display:inline-block; padding:40px 0; width:100%; text-align:center; font-size:16px; }
.page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#354d72; color:#fff; }
.page span{display:inline-block;}
.p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d  a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 }
.p_fun_d:hover{ background:#354d72; color:#fff; }
.p_fun_d a:hover,.p_fun_d.thisclass a { background:#354d72; color:#fff; }
header button { position:absolute; right:10px; top:50px; width:45px; height:24px;  line-height:10px;display: none; }
header button span{    display: inline-block; margin: 2px 0; width: 100%; height: 4px; background: #fff}
@media screen and (max-width:1024px){
	.wrapper{width: 96%;}
	.sub .wrapper{width:92%}
	nav ul{width: 100%;}
	header{background-size: 100% 100%}
	.part01-l-f{margin-top: 18px;}
	.part01-l-f-z{padding: 15px 20px}
	.part03 ul{padding: 20px}

	.part03 ul li div{height: 108px;}
	footer{background-size: 100% 100%}
	.cinema ul li{margin-right: 15px;width: 224px;}
	.cinema ul li div{height: 149px;}
}
@media screen and (max-width:800px){
	.part01-l{float: none;width: 100%;}
	.part01-r{float: none;width: 100%;margin-top: 20px;}
	.part03 ul{padding: 30px 20px 10px 20px}
	.part03 ul li{width: 32.5%;margin-right: 1.25%;margin-bottom:20px;}
	.part03 ul li:nth-child(3){margin-right: 0;}
	.part03 ul li div{height: 151px;}
	footer{height: auto;padding-bottom: 30px;}
	.ilogo{margin-left: 20px;}
	footer .ilogo{float: none;margin:20px auto;text-align: center}
	footer .foot-z{border-left: 0;margin: 0 auto;padding: 0;width: 90%;}
	nav{display: none;height: auto;overflow: hidden}
	nav ul li{width: 100%;border-bottom: #576f92 1px solid;}
	nav ul li:last-child{border-bottom: 0;}
	.part01{margin-top: 20px;}
	header button{display: block}
	.cinema ul li{width: 220px;}
	.cinema ul li:nth-child(4n){margin-right: 15px;}
	.cinema ul li:nth-child(3n){margin-right: 0;}
	.cinema ul li div{height: 147px;}
	.list-list ul li h2{width: 85%;}
	.article-title{margin-top:20px;}

	
}
@media screen and (max-width:640px){
	.part03 ul li div{height: 125px;}
	.sub .wrapper{padding: 30px 4%;width:92%;}
	.cinema ul li{width: 185px;}
	.cinema ul li div{height: 123px;}
	.cinema ul li p{height: 75px;}
	.list-list ul li h2{width: 82%;}
	.fck img{width: 100% !important; height: 100% !important}
	.article-title h1{font-size: 22px;line-height: 40px;}
	.inside .banner{display: none}
}
@media screen and (max-width:480px){
	.part01-l-t ul li h2{width: 76%;}
	.part01-l-t ul li p{font-size: 14px;}
	.part03 ul li{width: 48%;margin: 0 1% 20px 1% !important;}
	.part03 ul li div{height: 135px;}
	.cinema ul li{width: 48%;margin: 0 1% 20px 1% !important;}
	.cinema ul li div{height: 122px;}
	.list-list ul li h2{width: 74%;}
	.list-list ul li p{font-size: 14px;}
	.article-title h1{font-size: 20px;}
}
@media screen and (max-width:414px){
	.part03 ul li div{height: 129px;}

}
@media screen and (max-width:375px){
	.part03 ul li div{height: 103px;}
	.ilogo{margin-top: 10px;margin-left: 10px;}
	header .ilogo img{width: 90%;}
	.cinema ul li div{height: 111px;}
	.list-list ul li h2{width: 72%;}
}
@media screen and (max-width:360px){
	.part01-l-t ul li h2{width: 74%;}
	.part03 ul li div{height: 98px;}
	.cinema ul li div{height: 106px;}
	.list-list ul li h2{width: 70%;}

}
@media screen and (max-width:320px){
	.part03 ul li div{height:85px;}
	.cinema ul li div{height: 94px;}
	.part01-l-t ul li h2{width: 70%;}
	.cinema ul li p{height: 64px;}
	.list-list ul li h2{width:69%;}
}