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

@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 .icon2019{float: left; margin-top:40px;}
.banner .logo ul .logo-word{float: left; margin-top: 62px; width: 62%;}
.banner .logo ul .code{background: #fff;padding: 0px 8px 4px 7px;float:right;font-size: 12px;line-height: 28px;}
.banner .title{margin-bottom: 20px;color: #fff;margin-top: -60px;}
.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: 22px; margin-top:8px;}
ul li .video-wrap .info-word3 h4 {font-size:14px; /*min-height: 48px;*/ line-height: 22px; margin-top:8px;}
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{width: 58%;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{width: 85%;float: left;margin-bottom: 20px;color: #fff;margin-top: -60px;}
	
    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 .code {margin-top:20px; }
	.banner .logo ul .icon2019 {width: 23%;}
	.banner .logo ul .logo-word{width: 75%; margin-top: 50px;}
	.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: -146px;width: 83%;}
	}

@media screen and (max-width:768px){
	body{background: none;}
	.banner{ background: url(banner3.png) no-repeat top center #b92d30; background-size: contain; }
	.banner .logo ul .icon2019{ padding: 0; width:30%;}
	.banner .logo ul .logo-word{ float: left;margin-top:30px; width:60%; margin-left:20px;}
	.banner .logo ul .code{display: none;}
	.banner .title {margin-top: -50px; width:100%;}
    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:767px){
	.logo-cas{ display:none;}
     img { width:100%;}
    .yzm{ text-align:center;}
        
}

@media screen and (max-width:600px){
.banner .logo ul .logo-word{margin-top: 36px;}
	
.banner .title {
    margin-top: -20px;}
	
.show .title{margin-bottom:20px; 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: 530px){
.show .title {background-size: cover; height: 82px;}

.info-word2 .mobile_hide{min-height:120px;}

.info-word .mobile_hide{min-height:120px;}

ul li .video-wrap .pic-tit{height:20px; line-height:20px;}
ul li .video-wrap .info-word2 h4 {font-size:14px; min-height:72px;}
ul li .video-wrap .info-word3 h4 {font-size:14px; min-height:48px;}
.row{ margin: 0;}
.show {padding: 0;}
}

@media screen and (max-width:420px){
	.logo-cas{ display:none;}
       img { width:100%;}
        
       ul li .video-wrap .three_line_one h4{ min-height:72px;}
}

@media screen and (max-width:414px){	
.banner .title {margin-top: 10px;}
}
@media screen and (max-width:767px){
	.logo-cas{ display:none;}
        img { width:100%;}
}
.essay {
    margin: 20px 20px;
}
#qrcode{ height:84px;}
.row{ margin: 0;}
.show {padding: 0;}