/* CSS Document */
body,ul,form,p,h1,h2,h3,h4,h5,h6,form,input,button{ margin:0; padding:0; list-style:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;outline:none;}
body{background:#f1f1f1;}
img{ border:none; vertical-align:middle}
a{text-decoration:none;}
a:hover{color:#b82633}
.left,.fl{ float: left; }
.right,.fr{float: right;}
.clear {clear:both;}
.w100{width:100%;}
.w1200{width:1200px;margin-left:auto;margin-right:auto;}
.w1200:after{content: '';display: block;height: 0;line-height:0;zoom: 1;clear: both;}
.w880{width:880px;}
.w300{width:300px;}
.mat15{margin-top:15px;}
.whitebg{background:#fff;}
.header{height:60px;background:#b82633;min-width: 1200px;}
.logo{margin-top:10px;display:block;font-size:20px;color:#fff;font-weight:bold;}
a.logo:hover{color:#fff;}
.logo img{margin-right:10px;}
#nav{cursor: pointer;}
#nav li{float: left; line-height: 60px; position: relative; color: #ffffff; font-size: 16px; padding: 0 15px; display: flex; flex-direction: row-reverse;box-sizing: border-box;}
#nav li:first-child{margin-left:24px;}
#nav li a{height:100%;display:block;line-height:60px;color:#fff;font-size:16px;white-space: nowrap;}
#nav li:hover{background: #9e0404;}
#nav li>i{height: 60px; background: url(../images/pc6spr.png) -263px -267px no-repeat; width: 15px; display: block; float: right; margin-top: -2px;}
#nav li:hover>i{background-position:-263px -302px;}
#nav li ul {position: absolute; left: 0px; top: 70px; background-color: #9e0404; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; z-index: 99; opacity: 0; visibility: hidden;}
#nav li ul li{margin:0; margin-left: 0 !important; border-top: 1px solid #ffffff7a; width: 100%;flex-direction: column;}
#nav li ul li a{line-height: 40px; font-size: 14px;}
#nav li:hover ul{top:60px; opacity:1; visibility:visible;}
.focus{height:369px;overflow:hidden;position:relative;}
.focus ul{height:369px;position:absolute;}
.focus ul li{float:left;width:880px;height:369px;overflow:hidden;position:relative;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus ul li img{height:369px;width:880px;}
.focus .btn{position:absolute;width:880px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.focus .btn span.on{background:yellow;}
.focus .preNext{width:45px;height:100px;position:absolute;top:150px;background:url(../images/sprite.png) no-repeat 0 0;cursor:pointer;display:none;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}
.lay{width:840px;padding:20px;display:table;}
.layheader{border-bottom:1px solid #ddd;padding-bottom:10px;}
.layheader span{font-size:18px;color:#222;}
.layheader a{font-size:12px;color:#e40000;float:right;margin-top:5px;}
.in-sitelist{margin-top:5px;}
.in-sitelist li{height:68px;width:264px;float:left;border:1px solid #eee;margin:10px 20px 0 0;border-radius: 5px;transition:ease-in-out .1s;}
.in-sitelist li:hover{background:#eee;}
.in-sitelist li:nth-child(3n){margin-right:0;}
.in-sitelist .site-logo{height:40px;width:40px;margin:14px 0 0 9px;float:left;}
.in-sitelist .site-info{height:58px;width:175px;float:left;margin:5px 0 0 10px;font-size:12px;}
.site-name{font-weight:bold;margin-top:10px;color:#b82633;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.site-summary{height:15px;width:100%;line-height:15px;color:#777;margin-top:3px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-sitelist i{height:14px;width:14px;float:right;overflow:hidden;background:url(../images/sitebg.png) 0 0 no-repeat;margin:27px 8px 0 0;}
.in-sitelist li.site_hover i{background:url(../images/sitebg.png) 0 -14px no-repeat;}
.newslist li{border-bottom:1px dashed #ddd;padding:15px 0;width:100%;overflow-x:hidden;position: relative;}
.newslist li .smallimg,.newslist li .smallimg img{height:120px;width:200px;}
.newslistr{float:right;height:80px;width:620px;}
.newstitle{font-size:18px;color:#222;font-weight:bold;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.newssummary{font-size:14px;height:40px;line-height:20px;color:#777;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.newsinfo{font-size:12px;color:#999;margin-top:15px;}
.viewmore{width:100%;height:35px;border:1px solid #eee;display:block;font-size:14px;line-height:35px;text-align:center;color:#444;}
.sidebar{width:260px;padding:17px 20px;display:table;}
.sidebarnews li{width:220px;height:20px;line-height:20px;float:left;font-size:14px;margin-top:10px;background:url(../images/d.png) left 7px no-repeat;padding-left:13px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.sidebarnews li a{color:#444;}
.sidebarnews li a:hover{color:#b82633}
.sidebarsite li,.sidebarimgnews li{width:100%;border-bottom:1px dashed #ddd;padding:15px 0;}
.sidebarimgnews li img{height:50px;width:50px;}
.sidebarsite li img{height:60px;width:60px;border-radius:100%;}
.sidebarsite span,.sidebarimgnews span{float:right;width:185px;font-size:14px;line-height:20px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.sidebarsite span{width:165px;}
.sidebarsite span a,.sidebarimgnews span a{color:#444;}
.sidebarsite span a{width:100%;display:block;font-weight:bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer{background:#333;color:#aaa;font-size:14px;text-align:center;padding:25px 0;min-width: 1200px;}
.position{height:40px;width:840px;padding:0 20px;font-size:12px;text-indent:25px;line-height:40px;color:#444;background:url(../images/position.png) 20px center no-repeat #fff;border-bottom:1px solid #f2f2f2}
.position i{font-family:"宋体";font-style:normal;color:#999}
.position a{color:#444}
.title{padding:20px 0;border-bottom:1px dashed #ddd;text-align:center;font-size:25px;}
.summary{font-size:12px;text-align:center;margin-top:10px;color:#888;}
#content{font-size:16px;line-height:25px;color:#333;width:100%;}
#content img{max-width:830px;margin:0 auto;display:block}
#content p,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:15px;}
#content h2,#site_content h2{width:820px;background:#6FA8DC;color:#fff;border-radius: 5px;margin-top:10px;font-size: 16px;padding: 6px 10px;}
#content h3,#site_content h3{position: relative;margin: 10px 0 8px 0;color: #0d5a96;background: #f1f7fd;border: 1px solid #cae0f3;border-left: 3px solid #49a7ea;padding: 6px 10px;font-size: 16px;font-weight: bold;border-radius: 5px;}
#content h3::after {position: absolute;left: 10%;display: table;width: 10px;height: 10px;margin-left: -5px;content: '';transform: rotate(-45deg);z-index: 1;bottom: -6px;border-bottom: 1px solid #cae0f3;border-left: 1px solid #cae0f3;background-color: #f0f7fd;}
#site_content h3::after {position: absolute;left: 10%;display: table;width: 10px;height: 10px;margin-left: -5px;content: '';transform: rotate(-45deg);z-index: 1;bottom: -6px;border-bottom: 1px solid #cae0f3;border-left: 1px solid #cae0f3;background-color: #f0f7fd;}
#content h4,.content h5,.content h6,#site_content h4,.site_content h5,.site_content h6{font-size:16px;}
.info,#infoLegal{width:798px;padding:8px 20px 10px;background:#f5f6f7;border:1px solid #eee;margin-top:25px;border-radius:5px;font-size:14px;color:#777;}
#infoLegal p{margin-top:2px;}
.info{margin-bottom:10px;}
.taglist a{display:inline-block;padding:4px 8px;border:1px solid #eee;border-radius:5px;font-size:14px;color:#444;}
.taglist a:hover{background:#eee;}
.xgnews{font-size:18px;height:18px;padding:0 0 15px 10px;}
.xgnews::after{content: '';position:absolute;height:18px;width:5px;background:#b82633;margin:4px 0 0 -172px;}
.page{width:100%;margin-top:20px;font-size:14px;text-align:center;color:#444;font-size:12px;}
.page a{display:inline-block;padding:8px 10px;background:#eee;margin:0 3px;color:#333;}
.page strong{display:inline-block;padding:8px 10px;margin:0 3px;background:#b82633;color:#fff;}
.site_logo{height:120px;width:120px;padding:20px;background:#f6f6f6;border-radius: 5px;}
.site_logo img{height:120px;width:120px;}
.site_info{width:660px;}
.site_title{font-size:20px;color:#444;font-weight:bold;}
.site_introduction{font-size:14px;line-height:25px;color:#999;}
.site_address a{height:35px;padding:0 20px;background:#eee;border:1px solid #ddd;font-size:14px;line-height:35px;display:inline-block;color:#444;border-radius:5px; transition:ease-in-out .2s;}
.site_address a:hover{background:#9e0404;color:#fff;}
#site_content{border-top:1px dashed #ddd;font-size:16px;line-height:32px;color:#444;padding-top:15px;width:100%;margin-top:15px;}
#site_content p{margin-bottom:10px;}
#site_content img{max-width:800px;display:block;margin:0 auto;}
.xgsite{font-size:18px;color:#222;}
.gotop{height:50px;width:50px;position:fixed;z-index:110;background:url(../images/top.png) center no-repeat #111;background-size:50%;cursor:pointer;right:30px;bottom:30px;border-radius:50px;}/*广告位*/
/*广告*/
.inad{margin-bottom:15px;}
.inad a,.inad a img{height:80px;width:435px;}
.qklad_300{width:300px;margin-top:15px;overflow:hidden;}
.qklad_840{width:840px;overflow:hidden;}
#tongji{display: none;}
/*内页下载样式 --start*/
.downsoft dl{width:100%;overflow:auto;zoom:1;background:#ffffff;border: 1px solid #cae0f3; border-left:2px solid #379be9; box-sizing: border-box;margin:0 auto;padding:10px;border-radius:5px;font-size:16px;}
.downsoft dl dt,#content .downsoft dl dd span{float:left}
.downsoft dl dd span{vertical-align:top; margin-top:-2px}
.downsoft dl dd a {position: relative;display: block;background:#379be9;color: #ffffff;font-size: 16px;font-weight: bold;width: 156px;height: 42px;line-height: 42px;border:1px solid #379be9;float: right;text-align: center;border-radius: 5px;}
.downsoft dl dd a:hover {background: #4faaf1;color:#ffffff;}
.downsoft dl dd strong{color:#333333;font-weight:normal;}
.downsoft dl dd{ overflow:auto; zoom:1}
/*内页下载样式 --end*/
.qkl_category {position: absolute; left: 10px; top: 25px; padding: 5px 6px; font-size: 12px; line-height: 1; color: #fff; background-color: #000; filter: alpha(opacity=60); background: rgba(0,0,0,.6); border-radius: 2px; text-decoration: none;}
.qkl_category:hover{background-color: #1abc9c;color: #fff;}

#recommend_kx {padding: 10px 0 0; }
#recommend_kx .date {font-size: 12px; color: #B4B4B4; line-height: 32px; }
#recommend_kx .title {font-size: 14px; color: #333333; line-height: 23px; padding: 0;text-align: left;border: none;cursor: pointer;}
#recommend_kx li {position: relative; padding-left: 20px; padding-bottom: 14px; }
#recommend_kx li::before {display: block; position: absolute; left: 0; top: 12px; content: ''; width: 12px; height: 12px; box-sizing: border-box; border: 3px solid #E5E5E5; background: #fff; border-radius: 50%; z-index: 1; }
#recommend_kx li::after {display: block; position: absolute; left: 5px; top: 12px; content: ''; width: 1px; height: 100%; box-sizing: border-box; border: 1px dashed #DEDEDE; /*! border-radius: 50%; */ }
#recommend_kx li .title:hover,#recommend_kx li.active .title {color: #b82633;}
#recommend_kx li:hover::before,#recommend_kx li.active::before {border-color: #b82633; }
#recommend_kx .intro {display: none; margin: 10px 0; font-size: 14px; color: #8c8c8c; }
#recommend_kx li:last-of-type::after {display: none; }
#recommend_kx .btn-more{display: flex; justify-content: center; width: 120px; border-radius: 2px 2px 2px 2px; border: 1px solid #b82633; font-size: 14px; font-weight: 400; color: #b82633; line-height: 32px; text-align: center; margin: 0 auto; }

.topic {margin: 15px 0 20px; display: flex; flex-direction: row; justify-content: space-between; }
.topic .radius  {width: 283px; height: 138px; position: relative; overflow: hidden; }
.topic .n2 {margin-right: 0px; }
.topic .radius  img {width: 100%; height: 100%; -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; will-change: transform; }
.topic .radius .shade {width: 283px; height: 34px; position: absolute; bottom: 0; text-align: center; background: rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); overflow: hidden; padding: 6px 0px; }
.topic .radius .shade p {width: 265px; font-size: 14px; font-family: PingFangSC-Medium; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0; line-height: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 10px; }

.section-focus-pic{margin:0px auto 0 auto;height:340px;width:880px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:880px;width:880px;height:340px;}
.section-focus-pic ul li img{width:880px;height:345px;}
.section-focus-pic ul li h3{text-align: center;position:absolute;bottom:11px;left:0;width: 670px;padding: 0px 60px 0px 60px;font-weight:normal;color:#FFF;z-index: 111;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:40px;background-color:#000;width:880px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:810px;height:345px;}
.section-focus-pic .controler{position:absolute;bottom:15px;right:24px;z-index: 9999}
.section-focus-pic .controler b{cursor:pointer;width:6px;height:6px;display:block;overflow:hidden;text-indent:20px;background:url(../images/news_index_icon.png) no-repeat; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:0px -11px;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:140px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../images/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slide/star_04.png');}
#zh-st{position:relative;top:20px;color:#ffffff; color:#fff; float:right;cursor:pointer;font-size:14px;line-height:20px;padding:0 8px;background:#1c7097;  background:#9e0404;border-radius:16px;font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
#zh-st em {font-style:normal;z-index:3;position:relative;}
#zh-st:after{display:inline-block;content:"";position:absolute;z-index:2;background:#00cbb8;width:39px;top:1px;left:1px;bottom:1px;border-radius:40px;box-sizing:border-box;transition: all .2s ease-out;border-radius:20px 0 0 20px; background:#eeb03f;}
#zh-st.on:after{left:50%;border-radius:0 20px 20px 0}


.layheader font{ float:right; color:#999;}


@media(max-width: 768px) {
	.header{ min-width:100%; height:auto; }
	.logo{ width:100%; text-align:center; }
	#nav{ float:none; width:100%; }
	#nav li:first-child{ margin-left:0;}
	#nav li{ line-height:40px;padding: 0 10px; width:calc( 25% - 0px );}
	#nav li a{ line-height:40px;}
	#nav li>i{ height:40px; display:none; }
	#zh-st{ top:10px;}
.topic{ display:block; }	
.topic .radius{ width:100%; }
.topic .radius .shade p{ width:100%;}
	.topic .radius .shade{width:100%;}
	.w1200{ width:100%;overflow: hidden;}
	.w880{ width:100%; float:none;}
	.w300{ width:100%; float:none;}
	.section-focus-pic{ width:100%;}
	.lay{ width:auto;}
	.newslist li .smallimg, .newslist li .smallimg img{ width:100px;}
	.newslistr{ width:calc( 100% - 120px ); }
	.footer{ min-width:100%; }
	.section-focus-pic ul li div{ width:100%; }
	.section-focus-pic ul li h3{ width:100%;padding:0; text-align:left; }
	.sidebar{ width:calc( 100% - 40px );}
	.sidebarnews li{ width:calc( 100% - 13px ); }
	.layout, .main{ width:100%;}
	
	.con_right{ width:100%;}
	.layout_r{ width:calc( 100% - 30px );}
	.img_news li{ width:100%;}
	#recommend_news li{ width:calc( 100% - 158px  );}
	
	#list li img, #xgcon ul li img{ width:100px; }
	#list li h3, #list li p, #list li span, #xgcon ul li h3, #xgcon ul li p, #xgcon ul li span{ width:calc( 100% - 120px );}
	
	.con_left{ width:100%; height:auto; }
	#article{ width:calc( 100% - 30px ); }
	#summary, #remind{ width:calc( 100% - 30px );}
	#spread_04, #spread_05, #spread_06, #spread_07{ width:calc( 100% - 30px );}
	#content{ width:calc( 100% - 0px );}
	#content img{ max-width:100%; height:auto!important; }
	
	.mklist.table{ overflow:auto; }
    .mklist.table::-webkit-scrollbar {display: none;}
    
	
	.baselist{ width:100%;  display:block;flex: 1 1 100%; margin-top:50px; }
.w880.whitebg.lay.left{ display:block; }


#nav li>i { display:none;}

#zh-st{ position: absolute;
        right: 5px;
        top: 20px;}
#nav{ display: block;}
#nav li{ width:calc( 16.66% - 0px ); padding:0; display:block;}
#nav li a{ font-size:13px; display:block; text-align:center;}
#nav li:first-child{ margin-left:0px;}

.markets>li>div:nth-child(1){ width: 50px!important;}
.markets>li>div:nth-child(2){ width: 80px!important;}
.markets>li>div:nth-child(3){ width: 80px!important;}
.markets>li>div:nth-child(4){ width: 80px!important;}
.markets>li>div:nth-child(5){ width: 80px!important;}
.markets>li>div:nth-child(6){ width: 80px!important;}
.markets>li>div:nth-child(7){ width: 80px!important;}
.markets>li>div:nth-child(8){ width: 80px!important;}
.markets>li>div:nth-child(9){ width: 80px!important;}

.newslist li{ max-width:calc( 50% - 60px );}

.w880.whitebg.lay.left{ padding:10px 0;}
.markets>li>div:nth-child(2){ min-width:100px;flex: 1 0 100px;}

.layheader{ padding:10px 10px;}
#list li, #xgcon ul li{ display:block; clear:both;}
#article{ overflow:hidden;}
#list li, #xgcon ul li	{max-width:100%;height: 125px;}
}


@media(max-width: 360px) {
    .newslist li{ max-width:320px;}
    
}