@charset "utf-8";

/* 格式化 */
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 10px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

html,body { font-size:8px;}


/* banner */
.topbanner { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-end; align-items: flex-end; width: 100%; min-width: 1200px; height: 500px; background-image: url(../pic/topbanner.jpg); background-repeat: no-repeat; background-position: center top;}



/* 头条 */
.big_news { width: 100%; min-width: 1200px; background-color: #fff;}
.big_news section { overflow: hidden; position: relative; top: -80px; margin: 0 auto; margin-bottom: -64px; width: 1184px; border-radius: 2rem; -moz-box-shadow:0 0 2rem rgba(0,0,0,.1); box-shadow:0 0 2rem rgba(0,0,0,.1); color: #007AFF;}
.big_news section>a:first-child { display: block; padding: 3rem; background-color: #fff; text-decoration: none; transition: color .3s;}
.big_news section h1 { margin-bottom: 2rem; color: #007AFF; font-size: 4rem; line-height: 1.25em; transition: color .3s;}
.big_news section a:hover, .big_news section a:hover h1 { color: #D32F2F;}
.big_news section span { font-size: 2.5rem;}
.big_news section span.dd_big { display: block; padding: 3rem; background-color: #f8f8f8;}
.big_news section span.dd_big a { display: inline; margin-right: 2em; padding: 0; color: #007AFF; text-decoration: none; transition: color .3s;}
.big_news section span.dd_big a:hover { color: #D32F2F;}
.big_news section span.dd_big a:last-child { margin-right: 0;}



/* 内容列表 */
.box_ch_type1, .box_ch_type2 { margin: 0 auto; padding: 0 1rem; min-width: 1184px; max-width: 1384px;}
h2.ch_title_type1 { display: inline-block; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #37474f; color: #37474f; font-size: 4rem; line-height: 1em;}
h2.ch_title_type1 a { text-decoration: none;}

.ch_list_type1 { width: 100%;}
.ch_list_type1 li { margin-bottom: 4rem;}
.ch_list_type1 li a { display: -webkit-flex; display: flex; padding: 2rem; background-color: #f6f6f6; border-radius: 2rem; text-decoration: none; transition: background-color .3s;}
.pic_wh { position: relative; padding-bottom: 20.5%; margin-right: 2%; width: 30%; min-width: 30%; height: 0;}
.ch_list_type1 li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 1rem;}
.ch_list_type1 li section { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; flex: 1;}
.ch_list_type1 li h3 { margin-bottom: 3rem; font-size: 4rem; line-height: 1.3em; transition: color .3s;}
.ch_list_type1 li span { display: block; margin-bottom: 3rem; width: 100%; color: #666; font-size: 2.5rem;}
.ch_list_type1 li aside { display: block; margin-top: auto; color: #999; font-size: 2rem; line-height: 1em; transition: color .3s;}
.ch_list_type1 li aside em { margin-left: 1em;}
.ch_list_type1 li a:hover { background-color: #eef3f6;}
.ch_list_type1 li a:hover h3 { color: #d32f2f;}
.ch_list_type1 li a:hover aside { color: #4c7491;}

.addMore { margin: 5rem auto; width: 8em; border-radius: 0 0 2rem 2rem; color: #007AFF; font-size: 2.5rem; line-height: 3em; -moz-box-shadow:0 .5em .5em #f0f0f0; box-shadow:0 .5em .5em 0 #f0f0f0; text-align: center; cursor: pointer; transition: color .3s;}
.addMore:hover { color: #d32f2f;}


/* 视频 */
.box_video { padding: 5rem 0; width: 100%; min-width: 1200px; background-color: #f4f4f4;}
h2.ch_title_type2 { margin: 0 auto; padding: 1rem 0; width: 10em; font-size: 4rem; line-height: 1em; text-align: center;}
.ifr_video { margin: 0 auto; margin-top: 3rem; width: 800px; max-width: 100%; height: 500px;}
.ifr_video iframe { width: 800px; height: 500px;}

.ifr_video2 { margin: 0 auto; margin-top: 3rem; width: 960px; max-width: 100%;}
.video-js, .insert-video video { width: 960px !important; height: 540px !important;}
.insert-video { text-align: left !important;}
.vjs-error-display.vjs-modal-dialog { display: none;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:bold;font-style:normal;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101";}
.video-js .vjs-big-play-button{font-size:3.5em;line-height:2em;height:2em;width:2em;display:block;position:absolute;top:50%;left:50%;padding:0;cursor:pointer;opacity:1; border: none; background-color:rgba(0,0,0,.6);border-radius:35%;transition:all .3s;}
.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-1em;margin-left:-1em;}
.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#c00;background-color:rgba(0,122,255,.9);transition:all .3s;}
.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none;}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block;}

.vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started .vjs-big-play-button { display: block;}



/* 视频列表 */
.ch_list_ptype2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.ch_list_ptype2 li { overflow: hidden; margin-right: .8%; margin-top: 1.5rem; width: 24.4%; background-color: #f6f6f6; border-radius: 1rem; transition: background-color .3s;}
.ch_list_ptype2 li:nth-child(4n) { margin-right: 0;}
.ch_list_ptype2 li:nth-child(1), .ch_list_ptype2 li:nth-child(2), .ch_list_ptype2 li:nth-child(3), .ch_list_ptype2 li:nth-child(4) { margin-top: 0;}
.ch_list_ptype2 li a { position: relative; display: block; padding: 1rem; text-decoration: none;}
.ch_list_ptype2 li img { width: 100%; border-radius: .5rem;}
.ch_list_ptype2 li h3 { position: absolute; bottom: 0; left: 0; display: block; padding:10% 4% 4%; width:92%; background: linear-gradient(0deg, rgba(0,0,0,7), rgba(0,0,0,0)); border-radius: .5rem; color: #fff; font-size: 2rem; line-height: 1.3em; transition: color .3s;}
.ch_list_ptype2 li em { position: absolute; top: 1rem; left: 50%; margin-left: -4rem; width: 8rem; height: 4rem; background-color: #f6f6f6; border-radius:0 0 4rem 4rem; text-align: center; font-size: 3rem; font-family:VideoJS;font-weight:bold;font-style:normal; line-height: 1em; transition: all .3s;}
.ch_list_ptype2 li em:before { content:"\f101";}
.ch_list_ptype2 li:hover { background-color: #007AFF;}
.ch_list_ptype2 li:hover h3 { color: #fff;}
.ch_list_ptype2 li:hover em { background-color: #007AFF; color: #fff;}



/* 图片 */
h2.ch_title_type3 { display: inline-block; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #37474f; color: #37474f; font-size: 4rem; line-height: 1em;}
h2.ch_title_type3 a { text-decoration: none;}
.ch_list_ptype1 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.ch_list_ptype1 li { overflow: hidden; margin-right: .8%; margin-top: 1.5rem; width: 24.4%; background-color: #f6f6f6; border-radius: 1rem; transition: background-color .3s;}
.ch_list_ptype1 li:nth-child(4n) { margin-right: 0;}
.ch_list_ptype1 li:nth-child(1), .ch_list_ptype1 li:nth-child(2), .ch_list_ptype1 li:nth-child(3), .ch_list_ptype1 li:nth-child(4) { margin-top: 0;}
.ch_list_ptype1 li a { display: block; padding: 1rem; text-decoration: none;}
.ch_list_ptype1 li img { width: 100%; border-radius: .5rem;}
.ch_list_ptype1 li h3 { margin: 1.5rem 0 1rem; font-size: 2rem; line-height: 1.3em; transition: color .3s;}
.ch_list_ptype1 li:hover { background-color: #007AFF;}
.ch_list_ptype1 li:hover h3 { color: #fff;}



/* 一图栏目 */
.ch_1tu { display: block; padding: 4rem 2rem; background-color: #F6F6F6; border-radius: 0 2rem 2rem 2rem; text-align: center;}
h2.ch_title_type4 { display: inline-block; background: linear-gradient(0deg, #f6f6f6, #eee); border-radius: 2rem 2rem 0 0; color: #37474f; font-size: 4rem; line-height: 1em;}
h2.ch_title_type4 em { display: block; margin: 3rem 4rem 0; padding-bottom: 3rem; border-bottom: 2px solid #37474f;}



/* 底部 */
.ft_site { padding: 4rem 0; width: 100%; min-width: 1200px; background-color: #145aa9; color: #fff;}
.ft_site span { display: block; font-size: 1.5rem; line-height: 2em; text-align: center;}
.ft_site span em { margin-left: 1em;}



/* 附加 */
.mar_top1 { margin-top: 10rem;}
.mar_tb1 { margin-top: 8rem; margin-bottom: 4rem;}