@charset "gb2312";
/* CSS Document */

html, body { margin:0px; padding:0; font:14px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif; -webkit-font-smoothing:antialiased;  background:#ffffff; }
body { }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0;/* font-weight:normal;*/ font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.ks-clear:after, .clear:after { content: '\20'; display: block;  height: 0; clear: both; }
.ks-clear, .clear { *zoom: 1;}
.fl { float:left; }
.fr { float:right; }
.cl { clear:both;}
a { color:#333; text-decoration:none; cursor:pointer; }
a:hover { color:#bc1100; text-decoration:none;  }

.warp { width: 1200px; margin: 0 auto;}
.w800 { width: 800px;}
.w710 { width: 710px;}
.w460 { width: 460px;}
.w380 { width: 380px;}

.marT30 { margin-top:30px;}
.marT22 { margin-top:22px;}
.marT55 { margin-top:10px;}
.marT13 { margin-top:13px;}
.marT40 { margin-top:40px;}
.marR20 { margin-right:20px; }
.marL30 { margin-left:30px; }
.marL40 { margin-left:40px; }

.top { width: 100%; margin: 0 auto; padding: 20px 0; height: 126px;background: url("../images/bg.png") top center no-repeat #fff;}
.menu { overflow: hidden; width: 820px; padding: 30px 0 0 70px;}
.menu ul { overflow: hidden;}
.menu ul li { float: left; width: 16.6%; text-align:center; }
.menu ul li a { font-size: 16px; line-height: 28px; color: #FFFFFF;}
.search { padding: 20px 0 0 0px; display:none;}
.sea { width:252px; float:right; padding:8px 0 0 0px; }
.sea .inp { width:196px; height:38px; float:left;  font-size:14px; line-height:38px; color:#999; background:#fff;  padding:0 0 0 12px; border-radius:5px 0 0 5px;  }
.sea .bot { width:44px; height:38px; float:left;  background:url(../images/sea_ico.png) 0 0 no-repeat;  cursor:pointer; border-radius:0px 5px 5px 0px; }
.app { position: relative; padding-top: 45px; float: right;}
.app span { line-height: 28px; color: #fff; height: 28px; font-size: 14px; text-align: center; display: block; background: #bf464d;width: 100px;
  border-radius: 6px;  cursor: pointer;}
.downloadQrcode {
    display: none;
    position: absolute;
    top: 85px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    white-space: nowrap;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    padding: 18px 45px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 300;
width: 200px;
}
.app:hover .downloadQrcode {display:block;}
.app img {width: 100%;}
/*½¹µãͼ*/
.swiper-container2 { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1;  border-radius:6px; }
.swiper-wrapper { position: relative; width:100%; height:370px; z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.swiper-slide h3 { width:100%; height:100%; position: absolute;}
.swiper-slide h3 img { width:100%; height:100%; }
.swiper-slide h4 { display:block;height: 100%;background-size: 100% !important;}
.swiper-slide h3 span { width: 90%;  position:absolute; bottom:0; float:left; padding:20px 5% 50px; font-size:16px; line-height:24px; color:#fff;background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;   }

.swiper-button-prev,.swiper-button-next { width:50px; height:60px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:60px; font-size:50px; color:#fff; font-family:"\5B8B\4F53";  font-weight:bold; text-shadow:1px 1px 5px rgba(0,0,0,.2); }
.swiper-button-next { right:15px;}
.swiper-button-prev { left:15px;}

.swiper-pagination { position:absolute; text-align:center;  z-index:10;bottom:20px; left:0; width:100%; }
.swiper-pagination-bullet { width:10px; height:10px; display:inline-block; border-radius:100%; background:#fff; border-radius:6px; cursor:pointer; margin:0 4px;}
.swiper-pagination-bullet-active{ opacity:1; background:#d40306; width:40px; }


.img2 { padding-top: 20px;}
.img2 ul li { width:32%; float:left; margin-right:2%;  background: #f6f6f6;  border-radius:6px; overflow: hidden; }
.img2 ul li h3 { width:100%; height:130px; position:relative;  }
.img2 ul li h3 img { width:100%; height:100%; }
.img2 ul li h3 span { display:block;height: 100%;background-size: 100% !important; border-radius:0 0 6px 6px; }
.img2 ul li h3 b { display: none; position:absolute; left:0; bottom:0; font-size:16px; line-height:36px; padding:0 12px; z-index:6; filter:alpha(opacity=9); opacity:0.9;  }
.img2 ul li h4 { width:92%; float:left; padding: 5% 4%;height: 48px;}
.img2 ul li h4 p { font-size:16px; line-height:24px; color:rgba(0,0,0,.8);  text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.img2 ul li:nth-child(3n) { margin-right:0;}
.img2 ul li:hover h4 { color:#e84335; }


.lm { border-bottom: 2px solid #f5f5f5; height: 34px; line-height: 34px; margin-bottom: 1px;}
.lm span { float: left; font-size: 22px; font-weight: bold; border-bottom: 2px solid #ec3046; padding: 0px 2px; position: relative;}
.lm em { float: right;}
.lm em a { color: #999; font-size: 14px;}


.imglist2 li { margin-top: 20px; width: 100%; overflow: hidden;}
.imglist2 li h4 { width: 65%; float: left;}
.imglist2 li h4 a { font-size: 18px; line-height: 30px; height: 60px; font-weight: 700; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.imglist2 li h4 p {	font-size: 14px; line-height: 20px; height: 20px; color: #a8a8a8; margin-top: 5px;}
.imglist2 li h4 p span {margin-right: 15px;}
.imglist2 li h5 { float: right; width: 135px; height: 85px; border-radius: 4px; overflow: hidden;}
.imglist2 li h5 img { width: 100%; height: 100%;}


.splist { width: 100%; margin-top: 20px; overflow: hidden;}
.splist li { float: left; width: 15%; height: 300px; border-radius: 8px; margin-right: 2%; position: relative; overflow: hidden;}
.splist li:nth-child(6n) { margin-right:0;}
.splist li img { width: 100%; height: 100%;}
.splist li .photo2 { height: 300px; border-radius: 8px 8px 0px 0px;}
.splist li .photo2 span  { display:block;height: 100%;background-size: cover !important;}
.splist li i { position: absolute; width: 30px; height: 30px; left: 13px; bottom: 13px; background: url("../images/play.png"); background-size: 100% 100%; transition: all 0.2s;}
.splist li p{ position: absolute; width: calc(100% - 24px); line-height: 20px; height: 60px; overflow: hidden; left: 12px; bottom: 5px; font-size: 14px; display: flex; align-items: center; justify-content: center;	color: #fff; z-index: 9; opacity: 0; transition: all 0.2s; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.splist li .shadow{	position: absolute;	width: 100%; height: 130px; left: 0px; bottom: -130px; background: url("../images/shadow5.png") repeat-x center bottom; background-size: auto 100%;	transition: all 0.2s;}
.splist li:hover p{	opacity: 1;}
.splist li:hover .shadow{ bottom: 0px;}
.splist li:hover i{	bottom: 73px;}



.newslist .photo2{ height: 200px; border-radius: 8px; margin-top: 20px; position: relative; overflow: hidden;margin-bottom: 8px;}
.newslist .photo2 .shadow{ position: absolute; width: 100%; height: 139px; left: 0px; bottom: 0px; background: url("../images/shadow3.png") repeat-x center bottom;	background-size: auto 100%;}
.newslist .photo2 p{ position: absolute; width: calc(100% - 30px); height: 24px; line-height: 24px; left: 15px; bottom: 8px; text-align: center; text-overflow:ellipsis; white-space:nowrap; color: #FFFFFF;}
.newslist .photo2 img { width: 100%; height: 100%;}
.newslist .photo2 span { display:block;height: 100%;background-size: 100% !important;}

.newslist li{ height: 40px; line-height: 40px;display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; }
.newslist li i{ display: inline-block; vertical-align: top; width: 6px; height: 6px; border-radius: 50%; background: #d6d6d6; margin: 17px 7px 0px 0px;}
.newslist li a { font-size: 16px;}


.footer { background: #f5f5f7; padding: 50px 0; width: 100%; color: #949494;font-size: 14px;line-height: 30px; border-bottom: #d80307 10px solid;}
.copyright {}
.copyright .layui-col-md3 a { margin-left:18px;}
.licence { text-align: center; line-height: 1.8em;}
.licence a { padding: 0 8px; color: #949494;}
.licence div { margin-left: 335px; margin-top: 10px; overflow: hidden;}
#police,#web,#child { background: url(../images/bott.png) no-repeat; width: 175px; height: 46px; display: block; float: left;}
#web { background-position: 0 -46px;}
#child { background-position: bottom;}


.position { margin-bottom:30px;}
.position,.position a { color: #808080; font-size: 14px;}
.position a:hover { color: #005dc5;}

/*ͼÎÄÁбí*/
.news_pic li { position: relative; overflow: hidden;}
.news_pic li hr {
    line-height: 0;
    margin: 20px 0;
    padding: 0;
    border: none!important;
    border-bottom: 1px solid #eee!important;
    clear: both;
    background: 0 0
}
.news_pic li:last-child hr { }
.news_pic li img { width: 200px; height: 115px; float: left; margin-right: 20px; margin-bottom: 20px;}
.news_pic li p { font-size: 22px;margin-bottom: 15px;}
.news_pic li span { display: none; margin-bottom: 15px;}
.news_pic li span a { font-size:16px; color:#d80307;}
.news_pic li span a:hover { color: #d80307;}
.news_pic li i { font-size:16px; color: #bbb;}

#pagetemple { margin-top:30px;}
#pagetemple span { font-size:14px; padding: 0 4px;}

#artibodytitle { color: #3a3a3a; font-size:40px; font-weight: 600; padding-bottom:15px;}
.subtext { color:#aaa;}
.subtext span { font-size:16px; padding-right:10px;}
#abs { background-color:#fff; color:#999; padding:20px 30px; font-size:16px; line-height:1.8em; text-align:justify;}

#artibody { margin-top:20px;}
#artibody,#artibody div span { color:#333; font-size:18px;}
#artibody a { color:#333; border-bottom:#333 solid 1px;}
#artibody a:hover { color:#00adec; border-color:#00adec;}
#artibody p { line-height:2em; text-align:justify; margin-bottom:0.75em; }
#artibody p span { line-height: 2em;display: block;}
#artibody p strong,#artibody strong,#artibody p strong span { font-weight: 600;}
#artibody p.from,#artibody p.from a { color:#f8f8f8; border:none;}
#artibody img { width:80%; margin-left:10%;max-width:100%; height:auto; width:auto\9; /* ie8 */}
#artibody .image-container { text-align: center; }
#artibody .image-container img { max-width: 100%; height: auto; }
#news_more_page_div_id { font-size:14px;  color:#999;}
#news_more_page_div_id a { color:#666; text-decoration:none; border:none;}
.player {position: relative;width:640px; margin:10px auto;}
.author { overflow: hidden;}
#artibody div.author span { padding:2px 8px; color:#808080; font-size:14px; float: right; }
.grayfont,.grayfont a { color:#808080; }
.grayfont a:hover { color:#005dc5;}


@media screen and (max-width: 1024px) {
    
html {width:100%; height:100%; margin:0px; padding:0;   -webkit-font-smoothing:antialiased;}
body { width:100%; height:100%; }

    .warp { width: 92%; padding: 0 4%; overflow: hidden;}
    .w710 { width: 100%; margin-bottom: 3%;}
.w460 { width:  100%;}
.w380 { width:  100%;}

    .marL30 {    margin-left: 0px;}
    .marT30 {margin-top: 4%;}
   .swiper-wrapper { height: 52vw;}	
    .swiper-slide h3 span { font-size:1rem; line-height: 1.5rem; padding: 5% 0% 12%;}
    .licence { display: none;}
    .footer {padding: 3% 0;}
    .logo { width: 100%; text-align: center;}
.app { display: none;}
.top { height: 25vh;}
    .menu { width: 100%; padding: 20px 0 0 0;}
    .menu ul li { text-align: center;  width: 20%;}
    .search { width:  100%;}
    .sea { width: 80%; float: inherit; margin-left: 10%;}
    .sea .inp {  width: 79%;}
    .lm { border-bottom: 2px solid #f5f5f5; height: 3rem; line-height: 3rem; margin-bottom: 1px;}
.lm span { float: left; font-size: 1.6rem; font-weight: bold; border-bottom: 2px solid #ec3046; padding: 0px 2px; position: relative;}
.lm em { float: right;}
.lm em a { color: #999; font-size: 14px;}
    .imglist2 li h4 a {font-size: 1.2rem; line-height: 2rem; height: 4rem;}

.img2 { padding-top: 20px;}
    .img2 ul li { width: 49%;}
.img2 ul li h3 { width:100%; height:26vw; position:relative;  }
.img2 ul li h3 b { font-size:1rem; line-height:3rem; padding:0 2%; }

.img2 ul li h4 p { font-size:1.1rem; line-height:2rem;}
.img2 ul li:nth-child(2n) { margin-right:0;}
.img2 ul li:nth-child(3) { display: none;}

    .splist li { width: 32%; height: 52vw; margin-bottom: 2%;}
    .splist li:nth-child(3n) { margin-right:0;}
    .splist li .photo2 { height: 52vw;}
    
    
.newslist .photo2{ height: 52vw; margin-top: 3%; }
.newslist .photo2 .shadow{ height: 52vw; }
.newslist .photo2 p{ height: 1rem; line-height:3rem; left: 5%; bottom: 10%; }
.newslist .photo2 img {}

.newslist li{ height: 2.5rem; line-height: 2.5rem; }
.newslist li a { font-size: 1rem;}

	.news_pic { padding-right: 0; overflow: hidden;}
	.news_pic li { height: auto; overflow: hidden;}
    .news_pic li hr { margin: 10px 0;}
	.news_pic li img { width:40%; height: auto; margin-right: 3%;}
	.news_pic li p { font-size: 18px;}
	.news_pic li span a { font-size:14px;}
		#artibody img,.player { width: 100%;}
	.pr40 { padding: 0;}
	#artibodytitle { font-size: 28px;}
	.subtext { margin-bottom: 20px;}
	#abs { padding: 10px 20px;}
	#artibody { margin: 0;}
	.toptitle .logo,#gotop { display: none;}
	.toptitle { height: auto;}
	.subtext { overflow: hidden;}
	.box { right:0; margin-right: 0; opacity: .6;}
	.box > div { margin-left: 0; margin-right: 10px;}
#artibody p img { width:100%;  margin-left: 0%;}
    
    }