@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 { background-color: #f8f8f8; font-size:8px;}


.box80p { margin: 0 auto; padding: 2vw 0; width: 80vw; min-width: 1000px; display: -webkit-flex; display: flex;}

.box_l { overflow: hidden; width: 65%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,.03);}
.box_r { overflow: hidden; margin-left: 3%; width: 32%; background-color: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,.03);}

.box85p { margin: 0 auto; padding: 0 .5vw; width: 84vw; min-width: 1200px;}
.box_cont { overflow: hidden; width: 100%; min-width: 1220px; background: url(topbg2.jpg) no-repeat center -100px;}


/*顶部嵌套*/
#bbsHeader { overflow: hidden; width: 100%; height: 36px;}



/*栏目标题类*/
.tt1 { display: inline-block; padding: .75em 1.25em; background-color: #007AFF; border-bottom-right-radius: 10px; color: #fff; font-size: 2rem; line-height: 1em;}

.tt2 { display: inline-block; color:#333; font-family:Georgia, "Microsoft YaHei"; font-size:4rem; line-height:3em;}
.tt2 a { color: #333; text-decoration: none; transition: color .3s;}
.tt2 a:hover { color: #007AFF;}
.tt2 span { margin-left: 2rem; margin-right: 2rem; color: rgba(0,122,255,1); font-size: 3rem; transition: color .3s,margin-left .3s,margin-right .3s;}
.tt2 a:hover span { margin-left: 2.5rem; margin-right: 1.5rem; color: rgba(51,51,51,.5);}



/*导航类*/
.nav_ch { width: 100%; min-width: 1220px; background-color: #007AFF;}
.nav_ch nav { margin: 0 auto; padding: 0 8px; max-width: 1400px; min-width: 1200px;}
.nav_ch nav ul { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; color: #fff;}
.nav_ch nav ul li a { display: block; margin-left: 1rem; margin-right: 2rem; border-bottom: 3px solid #007AFF; color: #d2e3ff; font-size: 2rem; line-height: 4em; text-decoration: none;}
.nav_ch nav ul li a:hover { border-color: #fff; color: #fff;}
.nav_ch nav ul li.link_logo a { display:block; margin-right: 3em; width: 112px; height: 40px; background: url(logo_cs.png) no-repeat 0 0; border: none;}

.nav_rs { margin: 0 auto; padding: 0 8px; max-width: 1400px; min-width: 1200px;}
.nav_rs nav, .nav_rs nav ul { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;}
.nav_rs nav ul { padding: 1rem; background-color: #fff; border-radius: 3rem; font-size: 2rem; line-height: 1em;}
.nav_rs nav ul li { margin-right: 1rem;}
.nav_rs nav ul li:last-child { margin-right: 0;}
.nav_rs nav ul li a { display: inline-block; padding: 1rem 2rem; border-radius: 2rem; font-size: 2rem; line-height: 1em; text-decoration: none; transition: background-color .2s,color .2s;}
.nav_rs nav ul li a:last-child {}
.nav_rs nav ul li a:hover { background-color: #e8f4f9; color: #007AFF;}
.nav_rs nav ul li em { margin-right: 1em; padding-right: 1em; border-right: 1px solid #bbb; font-weight: bold;}
.nav_rs nav span.link_logors { display: inline-block; margin-right: 8rem; width: 144px; height: 48px;}
.nav_rs nav span.link_logors a { display: block; width: 100%; height: 100%; background: url(logo_csrs.png) no-repeat 0 0; border: none;}

.nav_add1 {}
.nav_add1 a { display: inline-block; padding: 0 1em; background-color: #e4eff3; color: #90a4ae; font-size: 2rem; line-height: 2em; text-decoration: none; transition: background-color .2s,color .2s;}
.nav_add1 a:first-child { padding-left: 3rem; border-radius: 1em 0 0 1em;}
.nav_add1 a:last-child { padding-right: 3rem; border-radius: 0 1em 1em 0;}
.nav_add1 a:hover { background-color: #f6fbfd; color: #007AFF;}

.topsearch { margin-top:0px; margin-left: auto;}
.topsearch form { position:relative; display:-webkit-flex; display:flex;}
.topsearchTxt { padding:0 48px 0 16px; height: 6rem; width:15em; background-color: #fff; border-radius: 3rem; border:none; font-size: 2rem; line-height: 1em; 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 8px rgba(0,0,0,0.1);}
.topsearchBt { position:absolute; top:10px; right:8px; width:24px; height:24px; background:url(topsearchBt.png) no-repeat 0 4px; border:none; cursor:pointer; outline:none;}
.topsearchBt:hover { background-position:0 -35px;}




/*头条*/
.box_bignews { margin: 0 auto; padding: 0 8px; max-width: 1400px; min-width: 1200px;}
.bignews { overflow: hidden; border-radius: 8px;}
.bignews a { display: -webkit-flex; display: flex; text-decoration: none;}
.bignews div { overflow: hidden; width: 55%; height: 0; padding-bottom: 33%;}
.bignews img { width: 100%; transition: filter .3s; -webkit-transition: filter .3s;}
.bignews section { width: 41%; padding: 2%; background-color: #f4f4f4; transition: background-color .3s,color .3s;}
.bignews time { display: inline-block; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 2px solid #333; font-size: 3rem; line-height: 1em; transition: border-color .3s;}
.bignews h1 { margin-bottom: 3rem; font-size: 5rem; font-weight: bold; line-height: 7rem;}
.bignews span { display: block; font-size: 2.1rem; line-height: 4rem;}
.bignews a:hover img { -webkit-filter: contrast(130%); filter: contrast(130%);}
.bignews a:hover section { background-color: #e8f4f9; color: #007AFF;}
.bignews a:hover time { border-color: #007AFF;}

.bignews2 { position: relative;}
.bignews2_item a { display: -webkit-flex; display: flex; background-color: #fff; text-decoration: none;}
.bignews2_item section { overflow: hidden; display: block;}
.bignews2_item section.bignews2_item_pic { width: 55%;}
.bignews2_item section.bignews2_item_pic img { width: 100%;}
.bignews2_item section.bignews2_item_info { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 3rem 2% 2rem; width: 41%; transition: color .2s;}
.bignews2_item section.bignews2_item_info time { padding-bottom: 3rem; border-bottom: 2px solid #333; font-size: 3rem; line-height: 1em; transition: border-color .2s;}
.bignews2_item section.bignews2_item_info h1 { margin-top: 3rem; font-size: 4rem; font-weight: bold; line-height: 1.25em;}
.bignews2_item section.bignews2_item_info span { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: auto; padding-top: 2rem; border-top: 2px solid #333; font-size: 3rem; line-height: 1em; transition: border-color .2s;}
.bignews2_item section.bignews2_item_info span img { width: 48px; height: 48px;}
.bignews2_item section.bignews2_item_info span em { margin-left: 3rem;}
.bignews2_item section.bignews2_item_info span i { margin-left: 1em;}
.bignews2_item a:hover {}
.bignews2_item a:hover section.bignews2_item_info { color: #007AFF;}
.bignews2_item a:hover section.bignews2_item_info time, .bignews2_item a:hover section.bignews2_item_info span { border-color: #007AFF;}



/*频道类*/
.box_ch1 { margin: 0 auto; padding: 0 8px; max-width: 1400px; min-width: 1200px;}

.ch_list1 { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.ch_list1 li { display: block; width: 19%; margin-right: 20px;}
.ch_list1 li:last-child { margin-right: 0;}
.ch_list1 li a { position: relative; display: block; text-decoration: none;}
.ch_list1 li a div { overflow: hidden; width: 100%; height: 0; padding-bottom: 60%; border-radius: 8px;}
.ch_list1 li a img { width: 100%; transition: filter .3s; -webkit-transition: filter .3s;}
.ch_list1 li a h3 { margin-top: 1em; padding-bottom: 1em; border-bottom: 2px solid #fff; font-size: 2rem; line-height: 3rem; transition: color .3s,border-color .3s;}
.ch_list1 li a span { position: absolute; top: 2rem; right: 0; padding: .5em .5em .5em 1em; background-color: rgba(51,51,51,.7); border-radius: 1em 0 0 1em; color: #fff; font-size: 2rem; line-height: 1em; transition: background-color .3s;}
.ch_list1 li:hover a img { -webkit-filter: contrast(130%); filter: contrast(130%);}
.ch_list1 li:hover a h3 { border-color: #007AFF; color: #007AFF;}
.ch_list1 li:hover a span { background-color: rgba(0,122,255,.7);}

ul.ch_list2 { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
ul.ch_list2 li { overflow: visible; max-width: 332px; min-width: 282px; width: 23.75%;}
ul.ch_list2 li a { display: block; width: 100%; text-decoration: none;}
ul.ch_list2 li span { display: block; padding: 16px;}
ul.ch_list2 li span.item_line1 { position: relative; background-color: #fff; border-radius: 8px 8px 0 0; color: #888; font-size: 2.5rem; line-height: 1.25em; transition: color .2s;}
ul.ch_list2 li span.item_line1 img { position: absolute; top: 8px; left: 8px; padding: 4px; width: 64px; height: 64px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 8px 0 rgba(0,0,0,.15);}
ul.ch_list2 li span.item_line1 em { display: block;}
ul.ch_list2 li span.item_line1 i { margin-left: 1em;}
ul.ch_list2 li span.item_line3 { background-color: #fff; border-radius: 0 0 8px 8px;}
ul.ch_list2 li span.item_line3 h3 { font-size: 2.5rem; line-height: 1.25em; transition: color .2s;}
ul.ch_list2 li span.item_line3 em { display: block; margin-top: 16px; color: #888; font-size: 2rem; line-height: 1em; transition: color .2s;}
ul.ch_list2 li div { overflow: hidden;}
ul.ch_list2 li div img { width: 100%;}
ul.ch_list2 li a:hover span.item_line1, ul.ch_list2 li a:hover span.item_line3 h3 { color: #007AFF;}
ul.ch_list2 li a:hover span.item_line3 em { color: #333;}

ul.ch_list2_addlogo li span.item_line1 em { margin-left: 80px;}
ul.ch_list2_l2 { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
ul.ch_list2_l2 li { position: relative; top: 0; margin-right: 1.66%; transition: top .2s;}
ul.ch_list2_l2 li:nth-child(4n) { margin-right: 0;}
ul.ch_list2_l2 li:hover { top: -4px;}
ul.ch_list2_l2 li a { overflow: hidden; margin-bottom: 5rem; border-radius: 8px; transition: box-shadow .2s;}
ul.ch_list2_l2 li a:hover { box-shadow: 0 4px 16px 0 rgba(0,0,0,.1);}
ul.ch_list2_l2 li span.item_line1, ul.ch_list2_l2 li span.item_line3 { border-radius: 0;}

nav.nav_page { margin-top: 4rem; width: 100%;}
nav.nav_page ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
nav.nav_page ul li { font-size: 2rem; line-height: 1em;}
nav.nav_page ul li a { display: block; padding: 2rem 2.5rem; background-color: #d7efff; font-size: 2rem; line-height: 1em; text-decoration: none;}
nav.nav_page ul li a:hover { background-color: #b6e2ff;}
nav.nav_page ul li:first-child a { overflow: hidden; padding-left: 4rem; border-radius: 3rem 0 0 3rem;}
nav.nav_page ul li:last-child a{ overflow: hidden; padding-right: 4rem; border-radius: 0 3rem 3rem 0;}
nav.nav_page ul li.nav_page_slt { padding: 2rem 2.5rem; background-color: #007AFF; color: #fff;}

nav.nav_page2 { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 4rem; width: 100%;}
nav.nav_page2 a { display: block; margin: 0 .5rem; padding: 2rem 2.5rem; background-color: #d7efff; border-radius: 3rem; font-size: 2rem; line-height: 1em; text-decoration: none;}
nav.nav_page2 a:hover { background-color: #b6e2ff;}
nav.nav_page2 span { margin: 0 .5rem; padding: 2rem 2.5rem; background-color: #007AFF; border-radius: 3rem; color: #fff; font-size: 2rem; line-height: 1em;}

.swiper-container0, .swiper-container1, .swiper-container2, .swiper-container3, .swiper-container4, .swiper-container5, .swiper-container6, .swiper-container7 { overflow: hidden; width: 100%;}
.swiper-slide { overflow: hidden;}
.swiper-pagination0 { position: absolute; display:-webkit-flex; display:flex; padding-left: 8px; z-index: 999;}
.swiper-pagination1, .swiper-pagination2, .swiper-pagination3, .swiper-pagination4, .swiper-pagination5, .swiper-pagination6, .swiper-pagination7 { background-color: #d7efff; border-radius: 2rem; display:-webkit-flex; display:flex;}
.my-bullet { display: block; margin: .5rem; width: 3rem; height: 3rem; background-color: #fff; border-radius: 50%; cursor: pointer; outline: none;}
.my-bullet-active { background-color: #007AFF;}
.line_tt { display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center;}



/*底部*/
.box1180 { margin:0 auto; padding:0 8px; max-width: 1400px; min-width: 1200px;}
footer.ft_site { padding:20px 0; width:100%; min-width:1220px; background-color:#145aa9; font-size:1.5rem;}
.ft_item { display:-webkit-flex; display:flex; -webkit-align-items:flex-start; align-items:flex-start; margin-bottom:20px; color:#fff;}
  .ft_item ul { margin-right:4%; width:10%;}
  .ft_item ul li { color:#fff; font-family:"微软雅黑", "宋体"; line-height:2.5em;}
  .ft_item ul li:first-child { font-size:2rem;}
  .ft_item ul li a { display:block; width:100%; color:#bbb; text-decoration:none; transition:color .2s;}
  .ft_item ul li a:hover { color:#fff;}
  .ft_item div { margin-top:16px; margin-left:auto; width:120px; background-color:rgba(0,0,0,.2); text-align:center;}
  .ft_item div span { display:block; margin:8px 0 16px; font-size:1.5rem; line-height:1em;}
.ft_gr { margin-bottom:16px; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
  .ft_gr ul { display:-webkit-flex; display:flex; padding:24px 0; width:100%;}
  .ft_gr ul li { margin-right:4em; color:#fff; font-size:2rem; line-height:1em;}
  .ft_gr ul li a { color:#fff; text-decoration:none;}
.ft_cr { color:#bbb; line-height:2em;}
.ft_cr_add {padding-bottom:2rem;margin-bottom: 2rem;border-bottom: 1px solid rgba(255,255,255,.1);}

.bot_icon_spc { position: relative; cursor: pointer;}
.bot_icon_spc div { display: none; margin: 0;}
.bot_icon_spc:hover div { display: block; position: absolute; top: 0; background-color: #104887;}

a.link_beian { color:#bbb; text-decoration: none; transition: color .25s;}
a.link_beian:hover { color: #fff;}

.ft_item_mdy22 ul { margin-right:3%; width:8%;}



/*附加留白类*/
.mar_tb1 { margin-top: 40px; margin-bottom: 40px;}
.mar_t1 { margin-top: 22rem;}
.mar_t2 { margin-top: 32px;}
.mar_l1 { margin-left: 5rem;}
.pad_t1 { padding-top: 24px;}

