@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:10px;}



/* 通用盒 */
.box1200 { margin:0 auto; padding:0 10px; width:1200px;}
.box100p { width:100%; min-width:1220px;}
.box_ch { display:-webkit-flex; display:flex; justify-content:flex-start; align-items:flex-start; width:100%;}
.box_l1 { width:830px;}
.box_r1 { width:320px;}



/* 搜索 */
.topsearch { position:absolute; top:22px; right:10px;}
.topsearch form { position:relative; display:-webkit-flex; display:flex;}
.topsearchTxt { padding:0 40px 0 15px; height:2.4em; background:#fff; border-radius:1.2em; width:12.3em; border:none; font-size:1.4rem; line-height:2.4em; outline:none; -moz-transition:box-shadow 0.3s; -webkit-transition:box-shadow 0.3s; -transition:box-shadow 0.3s;}
.topsearchTxt:focus { box-shadow:0 0 10px rgba(0,0,0,.3);}
.topsearchBt { position:absolute; top:2px; right:8px; width:24px; height:24px; background:url(../images/topsearchBt.png) no-repeat 0 4px; border:none; cursor:pointer; outline:none;}
.topsearchBt:hover { background-position:0 -35px;}



/* 投教频道_导航 */
.ch_name, .ch_name2, .ch_name3 { display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
.ch_name2 { -webkit-justify-content:space-between; justify-content:space-between;}
@font-face { font-family: 'FZQKBYSJW'; src:url('http://www.cs.com.cn/tj/csjtj_rltfiles/fonts/FZQKBYSJW.TTF') format('truetype'); font-weight: normal; font-style: normal;}
h1.qkbys, h2.qkbys { color:#37474f; font-family: 'FZQKBYSJW'; font-size:4.2rem; line-height:2em;}
h2.qkbys a { color:#ccc; text-decoration:none; transition:color .3s;}
h1.qkbys em, h2.qkbys em { margin-left:1rem; color:#a6c5d8; font:normal normal 3rem/1em Georgia;}
h2.qkbys a em { color:#ccc; transition:color .3s;}
h2.qkbys a:hover, h2.qkbys a:hover em { color:#007aff;}

.ch_name ul { display:-webkit-flex; display:flex; margin-left:7rem;}
.ch_name ul li { margin-right:2em;}
.ch_name ul li:last-child { margin-right:0;}
.ch_name ul li a { display:block; padding:0.5em 0; border-bottom:3px solid #fff; font-size:1.6rem; line-height:1em; text-decoration:none; transition:border-color .3s,color .3s;}
.ch_name ul li a:hover { border-color:#007aff; color:#007aff;}

.ch_name div { overflow:hidden; display:-webkit-flex; display:flex; -webkit-flex-direction:row; flex-direction:row; margin-left:5rem; border-radius:1em; color:#90a4ae; font-size:1.6rem; line-height:2em;}
.ch_name div a { display:block; padding:0 1em; background-color:#e4eff3; color:#90a4ae; text-decoration:none; transition:background-color .3s,color .3s;}
.ch_name div a:hover { background-color:#f6fbfd; color:#007aff;}
.ch_name div a:first-child { background-color:#a6c5d8; color:#fff;}



/* 投教频道下拉_导航 */
.ch_name3 { position:relative; height:180px;}
nav.nav_xl { display:-webkit-flex; display:flex; margin-left:auto;}
div.navmore { position:relative; display:block; padding:.75em 1.3em; border-radius:6px 6px 0 0; color:#fff; font-size:1.6rem; text-align:center;}
div.navmore em { padding-bottom:.5em;}
div.navmore:hover { background-color:#eef9fe; color:#007aff;}
div.navmore:hover em { border-bottom:3px solid #007aff;}
ul.navMoreUL { display:none; position:absolute; top:3em; left:0; width:100%; z-index:999;}
ul.navMoreUL li a { display:block; padding:.75em 0; background-color:#eef9fe; text-decoration:none;}
ul.navMoreUL li:last-child a { border-radius:0 0 6px 6px;}
ul.navMoreUL li a:hover { background-color:#e4eff3; color:#007aff;}
span.nav_xl_link a { display:block; padding:.75em 1.3em; color:#fff; font-size:1.6rem; text-align:center; text-decoration:none;}
span.nav_xl_link a:hover { background-color:#eef9fe; border-radius:6px; color:#007aff;}
div.cut_pd, span.cut_pd a { padding:.75em 1em;}

.top_tzzjy { height:180px; background:url(../images/top_tzzjy.jpg) no-repeat top center;}
.top_tzzjy2 { height:180px; background:url(../images/top_tzzjy3.jpg) no-repeat top center;}
a.nav_xl_linklogo1 { display:block; width:150px; height:80px;}
a.nav_xl_linklogo2 { display:block; margin-left:130px; width:305px; height:100px;}
a.nav_xl_linklogo3 { display:block; margin-left:100px; width:235px; height:100px;}

.add_new { position: relative;}
.add_new em { position: absolute; top: 5px; right: 5px; display: inline-block; padding: 4px; width: 1em; background-color: #e60046; border-radius: 50%; box-shadow: 0 0 .8rem rgba(0,0,0,.5); color: #fff; font-size: 1.2rem; line-height: 1em; animation: newflicker 1s infinite alternate; -webkit-animation: newflicker 1s infinite alternate;}
@keyframes newflicker
{
	0% { opacity: 1;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}

@-webkit-keyframes newflicker
{
	0% { opacity: 1;}
	50% { opacity: 1;}
	100% { opacity: 0;}
}



/* 投教频道首页双列list */
.list_col2 { overflow:hidden; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
.list_col2 a { text-decoration:none;}
.ch_index_s { padding:5px 0; width:50%; border-radius:10px; transition:background-color .3s;}
.ch_index_s h2 { margin:0 20px 10px; border-bottom:2px solid #333; font-size:2.4rem; line-height:2em; transition:border-color .3s;}
.ch_index_s h2 a { transition:color .3s;}
.ch_index_s h2 span { margin-left:.5em; color:#a6c5d8; font-family:Georgia, "Microsoft YaHei UI";}
.ch_index_s:hover { background-color:#eef9fe;}
.ch_index_s:hover h2 { border-color:#007aff;}
.ch_index_s:hover h2 a { color:#007aff;}
.list_col2 ul {}
.list_col2 ul li { display:-webkit-flex; display:flex; padding:.5em 20px; font-size:1.8rem; line-height:1.5em; transition:color .3s;}
.list_col2 ul li:before { content:"\2022";}
.list_col2 ul li:hover { color:#007aff;}
.list_col2 ul li:hover a { color:#007aff;}
.list_col2 ul li a { margin-left:6px; transition:color .3s;}
.ch_index_s ul li em { display:block; width:9em; color:#90a4ae; text-align:right;}

h2.ch_title2 { width:100%; height:80px; background:url(../images/ch_title2.png) no-repeat center top;}
h2.ch_title3 { width:100%; height:80px; background:url(../images/ch_title3.png) no-repeat center top;}
h2.ch_title4 { width:100%; height:80px; background:url(../images/ch_title4.png) no-repeat center top;}



/* 投教频道首页头条图片 */
.ch_depth { overflow:hidden;}
.slideBox{ overflow:hidden; position:relative; margin:30px auto; width:1200px; height:300px; border-radius:10px;}
.slideBox .hd{ position:absolute; bottom:10px; width:100%; z-index:2;}
.slideBox .hd ul{ width:700px; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
.slideBox .hd ul li{ position:relative; margin:0 5px; width:100px; height:8px; border-radius:4px; text-align:center;}
.slideBox .hd ul li .dot{ width:100%; height:4px; background-color:rgba(0,0,0,.4); border-radius:2px;}
.slideBox .hd ul li.on .liner{ position:absolute; top:0; left:0; width:100%; height:4px; animation:liner 2.5s; background:rgba(0,122,255,1); border-radius:2px;}
.slideBox .hd ul li:hover .dot{ display:none;}
.slideBox .hd ul li:hover{ transform:translateY(-50%); background:rgba(0,122,255,1); transition:all .1s ease;}
@keyframes liner{from{width:0}to{width:100%}}
.slideBox .bd{ overflow:hidden; position:relative; width:100%; height:400px;}
.slideBox .bd ul{ position:relative;}
.slideBox .bd li{ display:none; position:absolute; left:0px; top:0px;}
.slideBox .bd li:first-child { display:list-item;}
.slideBox .bd img{ float:left; width:700px; height:300px;}
.slideBox .bd li div.bgimg_blur { overflow:hidden; float:left; width:500px; height:300px; background:url(../images/bg_sj_pic.jpg) no-repeat center;}
.slideBox .bd li section { display:block; padding:20px 30px; width:440px; height:260px; background-color:rgba(0,0,0,.5); color:#fff;}
.slideBox .bd li h3 { font-size:2.4rem;}
.slideBox .bd li span:first-child { display:block; margin-bottom:15px; color:#90a4ae; font-size:1.4rem;}
.slideBox .bd li span:first-child em:first-child { margin-right:1em; color:#42a5f5; font-weight:bold;}
.slideBox .bd li span:first-child em:last-child:before { margin-left:0.6em; content: "\2022\2002";}
.slideBox .bd li span:last-child { display:block; margin-top:15px; font-size:1.4rem;}
.slideBox .bd:hover~.prev{ display:block;}
.slideBox .bd:hover~.next{ display:block;}
.slideBox .prev:hover{ display:block;}
.slideBox .next:hover{ display:block;}
.slideBox .prev{ display:none; position:absolute; left:3%; top:50%; margin-top:-25px; width:29px; height:52px; background: url(../images/left_array.png) no-repeat; background-size:cover;}
.slideBox .next{ display:none; position:absolute; right:3%; top:50%; margin-top:-25px; width:29px; height:52px; background:url(../images/right_array.png) no-repeat; background-size:cover;}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards;}
@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1.3);opacity:1}}



/* 投教频道首页金视频 */
a.link_ch_jsp { display:block; margin:0 auto; width:200px; height:65px;}

.ch_jsp { overflow:hidden;}
.slideBox2{ overflow:hidden; position:relative; margin:30px auto; width:1200px; height:443px; border-radius:10px;}
.slideBox2 .hd{ position:absolute; bottom:10px; width:100%; z-index:2;}
.slideBox2 .hd ul{ width:650px; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
.slideBox2 .hd ul li{ position:relative; margin:0 5px; width:100px; height:8px; border-radius:4px; text-align:center;}
.slideBox2 .hd ul li .dot{ width:100%; height:4px; background-color:rgba(0,0,0,.4); border-radius:2px;}
.slideBox2 .hd ul li.on .liner{ position:absolute; top:0; left:0; width:100%; height:4px; animation:liner 2.5s; background:rgba(0,122,255,1); border-radius:2px;}
.slideBox2 .hd ul li:hover .dot{ display:none;}
.slideBox2 .hd ul li:hover{ transform:translateY(-50%); background:rgba(0,122,255,1); transition:all .1s ease;}
@keyframes liner{from{width:0}to{width:100%}}
.slideBox2 .bd{ overflow:hidden; position:relative; width:100%; height:443px;}
.slideBox2 .bd ul{ position:relative;}
.slideBox2 .bd li{ display:none; position:absolute; left:0px; top:0px;}
.slideBox2 .bd li:first-child { display:list-item;}
.slideBox2 .bd img{ float:left; width:650px; height:443px;}
.slideBox2 .bd li div.bgimg_blur { overflow:hidden; float:left; width:550px; height:443px; background:url(../images/bg_sj_pic.jpg) no-repeat center;}
.slideBox2 .bd li section { display:block; padding:20px 30px; width:490px; height:403px; background-color:rgba(0,0,0,.5); color:#fff;}
.slideBox2 .bd li h3 { font-size:3.2rem;}
.slideBox2 .bd li span:first-child { display:block; margin-bottom:25px; color:#90a4ae; font-size:1.8rem;}
.slideBox2 .bd li span:first-child em:first-child { margin-right:1em; color:#42a5f5; font-weight:bold;}
.slideBox2 .bd li span:first-child em:last-child:before { margin-left:0.6em; content: "\2022\2002";}
.slideBox2 .bd li span:last-child { display:block; margin-top:25px; font-size:1.8rem;}
.slideBox2 .bd:hover~.prev{ display:block;}
.slideBox2 .bd:hover~.next{ display:block;}
.slideBox2 .prev:hover{ display:block;}
.slideBox2 .next:hover{ display:block;}
.slideBox2 .prev{ display:none; position:absolute; left:3%; top:50%; margin-top:-25px; width:29px; height:52px; background: url(../images/left_array.png) no-repeat; background-size:cover;}
.slideBox2 .next{ display:none; position:absolute; right:3%; top:50%; margin-top:-25px; width:29px; height:52px; background:url(../images/right_array.png) no-repeat; background-size:cover;}
.slideBox2 .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards;}
@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}50%{transform:scale(1.2);opacity:.5}to{transform:scale(1.3);opacity:1}}



/* 投教频道首页中证学堂 */
.line_zzxt { display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
.line_zzxt_l { width:750px;}
.line_zzxt_r { width:400px;}

h2.ch_type5_tt { display:inline-block; margin-bottom:20px; padding:0 1em; background-color:#248dff; border-radius:1em; color:#fff; font:normal normal 2.4rem/2em Georgia, "Microsoft YaHei UI"; transition:all .5s;}
h2.ch_type5_tt a { display:block; color:#fff; text-decoration:none; transition:all .5s;}
h2.ch_type5_tt span { margin-left:.5em; color:#a6c5d8; transition:all .5s;}
h2.ch_type5_tt:hover { background-color:#007aff;}
h2.ch_type5_tt:hover a { color:#fff;}
h2.ch_type5_tt:hover span { color:#f5dc6e;}

ul.ch_type7_list { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; width:100%;}
ul.ch_type7_list li { overflow:hidden; position:relative; width:370px; height:252px; border-radius:10px;}
ul.ch_type7_list li:nth-child(1), ul.ch_type7_list li:nth-child(2) { margin-bottom:10px;}
ul.ch_type7_list li a { display:block; text-decoration:none;}
ul.ch_type7_list li img { width:370px; height:252px;}
ul.ch_type7_list li em { position:absolute; top:0; padding:10px; width:350px; background-image:linear-gradient(to bottom, rgba(0,0,0,.75), rgba(0,0,0,0)); color:#fff; font-size:1.4rem;}
ul.ch_type7_list li h3 { position:absolute; bottom:0; padding:30px 10px 10px; width:350px; background-image:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0)); color:#fff; font-size:1.6rem;}



/* 频道类型投教基地通用 */
.line_sc { padding:20px 0;}

ul.ch_type3_list { display:block;}
ul.ch_type3_list li { overflow:hidden; display:block; padding:2rem 0; width:100%; transition:background-color .3s;}
ul.ch_type3_list li:hover { background-color:#eef3f6;}
ul.ch_type3_list li a { overflow:hidden; display:block; text-decoration:none;}
ul.ch_type3_list li div { margin-bottom:1.2rem; font-size:1.4rem; line-height:1em;}
ul.ch_type3_list li div em { color:#90a4ae;}
ul.ch_type3_list li img { float:left; margin-right:2rem; width:220px; height:150px; border-radius:6px;}
ul.ch_type3_list li h3 { margin-bottom:1rem; font-size:2.2rem; line-height:1.4em; transition:color .3s;}
ul.ch_type3_list li a:hover h3 { color:#007aff;}
ul.ch_type3_list li span { display:block; color:#777; font-size:1.6rem; transition:color .3s;}
ul.ch_type3_list li a:hover span { color:#000;}



/* 频道类型投教基地视频 */
ul.ch_type6_list { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
ul.ch_type6_list li { overflow:hidden; position:relative; margin:10px 10px 0 0; width:270px; background-color:#f8f8f8; border-radius:6px; transition:background-color .3s;}
ul.ch_type6_list li:nth-child(3n) { margin-right:0;}
ul.ch_type6_list li:nth-child(1), ul.ch_type6_list li:nth-child(2), ul.ch_type6_list li:nth-child(3) { margin-top:0;}
ul.ch_type6_list li:hover { background-color:#eef3f6;}
ul.ch_type6_list li a { display:block; height:100%; font-size:1.4rem; text-decoration:none;}
ul.ch_type6_list li img { width:270px; height:184px; border-radius:0 0 6px 6px;}
ul.ch_type6_list li h3 { padding:10px; transition:color .3s;}
ul.ch_type6_list li:hover h3 { color:#007aff;}
ul.ch_type6_list li time { padding:0 10px; color:#90a4ae; line-height:2em;}

span.icon_vod2 { border-radius:0 0 6px 6px;}



/* 侧边栏_栏目名通用 */
h2.ch_type1_tt { display:inline-block; margin-bottom:20px; border-bottom:2px solid #37474f; color:#37474f; font:normal normal 2.4rem/2em Georgia, "Microsoft YaHei UI"; transition:all .5s;}
h2.ch_type1_tt a { display:block; text-decoration:none; transition:all .5s;}
h2.ch_type1_tt span { margin-left:.5em; color:#d32f2f; transition:all .5s;}
h2.ch_type1_tt:hover { border-color:#d32f2f; color:#d32f2f;}
h2.ch_type1_tt:hover a { color:#d32f2f;}
h2.ch_type1_tt:hover span { margin-left:1em; color:#37474f;}



/* 侧边栏_资讯监管 */
ul.ch_typer_list { display:block; width:100%;}
ul.ch_typer_list li { display:-webkit-flex; display:flex; margin-bottom:.7em; font-size:1.6rem; transition:color .3s;}
ul.ch_typer_list li:last-child { margin-bottom:0;}
ul.ch_typer_list li:before { content:"\2022";}
ul.ch_typer_list li a { display:block; margin-left:6px; text-decoration:none; transition:color .3s;}
ul.ch_typer_list li:hover, ul.ch_typer_list li:hover a { color:#007aff;}



/* 侧边栏_视频 */
ul.ch_typer_list2 { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; width:100%;}
ul.ch_typer_list2 li { overflow:hidden; position:relative; margin-bottom:10px; width:155px; height:auto; font-size:1.4rem;}
ul.ch_typer_list2 li a { display:block; height:auto; text-decoration:none; transition:color .3s;}
ul.ch_typer_list2 li img { width:155px; height:106px; border-radius:6px;}
ul.ch_typer_list2 li:hover a { color:#007aff;}

.icon_vod, .icon_vod2, .icon_vod3, .icon_vod4 { display:block; position:absolute; top:0; left:0; background-image:url(../images/icons_vod.png); background-position:bottom left; background-repeat:no-repeat; transition:background-color .3s;}
.icon_vod { width:155px; height:106px; border-radius:6px;}
.icon_vod2 { width:270px; height:184px;}
.icon_vod3 { width:370px; height:252px; background-image:url(../images/icons_vod2.png);}
.icon_vod4 { width:650px; height:443px; background-image:url(../images/icons_vod2.png); background-position:center;}
ul.ch_typer_list2 li:hover .icon_vod, ul.ch_type6_list li:hover .icon_vod2, ul.ch_type7_list li:hover .icon_vod3, .slideBox2 .bd li:hover .icon_vod4 { background-color:rgba(0,0,0,.3);}



/* 底部和共建单位 */
footer.ft_site { padding:2rem 0; width:100%; min-width:1220px; background-color:#263238; font-size:1.2rem;}
.ft_item { display:-webkit-flex; display:flex; -webkit-align-items:flex-start; align-items:flex-start; margin-bottom:2rem; color:#fff;}
  .ft_item ul { margin-right:2%; width:12%;}
  .ft_item ul li { color:#fff; font-family:"微软雅黑", "宋体"; line-height:2.5em;}
  .ft_item ul li:first-child { font-size:1.6rem;}
  .ft_item ul li a { display:block; width:100%; color:#90a4ae; text-decoration:none; transition:color .25s;}
  .ft_item ul li a:hover { color:#fff;}
  .ft_item div { margin-top:1rem; margin-left:auto; width:120px; background-color:rgba(0,0,0,.2); text-align:center;}
  .ft_item div span { display:block; margin:.5rem 0 .8rem; font-size:1.4rem; line-height:1em;}
.ft_gr { margin-bottom:2rem;}
  .ft_gr h3 { padding-left:7px; border-left:4px solid #fff; color:#fff; font-size:1.6rem; line-height:1em;}
  .ft_gr ul { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:10px 0; width:100%; border-bottom:1px solid #546e7a;}
  .ft_gr ul li { width:200px; color:#fff; font-size:1.4rem;}
  .ft_gr ul li a { display:block; padding:.7em 10px; border-radius:6px; color:#90a4ae; font-size:1.4rem; text-decoration:none; transition:background-color .3s, color .3s;}
  .ft_gr ul li a:hover { background-color:#1f2427; color:#fff;}
.ft_cr { color:#90a4ae; line-height:2em;}

.ft_gj {}
  .ft_gj h3 { padding-left:7px; border-left:4px solid #fff; color:#fff; font-size:1.6rem; line-height:1em;}
  .ft_gj ul { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
  .ft_gj ul li { position:relative; margin:30px 50px 0 0; width:200px; height:226px; background:url(../images/bg_gjdw.png) no-repeat 0 0;}
  .ft_gj ul li:nth-child(5n) { margin-right:0;}
  .ft_gj ul li img { position:absolute; top:25px; left:25px;}
  .ft_gj ul li span { position:absolute; top:135px; display:block; margin:0 auto; width:100%; border-radius:1em; font-size:2.4rem; line-height:2em; text-align:center;}



/* 补充 */
.space_b1 { margin-bottom:50px;}
.space_b2 { margin-bottom:20px;}
.space_b3 { margin-bottom:40px;}
.space_t1 { margin-top:50px;}
.space_t2 { margin-top:30px;}
.space_pt1 { padding-top:30px;}
.space_r1 { margin-right:50px;}
.space_r2 { margin-right:30px;}
.space_pad20d { padding:20px 0;}
.space_pad30d { padding:30px 0;}

.bgc_tint1 { background-color:#fff9f5;}
.bgc_tint2 { background-color:#fafafa;}
.bgc_tint3 { background-color:#e4eff3;}
.bgc_tint4 { background-image:linear-gradient(to bottom, rgba(228,239,243,1), rgba(228,239,243,0));}
.bgc_dark1 { background-color:#263238;}
.bgc_dark2 { background-color:#a6c5d8;}
.bgc_dark3 { background-color:#2e3b41;}



/* 分页 */
.page { margin-top:30px; width:100%; text-align:center;}
.page a, span.z_page_now { display:inline-block; margin:0 3px; padding:8px 10px; background-color:#eef3f6; border-radius:6px; font-size:1.4rem; line-height:1em; text-decoration:none;}
.page a { transition:background-color .3s, color .3s;}
.page a:hover, span.z_page_now { background-color:#007aff; color:#fff;}



/* 细缆文章 */
.cont_article {}
.cont_article h1 { font-size:3.4rem; line-height:1.4em;}
.cont_article h4 { margin-top:1em; color:#888; font-size:2rem; line-height:1.4em;}
.cont_article section { font-size:1.8rem; line-height:2em;}
.cont_article section p { margin-bottom:1.5em; text-indent:2em;}
.cont_article section p:last-child { margin-bottom:0;}
.cont_article section img { max-width:100%;}
.cont_article aside { margin-top:30px; color:#90a4ae; font-size:1.4rem; line-height:2em;}
.cont_article footer { margin-top:50px; padding:20px; background-color:#f8f8f8; border-radius:10px; color:#a4a4a4; font-size:1.4rem; line-height:2em;}

.related_artlist { margin-top:50px;}
.related_artlist h2 { display:inline-block; padding:0 20px 0 44px; background:#e4eff3 url(../images/icons_art_xg2.png) no-repeat 15px 10px; border-radius:1em; font:normal normal 1.8rem/2em Georgia, "Microsoft YaHei UI";}
.related_artlist ul { width:100%;}
.related_artlist ul li { display:-webkit-flex; display:flex; margin-top:20px;}
.related_artlist ul li span { display:-webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; margin-right:20px; width:138px; border-right:2px solid #e4eff3;  color:#90a4ae; font-size:1.2rem; transition:color .3s,border-color .3s;}
.related_artlist ul li a { display:block; width:690px; font-size:1.6rem; text-decoration:none; transition:color .3s;}
.related_artlist ul li:hover span { border-color:#007aff; color:#007aff;}
.related_artlist ul li:hover a { color:#007aff;}

.artc_info { display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; margin:30px 0; font-size:1.4rem;}
.artc_info div {}
.artc_info em { margin-right:30px;}
.artc_info time { color:#90a4ae;}

.artc_route { margin:10px 0 30px;}
.artc_route div { overflow:hidden; background-color:#e4eff3; border-radius:1em; color:#90a4ae; font-size:1.6rem; line-height:2em;}
.artc_route div a { display:inline-block; margin:0 .3em; padding:0 .7em; color:#90a4ae; text-decoration:none; transition:background-color .3s,color .3s;}
.artc_route div a:hover { background-color:#f6fbfd; color:#007aff;}
.artc_route div a:first-child { margin-left:0; padding:0 1em;}

.artc_share { overflow:hidden; display:-webkit-flex; display:flex; background-color:#f4f4f4; border-radius:12px;}
.artc_share li { width:24px; height:24px; background-image:url(../images/icons_cs.png); background-repeat:no-repeat;}
.artc_share li:first-child { width:36px; background-color:#e0e0e0; background-position:10px 4px;}
.artc_share li.share_ic1 { background-position:4px -36px;}
.artc_share li.share_ic2 { background-position:4px -76px;}
.artc_share li.share_ic3 { background-position:4px -116px;}
.artc_share li.share_ic4 { background-position:4px -150px;}
.artc_share li:hover { background-color:#e0e0e0;}
.artc_share li a { display:block; width:100%; height:100%;}
.artc_video { display:-webkit-flex; display:flex; margin-bottom:30px; padding:20px; background-color:#f8f8f8;}
.artc_video img { margin:auto;}



/* 投诉平台 */
.complaint_email { overflow:hidden; margin:40px 0; padding:20px 100px; background-color:#eef3f6; border-radius:10px; font-size:1.8rem;}
.complaint_email h1 { margin-bottom:50px; border-bottom:2px solid #263238;}
.complaint_email p { margin-bottom:20px; text-indent:2em;}
.complaint_email a { color:#007aff;}
.complaint_email form { background:#;}
.complaint_email form div { margin-bottom:30px;}

.complaint_email input[type=text], .complaint_email textarea { padding:10px; width:300px; border:none; border-radius:6px; font-size:1.6rem; outline:none;}
.complaint_email textarea { width:600px; resize:none;}
.complaint_email input[type=radio] { margin-right:5px;}
.complaint_email input[type=radio]+label { margin-right:20px;}
.complaint_email input[type=submit] { padding:.7em 4em; background-color:#248dff; border:none; border-radius:6px; color:#fff; cursor:pointer; font-size:2rem; line-height:1em; outline:none;}
.complaint_email input[type=submit]:hover { background-color:#007aff;}
.complaint_email input:focus, .complaint_email textarea:focus { box-shadow:0 0 10px rgba(0,0,0,0.1);}

.complaint_line_radio { text-align:center;}
.complaint_line_text { display:-webkit-flex; display:flex; line-height:2em;}
.complaint_line_text span { margin-right:30px; width:220px; text-align:right;}
.complaint_line_text em { margin-right:10px; color:#d32f2f;}
.complaint_line_text span i { color:#999; font-size:1.4rem;}
.complaint_line_text i { margin-left:30px; color:#d32f2f; font-size:1.4rem;}
.complaint_line_radioin { -webkit-align-items:center; align-items:center;}
.complaint_line_bt { padding-top:20px; text-align:center;}



/* 修改202405 */
.ch_index_allline { padding:5px 0; width:100%; border-radius:10px; transition:background-color .3s;}
.ch_index_allline:hover { background-color:#fff;}
.ch_index_allline ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.ch_index_allline ul li { width: 45%;}

.ch_index_allline2 { padding:5px 0; width:100%; border-radius:10px; transition:background-color .3s;}
.ch_index_allline2:hover { background-color:#fff;}
.ch_index_yhtj { display: -webkit-flex; display: flex;}
.box_yhtj_pic { overflow:hidden; position:relative; display: block; margin: 14px 30px 0 20px; width:485px; height:330px; border-radius:10px; background-color: blueviolet;}
.box_yhtj_pic a { display: block; width: 100%; text-decoration: none;}
.box_yhtj_pic a img { width:485px; height:330px;}
.box_yhtj_pic a h3 { position:absolute; bottom:0; padding:30px 10px 10px; width:465px; background-image:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0)); color:#fff; font-size:1.6rem;}