@charset "utf-8";

/* 格式化 */
* { margin:0; padding:0; color:#333; font-family:"微软雅黑", "宋体";box-sizing: border-box;}
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; }
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;}



/* 通用盒 */
.box1184 { margin:0 auto; width:1260px;}
.box100p { width:100%; min-width:1280px;}
.topbanner { overflow: hidden; height: 600px; background: url(topbanner.jpg) no-repeat top center;}



.aui-header-top { position:fixed; top:0; z-index:1; transition:all 0.5s ease-out;}
.aui-header-top.moveUp { top:-29px; transition:all 0.5s ease-out;}
.aui-header-nav { position:fixed; top:0; background-color:transparent; z-index:999; transition:all 0.5s ease-in-out;}
.aui-header-nav.moveDown { position:fixed; top:-72px; transition:all 0.5s ease-in-out;}
nav.nv_hid2 { overflow: hidden; left: 0; right: 0; margin: auto; width: 1000px; max-width: 1280px; background-color:rgba(25,93,204,.9); border-radius:0 0 24px 24px; font-size:2rem; line-height:1em; -moz-box-shadow:0 0 16px rgba(0,0,0,.2); box-shadow:0 0 16px rgba(0,0,0,.2);}
nav.nv_hid2 ul { display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center;}
nav.nv_hid2 ul li { color:#fff;}
nav.nv_hid2 ul li:last-child { margin-right:0;}
nav.nv_hid2 ul li a { display:block; padding: 20px; color:#fff; cursor: pointer; text-decoration:none; transition:background-color .3s;}
nav.nv_hid2 ul li a:hover { background-color:#114eb2;}



.nav_top ul { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center;}
.nav_top ul li { color: #fff; font-size: 2rem; line-height: 1em;}
.nav_top ul li a { display: block; margin: 16px 8px; padding: 16px 24px; background-color: #3173df; border-radius: 8px; color: #fff; text-decoration: none; transition: background-color .3s; cursor: pointer;}
.nav_top ul li a:hover { background-color: #114eb2;}

.bignews { padding: 40px 0;}
.bignews h1 { width: 100%; color: #c1052f; font-size: 4.5rem; font-weight: bold; line-height: 1.5em; text-align: center;}
.bignews h1 a { color: #c1052f; text-decoration: none;}
.bignews h1 a:hover { color: #a32135;}
.bignews span { display: block; margin-top: 16px; font-size: 2.5rem;}

.box_jd { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; width: 1168px; padding: 8px; background-image: linear-gradient(rgba(193,5,47,.6), rgba(193,5,47,.9)); border-radius: 8px; box-shadow: 0 0 8px rgba(0,0,0,.2);}
.swiper-container-add {margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:2}
.add-bullet-active { background-color: #c50e3d; opacity: 1;}
.add-pagination-current { color: #ffd700; font-size: 3rem;}
.add-pagination-total {}
.swiper-container-add .swiper-pagination { bottom: 32px; right: -90%; width: auto; height: 0; color: #fff; font-size: 2rem; font-weight: lighter; line-height: 1em;}
.pic_add1 { overflow: hidden; width: 560px; border-radius: 8px;}
.pic_add1 img { width: 100%; height: 382px;}
.pic_add1 a { text-decoration: none;}
.pic_add1 h3 { position: absolute; bottom: 0; padding: 16px 64px 16px 8px; width: 488px; background-color: rgba(193,5,47,.6); color: #fff; font-size: 18px; line-height: 1.5em; transition: background-color .3s, color .3s;}
.pic_add1 a:hover h3 { background-color: rgba(193,5,47,.9); color: #f7e1a5;}
.box_jd section { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-left: 32px; width: 576px; color: #fff; font-size: 2rem;}
.box_jd section a { color: #fff; text-decoration: none; transition: color .3s;}
.box_jd section a:hover { color: #f7e1a5;}
.box_jd section h2 { font-size: 3.5rem; font-weight: bold;}
.box_jd section span { padding: 24px 0; border-bottom: 1px dotted #fff; font-size: 2rem;}
.add_list1 { margin-top: 24px;}
.add_list1 li { margin-bottom: 12px; font-size: 18px;}
.add_list1 li:last-child { margin-bottom: 0;}

h4.ch_tt1 { padding: 32px 8px; background-color: #d7e6ff;  color: #195dcc; font-size: 4rem; font-weight:600; line-height: 1em; text-align: center;}
h4.ch_tt2 { display: inline-block; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 3px solid #195dcc; color: #195dcc; font-size: 4rem; line-height: 1em;}
h4.ch_tt2:hover { border-color: #1c50a5;}
h4.ch_tt2 a { color: #195dcc; text-decoration: none;}
h4.ch_tt2 a:hover { color: #1c50a5;}

.cont1 { padding: 32px 8px; background-color: #f4f8ff; border-radius: 0 0 32px 32px;}

ul.list_pic1 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
ul.list_pic1 li { overflow: hidden; margin: 0 15px 32px 14px;  width: 280px; background-color: #3678e4; border-radius: 8px; box-shadow: 0 0 16px rgba(0,0,0,.05); transition: box-shadow .3s;}
ul.list_pic1 li:nth-child(4n) { margin-right: 0;}
ul.list_pic1 li a { display: block; color: #3678e4; text-decoration: none;}
ul.list_pic1 li img { width: 100%; height: 191px;}
ul.list_pic1 h3 { padding: 8px; color: #fff; font-size: 2rem;}
ul.list_pic1 li:hover { box-shadow: 0 0 16px rgba(0,0,0,.3);}

ul.list_pic2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
ul.list_pic2 li { overflow: hidden; margin-right: 16px; margin-bottom: 32px; width: 220px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 16px rgba(0,0,0,.05); transition: box-shadow .3s;}
ul.list_pic2 li:nth-child(5n) { margin-right: 0;}
ul.list_pic2 li a { display: block; color: #3678e4; text-decoration: none;}
ul.list_pic2 li img { width: 100%;}
ul.list_pic2 h3 { padding: 8px; font-size: 2rem;}
ul.list_pic2 li:hover { box-shadow: 0 0 16px rgba(0,0,0,.3);}

.box_db { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
.box_db_s { padding: 16px; width: 590px; background-color: #f8f8f8; border-radius: 8px;}
.box_db_s ul li { display: -webkit-flex; display: flex; padding: 8px 0; border-radius: 4px; font-size: 2rem;}
.box_db_s ul li time { margin-right: 16px; padding: 4px; background-color: #e9e9e9; border-radius: 4px; color: #999; font-size: 1.5rem;}
.box_db_s ul li a { text-decoration: none;}
.box_db_s ul li:hover { background-color: #3678e4;}
.box_db_s ul li:hover time { background-color: #3678e4; color: #fff;}
.box_db_s ul li:hover a { color: #fff;}

.box_live { background-color: #333333; border-radius: 32px; text-align: center;padding:20px;}

.bgc_blue{background-color: #3685d5;}
.bgc_red { background-color: #195dcc;}
h4.bgc_gry { background-color: #e8e8e8;}
.bgc_gry2 { background-color: #f8f8f8;}
.space_b1 { margin-bottom: 64px;}
.space_b2 { margin-bottom: 40px;}
.del_pad_b { padding-bottom: 0;}
.pt20{padding-top:20px;}

/*4图轮播*/
.ch_pics {margin: 4rem auto; width: 1280px;}
.ch_picsa h2 {display: block;margin-bottom: 3rem;width: 100%;font-size: 0;}
.ch_picsa h2 a {display: block;margin: 0 auto;width: 435px;height: 80px;background-repeat: no-repeat;background-position: 0 0;}

.pag_guan { margin: 0 auto; width: 100%; -webkit-justify-content: center; justify-content: center;}
.swiper-container0, .swiper-container1, .swiper-container2, .swiper-container3, .swiper-container4, .swiper-container5 { overflow: hidden; width: 100%;}
.swiper-slide { overflow: hidden;}
.swiper-pagination1, .swiper-pagination2, .swiper-pagination3 { display:-webkit-flex; display:flex;}
.my-bullet { display: block; margin: 0 .5rem 3rem; width: 3rem; height: 3rem; background-color: #e7e7e7; border-radius: 50%; cursor: pointer; outline: none;}
.my-bullet-active { background-color: #cccaca; box-shadow: 0 0 1rem rgba(0,0,0,.2);}
ul.list_pic1-1 {}
ul.list_pic1-1 a { overflow: hidden; position: relative; display: block; border-radius: 4px; text-decoration: none;}
ul.list_pic1-1 h3 { position: absolute; width:100%; bottom: 0px; padding: 6rem 5% 1.5rem; background-image:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)); color: #fffbce; font-size: 2rem; line-height: 1.25em;}
ul.list_pic1-1 img { width: 100%;}
/*4图轮播*/
.addMore { margin: 5rem auto; width: 8em; border-radius:2rem; color: #007AFF; font-size: 2.5rem; line-height: 3em; text-align: center; cursor: pointer; transition: color .3s; background:#fff;box-shadow: 0 0.5em 0.5em 0 #e2e2e2;}
.addMore:hover { color: #d32f2f;}

.slide-pic02 {
	position: relative;
   width: 100%;
	margin: 0 auto;

}
/*设置宽高,圆角*/
.slide-pic02 .swiper-slide,.slide-pic02 .swiper-slide img{width:900px; height:600px;border-radius: 14px;}
.slide-pic02 .swiper-container { width: 100%; height:626px;}
.slide-pic02 .maskl,.slide-pic02 .maskr{ position:absolute;display:block;bottom:0; width:200px; z-index:9;height:600px;}
.slide-pic02 .maskl{background-image: linear-gradient(to right, rgba(54,133,213, 1) 10%, rgba(54,133,213, 0)); left:0; top:0;}
.slide-pic02 .maskr{background-image: linear-gradient(to left, rgba(54,133,213, 1) 10%, rgba(54,133,213, 0)); right:0;top:0;}
.slide-pic02 .swiper-slide{ background:#000;}
.slide-pic02 .swiper-slide a {
	display: block; 
	
}
.slide-pic02 .swiper-slide img {
	display: block;
	opacity:0.4;
}
.slide-pic02 .swiper-slide p {position: absolute;color: #fff;background-color: rgba(0,0,0,0.7); height:55px; padding:10px 3px 0 ;display: block;bottom:0; width:100%;white-space: nowrap; text-align:center; font-size:18px;opacity:0.6;border-bottom-left-radius:14px; border-bottom-right-radius:14px;}
.slide-pic02 .swiper-slide-active img,.slide-pic02 .swiper-slide-active p{opacity: 1;}

.slide-pic02 .swiper-button-prev,.slide-pic02 .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.slide-pic02 .swiper-pagination {
	bottom: 0rem;
}

.icon_vod1{position: absolute;
    bottom:40%;
    left:40%;
    width: 350px;
    height:238px;
    background-image: url(https://www.cs.com.cn/tj/csjtj_rltfiles/images/icons_vod.png);
background-size: cover;
}
.icon_vod2 {position: absolute;
    top:0px;
    left: 0px;
    width: 260px;
    height: 177px;
    background-image: url(https://www.cs.com.cn/tj/csjtj_rltfiles/images/icons_vod.png);
}