@charset "utf-8";
/* CSS Document */

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border: 0;} 
html, body{ font-family:"Microsoft YaHei",Verdana,Arial; color:#444;}
body{ font-size:14px; line-height:160%; }
img{ border:0 none;/*width:100%;*/height: auto;}
a { color: #333; text-decoration: none;}
a:hover { color: #0074bd; text-decoration: none;}
ul, li { list-style-type: none;}
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow:none;}
.bottom20{ margin-bottom:20px;}
p{
line-height: 175%;
overflow:hidden;
text-align:justify;
/*text-align-last:justify;*/
}
.clear{ clear:both;}

body{ background: url(banner.jpg) no-repeat top center; background-size: contain;}

#qrcode{height:84px;}
.mobile_hide{ display: block;}
.mobile_show{ display:none;}

.banner .logo ul .icon2018{float: left;}
.banner .logo ul .logo-word{float: left; margin-top:48px;}
.banner .logo ul .code{ background: #fff; padding: 10px 10px 4px 10px; float:right; font-size: 12px; line-height: 28px;}
.banner .title{ float: right; margin-bottom: 20px; color: #fff; margin-top: 10px; }
.banner .logo img{width: 100%;}

.main{ background: #fff; padding: 0; box-shadow: 0 2px 6px #fbeaea;}





.show .title{ background:url(column-titbg1.png) no-repeat; width:100%; height:58px;}
.show .title h2{ color:#fff;font-size:22px; padding-left:40px; line-height:50px; background:url(icon1.png)no-repeat 5px 8px; padding-left: 70px; margin-left: 10px;}
.show .title2{ background:url(column-titbg2.png) no-repeat; width:100%; height:58px;}
.show .title2 h2{padding: 10px;
    height: 50px; color:#fff;font-size:22px; padding-left:40px; line-height:30px; background:url(icon2.png)no-repeat 5px 5px; padding-left: 70px; margin-left: 10px;}
.show .title .more{ float:right; }
.show .title .more a{ color:#d83f2b; height:50px; line-height:60px; margin-right:15px; }



ul.video-wrap-list li{width:48.2%; float: left; margin: 10px;}
ul li .video-wrap{background:#fff;   margin-bottom:15px; box-shadow:0 2px 6px #C6C6C6; }
ul li .video-wrap .top-wrap{ position: relative; }
ul li .video-wrap img{ width:100%;}

ul li .video-wrap .pic-tit{position: absolute; width: 100%; bottom:0px; background: #AB262A; opacity: 0.9; background:rgba(171,38,42,0.9); color: #F8E71C; height: 30px; padding: 0 15px; line-height: 30px;}

ul li .video-wrap .info-word{ padding: 0px 15px;color:#444;}
ul li .video-wrap .info-word h4{font-size:14px;  min-height: 48px; line-height:24px; font-weight:bold; color:#444;}
ul li .video-wrap .info-word2 h4 {font-size:14px; min-height: 48px; line-height: 24px; }
ul li .video-wrap .info-word p a{ line-height: 20px; font-size: 12px; color:#888;}
ul li .video-wrap .info-word p a:hover{color: #337ab7;}
ul li .video-wrap .info-word .check{float:right; }
.main button{ background: #85AEDE; color: #fff; width: 80%; border-radius: 30px; border:none; height: 40px; line-height: 34px; text-align: center; margin: 0 auto; margin:0 auto 40px auto; }

.column-wrap .title{ background:url(column-titbg.png) no-repeat; width:100%; height:58px; margin-bottom:10px;}

.essay-name{ color: #fff; font-size: 18px; background:#CE2A2E; background: rgba(206,42,46,0.8); line-height: 36px; padding: 5px 30px;}
.essay{margin:20px 60px; padding-bottom: 30px;}
.essay .tit{background:#E9EEF5;padding: 20px 40px; margin-bottom: 20px;}
.essay .tit h3{ text-align: center; line-height: 160%;}
.essay .info {width:50%; margin-bottom: 20px;line-height: 32px;}
.essay .info .data{ background:url(icon3.png)no-repeat 0 5px; float:left; padding-left: 38px; color: #D32F34; }
.essay .info .link{ float: right; border:1px solid #265B95; width: 300px; height: 32px; line-height: 32px;}
.essay .info .link img{ height: 100%; float: right;}
.essay .pic-wrap{width:50%; margin: 20px auto; }
.essay .pic-wrap img{width: 100%; margin-bottom: 10px;}
.essay .pic-wrap p{ text-align: center; color: #666; }

footer{ background:#F0F0F0; text-align:center; padding:30px 0; line-height:26px;}
.logo-cas img{ width:100%; }
footer .copyright{ text-align: center;}

@media screen and (max-width:1600px){	
body{ background: url(banner1.jpg) no-repeat top center; background-size: contain;}
}
	
	
@media screen and (max-width:1200px){	
    body{background: url(banner2.jpg) no-repeat top center; background-size: contain;}
	.banner .logo ul .icon2018{float: left; }
	.banner .logo ul .logo-word{float: left; margin-top:50px;padding:0px;}
	.banner .logo ul .code{ background: #fff;padding: 10px 10px 4px 10px; float:right; font-size: 12px; line-height: 28px;}
	.banner .title{ float: right; margin-bottom: 20px; color: #fff; margin-top: -70px; }
	
    ul.video-wrap-list li{width:30%;}

	.nav-list ul li {  width: 124px;}	
	ul li .video-wrap ul li.like { float: left; width:80%;}
	ul li .video-wrap ul li.like div { padding-left: 35px;}
	ul li .video-wrap ul li.source {margin:5px 10px 10px 10px;}
	footer .logo-cas{ width:30%;}

	footer .copyright{ text-align: left;}
	
	
	}



@media screen and (max-width:992px){
	
	.banner .logo ul .icon2018{padding: 0;}
	.mobile_show1 .title{ color:#fff; position:absolute; top:45px; text-align:center; width:100%;text-shadow:0 0 10px #AA2527;}
	.essay .info {width:80%; }
	.essay .pic-wrap{width:80%; }
	.banner .title {margin-top: -30px;}
	}



@media screen and (max-width:768px){
	body{background: none;}
	.banner{ background: url(banner3.png) no-repeat top center #b92d30; background-size: contain; }
		.icon2019{ padding: 0;}
	.logo-word{ padding-left: 0;}
	.banner .logo ul .logo-word{float: left;margin-top:30px;}
	.banner .logo ul .code{display: none;}
	.banner .title {margin-top: -20px;}
    ul.video-wrap-list li {
    width: 88%; margin: 0 30px;
}
	.show .title h2 {font-size: 18px;}
	.essay .info .data {  float:none; margin: 0 auto; text-align: left; margin-bottom: 10px;}
	.essay .info .link{ width:100%; }
	
	.mobile_show{ display: block;}
	.mobile_hide{ display: none;}
	ul.video-wrap-list{ width: 96%; margin: 0 auto;}
	ul.video-wrap-list li {
		width: 45%; margin: 0px 2.5%; float: left; min-height:220px;}
	
	footer .logo-cas{ width:50%;}
	footer .copyright{margin-top:20px; }	
	
	
	}

	
@media screen and (max-width:600px){
	.banner .logo ul .logo-word{margin-top: 20px;}
	.banner .title {margin-top: 0;}

	
	.show .title{
    background-size: cover;
    height: 82px;
}
	.show .title2{
    background-size: cover;
    height: 82px;
}
	.show .title2 h2 {
    background: none;
	padding-left: 10px;}
	.show .title h2 {
    background: none;
    padding-left: 10px;
  
}

}


@media screen and (max-width:414px){	

 	.banner .title {margin-top: 10px;}

	}